@purpurds/toggle 5.10.1 → 5.11.0

package/dist/toggle.es.js

@@ -1,5 +1,5 @@
-import { jsx as x, jsxs as J } from "react/jsx-runtime";
-import { forwardRef as w, Children as y, isValidElement as O, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as K, useMemo as R, useContext as fe, useRef as C, useState as $, useLayoutEffect as re } from "react";
+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 "react-dom";
 function ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -85,15 +85,15 @@ const be = /* @__PURE__ */ ge(he), _e = {
     }
   );
 };
-function V() {
-  return V = Object.assign ? Object.assign.bind() : function(e) {
+function W() {
+  return W = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, V.apply(this, arguments);
+  }, W.apply(this, arguments);
 }
 function M() {
   return M = Object.assign ? Object.assign.bind() : function(e) {
@@ -108,7 +108,7 @@ function M() {
 function Pe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function Oe(...e) {
+function ke(...e) {
   return (n) => e.forEach(
     (t) => Pe(t, n)
   );
@@ -116,29 +116,29 @@ function Oe(...e) {
 const ne = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e, c = y.toArray(t), r = c.find(Ae);
   if (r) {
-    const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ O(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(W, M({}, o, {
+    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, {
       ref: n
-    }), /* @__PURE__ */ O(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
+    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(W, M({}, o, {
+  return /* @__PURE__ */ _(G, M({}, o, {
     ref: n
   }), t);
 });
 ne.displayName = "Slot";
-const W = /* @__PURE__ */ w((e, n) => {
+const G = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ O(t) ? /* @__PURE__ */ X(t, {
-    ...Ce(o, t.props),
-    ref: n ? Oe(n, t.ref) : t.ref
+  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
+    ...De(o, t.props),
+    ref: n ? ke(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-W.displayName = "SlotClone";
-const ke = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
+G.displayName = "SlotClone";
+const Oe = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function Ae(e) {
-  return /* @__PURE__ */ O(e) && e.type === ke;
+  return /* @__PURE__ */ k(e) && e.type === Oe;
 }
-function Ce(e, n) {
+function De(e, n) {
   const t = {
     ...n
   };
@@ -159,7 +159,7 @@ function Ce(e, n) {
     ...t
   };
 }
-const De = [
+const Ce = [
   "a",
   "button",
   "div",
@@ -176,7 +176,7 @@ const De = [
   "span",
   "svg",
   "ul"
-], Ee = De.reduce((e, n) => {
+], Ne = Ce.reduce((e, n) => {
   const t = /* @__PURE__ */ w((o, c) => {
     const { asChild: r, ...a } = o, u = r ? ne : n;
     return A(() => {
@@ -189,13 +189,13 @@ const De = [
     ...e,
     [n]: t
   };
-}, {}), Ne = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ee.label, V({}, e, {
+}, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ne.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 = Ne;
+}))), je = Ee;
 function Re(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -299,7 +299,7 @@ var ae = { exports: {} };
   })();
 })(ae);
 var Be = ae.exports;
-const Te = /* @__PURE__ */ Xe(Be), N = {
+const Te = /* @__PURE__ */ Xe(Be), E = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -337,12 +337,12 @@ const Te = /* @__PURE__ */ Xe(Be), N = {
 }) => {
   const i = Te([
     t,
-    N[j],
-    N[`${j}--${a}`],
+    E[j],
+    E[`${j}--${a}`],
     {
-      [N[`${j}--hyphens`]]: c,
-      [N[`${j}--disabled`]]: o,
-      [N[`${j}--negative`]]: r
+      [E[`${j}--hyphens`]]: c,
+      [E[`${j}--disabled`]]: o,
+      [E[`${j}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ x("p", { ...u, className: i, "data-testid": e, children: n });
@@ -371,13 +371,13 @@ function ce(...e) {
     (t) => Fe(t, n)
   );
 }
-function Ve(...e) {
+function We(...e) {
   return B(ce(...e), e);
 }
-function We(e, n = []) {
+function Ge(e, n = []) {
   let t = [];
   function o(r, a) {
-    const u = /* @__PURE__ */ K(a), i = t.length;
+    const u = /* @__PURE__ */ J(a), i = t.length;
     t = [
       ...t,
       a
@@ -405,7 +405,7 @@ function We(e, n = []) {
     ];
   }
   const c = () => {
-    const r = t.map((a) => /* @__PURE__ */ K(a));
+    const r = t.map((a) => /* @__PURE__ */ J(a));
     return function(u) {
       const i = (u == null ? void 0 : u[e]) || r;
       return R(
@@ -459,7 +459,7 @@ function Ue(...e) {
   return t.scopeName = n.scopeName, t;
 }
 function ue(e) {
-  const n = C(e);
+  const n = D(e);
   return A(() => {
     n.current = e;
   }), R(
@@ -470,7 +470,7 @@ function ue(e) {
     []
   );
 }
-function Ge({ prop: e, defaultProp: n, onChange: t = () => {
+function Ve({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
   const [o, c] = Ze({
     defaultProp: n,
@@ -493,7 +493,7 @@ function Ge({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function Ze({ defaultProp: e, onChange: n }) {
-  const t = $(e), [o] = t, c = C(o), r = ue(n);
+  const t = $(e), [o] = t, c = D(o), r = ue(n);
   return A(() => {
     c.current !== o && (r(o), c.current = o);
   }, [
@@ -502,8 +502,8 @@ function Ze({ defaultProp: e, onChange: n }) {
     r
   ]), t;
 }
-function Je(e) {
-  const n = C({
+function Ke(e) {
+  const n = D({
     value: e,
     previous: e
   });
@@ -511,11 +511,11 @@ function Je(e) {
     e
   ]);
 }
-const Ke = globalThis != null && globalThis.document ? re : () => {
+const Je = globalThis != null && globalThis.document ? re : () => {
 };
 function Qe(e) {
   const [n, t] = $(void 0);
-  return Ke(() => {
+  return Je(() => {
     if (e) {
       t({
         width: e.offsetWidth,
@@ -558,10 +558,10 @@ function L() {
 const ie = /* @__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__ */ O(a) ? a.props.children : null : i);
+    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__ */ _(U, L({}, o, {
       ref: n
-    }), /* @__PURE__ */ O(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
+    }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
   return /* @__PURE__ */ _(U, L({}, o, {
     ref: n
@@ -570,7 +570,7 @@ const ie = /* @__PURE__ */ w((e, n) => {
 ie.displayName = "Slot";
 const U = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ O(t) ? /* @__PURE__ */ X(t, {
+  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
     ...rr(o, t.props),
     ref: n ? ce(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
@@ -578,7 +578,7 @@ const U = /* @__PURE__ */ w((e, n) => {
 U.displayName = "SlotClone";
 const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function er(e) {
-  return /* @__PURE__ */ O(e) && e.type === Ye;
+  return /* @__PURE__ */ k(e) && e.type === Ye;
 }
 function rr(e, n) {
   const t = {
@@ -631,11 +631,11 @@ const tr = [
     ...e,
     [n]: t
   };
-}, {}), le = "Switch", [nr, yr] = We(le), [or, ar] = nr(le), 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 = Ve(
+}, {}), le = "Switch", [nr, yr] = Ge(le), [or, ar] = nr(le), 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)
-  ), f = C(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
+  ), f = D(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ve({
     prop: c,
     defaultProp: r,
     onChange: s
@@ -657,7 +657,7 @@ const tr = [
     ref: v,
     onClick: qe(e.onClick, (m) => {
       b(
-        (k) => !k
+        (O) => !O
       ), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
     })
   })), g && /* @__PURE__ */ _(sr, {
@@ -681,7 +681,7 @@ const tr = [
     ref: n
   }));
 }), sr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = C(null), a = Je(t), u = Qe(n);
+  const { control: n, checked: t, bubbles: o = !0, ...c } = e, r = D(null), a = Ke(t), u = Qe(n);
   return A(() => {
     const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (a !== t && l) {
@@ -785,12 +785,12 @@ const F = /* @__PURE__ */ dr(fr), S = {
     (b) => {
       if (typeof h != "number")
         return;
-      const k = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
-      if (!k)
+      const O = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
+      if (!O)
         return;
-      const D = a + k;
-      !p && Math.abs(D) && v(!0);
-      const T = D > r.right ? r.right : D < r.left ? r.left : D;
+      const C = a + O;
+      !p && Math.abs(C) && v(!0);
+      const T = C > r.right ? r.right : C < r.left ? r.left : C;
       s(T), o == null || o({ x: T });
     },
     [o, s, p, h]
@@ -801,18 +801,18 @@ const F = /* @__PURE__ */ dr(fr), S = {
     window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g);
   }), [g]), A(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
     window.removeEventListener("mouseup", d), window.removeEventListener("touchend", d);
-  }), [d]), O(e) ? X(y.only(e), {
+  }), [d]), k(e) ? X(y.only(e), {
     onMouseDown: f,
     onTouchStart: f,
     style: { ...u, transform: `translateX(${p ? i : a}px)` }
   }) : null;
 }, hr = ({ checked: e, onChange: n }) => {
-  var G, Z;
-  const t = C(null), o = C(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
+  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 E, z;
-    l(((E = o.current) == null ? void 0 : E.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
-  }, [(G = o.current) == null ? void 0 : G.clientHeight, (Z = t.current) == null ? void 0 : Z.clientHeight]);
+    var N, z;
+    l(((N = o.current) == null ? void 0 : N.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 {
     trackRef: t,
@@ -820,8 +820,8 @@ const F = /* @__PURE__ */ dr(fr), S = {
     isDragging: a,
     bounds: { left: d, right: g },
     position: e ? g : d,
-    onDrag: ({ x: E }) => {
-      r(E), Math.abs((e ? g : d) - E) > 2 && u(!0);
+    onDrag: ({ x: N }) => {
+      r(N), Math.abs((e ? g : d) - N) > 2 && u(!0);
     },
     onStop: () => {
       u(!1), a && s(Date.now()), m && (n == null || n(!e));
@@ -845,8 +845,8 @@ const F = /* @__PURE__ */ dr(fr), S = {
     typeof r == "boolean" ? r : !!u
   ), p = !!(typeof r == "boolean" ? r : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = hr({
     checked: p,
-    onChange: (k) => {
-      i.disabled || (o == null || o(k), l(k));
+    onChange: (O) => {
+      i.disabled || (o == null || o(O), l(O));
     }
   }), m = () => /* @__PURE__ */ x(
     Le,
@@ -861,7 +861,7 @@ const F = /* @__PURE__ */ dr(fr), S = {
       children: /* @__PURE__ */ x(Ie, { variant: "paragraph-100", disabled: i.disabled, children: t })
     }
   );
-  return /* @__PURE__ */ J("div", { className: F([n, S[`${P}__container`]]), children: [
+  return /* @__PURE__ */ K("div", { className: F([n, S[`${P}__container`]]), children: [
     t && c === "left" && m(),
     /* @__PURE__ */ x(
       lr,
@@ -873,7 +873,7 @@ const F = /* @__PURE__ */ dr(fr), S = {
         className: S[P],
         onCheckedChange: d,
         checked: p,
-        children: /* @__PURE__ */ J("span", { ref: f, className: S[`${P}__track`], children: [
+        children: /* @__PURE__ */ K("span", { ref: f, className: S[`${P}__track`], children: [
           /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
             Se,
             {