@purpurds/toggle 7.6.0 → 7.7.0

package/dist/toggle.es.js

@@ -1,29 +1,29 @@
-import { jsx as f, Fragment as ee, jsxs as j } from "react/jsx-runtime";
+import { jsx as f, Fragment as K, jsxs as D } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as $, useCallback as A, useEffect as E, cloneElement as fe, isValidElement as he, useRef as k, forwardRef as ge } 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 "react-dom";
-function me(e) {
+function fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var W = { exports: {} };
+var q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var L;
-function ve() {
-  return L || (L = 1, function(e) {
+var B;
+function he() {
+  return B || (B = 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)));
+        for (var r = "", a = 0; a < arguments.length; a++) {
+          var u = arguments[a];
+          u && (r = o(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -32,20 +32,20 @@ function ve() {
           return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var i = "";
+        var a = "";
         for (var u in r)
-          n.call(r, u) && r[u] && (i = o(i, this && this[u] || u));
-        return i;
+          n.call(r, u) && r[u] && (a = o(a, this && this[u] || u));
+        return a;
       }
-      function o(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function o(r, a) {
+        return a ? r ? r + " " + a : r + a : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(W)), W.exports;
+  }(q)), q.exports;
 }
-var _e = ve();
-const be = /* @__PURE__ */ me(_e), ye = {
+var ge = he();
+const me = /* @__PURE__ */ fe(ge), ve = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,102 +53,87 @@ const be = /* @__PURE__ */ me(_e), ye = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, we = be.bind(ye), V = "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 } = {}) => {
+}, _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 } = {}) => {
   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 ${xe(t)}>${a}${e}</svg>`;
-}, $e = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({
-  ["data-testid"]: e,
-  svg: n,
-  allyTitle: t,
-  className: a,
-  size: o = Se,
-  ...r
-}) => {
-  const i = Ce({
-    content: $e(n.svg),
-    title: t
-  }), u = we(a, V, `${V}--${o}`);
-  return /* @__PURE__ */ f(
-    "span",
-    {
-      className: u,
-      "data-testid": e,
-      dangerouslySetInnerHTML: { __html: i },
-      ...r
-    }
-  );
+  ], 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),
+    title: n
+  }), a = _e(t, X, `${X}--${i}`);
+  return /* @__PURE__ */ f("span", { className: a, dangerouslySetInnerHTML: { __html: r }, ...o });
 };
-re.displayName = "Icon";
-const Re = {
+Q.displayName = "Icon";
+const xe = {
   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 H(e, n) {
+function W(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function Pe(...e) {
+function $e(...e) {
   return (n) => {
     let t = !1;
-    const a = e.map((o) => {
-      const r = H(o, n);
+    const i = e.map((o) => {
+      const r = W(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() : H(e[o], null);
+        for (let o = 0; o < i.length; o++) {
+          const r = i[o];
+          typeof r == "function" ? r() : W(e[o], null);
         }
       };
   };
 }
-var te = s.forwardRef((e, n) => {
-  const { children: t, ...a } = e, o = s.Children.toArray(t), r = o.find(Ee);
+var Y = s.forwardRef((e, n) => {
+  const { children: t, ...i } = e, o = s.Children.toArray(t), r = o.find(Re);
   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(q, { ...a, ref: n, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
+    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(q, { ...a, ref: n, children: t });
+  return /* @__PURE__ */ f(A, { ...i, ref: n, children: t });
 });
-te.displayName = "Slot";
-var q = s.forwardRef((e, n) => {
-  const { children: t, ...a } = e;
+Y.displayName = "Slot";
+var A = s.forwardRef((e, n) => {
+  const { children: t, ...i } = e;
   if (s.isValidElement(t)) {
-    const o = ze(t), r = Ne(a, t.props);
-    return t.type !== s.Fragment && (r.ref = n ? Pe(n, o) : o), s.cloneElement(t, r);
+    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;
 });
-q.displayName = "SlotClone";
-var ke = ({ children: e }) => /* @__PURE__ */ f(ee, { children: e });
-function Ee(e) {
-  return s.isValidElement(e) && e.type === ke;
+A.displayName = "SlotClone";
+var Ce = ({ children: e }) => /* @__PURE__ */ f(K, { children: e });
+function Re(e) {
+  return s.isValidElement(e) && e.type === Ce;
 }
-function Ne(e, n) {
+function Pe(e, n) {
   const t = { ...n };
-  for (const a in n) {
-    const o = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? o && r ? t[a] = (...i) => {
-      r(...i), o(...i);
-    } : o && (t[a] = o) : a === "style" ? t[a] = { ...o, ...r } : a === "className" && (t[a] = [o, r].filter(Boolean).join(" "));
+  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(" "));
   }
   return { ...e, ...t };
 }
-function ze(e) {
+function ke(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);
+  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 De = [
+var Ee = [
   "a",
   "button",
   "div",
@@ -165,133 +150,129 @@ var De = [
   "span",
   "svg",
   "ul"
-], Oe = De.reduce((e, n) => {
-  const t = s.forwardRef((a, o) => {
-    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 });
+], 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 });
   });
   return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {}), Me = "Label", ne = s.forwardRef((e, n) => /* @__PURE__ */ f(
-  Oe.label,
+}, {}), ze = "Label", ee = s.forwardRef((e, n) => /* @__PURE__ */ f(
+  Ne.label,
   {
     ...e,
     ref: n,
     onMouseDown: (t) => {
-      var a;
-      t.target.closest("button, input, select, textarea") || ((a = e.onMouseDown) == null || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+      var i;
+      t.target.closest("button, input, select, textarea") || ((i = e.onMouseDown) == null || i.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
     }
   }
 ));
-ne.displayName = Me;
-var je = ne;
-function Ae(e) {
+ee.displayName = ze;
+var De = ee;
+function Oe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var T = { exports: {} };
+var L = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var F;
-function qe() {
-  return F || (F = 1, function(e) {
+var V;
+function Ae() {
+  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(u)));
+        for (var r = "", a = 0; a < arguments.length; a++) {
+          var u = arguments[a];
+          u && (r = o(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return t.apply(null, r);
+          return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var i = "";
+        var a = "";
         for (var u in r)
-          n.call(r, u) && r[u] && (i = o(i, u));
-        return i;
+          n.call(r, u) && r[u] && (a = o(a, this && this[u] || u));
+        return a;
       }
-      function o(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function o(r, a) {
+        return a ? r ? r + " " + a : r + a : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(T)), T.exports;
+  }(L)), L.exports;
 }
-var Xe = qe();
-const Be = /* @__PURE__ */ Ae(Xe), z = {
+var je = Ae();
+const Me = /* @__PURE__ */ Oe(je), qe = {
   "purpur-label": "_purpur-label_1jndl_1",
   "purpur-label--negative": "_purpur-label--negative_1jndl_8",
   "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, D = "purpur-label", We = ({
+}, Be = Me.bind(qe), N = "purpur-label", Xe = ({
   children: e,
   className: n,
   disabled: t,
-  negative: a = !1,
+  negative: i = !1,
   ...o
 }) => {
-  const r = Be([
-    n,
-    z[D],
-    {
-      [z[`${D}--disabled`]]: t,
-      [z[`${D}--negative`]]: a
-    }
-  ]);
-  return /* @__PURE__ */ f(je, { className: r, ...o, children: e });
+  const r = Be(n, N, {
+    [`${N}--disabled`]: t,
+    [`${N}--negative`]: i
+  });
+  return /* @__PURE__ */ f(De, { className: r, ...o, children: e });
 };
-function Le(e) {
+function We(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var I = { exports: {} };
+var H = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var U;
-function Ve() {
-  return U || (U = 1, function(e) {
+var T;
+function Le() {
+  return T || (T = 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)));
+        for (var r = "", a = 0; a < arguments.length; a++) {
+          var u = arguments[a];
+          u && (r = o(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return t.apply(null, r);
+          return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var i = "";
+        var a = "";
         for (var u in r)
-          n.call(r, u) && r[u] && (i = o(i, u));
-        return i;
+          n.call(r, u) && r[u] && (a = o(a, this && this[u] || u));
+        return a;
       }
-      function o(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function o(r, a) {
+        return a ? r ? r + " " + a : r + a : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(I)), I.exports;
+  }(H)), H.exports;
 }
-var He = Ve();
-const Te = /* @__PURE__ */ Le(He), R = {
+var Ve = Le();
+const He = /* @__PURE__ */ We(Ve), Te = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -306,66 +287,60 @@ const Te = /* @__PURE__ */ Le(He), R = {
   "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 = {
+}, Fe = He.bind(Te), Ie = {
   PARAGRAPH100: "paragraph-100"
-}, P = "purpur-paragraph", oe = ({
-  ["data-testid"]: e,
-  children: n,
-  className: t,
-  disabled: a,
-  enableHyphenation: o = !1,
-  negative: r = !1,
-  variant: i = Fe.PARAGRAPH100,
-  ...u
+}, R = "purpur-paragraph", re = ({
+  children: e,
+  className: n,
+  disabled: t,
+  enableHyphenation: i = !1,
+  negative: o = !1,
+  variant: r = Ie.PARAGRAPH100,
+  ...a
 }) => {
-  const c = Te([
-    t,
-    R[P],
-    R[`${P}--${i}`],
-    {
-      [R[`${P}--hyphens`]]: o,
-      [R[`${P}--disabled`]]: a,
-      [R[`${P}--negative`]]: r
-    }
-  ]);
-  return /* @__PURE__ */ f("p", { ...u, className: c, "data-testid": e, children: n });
+  const u = Fe(n, R, `${R}--${r}`, {
+    [`${R}--hyphens`]: i,
+    [`${R}--disabled`]: t,
+    [`${R}--negative`]: o
+  });
+  return /* @__PURE__ */ f("p", { ...a, className: u, children: e });
 };
-oe.displayName = "Paragraph";
-function Ie(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+re.displayName = "Paragraph";
+function Ue(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 Z(e, n) {
+function F(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function ae(...e) {
+function te(...e) {
   return (n) => {
     let t = !1;
-    const a = e.map((o) => {
-      const r = Z(o, n);
+    const i = e.map((o) => {
+      const r = F(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() : Z(e[o], null);
+        for (let o = 0; o < i.length; o++) {
+          const r = i[o];
+          typeof r == "function" ? r() : F(e[o], null);
         }
       };
   };
 }
-function Ue(...e) {
-  return s.useCallback(ae(...e), e);
+function Ze(...e) {
+  return s.useCallback(te(...e), e);
 }
-function Ze(e, n = []) {
+function Ge(e, n = []) {
   let t = [];
-  function a(r, i) {
-    const u = s.createContext(i), c = t.length;
-    t = [...t, i];
+  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));
@@ -376,13 +351,13 @@ function Ze(e, n = []) {
       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;
+      if (a !== void 0) return a;
       throw new Error(`\`${d}\` must be used within \`${r}\``);
     }
     return [l, v];
   }
   const o = () => {
-    const r = t.map((i) => s.createContext(i));
+    const r = t.map((a) => s.createContext(a));
     return function(u) {
       const c = (u == null ? void 0 : u[e]) || r;
       return s.useMemo(
@@ -391,42 +366,42 @@ function Ze(e, n = []) {
       );
     };
   };
-  return o.scopeName = e, [a, Ge(o, ...n)];
+  return o.scopeName = e, [i, Je(o, ...n)];
 }
-function Ge(...e) {
+function Je(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
-    const a = e.map((o) => ({
+    const i = e.map((o) => ({
       useScope: o(),
       scopeName: o.scopeName
     }));
     return function(r) {
-      const i = a.reduce((u, { useScope: c, scopeName: l }) => {
+      const a = i.reduce((u, { useScope: c, scopeName: l }) => {
         const d = c(r)[`__scope${l}`];
         return { ...u, ...d };
       }, {});
-      return s.useMemo(() => ({ [`__scope${n.scopeName}`]: i }), [i]);
+      return s.useMemo(() => ({ [`__scope${n.scopeName}`]: a }), [a]);
     };
   };
   return t.scopeName = n.scopeName, t;
 }
-function ie(e) {
+function ne(e) {
   const n = s.useRef(e);
   return s.useEffect(() => {
     n.current = e;
   }), s.useMemo(() => (...t) => {
-    var a;
-    return (a = n.current) == null ? void 0 : a.call(n, ...t);
+    var i;
+    return (i = n.current) == null ? void 0 : i.call(n, ...t);
   }, []);
 }
-function Je({
+function Ke({
   prop: e,
   defaultProp: n,
   onChange: t = () => {
   }
 }) {
-  const [a, o] = Ke({ defaultProp: n, onChange: t }), r = e !== void 0, i = r ? e : a, u = ie(t), c = s.useCallback(
+  const [i, o] = Qe({ defaultProp: n, onChange: t }), r = e !== void 0, a = r ? e : i, u = ne(t), c = s.useCallback(
     (l) => {
       if (r) {
         const d = typeof l == "function" ? l(e) : l;
@@ -436,80 +411,80 @@ function Je({
     },
     [r, e, o, u]
   );
-  return [i, c];
+  return [a, c];
 }
-function Ke({
+function Qe({
   defaultProp: e,
   onChange: n
 }) {
-  const t = s.useState(e), [a] = t, o = s.useRef(a), r = ie(n);
+  const t = s.useState(e), [i] = t, o = s.useRef(i), r = ne(n);
   return s.useEffect(() => {
-    o.current !== a && (r(a), o.current = a);
-  }, [a, o, r]), t;
+    o.current !== i && (r(i), o.current = i);
+  }, [i, o, r]), t;
 }
-function Qe(e) {
+function Ye(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 Ye = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var er = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 };
-function er(e) {
+function rr(e) {
   const [n, t] = s.useState(void 0);
-  return Ye(() => {
+  return er(() => {
     if (e) {
       t({ width: e.offsetWidth, height: e.offsetHeight });
-      const a = new ResizeObserver((o) => {
+      const i = new ResizeObserver((o) => {
         if (!Array.isArray(o) || !o.length)
           return;
         const r = o[0];
-        let i, u;
+        let a, u;
         if ("borderBoxSize" in r) {
           const c = r.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
-          i = l.inlineSize, u = l.blockSize;
+          a = l.inlineSize, u = l.blockSize;
         } else
-          i = e.offsetWidth, u = e.offsetHeight;
-        t({ width: i, height: u });
+          a = e.offsetWidth, u = e.offsetHeight;
+        t({ width: a, height: u });
       });
-      return a.observe(e, { box: "border-box" }), () => a.unobserve(e);
+      return i.observe(e, { box: "border-box" }), () => i.unobserve(e);
     } else
       t(void 0);
   }, [e]), n;
 }
-var ue = s.forwardRef((e, n) => {
-  const { children: t, ...a } = e, o = s.Children.toArray(t), r = o.find(tr);
+var oe = s.forwardRef((e, n) => {
+  const { children: t, ...i } = e, o = s.Children.toArray(t), r = o.find(nr);
   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(X, { ...a, ref: n, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
+    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(j, { ...i, ref: n, children: s.isValidElement(a) ? s.cloneElement(a, void 0, u) : null });
   }
-  return /* @__PURE__ */ f(X, { ...a, ref: n, children: t });
+  return /* @__PURE__ */ f(j, { ...i, ref: n, children: t });
 });
-ue.displayName = "Slot";
-var X = s.forwardRef((e, n) => {
-  const { children: t, ...a } = e;
+oe.displayName = "Slot";
+var j = s.forwardRef((e, n) => {
+  const { children: t, ...i } = e;
   if (s.isValidElement(t)) {
-    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);
+    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;
 });
-X.displayName = "SlotClone";
-var rr = ({ children: e }) => /* @__PURE__ */ f(ee, { children: e });
-function tr(e) {
-  return s.isValidElement(e) && e.type === rr;
+j.displayName = "SlotClone";
+var tr = ({ children: e }) => /* @__PURE__ */ f(K, { children: e });
+function nr(e) {
+  return s.isValidElement(e) && e.type === tr;
 }
-function nr(e, n) {
+function or(e, n) {
   const t = { ...n };
-  for (const a in n) {
-    const o = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? o && r ? t[a] = (...u) => {
+  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);
-    } : o && (t[a] = o) : a === "style" ? t[a] = { ...o, ...r } : a === "className" && (t[a] = [o, r].filter(Boolean).join(" "));
+    } : o && (t[i] = o) : i === "style" ? t[i] = { ...o, ...r } : i === "className" && (t[i] = [o, r].filter(Boolean).join(" "));
   }
   return { ...e, ...t };
 }
-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;
+function ir(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 = [
@@ -529,58 +504,58 @@ var ar = [
   "span",
   "svg",
   "ul"
-], se = ar.reduce((e, n) => {
-  const t = s.forwardRef((a, o) => {
-    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 });
+], 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 });
   });
   return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {}), B = "Switch", [ir, xr] = Ze(B), [ur, sr] = ir(B), ce = s.forwardRef(
+}, {}), M = "Switch", [ur, Cr] = Ge(M), [sr, cr] = ur(M), ae = s.forwardRef(
   (e, n) => {
     const {
       __scopeSwitch: t,
-      name: a,
+      name: i,
       checked: o,
       defaultChecked: r,
-      required: i,
+      required: a,
       disabled: u,
       value: c = "on",
       onCheckedChange: l,
       form: v,
       ...d
-    } = 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({
+    } = 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({
       prop: o,
       defaultProp: r,
       onChange: l
     });
-    return /* @__PURE__ */ j(ur, { scope: t, checked: _, disabled: u, children: [
+    return /* @__PURE__ */ D(sr, { scope: t, checked: _, disabled: u, children: [
       /* @__PURE__ */ f(
-        se.button,
+        ie.button,
         {
           type: "button",
           role: "switch",
           "aria-checked": _,
-          "aria-required": i,
-          "data-state": de(_),
+          "aria-required": a,
+          "data-state": ce(_),
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: c,
           ...d,
           ref: h,
-          onClick: Ie(e.onClick, (y) => {
-            C((w) => !w), b && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
+          onClick: Ue(e.onClick, (y) => {
+            x((w) => !w), b && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
           })
         }
       ),
       b && /* @__PURE__ */ f(
-        cr,
+        lr,
         {
           control: p,
           bubbles: !m.current,
-          name: a,
+          name: i,
           value: c,
           checked: _,
-          required: i,
+          required: a,
           disabled: u,
           form: v,
           style: { transform: "translateX(-100%)" }
@@ -589,31 +564,31 @@ var ar = [
     ] });
   }
 );
-ce.displayName = B;
-var le = "SwitchThumb", pe = s.forwardRef(
+ae.displayName = M;
+var ue = "SwitchThumb", se = s.forwardRef(
   (e, n) => {
-    const { __scopeSwitch: t, ...a } = e, o = sr(le, t);
+    const { __scopeSwitch: t, ...i } = e, o = cr(ue, t);
     return /* @__PURE__ */ f(
-      se.span,
+      ie.span,
       {
-        "data-state": de(o.checked),
+        "data-state": ce(o.checked),
         "data-disabled": o.disabled ? "" : void 0,
-        ...a,
+        ...i,
         ref: 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);
+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);
   return s.useEffect(() => {
     const c = r.current, l = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(l, "checked").set;
-    if (i !== t && d) {
-      const p = new Event("click", { bubbles: a });
+    if (a !== t && d) {
+      const p = new Event("click", { bubbles: i });
       d.call(c, t), c.dispatchEvent(p);
     }
-  }, [i, t, a]), /* @__PURE__ */ f(
+  }, [a, t, i]), /* @__PURE__ */ f(
     "input",
     {
       type: "checkbox",
@@ -633,151 +608,151 @@ var cr = (e) => {
     }
   );
 };
-function de(e) {
+function ce(e) {
   return e ? "checked" : "unchecked";
 }
-var lr = ce, pr = pe;
-function dr(e) {
+var pr = ae, dr = se;
+function fr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var O = { exports: {} };
+var z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var G;
-function fr() {
-  return G || (G = 1, function(e) {
+var I;
+function hr() {
+  return I || (I = 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)));
+        for (var r = "", a = 0; a < arguments.length; a++) {
+          var u = arguments[a];
+          u && (r = o(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return t.apply(null, r);
+          return t.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var i = "";
+        var a = "";
         for (var u in r)
-          n.call(r, u) && r[u] && (i = o(i, u));
-        return i;
+          n.call(r, u) && r[u] && (a = o(a, this && this[u] || u));
+        return a;
       }
-      function o(r, i) {
-        return i ? r ? r + " " + i : r + i : r;
+      function o(r, a) {
+        return a ? r ? r + " " + a : r + a : r;
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(O)), O.exports;
+  }(z)), z.exports;
 }
-var hr = fr();
-const M = /* @__PURE__ */ dr(hr), J = (e) => e && "touches" in e, gr = ({
+var gr = hr();
+const mr = /* @__PURE__ */ fr(gr), U = (e) => e && "touches" in e, vr = ({
   children: e,
   disabled: n,
   onStart: t,
-  onDrag: a,
+  onDrag: i,
   onStop: o,
   bounds: r,
-  position: i,
+  position: a,
   style: u
 }) => {
   const [c, l] = $(void 0), [v, d] = $(void 0), [p, g] = $(!1), h = (_) => {
     if (!n) {
       _.preventDefault();
-      const C = J(_.nativeEvent) ? _.nativeEvent.touches[0].clientX : _.nativeEvent.clientX;
-      d(C), t == null || t();
+      const x = U(_.nativeEvent) ? _.nativeEvent.touches[0].clientX : _.nativeEvent.clientX;
+      d(x), t == null || t();
     }
-  }, m = A(
+  }, m = O(
     (_) => {
       if (typeof v != "number")
         return;
-      const y = (J(_) ? _.touches[0].clientX : _.clientX) - v;
+      const y = (U(_) ? _.touches[0].clientX : _.clientX) - v;
       if (!y)
         return;
-      const w = i + y;
+      const w = a + y;
       !p && Math.abs(w) && g(!0);
-      const N = w > r.right ? r.right : w < r.left ? r.left : w;
-      l(N), a == null || a({ x: N });
+      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
-    [a, l, p, v]
-  ), b = A(() => {
+    [i, l, p, v]
+  ), b = O(() => {
     d(void 0), l(void 0), g(!1), o == null || o();
   }, [o, d]);
-  return E(() => (window.addEventListener("mousemove", m), window.addEventListener("touchmove", m), () => {
+  return k(() => (window.addEventListener("mousemove", m), window.addEventListener("touchmove", m), () => {
     window.removeEventListener("mousemove", m), window.removeEventListener("touchmove", m);
-  }), [m]), E(() => (window.addEventListener("mouseup", b), window.addEventListener("touchend", b), () => {
+  }), [m]), k(() => (window.addEventListener("mouseup", b), window.addEventListener("touchend", b), () => {
     window.removeEventListener("mouseup", b), window.removeEventListener("touchend", b);
-  }), [b]), he(e) ? fe(e, {
+  }), [b]), pe(e) ? le(e, {
     onMouseDown: h,
     onTouchStart: h,
-    style: { ...u, transform: `translateX(${p ? c : i}px)` }
+    style: { ...u, transform: `translateX(${p ? c : a}px)` }
   }) : null;
-}, K = {
+}, Z = {
   width: void 0,
   height: void 0
 };
-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(() => {
+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);
+  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 = Y(d, p, "inlineSize"), h = Y(d, p, "blockSize");
+      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 b = {
-          width: g && a ? Math.round(g) : g,
-          height: h && a ? Math.round(h) : h
+          width: g && i ? Math.round(g) : g,
+          height: h && i ? Math.round(h) : h
         };
-        c.current.width = g, c.current.height = h, l.current ? l.current(b) : u() && i(b);
+        c.current.width = g, c.current.height = h, l.current ? l.current(b) : u() && a(b);
       }
     });
     return v.observe(n.current, { box: t }), () => {
       v.disconnect();
     };
-  }, [t, n, u, a]), { width: o, height: r };
+  }, [t, n, u, i]), { width: o, height: r };
 }
-function Y(e, n, t) {
+function J(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 mr() {
-  const e = k(!1);
-  return E(() => (e.current = !0, () => {
+function _r() {
+  const e = P(!1);
+  return k(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), A(() => e.current, []);
+  }), []), O(() => e.current, []);
 }
-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);
+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);
   return {
     trackRef: t,
-    thumbRef: a,
-    isDragging: i,
+    thumbRef: i,
+    isDragging: a,
     bounds: { left: h, right: g },
     position: e ? g : h,
     onDrag: ({ x: w }) => {
       r(w), Math.abs((e ? g : h) - w) > 2 && u(!0);
     },
     onStop: () => {
-      u(!1), i && l(Date.now()), b && (n == null || n(!e));
+      u(!1), a && l(Date.now()), b && (n == null || n(!e));
     },
     onChangeWithDrag: () => {
       Date.now() - c > 50 && (n == null || n(!e)), r(void 0);
     }
   };
-}, S = {
+}, yr = {
   "purpur-toggle": "_purpur-toggle_zqs8u_1",
   "purpur-toggle__track": "_purpur-toggle__track_zqs8u_7",
   "purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_zqs8u_45",
@@ -787,79 +762,68 @@ const vr = ({ 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"
-}, x = "purpur-toggle", _r = ({
-  ["data-testid"]: e,
-  className: n,
-  label: t,
-  onChange: a,
-  labelPosition: o = "right",
-  checked: r,
-  disableDrag: i,
-  defaultChecked: u,
-  ...c
-}, l) => {
-  const [v, d] = $(
-    typeof r == "boolean" ? r : !!u
-  ), 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));
-    }
-  }), C = () => /* @__PURE__ */ f(
-    We,
-    {
-      htmlFor: c.id,
-      "data-testid": e && `${e}-label`,
-      disabled: c.disabled,
-      className: M(
-        S[`${x}__label`],
-        S[`${x}__label--${o}`]
-      ),
-      children: /* @__PURE__ */ f(oe, { disabled: c.disabled, children: t })
-    }
-  );
-  return /* @__PURE__ */ j("div", { className: M([n, S[`${x}__container`]]), children: [
-    t && o === "left" && C(),
-    /* @__PURE__ */ f(
-      lr,
+}, C = mr.bind(yr), S = "purpur-toggle", wr = de(
+  ({
+    ["data-testid"]: e,
+    className: n,
+    label: t,
+    onChange: i,
+    labelPosition: o = "right",
+    checked: r,
+    disableDrag: a,
+    defaultChecked: u,
+    ...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,
+      onChange: (y) => {
+        c.disabled || (i == null || i(y), d(y));
+      }
+    }), x = () => /* @__PURE__ */ f(
+      Xe,
       {
-        ...c,
-        ref: l,
-        id: c.id,
-        "data-testid": e,
-        className: S[x],
-        onCheckedChange: b,
-        checked: p,
-        children: /* @__PURE__ */ j("span", { ref: h, className: S[`${x}__track`], children: [
-          /* @__PURE__ */ f("span", { className: S[`${x}__checkmark-container`], children: /* @__PURE__ */ f(
-            re,
-            {
-              className: S[`${x}__checkmark`],
-              svg: Re,
-              size: "xxs"
-            }
-          ) }),
-          /* @__PURE__ */ f(gr, { disabled: i, ..._, children: /* @__PURE__ */ f(
-            pr,
-            {
-              ref: g,
-              "data-testid": e && `${e}-thumb`,
-              className: M([
-                S[`${x}__thumb`],
-                {
-                  [S[`${x}__thumb--dragging`]]: m
-                }
-              ])
-            }
-          ) })
-        ] })
+        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 })
       }
-    ),
-    t && o === "right" && C()
-  ] });
-}, br = ge(_r);
-br.displayName = "Toggle";
+    );
+    return /* @__PURE__ */ D("div", { className: C(n, `${S}__container`), children: [
+      t && o === "left" && x(),
+      /* @__PURE__ */ f(
+        pr,
+        {
+          ...c,
+          ref: l,
+          id: c.id,
+          "data-testid": e,
+          className: C(S),
+          onCheckedChange: b,
+          checked: p,
+          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,
+              {
+                ref: g,
+                "data-testid": e && `${e}-thumb`,
+                className: C(`${S}__thumb`, {
+                  [`${S}__thumb--dragging`]: m
+                })
+              }
+            ) })
+          ] })
+        }
+      ),
+      t && o === "right" && x()
+    ] });
+  }
+);
+wr.displayName = "Toggle";
 export {
-  br as Toggle
+  wr as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map