@purpurds/checkbox 3.7.0 → 4.0.0

package/dist/checkbox.es.js

@@ -1,7 +1,7 @@
-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 O, Fragment as re, useCallback as Z, createContext as V, useMemo as A, useContext as _e, useRef as $, useState as I, useLayoutEffect as ge, useReducer as $e } from "react";
-import { flushSync as ye } from "react-dom";
-function xe(e) {
+import { jsxs as B, jsx as f } from "react/jsx-runtime";
+import { forwardRef as g, Children as v, isValidElement as y, createElement as p, cloneElement as E, useEffect as O, Fragment as re, useCallback as Z, createContext as V, useMemo as A, useContext as _e, useRef as $, useState as q, useLayoutEffect as ge, useReducer as $e } from "react";
+import { flushSync as xe } from "react-dom";
+function ye(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var te = { exports: {} };
@@ -41,7 +41,7 @@ var te = { exports: {} };
   })();
 })(te);
 var we = te.exports;
-const Ne = /* @__PURE__ */ xe(we), Se = {
+const Ne = /* @__PURE__ */ ye(we), Se = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -124,20 +124,20 @@ var ne = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ne);
-var Re = ne.exports;
-const De = /* @__PURE__ */ Me(Re), K = {
+var ze = ne.exports;
+const Re = /* @__PURE__ */ Me(ze), K = {
   "purpur-field-error-text": "_purpur-field-error-text_1h4gy_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1h4gy_12"
-}, W = "purpur-field-error-text", qe = ({
+}, W = "purpur-field-error-text", De = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   relevant: a = "additions text",
   ...i
-}) => /* @__PURE__ */ z(
+}) => /* @__PURE__ */ B(
   "div",
   {
-    className: De([t, K[W]]),
+    className: Re([t, K[W]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
@@ -148,7 +148,7 @@ const De = /* @__PURE__ */ Me(Re), K = {
     ]
   }
 );
-function Ie(e) {
+function qe(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 Be = /* @__PURE__ */ Ie(Le), ze = {
+var Ie = oe.exports;
+const Le = /* @__PURE__ */ qe(Ie), Be = {
   "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), 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 } = {}) => {
+}, He = Le.bind(Be), 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" },
@@ -268,10 +268,10 @@ function We(...e) {
 const ae = /* @__PURE__ */ g((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);
+    const o = r.props.children, u = i.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ y(o) ? o.props.children : null : c);
     return /* @__PURE__ */ p(U, C({}, a, {
       ref: n
-    }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ E(o, void 0, u) : null);
+    }), /* @__PURE__ */ y(o) ? /* @__PURE__ */ E(o, void 0, u) : null);
   }
   return /* @__PURE__ */ p(U, C({}, a, {
     ref: n
@@ -280,7 +280,7 @@ const ae = /* @__PURE__ */ g((e, n) => {
 ae.displayName = "Slot";
 const U = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ x(t) ? /* @__PURE__ */ E(t, {
+  return /* @__PURE__ */ y(t) ? /* @__PURE__ */ E(t, {
     ...Qe(a, t.props),
     ref: n ? We(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
@@ -288,7 +288,7 @@ const U = /* @__PURE__ */ g((e, n) => {
 U.displayName = "SlotClone";
 const Xe = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
 function Je(e) {
-  return /* @__PURE__ */ x(e) && e.type === Xe;
+  return /* @__PURE__ */ y(e) && e.type === Xe;
 }
 function Qe(e, n) {
   const t = {
@@ -446,20 +446,20 @@ var ue = { exports: {} };
   })();
 })(ue);
 var cr = ue.exports;
-const sr = /* @__PURE__ */ ur(cr), R = {
-  "purpur-paragraph": "_purpur-paragraph_hwaj6_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_hwaj6_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_hwaj6_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_hwaj6_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_hwaj6_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_hwaj6_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_hwaj6_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_hwaj6_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_hwaj6_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_hwaj6_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_hwaj6_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_hwaj6_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_hwaj6_71"
+const sr = /* @__PURE__ */ ur(cr), z = {
+  "purpur-paragraph": "_purpur-paragraph_1fzxr_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1fzxr_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1fzxr_10",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1fzxr_13",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1fzxr_19",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1fzxr_26",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1fzxr_33",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1fzxr_39",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1fzxr_45",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1fzxr_51",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1fzxr_57",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1fzxr_64",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1fzxr_71"
 }, lr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -471,7 +471,7 @@ const sr = /* @__PURE__ */ ur(cr), R = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, D = "purpur-paragraph", pr = ({
+}, R = "purpur-paragraph", pr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
@@ -482,11 +482,11 @@ const sr = /* @__PURE__ */ ur(cr), R = {
 }) => {
   const u = sr([
     t,
-    R[D],
-    R[`${D}--${r}`],
+    z[R],
+    z[`${R}--${r}`],
     {
-      [R[`${D}--hyphens`]]: i,
-      [R[`${D}--disabled`]]: a
+      [z[`${R}--hyphens`]]: i,
+      [z[`${R}--disabled`]]: a
     }
   ]);
   return /* @__PURE__ */ f("p", { ...o, className: u, "data-testid": e, children: n });
@@ -521,12 +521,12 @@ 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(
+      const { scope: d, children: b, ..._ } = l, M = (d == null ? void 0 : d[e][c]) || u, x = A(
         () => _,
         Object.values(_)
       );
       return /* @__PURE__ */ p(M.Provider, {
-        value: y
+        value: x
       }, b);
     }
     function h(l, d) {
@@ -637,7 +637,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);
+  const t = q(e), [a] = t, i = $(a), r = le(n);
   return O(() => {
     i.current !== a && (r(a), i.current = a);
   }, [
@@ -658,7 +658,7 @@ function br(e) {
 const H = globalThis != null && globalThis.document ? ge : () => {
 };
 function _r(e) {
-  const [n, t] = I(void 0);
+  const [n, t] = q(void 0);
   return H(() => {
     if (e) {
       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] = q(), a = $({}), i = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [u, c] = gr(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -719,14 +719,14 @@ function $r(e) {
     }
   });
   return O(() => {
-    const s = q(a.current);
+    const s = D(a.current);
     r.current = u === "mounted" ? s : "none";
   }, [
     u
   ]), H(() => {
     const s = a.current, h = i.current;
     if (h !== e) {
-      const d = r.current, b = q(s);
+      const d = r.current, b = D(s);
       e ? c("MOUNT") : b === "none" || (s == null ? void 0 : s.display) === "none" ? c("UNMOUNT") : c(h && d !== b ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
   }, [
@@ -735,12 +735,12 @@ function $r(e) {
   ]), H(() => {
     if (n) {
       const s = (l) => {
-        const b = q(a.current).includes(l.animationName);
-        l.target === n && b && ye(
+        const b = D(a.current).includes(l.animationName);
+        l.target === n && b && xe(
           () => c("ANIMATION_END")
         );
       }, h = (l) => {
-        l.target === n && (r.current = q(a.current));
+        l.target === n && (r.current = D(a.current));
       };
       return n.addEventListener("animationstart", h), n.addEventListener("animationcancel", s), n.addEventListener("animationend", s), () => {
         n.removeEventListener("animationstart", h), n.removeEventListener("animationcancel", s), n.removeEventListener("animationend", s);
@@ -760,7 +760,7 @@ function $r(e) {
     }, [])
   };
 }
-function q(e) {
+function D(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function j() {
@@ -774,12 +774,12 @@ function j() {
   }, j.apply(this, arguments);
 }
 const de = /* @__PURE__ */ g((e, n) => {
-  const { children: t, ...a } = e, i = v.toArray(t), r = i.find(xr);
+  const { children: t, ...a } = e, i = v.toArray(t), r = i.find(yr);
   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);
+    const o = r.props.children, u = i.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ y(o) ? o.props.children : null : c);
     return /* @__PURE__ */ p(F, j({}, a, {
       ref: n
-    }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ E(o, void 0, u) : null);
+    }), /* @__PURE__ */ y(o) ? /* @__PURE__ */ E(o, void 0, u) : null);
   }
   return /* @__PURE__ */ p(F, j({}, a, {
     ref: n
@@ -788,15 +788,15 @@ const de = /* @__PURE__ */ g((e, n) => {
 de.displayName = "Slot";
 const F = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ x(t) ? /* @__PURE__ */ E(t, {
+  return /* @__PURE__ */ y(t) ? /* @__PURE__ */ E(t, {
     ...wr(a, t.props),
     ref: n ? ce(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
 F.displayName = "SlotClone";
-const yr = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
-function xr(e) {
-  return /* @__PURE__ */ x(e) && e.type === yr;
+const xr = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
+function yr(e) {
+  return /* @__PURE__ */ y(e) && e.type === xr;
 }
 function wr(e, n) {
   const t = {
@@ -850,33 +850,33 @@ const Nr = [
     [n]: t
   };
 }, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Or, Pr] = Sr(he), Ar = /* @__PURE__ */ g((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(
+  const { __scopeCheckbox: t, name: a, checked: i, defaultChecked: r, required: o, disabled: u, value: c = "on", onCheckedChange: s, ...h } = e, [l, d] = q(null), b = se(
     n,
     (m) => d(m)
-  ), _ = $(!1), M = l ? !!l.closest("form") : !0, [y = !1, L] = mr({
+  ), _ = $(!1), M = l ? !!l.closest("form") : !0, [x = !1, I] = mr({
     prop: i,
     defaultProp: r,
     onChange: s
-  }), be = $(y);
+  }), be = $(x);
   return O(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const P = () => L(be.current);
+      const P = () => I(be.current);
       return m.addEventListener("reset", P), () => m.removeEventListener("reset", P);
     }
   }, [
     l,
-    L
+    I
   ]), /* @__PURE__ */ p(Or, {
     scope: t,
-    state: y,
+    state: x,
     disabled: u
   }, /* @__PURE__ */ p(fe.button, k({
     type: "button",
     role: "checkbox",
-    "aria-checked": S(y) ? "mixed" : y,
+    "aria-checked": S(x) ? "mixed" : x,
     "aria-required": o,
-    "data-state": me(y),
+    "data-state": me(x),
     "data-disabled": u ? "" : void 0,
     disabled: u,
     value: c
@@ -886,7 +886,7 @@ const Nr = [
       m.key === "Enter" && m.preventDefault();
     }),
     onClick: ee(e.onClick, (m) => {
-      L(
+      I(
         (P) => S(P) ? !0 : !P
       ), M && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
     })
@@ -895,7 +895,7 @@ const Nr = [
     bubbles: !_.current,
     name: a,
     value: c,
-    checked: y,
+    checked: x,
     required: o,
     disabled: u,
     style: {
@@ -954,7 +954,7 @@ function me(e) {
   return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 const Er = Ar, Mr = kr;
-function Rr(e) {
+function zr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ve = { exports: {} };
@@ -993,8 +993,8 @@ var ve = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ve);
-var Dr = ve.exports;
-const B = /* @__PURE__ */ Rr(Dr), w = {
+var Rr = ve.exports;
+const L = /* @__PURE__ */ zr(Rr), w = {
   "purpur-checkbox": "_purpur-checkbox_10fl8_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_10fl8_7",
   "purpur-checkbox--error": "_purpur-checkbox--error_10fl8_16",
@@ -1002,7 +1002,7 @@ const B = /* @__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"
-}, N = "purpur-checkbox", qr = ({
+}, N = "purpur-checkbox", Dr = ({
   ["data-testid"]: e,
   checked: n,
   className: t,
@@ -1012,14 +1012,14 @@ const B = /* @__PURE__ */ Rr(Dr), w = {
   ...o
 }, u) => {
   const c = a && !n;
-  return /* @__PURE__ */ z("div", { className: B([t, w[`${N}__wrapper`]]), children: [
-    /* @__PURE__ */ z("div", { className: B([t, w[`${N}__container`]]), children: [
+  return /* @__PURE__ */ B("div", { className: L([t, w[`${N}__wrapper`]]), children: [
+    /* @__PURE__ */ B("div", { className: L([t, w[`${N}__container`]]), children: [
       /* @__PURE__ */ f(
         Er,
         {
           ...o,
           checked: n,
-          className: B(w[N], {
+          className: L(w[N], {
             [w[`${N}--error`]]: c
           }),
           "data-testid": e,
@@ -1053,11 +1053,11 @@ const B = /* @__PURE__ */ Rr(Dr), w = {
         }
       )
     ] }),
-    c && /* @__PURE__ */ f(qe, { "data-testid": e && `${e}-error-text`, children: a })
+    c && /* @__PURE__ */ f(De, { "data-testid": e && `${e}-error-text`, children: a })
   ] });
-}, Ir = g(qr);
-Ir.displayName = "Checkbox";
+}, qr = g(Dr);
+qr.displayName = "Checkbox";
 export {
-  Ir as Checkbox
+  qr as Checkbox
 };
 //# sourceMappingURL=checkbox.es.js.map