@purpurds/toggle 5.28.1 → 5.28.2

package/dist/toggle.es.js

@@ -1,10 +1,10 @@
-import { jsx as x, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as L, useEffect as D, Fragment as K, useCallback as X, createContext as Z, useMemo as H, useContext as fe, useRef as C, useState as $, useLayoutEffect as Q } from "react";
+import { jsx as w, jsxs as F } from "react/jsx-runtime";
+import { forwardRef as S, Children as $, isValidElement as A, createElement as v, cloneElement as B, useEffect as C, Fragment as Y, useCallback as z, createContext as W, useMemo as j, useContext as pe, useRef as x, useState as y, useLayoutEffect as de } from "react";
 import "react-dom";
-function ge(e) {
+function fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ee = { exports: {} };
+var K = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -15,8 +15,8 @@ var ee = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var u = arguments[o];
-        u && (r = c(r, a.call(this, u)));
+        var c = arguments[o];
+        c && (r = i(r, a.call(this, c)));
       }
       return r;
     }
@@ -30,18 +30,18 @@ var ee = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (o = c(o, this && this[u] || u));
+      for (var c in r)
+        n.call(r, c) && r[c] && (o = i(o, this && this[c] || c));
       return o;
     }
-    function c(r, o) {
+    function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ee);
-var he = ee.exports;
-const be = /* @__PURE__ */ ge(he), _e = {
+})(K);
+var he = K.exports;
+const ge = /* @__PURE__ */ fe(he), be = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -54,93 +54,93 @@ const be = /* @__PURE__ */ ge(he), _e = {
   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"
-}, me = be.bind(_e), J = "purpur-icon", $e = "md", ye = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), xe = ({ content: e = "", title: n } = {}) => {
+}, _e = ge.bind(be), U = "purpur-icon", me = "md", $e = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ye = ({ 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 ${ye(t)}>${a}${e}</svg>`;
-}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({
+  return `<svg ${$e(t)}>${a}${e}</svg>`;
+}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Q = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a,
-  size: c = $e,
+  size: i = me,
   ...r
 }) => {
-  const o = xe({
+  const o = ye({
     content: we(n.svg),
     title: t
-  }), u = me(a, J, `${J}--${c}`);
-  return /* @__PURE__ */ x(
+  }), c = _e(a, U, `${U}--${i}`);
+  return /* @__PURE__ */ w(
     "span",
     {
       "aria-label": t,
-      className: u,
+      className: c,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: o },
       ...r
     }
   );
 };
-re.displayName = "Icon";
-function E() {
-  return E = Object.assign ? Object.assign.bind() : function(e) {
+Q.displayName = "Icon";
+function O() {
+  return O = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, E.apply(null, arguments);
+  }, O.apply(null, arguments);
 }
-function Se(e, n) {
+function xe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function Pe(...e) {
+function Se(...e) {
   return (n) => e.forEach(
-    (t) => Se(t, n)
+    (t) => xe(t, n)
   );
 }
-const te = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...a } = e, c = y.toArray(t), r = c.find(Ae);
+const ee = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...a } = e, i = $.toArray(t), r = i.find(ke);
   if (r) {
-    const o = r.props.children, u = c.map((i) => i === r ? y.count(o) > 1 ? y.only(null) : /* @__PURE__ */ k(o) ? o.props.children : null : i);
-    return /* @__PURE__ */ _(F, E({}, a, {
+    const o = r.props.children, c = i.map((u) => u === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : u);
+    return /* @__PURE__ */ v(T, O({}, a, {
       ref: n
-    }), /* @__PURE__ */ k(o) ? /* @__PURE__ */ L(o, void 0, u) : null);
+    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, c) : null);
   }
-  return /* @__PURE__ */ _(F, E({}, a, {
+  return /* @__PURE__ */ v(T, O({}, a, {
     ref: n
   }), t);
 });
-te.displayName = "Slot";
-const F = /* @__PURE__ */ w((e, n) => {
+ee.displayName = "Slot";
+const T = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ L(t, {
-    ...Ne(a, t.props),
-    ref: n ? Pe(n, t.ref) : t.ref
-  }) : y.count(t) > 1 ? y.only(null) : null;
+  return /* @__PURE__ */ A(t) ? /* @__PURE__ */ B(t, {
+    ...Ae(a, t.props),
+    ref: n ? Se(n, t.ref) : t.ref
+  }) : $.count(t) > 1 ? $.only(null) : null;
 });
-F.displayName = "SlotClone";
-const ke = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
-function Ae(e) {
-  return /* @__PURE__ */ k(e) && e.type === ke;
+T.displayName = "SlotClone";
+const Pe = ({ children: e }) => /* @__PURE__ */ v(Y, null, e);
+function ke(e) {
+  return /* @__PURE__ */ A(e) && e.type === Pe;
 }
-function Ne(e, n) {
+function Ae(e, n) {
   const t = {
     ...n
   };
   for (const a in n) {
-    const c = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? c && r ? t[a] = (...o) => {
-      r(...o), c(...o);
-    } : c && (t[a] = c) : a === "style" ? t[a] = {
-      ...c,
+    const i = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? i && r ? t[a] = (...o) => {
+      r(...o), i(...o);
+    } : i && (t[a] = i) : a === "style" ? t[a] = {
+      ...i,
       ...r
     } : a === "className" && (t[a] = [
-      c,
+      i,
       r
     ].filter(Boolean).join(" "));
   }
@@ -149,7 +149,7 @@ function Ne(e, n) {
     ...t
   };
 }
-const De = [
+const Ce = [
   "a",
   "button",
   "div",
@@ -166,30 +166,30 @@ const De = [
   "span",
   "svg",
   "ul"
-], Ce = De.reduce((e, n) => {
-  const t = /* @__PURE__ */ w((a, c) => {
-    const { asChild: r, ...o } = a, u = r ? te : n;
-    return D(() => {
+], Ne = Ce.reduce((e, n) => {
+  const t = /* @__PURE__ */ S((a, i) => {
+    const { asChild: r, ...o } = a, c = r ? ee : n;
+    return C(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(u, E({}, o, {
-      ref: c
+    }, []), /* @__PURE__ */ v(c, O({}, o, {
+      ref: i
     }));
   });
   return t.displayName = `Primitive.${n}`, {
     ...e,
     [n]: t
   };
-}, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ce.label, E({}, e, {
+}, {}), De = /* @__PURE__ */ S((e, n) => /* @__PURE__ */ v(Ne.label, O({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var a;
     (a = e.onMouseDown) === null || a === void 0 || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
   }
-}))), Oe = Ee;
-function Re(e) {
+}))), Ee = De;
+function Oe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ne = { exports: {} };
+var re = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -200,8 +200,8 @@ var ne = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var u = arguments[o];
-        u && (r = c(r, a(u)));
+        var c = arguments[o];
+        c && (r = i(r, a(c)));
       }
       return r;
     }
@@ -215,44 +215,44 @@ var ne = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (o = c(o, u));
+      for (var c in r)
+        n.call(r, c) && r[c] && (o = i(o, c));
       return o;
     }
-    function c(r, o) {
+    function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ne);
-var Me = ne.exports;
-const je = /* @__PURE__ */ Re(Me), z = {
+})(re);
+var Re = re.exports;
+const Me = /* @__PURE__ */ Oe(Re), X = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, I = "purpur-label", He = ({
+}, H = "purpur-label", ze = ({
   children: e,
   className: n,
   htmlFor: t,
   "data-testid": a,
-  disabled: c,
+  disabled: i,
   negative: r = !1,
   ...o
 }) => {
-  const u = je([
+  const c = Me([
     n,
-    z[I],
+    X[H],
     {
-      [z[`${I}--disabled`]]: c,
-      [z[`${I}--negative`]]: r
+      [X[`${H}--disabled`]]: i,
+      [X[`${H}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ x(Oe, { className: u, "data-testid": a, htmlFor: t, ...o, children: e });
+  return /* @__PURE__ */ w(Ee, { className: c, "data-testid": a, htmlFor: t, ...o, children: e });
 };
-function Le(e) {
+function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var oe = { exports: {} };
+var te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -263,8 +263,8 @@ var oe = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var u = arguments[o];
-        u && (r = c(r, a(u)));
+        var c = arguments[o];
+        c && (r = i(r, a(c)));
       }
       return r;
     }
@@ -278,18 +278,18 @@ var oe = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (o = c(o, u));
+      for (var c in r)
+        n.call(r, c) && r[c] && (o = i(o, c));
       return o;
     }
-    function c(r, o) {
+    function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(oe);
-var Xe = oe.exports;
-const Be = /* @__PURE__ */ Le(Xe), M = {
+})(te);
+var Be = te.exports;
+const Le = /* @__PURE__ */ je(Be), R = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -304,7 +304,7 @@ const Be = /* @__PURE__ */ Le(Xe), M = {
   "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"
-}, Te = {
+}, Xe = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -315,124 +315,124 @@ const Be = /* @__PURE__ */ Le(Xe), M = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, j = "purpur-paragraph", ae = ({
+}, M = "purpur-paragraph", ne = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   disabled: a,
-  enableHyphenation: c = !1,
+  enableHyphenation: i = !1,
   negative: r = !1,
-  variant: o = Te.PARAGRAPH100,
-  ...u
+  variant: o = Xe.PARAGRAPH100,
+  ...c
 }) => {
-  const i = Be([
+  const u = Le([
     t,
-    M[j],
-    M[`${j}--${o}`],
+    R[M],
+    R[`${M}--${o}`],
     {
-      [M[`${j}--hyphens`]]: c,
-      [M[`${j}--disabled`]]: a,
-      [M[`${j}--negative`]]: r
+      [R[`${M}--hyphens`]]: i,
+      [R[`${M}--disabled`]]: a,
+      [R[`${M}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ x("p", { ...u, className: i, "data-testid": e, children: n });
+  return /* @__PURE__ */ w("p", { ...c, className: u, "data-testid": e, children: n });
 };
-ae.displayName = "Paragraph";
-function N() {
-  return N = Object.assign ? Object.assign.bind() : function(e) {
+ne.displayName = "Paragraph";
+function D() {
+  return D = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, N.apply(null, arguments);
+  }, D.apply(null, arguments);
 }
-function ze(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
-  return function(c) {
-    if (e == null || e(c), t === !1 || !c.defaultPrevented) return n == null ? void 0 : n(c);
+function He(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(i) {
+    if (e == null || e(i), t === !1 || !i.defaultPrevented) return n == null ? void 0 : n(i);
   };
 }
 function Ie(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ce(...e) {
+function oe(...e) {
   return (n) => e.forEach(
     (t) => Ie(t, n)
   );
 }
-function qe(...e) {
-  return X(ce(...e), e);
+function Te(...e) {
+  return z(oe(...e), e);
 }
-function Fe(e, n = []) {
+function qe(e, n = []) {
   let t = [];
   function a(r, o) {
-    const u = /* @__PURE__ */ Z(o), i = t.length;
+    const c = /* @__PURE__ */ W(o), u = t.length;
     t = [
       ...t,
       o
     ];
     function s(l) {
-      const { scope: p, children: v, ...f } = l, g = (p == null ? void 0 : p[e][i]) || u, d = H(
-        () => f,
-        Object.values(f)
+      const { scope: p, children: f, ...d } = l, b = (p == null ? void 0 : p[e][u]) || c, h = j(
+        () => d,
+        Object.values(d)
       );
-      return /* @__PURE__ */ _(g.Provider, {
-        value: d
-      }, v);
+      return /* @__PURE__ */ v(b.Provider, {
+        value: h
+      }, f);
     }
-    function h(l, p) {
-      const v = (p == null ? void 0 : p[e][i]) || u, f = fe(v);
-      if (f) return f;
+    function g(l, p) {
+      const f = (p == null ? void 0 : p[e][u]) || c, d = pe(f);
+      if (d) return d;
       if (o !== void 0) return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
     return s.displayName = r + "Provider", [
       s,
-      h
+      g
     ];
   }
-  const c = () => {
-    const r = t.map((o) => /* @__PURE__ */ Z(o));
-    return function(u) {
-      const i = (u == null ? void 0 : u[e]) || r;
-      return H(
+  const i = () => {
+    const r = t.map((o) => /* @__PURE__ */ W(o));
+    return function(c) {
+      const u = (c == null ? void 0 : c[e]) || r;
+      return j(
         () => ({
           [`__scope${e}`]: {
-            ...u,
-            [e]: i
+            ...c,
+            [e]: u
           }
         }),
         [
-          u,
-          i
+          c,
+          u
         ]
       );
     };
   };
-  return c.scopeName = e, [
+  return i.scopeName = e, [
     a,
-    Ue(c, ...n)
+    Fe(i, ...n)
   ];
 }
-function Ue(...e) {
+function Fe(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
     const a = e.map(
-      (c) => ({
-        useScope: c(),
-        scopeName: c.scopeName
+      (i) => ({
+        useScope: i(),
+        scopeName: i.scopeName
       })
     );
     return function(r) {
-      const o = a.reduce((u, { useScope: i, scopeName: s }) => {
-        const l = i(r)[`__scope${s}`];
+      const o = a.reduce((c, { useScope: u, scopeName: s }) => {
+        const l = u(r)[`__scope${s}`];
         return {
-          ...u,
+          ...c,
           ...l
         };
       }, {});
-      return H(
+      return j(
         () => ({
           [`__scope${n.scopeName}`]: o
         }),
@@ -444,11 +444,11 @@ function Ue(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-function ue(e) {
-  const n = C(e);
-  return D(() => {
+function ae(e) {
+  const n = x(e);
+  return C(() => {
     n.current = e;
-  }), H(
+  }), j(
     () => (...t) => {
       var a;
       return (a = n.current) === null || a === void 0 ? void 0 : a.call(n, ...t);
@@ -456,68 +456,68 @@ function ue(e) {
     []
   );
 }
-function Ve({ prop: e, defaultProp: n, onChange: t = () => {
+function We({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [a, c] = We({
+  const [a, i] = Ue({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, u = ue(t), i = X((s) => {
+  }), r = e !== void 0, o = r ? e : a, c = ae(t), u = z((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
-      l !== e && u(l);
-    } else c(s);
+      l !== e && c(l);
+    } else i(s);
   }, [
     r,
     e,
-    c,
-    u
+    i,
+    c
   ]);
   return [
     o,
-    i
+    u
   ];
 }
-function We({ defaultProp: e, onChange: n }) {
-  const t = $(e), [a] = t, c = C(a), r = ue(n);
-  return D(() => {
-    c.current !== a && (r(a), c.current = a);
+function Ue({ defaultProp: e, onChange: n }) {
+  const t = y(e), [a] = t, i = x(a), r = ae(n);
+  return C(() => {
+    i.current !== a && (r(a), i.current = a);
   }, [
     a,
-    c,
+    i,
     r
   ]), t;
 }
-function Ge(e) {
-  const n = C({
+function Ve(e) {
+  const n = x({
     value: e,
     previous: e
   });
-  return H(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+  return j(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
     e
   ]);
 }
-const Ze = globalThis != null && globalThis.document ? Q : () => {
+const Ge = globalThis != null && globalThis.document ? de : () => {
 };
-function Je(e) {
-  const [n, t] = $(void 0);
-  return Ze(() => {
+function Ze(e) {
+  const [n, t] = y(void 0);
+  return Ge(() => {
     if (e) {
       t({
         width: e.offsetWidth,
         height: e.offsetHeight
       });
-      const a = new ResizeObserver((c) => {
-        if (!Array.isArray(c) || !c.length) return;
-        const r = c[0];
-        let o, u;
+      const a = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length) return;
+        const r = i[0];
+        let o, c;
         if ("borderBoxSize" in r) {
-          const i = r.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
-          o = s.inlineSize, u = s.blockSize;
+          const u = r.borderBoxSize, s = Array.isArray(u) ? u[0] : u;
+          o = s.inlineSize, c = s.blockSize;
         } else
-          o = e.offsetWidth, u = e.offsetHeight;
+          o = e.offsetWidth, c = e.offsetHeight;
         t({
           width: o,
-          height: u
+          height: c
         });
       });
       return a.observe(e, {
@@ -529,44 +529,44 @@ function Je(e) {
     e
   ]), n;
 }
-const ie = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...a } = e, c = y.toArray(t), r = c.find(Ke);
+const ie = /* @__PURE__ */ S((e, n) => {
+  const { children: t, ...a } = e, i = $.toArray(t), r = i.find(Ye);
   if (r) {
-    const o = r.props.children, u = c.map((i) => i === r ? y.count(o) > 1 ? y.only(null) : /* @__PURE__ */ k(o) ? o.props.children : null : i);
-    return /* @__PURE__ */ _(U, N({}, a, {
+    const o = r.props.children, c = i.map((u) => u === r ? $.count(o) > 1 ? $.only(null) : /* @__PURE__ */ A(o) ? o.props.children : null : u);
+    return /* @__PURE__ */ v(q, D({}, a, {
       ref: n
-    }), /* @__PURE__ */ k(o) ? /* @__PURE__ */ L(o, void 0, u) : null);
+    }), /* @__PURE__ */ A(o) ? /* @__PURE__ */ B(o, void 0, c) : null);
   }
-  return /* @__PURE__ */ _(U, N({}, a, {
+  return /* @__PURE__ */ v(q, D({}, a, {
     ref: n
   }), t);
 });
 ie.displayName = "Slot";
-const U = /* @__PURE__ */ w((e, n) => {
+const q = /* @__PURE__ */ S((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ L(t, {
-    ...Qe(a, t.props),
-    ref: n ? ce(n, t.ref) : t.ref
-  }) : y.count(t) > 1 ? y.only(null) : null;
+  return /* @__PURE__ */ A(t) ? /* @__PURE__ */ B(t, {
+    ...Ke(a, t.props),
+    ref: n ? oe(n, t.ref) : t.ref
+  }) : $.count(t) > 1 ? $.only(null) : null;
 });
-U.displayName = "SlotClone";
-const Ye = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
-function Ke(e) {
-  return /* @__PURE__ */ k(e) && e.type === Ye;
+q.displayName = "SlotClone";
+const Je = ({ children: e }) => /* @__PURE__ */ v(Y, null, e);
+function Ye(e) {
+  return /* @__PURE__ */ A(e) && e.type === Je;
 }
-function Qe(e, n) {
+function Ke(e, n) {
   const t = {
     ...n
   };
   for (const a in n) {
-    const c = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? c && r ? t[a] = (...u) => {
-      r(...u), c(...u);
-    } : c && (t[a] = c) : a === "style" ? t[a] = {
-      ...c,
+    const i = e[a], r = n[a];
+    /^on[A-Z]/.test(a) ? i && r ? t[a] = (...c) => {
+      r(...c), i(...c);
+    } : i && (t[a] = i) : a === "style" ? t[a] = {
+      ...i,
       ...r
     } : a === "className" && (t[a] = [
-      c,
+      i,
       r
     ].filter(Boolean).join(" "));
   }
@@ -575,7 +575,7 @@ function Qe(e, n) {
     ...t
   };
 }
-const er = [
+const Qe = [
   "a",
   "button",
   "div",
@@ -592,92 +592,92 @@ const er = [
   "span",
   "svg",
   "ul"
-], se = er.reduce((e, n) => {
-  const t = /* @__PURE__ */ w((a, c) => {
-    const { asChild: r, ...o } = a, u = r ? ie : n;
-    return D(() => {
+], ce = Qe.reduce((e, n) => {
+  const t = /* @__PURE__ */ S((a, i) => {
+    const { asChild: r, ...o } = a, c = r ? ie : n;
+    return C(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(u, N({}, o, {
-      ref: c
+    }, []), /* @__PURE__ */ v(c, D({}, o, {
+      ref: i
     }));
   });
   return t.displayName = `Primitive.${n}`, {
     ...e,
     [n]: t
   };
-}, {}), le = "Switch", [rr, mr] = Fe(le), [tr, nr] = rr(le), or = /* @__PURE__ */ w((e, n) => {
-  const { __scopeSwitch: t, name: a, checked: c, defaultChecked: r, required: o, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = qe(
+}, {}), ue = "Switch", [er, mr] = qe(ue), [rr, tr] = er(ue), nr = /* @__PURE__ */ S((e, n) => {
+  const { __scopeSwitch: t, name: a, checked: i, defaultChecked: r, required: o, disabled: c, value: u = "on", onCheckedChange: s, ...g } = e, [l, p] = y(null), f = Te(
     n,
     (m) => p(m)
-  ), f = C(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ve({
-    prop: c,
+  ), d = x(!1), b = l ? !!l.closest("form") : !0, [h = !1, _] = We({
+    prop: i,
     defaultProp: r,
     onChange: s
   });
-  return /* @__PURE__ */ _(tr, {
+  return /* @__PURE__ */ v(rr, {
     scope: t,
-    checked: d,
-    disabled: u
-  }, /* @__PURE__ */ _(se.button, N({
+    checked: h,
+    disabled: c
+  }, /* @__PURE__ */ v(ce.button, D({
     type: "button",
     role: "switch",
-    "aria-checked": d,
+    "aria-checked": h,
     "aria-required": o,
-    "data-state": pe(d),
-    "data-disabled": u ? "" : void 0,
-    disabled: u,
-    value: i
-  }, h, {
-    ref: v,
-    onClick: ze(e.onClick, (m) => {
-      b(
-        (A) => !A
-      ), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
+    "data-state": se(h),
+    "data-disabled": c ? "" : void 0,
+    disabled: c,
+    value: u
+  }, g, {
+    ref: f,
+    onClick: He(e.onClick, (m) => {
+      _(
+        (N) => !N
+      ), b && (d.current = m.isPropagationStopped(), d.current || m.stopPropagation());
     })
-  })), g && /* @__PURE__ */ _(ur, {
+  })), b && /* @__PURE__ */ v(ir, {
     control: l,
-    bubbles: !f.current,
+    bubbles: !d.current,
     name: a,
-    value: i,
-    checked: d,
+    value: u,
+    checked: h,
     required: o,
-    disabled: u,
+    disabled: c,
     style: {
       transform: "translateX(-100%)"
     }
   }));
-}), ar = "SwitchThumb", cr = /* @__PURE__ */ w((e, n) => {
-  const { __scopeSwitch: t, ...a } = e, c = nr(ar, t);
-  return /* @__PURE__ */ _(se.span, N({
-    "data-state": pe(c.checked),
-    "data-disabled": c.disabled ? "" : void 0
+}), or = "SwitchThumb", ar = /* @__PURE__ */ S((e, n) => {
+  const { __scopeSwitch: t, ...a } = e, i = tr(or, t);
+  return /* @__PURE__ */ v(ce.span, D({
+    "data-state": se(i.checked),
+    "data-disabled": i.disabled ? "" : void 0
   }, a, {
     ref: n
   }));
-}), ur = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...c } = e, r = C(null), o = Ge(t), u = Je(n);
-  return D(() => {
-    const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
+}), ir = (e) => {
+  const { control: n, checked: t, bubbles: a = !0, ...i } = e, r = x(null), o = Ve(t), c = Ze(n);
+  return C(() => {
+    const u = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
       const p = new Event("click", {
         bubbles: a
       });
-      l.call(i, t), i.dispatchEvent(p);
+      l.call(u, t), u.dispatchEvent(p);
     }
   }, [
     o,
     t,
     a
-  ]), /* @__PURE__ */ _("input", N({
+  ]), /* @__PURE__ */ v("input", D({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: t
-  }, c, {
+  }, i, {
     tabIndex: -1,
     ref: r,
     style: {
       ...e.style,
-      ...u,
+      ...c,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -685,14 +685,14 @@ const er = [
     }
   }));
 };
-function pe(e) {
+function se(e) {
   return e ? "checked" : "unchecked";
 }
-const ir = or, sr = cr;
-function lr(e) {
+const cr = nr, ur = ar;
+function sr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var de = { exports: {} };
+var le = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -703,8 +703,8 @@ var de = { exports: {} };
     var n = {}.hasOwnProperty;
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
-        var u = arguments[o];
-        u && (r = c(r, a(u)));
+        var c = arguments[o];
+        c && (r = i(r, a(c)));
       }
       return r;
     }
@@ -718,153 +718,187 @@ var de = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
-      for (var u in r)
-        n.call(r, u) && r[u] && (o = c(o, u));
+      for (var c in r)
+        n.call(r, c) && r[c] && (o = i(o, c));
       return o;
     }
-    function c(r, o) {
+    function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(de);
-var pr = de.exports;
-const q = /* @__PURE__ */ lr(pr), S = {
-  "purpur-toggle": "_purpur-toggle_1xng6_1",
-  "purpur-toggle__track": "_purpur-toggle__track_1xng6_7",
-  "purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_1xng6_45",
-  "purpur-toggle__thumb": "_purpur-toggle__thumb_1xng6_60",
-  "purpur-toggle__thumb--dragging": "_purpur-toggle__thumb--dragging_1xng6_80",
-  "purpur-toggle__checkmark": "_purpur-toggle__checkmark_1xng6_45",
-  "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"
-}, Y = (e) => e && "touches" in e, dr = ({
+})(le);
+var lr = le.exports;
+const I = /* @__PURE__ */ sr(lr), V = (e) => e && "touches" in e, pr = ({
   children: e,
   disabled: n,
   onStart: t,
   onDrag: a,
-  onStop: c,
+  onStop: i,
   bounds: r,
   position: o,
-  style: u
+  style: c
 }) => {
-  const [i, s] = $(void 0), [h, l] = $(void 0), [p, v] = $(!1), f = (b) => {
+  const [u, s] = y(void 0), [g, l] = y(void 0), [p, f] = y(!1), d = (_) => {
     if (!n) {
-      b.preventDefault();
-      const m = Y(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
+      _.preventDefault();
+      const m = V(_.nativeEvent) ? _.nativeEvent.touches[0].clientX : _.nativeEvent.clientX;
       l(m), t == null || t();
     }
-  }, g = X(
-    (b) => {
-      if (typeof h != "number")
+  }, b = z(
+    (_) => {
+      if (typeof g != "number")
         return;
-      const A = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
-      if (!A)
+      const N = (V(_) ? _.touches[0].clientX : _.clientX) - g;
+      if (!N)
         return;
-      const O = o + A;
-      !p && Math.abs(O) && v(!0);
-      const B = O > r.right ? r.right : O < r.left ? r.left : O;
-      s(B), a == null || a({ x: B });
+      const E = o + N;
+      !p && Math.abs(E) && f(!0);
+      const L = E > r.right ? r.right : E < r.left ? r.left : E;
+      s(L), a == null || a({ x: L });
     },
-    [a, s, p, h]
-  ), d = X(() => {
-    l(void 0), s(void 0), v(!1), c == null || c();
-  }, [c, l]);
-  return D(() => (window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), () => {
-    window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g);
-  }), [g]), D(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
-    window.removeEventListener("mouseup", d), window.removeEventListener("touchend", d);
-  }), [d]), k(e) ? L(y.only(e), {
-    onMouseDown: f,
-    onTouchStart: f,
-    style: { ...u, transform: `translateX(${p ? i : o}px)` }
+    [a, s, p, g]
+  ), h = z(() => {
+    l(void 0), s(void 0), f(!1), i == null || i();
+  }, [i, l]);
+  return C(() => (window.addEventListener("mousemove", b), window.addEventListener("touchmove", b), () => {
+    window.removeEventListener("mousemove", b), window.removeEventListener("touchmove", b);
+  }), [b]), C(() => (window.addEventListener("mouseup", h), window.addEventListener("touchend", h), () => {
+    window.removeEventListener("mouseup", h), window.removeEventListener("touchend", h);
+  }), [h]), A(e) ? B($.only(e), {
+    onMouseDown: d,
+    onTouchStart: d,
+    style: { ...c, transform: `translateX(${p ? u : o}px)` }
   }) : null;
-}, fr = ({ checked: e, onChange: n }) => {
-  var V, W;
-  const t = C(null), a = C(null), [c, r] = $(void 0), [o, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
-  Q(() => {
-    var R, T;
-    l(((R = a.current) == null ? void 0 : R.clientHeight) || 0), v(((T = t.current) == null ? void 0 : T.clientHeight) || 0);
-  }, [(V = a.current) == null ? void 0 : V.clientHeight, (W = t.current) == null ? void 0 : W.clientHeight]);
-  const f = (p || 0) - h, g = h + f, d = f / 2, b = g / 2, m = typeof c == "number" && (e ? c < b : c > b);
+}, G = {
+  width: void 0,
+  height: void 0
+};
+function Z(e) {
+  const { ref: n, box: t = "content-box", round: a } = e, [{ width: i, height: r }, o] = y(G), c = dr(), u = x({ ...G }), s = x(void 0);
+  return s.current = e.onResize, C(() => {
+    if (!n.current || typeof window > "u" || !("ResizeObserver" in window))
+      return;
+    const g = new ResizeObserver(([l]) => {
+      const p = (
+        // eslint-disable-next-line no-nested-ternary
+        t === "border-box" ? "borderBoxSize" : t === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize"
+      ), f = J(l, p, "inlineSize"), d = J(l, p, "blockSize");
+      if (u.current.width !== f || u.current.height !== d) {
+        const h = {
+          width: f && a ? Math.round(f) : f,
+          height: d && a ? Math.round(d) : d
+        };
+        u.current.width = f, u.current.height = d, s.current ? s.current(h) : c() && o(h);
+      }
+    });
+    return g.observe(n.current, { box: t }), () => {
+      g.disconnect();
+    };
+  }, [t, n, c, a]), { width: i, height: r };
+}
+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 dr() {
+  const e = x(!1);
+  return C(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), z(() => e.current, []);
+}
+const fr = ({ checked: e, onChange: n }) => {
+  const t = x(null), a = x(null), [i, r] = y(void 0), [o, c] = y(!1), [u, s] = y(0), { height: g = 0 } = Z({ ref: a, round: !0 }), { height: l = 0 } = Z({ ref: t, round: !0 }), p = (l || 0) - g, f = g + p, d = p / 2, b = f / 2, h = typeof i == "number" && (e ? i < b : i > b);
   return {
     trackRef: t,
     thumbRef: a,
     isDragging: o,
-    bounds: { left: d, right: g },
-    position: e ? g : d,
-    onDrag: ({ x: R }) => {
-      r(R), Math.abs((e ? g : d) - R) > 2 && u(!0);
+    bounds: { left: d, right: f },
+    position: e ? f : d,
+    onDrag: ({ x: E }) => {
+      r(E), Math.abs((e ? f : d) - E) > 2 && c(!0);
     },
     onStop: () => {
-      u(!1), o && s(Date.now()), m && (n == null || n(!e));
+      c(!1), o && s(Date.now()), h && (n == null || n(!e));
     },
     onChangeWithDrag: () => {
-      Date.now() - i > 50 && (n == null || n(!e)), r(void 0);
+      Date.now() - u > 50 && (n == null || n(!e)), r(void 0);
     }
   };
-}, P = "purpur-toggle", gr = ({
+}, P = {
+  "purpur-toggle": "_purpur-toggle_1xng6_1",
+  "purpur-toggle__track": "_purpur-toggle__track_1xng6_7",
+  "purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_1xng6_45",
+  "purpur-toggle__thumb": "_purpur-toggle__thumb_1xng6_60",
+  "purpur-toggle__thumb--dragging": "_purpur-toggle__thumb--dragging_1xng6_80",
+  "purpur-toggle__checkmark": "_purpur-toggle__checkmark_1xng6_45",
+  "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"
+}, k = "purpur-toggle", hr = ({
   ["data-testid"]: e,
   className: n,
   label: t,
   onChange: a,
-  labelPosition: c = "right",
+  labelPosition: i = "right",
   checked: r,
   disableDrag: o,
-  defaultChecked: u,
-  ...i
+  defaultChecked: c,
+  ...u
 }, s) => {
-  const [h, l] = $(
-    typeof r == "boolean" ? r : !!u
-  ), p = !!(typeof r == "boolean" ? r : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = fr({
+  const [g, l] = y(
+    typeof r == "boolean" ? r : !!c
+  ), p = !!(typeof r == "boolean" ? r : g), { thumbRef: f, trackRef: d, isDragging: b, onChangeWithDrag: h, ..._ } = fr({
     checked: p,
-    onChange: (A) => {
-      i.disabled || (a == null || a(A), l(A));
+    onChange: (N) => {
+      u.disabled || (a == null || a(N), l(N));
     }
-  }), m = () => /* @__PURE__ */ x(
-    He,
+  }), m = () => /* @__PURE__ */ w(
+    ze,
     {
-      htmlFor: i.id,
+      htmlFor: u.id,
       "data-testid": e && `${e}-label`,
-      disabled: i.disabled,
-      className: q(
-        S[`${P}__label`],
-        S[`${P}__label--${c}`]
+      disabled: u.disabled,
+      className: I(
+        P[`${k}__label`],
+        P[`${k}__label--${i}`]
       ),
-      children: /* @__PURE__ */ x(ae, { variant: "paragraph-100", disabled: i.disabled, children: t })
+      children: /* @__PURE__ */ w(ne, { variant: "paragraph-100", disabled: u.disabled, children: t })
     }
   );
-  return /* @__PURE__ */ G("div", { className: q([n, S[`${P}__container`]]), children: [
-    t && c === "left" && m(),
-    /* @__PURE__ */ x(
-      ir,
+  return /* @__PURE__ */ F("div", { className: I([n, P[`${k}__container`]]), children: [
+    t && i === "left" && m(),
+    /* @__PURE__ */ w(
+      cr,
       {
-        ...i,
+        ...u,
         ref: s,
-        id: i.id,
+        id: u.id,
         "data-testid": e,
-        className: S[P],
-        onCheckedChange: d,
+        className: P[k],
+        onCheckedChange: h,
         checked: p,
-        children: /* @__PURE__ */ G("span", { ref: f, className: S[`${P}__track`], children: [
-          /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
-            re,
+        children: /* @__PURE__ */ F("span", { ref: d, className: P[`${k}__track`], children: [
+          /* @__PURE__ */ w("span", { className: P[`${k}__checkmark-container`], children: /* @__PURE__ */ w(
+            Q,
             {
-              className: S[`${P}__checkmark`],
+              className: P[`${k}__checkmark`],
               svg: ve,
               size: "xxs"
             }
           ) }),
-          /* @__PURE__ */ x(dr, { disabled: o, ...b, children: /* @__PURE__ */ x(
-            sr,
+          /* @__PURE__ */ w(pr, { disabled: o, ..._, children: /* @__PURE__ */ w(
+            ur,
             {
-              ref: v,
+              ref: f,
               "data-testid": e && `${e}-thumb`,
-              className: q([
-                S[`${P}__thumb`],
+              className: I([
+                P[`${k}__thumb`],
                 {
-                  [S[`${P}__thumb--dragging`]]: g
+                  [P[`${k}__thumb--dragging`]]: b
                 }
               ])
             }
@@ -872,11 +906,11 @@ const q = /* @__PURE__ */ lr(pr), S = {
         ] })
       }
     ),
-    t && c === "right" && m()
+    t && i === "right" && m()
   ] });
-}, hr = w(gr);
-hr.displayName = "Toggle";
+}, gr = S(hr);
+gr.displayName = "Toggle";
 export {
-  hr as Toggle
+  gr as Toggle
 };
 //# sourceMappingURL=toggle.es.js.map