@deepnoid/ui 0.1.223 → 1.0.0

package/dist/components/switch/index.js

@@ -72,7 +72,7 @@ var Switch = (0, import_react.forwardRef)((originalProps, ref) => {
         onChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.outerWrapper({ class: classNames == null ? void 0 : classNames.outerWrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb }) }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb }) }) })
   ] });
 });
 Switch.displayName = "Switch";
@@ -80,16 +80,6 @@ var switch_default = Switch;
 var switchStyle = (0, import_tailwind_variants.tv)({
   slots: {
     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",
-      "bg-neutral-soft",
-      "overflow-hidden",
-      "rounded-full"
-    ],
     wrapper: [
       "relative",
       "inline-flex",
@@ -98,6 +88,7 @@ var switchStyle = (0, import_tailwind_variants.tv)({
       "flex-shrink-0",
       "overflow-hidden",
       "bg-neutral-light",
+      "ring-neutral-soft",
       "rounded-full"
     ],
     thumb: [
@@ -114,23 +105,19 @@ var switchStyle = (0, import_tailwind_variants.tv)({
   variants: {
     size: {
       sm: {
-        outerWrapper: ["w-[32px]", "h-[16px]", "p-[2px]"],
-        wrapper: ["w-[28px]", "h-[12px]", "p-[2px]"],
+        wrapper: ["w-[28px]", "h-[12px]", "p-[2px]", "ring-2"],
         thumb: ["w-[8px]", "h-[8px]", "group-has-[:checked]/switch:ml-[16px]"]
       },
       md: {
-        outerWrapper: ["w-[48px]", "h-[24px]", "px-[3px]"],
-        wrapper: ["w-[42px]", "h-[16px]", "px-[3px]"],
+        wrapper: ["w-[42px]", "h-[18px]", "p-[3px]", "ring-3"],
         thumb: ["w-[12px]", "h-[12px]", "group-has-[:checked]/switch:ml-[24px]"]
       },
       lg: {
-        outerWrapper: ["w-[64px]", "h-[32px]", "px-[4px]"],
-        wrapper: ["w-[56px]", "h-[24px]", "px-[4px]"],
+        wrapper: ["w-[56px]", "h-[24px]", "p-[4px]", "ring-4"],
         thumb: ["w-[16px]", "h-[16px]", "group-has-[:checked]/switch:ml-[32px]"]
       },
       xl: {
-        outerWrapper: ["w-[80px]", "h-[40px]", "px-[5px]"],
-        wrapper: ["w-[70px]", "h-[30px]", "px-[5px]"],
+        wrapper: ["w-[70px]", "h-[30px]", "p-[5px]", "ring-5"],
         thumb: ["w-[20px]", "h-[20px]", "group-has-[:checked]/switch:ml-[40px]"]
       }
     },
@@ -141,8 +128,12 @@ var switchStyle = (0, import_tailwind_variants.tv)({
     disabled: {
       true: {
         base: ["!pointer-events-none"],
-        outerWrapper: ["!bg-neutral-soft"],
-        wrapper: ["!bg-neutral-light", "!group-has-[:checked]/switch:bg-neutral-light", "!hover:bg-neutral-light"],
+        wrapper: [
+          "!bg-neutral-light",
+          "!ring-neutral-soft",
+          "!group-has-[:checked]/switch:bg-neutral-light",
+          "!hover:bg-neutral-light"
+        ],
         thumb: ["!bg-trans-light"]
       }
     },
@@ -161,15 +152,21 @@ var switchStyle = (0, import_tailwind_variants.tv)({
     {
       color: "primary",
       class: {
-        outerWrapper: ["group-has-[:checked]/switch:bg-primary-light"],
-        wrapper: ["group-has-[:checked]/switch:bg-primary-main", "hover:bg-primary-light"]
+        wrapper: [
+          "group-has-[:checked]/switch:bg-primary-main",
+          "group-has-[:checked]/switch:ring-primary-light",
+          "hover:bg-primary-light"
+        ]
       }
     },
     {
       color: "secondary",
       class: {
-        outerWrapper: ["group-has-[:checked]/switch:bg-secondary-light"],
-        wrapper: ["group-has-[:checked]/switch:bg-secondary-main", "hover:bg-secondary-light"]
+        wrapper: [
+          "group-has-[:checked]/switch:bg-secondary-main",
+          "group-has-[:checked]/switch:ring-secondary-light",
+          "hover:bg-secondary-light"
+        ]
       }
     }
   ],

package/dist/components/switch/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-LVFI2NOH.mjs";
 import {
   switch_default
-} from "../../chunk-AGE57VDD.mjs";
+} from "../../chunk-CBIV6KFQ.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

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

@@ -18,22 +18,18 @@ declare const Switch: react.ForwardRefExoticComponent<Props & SwitchVariantProps
 declare const switchStyle: tailwind_variants.TVReturnType<{
     size: {
         sm: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         md: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         lg: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         xl: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -45,7 +41,6 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     disabled: {
         true: {
             base: string[];
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -62,28 +57,23 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
 }, undefined, {
     size: {
         sm: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         md: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         lg: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         xl: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -95,7 +85,6 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     disabled: {
         true: {
             base: string[];
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -112,28 +101,23 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
 }, tailwind_variants.TVReturnType<{
     size: {
         sm: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         md: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         lg: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         xl: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -145,7 +129,6 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     disabled: {
         true: {
             base: string[];
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -162,7 +145,6 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/switch/switch.d.ts

@@ -18,22 +18,18 @@ declare const Switch: react.ForwardRefExoticComponent<Props & SwitchVariantProps
 declare const switchStyle: tailwind_variants.TVReturnType<{
     size: {
         sm: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         md: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         lg: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         xl: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -45,7 +41,6 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     disabled: {
         true: {
             base: string[];
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -62,28 +57,23 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
 }, undefined, {
     size: {
         sm: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         md: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         lg: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         xl: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -95,7 +85,6 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     disabled: {
         true: {
             base: string[];
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -112,28 +101,23 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
 }, tailwind_variants.TVReturnType<{
     size: {
         sm: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         md: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         lg: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
         xl: {
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -145,7 +129,6 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     disabled: {
         true: {
             base: string[];
-            outerWrapper: string[];
             wrapper: string[];
             thumb: string[];
         };
@@ -162,7 +145,6 @@ declare const switchStyle: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    outerWrapper: string[];
     wrapper: string[];
     thumb: string[];
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/switch/switch.js

@@ -70,7 +70,7 @@ var Switch = (0, import_react.forwardRef)((originalProps, ref) => {
         onChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.outerWrapper({ class: classNames == null ? void 0 : classNames.outerWrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb }) }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb }) }) })
   ] });
 });
 Switch.displayName = "Switch";
@@ -78,16 +78,6 @@ var switch_default = Switch;
 var switchStyle = (0, import_tailwind_variants.tv)({
   slots: {
     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",
-      "bg-neutral-soft",
-      "overflow-hidden",
-      "rounded-full"
-    ],
     wrapper: [
       "relative",
       "inline-flex",
@@ -96,6 +86,7 @@ var switchStyle = (0, import_tailwind_variants.tv)({
       "flex-shrink-0",
       "overflow-hidden",
       "bg-neutral-light",
+      "ring-neutral-soft",
       "rounded-full"
     ],
     thumb: [
@@ -112,23 +103,19 @@ var switchStyle = (0, import_tailwind_variants.tv)({
   variants: {
     size: {
       sm: {
-        outerWrapper: ["w-[32px]", "h-[16px]", "p-[2px]"],
-        wrapper: ["w-[28px]", "h-[12px]", "p-[2px]"],
+        wrapper: ["w-[28px]", "h-[12px]", "p-[2px]", "ring-2"],
         thumb: ["w-[8px]", "h-[8px]", "group-has-[:checked]/switch:ml-[16px]"]
       },
       md: {
-        outerWrapper: ["w-[48px]", "h-[24px]", "px-[3px]"],
-        wrapper: ["w-[42px]", "h-[16px]", "px-[3px]"],
+        wrapper: ["w-[42px]", "h-[18px]", "p-[3px]", "ring-3"],
         thumb: ["w-[12px]", "h-[12px]", "group-has-[:checked]/switch:ml-[24px]"]
       },
       lg: {
-        outerWrapper: ["w-[64px]", "h-[32px]", "px-[4px]"],
-        wrapper: ["w-[56px]", "h-[24px]", "px-[4px]"],
+        wrapper: ["w-[56px]", "h-[24px]", "p-[4px]", "ring-4"],
         thumb: ["w-[16px]", "h-[16px]", "group-has-[:checked]/switch:ml-[32px]"]
       },
       xl: {
-        outerWrapper: ["w-[80px]", "h-[40px]", "px-[5px]"],
-        wrapper: ["w-[70px]", "h-[30px]", "px-[5px]"],
+        wrapper: ["w-[70px]", "h-[30px]", "p-[5px]", "ring-5"],
         thumb: ["w-[20px]", "h-[20px]", "group-has-[:checked]/switch:ml-[40px]"]
       }
     },
@@ -139,8 +126,12 @@ var switchStyle = (0, import_tailwind_variants.tv)({
     disabled: {
       true: {
         base: ["!pointer-events-none"],
-        outerWrapper: ["!bg-neutral-soft"],
-        wrapper: ["!bg-neutral-light", "!group-has-[:checked]/switch:bg-neutral-light", "!hover:bg-neutral-light"],
+        wrapper: [
+          "!bg-neutral-light",
+          "!ring-neutral-soft",
+          "!group-has-[:checked]/switch:bg-neutral-light",
+          "!hover:bg-neutral-light"
+        ],
         thumb: ["!bg-trans-light"]
       }
     },
@@ -159,15 +150,21 @@ var switchStyle = (0, import_tailwind_variants.tv)({
     {
       color: "primary",
       class: {
-        outerWrapper: ["group-has-[:checked]/switch:bg-primary-light"],
-        wrapper: ["group-has-[:checked]/switch:bg-primary-main", "hover:bg-primary-light"]
+        wrapper: [
+          "group-has-[:checked]/switch:bg-primary-main",
+          "group-has-[:checked]/switch:ring-primary-light",
+          "hover:bg-primary-light"
+        ]
       }
     },
     {
       color: "secondary",
       class: {
-        outerWrapper: ["group-has-[:checked]/switch:bg-secondary-light"],
-        wrapper: ["group-has-[:checked]/switch:bg-secondary-main", "hover:bg-secondary-light"]
+        wrapper: [
+          "group-has-[:checked]/switch:bg-secondary-main",
+          "group-has-[:checked]/switch:ring-secondary-light",
+          "hover:bg-secondary-light"
+        ]
       }
     }
   ],

package/dist/components/switch/switch.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   switch_default
-} from "../../chunk-AGE57VDD.mjs";
+} from "../../chunk-CBIV6KFQ.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {