@purpurds/toggle 5.31.0 → 5.33.0

package/dist/toggle.es.js

@@ -1,5 +1,5 @@
 import { jsx as w, jsxs as F } from "react/jsx-runtime";
-import { forwardRef as S, Children as $, isValidElement as A, createElement as v, 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 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 "react-dom";
 function fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -15,8 +15,8 @@ var K = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var c = arguments[o];
-        c && (r = i(r, a.call(this, c)));
+        var i = arguments[o];
+        i && (r = u(r, a.call(this, i)));
       }
       return r;
     }
@@ -30,11 +30,11 @@ var K = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var c in r)
-        n.call(r, c) && r[c] && (o = i(o, this && this[c] || c));
+      for (var i in r)
+        n.call(r, i) && r[i] && (o = u(o, this && this[i] || i));
       return o;
     }
-    function i(r, o) {
+    function u(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
@@ -49,12 +49,12 @@ 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"
-}, ve = {
+}, _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"
-}, _e = ge.bind(be), U = "purpur-icon", me = "md", $e = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ye = ({ content: e = "", title: n } = {}) => {
+}, 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 } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -67,18 +67,18 @@ const ge = /* @__PURE__ */ fe(he), be = {
   svg: n,
   allyTitle: t,
   className: a,
-  size: i = me,
+  size: u = ve,
   ...r
 }) => {
   const o = ye({
     content: we(n.svg),
     title: t
-  }), c = _e(a, U, `${U}--${i}`);
+  }), i = me(a, U, `${U}--${u}`);
   return /* @__PURE__ */ w(
     "span",
     {
       "aria-label": t,
-      className: c,
+      className: i,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: o },
       ...r
@@ -104,14 +104,14 @@ function Se(...e) {
   );
 }
 const ee = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...a } = e, i = $.toArray(t), r = i.find(ke);
+  const { children: t, ...a } = e, u = $.toArray(t), r = u.find(ke);
   if (r) {
-    const o = r.props.children, c = i.map((u) => u === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : u);
-    return /* @__PURE__ */ v(T, O({}, a, {
+    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__ */ _(T, O({}, a, {
       ref: n
-    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, c) : null);
+    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ v(T, O({}, a, {
+  return /* @__PURE__ */ _(T, O({}, a, {
     ref: n
   }), t);
 });
@@ -124,7 +124,7 @@ const T = /* @__PURE__ */ S((e, n) => {
   }) : $.count(t) > 1 ? $.only(null) : null;
 });
 T.displayName = "SlotClone";
-const Pe = ({ children: e }) => /* @__PURE__ */ v(Y, null, e);
+const Pe = ({ children: e }) => /* @__PURE__ */ _(Y, null, e);
 function ke(e) {
   return /* @__PURE__ */ A(e) && e.type === Pe;
 }
@@ -133,14 +133,14 @@ function Ae(e, n) {
     ...n
   };
   for (const a in n) {
-    const i = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? i && r ? t[a] = (...o) => {
-      r(...o), i(...o);
-    } : i && (t[a] = i) : a === "style" ? t[a] = {
-      ...i,
+    const u = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? u && r ? t[a] = (...o) => {
+      r(...o), u(...o);
+    } : u && (t[a] = u) : a === "style" ? t[a] = {
+      ...u,
       ...r
     } : a === "className" && (t[a] = [
-      i,
+      u,
       r
     ].filter(Boolean).join(" "));
   }
@@ -167,19 +167,19 @@ const Ce = [
   "svg",
   "ul"
 ], Ne = Ce.reduce((e, n) => {
-  const t = /* @__PURE__ */ S((a, i) => {
-    const { asChild: r, ...o } = a, c = r ? ee : n;
+  const t = /* @__PURE__ */ S((a, u) => {
+    const { asChild: r, ...o } = a, i = r ? ee : n;
     return C(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ v(c, O({}, o, {
-      ref: i
+    }, []), /* @__PURE__ */ _(i, O({}, o, {
+      ref: u
     }));
   });
   return t.displayName = `Primitive.${n}`, {
     ...e,
     [n]: t
   };
-}, {}), De = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ v(Ne.label, O({}, e, {
+}, {}), De = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ _(Ne.label, O({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var a;
@@ -200,8 +200,8 @@ var re = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var c = arguments[o];
-        c && (r = i(r, a(c)));
+        var i = arguments[o];
+        i && (r = u(r, a(i)));
       }
       return r;
     }
@@ -215,11 +215,11 @@ var re = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var c in r)
-        n.call(r, c) && r[c] && (o = i(o, c));
+      for (var i in r)
+        n.call(r, i) && r[i] && (o = u(o, i));
       return o;
     }
-    function i(r, o) {
+    function u(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
@@ -235,19 +235,19 @@ const Me = /* @__PURE__ */ Oe(Re), X = {
   className: n,
   htmlFor: t,
   "data-testid": a,
-  disabled: i,
+  disabled: u,
   negative: r = !1,
   ...o
 }) => {
-  const c = Me([
+  const i = Me([
     n,
     X[H],
     {
-      [X[`${H}--disabled`]]: i,
+      [X[`${H}--disabled`]]: u,
       [X[`${H}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ w(Ee, { className: c, "data-testid": a, htmlFor: t, ...o, children: e });
+  return /* @__PURE__ */ w(Ee, { className: i, "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 +263,8 @@ var te = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var c = arguments[o];
-        c && (r = i(r, a(c)));
+        var i = arguments[o];
+        i && (r = u(r, a(i)));
       }
       return r;
     }
@@ -278,11 +278,11 @@ var te = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var c in r)
-        n.call(r, c) && r[c] && (o = i(o, c));
+      for (var i in r)
+        n.call(r, i) && r[i] && (o = u(o, i));
       return o;
     }
-    function i(r, o) {
+    function u(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
@@ -320,22 +320,22 @@ const Le = /* @__PURE__ */ je(Be), R = {
   children: n,
   className: t,
   disabled: a,
-  enableHyphenation: i = !1,
+  enableHyphenation: u = !1,
   negative: r = !1,
   variant: o = Xe.PARAGRAPH100,
-  ...c
+  ...i
 }) => {
-  const u = Le([
+  const c = Le([
     t,
     R[M],
     R[`${M}--${o}`],
     {
-      [R[`${M}--hyphens`]]: i,
+      [R[`${M}--hyphens`]]: u,
       [R[`${M}--disabled`]]: a,
       [R[`${M}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ w("p", { ...c, className: u, "data-testid": e, children: n });
+  return /* @__PURE__ */ w("p", { ...i, className: c, "data-testid": e, children: n });
 };
 ne.displayName = "Paragraph";
 function D() {
@@ -348,8 +348,8 @@ function D() {
   }, D.apply(null, arguments);
 }
 function He(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
-  return function(i) {
-    if (e == null || e(i), t === !1 || !i.defaultPrevented) return n == null ? void 0 : n(i);
+  return function(u) {
+    if (e == null || e(u), t === !1 || !u.defaultPrevented) return n == null ? void 0 : n(u);
   };
 }
 function Ie(e, n) {
@@ -366,22 +366,22 @@ function Te(...e) {
 function qe(e, n = []) {
   let t = [];
   function a(r, o) {
-    const c = /* @__PURE__ */ W(o), u = t.length;
+    const i = /* @__PURE__ */ W(o), c = t.length;
     t = [
       ...t,
       o
     ];
     function s(l) {
-      const { scope: p, children: f, ...d } = l, b = (p == null ? void 0 : p[e][u]) || c, h = j(
+      const { scope: p, children: f, ...d } = l, b = (p == null ? void 0 : p[e][c]) || i, h = j(
         () => d,
         Object.values(d)
       );
-      return /* @__PURE__ */ v(b.Provider, {
+      return /* @__PURE__ */ _(b.Provider, {
         value: h
       }, f);
     }
     function g(l, p) {
-      const f = (p == null ? void 0 : p[e][u]) || c, d = pe(f);
+      const f = (p == null ? void 0 : p[e][c]) || i, d = pe(f);
       if (d) return d;
       if (o !== void 0) return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -391,27 +391,27 @@ function qe(e, n = []) {
       g
     ];
   }
-  const i = () => {
+  const u = () => {
     const r = t.map((o) => /* @__PURE__ */ W(o));
-    return function(c) {
-      const u = (c == null ? void 0 : c[e]) || r;
+    return function(i) {
+      const c = (i == null ? void 0 : i[e]) || r;
       return j(
         () => ({
           [`__scope${e}`]: {
-            ...c,
-            [e]: u
+            ...i,
+            [e]: c
           }
         }),
         [
-          c,
-          u
+          i,
+          c
         ]
       );
     };
   };
-  return i.scopeName = e, [
+  return u.scopeName = e, [
     a,
-    Fe(i, ...n)
+    Fe(u, ...n)
   ];
 }
 function Fe(...e) {
@@ -419,16 +419,16 @@ function Fe(...e) {
   if (e.length === 1) return n;
   const t = () => {
     const a = e.map(
-      (i) => ({
-        useScope: i(),
-        scopeName: i.scopeName
+      (u) => ({
+        useScope: u(),
+        scopeName: u.scopeName
       })
     );
     return function(r) {
-      const o = a.reduce((c, { useScope: u, scopeName: s }) => {
-        const l = u(r)[`__scope${s}`];
+      const o = a.reduce((i, { useScope: c, scopeName: s }) => {
+        const l = c(r)[`__scope${s}`];
         return {
-          ...c,
+          ...i,
           ...l
         };
       }, {});
@@ -458,32 +458,32 @@ function ae(e) {
 }
 function We({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [a, i] = Ue({
+  const [a, u] = Ue({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, c = ae(t), u = z((s) => {
+  }), r = e !== void 0, o = r ? e : a, i = ae(t), c = z((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
-      l !== e && c(l);
-    } else i(s);
+      l !== e && i(l);
+    } else u(s);
   }, [
     r,
     e,
-    i,
-    c
+    u,
+    i
   ]);
   return [
     o,
-    u
+    c
   ];
 }
 function Ue({ defaultProp: e, onChange: n }) {
-  const t = y(e), [a] = t, i = x(a), r = ae(n);
+  const t = y(e), [a] = t, u = x(a), r = ae(n);
   return C(() => {
-    i.current !== a && (r(a), i.current = a);
+    u.current !== a && (r(a), u.current = a);
   }, [
     a,
-    i,
+    u,
     r
   ]), t;
 }
@@ -506,18 +506,18 @@ function Ze(e) {
         width: e.offsetWidth,
         height: e.offsetHeight
       });
-      const a = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length) return;
-        const r = i[0];
-        let o, c;
+      const a = new ResizeObserver((u) => {
+        if (!Array.isArray(u) || !u.length) return;
+        const r = u[0];
+        let o, i;
         if ("borderBoxSize" in r) {
-          const u = r.borderBoxSize, s = Array.isArray(u) ? u[0] : u;
-          o = s.inlineSize, c = s.blockSize;
+          const c = r.borderBoxSize, s = Array.isArray(c) ? c[0] : c;
+          o = s.inlineSize, i = s.blockSize;
         } else
-          o = e.offsetWidth, c = e.offsetHeight;
+          o = e.offsetWidth, i = e.offsetHeight;
         t({
           width: o,
-          height: c
+          height: i
         });
       });
       return a.observe(e, {
@@ -529,19 +529,19 @@ function Ze(e) {
     e
   ]), n;
 }
-const ie = /* @__PURE__ */ S((e, n) => {
-  const { children: t, ...a } = e, i = $.toArray(t), r = i.find(Ye);
+const ue = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...a } = e, u = $.toArray(t), r = u.find(Ye);
   if (r) {
-    const o = r.props.children, c = i.map((u) => u === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : u);
-    return /* @__PURE__ */ v(q, D({}, a, {
+    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, {
       ref: n
-    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, c) : null);
+    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ v(q, D({}, a, {
+  return /* @__PURE__ */ _(q, D({}, a, {
     ref: n
   }), t);
 });
-ie.displayName = "Slot";
+ue.displayName = "Slot";
 const q = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ A(t) ? /* @__PURE__ */ B(t, {
@@ -550,7 +550,7 @@ const q = /* @__PURE__ */ S((e, n) => {
   }) : $.count(t) > 1 ? $.only(null) : null;
 });
 q.displayName = "SlotClone";
-const Je = ({ children: e }) => /* @__PURE__ */ v(Y, null, e);
+const Je = ({ children: e }) => /* @__PURE__ */ _(Y, null, e);
 function Ye(e) {
   return /* @__PURE__ */ A(e) && e.type === Je;
 }
@@ -559,14 +559,14 @@ function Ke(e, n) {
     ...n
   };
   for (const a in n) {
-    const i = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? i && r ? t[a] = (...c) => {
-      r(...c), i(...c);
-    } : i && (t[a] = i) : a === "style" ? t[a] = {
-      ...i,
+    const u = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? u && r ? t[a] = (...i) => {
+      r(...i), u(...i);
+    } : u && (t[a] = u) : a === "style" ? t[a] = {
+      ...u,
       ...r
     } : a === "className" && (t[a] = [
-      i,
+      u,
       r
     ].filter(Boolean).join(" "));
   }
@@ -592,92 +592,92 @@ const Qe = [
   "span",
   "svg",
   "ul"
-], ce = Qe.reduce((e, n) => {
-  const t = /* @__PURE__ */ S((a, i) => {
-    const { asChild: r, ...o } = a, c = r ? ie : n;
+], ie = Qe.reduce((e, n) => {
+  const t = /* @__PURE__ */ S((a, u) => {
+    const { asChild: r, ...o } = a, i = r ? ue : n;
     return C(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ v(c, D({}, o, {
-      ref: i
+    }, []), /* @__PURE__ */ _(i, D({}, o, {
+      ref: u
     }));
   });
   return t.displayName = `Primitive.${n}`, {
     ...e,
     [n]: t
   };
-}, {}), ue = "Switch", [er, mr] = qe(ue), [rr, tr] = er(ue), nr = /* @__PURE__ */ S((e, n) => {
-  const { __scopeSwitch: t, name: a, checked: i, defaultChecked: r, required: o, disabled: c, value: u = "on", onCheckedChange: s, ...g } = e, [l, p] = y(null), f = Te(
+}, {}), 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(
     n,
-    (m) => p(m)
-  ), d = x(!1), b = l ? !!l.closest("form") : !0, [h = !1, _] = We({
-    prop: i,
+    (v) => p(v)
+  ), d = x(!1), b = l ? !!l.closest("form") : !0, [h = !1, m] = We({
+    prop: u,
     defaultProp: r,
     onChange: s
   });
-  return /* @__PURE__ */ v(rr, {
+  return /* @__PURE__ */ _(rr, {
     scope: t,
     checked: h,
-    disabled: c
-  }, /* @__PURE__ */ v(ce.button, D({
+    disabled: i
+  }, /* @__PURE__ */ _(ie.button, D({
     type: "button",
     role: "switch",
     "aria-checked": h,
     "aria-required": o,
     "data-state": se(h),
-    "data-disabled": c ? "" : void 0,
-    disabled: c,
-    value: u
+    "data-disabled": i ? "" : void 0,
+    disabled: i,
+    value: c
   }, g, {
     ref: f,
-    onClick: He(e.onClick, (m) => {
-      _(
+    onClick: He(e.onClick, (v) => {
+      m(
         (N) => !N
-      ), b && (d.current = m.isPropagationStopped(), d.current || m.stopPropagation());
+      ), b && (d.current = v.isPropagationStopped(), d.current || v.stopPropagation());
     })
-  })), b && /* @__PURE__ */ v(ir, {
+  })), b && /* @__PURE__ */ _(ur, {
     control: l,
     bubbles: !d.current,
     name: a,
-    value: u,
+    value: c,
     checked: h,
     required: o,
-    disabled: c,
+    disabled: i,
     style: {
       transform: "translateX(-100%)"
     }
   }));
 }), or = "SwitchThumb", ar = /* @__PURE__ */ S((e, n) => {
-  const { __scopeSwitch: t, ...a } = e, i = tr(or, t);
-  return /* @__PURE__ */ v(ce.span, D({
-    "data-state": se(i.checked),
-    "data-disabled": i.disabled ? "" : void 0
+  const { __scopeSwitch: t, ...a } = e, u = tr(or, t);
+  return /* @__PURE__ */ _(ie.span, D({
+    "data-state": se(u.checked),
+    "data-disabled": u.disabled ? "" : void 0
   }, a, {
     ref: n
   }));
-}), ir = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...i } = e, r = x(null), o = Ve(t), c = Ze(n);
+}), ur = (e) => {
+  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = x(null), o = Ve(t), i = Ze(n);
   return C(() => {
-    const u = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
+    const c = 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(u, t), u.dispatchEvent(p);
+      l.call(c, t), c.dispatchEvent(p);
     }
   }, [
     o,
     t,
     a
-  ]), /* @__PURE__ */ v("input", D({
+  ]), /* @__PURE__ */ _("input", D({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: t
-  }, i, {
+  }, u, {
     tabIndex: -1,
     ref: r,
     style: {
       ...e.style,
-      ...c,
+      ...i,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -688,7 +688,7 @@ const Qe = [
 function se(e) {
   return e ? "checked" : "unchecked";
 }
-const cr = nr, ur = ar;
+const ir = nr, cr = ar;
 function sr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -703,8 +703,8 @@ var le = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var c = arguments[o];
-        c && (r = i(r, a(c)));
+        var i = arguments[o];
+        i && (r = u(r, a(i)));
       }
       return r;
     }
@@ -718,11 +718,11 @@ var le = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var c in r)
-        n.call(r, c) && r[c] && (o = i(o, c));
+      for (var i in r)
+        n.call(r, i) && r[i] && (o = u(o, i));
       return o;
     }
-    function i(r, o) {
+    function u(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
@@ -734,22 +734,22 @@ const I = /* @__PURE__ */ sr(lr), V = (e) => e && "touches" in e, pr = ({
   disabled: n,
   onStart: t,
   onDrag: a,
-  onStop: i,
+  onStop: u,
   bounds: r,
   position: o,
-  style: c
+  style: i
 }) => {
-  const [u, s] = y(void 0), [g, l] = y(void 0), [p, f] = y(!1), d = (_) => {
+  const [c, s] = y(void 0), [g, l] = y(void 0), [p, f] = y(!1), d = (m) => {
     if (!n) {
-      _.preventDefault();
-      const m = V(_.nativeEvent) ? _.nativeEvent.touches[0].clientX : _.nativeEvent.clientX;
-      l(m), t == null || t();
+      m.preventDefault();
+      const v = V(m.nativeEvent) ? m.nativeEvent.touches[0].clientX : m.nativeEvent.clientX;
+      l(v), t == null || t();
     }
   }, b = z(
-    (_) => {
+    (m) => {
       if (typeof g != "number")
         return;
-      const N = (V(_) ? _.touches[0].clientX : _.clientX) - g;
+      const N = (V(m) ? m.touches[0].clientX : m.clientX) - g;
       if (!N)
         return;
       const E = o + N;
@@ -759,8 +759,8 @@ const I = /* @__PURE__ */ sr(lr), V = (e) => e && "touches" in e, pr = ({
     },
     [a, s, p, g]
   ), h = z(() => {
-    l(void 0), s(void 0), f(!1), i == null || i();
-  }, [i, l]);
+    l(void 0), s(void 0), f(!1), u == null || u();
+  }, [u, l]);
   return C(() => (window.addEventListener("mousemove", b), window.addEventListener("touchmove", b), () => {
     window.removeEventListener("mousemove", b), window.removeEventListener("touchmove", b);
   }), [b]), C(() => (window.addEventListener("mouseup", h), window.addEventListener("touchend", h), () => {
@@ -768,14 +768,14 @@ const I = /* @__PURE__ */ sr(lr), V = (e) => e && "touches" in e, pr = ({
   }), [h]), A(e) ? B($.only(e), {
     onMouseDown: d,
     onTouchStart: d,
-    style: { ...c, transform: `translateX(${p ? u : o}px)` }
+    style: { ...i, transform: `translateX(${p ? c : o}px)` }
   }) : null;
 }, G = {
   width: void 0,
   height: void 0
 };
 function Z(e) {
-  const { ref: n, box: t = "content-box", round: a } = e, [{ width: i, height: r }, o] = y(G), c = dr(), u = x({ ...G }), s = x(void 0);
+  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);
   return s.current = e.onResize, C(() => {
     if (!n.current || typeof window > "u" || !("ResizeObserver" in window))
       return;
@@ -784,18 +784,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 (u.current.width !== f || u.current.height !== d) {
+      if (c.current.width !== f || c.current.height !== d) {
         const h = {
           width: f && a ? Math.round(f) : f,
           height: d && a ? Math.round(d) : d
         };
-        u.current.width = f, u.current.height = d, s.current ? s.current(h) : c() && o(h);
+        c.current.width = f, c.current.height = d, s.current ? s.current(h) : i() && o(h);
       }
     });
     return g.observe(n.current, { box: t }), () => {
       g.disconnect();
     };
-  }, [t, n, c, a]), { width: i, height: r };
+  }, [t, n, i, a]), { width: u, height: r };
 }
 function J(e, n, t) {
   return e[n] ? Array.isArray(e[n]) ? e[n][0][t] : (
@@ -811,7 +811,7 @@ function dr() {
   }), []), z(() => e.current, []);
 }
 const fr = ({ checked: e, onChange: n }) => {
-  const t = x(null), a = x(null), [i, r] = y(void 0), [o, c] = y(!1), [u, 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 i == "number" && (e ? i < b : i > b);
+  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);
   return {
     trackRef: t,
     thumbRef: a,
@@ -819,13 +819,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 && c(!0);
+      r(E), Math.abs((e ? f : d) - E) > 2 && i(!0);
     },
     onStop: () => {
-      c(!1), o && s(Date.now()), h && (n == null || n(!e));
+      i(!1), o && s(Date.now()), h && (n == null || n(!e));
     },
     onChangeWithDrag: () => {
-      Date.now() - u > 50 && (n == null || n(!e)), r(void 0);
+      Date.now() - c > 50 && (n == null || n(!e)), r(void 0);
     }
   };
 }, P = {
@@ -843,40 +843,40 @@ const fr = ({ checked: e, onChange: n }) => {
   className: n,
   label: t,
   onChange: a,
-  labelPosition: i = "right",
+  labelPosition: u = "right",
   checked: r,
   disableDrag: o,
-  defaultChecked: c,
-  ...u
+  defaultChecked: i,
+  ...c
 }, s) => {
   const [g, l] = y(
-    typeof r == "boolean" ? r : !!c
-  ), p = !!(typeof r == "boolean" ? r : g), { thumbRef: f, trackRef: d, isDragging: b, onChangeWithDrag: h, ..._ } = fr({
+    typeof r == "boolean" ? r : !!i
+  ), p = !!(typeof r == "boolean" ? r : g), { thumbRef: f, trackRef: d, isDragging: b, onChangeWithDrag: h, ...m } = fr({
     checked: p,
     onChange: (N) => {
-      u.disabled || (a == null || a(N), l(N));
+      c.disabled || (a == null || a(N), l(N));
     }
-  }), m = () => /* @__PURE__ */ w(
+  }), v = () => /* @__PURE__ */ w(
     ze,
     {
-      htmlFor: u.id,
+      htmlFor: c.id,
       "data-testid": e && `${e}-label`,
-      disabled: u.disabled,
+      disabled: c.disabled,
       className: I(
         P[`${k}__label`],
-        P[`${k}__label--${i}`]
+        P[`${k}__label--${u}`]
       ),
-      children: /* @__PURE__ */ w(ne, { variant: "paragraph-100", disabled: u.disabled, children: t })
+      children: /* @__PURE__ */ w(ne, { variant: "paragraph-100", disabled: c.disabled, children: t })
     }
   );
   return /* @__PURE__ */ F("div", { className: I([n, P[`${k}__container`]]), children: [
-    t && i === "left" && m(),
+    t && u === "left" && v(),
     /* @__PURE__ */ w(
-      cr,
+      ir,
       {
-        ...u,
+        ...c,
         ref: s,
-        id: u.id,
+        id: c.id,
         "data-testid": e,
         className: P[k],
         onCheckedChange: h,
@@ -886,12 +886,12 @@ const fr = ({ checked: e, onChange: n }) => {
             Q,
             {
               className: P[`${k}__checkmark`],
-              svg: ve,
+              svg: _e,
               size: "xxs"
             }
           ) }),
-          /* @__PURE__ */ w(pr, { disabled: o, ..._, children: /* @__PURE__ */ w(
-            ur,
+          /* @__PURE__ */ w(pr, { disabled: o, ...m, children: /* @__PURE__ */ w(
+            cr,
             {
               ref: f,
               "data-testid": e && `${e}-thumb`,
@@ -906,7 +906,7 @@ const fr = ({ checked: e, onChange: n }) => {
         ] })
       }
     ),
-    t && i === "right" && m()
+    t && u === "right" && v()
   ] });
 }, gr = S(hr);
 gr.displayName = "Toggle";