@deepnoid/ui 0.1.223 → 1.0.0

package/dist/{chunk-AGE57VDD.mjs → chunk-CBIV6KFQ.mjs}

@@ -28,7 +28,7 @@ var Switch = forwardRef((originalProps, ref) => {
         onChange
       }
     ),
-    /* @__PURE__ */ jsx("span", { className: slots.outerWrapper({ class: classNames == null ? void 0 : classNames.outerWrapper }), children: /* @__PURE__ */ jsx("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ jsx("span", { className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb }) }) }) })
+    /* @__PURE__ */ jsx("span", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: /* @__PURE__ */ jsx("span", { className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb }) }) })
   ] });
 });
 Switch.displayName = "Switch";
@@ -36,16 +36,6 @@ var switch_default = Switch;
 var switchStyle = 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",
@@ -54,6 +44,7 @@ var switchStyle = tv({
       "flex-shrink-0",
       "overflow-hidden",
       "bg-neutral-light",
+      "ring-neutral-soft",
       "rounded-full"
     ],
     thumb: [
@@ -70,23 +61,19 @@ var switchStyle = 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]"]
       }
     },
@@ -97,8 +84,12 @@ var switchStyle = 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"]
       }
     },
@@ -117,15 +108,21 @@ var switchStyle = 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/{chunk-KWHCUAFU.mjs → chunk-CGJBY53Q.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   icon_button_default
-} from "./chunk-BBRO35V3.mjs";
+} from "./chunk-RFHWRBAB.mjs";
 import {
   Icon_default
-} from "./chunk-6AID2NLT.mjs";
+} from "./chunk-A6UUVHC6.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-U4DJHAM5.mjs";
+} from "./chunk-DPWUIAVC.mjs";
 
 // src/components/select/select.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect } from "react";

package/dist/{chunk-XZYQFBCT.mjs → chunk-DI7QXTYZ.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-U4DJHAM5.mjs";
+} from "./chunk-DPWUIAVC.mjs";
 
 // src/components/picker/day.tsx
 import { forwardRef, useMemo } from "react";