fix(tsconfig): simplify config schema

.changeset/tricky-laws-wash.md

@@ -0,0 +1,13 @@
+---
+"@ultraviolet/illustrations": patch
+"@ultraviolet/nextjs": patch
+"@ultraviolet/themes": patch
+"@ultraviolet/fonts": patch
+"@ultraviolet/icons": patch
+"@ultraviolet/form": patch
+"@ultraviolet/plus": patch
+"@ultraviolet/config": patch
+"@ultraviolet/ui": patch
+---
+
+tsconfig add isolated module

.gitignore

@@ -59,7 +59,6 @@ next-env.d.ts*
 **/playwright/.cache/
 
 #AI
-
+AGENTS.md
 WARP.md
 CLAUDE.md
-AGENT.md

package.json

@@ -37,7 +37,7 @@
     "analyse:deps:ui": "tsx ./utils/scripts/analyse-deps.ts packages/ui/src/components",
     "analyse:deps:form": "tsx ./utils/scripts/analyse-deps.ts packages/form/src/components",
     "tokens:update": "tsx ./utils/scripts/figma-synchronise-token/index.ts && pnpm run format packages/themes/src/themes/console",
-    "icons:update": "tsx ./utils/scripts/generate-icons-file.tsx && pnpm run format packages/icons",
+    "icons:update": "tsx ./utils/scripts/generate-icons-file.ts && pnpm run format packages/icons",
     "release": "pnpm build && pnpm changeset publish",
     "svg": "svgo --config=./svgo.config.mjs --pretty --multipass",
     "svg:all": "pnpm run svg -r -f 'packages/illustrations/src/assets'",

packages/fonts/package.json

@@ -34,12 +34,13 @@
   "type": "module",
   "exports": {
     ".": {
+      "style": "./dist/fonts.css",
       "require": "./dist/fonts.css",
       "import": "./dist/fonts.css",
-      "style": "./dist/fonts.css",
       "default": "./dist/fonts.css"
     },
     "./fonts.css": {
+      "style": "./dist/fonts.css",
       "require": "./dist/fonts.css",
       "import": "./dist/fonts.css",
       "default": "./dist/fonts.css"

packages/form/package.json

@@ -71,6 +71,7 @@
     "@types/final-form-focus": "1.1.7",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
+    "@ultraviolet/config": "workspace:*",
     "@utils/test": "workspace:*",
     "react": "19.2.1",
     "react-dom": "19.2.1"

packages/form/src/components/CheckboxGroupField/index.tsx

@@ -28,7 +28,7 @@ type ElementProps = {
   required?: boolean
 }
 
-export const CheckboxGroupField = <
+const CheckboxGroupFieldComponent = <
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >({
@@ -124,4 +124,13 @@ export const CheckboxGroupField = <
   )
 }
 
-CheckboxGroupField.Checkbox = CheckboxGroup.Checkbox
+type RadioGroupFieldType = typeof CheckboxGroupFieldComponent & {
+  Checkbox: typeof CheckboxGroup.Checkbox
+}
+
+export const CheckboxGroupField: RadioGroupFieldType = Object.assign(
+  CheckboxGroupFieldComponent,
+  {
+    Checkbox: CheckboxGroup.Checkbox,
+  },
+)

packages/form/src/components/RadioGroupField/index.tsx

@@ -14,7 +14,7 @@ type RadioGroupFieldProps<
   Omit<ComponentProps<typeof RadioGroup>, 'value' | 'onChange' | 'legend'> &
   Partial<Pick<ComponentProps<typeof RadioGroup>, 'legend'>>
 
-export const RadioGroupField = <
+const RadioGroupFieldComponent = <
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >({
@@ -63,4 +63,13 @@ export const RadioGroupField = <
   )
 }
 
-RadioGroupField.Radio = RadioGroup.Radio
+type RadioGroupFieldType = typeof RadioGroupFieldComponent & {
+  Radio: typeof RadioGroup.Radio
+}
+
+export const RadioGroupField: RadioGroupFieldType = Object.assign(
+  RadioGroupFieldComponent,
+  {
+    Radio: RadioGroup.Radio,
+  },
+)

packages/form/src/components/SelectableCardGroupField/index.tsx → packages/form/src/components/SelectableCardGroupField/SelectableCardGroupField.tsx

@@ -7,16 +7,15 @@ import { useController } from 'react-hook-form'
 import { useErrors } from '../../providers'
 import type { BaseFieldProps } from '../../types'
 
+type SelectableCardGroupProps = ComponentProps<typeof SelectableCardGroup>
+
 type SelectableCardGroupFieldProps<
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues>,
 > = BaseFieldProps<TFieldValues, TFieldName> &
-  Omit<
-    ComponentProps<typeof SelectableCardGroup>,
-    'name' | 'onChange' | 'value'
-  >
+  Omit<SelectableCardGroupProps, 'name' | 'onChange' | 'value'>
 
-export const SelectableCardGroupField = <
+const SelectableCardGroupFieldComponent = <
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >({
@@ -82,4 +81,11 @@ export const SelectableCardGroupField = <
   )
 }
 
-SelectableCardGroupField.Card = SelectableCardGroup.Card
+type SelectableCardGroupFieldType = typeof SelectableCardGroupFieldComponent & {
+  Card: typeof SelectableCardGroup.Card
+}
+
+export const SelectableCardGroupField: SelectableCardGroupFieldType =
+  Object.assign(SelectableCardGroupFieldComponent, {
+    Card: SelectableCardGroup.Card,
+  })

packages/form/src/components/SelectableCardGroupField/index.ts

@@ -0,0 +1 @@
+export { SelectableCardGroupField } from './SelectableCardGroupField'

packages/form/src/components/SelectableCardOptionGroupField/index.tsx

@@ -7,24 +7,31 @@ import { useController } from 'react-hook-form'
 import { useErrors } from '../../providers'
 import type { BaseFieldProps } from '../../types'
 
+type SelectableCardOptionGroupUI = typeof SelectableCardOptionGroup
+
 type SelectableCardOptionGroupFieldProps<
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues>,
 > = Omit<
-  ComponentProps<typeof SelectableCardOptionGroup>,
+  ComponentProps<SelectableCardOptionGroupUI>,
   'onChange' | 'onChangeOption'
 > &
   Partial<
     Pick<
-      ComponentProps<typeof SelectableCardOptionGroup>,
+      ComponentProps<SelectableCardOptionGroupUI>,
       'onChangeOption' | 'onChange'
     >
   > &
   Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & {
     optionName?: string
   }
 
-export const SelectableCardOptionGroupField = <
+const SelectableCardOptionGroupFieldComponent: <
+  TFieldValues extends FieldValues = FieldValues,
+  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>(
+  props: SelectableCardOptionGroupFieldProps<TFieldValues, TFieldName>,
+) => JSX.Element = <
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >({
@@ -87,4 +94,12 @@ export const SelectableCardOptionGroupField = <
   )
 }
 
-SelectableCardOptionGroupField.Option = SelectableCardOptionGroup.Option
+type SelectableCardOptionGroupFieldType =
+  typeof SelectableCardOptionGroupFieldComponent & {
+    Option: typeof SelectableCardOptionGroup.Option
+  }
+
+export const SelectableCardOptionGroupField: SelectableCardOptionGroupFieldType =
+  Object.assign(SelectableCardOptionGroupFieldComponent, {
+    Option: SelectableCardOptionGroup.Option,
+  })

packages/form/src/components/ToggleGroupField/index.tsx

@@ -13,7 +13,7 @@ type ToggleGroupFieldProps<
 > = BaseFieldProps<TFieldValues, TFieldName> &
   Omit<ComponentProps<typeof ToggleGroup>, 'value' | 'onChange'>
 
-export const ToggleGroupField = <
+const ToggleGroupFieldComponent = <
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >({
@@ -70,4 +70,13 @@ export const ToggleGroupField = <
   )
 }
 
-ToggleGroupField.Toggle = ToggleGroup.Toggle
+type RadioGroupFieldType = typeof ToggleGroupFieldComponent & {
+  Toggle: typeof ToggleGroup.Toggle
+}
+
+export const ToggleGroupField: RadioGroupFieldType = Object.assign(
+  ToggleGroupFieldComponent,
+  {
+    Toggle: ToggleGroup.Toggle,
+  },
+)

packages/form/tsconfig.build.json

@@ -1,20 +1,16 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
-    "declaration": true,
     "rootDir": "src",
-    "outDir": "dist",
-    "skipLibCheck": true
+    "outDir": "dist"
   },
+  "include": ["src"],
   "exclude": [
     "*.config.ts",
     "*.setup.ts",
     "**/__tests__",
     "**/__mocks__",
     "**/__stories__",
     "src/**/*.test.tsx",
-    "vitest.setup.ts"
   ]
 }

packages/form/tsconfig.json

@@ -1,8 +1,9 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/base.json",
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
-  "include": ["src", "vitest.setup.ts"],
+  "include": ["src"],
   "exclude": ["node_modules", "coverage", "dist"]
 }

packages/icons/package.json

@@ -125,6 +125,7 @@
     "@babel/core": "7.28.5",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
+    "@ultraviolet/config": "workspace:*",
     "@utils/test": "workspace:*",
     "react": "19.2.1",
     "react-dom": "19.2.1"

packages/icons/tsconfig.build.json

@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
@@ -12,7 +11,6 @@
     "**/__tests__",
     "**/__mocks__",
     "**/__stories__",
-    "src/**/*.test.tsx",
-    "../../.jest/setupTests.ts"
+    "src/**/*.test.tsx"
   ]
 }

packages/icons/tsconfig.json

@@ -1,8 +1,9 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/base.json",
+  "include": ["src", "../../global.d.ts"],
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
-  "include": ["src", "../../global.d.ts"],
   "exclude": ["node_modules", "coverage", "dist"]
 }

packages/icons/vite.config.ts

@@ -7,7 +7,6 @@ export default mergeConfig(defineConfig(defaultConfig), {
   build: {
     lib: {
       entry: {
-        '': resolve(__dirname, 'src/index.ts'),
         'components/CategoryIcon/index': resolve(
           __dirname,
           'src/components/CategoryIcon/index.ts',
@@ -24,6 +23,7 @@ export default mergeConfig(defineConfig(defaultConfig), {
           __dirname,
           'src/components/ProductIcon/index.ts',
         ),
+        index: resolve(__dirname, 'src/index.ts'),
       },
     },
   },

packages/illustrations/package.json

@@ -104,6 +104,7 @@
     "@vanilla-extract/dynamic": "2.1.5"
   },
   "devDependencies": {
+    "@ultraviolet/config": "workspace:*",
     "@ultraviolet/icons": "workspace:*",
     "@ultraviolet/ui": "workspace:*",
     "@utils/test": "workspace:*",

packages/illustrations/tsconfig.build.json

@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
@@ -12,7 +11,6 @@
     "**/__tests__",
     "**/__mocks__",
     "**/__stories__",
-    "src/**/*.test.tsx",
-    "../../.jest/setupTests.ts"
+    "src/**/*.test.tsx"
   ]
 }

packages/illustrations/tsconfig.json

@@ -1,8 +1,10 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/base.json",
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
-  "include": ["src", "../../global.d.ts"],
+
+  "include": ["src"],
   "exclude": ["node_modules", "coverage", "dist"]
 }

packages/nextjs/package.json

@@ -56,6 +56,7 @@
     "react-dom": "18.x || 19.x"
   },
   "devDependencies": {
+    "@ultraviolet/config": "workspace:*",
     "next": "16.0.7",
     "react": "19.2.1",
     "react-dom": "19.2.1"

packages/nextjs/tsconfig.build.json

@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
@@ -12,7 +11,6 @@
     "**/__tests__",
     "**/__mocks__",
     "**/__stories__",
-    "src/**/*.test.tsx",
-    "vitest.setup.ts"
+    "src/**/*.test.tsx"
   ]
 }

packages/nextjs/tsconfig.json

@@ -1,7 +1,8 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/base.json",
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
   "include": ["src", "../../global.d.ts"],
   "exclude": ["node_modules", "coverage", "dist"]

packages/plus/package.json

@@ -71,6 +71,7 @@
     "@babel/core": "7.28.5",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
+    "@ultraviolet/config": "workspace:*",
     "@ultraviolet/illustrations": "workspace:*",
     "@utils/test": "workspace:*",
     "react": "19.2.1",