@purpurds/toggle 5.11.0 → 5.11.1

package/dist/toggle.es.js

@@ -1,7 +1,7 @@
 import { jsx as x, jsxs as K } from "react/jsx-runtime";
-import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as J, useMemo as R, useContext as fe, useRef as D, useState as $, useLayoutEffect as re } from "react";
+import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as J, useMemo as R, useContext as ge, useRef as D, useState as $, useLayoutEffect as re } from "react";
 import "react-dom";
-function ge(e) {
+function he(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var te = { exports: {} };
@@ -40,8 +40,8 @@ var te = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(te);
-var he = te.exports;
-const be = /* @__PURE__ */ ge(he), _e = {
+var be = te.exports;
+const _e = /* @__PURE__ */ he(be), ve = {
   "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 be = /* @__PURE__ */ ge(he), _e = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ve = {
+}, me = {
   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"
-}, me = be.bind(_e), Q = "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 = _e.bind(ve), Q = "purpur-icon", ye = "md", xe = (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" }
   ], o = n ? `<title>${n}</title>` : "";
-  return `<svg ${ye(t)}>${o}${e}</svg>`;
-}, we = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Se = ({
+  return `<svg ${xe(t)}>${o}${e}</svg>`;
+}, Se = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Pe = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
-  className: o = "",
-  size: c = $e,
+  className: o,
+  size: c = ye,
   ...r
 }) => {
-  const a = xe({
-    content: we(n.svg),
+  const a = we({
+    content: Se(n.svg),
     title: t
-  }), u = me(o, Q, `${Q}--${c}`);
+  }), u = $e(o, Q, `${Q}--${c}`);
   return /* @__PURE__ */ x(
     "span",
     {
@@ -105,16 +105,16 @@ function M() {
     return e;
   }, M.apply(this, arguments);
 }
-function Pe(e, n) {
+function ke(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ke(...e) {
+function Oe(...e) {
   return (n) => e.forEach(
-    (t) => Pe(t, n)
+    (t) => ke(t, n)
   );
 }
 const ne = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...o } = e, c = y.toArray(t), r = c.find(Ae);
+  const { children: t, ...o } = e, c = y.toArray(t), r = c.find(De);
   if (r) {
     const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
     return /* @__PURE__ */ _(G, M({}, o, {
@@ -129,16 +129,16 @@ ne.displayName = "Slot";
 const G = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
-    ...De(o, t.props),
-    ref: n ? ke(n, t.ref) : t.ref
+    ...Ne(o, t.props),
+    ref: n ? Oe(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
 G.displayName = "SlotClone";
-const Oe = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
-function Ae(e) {
-  return /* @__PURE__ */ k(e) && e.type === Oe;
+const Ae = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
+function De(e) {
+  return /* @__PURE__ */ k(e) && e.type === Ae;
 }
-function De(e, n) {
+function Ne(e, n) {
   const t = {
     ...n
   };
@@ -176,7 +176,7 @@ const Ce = [
   "span",
   "svg",
   "ul"
-], Ne = Ce.reduce((e, n) => {
+], Ee = Ce.reduce((e, n) => {
   const t = /* @__PURE__ */ w((o, c) => {
     const { asChild: r, ...a } = o, u = r ? ne : n;
     return A(() => {
@@ -189,14 +189,14 @@ const Ce = [
     ...e,
     [n]: t
   };
-}, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ne.label, W({}, e, {
+}, {}), je = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ee.label, W({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var o;
     (o = e.onMouseDown) === null || o === void 0 || o.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
   }
-}))), je = Ee;
-function Re(e) {
+}))), Re = je;
+function Me(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var oe = { exports: {} };
@@ -235,12 +235,12 @@ var oe = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(oe);
-var Me = oe.exports;
-const He = /* @__PURE__ */ Re(Me), I = {
+var He = oe.exports;
+const Le = /* @__PURE__ */ Me(He), I = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, q = "purpur-label", Le = ({
+}, q = "purpur-label", Xe = ({
   children: e,
   className: n,
   htmlFor: t,
@@ -249,7 +249,7 @@ const He = /* @__PURE__ */ Re(Me), I = {
   negative: r = !1,
   ...a
 }) => {
-  const u = He([
+  const u = Le([
     n,
     I[q],
     {
@@ -257,9 +257,9 @@ const He = /* @__PURE__ */ Re(Me), I = {
       [I[`${q}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ x(je, { className: u, "data-testid": o, htmlFor: t, ...a, children: e });
+  return /* @__PURE__ */ x(Re, { className: u, "data-testid": o, htmlFor: t, ...a, children: e });
 };
-function Xe(e) {
+function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ae = { exports: {} };
@@ -298,8 +298,8 @@ var ae = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ae);
-var Be = ae.exports;
-const Te = /* @__PURE__ */ Xe(Be), E = {
+var Te = ae.exports;
+const ze = /* @__PURE__ */ Be(Te), E = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -314,7 +314,7 @@ const Te = /* @__PURE__ */ Xe(Be), E = {
   "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"
-}, ze = {
+}, Ie = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -325,17 +325,17 @@ const Te = /* @__PURE__ */ Xe(Be), E = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, j = "purpur-paragraph", Ie = ({
+}, j = "purpur-paragraph", ce = ({
   ["data-testid"]: e,
   children: n,
-  className: t = "",
+  className: t,
   disabled: o,
   enableHyphenation: c = !1,
   negative: r = !1,
-  variant: a = ze.PARAGRAPH100,
+  variant: a = Ie.PARAGRAPH100,
   ...u
 }) => {
-  const i = Te([
+  const i = ze([
     t,
     E[j],
     E[`${j}--${a}`],
@@ -347,6 +347,7 @@ const Te = /* @__PURE__ */ Xe(Be), E = {
   ]);
   return /* @__PURE__ */ x("p", { ...u, className: i, "data-testid": e, children: n });
 };
+ce.displayName = "Paragraph";
 function H() {
   return H = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -359,20 +360,19 @@ function H() {
 }
 function qe(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(c) {
-    if (e == null || e(c), t === !1 || !c.defaultPrevented)
-      return n == null ? void 0 : n(c);
+    if (e == null || e(c), t === !1 || !c.defaultPrevented) return n == null ? void 0 : n(c);
   };
 }
 function Fe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ce(...e) {
+function ue(...e) {
   return (n) => e.forEach(
     (t) => Fe(t, n)
   );
 }
 function We(...e) {
-  return B(ce(...e), e);
+  return B(ue(...e), e);
 }
 function Ge(e, n = []) {
   let t = [];
@@ -392,11 +392,9 @@ function Ge(e, n = []) {
       }, v);
     }
     function h(l, p) {
-      const v = (p == null ? void 0 : p[e][i]) || u, f = fe(v);
-      if (f)
-        return f;
-      if (a !== void 0)
-        return a;
+      const v = (p == null ? void 0 : p[e][i]) || u, f = ge(v);
+      if (f) return f;
+      if (a !== void 0) return a;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
     return s.displayName = r + "Provider", [
@@ -429,8 +427,7 @@ function Ge(e, n = []) {
 }
 function Ue(...e) {
   const n = e[0];
-  if (e.length === 1)
-    return n;
+  if (e.length === 1) return n;
   const t = () => {
     const o = e.map(
       (c) => ({
@@ -458,7 +455,7 @@ function Ue(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-function ue(e) {
+function ie(e) {
   const n = D(e);
   return A(() => {
     n.current = e;
@@ -475,12 +472,11 @@ function Ve({ prop: e, defaultProp: n, onChange: t = () => {
   const [o, c] = Ze({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, a = r ? e : o, u = ue(t), i = B((s) => {
+  }), r = e !== void 0, a = r ? e : o, u = ie(t), i = B((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && u(l);
-    } else
-      c(s);
+    } else c(s);
   }, [
     r,
     e,
@@ -493,7 +489,7 @@ function Ve({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function Ze({ defaultProp: e, onChange: n }) {
-  const t = $(e), [o] = t, c = D(o), r = ue(n);
+  const t = $(e), [o] = t, c = D(o), r = ie(n);
   return A(() => {
     c.current !== o && (r(o), c.current = o);
   }, [
@@ -522,8 +518,7 @@ function Qe(e) {
         height: e.offsetHeight
       });
       const o = new ResizeObserver((c) => {
-        if (!Array.isArray(c) || !c.length)
-          return;
+        if (!Array.isArray(c) || !c.length) return;
         const r = c[0];
         let a, u;
         if ("borderBoxSize" in r) {
@@ -555,7 +550,7 @@ function L() {
     return e;
   }, L.apply(this, arguments);
 }
-const ie = /* @__PURE__ */ w((e, n) => {
+const se = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e, c = y.toArray(t), r = c.find(er);
   if (r) {
     const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
@@ -567,12 +562,12 @@ const ie = /* @__PURE__ */ w((e, n) => {
     ref: n
   }), t);
 });
-ie.displayName = "Slot";
+se.displayName = "Slot";
 const U = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
     ...rr(o, t.props),
-    ref: n ? ce(n, t.ref) : t.ref
+    ref: n ? ue(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
 U.displayName = "SlotClone";
@@ -618,9 +613,9 @@ const tr = [
   "span",
   "svg",
   "ul"
-], se = tr.reduce((e, n) => {
+], le = tr.reduce((e, n) => {
   const t = /* @__PURE__ */ w((o, c) => {
-    const { asChild: r, ...a } = o, u = r ? ie : n;
+    const { asChild: r, ...a } = o, u = r ? se : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ _(u, L({}, a, {
@@ -631,7 +626,7 @@ const tr = [
     ...e,
     [n]: t
   };
-}, {}), le = "Switch", [nr, yr] = Ge(le), [or, ar] = nr(le), cr = /* @__PURE__ */ w((e, n) => {
+}, {}), pe = "Switch", [nr, yr] = Ge(pe), [or, ar] = nr(pe), cr = /* @__PURE__ */ w((e, n) => {
   const { __scopeSwitch: t, name: o, checked: c, defaultChecked: r, required: a, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = We(
     n,
     (m) => p(m)
@@ -644,12 +639,12 @@ const tr = [
     scope: t,
     checked: d,
     disabled: u
-  }, /* @__PURE__ */ _(se.button, H({
+  }, /* @__PURE__ */ _(le.button, H({
     type: "button",
     role: "switch",
     "aria-checked": d,
     "aria-required": a,
-    "data-state": pe(d),
+    "data-state": de(d),
     "data-disabled": u ? "" : void 0,
     disabled: u,
     value: i
@@ -674,8 +669,8 @@ const tr = [
   }));
 }), ur = "SwitchThumb", ir = /* @__PURE__ */ w((e, n) => {
   const { __scopeSwitch: t, ...o } = e, c = ar(ur, t);
-  return /* @__PURE__ */ _(se.span, H({
-    "data-state": pe(c.checked),
+  return /* @__PURE__ */ _(le.span, H({
+    "data-state": de(c.checked),
     "data-disabled": c.disabled ? "" : void 0
   }, o, {
     ref: n
@@ -711,14 +706,14 @@ const tr = [
     }
   }));
 };
-function pe(e) {
+function de(e) {
   return e ? "checked" : "unchecked";
 }
 const lr = cr, pr = ir;
 function dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var de = { exports: {} };
+var fe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -753,8 +748,8 @@ var de = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(de);
-var fr = de.exports;
+})(fe);
+var fr = fe.exports;
 const F = /* @__PURE__ */ dr(fr), S = {
   "purpur-toggle": "_purpur-toggle_1xng6_1",
   "purpur-toggle__track": "_purpur-toggle__track_1xng6_7",
@@ -788,9 +783,9 @@ const F = /* @__PURE__ */ dr(fr), S = {
       const O = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
       if (!O)
         return;
-      const C = a + O;
-      !p && Math.abs(C) && v(!0);
-      const T = C > r.right ? r.right : C < r.left ? r.left : C;
+      const N = a + O;
+      !p && Math.abs(N) && v(!0);
+      const T = N > r.right ? r.right : N < r.left ? r.left : N;
       s(T), o == null || o({ x: T });
     },
     [o, s, p, h]
@@ -810,8 +805,8 @@ const F = /* @__PURE__ */ dr(fr), S = {
   var V, Z;
   const t = D(null), o = D(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
   re(() => {
-    var N, z;
-    l(((N = o.current) == null ? void 0 : N.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
+    var C, z;
+    l(((C = o.current) == null ? void 0 : C.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
   }, [(V = o.current) == null ? void 0 : V.clientHeight, (Z = t.current) == null ? void 0 : Z.clientHeight]);
   const f = (p || 0) - h, g = h + f, d = f / 2, b = g / 2, m = typeof c == "number" && (e ? c < b : c > b);
   return {
@@ -820,8 +815,8 @@ const F = /* @__PURE__ */ dr(fr), S = {
     isDragging: a,
     bounds: { left: d, right: g },
     position: e ? g : d,
-    onDrag: ({ x: N }) => {
-      r(N), Math.abs((e ? g : d) - N) > 2 && u(!0);
+    onDrag: ({ x: C }) => {
+      r(C), Math.abs((e ? g : d) - C) > 2 && u(!0);
     },
     onStop: () => {
       u(!1), a && s(Date.now()), m && (n == null || n(!e));
@@ -849,7 +844,7 @@ const F = /* @__PURE__ */ dr(fr), S = {
       i.disabled || (o == null || o(O), l(O));
     }
   }), m = () => /* @__PURE__ */ x(
-    Le,
+    Xe,
     {
       htmlFor: i.id,
       "data-testid": e && `${e}-label`,
@@ -858,7 +853,7 @@ const F = /* @__PURE__ */ dr(fr), S = {
         S[`${P}__label`],
         S[`${P}__label--${c}`]
       ),
-      children: /* @__PURE__ */ x(Ie, { variant: "paragraph-100", disabled: i.disabled, children: t })
+      children: /* @__PURE__ */ x(ce, { variant: "paragraph-100", disabled: i.disabled, children: t })
     }
   );
   return /* @__PURE__ */ K("div", { className: F([n, S[`${P}__container`]]), children: [
@@ -875,10 +870,10 @@ const F = /* @__PURE__ */ dr(fr), S = {
         checked: p,
         children: /* @__PURE__ */ K("span", { ref: f, className: S[`${P}__track`], children: [
           /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
-            Se,
+            Pe,
             {
               className: S[`${P}__checkmark`],
-              svg: ve,
+              svg: me,
               size: "xxs"
             }
           ) }),