@deepnoid/ui 0.0.87 → 0.0.89

package/dist/{chunk-4DLTBZUQ.mjs → chunk-3DRIHQOM.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-PRUAIZTU.mjs";
+} from "./chunk-LCI6RPWE.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -137,12 +137,13 @@ var inputStyle = tv({
     inputWrapper: [
       "flex",
       "items-center",
+      "transition",
+      "duration-200",
       "group-has-[p]/input:border-danger-main",
-      "group-has-[p]/input:bg-danger-soft",
-      "transition duration-200"
+      "group-has-[p]/input:bg-danger-soft"
     ],
     input: ["w-full", "h-full", "bg-transparent", "placeholder:text-neutral-main", "focus-visible:outline-none"],
-    content: ["flex", "items-center", "group-has-[p]/input:text-danger-main", "select-none"],
+    content: ["flex", "items-center", "select-none", "group-has-[p]/input:text-danger-main"],
     errorMessage: ["text-danger-main"]
   },
   variants: {
@@ -221,7 +222,8 @@ var inputStyle = tv({
         label: ["text-neutral-light"],
         inputWrapper: ["bg-neutral-soft", "border-neutral-light", "pointer-events-none"],
         input: ["text-neutral-light", "placeholder:text-neutral-light"],
-        content: ["text-neutral-light"]
+        content: ["text-neutral-light"],
+        errorMessage: ["text-danger-light"]
       }
     },
     isRequired: {

package/dist/{chunk-4SWFYTMR.mjs → chunk-6YE26GOI.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  table_head_default
-} from "./chunk-PUFNT5LS.mjs";
 import {
   table_body_default
-} from "./chunk-QIZOXBOY.mjs";
+} from "./chunk-DWROPKZW.mjs";
+import {
+  table_head_default
+} from "./chunk-VG4644BG.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -185,7 +185,9 @@ var table = tv({
       true: {}
     },
     isSelectedRow: {
-      true: {}
+      true: {
+        tr: "cursor-pointer"
+      }
     },
     hideHeader: {
       true: {
@@ -274,7 +276,7 @@ var table = tv({
       variant: "stripe",
       color: "primary",
       class: {
-        tr: "data-[isOdd=true]:bg-primary-soft",
+        tr: "data-[odd=true]:bg-primary-soft",
         td: "group-hover:bg-primary-light"
       }
     },
@@ -282,7 +284,7 @@ var table = tv({
       variant: "stripe",
       color: "secondary",
       class: {
-        tr: "data-[isOdd=true]:bg-secondary-soft",
+        tr: "data-[odd=true]:bg-secondary-soft",
         td: "group-hover:bg-secondary-light"
       }
     },
@@ -290,7 +292,7 @@ var table = tv({
       variant: "stripe",
       color: "neutral",
       class: {
-        tr: "data-[isOdd=true]:bg-trans-soft",
+        tr: "data-[odd=true]:bg-trans-soft",
         td: "group-hover:bg-neutral-light"
       }
     }

package/dist/{chunk-QX6VJLEM.mjs → chunk-7HHFRKJU.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-2COCX2VX.mjs";
+} from "./chunk-PXUBPWKU.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";
@@ -25,7 +25,7 @@ var ToastProvider = ({
   const [containerStyle, setContainerStyle] = useState({});
   const toastRef = useRef();
   const addToast = useCallback((content, options) => {
-    const id = Date.now() + toasts.length;
+    const id = Date.now() + Math.floor(Math.random() * 1e5);
     const newToast = {
       id,
       content,

package/dist/{chunk-H2HUJ4N2.mjs → chunk-A3RWT3JJ.mjs}

@@ -113,18 +113,18 @@ var slider = tv({
     size: {
       sm: {
         track: "h-[2px]",
-        thumb: ["w-[8px] h-[8px]", "hover:shadow-[0px_0px_0px_2px]"],
+        thumb: ["w-[6px] h-[6px]", "hover:shadow-[0px_0px_0px_2px]"],
         label: "text-sm",
         value: "text-sm"
       },
       md: {
         track: "h-[4px]",
-        thumb: ["w-[10px] h-[10px]", "hover:shadow-[0px_0px_0px_3px]"],
+        thumb: ["w-[8px] h-[8px]", "hover:shadow-[0px_0px_0px_3px]"],
         label: "text-md",
         value: "text-md"
       },
       lg: {
-        track: "h-[4px]",
+        track: "h-[6px]",
         thumb: ["w-[12px] h-[12px]", "hover:shadow-[0px_0px_0px_4px]"],
         label: "text-lg",
         value: "text-lg"
@@ -140,6 +140,11 @@ var slider = tv({
         thumb: "bg-secondary-main"
       }
     },
+    gradient: {
+      true: {
+        filter: ["bg-gradient-to-r", "from-primary-main", "to-secondary-main"]
+      }
+    },
     fullWidth: {
       true: {
         base: "w-full"
@@ -157,7 +162,7 @@ var slider = tv({
       },
       true: {
         thumb: ["bg-neutral-light", "hover:shadow-none", "cursor-default"],
-        filter: ["bg-neutral-light", "cursor-default"]
+        filter: ["bg-neutral-light", "from-none", "to-none", "cursor-default"]
       }
     }
   },

package/dist/{chunk-BE2OG6M4.mjs → chunk-ANYPMQH4.mjs}

@@ -51,10 +51,7 @@ var CheckBox = forwardRef((originalProps, ref) => {
         fill: "none",
         points: "1 9 7 14 15 4",
         stroke: "currentColor",
-        strokeDasharray: 22,
-        strokeDashoffset: isSelected ? 44 : 66,
         strokeLinecap: "round",
-        strokeLinejoin: "round",
         strokeWidth: 3,
         style: isSelected ? {
           transition: "stroke-dashoffset 250ms linear 0.2s"
@@ -72,7 +69,7 @@ CheckBox.displayName = "CheckBox";
 var checkbox_default = CheckBox;
 var checkbox = tv({
   slots: {
-    base: "group relative inline-flex items-center cursor-pointer",
+    base: ["group", "relative", "inline-flex", "items-center", "cursor-pointer"],
     wrapper: [
       "relative",
       "inline-flex",
@@ -99,33 +96,33 @@ var checkbox = tv({
       "group-hover:before:bg-neutral-soft",
       "before:transition duration-200"
     ],
-    icon: "z-10 opacity-0 group-has-[:checked]:opacity-100 text-white",
-    label: "relative text-foreground select-none"
+    icon: ["z-10", "opacity-0", "group-has-[:checked]:opacity-100", "text-white"],
+    label: ["relative", "text-foreground", "select-none"]
   },
   variants: {
     color: {
       primary: {
-        wrapper: "group-has-[:checked]:before:border-primary-main group-has-[:checked]:before:bg-primary-main"
+        wrapper: ["group-has-[:checked]:before:border-primary-main", "group-has-[:checked]:before:bg-primary-main"]
       },
       secondary: {
-        wrapper: "group-has-[:checked]:before:border-secondary-main group-has-[:checked]:before:bg-secondary-main"
+        wrapper: ["group-has-[:checked]:before:border-secondary-main", "group-has-[:checked]:before:bg-secondary-main"]
       }
     },
     size: {
       sm: {
-        wrapper: ["w-[15px] h-[15px] rounded-sm", "before:rounded-[4px]", "after:rounded-[4px]"],
-        label: "text-sm ml-[8px]",
-        icon: "w-[10px] h-[10px]"
+        wrapper: ["w-[15px]", "h-[15px]", "rounded-sm", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-sm", "ml-[6px]"],
+        icon: ["w-[10px]", "h-[10px]"]
       },
       md: {
-        wrapper: ["w-[17px] h-[17px] rounded-md", "before:rounded-[5px]", "after:rounded-[5px]"],
-        label: "text-md ml-[9px]",
-        icon: "w-[12px] h-[12px]"
+        wrapper: ["w-[17px]", "h-[17px]", "rounded-md", "before:rounded-[3px]", "after:rounded-[3px]"],
+        label: ["text-md", "ml-[8px]"],
+        icon: ["w-[12px]", "h-[12px]"]
       },
       lg: {
-        wrapper: ["w-[20px] h-[20px] rounded-lg", "before:rounded-[6px]", "after:rounded-[6px]"],
-        label: "text-lg ml-[10px]",
-        icon: "w-[15px] h-[15px]"
+        wrapper: ["w-[20px]", "h-[20px]", "rounded-lg", "before:rounded-[4px]", "after:rounded-[4px]"],
+        label: ["text-lg", "ml-[10px]"],
+        icon: ["w-[15px]", "h-[15px]"]
       }
     },
     lineThrough: {
@@ -146,14 +143,24 @@ var checkbox = tv({
     },
     isInvalid: {
       true: {
-        wrapper: "before:border-danger-main group-has-[:checked]:before:bg-danger-main",
+        wrapper: [
+          "before:border-danger-main",
+          "group-has-[:checked]:before:bg-danger-main",
+          "group-has-[:checked]:before:border-danger-main"
+        ],
         label: "text-danger-main"
       }
     },
     isDisabled: {
       true: {
         base: "opacity-disabled pointer-events-none text-neutral-light",
-        wrapper: "after:bg-neutral-soft before:border-neutral-light before:bg-neutral-soft group-has-[:checked]:before:bg-neutral-soft",
+        wrapper: [
+          "after:bg-neutral-soft",
+          "before:border-neutral-light",
+          "before:bg-neutral-soft",
+          "group-has-[:checked]:before:bg-neutral-soft",
+          "group-has-[:checked]:before:border-neutral-light"
+        ],
         label: "text-neutral-light",
         icon: "text-neutral-light"
       }
@@ -174,8 +181,8 @@ var checkbox = tv({
           "after:!duration-200",
           "motion-reduce:transition-none"
         ],
-        icon: "transition-opacity motion-reduce:transition-none",
-        label: "transition-colors-opacity before:transition-width motion-reduce:transition-none"
+        icon: ["transition-opacity", "motion-reduce:transition-none"],
+        label: ["transition-colors-opacity", "before:transition-width", "motion-reduce:transition-none"]
       }
     }
   },

package/dist/{chunk-5HSZ5AYM.mjs → chunk-B4KZBOGT.mjs}

@@ -107,7 +107,7 @@ var pagination = tv(
   {
     slots: {
       base: "flex items-center select-none",
-      label: "text-primary-main text-right",
+      label: "text-primary-main text-right whitespace-nowrap",
       wrapper: "flex overflow-hidden",
       icon: "flex items-center justify-center cursor-pointer",
       button: "flex items-center justify-center cursor-pointer data-[selected=true]:font-[600] transition duration-200"
@@ -126,22 +126,22 @@ var pagination = tv(
       },
       size: {
         sm: {
-          wrapper: "gap-[10px]",
-          label: "w-[85px] text-sm mr-[10px]",
+          wrapper: "gap-[6px]",
+          label: "min-w-[85px] text-sm mr-[10px]",
           icon: ["h-[15px] text-sm"],
-          button: ["w-[28px] h-[15px] text-sm"]
+          button: ["min-w-[28px] h-[15px] text-sm"]
         },
         md: {
-          wrapper: "gap-[12px]",
-          label: "w-[95px] text-md mr-[12px]",
+          wrapper: "gap-[8px]",
+          label: "min-w-[95px] text-md mr-[12px]",
           icon: ["h-[17px] text-md"],
-          button: ["w-[32px] h-[17px] text-md"]
+          button: ["min-w-[32px] h-[17px] text-md"]
         },
         lg: {
-          wrapper: "gap-[14px]",
-          label: "w-[105px] text-lg mr-[14px]",
+          wrapper: "gap-[10px]",
+          label: "min-w-[105px] text-lg mr-[14px]",
           icon: ["h-[20px] text-lg"],
-          button: ["w-[37px] h-[20px] text-lg"]
+          button: ["min-w-[37px] h-[20px] text-lg"]
         }
       },
       color: {
@@ -180,8 +180,8 @@ var pagination = tv(
         size: "sm",
         class: {
           wrapper: "border rounded-sm gap-0",
-          button: "!w-[40px] h-[24px] border-l",
-          icon: "w-[40px] h-[24px] border-l"
+          button: "!min-w-[40px] h-[20px] border-l",
+          icon: "min-w-[40px] h-[20px] border-l"
         }
       },
       {
@@ -189,8 +189,8 @@ var pagination = tv(
         size: "md",
         class: {
           wrapper: "border rounded-md gap-0",
-          button: "!w-[60px] h-[30px] border-l",
-          icon: "w-[60px] h-[30px] border-l"
+          button: "!min-w-[45px] h-[22px] border-l",
+          icon: "min-w-[45px] h-[22px] border-l"
         }
       },
       {
@@ -198,8 +198,8 @@ var pagination = tv(
         size: "lg",
         class: {
           wrapper: "border rounded-lg gap-0",
-          button: "!w-[80px] h-[36px] border-l",
-          icon: "w-[80px] h-[36px] border-l"
+          button: "!min-w-[50px] h-[24px] border-l",
+          icon: "min-w-[50px] h-[24px] border-l"
         }
       },
       {

package/dist/{chunk-QIZOXBOY.mjs → chunk-DWROPKZW.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   checkbox_default
-} from "./chunk-BE2OG6M4.mjs";
+} from "./chunk-ANYPMQH4.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   Icon_default
-} from "./chunk-PRUAIZTU.mjs";
+} from "./chunk-LCI6RPWE.mjs";
 
 // src/components/table/table-body.tsx
 import React, { useState, useCallback, useEffect } from "react";
@@ -42,7 +42,7 @@ var TableBody = ({
   const getTrProps = useCallback(
     (index) => ({
       className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr })),
-      "data-isOdd": index % 2 !== 0,
+      "data-odd": index % 2 !== 0,
       "data-expanded": expandedRows.has(index)
     }),
     [classNames == null ? void 0 : classNames.tr, expandedRows, slots]
@@ -109,7 +109,7 @@ var TableBody = ({
         isExpanded && /* @__PURE__ */ jsx("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ jsx(
           Icon_default,
           {
-            name: expandedRows.has(rowIndex) ? "arrow-down" : "arrow-right",
+            name: expandedRows.has(rowIndex) ? "brace-down" : "brace-right",
             className: `ml-2 transition-transform`,
             size
           }

package/dist/{chunk-PHQY5T3E.mjs → chunk-HFVZFUC3.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   button_default
-} from "./chunk-66WCZEEU.mjs";
+} from "./chunk-UR64ZUAU.mjs";
 import {
   Icon_default
-} from "./chunk-PRUAIZTU.mjs";
+} from "./chunk-LCI6RPWE.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -126,7 +126,7 @@ var Modal = forwardRef((originalProps, ref) => {
   }, [isOpen, isKeyboardDismissDisabled, onCancel]);
   return /* @__PURE__ */ jsx(Fragment, { children: isOpen && createPortal(
     /* @__PURE__ */ jsx("div", { ...getBackdropProps(), children: /* @__PURE__ */ jsxs("div", { ref, ...getModalWrapperProps(), children: [
-      icon && typeof icon === "string" ? /* @__PURE__ */ jsx("div", { ...getIconProps(), children: /* @__PURE__ */ jsx(Icon_default, { name: icon, className: "w-[80px] h-[80px]" }) }) : /* @__PURE__ */ jsx("div", { ...getIconProps(), children: icon }),
+      typeof icon === "string" ? /* @__PURE__ */ jsx("div", { ...getIconProps(), children: /* @__PURE__ */ jsx(Icon_default, { name: icon, className: "w-[80px] h-[80px]" }) }) : /* @__PURE__ */ jsx("div", { ...getIconProps(), children: icon }),
       /* @__PURE__ */ jsxs("div", { ...getBodyWrapperProps(), children: [
         showCloseButton && /* @__PURE__ */ jsx(Icon_default, { name: "close", ...getCloseIconProps(), onClick: onCancel }),
         /* @__PURE__ */ jsxs("div", { ...getBodyProps(), children: [
@@ -151,21 +151,14 @@ var modal = tv({
   slots: {
     backdrop: ["relative w-screen h-screen fixed inset-0 bg-black/60", "z-[9999]"],
     modalWrapper: ["group/modal", "absolute", "top-1/2", "-translate-y-1/2", "left-1/2", "-translate-x-1/2"],
-    icon: [
-      "absolute",
-      "top-[20px]",
-      "left-1/2",
-      "-translate-x-1/2",
-      "z-10",
-      "group-data-[modal-icon-visibility=true]/modal:top-[80px]"
-    ],
+    icon: ["absolute", "top-[20px]", "left-1/2", "-translate-x-1/2", "z-10"],
     closeIcon: [
       "absolute",
       "top-[20px]",
       "right-[20px]",
       "cursor-pointer",
       "z-10",
-      "group-data-[modal-icon-visibility=true]/modal:top-[80px]"
+      "group-data-[icon-visibility=true]/modal:top-[80px]"
     ],
     titleWrapper: ["relative", "flex", "flex-col", "gap-[10px]"],
     title: "text-h5 text-center text-foreground",
@@ -177,8 +170,8 @@ var modal = tv({
       "bg-background",
       "shadow-drop shadow-foreground/20 rounded-xxlg",
       "overflow-hidden",
-      "group-data-[modal-icon-visibility=true]/modal:mt-[60px]",
-      "group-data-[modal-icon-visibility=true]/modal:pt-[60px]"
+      "group-data-[icon-visibility=true]/modal:mt-[60px]",
+      "group-data-[icon-visibility=true]/modal:pt-[60px]"
     ],
     body: ["flex", "flex-col", "gap-[20px]"],
     content: ["text-md text-center", "break-words", "bg-neutral-soft", "rounded-[5px]", "p-[10px]"],

package/dist/{chunk-IOV7MEPG.mjs → chunk-IOCRFIQF.mjs}

@@ -286,6 +286,36 @@ var template = {
       }
     );
   },
+  loading: ({ className, fill }) => {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM6.6 12C6.6 14.9823 9.01766 17.4 12 17.4C14.9823 17.4 17.4 14.9823 17.4 12C17.4 9.01766 14.9823 6.6 12 6.6C9.01766 6.6 6.6 9.01766 6.6 12Z",
+              fill: "currentColor",
+              fillOpacity: "0.1"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M21 12C21 13.9006 20.3983 15.7524 19.2812 17.2901C18.164 18.8277 16.5887 19.9722 14.7812 20.5595C12.9736 21.1468 11.0264 21.1468 9.21885 20.5595C7.41126 19.9722 5.836 18.8277 4.71885 17.2901C3.60169 15.7524 3 13.9006 3 12C3 10.0994 3.60169 8.24756 4.71885 6.70993C5.836 5.1723 7.41126 4.02781 9.21885 3.44049C11.0264 2.85317 12.9736 2.85317 14.7812 3.44049L13.6687 6.8643C12.5841 6.5119 11.4159 6.5119 10.3313 6.86429C9.24675 7.21669 8.3016 7.90338 7.63131 8.82596C6.96102 9.74854 6.6 10.8596 6.6 12C6.6 13.1404 6.96102 14.2515 7.63131 15.174C8.3016 16.0966 9.24675 16.7833 10.3313 17.1357C11.4159 17.4881 12.5841 17.4881 13.6687 17.1357C14.7532 16.7833 15.6984 16.0966 16.3687 15.174C17.039 14.2515 17.4 13.1404 17.4 12H21Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      }
+    );
+  },
   // ** User **
   "user-circle": ({ className, fill }) => {
     return /* @__PURE__ */ jsx(

package/dist/{chunk-4VIEZ5FT.mjs → chunk-JN7EGKJL.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   option_default
-} from "./chunk-LY6LJRUX.mjs";
+} from "./chunk-RZZWHI6O.mjs";
 import {
   useSelect
 } from "./chunk-S3QS5B7F.mjs";
 import {
   Icon_default
-} from "./chunk-PRUAIZTU.mjs";
+} from "./chunk-LCI6RPWE.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -125,7 +125,7 @@ Select.displayName = "Select";
 var select_default = Select;
 var select = tv({
   slots: {
-    base: ["group", "flex flex-col"],
+    base: ["group/select", "flex flex-col"],
     label: ["flex", "items-center"],
     selectWrapper: [
       "flex",
@@ -133,8 +133,9 @@ var select = tv({
       "bg-transparent",
       "border-neutral-main",
       "transition duration-200",
-      "group-has-[p]:border-danger-main",
-      "group-has-[p]:text-danger-main"
+      "group-has-[p]/select:border-danger-main",
+      "group-has-[p]/select:text-danger-main",
+      "group-has-[p]/select:bg-danger-soft"
     ],
     select: [
       "w-full",
@@ -143,7 +144,7 @@ var select = tv({
       "cursor-inherit",
       "cursor-pointer",
       "placeholder:text-neutral-main",
-      "group-has-[p]:text-danger-main",
+      "group-has-[p]/select:text-danger-main",
       "focus-visible:outline-none"
     ],
     optionsWrapper: ["w-[240px]", "border", "bg-background", "cursor-pointer", "overflow-y-auto"],
@@ -152,7 +153,7 @@ var select = tv({
   variants: {
     variant: {
       solid: {
-        selectWrapper: "bg-trans-soft hover:bg-trans-light data-[expanded=true]:bg-trans-light group-has-[p]:bg-danger-soft"
+        selectWrapper: "bg-trans-soft hover:bg-trans-light data-[expanded=true]:bg-trans-light group-has-[p]/select:bg-danger-soft"
       },
       normal: {
         selectWrapper: "border hover:bg-trans-soft data-[expanded=true]:bg-trans-soft"

package/dist/{chunk-SFNR4F3J.mjs → chunk-L6BQA6GI.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-PRUAIZTU.mjs";
+} from "./chunk-LCI6RPWE.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -71,7 +71,7 @@ var AccordionItem = forwardRef((originalProps, ref) => {
         /* @__PURE__ */ jsx("span", { ...getHeaderTitleProps(), children: title })
       ] }),
       endContent && endContent,
-      /* @__PURE__ */ jsx(Icon_default, { name: isOpen ? "arrow-up" : "arrow-down", ...getHeaderArrowIconProps() })
+      /* @__PURE__ */ jsx(Icon_default, { name: isOpen ? "brace-up" : "brace-down", ...getHeaderArrowIconProps() })
     ] }),
     /* @__PURE__ */ jsx("div", { ...getContentWrapperProps(), children: /* @__PURE__ */ jsx("div", { ref: contentRef, ...getContentProps(), children }) })
   ] });

package/dist/{chunk-PRUAIZTU.mjs → chunk-LCI6RPWE.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-IOV7MEPG.mjs";
+} from "./chunk-IOCRFIQF.mjs";
 
 // src/components/icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-IZOMH2SL.mjs → chunk-MOINJECK.mjs}

@@ -63,17 +63,18 @@ Switch.displayName = "Switch";
 var switch_default = Switch;
 var toggle = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer",
+    base: ["group/switch", "relative", "max-w-fit", "inline-flex", "items-center", "justify-start", "cursor-pointer"],
     outerWrapper: [
       "relative",
       "inline-flex",
       "items-center",
       "justify-start",
       "flex-shrink-0",
-      "overflow-hidden",
       "bg-neutral-soft",
+      "overflow-hidden",
       "rounded-full",
-      "px-[2px]"
+      "px-[2px]",
+      "hover:bg-primary-main/20"
     ],
     wrapper: [
       "relative",
@@ -84,7 +85,7 @@ var toggle = tv({
       "overflow-hidden",
       "bg-neutral-light",
       "rounded-full",
-      "group-has-[:checked]:bg-primary-main"
+      "group-has-[:checked]/switch:bg-primary-main"
     ],
     thumb: [
       "z-10",
@@ -96,33 +97,33 @@ var toggle = tv({
       "rounded-full",
       "origin-right"
     ],
-    label: "relative text-foreground select-none"
+    label: ["relative", "text-foreground", "select-none"]
   },
   variants: {
     size: {
       sm: {
-        outerWrapper: "w-[48px] h-[24px] px-[3px]",
-        wrapper: "w-[42px] h-[18px] px-[3px]",
-        thumb: ["w-[12px] h-[12px]", "group-has-[:checked]:ml-[24px]"],
+        outerWrapper: ["w-[48px]", "h-[24px]", "px-[3px]"],
+        wrapper: ["w-[42px]", "h-[18px]", "px-[3px]"],
+        thumb: ["w-[12px]", "h-[12px]", "group-has-[:checked]/switch:ml-[24px]"],
         label: "text-sm"
       },
       md: {
-        outerWrapper: "w-[60px] h-[30px] px-[3px]",
-        wrapper: "w-[54px] h-[24px] px-[3px]",
-        thumb: ["w-[18px] h-[18px]", "group-has-[:checked]:ml-[30px]"],
+        outerWrapper: ["w-[60px]", "h-[30px]", "px-[3px]"],
+        wrapper: ["w-[54px]", "h-[24px]", "px-[3px]"],
+        thumb: ["w-[18px]", "h-[18px]", "group-has-[:checked]/switch:ml-[30px]"],
         label: "text-md"
       },
       lg: {
-        outerWrapper: "w-[72px] h-[36px] px-[3px]",
-        wrapper: "w-[66px] h-[30px] px-[3px]",
-        thumb: ["w-[24px] h-[24px]", "group-has-[:checked]:ml-[36px]"],
+        outerWrapper: ["w-[72px]", "h-[36px]", "px-[3px]"],
+        wrapper: ["w-[66px]", "h-[30px]", "px-[3px]"],
+        thumb: ["w-[24px]", "h-[24px]", "group-has-[:checked]/switch:ml-[36px]"],
         label: "text-lg"
       }
     },
     isDisabled: {
       true: {
         base: "pointer-events-none",
-        wrapper: "bg-neutral-light group-has-[:checked]:bg-neutral-light",
+        wrapper: "bg-neutral-light group-has-[:checked]/switch:bg-neutral-light",
         thumb: "bg-trans-soft"
       }
     },

package/dist/{chunk-QVGXHUYW.mjs → chunk-N2JULHST.mjs}

@@ -80,12 +80,12 @@ Progress.displayName = "Progress";
 var progress_default = Progress;
 var progress = tv({
   slots: {
-    base: "flex flex-col gap-2 w-[200px]",
-    labelWrapper: "flex justify-between",
-    label: "font-[500]",
-    output: "font-[500]",
-    track: "relative bg-neutral-soft rounded-full overflow-hidden",
-    indicator: "absolute h-full rounded-full"
+    base: ["flex", "flex-col", "gap-2", "w-[200px]"],
+    labelWrapper: ["flex", "justify-between"],
+    label: ["font-[500]"],
+    output: ["font-[500]"],
+    track: ["relative", "bg-neutral-soft", "rounded-full", "overflow-hidden"],
+    indicator: ["absolute", "h-full", "rounded-full"]
   },
   variants: {
     color: {
@@ -115,7 +115,7 @@ var progress = tv({
     },
     gradient: {
       true: {
-        indicator: "bg-gradient-to-r from-primary-main to-secondary-main"
+        indicator: ["bg-gradient-to-r", "from-primary-main", "to-secondary-main"]
       }
     },
     fullWidth: {
@@ -125,8 +125,8 @@ var progress = tv({
     },
     isDisabled: {
       true: {
-        base: "opacity-disabled cursor-not-allowed",
-        indicator: "bg-neutral-light"
+        base: ["opacity-disabled", "cursor-not-allowed"],
+        indicator: ["bg-neutral-light", "from-none", "to-none"]
       }
     }
   },