laif-ds 0.2.49 → 0.2.50

package/dist/components/ui/select.js

@@ -1,93 +1,99 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Root as p, Portal as f, Content as g, Viewport as x, Group as h, Item as v, ItemIndicator as b, ItemText as y, Label as S, Separator as z, Trigger as w, Icon as N, Value as C, ScrollUpButton as I, ScrollDownButton as _ } from "../../node_modules/@radix-ui/react-select/dist/index.js";
-import * as c from "react";
-import { Label as j } from "./label.js";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Root as f, Portal as g, Content as x, Viewport as h, Group as v, Item as b, ItemIndicator as y, ItemText as S, Label as z, Separator as w, Trigger as N, Icon as C, Value as I, ScrollUpButton as _, ScrollDownButton as j } from "../../node_modules/@radix-ui/react-select/dist/index.js";
+import * as u from "react";
+import { Label as k } from "./label.js";
+import { designTokens as r } from "../../lib/design-tokens.js";
 import { cn as o } from "../../lib/utils.js";
-import k from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-import B from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
-function q({
+import B from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import L from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
+function E({
   size: t = "default",
   label: a,
   className: s,
-  labelClassName: r,
+  labelClassName: n,
   ...d
 }) {
-  const n = c.useId();
-  return /* @__PURE__ */ i("div", { className: o("space-y-1.5", s), children: [
-    a && /* @__PURE__ */ e(j, { htmlFor: n, className: r, children: a }),
-    /* @__PURE__ */ e(m.Provider, { value: { size: t, id: n }, children: /* @__PURE__ */ e(p, { "data-slot": "select", ...d }) })
+  const l = u.useId();
+  return /* @__PURE__ */ c("div", { className: o("space-y-1.5", s), children: [
+    a && /* @__PURE__ */ e(k, { htmlFor: l, className: n, children: a }),
+    /* @__PURE__ */ e(m.Provider, { value: { size: t, id: l }, children: /* @__PURE__ */ e(f, { "data-slot": "select", ...d }) })
   ] });
 }
-const m = c.createContext({ size: "default" }), L = () => c.useContext(m);
-function A({
+const m = u.createContext({ size: "default" }), T = () => u.useContext(m);
+function H({
   ...t
 }) {
-  return /* @__PURE__ */ e(h, { "data-slot": "select-group", ...t });
+  return /* @__PURE__ */ e(v, { "data-slot": "select-group", ...t });
 }
-function E({
+function J({
   ...t
 }) {
-  return /* @__PURE__ */ e(C, { "data-slot": "select-value", ...t });
+  return /* @__PURE__ */ e(I, { "data-slot": "select-value", ...t });
 }
-function H({
+function K({
   className: t,
   size: a,
   children: s,
-  ...r
+  ...n
 }) {
-  const { size: d, id: n } = L(), l = a || d;
-  return /* @__PURE__ */ i(
-    w,
+  const { size: d, id: l } = T(), i = a || d;
+  return /* @__PURE__ */ c(
+    N,
     {
-      id: n,
+      id: l,
       "data-slot": "select-trigger",
-      "data-size": l,
+      "data-size": i,
       className: o(
-        "border-d-border/50 ring-offset-background data-[placeholder]:text-d-muted-foreground bg-d-input flex items-center justify-between rounded-md border px-3 py-2 whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-        "focus-visible:ring-d-ring focus-visible:ring-1",
-        // Ring solo con tastiera
-        "data-[state=open]:ring-d-ring data-[state=open]:ring-1",
-        // Ring quando dropdown è aperto
-        "aria-invalid:ring-d-destructive/20 aria-invalid:border-d-destructive",
+        r.input.base,
+        r.radius.default,
+        r.text.base,
+        r.text.placeholder,
+        r.interaction.disabled,
+        "flex items-center justify-between px-3 py-2 whitespace-nowrap [&>span]:line-clamp-1",
+        // Focus states
+        "focus-visible:ring-d-ring/50 focus-visible:border-d-ring focus:outline-none focus-visible:ring-[3px]",
+        "data-[state=open]:ring-d-ring/50 data-[state=open]:border-d-ring data-[state=open]:ring-[3px]",
+        r.input.invalid,
         "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
-        "transition-all duration-300",
-        l === "default" && "h-9 text-sm",
-        l === "sm" && "h-8 text-xs",
-        l === "lg" && "h-10 text-lg",
+        "transition-all duration-200",
+        i === "default" && "h-9",
+        i === "sm" && "h-8 text-xs",
+        i === "lg" && "h-10 text-lg",
         t
       ),
-      ...r,
+      ...n,
       children: [
         s,
-        /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(p, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function J({
+function M({
   className: t,
   children: a,
   position: s = "popper",
-  ...r
+  ...n
 }) {
-  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ i(
-    g,
+  return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ c(
+    x,
     {
       "data-slot": "select-content",
       className: o(
-        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-d-border relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        r.radius.default,
+        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-d-border relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto border shadow-md",
         s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         t
       ),
       position: s,
-      ...r,
+      ...n,
       children: [
         /* @__PURE__ */ e(D, {}),
         /* @__PURE__ */ e(
-          x,
+          h,
           {
             className: o(
               "p-1",
@@ -101,49 +107,50 @@ function J({
     }
   ) });
 }
-function K({
+function O({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ e(
-    S,
+    z,
     {
       "data-slot": "select-label",
       className: o(
-        "text-d-secondary-foreground px-2 py-1.5 text-xs",
+        "text-d-secondary-foreground px-2 py-1.5 text-xs font-medium",
         t
       ),
       ...a
     }
   );
 }
-function M({
+function Q({
   className: t,
   children: a,
   ...s
 }) {
-  return /* @__PURE__ */ i(
-    v,
+  return /* @__PURE__ */ c(
+    b,
     {
       "data-slot": "select-item",
       className: o(
-        "focus:bg-d-accent focus:text-d-accent-foreground [&_svg:not([class*='text-'])]:text-d-secondary-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        r.radius.sm,
+        "focus:bg-d-accent focus:text-d-accent-foreground [&_svg:not([class*='text-'])]:text-d-secondary-foreground relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         t
       ),
       ...s,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(k, { className: "size-4" }) }) }),
-        /* @__PURE__ */ e(y, { children: a })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(B, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(S, { children: a })
       ]
     }
   );
 }
-function O({
+function W({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ e(
-    z,
+    w,
     {
       "data-slot": "select-separator",
       className: o(
@@ -159,7 +166,7 @@ function D({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    I,
+    _,
     {
       "data-slot": "select-scroll-up-button",
       className: o(
@@ -167,7 +174,7 @@ function D({
         t
       ),
       ...a,
-      children: /* @__PURE__ */ e(B, { className: "size-4" })
+      children: /* @__PURE__ */ e(L, { className: "size-4" })
     }
   );
 }
@@ -176,7 +183,7 @@ function R({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    _,
+    j,
     {
       "data-slot": "select-scroll-down-button",
       className: o(
@@ -184,19 +191,19 @@ function R({
         t
       ),
       ...a,
-      children: /* @__PURE__ */ e(u, { className: "size-4" })
+      children: /* @__PURE__ */ e(p, { className: "size-4" })
     }
   );
 }
 export {
-  q as Select,
-  J as SelectContent,
-  A as SelectGroup,
-  M as SelectItem,
-  K as SelectLabel,
+  E as Select,
+  M as SelectContent,
+  H as SelectGroup,
+  Q as SelectItem,
+  O as SelectLabel,
   R as SelectScrollDownButton,
   D as SelectScrollUpButton,
-  O as SelectSeparator,
-  H as SelectTrigger,
-  E as SelectValue
+  W as SelectSeparator,
+  K as SelectTrigger,
+  J as SelectValue
 };

package/dist/components/ui/sheet.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Root as d, Content as i, Close as l, Description as c, Title as f, Trigger as u, Portal as m, Overlay as h } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { Root as i, Content as l, Close as c, Description as f, Title as m, Trigger as u, Portal as h, Overlay as p } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { designTokens as n } from "../../lib/design-tokens.js";
 import { cn as a } from "../../lib/utils.js";
-import p from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function v({ ...t }) {
-  return /* @__PURE__ */ o(d, { "data-slot": "sheet", ...t });
+import b from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function T({ ...t }) {
+  return /* @__PURE__ */ o(i, { "data-slot": "sheet", ...t });
 }
-function w({
+function k({
   ...t
 }) {
   return /* @__PURE__ */ o(u, { "data-slot": "sheet-trigger", ...t });
@@ -14,14 +15,14 @@ function w({
 function g({
   ...t
 }) {
-  return /* @__PURE__ */ o(m, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ o(h, { "data-slot": "sheet-portal", ...t });
 }
-function b({
+function x({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ o(
-    h,
+    p,
     {
       "data-slot": "sheet-overlay",
       className: a(
@@ -36,12 +37,12 @@ function C({
   className: t,
   children: e,
   side: r = "right",
-  ...n
+  ...d
 }) {
   return /* @__PURE__ */ s(g, { children: [
-    /* @__PURE__ */ o(b, {}),
+    /* @__PURE__ */ o(x, {}),
     /* @__PURE__ */ s(
-      i,
+      l,
       {
         "data-slot": "sheet-content",
         className: a(
@@ -52,19 +53,29 @@ function C({
           r === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom border-d-border inset-x-0 bottom-0 h-auto border-t",
           t
         ),
-        ...n,
+        ...d,
         children: [
           e,
-          /* @__PURE__ */ s(l, { className: "ring-offset-d-background focus:ring-d-ring data-[state=open]:bg-d-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ o(p, { className: "size-4" }),
-            /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-          ] })
+          /* @__PURE__ */ s(
+            c,
+            {
+              className: a(
+                "ring-offset-d-background data-[state=open]:bg-d-secondary absolute top-4 right-4 opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
+                n.focusRing,
+                n.radius.sm
+              ),
+              children: [
+                /* @__PURE__ */ o(b, { className: "size-4" }),
+                /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
         ]
       }
     )
   ] });
 }
-function T({ className: t, ...e }) {
+function z({ className: t, ...e }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -74,7 +85,7 @@ function T({ className: t, ...e }) {
     }
   );
 }
-function k({ className: t, ...e }) {
+function j({ className: t, ...e }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -84,12 +95,12 @@ function k({ className: t, ...e }) {
     }
   );
 }
-function z({
+function D({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ o(
-    f,
+    m,
     {
       "data-slot": "sheet-title",
       className: a("text-d-foreground font-semibold", t),
@@ -97,12 +108,12 @@ function z({
     }
   );
 }
-function j({
+function O({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ o(
-    c,
+    f,
     {
       "data-slot": "sheet-description",
       className: a("text-d-secondary-foreground text-sm", t),
@@ -111,11 +122,11 @@ function j({
   );
 }
 export {
-  v as Sheet,
+  T as Sheet,
   C as SheetContent,
-  j as SheetDescription,
-  k as SheetFooter,
-  T as SheetHeader,
-  z as SheetTitle,
-  w as SheetTrigger
+  O as SheetDescription,
+  j as SheetFooter,
+  z as SheetHeader,
+  D as SheetTitle,
+  k as SheetTrigger
 };

package/dist/components/ui/slider.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as u, jsx as l, Fragment as k } from "react/jsx-runtime";
-import * as F from "react";
-import { Root as y, Track as M, Range as P, Thumb as b } from "../../node_modules/@radix-ui/react-slider/dist/index.js";
-import { Badge as x } from "./badge.js";
 import { cn as c } from "../../lib/utils.js";
+import { Root as y, Track as F, Range as M, Thumb as b } from "../../node_modules/@radix-ui/react-slider/dist/index.js";
 import { cva as w } from "../../node_modules/class-variance-authority/dist/index.js";
+import * as P from "react";
+import { Badge as x } from "./badge.js";
 const S = w(
   "relative w-full grow overflow-hidden rounded-full bg-d-primary/20",
   {
@@ -20,26 +20,32 @@ const S = w(
     }
   }
 ), N = w(
-  "block rounded-full ring-d-primary bg-d-background shadow transition-colors focus-visible:outline-none focus-visible:ring-d-primary transition-all duration-200 disabled:pointer-events-none disabled:opacity-50",
+  c(
+    "block rounded-full bg-d-background shadow transition-all duration-200 disabled:pointer-events-none disabled:opacity-50",
+    // Use standard focus ring but adapted for circular slider thumb
+    "focus-visible:outline-none focus-visible:ring-d-primary focus-visible:ring-[3px]",
+    "border border-d-primary/50 hover:border-d-primary"
+    // Added subtle border interaction
+  ),
   {
     variants: {
       size: {
-        base: "h-4 w-4 ring-[1.5px] focus-visible:ring-[4px]",
-        medium: "h-5 w-5 ring-[1.5px] focus-visible:ring-[4.5px]",
-        large: "h-6 w-6 ring-2 focus-visible:ring-[6px]"
+        base: "h-4 w-4",
+        medium: "h-5 w-5",
+        large: "h-6 w-6"
       }
     },
     defaultVariants: {
       size: "base"
     }
   }
-), B = F.forwardRef(
+), B = P.forwardRef(
   ({
     className: C,
     size: m,
-    formatValue: i,
+    formatValue: t,
     showValues: $ = !1,
-    showStickyLabel: r = !1,
+    showStickyLabel: s = !1,
     stickyLabelSuffix: h = "",
     fillOffset: o = !1,
     offsetValue: v,
@@ -47,20 +53,20 @@ const S = w(
     showStepMarkers: z = !1,
     ...e
   }, R) => {
-    const s = v !== void 0 ? v : e.min !== void 0 && e.max !== void 0 ? (e.min + e.max) / 2 : 50, f = () => {
+    const r = v !== void 0 ? v : e.min !== void 0 && e.max !== void 0 ? (e.min + e.max) / 2 : 50, f = () => {
       if (!o) return 0;
-      const a = e.min || 0, t = (e.max || 100) - a;
-      return (s - a) / t * 100;
-    }, g = (a) => d ? d.reduce((n, t) => Math.abs(t - a) < Math.abs(n - a) ? t : n) : a, T = (a) => {
+      const a = e.min || 0, i = (e.max || 100) - a;
+      return (r - a) / i * 100;
+    }, g = (a) => d ? d.reduce((n, i) => Math.abs(i - a) < Math.abs(n - a) ? i : n) : a, T = (a) => {
       if (!d || !e.onValueChange) {
         e.onValueChange && e.onValueChange(a);
         return;
       }
-      const n = g(a[0]), t = a.length > 1 ? [n, g(a[1])] : [n];
-      e.onValueChange(t);
+      const n = g(a[0]), i = a.length > 1 ? [n, g(a[1])] : [n];
+      e.onValueChange(i);
     }, j = (a) => {
-      const n = e.min || 0, t = e.max || 100;
-      return (a - n) / (t - n) * 100;
+      const n = e.min || 0, i = e.max || 100;
+      return (a - n) / (i - n) * 100;
     };
     return /* @__PURE__ */ u("div", { className: "flex w-full flex-col gap-1", children: [
       /* @__PURE__ */ u(
@@ -75,7 +81,7 @@ const S = w(
           onValueChange: void 0,
           onValueChange: d ? T : e.onValueChange,
           children: [
-            /* @__PURE__ */ u(M, { className: c(S({ size: m })), children: [
+            /* @__PURE__ */ u(F, { className: c(S({ size: m })), children: [
               d && z && /* @__PURE__ */ l("div", { className: "absolute h-full w-full", children: d.map((a, n) => /* @__PURE__ */ l(
                 "div",
                 {
@@ -95,23 +101,23 @@ const S = w(
                   {
                     className: "bg-d-primary absolute h-full",
                     style: {
-                      left: e.value[0] < s ? `${(e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${f()}%`,
-                      right: e.value[0] > s ? `${100 - (e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${100 - f()}%`
+                      left: e.value[0] < r ? `${(e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${f()}%`,
+                      right: e.value[0] > r ? `${100 - (e.value[0] - (e.min || 0)) / ((e.max || 100) - (e.min || 0)) * 100}%` : `${100 - f()}%`
                     }
                   }
                 )
-              ] }) : /* @__PURE__ */ l(P, { className: "bg-d-primary absolute h-full" })
+              ] }) : /* @__PURE__ */ l(M, { className: "bg-d-primary absolute h-full" })
             ] }),
             /* @__PURE__ */ l(
               b,
               {
                 className: c(N({ size: m }), "relative"),
-                children: r && e.value && /* @__PURE__ */ l(
+                children: s && e.value && /* @__PURE__ */ l(
                   x,
                   {
                     variant: "default",
                     className: "absolute -top-5 left-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
-                    children: i ? i(e.value[0]) : `${e.value[0]}${h}`
+                    children: t ? t(e.value[0]) : `${e.value[0]}${h}`
                   }
                 )
               }
@@ -120,12 +126,12 @@ const S = w(
               b,
               {
                 className: c(N({ size: m }), "relative"),
-                children: r && /* @__PURE__ */ l(
+                children: s && /* @__PURE__ */ l(
                   x,
                   {
                     variant: "default",
                     className: "absolute -top-5 left-1/2 z-10 -translate-x-1/2 -translate-y-1/2",
-                    children: i ? i(e.value[1]) : `${e.value[1]}${h}`
+                    children: t ? t(e.value[1]) : `${e.value[1]}${h}`
                   }
                 )
               }
@@ -134,8 +140,8 @@ const S = w(
         }
       ),
       $ && e.value && /* @__PURE__ */ u("div", { className: "text-d-muted-foreground flex justify-between text-xs font-medium", children: [
-        /* @__PURE__ */ l("span", { children: i ? i(e.value[0]) : e.value[0] }),
-        e.value.length > 1 ? /* @__PURE__ */ l("span", { children: i ? i(e.value[1]) : e.value[1] }) : e.max !== void 0 ? /* @__PURE__ */ l("span", { children: i ? i(e.max) : e.max }) : null
+        /* @__PURE__ */ l("span", { children: t ? t(e.value[0]) : e.value[0] }),
+        e.value.length > 1 ? /* @__PURE__ */ l("span", { children: t ? t(e.value[1]) : e.value[1] }) : e.max !== void 0 ? /* @__PURE__ */ l("span", { children: t ? t(e.max) : e.max }) : null
       ] })
     ] });
   }

package/dist/components/ui/switch.js

@@ -1,25 +1,28 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Root as a, Thumb as n } from "../../node_modules/@radix-ui/react-switch/dist/index.js";
-import { cn as t } from "../../lib/utils.js";
-function c({
-  className: r,
+import { jsx as t } from "react/jsx-runtime";
+import { Root as a, Thumb as s } from "../../node_modules/@radix-ui/react-switch/dist/index.js";
+import { designTokens as e } from "../../lib/design-tokens.js";
+import { cn as r } from "../../lib/utils.js";
+function l({
+  className: n,
   ...o
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     a,
     {
       "data-slot": "switch",
-      className: t(
-        "peer data-[state=checked]:bg-d-primary data-[state=unchecked]:bg-d-foreground/20 focus-visible:border-d-ring focus-visible:ring-d-ring/50 inline-flex h-[1.25rem] w-8 shrink-0 cursor-pointer items-center justify-start rounded-full border-0 px-0.5 py-0.5 transition-colors duration-300 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        r
+      className: r(
+        "peer data-[state=checked]:bg-d-primary data-[state=unchecked]:bg-d-foreground/20 inline-flex h-[1.25rem] w-8 shrink-0 cursor-pointer items-center justify-start rounded-full border-0 px-0.5 py-0.5 transition-colors duration-300 outline-none",
+        e.focusRing,
+        e.interaction.disabled,
+        n
       ),
       ...o,
-      children: /* @__PURE__ */ e(
-        n,
+      children: /* @__PURE__ */ t(
+        s,
         {
           "data-slot": "switch-thumb",
-          className: t(
+          className: r(
             // Smooth slide: track w-8 (32px) with px-0.5 (2px) each side => inner 28px.
             // Thumb size is 16px, so travel distance = 28 - 16 = 12px.
             "bg-d-foreground data-[state=unchecked]:bg-d-foreground data-[state=checked]:bg-d-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform duration-200 ease-out will-change-transform data-[state=checked]:translate-x-[12px] data-[state=unchecked]:translate-x-0"
@@ -30,5 +33,5 @@ function c({
   );
 }
 export {
-  c as Switch
+  l as Switch
 };