@purpurds/checkbox 5.7.0 → 5.8.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 A, 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 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 { 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"
-}, 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"
-}, 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 } = {}) => {
+}, 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 } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -73,7 +73,7 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
   const o = ke({
     content: Ee(n.svg),
     title: t
-  }), i = Oe(a, W, `${W}--${u}`);
+  }), i = Ae(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: Ae, size: "xs", className: X[`${J}__icon`] }),
+      /* @__PURE__ */ f(je, { svg: Oe, size: "xs", className: X[`${J}__icon`] }),
       n
     ]
   }
@@ -331,7 +331,7 @@ const Ye = [
 ], er = Ye.reduce((e, n) => {
   const t = /* @__PURE__ */ _((a, u) => {
     const { asChild: r, ...o } = a, i = r ? ae : n;
-    return A(() => {
+    return O(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, E({}, o, {
       ref: u
@@ -612,7 +612,7 @@ function ee(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
 }
 function le(e) {
   const n = $(e);
-  return A(() => {
+  return O(() => {
     n.current = e;
   }), k(
     () => (...t) => {
@@ -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 A(() => {
+  return O(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
     a,
@@ -726,7 +726,7 @@ function $r(e) {
       MOUNT: "mounted"
     }
   });
-  return A(() => {
+  return O(() => {
     const s = q(a.current);
     r.current = i === "mounted" ? s : "none";
   }, [
@@ -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 A(() => {
+    return O(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, M({}, o, {
       ref: u
@@ -857,7 +857,7 @@ const Nr = [
     ...e,
     [n]: t
   };
-}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Ar, Or] = Sr(he), Cr = /* @__PURE__ */ _((e, n) => {
+}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Or, Ar] = 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)
@@ -866,16 +866,16 @@ const Nr = [
     defaultProp: r,
     onChange: s
   }), be = $(y);
-  return A(() => {
+  return O(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const O = () => L(be.current);
-      return m.addEventListener("reset", O), () => m.removeEventListener("reset", O);
+      const A = () => L(be.current);
+      return m.addEventListener("reset", A), () => m.removeEventListener("reset", A);
     }
   }, [
     l,
     L
-  ]), /* @__PURE__ */ p(Ar, {
+  ]), /* @__PURE__ */ p(Or, {
     scope: t,
     state: y,
     disabled: i
@@ -895,7 +895,7 @@ const Nr = [
     }),
     onClick: ee(e.onClick, (m) => {
       L(
-        (O) => S(O) ? !0 : !O
+        (A) => S(A) ? !0 : !A
       ), D && (g.current = m.isPropagationStopped(), g.current || m.stopPropagation());
     })
   })), D && /* @__PURE__ */ p(Er, {
@@ -911,7 +911,7 @@ const Nr = [
     }
   }));
 }), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Or(Pr, t);
+  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Ar(Pr, t);
   return /* @__PURE__ */ p(pe, {
     present: a || S(r.state) || r.state === !0
   }, /* @__PURE__ */ p(fe.span, j({
@@ -926,7 +926,7 @@ const Nr = [
   })));
 }), Er = (e) => {
   const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = br(t), i = gr(n);
-  return A(() => {
+  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", {