@drjoshcsimmons/scl 0.1.14 → 0.1.15

package/dist/index18.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
-import { Root as F } from "./index67.js";
-import { FormProvider as u, useFormContext as p, Controller as x } from "./index75.js";
+import { Root as F } from "./index58.js";
+import { FormProvider as u, useFormContext as p, Controller as x } from "./index59.js";
 import { cn as a } from "./index2.js";
 import { Label as I } from "./index20.js";
 const D = u, f = s.createContext(

package/dist/index19.js

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as t from "react";
 import { cn as f } from "./index2.js";
-const a = t.forwardRef(
+const m = t.forwardRef(
   ({ className: r, type: e, ...i }, l) => /* @__PURE__ */ o(
     "input",
     {
       type: e,
       className: f(
-        "flex h-10 w-full border-2 border-primary bg-black px-3 py-1 text-base text-primary transition-colors file:-ml-3 file:-my-1 file:mr-4 file:h-10 file:px-3 file:border-0 file:border-r file:border-primary file:bg-primary file:text-primary-foreground file:text-sm file:font-medium file:cursor-pointer hover:file:bg-black hover:file:text-primary placeholder:text-primary/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "flex h-10 w-full border-2 border-primary bg-black px-3 py-1 text-base text-primary file:-ml-3 file:-my-1 file:mr-4 file:h-10 file:px-3 file:border-0 file:border-r file:border-primary file:bg-primary file:text-primary-foreground file:text-sm file:font-medium file:cursor-pointer hover:file:bg-black hover:file:text-primary placeholder:text-primary/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         r
       ),
       ref: l,
@@ -15,7 +15,7 @@ const a = t.forwardRef(
     }
   )
 );
-a.displayName = "Input";
+m.displayName = "Input";
 export {
-  a as Input
+  m as Input
 };

package/dist/index20.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as t from "react";
-import { Root as o } from "./index62.js";
-import { cva as i } from "./index45.js";
+import { Root as o } from "./index63.js";
+import { cva as i } from "./index47.js";
 import { cn as s } from "./index2.js";
 const l = i(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"

package/dist/index21.js

@@ -1,24 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as d, Trigger as m, Anchor as p, Portal as c, Content as t } from "./index46.js";
-import { cn as l } from "./index2.js";
-const P = d, u = m, v = p, f = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...i }, n) => /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(
-  t,
+import * as c from "react";
+import { Root as m, Trigger as s, Anchor as i, Portal as l, Content as r } from "./index49.js";
+import { cn as d } from "./index2.js";
+const h = m, v = s, y = i, f = c.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, ...a }, p) => /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
+  r,
   {
-    ref: n,
-    align: a,
-    sideOffset: r,
-    className: l(
-      "z-50 w-72 border-2 border-primary bg-black p-4 text-primary outline-none 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",
+    ref: p,
+    align: t,
+    sideOffset: n,
+    className: d(
+      "z-50 w-72 border-2 border-primary bg-black p-4 text-primary outline-none",
       e
     ),
-    ...i
+    ...a
   }
 ) }));
-f.displayName = t.displayName;
+f.displayName = r.displayName;
 export {
-  P as Popover,
-  v as PopoverAnchor,
+  h as Popover,
+  y as PopoverAnchor,
   f as PopoverContent,
-  u as PopoverTrigger
+  v as PopoverTrigger
 };

package/dist/index22.js

@@ -1,33 +1,33 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import { Root as d, Indicator as l } from "./index58.js";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import * as n from "react";
+import { Root as d, Indicator as l } from "./index65.js";
 import { cn as c } from "./index2.js";
-const f = m.forwardRef(
+const f = n.forwardRef(
   ({
-    className: s,
-    value: t = 0,
-    showPercentage: i = !1,
+    className: i,
+    value: s = 0,
+    showPercentage: t = !1,
     label: r,
-    ...a
-  }, n) => /* @__PURE__ */ o("div", { className: "w-full min-w-[200px]", children: [
-    (r || i) && /* @__PURE__ */ o("div", { className: "flex justify-center items-center gap-2 mb-2 font-mono text-sm font-bold text-primary", children: [
-      r && /* @__PURE__ */ e("span", { children: r }),
-      i && /* @__PURE__ */ o("span", { children: [
-        Math.round(t),
+    ...m
+  }, a) => /* @__PURE__ */ e("div", { className: "w-full min-w-[200px]", children: [
+    (r || t) && /* @__PURE__ */ e("div", { className: "flex justify-center items-center gap-2 mb-2 font-mono text-sm font-bold text-primary", children: [
+      r && /* @__PURE__ */ o("span", { children: r }),
+      t && /* @__PURE__ */ e("span", { children: [
+        Math.round(s),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(
       d,
       {
-        ref: n,
-        className: c("relative h-6 w-full overflow-hidden bg-background border-2 border-primary", s),
-        ...a,
-        children: /* @__PURE__ */ e(
+        ref: a,
+        className: c("relative h-6 w-full overflow-hidden bg-background border-2 border-primary", i),
+        ...m,
+        children: /* @__PURE__ */ o(
           l,
           {
-            className: "h-full bg-primary transition-all duration-200",
-            style: { width: `${t}%` }
+            className: "h-full bg-primary",
+            style: { width: `${s}%` }
           }
         )
       }

package/dist/index24.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
-import { Root as s, Viewport as p, Corner as d, ScrollAreaScrollbar as c, ScrollAreaThumb as f } from "./index51.js";
+import { Root as c, Viewport as p, Corner as d, ScrollAreaScrollbar as s, ScrollAreaThumb as f } from "./index62.js";
 import { cn as n } from "./index2.js";
-const h = i.forwardRef(({ className: l, children: e, ...o }, a) => /* @__PURE__ */ m(
-  s,
+const h = i.forwardRef(({ className: l, children: e, ...a }, o) => /* @__PURE__ */ m(
+  c,
   {
-    ref: a,
+    ref: o,
     className: n("relative overflow-hidden", l),
-    ...o,
+    ...a,
     children: [
       /* @__PURE__ */ r(p, { className: "h-full w-full rounded-[inherit]", children: e }),
       /* @__PURE__ */ r(t, { orientation: "vertical" }),
@@ -16,23 +16,23 @@ const h = i.forwardRef(({ className: l, children: e, ...o }, a) => /* @__PURE__
     ]
   }
 ));
-h.displayName = s.displayName;
-const t = i.forwardRef(({ className: l, orientation: e = "vertical", ...o }, a) => /* @__PURE__ */ r(
-  c,
+h.displayName = c.displayName;
+const t = i.forwardRef(({ className: l, orientation: e = "vertical", ...a }, o) => /* @__PURE__ */ r(
+  s,
   {
-    ref: a,
+    ref: o,
     orientation: e,
     className: n(
-      "flex touch-none select-none transition-colors",
+      "flex touch-none select-none",
       e === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
       l
     ),
-    ...o,
+    ...a,
     children: /* @__PURE__ */ r(f, { className: "relative flex-1 bg-primary" })
   }
 ));
-t.displayName = c.displayName;
+t.displayName = s.displayName;
 export {
   h as ScrollArea,
   t as ScrollBar

package/dist/index25.js

@@ -1,123 +1,123 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as N, Group as b, Value as g, Trigger as d, Icon as S, Portal as v, Content as m, Viewport as R, Label as n, Item as c, ItemIndicator as C, ItemText as j, Separator as p, ScrollUpButton as f, ScrollDownButton as y } from "./index63.js";
-import { cn as o } from "./index2.js";
-import u from "./index48.js";
-import I from "./index60.js";
-import B from "./index64.js";
-const E = N, F = b, H = g, k = s.forwardRef(({ className: a, children: r, ...t }, l) => /* @__PURE__ */ i(
-  d,
+import * as o from "react";
+import { Root as N, Group as b, Value as g, Trigger as c, Icon as S, Portal as v, Content as m, Viewport as R, Label as n, Item as p, ItemIndicator as C, ItemText as j, Separator as d, ScrollUpButton as f, ScrollDownButton as y } from "./index67.js";
+import { cn as l } from "./index2.js";
+import u from "./index46.js";
+import I from "./index53.js";
+import B from "./index68.js";
+const E = N, F = b, H = g, k = o.forwardRef(({ className: t, children: a, ...r }, s) => /* @__PURE__ */ i(
+  c,
   {
-    ref: l,
-    className: o(
+    ref: s,
+    className: l(
       "flex h-10 w-full items-center justify-between whitespace-nowrap border-2 border-primary bg-black text-primary px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      a
+      t
     ),
-    ...t,
+    ...r,
     children: [
-      r,
+      a,
       /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-4 w-4 text-primary" }) })
     ]
   }
 ));
-k.displayName = d.displayName;
-const h = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+k.displayName = c.displayName;
+const h = o.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   f,
   {
-    ref: t,
-    className: o(
+    ref: r,
+    className: l(
       "flex cursor-default items-center justify-center py-1",
-      a
+      t
     ),
-    ...r,
+    ...a,
     children: /* @__PURE__ */ e(B, { className: "h-4 w-4 text-primary" })
   }
 ));
 h.displayName = f.displayName;
-const x = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+const x = o.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   y,
   {
-    ref: t,
-    className: o(
+    ref: r,
+    className: l(
       "flex cursor-default items-center justify-center py-1",
-      a
+      t
     ),
-    ...r,
+    ...a,
     children: /* @__PURE__ */ e(u, { className: "h-4 w-4 text-primary" })
   }
 ));
 x.displayName = y.displayName;
-const z = s.forwardRef(({ className: a, children: r, position: t = "popper", ...l }, w) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
+const D = o.forwardRef(({ className: t, children: a, position: r = "popper", ...s }, w) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
   m,
   {
     ref: w,
-    className: o(
-      "relative z-[60] max-h-96 min-w-[8rem] overflow-hidden border-2 border-primary bg-black text-primary 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",
-      t === "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",
-      a
+    className: l(
+      "relative z-[60] max-h-96 min-w-[8rem] overflow-hidden border-2 border-primary bg-black text-primary",
+      r === "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: t,
-    ...l,
+    position: r,
+    ...s,
     children: [
       /* @__PURE__ */ e(h, {}),
       /* @__PURE__ */ e(
         R,
         {
-          className: o(
+          className: l(
             "p-1",
-            t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
-          children: r
+          children: a
         }
       ),
       /* @__PURE__ */ e(x, {})
     ]
   }
 ) }));
-z.displayName = m.displayName;
-const D = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
+D.displayName = m.displayName;
+const T = o.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   n,
   {
-    ref: t,
-    className: o("px-2 py-1.5 text-sm font-semibold", a),
-    ...r
+    ref: r,
+    className: l("px-2 py-1.5 text-sm font-semibold", t),
+    ...a
   }
 ));
-D.displayName = n.displayName;
-const T = s.forwardRef(({ className: a, children: r, ...t }, l) => /* @__PURE__ */ i(
-  c,
+T.displayName = n.displayName;
+const U = o.forwardRef(({ className: t, children: a, ...r }, s) => /* @__PURE__ */ i(
+  p,
   {
-    ref: l,
-    className: o(
-      "relative flex w-full cursor-default select-none items-center py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-primary/20 hover:text-primary focus:bg-primary/20 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      a
+    ref: s,
+    className: l(
+      "relative flex w-full cursor-default select-none items-center py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t
     ),
-    ...t,
+    ...r,
     children: [
       /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(I, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ e(j, { children: r })
+      /* @__PURE__ */ e(j, { children: a })
     ]
   }
 ));
-T.displayName = c.displayName;
-const U = s.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e(
-  p,
+U.displayName = p.displayName;
+const V = o.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  d,
   {
-    ref: t,
-    className: o("-mx-1 my-1 h-px bg-muted", a),
-    ...r
+    ref: r,
+    className: l("-mx-1 my-1 h-px bg-muted", t),
+    ...a
   }
 ));
-U.displayName = p.displayName;
+V.displayName = d.displayName;
 export {
   E as Select,
-  z as SelectContent,
+  D as SelectContent,
   F as SelectGroup,
-  T as SelectItem,
-  D as SelectLabel,
+  U as SelectItem,
+  T as SelectLabel,
   x as SelectScrollDownButton,
   h as SelectScrollUpButton,
-  U as SelectSeparator,
+  V as SelectSeparator,
   k as SelectTrigger,
   H as SelectValue
 };

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import * as f from "react";
-import { Root as o } from "./index52.js";
+import { Root as o } from "./index66.js";
 import { cn as i } from "./index2.js";
 const s = f.forwardRef(
   ({ className: a, orientation: r = "horizontal", decorative: m = !0, ...p }, t) => /* @__PURE__ */ l(

package/dist/index27.js

@@ -1,63 +1,63 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import * as i from "react";
-import { Root as g, Portal as u, Trigger as x, Close as n, Overlay as d, Content as l, Title as m, Description as c } from "./index49.js";
-import { cva as y } from "./index45.js";
-import { cn as s } from "./index2.js";
-import N from "./index50.js";
-const H = g, O = x, P = n, b = u, f = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
-  d,
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import * as a from "react";
+import { Root as x, Portal as g, Trigger as N, Close as l, Overlay as n, Content as m, Title as c, Description as d } from "./index60.js";
+import { cva as y } from "./index47.js";
+import { cn as r } from "./index2.js";
+import b from "./index61.js";
+const H = x, O = N, P = l, u = g, f = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
+  n,
   {
-    className: s(
-      "fixed inset-0 z-50 bg-black data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    className: r(
+      "fixed inset-0 z-50 bg-black data-[state=closed]:hidden",
       e
     ),
     ...t,
     ref: o
   }
 ));
-f.displayName = d.displayName;
+f.displayName = n.displayName;
 const S = y(
-  "fixed z-[60] gap-4 bg-black p-6 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  "fixed z-[60] gap-4 bg-black p-6",
   {
     variants: {
       side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+        top: "inset-x-0 top-0 border-b",
+        bottom: "inset-x-0 bottom-0 border-t",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
       }
     },
     defaultVariants: {
       side: "right"
     }
   }
-), w = i.forwardRef(({ side: e = "right", className: t, children: o, ...p }, h) => /* @__PURE__ */ r(b, { children: [
-  /* @__PURE__ */ a(f, {}),
-  /* @__PURE__ */ r(
-    l,
+), w = a.forwardRef(({ side: e = "right", className: t, children: o, ...p }, h) => /* @__PURE__ */ i(u, { children: [
+  /* @__PURE__ */ s(f, {}),
+  /* @__PURE__ */ i(
+    m,
     {
       ref: h,
-      className: s(S({ side: e }), t),
+      className: r(S({ side: e }), t),
       ...p,
       children: [
-        /* @__PURE__ */ r(n, { className: "absolute right-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ a(N, { className: "h-4 w-4" }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ i(l, { className: "absolute right-4 top-4 ring-offset-background hover:text-primary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none cursor-pointer", children: [
+          /* @__PURE__ */ s(b, { className: "h-4 w-4" }),
+          /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
         ] }),
         o
       ]
     }
   )
 ] }));
-w.displayName = l.displayName;
-const v = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: s("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+w.displayName = m.displayName;
+const v = ({ className: e, ...t }) => /* @__PURE__ */ s("div", { className: r("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
 v.displayName = "SheetHeader";
-const R = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+const R = ({ className: e, ...t }) => /* @__PURE__ */ s("div", { className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
 R.displayName = "SheetFooter";
-const C = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(m, { ref: o, className: s("text-lg font-semibold text-foreground", e), ...t }));
-C.displayName = m.displayName;
-const T = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(c, { ref: o, className: s("text-sm text-muted-foreground", e), ...t }));
-T.displayName = c.displayName;
+const C = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(c, { ref: o, className: r("text-lg font-semibold text-foreground", e), ...t }));
+C.displayName = c.displayName;
+const T = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(d, { ref: o, className: r("text-sm text-muted-foreground", e), ...t }));
+T.displayName = d.displayName;
 export {
   H as Sheet,
   P as SheetClose,
@@ -66,7 +66,7 @@ export {
   R as SheetFooter,
   v as SheetHeader,
   f as SheetOverlay,
-  b as SheetPortal,
+  u as SheetPortal,
   C as SheetTitle,
   O as SheetTrigger
 };

package/dist/index29.js

@@ -1,10 +1,10 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import * as b from "react";
-import { Root as n, Track as l, Range as p, Thumb as d } from "./index66.js";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import * as a from "react";
+import { Root as n, Track as p, Range as l, Thumb as d } from "./index50.js";
 import { cn as h } from "./index2.js";
-const g = b.forwardRef(({ className: i, defaultValue: r, value: o, ...s }, m) => {
+const g = a.forwardRef(({ className: i, defaultValue: r, value: o, ...s }, m) => {
   const t = (o == null ? void 0 : o.length) ?? (r == null ? void 0 : r.length) ?? 1;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ b(
     n,
     {
       ref: m,
@@ -16,11 +16,11 @@ const g = b.forwardRef(({ className: i, defaultValue: r, value: o, ...s }, m) =>
       ),
       ...s,
       children: [
-        /* @__PURE__ */ e(l, { className: "relative h-2 w-full grow overflow-hidden border border-primary bg-background", children: /* @__PURE__ */ e(p, { className: "absolute h-full bg-primary" }) }),
+        /* @__PURE__ */ e(p, { className: "relative h-2 w-full grow overflow-hidden border border-primary bg-background", children: /* @__PURE__ */ e(l, { className: "absolute h-full bg-primary" }) }),
         Array.from({ length: t }).map((f, c) => /* @__PURE__ */ e(
           d,
           {
-            className: "block h-5 w-3 border-2 border-primary bg-primary transition-all focus-visible:outline-none hover:bg-background disabled:pointer-events-none disabled:opacity-50"
+            className: "block h-5 w-3 border-2 border-primary bg-primary focus-visible:outline-none hover:bg-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer"
           },
           c
         ))

package/dist/index31.js

@@ -1,27 +1,27 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as a from "react";
-import { Root as o, Thumb as n } from "./index61.js";
-import { cn as e } from "./index2.js";
-const c = a.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ r(
-  o,
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "react";
+import { Root as i, Thumb as n } from "./index55.js";
+import { cn as r } from "./index2.js";
+const c = t.forwardRef(({ className: o, ...s }, a) => /* @__PURE__ */ e(
+  i,
   {
-    className: e(
-      "peer inline-flex h-6 w-12 shrink-0 cursor-pointer items-center border-2 border-primary bg-background px-0.5 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
-      i
+    className: r(
+      "peer inline-flex h-6 w-12 shrink-0 cursor-pointer items-center border-2 border-primary bg-background px-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
+      o
     ),
     ...s,
-    ref: t,
-    children: /* @__PURE__ */ r(
+    ref: a,
+    children: /* @__PURE__ */ e(
       n,
       {
-        className: e(
-          "pointer-events-none block h-4 w-5 bg-primary transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        className: r(
+          "pointer-events-none block h-4 w-5 bg-primary data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         )
       }
     )
   }
 ));
-c.displayName = o.displayName;
+c.displayName = i.displayName;
 export {
   c as Switch
 };