@incognia/cosmik 0.40.2-beta.2 → 0.41.0

package/dist/index9.js

@@ -1,36 +1,73 @@
-import { j as e } from "./index37.js";
-import * as t from "@radix-ui/react-checkbox";
-import { Minus as i, Check as c } from "lucide-react";
-import * as o from "react";
-import { cn as r } from "./index39.js";
-const n = o.forwardRef(({ className: d, ...a }, s) => /* @__PURE__ */ e.jsx(
-  t.Root,
-  {
-    ref: s,
-    className: r(
-      "peer h-16 w-16 shrink-0 rounded border border-gray-900/24",
-      "disabled:cursor-not-allowed disabled:bg-transparent",
-      "disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64",
-      "disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800",
-      "data-[state=checked]:bg-purple-700 data-[state=checked]:text-white",
-      "data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white",
-      "hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800",
-      "focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900",
-      "active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900",
-      d
-    ),
-    ...a,
-    children: /* @__PURE__ */ e.jsx(
-      t.Indicator,
-      {
-        className: r("flex items-center justify-center text-current"),
-        children: a.checked == "indeterminate" ? /* @__PURE__ */ e.jsx(i, { className: "h-[14px] w-[14px]" }) : /* @__PURE__ */ e.jsx(c, { className: "h-[14px] w-[14px]" })
-      }
-    )
-  }
-));
-n.displayName = t.Root.displayName;
+import { j as t } from "./index40.js";
+import { ChevronLeftIcon as d, ChevronRightIcon as l } from "lucide-react";
+import { DayPicker as s } from "react-day-picker";
+import { buttonVariants as r } from "./index8.js";
+import { cn as e } from "./index41.js";
+function c({
+  className: n,
+  classNames: o,
+  showOutsideDays: i = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ t.jsx(
+    s,
+    {
+      showOutsideDays: i,
+      className: e("p-12", n),
+      classNames: {
+        months: "flex flex-row space-x-16",
+        month: "space-y-16",
+        caption: "flex justify-center pt-4 relative items-center pb-16",
+        caption_label: "text-lg font-display text-gray-800",
+        nav: "space-x-4 flex items-center",
+        nav_button: e(
+          r({
+            variant: "ghost",
+            intent: "secondary",
+            size: "icon"
+          }),
+          "opacity-64 hover:opacity-100 text-gray-800"
+        ),
+        nav_button_previous: "absolute left-[4px]",
+        nav_button_next: "absolute right-[4px]",
+        table: "w-full border-collapse space-y-4",
+        head_row: "flex rounded overflow-hidden",
+        head_cell: "w-full text-sm font-normal text-gray-700 bg-gray-900-4",
+        row: "flex w-full mt-8",
+        cell: e(
+          "relative overflow-hidden p-0 text-center text-sm focus-within:relative focus-within:z-20",
+          a.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r [&:has(>.day-range-start)]:rounded-l" : "rounded"
+        ),
+        day: e(
+          r({
+            variant: "ghost",
+            intent: "secondary",
+            size: "icon"
+          }),
+          "h-32 w-32 p-0 font-normal aria-selected:opacity-100 rounded aria-selected:rounded-none"
+        ),
+        day_range_start: "day-range-start",
+        day_range_end: "day-range-end",
+        day_selected: e(
+          "text-white hover:text-white active:text-white focus:text-white bg-purple-700 hover:bg-purple-800 focus:bg-purple-900 active:bg-purple-900"
+        ),
+        day_today: "border aria-selected:border-none",
+        day_outside: "invisible",
+        day_disabled: "opacity-64",
+        day_range_middle: "aria-selected:bg-purple-700 aria-selected:hover:bg-purple-800 aria-selected:active:bg-purple-900 text-white rounded-none",
+        day_hidden: "invisible",
+        ...o
+      },
+      components: {
+        IconLeft: () => /* @__PURE__ */ t.jsx(d, { className: "h-16 w-16" }),
+        IconRight: () => /* @__PURE__ */ t.jsx(l, { className: "h-16 w-16" })
+      },
+      ...a
+    }
+  );
+}
+c.displayName = "Calendar";
 export {
-  n as Checkbox
+  c as Calendar
 };
 //# sourceMappingURL=index9.js.map

package/dist/index9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index9.js","sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-16 w-16 shrink-0 rounded border border-gray-900/24',\n      'disabled:cursor-not-allowed disabled:bg-transparent',\n      'disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n      'disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800',\n      'data-[state=checked]:bg-purple-700 data-[state=checked]:text-white',\n      'data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white',\n      'hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800',\n      'focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900',\n      'active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn('flex items-center justify-center text-current')}\n    >\n      {props.checked == 'indeterminate' ? (\n        <Minus className=\"h-[14px] w-[14px]\" />\n      ) : (\n        <Check className=\"h-[14px] w-[14px]\" />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Minus","Check"],"mappings":";;;;;AAOA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAAE,gBAAAA,EAAAA;AAAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAWC,EAAG,+CAA+C;AAAA,QAE5D,UAAAJ,EAAM,WAAW,kBAChBE,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,oBAAA,CAAoB,IAErCH,gBAAAA,EAAAA,IAACI,GAAA,EAAM,WAAU,oBAAA,CAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EAEzC;AACF,CACD;AAEDT,EAAS,cAAcM,EAAkB,KAAK;"}
+{"version":3,"file":"index9.js","sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { DayPicker } from 'react-day-picker'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-12', className)}\n      classNames={{\n        months: 'flex flex-row space-x-16',\n        month: 'space-y-16',\n        caption: 'flex justify-center pt-4 relative items-center pb-16',\n        caption_label: 'text-lg font-display text-gray-800',\n        nav: 'space-x-4 flex items-center',\n        nav_button: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'opacity-64 hover:opacity-100 text-gray-800'\n        ),\n        nav_button_previous: 'absolute left-[4px]',\n        nav_button_next: 'absolute right-[4px]',\n        table: 'w-full border-collapse space-y-4',\n        head_row: 'flex rounded overflow-hidden',\n        head_cell: 'w-full text-sm font-normal text-gray-700 bg-gray-900-4',\n        row: 'flex w-full mt-8',\n        cell: cn(\n          'relative overflow-hidden p-0 text-center text-sm focus-within:relative focus-within:z-20',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r [&:has(>.day-range-start)]:rounded-l'\n            : 'rounded'\n        ),\n        day: cn(\n          buttonVariants({\n            variant: 'ghost',\n            intent: 'secondary',\n            size: 'icon'\n          }),\n          'h-32 w-32 p-0 font-normal aria-selected:opacity-100 rounded aria-selected:rounded-none'\n        ),\n        day_range_start: 'day-range-start',\n        day_range_end: 'day-range-end',\n        day_selected: cn(\n          'text-white hover:text-white active:text-white focus:text-white bg-purple-700 hover:bg-purple-800 focus:bg-purple-900 active:bg-purple-900'\n        ),\n        day_today: 'border aria-selected:border-none',\n        day_outside: 'invisible',\n        day_disabled: 'opacity-64',\n        day_range_middle:\n          'aria-selected:bg-purple-700 aria-selected:hover:bg-purple-800 aria-selected:active:bg-purple-900 text-white rounded-none',\n        day_hidden: 'invisible',\n        ...classNames\n      }}\n      components={{\n        IconLeft: () => <ChevronLeftIcon className=\"h-16 w-16\" />,\n        IconRight: () => <ChevronRightIcon className=\"h-16 w-16\" />\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;AAUA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GAAkB;AAEd,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAAH;AAAA,MACA,WAAWI,EAAG,QAAQN,CAAS;AAAA,MAC/B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAYM;AAAA,UACVC,EAAe;AAAA,YACb,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,MAAM;AAAA,UAAA,CACP;AAAA,UACD;AAAA,QACF;AAAA,QACA,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,KAAK;AAAA,QACL,MAAMD;AAAA,UACJ;AAAA,UACAH,EAAM,SAAS,UACX,4EACA;AAAA,QACN;AAAA,QACA,KAAKG;AAAA,UACHC,EAAe;AAAA,YACb,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,MAAM;AAAA,UAAA,CACP;AAAA,UACD;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,QACjB,eAAe;AAAA,QACf,cAAcD;AAAA,UACZ;AAAA,QACF;AAAA,QACA,WAAW;AAAA,QACX,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBACE;AAAA,QACF,YAAY;AAAA,QACZ,GAAGL;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,UAAU,MAAOG,gBAAAA,EAAAA,IAAAI,GAAA,EAAgB,WAAU,YAAY,CAAA;AAAA,QACvD,WAAW,MAAOJ,gBAAAA,EAAAA,IAAAK,GAAA,EAAiB,WAAU,YAAY,CAAA;AAAA,MAC3D;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAS,cAAc;"}

package/dist/lib/utils.d.ts

@@ -1,4 +1,4 @@
-import { ClassValue } from 'clsx';
+import { type ClassValue } from 'clsx';
 export declare function cn(...inputs: ClassValue[]): string;
 export declare function debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(func: F, waitFor: number): (...args: Parameters<F>) => void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC1E,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,aAIa,UAAU,CAAC,CAAC,CAAC,UAM1C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC1E,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,aAIa,WAAW,CAAC,CAAC,UAM1C"}

package/dist/tailwind-theme-config.d.ts

@@ -0,0 +1,318 @@
+type Theme = (theme: string) => Record<string, any>;
+declare const _default: {
+    screens: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    colors: {
+        transparent: string;
+        white: string;
+        gray: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        green: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        magenta: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        purple: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        robinblue: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        yellow: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        chart: {
+            purple: string;
+            magenta: string;
+            yellow: string;
+            green: string;
+            robinblue: any;
+        };
+    };
+    spacing: {
+        0: string;
+        2: string;
+        4: string;
+        8: string;
+        12: string;
+        16: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        64: string;
+        96: string;
+    };
+    backgroundColor: (theme: Theme) => {
+        transparent: string;
+        white: Record<string, any>;
+        gray: {
+            '50-80': string;
+            '900-4': string;
+            '900-8': string;
+            '900-12': string;
+            '900-16': string;
+            '900-24': string;
+            '900-32': string;
+        };
+        robinblue: {
+            '500-8': string;
+            '500-16': string;
+            '500-40': string;
+        };
+        purple: {
+            '700-48': string;
+        };
+        green: Record<string, any>;
+        yellow: Record<string, any>;
+        magenta: Record<string, any>;
+        chart: {
+            'purple-80': string;
+        };
+    };
+    borderColor: (theme: Theme) => {
+        DEFAULT: Record<string, any>;
+        gray: {
+            400: string;
+            700: string;
+            '900-8': string;
+            '900-16': string;
+            '900-24': string;
+        };
+        purple: {
+            '900-8': string;
+        };
+        robinblue: Record<string, any>;
+        green: Record<string, any>;
+        yellow: Record<string, any>;
+        magenta: Record<string, any>;
+        white: Record<string, any>;
+        transparent: Record<string, any>;
+    };
+    borderRadius: {
+        none: string;
+        DEFAULT: string;
+        full: string;
+    };
+    borderWidth: {
+        DEFAULT: string;
+        2: string;
+        1: string;
+        0: string;
+    };
+    boxShadow: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        DEFAULT: string;
+        'field-hover': string;
+        'field-active': string;
+        'error-field-hover': string;
+        'error-field-active': string;
+        'warning-field-hover': string;
+        'warning-field-active': string;
+        none: string;
+    };
+    fontFamily: {
+        default: string[];
+        icons: string[];
+        iconsOutlined: string[];
+    };
+    fontSize: {
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        'icon-sm': string;
+        'icon-md': string;
+    };
+    fontWeight: {
+        thin: string;
+        normal: string;
+        medium: string;
+    };
+    letterSpacing: {
+        normal: string;
+    };
+    lineHeight: {
+        14: string;
+        20: string;
+        24: string;
+        18: string;
+        26: string;
+    };
+    animation: {
+        none: string;
+        spin: string;
+        ping: string;
+        pulse: string;
+        bounce: string;
+        'loading-ellipsis1': string;
+        'loading-ellipsis2': string;
+        'loading-ellipsis3': string;
+        'page-loader': string;
+    };
+    keyframes: {
+        ellipsis1: {
+            '0%': {
+                transform: string;
+            };
+            '100%': {
+                transform: string;
+            };
+        };
+        ellipsis3: {
+            '0%': {
+                transform: string;
+            };
+            '100%': {
+                transform: string;
+            };
+        };
+        ellipsis2: {
+            '0%': {
+                transform: string;
+            };
+            '100%': {
+                transform: string;
+            };
+        };
+        pageLoader: {
+            '0%': {
+                width: string;
+            };
+            '100%': {
+                width: string;
+            };
+        };
+        spin: {
+            to: {
+                transform: string;
+            };
+        };
+        ping: {
+            '75%, 100%': {
+                transform: string;
+                opacity: string;
+            };
+        };
+        pulse: {
+            '50%': {
+                opacity: string;
+            };
+        };
+        bounce: {
+            '0%, 100%': {
+                transform: string;
+                animationTimingFunction: string;
+            };
+            '50%': {
+                transform: string;
+                animationTimingFunction: string;
+            };
+        };
+    };
+    minHeight: (theme: Theme) => {
+        full: string;
+        screen: string;
+        min: string;
+        max: string;
+        fit: string;
+        0: string;
+    };
+    minWidth: (theme: Theme) => {
+        full: string;
+        min: string;
+        max: string;
+        fit: string;
+        0: string;
+    };
+    opacity: {
+        0: string;
+        8: string;
+        12: string;
+        16: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        64: string;
+        72: string;
+        80: string;
+        100: string;
+    };
+    textColor: (theme: Theme) => {
+        white: Record<string, any>;
+        gray: Record<string, any>;
+        robinblue: Record<string, any>;
+        green: Record<string, any>;
+        magenta: Record<string, any>;
+        yellow: Record<string, any>;
+        purple: Record<string, any>;
+    };
+};
+export default _default;
+//# sourceMappingURL=tailwind-theme-config.d.ts.map

package/dist/tailwind-theme-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-theme-config.d.ts","sourceRoot":"","sources":["../src/tailwind-theme-config.ts"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA4GxB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA+BT,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAmJP,KAAK;;;;;;;;sBASN,KAAK;;;;;;;;;;;;;;;;;;;;;uBAsBJ,KAAK;;;;;;;;;;AA3T1B,wBAoUC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://inloco.github.io/cosmik",
   "name": "@incognia/cosmik",
-  "version": "0.40.2-beta.2",
+  "version": "0.41.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -16,71 +16,75 @@
       "require": "./dist/index.cjs"
     },
     "./cosmik.css": "./dist/cosmik.css",
-    "./cosmik-theme.css": "./dist/cosmik-theme.css",
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^9.1.2",
-    "@storybook/addon-links": "^9.1.2",
-    "@storybook/addon-themes": "^9.1.2",
-    "@storybook/react-vite": "^9.1.2",
-    "@storybook/testing-library": "^0.2.2",
-    "@tailwindcss/vite": "^4.1.13",
-    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/color": "^3.0.6",
-    "@types/node": "^20.19.11",
-    "@types/react": "^18.3.23",
-    "@types/react-dom": "^18.3.7",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react": "^5.0.1",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "color": "^5.0.0",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.1.2",
-    "gh-pages": "^6.3.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^15.5.2",
-    "prettier": "^3.6.2",
-    "storybook": "^9.1.2",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.13",
-    "tw-animate-css": "^1.3.7",
-    "typescript": "^5.9.2",
-    "vite": "^7.1.3",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-static-copy": "^3.1.2"
+    "@storybook/addon-essentials": "^7.4.0",
+    "@storybook/addon-interactions": "^7.4.0",
+    "@storybook/addon-links": "^7.4.0",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/blocks": "^7.4.0",
+    "@storybook/react": "^7.4.0",
+    "@storybook/react-vite": "^7.4.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.2.1",
+    "@types/color": "^3.0.3",
+    "@types/node": "^20.5.6",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "autoprefixer": "^10.4.15",
+    "color": "^4.2.3",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.13",
+    "gh-pages": "^6.0.0",
+    "husky": "^8.0.0",
+    "lint-staged": "^15.0.2",
+    "postcss": "^8.4.31",
+    "postcss-cli": "^10.1.0",
+    "prettier": "^3.2.4",
+    "storybook": "^7.4.0",
+    "tailwindcss": "^3.3.5",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.0.2",
+    "vite": "^4.5.6",
+    "vite-plugin-dts": "^3.5.2"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-navigation-menu": "^1.1.4",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toggle": "^1.0.3",
+    "@radix-ui/react-toggle-group": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
     "cmdk": "^0.2.1",
-    "date-fns": "^3.6.0",
-    "lucide-react": "^0.540.0",
-    "react-day-picker": "^8.10.1",
-    "sonner": "^1.7.4"
+    "date-fns": "^3.1.0",
+    "lucide-react": "^0.279.0",
+    "react-day-picker": "^8.10.0",
+    "sonner": "^1.7.4",
+    "tailwind-merge": "^1.14.0"
   },
   "lint-staged": {
     "**/*.{js,jsx,ts,tsx,json}": [