feat: upgrade TypeScript to 6.0.1-rc

Update TypeScript from 5.9.3 to 6.0.1-rc with type fixes for combobox components. Extracted ComboboxProps type alias for better type safety and added module declarations for CSS and fonts.

Co-authored-by: Claude <noreply@anthropic.com>

Author: yoannfleurydev

package.json

@@ -152,7 +152,7 @@
     "resize-observer-polyfill": "1.5.1",
     "storybook": "10.2.14",
     "ts-plugin-sort-import-suggestions": "1.0.4",
-    "typescript": "5.9.3",
+    "typescript": "6.0.1-rc",
     "vite": "7.3.1",
     "vite-tsconfig-paths": "6.0.5",
     "vitest": "4.0.18",

pnpm-lock.yaml

@@ -21,6 +21,7 @@ import {
   ComboboxEmpty,
   ComboboxItem,
   ComboboxList,
+  type ComboboxProps,
   ComboboxValue,
   useComboboxAnchor,
 } from '@/components/ui/combobox';
@@ -37,7 +38,7 @@ export const FieldComboboxMultiple = <TItem extends Item>(
       containerProps?: ComponentProps<typeof FormFieldContainer>;
       inputProps?: ComponentProps<typeof ComboboxChipsInput>;
     } & Omit<
-      ComponentProps<typeof Combobox>,
+      ComboboxProps<TItem, true>,
       'items' | 'value' | 'multiple' | 'defaultValue' | 'children'
     > & {
         items: TItem[];

src/components/form/field-combobox-multiple/index.tsx

@@ -13,6 +13,7 @@ import {
   ComboboxInput,
   ComboboxItem,
   ComboboxList,
+  type ComboboxProps,
 } from '@/components/ui/combobox';
 
 type Item = {
@@ -27,7 +28,7 @@ export const FieldCombobox = <TItem extends Item>(
       containerProps?: ComponentProps<typeof FormFieldContainer>;
       inputProps?: ComponentProps<typeof ComboboxInput>;
     } & Omit<
-      ComponentProps<typeof Combobox>,
+      ComboboxProps<TItem>,
       'items' | 'value' | 'multiple' | 'children'
     > & {
         items: TItem[];
@@ -66,7 +67,7 @@ export const FieldCombobox = <TItem extends Item>(
         }
         itemToStringLabel={(item: TItem) => item.label?.toString() ?? ''}
         itemToStringValue={(item: TItem) => item.value}
-        onValueChange={(item: TItem, event) => {
+        onValueChange={(item: TItem | null, event) => {
           field.onChange(item?.value ?? null, event);
           rest.onValueChange?.(item?.value ?? null, event);
         }}

src/components/form/field-combobox/index.tsx

@@ -14,8 +14,13 @@ import {
   InputGroupInput,
 } from '@/components/ui/input-group';
 
+type ComboboxProps<
+  Value = unknown,
+  Multiple extends boolean | undefined = false,
+> = ComboboxPrimitive.Root.Props<Value, Multiple>;
+
 function Combobox<Value, Multiple extends boolean | undefined = false>(
-  props: ComboboxPrimitive.Root.Props<Value, Multiple>
+  props: ComboboxProps<Value, Multiple>
 ): React.JSX.Element {
   return <ComboboxPrimitive.Root autoHighlight {...props} />;
 }
@@ -334,6 +339,7 @@ export {
   ComboboxItem,
   ComboboxLabel,
   ComboboxList,
+  type ComboboxProps,
   ComboboxSeparator,
   ComboboxTrigger,
   ComboboxValue,

src/components/ui/combobox.tsx

@@ -0,0 +1,4 @@
+// ./src/globals.d.ts
+declare module '*.css';
+declare module '@fontsource/*' {}
+declare module '@fontsource-variable/*' {}

src/global.d.ts

@@ -8,9 +8,9 @@
     "strictNullChecks": true,
     "noUncheckedIndexedAccess": true,
     "noImplicitAny": true,
-    "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*"],
+      "e2e/*": ["./e2e/*"]
     },
     "typeRoots": ["node_modules/@types", "src/types"],
     "plugins": [