@purpurds/checkbox 4.3.0 → 4.4.0

package/dist/checkbox.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import { default as React } from 'react';
+
 export type CheckedState = boolean | "indeterminate";
 export type CheckboxProps = {
     /**

package/dist/checkbox.es.js

@@ -1,5 +1,5 @@
 import { jsxs as B, jsx as f } from "react/jsx-runtime";
-import { forwardRef as _, Children as v, isValidElement as x, createElement as p, cloneElement as z, useEffect as O, Fragment as re, useCallback as Z, createContext as V, useMemo as k, useContext as ge, useRef as $, useState as q, useLayoutEffect as _e, useReducer as $e } from "react";
+import { forwardRef as _, Children as v, isValidElement as x, createElement as p, cloneElement as z, useEffect as A, Fragment as re, useCallback as Z, createContext as V, useMemo as k, useContext as ge, useRef as $, useState as q, 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,31 +49,31 @@ 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"
-}, 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 } = {}) => {
+}, Oe = Ne.bind(Se), G = "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" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = n ? `<title>${n}</title>` : "";
-  return `<svg ${Ce(t)}>${a}${e}</svg>`;
+  return `<svg ${Pe(t)}>${a}${e}</svg>`;
 }, je = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ee = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a = "",
-  size: u = Ae,
+  size: u = Ce,
   ...r
 }) => {
   const o = ke({
     content: je(n.svg),
     title: t
-  }), i = Pe(a, G, `${G}--${u}`);
+  }), i = Oe(a, G, `${G}--${u}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -143,7 +143,7 @@ const Re = /* @__PURE__ */ Me(ze), K = {
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ f(Ee, { svg: Oe, size: "xs", className: K[`${W}__icon`] }),
+      /* @__PURE__ */ f(Ee, { svg: Ae, size: "xs", className: K[`${W}__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 O(() => {
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, j({}, o, {
       ref: u
@@ -446,7 +446,7 @@ var ie = { exports: {} };
   })();
 })(ie);
 var cr = ie.exports;
-const sr = /* @__PURE__ */ ir(cr), A = {
+const sr = /* @__PURE__ */ ir(cr), C = {
   "purpur-paragraph": "_purpur-paragraph_15yuz_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
@@ -472,7 +472,7 @@ const sr = /* @__PURE__ */ ir(cr), A = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, C = "purpur-paragraph", pr = ({
+}, P = "purpur-paragraph", pr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
@@ -484,12 +484,12 @@ const sr = /* @__PURE__ */ ir(cr), A = {
 }) => {
   const c = sr([
     t,
-    A[C],
-    A[`${C}--${o}`],
+    C[P],
+    C[`${P}--${o}`],
     {
-      [A[`${C}--hyphens`]]: u,
-      [A[`${C}--disabled`]]: a,
-      [A[`${C}--negative`]]: r
+      [C[`${P}--hyphens`]]: u,
+      [C[`${P}--disabled`]]: a,
+      [C[`${P}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ f("p", { ...i, className: c, "data-testid": e, children: n });
@@ -607,7 +607,7 @@ function ee(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
 }
 function le(e) {
   const n = $(e);
-  return O(() => {
+  return A(() => {
     n.current = e;
   }), k(
     () => (...t) => {
@@ -641,7 +641,7 @@ function mr({ prop: e, defaultProp: n, onChange: t = () => {
 }
 function vr({ defaultProp: e, onChange: n }) {
   const t = q(e), [a] = t, u = $(a), r = le(n);
-  return O(() => {
+  return A(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
     a,
@@ -721,7 +721,7 @@ function $r(e) {
       MOUNT: "mounted"
     }
   });
-  return O(() => {
+  return A(() => {
     const s = D(a.current);
     r.current = i === "mounted" ? s : "none";
   }, [
@@ -842,7 +842,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
@@ -852,7 +852,7 @@ const Nr = [
     ...e,
     [n]: t
   };
-}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Or, Pr] = Sr(he), Ar = /* @__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] = q(null), b = se(
     n,
     (m) => d(m)
@@ -861,16 +861,16 @@ const Nr = [
     defaultProp: r,
     onChange: s
   }), be = $(y);
-  return O(() => {
+  return A(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const P = () => I(be.current);
-      return m.addEventListener("reset", P), () => m.removeEventListener("reset", P);
+      const O = () => I(be.current);
+      return m.addEventListener("reset", O), () => m.removeEventListener("reset", O);
     }
   }, [
     l,
     I
-  ]), /* @__PURE__ */ p(Or, {
+  ]), /* @__PURE__ */ p(Ar, {
     scope: t,
     state: y,
     disabled: i
@@ -890,7 +890,7 @@ const Nr = [
     }),
     onClick: ee(e.onClick, (m) => {
       I(
-        (P) => S(P) ? !0 : !P
+        (O) => S(O) ? !0 : !O
       ), R && (g.current = m.isPropagationStopped(), g.current || m.stopPropagation());
     })
   })), R && /* @__PURE__ */ p(jr, {
@@ -905,8 +905,8 @@ const Nr = [
       transform: "translateX(-100%)"
     }
   }));
-}), Cr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Pr(Cr, t);
+}), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
+  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, 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", {
@@ -956,7 +956,7 @@ function S(e) {
 function me(e) {
   return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Er = Ar, Mr = kr;
+const Er = Cr, Mr = kr;
 function zr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }