@workokay/atom 0.2.34 → 0.2.36

package/dist/index.js

@@ -19246,18 +19246,18 @@ const rE = te(
     "rounded-full transition-colors",
     "focus-visible:outline-none focus-visible:ring-2",
     "focus-visible:ring-[var(--atom-ring-color)]",
-    "disabled:cursor-not-allowed disabled:opacity-50"
+    "disabled:cursor-not-allowed disabled:opacity-50border border-[var(--atom-theme-border-primary)]  duration-300 ease-in-out focus-visible:ring-[var(--atom-ring-color)] focus-visible:ring-offset-2focus-visible:ring-offset-[var(--atom-ring-offset)] overflow-visible "
   ].join(" "),
   {
     variants: {
       variant: {
-        default: "bg-[color-mix(in_srgb,var(--atom-border)_40%,transparent)] data-[state=checked]:bg-[var(--atom-primary)]",
+        default: "bg-[color-mix(in_srgb,var(--atom-border)_40%,transparent)] data-[state=checked]:bg-[var(--atom-primary)] ",
         theme: "bg-[color-mix(in_srgb,var(--atom-border)_35%,transparent)] data-[state=checked]:bg-[var(--atom-primary)]"
       },
       size: {
-        sm: "h-5 w-9",
-        md: "h-6 w-11",
-        lg: "h-7 w-14"
+        sm: "h-5 w-8 p-0.5",
+        md: "h-6 w-11 p-1",
+        lg: "h-7 w-14 p-1.5"
       },
       fullWidth: {
         true: "w-full",
@@ -19271,9 +19271,9 @@ const rE = te(
     }
   }
 ), oE = {
-  sm: { size: "h-4 w-4", translateX: 16 },
-  md: { size: "h-5 w-5", translateX: 20 },
-  lg: { size: "h-6 w-6", translateX: 28 }
+  sm: { size: "h-3 w-3", translateX: 14 },
+  md: { size: "h-4 w-4", translateX: 20 },
+  lg: { size: "h-5 w-5", translateX: 26 }
 }, sE = kt(nE), iE = ({ size: e = 12 }) => /* @__PURE__ */ h.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", children: [
   /* @__PURE__ */ h.jsx("circle", { cx: "12", cy: "12", r: "4", fill: "white" }),
   /* @__PURE__ */ h.jsx(
@@ -19315,6 +19315,10 @@ const rE = te(
                 initial: { opacity: 0, scale: 0.4 },
                 animate: { opacity: 1, scale: 1 },
                 exit: { opacity: 0, scale: 0 },
+                transition: {
+                  duration: 0.4,
+                  ease: "easeOut"
+                },
                 children: /* @__PURE__ */ h.jsx(aE, { size: b })
               },
               "moon"
@@ -19325,6 +19329,12 @@ const rE = te(
                 className: "absolute right-3 top-1 text-white/60",
                 initial: { opacity: 0 },
                 animate: { opacity: 1 },
+                exit: { opacity: 0, scale: 0 },
+                transition: {
+                  duration: 0.3,
+                  delay: 0.1,
+                  ease: "easeOut"
+                },
                 children: /* @__PURE__ */ h.jsx(cE, {})
               },
               "star"
@@ -19336,6 +19346,10 @@ const rE = te(
               initial: { opacity: 0, scale: 0.4, rotate: -180 },
               animate: { opacity: 1, scale: 1, rotate: 0 },
               exit: { opacity: 0, scale: 0, rotate: 180 },
+              transition: {
+                duration: 0.4,
+                ease: "easeOut"
+              },
               children: /* @__PURE__ */ h.jsx(iE, { size: b })
             },
             "sun"
@@ -19346,14 +19360,28 @@ const rE = te(
               "data-slot": "switch-thumb",
               className: M(
                 m.size,
-                "block rounded-full bg-[var(--atom-bg)] shadow-md"
+                "block rounded-full bg-white  relative z-10 "
               ),
               animate: {
                 x: c ? m.translateX : 0,
-                scaleX: u ? [1, 1.25, 1] : 1,
+                scaleX: u ? [1, 1.3, 1] : 1,
                 scaleY: u ? [1, 0.9, 1] : 1
               },
-              transition: { type: "spring", stiffness: 500, damping: 30 }
+              transition: {
+                x: {
+                  type: "spring",
+                  stiffness: 500,
+                  damping: 30
+                },
+                scaleX: {
+                  duration: 0.3,
+                  ease: "easeInOut"
+                },
+                scaleY: {
+                  duration: 0.3,
+                  ease: "easeInOut"
+                }
+              }
             }
           )
         ]