feat(vite-v8): migrate

package.json

@@ -143,7 +143,6 @@
     "cross-env": "10.1.0",
     "cz-conventional-changelog": "3.3.0",
     "date-fns": "4.1.0",
-    "esbuild-plugin-browserslist": "2.0.0",
     "eslint": "9.39.1",
     "eslint-plugin-oxlint": "1.31.0",
     "eslint-plugin-storybook": "9.1.16",
@@ -177,7 +176,7 @@
     "tsx": "4.21.0",
     "turbo": "2.6.1",
     "typescript": "5.9.3",
-    "vite": "7.2.6",
+    "vite": "8.0.0-beta.0",
     "vitest": "3.2.4",
     "vitest-canvas-mock": "0.3.3",
     "vitest-localstorage-mock": "0.1.2",

packages/form/package.json

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

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

@@ -7,14 +7,13 @@ 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 = <
   TFieldValues extends FieldValues,

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

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

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

@@ -7,24 +7,26 @@ 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 SelectableCardOptionGroupField = <
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >({
@@ -88,3 +90,5 @@ export const SelectableCardOptionGroupField = <
 }
 
 SelectableCardOptionGroupField.Option = SelectableCardOptionGroup.Option
+
+export { SelectableCardOptionGroupField }

packages/form/tsconfig.build.json

@@ -1,12 +1,9 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
-    "declaration": true,
     "rootDir": "src",
-    "outDir": "dist",
-    "skipLibCheck": true
+    "outDir": "dist"
   },
   "exclude": [
     "*.config.ts",

packages/form/tsconfig.json

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

packages/icons/package.json

@@ -125,11 +125,13 @@
     "@babel/core": "7.28.5",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
+
     "@utils/test": "workspace:*",
     "react": "19.2.0",
     "react-dom": "19.2.0"
   },
   "dependencies": {
+    "@ultraviolet/config": "workspace:*",
     "@ultraviolet/themes": "workspace:*",
     "@vanilla-extract/css": "1.17.4",
     "@vanilla-extract/dynamic": "2.1.5",

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"
   },

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/illustrations/package.json

@@ -106,6 +106,7 @@
   "devDependencies": {
     "@ultraviolet/icons": "workspace:*",
     "@ultraviolet/ui": "workspace:*",
+    "@ultraviolet/config": "workspace:*",
     "@utils/test": "workspace:*",
     "@vanilla-extract/vite-plugin": "5.1.1",
     "react": "19.2.0",

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"
   },

packages/illustrations/tsconfig.json

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

packages/nextjs/package.json

@@ -60,6 +60,7 @@
   "devDependencies": {
     "@ultraviolet/themes": "workspace:*",
     "@ultraviolet/ui": "workspace:*",
+    "@ultraviolet/config": "workspace:*",
     "next": "16.0.7",
     "react": "19.2.0",
     "react-dom": "19.2.0"

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"
   },

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

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

packages/plus/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"
   },

packages/themes/package.json

@@ -65,6 +65,7 @@
     "@vanilla-extract/dynamic": "2.1.5"
   },
   "devDependencies": {
+    "@ultraviolet/config": "workspace:*",
     "react": "19.2.0",
     "react-dom": "19.2.0"
   }

packages/themes/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"
   },

packages/themes/tsconfig.json

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

packages/ui/package.json

@@ -75,6 +75,7 @@
     "react-dom": "18.x || 19.x"
   },
   "devDependencies": {
+    "@ultraviolet/config": "workspace:*",
     "@babel/core": "7.28.5",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",

packages/ui/src/components/Chip/ChipIcon.tsx

@@ -3,7 +3,7 @@
 import * as Icon from '@ultraviolet/icons'
 import type { RefObject } from 'react'
 import { useContext } from 'react'
-import type { PascalToCamelCaseWithoutSuffix } from 'src/types'
+import type { PascalToCamelCaseWithoutSuffix } from '../../types'
 import { ChipContext } from './ChipContext'
 import { buttonContainer } from './styles.css'
 

packages/ui/src/components/SelectableCardOptionGroup/index.ts

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

packages/ui/src/components/Slider/components/DoubleSlider.tsx

@@ -375,7 +375,7 @@ export const DoubleSlider = ({
                 onFocus={onFocus}
                 step={step}
                 style={assignInlineVars({
-                  [leftVar]: `calc(${((selectedIndexes[1] - min) * 100) / (max - min)}% - ${THUMB_SIZE / 2}px`,
+                  [leftVar]: `calc(${(((selectedIndexes[1] ?? 0) - min) * 100) / (max - min)}% - ${THUMB_SIZE / 2}px`,
                   [thumbColor]:
                     theme.theme === 'light'
                       ? theme.colors.neutral.background

packages/ui/src/components/Slider/components/SingleSlider.tsx

@@ -183,7 +183,9 @@ export const SingleSlider = ({
     THUMB_SIZE / 2 -
     sliderWidth / 2
 
-  const valueToShow = options ? options[selectedIndex]?.value : selectedIndex
+  const valueToShow = options?.[selectedIndex]
+    ? options[selectedIndex].value
+    : selectedIndex
 
   return (
     <Stack direction={direction} gap={1} justifyContent="left">

packages/ui/src/components/Table/Row.tsx

@@ -132,7 +132,9 @@ export const Row = ({
                     }
                     disabled={!!selectDisabled}
                     name="table-select-checkbox"
-                    onChange={() => handleOnChange(id, selectedRowIds[id])}
+                    onChange={() =>
+                      handleOnChange(id, selectedRowIds[id] ?? false)
+                    }
                     ref={checkboxRowRef}
                     value={id}
                   />

packages/ui/src/components/Text/style.css.ts

@@ -1,7 +1,7 @@
 import { theme } from '@ultraviolet/themes'
 import type { RecipeVariants } from '@vanilla-extract/recipes'
 import { recipe } from '@vanilla-extract/recipes'
-import type { ExtendedColor } from 'src/theme'
+import type { ExtendedColor } from '../../theme'
 import { typography } from '../../theme'
 import { PROMINENCES } from './constants'
 import capitalize from '../../utils/capitalize'

packages/ui/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"
   },

packages/ui/tsconfig.json

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