@purpurds/toggle 6.3.0 → 6.3.1

package/dist/toggle.es.js

@@ -1,48 +1,51 @@
-import { jsx as f, Fragment as F, jsxs as M } from "react/jsx-runtime";
+import { jsx as f, Fragment as ee, jsxs as A } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as P, useCallback as z, useEffect as k, isValidElement as ce, cloneElement as le, useRef as $, forwardRef as pe } from "react";
+import { useState as $, useCallback as j, useEffect as E, cloneElement as fe, isValidElement as he, useRef as k, forwardRef as ge } from "react";
 import "react-dom";
-function de(e) {
+function me(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var U = { exports: {} };
+var L = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
-  (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", i = 0; i < arguments.length; i++) {
-        var u = arguments[i];
-        u && (r = o(r, a.call(this, u)));
+var V;
+function ve() {
+  return V || (V = 1, function(e) {
+    (function() {
+      var n = {}.hasOwnProperty;
+      function t() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var u = arguments[i];
+          u && (r = o(r, a.call(this, u)));
+        }
+        return r;
       }
-      return r;
-    }
-    function a(r) {
-      if (typeof r == "string" || typeof r == "number")
-        return this && this[r] || r;
-      if (typeof r != "object")
-        return "";
-      if (Array.isArray(r))
-        return t.apply(this, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      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, i) {
-      return i ? r ? r + " " + i : r + i : r;
-    }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
-  })();
-})(U);
-var fe = U.exports;
-const he = /* @__PURE__ */ de(fe), ge = {
+      function a(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return t.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        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, i) {
+        return i ? r ? r + " " + i : r + i : r;
+      }
+      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    })();
+  }(L)), L.exports;
+}
+var _e = ve();
+const be = /* @__PURE__ */ me(_e), ye = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -50,26 +53,26 @@ const he = /* @__PURE__ */ de(fe), ge = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, me = he.bind(ge), X = "purpur-icon", _e = "md", ve = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), be = ({ content: e = "", title: n } = {}) => {
+}, we = be.bind(ye), q = "purpur-icon", Se = "md", xe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ce = ({ 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 ${ve(t)}>${a}${e}</svg>`;
-}, ye = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), G = ({
+  return `<svg ${xe(t)}>${a}${e}</svg>`;
+}, $e = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a,
-  size: o = _e,
+  size: o = Se,
   ...r
 }) => {
-  const i = be({
-    content: ye(n.svg),
+  const i = Ce({
+    content: $e(n.svg),
     title: t
-  }), u = me(a, X, `${X}--${o}`);
+  }), u = we(a, q, `${q}--${o}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -81,57 +84,57 @@ const he = /* @__PURE__ */ de(fe), ge = {
     }
   );
 };
-G.displayName = "Icon";
-const we = {
+re.displayName = "Icon";
+const Re = {
   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 H(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function Se(...e) {
+function Pe(...e) {
   return (n) => {
     let t = !1;
     const a = e.map((o) => {
-      const r = W(o, n);
+      const r = H(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() : W(e[o], null);
+          typeof r == "function" ? r() : H(e[o], null);
         }
       };
   };
 }
-var Z = s.forwardRef((e, n) => {
-  const { children: t, ...a } = e, o = s.Children.toArray(t), r = o.find(Re);
+var te = s.forwardRef((e, n) => {
+  const { children: t, ...a } = e, o = s.Children.toArray(t), r = o.find(Ee);
   if (r) {
     const i = r.props.children, u = o.map((c) => c === r ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : c);
-    return /* @__PURE__ */ f(j, { ...a, ref: n, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
+    return /* @__PURE__ */ f(X, { ...a, ref: n, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
   }
-  return /* @__PURE__ */ f(j, { ...a, ref: n, children: t });
+  return /* @__PURE__ */ f(X, { ...a, ref: n, children: t });
 });
-Z.displayName = "Slot";
-var j = s.forwardRef((e, n) => {
+te.displayName = "Slot";
+var X = s.forwardRef((e, n) => {
   const { children: t, ...a } = e;
   if (s.isValidElement(t)) {
-    const o = Ce(t), r = Pe(a, t.props);
-    return t.type !== s.Fragment && (r.ref = n ? Se(n, o) : o), s.cloneElement(t, r);
+    const o = De(t), r = Ne(a, t.props);
+    return t.type !== s.Fragment && (r.ref = n ? Pe(n, o) : o), s.cloneElement(t, r);
   }
   return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-j.displayName = "SlotClone";
-var xe = ({ children: e }) => /* @__PURE__ */ f(F, { children: e });
-function Re(e) {
-  return s.isValidElement(e) && e.type === xe;
+X.displayName = "SlotClone";
+var ke = ({ children: e }) => /* @__PURE__ */ f(ee, { children: e });
+function Ee(e) {
+  return s.isValidElement(e) && e.type === ke;
 }
-function Pe(e, n) {
+function Ne(e, n) {
   const t = { ...n };
   for (const a in n) {
     const o = e[a], r = n[a];
@@ -141,12 +144,12 @@ function Pe(e, n) {
   }
   return { ...e, ...t };
 }
-function Ce(e) {
+function De(e) {
   var n, t;
   let a = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = a && "isReactWarning" in a && a.isReactWarning;
   return o ? e.ref : (a = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, o = a && "isReactWarning" in a && a.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var Ee = [
+var Oe = [
   "a",
   "button",
   "div",
@@ -163,14 +166,14 @@ var Ee = [
   "span",
   "svg",
   "ul"
-], $e = Ee.reduce((e, n) => {
+], Me = Oe.reduce((e, n) => {
   const t = s.forwardRef((a, o) => {
-    const { asChild: r, ...i } = a, u = r ? Z : n;
+    const { asChild: r, ...i } = a, u = r ? te : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: o });
   });
   return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {}), ke = "Label", J = s.forwardRef((e, n) => /* @__PURE__ */ f(
-  $e.label,
+}, {}), ze = "Label", ne = s.forwardRef((e, n) => /* @__PURE__ */ f(
+  Me.label,
   {
     ...e,
     ref: n,
@@ -180,53 +183,56 @@ var Ee = [
     }
   }
 ));
-J.displayName = ke;
-var Ae = J;
-function De(e) {
+ne.displayName = ze;
+var Ae = ne;
+function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var K = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
-  (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", i = 0; i < arguments.length; i++) {
-        var u = arguments[i];
-        u && (r = o(r, a(u)));
-      }
-      return r;
-    }
-    function a(r) {
-      if (typeof r == "string" || typeof r == "number")
+var F;
+function Xe() {
+  return F || (F = 1, function(e) {
+    (function() {
+      var n = {}.hasOwnProperty;
+      function t() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var u = arguments[i];
+          u && (r = o(r, a(u)));
+        }
         return r;
-      if (typeof r != "object")
-        return "";
-      if (Array.isArray(r))
-        return t.apply(null, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      var i = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (i = o(i, u));
-      return i;
-    }
-    function o(r, i) {
-      return i ? r ? r + " " + i : r + i : r;
-    }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
-  })();
-})(K);
-var Ne = K.exports;
-const Oe = /* @__PURE__ */ De(Ne), D = {
+      }
+      function a(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return t.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var i = "";
+        for (var u in r)
+          n.call(r, u) && r[u] && (i = o(i, u));
+        return i;
+      }
+      function o(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
+      }
+      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    })();
+  }(T)), T.exports;
+}
+var Be = Xe();
+const We = /* @__PURE__ */ je(Be), D = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, N = "purpur-label", Me = ({
+}, O = "purpur-label", Le = ({
   children: e,
   className: n,
   htmlFor: t,
@@ -235,57 +241,60 @@ const Oe = /* @__PURE__ */ De(Ne), D = {
   negative: r = !1,
   ...i
 }) => {
-  const u = Oe([
+  const u = We([
     n,
-    D[N],
+    D[O],
     {
-      [D[`${N}--disabled`]]: o,
-      [D[`${N}--negative`]]: r
+      [D[`${O}--disabled`]]: o,
+      [D[`${O}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ f(Ae, { className: u, "data-testid": a, htmlFor: t, ...i, children: e });
 };
-function ze(e) {
+function Ve(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Q = { exports: {} };
+var I = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
-  (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", i = 0; i < arguments.length; i++) {
-        var u = arguments[i];
-        u && (r = o(r, a(u)));
-      }
-      return r;
-    }
-    function a(r) {
-      if (typeof r == "string" || typeof r == "number")
+var U;
+function qe() {
+  return U || (U = 1, function(e) {
+    (function() {
+      var n = {}.hasOwnProperty;
+      function t() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var u = arguments[i];
+          u && (r = o(r, a(u)));
+        }
         return r;
-      if (typeof r != "object")
-        return "";
-      if (Array.isArray(r))
-        return t.apply(null, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      var i = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (i = o(i, u));
-      return i;
-    }
-    function o(r, i) {
-      return i ? r ? r + " " + i : r + i : r;
-    }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
-  })();
-})(Q);
-var je = Q.exports;
-const Le = /* @__PURE__ */ ze(je), C = {
+      }
+      function a(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return t.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var i = "";
+        for (var u in r)
+          n.call(r, u) && r[u] && (i = o(i, u));
+        return i;
+      }
+      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;
+}
+var He = qe();
+const Te = /* @__PURE__ */ Ve(He), R = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -300,89 +309,80 @@ const Le = /* @__PURE__ */ ze(je), C = {
   "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"
-}, Be = {
-  PARAGRAPH100: "paragraph-100",
-  PARAGRAPH100MEDIUM: "paragraph-100-medium",
-  PARAGRAPH100BOLD: "paragraph-100-bold",
-  PARAGRAPH200: "paragraph-200",
-  PREAMBLE100: "preamble-100",
-  PREAMBLE200: "preamble-200",
-  ADDITIONAL100: "additional-100",
-  ADDITIONAL100MEDIUM: "additional-100-medium",
-  OVERLINE100: "overline-100",
-  OVERLINE200: "overline-200"
-}, E = "purpur-paragraph", Y = ({
+}, Fe = {
+  PARAGRAPH100: "paragraph-100"
+}, P = "purpur-paragraph", oe = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   disabled: a,
   enableHyphenation: o = !1,
   negative: r = !1,
-  variant: i = Be.PARAGRAPH100,
+  variant: i = Fe.PARAGRAPH100,
   ...u
 }) => {
-  const c = Le([
+  const c = Te([
     t,
-    C[E],
-    C[`${E}--${i}`],
+    R[P],
+    R[`${P}--${i}`],
     {
-      [C[`${E}--hyphens`]]: o,
-      [C[`${E}--disabled`]]: a,
-      [C[`${E}--negative`]]: r
+      [R[`${P}--hyphens`]]: o,
+      [R[`${P}--disabled`]]: a,
+      [R[`${P}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ f("p", { ...u, className: c, "data-testid": e, children: n });
 };
-Y.displayName = "Paragraph";
-function Xe(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+oe.displayName = "Paragraph";
+function Ie(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 I(e, n) {
+function Z(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function ee(...e) {
+function ae(...e) {
   return (n) => {
     let t = !1;
     const a = e.map((o) => {
-      const r = I(o, n);
+      const r = Z(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() : Z(e[o], null);
         }
       };
   };
 }
-function We(...e) {
-  return s.useCallback(ee(...e), e);
+function Ue(...e) {
+  return s.useCallback(ae(...e), e);
 }
-function Ie(e, n = []) {
+function Ze(e, n = []) {
   let t = [];
   function a(r, i) {
     const u = s.createContext(i), c = t.length;
     t = [...t, i];
     const l = (d) => {
-      var v;
-      const { scope: p, children: g, ...h } = d, m = ((v = p == null ? void 0 : p[e]) == null ? void 0 : v[c]) || u, b = s.useMemo(() => h, Object.values(h));
+      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 });
     };
     l.displayName = r + "Provider";
-    function _(d, p) {
+    function v(d, p) {
       var m;
       const g = ((m = p == null ? void 0 : p[e]) == null ? void 0 : m[c]) || u, h = s.useContext(g);
       if (h) return h;
       if (i !== void 0) return i;
       throw new Error(`\`${d}\` must be used within \`${r}\``);
     }
-    return [l, _];
+    return [l, v];
   }
   const o = () => {
     const r = t.map((i) => s.createContext(i));
@@ -394,9 +394,9 @@ function Ie(e, n = []) {
       );
     };
   };
-  return o.scopeName = e, [a, He(o, ...n)];
+  return o.scopeName = e, [a, Ge(o, ...n)];
 }
-function He(...e) {
+function Ge(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
@@ -414,7 +414,7 @@ function He(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-function re(e) {
+function ie(e) {
   const n = s.useRef(e);
   return s.useEffect(() => {
     n.current = e;
@@ -423,13 +423,13 @@ function re(e) {
     return (a = n.current) == null ? void 0 : a.call(n, ...t);
   }, []);
 }
-function Ve({
+function Je({
   prop: e,
   defaultProp: n,
   onChange: t = () => {
   }
 }) {
-  const [a, o] = Te({ defaultProp: n, onChange: t }), r = e !== void 0, i = r ? e : a, u = re(t), c = s.useCallback(
+  const [a, o] = Ke({ defaultProp: n, onChange: t }), r = e !== void 0, i = r ? e : a, u = ie(t), c = s.useCallback(
     (l) => {
       if (r) {
         const d = typeof l == "function" ? l(e) : l;
@@ -441,24 +441,24 @@ function Ve({
   );
   return [i, c];
 }
-function Te({
+function Ke({
   defaultProp: e,
   onChange: n
 }) {
-  const t = s.useState(e), [a] = t, o = s.useRef(a), r = re(n);
+  const t = s.useState(e), [a] = t, o = s.useRef(a), r = ie(n);
   return s.useEffect(() => {
     o.current !== a && (r(a), o.current = a);
   }, [a, o, r]), t;
 }
-function qe(e) {
+function Qe(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 Fe = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var Ye = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 };
-function Ue(e) {
+function er(e) {
   const [n, t] = s.useState(void 0);
-  return Fe(() => {
+  return Ye(() => {
     if (e) {
       t({ width: e.offsetWidth, height: e.offsetHeight });
       const a = new ResizeObserver((o) => {
@@ -478,29 +478,29 @@ function Ue(e) {
       t(void 0);
   }, [e]), n;
 }
-var te = s.forwardRef((e, n) => {
-  const { children: t, ...a } = e, o = s.Children.toArray(t), r = o.find(Ze);
+var ue = s.forwardRef((e, n) => {
+  const { children: t, ...a } = e, o = s.Children.toArray(t), r = o.find(tr);
   if (r) {
     const i = r.props.children, u = o.map((c) => c === r ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : c);
-    return /* @__PURE__ */ f(L, { ...a, ref: n, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
+    return /* @__PURE__ */ f(B, { ...a, ref: n, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
   }
-  return /* @__PURE__ */ f(L, { ...a, ref: n, children: t });
+  return /* @__PURE__ */ f(B, { ...a, ref: n, children: t });
 });
-te.displayName = "Slot";
-var L = s.forwardRef((e, n) => {
+ue.displayName = "Slot";
+var B = s.forwardRef((e, n) => {
   const { children: t, ...a } = e;
   if (s.isValidElement(t)) {
-    const o = Ke(t), r = Je(a, t.props);
-    return t.type !== s.Fragment && (r.ref = n ? ee(n, o) : o), s.cloneElement(t, r);
+    const o = or(t), r = nr(a, t.props);
+    return t.type !== s.Fragment && (r.ref = n ? ae(n, o) : o), s.cloneElement(t, r);
   }
   return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-L.displayName = "SlotClone";
-var Ge = ({ children: e }) => /* @__PURE__ */ f(F, { children: e });
-function Ze(e) {
-  return s.isValidElement(e) && e.type === Ge;
+B.displayName = "SlotClone";
+var rr = ({ children: e }) => /* @__PURE__ */ f(ee, { children: e });
+function tr(e) {
+  return s.isValidElement(e) && e.type === rr;
 }
-function Je(e, n) {
+function nr(e, n) {
   const t = { ...n };
   for (const a in n) {
     const o = e[a], r = n[a];
@@ -510,12 +510,12 @@ function Je(e, n) {
   }
   return { ...e, ...t };
 }
-function Ke(e) {
+function or(e) {
   var a, o;
   let n = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.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 Qe = [
+var ar = [
   "a",
   "button",
   "div",
@@ -532,13 +532,13 @@ var Qe = [
   "span",
   "svg",
   "ul"
-], ne = Qe.reduce((e, n) => {
+], se = ar.reduce((e, n) => {
   const t = s.forwardRef((a, o) => {
-    const { asChild: r, ...i } = a, u = r ? te : n;
+    const { asChild: r, ...i } = a, u = r ? ue : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: o });
   });
   return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {}), B = "Switch", [Ye, gr] = Ie(B), [er, rr] = Ye(B), oe = s.forwardRef(
+}, {}), W = "Switch", [ir, xr] = Ze(W), [ur, sr] = ir(W), ce = s.forwardRef(
   (e, n) => {
     const {
       __scopeSwitch: t,
@@ -549,57 +549,57 @@ var Qe = [
       disabled: u,
       value: c = "on",
       onCheckedChange: l,
-      form: _,
+      form: v,
       ...d
-    } = e, [p, g] = s.useState(null), h = We(n, (y) => g(y)), m = s.useRef(!1), b = p ? _ || !!p.closest("form") : !0, [v = !1, R] = Ve({
+    } = e, [p, g] = s.useState(null), h = Ue(n, (y) => g(y)), m = s.useRef(!1), b = p ? v || !!p.closest("form") : !0, [_ = !1, C] = Je({
       prop: o,
       defaultProp: r,
       onChange: l
     });
-    return /* @__PURE__ */ M(er, { scope: t, checked: v, disabled: u, children: [
+    return /* @__PURE__ */ A(ur, { scope: t, checked: _, disabled: u, children: [
       /* @__PURE__ */ f(
-        ne.button,
+        se.button,
         {
           type: "button",
           role: "switch",
-          "aria-checked": v,
+          "aria-checked": _,
           "aria-required": i,
-          "data-state": ue(v),
+          "data-state": de(_),
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: c,
           ...d,
           ref: h,
-          onClick: Xe(e.onClick, (y) => {
-            R((w) => !w), b && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
+          onClick: Ie(e.onClick, (y) => {
+            C((w) => !w), b && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
           })
         }
       ),
       b && /* @__PURE__ */ f(
-        tr,
+        cr,
         {
           control: p,
           bubbles: !m.current,
           name: a,
           value: c,
-          checked: v,
+          checked: _,
           required: i,
           disabled: u,
-          form: _,
+          form: v,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-oe.displayName = B;
-var ae = "SwitchThumb", ie = s.forwardRef(
+ce.displayName = W;
+var le = "SwitchThumb", pe = s.forwardRef(
   (e, n) => {
-    const { __scopeSwitch: t, ...a } = e, o = rr(ae, t);
+    const { __scopeSwitch: t, ...a } = e, o = sr(le, t);
     return /* @__PURE__ */ f(
-      ne.span,
+      se.span,
       {
-        "data-state": ue(o.checked),
+        "data-state": de(o.checked),
         "data-disabled": o.disabled ? "" : void 0,
         ...a,
         ref: n
@@ -607,9 +607,9 @@ var ae = "SwitchThumb", ie = s.forwardRef(
     );
   }
 );
-ie.displayName = ae;
-var tr = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...o } = e, r = s.useRef(null), i = qe(t), u = Ue(n);
+pe.displayName = le;
+var cr = (e) => {
+  const { control: n, checked: t, bubbles: a = !0, ...o } = e, r = s.useRef(null), i = Qe(t), u = er(n);
   return s.useEffect(() => {
     const c = r.current, l = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(l, "checked").set;
     if (i !== t && d) {
@@ -636,51 +636,54 @@ var tr = (e) => {
     }
   );
 };
-function ue(e) {
+function de(e) {
   return e ? "checked" : "unchecked";
 }
-var nr = oe, or = ie;
-function ar(e) {
+var lr = ce, pr = pe;
+function dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var se = { exports: {} };
+var M = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
-  (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", i = 0; i < arguments.length; i++) {
-        var u = arguments[i];
-        u && (r = o(r, a(u)));
-      }
-      return r;
-    }
-    function a(r) {
-      if (typeof r == "string" || typeof r == "number")
+var G;
+function fr() {
+  return G || (G = 1, function(e) {
+    (function() {
+      var n = {}.hasOwnProperty;
+      function t() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var u = arguments[i];
+          u && (r = o(r, a(u)));
+        }
         return r;
-      if (typeof r != "object")
-        return "";
-      if (Array.isArray(r))
-        return t.apply(null, r);
-      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-        return r.toString();
-      var i = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (i = o(i, u));
-      return i;
-    }
-    function o(r, i) {
-      return i ? r ? r + " " + i : r + i : r;
-    }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
-  })();
-})(se);
-var ir = se.exports;
-const O = /* @__PURE__ */ ar(ir), H = (e) => e && "touches" in e, ur = ({
+      }
+      function a(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return t.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var i = "";
+        for (var u in r)
+          n.call(r, u) && r[u] && (i = o(i, u));
+        return i;
+      }
+      function o(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
+      }
+      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    })();
+  }(M)), M.exports;
+}
+var hr = fr();
+const z = /* @__PURE__ */ dr(hr), J = (e) => e && "touches" in e, gr = ({
   children: e,
   disabled: n,
   onStart: t,
@@ -690,51 +693,51 @@ const O = /* @__PURE__ */ ar(ir), H = (e) => e && "touches" in e, ur = ({
   position: i,
   style: u
 }) => {
-  const [c, l] = P(void 0), [_, d] = P(void 0), [p, g] = P(!1), h = (v) => {
+  const [c, l] = $(void 0), [v, d] = $(void 0), [p, g] = $(!1), h = (_) => {
     if (!n) {
-      v.preventDefault();
-      const R = H(v.nativeEvent) ? v.nativeEvent.touches[0].clientX : v.nativeEvent.clientX;
-      d(R), t == null || t();
+      _.preventDefault();
+      const C = J(_.nativeEvent) ? _.nativeEvent.touches[0].clientX : _.nativeEvent.clientX;
+      d(C), t == null || t();
     }
-  }, m = z(
-    (v) => {
-      if (typeof _ != "number")
+  }, m = j(
+    (_) => {
+      if (typeof v != "number")
         return;
-      const y = (H(v) ? v.touches[0].clientX : v.clientX) - _;
+      const y = (J(_) ? _.touches[0].clientX : _.clientX) - v;
       if (!y)
         return;
       const w = i + y;
       !p && Math.abs(w) && g(!0);
-      const A = w > r.right ? r.right : w < r.left ? r.left : w;
-      l(A), a == null || a({ x: A });
+      const N = w > r.right ? r.right : w < r.left ? r.left : w;
+      l(N), a == null || a({ x: N });
     },
-    [a, l, p, _]
-  ), b = z(() => {
+    [a, l, p, v]
+  ), b = j(() => {
     d(void 0), l(void 0), g(!1), o == null || o();
   }, [o, d]);
-  return k(() => (window.addEventListener("mousemove", m), window.addEventListener("touchmove", m), () => {
+  return E(() => (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), () => {
+  }), [m]), E(() => (window.addEventListener("mouseup", b), window.addEventListener("touchend", b), () => {
     window.removeEventListener("mouseup", b), window.removeEventListener("touchend", b);
-  }), [b]), ce(e) ? le(e, {
+  }), [b]), he(e) ? fe(e, {
     onMouseDown: h,
     onTouchStart: h,
     style: { ...u, transform: `translateX(${p ? c : i}px)` }
   }) : null;
-}, V = {
+}, K = {
   width: void 0,
   height: void 0
 };
-function T(e) {
-  const { ref: n, box: t = "content-box", round: a } = e, [{ width: o, height: r }, i] = P(V), u = sr(), c = $({ ...V }), l = $(void 0);
-  return l.current = e.onResize, k(() => {
+function Q(e) {
+  const { ref: n, box: t = "content-box", round: a } = e, [{ width: o, height: r }, i] = $(K), u = mr(), c = k({ ...K }), l = k(void 0);
+  return l.current = e.onResize, E(() => {
     if (!n.current || typeof window > "u" || !("ResizeObserver" in window))
       return;
-    const _ = new ResizeObserver(([d]) => {
+    const v = new ResizeObserver(([d]) => {
       const p = (
         // eslint-disable-next-line no-nested-ternary
         t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize"
-      ), g = q(d, p, "inlineSize"), h = q(d, p, "blockSize");
+      ), g = Y(d, p, "inlineSize"), h = Y(d, p, "blockSize");
       if (c.current.width !== g || c.current.height !== h) {
         const b = {
           width: g && a ? Math.round(g) : g,
@@ -743,26 +746,26 @@ function T(e) {
         c.current.width = g, c.current.height = h, l.current ? l.current(b) : u() && i(b);
       }
     });
-    return _.observe(n.current, { box: t }), () => {
-      _.disconnect();
+    return v.observe(n.current, { box: t }), () => {
+      v.disconnect();
     };
   }, [t, n, u, a]), { width: o, height: r };
 }
-function q(e, n, t) {
+function Y(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 sr() {
-  const e = $(!1);
-  return k(() => (e.current = !0, () => {
+function mr() {
+  const e = k(!1);
+  return E(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), z(() => e.current, []);
+  }), []), j(() => e.current, []);
 }
-const cr = ({ checked: e, onChange: n }) => {
-  const t = $(null), a = $(null), [o, r] = P(void 0), [i, u] = P(!1), [c, l] = P(0), { height: _ = 0 } = T({ ref: a, round: !0 }), { height: d = 0 } = T({ ref: t, round: !0 }), p = (d || 0) - _, g = _ + p, h = p / 2, m = g / 2, b = typeof o == "number" && (e ? o < m : o > m);
+const vr = ({ checked: e, onChange: n }) => {
+  const t = k(null), a = k(null), [o, r] = $(void 0), [i, u] = $(!1), [c, l] = $(0), { height: v = 0 } = Q({ ref: a, round: !0 }), { height: d = 0 } = Q({ 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);
   return {
     trackRef: t,
     thumbRef: a,
@@ -789,7 +792,7 @@ const cr = ({ checked: e, onChange: n }) => {
   "purpur-toggle__label--right": "_purpur-toggle__label--right_1xng6_100",
   "purpur-toggle__label--left": "_purpur-toggle__label--left_1xng6_103",
   "purpur-toggle__container": "_purpur-toggle__container_1xng6_106"
-}, x = "purpur-toggle", lr = ({
+}, x = "purpur-toggle", _r = ({
   ["data-testid"]: e,
   className: n,
   label: t,
@@ -800,30 +803,30 @@ const cr = ({ checked: e, onChange: n }) => {
   defaultChecked: u,
   ...c
 }, l) => {
-  const [_, d] = P(
+  const [v, d] = $(
     typeof r == "boolean" ? r : !!u
-  ), p = !!(typeof r == "boolean" ? r : _), { thumbRef: g, trackRef: h, isDragging: m, onChangeWithDrag: b, ...v } = cr({
+  ), p = !!(typeof r == "boolean" ? r : v), { thumbRef: g, trackRef: h, isDragging: m, onChangeWithDrag: b, ..._ } = vr({
     checked: p,
     onChange: (y) => {
       c.disabled || (a == null || a(y), d(y));
     }
-  }), R = () => /* @__PURE__ */ f(
-    Me,
+  }), C = () => /* @__PURE__ */ f(
+    Le,
     {
       htmlFor: c.id,
       "data-testid": e && `${e}-label`,
       disabled: c.disabled,
-      className: O(
+      className: z(
         S[`${x}__label`],
         S[`${x}__label--${o}`]
       ),
-      children: /* @__PURE__ */ f(Y, { variant: "paragraph-100", disabled: c.disabled, children: t })
+      children: /* @__PURE__ */ f(oe, { variant: "paragraph-100", disabled: c.disabled, children: t })
     }
   );
-  return /* @__PURE__ */ M("div", { className: O([n, S[`${x}__container`]]), children: [
-    t && o === "left" && R(),
+  return /* @__PURE__ */ A("div", { className: z([n, S[`${x}__container`]]), children: [
+    t && o === "left" && C(),
     /* @__PURE__ */ f(
-      nr,
+      lr,
       {
         ...c,
         ref: l,
@@ -832,21 +835,21 @@ const cr = ({ checked: e, onChange: n }) => {
         className: S[x],
         onCheckedChange: b,
         checked: p,
-        children: /* @__PURE__ */ M("span", { ref: h, className: S[`${x}__track`], children: [
+        children: /* @__PURE__ */ A("span", { ref: h, className: S[`${x}__track`], children: [
           /* @__PURE__ */ f("span", { className: S[`${x}__checkmark-container`], children: /* @__PURE__ */ f(
-            G,
+            re,
             {
               className: S[`${x}__checkmark`],
-              svg: we,
+              svg: Re,
               size: "xxs"
             }
           ) }),
-          /* @__PURE__ */ f(ur, { disabled: i, ...v, children: /* @__PURE__ */ f(
-            or,
+          /* @__PURE__ */ f(gr, { disabled: i, ..._, children: /* @__PURE__ */ f(
+            pr,
             {
               ref: g,
               "data-testid": e && `${e}-thumb`,
-              className: O([
+              className: z([
                 S[`${x}__thumb`],
                 {
                   [S[`${x}__thumb--dragging`]]: m
@@ -857,11 +860,11 @@ const cr = ({ checked: e, onChange: n }) => {
         ] })
       }
     ),
-    t && o === "right" && R()
+    t && o === "right" && C()
   ] });
-}, pr = pe(lr);
-pr.displayName = "Toggle";
+}, br = ge(_r);
+br.displayName = "Toggle";
 export {
-  pr as Toggle
+  br as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map