@k8o/arte-odyssey 1.4.1 → 1.4.3

package/dist/components/form/autocomplete/autocomplete.d.ts

@@ -1,15 +1,23 @@
 import { type FC } from 'react';
 import type { Option } from '../../../types/variables';
-type Props = {
+type BaseProps = {
     id: string;
     describedbyId: string | undefined;
     isInvalid: boolean;
     isDisabled: boolean;
     isRequired: boolean;
     options: readonly Option[];
-    value?: string[];
-    defaultValue?: string[];
+};
+type ControlledProps = {
+    value: string[];
     onChange: (value: string[]) => void;
+    defaultValue?: never;
+};
+type UncontrolledProps = {
+    defaultValue?: string[];
+    value?: never;
+    onChange?: (value: string[]) => void;
 };
+type Props = BaseProps & (ControlledProps | UncontrolledProps);
 export declare const Autocomplete: FC<Props>;
 export {};

package/dist/components/form/autocomplete/autocomplete.js

@@ -28,7 +28,7 @@ const Autocomplete = ({
       if (!isControlled) {
         setInternalValue(newValue);
       }
-      onChange(newValue);
+      onChange?.(newValue);
     },
     [isControlled, onChange]
   );

package/dist/components/form/autocomplete/autocomplete.stories.js

@@ -4,7 +4,7 @@ import { Autocomplete } from "./autocomplete";
 const meta = {
   title: "components/form/autocomplete",
   component: Autocomplete,
-  render: (props) => {
+  render: ({ id, describedbyId, isInvalid, isDisabled, isRequired }) => {
     const options = [
       { value: "2", label: "2\u9032\u6570" },
       { value: "8", label: "8\u9032\u6570" },
@@ -15,7 +15,11 @@ const meta = {
     return /* @__PURE__ */ jsx(
       Autocomplete,
       {
-        ...props,
+        describedbyId,
+        id,
+        isDisabled,
+        isInvalid,
+        isRequired,
         onChange: setValue,
         options,
         value

package/dist/components/form/checkbox/checkbox.d.ts

@@ -1,9 +1,17 @@
 import { type ChangeEventHandler, type FC } from 'react';
-type Props = {
+type BaseProps = {
     label: string;
+};
+type ControlledProps = {
     value: boolean;
-    defaultChecked?: boolean;
     onChange: ChangeEventHandler<HTMLInputElement>;
+    defaultChecked?: never;
+};
+type UncontrolledProps = {
+    defaultChecked?: boolean;
+    value?: never;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
 };
+type Props = BaseProps & (ControlledProps | UncontrolledProps);
 export declare const Checkbox: FC<Props>;
 export {};

package/dist/components/form/checkbox/checkbox.js

@@ -8,18 +8,28 @@ const Checkbox = ({
   defaultChecked,
   onChange
 }) => {
+  const [internalChecked, setInternalChecked] = useState(
+    defaultChecked ?? false
+  );
   const [isFocus, setIsFocus] = useState(false);
+  const isControlled = value !== void 0;
+  const checked = isControlled ? value : internalChecked;
   return /* @__PURE__ */ jsxs("label", { className: "inline-flex cursor-pointer items-center gap-2", children: [
     /* @__PURE__ */ jsx(
       "input",
       {
-        checked: value,
+        checked: isControlled ? value : void 0,
         className: "sr-only",
-        defaultChecked,
+        defaultChecked: isControlled ? void 0 : defaultChecked,
         onBlur: () => {
           setIsFocus(false);
         },
-        onChange,
+        onChange: (e) => {
+          if (!isControlled) {
+            setInternalChecked(e.target.checked);
+          }
+          onChange?.(e);
+        },
         onFocus: () => {
           setIsFocus(true);
         },
@@ -33,9 +43,9 @@ const Checkbox = ({
         className: cn(
           "inline-flex size-5 items-center justify-center rounded-md border-2",
           isFocus && "bordertransparent outline-hidden ring-2 ring-border-info",
-          value ? "border-border-base bg-primary-bg text-fg-base" : "border-border-mute bg-bg-base"
+          checked ? "border-border-base bg-primary-bg text-fg-base" : "border-border-mute bg-bg-base"
         ),
-        children: value ? /* @__PURE__ */ jsx(CheckIcon, { size: "sm" }) : null
+        children: checked ? /* @__PURE__ */ jsx(CheckIcon, { size: "sm" }) : null
       }
     ),
     /* @__PURE__ */ jsx("span", { className: "text-lg", children: label })

package/dist/components/form/file-field/file-field.js

@@ -84,7 +84,7 @@ const Root = ({
     }),
     [isDisabled, isInvalid, acceptedFiles, onFileDelete, openFilePicker]
   );
-  return /* @__PURE__ */ jsxs(FileFieldProvider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsx(FileFieldProvider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -104,7 +104,7 @@ const Root = ({
       }
     ),
     children
-  ] });
+  ] }) });
 };
 const Trigger = ({ renderItem }) => {
   const context = useFileFieldContext();

package/dist/components/form/number-field/number-field.d.ts

@@ -1,18 +1,26 @@
 import { type FC } from 'react';
-type Props = {
+type BaseProps = {
     id?: string;
     describedbyId?: string | undefined;
     isInvalid: boolean;
     isDisabled: boolean;
     isRequired: boolean;
-    value: number;
-    defaultValue?: number;
-    onChange: (value: number) => void;
     step?: number;
     precision?: number;
     max?: number;
     min?: number;
     placeholder?: string;
 };
+type ControlledProps = {
+    value: number;
+    onChange: (value: number) => void;
+    defaultValue?: never;
+};
+type UncontrolledProps = {
+    defaultValue?: number;
+    value?: never;
+    onChange?: (value: number) => void;
+};
+type Props = BaseProps & (ControlledProps | UncontrolledProps);
 export declare const NumberField: FC<Props>;
 export {};

package/dist/components/form/number-field/number-field.js

@@ -18,16 +18,24 @@ const NumberField = ({
   min = -9007199254740991,
   placeholder
 }) => {
+  const isControlled = value !== void 0;
+  const initialValue = defaultValue ?? value ?? 0;
+  const [internalValue, setInternalValue] = useState(initialValue);
   const [displayValue, setDisplayValue] = useState(
-    defaultValue !== void 0 ? defaultValue.toFixed(precision) : value.toFixed(precision)
+    initialValue.toFixed(precision)
   );
-  const [prevValue, setPrevValue] = useState(
-    defaultValue !== void 0 ? defaultValue : value
-  );
-  if (value !== prevValue) {
+  const [prevValue, setPrevValue] = useState(initialValue);
+  const currentValue = isControlled ? value : internalValue;
+  if (isControlled && value !== prevValue) {
     setDisplayValue(value.toFixed(precision));
     setPrevValue(value);
   }
+  const handleChange = (newValue) => {
+    if (!isControlled) {
+      setInternalValue(newValue);
+    }
+    onChange?.(newValue);
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -46,7 +54,7 @@ const NumberField = ({
             "aria-required": isRequired,
             "aria-valuemax": max,
             "aria-valuemin": min,
-            "aria-valuenow": value,
+            "aria-valuenow": currentValue,
             autoComplete: "off",
             autoCorrect: "off",
             className: cn(
@@ -58,7 +66,7 @@ const NumberField = ({
             inputMode: "decimal",
             onBlur: () => {
               const newValue = between(cast(displayValue, precision), min, max);
-              onChange(newValue);
+              handleChange(newValue);
               setDisplayValue(newValue.toFixed(precision));
             },
             onChange: (e) => {
@@ -74,7 +82,7 @@ const NumberField = ({
                   min,
                   max
                 );
-                onChange(newValue);
+                handleChange(newValue);
                 setDisplayValue(newValue.toFixed(precision));
               }
               if (e.key === "ArrowDown") {
@@ -83,7 +91,7 @@ const NumberField = ({
                   min,
                   max
                 );
-                onChange(newValue);
+                handleChange(newValue);
                 setDisplayValue(newValue.toFixed(precision));
               }
             },
@@ -109,7 +117,7 @@ const NumberField = ({
                   min,
                   max
                 );
-                onChange(newValue);
+                handleChange(newValue);
                 setDisplayValue(newValue.toFixed(precision));
               },
               tabIndex: -1,
@@ -134,7 +142,7 @@ const NumberField = ({
                   min,
                   max
                 );
-                onChange(newValue);
+                handleChange(newValue);
                 setDisplayValue(newValue.toFixed(precision));
               },
               tabIndex: -1,

package/dist/components/form/number-field/number-field.stories.js

@@ -9,9 +9,36 @@ const meta = {
     id: "textfield",
     describedbyId: "numberfield-feedback"
   },
-  render: (args) => {
+  render: ({
+    id,
+    describedbyId,
+    isInvalid,
+    isDisabled,
+    isRequired,
+    step,
+    precision,
+    max,
+    min,
+    placeholder
+  }) => {
     const [value, setValue] = useState(0);
-    return /* @__PURE__ */ jsx(NumberField, { ...args, onChange: setValue, value });
+    return /* @__PURE__ */ jsx(
+      NumberField,
+      {
+        describedbyId,
+        id,
+        isDisabled,
+        isInvalid,
+        isRequired,
+        max,
+        min,
+        onChange: setValue,
+        placeholder,
+        precision,
+        step,
+        value
+      }
+    );
   },
   parameters: {
     a11y: {

package/dist/components/form/radio/radio.d.ts

@@ -1,12 +1,20 @@
 import type { ChangeEventHandler, FC } from 'react';
 import type { Option } from '../../../types/variables';
-type Props = {
+type BaseProps = {
     labelId: string;
     isDisabled: boolean;
+    options: readonly Option[];
+};
+type ControlledProps = {
     value: string;
-    defaultValue?: string;
     onChange: ChangeEventHandler<HTMLInputElement>;
-    options: readonly Option[];
+    defaultValue?: never;
+};
+type UncontrolledProps = {
+    defaultValue?: string;
+    value?: never;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
 };
+type Props = BaseProps & (ControlledProps | UncontrolledProps);
 export declare const Radio: FC<Props>;
 export {};

package/dist/components/form/radio/radio.js

@@ -28,12 +28,12 @@ const Radio = ({
             /* @__PURE__ */ jsx(
               "input",
               {
-                checked: value === option.value,
+                checked: value !== void 0 ? value === option.value : void 0,
                 className: cn(
                   "cursor-pointer",
                   "disabled:cursor-not-allowed disabled:bg-bg-mute"
                 ),
-                defaultChecked: defaultValue === option.value,
+                defaultChecked: defaultValue !== void 0 ? defaultValue === option.value : void 0,
                 disabled: isDisabled,
                 onChange,
                 type: "radio",

package/dist/components/form/range-field/range-field.d.ts

@@ -1,18 +1,26 @@
-import type { FC } from 'react';
-type Props = {
+import { type FC } from 'react';
+type BaseProps = {
     id?: string;
     describedbyId?: string | undefined;
     isInvalid: boolean;
     isDisabled: boolean;
     isRequired: boolean;
-    value: number;
-    defaultValue?: number;
-    onChange: (value: number) => void;
     step?: number;
     max?: number;
     min?: number;
     showValue?: boolean;
     unit?: string;
 };
+type ControlledProps = {
+    value: number;
+    onChange: (value: number) => void;
+    defaultValue?: never;
+};
+type UncontrolledProps = {
+    defaultValue?: number;
+    value?: never;
+    onChange?: (value: number) => void;
+};
+type Props = BaseProps & (ControlledProps | UncontrolledProps);
 export declare const RangeField: FC<Props>;
 export {};

package/dist/components/form/range-field/range-field.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { cn } from "./../../../helpers/cn";
 const RangeField = ({
   id,
@@ -15,7 +16,17 @@ const RangeField = ({
   showValue = true,
   unit = ""
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+  const isControlled = value !== void 0;
+  const initialValue = defaultValue ?? value ?? min;
+  const [internalValue, setInternalValue] = useState(initialValue);
+  const currentValue = isControlled ? value : internalValue;
+  const handleChange = (newValue) => {
+    if (!isControlled) {
+      setInternalValue(newValue);
+    }
+    onChange?.(newValue);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-4", children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -23,7 +34,7 @@ const RangeField = ({
         "aria-invalid": isInvalid,
         "aria-valuemax": max,
         "aria-valuemin": min,
-        "aria-valuenow": value,
+        "aria-valuenow": currentValue,
         className: cn(
           "h-2 flex-1 cursor-pointer appearance-none rounded-lg bg-bg-subtle",
           "range-slider",
@@ -31,22 +42,22 @@ const RangeField = ({
           "disabled:cursor-not-allowed disabled:opacity-50",
           isInvalid && "ring-2 ring-border-error"
         ),
-        defaultValue,
+        defaultValue: isControlled ? void 0 : defaultValue,
         disabled: isDisabled,
         id,
         max,
         min,
         onChange: (e) => {
-          onChange(Number(e.target.value));
+          handleChange(Number(e.target.value));
         },
         required: isRequired,
         step,
         type: "range",
-        value
+        value: isControlled ? value : void 0
       }
     ),
     showValue && /* @__PURE__ */ jsxs("span", { className: "w-16 text-fg-base text-sm", children: [
-      value,
+      currentValue,
       unit
     ] })
   ] });

package/dist/components/form/range-field/range-field.stories.js

@@ -22,22 +22,38 @@ const meta = {
 };
 var range_field_stories_default = meta;
 const Default = {
-  render: (args) => {
-    const [value, setValue] = useState(args.value || 50);
+  render: ({
+    id,
+    describedbyId,
+    isInvalid,
+    isDisabled,
+    isRequired,
+    step,
+    max,
+    min,
+    showValue,
+    unit
+  }) => {
+    const [value, setValue] = useState(50);
     return /* @__PURE__ */ jsx("div", { className: "w-80", children: /* @__PURE__ */ jsx(
       RangeField,
       {
-        ...args,
-        onChange: (newValue) => {
-          setValue(newValue);
-          args.onChange(newValue);
-        },
+        describedbyId,
+        id,
+        isDisabled,
+        isInvalid,
+        isRequired,
+        max,
+        min,
+        onChange: setValue,
+        showValue,
+        step,
+        unit,
         value
       }
     ) });
   },
   args: {
-    value: 50,
     min: 0,
     max: 100,
     step: 1,
@@ -48,22 +64,38 @@ const Default = {
   }
 };
 const WithUnit = {
-  render: (args) => {
-    const [value, setValue] = useState(args.value || 200);
+  render: ({
+    id,
+    describedbyId,
+    isInvalid,
+    isDisabled,
+    isRequired,
+    step,
+    max,
+    min,
+    showValue,
+    unit
+  }) => {
+    const [value, setValue] = useState(200);
     return /* @__PURE__ */ jsx("div", { className: "w-80", children: /* @__PURE__ */ jsx(
       RangeField,
       {
-        ...args,
-        onChange: (newValue) => {
-          setValue(newValue);
-          args.onChange(newValue);
-        },
+        describedbyId,
+        id,
+        isDisabled,
+        isInvalid,
+        isRequired,
+        max,
+        min,
+        onChange: setValue,
+        showValue,
+        step,
+        unit,
         value
       }
     ) });
   },
   args: {
-    value: 200,
     min: 100,
     max: 500,
     step: 10,
@@ -75,22 +107,38 @@ const WithUnit = {
   }
 };
 const WithoutValue = {
-  render: (args) => {
-    const [value, setValue] = useState(args.value || 75);
+  render: ({
+    id,
+    describedbyId,
+    isInvalid,
+    isDisabled,
+    isRequired,
+    step,
+    max,
+    min,
+    showValue,
+    unit
+  }) => {
+    const [value, setValue] = useState(75);
     return /* @__PURE__ */ jsx("div", { className: "w-80", children: /* @__PURE__ */ jsx(
       RangeField,
       {
-        ...args,
-        onChange: (newValue) => {
-          setValue(newValue);
-          args.onChange(newValue);
-        },
+        describedbyId,
+        id,
+        isDisabled,
+        isInvalid,
+        isRequired,
+        max,
+        min,
+        onChange: setValue,
+        showValue,
+        step,
+        unit,
         value
       }
     ) });
   },
   args: {
-    value: 75,
     min: 0,
     max: 100,
     step: 5,
@@ -101,22 +149,38 @@ const WithoutValue = {
   }
 };
 const Disabled = {
-  render: (args) => {
-    const [value, setValue] = useState(args.value || 30);
+  render: ({
+    id,
+    describedbyId,
+    isInvalid,
+    isDisabled,
+    isRequired,
+    step,
+    max,
+    min,
+    showValue,
+    unit
+  }) => {
+    const [value, setValue] = useState(30);
     return /* @__PURE__ */ jsx("div", { className: "w-80", children: /* @__PURE__ */ jsx(
       RangeField,
       {
-        ...args,
-        onChange: (newValue) => {
-          setValue(newValue);
-          args.onChange(newValue);
-        },
+        describedbyId,
+        id,
+        isDisabled,
+        isInvalid,
+        isRequired,
+        max,
+        min,
+        onChange: setValue,
+        showValue,
+        step,
+        unit,
         value
       }
     ) });
   },
   args: {
-    value: 30,
     min: 0,
     max: 100,
     step: 1,
@@ -127,22 +191,38 @@ const Disabled = {
   }
 };
 const Invalid = {
-  render: (args) => {
-    const [value, setValue] = useState(args.value || 90);
+  render: ({
+    id,
+    describedbyId,
+    isInvalid,
+    isDisabled,
+    isRequired,
+    step,
+    max,
+    min,
+    showValue,
+    unit
+  }) => {
+    const [value, setValue] = useState(90);
     return /* @__PURE__ */ jsx("div", { className: "w-80", children: /* @__PURE__ */ jsx(
       RangeField,
       {
-        ...args,
-        onChange: (newValue) => {
-          setValue(newValue);
-          args.onChange(newValue);
-        },
+        describedbyId,
+        id,
+        isDisabled,
+        isInvalid,
+        isRequired,
+        max,
+        min,
+        onChange: setValue,
+        showValue,
+        step,
+        unit,
         value
       }
     ) });
   },
   args: {
-    value: 90,
     min: 0,
     max: 100,
     step: 1,

package/dist/components/form/select/select.d.ts

@@ -1,15 +1,23 @@
 import type { ChangeEventHandler, FC } from 'react';
 import type { Option } from '../../../types/variables';
-type Props = {
+type BaseProps = {
     id: string;
     describedbyId: string | undefined;
     isInvalid: boolean;
     isDisabled: boolean;
     isRequired: boolean;
     options: readonly Option[];
+};
+type ControlledProps = {
     value: string;
-    defaultValue?: string;
     onChange: ChangeEventHandler<HTMLSelectElement>;
+    defaultValue?: never;
+};
+type UncontrolledProps = {
+    defaultValue?: string;
+    value?: never;
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
 };
+type Props = BaseProps & (ControlledProps | UncontrolledProps);
 export declare const Select: FC<Props>;
 export {};

package/dist/components/form/select/select.js

@@ -33,7 +33,7 @@ const Select = ({
         children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "-translate-y-1/2 absolute top-2/4 right-3", children: /* @__PURE__ */ jsx(ChevronIcon, { direction: "down", size: "sm" }) })
+    /* @__PURE__ */ jsx("div", { className: "absolute top-2/4 right-3 -translate-y-1/2", children: /* @__PURE__ */ jsx(ChevronIcon, { direction: "down", size: "sm" }) })
   ] });
 };
 export {

package/dist/components/form/text-field/text-field.d.ts

@@ -1,5 +1,5 @@
 import type { ChangeEventHandler, FC } from 'react';
-type Props = {
+type BaseProps = {
     id?: string;
     name?: string;
     describedbyId?: string | undefined;
@@ -7,9 +7,17 @@ type Props = {
     isDisabled: boolean;
     isRequired: boolean;
     placeholder?: string;
+};
+type ControlledProps = {
+    value: string;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    defaultValue?: never;
+};
+type UncontrolledProps = {
     defaultValue?: string;
-    value?: string;
+    value?: never;
     onChange?: ChangeEventHandler<HTMLInputElement>;
 };
+type Props = BaseProps & (ControlledProps | UncontrolledProps);
 export declare const TextField: FC<Props>;
 export {};

package/dist/components/form/textarea/textarea.d.ts

@@ -1,5 +1,5 @@
 import { type ChangeEventHandler, type FC } from 'react';
-type Props = {
+type BaseProps = {
     id: string;
     name?: string;
     describedbyId: string | undefined;
@@ -10,9 +10,17 @@ type Props = {
     rows?: number;
     fullHeight?: boolean;
     autoResize?: boolean;
+};
+type ControlledProps = {
+    value: string;
+    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+    defaultValue?: never;
+};
+type UncontrolledProps = {
     defaultValue?: string;
-    value?: string;
+    value?: never;
     onChange?: ChangeEventHandler<HTMLTextAreaElement>;
 };
+type Props = BaseProps & (ControlledProps | UncontrolledProps);
 export declare const Textarea: FC<Props>;
 export {};

package/dist/components/tabs/tabs.js

@@ -106,7 +106,7 @@ const Tab = ({ id, children }) => {
         selectedId === id && /* @__PURE__ */ jsx(
           motion.div,
           {
-            className: "-bottom-0.5 absolute right-0 left-0 h-1 bg-primary-border",
+            className: "absolute right-0 -bottom-0.5 left-0 h-1 bg-primary-border",
             layoutId: "underline"
           }
         ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8o/arte-odyssey",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "k8o's react ui library",
   "author": "k8o <kosakanoki@gmail.com>",
   "keywords": [
@@ -53,34 +53,34 @@
   ],
   "dependencies": {
     "@floating-ui/react": "0.27.16",
-    "baseline-status": "1.0.11",
+    "baseline-status": "1.1.1",
     "clsx": "2.1.1",
-    "esbuild": "0.27.0",
-    "lucide-react": "0.555.0",
-    "motion": "12.23.24",
+    "esbuild": "0.27.2",
+    "lucide-react": "0.562.0",
+    "motion": "12.23.26",
     "react-error-boundary": "6.0.0",
     "tailwind-merge": "3.4.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.3",
-    "@storybook/addon-a11y": "10.1.2",
-    "@storybook/addon-docs": "10.1.2",
-    "@storybook/addon-vitest": "10.1.2",
-    "@storybook/react-vite": "10.1.2",
-    "@tailwindcss/postcss": "4.1.17",
+    "@storybook/addon-a11y": "10.1.10",
+    "@storybook/addon-docs": "10.1.10",
+    "@storybook/addon-vitest": "10.1.10",
+    "@storybook/react-vite": "10.1.10",
+    "@tailwindcss/postcss": "4.1.18",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react-swc": "4.2.2",
-    "@vitest/browser-playwright": "4.0.14",
-    "@vitest/ui": "4.0.14",
+    "@vitest/browser-playwright": "4.0.16",
+    "@vitest/ui": "4.0.16",
     "postcss": "8.5.6",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
-    "storybook": "10.1.2",
-    "storybook-addon-mock-date": "1.0.2",
-    "tailwindcss": "4.1.17",
-    "vite": "7.2.4",
-    "vitest": "4.0.14",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "storybook": "10.1.10",
+    "storybook-addon-mock-date": "2.0.0",
+    "tailwindcss": "4.1.18",
+    "vite": "7.3.0",
+    "vitest": "4.0.16",
     "vitest-browser-react": "2.0.2"
   },
   "peerDependencies": {
@@ -104,6 +104,6 @@
     "test:coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
     "check": "biome check",
-    "check:write": "biome check --write"
+    "check:write": "biome check --write --unsafe"
   }
 }