@deepnoid/ui 0.0.87 → 0.0.89

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

@@ -18,27 +18,27 @@ declare const CheckBox: react.ForwardRefExoticComponent<Props & CheckboxVariantP
 declare const checkbox: tailwind_variants.TVReturnType<{
     color: {
         primary: {
-            wrapper: string;
+            wrapper: string[];
         };
         secondary: {
-            wrapper: string;
+            wrapper: string[];
         };
     };
     size: {
         sm: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         md: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         lg: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
     };
     lineThrough: {
@@ -48,14 +48,14 @@ declare const checkbox: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            wrapper: string;
+            wrapper: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
             base: string;
-            wrapper: string;
+            wrapper: string[];
             label: string;
             icon: string;
         };
@@ -68,15 +68,15 @@ declare const checkbox: tailwind_variants.TVReturnType<{
         };
         false: {
             wrapper: string[];
-            icon: string;
-            label: string;
+            icon: string[];
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     wrapper: string[];
-    icon: string;
-    label: string;
+    icon: string[];
+    label: string[];
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
         size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
@@ -109,27 +109,27 @@ declare const checkbox: tailwind_variants.TVReturnType<{
 }, {
     color: {
         primary: {
-            wrapper: string;
+            wrapper: string[];
         };
         secondary: {
-            wrapper: string;
+            wrapper: string[];
         };
     };
     size: {
         sm: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         md: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         lg: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
     };
     lineThrough: {
@@ -139,14 +139,14 @@ declare const checkbox: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            wrapper: string;
+            wrapper: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
             base: string;
-            wrapper: string;
+            wrapper: string[];
             label: string;
             icon: string;
         };
@@ -159,39 +159,39 @@ declare const checkbox: tailwind_variants.TVReturnType<{
         };
         false: {
             wrapper: string[];
-            icon: string;
-            label: string;
+            icon: string[];
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     wrapper: string[];
-    icon: string;
-    label: string;
+    icon: string[];
+    label: string[];
 }, tailwind_variants.TVReturnType<{
     color: {
         primary: {
-            wrapper: string;
+            wrapper: string[];
         };
         secondary: {
-            wrapper: string;
+            wrapper: string[];
         };
     };
     size: {
         sm: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         md: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         lg: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
     };
     lineThrough: {
@@ -201,14 +201,14 @@ declare const checkbox: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            wrapper: string;
+            wrapper: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
             base: string;
-            wrapper: string;
+            wrapper: string[];
             label: string;
             icon: string;
         };
@@ -221,39 +221,39 @@ declare const checkbox: tailwind_variants.TVReturnType<{
         };
         false: {
             wrapper: string[];
-            icon: string;
-            label: string;
+            icon: string[];
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     wrapper: string[];
-    icon: string;
-    label: string;
+    icon: string[];
+    label: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
         primary: {
-            wrapper: string;
+            wrapper: string[];
         };
         secondary: {
-            wrapper: string;
+            wrapper: string[];
         };
     };
     size: {
         sm: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         md: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         lg: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
     };
     lineThrough: {
@@ -263,14 +263,14 @@ declare const checkbox: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            wrapper: string;
+            wrapper: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
             base: string;
-            wrapper: string;
+            wrapper: string[];
             label: string;
             icon: string;
         };
@@ -283,34 +283,34 @@ declare const checkbox: tailwind_variants.TVReturnType<{
         };
         false: {
             wrapper: string[];
-            icon: string;
-            label: string;
+            icon: string[];
+            label: string[];
         };
     };
 }, {
     color: {
         primary: {
-            wrapper: string;
+            wrapper: string[];
         };
         secondary: {
-            wrapper: string;
+            wrapper: string[];
         };
     };
     size: {
         sm: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         md: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
         lg: {
             wrapper: string[];
-            label: string;
-            icon: string;
+            label: string[];
+            icon: string[];
         };
     };
     lineThrough: {
@@ -320,14 +320,14 @@ declare const checkbox: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            wrapper: string;
+            wrapper: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
             base: string;
-            wrapper: string;
+            wrapper: string[];
             label: string;
             icon: string;
         };
@@ -340,8 +340,8 @@ declare const checkbox: tailwind_variants.TVReturnType<{
         };
         false: {
             wrapper: string[];
-            icon: string;
-            label: string;
+            icon: string[];
+            label: string[];
         };
     };
 }>, unknown, unknown, undefined>>;

package/dist/components/checkbox/checkbox.js

@@ -109,10 +109,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"
@@ -130,7 +127,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",
@@ -157,33 +154,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: {
@@ -204,14 +201,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"
       }
@@ -232,8 +239,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/components/checkbox/checkbox.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   checkbox_default
-} from "../../chunk-BE2OG6M4.mjs";
+} from "../../chunk-ANYPMQH4.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/checkbox/checkbox.test.js

@@ -16985,10 +16985,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"
@@ -17006,7 +17003,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",
@@ -17033,33 +17030,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: {
@@ -17080,14 +17077,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"
       }
@@ -17108,8 +17115,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/components/checkbox/checkbox.test.mjs

@@ -1,10 +1,10 @@
 "use client";
+import {
+  checkbox_default
+} from "../../chunk-ANYPMQH4.mjs";
 import {
   userEvent
 } from "../../chunk-S4DTK5GI.mjs";
-import {
-  checkbox_default
-} from "../../chunk-BE2OG6M4.mjs";
 import {
   act,
   render

package/dist/components/checkbox/index.js

@@ -111,10 +111,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"
@@ -132,7 +129,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",
@@ -159,33 +156,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: {
@@ -206,14 +203,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"
       }
@@ -234,8 +241,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"]
       }
     }
   },