@purpurds/checkbox 5.11.0 → 5.11.1

package/dist/checkbox.es.js

@@ -1,7 +1,7 @@
 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 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) {
+import { forwardRef as _, Children as v, isValidElement as x, createElement as p, cloneElement as R, useEffect as O, Fragment as re, useCallback as V, createContext as K, useMemo as k, useContext as _e, useRef as $, useState as I, useLayoutEffect as $e, useReducer as ye } from "react";
+import { flushSync as xe } from "react-dom";
+function we(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var te = { exports: {} };
@@ -40,8 +40,8 @@ var te = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(te);
-var we = te.exports;
-const Ne = /* @__PURE__ */ xe(we), Se = {
+var Ne = te.exports;
+const Se = /* @__PURE__ */ we(Ne), Oe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -54,26 +54,26 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
   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 } = {}) => {
+}, Pe = Se.bind(Oe), W = "purpur-icon", Ce = "md", ke = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), je = ({ 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>`;
-}, je = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ee = ({
+  return `<svg ${ke(t)}>${a}${e}</svg>`;
+}, Ee = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Me = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
-  className: a = "",
+  className: a,
   size: u = Ce,
   ...r
 }) => {
-  const o = ke({
-    content: je(n.svg),
+  const o = je({
+    content: Ee(n.svg),
     title: t
-  }), i = Oe(a, W, `${W}--${u}`);
+  }), i = Pe(a, W, `${W}--${u}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -85,7 +85,7 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
     }
   );
 };
-function Me(e) {
+function Re(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ne = { exports: {} };
@@ -124,11 +124,11 @@ var ne = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ne);
-var Re = ne.exports;
-const De = /* @__PURE__ */ Me(Re), X = {
+var De = ne.exports;
+const qe = /* @__PURE__ */ Re(De), X = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, J = "purpur-field-error-text", qe = ({
+}, J = "purpur-field-error-text", Ie = ({
   ["data-testid"]: e,
   children: n,
   className: t,
@@ -137,18 +137,18 @@ const De = /* @__PURE__ */ Me(Re), X = {
 }) => /* @__PURE__ */ U(
   "div",
   {
-    className: De([t, X[J]]),
+    className: qe([t, X[J]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ f(Ee, { svg: Ae, size: "xs", className: X[`${J}__icon`] }),
+      /* @__PURE__ */ f(Me, { svg: Ae, size: "xs", className: X[`${J}__icon`] }),
       n
     ]
   }
 );
-function Ie(e) {
+function Be(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 Be = oe.exports;
-const Le = /* @__PURE__ */ Ie(Be), ze = {
+var Le = oe.exports;
+const ze = /* @__PURE__ */ Be(Le), Te = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -196,36 +196,36 @@ const Le = /* @__PURE__ */ Ie(Be), ze = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Te = {
+}, Ue = {
   name: "checkmark-bold",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark-bold"],
   category: "utility"
-}, Ue = {
+}, He = {
   name: "minus-bold",
   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), 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 } = {}) => {
+}, Fe = ze.bind(Te), Q = "purpur-icon", Ze = "md", Ge = (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 ${Ze(t)}>${a}${e}</svg>`;
-}, Ve = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
+  return `<svg ${Ge(t)}>${a}${e}</svg>`;
+}, Ke = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
-  className: a = "",
-  size: u = Fe,
+  className: a,
+  size: u = Ze,
   ...r
 }) => {
-  const o = Ge({
-    content: Ve(n.svg),
+  const o = Ve({
+    content: Ke(n.svg),
     title: t
-  }), i = He(a, Q, `${Q}--${u}`);
+  }), i = Fe(a, Q, `${Q}--${u}`);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -257,16 +257,16 @@ function j() {
     return e;
   }, j.apply(this, arguments);
 }
-function Ke(e, n) {
+function We(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function We(...e) {
+function Xe(...e) {
   return (n) => e.forEach(
-    (t) => Ke(t, n)
+    (t) => We(t, n)
   );
 }
 const ae = /* @__PURE__ */ _((e, n) => {
-  const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Je);
+  const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Qe);
   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, j({}, a, {
@@ -281,16 +281,16 @@ ae.displayName = "Slot";
 const F = /* @__PURE__ */ _((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ x(t) ? /* @__PURE__ */ R(t, {
-    ...Qe(a, t.props),
-    ref: n ? We(n, t.ref) : t.ref
+    ...Ye(a, t.props),
+    ref: n ? Xe(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
 F.displayName = "SlotClone";
-const Xe = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
-function Je(e) {
-  return /* @__PURE__ */ x(e) && e.type === Xe;
+const Je = ({ children: e }) => /* @__PURE__ */ p(re, null, e);
+function Qe(e) {
+  return /* @__PURE__ */ x(e) && e.type === Je;
 }
-function Qe(e, n) {
+function Ye(e, n) {
   const t = {
     ...n
   };
@@ -311,7 +311,7 @@ function Qe(e, n) {
     ...t
   };
 }
-const Ye = [
+const er = [
   "a",
   "button",
   "div",
@@ -328,10 +328,10 @@ const Ye = [
   "span",
   "svg",
   "ul"
-], er = Ye.reduce((e, n) => {
+], rr = er.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, j({}, o, {
       ref: u
@@ -341,14 +341,14 @@ const Ye = [
     ...e,
     [n]: t
   };
-}, {}), rr = /* @__PURE__ */ _((e, n) => /* @__PURE__ */ p(er.label, H({}, e, {
+}, {}), tr = /* @__PURE__ */ _((e, n) => /* @__PURE__ */ p(rr.label, H({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var a;
     (a = e.onMouseDown) === null || a === void 0 || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
   }
-}))), tr = rr;
-function nr(e) {
+}))), nr = tr;
+function or(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ie = { exports: {} };
@@ -387,12 +387,12 @@ var ie = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ie);
-var or = ie.exports;
-const ar = /* @__PURE__ */ nr(or), L = {
+var ar = ie.exports;
+const ir = /* @__PURE__ */ or(ar), L = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, z = "purpur-label", ir = ({
+}, z = "purpur-label", ur = ({
   children: e,
   className: n,
   htmlFor: t,
@@ -401,7 +401,7 @@ const ar = /* @__PURE__ */ nr(or), L = {
   negative: r = !1,
   ...o
 }) => {
-  const i = ar([
+  const i = ir([
     n,
     L[z],
     {
@@ -409,9 +409,9 @@ const ar = /* @__PURE__ */ nr(or), L = {
       [L[`${z}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ f(tr, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
+  return /* @__PURE__ */ f(nr, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
 };
-function ur(e) {
+function cr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ue = { exports: {} };
@@ -450,8 +450,8 @@ var ue = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ue);
-var cr = ue.exports;
-const sr = /* @__PURE__ */ ur(cr), C = {
+var sr = ue.exports;
+const lr = /* @__PURE__ */ cr(sr), P = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -466,7 +466,7 @@ const sr = /* @__PURE__ */ ur(cr), C = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, lr = {
+}, pr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -477,28 +477,29 @@ const sr = /* @__PURE__ */ ur(cr), C = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, P = "purpur-paragraph", pr = ({
+}, C = "purpur-paragraph", ce = ({
   ["data-testid"]: e,
   children: n,
-  className: t = "",
+  className: t,
   disabled: a,
   enableHyphenation: u = !1,
   negative: r = !1,
-  variant: o = lr.PARAGRAPH100,
+  variant: o = pr.PARAGRAPH100,
   ...i
 }) => {
-  const c = sr([
+  const c = lr([
     t,
-    C[P],
-    C[`${P}--${o}`],
+    P[C],
+    P[`${C}--${o}`],
     {
-      [C[`${P}--hyphens`]]: u,
-      [C[`${P}--disabled`]]: a,
-      [C[`${P}--negative`]]: r
+      [P[`${C}--hyphens`]]: u,
+      [P[`${C}--disabled`]]: a,
+      [P[`${C}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ f("p", { ...i, className: c, "data-testid": e, children: n });
 };
+ce.displayName = "Paragraph";
 function E() {
   return E = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -512,13 +513,13 @@ function E() {
 function dr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ce(...e) {
+function se(...e) {
   return (n) => e.forEach(
     (t) => dr(t, n)
   );
 }
-function se(...e) {
-  return V(ce(...e), e);
+function le(...e) {
+  return V(se(...e), e);
 }
 function fr(e, n = []) {
   let t = [];
@@ -538,11 +539,9 @@ function fr(e, n = []) {
       }, b);
     }
     function h(l, d) {
-      const b = (d == null ? void 0 : d[e][c]) || i, g = ge(b);
-      if (g)
-        return g;
-      if (o !== void 0)
-        return o;
+      const b = (d == null ? void 0 : d[e][c]) || i, g = _e(b);
+      if (g) return g;
+      if (o !== void 0) return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
     return s.displayName = r + "Provider", [
@@ -575,8 +574,7 @@ function fr(e, n = []) {
 }
 function hr(...e) {
   const n = e[0];
-  if (e.length === 1)
-    return n;
+  if (e.length === 1) return n;
   const t = () => {
     const a = e.map(
       (u) => ({
@@ -606,13 +604,12 @@ function hr(...e) {
 }
 function ee(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(u) {
-    if (e == null || e(u), t === !1 || !u.defaultPrevented)
-      return n == null ? void 0 : n(u);
+    if (e == null || e(u), t === !1 || !u.defaultPrevented) return n == null ? void 0 : n(u);
   };
 }
-function le(e) {
+function pe(e) {
   const n = $(e);
-  return A(() => {
+  return O(() => {
     n.current = e;
   }), k(
     () => (...t) => {
@@ -627,12 +624,11 @@ 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 = V((s) => {
+  }), r = e !== void 0, o = r ? e : a, i = pe(t), c = V((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && i(l);
-    } else
-      u(s);
+    } else u(s);
   }, [
     r,
     e,
@@ -645,8 +641,8 @@ 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(() => {
+  const t = I(e), [a] = t, u = $(a), r = pe(n);
+  return O(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
     a,
@@ -663,7 +659,7 @@ function br(e) {
     e
   ]);
 }
-const Z = globalThis != null && globalThis.document ? _e : () => {
+const Z = globalThis != null && globalThis.document ? $e : () => {
 };
 function gr(e) {
   const [n, t] = I(void 0);
@@ -674,8 +670,7 @@ function gr(e) {
         height: e.offsetHeight
       });
       const a = new ResizeObserver((u) => {
-        if (!Array.isArray(u) || !u.length)
-          return;
+        if (!Array.isArray(u) || !u.length) return;
         const r = u[0];
         let o, i;
         if ("borderBoxSize" in r) {
@@ -698,20 +693,20 @@ function gr(e) {
   ]), n;
 }
 function _r(e, n) {
-  return $e((t, a) => {
+  return ye((t, a) => {
     const u = n[t][a];
     return u ?? t;
   }, e);
 }
-const pe = (e) => {
+const de = (e) => {
   const { present: n, children: t } = e, a = $r(n), u = typeof t == "function" ? t({
     present: a.isPresent
-  }) : v.only(t), r = se(a.ref, u.ref);
+  }) : v.only(t), r = le(a.ref, u.ref);
   return typeof t == "function" || a.isPresent ? /* @__PURE__ */ R(u, {
     ref: r
   }) : null;
 };
-pe.displayName = "Presence";
+de.displayName = "Presence";
 function $r(e) {
   const [n, t] = I(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = _r(o, {
     mounted: {
@@ -726,7 +721,7 @@ function $r(e) {
       MOUNT: "mounted"
     }
   });
-  return A(() => {
+  return O(() => {
     const s = q(a.current);
     r.current = i === "mounted" ? s : "none";
   }, [
@@ -744,7 +739,7 @@ function $r(e) {
     if (n) {
       const s = (l) => {
         const b = q(a.current).includes(l.animationName);
-        l.target === n && b && ye(
+        l.target === n && b && xe(
           () => c("ANIMATION_END")
         );
       }, h = (l) => {
@@ -781,7 +776,7 @@ function M() {
     return e;
   }, M.apply(this, arguments);
 }
-const de = /* @__PURE__ */ _((e, n) => {
+const fe = /* @__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);
@@ -793,12 +788,12 @@ const de = /* @__PURE__ */ _((e, n) => {
     ref: n
   }), t);
 });
-de.displayName = "Slot";
+fe.displayName = "Slot";
 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
+    ref: n ? se(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
 G.displayName = "SlotClone";
@@ -844,10 +839,10 @@ const Nr = [
   "span",
   "svg",
   "ul"
-], fe = Nr.reduce((e, n) => {
+], he = Nr.reduce((e, n) => {
   const t = /* @__PURE__ */ _((a, u) => {
-    const { asChild: r, ...o } = a, i = r ? de : n;
-    return A(() => {
+    const { asChild: r, ...o } = a, i = r ? fe : n;
+    return O(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, M({}, o, {
       ref: u
@@ -857,34 +852,34 @@ const Nr = [
     ...e,
     [n]: t
   };
-}, {}), 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(
+}, {}), me = "Checkbox", [Sr, Tr] = fr(me), [Or, Ar] = Sr(me), Pr = /* @__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 = le(
     n,
     (m) => d(m)
   ), g = $(!1), D = l ? !!l.closest("form") : !0, [y = !1, B] = mr({
     prop: u,
     defaultProp: r,
     onChange: s
-  }), be = $(y);
-  return A(() => {
+  }), ge = $(y);
+  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 A = () => B(ge.current);
+      return m.addEventListener("reset", A), () => m.removeEventListener("reset", A);
     }
   }, [
     l,
     B
-  ]), /* @__PURE__ */ p(Ar, {
+  ]), /* @__PURE__ */ p(Or, {
     scope: t,
     state: y,
     disabled: i
-  }, /* @__PURE__ */ p(fe.button, E({
+  }, /* @__PURE__ */ p(he.button, E({
     type: "button",
     role: "checkbox",
     "aria-checked": S(y) ? "mixed" : y,
     "aria-required": o,
-    "data-state": me(y),
+    "data-state": ve(y),
     "data-disabled": i ? "" : void 0,
     disabled: i,
     value: c
@@ -895,7 +890,7 @@ const Nr = [
     }),
     onClick: ee(e.onClick, (m) => {
       B(
-        (O) => S(O) ? !0 : !O
+        (A) => S(A) ? !0 : !A
       ), D && (g.current = m.isPropagationStopped(), g.current || m.stopPropagation());
     })
   })), D && /* @__PURE__ */ p(jr, {
@@ -910,12 +905,12 @@ const Nr = [
       transform: "translateX(-100%)"
     }
   }));
-}), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Or(Pr, t);
-  return /* @__PURE__ */ p(pe, {
+}), Cr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
+  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Ar(Cr, t);
+  return /* @__PURE__ */ p(de, {
     present: a || S(r.state) || r.state === !0
-  }, /* @__PURE__ */ p(fe.span, E({
-    "data-state": me(r.state),
+  }, /* @__PURE__ */ p(he.span, E({
+    "data-state": ve(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, u, {
     ref: n,
@@ -926,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 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", {
@@ -958,14 +953,14 @@ const Nr = [
 function S(e) {
   return e === "indeterminate";
 }
-function me(e) {
+function ve(e) {
   return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Er = Cr, Mr = kr;
+const Er = Pr, Mr = kr;
 function Rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ve = { exports: {} };
+var be = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1000,8 +995,8 @@ var ve = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ve);
-var Dr = ve.exports;
+})(be);
+var Dr = be.exports;
 const T = /* @__PURE__ */ Rr(Dr), w = {
   "purpur-checkbox": "_purpur-checkbox_10fl8_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_10fl8_7",
@@ -1010,7 +1005,7 @@ const T = /* @__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 = ({
+}, Ur = ["indeterminate", !0, !1], N = "purpur-checkbox", qr = ({
   ["data-testid"]: e,
   checked: n,
   className: t,
@@ -1038,34 +1033,35 @@ const T = /* @__PURE__ */ Rr(Dr), w = {
             {
               "data-testid": e && `${e}-checked-icon`,
               size: "xs",
-              svg: Ue
+              svg: He
             }
           ) : /* @__PURE__ */ f(
             Y,
             {
               "data-testid": e && `${e}-indeterminate-icon`,
               size: "xs",
-              svg: Te
+              svg: Ue
             }
           ) }) })
         }
       ),
       u && /* @__PURE__ */ f(
-        ir,
+        ur,
         {
           htmlFor: o.id,
           "data-testid": e && `${e}-label`,
           disabled: o.disabled,
           className: w[`${N}__label`],
-          children: /* @__PURE__ */ f(pr, { variant: "paragraph-100", disabled: o.disabled, children: `${o.required ? "* " : ""}${u}` })
+          children: /* @__PURE__ */ f(ce, { variant: "paragraph-100", disabled: o.disabled, children: `${o.required ? "* " : ""}${u}` })
         }
       )
     ] }),
-    c && /* @__PURE__ */ f(qe, { "data-testid": e && `${e}-error-text`, children: a })
+    c && /* @__PURE__ */ f(Ie, { "data-testid": e && `${e}-error-text`, children: a })
   ] });
 }, Ir = _(qr);
 Ir.displayName = "Checkbox";
 export {
-  Ir as Checkbox
+  Ir as Checkbox,
+  Ur as checkedState
 };
 //# sourceMappingURL=checkbox.es.js.map