@deepnoid/ui 0.0.87 → 0.0.89

package/dist/components/progress/progress.test.js

@@ -12968,12 +12968,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: {
@@ -13003,7 +13003,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: {
@@ -13013,8 +13013,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"]
       }
     }
   },

package/dist/components/progress/progress.test.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   progress_default
-} from "../../chunk-QVGXHUYW.mjs";
+} from "../../chunk-N2JULHST.mjs";
 import {
   render
 } from "../../chunk-FNPWLOGV.mjs";

package/dist/components/radio/index.js

@@ -112,7 +112,16 @@ Radio.displayName = "Radio";
 var radio_default = Radio;
 var radio = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
+    base: [
+      "group/radio",
+      "relative",
+      "max-w-fit",
+      "inline-flex",
+      "items-center",
+      "justify-start",
+      "cursor-pointer",
+      "tap-highlight-transparent"
+    ],
     icon: [
       "relative",
       "inline-flex",
@@ -141,18 +150,18 @@ var radio = tv({
       "after:left-1/2",
       "after:-translate-x-1/2",
       "after:-translate-y-1/2",
-      "group-has-[:checked]:after:opacity-100",
-      "group-has-[:checked]:after:scale-100",
+      "group-has-[:checked]/radio:after:opacity-100",
+      "group-has-[:checked]/radio:after:scale-100",
       // hover
-      "group-hover:before:bg-neutral-soft",
+      "group-hover/radio:before:bg-neutral-soft",
       "before:transition duration-200",
       // focus ring
       "outline-none",
-      "group-focus:z-10",
-      "group-focus:ring-2",
-      "group-focus:ring-focus",
-      "group-focus:ring-offset-2",
-      "group-focus:ring-offset-background"
+      "group-focus/radio:z-10",
+      "group-focus/radio:ring-2",
+      "group-focus/radio:ring-focus",
+      "group-focus/radio:ring-offset-2",
+      "group-focus/radio:ring-offset-background"
     ],
     labelWrapper: "flex flex-col",
     label: "text-foreground select-none"
@@ -160,44 +169,53 @@ var radio = tv({
   variants: {
     color: {
       primary: {
-        icon: "group-has-[:checked]:before:border-primary-main after:bg-primary-main"
+        icon: ["group-has-[:checked]/radio:before:border-primary-main", "after:bg-primary-main"]
       },
       secondary: {
-        icon: "group-has-[:checked]:before:border-secondary-main after:bg-secondary-main"
+        icon: ["group-has-[:checked]/radio:before:border-secondary-main", "after:bg-secondary-main"]
       }
     },
     size: {
       sm: {
-        icon: ["w-[15px] h-[15px] mr-[8px] after:w-[10px] after:h-[10px]"],
+        icon: ["w-[15px]", "h-[15px]", "mr-[6px]", "after:w-[9px]", "after:h-[9px]"],
         label: "text-sm"
       },
       md: {
-        icon: ["w-[17px] h-[17px] mr-[9px] after:w-[11px] after:h-[11px]"],
+        icon: ["w-[17px]", "h-[17px]", "mr-[8px]", "after:w-[11px]", "after:h-[11px]"],
         label: "text-md"
       },
       lg: {
-        icon: ["w-[20px] h-[20px] mr-[10px] after:w-[12px] after:h-[12px]"],
+        icon: ["w-[20px]", "h-[20px]", "mr-[10px]", "after:w-[14px]", "after:h-[14px]"],
         label: "text-lg"
       }
     },
     isInvalid: {
       true: {
-        icon: "after:bg-danger-main before:border-danger-main",
+        icon: [
+          "after:bg-danger-main",
+          "before:border-danger-main",
+          "group-has-[:checked]/radio:before:border-danger-main"
+        ],
         label: "text-danger-main"
       }
     },
     isDisabled: {
       true: {
-        base: "opacity-disabled pointer-events-none",
-        icon: "before:border-neutral-light before:bg-neutral-soft after:bg-neutral-light",
+        base: ["opacity-disabled", "pointer-events-none"],
+        icon: [
+          "before:border-neutral-light",
+          "before:bg-neutral-soft",
+          "after:bg-neutral-light",
+          "group-has-[:checked]/radio:before:border-neutral-light"
+        ],
         label: "text-neutral-light"
       }
     },
     disableAnimation: {
       true: {},
       false: {
-        icon: ["group-active:scale-95", "transition-transform-colors", "motion-reduce:transition-none"],
-        label: "transition-colors motion-reduce:transition-none"
+        icon: ["group-active/radio:scale-95", "transition-transform-colors", "motion-reduce:transition-none"],
+        label: ["transition-colors", "motion-reduce:transition-none"]
       }
     }
   },

package/dist/components/radio/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "../../chunk-PCIONGEJ.mjs";
+} from "../../chunk-QWFOYO3D.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/radio/radio.d.mts

@@ -15,10 +15,10 @@ declare const Radio: react.ForwardRefExoticComponent<Props & RadioVariantProps &
 declare const radio: tailwind_variants.TVReturnType<{
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -37,14 +37,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -52,11 +52,11 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     icon: string[];
     labelWrapper: string;
     label: string;
@@ -91,10 +91,10 @@ declare const radio: tailwind_variants.TVReturnType<{
 }, {
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -113,14 +113,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -128,21 +128,21 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     icon: string[];
     labelWrapper: string;
     label: string;
 }, tailwind_variants.TVReturnType<{
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -161,14 +161,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -176,21 +176,21 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     icon: string[];
     labelWrapper: string;
     label: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -209,14 +209,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -224,16 +224,16 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }, {
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -252,14 +252,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -267,7 +267,7 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }>, unknown, unknown, undefined>>;

package/dist/components/radio/radio.d.ts

@@ -15,10 +15,10 @@ declare const Radio: react.ForwardRefExoticComponent<Props & RadioVariantProps &
 declare const radio: tailwind_variants.TVReturnType<{
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -37,14 +37,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -52,11 +52,11 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     icon: string[];
     labelWrapper: string;
     label: string;
@@ -91,10 +91,10 @@ declare const radio: tailwind_variants.TVReturnType<{
 }, {
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -113,14 +113,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -128,21 +128,21 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     icon: string[];
     labelWrapper: string;
     label: string;
 }, tailwind_variants.TVReturnType<{
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -161,14 +161,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -176,21 +176,21 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }, {
-    base: string;
+    base: string[];
     icon: string[];
     labelWrapper: string;
     label: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -209,14 +209,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -224,16 +224,16 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }, {
     color: {
         primary: {
-            icon: string;
+            icon: string[];
         };
         secondary: {
-            icon: string;
+            icon: string[];
         };
     };
     size: {
@@ -252,14 +252,14 @@ declare const radio: tailwind_variants.TVReturnType<{
     };
     isInvalid: {
         true: {
-            icon: string;
+            icon: string[];
             label: string;
         };
     };
     isDisabled: {
         true: {
-            base: string;
-            icon: string;
+            base: string[];
+            icon: string[];
             label: string;
         };
     };
@@ -267,7 +267,7 @@ declare const radio: tailwind_variants.TVReturnType<{
         true: {};
         false: {
             icon: string[];
-            label: string;
+            label: string[];
         };
     };
 }>, unknown, unknown, undefined>>;

package/dist/components/radio/radio.js

@@ -110,7 +110,16 @@ Radio.displayName = "Radio";
 var radio_default = Radio;
 var radio = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
+    base: [
+      "group/radio",
+      "relative",
+      "max-w-fit",
+      "inline-flex",
+      "items-center",
+      "justify-start",
+      "cursor-pointer",
+      "tap-highlight-transparent"
+    ],
     icon: [
       "relative",
       "inline-flex",
@@ -139,18 +148,18 @@ var radio = tv({
       "after:left-1/2",
       "after:-translate-x-1/2",
       "after:-translate-y-1/2",
-      "group-has-[:checked]:after:opacity-100",
-      "group-has-[:checked]:after:scale-100",
+      "group-has-[:checked]/radio:after:opacity-100",
+      "group-has-[:checked]/radio:after:scale-100",
       // hover
-      "group-hover:before:bg-neutral-soft",
+      "group-hover/radio:before:bg-neutral-soft",
       "before:transition duration-200",
       // focus ring
       "outline-none",
-      "group-focus:z-10",
-      "group-focus:ring-2",
-      "group-focus:ring-focus",
-      "group-focus:ring-offset-2",
-      "group-focus:ring-offset-background"
+      "group-focus/radio:z-10",
+      "group-focus/radio:ring-2",
+      "group-focus/radio:ring-focus",
+      "group-focus/radio:ring-offset-2",
+      "group-focus/radio:ring-offset-background"
     ],
     labelWrapper: "flex flex-col",
     label: "text-foreground select-none"
@@ -158,44 +167,53 @@ var radio = tv({
   variants: {
     color: {
       primary: {
-        icon: "group-has-[:checked]:before:border-primary-main after:bg-primary-main"
+        icon: ["group-has-[:checked]/radio:before:border-primary-main", "after:bg-primary-main"]
       },
       secondary: {
-        icon: "group-has-[:checked]:before:border-secondary-main after:bg-secondary-main"
+        icon: ["group-has-[:checked]/radio:before:border-secondary-main", "after:bg-secondary-main"]
       }
     },
     size: {
       sm: {
-        icon: ["w-[15px] h-[15px] mr-[8px] after:w-[10px] after:h-[10px]"],
+        icon: ["w-[15px]", "h-[15px]", "mr-[6px]", "after:w-[9px]", "after:h-[9px]"],
         label: "text-sm"
       },
       md: {
-        icon: ["w-[17px] h-[17px] mr-[9px] after:w-[11px] after:h-[11px]"],
+        icon: ["w-[17px]", "h-[17px]", "mr-[8px]", "after:w-[11px]", "after:h-[11px]"],
         label: "text-md"
       },
       lg: {
-        icon: ["w-[20px] h-[20px] mr-[10px] after:w-[12px] after:h-[12px]"],
+        icon: ["w-[20px]", "h-[20px]", "mr-[10px]", "after:w-[14px]", "after:h-[14px]"],
         label: "text-lg"
       }
     },
     isInvalid: {
       true: {
-        icon: "after:bg-danger-main before:border-danger-main",
+        icon: [
+          "after:bg-danger-main",
+          "before:border-danger-main",
+          "group-has-[:checked]/radio:before:border-danger-main"
+        ],
         label: "text-danger-main"
       }
     },
     isDisabled: {
       true: {
-        base: "opacity-disabled pointer-events-none",
-        icon: "before:border-neutral-light before:bg-neutral-soft after:bg-neutral-light",
+        base: ["opacity-disabled", "pointer-events-none"],
+        icon: [
+          "before:border-neutral-light",
+          "before:bg-neutral-soft",
+          "after:bg-neutral-light",
+          "group-has-[:checked]/radio:before:border-neutral-light"
+        ],
         label: "text-neutral-light"
       }
     },
     disableAnimation: {
       true: {},
       false: {
-        icon: ["group-active:scale-95", "transition-transform-colors", "motion-reduce:transition-none"],
-        label: "transition-colors motion-reduce:transition-none"
+        icon: ["group-active/radio:scale-95", "transition-transform-colors", "motion-reduce:transition-none"],
+        label: ["transition-colors", "motion-reduce:transition-none"]
       }
     }
   },