@deepnoid/ui 0.0.87 → 0.0.89

package/dist/components/switch/switch.d.ts

@@ -16,20 +16,20 @@ declare const Switch: react.ForwardRefExoticComponent<Props & ToggleVariantProps
 declare const toggle: tailwind_variants.TVReturnType<{
     size: {
         sm: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         md: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         lg: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
@@ -52,28 +52,28 @@ declare const toggle: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
-    label: string;
+    label: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
         sm: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         md: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         lg: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
@@ -98,20 +98,20 @@ declare const toggle: tailwind_variants.TVReturnType<{
 }, {
     size: {
         sm: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         md: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         lg: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
@@ -136,20 +136,20 @@ declare const toggle: tailwind_variants.TVReturnType<{
 }>, {
     size: {
         sm: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         md: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         lg: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
@@ -172,28 +172,28 @@ declare const toggle: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
-    label: string;
+    label: string[];
 }, tailwind_variants.TVReturnType<{
     size: {
         sm: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         md: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         lg: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
@@ -216,28 +216,28 @@ declare const toggle: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
-    label: string;
+    label: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
         sm: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         md: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         lg: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
@@ -262,20 +262,20 @@ declare const toggle: tailwind_variants.TVReturnType<{
 }, {
     size: {
         sm: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         md: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };
         lg: {
-            outerWrapper: string;
-            wrapper: string;
+            outerWrapper: string[];
+            wrapper: string[];
             thumb: string[];
             label: string;
         };

package/dist/components/switch/switch.js

@@ -106,17 +106,18 @@ Switch.displayName = "Switch";
 var switch_default = Switch;
 var toggle = (0, import_tailwind_variants.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",
@@ -127,7 +128,7 @@ var toggle = (0, import_tailwind_variants.tv)({
       "overflow-hidden",
       "bg-neutral-light",
       "rounded-full",
-      "group-has-[:checked]:bg-primary-main"
+      "group-has-[:checked]/switch:bg-primary-main"
     ],
     thumb: [
       "z-10",
@@ -139,33 +140,33 @@ var toggle = (0, import_tailwind_variants.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/components/switch/switch.mjs

@@ -2,7 +2,7 @@
 import {
   switch_default,
   toggle
-} from "../../chunk-IZOMH2SL.mjs";
+} from "../../chunk-MOINJECK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 export {

package/dist/components/switch/switch.test.js

@@ -12952,17 +12952,18 @@ Switch.displayName = "Switch";
 var switch_default = Switch;
 var toggle = (0, import_tailwind_variants.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",
@@ -12973,7 +12974,7 @@ var toggle = (0, import_tailwind_variants.tv)({
       "overflow-hidden",
       "bg-neutral-light",
       "rounded-full",
-      "group-has-[:checked]:bg-primary-main"
+      "group-has-[:checked]/switch:bg-primary-main"
     ],
     thumb: [
       "z-10",
@@ -12985,33 +12986,33 @@ var toggle = (0, import_tailwind_variants.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/components/switch/switch.test.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   switch_default
-} from "../../chunk-IZOMH2SL.mjs";
+} from "../../chunk-MOINJECK.mjs";
 import {
   act,
   render

package/dist/components/table/index.js

@@ -167,10 +167,7 @@ var CheckBox = (0, import_react.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"
@@ -188,7 +185,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",
@@ -215,33 +212,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: {
@@ -262,14 +259,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"
       }
@@ -290,8 +297,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"]
       }
     }
   },
@@ -637,6 +644,36 @@ var template = {
       }
     );
   },
+  loading: ({ className, fill }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.jsx)(
@@ -3922,7 +3959,7 @@ var TableBody = ({
   const getTrProps = (0, import_react4.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]
@@ -3989,7 +4026,7 @@ var TableBody = ({
         isExpanded && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime5.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
           }
@@ -4174,7 +4211,9 @@ var table = (0, import_tailwind_variants3.tv)({
       true: {}
     },
     isSelectedRow: {
-      true: {}
+      true: {
+        tr: "cursor-pointer"
+      }
     },
     hideHeader: {
       true: {
@@ -4263,7 +4302,7 @@ var table = (0, import_tailwind_variants3.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"
       }
     },
@@ -4271,7 +4310,7 @@ var table = (0, import_tailwind_variants3.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"
       }
     },
@@ -4279,7 +4318,7 @@ var table = (0, import_tailwind_variants3.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/components/table/index.mjs

@@ -2,15 +2,15 @@
 import "../../chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "../../chunk-4SWFYTMR.mjs";
-import "../../chunk-PUFNT5LS.mjs";
-import "../../chunk-QIZOXBOY.mjs";
+} from "../../chunk-6YE26GOI.mjs";
+import "../../chunk-DWROPKZW.mjs";
+import "../../chunk-VG4644BG.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-BE2OG6M4.mjs";
+import "../../chunk-ANYPMQH4.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-PRUAIZTU.mjs";
-import "../../chunk-IOV7MEPG.mjs";
+import "../../chunk-LCI6RPWE.mjs";
+import "../../chunk-IOCRFIQF.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";