@purpurds/checkbox 5.27.3 → 5.27.4

package/dist/checkbox.es.js

@@ -1,5 +1,5 @@
-import { jsxs as I, jsx as h } from "react/jsx-runtime";
-import { forwardRef as g, Children as v, isValidElement as w, createElement as p, Fragment as Y, cloneElement as M, useEffect as C, useCallback as Z, useMemo as E, createContext as V, useContext as be, useRef as $, useState as z, useLayoutEffect as _e, useReducer as ge } from "react";
+import { jsxs as z, jsx as h } from "react/jsx-runtime";
+import { forwardRef as g, Children as v, isValidElement as N, createElement as p, cloneElement as j, useEffect as A, Fragment as Y, useCallback as Z, createContext as V, useMemo as M, useContext as be, useRef as $, useState as I, useLayoutEffect as _e, useReducer as ge } from "react";
 import { flushSync as $e } from "react-dom";
 function xe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -41,7 +41,7 @@ var Q = { exports: {} };
   })();
 })(Q);
 var ye = Q.exports;
-const we = /* @__PURE__ */ xe(ye), Ne = {
+const Ne = /* @__PURE__ */ xe(ye), we = {
   "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 we = /* @__PURE__ */ xe(ye), Ne = {
   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"
-}, Ce = we.bind(Ne), K = "purpur-icon", ke = "md", Pe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Oe = ({ content: e = "", title: n } = {}) => {
+}, Ae = Ne.bind(we), G = "purpur-icon", Ce = "md", ke = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Pe = ({ 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>`;
-}, Ae = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ee = ({
+  return `<svg ${ke(t)}>${a}${e}</svg>`;
+}, Oe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ee = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a,
-  size: u = ke,
+  size: u = Ce,
   ...r
 }) => {
-  const o = Oe({
-    content: Ae(n.svg),
+  const o = Pe({
+    content: Oe(n.svg),
     title: t
-  }), i = Ce(a, K, `${K}--${u}`);
+  }), i = Ae(a, G, `${G}--${u}`);
   return /* @__PURE__ */ h(
     "span",
     {
@@ -86,7 +86,7 @@ const we = /* @__PURE__ */ xe(ye), Ne = {
   );
 };
 ee.displayName = "Icon";
-function je(e) {
+function Ee(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var re = { exports: {} };
@@ -125,31 +125,31 @@ var re = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(re);
-var Ee = re.exports;
-const Me = /* @__PURE__ */ je(Ee), X = {
+var Me = re.exports;
+const je = /* @__PURE__ */ Ee(Me), K = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, G = "purpur-field-error-text", qe = ({
+}, X = "purpur-field-error-text", Re = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   relevant: a = "additions text",
   ...u
-}) => /* @__PURE__ */ I(
+}) => /* @__PURE__ */ z(
   "div",
   {
-    className: Me([t, X[G]]),
+    className: je([t, K[X]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ h(ee, { svg: Se, size: "xs", className: X[`${G}__icon`] }),
+      /* @__PURE__ */ h(ee, { svg: Se, size: "xs", className: K[`${X}__icon`] }),
       n
     ]
   }
 );
-function Re(e) {
+function De(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var te = { exports: {} };
@@ -188,8 +188,8 @@ var te = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(te);
-var ze = te.exports;
-const Be = /* @__PURE__ */ Re(ze), De = {
+var Ie = te.exports;
+const Le = /* @__PURE__ */ De(Ie), qe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -197,17 +197,17 @@ const Be = /* @__PURE__ */ Re(ze), De = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Le = {
+}, Be = {
   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"
-}, Ie = {
+}, ze = {
   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"
-}, Te = Be.bind(De), W = "purpur-icon", Ue = "md", He = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Fe = ({ content: e = "", title: n } = {}) => {
+}, Te = Le.bind(qe), W = "purpur-icon", Ue = "md", He = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Fe = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -239,47 +239,47 @@ const Be = /* @__PURE__ */ Re(ze), De = {
   );
 };
 T.displayName = "Icon";
-function P() {
-  return P = Object.assign ? Object.assign.bind() : function(e) {
+function k() {
+  return k = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, P.apply(null, arguments);
+  }, k.apply(null, arguments);
 }
 function Ve(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function Ke(...e) {
+function Ge(...e) {
   return (n) => e.forEach(
     (t) => Ve(t, n)
   );
 }
 const ne = /* @__PURE__ */ g((e, n) => {
-  const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Ge);
+  const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Xe);
   if (r) {
-    const o = r.props.children, i = u.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ w(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(U, P({}, a, {
+    const o = r.props.children, i = u.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ N(o) ? o.props.children : null : c);
+    return /* @__PURE__ */ p(U, k({}, a, {
       ref: n
-    }), /* @__PURE__ */ w(o) ? /* @__PURE__ */ M(o, void 0, i) : null);
+    }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(U, P({}, a, {
+  return /* @__PURE__ */ p(U, k({}, a, {
     ref: n
   }), t);
 });
 ne.displayName = "Slot";
 const U = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ w(t) ? /* @__PURE__ */ M(t, {
+  return /* @__PURE__ */ N(t) ? /* @__PURE__ */ j(t, {
     ...We(a, t.props),
-    ref: n ? Ke(n, t.ref) : t.ref
+    ref: n ? Ge(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
 U.displayName = "SlotClone";
-const Xe = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
-function Ge(e) {
-  return /* @__PURE__ */ w(e) && e.type === Xe;
+const Ke = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
+function Xe(e) {
+  return /* @__PURE__ */ N(e) && e.type === Ke;
 }
 function We(e, n) {
   const t = {
@@ -322,9 +322,9 @@ const Je = [
 ], Ye = Je.reduce((e, n) => {
   const t = /* @__PURE__ */ g((a, u) => {
     const { asChild: r, ...o } = a, i = r ? ne : n;
-    return C(() => {
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ p(i, P({}, o, {
+    }, []), /* @__PURE__ */ p(i, k({}, o, {
       ref: u
     }));
   });
@@ -332,7 +332,7 @@ const Je = [
     ...e,
     [n]: t
   };
-}, {}), Qe = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(Ye.label, P({}, e, {
+}, {}), Qe = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(Ye.label, k({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var a;
@@ -379,11 +379,11 @@ var oe = { exports: {} };
   })();
 })(oe);
 var tr = oe.exports;
-const nr = /* @__PURE__ */ rr(tr), D = {
+const nr = /* @__PURE__ */ rr(tr), q = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, L = "purpur-label", or = ({
+}, B = "purpur-label", or = ({
   children: e,
   className: n,
   htmlFor: t,
@@ -394,10 +394,10 @@ const nr = /* @__PURE__ */ rr(tr), D = {
 }) => {
   const i = nr([
     n,
-    D[L],
+    q[B],
     {
-      [D[`${L}--disabled`]]: u,
-      [D[`${L}--negative`]]: r
+      [q[`${B}--disabled`]]: u,
+      [q[`${B}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ h(er, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
@@ -442,7 +442,7 @@ var ae = { exports: {} };
   })();
 })(ae);
 var ir = ae.exports;
-const ur = /* @__PURE__ */ ar(ir), A = {
+const ur = /* @__PURE__ */ ar(ir), O = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -458,8 +458,17 @@ const ur = /* @__PURE__ */ ar(ir), A = {
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, cr = {
-  PARAGRAPH100: "paragraph-100"
-}, j = "purpur-paragraph", ie = ({
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, E = "purpur-paragraph", ie = ({
   ["data-testid"]: e,
   children: n,
   className: t,
@@ -471,25 +480,25 @@ const ur = /* @__PURE__ */ ar(ir), A = {
 }) => {
   const c = ur([
     t,
-    A[j],
-    A[`${j}--${o}`],
+    O[E],
+    O[`${E}--${o}`],
     {
-      [A[`${j}--hyphens`]]: u,
-      [A[`${j}--disabled`]]: a,
-      [A[`${j}--negative`]]: r
+      [O[`${E}--hyphens`]]: u,
+      [O[`${E}--disabled`]]: a,
+      [O[`${E}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ h("p", { ...i, className: c, "data-testid": e, children: n });
 };
 ie.displayName = "Paragraph";
-function N() {
-  return N = Object.assign ? Object.assign.bind() : function(e) {
+function w() {
+  return w = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, N.apply(null, arguments);
+  }, w.apply(null, arguments);
 }
 function sr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
@@ -511,11 +520,11 @@ function lr(e, n = []) {
       o
     ];
     function s(l) {
-      const { scope: f, children: b, ..._ } = l, q = (f == null ? void 0 : f[e][c]) || i, x = E(
+      const { scope: f, children: b, ..._ } = l, R = (f == null ? void 0 : f[e][c]) || i, x = M(
         () => _,
         Object.values(_)
       );
-      return /* @__PURE__ */ p(q.Provider, {
+      return /* @__PURE__ */ p(R.Provider, {
         value: x
       }, b);
     }
@@ -534,7 +543,7 @@ function lr(e, n = []) {
     const r = t.map((o) => /* @__PURE__ */ V(o));
     return function(i) {
       const c = (i == null ? void 0 : i[e]) || r;
-      return E(
+      return M(
         () => ({
           [`__scope${e}`]: {
             ...i,
@@ -571,7 +580,7 @@ function pr(...e) {
           ...l
         };
       }, {});
-      return E(
+      return M(
         () => ({
           [`__scope${n.scopeName}`]: o
         }),
@@ -590,9 +599,9 @@ function J(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
 }
 function se(e) {
   const n = $(e);
-  return C(() => {
+  return A(() => {
     n.current = e;
-  }), E(
+  }), M(
     () => (...t) => {
       var a;
       return (a = n.current) === null || a === void 0 ? void 0 : a.call(n, ...t);
@@ -622,8 +631,8 @@ function dr({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function fr({ defaultProp: e, onChange: n }) {
-  const t = z(e), [a] = t, u = $(a), r = se(n);
-  return C(() => {
+  const t = I(e), [a] = t, u = $(a), r = se(n);
+  return A(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
     a,
@@ -636,14 +645,14 @@ function hr(e) {
     value: e,
     previous: e
   });
-  return E(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+  return M(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
     e
   ]);
 }
 const H = globalThis != null && globalThis.document ? _e : () => {
 };
 function mr(e) {
-  const [n, t] = z(void 0);
+  const [n, t] = I(void 0);
   return H(() => {
     if (e) {
       t({
@@ -683,13 +692,13 @@ const le = (e) => {
   const { present: n, children: t } = e, a = br(n), u = typeof t == "function" ? t({
     present: a.isPresent
   }) : v.only(t), r = ce(a.ref, u.ref);
-  return typeof t == "function" || a.isPresent ? /* @__PURE__ */ M(u, {
+  return typeof t == "function" || a.isPresent ? /* @__PURE__ */ j(u, {
     ref: r
   }) : null;
 };
 le.displayName = "Presence";
 function br(e) {
-  const [n, t] = z(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = vr(o, {
+  const [n, t] = I(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = vr(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -702,15 +711,15 @@ function br(e) {
       MOUNT: "mounted"
     }
   });
-  return C(() => {
-    const s = R(a.current);
+  return A(() => {
+    const s = D(a.current);
     r.current = i === "mounted" ? s : "none";
   }, [
     i
   ]), H(() => {
     const s = a.current, d = u.current;
     if (d !== e) {
-      const f = r.current, b = R(s);
+      const f = r.current, b = D(s);
       e ? c("MOUNT") : b === "none" || (s == null ? void 0 : s.display) === "none" ? c("UNMOUNT") : c(d && f !== b ? "ANIMATION_OUT" : "UNMOUNT"), u.current = e;
     }
   }, [
@@ -719,12 +728,12 @@ function br(e) {
   ]), H(() => {
     if (n) {
       const s = (l) => {
-        const b = R(a.current).includes(l.animationName);
+        const b = D(a.current).includes(l.animationName);
         l.target === n && b && $e(
           () => c("ANIMATION_END")
         );
       }, d = (l) => {
-        l.target === n && (r.current = R(a.current));
+        l.target === n && (r.current = D(a.current));
       };
       return n.addEventListener("animationstart", d), n.addEventListener("animationcancel", s), n.addEventListener("animationend", s), () => {
         n.removeEventListener("animationstart", d), n.removeEventListener("animationcancel", s), n.removeEventListener("animationend", s);
@@ -744,25 +753,25 @@ function br(e) {
     }, [])
   };
 }
-function R(e) {
+function D(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 const pe = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e, u = v.toArray(t), r = u.find(gr);
   if (r) {
-    const o = r.props.children, i = u.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ w(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(F, N({}, a, {
+    const o = r.props.children, i = u.map((c) => c === r ? v.count(o) > 1 ? v.only(null) : /* @__PURE__ */ N(o) ? o.props.children : null : c);
+    return /* @__PURE__ */ p(F, w({}, a, {
       ref: n
-    }), /* @__PURE__ */ w(o) ? /* @__PURE__ */ M(o, void 0, i) : null);
+    }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(F, N({}, a, {
+  return /* @__PURE__ */ p(F, w({}, a, {
     ref: n
   }), t);
 });
 pe.displayName = "Slot";
 const F = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ w(t) ? /* @__PURE__ */ M(t, {
+  return /* @__PURE__ */ N(t) ? /* @__PURE__ */ j(t, {
     ...$r(a, t.props),
     ref: n ? ue(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
@@ -770,7 +779,7 @@ const F = /* @__PURE__ */ g((e, n) => {
 F.displayName = "SlotClone";
 const _r = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
 function gr(e) {
-  return /* @__PURE__ */ w(e) && e.type === _r;
+  return /* @__PURE__ */ N(e) && e.type === _r;
 }
 function $r(e, n) {
   const t = {
@@ -813,9 +822,9 @@ const xr = [
 ], de = xr.reduce((e, n) => {
   const t = /* @__PURE__ */ g((a, u) => {
     const { asChild: r, ...o } = a, i = r ? pe : n;
-    return C(() => {
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ p(i, N({}, o, {
+    }, []), /* @__PURE__ */ p(i, w({}, o, {
       ref: u
     }));
   });
@@ -823,29 +832,29 @@ const xr = [
     ...e,
     [n]: t
   };
-}, {}), fe = "Checkbox", [yr, Ir] = lr(fe), [wr, Nr] = yr(fe), Sr = /* @__PURE__ */ g((e, n) => {
-  const { __scopeCheckbox: t, name: a, checked: u, defaultChecked: r, required: o, disabled: i, value: c = "on", onCheckedChange: s, ...d } = e, [l, f] = z(null), b = ce(
+}, {}), fe = "Checkbox", [yr, zr] = lr(fe), [Nr, wr] = yr(fe), Sr = /* @__PURE__ */ g((e, n) => {
+  const { __scopeCheckbox: t, name: a, checked: u, defaultChecked: r, required: o, disabled: i, value: c = "on", onCheckedChange: s, ...d } = e, [l, f] = I(null), b = ce(
     n,
     (m) => f(m)
-  ), _ = $(!1), q = l ? !!l.closest("form") : !0, [x = !1, B] = dr({
+  ), _ = $(!1), R = l ? !!l.closest("form") : !0, [x = !1, L] = dr({
     prop: u,
     defaultProp: r,
     onChange: s
   }), ve = $(x);
-  return C(() => {
+  return A(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const O = () => B(ve.current);
-      return m.addEventListener("reset", O), () => m.removeEventListener("reset", O);
+      const P = () => L(ve.current);
+      return m.addEventListener("reset", P), () => m.removeEventListener("reset", P);
     }
   }, [
     l,
-    B
-  ]), /* @__PURE__ */ p(wr, {
+    L
+  ]), /* @__PURE__ */ p(Nr, {
     scope: t,
     state: x,
     disabled: i
-  }, /* @__PURE__ */ p(de.button, N({
+  }, /* @__PURE__ */ p(de.button, w({
     type: "button",
     role: "checkbox",
     "aria-checked": S(x) ? "mixed" : x,
@@ -860,11 +869,11 @@ const xr = [
       m.key === "Enter" && m.preventDefault();
     }),
     onClick: J(e.onClick, (m) => {
-      B(
-        (O) => S(O) ? !0 : !O
-      ), q && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
+      L(
+        (P) => S(P) ? !0 : !P
+      ), R && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
     })
-  })), q && /* @__PURE__ */ p(Pr, {
+  })), R && /* @__PURE__ */ p(kr, {
     control: l,
     bubbles: !_.current,
     name: a,
@@ -876,11 +885,11 @@ const xr = [
       transform: "translateX(-100%)"
     }
   }));
-}), Cr = "CheckboxIndicator", kr = /* @__PURE__ */ g((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Nr(Cr, t);
+}), Ar = "CheckboxIndicator", Cr = /* @__PURE__ */ g((e, n) => {
+  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = wr(Ar, t);
   return /* @__PURE__ */ p(le, {
     present: a || S(r.state) || r.state === !0
-  }, /* @__PURE__ */ p(de.span, N({
+  }, /* @__PURE__ */ p(de.span, w({
     "data-state": he(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, u, {
@@ -890,9 +899,9 @@ const xr = [
       ...e.style
     }
   })));
-}), Pr = (e) => {
+}), kr = (e) => {
   const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = hr(t), i = mr(n);
-  return C(() => {
+  return A(() => {
     const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
       const f = new Event("click", {
@@ -904,7 +913,7 @@ const xr = [
     o,
     t,
     a
-  ]), /* @__PURE__ */ p("input", N({
+  ]), /* @__PURE__ */ p("input", w({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: S(t) ? !1 : t
@@ -927,8 +936,8 @@ function S(e) {
 function he(e) {
   return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Or = Sr, Ar = kr;
-function jr(e) {
+const Pr = Sr, Or = Cr;
+function Er(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var me = { exports: {} };
@@ -967,8 +976,8 @@ var me = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(me);
-var Er = me.exports;
-const Mr = /* @__PURE__ */ jr(Er), qr = {
+var Mr = me.exports;
+const jr = /* @__PURE__ */ Er(Mr), Rr = {
   "purpur-checkbox": "_purpur-checkbox_m4999_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_m4999_7",
   "purpur-checkbox--error": "_purpur-checkbox--error_m4999_16",
@@ -977,7 +986,7 @@ const Mr = /* @__PURE__ */ jr(Er), qr = {
   "purpur-checkbox__label": "_purpur-checkbox__label_m4999_70",
   "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_m4999_73",
   "purpur-checkbox__container": "_purpur-checkbox__container_m4999_79"
-}, k = Mr.bind(qr), Tr = ["indeterminate", !0, !1], y = "purpur-checkbox", Rr = ({
+}, C = jr.bind(Rr), Tr = ["indeterminate", !0, !1], y = "purpur-checkbox", Dr = ({
   ["data-testid"]: e,
   checked: n,
   className: t,
@@ -988,14 +997,14 @@ const Mr = /* @__PURE__ */ jr(Er), qr = {
   ...i
 }, c) => {
   const s = u && !n, d = a && !n;
-  return /* @__PURE__ */ I("div", { className: k([t, `${y}__wrapper`]), children: [
-    /* @__PURE__ */ I("div", { className: k([t, `${y}__container`]), children: [
+  return /* @__PURE__ */ z("div", { className: C([t, `${y}__wrapper`]), children: [
+    /* @__PURE__ */ z("div", { className: C([t, `${y}__container`]), children: [
       /* @__PURE__ */ h(
-        Or,
+        Pr,
         {
           ...i,
           checked: n,
-          className: k([
+          className: C([
             y,
             {
               [`${y}--error`]: s,
@@ -1005,19 +1014,19 @@ const Mr = /* @__PURE__ */ jr(Er), qr = {
           "data-testid": e,
           onCheckedChange: o,
           ref: c,
-          children: /* @__PURE__ */ h("span", { className: k(`${y}__box`), children: /* @__PURE__ */ h(Ar, { className: k(`${y}__indicator`), children: n === "indeterminate" ? /* @__PURE__ */ h(
+          children: /* @__PURE__ */ h("span", { className: C(`${y}__box`), children: /* @__PURE__ */ h(Or, { className: C(`${y}__indicator`), children: n === "indeterminate" ? /* @__PURE__ */ h(
             T,
             {
               "data-testid": e && `${e}-checked-icon`,
               size: "xs",
-              svg: Ie
+              svg: ze
             }
           ) : /* @__PURE__ */ h(
             T,
             {
               "data-testid": e && `${e}-indeterminate-icon`,
               size: "xs",
-              svg: Le
+              svg: Be
             }
           ) }) })
         }
@@ -1028,17 +1037,17 @@ const Mr = /* @__PURE__ */ jr(Er), qr = {
           htmlFor: i.id,
           "data-testid": e && `${e}-label`,
           disabled: i.disabled,
-          className: k(`${y}__label`),
+          className: C(`${y}__label`),
           children: /* @__PURE__ */ h(ie, { variant: "paragraph-100", disabled: i.disabled, children: `${i.required ? "* " : ""}${r}` })
         }
       )
     ] }),
-    s && /* @__PURE__ */ h(qe, { "data-testid": e && `${e}-error-text`, children: u })
+    s && /* @__PURE__ */ h(Re, { "data-testid": e && `${e}-error-text`, children: u })
   ] });
-}, zr = g(Rr);
-zr.displayName = "Checkbox";
+}, Ir = g(Dr);
+Ir.displayName = "Checkbox";
 export {
-  zr as Checkbox,
+  Ir as Checkbox,
   Tr as checkedState
 };
 //# sourceMappingURL=checkbox.es.js.map