@spear-ai/spectral 1.6.17 → 1.8.0

package/dist/Slider.js

@@ -1,23 +1,23 @@
 "use client";
 import "./styles/main.css";
-import { jsx as m, jsxs as G } from "react/jsx-runtime";
-import { Input as Z } from "./primitives/input.js";
+import { jsx as m, jsxs as X } from "react/jsx-runtime";
+import { Input as Q } from "./primitives/input.js";
 import * as p from "react";
-import { useMemo as Se, useState as ee, useEffect as ge, useCallback as $ } from "react";
+import { useMemo as Se, useState as Z, useEffect as ge, useCallback as U } from "react";
 import { c as te } from "./index-rKs9bXHr.js";
-import { e as ve, c as be, b as T, P as O, u as z } from "./index-OnYbwQjk.js";
+import { e as ve, c as be, b as N, P as L, u as T } from "./index-OnYbwQjk.js";
 import { c as we, u as ye } from "./index-DSXuB1g3.js";
 import { u as xe } from "./index-BZPx6jYI.js";
 import { u as Re } from "./index-ZExQO1ax.js";
-import { cn as N } from "./utils/twUtils.js";
+import { cn as ee } from "./utils/twUtils.js";
 var ne = ["PageUp", "PageDown"], re = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], oe = {
   "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, B = "Slider", [W, De, Ee] = we(B), [ae] = be(B, [
+}, z = "Slider", [G, De, Ee] = we(z), [ae] = be(z, [
   Ee
-]), [Pe, Y] = ae(B), ie = p.forwardRef(
+]), [Pe, $] = ae(z), ie = p.forwardRef(
   (e, t) => {
     const {
       name: r,
@@ -47,21 +47,21 @@ var ne = ["PageUp", "PageDown"], re = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
       const C = ke(l, x);
       A(x, C);
     }
-    function F(x) {
+    function O(x) {
       A(x, v.current);
     }
     function V() {
       const x = I.current[v.current];
       l[v.current] !== x && f(l);
     }
-    function A(x, C, { commit: H } = { commit: !1 }) {
-      const U = ze(c), L = Be(Math.round((x - n) / c) * c + n, U), K = te(L, [n, s]);
+    function A(x, C, { commit: B } = { commit: !1 }) {
+      const F = ze(c), H = Be(Math.round((x - n) / c) * c + n, F), K = te(H, [n, s]);
       D((M = []) => {
         const u = Ae(M, K, C);
         if (Te(u, d * c)) {
           v.current = u.indexOf(K);
           const E = String(u) !== String(M);
-          return E && H && f(u), E ? u : M;
+          return E && B && f(u), E ? u : M;
         } else
           return M;
       });
@@ -79,27 +79,27 @@ var ne = ["PageUp", "PageDown"], re = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
         values: l,
         orientation: o,
         form: b,
-        children: /* @__PURE__ */ m(W.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(W.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ m(G.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(G.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
           R,
           {
             "aria-disabled": a,
             "data-disabled": a ? "" : void 0,
             ...S,
             ref: t,
-            onPointerDown: T(S.onPointerDown, () => {
+            onPointerDown: N(S.onPointerDown, () => {
               a || (I.current = l);
             }),
             min: n,
             max: s,
             inverted: y,
             onSlideStart: a ? void 0 : k,
-            onSlideMove: a ? void 0 : F,
+            onSlideMove: a ? void 0 : O,
             onSlideEnd: a ? void 0 : V,
             onHomeKeyDown: () => !a && A(n, 0, { commit: !0 }),
             onEndKeyDown: () => !a && A(s, l.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: x, direction: C }) => {
               if (!a) {
-                const L = ne.includes(x.key) || x.shiftKey && re.includes(x.key) ? 10 : 1, K = v.current, M = l[K], u = c * L * C;
+                const H = ne.includes(x.key) || x.shiftKey && re.includes(x.key) ? 10 : 1, K = v.current, M = l[K], u = c * H * C;
                 A(M + u, K, { commit: !0 });
               }
             }
@@ -109,8 +109,8 @@ var ne = ["PageUp", "PageDown"], re = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
     );
   }
 );
-ie.displayName = B;
-var [se, le] = ae(B, {
+ie.displayName = z;
+var [se, le] = ae(z, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
@@ -127,9 +127,9 @@ var [se, le] = ae(B, {
       onSlideEnd: d,
       onStepKeyDown: h,
       ...w
-    } = e, [i, f] = p.useState(null), y = z(t, (R) => f(R)), b = p.useRef(void 0), S = ye(s), g = S === "ltr", v = g && !c || !g && c;
+    } = e, [i, f] = p.useState(null), y = T(t, (R) => f(R)), b = p.useRef(void 0), S = ye(s), g = S === "ltr", v = g && !c || !g && c;
     function _(R) {
-      const l = b.current || i.getBoundingClientRect(), D = [0, l.width], k = Q(D, v ? [r, n] : [n, r]);
+      const l = b.current || i.getBoundingClientRect(), D = [0, l.width], k = J(D, v ? [r, n] : [n, r]);
       return b.current = l, k(R - l.left);
     }
     return /* @__PURE__ */ m(
@@ -182,9 +182,9 @@ var [se, le] = ae(B, {
       onSlideEnd: a,
       onStepKeyDown: d,
       ...h
-    } = e, w = p.useRef(null), i = z(t, w), f = p.useRef(void 0), y = !s;
+    } = e, w = p.useRef(null), i = T(t, w), f = p.useRef(void 0), y = !s;
     function b(S) {
-      const g = f.current || w.current.getBoundingClientRect(), v = [0, g.height], R = Q(v, y ? [n, r] : [r, n]);
+      const g = f.current || w.current.getBoundingClientRect(), v = [0, g.height], R = J(v, y ? [n, r] : [r, n]);
       return f.current = g, R(S - g.top);
     }
     return /* @__PURE__ */ m(
@@ -236,23 +236,23 @@ var [se, le] = ae(B, {
       onEndKeyDown: a,
       onStepKeyDown: d,
       ...h
-    } = e, w = Y(B, r);
+    } = e, w = $(z, r);
     return /* @__PURE__ */ m(
-      O.span,
+      L.span,
       {
         ...h,
         ref: t,
-        onKeyDown: T(e.onKeyDown, (i) => {
+        onKeyDown: N(e.onKeyDown, (i) => {
           i.key === "Home" ? (o(i), i.preventDefault()) : i.key === "End" ? (a(i), i.preventDefault()) : ne.concat(re).includes(i.key) && (d(i), i.preventDefault());
         }),
-        onPointerDown: T(e.onPointerDown, (i) => {
+        onPointerDown: N(e.onPointerDown, (i) => {
           const f = i.target;
           f.setPointerCapture(i.pointerId), i.preventDefault(), w.thumbs.has(f) ? f.focus() : n(i);
         }),
-        onPointerMove: T(e.onPointerMove, (i) => {
+        onPointerMove: N(e.onPointerMove, (i) => {
           i.target.hasPointerCapture(i.pointerId) && s(i);
         }),
-        onPointerUp: T(e.onPointerUp, (i) => {
+        onPointerUp: N(e.onPointerUp, (i) => {
           const f = i.target;
           f.hasPointerCapture(i.pointerId) && (f.releasePointerCapture(i.pointerId), c(i));
         })
@@ -261,9 +261,9 @@ var [se, le] = ae(B, {
   }
 ), de = "SliderTrack", ue = p.forwardRef(
   (e, t) => {
-    const { __scopeSlider: r, ...n } = e, s = Y(de, r);
+    const { __scopeSlider: r, ...n } = e, s = $(de, r);
     return /* @__PURE__ */ m(
-      O.span,
+      L.span,
       {
         "data-disabled": s.disabled ? "" : void 0,
         "data-orientation": s.orientation,
@@ -274,13 +274,13 @@ var [se, le] = ae(B, {
   }
 );
 ue.displayName = de;
-var q = "SliderRange", fe = p.forwardRef(
+var W = "SliderRange", fe = p.forwardRef(
   (e, t) => {
-    const { __scopeSlider: r, ...n } = e, s = Y(q, r), c = le(q, r), o = p.useRef(null), a = z(t, o), d = s.values.length, h = s.values.map(
+    const { __scopeSlider: r, ...n } = e, s = $(W, r), c = le(W, r), o = p.useRef(null), a = T(t, o), d = s.values.length, h = s.values.map(
       (f) => he(f, s.min, s.max)
     ), w = d > 1 ? Math.min(...h) : 0, i = 100 - Math.max(...h);
     return /* @__PURE__ */ m(
-      O.span,
+      L.span,
       {
         "data-orientation": s.orientation,
         "data-disabled": s.disabled ? "" : void 0,
@@ -295,10 +295,10 @@ var q = "SliderRange", fe = p.forwardRef(
     );
   }
 );
-fe.displayName = q;
-var J = "SliderThumb", me = p.forwardRef(
+fe.displayName = W;
+var q = "SliderThumb", me = p.forwardRef(
   (e, t) => {
-    const r = De(e.__scopeSlider), [n, s] = p.useState(null), c = z(t, (a) => s(a)), o = p.useMemo(
+    const r = De(e.__scopeSlider), [n, s] = p.useState(null), c = T(t, (a) => s(a)), o = p.useMemo(
       () => n ? r().findIndex((a) => a.ref.current === n) : -1,
       [r, n]
     );
@@ -306,13 +306,13 @@ var J = "SliderThumb", me = p.forwardRef(
   }
 ), _e = p.forwardRef(
   (e, t) => {
-    const { __scopeSlider: r, index: n, name: s, ...c } = e, o = Y(J, r), a = le(J, r), [d, h] = p.useState(null), w = z(t, (_) => h(_)), i = d ? o.form || !!d.closest("form") : !0, f = Re(d), y = o.values[n], b = y === void 0 ? 0 : he(y, o.min, o.max), S = Ke(n, o.values.length), g = f?.[a.size], v = g ? Ve(g, b, a.direction) : 0;
+    const { __scopeSlider: r, index: n, name: s, ...c } = e, o = $(q, r), a = le(q, r), [d, h] = p.useState(null), w = T(t, (_) => h(_)), i = d ? o.form || !!d.closest("form") : !0, f = Re(d), y = o.values[n], b = y === void 0 ? 0 : he(y, o.min, o.max), S = Ke(n, o.values.length), g = f?.[a.size], v = g ? Ve(g, b, a.direction) : 0;
     return p.useEffect(() => {
       if (d)
         return o.thumbs.add(d), () => {
           o.thumbs.delete(d);
         };
-    }, [d, o.thumbs]), /* @__PURE__ */ G(
+    }, [d, o.thumbs]), /* @__PURE__ */ X(
       "span",
       {
         style: {
@@ -321,8 +321,8 @@ var J = "SliderThumb", me = p.forwardRef(
           [a.startEdge]: `calc(${b}% + ${v}px)`
         },
         children: [
-          /* @__PURE__ */ m(W.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
-            O.span,
+          /* @__PURE__ */ m(G.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
+            L.span,
             {
               role: "slider",
               "aria-label": e["aria-label"] || S,
@@ -336,7 +336,7 @@ var J = "SliderThumb", me = p.forwardRef(
               ...c,
               ref: w,
               style: y === void 0 ? { display: "none" } : e.style,
-              onFocus: T(e.onFocus, () => {
+              onFocus: N(e.onFocus, () => {
                 o.valueIndexToChangeRef.current = n;
               })
             }
@@ -355,10 +355,10 @@ var J = "SliderThumb", me = p.forwardRef(
     );
   }
 );
-me.displayName = J;
+me.displayName = q;
 var Ie = "RadioBubbleInput", pe = p.forwardRef(
   ({ __scopeSlider: e, value: t, ...r }, n) => {
-    const s = p.useRef(null), c = z(s, n), o = xe(t);
+    const s = p.useRef(null), c = T(s, n), o = xe(t);
     return p.useEffect(() => {
       const a = s.current;
       if (!a) return;
@@ -368,7 +368,7 @@ var Ie = "RadioBubbleInput", pe = p.forwardRef(
         w.call(a, t), a.dispatchEvent(i);
       }
     }, [o, t]), /* @__PURE__ */ m(
-      O.input,
+      L.input,
       {
         style: { display: "none" },
         ...r,
@@ -396,7 +396,7 @@ function ke(e, t) {
   return r.indexOf(n);
 }
 function Ve(e, t, r) {
-  const n = e / 2, c = Q([0, 50], [0, n]);
+  const n = e / 2, c = J([0, 50], [0, n]);
   return (n - c(t) * r) * r;
 }
 function Ne(e) {
@@ -409,7 +409,7 @@ function Te(e, t) {
   }
   return !0;
 }
-function Q(e, t) {
+function J(e, t) {
   return (r) => {
     if (e[0] === e[1] || t[0] === t[1]) return t[0];
     const n = (t[1] - t[0]) / (e[1] - e[0]);
@@ -429,22 +429,22 @@ const Qe = ({ accessibleName: e, className: t, defaultValue: r, disabled: n, inp
     () => Array.isArray(S) ? S : Array.isArray(r) ? r : [d],
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), [_, R] = ee(v), l = g ? S : _, [D, I] = ee(() => l.map(String));
+  ), [_, R] = Z(v), l = g ? S : _, [D, I] = Z(() => l.map(String));
   ge(() => {
     I(l.map(String));
   }, [l]);
-  const k = $(
+  const k = U(
     (u) => {
       g || R(u), i?.(u);
     },
     [g, i]
-  ), F = $(
+  ), O = U(
     (u, E) => {
       const P = [...D];
       P[u] = E.target.value, I(P);
     },
     [D]
-  ), V = $(
+  ), V = U(
     (u) => {
       const E = D[u];
       if (E === "") {
@@ -457,27 +457,27 @@ const Qe = ({ accessibleName: e, className: t, defaultValue: r, disabled: n, inp
         return;
       }
       P = Math.max(d, Math.min(a, P));
-      const j = [...l];
+      const Y = [...l];
       if (u === 0 && l.length > 1) {
-        const X = l[1] - h * b;
-        P = Math.min(P, X);
+        const j = l[1] - h * b;
+        P = Math.min(P, j);
       } else if (u === 1) {
-        const X = l[0] + h * b;
-        P = Math.max(P, X);
+        const j = l[0] + h * b;
+        P = Math.max(P, j);
       }
-      j[u] = P, k(j), f?.(j);
+      Y[u] = P, k(Y), f?.(Y);
     },
     [D, l, d, a, b, h, k, f]
-  ), A = $(
+  ), A = U(
     (u, E) => {
       E.key === "Enter" && (V(u), E.currentTarget.blur());
     },
     [V]
-  ), x = y === "vertical", C = o === "both", H = c && (o === "end" || o === "both"), U = s === "start" || s === "both", L = s === "both" && l.length > 1, K = N("text-slider-label text-sm tabular-nums shrink-0", x ? "text-center" : ""), M = N("w-10 h-fit px-1 shrink-0 text-center text-sm tabular-nums [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none");
-  return /* @__PURE__ */ G("div", { className: N("flex items-center gap-3", x ? "flex-col" : "w-full", t), "data-testid": "spectral-slider-container", children: [
+  ), x = y === "vertical", C = o === "both", B = c && (o === "end" || o === "both"), F = s === "start" || s === "both", H = s === "both" && l.length > 1, K = ee("text-slider-label text-sm tabular-nums shrink-0", x ? "text-center" : ""), M = "w-10 h-fit px-1 shrink-0 text-center text-sm tabular-nums [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none";
+  return /* @__PURE__ */ X("div", { className: ee("flex items-center gap-3", x ? "flex-col" : "w-full", t), "data-testid": "spectral-slider-container", children: [
     C && /* @__PURE__ */ m("span", { className: K, "data-slot": "slider-label", "data-testid": "spectral-slider-label-start", children: c?.({ values: l, min: d, max: a, position: "start" }) }),
-    U && /* @__PURE__ */ m(
-      Z,
+    F && /* @__PURE__ */ m(
+      Q,
       {
         "aria-label": e ? `${e} start value` : "Slider start value",
         className: M,
@@ -487,57 +487,57 @@ const Qe = ({ accessibleName: e, className: t, defaultValue: r, disabled: n, inp
         max: l.length > 1 ? l[1] - h * b : a,
         min: d,
         onBlur: () => V(0),
-        onChange: (u) => F(0, u),
+        onChange: (u) => O(0, u),
         onKeyDown: (u) => A(0, u),
         step: b,
         type: "number",
         value: D[0] ?? ""
       }
     ),
-    /* @__PURE__ */ G(
+    /* @__PURE__ */ X(
       He,
       {
         "aria-label": e,
-        "aria-valuemin": d,
         "aria-valuemax": a,
+        "aria-valuemin": d,
         "aria-valuenow": l[0],
+        className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
         "data-slot": "slider",
         "data-testid": "spectral-slider",
-        value: l,
-        min: d,
+        disabled: n,
         max: a,
-        step: b,
+        min: d,
         minStepsBetweenThumbs: h,
+        name: w,
         onValueChange: k,
-        orientation: y,
         onValueCommit: f,
-        disabled: n,
-        name: w,
-        className: N("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col"),
+        orientation: y,
+        step: b,
+        value: l,
         children: [
           /* @__PURE__ */ m(
             Le,
             {
+              className: "bg-slider-track relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
               "data-slot": "slider-track",
               "data-testid": "spectral-slider-track",
-              className: N("bg-slider-track relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
-              children: /* @__PURE__ */ m(Oe, { "data-slot": "slider-range", "data-testid": "spectral-slider-range", className: N("bg-slider-range absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full") })
+              children: /* @__PURE__ */ m(Oe, { className: "bg-slider-range absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full", "data-slot": "slider-range", "data-testid": "spectral-slider-range" })
             }
           ),
           Array.from({ length: l.length }, (u, E) => /* @__PURE__ */ m(
             Fe,
             {
+              className: "border-slider-thumb-border bg-slider-thumb-bg ring-slider-thumb-ring/50 block size-5 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
               "data-slot": "slider-thumb",
-              "data-testid": "spectral-slider-thumb",
-              className: "border-slider-thumb-border bg-slider-thumb-bg ring-slider-thumb-ring/50 block size-5 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50"
+              "data-testid": "spectral-slider-thumb"
             },
             E
           ))
         ]
       }
     ),
-    L && /* @__PURE__ */ m(
-      Z,
+    H && /* @__PURE__ */ m(
+      Q,
       {
         "aria-label": e ? `${e} end value` : "Slider end value",
         className: M,
@@ -547,14 +547,14 @@ const Qe = ({ accessibleName: e, className: t, defaultValue: r, disabled: n, inp
         max: a,
         min: l[0] + h * b,
         onBlur: () => V(1),
-        onChange: (u) => F(1, u),
+        onChange: (u) => O(1, u),
         onKeyDown: (u) => A(1, u),
         step: b,
         type: "number",
         value: D[1] ?? ""
       }
     ),
-    H && /* @__PURE__ */ m("span", { className: K, "data-slot": "slider-label", "data-testid": "spectral-slider-label-end", children: c({ values: l, min: d, max: a, position: "end" }) })
+    B && /* @__PURE__ */ m("span", { className: K, "data-slot": "slider-label", "data-testid": "spectral-slider-label-end", children: c({ values: l, min: d, max: a, position: "end" }) })
   ] });
 };
 export {

package/dist/Switch/SwitchBase.d.ts

@@ -1,7 +1,7 @@
 import { AsChildProp } from '../primitives/slot';
 import { ButtonHTMLAttributes, HTMLAttributes, Ref } from 'react';
 type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'>;
-export type SwitchProps = BaseButtonProps & AsChildProp & {
+export interface SwitchProps extends BaseButtonProps, AsChildProp {
     checked?: boolean;
     defaultChecked?: boolean;
     form?: string;
@@ -9,16 +9,16 @@ export type SwitchProps = BaseButtonProps & AsChildProp & {
     onCheckedChange?: (checked: boolean) => void;
     required?: boolean;
     value?: string;
-};
+}
 export declare const Switch: {
-    ({ ref, asChild, className, checked, defaultChecked, onCheckedChange, name, value, required, form, disabled, id, onClick, onKeyDown, children, ...rest }: SwitchProps & {
+    ({ asChild, checked, children, className, defaultChecked, disabled, form, id, name, onCheckedChange, onClick, onKeyDown, ref, required, value, ...rest }: SwitchProps & {
         ref?: Ref<HTMLButtonElement>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export type SwitchThumbProps = HTMLAttributes<HTMLSpanElement> & AsChildProp;
 export declare const SwitchThumb: {
-    ({ ref, asChild, className, ...props }: SwitchThumbProps & {
+    ({ asChild, className, ref, ...props }: SwitchThumbProps & {
         ref?: Ref<HTMLSpanElement>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/Switch/SwitchBase.js

@@ -1,132 +1,96 @@
 "use client";
 import "../styles/main.css";
-import { jsx as f, jsxs as F } from "react/jsx-runtime";
-import { useControllableState as K } from "../hooks/useControllableState.js";
-import { Slot as w } from "../primitives/slot.js";
-import { cn as g } from "../utils/twUtils.js";
-import { createContext as M, useRef as O, useId as V, useEffect as v, useCallback as a, useContext as $ } from "react";
-const x = M(null), z = ({
-  ref: u,
-  asChild: d,
+import { jsx as a, jsxs as L, Fragment as N } from "react/jsx-runtime";
+import { useControllableState as q } from "../hooks/useControllableState.js";
+import { Slot as v } from "../primitives/slot.js";
+import { createContext as K, useRef as M, useId as O, useEffect as V, useCallback as i, useContext as $ } from "react";
+const w = K(null), z = ({
+  asChild: u,
+  checked: d,
+  children: h,
   className: l,
-  checked: h,
-  defaultChecked: n = !1,
-  onCheckedChange: m,
+  defaultChecked: t = !1,
+  disabled: n,
+  form: b,
+  id: C,
   name: y,
-  value: C = "on",
-  required: E,
-  form: S,
-  disabled: r,
-  id: I,
-  onClick: p,
-  onKeyDown: b,
-  children: N,
-  ...P
+  onCheckedChange: x,
+  onClick: f,
+  onKeyDown: p,
+  ref: E,
+  required: S,
+  value: g = "on",
+  ...I
 }) => {
-  const c = O(null), R = V(), T = I ?? `swt-${R}`, [t, s] = K({
-    value: h,
-    defaultValue: n,
-    onChange: m
+  const m = M(null), P = O(), R = C ?? `swt-${P}`, [r, c] = q({
+    value: d,
+    defaultValue: t,
+    onChange: x
   });
-  v(() => {
-    c.current && (c.current.checked = t);
-  }, [t]), v(() => {
-    const e = c.current?.form ?? null;
+  V(() => {
+    const e = m.current?.form ?? null;
     if (!e) return;
-    const o = () => s(n);
+    const o = () => c(t);
     return e.addEventListener("reset", o), () => e.removeEventListener("reset", o);
-  }, [n, s]);
-  const k = a((e) => {
-    const o = c.current;
+  }, [t, c]);
+  const k = i((e) => {
+    const o = m.current;
     if (!o) return;
     o.checked = e;
-    const q = new Event("change", { bubbles: !0 });
-    o.dispatchEvent(q);
-  }, []), i = a(() => {
-    if (r) return;
-    const e = !t;
-    s(e), queueMicrotask(() => k(e));
-  }, [r, k, t, s]), j = a(
+    const F = new Event("change", { bubbles: !0 });
+    o.dispatchEvent(F);
+  }, []), s = i(() => {
+    if (n) return;
+    const e = !r;
+    c(e), queueMicrotask(() => k(e));
+  }, [n, k, r, c]), T = i(
     (e) => {
-      p?.(e), !e.defaultPrevented && i();
+      f?.(e), !e.defaultPrevented && s();
     },
-    [p, i]
-  ), D = a(
+    [f, s]
+  ), j = i(
     (e) => {
-      b?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), i());
+      p?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), s());
     },
-    [b, i]
-  ), L = d ? w : "button";
-  return /* @__PURE__ */ f(x.Provider, { value: { checked: t, disabled: r }, children: /* @__PURE__ */ F(
-    L,
-    {
-      "aria-checked": t,
-      "aria-disabled": r || void 0,
-      className: g(
-        "peer border-input inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border",
-        "bg-input focus-visible:ring-ring transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "data-[state=checked]:bg-primary",
-        l
-      ),
-      "data-disabled": r || void 0,
-      "data-state": t ? "checked" : "unchecked",
-      disabled: r,
-      id: T,
-      onClick: j,
-      onKeyDown: D,
-      ref: u,
-      role: "switch",
-      type: "button",
-      ...P,
-      children: [
-        /* @__PURE__ */ f(
-          "input",
-          {
-            "aria-hidden": "true",
-            checked: t,
-            disabled: r,
-            form: S,
-            name: y,
-            readOnly: !0,
-            ref: c,
-            required: E,
-            tabIndex: -1,
-            type: "checkbox",
-            value: C,
-            style: {
-              position: "absolute",
-              opacity: 0,
-              width: 0,
-              height: 0,
-              pointerEvents: "none"
-            }
-          }
-        ),
-        N
-      ]
-    }
-  ) });
+    [p, s]
+  ), D = u ? v : "button";
+  return /* @__PURE__ */ a(w.Provider, { value: { checked: r, disabled: n }, children: /* @__PURE__ */ L(N, { children: [
+    /* @__PURE__ */ a(D, { "aria-checked": r, className: l, "data-disabled": n ?? void 0, "data-state": r ? "checked" : "unchecked", disabled: n, id: R, onClick: T, onKeyDown: j, ref: E, role: "switch", type: "button", ...I, children: h }),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        "aria-hidden": "true",
+        checked: r,
+        disabled: n,
+        form: b,
+        name: y,
+        readOnly: !0,
+        ref: m,
+        required: S,
+        tabIndex: -1,
+        type: "checkbox",
+        value: g,
+        style: {
+          height: 0,
+          opacity: 0,
+          pointerEvents: "none",
+          position: "absolute",
+          width: 0
+        }
+      }
+    )
+  ] }) });
 };
 z.displayName = "Switch";
 const A = ({
-  ref: u,
-  asChild: d,
-  className: l,
-  ...h
+  asChild: u,
+  className: d,
+  ref: h,
+  ...l
 }) => {
-  const n = $(x);
-  if (!n) throw new Error("SwitchThumb must be used within Switch");
-  return /* @__PURE__ */ f(
-    d ? w : "span",
-    {
-      className: g("bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform", "translate-x-0 data-[state=checked]:translate-x-5", l),
-      "data-disabled": n.disabled || void 0,
-      "data-state": n.checked ? "checked" : "unchecked",
-      ref: u,
-      ...h
-    }
-  );
+  const t = $(w);
+  if (!t) throw new Error("SwitchThumb must be used within Switch");
+  return /* @__PURE__ */ a(u ? v : "span", { className: d, "data-disabled": t.disabled ?? void 0, "data-state": t.checked ? "checked" : "unchecked", ref: h, ...l });
 };
 A.displayName = "SwitchThumb";
 export {