@purpurds/checkbox 5.20.1 → 5.21.0

package/dist/checkbox.es.js

@@ -1,7 +1,7 @@
 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 F, createContext as Z, useMemo as M, useContext as ve, useRef as $, useState as L, useLayoutEffect as be, useReducer as _e } from "react";
-import { flushSync as ge } from "react-dom";
-function $e(e) {
+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;
 }
 var Q = { exports: {} };
@@ -40,8 +40,8 @@ var Q = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Q);
-var xe = Q.exports;
-const ye = /* @__PURE__ */ $e(xe), Ne = {
+var ye = Q.exports;
+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",
@@ -49,31 +49,31 @@ const ye = /* @__PURE__ */ $e(xe), Ne = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, we = {
+}, Se = {
   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"
-}, Se = ye.bind(Ne), V = "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 } = {}) => {
+}, 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 ${Ce(t)}>${a}${e}</svg>`;
-}, Pe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Oe = ({
+  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 = Ae,
+  size: u = Ce,
   ...r
 }) => {
-  const o = ke({
-    content: Pe(n.svg),
+  const o = Pe({
+    content: Oe(n.svg),
     title: t
-  }), i = Se(a, V, `${V}--${u}`);
+  }), i = Ae(a, G, `${G}--${u}`);
   return /* @__PURE__ */ h(
     "span",
     {
@@ -85,10 +85,11 @@ const ye = /* @__PURE__ */ $e(xe), Ne = {
     }
   );
 };
+ee.displayName = "Icon";
 function Ee(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ee = { exports: {} };
+var re = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -123,12 +124,12 @@ var ee = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ee);
-var Me = ee.exports;
-const je = /* @__PURE__ */ Ee(Me), G = {
+})(re);
+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"
-}, K = "purpur-field-error-text", Re = ({
+}, X = "purpur-field-error-text", Re = ({
   ["data-testid"]: e,
   children: n,
   className: t,
@@ -137,13 +138,13 @@ const je = /* @__PURE__ */ Ee(Me), G = {
 }) => /* @__PURE__ */ z(
   "div",
   {
-    className: je([t, G[K]]),
+    className: je([t, K[X]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ h(Oe, { svg: we, size: "xs", className: G[`${K}__icon`] }),
+      /* @__PURE__ */ h(ee, { svg: Se, size: "xs", className: K[`${X}__icon`] }),
       n
     ]
   }
@@ -151,7 +152,7 @@ const je = /* @__PURE__ */ Ee(Me), G = {
 function De(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var re = { exports: {} };
+var te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -186,9 +187,9 @@ var re = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(re);
-var Le = re.exports;
-const qe = /* @__PURE__ */ De(Le), Ie = {
+})(te);
+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",
@@ -206,7 +207,7 @@ const qe = /* @__PURE__ */ De(Le), Ie = {
   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 = qe.bind(Ie), X = "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" },
@@ -214,7 +215,7 @@ const qe = /* @__PURE__ */ De(Le), Ie = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = n ? `<title>${n}</title>` : "";
   return `<svg ${He(t)}>${a}${e}</svg>`;
-}, Ze = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), W = ({
+}, Ze = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), T = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
@@ -225,7 +226,7 @@ const qe = /* @__PURE__ */ De(Le), Ie = {
   const o = Fe({
     content: Ze(n.svg),
     title: t
-  }), i = Te(a, X, `${X}--${u}`);
+  }), i = Te(a, W, `${W}--${u}`);
   return /* @__PURE__ */ h(
     "span",
     {
@@ -237,6 +238,7 @@ const qe = /* @__PURE__ */ De(Le), Ie = {
     }
   );
 };
+T.displayName = "Icon";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -254,27 +256,27 @@ function Ge(...e) {
     (t) => Ve(t, n)
   );
 }
-const te = /* @__PURE__ */ g((e, n) => {
+const ne = /* @__PURE__ */ g((e, n) => {
   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__ */ N(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(T, k({}, a, {
+    return /* @__PURE__ */ p(U, k({}, a, {
       ref: n
     }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(T, k({}, a, {
+  return /* @__PURE__ */ p(U, k({}, a, {
     ref: n
   }), t);
 });
-te.displayName = "Slot";
-const T = /* @__PURE__ */ g((e, n) => {
+ne.displayName = "Slot";
+const U = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ N(t) ? /* @__PURE__ */ j(t, {
     ...We(a, t.props),
     ref: n ? Ge(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
-T.displayName = "SlotClone";
+U.displayName = "SlotClone";
 const Ke = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
 function Xe(e) {
   return /* @__PURE__ */ N(e) && e.type === Ke;
@@ -319,7 +321,7 @@ const Je = [
   "ul"
 ], Ye = Je.reduce((e, n) => {
   const t = /* @__PURE__ */ g((a, u) => {
-    const { asChild: r, ...o } = a, i = r ? te : n;
+    const { asChild: r, ...o } = a, i = r ? ne : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, k({}, o, {
@@ -340,7 +342,7 @@ const Je = [
 function rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ne = { exports: {} };
+var oe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -375,9 +377,9 @@ var ne = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ne);
-var tr = ne.exports;
-const nr = /* @__PURE__ */ rr(tr), I = {
+})(oe);
+var tr = oe.exports;
+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"
@@ -392,10 +394,10 @@ const nr = /* @__PURE__ */ rr(tr), I = {
 }) => {
   const i = nr([
     n,
-    I[B],
+    q[B],
     {
-      [I[`${B}--disabled`]]: u,
-      [I[`${B}--negative`]]: r
+      [q[`${B}--disabled`]]: u,
+      [q[`${B}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ h(er, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
@@ -403,7 +405,7 @@ const nr = /* @__PURE__ */ rr(tr), I = {
 function ar(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var oe = { exports: {} };
+var ae = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -438,8 +440,8 @@ var oe = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(oe);
-var ir = oe.exports;
+})(ae);
+var ir = ae.exports;
 const ur = /* @__PURE__ */ ar(ir), O = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
@@ -466,7 +468,7 @@ const ur = /* @__PURE__ */ ar(ir), O = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, E = "purpur-paragraph", ae = ({
+}, E = "purpur-paragraph", ie = ({
   ["data-testid"]: e,
   children: n,
   className: t,
@@ -488,7 +490,7 @@ const ur = /* @__PURE__ */ ar(ir), O = {
   ]);
   return /* @__PURE__ */ h("p", { ...i, className: c, "data-testid": e, children: n });
 };
-ae.displayName = "Paragraph";
+ie.displayName = "Paragraph";
 function w() {
   return w = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -501,18 +503,18 @@ function w() {
 function sr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ie(...e) {
+function ue(...e) {
   return (n) => e.forEach(
     (t) => sr(t, n)
   );
 }
-function ue(...e) {
-  return F(ie(...e), e);
+function ce(...e) {
+  return Z(ue(...e), e);
 }
 function lr(e, n = []) {
   let t = [];
   function a(r, o) {
-    const i = /* @__PURE__ */ Z(o), c = t.length;
+    const i = /* @__PURE__ */ V(o), c = t.length;
     t = [
       ...t,
       o
@@ -527,7 +529,7 @@ function lr(e, n = []) {
       }, b);
     }
     function d(l, f) {
-      const b = (f == null ? void 0 : f[e][c]) || i, _ = ve(b);
+      const b = (f == null ? void 0 : f[e][c]) || i, _ = be(b);
       if (_) return _;
       if (o !== void 0) return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -538,7 +540,7 @@ function lr(e, n = []) {
     ];
   }
   const u = () => {
-    const r = t.map((o) => /* @__PURE__ */ Z(o));
+    const r = t.map((o) => /* @__PURE__ */ V(o));
     return function(i) {
       const c = (i == null ? void 0 : i[e]) || r;
       return M(
@@ -595,7 +597,7 @@ function J(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
     if (e == null || e(u), t === !1 || !u.defaultPrevented) return n == null ? void 0 : n(u);
   };
 }
-function ce(e) {
+function se(e) {
   const n = $(e);
   return A(() => {
     n.current = e;
@@ -612,7 +614,7 @@ function dr({ prop: e, defaultProp: n, onChange: t = () => {
   const [a, u] = fr({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, i = ce(t), c = F((s) => {
+  }), r = e !== void 0, o = r ? e : a, i = se(t), c = Z((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && i(l);
@@ -629,7 +631,7 @@ function dr({ prop: e, defaultProp: n, onChange: t = () => {
   ];
 }
 function fr({ defaultProp: e, onChange: n }) {
-  const t = L(e), [a] = t, u = $(a), r = ce(n);
+  const t = I(e), [a] = t, u = $(a), r = se(n);
   return A(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
@@ -647,11 +649,11 @@ function hr(e) {
     e
   ]);
 }
-const U = globalThis != null && globalThis.document ? be : () => {
+const H = globalThis != null && globalThis.document ? _e : () => {
 };
 function mr(e) {
-  const [n, t] = L(void 0);
-  return U(() => {
+  const [n, t] = I(void 0);
+  return H(() => {
     if (e) {
       t({
         width: e.offsetWidth,
@@ -681,22 +683,22 @@ function mr(e) {
   ]), n;
 }
 function vr(e, n) {
-  return _e((t, a) => {
+  return ge((t, a) => {
     const u = n[t][a];
     return u ?? t;
   }, e);
 }
-const se = (e) => {
+const le = (e) => {
   const { present: n, children: t } = e, a = br(n), u = typeof t == "function" ? t({
     present: a.isPresent
-  }) : v.only(t), r = ue(a.ref, u.ref);
+  }) : v.only(t), r = ce(a.ref, u.ref);
   return typeof t == "function" || a.isPresent ? /* @__PURE__ */ j(u, {
     ref: r
   }) : null;
 };
-se.displayName = "Presence";
+le.displayName = "Presence";
 function br(e) {
-  const [n, t] = L(), 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"
@@ -714,7 +716,7 @@ function br(e) {
     r.current = i === "mounted" ? s : "none";
   }, [
     i
-  ]), U(() => {
+  ]), H(() => {
     const s = a.current, d = u.current;
     if (d !== e) {
       const f = r.current, b = D(s);
@@ -723,11 +725,11 @@ function br(e) {
   }, [
     e,
     c
-  ]), U(() => {
+  ]), H(() => {
     if (n) {
       const s = (l) => {
         const b = D(a.current).includes(l.animationName);
-        l.target === n && b && ge(
+        l.target === n && b && $e(
           () => c("ANIMATION_END")
         );
       }, d = (l) => {
@@ -746,7 +748,7 @@ function br(e) {
       "mounted",
       "unmountSuspended"
     ].includes(i),
-    ref: F((s) => {
+    ref: Z((s) => {
       s && (a.current = getComputedStyle(s)), t(s);
     }, [])
   };
@@ -754,27 +756,27 @@ function br(e) {
 function D(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const le = /* @__PURE__ */ g((e, n) => {
+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__ */ N(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(H, w({}, a, {
+    return /* @__PURE__ */ p(F, w({}, a, {
       ref: n
     }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(H, w({}, a, {
+  return /* @__PURE__ */ p(F, w({}, a, {
     ref: n
   }), t);
 });
-le.displayName = "Slot";
-const H = /* @__PURE__ */ g((e, n) => {
+pe.displayName = "Slot";
+const F = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
   return /* @__PURE__ */ N(t) ? /* @__PURE__ */ j(t, {
     ...$r(a, t.props),
-    ref: n ? ie(n, t.ref) : t.ref
+    ref: n ? ue(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
-H.displayName = "SlotClone";
+F.displayName = "SlotClone";
 const _r = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
 function gr(e) {
   return /* @__PURE__ */ N(e) && e.type === _r;
@@ -817,9 +819,9 @@ const xr = [
   "span",
   "svg",
   "ul"
-], pe = xr.reduce((e, n) => {
+], de = xr.reduce((e, n) => {
   const t = /* @__PURE__ */ g((a, u) => {
-    const { asChild: r, ...o } = a, i = r ? le : n;
+    const { asChild: r, ...o } = a, i = r ? pe : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ p(i, w({}, o, {
@@ -830,34 +832,34 @@ const xr = [
     ...e,
     [n]: t
   };
-}, {}), de = "Checkbox", [yr, zr] = lr(de), [Nr, wr] = yr(de), 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] = L(null), b = ue(
+}, {}), 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), R = l ? !!l.closest("form") : !0, [x = !1, q] = dr({
+  ), _ = $(!1), R = l ? !!l.closest("form") : !0, [x = !1, L] = dr({
     prop: u,
     defaultProp: r,
     onChange: s
-  }), me = $(x);
+  }), ve = $(x);
   return A(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const P = () => q(me.current);
+      const P = () => L(ve.current);
       return m.addEventListener("reset", P), () => m.removeEventListener("reset", P);
     }
   }, [
     l,
-    q
+    L
   ]), /* @__PURE__ */ p(Nr, {
     scope: t,
     state: x,
     disabled: i
-  }, /* @__PURE__ */ p(pe.button, w({
+  }, /* @__PURE__ */ p(de.button, w({
     type: "button",
     role: "checkbox",
     "aria-checked": S(x) ? "mixed" : x,
     "aria-required": o,
-    "data-state": fe(x),
+    "data-state": he(x),
     "data-disabled": i ? "" : void 0,
     disabled: i,
     value: c
@@ -867,7 +869,7 @@ const xr = [
       m.key === "Enter" && m.preventDefault();
     }),
     onClick: J(e.onClick, (m) => {
-      q(
+      L(
         (P) => S(P) ? !0 : !P
       ), R && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
     })
@@ -885,10 +887,10 @@ const xr = [
   }));
 }), Ar = "CheckboxIndicator", Cr = /* @__PURE__ */ g((e, n) => {
   const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = wr(Ar, t);
-  return /* @__PURE__ */ p(se, {
+  return /* @__PURE__ */ p(le, {
     present: a || S(r.state) || r.state === !0
-  }, /* @__PURE__ */ p(pe.span, w({
-    "data-state": fe(r.state),
+  }, /* @__PURE__ */ p(de.span, w({
+    "data-state": he(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, u, {
     ref: n,
@@ -931,14 +933,14 @@ const xr = [
 function S(e) {
   return e === "indeterminate";
 }
-function fe(e) {
+function he(e) {
   return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 const Pr = Sr, Or = Cr;
 function Er(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var he = { exports: {} };
+var me = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -973,8 +975,8 @@ var he = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(he);
-var Mr = he.exports;
+})(me);
+var Mr = me.exports;
 const jr = /* @__PURE__ */ Er(Mr), Rr = {
   "purpur-checkbox": "_purpur-checkbox_m4999_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_m4999_7",
@@ -1013,14 +1015,14 @@ const jr = /* @__PURE__ */ Er(Mr), Rr = {
           onCheckedChange: o,
           ref: c,
           children: /* @__PURE__ */ h("span", { className: C(`${y}__box`), children: /* @__PURE__ */ h(Or, { className: C(`${y}__indicator`), children: n === "indeterminate" ? /* @__PURE__ */ h(
-            W,
+            T,
             {
               "data-testid": e && `${e}-checked-icon`,
               size: "xs",
               svg: ze
             }
           ) : /* @__PURE__ */ h(
-            W,
+            T,
             {
               "data-testid": e && `${e}-indeterminate-icon`,
               size: "xs",
@@ -1036,16 +1038,16 @@ const jr = /* @__PURE__ */ Er(Mr), Rr = {
           "data-testid": e && `${e}-label`,
           disabled: i.disabled,
           className: C(`${y}__label`),
-          children: /* @__PURE__ */ h(ae, { variant: "paragraph-100", disabled: i.disabled, children: `${i.required ? "* " : ""}${r}` })
+          children: /* @__PURE__ */ h(ie, { variant: "paragraph-100", disabled: i.disabled, children: `${i.required ? "* " : ""}${r}` })
         }
       )
     ] }),
     s && /* @__PURE__ */ h(Re, { "data-testid": e && `${e}-error-text`, children: u })
   ] });
-}, Lr = g(Dr);
-Lr.displayName = "Checkbox";
+}, Ir = g(Dr);
+Ir.displayName = "Checkbox";
 export {
-  Lr as Checkbox,
+  Ir as Checkbox,
   Tr as checkedState
 };
 //# sourceMappingURL=checkbox.es.js.map