@deepnoid/ui 0.0.88 → 0.0.90

package/dist/components/switch/index.mjs

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

package/dist/components/switch/switch.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 from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
@@ -11,25 +11,25 @@ interface Props extends Omit<ComponentPropsWithRef<"input">, "ref" | "size"> {
     label?: string;
 }
 type SwitchProps = Props & ToggleVariantProps;
-declare const Switch: react.ForwardRefExoticComponent<Props & ToggleVariantProps & react.RefAttributes<HTMLInputElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Props & ToggleVariantProps & React.RefAttributes<HTMLInputElement>>;
 
 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.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';
 
@@ -11,25 +11,25 @@ interface Props extends Omit<ComponentPropsWithRef<"input">, "ref" | "size"> {
     label?: string;
 }
 type SwitchProps = Props & ToggleVariantProps;
-declare const Switch: react.ForwardRefExoticComponent<Props & ToggleVariantProps & react.RefAttributes<HTMLInputElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Props & ToggleVariantProps & React.RefAttributes<HTMLInputElement>>;
 
 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,15 +106,15 @@ 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]"
     ],
@@ -127,7 +127,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 +139,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-S3O52LLG.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 export {

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

@@ -12952,15 +12952,15 @@ 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]"
     ],
@@ -12973,7 +12973,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 +12985,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,12 +1,12 @@
 "use client";
 import {
   switch_default
-} from "../../chunk-IZOMH2SL.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-S3O52LLG.mjs";
 import {
   act,
   render
 } from "../../chunk-FNPWLOGV.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 
 // src/components/switch/switch.test.tsx