@trsys-tech/matrix-library 0.6.0-alpha.0 → 0.6.1

package/dist/tabs.es.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as r from "react";
-import { Root as m, List as i, Trigger as n, Content as d } from "@radix-ui/react-tabs";
+import { Root as m, Content as i, List as n, Trigger as d } from "@radix-ui/react-tabs";
 import { cn as o } from "./utils.es.js";
 const u = m, l = r.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ s(
-  i,
+  n,
   {
     ref: a,
     className: o(
@@ -13,10 +13,10 @@ const u = m, l = r.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-l.displayName = i.displayName;
+l.displayName = n.displayName;
 const f = r.forwardRef(
   ({ className: t, ...e }, a) => /* @__PURE__ */ s(
-    n,
+    d,
     {
       ref: a,
       className: o(
@@ -27,11 +27,11 @@ const f = r.forwardRef(
     }
   )
 );
-f.displayName = n.displayName;
+f.displayName = d.displayName;
 const c = r.forwardRef(
-  ({ className: t, ...e }, a) => /* @__PURE__ */ s(d, { ref: a, className: o("mt-2", t), ...e })
+  ({ className: t, ...e }, a) => /* @__PURE__ */ s(i, { ref: a, className: o("mt-2", t), ...e })
 );
-c.displayName = d.displayName;
+c.displayName = i.displayName;
 export {
   u as Tabs,
   c as TabsContent,

package/dist/textfield.es.js

@@ -1,8 +1,8 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import * as y from "react";
-import { tv as w } from "tailwind-variants";
-import { cn as l } from "./utils.es.js";
-const N = w({
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import * as N from "react";
+import { tv as F } from "tailwind-variants";
+import { cn as d } from "./utils.es.js";
+const j = F({
   base: [
     "flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs [&_input]:text-xs font-medium transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
     "placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100",
@@ -18,28 +18,48 @@ const N = w({
   defaultVariants: {
     size: "md"
   }
-}), v = y.forwardRef(
-  ({ className: d, slotProps: t, suffix: e, endAdornment: m, startAdornment: r, size: f, value: p, onChange: u, defaultValue: x, type: i, disabled: a, onWheel: n, ...c }, b) => {
-    const h = (o) => {
+}), z = N.forwardRef(
+  ({
+    className: l,
+    slotProps: r,
+    suffix: e,
+    endAdornment: m,
+    startAdornment: t,
+    size: f,
+    value: p,
+    onChange: u,
+    defaultValue: x,
+    type: i,
+    disabled: a,
+    onWheel: n,
+    id: b,
+    "aria-describedby": c,
+    "aria-invalid": h,
+    ...g
+  }, y) => {
+    const w = (o) => {
       i === "number" && o.target.blur(), n && n(o);
     };
-    return /* @__PURE__ */ g("div", { ...c, className: l(N({ size: f, className: d })), "aria-disabled": a, children: [
-      r,
+    return /* @__PURE__ */ v("div", { ...g, className: d(j({ size: f, className: l })), "aria-disabled": a, children: [
+      t,
       /* @__PURE__ */ s(
         "input",
         {
           type: i,
-          onWheel: h,
-          ref: b,
+          onWheel: w,
+          ref: y,
+          id: b,
+          "aria-describedby": c,
+          "aria-invalid": h,
           onChange: u,
           value: p,
           defaultValue: x,
           disabled: a,
-          ...t?.inputProps ?? {},
-          className: l(
+          ...r?.inputProps ?? {},
+          className: d(
             "focus:outline-none w-full h-full py-1 rounded-sm file:border-0 bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300",
-            r ? "ps-1 pe-3" : "px-3",
-            t?.inputProps?.className
+            t ? "ps-1 pe-3" : "px-3",
+            r?.inputProps?.className
           )
         }
       ),
@@ -48,8 +68,8 @@ const N = w({
     ] });
   }
 );
-v.displayName = "TextField";
+z.displayName = "TextField";
 export {
-  v as TextField
+  z as TextField
 };
 //# sourceMappingURL=textfield.es.js.map

package/dist/textfield.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n  base: [\r\n    \"flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs [&_input]:text-xs font-medium transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\r\n    \"placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100\",\r\n    \"aria-disabled:text-text-300 aria-disabled:bg-gray-100 aria-disabled:border-gray-100\",\r\n  ],\r\n  variants: {\r\n    size: {\r\n      sm: \"h-7\",\r\n      md: \"h-8\",\r\n      lg: \"h-11\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n  type?: React.HTMLInputTypeAttribute;\r\n  disabled?: boolean;\r\n  suffix?: React.ReactNode;\r\n  endAdornment?: React.ReactNode;\r\n  startAdornment?: React.ReactNode;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  value?: string | number;\r\n  defaultValue?: string | number;\r\n  slotProps?: {\r\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n  };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n  ({ className, slotProps, suffix, endAdornment, startAdornment, size, value, onChange, defaultValue, type, disabled, onWheel, ...props }, ref) => {\r\n    const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\r\n      if (type === \"number\") {\r\n        // Prevents the number input from changing value when scrolling\r\n        (event.target as HTMLInputElement).blur();\r\n      }\r\n      if (onWheel) {\r\n        onWheel(event);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <div {...props} className={cn(textFieldVariants({ size, className }))} aria-disabled={disabled}>\r\n        {startAdornment}\r\n        <input\r\n          type={type}\r\n          onWheel={handleWheel}\r\n          ref={ref}\r\n          onChange={onChange}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          disabled={disabled}\r\n          {...(slotProps?.inputProps ?? {})}\r\n          className={cn(\r\n            \"focus:outline-none w-full h-full py-1 rounded-sm file:border-0 bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\r\n            !startAdornment ? \"px-3\" : \"ps-1 pe-3\",\r\n            slotProps?.inputProps?.className,\r\n          )}\r\n        />\r\n        {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n          <span className=\"inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm\">{suffix}</span>\r\n        ) : (\r\n          suffix\r\n        )}\r\n        {endAdornment}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endAdornment","startAdornment","size","value","onChange","defaultValue","type","disabled","onWheel","props","ref","handleWheel","event","jsxs","cn","jsx"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAgBKC,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,QAAAC,GAAQ,cAAAC,GAAc,gBAAAC,GAAgB,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,MAAAC,GAAM,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAAQ;AAC/I,UAAMC,IAAc,CAACC,MAA8C;AACjE,MAAIN,MAAS,YAEVM,EAAM,OAA4B,KAAA,GAEjCJ,KACFA,EAAQI,CAAK;AAAA,IAEjB;AAEA,WACE,gBAAAC,EAAC,OAAA,EAAK,GAAGJ,GAAO,WAAWK,EAAGrB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,iBAAeU,GACnF,UAAA;AAAA,MAAAN;AAAA,MACD,gBAAAc;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,SAASK;AAAA,UACT,KAAAD;AAAA,UACA,UAAAN;AAAA,UACA,OAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAAE;AAAA,UACC,GAAIT,GAAW,cAAc,CAAA;AAAA,UAC9B,WAAWgB;AAAA,YACT;AAAA,YACCb,IAA0B,cAAT;AAAA,YAClBH,GAAW,YAAY;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,MAED,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAgB,EAAC,QAAA,EAAK,WAAU,iGAAiG,UAAAhB,EAAA,CAAO,IAExHA;AAAA,MAEDC;AAAA,IAAA,GACH;AAAA,EAEJ;AACF;AACAL,EAAU,cAAc;"}
+{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n  base: [\r\n    \"flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs [&_input]:text-xs font-medium transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\r\n    \"placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100\",\r\n    \"aria-disabled:text-text-300 aria-disabled:bg-gray-100 aria-disabled:border-gray-100\",\r\n  ],\r\n  variants: {\r\n    size: {\r\n      sm: \"h-7\",\r\n      md: \"h-8\",\r\n      lg: \"h-11\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n  type?: React.HTMLInputTypeAttribute;\r\n  disabled?: boolean;\r\n  suffix?: React.ReactNode;\r\n  endAdornment?: React.ReactNode;\r\n  startAdornment?: React.ReactNode;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  value?: string | number;\r\n  defaultValue?: string | number;\r\n  slotProps?: {\r\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n  };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n  (\r\n    {\r\n      className,\r\n      slotProps,\r\n      suffix,\r\n      endAdornment,\r\n      startAdornment,\r\n      size,\r\n      value,\r\n      onChange,\r\n      defaultValue,\r\n      type,\r\n      disabled,\r\n      onWheel,\r\n      id,\r\n      \"aria-describedby\": ariaDescribedby,\r\n      \"aria-invalid\": ariaInvalid,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\r\n      if (type === \"number\") {\r\n        // Prevents the number input from changing value when scrolling\r\n        (event.target as HTMLInputElement).blur();\r\n      }\r\n      if (onWheel) {\r\n        onWheel(event);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <div {...props} className={cn(textFieldVariants({ size, className }))} aria-disabled={disabled}>\r\n        {startAdornment}\r\n        <input\r\n          type={type}\r\n          onWheel={handleWheel}\r\n          ref={ref}\r\n          id={id}\r\n          aria-describedby={ariaDescribedby}\r\n          aria-invalid={ariaInvalid}\r\n          onChange={onChange}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          disabled={disabled}\r\n          {...(slotProps?.inputProps ?? {})}\r\n          className={cn(\r\n            \"focus:outline-none w-full h-full py-1 rounded-sm file:border-0 bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\r\n            !startAdornment ? \"px-3\" : \"ps-1 pe-3\",\r\n            slotProps?.inputProps?.className,\r\n          )}\r\n        />\r\n        {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n          <span className=\"inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm\">{suffix}</span>\r\n        ) : (\r\n          suffix\r\n        )}\r\n        {endAdornment}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endAdornment","startAdornment","size","value","onChange","defaultValue","type","disabled","onWheel","id","ariaDescribedby","ariaInvalid","props","ref","handleWheel","event","jsxs","cn","jsx"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAgBKC,IAAYC,EAAM;AAAA,EACtB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc,CAACC,MAA8C;AACjE,MAAIT,MAAS,YAEVS,EAAM,OAA4B,KAAA,GAEjCP,KACFA,EAAQO,CAAK;AAAA,IAEjB;AAEA,WACE,gBAAAC,EAAC,OAAA,EAAK,GAAGJ,GAAO,WAAWK,EAAGxB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,iBAAeU,GACnF,UAAA;AAAA,MAAAN;AAAA,MACD,gBAAAiB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAZ;AAAA,UACA,SAASQ;AAAA,UACT,KAAAD;AAAA,UACA,IAAAJ;AAAA,UACA,oBAAkBC;AAAA,UAClB,gBAAcC;AAAA,UACd,UAAAP;AAAA,UACA,OAAAD;AAAA,UACA,cAAAE;AAAA,UACA,UAAAE;AAAA,UACC,GAAIT,GAAW,cAAc,CAAA;AAAA,UAC9B,WAAWmB;AAAA,YACT;AAAA,YACChB,IAA0B,cAAT;AAAA,YAClBH,GAAW,YAAY;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,MAED,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAmB,EAAC,QAAA,EAAK,WAAU,iGAAiG,UAAAnB,EAAA,CAAO,IAExHA;AAAA,MAEDC;AAAA,IAAA,GACH;AAAA,EAEJ;AACF;AACAL,EAAU,cAAc;"}

package/dist/todate.es.js

@@ -1,9 +1,8 @@
 import { constructFrom as r } from "./constructfrom.es.js";
-function e(t, o) {
-  return r(o || t, t);
+function n(o, t) {
+  return r(t || o, o);
 }
 export {
-  e as default,
-  e as toDate
+  n as toDate
 };
 //# sourceMappingURL=todate.es.js.map

package/dist/tooltip.es.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import * as m from "react";
-import { Root as n, Trigger as l, Provider as p, Portal as f, Content as t, Arrow as c } from "@radix-ui/react-tooltip";
+import { Root as n, Provider as l, Trigger as p, Portal as f, Content as t, Arrow as c } from "@radix-ui/react-tooltip";
 import { cn as g } from "./utils.es.js";
-const y = p, w = n, N = l, x = m.forwardRef(({ className: a, sideOffset: e = 4, children: r, ...i }, d) => /* @__PURE__ */ o(f, { children: /* @__PURE__ */ s(
+const y = l, w = n, N = p, x = m.forwardRef(({ className: a, sideOffset: e = 4, children: r, ...i }, d) => /* @__PURE__ */ o(f, { children: /* @__PURE__ */ s(
   t,
   {
     ref: d,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@trsys-tech/matrix-library",
   "description": "MatrixUI Library",
   "private": false,
-  "version": "0.6.0-alpha.0",
+  "version": "0.6.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -57,30 +57,30 @@
     "Ako Veysinejad <a.veysinejad@gmail.com>"
   ],
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.1",
-    "@radix-ui/react-avatar": "^1.1.1",
-    "@radix-ui/react-checkbox": "^1.1.2",
-    "@radix-ui/react-collapsible": "^1.1.1",
-    "@radix-ui/react-context": "^1.1.1",
-    "@radix-ui/react-context-menu": "^2.2.2",
-    "@radix-ui/react-dialog": "^1.1.2",
-    "@radix-ui/react-popover": "^1.1.2",
-    "@radix-ui/react-progress": "^1.1.1",
-    "@radix-ui/react-radio-group": "^1.2.1",
-    "@radix-ui/react-select": "^2.1.2",
-    "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.1",
-    "@radix-ui/react-tabs": "^1.1.1",
-    "@radix-ui/react-toast": "^1.2.2",
-    "@radix-ui/react-tooltip": "^1.1.4",
-    "@radix-ui/react-visually-hidden": "^1.1.0",
-    "@trsys-tech/matrix-icons": "^0.1.0",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context": "^1.1.3",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-visually-hidden": "^1.2.4",
+    "@trsys-tech/matrix-icons": "^0.2.0",
     "ag-grid-community": "^35.0.0",
     "ag-grid-react": "^35.0.0",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.4",
-    "lucide-react": "^0.454.0",
+    "cmdk": "^1.1.1",
+    "lucide-react": "^1.6.0",
     "react-day-picker": "^9.3.0",
     "tailwind-merge": "^2.5.4",
     "tailwind-variants": "^0.3.0",
@@ -89,24 +89,23 @@
     "vaul": "^1.1.1"
   },
   "peerDependencies": {
-    "@hookform/resolvers": "^3.9.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.61.1",
-    "zod": "^3.23.8"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.61.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.9.0",
     "@eslint/js": "^9.13.0",
-    "@storybook/addon-essentials": "^8.4.1",
-    "@storybook/addon-interactions": "^8.4.1",
-    "@storybook/addon-onboarding": "^8.4.1",
-    "@storybook/blocks": "^8.4.1",
-    "@storybook/react": "^8.4.1",
-    "@storybook/react-vite": "^8.4.1",
-    "@storybook/test": "^8.4.1",
+    "@hookform/resolvers": "^5.2.2",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-interactions": "^8.6.18",
+    "@storybook/addon-onboarding": "^8.6.18",
+    "@storybook/blocks": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/test": "^8.6.18",
     "@types/node": "^22.8.4",
-    "@types/react": "^18.3.12",
+    "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",
     "ajv": "^8.17.1",
@@ -120,12 +119,13 @@
     "lint-staged": "^15.2.10",
     "postcss": "^8.4.47",
     "prettier": "3.3.3",
-    "storybook": "^8.3.6",
+    "storybook": "^8.6.18",
     "tailwindcss": "^3.4.14",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.11.0",
     "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "zod": "^4.3.6"
   },
   "eslintConfig": {
     "extends": [