@purpurds/toggle 5.20.1 → 5.21.1

package/dist/toggle.es.js

@@ -1,7 +1,7 @@
 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 N, Fragment as K, useCallback as X, createContext as Z, useMemo as H, useContext as de, useRef as C, useState as $, useLayoutEffect as Q } from "react";
+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 "react-dom";
-function fe(e) {
+function ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ee = { exports: {} };
@@ -40,8 +40,8 @@ var ee = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ee);
-var ge = ee.exports;
-const he = /* @__PURE__ */ fe(ge), be = {
+var he = ee.exports;
+const be = /* @__PURE__ */ ge(he), _e = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,31 +49,31 @@ const he = /* @__PURE__ */ fe(ge), be = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, _e = {
+}, ve = {
   name: "checkmark-bold",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark-bold"],
   category: "utility"
-}, ve = he.bind(be), J = "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 } = {}) => {
+}, 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 } = {}) => {
   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 ${$e(t)}>${a}${e}</svg>`;
-}, xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), we = ({
+  return `<svg ${ye(t)}>${a}${e}</svg>`;
+}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a,
-  size: c = me,
+  size: c = $e,
   ...r
 }) => {
-  const o = ye({
-    content: xe(n.svg),
+  const o = xe({
+    content: we(n.svg),
     title: t
-  }), u = ve(a, J, `${J}--${c}`);
+  }), u = me(a, J, `${J}--${c}`);
   return /* @__PURE__ */ x(
     "span",
     {
@@ -85,6 +85,7 @@ const he = /* @__PURE__ */ fe(ge), be = {
     }
   );
 };
+re.displayName = "Icon";
 function E() {
   return E = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -102,7 +103,7 @@ function Pe(...e) {
     (t) => Se(t, n)
   );
 }
-const re = /* @__PURE__ */ w((e, n) => {
+const te = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...a } = e, c = y.toArray(t), r = c.find(Ae);
   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);
@@ -114,11 +115,11 @@ const re = /* @__PURE__ */ w((e, n) => {
     ref: n
   }), t);
 });
-re.displayName = "Slot";
+te.displayName = "Slot";
 const F = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ k(t) ? /* @__PURE__ */ L(t, {
-    ...De(a, t.props),
+    ...Ne(a, t.props),
     ref: n ? Pe(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
@@ -127,7 +128,7 @@ const ke = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
 function Ae(e) {
   return /* @__PURE__ */ k(e) && e.type === ke;
 }
-function De(e, n) {
+function Ne(e, n) {
   const t = {
     ...n
   };
@@ -148,7 +149,7 @@ function De(e, n) {
     ...t
   };
 }
-const Ne = [
+const De = [
   "a",
   "button",
   "div",
@@ -165,10 +166,10 @@ const Ne = [
   "span",
   "svg",
   "ul"
-], Ce = Ne.reduce((e, n) => {
+], Ce = De.reduce((e, n) => {
   const t = /* @__PURE__ */ w((a, c) => {
-    const { asChild: r, ...o } = a, u = r ? re : n;
-    return N(() => {
+    const { asChild: r, ...o } = a, u = r ? te : n;
+    return D(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ _(u, E({}, o, {
       ref: c
@@ -188,7 +189,7 @@ const Ne = [
 function Re(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var te = { exports: {} };
+var ne = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -223,8 +224,8 @@ var te = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(te);
-var Me = te.exports;
+})(ne);
+var Me = ne.exports;
 const je = /* @__PURE__ */ Re(Me), z = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
@@ -251,7 +252,7 @@ const je = /* @__PURE__ */ Re(Me), z = {
 function Le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ne = { exports: {} };
+var oe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -286,8 +287,8 @@ var ne = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ne);
-var Xe = ne.exports;
+})(oe);
+var Xe = oe.exports;
 const Be = /* @__PURE__ */ Le(Xe), M = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
@@ -314,7 +315,7 @@ const Be = /* @__PURE__ */ Le(Xe), M = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, j = "purpur-paragraph", oe = ({
+}, j = "purpur-paragraph", ae = ({
   ["data-testid"]: e,
   children: n,
   className: t,
@@ -336,15 +337,15 @@ const Be = /* @__PURE__ */ Le(Xe), M = {
   ]);
   return /* @__PURE__ */ x("p", { ...u, className: i, "data-testid": e, children: n });
 };
-oe.displayName = "Paragraph";
-function D() {
-  return D = Object.assign ? Object.assign.bind() : function(e) {
+ae.displayName = "Paragraph";
+function N() {
+  return N = 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;
-  }, D.apply(null, arguments);
+  }, N.apply(null, arguments);
 }
 function ze(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(c) {
@@ -354,13 +355,13 @@ function ze(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
 function Ie(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ae(...e) {
+function ce(...e) {
   return (n) => e.forEach(
     (t) => Ie(t, n)
   );
 }
 function qe(...e) {
-  return X(ae(...e), e);
+  return X(ce(...e), e);
 }
 function Fe(e, n = []) {
   let t = [];
@@ -380,7 +381,7 @@ function Fe(e, n = []) {
       }, v);
     }
     function h(l, p) {
-      const v = (p == null ? void 0 : p[e][i]) || u, f = de(v);
+      const v = (p == null ? void 0 : p[e][i]) || u, f = fe(v);
       if (f) return f;
       if (o !== void 0) return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -443,9 +444,9 @@ function Ue(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-function ce(e) {
+function ue(e) {
   const n = C(e);
-  return N(() => {
+  return D(() => {
     n.current = e;
   }), H(
     () => (...t) => {
@@ -460,7 +461,7 @@ function Ve({ prop: e, defaultProp: n, onChange: t = () => {
   const [a, c] = We({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, u = ce(t), i = X((s) => {
+  }), r = e !== void 0, o = r ? e : a, u = ue(t), i = X((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && u(l);
@@ -477,8 +478,8 @@ function Ve({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function We({ defaultProp: e, onChange: n }) {
-  const t = $(e), [a] = t, c = C(a), r = ce(n);
-  return N(() => {
+  const t = $(e), [a] = t, c = C(a), r = ue(n);
+  return D(() => {
     c.current !== a && (r(a), c.current = a);
   }, [
     a,
@@ -528,24 +529,24 @@ function Je(e) {
     e
   ]), n;
 }
-const ue = /* @__PURE__ */ w((e, n) => {
+const ie = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...a } = e, c = y.toArray(t), r = c.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__ */ _(U, D({}, a, {
+    return /* @__PURE__ */ _(U, N({}, a, {
       ref: n
     }), /* @__PURE__ */ k(o) ? /* @__PURE__ */ L(o, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(U, D({}, a, {
+  return /* @__PURE__ */ _(U, N({}, a, {
     ref: n
   }), t);
 });
-ue.displayName = "Slot";
+ie.displayName = "Slot";
 const U = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ k(t) ? /* @__PURE__ */ L(t, {
     ...Qe(a, t.props),
-    ref: n ? ae(n, t.ref) : t.ref
+    ref: n ? ce(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
 U.displayName = "SlotClone";
@@ -591,12 +592,12 @@ const er = [
   "span",
   "svg",
   "ul"
-], ie = er.reduce((e, n) => {
+], se = er.reduce((e, n) => {
   const t = /* @__PURE__ */ w((a, c) => {
-    const { asChild: r, ...o } = a, u = r ? ue : n;
-    return N(() => {
+    const { asChild: r, ...o } = a, u = r ? ie : n;
+    return D(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ _(u, D({}, o, {
+    }, []), /* @__PURE__ */ _(u, N({}, o, {
       ref: c
     }));
   });
@@ -604,7 +605,7 @@ const er = [
     ...e,
     [n]: t
   };
-}, {}), se = "Switch", [rr, mr] = Fe(se), [tr, nr] = rr(se), or = /* @__PURE__ */ w((e, n) => {
+}, {}), 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(
     n,
     (m) => p(m)
@@ -617,12 +618,12 @@ const er = [
     scope: t,
     checked: d,
     disabled: u
-  }, /* @__PURE__ */ _(ie.button, D({
+  }, /* @__PURE__ */ _(se.button, N({
     type: "button",
     role: "switch",
     "aria-checked": d,
     "aria-required": o,
-    "data-state": le(d),
+    "data-state": pe(d),
     "data-disabled": u ? "" : void 0,
     disabled: u,
     value: i
@@ -647,15 +648,15 @@ const er = [
   }));
 }), ar = "SwitchThumb", cr = /* @__PURE__ */ w((e, n) => {
   const { __scopeSwitch: t, ...a } = e, c = nr(ar, t);
-  return /* @__PURE__ */ _(ie.span, D({
-    "data-state": le(c.checked),
+  return /* @__PURE__ */ _(se.span, N({
+    "data-state": pe(c.checked),
     "data-disabled": c.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 N(() => {
+  return D(() => {
     const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
       const p = new Event("click", {
@@ -667,7 +668,7 @@ const er = [
     o,
     t,
     a
-  ]), /* @__PURE__ */ _("input", D({
+  ]), /* @__PURE__ */ _("input", N({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: t
@@ -684,14 +685,14 @@ const er = [
     }
   }));
 };
-function le(e) {
+function pe(e) {
   return e ? "checked" : "unchecked";
 }
 const ir = or, sr = cr;
 function lr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var pe = { exports: {} };
+var de = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -726,8 +727,8 @@ var pe = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(pe);
-var pr = pe.exports;
+})(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",
@@ -770,9 +771,9 @@ const q = /* @__PURE__ */ lr(pr), S = {
   ), d = X(() => {
     l(void 0), s(void 0), v(!1), c == null || c();
   }, [c, l]);
-  return N(() => (window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), () => {
+  return D(() => (window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), () => {
     window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g);
-  }), [g]), N(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
+  }), [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,
@@ -831,7 +832,7 @@ const q = /* @__PURE__ */ lr(pr), S = {
         S[`${P}__label`],
         S[`${P}__label--${c}`]
       ),
-      children: /* @__PURE__ */ x(oe, { variant: "paragraph-100", disabled: i.disabled, children: t })
+      children: /* @__PURE__ */ x(ae, { variant: "paragraph-100", disabled: i.disabled, children: t })
     }
   );
   return /* @__PURE__ */ G("div", { className: q([n, S[`${P}__container`]]), children: [
@@ -848,10 +849,10 @@ const q = /* @__PURE__ */ lr(pr), S = {
         checked: p,
         children: /* @__PURE__ */ G("span", { ref: f, className: S[`${P}__track`], children: [
           /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
-            we,
+            re,
             {
               className: S[`${P}__checkmark`],
-              svg: _e,
+              svg: ve,
               size: "xxs"
             }
           ) }),