@deepnoid/ui 0.0.88 → 0.0.89

package/dist/components/slider/slider.d.ts

@@ -47,6 +47,11 @@ declare const slider: tailwind_variants.TVReturnType<{
             thumb: string;
         };
     };
+    gradient: {
+        true: {
+            filter: string[];
+        };
+    };
     fullWidth: {
         true: {
             base: string;
@@ -83,6 +88,7 @@ declare const slider: tailwind_variants.TVReturnType<{
         fullWidth?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         isDisabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         hideThumb?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -135,6 +141,11 @@ declare const slider: tailwind_variants.TVReturnType<{
             thumb: string;
         };
     };
+    gradient: {
+        true: {
+            filter: string[];
+        };
+    };
     fullWidth: {
         true: {
             base: string;
@@ -195,6 +206,11 @@ declare const slider: tailwind_variants.TVReturnType<{
             thumb: string;
         };
     };
+    gradient: {
+        true: {
+            filter: string[];
+        };
+    };
     fullWidth: {
         true: {
             base: string;
@@ -255,6 +271,11 @@ declare const slider: tailwind_variants.TVReturnType<{
             thumb: string;
         };
     };
+    gradient: {
+        true: {
+            filter: string[];
+        };
+    };
     fullWidth: {
         true: {
             base: string;
@@ -306,6 +327,11 @@ declare const slider: tailwind_variants.TVReturnType<{
             thumb: string;
         };
     };
+    gradient: {
+        true: {
+            filter: string[];
+        };
+    };
     fullWidth: {
         true: {
             base: string;

package/dist/components/slider/slider.js

@@ -155,18 +155,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"
@@ -182,6 +182,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"
@@ -199,7 +204,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/components/slider/slider.mjs

@@ -2,7 +2,7 @@
 import {
   slider,
   slider_default
-} from "../../chunk-H2HUJ4N2.mjs";
+} from "../../chunk-A3RWT3JJ.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 export {

package/dist/components/slider/slider.test.js

@@ -13001,18 +13001,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"
@@ -13028,6 +13028,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"
@@ -13045,7 +13050,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/components/slider/slider.test.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   slider_default
-} from "../../chunk-H2HUJ4N2.mjs";
+} from "../../chunk-A3RWT3JJ.mjs";
 import {
   render
 } from "../../chunk-FNPWLOGV.mjs";

package/dist/components/switch/index.js

@@ -107,17 +107,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",
@@ -128,7 +129,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",
@@ -140,33 +141,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/index.mjs

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

package/dist/components/switch/switch.d.mts

@@ -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;
         };