@purpurds/toggle 8.19.0 → 8.20.0

package/dist/toggle.es.js

@@ -1,13 +1,13 @@
-import { jsx as g, jsxs as N } from "react/jsx-runtime";
+import { jsx as g, jsxs as O } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as C, useCallback as O, useEffect as E, cloneElement as ie, isValidElement as ae, useRef as z, forwardRef as ue } from "react";
+import { useState as C, useCallback as A, useEffect as E, cloneElement as ue, isValidElement as se, useRef as z, forwardRef as ce } from "react";
 import "react-dom";
-function se(e) {
+function le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var M = { exports: {} }, j;
-function ce() {
-  return j || (j = 1, (function(e) {
+var j = { exports: {} }, q;
+function pe() {
+  return q || (q = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
@@ -36,10 +36,10 @@ function ce() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(M)), M.exports;
+  })(j)), j.exports;
 }
-var le = ce();
-const pe = /* @__PURE__ */ se(le), de = {
+var de = pe();
+const fe = /* @__PURE__ */ le(de), he = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -47,53 +47,62 @@ const pe = /* @__PURE__ */ se(le), de = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, fe = pe.bind(de), q = "purpur-icon", he = "md", ge = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ve = ({ content: e = "", title: n } = {}) => {
+}, ge = fe.bind(he), B = "purpur-icon", ve = "md", _e = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), me = ({ 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 ${ge(t)}>${a}${e}</svg>`;
-}, _e = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), G = ({ svg: e, allyTitle: n, className: t, size: a = he, ...o }) => {
-  const r = ve({
-    content: _e(e.svg),
+  return `<svg ${_e(t)}>${a}${e}</svg>`;
+}, be = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: e, allyTitle: n, className: t, size: a = ve, ...o }) => {
+  const r = me({
+    content: be(e.svg),
     title: n
-  }), i = fe(q, `${q}--${a}`, t);
+  }), i = ge(B, `${B}--${a}`, t);
   return /* @__PURE__ */ g("span", { className: i, dangerouslySetInnerHTML: { __html: r }, ...o });
 };
-G.displayName = "Icon";
-const me = {
+J.displayName = "Icon";
+const ye = {
   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 B(e, n) {
+function X(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function be(...e) {
+function we(...e) {
   return (n) => {
     let t = !1;
     const a = e.map((o) => {
-      const r = B(o, n);
+      const r = X(o, n);
       return !t && typeof r == "function" && (t = !0), r;
     });
     if (t)
       return () => {
         for (let o = 0; o < a.length; o++) {
           const r = a[o];
-          typeof r == "function" ? r() : B(e[o], null);
+          typeof r == "function" ? r() : X(e[o], null);
         }
       };
   };
 }
+var Se = /* @__PURE__ */ Symbol.for("react.lazy"), P = s[" use ".trim().toString()];
+function xe(e) {
+  return typeof e == "object" && e !== null && "then" in e;
+}
+function K(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Se && "_payload" in e && xe(e._payload);
+}
 // @__NO_SIDE_EFFECTS__
-function ye(e) {
-  const n = /* @__PURE__ */ we(e), t = s.forwardRef((a, o) => {
-    const { children: r, ...i } = a, u = s.Children.toArray(r), c = u.find(xe);
+function Ce(e) {
+  const n = /* @__PURE__ */ $e(e), t = s.forwardRef((a, o) => {
+    let { children: r, ...i } = a;
+    K(r) && typeof P == "function" && (r = P(r._payload));
+    const u = s.Children.toArray(r), c = u.find(ze);
     if (c) {
       const l = c.props.children, d = u.map((p) => p === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : p);
       return /* @__PURE__ */ g(n, { ...i, ref: o, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
@@ -103,22 +112,22 @@ function ye(e) {
   return t.displayName = `${e}.Slot`, t;
 }
 // @__NO_SIDE_EFFECTS__
-function we(e) {
+function $e(e) {
   const n = s.forwardRef((t, a) => {
-    const { children: o, ...r } = t;
-    if (s.isValidElement(o)) {
-      const i = $e(o), u = Ce(r, o.props);
-      return o.type !== s.Fragment && (u.ref = a ? be(a, i) : i), s.cloneElement(o, u);
+    let { children: o, ...r } = t;
+    if (K(o) && typeof P == "function" && (o = P(o._payload)), s.isValidElement(o)) {
+      const i = Pe(o), u = Ee(r, o.props);
+      return o.type !== s.Fragment && (u.ref = a ? we(a, i) : i), s.cloneElement(o, u);
     }
     return s.Children.count(o) > 1 ? s.Children.only(null) : null;
   });
   return n.displayName = `${e}.SlotClone`, n;
 }
-var Se = Symbol("radix.slottable");
-function xe(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Se;
+var Re = /* @__PURE__ */ Symbol("radix.slottable");
+function ze(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Re;
 }
-function Ce(e, n) {
+function Ee(e, n) {
   const t = { ...n };
   for (const a in n) {
     const o = e[a], r = n[a];
@@ -129,11 +138,11 @@ function Ce(e, n) {
   }
   return { ...e, ...t };
 }
-function $e(e) {
+function Pe(e) {
   let n = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = n && "isReactWarning" in n && n.isReactWarning;
   return t ? e.ref : (n = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
 }
-var Re = [
+var ke = [
   "a",
   "button",
   "div",
@@ -151,14 +160,14 @@ var Re = [
   "span",
   "svg",
   "ul"
-], ze = Re.reduce((e, n) => {
-  const t = /* @__PURE__ */ ye(`Primitive.${n}`), a = s.forwardRef((o, r) => {
+], De = ke.reduce((e, n) => {
+  const t = /* @__PURE__ */ Ce(`Primitive.${n}`), a = s.forwardRef((o, r) => {
     const { asChild: i, ...u } = o, c = i ? t : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g(c, { ...u, ref: r });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g(c, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${n}`, { ...e, [n]: a };
-}, {}), Ee = "Label", J = s.forwardRef((e, n) => /* @__PURE__ */ g(
-  ze.label,
+}, {}), Ne = "Label", Q = s.forwardRef((e, n) => /* @__PURE__ */ g(
+  De.label,
   {
     ...e,
     ref: n,
@@ -167,14 +176,14 @@ var Re = [
     }
   }
 ));
-J.displayName = Ee;
-var Pe = J;
-function ke(e) {
+Q.displayName = Ne;
+var Oe = Q;
+function Ae(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var X = { exports: {} }, H;
-function De() {
-  return H || (H = 1, (function(e) {
+var H = { exports: {} }, L;
+function Me() {
+  return L || (L = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
@@ -203,32 +212,32 @@ function De() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(X)), X.exports;
+  })(H)), H.exports;
 }
-var Ne = De();
-const Oe = /* @__PURE__ */ ke(Ne), Ae = {
+var je = Me();
+const qe = /* @__PURE__ */ Ae(je), Be = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Me = Oe.bind(Ae), k = "purpur-label", je = ({
+}, Xe = qe.bind(Be), D = "purpur-label", He = ({
   children: e,
   className: n,
   disabled: t,
   negative: a = !1,
   ...o
 }) => {
-  const r = Me(n, k, {
-    [`${k}--disabled`]: t,
-    [`${k}--negative`]: a
+  const r = Xe(n, D, {
+    [`${D}--disabled`]: t,
+    [`${D}--negative`]: a
   });
-  return /* @__PURE__ */ g(Pe, { className: r, ...o, children: e });
+  return /* @__PURE__ */ g(Oe, { className: r, ...o, children: e });
 };
-function qe(e) {
+function Le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var L = { exports: {} }, W;
-function Be() {
-  return W || (W = 1, (function(e) {
+var W = { exports: {} }, I;
+function We() {
+  return I || (I = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
@@ -257,10 +266,10 @@ function Be() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(L)), L.exports;
+  })(W)), W.exports;
 }
-var Xe = Be();
-const He = /* @__PURE__ */ qe(Xe), Le = {
+var Ie = We();
+const Te = /* @__PURE__ */ Le(Ie), Ve = {
   "purpur-paragraph": "_purpur-paragraph_1vz75_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1vz75_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1vz75_10",
@@ -276,56 +285,56 @@ const He = /* @__PURE__ */ qe(Xe), Le = {
   "purpur-paragraph--additional-100-bold": "_purpur-paragraph--additional-100-bold_1vz75_67",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1vz75_74",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
-}, We = He.bind(Le), Ie = {
+}, Fe = Te.bind(Ve), Ue = {
   PARAGRAPH100: "paragraph-100"
-}, R = "purpur-paragraph", K = ({
+}, R = "purpur-paragraph", Y = ({
   children: e,
   className: n,
   disabled: t,
   enableHyphenation: a = !1,
   negative: o = !1,
-  variant: r = Ie.PARAGRAPH100,
+  variant: r = Ue.PARAGRAPH100,
   ...i
 }) => {
-  const u = We(n, R, `${R}--${r}`, {
+  const u = Fe(n, R, `${R}--${r}`, {
     [`${R}--hyphens`]: a,
     [`${R}--disabled`]: t,
     [`${R}--negative`]: o
   });
   return /* @__PURE__ */ g("p", { ...i, className: u, children: e });
 };
-K.displayName = "Paragraph";
-function Te(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+Y.displayName = "Paragraph";
+function Ze(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(o) {
     if (e?.(o), t === !1 || !o.defaultPrevented)
       return n?.(o);
   };
 }
-function I(e, n) {
+function T(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function Q(...e) {
+function ee(...e) {
   return (n) => {
     let t = !1;
     const a = e.map((o) => {
-      const r = I(o, n);
+      const r = T(o, n);
       return !t && typeof r == "function" && (t = !0), r;
     });
     if (t)
       return () => {
         for (let o = 0; o < a.length; o++) {
           const r = a[o];
-          typeof r == "function" ? r() : I(e[o], null);
+          typeof r == "function" ? r() : T(e[o], null);
         }
       };
   };
 }
-function Ve(...e) {
-  return s.useCallback(Q(...e), e);
+function Ge(...e) {
+  return s.useCallback(ee(...e), e);
 }
-function Fe(e, n = []) {
+function Je(e, n = []) {
   let t = [];
   function a(r, i) {
     const u = s.createContext(i), c = t.length;
@@ -353,9 +362,9 @@ function Fe(e, n = []) {
       );
     };
   };
-  return o.scopeName = e, [a, Ue(o, ...n)];
+  return o.scopeName = e, [a, Ke(o, ...n)];
 }
-function Ue(...e) {
+function Ke(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
@@ -373,19 +382,19 @@ function Ue(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-function Y(e) {
+function re(e) {
   const n = s.useRef(e);
   return s.useEffect(() => {
     n.current = e;
   }), s.useMemo(() => (...t) => n.current?.(...t), []);
 }
-function Ze({
+function Qe({
   prop: e,
   defaultProp: n,
   onChange: t = () => {
   }
 }) {
-  const [a, o] = Ge({ defaultProp: n, onChange: t }), r = e !== void 0, i = r ? e : a, u = Y(t), c = s.useCallback(
+  const [a, o] = Ye({ defaultProp: n, onChange: t }), r = e !== void 0, i = r ? e : a, u = re(t), c = s.useCallback(
     (l) => {
       if (r) {
         const p = typeof l == "function" ? l(e) : l;
@@ -397,24 +406,24 @@ function Ze({
   );
   return [i, c];
 }
-function Ge({
+function Ye({
   defaultProp: e,
   onChange: n
 }) {
-  const t = s.useState(e), [a] = t, o = s.useRef(a), r = Y(n);
+  const t = s.useState(e), [a] = t, o = s.useRef(a), r = re(n);
   return s.useEffect(() => {
     o.current !== a && (r(a), o.current = a);
   }, [a, o, r]), t;
 }
-function Je(e) {
+function er(e) {
   const n = s.useRef({ value: e, previous: e });
   return s.useMemo(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [e]);
 }
-var Ke = globalThis?.document ? s.useLayoutEffect : () => {
+var rr = globalThis?.document ? s.useLayoutEffect : () => {
 };
-function Qe(e) {
+function tr(e) {
   const [n, t] = s.useState(void 0);
-  return Ke(() => {
+  return rr(() => {
     if (e) {
       t({ width: e.offsetWidth, height: e.offsetHeight });
       const a = new ResizeObserver((o) => {
@@ -435,9 +444,9 @@ function Qe(e) {
   }, [e]), n;
 }
 // @__NO_SIDE_EFFECTS__
-function Ye(e) {
-  const n = /* @__PURE__ */ er(e), t = s.forwardRef((a, o) => {
-    const { children: r, ...i } = a, u = s.Children.toArray(r), c = u.find(tr);
+function nr(e) {
+  const n = /* @__PURE__ */ or(e), t = s.forwardRef((a, o) => {
+    const { children: r, ...i } = a, u = s.Children.toArray(r), c = u.find(ar);
     if (c) {
       const l = c.props.children, d = u.map((p) => p === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : p);
       return /* @__PURE__ */ g(n, { ...i, ref: o, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
@@ -447,22 +456,22 @@ function Ye(e) {
   return t.displayName = `${e}.Slot`, t;
 }
 // @__NO_SIDE_EFFECTS__
-function er(e) {
+function or(e) {
   const n = s.forwardRef((t, a) => {
     const { children: o, ...r } = t;
     if (s.isValidElement(o)) {
-      const i = or(o), u = nr(r, o.props);
-      return o.type !== s.Fragment && (u.ref = a ? Q(a, i) : i), s.cloneElement(o, u);
+      const i = sr(o), u = ur(r, o.props);
+      return o.type !== s.Fragment && (u.ref = a ? ee(a, i) : i), s.cloneElement(o, u);
     }
     return s.Children.count(o) > 1 ? s.Children.only(null) : null;
   });
   return n.displayName = `${e}.SlotClone`, n;
 }
-var rr = Symbol("radix.slottable");
-function tr(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === rr;
+var ir = /* @__PURE__ */ Symbol("radix.slottable");
+function ar(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ir;
 }
-function nr(e, n) {
+function ur(e, n) {
   const t = { ...n };
   for (const a in n) {
     const o = e[a], r = n[a];
@@ -472,11 +481,11 @@ function nr(e, n) {
   }
   return { ...e, ...t };
 }
-function or(e) {
+function sr(e) {
   let n = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = n && "isReactWarning" in n && n.isReactWarning;
   return t ? e.ref : (n = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
 }
-var ir = [
+var cr = [
   "a",
   "button",
   "div",
@@ -493,13 +502,13 @@ var ir = [
   "span",
   "svg",
   "ul"
-], ee = ir.reduce((e, n) => {
-  const t = /* @__PURE__ */ Ye(`Primitive.${n}`), a = s.forwardRef((o, r) => {
+], te = cr.reduce((e, n) => {
+  const t = /* @__PURE__ */ nr(`Primitive.${n}`), a = s.forwardRef((o, r) => {
     const { asChild: i, ...u } = o, c = i ? t : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g(c, { ...u, ref: r });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g(c, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${n}`, { ...e, [n]: a };
-}, {}), A = "Switch", [ar] = Fe(A), [ur, sr] = ar(A), re = s.forwardRef(
+}, {}), M = "Switch", [lr] = Je(M), [pr, dr] = lr(M), ne = s.forwardRef(
   (e, n) => {
     const {
       __scopeSwitch: t,
@@ -512,32 +521,32 @@ var ir = [
       onCheckedChange: l,
       form: d,
       ...p
-    } = e, [f, v] = s.useState(null), h = Ve(n, (y) => v(y)), _ = s.useRef(!1), m = f ? d || !!f.closest("form") : !0, [b = !1, x] = Ze({
+    } = e, [f, v] = s.useState(null), h = Ge(n, (y) => v(y)), _ = s.useRef(!1), m = f ? d || !!f.closest("form") : !0, [b = !1, x] = Qe({
       prop: o,
       defaultProp: r,
       onChange: l
     });
-    return /* @__PURE__ */ N(ur, { scope: t, checked: b, disabled: u, children: [
+    return /* @__PURE__ */ O(pr, { scope: t, checked: b, disabled: u, children: [
       /* @__PURE__ */ g(
-        ee.button,
+        te.button,
         {
           type: "button",
           role: "switch",
           "aria-checked": b,
           "aria-required": i,
-          "data-state": oe(b),
+          "data-state": ae(b),
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: c,
           ...p,
           ref: h,
-          onClick: Te(e.onClick, (y) => {
+          onClick: Ze(e.onClick, (y) => {
             x((w) => !w), m && (_.current = y.isPropagationStopped(), _.current || y.stopPropagation());
           })
         }
       ),
       m && /* @__PURE__ */ g(
-        cr,
+        fr,
         {
           control: f,
           bubbles: !_.current,
@@ -553,14 +562,14 @@ var ir = [
     ] });
   }
 );
-re.displayName = A;
-var te = "SwitchThumb", ne = s.forwardRef(
+ne.displayName = M;
+var oe = "SwitchThumb", ie = s.forwardRef(
   (e, n) => {
-    const { __scopeSwitch: t, ...a } = e, o = sr(te, t);
+    const { __scopeSwitch: t, ...a } = e, o = dr(oe, t);
     return /* @__PURE__ */ g(
-      ee.span,
+      te.span,
       {
-        "data-state": oe(o.checked),
+        "data-state": ae(o.checked),
         "data-disabled": o.disabled ? "" : void 0,
         ...a,
         ref: n
@@ -568,9 +577,9 @@ var te = "SwitchThumb", ne = s.forwardRef(
     );
   }
 );
-ne.displayName = te;
-var cr = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...o } = e, r = s.useRef(null), i = Je(t), u = Qe(n);
+ie.displayName = oe;
+var fr = (e) => {
+  const { control: n, checked: t, bubbles: a = !0, ...o } = e, r = s.useRef(null), i = er(t), u = tr(n);
   return s.useEffect(() => {
     const c = r.current, l = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(l, "checked").set;
     if (i !== t && p) {
@@ -597,17 +606,17 @@ var cr = (e) => {
     }
   );
 };
-function oe(e) {
+function ae(e) {
   return e ? "checked" : "unchecked";
 }
-var lr = re, pr = ne;
-function dr(e) {
+var hr = ne, gr = ie;
+function vr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var D = { exports: {} };
-var T;
-function fr() {
-  return T || (T = 1, (function(e) {
+var N = { exports: {} };
+var V;
+function _r() {
+  return V || (V = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
@@ -636,10 +645,10 @@ function fr() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(D)), D.exports;
+  })(N)), N.exports;
 }
-var hr = fr();
-const gr = /* @__PURE__ */ dr(hr), V = (e) => e && "touches" in e, vr = ({
+var mr = _r();
+const br = /* @__PURE__ */ vr(mr), F = (e) => e && "touches" in e, yr = ({
   children: e,
   disabled: n,
   onStart: t,
@@ -652,46 +661,46 @@ const gr = /* @__PURE__ */ dr(hr), V = (e) => e && "touches" in e, vr = ({
   const [c, l] = C(void 0), [d, p] = C(void 0), [f, v] = C(!1), h = (b) => {
     if (!n) {
       b.preventDefault();
-      const x = V(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
+      const x = F(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
       p(x), t?.();
     }
-  }, _ = O(
+  }, _ = A(
     (b) => {
       if (typeof d != "number")
         return;
-      const y = (V(b) ? b.touches[0].clientX : b.clientX) - d;
+      const y = (F(b) ? b.touches[0].clientX : b.clientX) - d;
       if (!y)
         return;
       const w = i + y;
       !f && Math.abs(w) && v(!0);
-      const P = w > r.right ? r.right : w < r.left ? r.left : w;
-      l(P), a?.({ x: P });
+      const k = w > r.right ? r.right : w < r.left ? r.left : w;
+      l(k), a?.({ x: k });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [a, l, f, d]
-  ), m = O(() => {
+  ), m = A(() => {
     p(void 0), l(void 0), v(!1), o?.();
   }, [o, p]);
   return E(() => (window.addEventListener("mousemove", _), window.addEventListener("touchmove", _), () => {
     window.removeEventListener("mousemove", _), window.removeEventListener("touchmove", _);
   }), [_]), E(() => (window.addEventListener("mouseup", m), window.addEventListener("touchend", m), () => {
     window.removeEventListener("mouseup", m), window.removeEventListener("touchend", m);
-  }), [m]), ae(e) ? ie(e, {
+  }), [m]), se(e) ? ue(e, {
     onMouseDown: h,
     onTouchStart: h,
     style: { ...u, transform: `translateX(${f ? c : i}px)` }
   }) : null;
-}, F = {
+}, U = {
   width: void 0,
   height: void 0
 };
-function U(e) {
-  const { ref: n, box: t = "content-box", round: a } = e, [{ width: o, height: r }, i] = C(F), u = _r(), c = z({ ...F }), l = z(void 0);
+function Z(e) {
+  const { ref: n, box: t = "content-box", round: a } = e, [{ width: o, height: r }, i] = C(U), u = wr(), c = z({ ...U }), l = z(void 0);
   return l.current = e.onResize, E(() => {
     if (!n.current || typeof window > "u" || !("ResizeObserver" in window))
       return;
     const d = new ResizeObserver(([p]) => {
-      const f = t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", v = Z(p, f, "inlineSize"), h = Z(p, f, "blockSize");
+      const f = t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", v = G(p, f, "inlineSize"), h = G(p, f, "blockSize");
       if (c.current.width !== v || c.current.height !== h) {
         const m = {
           width: v && a ? Math.round(v) : v,
@@ -705,21 +714,21 @@ function U(e) {
     };
   }, [t, n, u, a]), { width: o, height: r };
 }
-function Z(e, n, t) {
+function G(e, n, t) {
   return e[n] ? Array.isArray(e[n]) ? e[n][0][t] : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore Support Firefox's non-standard behavior
     e[n][t]
   ) : n === "contentBoxSize" ? e.contentRect[t === "inlineSize" ? "width" : "height"] : void 0;
 }
-function _r() {
+function wr() {
   const e = z(!1);
   return E(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), O(() => e.current, []);
+  }), []), A(() => e.current, []);
 }
-const mr = ({ checked: e, onChange: n }) => {
-  const t = z(null), a = z(null), [o, r] = C(void 0), [i, u] = C(!1), [c, l] = C(0), { height: d = 0 } = U({ ref: a, round: !0 }), { height: p = 0 } = U({ ref: t, round: !0 }), f = (p || 0) - d, v = d + f, h = f / 2, _ = v / 2, m = typeof o == "number" && (e ? o < _ : o > _);
+const Sr = ({ checked: e, onChange: n }) => {
+  const t = z(null), a = z(null), [o, r] = C(void 0), [i, u] = C(!1), [c, l] = C(0), { height: d = 0 } = Z({ ref: a, round: !0 }), { height: p = 0 } = Z({ ref: t, round: !0 }), f = (p || 0) - d, v = d + f, h = f / 2, _ = v / 2, m = typeof o == "number" && (e ? o < _ : o > _);
   return {
     trackRef: t,
     thumbRef: a,
@@ -736,7 +745,7 @@ const mr = ({ checked: e, onChange: n }) => {
       Date.now() - c > 50 && n?.(!e), r(void 0);
     }
   };
-}, br = {
+}, xr = {
   "purpur-toggle": "_purpur-toggle_zqs8u_1",
   "purpur-toggle__track": "_purpur-toggle__track_zqs8u_7",
   "purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_zqs8u_45",
@@ -746,7 +755,7 @@ const mr = ({ checked: e, onChange: n }) => {
   "purpur-toggle__label--right": "_purpur-toggle__label--right_zqs8u_110",
   "purpur-toggle__label--left": "_purpur-toggle__label--left_zqs8u_113",
   "purpur-toggle__container": "_purpur-toggle__container_zqs8u_116"
-}, $ = gr.bind(br), S = "purpur-toggle", yr = ue(
+}, $ = br.bind(xr), S = "purpur-toggle", Cr = ce(
   ({
     ["data-testid"]: e,
     className: n,
@@ -760,25 +769,25 @@ const mr = ({ checked: e, onChange: n }) => {
   }, l) => {
     const [d, p] = C(
       typeof r == "boolean" ? r : !!u
-    ), f = !!(typeof r == "boolean" ? r : d), { thumbRef: v, trackRef: h, isDragging: _, onChangeWithDrag: m, ...b } = mr({
+    ), f = !!(typeof r == "boolean" ? r : d), { thumbRef: v, trackRef: h, isDragging: _, onChangeWithDrag: m, ...b } = Sr({
       checked: f,
       onChange: (y) => {
         c.disabled || (a?.(y), p(y));
       }
     }), x = () => /* @__PURE__ */ g(
-      je,
+      He,
       {
         htmlFor: c.id,
         "data-testid": e && `${e}-label`,
         disabled: c.disabled,
         className: $(`${S}__label`, `${S}__label--${o}`),
-        children: /* @__PURE__ */ g(K, { disabled: c.disabled, children: t })
+        children: /* @__PURE__ */ g(Y, { disabled: c.disabled, children: t })
       }
     );
-    return /* @__PURE__ */ N("div", { className: $(n, `${S}__container`), children: [
+    return /* @__PURE__ */ O("div", { className: $(n, `${S}__container`), children: [
       t && o === "left" && x(),
       /* @__PURE__ */ g(
-        lr,
+        hr,
         {
           ...c,
           ref: l,
@@ -787,10 +796,10 @@ const mr = ({ checked: e, onChange: n }) => {
           className: $(S),
           onCheckedChange: m,
           checked: f,
-          children: /* @__PURE__ */ N("span", { ref: h, className: $(`${S}__track`), children: [
-            /* @__PURE__ */ g("span", { className: $(`${S}__checkmark-container`), children: /* @__PURE__ */ g(G, { className: $(`${S}__checkmark`), svg: me, size: "xxs" }) }),
-            /* @__PURE__ */ g(vr, { disabled: i, ...b, children: /* @__PURE__ */ g(
-              pr,
+          children: /* @__PURE__ */ O("span", { ref: h, className: $(`${S}__track`), children: [
+            /* @__PURE__ */ g("span", { className: $(`${S}__checkmark-container`), children: /* @__PURE__ */ g(J, { className: $(`${S}__checkmark`), svg: ye, size: "xxs" }) }),
+            /* @__PURE__ */ g(yr, { disabled: i, ...b, children: /* @__PURE__ */ g(
+              gr,
               {
                 ref: v,
                 "data-testid": e && `${e}-thumb`,
@@ -806,8 +815,8 @@ const mr = ({ checked: e, onChange: n }) => {
     ] });
   }
 );
-yr.displayName = "Toggle";
+Cr.displayName = "Toggle";
 export {
-  yr as Toggle
+  Cr as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map