@purpurds/toggle 8.2.2 → 8.2.4

package/dist/toggle.es.js

@@ -1,25 +1,25 @@
-import { jsx as f, Fragment as K, jsxs as D } from "react/jsx-runtime";
+import { jsx as g, jsxs as D } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as $, useCallback as O, useEffect as k, cloneElement as le, isValidElement as pe, useRef as P, forwardRef as de } from "react";
+import { useState as $, useCallback as O, useEffect as k, cloneElement as ie, isValidElement as ue, useRef as P, forwardRef as ae } from "react";
 import "react-dom";
-function fe(e) {
+function se(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var q = { exports: {} };
+var M = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var B;
-function he() {
-  return B || (B = 1, function(e) {
+var j;
+function ce() {
+  return j || (j = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", a = 0; a < arguments.length; a++) {
-          var u = arguments[a];
-          u && (r = o(r, i.call(this, u)));
+        for (var r = "", u = 0; u < arguments.length; u++) {
+          var a = arguments[u];
+          a && (r = o(r, i.call(this, a)));
         }
         return r;
       }
@@ -32,20 +32,20 @@ function he() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var a = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (a = o(a, this && this[u] || u));
-        return a;
+        var u = "";
+        for (var a in r)
+          n.call(r, a) && r[a] && (u = o(u, this && this[a] || a));
+        return u;
       }
-      function o(r, a) {
-        return a ? r ? r + " " + a : r + a : r;
+      function o(r, u) {
+        return u ? r ? r + " " + u : r + u : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(q)), q.exports;
+  })(M)), M.exports;
 }
-var ge = he();
-const me = /* @__PURE__ */ fe(ge), ve = {
+var le = ce();
+const pe = /* @__PURE__ */ se(le), de = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,87 +53,94 @@ const me = /* @__PURE__ */ fe(ge), ve = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, _e = me.bind(ve), X = "purpur-icon", be = "md", ye = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), we = ({ content: e = "", title: n } = {}) => {
+}, 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(" "), _e = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = n ? `<title>${n}</title>` : "";
-  return `<svg ${ye(t)}>${i}${e}</svg>`;
-}, Se = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Q = ({ svg: e, allyTitle: n, className: t, size: i = be, ...o }) => {
-  const r = we({
-    content: Se(e.svg),
+  return `<svg ${ge(t)}>${i}${e}</svg>`;
+}, me = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), G = ({ svg: e, allyTitle: n, className: t, size: i = he, ...o }) => {
+  const r = _e({
+    content: me(e.svg),
     title: n
-  }), a = _e(t, X, `${X}--${i}`);
-  return /* @__PURE__ */ f("span", { className: a, dangerouslySetInnerHTML: { __html: r }, ...o });
+  }), u = fe(t, q, `${q}--${i}`);
+  return /* @__PURE__ */ g("span", { className: u, dangerouslySetInnerHTML: { __html: r }, ...o });
 };
-Q.displayName = "Icon";
-const xe = {
+G.displayName = "Icon";
+const ve = {
   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 W(e, n) {
+function B(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function $e(...e) {
+function be(...e) {
   return (n) => {
     let t = !1;
     const i = e.map((o) => {
-      const r = W(o, n);
+      const r = B(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() : W(e[o], null);
+          typeof r == "function" ? r() : B(e[o], null);
         }
       };
   };
 }
-var Y = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e, o = s.Children.toArray(t), r = o.find(Re);
-  if (r) {
-    const a = r.props.children, u = o.map((c) => c === r ? s.Children.count(a) > 1 ? s.Children.only(null) : s.isValidElement(a) ? a.props.children : null : c);
-    return /* @__PURE__ */ f(A, { ...i, ref: n, children: s.isValidElement(a) ? s.cloneElement(a, void 0, u) : null });
-  }
-  return /* @__PURE__ */ f(A, { ...i, ref: n, children: t });
-});
-Y.displayName = "Slot";
-var A = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e;
-  if (s.isValidElement(t)) {
-    const o = ke(t), r = Pe(i, t.props);
-    return t.type !== s.Fragment && (r.ref = n ? $e(n, o) : o), s.cloneElement(t, r);
-  }
-  return s.Children.count(t) > 1 ? s.Children.only(null) : null;
-});
-A.displayName = "SlotClone";
-var Ce = ({ children: e }) => /* @__PURE__ */ f(K, { children: e });
-function Re(e) {
-  return s.isValidElement(e) && e.type === Ce;
-}
-function Pe(e, n) {
+// @__NO_SIDE_EFFECTS__
+function ye(e) {
+  const n = /* @__PURE__ */ we(e), t = s.forwardRef((i, o) => {
+    const { children: r, ...u } = i, a = s.Children.toArray(r), c = a.find(xe);
+    if (c) {
+      const l = c.props.children, f = 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, f) : null });
+    }
+    return /* @__PURE__ */ g(n, { ...u, ref: o, children: r });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function we(e) {
+  const n = s.forwardRef((t, i) => {
+    const { children: o, ...r } = t;
+    if (s.isValidElement(o)) {
+      const u = Ce(o), a = $e(r, o.props);
+      return o.type !== s.Fragment && (a.ref = i ? be(i, u) : u), s.cloneElement(o, a);
+    }
+    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;
+}
+function $e(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);
+    /^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(" "));
   }
   return { ...e, ...t };
 }
-function ke(e) {
+function Ce(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);
 }
-var Ee = [
+var Re = [
   "a",
   "button",
   "div",
@@ -147,17 +154,18 @@ var Ee = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
-], Ne = Ee.reduce((e, n) => {
-  const t = s.forwardRef((i, o) => {
-    const { asChild: r, ...a } = i, u = r ? Y : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...a, ref: o });
+], Pe = Re.reduce((e, n) => {
+  const t = /* @__PURE__ */ ye(`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 });
   });
-  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {}), ze = "Label", ee = s.forwardRef((e, n) => /* @__PURE__ */ f(
-  Ne.label,
+  return i.displayName = `Primitive.${n}`, { ...e, [n]: i };
+}, {}), ke = "Label", J = s.forwardRef((e, n) => /* @__PURE__ */ g(
+  Pe.label,
   {
     ...e,
     ref: n,
@@ -167,26 +175,26 @@ var Ee = [
     }
   }
 ));
-ee.displayName = ze;
-var De = ee;
-function Oe(e) {
+J.displayName = ke;
+var Ee = J;
+function Ne(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var L = { exports: {} };
+var X = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var V;
-function Ae() {
-  return V || (V = 1, function(e) {
+var L;
+function ze() {
+  return L || (L = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", a = 0; a < arguments.length; a++) {
-          var u = arguments[a];
-          u && (r = o(r, i.call(this, u)));
+        for (var r = "", u = 0; u < arguments.length; u++) {
+          var a = arguments[u];
+          a && (r = o(r, i.call(this, a)));
         }
         return r;
       }
@@ -199,54 +207,54 @@ function Ae() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var a = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (a = o(a, this && this[u] || u));
-        return a;
+        var u = "";
+        for (var a in r)
+          n.call(r, a) && r[a] && (u = o(u, this && this[a] || a));
+        return u;
       }
-      function o(r, a) {
-        return a ? r ? r + " " + a : r + a : r;
+      function o(r, u) {
+        return u ? r ? r + " " + u : r + u : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(L)), L.exports;
+  })(X)), X.exports;
 }
-var Me = Ae();
-const je = /* @__PURE__ */ Oe(Me), qe = {
+var De = ze();
+const Oe = /* @__PURE__ */ Ne(De), Ae = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Be = je.bind(qe), N = "purpur-label", Xe = ({
+}, Me = Oe.bind(Ae), N = "purpur-label", je = ({
   children: e,
   className: n,
   disabled: t,
   negative: i = !1,
   ...o
 }) => {
-  const r = Be(n, N, {
+  const r = Me(n, N, {
     [`${N}--disabled`]: t,
     [`${N}--negative`]: i
   });
-  return /* @__PURE__ */ f(De, { className: r, ...o, children: e });
+  return /* @__PURE__ */ g(Ee, { className: r, ...o, children: e });
 };
-function We(e) {
+function qe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var H = { exports: {} };
+var W = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var T;
-function Le() {
-  return T || (T = 1, function(e) {
+var I;
+function Be() {
+  return I || (I = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", a = 0; a < arguments.length; a++) {
-          var u = arguments[a];
-          u && (r = o(r, i.call(this, u)));
+        for (var r = "", u = 0; u < arguments.length; u++) {
+          var a = arguments[u];
+          a && (r = o(r, i.call(this, a)));
         }
         return r;
       }
@@ -259,20 +267,20 @@ function Le() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var a = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (a = o(a, this && this[u] || u));
-        return a;
+        var u = "";
+        for (var a in r)
+          n.call(r, a) && r[a] && (u = o(u, this && this[a] || a));
+        return u;
       }
-      function o(r, a) {
-        return a ? r ? r + " " + a : r + a : r;
+      function o(r, u) {
+        return u ? r ? r + " " + u : r + u : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(H)), H.exports;
+  })(W)), W.exports;
 }
-var Ve = Le();
-const He = /* @__PURE__ */ We(Ve), Te = {
+var Xe = Be();
+const Le = /* @__PURE__ */ qe(Xe), We = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -287,88 +295,88 @@ const He = /* @__PURE__ */ We(Ve), Te = {
   "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 = He.bind(Te), Ie = {
+}, Ie = Le.bind(We), Te = {
   PARAGRAPH100: "paragraph-100"
-}, R = "purpur-paragraph", re = ({
+}, R = "purpur-paragraph", K = ({
   children: e,
   className: n,
   disabled: t,
   enableHyphenation: i = !1,
   negative: o = !1,
-  variant: r = Ie.PARAGRAPH100,
-  ...a
+  variant: r = Te.PARAGRAPH100,
+  ...u
 }) => {
-  const u = Fe(n, R, `${R}--${r}`, {
+  const a = Ie(n, R, `${R}--${r}`, {
     [`${R}--hyphens`]: i,
     [`${R}--disabled`]: t,
     [`${R}--negative`]: o
   });
-  return /* @__PURE__ */ f("p", { ...a, className: u, children: e });
+  return /* @__PURE__ */ g("p", { ...u, className: a, children: e });
 };
-re.displayName = "Paragraph";
-function Ue(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+K.displayName = "Paragraph";
+function Ve(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(o) {
     if (e == null || e(o), t === !1 || !o.defaultPrevented)
       return n == null ? void 0 : n(o);
   };
 }
-function F(e, n) {
+function T(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function te(...e) {
+function Q(...e) {
   return (n) => {
     let t = !1;
     const i = e.map((o) => {
-      const r = F(o, n);
+      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() : F(e[o], null);
+          typeof r == "function" ? r() : T(e[o], null);
         }
       };
   };
 }
-function Ze(...e) {
-  return s.useCallback(te(...e), e);
+function He(...e) {
+  return s.useCallback(Q(...e), e);
 }
-function Ge(e, n = []) {
+function Fe(e, n = []) {
   let t = [];
-  function i(r, a) {
-    const u = s.createContext(a), c = t.length;
-    t = [...t, a];
-    const l = (d) => {
-      var _;
-      const { scope: p, children: g, ...h } = d, m = ((_ = p == null ? void 0 : p[e]) == null ? void 0 : _[c]) || u, b = s.useMemo(() => h, Object.values(h));
-      return /* @__PURE__ */ f(m.Provider, { value: b, children: g });
+  function i(r, u) {
+    const a = s.createContext(u), c = t.length;
+    t = [...t, u];
+    const l = (p) => {
+      var v;
+      const { scope: d, children: _, ...h } = p, m = ((v = d == null ? void 0 : d[e]) == null ? void 0 : v[c]) || a, b = s.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ g(m.Provider, { value: b, children: _ });
     };
     l.displayName = r + "Provider";
-    function v(d, p) {
+    function f(p, d) {
       var m;
-      const g = ((m = p == null ? void 0 : p[e]) == null ? void 0 : m[c]) || u, h = s.useContext(g);
+      const _ = ((m = d == null ? void 0 : d[e]) == null ? void 0 : m[c]) || a, h = s.useContext(_);
       if (h) return h;
-      if (a !== void 0) return a;
-      throw new Error(`\`${d}\` must be used within \`${r}\``);
+      if (u !== void 0) return u;
+      throw new Error(`\`${p}\` must be used within \`${r}\``);
     }
-    return [l, v];
+    return [l, f];
   }
   const o = () => {
-    const r = t.map((a) => s.createContext(a));
-    return function(u) {
-      const c = (u == null ? void 0 : u[e]) || r;
+    const r = t.map((u) => s.createContext(u));
+    return function(a) {
+      const c = (a == null ? void 0 : a[e]) || r;
       return s.useMemo(
-        () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
-        [u, c]
+        () => ({ [`__scope${e}`]: { ...a, [e]: c } }),
+        [a, c]
       );
     };
   };
-  return o.scopeName = e, [i, Je(o, ...n)];
+  return o.scopeName = e, [i, Ue(o, ...n)];
 }
-function Je(...e) {
+function Ue(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
@@ -377,16 +385,16 @@ function Je(...e) {
       scopeName: o.scopeName
     }));
     return function(r) {
-      const a = i.reduce((u, { useScope: c, scopeName: l }) => {
-        const d = c(r)[`__scope${l}`];
-        return { ...u, ...d };
+      const u = i.reduce((a, { useScope: c, scopeName: l }) => {
+        const p = c(r)[`__scope${l}`];
+        return { ...a, ...p };
       }, {});
-      return s.useMemo(() => ({ [`__scope${n.scopeName}`]: a }), [a]);
+      return s.useMemo(() => ({ [`__scope${n.scopeName}`]: u }), [u]);
     };
   };
   return t.scopeName = n.scopeName, t;
 }
-function ne(e) {
+function Y(e) {
   const n = s.useRef(e);
   return s.useEffect(() => {
     n.current = e;
@@ -395,99 +403,105 @@ function ne(e) {
     return (i = n.current) == null ? void 0 : i.call(n, ...t);
   }, []);
 }
-function Ke({
+function Ze({
   prop: e,
   defaultProp: n,
   onChange: t = () => {
   }
 }) {
-  const [i, o] = Qe({ defaultProp: n, onChange: t }), r = e !== void 0, a = r ? e : i, u = ne(t), c = s.useCallback(
+  const [i, o] = Ge({ defaultProp: n, onChange: t }), r = e !== void 0, u = r ? e : i, a = Y(t), c = s.useCallback(
     (l) => {
       if (r) {
-        const d = typeof l == "function" ? l(e) : l;
-        d !== e && u(d);
+        const p = typeof l == "function" ? l(e) : l;
+        p !== e && a(p);
       } else
         o(l);
     },
-    [r, e, o, u]
+    [r, e, o, a]
   );
-  return [a, c];
+  return [u, c];
 }
-function Qe({
+function Ge({
   defaultProp: e,
   onChange: n
 }) {
-  const t = s.useState(e), [i] = t, o = s.useRef(i), r = ne(n);
+  const t = s.useState(e), [i] = t, o = s.useRef(i), r = Y(n);
   return s.useEffect(() => {
     o.current !== i && (r(i), o.current = i);
   }, [i, o, r]), t;
 }
-function Ye(e) {
+function Je(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 er = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var Ke = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 };
-function rr(e) {
+function Qe(e) {
   const [n, t] = s.useState(void 0);
-  return er(() => {
+  return Ke(() => {
     if (e) {
       t({ width: e.offsetWidth, height: e.offsetHeight });
       const i = new ResizeObserver((o) => {
         if (!Array.isArray(o) || !o.length)
           return;
         const r = o[0];
-        let a, u;
+        let u, a;
         if ("borderBoxSize" in r) {
           const c = r.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
-          a = l.inlineSize, u = l.blockSize;
+          u = l.inlineSize, a = l.blockSize;
         } else
-          a = e.offsetWidth, u = e.offsetHeight;
-        t({ width: a, height: u });
+          u = e.offsetWidth, a = e.offsetHeight;
+        t({ width: u, height: a });
       });
       return i.observe(e, { box: "border-box" }), () => i.unobserve(e);
     } else
       t(void 0);
   }, [e]), n;
 }
-var oe = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e, o = s.Children.toArray(t), r = o.find(nr);
-  if (r) {
-    const a = r.props.children, u = o.map((c) => c === r ? s.Children.count(a) > 1 ? s.Children.only(null) : s.isValidElement(a) ? a.props.children : null : c);
-    return /* @__PURE__ */ f(M, { ...i, ref: n, children: s.isValidElement(a) ? s.cloneElement(a, void 0, u) : null });
-  }
-  return /* @__PURE__ */ f(M, { ...i, ref: n, children: t });
-});
-oe.displayName = "Slot";
-var M = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e;
-  if (s.isValidElement(t)) {
-    const o = ir(t), r = or(i, t.props);
-    return t.type !== s.Fragment && (r.ref = n ? te(n, o) : o), s.cloneElement(t, r);
-  }
-  return s.Children.count(t) > 1 ? s.Children.only(null) : null;
-});
-M.displayName = "SlotClone";
-var tr = ({ children: e }) => /* @__PURE__ */ f(K, { children: e });
-function nr(e) {
-  return s.isValidElement(e) && e.type === tr;
-}
-function or(e, n) {
+// @__NO_SIDE_EFFECTS__
+function Ye(e) {
+  const n = /* @__PURE__ */ er(e), t = s.forwardRef((i, o) => {
+    const { children: r, ...u } = i, a = s.Children.toArray(r), c = a.find(tr);
+    if (c) {
+      const l = c.props.children, f = 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, f) : null });
+    }
+    return /* @__PURE__ */ g(n, { ...u, ref: o, children: r });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function er(e) {
+  const n = s.forwardRef((t, i) => {
+    const { children: o, ...r } = t;
+    if (s.isValidElement(o)) {
+      const u = or(o), a = nr(r, o.props);
+      return o.type !== s.Fragment && (a.ref = i ? Q(i, u) : u), s.cloneElement(o, a);
+    }
+    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;
+}
+function nr(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) => {
-      r(...u), o(...u);
+    /^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(" "));
   }
   return { ...e, ...t };
 }
-function ir(e) {
+function or(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);
 }
-var ar = [
+var ir = [
   "a",
   "button",
   "div",
@@ -504,74 +518,74 @@ var ar = [
   "span",
   "svg",
   "ul"
-], ie = ar.reduce((e, n) => {
-  const t = s.forwardRef((i, o) => {
-    const { asChild: r, ...a } = i, u = r ? oe : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...a, ref: o });
+], ee = ir.reduce((e, n) => {
+  const t = /* @__PURE__ */ Ye(`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 });
   });
-  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {}), j = "Switch", [ur, Cr] = Ge(j), [sr, cr] = ur(j), ae = s.forwardRef(
+  return i.displayName = `Primitive.${n}`, { ...e, [n]: i };
+}, {}), A = "Switch", [ur] = Fe(A), [ar, sr] = ur(A), re = s.forwardRef(
   (e, n) => {
     const {
       __scopeSwitch: t,
       name: i,
       checked: o,
       defaultChecked: r,
-      required: a,
-      disabled: u,
+      required: u,
+      disabled: a,
       value: c = "on",
       onCheckedChange: l,
-      form: v,
-      ...d
-    } = e, [p, g] = s.useState(null), h = Ze(n, (y) => g(y)), m = s.useRef(!1), b = p ? v || !!p.closest("form") : !0, [_ = !1, x] = Ke({
+      form: f,
+      ...p
+    } = e, [d, _] = s.useState(null), h = He(n, (y) => _(y)), m = s.useRef(!1), b = d ? f || !!d.closest("form") : !0, [v = !1, x] = Ze({
       prop: o,
       defaultProp: r,
       onChange: l
     });
-    return /* @__PURE__ */ D(sr, { scope: t, checked: _, disabled: u, children: [
-      /* @__PURE__ */ f(
-        ie.button,
+    return /* @__PURE__ */ D(ar, { scope: t, checked: v, disabled: a, children: [
+      /* @__PURE__ */ g(
+        ee.button,
         {
           type: "button",
           role: "switch",
-          "aria-checked": _,
-          "aria-required": a,
-          "data-state": ce(_),
-          "data-disabled": u ? "" : void 0,
-          disabled: u,
+          "aria-checked": v,
+          "aria-required": u,
+          "data-state": oe(v),
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
           value: c,
-          ...d,
+          ...p,
           ref: h,
-          onClick: Ue(e.onClick, (y) => {
+          onClick: Ve(e.onClick, (y) => {
             x((w) => !w), b && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
           })
         }
       ),
-      b && /* @__PURE__ */ f(
-        lr,
+      b && /* @__PURE__ */ g(
+        cr,
         {
-          control: p,
+          control: d,
           bubbles: !m.current,
           name: i,
           value: c,
-          checked: _,
-          required: a,
-          disabled: u,
-          form: v,
+          checked: v,
+          required: u,
+          disabled: a,
+          form: f,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-ae.displayName = j;
-var ue = "SwitchThumb", se = s.forwardRef(
+re.displayName = A;
+var te = "SwitchThumb", ne = s.forwardRef(
   (e, n) => {
-    const { __scopeSwitch: t, ...i } = e, o = cr(ue, t);
-    return /* @__PURE__ */ f(
-      ie.span,
+    const { __scopeSwitch: t, ...i } = e, o = sr(te, t);
+    return /* @__PURE__ */ g(
+      ee.span,
       {
-        "data-state": ce(o.checked),
+        "data-state": oe(o.checked),
         "data-disabled": o.disabled ? "" : void 0,
         ...i,
         ref: n
@@ -579,16 +593,16 @@ var ue = "SwitchThumb", se = s.forwardRef(
     );
   }
 );
-se.displayName = ue;
-var lr = (e) => {
-  const { control: n, checked: t, bubbles: i = !0, ...o } = e, r = s.useRef(null), a = Ye(t), u = rr(n);
+ne.displayName = te;
+var cr = (e) => {
+  const { control: n, checked: t, bubbles: i = !0, ...o } = e, r = s.useRef(null), u = Je(t), a = Qe(n);
   return s.useEffect(() => {
-    const c = r.current, l = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(l, "checked").set;
-    if (a !== t && d) {
-      const p = new Event("click", { bubbles: i });
-      d.call(c, t), c.dispatchEvent(p);
+    const c = r.current, l = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(l, "checked").set;
+    if (u !== t && p) {
+      const d = new Event("click", { bubbles: i });
+      p.call(c, t), c.dispatchEvent(d);
     }
-  }, [a, t, i]), /* @__PURE__ */ f(
+  }, [u, t, i]), /* @__PURE__ */ g(
     "input",
     {
       type: "checkbox",
@@ -599,7 +613,7 @@ var lr = (e) => {
       ref: r,
       style: {
         ...e.style,
-        ...u,
+        ...a,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -608,11 +622,11 @@ var lr = (e) => {
     }
   );
 };
-function ce(e) {
+function oe(e) {
   return e ? "checked" : "unchecked";
 }
-var pr = ae, dr = se;
-function fr(e) {
+var lr = re, pr = ne;
+function dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var z = { exports: {} };
@@ -621,15 +635,15 @@ var z = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var I;
-function hr() {
-  return I || (I = 1, function(e) {
+var V;
+function fr() {
+  return V || (V = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", a = 0; a < arguments.length; a++) {
-          var u = arguments[a];
-          u && (r = o(r, i.call(this, u)));
+        for (var r = "", u = 0; u < arguments.length; u++) {
+          var a = arguments[u];
+          a && (r = o(r, i.call(this, a)));
         }
         return r;
       }
@@ -642,117 +656,117 @@ function hr() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var a = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (a = o(a, this && this[u] || u));
-        return a;
+        var u = "";
+        for (var a in r)
+          n.call(r, a) && r[a] && (u = o(u, this && this[a] || a));
+        return u;
       }
-      function o(r, a) {
-        return a ? r ? r + " " + a : r + a : r;
+      function o(r, u) {
+        return u ? r ? r + " " + u : r + u : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(z)), z.exports;
+  })(z)), z.exports;
 }
-var gr = hr();
-const mr = /* @__PURE__ */ fr(gr), U = (e) => e && "touches" in e, vr = ({
+var hr = fr();
+const gr = /* @__PURE__ */ dr(hr), H = (e) => e && "touches" in e, _r = ({
   children: e,
   disabled: n,
   onStart: t,
   onDrag: i,
   onStop: o,
   bounds: r,
-  position: a,
-  style: u
+  position: u,
+  style: a
 }) => {
-  const [c, l] = $(void 0), [v, d] = $(void 0), [p, g] = $(!1), h = (_) => {
+  const [c, l] = $(void 0), [f, p] = $(void 0), [d, _] = $(!1), h = (v) => {
     if (!n) {
-      _.preventDefault();
-      const x = U(_.nativeEvent) ? _.nativeEvent.touches[0].clientX : _.nativeEvent.clientX;
-      d(x), t == null || t();
+      v.preventDefault();
+      const x = H(v.nativeEvent) ? v.nativeEvent.touches[0].clientX : v.nativeEvent.clientX;
+      p(x), t == null || t();
     }
   }, m = O(
-    (_) => {
-      if (typeof v != "number")
+    (v) => {
+      if (typeof f != "number")
         return;
-      const y = (U(_) ? _.touches[0].clientX : _.clientX) - v;
+      const y = (H(v) ? v.touches[0].clientX : v.clientX) - f;
       if (!y)
         return;
-      const w = a + y;
-      !p && Math.abs(w) && g(!0);
+      const w = u + y;
+      !d && Math.abs(w) && _(!0);
       const E = w > r.right ? r.right : w < r.left ? r.left : w;
       l(E), i == null || i({ x: E });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [i, l, p, v]
+    [i, l, d, f]
   ), b = O(() => {
-    d(void 0), l(void 0), g(!1), o == null || o();
-  }, [o, d]);
+    p(void 0), l(void 0), _(!1), o == null || o();
+  }, [o, p]);
   return k(() => (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]), pe(e) ? le(e, {
+  }), [b]), ue(e) ? ie(e, {
     onMouseDown: h,
     onTouchStart: h,
-    style: { ...u, transform: `translateX(${p ? c : a}px)` }
+    style: { ...a, transform: `translateX(${d ? c : u}px)` }
   }) : null;
-}, Z = {
+}, F = {
   width: void 0,
   height: void 0
 };
-function G(e) {
-  const { ref: n, box: t = "content-box", round: i } = e, [{ width: o, height: r }, a] = $(Z), u = _r(), c = P({ ...Z }), l = P(void 0);
+function U(e) {
+  const { ref: n, box: t = "content-box", round: i } = e, [{ width: o, height: r }, u] = $(F), a = mr(), c = P({ ...F }), l = P(void 0);
   return l.current = e.onResize, k(() => {
     if (!n.current || typeof window > "u" || !("ResizeObserver" in window))
       return;
-    const v = new ResizeObserver(([d]) => {
-      const p = t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", g = J(d, p, "inlineSize"), h = J(d, p, "blockSize");
-      if (c.current.width !== g || c.current.height !== h) {
+    const f = new ResizeObserver(([p]) => {
+      const d = t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", _ = Z(p, d, "inlineSize"), h = Z(p, d, "blockSize");
+      if (c.current.width !== _ || c.current.height !== h) {
         const b = {
-          width: g && i ? Math.round(g) : g,
+          width: _ && i ? Math.round(_) : _,
           height: h && i ? Math.round(h) : h
         };
-        c.current.width = g, c.current.height = h, l.current ? l.current(b) : u() && a(b);
+        c.current.width = _, c.current.height = h, l.current ? l.current(b) : a() && u(b);
       }
     });
-    return v.observe(n.current, { box: t }), () => {
-      v.disconnect();
+    return f.observe(n.current, { box: t }), () => {
+      f.disconnect();
     };
-  }, [t, n, u, i]), { width: o, height: r };
+  }, [t, n, a, i]), { width: o, height: r };
 }
-function J(e, n, t) {
+function Z(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 mr() {
   const e = P(!1);
   return k(() => (e.current = !0, () => {
     e.current = !1;
   }), []), O(() => e.current, []);
 }
-const br = ({ checked: e, onChange: n }) => {
-  const t = P(null), i = P(null), [o, r] = $(void 0), [a, u] = $(!1), [c, l] = $(0), { height: v = 0 } = G({ ref: i, round: !0 }), { height: d = 0 } = G({ ref: t, round: !0 }), p = (d || 0) - v, g = v + p, h = p / 2, m = g / 2, b = typeof o == "number" && (e ? o < m : o > m);
+const vr = ({ checked: e, onChange: n }) => {
+  const t = P(null), i = P(null), [o, r] = $(void 0), [u, a] = $(!1), [c, l] = $(0), { height: f = 0 } = U({ ref: i, round: !0 }), { height: p = 0 } = U({ ref: t, round: !0 }), d = (p || 0) - f, _ = f + d, h = d / 2, m = _ / 2, b = typeof o == "number" && (e ? o < m : o > m);
   return {
     trackRef: t,
     thumbRef: i,
-    isDragging: a,
-    bounds: { left: h, right: g },
-    position: e ? g : h,
+    isDragging: u,
+    bounds: { left: h, right: _ },
+    position: e ? _ : h,
     onDrag: ({ x: w }) => {
-      r(w), Math.abs((e ? g : h) - w) > 2 && u(!0);
+      r(w), Math.abs((e ? _ : h) - w) > 2 && a(!0);
     },
     onStop: () => {
-      u(!1), a && l(Date.now()), b && (n == null || n(!e));
+      a(!1), u && l(Date.now()), b && (n == null || n(!e));
     },
     onChangeWithDrag: () => {
       Date.now() - c > 50 && (n == null || n(!e)), r(void 0);
     }
   };
-}, yr = {
+}, br = {
   "purpur-toggle": "_purpur-toggle_zqs8u_1",
   "purpur-toggle__track": "_purpur-toggle__track_zqs8u_7",
   "purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_zqs8u_45",
@@ -762,7 +776,7 @@ const br = ({ 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 = mr.bind(yr), S = "purpur-toggle", wr = de(
+}, C = gr.bind(br), S = "purpur-toggle", yr = ae(
   ({
     ["data-testid"]: e,
     className: n,
@@ -770,31 +784,31 @@ const br = ({ checked: e, onChange: n }) => {
     onChange: i,
     labelPosition: o = "right",
     checked: r,
-    disableDrag: a,
-    defaultChecked: u,
+    disableDrag: u,
+    defaultChecked: a,
     ...c
   }, l) => {
-    const [v, d] = $(
-      typeof r == "boolean" ? r : !!u
-    ), p = !!(typeof r == "boolean" ? r : v), { thumbRef: g, trackRef: h, isDragging: m, onChangeWithDrag: b, ..._ } = br({
-      checked: p,
+    const [f, p] = $(
+      typeof r == "boolean" ? r : !!a
+    ), d = !!(typeof r == "boolean" ? r : f), { thumbRef: _, trackRef: h, isDragging: m, onChangeWithDrag: b, ...v } = vr({
+      checked: d,
       onChange: (y) => {
-        c.disabled || (i == null || i(y), d(y));
+        c.disabled || (i == null || i(y), p(y));
       }
-    }), x = () => /* @__PURE__ */ f(
-      Xe,
+    }), x = () => /* @__PURE__ */ g(
+      je,
       {
         htmlFor: c.id,
         "data-testid": e && `${e}-label`,
         disabled: c.disabled,
         className: C(`${S}__label`, `${S}__label--${o}`),
-        children: /* @__PURE__ */ f(re, { disabled: c.disabled, children: t })
+        children: /* @__PURE__ */ g(K, { disabled: c.disabled, children: t })
       }
     );
     return /* @__PURE__ */ D("div", { className: C(n, `${S}__container`), children: [
       t && o === "left" && x(),
-      /* @__PURE__ */ f(
-        pr,
+      /* @__PURE__ */ g(
+        lr,
         {
           ...c,
           ref: l,
@@ -802,13 +816,13 @@ const br = ({ checked: e, onChange: n }) => {
           "data-testid": e,
           className: C(S),
           onCheckedChange: b,
-          checked: p,
+          checked: d,
           children: /* @__PURE__ */ D("span", { ref: h, className: C(`${S}__track`), children: [
-            /* @__PURE__ */ f("span", { className: C(`${S}__checkmark-container`), children: /* @__PURE__ */ f(Q, { className: C(`${S}__checkmark`), svg: xe, size: "xxs" }) }),
-            /* @__PURE__ */ f(vr, { disabled: a, ..._, children: /* @__PURE__ */ f(
-              dr,
+            /* @__PURE__ */ g("span", { className: C(`${S}__checkmark-container`), children: /* @__PURE__ */ g(G, { className: C(`${S}__checkmark`), svg: ve, size: "xxs" }) }),
+            /* @__PURE__ */ g(_r, { disabled: u, ...v, children: /* @__PURE__ */ g(
+              pr,
               {
-                ref: g,
+                ref: _,
                 "data-testid": e && `${e}-thumb`,
                 className: C(`${S}__thumb`, {
                   [`${S}__thumb--dragging`]: m
@@ -822,8 +836,8 @@ const br = ({ checked: e, onChange: n }) => {
     ] });
   }
 );
-wr.displayName = "Toggle";
+yr.displayName = "Toggle";
 export {
-  wr as Toggle
+  yr as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map