@purpurds/toggle 5.35.0 → 6.0.0

package/dist/toggle.es.js

@@ -1,10 +1,10 @@
 import { jsx as w, jsxs as F } from "react/jsx-runtime";
-import { forwardRef as S, Children as $, isValidElement as A, createElement as _, cloneElement as B, useEffect as C, Fragment as Y, useCallback as z, createContext as W, useMemo as j, useContext as pe, useRef as x, useState as y, useLayoutEffect as de } from "react";
+import { forwardRef as S, Children as $, isValidElement as A, createElement as _, cloneElement as B, useEffect as C, Fragment as K, useCallback as z, createContext as W, useMemo as j, useContext as pe, useRef as x, useState as y, useLayoutEffect as de } from "react";
 import "react-dom";
 function fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var K = { exports: {} };
+var Q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -15,8 +15,8 @@ var K = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var i = arguments[o];
-        i && (r = u(r, a.call(this, i)));
+        var c = arguments[o];
+        c && (r = u(r, a.call(this, c)));
       }
       return r;
     }
@@ -30,8 +30,8 @@ var K = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var i in r)
-        n.call(r, i) && r[i] && (o = u(o, this && this[i] || i));
+      for (var c in r)
+        n.call(r, c) && r[c] && (o = u(o, this && this[c] || c));
       return o;
     }
     function u(r, o) {
@@ -39,8 +39,8 @@ var K = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(K);
-var he = K.exports;
+})(Q);
+var he = Q.exports;
 const ge = /* @__PURE__ */ fe(he), be = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -49,43 +49,44 @@ const ge = /* @__PURE__ */ fe(he), be = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, _e = {
-  name: "checkmark-bold",
-  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',
-  keywords: ["checkmark-bold"],
-  category: "utility"
-}, me = ge.bind(be), U = "purpur-icon", ve = "md", $e = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ye = ({ content: e = "", title: n } = {}) => {
+}, _e = ge.bind(be), U = "purpur-icon", me = "md", ve = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), $e = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = n ? `<title>${n}</title>` : "";
-  return `<svg ${$e(t)}>${a}${e}</svg>`;
-}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Q = ({
+  return `<svg ${ve(t)}>${a}${e}</svg>`;
+}, ye = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a,
-  size: u = ve,
+  size: u = me,
   ...r
 }) => {
-  const o = ye({
-    content: we(n.svg),
+  const o = $e({
+    content: ye(n.svg),
     title: t
-  }), i = me(a, U, `${U}--${u}`);
+  }), c = _e(a, U, `${U}--${u}`);
   return /* @__PURE__ */ w(
     "span",
     {
       "aria-label": t,
-      className: i,
+      className: c,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: o },
       ...r
     }
   );
 };
-Q.displayName = "Icon";
+Y.displayName = "Icon";
+const we = {
+  name: "checkmark-bold",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',
+  keywords: ["checkmark-bold"],
+  category: "utility"
+};
 function O() {
   return O = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -106,10 +107,10 @@ function Se(...e) {
 const ee = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...a } = e, u = $.toArray(t), r = u.find(ke);
   if (r) {
-    const o = r.props.children, i = u.map((c) => c === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : c);
+    const o = r.props.children, c = u.map((i) => i === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : i);
     return /* @__PURE__ */ _(T, O({}, a, {
       ref: n
-    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, i) : null);
+    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, c) : null);
   }
   return /* @__PURE__ */ _(T, O({}, a, {
     ref: n
@@ -124,7 +125,7 @@ const T = /* @__PURE__ */ S((e, n) => {
   }) : $.count(t) > 1 ? $.only(null) : null;
 });
 T.displayName = "SlotClone";
-const Pe = ({ children: e }) => /* @__PURE__ */ _(Y, null, e);
+const Pe = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
 function ke(e) {
   return /* @__PURE__ */ A(e) && e.type === Pe;
 }
@@ -166,12 +167,12 @@ const Ce = [
   "span",
   "svg",
   "ul"
-], Ne = Ce.reduce((e, n) => {
+], De = Ce.reduce((e, n) => {
   const t = /* @__PURE__ */ S((a, u) => {
-    const { asChild: r, ...o } = a, i = r ? ee : n;
+    const { asChild: r, ...o } = a, c = r ? ee : n;
     return C(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(i, O({}, o, {
+    }, []), /* @__PURE__ */ _(c, O({}, o, {
       ref: u
     }));
   });
@@ -179,13 +180,13 @@ const Ce = [
     ...e,
     [n]: t
   };
-}, {}), De = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ _(Ne.label, O({}, e, {
+}, {}), Ne = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ _(De.label, O({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var a;
     (a = e.onMouseDown) === null || a === void 0 || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
   }
-}))), Ee = De;
+}))), Ee = Ne;
 function Oe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -200,8 +201,8 @@ var re = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var i = arguments[o];
-        i && (r = u(r, a(i)));
+        var c = arguments[o];
+        c && (r = u(r, a(c)));
       }
       return r;
     }
@@ -215,8 +216,8 @@ var re = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var i in r)
-        n.call(r, i) && r[i] && (o = u(o, i));
+      for (var c in r)
+        n.call(r, c) && r[c] && (o = u(o, c));
       return o;
     }
     function u(r, o) {
@@ -239,7 +240,7 @@ const Me = /* @__PURE__ */ Oe(Re), X = {
   negative: r = !1,
   ...o
 }) => {
-  const i = Me([
+  const c = Me([
     n,
     X[H],
     {
@@ -247,7 +248,7 @@ const Me = /* @__PURE__ */ Oe(Re), X = {
       [X[`${H}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ w(Ee, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
+  return /* @__PURE__ */ w(Ee, { className: c, "data-testid": a, htmlFor: t, ...o, children: e });
 };
 function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -263,8 +264,8 @@ var te = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var i = arguments[o];
-        i && (r = u(r, a(i)));
+        var c = arguments[o];
+        c && (r = u(r, a(c)));
       }
       return r;
     }
@@ -278,8 +279,8 @@ var te = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var i in r)
-        n.call(r, i) && r[i] && (o = u(o, i));
+      for (var c in r)
+        n.call(r, c) && r[c] && (o = u(o, c));
       return o;
     }
     function u(r, o) {
@@ -323,9 +324,9 @@ const Le = /* @__PURE__ */ je(Be), R = {
   enableHyphenation: u = !1,
   negative: r = !1,
   variant: o = Xe.PARAGRAPH100,
-  ...i
+  ...c
 }) => {
-  const c = Le([
+  const i = Le([
     t,
     R[M],
     R[`${M}--${o}`],
@@ -335,17 +336,17 @@ const Le = /* @__PURE__ */ je(Be), R = {
       [R[`${M}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ w("p", { ...i, className: c, "data-testid": e, children: n });
+  return /* @__PURE__ */ w("p", { ...c, className: i, "data-testid": e, children: n });
 };
 ne.displayName = "Paragraph";
-function D() {
-  return D = Object.assign ? Object.assign.bind() : function(e) {
+function N() {
+  return N = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, D.apply(null, arguments);
+  }, N.apply(null, arguments);
 }
 function He(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(u) {
@@ -366,13 +367,13 @@ function Te(...e) {
 function qe(e, n = []) {
   let t = [];
   function a(r, o) {
-    const i = /* @__PURE__ */ W(o), c = t.length;
+    const c = /* @__PURE__ */ W(o), i = t.length;
     t = [
       ...t,
       o
     ];
     function s(l) {
-      const { scope: p, children: f, ...d } = l, b = (p == null ? void 0 : p[e][c]) || i, h = j(
+      const { scope: p, children: f, ...d } = l, b = (p == null ? void 0 : p[e][i]) || c, h = j(
         () => d,
         Object.values(d)
       );
@@ -381,7 +382,7 @@ function qe(e, n = []) {
       }, f);
     }
     function g(l, p) {
-      const f = (p == null ? void 0 : p[e][c]) || i, d = pe(f);
+      const f = (p == null ? void 0 : p[e][i]) || c, d = pe(f);
       if (d) return d;
       if (o !== void 0) return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -393,18 +394,18 @@ function qe(e, n = []) {
   }
   const u = () => {
     const r = t.map((o) => /* @__PURE__ */ W(o));
-    return function(i) {
-      const c = (i == null ? void 0 : i[e]) || r;
+    return function(c) {
+      const i = (c == null ? void 0 : c[e]) || r;
       return j(
         () => ({
           [`__scope${e}`]: {
-            ...i,
-            [e]: c
+            ...c,
+            [e]: i
           }
         }),
         [
-          i,
-          c
+          c,
+          i
         ]
       );
     };
@@ -425,10 +426,10 @@ function Fe(...e) {
       })
     );
     return function(r) {
-      const o = a.reduce((i, { useScope: c, scopeName: s }) => {
-        const l = c(r)[`__scope${s}`];
+      const o = a.reduce((c, { useScope: i, scopeName: s }) => {
+        const l = i(r)[`__scope${s}`];
         return {
-          ...i,
+          ...c,
           ...l
         };
       }, {});
@@ -461,20 +462,20 @@ function We({ prop: e, defaultProp: n, onChange: t = () => {
   const [a, u] = Ue({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, i = ae(t), c = z((s) => {
+  }), r = e !== void 0, o = r ? e : a, c = ae(t), i = z((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
-      l !== e && i(l);
+      l !== e && c(l);
     } else u(s);
   }, [
     r,
     e,
     u,
-    i
+    c
   ]);
   return [
     o,
-    c
+    i
   ];
 }
 function Ue({ defaultProp: e, onChange: n }) {
@@ -509,15 +510,15 @@ function Ze(e) {
       const a = new ResizeObserver((u) => {
         if (!Array.isArray(u) || !u.length) return;
         const r = u[0];
-        let o, i;
+        let o, c;
         if ("borderBoxSize" in r) {
-          const c = r.borderBoxSize, s = Array.isArray(c) ? c[0] : c;
-          o = s.inlineSize, i = s.blockSize;
+          const i = r.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
+          o = s.inlineSize, c = s.blockSize;
         } else
-          o = e.offsetWidth, i = e.offsetHeight;
+          o = e.offsetWidth, c = e.offsetHeight;
         t({
           width: o,
-          height: i
+          height: c
         });
       });
       return a.observe(e, {
@@ -530,14 +531,14 @@ function Ze(e) {
   ]), n;
 }
 const ue = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...a } = e, u = $.toArray(t), r = u.find(Ye);
+  const { children: t, ...a } = e, u = $.toArray(t), r = u.find(Ke);
   if (r) {
-    const o = r.props.children, i = u.map((c) => c === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ _(q, D({}, a, {
+    const o = r.props.children, c = u.map((i) => i === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : i);
+    return /* @__PURE__ */ _(q, N({}, a, {
       ref: n
-    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, i) : null);
+    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, c) : null);
   }
-  return /* @__PURE__ */ _(q, D({}, a, {
+  return /* @__PURE__ */ _(q, N({}, a, {
     ref: n
   }), t);
 });
@@ -545,23 +546,23 @@ ue.displayName = "Slot";
 const q = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ A(t) ? /* @__PURE__ */ B(t, {
-    ...Ke(a, t.props),
+    ...Qe(a, t.props),
     ref: n ? oe(n, t.ref) : t.ref
   }) : $.count(t) > 1 ? $.only(null) : null;
 });
 q.displayName = "SlotClone";
-const Je = ({ children: e }) => /* @__PURE__ */ _(Y, null, e);
-function Ye(e) {
+const Je = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
+function Ke(e) {
   return /* @__PURE__ */ A(e) && e.type === Je;
 }
-function Ke(e, n) {
+function Qe(e, n) {
   const t = {
     ...n
   };
   for (const a in n) {
     const u = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? u && r ? t[a] = (...i) => {
-      r(...i), u(...i);
+    /^on[A-Z]/.test(a) ? u && r ? t[a] = (...c) => {
+      r(...c), u(...c);
     } : u && (t[a] = u) : a === "style" ? t[a] = {
       ...u,
       ...r
@@ -575,7 +576,7 @@ function Ke(e, n) {
     ...t
   };
 }
-const Qe = [
+const Ye = [
   "a",
   "button",
   "div",
@@ -592,12 +593,12 @@ const Qe = [
   "span",
   "svg",
   "ul"
-], ie = Qe.reduce((e, n) => {
+], ce = Ye.reduce((e, n) => {
   const t = /* @__PURE__ */ S((a, u) => {
-    const { asChild: r, ...o } = a, i = r ? ue : n;
+    const { asChild: r, ...o } = a, c = r ? ue : n;
     return C(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(i, D({}, o, {
+    }, []), /* @__PURE__ */ _(c, N({}, o, {
       ref: u
     }));
   });
@@ -605,8 +606,8 @@ const Qe = [
     ...e,
     [n]: t
   };
-}, {}), ce = "Switch", [er, vr] = qe(ce), [rr, tr] = er(ce), nr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeSwitch: t, name: a, checked: u, defaultChecked: r, required: o, disabled: i, value: c = "on", onCheckedChange: s, ...g } = e, [l, p] = y(null), f = Te(
+}, {}), ie = "Switch", [er, vr] = qe(ie), [rr, tr] = er(ie), nr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeSwitch: t, name: a, checked: u, defaultChecked: r, required: o, disabled: c, value: i = "on", onCheckedChange: s, ...g } = e, [l, p] = y(null), f = Te(
     n,
     (v) => p(v)
   ), d = x(!1), b = l ? !!l.closest("form") : !0, [h = !1, m] = We({
@@ -617,58 +618,58 @@ const Qe = [
   return /* @__PURE__ */ _(rr, {
     scope: t,
     checked: h,
-    disabled: i
-  }, /* @__PURE__ */ _(ie.button, D({
+    disabled: c
+  }, /* @__PURE__ */ _(ce.button, N({
     type: "button",
     role: "switch",
     "aria-checked": h,
     "aria-required": o,
     "data-state": se(h),
-    "data-disabled": i ? "" : void 0,
-    disabled: i,
-    value: c
+    "data-disabled": c ? "" : void 0,
+    disabled: c,
+    value: i
   }, g, {
     ref: f,
     onClick: He(e.onClick, (v) => {
       m(
-        (N) => !N
+        (D) => !D
       ), b && (d.current = v.isPropagationStopped(), d.current || v.stopPropagation());
     })
   })), b && /* @__PURE__ */ _(ur, {
     control: l,
     bubbles: !d.current,
     name: a,
-    value: c,
+    value: i,
     checked: h,
     required: o,
-    disabled: i,
+    disabled: c,
     style: {
       transform: "translateX(-100%)"
     }
   }));
 }), or = "SwitchThumb", ar = /* @__PURE__ */ S((e, n) => {
   const { __scopeSwitch: t, ...a } = e, u = tr(or, t);
-  return /* @__PURE__ */ _(ie.span, D({
+  return /* @__PURE__ */ _(ce.span, N({
     "data-state": se(u.checked),
     "data-disabled": u.disabled ? "" : void 0
   }, a, {
     ref: n
   }));
 }), ur = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = x(null), o = Ve(t), i = Ze(n);
+  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = x(null), o = Ve(t), c = Ze(n);
   return C(() => {
-    const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
+    const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
       const p = new Event("click", {
         bubbles: a
       });
-      l.call(c, t), c.dispatchEvent(p);
+      l.call(i, t), i.dispatchEvent(p);
     }
   }, [
     o,
     t,
     a
-  ]), /* @__PURE__ */ _("input", D({
+  ]), /* @__PURE__ */ _("input", N({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: t
@@ -677,7 +678,7 @@ const Qe = [
     ref: r,
     style: {
       ...e.style,
-      ...i,
+      ...c,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -688,7 +689,7 @@ const Qe = [
 function se(e) {
   return e ? "checked" : "unchecked";
 }
-const ir = nr, cr = ar;
+const cr = nr, ir = ar;
 function sr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -703,8 +704,8 @@ var le = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var i = arguments[o];
-        i && (r = u(r, a(i)));
+        var c = arguments[o];
+        c && (r = u(r, a(c)));
       }
       return r;
     }
@@ -718,8 +719,8 @@ var le = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var i in r)
-        n.call(r, i) && r[i] && (o = u(o, i));
+      for (var c in r)
+        n.call(r, c) && r[c] && (o = u(o, c));
       return o;
     }
     function u(r, o) {
@@ -737,9 +738,9 @@ const I = /* @__PURE__ */ sr(lr), V = (e) => e && "touches" in e, pr = ({
   onStop: u,
   bounds: r,
   position: o,
-  style: i
+  style: c
 }) => {
-  const [c, s] = y(void 0), [g, l] = y(void 0), [p, f] = y(!1), d = (m) => {
+  const [i, s] = y(void 0), [g, l] = y(void 0), [p, f] = y(!1), d = (m) => {
     if (!n) {
       m.preventDefault();
       const v = V(m.nativeEvent) ? m.nativeEvent.touches[0].clientX : m.nativeEvent.clientX;
@@ -749,10 +750,10 @@ const I = /* @__PURE__ */ sr(lr), V = (e) => e && "touches" in e, pr = ({
     (m) => {
       if (typeof g != "number")
         return;
-      const N = (V(m) ? m.touches[0].clientX : m.clientX) - g;
-      if (!N)
+      const D = (V(m) ? m.touches[0].clientX : m.clientX) - g;
+      if (!D)
         return;
-      const E = o + N;
+      const E = o + D;
       !p && Math.abs(E) && f(!0);
       const L = E > r.right ? r.right : E < r.left ? r.left : E;
       s(L), a == null || a({ x: L });
@@ -768,14 +769,14 @@ const I = /* @__PURE__ */ sr(lr), V = (e) => e && "touches" in e, pr = ({
   }), [h]), A(e) ? B($.only(e), {
     onMouseDown: d,
     onTouchStart: d,
-    style: { ...i, transform: `translateX(${p ? c : o}px)` }
+    style: { ...c, transform: `translateX(${p ? i : o}px)` }
   }) : null;
 }, G = {
   width: void 0,
   height: void 0
 };
 function Z(e) {
-  const { ref: n, box: t = "content-box", round: a } = e, [{ width: u, height: r }, o] = y(G), i = dr(), c = x({ ...G }), s = x(void 0);
+  const { ref: n, box: t = "content-box", round: a } = e, [{ width: u, height: r }, o] = y(G), c = dr(), i = x({ ...G }), s = x(void 0);
   return s.current = e.onResize, C(() => {
     if (!n.current || typeof window > "u" || !("ResizeObserver" in window))
       return;
@@ -784,18 +785,18 @@ function Z(e) {
         // eslint-disable-next-line no-nested-ternary
         t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize"
       ), f = J(l, p, "inlineSize"), d = J(l, p, "blockSize");
-      if (c.current.width !== f || c.current.height !== d) {
+      if (i.current.width !== f || i.current.height !== d) {
         const h = {
           width: f && a ? Math.round(f) : f,
           height: d && a ? Math.round(d) : d
         };
-        c.current.width = f, c.current.height = d, s.current ? s.current(h) : i() && o(h);
+        i.current.width = f, i.current.height = d, s.current ? s.current(h) : c() && o(h);
       }
     });
     return g.observe(n.current, { box: t }), () => {
       g.disconnect();
     };
-  }, [t, n, i, a]), { width: u, height: r };
+  }, [t, n, c, a]), { width: u, height: r };
 }
 function J(e, n, t) {
   return e[n] ? Array.isArray(e[n]) ? e[n][0][t] : (
@@ -811,7 +812,7 @@ function dr() {
   }), []), z(() => e.current, []);
 }
 const fr = ({ checked: e, onChange: n }) => {
-  const t = x(null), a = x(null), [u, r] = y(void 0), [o, i] = y(!1), [c, s] = y(0), { height: g = 0 } = Z({ ref: a, round: !0 }), { height: l = 0 } = Z({ ref: t, round: !0 }), p = (l || 0) - g, f = g + p, d = p / 2, b = f / 2, h = typeof u == "number" && (e ? u < b : u > b);
+  const t = x(null), a = x(null), [u, r] = y(void 0), [o, c] = y(!1), [i, s] = y(0), { height: g = 0 } = Z({ ref: a, round: !0 }), { height: l = 0 } = Z({ ref: t, round: !0 }), p = (l || 0) - g, f = g + p, d = p / 2, b = f / 2, h = typeof u == "number" && (e ? u < b : u > b);
   return {
     trackRef: t,
     thumbRef: a,
@@ -819,13 +820,13 @@ const fr = ({ checked: e, onChange: n }) => {
     bounds: { left: d, right: f },
     position: e ? f : d,
     onDrag: ({ x: E }) => {
-      r(E), Math.abs((e ? f : d) - E) > 2 && i(!0);
+      r(E), Math.abs((e ? f : d) - E) > 2 && c(!0);
     },
     onStop: () => {
-      i(!1), o && s(Date.now()), h && (n == null || n(!e));
+      c(!1), o && s(Date.now()), h && (n == null || n(!e));
     },
     onChangeWithDrag: () => {
-      Date.now() - c > 50 && (n == null || n(!e)), r(void 0);
+      Date.now() - i > 50 && (n == null || n(!e)), r(void 0);
     }
   };
 }, P = {
@@ -846,52 +847,52 @@ const fr = ({ checked: e, onChange: n }) => {
   labelPosition: u = "right",
   checked: r,
   disableDrag: o,
-  defaultChecked: i,
-  ...c
+  defaultChecked: c,
+  ...i
 }, s) => {
   const [g, l] = y(
-    typeof r == "boolean" ? r : !!i
+    typeof r == "boolean" ? r : !!c
   ), p = !!(typeof r == "boolean" ? r : g), { thumbRef: f, trackRef: d, isDragging: b, onChangeWithDrag: h, ...m } = fr({
     checked: p,
-    onChange: (N) => {
-      c.disabled || (a == null || a(N), l(N));
+    onChange: (D) => {
+      i.disabled || (a == null || a(D), l(D));
     }
   }), v = () => /* @__PURE__ */ w(
     ze,
     {
-      htmlFor: c.id,
+      htmlFor: i.id,
       "data-testid": e && `${e}-label`,
-      disabled: c.disabled,
+      disabled: i.disabled,
       className: I(
         P[`${k}__label`],
         P[`${k}__label--${u}`]
       ),
-      children: /* @__PURE__ */ w(ne, { variant: "paragraph-100", disabled: c.disabled, children: t })
+      children: /* @__PURE__ */ w(ne, { variant: "paragraph-100", disabled: i.disabled, children: t })
     }
   );
   return /* @__PURE__ */ F("div", { className: I([n, P[`${k}__container`]]), children: [
     t && u === "left" && v(),
     /* @__PURE__ */ w(
-      ir,
+      cr,
       {
-        ...c,
+        ...i,
         ref: s,
-        id: c.id,
+        id: i.id,
         "data-testid": e,
         className: P[k],
         onCheckedChange: h,
         checked: p,
         children: /* @__PURE__ */ F("span", { ref: d, className: P[`${k}__track`], children: [
           /* @__PURE__ */ w("span", { className: P[`${k}__checkmark-container`], children: /* @__PURE__ */ w(
-            Q,
+            Y,
             {
               className: P[`${k}__checkmark`],
-              svg: _e,
+              svg: we,
               size: "xxs"
             }
           ) }),
           /* @__PURE__ */ w(pr, { disabled: o, ...m, children: /* @__PURE__ */ w(
-            cr,
+            ir,
             {
               ref: f,
               "data-testid": e && `${e}-thumb`,