@purpurds/toggle 8.8.1 → 8.10.0

package/dist/toggle.es.js

@@ -1,29 +1,23 @@
 import { jsx as g, jsxs as O } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as $, useCallback as A, useEffect as k, cloneElement as ae, isValidElement as se, useRef as P, forwardRef as ce } from "react";
+import { useState as C, useCallback as A, useEffect as P, cloneElement as ue, isValidElement as se, useRef as E, forwardRef as ce } from "react";
 import "react-dom";
 function le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var j = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var q;
+var j = { exports: {} }, q;
 function pe() {
   return q || (q = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", u = 0; u < arguments.length; u++) {
-          var a = arguments[u];
-          a && (r = o(r, i.call(this, a)));
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var u = arguments[i];
+          u && (r = o(r, a.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -32,20 +26,20 @@ function pe() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var u = "";
-        for (var a in r)
-          n.call(r, a) && r[a] && (u = o(u, this && this[a] || a));
-        return u;
+        var i = "";
+        for (var u in r)
+          n.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
+        return i;
       }
-      function o(r, u) {
-        return u ? r ? r + " " + u : r + u : r;
+      function o(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
   })(j)), j.exports;
 }
-var fe = pe();
-const de = /* @__PURE__ */ le(fe), he = {
+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",
@@ -53,20 +47,20 @@ const de = /* @__PURE__ */ le(fe), he = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ge = de.bind(he), B = "purpur-icon", _e = "md", me = (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", _e = "md", me = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ve = ({ 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" }
-  ], i = n ? `<title>${n}</title>` : "";
-  return `<svg ${me(t)}>${i}${e}</svg>`;
-}, be = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: e, allyTitle: n, className: t, size: i = _e, ...o }) => {
+  ], a = n ? `<title>${n}</title>` : "";
+  return `<svg ${me(t)}>${a}${e}</svg>`;
+}, be = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: e, allyTitle: n, className: t, size: a = _e, ...o }) => {
   const r = ve({
     content: be(e.svg),
     title: n
-  }), u = ge(B, `${B}--${i}`, t);
-  return /* @__PURE__ */ g("span", { className: u, dangerouslySetInnerHTML: { __html: r }, ...o });
+  }), i = ge(B, `${B}--${a}`, t);
+  return /* @__PURE__ */ g("span", { className: i, dangerouslySetInnerHTML: { __html: r }, ...o });
 };
 J.displayName = "Icon";
 const ye = {
@@ -83,20 +77,20 @@ function X(e, n) {
 function we(...e) {
   return (n) => {
     let t = !1;
-    const i = e.map((o) => {
+    const a = e.map((o) => {
       const r = X(o, n);
       return !t && typeof r == "function" && (t = !0), r;
     });
     if (t)
       return () => {
-        for (let o = 0; o < i.length; o++) {
-          const r = i[o];
+        for (let o = 0; o < a.length; o++) {
+          const r = a[o];
           typeof r == "function" ? r() : X(e[o], null);
         }
       };
   };
 }
-var Se = Symbol.for("react.lazy"), E = s[" use ".trim().toString()];
+var Se = Symbol.for("react.lazy"), k = s[" use ".trim().toString()];
 function xe(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
@@ -104,52 +98,51 @@ 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 $e(e) {
-  const n = /* @__PURE__ */ Ce(e), t = s.forwardRef((i, o) => {
-    let { children: r, ...u } = i;
-    K(r) && typeof E == "function" && (r = E(r._payload));
-    const a = s.Children.toArray(r), c = a.find(Pe);
+function Ce(e) {
+  const n = /* @__PURE__ */ $e(e), t = s.forwardRef((a, o) => {
+    let { children: r, ...i } = a;
+    K(r) && typeof k == "function" && (r = k(r._payload));
+    const u = s.Children.toArray(r), c = u.find(Ee);
     if (c) {
-      const l = c.props.children, d = a.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, { ...u, ref: o, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
+      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 });
     }
-    return /* @__PURE__ */ g(n, { ...u, ref: o, children: r });
+    return /* @__PURE__ */ g(n, { ...i, ref: o, children: r });
   });
   return t.displayName = `${e}.Slot`, t;
 }
 // @__NO_SIDE_EFFECTS__
-function Ce(e) {
-  const n = s.forwardRef((t, i) => {
+function $e(e) {
+  const n = s.forwardRef((t, a) => {
     let { children: o, ...r } = t;
-    if (K(o) && typeof E == "function" && (o = E(o._payload)), s.isValidElement(o)) {
-      const u = Ee(o), a = ke(r, o.props);
-      return o.type !== s.Fragment && (a.ref = i ? we(i, u) : u), s.cloneElement(o, a);
+    if (K(o) && typeof k == "function" && (o = k(o._payload)), s.isValidElement(o)) {
+      const i = ke(o), u = Pe(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 Re = Symbol("radix.slottable");
-function Pe(e) {
+function Ee(e) {
   return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Re;
 }
-function ke(e, n) {
+function Pe(e, n) {
   const t = { ...n };
-  for (const i in n) {
-    const o = e[i], r = n[i];
-    /^on[A-Z]/.test(i) ? o && r ? t[i] = (...u) => {
-      const a = r(...u);
-      return o(...u), a;
-    } : o && (t[i] = o) : i === "style" ? t[i] = { ...o, ...r } : i === "className" && (t[i] = [o, r].filter(Boolean).join(" "));
+  for (const a in n) {
+    const o = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? o && r ? t[a] = (...i) => {
+      const u = r(...i);
+      return o(...i), u;
+    } : o && (t[a] = o) : a === "style" ? t[a] = { ...o, ...r } : a === "className" && (t[a] = [o, r].filter(Boolean).join(" "));
   }
   return { ...e, ...t };
 }
-function Ee(e) {
-  var n, t;
-  let i = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = i && "isReactWarning" in i && i.isReactWarning;
-  return o ? e.ref : (i = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, o = i && "isReactWarning" in i && i.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+function ke(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 Ne = [
+var De = [
   "a",
   "button",
   "div",
@@ -167,47 +160,40 @@ var Ne = [
   "span",
   "svg",
   "ul"
-], ze = Ne.reduce((e, n) => {
-  const t = /* @__PURE__ */ $e(`Primitive.${n}`), i = s.forwardRef((o, r) => {
-    const { asChild: u, ...a } = o, c = u ? t : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g(c, { ...a, ref: r });
+], Ne = De.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 i.displayName = `Primitive.${n}`, { ...e, [n]: i };
-}, {}), De = "Label", Q = s.forwardRef((e, n) => /* @__PURE__ */ g(
-  ze.label,
+  return a.displayName = `Primitive.${n}`, { ...e, [n]: a };
+}, {}), ze = "Label", Q = s.forwardRef((e, n) => /* @__PURE__ */ g(
+  Ne.label,
   {
     ...e,
     ref: n,
     onMouseDown: (t) => {
-      var i;
-      t.target.closest("button, input, select, textarea") || ((i = e.onMouseDown) == null || i.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+      t.target.closest("button, input, select, textarea") || (e.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
     }
   }
 ));
-Q.displayName = De;
+Q.displayName = ze;
 var Oe = Q;
 function Ae(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var L = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var W;
+var H = { exports: {} }, L;
 function Me() {
-  return W || (W = 1, (function(e) {
+  return L || (L = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", u = 0; u < arguments.length; u++) {
-          var a = arguments[u];
-          a && (r = o(r, i.call(this, a)));
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var u = arguments[i];
+          u && (r = o(r, a.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -216,58 +202,52 @@ function Me() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var u = "";
-        for (var a in r)
-          n.call(r, a) && r[a] && (u = o(u, this && this[a] || a));
-        return u;
+        var i = "";
+        for (var u in r)
+          n.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
+        return i;
       }
-      function o(r, u) {
-        return u ? r ? r + " " + u : r + u : r;
+      function o(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(L)), L.exports;
+  })(H)), H.exports;
 }
 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"
-}, Xe = qe.bind(Be), z = "purpur-label", Le = ({
+}, Xe = qe.bind(Be), N = "purpur-label", He = ({
   children: e,
   className: n,
   disabled: t,
-  negative: i = !1,
+  negative: a = !1,
   ...o
 }) => {
-  const r = Xe(n, z, {
-    [`${z}--disabled`]: t,
-    [`${z}--negative`]: i
+  const r = Xe(n, N, {
+    [`${N}--disabled`]: t,
+    [`${N}--negative`]: a
   });
   return /* @__PURE__ */ g(Oe, { className: r, ...o, children: e });
 };
-function We(e) {
+function Le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var I = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var T;
-function Ie() {
-  return T || (T = 1, (function(e) {
+var W = { exports: {} }, I;
+function We() {
+  return I || (I = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", u = 0; u < arguments.length; u++) {
-          var a = arguments[u];
-          a && (r = o(r, i.call(this, a)));
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var u = arguments[i];
+          u && (r = o(r, a.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -276,20 +256,20 @@ function Ie() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var u = "";
-        for (var a in r)
-          n.call(r, a) && r[a] && (u = o(u, this && this[a] || a));
-        return u;
+        var i = "";
+        for (var u in r)
+          n.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
+        return i;
       }
-      function o(r, u) {
-        return u ? r ? r + " " + u : r + u : r;
+      function o(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(I)), I.exports;
+  })(W)), W.exports;
 }
-var Te = Ie();
-const Ve = /* @__PURE__ */ We(Te), He = {
+var Ie = We();
+const Te = /* @__PURE__ */ Le(Ie), Ve = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -304,32 +284,32 @@ const Ve = /* @__PURE__ */ We(Te), He = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, Fe = Ve.bind(He), Ue = {
+}, Fe = Te.bind(Ve), Ue = {
   PARAGRAPH100: "paragraph-100"
 }, R = "purpur-paragraph", Y = ({
   children: e,
   className: n,
   disabled: t,
-  enableHyphenation: i = !1,
+  enableHyphenation: a = !1,
   negative: o = !1,
   variant: r = Ue.PARAGRAPH100,
-  ...u
+  ...i
 }) => {
-  const a = Fe(n, R, `${R}--${r}`, {
-    [`${R}--hyphens`]: i,
+  const u = Fe(n, R, `${R}--${r}`, {
+    [`${R}--hyphens`]: a,
     [`${R}--disabled`]: t,
     [`${R}--negative`]: o
   });
-  return /* @__PURE__ */ g("p", { ...u, className: a, children: e });
+  return /* @__PURE__ */ g("p", { ...i, className: u, children: e });
 };
 Y.displayName = "Paragraph";
 function Ze(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(o) {
-    if (e == null || e(o), t === !1 || !o.defaultPrevented)
-      return n == null ? void 0 : n(o);
+    if (e?.(o), t === !1 || !o.defaultPrevented)
+      return n?.(o);
   };
 }
-function V(e, n) {
+function T(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
@@ -337,15 +317,15 @@ function V(e, n) {
 function ee(...e) {
   return (n) => {
     let t = !1;
-    const i = e.map((o) => {
-      const r = V(o, n);
+    const a = e.map((o) => {
+      const r = T(o, n);
       return !t && typeof r == "function" && (t = !0), r;
     });
     if (t)
       return () => {
-        for (let o = 0; o < i.length; o++) {
-          const r = i[o];
-          typeof r == "function" ? r() : V(e[o], null);
+        for (let o = 0; o < a.length; o++) {
+          const r = a[o];
+          typeof r == "function" ? r() : T(e[o], null);
         }
       };
   };
@@ -355,50 +335,48 @@ function Ge(...e) {
 }
 function Je(e, n = []) {
   let t = [];
-  function i(r, u) {
-    const a = s.createContext(u), c = t.length;
-    t = [...t, u];
+  function a(r, i) {
+    const u = s.createContext(i), c = t.length;
+    t = [...t, i];
     const l = (p) => {
-      var v;
-      const { scope: f, children: _, ...h } = p, m = ((v = f == null ? void 0 : f[e]) == null ? void 0 : v[c]) || a, b = s.useMemo(() => h, Object.values(h));
-      return /* @__PURE__ */ g(m.Provider, { value: b, children: _ });
+      const { scope: f, children: _, ...h } = p, m = f?.[e]?.[c] || u, v = s.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ g(m.Provider, { value: v, children: _ });
     };
     l.displayName = r + "Provider";
     function d(p, f) {
-      var m;
-      const _ = ((m = f == null ? void 0 : f[e]) == null ? void 0 : m[c]) || a, h = s.useContext(_);
+      const _ = f?.[e]?.[c] || u, h = s.useContext(_);
       if (h) return h;
-      if (u !== void 0) return u;
+      if (i !== void 0) return i;
       throw new Error(`\`${p}\` must be used within \`${r}\``);
     }
     return [l, d];
   }
   const o = () => {
-    const r = t.map((u) => s.createContext(u));
-    return function(a) {
-      const c = (a == null ? void 0 : a[e]) || r;
+    const r = t.map((i) => s.createContext(i));
+    return function(u) {
+      const c = u?.[e] || r;
       return s.useMemo(
-        () => ({ [`__scope${e}`]: { ...a, [e]: c } }),
-        [a, c]
+        () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
+        [u, c]
       );
     };
   };
-  return o.scopeName = e, [i, Ke(o, ...n)];
+  return o.scopeName = e, [a, Ke(o, ...n)];
 }
 function Ke(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
-    const i = e.map((o) => ({
+    const a = e.map((o) => ({
       useScope: o(),
       scopeName: o.scopeName
     }));
     return function(r) {
-      const u = i.reduce((a, { useScope: c, scopeName: l }) => {
+      const i = a.reduce((u, { useScope: c, scopeName: l }) => {
         const p = c(r)[`__scope${l}`];
-        return { ...a, ...p };
+        return { ...u, ...p };
       }, {});
-      return s.useMemo(() => ({ [`__scope${n.scopeName}`]: u }), [u]);
+      return s.useMemo(() => ({ [`__scope${n.scopeName}`]: i }), [i]);
     };
   };
   return t.scopeName = n.scopeName, t;
@@ -407,10 +385,7 @@ function re(e) {
   const n = s.useRef(e);
   return s.useEffect(() => {
     n.current = e;
-  }), s.useMemo(() => (...t) => {
-    var i;
-    return (i = n.current) == null ? void 0 : i.call(n, ...t);
-  }, []);
+  }), s.useMemo(() => (...t) => n.current?.(...t), []);
 }
 function Qe({
   prop: e,
@@ -418,97 +393,96 @@ function Qe({
   onChange: t = () => {
   }
 }) {
-  const [i, o] = Ye({ defaultProp: n, onChange: t }), r = e !== void 0, u = r ? e : i, a = re(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;
-        p !== e && a(p);
+        p !== e && u(p);
       } else
         o(l);
     },
-    [r, e, o, a]
+    [r, e, o, u]
   );
-  return [u, c];
+  return [i, c];
 }
 function Ye({
   defaultProp: e,
   onChange: n
 }) {
-  const t = s.useState(e), [i] = t, o = s.useRef(i), r = re(n);
+  const t = s.useState(e), [a] = t, o = s.useRef(a), r = re(n);
   return s.useEffect(() => {
-    o.current !== i && (r(i), o.current = i);
-  }, [i, o, r]), t;
+    o.current !== a && (r(a), o.current = a);
+  }, [a, o, r]), t;
 }
 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 rr = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var rr = globalThis?.document ? s.useLayoutEffect : () => {
 };
 function tr(e) {
   const [n, t] = s.useState(void 0);
   return rr(() => {
     if (e) {
       t({ width: e.offsetWidth, height: e.offsetHeight });
-      const i = new ResizeObserver((o) => {
+      const a = new ResizeObserver((o) => {
         if (!Array.isArray(o) || !o.length)
           return;
         const r = o[0];
-        let u, a;
+        let i, u;
         if ("borderBoxSize" in r) {
           const c = r.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
-          u = l.inlineSize, a = l.blockSize;
+          i = l.inlineSize, u = l.blockSize;
         } else
-          u = e.offsetWidth, a = e.offsetHeight;
-        t({ width: u, height: a });
+          i = e.offsetWidth, u = e.offsetHeight;
+        t({ width: i, height: u });
       });
-      return i.observe(e, { box: "border-box" }), () => i.unobserve(e);
+      return a.observe(e, { box: "border-box" }), () => a.unobserve(e);
     } else
       t(void 0);
   }, [e]), n;
 }
 // @__NO_SIDE_EFFECTS__
 function nr(e) {
-  const n = /* @__PURE__ */ or(e), t = s.forwardRef((i, o) => {
-    const { children: r, ...u } = i, a = s.Children.toArray(r), c = a.find(ur);
+  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 = a.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, { ...u, ref: o, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
+      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 });
     }
-    return /* @__PURE__ */ g(n, { ...u, ref: o, children: r });
+    return /* @__PURE__ */ g(n, { ...i, ref: o, children: r });
   });
   return t.displayName = `${e}.Slot`, t;
 }
 // @__NO_SIDE_EFFECTS__
 function or(e) {
-  const n = s.forwardRef((t, i) => {
+  const n = s.forwardRef((t, a) => {
     const { children: o, ...r } = t;
     if (s.isValidElement(o)) {
-      const u = sr(o), a = ar(r, o.props);
-      return o.type !== s.Fragment && (a.ref = i ? ee(i, u) : u), s.cloneElement(o, a);
+      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 ir = Symbol("radix.slottable");
-function ur(e) {
+function ar(e) {
   return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ir;
 }
-function ar(e, n) {
+function ur(e, n) {
   const t = { ...n };
-  for (const i in n) {
-    const o = e[i], r = n[i];
-    /^on[A-Z]/.test(i) ? o && r ? t[i] = (...a) => {
-      r(...a), o(...a);
-    } : o && (t[i] = o) : i === "style" ? t[i] = { ...o, ...r } : i === "className" && (t[i] = [o, r].filter(Boolean).join(" "));
+  for (const a in n) {
+    const o = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? o && r ? t[a] = (...u) => {
+      r(...u), o(...u);
+    } : o && (t[a] = o) : a === "style" ? t[a] = { ...o, ...r } : a === "className" && (t[a] = [o, r].filter(Boolean).join(" "));
   }
   return { ...e, ...t };
 }
 function sr(e) {
-  var i, o;
-  let n = (i = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : i.get, t = n && "isReactWarning" in n && n.isReactWarning;
-  return t ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+  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 cr = [
   "a",
@@ -528,58 +502,58 @@ var cr = [
   "svg",
   "ul"
 ], te = cr.reduce((e, n) => {
-  const t = /* @__PURE__ */ nr(`Primitive.${n}`), i = s.forwardRef((o, r) => {
-    const { asChild: u, ...a } = o, c = u ? t : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g(c, { ...a, ref: r });
+  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 i.displayName = `Primitive.${n}`, { ...e, [n]: i };
-}, {}), M = "Switch", [lr] = Je(M), [pr, fr] = lr(M), ne = s.forwardRef(
+  return a.displayName = `Primitive.${n}`, { ...e, [n]: a };
+}, {}), M = "Switch", [lr] = Je(M), [pr, dr] = lr(M), ne = s.forwardRef(
   (e, n) => {
     const {
       __scopeSwitch: t,
-      name: i,
+      name: a,
       checked: o,
       defaultChecked: r,
-      required: u,
-      disabled: a,
+      required: i,
+      disabled: u,
       value: c = "on",
       onCheckedChange: l,
       form: d,
       ...p
-    } = e, [f, _] = s.useState(null), h = Ge(n, (y) => _(y)), m = s.useRef(!1), b = f ? d || !!f.closest("form") : !0, [v = !1, x] = Qe({
+    } = e, [f, _] = s.useState(null), h = Ge(n, (y) => _(y)), m = s.useRef(!1), v = f ? d || !!f.closest("form") : !0, [b = !1, x] = Qe({
       prop: o,
       defaultProp: r,
       onChange: l
     });
-    return /* @__PURE__ */ O(pr, { scope: t, checked: v, disabled: a, children: [
+    return /* @__PURE__ */ O(pr, { scope: t, checked: b, disabled: u, children: [
       /* @__PURE__ */ g(
         te.button,
         {
           type: "button",
           role: "switch",
-          "aria-checked": v,
-          "aria-required": u,
-          "data-state": ue(v),
-          "data-disabled": a ? "" : void 0,
-          disabled: a,
+          "aria-checked": b,
+          "aria-required": i,
+          "data-state": ae(b),
+          "data-disabled": u ? "" : void 0,
+          disabled: u,
           value: c,
           ...p,
           ref: h,
           onClick: Ze(e.onClick, (y) => {
-            x((w) => !w), b && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
+            x((w) => !w), v && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
           })
         }
       ),
-      b && /* @__PURE__ */ g(
-        dr,
+      v && /* @__PURE__ */ g(
+        fr,
         {
           control: f,
           bubbles: !m.current,
-          name: i,
+          name: a,
           value: c,
-          checked: v,
-          required: u,
-          disabled: a,
+          checked: b,
+          required: i,
+          disabled: u,
           form: d,
           style: { transform: "translateX(-100%)" }
         }
@@ -590,28 +564,28 @@ var cr = [
 ne.displayName = M;
 var oe = "SwitchThumb", ie = s.forwardRef(
   (e, n) => {
-    const { __scopeSwitch: t, ...i } = e, o = fr(oe, t);
+    const { __scopeSwitch: t, ...a } = e, o = dr(oe, t);
     return /* @__PURE__ */ g(
       te.span,
       {
-        "data-state": ue(o.checked),
+        "data-state": ae(o.checked),
         "data-disabled": o.disabled ? "" : void 0,
-        ...i,
+        ...a,
         ref: n
       }
     );
   }
 );
 ie.displayName = oe;
-var dr = (e) => {
-  const { control: n, checked: t, bubbles: i = !0, ...o } = e, r = s.useRef(null), u = er(t), a = tr(n);
+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 (u !== t && p) {
-      const f = new Event("click", { bubbles: i });
+    if (i !== t && p) {
+      const f = new Event("click", { bubbles: a });
       p.call(c, t), c.dispatchEvent(f);
     }
-  }, [u, t, i]), /* @__PURE__ */ g(
+  }, [i, t, a]), /* @__PURE__ */ g(
     "input",
     {
       type: "checkbox",
@@ -622,7 +596,7 @@ var dr = (e) => {
       ref: r,
       style: {
         ...e.style,
-        ...a,
+        ...u,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -631,32 +605,27 @@ var dr = (e) => {
     }
   );
 };
-function ue(e) {
+function ae(e) {
   return e ? "checked" : "unchecked";
 }
 var hr = ne, gr = ie;
 function _r(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var D = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var H;
+var z = { exports: {} };
+var V;
 function mr() {
-  return H || (H = 1, (function(e) {
+  return V || (V = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", u = 0; u < arguments.length; u++) {
-          var a = arguments[u];
-          a && (r = o(r, i.call(this, a)));
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var u = arguments[i];
+          u && (r = o(r, a.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -665,84 +634,84 @@ function mr() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var u = "";
-        for (var a in r)
-          n.call(r, a) && r[a] && (u = o(u, this && this[a] || a));
-        return u;
+        var i = "";
+        for (var u in r)
+          n.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
+        return i;
       }
-      function o(r, u) {
-        return u ? r ? r + " " + u : r + u : r;
+      function o(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(D)), D.exports;
+  })(z)), z.exports;
 }
 var vr = mr();
 const br = /* @__PURE__ */ _r(vr), F = (e) => e && "touches" in e, yr = ({
   children: e,
   disabled: n,
   onStart: t,
-  onDrag: i,
+  onDrag: a,
   onStop: o,
   bounds: r,
-  position: u,
-  style: a
+  position: i,
+  style: u
 }) => {
-  const [c, l] = $(void 0), [d, p] = $(void 0), [f, _] = $(!1), h = (v) => {
+  const [c, l] = C(void 0), [d, p] = C(void 0), [f, _] = C(!1), h = (b) => {
     if (!n) {
-      v.preventDefault();
-      const x = F(v.nativeEvent) ? v.nativeEvent.touches[0].clientX : v.nativeEvent.clientX;
-      p(x), t == null || t();
+      b.preventDefault();
+      const x = F(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
+      p(x), t?.();
     }
   }, m = A(
-    (v) => {
+    (b) => {
       if (typeof d != "number")
         return;
-      const y = (F(v) ? v.touches[0].clientX : v.clientX) - d;
+      const y = (F(b) ? b.touches[0].clientX : b.clientX) - d;
       if (!y)
         return;
-      const w = u + y;
+      const w = i + y;
       !f && Math.abs(w) && _(!0);
-      const N = w > r.right ? r.right : w < r.left ? r.left : w;
-      l(N), i == null || i({ x: N });
+      const D = w > r.right ? r.right : w < r.left ? r.left : w;
+      l(D), a?.({ x: D });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [i, l, f, d]
-  ), b = A(() => {
-    p(void 0), l(void 0), _(!1), o == null || o();
+    [a, l, f, d]
+  ), v = A(() => {
+    p(void 0), l(void 0), _(!1), o?.();
   }, [o, p]);
-  return k(() => (window.addEventListener("mousemove", m), window.addEventListener("touchmove", m), () => {
+  return P(() => (window.addEventListener("mousemove", m), window.addEventListener("touchmove", m), () => {
     window.removeEventListener("mousemove", m), window.removeEventListener("touchmove", m);
-  }), [m]), k(() => (window.addEventListener("mouseup", b), window.addEventListener("touchend", b), () => {
-    window.removeEventListener("mouseup", b), window.removeEventListener("touchend", b);
-  }), [b]), se(e) ? ae(e, {
+  }), [m]), P(() => (window.addEventListener("mouseup", v), window.addEventListener("touchend", v), () => {
+    window.removeEventListener("mouseup", v), window.removeEventListener("touchend", v);
+  }), [v]), se(e) ? ue(e, {
     onMouseDown: h,
     onTouchStart: h,
-    style: { ...a, transform: `translateX(${f ? c : u}px)` }
+    style: { ...u, transform: `translateX(${f ? c : i}px)` }
   }) : null;
 }, U = {
   width: void 0,
   height: void 0
 };
 function Z(e) {
-  const { ref: n, box: t = "content-box", round: i } = e, [{ width: o, height: r }, u] = $(U), a = wr(), c = P({ ...U }), l = P(void 0);
-  return l.current = e.onResize, k(() => {
+  const { ref: n, box: t = "content-box", round: a } = e, [{ width: o, height: r }, i] = C(U), u = wr(), c = E({ ...U }), l = E(void 0);
+  return l.current = e.onResize, P(() => {
     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", _ = G(p, f, "inlineSize"), h = G(p, f, "blockSize");
       if (c.current.width !== _ || c.current.height !== h) {
-        const b = {
-          width: _ && i ? Math.round(_) : _,
-          height: h && i ? Math.round(h) : h
+        const v = {
+          width: _ && a ? Math.round(_) : _,
+          height: h && a ? Math.round(h) : h
         };
-        c.current.width = _, c.current.height = h, l.current ? l.current(b) : a() && u(b);
+        c.current.width = _, c.current.height = h, l.current ? l.current(v) : u() && i(v);
       }
     });
     return d.observe(n.current, { box: t }), () => {
       d.disconnect();
     };
-  }, [t, n, a, i]), { width: o, height: r };
+  }, [t, n, u, a]), { width: o, height: r };
 }
 function G(e, n, t) {
   return e[n] ? Array.isArray(e[n]) ? e[n][0][t] : (
@@ -752,27 +721,27 @@ function G(e, n, t) {
   ) : n === "contentBoxSize" ? e.contentRect[t === "inlineSize" ? "width" : "height"] : void 0;
 }
 function wr() {
-  const e = P(!1);
-  return k(() => (e.current = !0, () => {
+  const e = E(!1);
+  return P(() => (e.current = !0, () => {
     e.current = !1;
   }), []), A(() => e.current, []);
 }
 const Sr = ({ checked: e, onChange: n }) => {
-  const t = P(null), i = P(null), [o, r] = $(void 0), [u, a] = $(!1), [c, l] = $(0), { height: d = 0 } = Z({ ref: i, round: !0 }), { height: p = 0 } = Z({ ref: t, round: !0 }), f = (p || 0) - d, _ = d + f, h = f / 2, m = _ / 2, b = typeof o == "number" && (e ? o < m : o > m);
+  const t = E(null), a = E(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, _ = d + f, h = f / 2, m = _ / 2, v = typeof o == "number" && (e ? o < m : o > m);
   return {
     trackRef: t,
-    thumbRef: i,
-    isDragging: u,
+    thumbRef: a,
+    isDragging: i,
     bounds: { left: h, right: _ },
     position: e ? _ : h,
     onDrag: ({ x: w }) => {
-      r(w), Math.abs((e ? _ : h) - w) > 2 && a(!0);
+      r(w), Math.abs((e ? _ : h) - w) > 2 && u(!0);
     },
     onStop: () => {
-      a(!1), u && l(Date.now()), b && (n == null || n(!e));
+      u(!1), i && l(Date.now()), v && n?.(!e);
     },
     onChangeWithDrag: () => {
-      Date.now() - c > 50 && (n == null || n(!e)), r(void 0);
+      Date.now() - c > 50 && n?.(!e), r(void 0);
     }
   };
 }, xr = {
@@ -785,36 +754,36 @@ const Sr = ({ 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"
-}, C = br.bind(xr), S = "purpur-toggle", $r = ce(
+}, $ = br.bind(xr), S = "purpur-toggle", Cr = ce(
   ({
     ["data-testid"]: e,
     className: n,
     label: t,
-    onChange: i,
+    onChange: a,
     labelPosition: o = "right",
     checked: r,
-    disableDrag: u,
-    defaultChecked: a,
+    disableDrag: i,
+    defaultChecked: u,
     ...c
   }, l) => {
-    const [d, p] = $(
-      typeof r == "boolean" ? r : !!a
-    ), f = !!(typeof r == "boolean" ? r : d), { thumbRef: _, trackRef: h, isDragging: m, onChangeWithDrag: b, ...v } = Sr({
+    const [d, p] = C(
+      typeof r == "boolean" ? r : !!u
+    ), f = !!(typeof r == "boolean" ? r : d), { thumbRef: _, trackRef: h, isDragging: m, onChangeWithDrag: v, ...b } = Sr({
       checked: f,
       onChange: (y) => {
-        c.disabled || (i == null || i(y), p(y));
+        c.disabled || (a?.(y), p(y));
       }
     }), x = () => /* @__PURE__ */ g(
-      Le,
+      He,
       {
         htmlFor: c.id,
         "data-testid": e && `${e}-label`,
         disabled: c.disabled,
-        className: C(`${S}__label`, `${S}__label--${o}`),
+        className: $(`${S}__label`, `${S}__label--${o}`),
         children: /* @__PURE__ */ g(Y, { disabled: c.disabled, children: t })
       }
     );
-    return /* @__PURE__ */ O("div", { className: C(n, `${S}__container`), children: [
+    return /* @__PURE__ */ O("div", { className: $(n, `${S}__container`), children: [
       t && o === "left" && x(),
       /* @__PURE__ */ g(
         hr,
@@ -823,17 +792,17 @@ const Sr = ({ checked: e, onChange: n }) => {
           ref: l,
           id: c.id,
           "data-testid": e,
-          className: C(S),
-          onCheckedChange: b,
+          className: $(S),
+          onCheckedChange: v,
           checked: f,
-          children: /* @__PURE__ */ O("span", { ref: h, className: C(`${S}__track`), children: [
-            /* @__PURE__ */ g("span", { className: C(`${S}__checkmark-container`), children: /* @__PURE__ */ g(J, { className: C(`${S}__checkmark`), svg: ye, size: "xxs" }) }),
-            /* @__PURE__ */ g(yr, { disabled: u, ...v, children: /* @__PURE__ */ g(
+          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: _,
                 "data-testid": e && `${e}-thumb`,
-                className: C(`${S}__thumb`, {
+                className: $(`${S}__thumb`, {
                   [`${S}__thumb--dragging`]: m
                 })
               }
@@ -845,8 +814,8 @@ const Sr = ({ checked: e, onChange: n }) => {
     ] });
   }
 );
-$r.displayName = "Toggle";
+Cr.displayName = "Toggle";
 export {
-  $r as Toggle
+  Cr as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map