@deepnoid/ui 0.0.88 → 0.0.90

package/dist/components/progress/progress.d.ts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as react from 'react';
+import * as React from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
@@ -12,7 +12,7 @@ interface Props extends Omit<ComponentPropsWithRef<"div">, "ref"> {
     classNames?: SlotsToClasses<ProgressSlots>;
 }
 type ProgressProps = Props & ProgressVariantProps;
-declare const Progress: react.ForwardRefExoticComponent<Props & ProgressVariantProps & react.RefAttributes<HTMLDivElement>>;
+declare const Progress: React.ForwardRefExoticComponent<Props & ProgressVariantProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const progress: tailwind_variants.TVReturnType<{
     color: {
@@ -42,7 +42,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -52,17 +52,17 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    output: string;
-    track: string;
-    indicator: string;
+    base: string[];
+    labelWrapper: string[];
+    label: string[];
+    output: string[];
+    track: string[];
+    indicator: string[];
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
         size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
@@ -119,7 +119,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -129,17 +129,17 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    output: string;
-    track: string;
-    indicator: string;
+    base: string[];
+    labelWrapper: string[];
+    label: string[];
+    output: string[];
+    track: string[];
+    indicator: string[];
 }, tailwind_variants.TVReturnType<{
     color: {
         primary: {
@@ -168,7 +168,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -178,17 +178,17 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    output: string;
-    track: string;
-    indicator: string;
+    base: string[];
+    labelWrapper: string[];
+    label: string[];
+    output: string[];
+    track: string[];
+    indicator: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
         primary: {
@@ -217,7 +217,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -227,8 +227,8 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }, {
@@ -259,7 +259,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -269,8 +269,8 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }>, unknown, unknown, undefined>>;

package/dist/components/progress/progress.js

@@ -121,12 +121,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: {
@@ -156,7 +156,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: {
@@ -166,8 +166,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.mjs

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

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

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as react from 'react';
+import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
@@ -10,15 +10,15 @@ interface Props extends Omit<React.ComponentPropsWithRef<"input">, "ref" | "colo
     classNames?: SlotsToClasses<RadioSlots>;
 }
 type RadioProps = Props & RadioVariantProps;
-declare const Radio: react.ForwardRefExoticComponent<Props & RadioVariantProps & react.RefAttributes<HTMLInputElement>>;
+declare const Radio: React$1.ForwardRefExoticComponent<Props & RadioVariantProps & React$1.RefAttributes<HTMLInputElement>>;
 
 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>>;