@purpurds/toggle 5.27.2 → 5.27.4

package/dist/toggle.es.js

@@ -1,5 +1,5 @@
-import { jsx as x, jsxs as Z } from "react/jsx-runtime";
-import { forwardRef as w, Children as y, isValidElement as P, createElement as _, Fragment as K, cloneElement as R, useEffect as D, useCallback as B, useMemo as H, createContext as G, useContext as fe, useRef as O, useState as $, useLayoutEffect as Q } from "react";
+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 "react-dom";
 function ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -98,35 +98,35 @@ function E() {
 function Se(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ke(...e) {
+function Pe(...e) {
   return (n) => e.forEach(
     (t) => Se(t, n)
   );
 }
 const te = /* @__PURE__ */ w((e, n) => {
-  const { children: t, ...a } = e, c = y.toArray(t), r = c.find(Ce);
+  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__ */ P(o) ? o.props.children : null : i);
-    return /* @__PURE__ */ _(W, E({}, a, {
+    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, {
       ref: n
-    }), /* @__PURE__ */ P(o) ? /* @__PURE__ */ R(o, void 0, u) : null);
+    }), /* @__PURE__ */ k(o) ? /* @__PURE__ */ L(o, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(W, E({}, a, {
+  return /* @__PURE__ */ _(F, E({}, a, {
     ref: n
   }), t);
 });
 te.displayName = "Slot";
-const W = /* @__PURE__ */ w((e, n) => {
+const F = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ P(t) ? /* @__PURE__ */ R(t, {
+  return /* @__PURE__ */ k(t) ? /* @__PURE__ */ L(t, {
     ...Ne(a, t.props),
-    ref: n ? ke(n, t.ref) : t.ref
+    ref: n ? Pe(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-W.displayName = "SlotClone";
-const Pe = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
-function Ce(e) {
-  return /* @__PURE__ */ P(e) && e.type === Pe;
+F.displayName = "SlotClone";
+const ke = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
+function Ae(e) {
+  return /* @__PURE__ */ k(e) && e.type === ke;
 }
 function Ne(e, n) {
   const t = {
@@ -166,7 +166,7 @@ const De = [
   "span",
   "svg",
   "ul"
-], Oe = De.reduce((e, n) => {
+], Ce = De.reduce((e, n) => {
   const t = /* @__PURE__ */ w((a, c) => {
     const { asChild: r, ...o } = a, u = r ? te : n;
     return D(() => {
@@ -179,14 +179,14 @@ const De = [
     ...e,
     [n]: t
   };
-}, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Oe.label, E({}, e, {
+}, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ce.label, E({}, 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();
   }
-}))), Ae = Ee;
-function je(e) {
+}))), Oe = Ee;
+function Re(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ne = { exports: {} };
@@ -226,11 +226,11 @@ var ne = { exports: {} };
   })();
 })(ne);
 var Me = ne.exports;
-const Xe = /* @__PURE__ */ je(Me), T = {
+const je = /* @__PURE__ */ Re(Me), z = {
   "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", He = ({
+}, I = "purpur-label", He = ({
   children: e,
   className: n,
   htmlFor: t,
@@ -239,17 +239,17 @@ const Xe = /* @__PURE__ */ je(Me), T = {
   negative: r = !1,
   ...o
 }) => {
-  const u = Xe([
+  const u = je([
     n,
-    T[q],
+    z[I],
     {
-      [T[`${q}--disabled`]]: c,
-      [T[`${q}--negative`]]: r
+      [z[`${I}--disabled`]]: c,
+      [z[`${I}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ x(Ae, { className: u, "data-testid": a, htmlFor: t, ...o, children: e });
+  return /* @__PURE__ */ x(Oe, { className: u, "data-testid": a, htmlFor: t, ...o, children: e });
 };
-function Re(e) {
+function Le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var oe = { exports: {} };
@@ -288,8 +288,8 @@ var oe = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(oe);
-var Be = oe.exports;
-const Le = /* @__PURE__ */ Re(Be), M = {
+var Xe = oe.exports;
+const Be = /* @__PURE__ */ Le(Xe), M = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -304,26 +304,35 @@ const Le = /* @__PURE__ */ Re(Be), 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"
-}, ze = {
-  PARAGRAPH100: "paragraph-100"
-}, X = "purpur-paragraph", ae = ({
+}, Te = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, j = "purpur-paragraph", ae = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   disabled: a,
   enableHyphenation: c = !1,
   negative: r = !1,
-  variant: o = ze.PARAGRAPH100,
+  variant: o = Te.PARAGRAPH100,
   ...u
 }) => {
-  const i = Le([
+  const i = Be([
     t,
-    M[X],
-    M[`${X}--${o}`],
+    M[j],
+    M[`${j}--${o}`],
     {
-      [M[`${X}--hyphens`]]: c,
-      [M[`${X}--disabled`]]: a,
-      [M[`${X}--negative`]]: r
+      [M[`${j}--hyphens`]]: c,
+      [M[`${j}--disabled`]]: a,
+      [M[`${j}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ x("p", { ...u, className: i, "data-testid": e, children: n });
@@ -338,26 +347,26 @@ function N() {
     return e;
   }, N.apply(null, arguments);
 }
-function Te(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+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 qe(e, n) {
+function Ie(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function ce(...e) {
   return (n) => e.forEach(
-    (t) => qe(t, n)
+    (t) => Ie(t, n)
   );
 }
-function Fe(...e) {
-  return B(ce(...e), e);
+function qe(...e) {
+  return X(ce(...e), e);
 }
-function We(e, n = []) {
+function Fe(e, n = []) {
   let t = [];
   function a(r, o) {
-    const u = /* @__PURE__ */ G(o), i = t.length;
+    const u = /* @__PURE__ */ Z(o), i = t.length;
     t = [
       ...t,
       o
@@ -383,7 +392,7 @@ function We(e, n = []) {
     ];
   }
   const c = () => {
-    const r = t.map((o) => /* @__PURE__ */ G(o));
+    const r = t.map((o) => /* @__PURE__ */ Z(o));
     return function(u) {
       const i = (u == null ? void 0 : u[e]) || r;
       return H(
@@ -402,10 +411,10 @@ function We(e, n = []) {
   };
   return c.scopeName = e, [
     a,
-    Ie(c, ...n)
+    Ue(c, ...n)
   ];
 }
-function Ie(...e) {
+function Ue(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
@@ -436,7 +445,7 @@ function Ie(...e) {
   return t.scopeName = n.scopeName, t;
 }
 function ue(e) {
-  const n = O(e);
+  const n = C(e);
   return D(() => {
     n.current = e;
   }), H(
@@ -447,12 +456,12 @@ function ue(e) {
     []
   );
 }
-function Ue({ prop: e, defaultProp: n, onChange: t = () => {
+function Ve({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [a, c] = Ve({
+  const [a, c] = We({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, u = ue(t), i = B((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);
@@ -468,8 +477,8 @@ function Ue({ prop: e, defaultProp: n, onChange: t = () => {
     i
   ];
 }
-function Ve({ defaultProp: e, onChange: n }) {
-  const t = $(e), [a] = t, c = O(a), r = ue(n);
+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);
   }, [
@@ -478,8 +487,8 @@ function Ve({ defaultProp: e, onChange: n }) {
     r
   ]), t;
 }
-function Ze(e) {
-  const n = O({
+function Ge(e) {
+  const n = C({
     value: e,
     previous: e
   });
@@ -487,11 +496,11 @@ function Ze(e) {
     e
   ]);
 }
-const Ge = globalThis != null && globalThis.document ? Q : () => {
+const Ze = globalThis != null && globalThis.document ? Q : () => {
 };
 function Je(e) {
   const [n, t] = $(void 0);
-  return Ge(() => {
+  return Ze(() => {
     if (e) {
       t({
         width: e.offsetWidth,
@@ -523,27 +532,27 @@ function Je(e) {
 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__ */ P(o) ? o.props.children : null : i);
-    return /* @__PURE__ */ _(I, N({}, a, {
+    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, {
       ref: n
-    }), /* @__PURE__ */ P(o) ? /* @__PURE__ */ R(o, void 0, u) : null);
+    }), /* @__PURE__ */ k(o) ? /* @__PURE__ */ L(o, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(I, N({}, a, {
+  return /* @__PURE__ */ _(U, N({}, a, {
     ref: n
   }), t);
 });
 ie.displayName = "Slot";
-const I = /* @__PURE__ */ w((e, n) => {
+const U = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ P(t) ? /* @__PURE__ */ R(t, {
+  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;
 });
-I.displayName = "SlotClone";
+U.displayName = "SlotClone";
 const Ye = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
 function Ke(e) {
-  return /* @__PURE__ */ P(e) && e.type === Ye;
+  return /* @__PURE__ */ k(e) && e.type === Ye;
 }
 function Qe(e, n) {
   const t = {
@@ -596,11 +605,11 @@ const er = [
     ...e,
     [n]: t
   };
-}, {}), le = "Switch", [rr, mr] = We(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 = Fe(
+}, {}), 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)
-  ), f = O(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ue({
+  ), f = C(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ve({
     prop: c,
     defaultProp: r,
     onChange: s
@@ -620,9 +629,9 @@ const er = [
     value: i
   }, h, {
     ref: v,
-    onClick: Te(e.onClick, (m) => {
+    onClick: ze(e.onClick, (m) => {
       b(
-        (C) => !C
+        (A) => !A
       ), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
     })
   })), g && /* @__PURE__ */ _(ur, {
@@ -646,7 +655,7 @@ const er = [
     ref: n
   }));
 }), ur = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...c } = e, r = O(null), o = Ze(t), u = Je(n);
+  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;
     if (o !== t && l) {
@@ -720,7 +729,7 @@ var de = { exports: {} };
   })();
 })(de);
 var pr = de.exports;
-const F = /* @__PURE__ */ lr(pr), S = {
+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",
@@ -746,38 +755,38 @@ const F = /* @__PURE__ */ lr(pr), S = {
       const m = Y(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
       l(m), t == null || t();
     }
-  }, g = B(
+  }, g = X(
     (b) => {
       if (typeof h != "number")
         return;
-      const C = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
-      if (!C)
+      const A = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
+      if (!A)
         return;
-      const A = o + C;
-      !p && Math.abs(A) && v(!0);
-      const L = A > r.right ? r.right : A < r.left ? r.left : A;
-      s(L), a == null || a({ x: L });
+      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 });
     },
     [a, s, p, h]
-  ), d = B(() => {
+  ), 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]), P(e) ? R(y.only(e), {
+  }), [d]), k(e) ? L(y.only(e), {
     onMouseDown: f,
     onTouchStart: f,
     style: { ...u, transform: `translateX(${p ? i : o}px)` }
   }) : null;
 }, fr = ({ checked: e, onChange: n }) => {
-  var U, V;
-  const t = O(null), a = O(null), [c, r] = $(void 0), [o, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
+  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 j, z;
-    l(((j = a.current) == null ? void 0 : j.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
-  }, [(U = a.current) == null ? void 0 : U.clientHeight, (V = t.current) == null ? void 0 : V.clientHeight]);
+    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);
   return {
     trackRef: t,
@@ -785,8 +794,8 @@ const F = /* @__PURE__ */ lr(pr), S = {
     isDragging: o,
     bounds: { left: d, right: g },
     position: e ? g : d,
-    onDrag: ({ x: j }) => {
-      r(j), Math.abs((e ? g : d) - j) > 2 && u(!0);
+    onDrag: ({ x: R }) => {
+      r(R), Math.abs((e ? g : d) - R) > 2 && u(!0);
     },
     onStop: () => {
       u(!1), o && s(Date.now()), m && (n == null || n(!e));
@@ -795,7 +804,7 @@ const F = /* @__PURE__ */ lr(pr), S = {
       Date.now() - i > 50 && (n == null || n(!e)), r(void 0);
     }
   };
-}, k = "purpur-toggle", gr = ({
+}, P = "purpur-toggle", gr = ({
   ["data-testid"]: e,
   className: n,
   label: t,
@@ -810,8 +819,8 @@ const F = /* @__PURE__ */ lr(pr), S = {
     typeof r == "boolean" ? r : !!u
   ), p = !!(typeof r == "boolean" ? r : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = fr({
     checked: p,
-    onChange: (C) => {
-      i.disabled || (a == null || a(C), l(C));
+    onChange: (A) => {
+      i.disabled || (a == null || a(A), l(A));
     }
   }), m = () => /* @__PURE__ */ x(
     He,
@@ -819,14 +828,14 @@ const F = /* @__PURE__ */ lr(pr), S = {
       htmlFor: i.id,
       "data-testid": e && `${e}-label`,
       disabled: i.disabled,
-      className: F(
-        S[`${k}__label`],
-        S[`${k}__label--${c}`]
+      className: q(
+        S[`${P}__label`],
+        S[`${P}__label--${c}`]
       ),
       children: /* @__PURE__ */ x(ae, { variant: "paragraph-100", disabled: i.disabled, children: t })
     }
   );
-  return /* @__PURE__ */ Z("div", { className: F([n, S[`${k}__container`]]), children: [
+  return /* @__PURE__ */ G("div", { className: q([n, S[`${P}__container`]]), children: [
     t && c === "left" && m(),
     /* @__PURE__ */ x(
       ir,
@@ -835,14 +844,14 @@ const F = /* @__PURE__ */ lr(pr), S = {
         ref: s,
         id: i.id,
         "data-testid": e,
-        className: S[k],
+        className: S[P],
         onCheckedChange: d,
         checked: p,
-        children: /* @__PURE__ */ Z("span", { ref: f, className: S[`${k}__track`], children: [
-          /* @__PURE__ */ x("span", { className: S[`${k}__checkmark-container`], children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ G("span", { ref: f, className: S[`${P}__track`], children: [
+          /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
             re,
             {
-              className: S[`${k}__checkmark`],
+              className: S[`${P}__checkmark`],
               svg: ve,
               size: "xxs"
             }
@@ -852,10 +861,10 @@ const F = /* @__PURE__ */ lr(pr), S = {
             {
               ref: v,
               "data-testid": e && `${e}-thumb`,
-              className: F([
-                S[`${k}__thumb`],
+              className: q([
+                S[`${P}__thumb`],
                 {
-                  [S[`${k}__thumb--dragging`]]: g
+                  [S[`${P}__thumb--dragging`]]: g
                 }
               ])
             }