@purpurds/checkbox 3.2.0 → 3.3.0

package/dist/checkbox.es.js

@@ -1,5 +1,5 @@
 import { jsxs as z, jsx as f } from "react/jsx-runtime";
-import { forwardRef as g, Children as v, isValidElement as x, createElement as p, cloneElement as E, useEffect as C, Fragment as re, useCallback as F, createContext as V, useMemo as A, useContext as _e, useRef as $, useState as I, useLayoutEffect as ge, useReducer as $e } from "react";
+import { forwardRef as _, Children as v, isValidElement as x, createElement as p, cloneElement as E, useEffect as O, Fragment as re, useCallback as Z, createContext as V, useMemo as A, useContext as ge, useRef as $, useState as I, useLayoutEffect as _e, useReducer as $e } from "react";
 import { flushSync as ye } from "react-dom";
 function xe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -49,19 +49,19 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ce = {
+}, 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"
-}, Oe = Ne.bind(Se), G = "purpur-icon", Ae = "md", Pe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ke = ({ content: e = "", title: n } = {}) => {
+}, Pe = Ne.bind(Se), G = "purpur-icon", Ae = "md", Ce = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ke = ({ 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 ${Pe(t)}>${a}${e}</svg>`;
+  return `<svg ${Ce(t)}>${a}${e}</svg>`;
 }, je = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ee = ({
   ["data-testid"]: e,
   svg: n,
@@ -73,7 +73,7 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
   const o = ke({
     content: je(n.svg),
     title: t
-  }), u = Oe(a, G, `${G}--${i}`);
+  }), u = Pe(a, G, `${G}--${i}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -143,7 +143,7 @@ const De = /* @__PURE__ */ Me(Re), K = {
     "aria-relevant": a,
     ...i,
     children: [
-      /* @__PURE__ */ f(Ee, { svg: Ce, size: "xs", className: K[`${W}__icon`] }),
+      /* @__PURE__ */ f(Ee, { svg: Oe, size: "xs", className: K[`${W}__icon`] }),
       n
     ]
   }
@@ -187,8 +187,8 @@ var oe = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(oe);
-var Be = oe.exports;
-const Le = /* @__PURE__ */ Ie(Be), ze = {
+var Le = oe.exports;
+const Be = /* @__PURE__ */ Ie(Le), ze = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -206,20 +206,20 @@ const Le = /* @__PURE__ */ Ie(Be), ze = {
   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"
-}, He = Le.bind(ze), X = "purpur-icon", Ze = "md", Fe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ve = ({ content: e = "", title: n } = {}) => {
+}, He = Be.bind(ze), X = "purpur-icon", Fe = "md", Ze = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ve = ({ 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 ${Fe(t)}>${a}${e}</svg>`;
+  return `<svg ${Ze(t)}>${a}${e}</svg>`;
 }, Ge = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a = "",
-  size: i = Ze,
+  size: i = Fe,
   ...r
 }) => {
   const o = Ve({
@@ -247,15 +247,15 @@ function T() {
     return e;
   }, T.apply(this, arguments);
 }
-function P() {
-  return P = Object.assign ? Object.assign.bind() : function(e) {
+function C() {
+  return C = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t)
         Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, P.apply(this, arguments);
+  }, C.apply(this, arguments);
 }
 function Ke(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
@@ -265,20 +265,20 @@ function We(...e) {
     (t) => Ke(t, n)
   );
 }
-const ae = /* @__PURE__ */ g((e, n) => {
+const ae = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e, i = v.toArray(t), r = i.find(Je);
   if (r) {
     const o = r.props.children, u = i.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ x(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(U, P({}, a, {
+    return /* @__PURE__ */ p(U, C({}, a, {
       ref: n
     }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ E(o, void 0, u) : null);
   }
-  return /* @__PURE__ */ p(U, P({}, a, {
+  return /* @__PURE__ */ p(U, C({}, a, {
     ref: n
   }), t);
 });
 ae.displayName = "Slot";
-const U = /* @__PURE__ */ g((e, n) => {
+const U = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ x(t) ? /* @__PURE__ */ E(t, {
     ...Qe(a, t.props),
@@ -329,11 +329,11 @@ const Ye = [
   "svg",
   "ul"
 ], er = Ye.reduce((e, n) => {
-  const t = /* @__PURE__ */ g((a, i) => {
+  const t = /* @__PURE__ */ _((a, i) => {
     const { asChild: r, ...o } = a, u = r ? ae : n;
-    return C(() => {
+    return O(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ p(u, P({}, o, {
+    }, []), /* @__PURE__ */ p(u, C({}, o, {
       ref: i
     }));
   });
@@ -341,7 +341,7 @@ const Ye = [
     ...e,
     [n]: t
   };
-}, {}), rr = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(er.label, T({}, e, {
+}, {}), rr = /* @__PURE__ */ _((e, n) => /* @__PURE__ */ p(er.label, T({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var a;
@@ -510,7 +510,7 @@ function ce(...e) {
   );
 }
 function se(...e) {
-  return F(ce(...e), e);
+  return Z(ce(...e), e);
 }
 function fr(e, n = []) {
   let t = [];
@@ -521,18 +521,18 @@ function fr(e, n = []) {
       o
     ];
     function s(l) {
-      const { scope: d, children: b, ..._ } = l, M = (d == null ? void 0 : d[e][c]) || u, y = A(
-        () => _,
-        Object.values(_)
+      const { scope: d, children: b, ...g } = l, M = (d == null ? void 0 : d[e][c]) || u, y = A(
+        () => g,
+        Object.values(g)
       );
       return /* @__PURE__ */ p(M.Provider, {
         value: y
       }, b);
     }
     function h(l, d) {
-      const b = (d == null ? void 0 : d[e][c]) || u, _ = _e(b);
-      if (_)
-        return _;
+      const b = (d == null ? void 0 : d[e][c]) || u, g = ge(b);
+      if (g)
+        return g;
       if (o !== void 0)
         return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -604,7 +604,7 @@ function ee(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
 }
 function le(e) {
   const n = $(e);
-  return C(() => {
+  return O(() => {
     n.current = e;
   }), A(
     () => (...t) => {
@@ -619,7 +619,7 @@ function mr({ prop: e, defaultProp: n, onChange: t = () => {
   const [a, i] = vr({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, u = le(t), c = F((s) => {
+  }), r = e !== void 0, o = r ? e : a, u = le(t), c = Z((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && u(l);
@@ -638,7 +638,7 @@ function mr({ prop: e, defaultProp: n, onChange: t = () => {
 }
 function vr({ defaultProp: e, onChange: n }) {
   const t = I(e), [a] = t, i = $(a), r = le(n);
-  return C(() => {
+  return O(() => {
     i.current !== a && (r(a), i.current = a);
   }, [
     a,
@@ -655,9 +655,9 @@ function br(e) {
     e
   ]);
 }
-const H = globalThis != null && globalThis.document ? ge : () => {
+const H = globalThis != null && globalThis.document ? _e : () => {
 };
-function _r(e) {
+function gr(e) {
   const [n, t] = I(void 0);
   return H(() => {
     if (e) {
@@ -689,7 +689,7 @@ function _r(e) {
     e
   ]), n;
 }
-function gr(e, n) {
+function _r(e, n) {
   return $e((t, a) => {
     const i = n[t][a];
     return i ?? t;
@@ -705,7 +705,7 @@ const pe = (e) => {
 };
 pe.displayName = "Presence";
 function $r(e) {
-  const [n, t] = I(), a = $({}), i = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [u, c] = gr(o, {
+  const [n, t] = I(), a = $({}), i = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [u, c] = _r(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -718,7 +718,7 @@ function $r(e) {
       MOUNT: "mounted"
     }
   });
-  return C(() => {
+  return O(() => {
     const s = q(a.current);
     r.current = u === "mounted" ? s : "none";
   }, [
@@ -755,7 +755,7 @@ function $r(e) {
       "mounted",
       "unmountSuspended"
     ].includes(u),
-    ref: F((s) => {
+    ref: Z((s) => {
       s && (a.current = getComputedStyle(s)), t(s);
     }, [])
   };
@@ -773,27 +773,27 @@ function j() {
     return e;
   }, j.apply(this, arguments);
 }
-const de = /* @__PURE__ */ g((e, n) => {
+const de = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e, i = v.toArray(t), r = i.find(xr);
   if (r) {
     const o = r.props.children, u = i.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ x(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(Z, j({}, a, {
+    return /* @__PURE__ */ p(F, j({}, a, {
       ref: n
     }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ E(o, void 0, u) : null);
   }
-  return /* @__PURE__ */ p(Z, j({}, a, {
+  return /* @__PURE__ */ p(F, j({}, a, {
     ref: n
   }), t);
 });
 de.displayName = "Slot";
-const Z = /* @__PURE__ */ g((e, n) => {
+const F = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ x(t) ? /* @__PURE__ */ E(t, {
     ...wr(a, t.props),
     ref: n ? ce(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
-Z.displayName = "SlotClone";
+F.displayName = "SlotClone";
 const yr = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
 function xr(e) {
   return /* @__PURE__ */ x(e) && e.type === yr;
@@ -837,9 +837,9 @@ const Nr = [
   "svg",
   "ul"
 ], fe = Nr.reduce((e, n) => {
-  const t = /* @__PURE__ */ g((a, i) => {
+  const t = /* @__PURE__ */ _((a, i) => {
     const { asChild: r, ...o } = a, u = r ? de : n;
-    return C(() => {
+    return O(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(u, j({}, o, {
       ref: i
@@ -849,25 +849,25 @@ const Nr = [
     ...e,
     [n]: t
   };
-}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Cr, Or] = Sr(he), Ar = /* @__PURE__ */ g((e, n) => {
+}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Or, Pr] = Sr(he), Ar = /* @__PURE__ */ _((e, n) => {
   const { __scopeCheckbox: t, name: a, checked: i, defaultChecked: r, required: o, disabled: u, value: c = "on", onCheckedChange: s, ...h } = e, [l, d] = I(null), b = se(
     n,
     (m) => d(m)
-  ), _ = $(!1), M = l ? !!l.closest("form") : !0, [y = !1, B] = mr({
+  ), g = $(!1), M = l ? !!l.closest("form") : !0, [y = !1, L] = mr({
     prop: i,
     defaultProp: r,
     onChange: s
   }), be = $(y);
-  return C(() => {
+  return O(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const O = () => B(be.current);
-      return m.addEventListener("reset", O), () => m.removeEventListener("reset", O);
+      const P = () => L(be.current);
+      return m.addEventListener("reset", P), () => m.removeEventListener("reset", P);
     }
   }, [
     l,
-    B
-  ]), /* @__PURE__ */ p(Cr, {
+    L
+  ]), /* @__PURE__ */ p(Or, {
     scope: t,
     state: y,
     disabled: u
@@ -886,13 +886,13 @@ const Nr = [
       m.key === "Enter" && m.preventDefault();
     }),
     onClick: ee(e.onClick, (m) => {
-      B(
-        (O) => S(O) ? !0 : !O
-      ), M && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
+      L(
+        (P) => S(P) ? !0 : !P
+      ), M && (g.current = m.isPropagationStopped(), g.current || m.stopPropagation());
     })
   })), M && /* @__PURE__ */ p(jr, {
     control: l,
-    bubbles: !_.current,
+    bubbles: !g.current,
     name: a,
     value: c,
     checked: y,
@@ -902,8 +902,8 @@ const Nr = [
       transform: "translateX(-100%)"
     }
   }));
-}), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ g((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...i } = e, r = Or(Pr, t);
+}), Cr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
+  const { __scopeCheckbox: t, forceMount: a, ...i } = e, r = Pr(Cr, t);
   return /* @__PURE__ */ p(pe, {
     present: a || S(r.state) || r.state === !0
   }, /* @__PURE__ */ p(fe.span, k({
@@ -917,8 +917,8 @@ const Nr = [
     }
   })));
 }), jr = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...i } = e, r = $(null), o = br(t), u = _r(n);
-  return C(() => {
+  const { control: n, checked: t, bubbles: a = !0, ...i } = e, r = $(null), o = br(t), u = gr(n);
+  return O(() => {
     const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
       const d = new Event("click", {
@@ -994,7 +994,7 @@ var ve = { exports: {} };
   })();
 })(ve);
 var Dr = ve.exports;
-const L = /* @__PURE__ */ Rr(Dr), w = {
+const B = /* @__PURE__ */ Rr(Dr), w = {
   "purpur-checkbox": "_purpur-checkbox_10fl8_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_10fl8_7",
   "purpur-checkbox--error": "_purpur-checkbox--error_10fl8_16",
@@ -1012,14 +1012,14 @@ const L = /* @__PURE__ */ Rr(Dr), w = {
   ...o
 }, u) => {
   const c = a && !n;
-  return /* @__PURE__ */ z("div", { className: L([t, w[`${N}__wrapper`]]), children: [
-    /* @__PURE__ */ z("div", { className: L([t, w[`${N}__container`]]), children: [
+  return /* @__PURE__ */ z("div", { className: B([t, w[`${N}__wrapper`]]), children: [
+    /* @__PURE__ */ z("div", { className: B([t, w[`${N}__container`]]), children: [
       /* @__PURE__ */ f(
         Er,
         {
           ...o,
           checked: n,
-          className: L(w[N], {
+          className: B(w[N], {
             [w[`${N}--error`]]: c
           }),
           "data-testid": e,
@@ -1055,7 +1055,7 @@ const L = /* @__PURE__ */ Rr(Dr), w = {
     ] }),
     c && /* @__PURE__ */ f(qe, { "data-testid": e && `${e}-error-text`, children: a })
   ] });
-}, Ir = g(qr);
+}, Ir = _(qr);
 Ir.displayName = "Checkbox";
 export {
   Ir as Checkbox