@purpurds/checkbox 4.4.0 → 4.5.0

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 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 { 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 R, useEffect as A, Fragment as re, useCallback as Z, createContext as V, useMemo as k, 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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -62,7 +62,7 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
     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 = ({
+}, Ee = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), je = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
@@ -71,7 +71,7 @@ const Ne = /* @__PURE__ */ xe(we), Se = {
   ...r
 }) => {
   const o = ke({
-    content: je(n.svg),
+    content: Ee(n.svg),
     title: t
   }), i = Oe(a, G, `${G}--${u}`);
   return /* @__PURE__ */ f(
@@ -124,31 +124,31 @@ var ne = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ne);
-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", De = ({
+var Re = ne.exports;
+const De = /* @__PURE__ */ Me(Re), K = {
+  "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
+  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
+}, W = "purpur-field-error-text", qe = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   relevant: a = "additions text",
   ...u
-}) => /* @__PURE__ */ B(
+}) => /* @__PURE__ */ z(
   "div",
   {
-    className: Re([t, K[W]]),
+    className: De([t, K[W]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ f(Ee, { svg: Ae, size: "xs", className: K[`${W}__icon`] }),
+      /* @__PURE__ */ f(je, { svg: Ae, size: "xs", className: K[`${W}__icon`] }),
       n
     ]
   }
 );
-function qe(e) {
+function Ie(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 Ie = oe.exports;
-const Le = /* @__PURE__ */ qe(Ie), Be = {
+var Le = oe.exports;
+const Be = /* @__PURE__ */ Ie(Le), ze = {
   "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 Le = /* @__PURE__ */ qe(Ie), Be = {
   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(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 } = {}) => {
+}, 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 } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -247,15 +247,15 @@ function T() {
     return e;
   }, T.apply(this, arguments);
 }
-function j() {
-  return j = Object.assign ? Object.assign.bind() : function(e) {
+function E() {
+  return E = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t)
         Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, j.apply(this, arguments);
+  }, E.apply(this, arguments);
 }
 function Ke(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
@@ -265,22 +265,22 @@ function We(...e) {
     (t) => Ke(t, n)
   );
 }
-const ae = /* @__PURE__ */ _((e, n) => {
+const ae = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e, u = v.toArray(t), r = u.find(Je);
   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(U, j({}, a, {
+    return /* @__PURE__ */ p(U, E({}, a, {
       ref: n
-    }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ z(o, void 0, i) : null);
+    }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ R(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(U, j({}, a, {
+  return /* @__PURE__ */ p(U, E({}, a, {
     ref: n
   }), t);
 });
 ae.displayName = "Slot";
-const U = /* @__PURE__ */ _((e, n) => {
+const U = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ x(t) ? /* @__PURE__ */ z(t, {
+  return /* @__PURE__ */ x(t) ? /* @__PURE__ */ R(t, {
     ...Qe(a, t.props),
     ref: n ? We(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
@@ -329,11 +329,11 @@ const Ye = [
   "svg",
   "ul"
 ], er = Ye.reduce((e, n) => {
-  const t = /* @__PURE__ */ _((a, u) => {
+  const t = /* @__PURE__ */ g((a, u) => {
     const { asChild: r, ...o } = a, i = r ? ae : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ p(i, j({}, o, {
+    }, []), /* @__PURE__ */ p(i, E({}, o, {
       ref: u
     }));
   });
@@ -341,7 +341,7 @@ const Ye = [
     ...e,
     [n]: t
   };
-}, {}), rr = /* @__PURE__ */ _((e, n) => /* @__PURE__ */ p(er.label, T({}, e, {
+}, {}), rr = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(er.label, T({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var a;
@@ -389,8 +389,8 @@ var ue = { exports: {} };
 })(ue);
 var or = ue.exports;
 const ar = /* @__PURE__ */ nr(or), Q = {
-  "purpur-label": "_purpur-label_1jub8_1",
-  "purpur-label--disabled": "_purpur-label--disabled_1jub8_9"
+  "purpur-label": "_purpur-label_1tkut_1",
+  "purpur-label--disabled": "_purpur-label--disabled_1tkut_9"
 }, Y = "purpur-label", ur = ({
   children: e,
   className: n,
@@ -447,20 +447,20 @@ var ie = { exports: {} };
 })(ie);
 var cr = ie.exports;
 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",
-  "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
+  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
+  "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 = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -494,15 +494,15 @@ const sr = /* @__PURE__ */ ir(cr), C = {
   ]);
   return /* @__PURE__ */ f("p", { ...i, className: c, "data-testid": e, children: n });
 };
-function E() {
-  return E = Object.assign ? Object.assign.bind() : function(e) {
+function j() {
+  return j = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var a in t)
         Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, E.apply(this, arguments);
+  }, j.apply(this, arguments);
 }
 function dr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
@@ -524,18 +524,18 @@ function fr(e, n = []) {
       o
     ];
     function s(l) {
-      const { scope: d, children: b, ...g } = l, R = (d == null ? void 0 : d[e][c]) || i, y = k(
-        () => g,
-        Object.values(g)
+      const { scope: d, children: b, ..._ } = l, D = (d == null ? void 0 : d[e][c]) || i, y = k(
+        () => _,
+        Object.values(_)
       );
-      return /* @__PURE__ */ p(R.Provider, {
+      return /* @__PURE__ */ p(D.Provider, {
         value: y
       }, b);
     }
     function h(l, d) {
-      const b = (d == null ? void 0 : d[e][c]) || i, g = ge(b);
-      if (g)
-        return g;
+      const b = (d == null ? void 0 : d[e][c]) || i, _ = _e(b);
+      if (_)
+        return _;
       if (o !== void 0)
         return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
@@ -640,7 +640,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);
+  const t = I(e), [a] = t, u = $(a), r = le(n);
   return A(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
@@ -658,10 +658,10 @@ function br(e) {
     e
   ]);
 }
-const H = globalThis != null && globalThis.document ? _e : () => {
+const H = globalThis != null && globalThis.document ? ge : () => {
 };
-function gr(e) {
-  const [n, t] = q(void 0);
+function _r(e) {
+  const [n, t] = I(void 0);
   return H(() => {
     if (e) {
       t({
@@ -692,7 +692,7 @@ function gr(e) {
     e
   ]), n;
 }
-function _r(e, n) {
+function gr(e, n) {
   return $e((t, a) => {
     const u = n[t][a];
     return u ?? t;
@@ -702,13 +702,13 @@ const pe = (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);
-  return typeof t == "function" || a.isPresent ? /* @__PURE__ */ z(u, {
+  return typeof t == "function" || a.isPresent ? /* @__PURE__ */ R(u, {
     ref: r
   }) : null;
 };
 pe.displayName = "Presence";
 function $r(e) {
-  const [n, t] = q(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = _r(o, {
+  const [n, t] = I(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = gr(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -722,14 +722,14 @@ function $r(e) {
     }
   });
   return A(() => {
-    const s = D(a.current);
+    const s = q(a.current);
     r.current = i === "mounted" ? s : "none";
   }, [
     i
   ]), H(() => {
     const s = a.current, h = u.current;
     if (h !== e) {
-      const d = r.current, b = D(s);
+      const d = r.current, b = q(s);
       e ? c("MOUNT") : b === "none" || (s == null ? void 0 : s.display) === "none" ? c("UNMOUNT") : c(h && d !== b ? "ANIMATION_OUT" : "UNMOUNT"), u.current = e;
     }
   }, [
@@ -738,12 +738,12 @@ function $r(e) {
   ]), H(() => {
     if (n) {
       const s = (l) => {
-        const b = D(a.current).includes(l.animationName);
+        const b = q(a.current).includes(l.animationName);
         l.target === n && b && ye(
           () => c("ANIMATION_END")
         );
       }, h = (l) => {
-        l.target === n && (r.current = D(a.current));
+        l.target === n && (r.current = q(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);
@@ -763,7 +763,7 @@ function $r(e) {
     }, [])
   };
 }
-function D(e) {
+function q(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function M() {
@@ -776,22 +776,22 @@ function M() {
     return e;
   }, M.apply(this, arguments);
 }
-const de = /* @__PURE__ */ _((e, n) => {
+const de = /* @__PURE__ */ g((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);
     return /* @__PURE__ */ p(F, M({}, a, {
       ref: n
-    }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ z(o, void 0, i) : null);
+    }), /* @__PURE__ */ x(o) ? /* @__PURE__ */ R(o, void 0, i) : null);
   }
   return /* @__PURE__ */ p(F, M({}, a, {
     ref: n
   }), t);
 });
 de.displayName = "Slot";
-const F = /* @__PURE__ */ _((e, n) => {
+const F = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ x(t) ? /* @__PURE__ */ z(t, {
+  return /* @__PURE__ */ x(t) ? /* @__PURE__ */ R(t, {
     ...wr(a, t.props),
     ref: n ? ce(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
@@ -840,7 +840,7 @@ const Nr = [
   "svg",
   "ul"
 ], fe = Nr.reduce((e, n) => {
-  const t = /* @__PURE__ */ _((a, u) => {
+  const t = /* @__PURE__ */ g((a, u) => {
     const { asChild: r, ...o } = a, i = r ? de : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
@@ -852,11 +852,11 @@ 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] = q(null), b = se(
+}, {}), he = "Checkbox", [Sr, Tr] = fr(he), [Ar, Or] = Sr(he), Cr = /* @__PURE__ */ g((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(
     n,
     (m) => d(m)
-  ), g = $(!1), R = l ? !!l.closest("form") : !0, [y = !1, I] = mr({
+  ), _ = $(!1), D = l ? !!l.closest("form") : !0, [y = !1, L] = mr({
     prop: u,
     defaultProp: r,
     onChange: s
@@ -864,17 +864,17 @@ const Nr = [
   return A(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const O = () => I(be.current);
+      const O = () => L(be.current);
       return m.addEventListener("reset", O), () => m.removeEventListener("reset", O);
     }
   }, [
     l,
-    I
+    L
   ]), /* @__PURE__ */ p(Ar, {
     scope: t,
     state: y,
     disabled: i
-  }, /* @__PURE__ */ p(fe.button, E({
+  }, /* @__PURE__ */ p(fe.button, j({
     type: "button",
     role: "checkbox",
     "aria-checked": S(y) ? "mixed" : y,
@@ -889,13 +889,13 @@ const Nr = [
       m.key === "Enter" && m.preventDefault();
     }),
     onClick: ee(e.onClick, (m) => {
-      I(
+      L(
         (O) => S(O) ? !0 : !O
-      ), R && (g.current = m.isPropagationStopped(), g.current || m.stopPropagation());
+      ), D && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
     })
-  })), R && /* @__PURE__ */ p(jr, {
+  })), D && /* @__PURE__ */ p(Er, {
     control: l,
-    bubbles: !g.current,
+    bubbles: !_.current,
     name: a,
     value: c,
     checked: y,
@@ -905,11 +905,11 @@ const Nr = [
       transform: "translateX(-100%)"
     }
   }));
-}), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ _((e, n) => {
+}), Pr = "CheckboxIndicator", kr = /* @__PURE__ */ g((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({
+  }, /* @__PURE__ */ p(fe.span, j({
     "data-state": me(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, u, {
@@ -919,8 +919,8 @@ const Nr = [
       ...e.style
     }
   })));
-}), jr = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = br(t), i = gr(n);
+}), Er = (e) => {
+  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = br(t), i = _r(n);
   return A(() => {
     const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
@@ -933,7 +933,7 @@ const Nr = [
     o,
     t,
     a
-  ]), /* @__PURE__ */ p("input", E({
+  ]), /* @__PURE__ */ p("input", j({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: S(t) ? !1 : t
@@ -956,8 +956,8 @@ function S(e) {
 function me(e) {
   return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Er = Cr, Mr = kr;
-function zr(e) {
+const jr = Cr, Mr = kr;
+function Rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ve = { exports: {} };
@@ -996,8 +996,8 @@ var ve = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(ve);
-var Rr = ve.exports;
-const L = /* @__PURE__ */ zr(Rr), w = {
+var Dr = ve.exports;
+const B = /* @__PURE__ */ Rr(Dr), w = {
   "purpur-checkbox": "_purpur-checkbox_10fl8_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_10fl8_7",
   "purpur-checkbox--error": "_purpur-checkbox--error_10fl8_16",
@@ -1005,7 +1005,7 @@ const L = /* @__PURE__ */ zr(Rr), 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", Dr = ({
+}, N = "purpur-checkbox", qr = ({
   ["data-testid"]: e,
   checked: n,
   className: t,
@@ -1015,14 +1015,14 @@ const L = /* @__PURE__ */ zr(Rr), w = {
   ...o
 }, i) => {
   const c = a && !n;
-  return /* @__PURE__ */ B("div", { className: L([t, w[`${N}__wrapper`]]), children: [
-    /* @__PURE__ */ B("div", { className: L([t, w[`${N}__container`]]), children: [
+  return /* @__PURE__ */ z("div", { className: B([t, w[`${N}__wrapper`]]), children: [
+    /* @__PURE__ */ z("div", { className: B([t, w[`${N}__container`]]), children: [
       /* @__PURE__ */ f(
-        Er,
+        jr,
         {
           ...o,
           checked: n,
-          className: L(w[N], {
+          className: B(w[N], {
             [w[`${N}--error`]]: c
           }),
           "data-testid": e,
@@ -1056,11 +1056,11 @@ const L = /* @__PURE__ */ zr(Rr), w = {
         }
       )
     ] }),
-    c && /* @__PURE__ */ f(De, { "data-testid": e && `${e}-error-text`, children: a })
+    c && /* @__PURE__ */ f(qe, { "data-testid": e && `${e}-error-text`, children: a })
   ] });
-}, qr = _(Dr);
-qr.displayName = "Checkbox";
+}, Ir = g(qr);
+Ir.displayName = "Checkbox";
 export {
-  qr as Checkbox
+  Ir as Checkbox
 };
 //# sourceMappingURL=checkbox.es.js.map