@purpurds/checkbox 5.10.1 → 5.11.0

package/dist/checkbox.es.js

@@ -1,5 +1,5 @@
 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 G, createContext as K, useMemo as k, useContext as ge, useRef as $, useState as I, useLayoutEffect as _e, useReducer as $e } 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 V, createContext as K, useMemo as k, 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,12 +49,12 @@ 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"
-}, Oe = {
+}, Ae = {
   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"
-}, Ae = Ne.bind(Se), W = "purpur-icon", Ce = "md", Pe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ke = ({ content: e = "", title: n } = {}) => {
+}, Oe = Ne.bind(Se), W = "purpur-icon", Ce = "md", Pe = (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" },
@@ -62,7 +62,7 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = n ? `<title>${n}</title>` : "";
   return `<svg ${Pe(t)}>${a}${e}</svg>`;
-}, Ee = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), je = ({
+}, je = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ee = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
@@ -71,9 +71,9 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
   ...r
 }) => {
   const o = ke({
-    content: Ee(n.svg),
+    content: je(n.svg),
     title: t
-  }), i = Ae(a, W, `${W}--${u}`);
+  }), i = Oe(a, W, `${W}--${u}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -143,7 +143,7 @@ const De = /* @__PURE__ */ Me(Re), X = {
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ f(je, { svg: Oe, size: "xs", className: X[`${J}__icon`] }),
+      /* @__PURE__ */ f(Ee, { svg: Ae, size: "xs", className: X[`${J}__icon`] }),
       n
     ]
   }
@@ -187,8 +187,8 @@ var oe = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(oe);
-var Le = oe.exports;
-const Be = /* @__PURE__ */ Ie(Le), ze = {
+var Be = oe.exports;
+const Le = /* @__PURE__ */ Ie(Be), ze = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -206,7 +206,7 @@ const Be = /* @__PURE__ */ Ie(Le), 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 = Be.bind(ze), Q = "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 } = {}) => {
+}, He = Le.bind(ze), Q = "purpur-icon", Fe = "md", Ze = (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" },
@@ -214,7 +214,7 @@ const Be = /* @__PURE__ */ Ie(Le), ze = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = n ? `<title>${n}</title>` : "";
   return `<svg ${Ze(t)}>${a}${e}</svg>`;
-}, Ge = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
+}, Ve = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
@@ -222,8 +222,8 @@ const Be = /* @__PURE__ */ Ie(Le), ze = {
   size: u = Fe,
   ...r
 }) => {
-  const o = Ve({
-    content: Ge(n.svg),
+  const o = Ge({
+    content: Ve(n.svg),
     title: t
   }), i = He(a, Q, `${Q}--${u}`);
   return /* @__PURE__ */ f(
@@ -247,15 +247,15 @@ function H() {
     return e;
   }, H.apply(this, arguments);
 }
-function E() {
-  return E = Object.assign ? Object.assign.bind() : function(e) {
+function j() {
+  return j = 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;
-  }, E.apply(this, arguments);
+  }, j.apply(this, arguments);
 }
 function Ke(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
@@ -269,11 +269,11 @@ const ae = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Je);
   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, E({}, a, {
+    return /* @__PURE__ */ p(F, j({}, a, {
       ref: n
     }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ R(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(F, E({}, a, {
+  return /* @__PURE__ */ p(F, j({}, a, {
     ref: n
   }), t);
 });
@@ -331,9 +331,9 @@ const Ye = [
 ], er = Ye.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, E({}, o, {
+    }, []), /* @__PURE__ */ p(i, j({}, o, {
       ref: u
     }));
   });
@@ -388,7 +388,7 @@ var ie = { exports: {} };
   })();
 })(ie);
 var or = ie.exports;
-const ar = /* @__PURE__ */ nr(or), B = {
+const ar = /* @__PURE__ */ nr(or), L = {
   "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 ar = /* @__PURE__ */ nr(or), B = {
 }) => {
   const i = ar([
     n,
-    B[z],
+    L[z],
     {
-      [B[`${z}--disabled`]]: u,
-      [B[`${z}--negative`]]: r
+      [L[`${z}--disabled`]]: u,
+      [L[`${z}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ f(tr, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
@@ -499,15 +499,15 @@ const sr = /* @__PURE__ */ ur(cr), C = {
   ]);
   return /* @__PURE__ */ f("p", { ...i, className: c, "data-testid": e, children: n });
 };
-function j() {
-  return j = Object.assign ? Object.assign.bind() : function(e) {
+function E() {
+  return E = 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;
-  }, j.apply(this, arguments);
+  }, E.apply(this, arguments);
 }
 function dr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
@@ -518,7 +518,7 @@ function ce(...e) {
   );
 }
 function se(...e) {
-  return G(ce(...e), e);
+  return V(ce(...e), e);
 }
 function fr(e, n = []) {
   let t = [];
@@ -612,7 +612,7 @@ function ee(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
 }
 function le(e) {
   const n = $(e);
-  return O(() => {
+  return A(() => {
     n.current = e;
   }), k(
     () => (...t) => {
@@ -627,7 +627,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 = le(t), c = G((s) => {
+  }), r = e !== void 0, o = r ? e : a, i = le(t), c = V((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && i(l);
@@ -646,7 +646,7 @@ function mr({ prop: e, defaultProp: n, onChange: t = () => {
 }
 function vr({ defaultProp: e, onChange: n }) {
   const t = I(e), [a] = t, u = $(a), r = le(n);
-  return O(() => {
+  return A(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
     a,
@@ -726,7 +726,7 @@ function $r(e) {
       MOUNT: "mounted"
     }
   });
-  return O(() => {
+  return A(() => {
     const s = q(a.current);
     r.current = i === "mounted" ? s : "none";
   }, [
@@ -763,7 +763,7 @@ function $r(e) {
       "mounted",
       "unmountSuspended"
     ].includes(i),
-    ref: G((s) => {
+    ref: V((s) => {
       s && (a.current = getComputedStyle(s)), t(s);
     }, [])
   };
@@ -785,23 +785,23 @@ const de = /* @__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(V, M({}, a, {
+    return /* @__PURE__ */ p(G, M({}, a, {
       ref: n
     }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ R(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(V, M({}, a, {
+  return /* @__PURE__ */ p(G, M({}, a, {
     ref: n
   }), t);
 });
 de.displayName = "Slot";
-const V = /* @__PURE__ */ _((e, n) => {
+const G = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ x(t) ? /* @__PURE__ */ R(t, {
     ...wr(a, t.props),
     ref: n ? ce(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
-V.displayName = "SlotClone";
+G.displayName = "SlotClone";
 const yr = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
 function xr(e) {
   return /* @__PURE__ */ x(e) && e.type === yr;
@@ -847,7 +847,7 @@ const Nr = [
 ], fe = Nr.reduce((e, n) => {
   const t = /* @__PURE__ */ _((a, u) => {
     const { asChild: r, ...o } = a, i = r ? de : n;
-    return O(() => {
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, M({}, o, {
       ref: u
@@ -857,29 +857,29 @@ const Nr = [
     ...e,
     [n]: t
   };
-}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Or, Ar] = Sr(he), Cr = /* @__PURE__ */ _((e, n) => {
+}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Ar, Or] = Sr(he), Cr = /* @__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 = se(
     n,
     (m) => d(m)
-  ), g = $(!1), D = l ? !!l.closest("form") : !0, [y = !1, L] = mr({
+  ), g = $(!1), D = l ? !!l.closest("form") : !0, [y = !1, B] = mr({
     prop: u,
     defaultProp: r,
     onChange: s
   }), be = $(y);
-  return O(() => {
+  return A(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const A = () => L(be.current);
-      return m.addEventListener("reset", A), () => m.removeEventListener("reset", A);
+      const O = () => B(be.current);
+      return m.addEventListener("reset", O), () => m.removeEventListener("reset", O);
     }
   }, [
     l,
-    L
-  ]), /* @__PURE__ */ p(Or, {
+    B
+  ]), /* @__PURE__ */ p(Ar, {
     scope: t,
     state: y,
     disabled: i
-  }, /* @__PURE__ */ p(fe.button, j({
+  }, /* @__PURE__ */ p(fe.button, E({
     type: "button",
     role: "checkbox",
     "aria-checked": S(y) ? "mixed" : y,
@@ -894,11 +894,11 @@ const Nr = [
       m.key === "Enter" && m.preventDefault();
     }),
     onClick: ee(e.onClick, (m) => {
-      L(
-        (A) => S(A) ? !0 : !A
+      B(
+        (O) => S(O) ? !0 : !O
       ), D && (g.current = m.isPropagationStopped(), g.current || m.stopPropagation());
     })
-  })), D && /* @__PURE__ */ p(Er, {
+  })), D && /* @__PURE__ */ p(jr, {
     control: l,
     bubbles: !g.current,
     name: a,
@@ -911,10 +911,10 @@ const Nr = [
     }
   }));
 }), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Ar(Pr, t);
+  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Or(Pr, t);
   return /* @__PURE__ */ p(pe, {
     present: a || S(r.state) || r.state === !0
-  }, /* @__PURE__ */ p(fe.span, j({
+  }, /* @__PURE__ */ p(fe.span, E({
     "data-state": me(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, u, {
@@ -924,9 +924,9 @@ const Nr = [
       ...e.style
     }
   })));
-}), Er = (e) => {
+}), 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", {
@@ -938,7 +938,7 @@ const Nr = [
     o,
     t,
     a
-  ]), /* @__PURE__ */ p("input", j({
+  ]), /* @__PURE__ */ p("input", E({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: S(t) ? !1 : t
@@ -961,7 +961,7 @@ function S(e) {
 function me(e) {
   return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const jr = Cr, Mr = kr;
+const Er = Cr, Mr = kr;
 function Rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1023,7 +1023,7 @@ const T = /* @__PURE__ */ Rr(Dr), w = {
   return /* @__PURE__ */ U("div", { className: T([t, w[`${N}__wrapper`]]), children: [
     /* @__PURE__ */ U("div", { className: T([t, w[`${N}__container`]]), children: [
       /* @__PURE__ */ f(
-        jr,
+        Er,
         {
           ...o,
           checked: n,