@purpurds/checkbox 5.12.0 → 5.14.0

package/dist/checkbox.es.js

@@ -1,7 +1,7 @@
 import { jsxs as U, jsx as f } from "react/jsx-runtime";
-import { forwardRef as _, Children as v, isValidElement as x, createElement as p, cloneElement as R, useEffect as O, Fragment as re, useCallback as V, createContext as K, useMemo as k, useContext as _e, useRef as $, useState as I, useLayoutEffect as $e, useReducer as ye } from "react";
+import { forwardRef as _, Children as v, isValidElement as x, createElement as p, cloneElement as R, useEffect as A, Fragment as re, useCallback as G, createContext as K, useMemo as k, useContext as _e, useRef as $, useState as L, useLayoutEffect as $e, useReducer as ye } from "react";
 import { flushSync as xe } from "react-dom";
-function we(e) {
+function Ne(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 Ne = te.exports;
-const Se = /* @__PURE__ */ we(Ne), Oe = {
+var we = te.exports;
+const Se = /* @__PURE__ */ Ne(we), Ae = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,12 +49,12 @@ const Se = /* @__PURE__ */ we(Ne), Oe = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ae = {
+}, Oe = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
-}, Pe = Se.bind(Oe), W = "purpur-icon", Ce = "md", ke = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), je = ({ content: e = "", title: n } = {}) => {
+}, Pe = Se.bind(Ae), X = "purpur-icon", Ce = "md", ke = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), je = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -73,7 +73,7 @@ const Se = /* @__PURE__ */ we(Ne), Oe = {
   const o = je({
     content: Ee(n.svg),
     title: t
-  }), i = Pe(a, W, `${W}--${u}`);
+  }), i = Pe(a, X, `${X}--${u}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -125,10 +125,10 @@ var ne = { exports: {} };
   })();
 })(ne);
 var De = ne.exports;
-const qe = /* @__PURE__ */ Re(De), X = {
+const qe = /* @__PURE__ */ Re(De), W = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, J = "purpur-field-error-text", Ie = ({
+}, J = "purpur-field-error-text", Le = ({
   ["data-testid"]: e,
   children: n,
   className: t,
@@ -137,18 +137,18 @@ const qe = /* @__PURE__ */ Re(De), X = {
 }) => /* @__PURE__ */ U(
   "div",
   {
-    className: qe([t, X[J]]),
+    className: qe([t, W[J]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ f(Me, { svg: Ae, size: "xs", className: X[`${J}__icon`] }),
+      /* @__PURE__ */ f(Me, { svg: Oe, size: "xs", className: W[`${J}__icon`] }),
       n
     ]
   }
 );
-function Be(e) {
+function Ie(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var oe = { exports: {} };
@@ -187,8 +187,8 @@ var oe = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(oe);
-var Le = oe.exports;
-const ze = /* @__PURE__ */ Be(Le), Te = {
+var Be = oe.exports;
+const ze = /* @__PURE__ */ Ie(Be), Te = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -206,15 +206,15 @@ const ze = /* @__PURE__ */ Be(Le), Te = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3 12c0-1.105.711-2 1.588-2h14.824c.877 0 1.588.895 1.588 2s-.711 2-1.588 2H4.588C3.711 14 3 13.105 3 12Z" clip-rule="evenodd"/></svg>',
   keywords: ["minus-bold"],
   category: "utility"
-}, Fe = ze.bind(Te), Q = "purpur-icon", Ze = "md", Ge = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ve = ({ content: e = "", title: n } = {}) => {
+}, Fe = ze.bind(Te), Y = "purpur-icon", Ze = "md", Ve = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ge = ({ 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 ${Ge(t)}>${a}${e}</svg>`;
-}, Ke = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
+  return `<svg ${Ve(t)}>${a}${e}</svg>`;
+}, Ke = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Q = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
@@ -222,10 +222,10 @@ const ze = /* @__PURE__ */ Be(Le), Te = {
   size: u = Ze,
   ...r
 }) => {
-  const o = Ve({
+  const o = Ge({
     content: Ke(n.svg),
     title: t
-  }), i = Fe(a, Q, `${Q}--${u}`);
+  }), i = Fe(a, Y, `${Y}--${u}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -257,16 +257,16 @@ function j() {
     return e;
   }, j.apply(this, arguments);
 }
-function We(e, n) {
+function Xe(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function Xe(...e) {
+function We(...e) {
   return (n) => e.forEach(
-    (t) => We(t, n)
+    (t) => Xe(t, n)
   );
 }
 const ae = /* @__PURE__ */ _((e, n) => {
-  const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Qe);
+  const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Ye);
   if (r) {
     const o = r.props.children, i = u.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ x(o) ? o.props.children : null : c);
     return /* @__PURE__ */ p(F, j({}, a, {
@@ -281,16 +281,16 @@ ae.displayName = "Slot";
 const F = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ x(t) ? /* @__PURE__ */ R(t, {
-    ...Ye(a, t.props),
-    ref: n ? Xe(n, t.ref) : t.ref
+    ...Qe(a, t.props),
+    ref: n ? We(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
 F.displayName = "SlotClone";
 const Je = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
-function Qe(e) {
+function Ye(e) {
   return /* @__PURE__ */ x(e) && e.type === Je;
 }
-function Ye(e, n) {
+function Qe(e, n) {
   const t = {
     ...n
   };
@@ -331,7 +331,7 @@ const er = [
 ], rr = er.reduce((e, n) => {
   const t = /* @__PURE__ */ _((a, u) => {
     const { asChild: r, ...o } = a, i = r ? ae : n;
-    return O(() => {
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, j({}, o, {
       ref: u
@@ -388,7 +388,7 @@ var ie = { exports: {} };
   })();
 })(ie);
 var ar = ie.exports;
-const ir = /* @__PURE__ */ or(ar), L = {
+const ir = /* @__PURE__ */ or(ar), B = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
@@ -403,10 +403,10 @@ const ir = /* @__PURE__ */ or(ar), L = {
 }) => {
   const i = ir([
     n,
-    L[z],
+    B[z],
     {
-      [L[`${z}--disabled`]]: u,
-      [L[`${z}--negative`]]: r
+      [B[`${z}--disabled`]]: u,
+      [B[`${z}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ f(nr, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
@@ -519,7 +519,7 @@ function se(...e) {
   );
 }
 function le(...e) {
-  return V(se(...e), e);
+  return G(se(...e), e);
 }
 function fr(e, n = []) {
   let t = [];
@@ -609,7 +609,7 @@ function ee(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
 }
 function pe(e) {
   const n = $(e);
-  return O(() => {
+  return A(() => {
     n.current = e;
   }), k(
     () => (...t) => {
@@ -624,7 +624,7 @@ function mr({ prop: e, defaultProp: n, onChange: t = () => {
   const [a, u] = vr({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, i = pe(t), c = V((s) => {
+  }), r = e !== void 0, o = r ? e : a, i = pe(t), c = G((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && i(l);
@@ -641,8 +641,8 @@ function mr({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function vr({ defaultProp: e, onChange: n }) {
-  const t = I(e), [a] = t, u = $(a), r = pe(n);
-  return O(() => {
+  const t = L(e), [a] = t, u = $(a), r = pe(n);
+  return A(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
     a,
@@ -662,7 +662,7 @@ function br(e) {
 const Z = globalThis != null && globalThis.document ? $e : () => {
 };
 function gr(e) {
-  const [n, t] = I(void 0);
+  const [n, t] = L(void 0);
   return Z(() => {
     if (e) {
       t({
@@ -708,7 +708,7 @@ const de = (e) => {
 };
 de.displayName = "Presence";
 function $r(e) {
-  const [n, t] = I(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = _r(o, {
+  const [n, t] = L(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = _r(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -721,7 +721,7 @@ function $r(e) {
       MOUNT: "mounted"
     }
   });
-  return O(() => {
+  return A(() => {
     const s = q(a.current);
     r.current = i === "mounted" ? s : "none";
   }, [
@@ -758,7 +758,7 @@ function $r(e) {
       "mounted",
       "unmountSuspended"
     ].includes(i),
-    ref: V((s) => {
+    ref: G((s) => {
       s && (a.current = getComputedStyle(s)), t(s);
     }, [])
   };
@@ -780,28 +780,28 @@ const fe = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e, u = v.toArray(t), r = u.find(xr);
   if (r) {
     const o = r.props.children, i = u.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ x(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(G, M({}, a, {
+    return /* @__PURE__ */ p(V, M({}, a, {
       ref: n
     }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ R(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(G, M({}, a, {
+  return /* @__PURE__ */ p(V, M({}, a, {
     ref: n
   }), t);
 });
 fe.displayName = "Slot";
-const G = /* @__PURE__ */ _((e, n) => {
+const V = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ x(t) ? /* @__PURE__ */ R(t, {
-    ...wr(a, t.props),
+    ...Nr(a, t.props),
     ref: n ? se(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
-G.displayName = "SlotClone";
+V.displayName = "SlotClone";
 const yr = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
 function xr(e) {
   return /* @__PURE__ */ x(e) && e.type === yr;
 }
-function wr(e, n) {
+function Nr(e, n) {
   const t = {
     ...n
   };
@@ -822,7 +822,7 @@ function wr(e, n) {
     ...t
   };
 }
-const Nr = [
+const wr = [
   "a",
   "button",
   "div",
@@ -839,10 +839,10 @@ const Nr = [
   "span",
   "svg",
   "ul"
-], he = Nr.reduce((e, n) => {
+], he = wr.reduce((e, n) => {
   const t = /* @__PURE__ */ _((a, u) => {
     const { asChild: r, ...o } = a, i = r ? fe : n;
-    return O(() => {
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, M({}, o, {
       ref: u
@@ -852,25 +852,25 @@ const Nr = [
     ...e,
     [n]: t
   };
-}, {}), me = "Checkbox", [Sr, Tr] = fr(me), [Or, Ar] = Sr(me), Pr = /* @__PURE__ */ _((e, n) => {
-  const { __scopeCheckbox: t, name: a, checked: u, defaultChecked: r, required: o, disabled: i, value: c = "on", onCheckedChange: s, ...h } = e, [l, d] = I(null), b = le(
+}, {}), me = "Checkbox", [Sr, Tr] = fr(me), [Ar, Or] = Sr(me), Pr = /* @__PURE__ */ _((e, n) => {
+  const { __scopeCheckbox: t, name: a, checked: u, defaultChecked: r, required: o, disabled: i, value: c = "on", onCheckedChange: s, ...h } = e, [l, d] = L(null), b = le(
     n,
     (m) => d(m)
-  ), g = $(!1), D = l ? !!l.closest("form") : !0, [y = !1, B] = mr({
+  ), g = $(!1), D = l ? !!l.closest("form") : !0, [y = !1, I] = mr({
     prop: u,
     defaultProp: r,
     onChange: s
   }), ge = $(y);
-  return O(() => {
+  return A(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const A = () => B(ge.current);
-      return m.addEventListener("reset", A), () => m.removeEventListener("reset", A);
+      const O = () => I(ge.current);
+      return m.addEventListener("reset", O), () => m.removeEventListener("reset", O);
     }
   }, [
     l,
-    B
-  ]), /* @__PURE__ */ p(Or, {
+    I
+  ]), /* @__PURE__ */ p(Ar, {
     scope: t,
     state: y,
     disabled: i
@@ -889,8 +889,8 @@ const Nr = [
       m.key === "Enter" && m.preventDefault();
     }),
     onClick: ee(e.onClick, (m) => {
-      B(
-        (A) => S(A) ? !0 : !A
+      I(
+        (O) => S(O) ? !0 : !O
       ), D && (g.current = m.isPropagationStopped(), g.current || m.stopPropagation());
     })
   })), D && /* @__PURE__ */ p(jr, {
@@ -906,7 +906,7 @@ const Nr = [
     }
   }));
 }), Cr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Ar(Cr, t);
+  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Or(Cr, t);
   return /* @__PURE__ */ p(de, {
     present: a || S(r.state) || r.state === !0
   }, /* @__PURE__ */ p(he.span, E({
@@ -921,7 +921,7 @@ const Nr = [
   })));
 }), jr = (e) => {
   const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = br(t), i = gr(n);
-  return O(() => {
+  return A(() => {
     const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
       const d = new Event("click", {
@@ -997,7 +997,7 @@ var be = { exports: {} };
   })();
 })(be);
 var Dr = be.exports;
-const T = /* @__PURE__ */ Rr(Dr), w = {
+const T = /* @__PURE__ */ Rr(Dr), N = {
   "purpur-checkbox": "_purpur-checkbox_10fl8_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_10fl8_7",
   "purpur-checkbox--error": "_purpur-checkbox--error_10fl8_16",
@@ -1005,7 +1005,7 @@ const T = /* @__PURE__ */ Rr(Dr), w = {
   "purpur-checkbox__label": "_purpur-checkbox__label_10fl8_70",
   "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_10fl8_73",
   "purpur-checkbox__container": "_purpur-checkbox__container_10fl8_79"
-}, Ur = ["indeterminate", !0, !1], N = "purpur-checkbox", qr = ({
+}, Ur = ["indeterminate", !0, !1], w = "purpur-checkbox", qr = ({
   ["data-testid"]: e,
   checked: n,
   className: t,
@@ -1015,28 +1015,28 @@ const T = /* @__PURE__ */ Rr(Dr), w = {
   ...o
 }, i) => {
   const c = a && !n;
-  return /* @__PURE__ */ U("div", { className: T([t, w[`${N}__wrapper`]]), children: [
-    /* @__PURE__ */ U("div", { className: T([t, w[`${N}__container`]]), children: [
+  return /* @__PURE__ */ U("div", { className: T([t, N[`${w}__wrapper`]]), children: [
+    /* @__PURE__ */ U("div", { className: T([t, N[`${w}__container`]]), children: [
       /* @__PURE__ */ f(
         Er,
         {
           ...o,
           checked: n,
-          className: T(w[N], {
-            [w[`${N}--error`]]: c
+          className: T(N[w], {
+            [N[`${w}--error`]]: c
           }),
           "data-testid": e,
           onCheckedChange: r,
           ref: i,
-          children: /* @__PURE__ */ f("span", { className: w[`${N}__box`], children: /* @__PURE__ */ f(Mr, { className: w[`${N}__indicator`], children: n === "indeterminate" ? /* @__PURE__ */ f(
-            Y,
+          children: /* @__PURE__ */ f("span", { className: N[`${w}__box`], children: /* @__PURE__ */ f(Mr, { className: N[`${w}__indicator`], children: n === "indeterminate" ? /* @__PURE__ */ f(
+            Q,
             {
               "data-testid": e && `${e}-checked-icon`,
               size: "xs",
               svg: He
             }
           ) : /* @__PURE__ */ f(
-            Y,
+            Q,
             {
               "data-testid": e && `${e}-indeterminate-icon`,
               size: "xs",
@@ -1051,17 +1051,17 @@ const T = /* @__PURE__ */ Rr(Dr), w = {
           htmlFor: o.id,
           "data-testid": e && `${e}-label`,
           disabled: o.disabled,
-          className: w[`${N}__label`],
+          className: N[`${w}__label`],
           children: /* @__PURE__ */ f(ce, { variant: "paragraph-100", disabled: o.disabled, children: `${o.required ? "* " : ""}${u}` })
         }
       )
     ] }),
-    c && /* @__PURE__ */ f(Ie, { "data-testid": e && `${e}-error-text`, children: a })
+    c && /* @__PURE__ */ f(Le, { "data-testid": e && `${e}-error-text`, children: a })
   ] });
-}, Ir = _(qr);
-Ir.displayName = "Checkbox";
+}, Lr = _(qr);
+Lr.displayName = "Checkbox";
 export {
-  Ir as Checkbox,
+  Lr as Checkbox,
   Ur as checkedState
 };
 //# sourceMappingURL=checkbox.es.js.map