@purpurds/checkbox 7.14.0 → 8.1.0

package/dist/checkbox.es.js

@@ -5,15 +5,15 @@ import "react-dom";
 function ye(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var q = { exports: {} };
+var B = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var z;
+var W;
 function xe() {
-  return z || (z = 1, function(r) {
+  return W || (W = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
@@ -42,7 +42,7 @@ function xe() {
       }
       r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  }(q)), q.exports;
+  }(B)), B.exports;
 }
 var we = xe();
 const $e = /* @__PURE__ */ ye(we), Se = {
@@ -53,7 +53,7 @@ const $e = /* @__PURE__ */ ye(we), Se = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ne = $e.bind(Se), B = "purpur-icon", Ce = "md", ke = (r) => r.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Oe = ({ content: r = "", title: n } = {}) => {
+}, Ne = $e.bind(Se), I = "purpur-icon", Ce = "md", ke = (r) => r.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Oe = ({ content: r = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -65,7 +65,7 @@ const $e = /* @__PURE__ */ ye(we), Se = {
   const e = Oe({
     content: Pe(r.svg),
     title: n
-  }), o = Ne(t, B, `${B}--${i}`);
+  }), o = Ne(t, I, `${I}--${i}`);
   return /* @__PURE__ */ p("span", { className: o, dangerouslySetInnerHTML: { __html: e }, ...a });
 };
 oe.displayName = "Icon";
@@ -78,15 +78,15 @@ const Ae = {
 function Re(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var W = { exports: {} };
+var L = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var I;
+var U;
 function Ee() {
-  return I || (I = 1, function(r) {
+  return U || (U = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
@@ -115,26 +115,30 @@ function Ee() {
       }
       r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  }(W)), W.exports;
+  }(L)), L.exports;
 }
-var je = Ee();
-const Me = /* @__PURE__ */ Re(je), De = {
-  "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
-  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
-}, L = Me.bind(De), U = "purpur-field-error-text", qe = ({
+var Me = Ee();
+const je = /* @__PURE__ */ Re(Me), De = {
+  "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
+  "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
+  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
+}, V = je.bind(De), P = "purpur-field-error-text", qe = ({
   children: r,
   className: n,
-  ["aria-relevant"]: t = "additions text",
-  ...i
+  negative: t = !1,
+  ["aria-relevant"]: i = "additions text",
+  ...a
 }) => /* @__PURE__ */ S(
   "div",
   {
-    className: L(n, U),
+    className: V(n, P, {
+      [`${P}--negative`]: t
+    }),
     "aria-live": "assertive",
-    "aria-relevant": t,
-    ...i,
+    "aria-relevant": i,
+    ...a,
     children: [
-      /* @__PURE__ */ p(oe, { svg: Ae, size: "xs", className: L(`${U}__icon`) }),
+      /* @__PURE__ */ p(oe, { svg: Ae, size: "xs", className: V(`${P}__icon`) }),
       r
     ]
   }
@@ -142,15 +146,15 @@ const Me = /* @__PURE__ */ Re(je), De = {
 function ze(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var V = { exports: {} };
+var F = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var F;
+var T;
 function Be() {
-  return F || (F = 1, function(r) {
+  return T || (T = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
@@ -179,23 +183,26 @@ function Be() {
       }
       r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  }(V)), V.exports;
+  }(F)), F.exports;
 }
 var We = Be();
 const Ie = /* @__PURE__ */ ze(We), Le = {
-  "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
-  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, Ue = Ie.bind(Le), T = "purpur-field-helper-text", Ve = ({
+  "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
+  "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
+}, Ue = Ie.bind(Le), A = "purpur-field-helper-text", Ve = ({
   children: r,
   className: n,
   disabled: t,
   id: i,
-  ...a
+  negative: a,
+  ...e
 }) => {
-  const e = Ue(n, T, {
-    [`${T}--disabled`]: t
+  const o = Ue(n, A, {
+    [`${A}--disabled`]: t,
+    [`${A}--negative`]: a
   });
-  return /* @__PURE__ */ p("span", { id: i, className: e, ...a, children: r });
+  return /* @__PURE__ */ p("span", { id: i, className: o, ...e, children: r });
 };
 function Fe(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
@@ -256,14 +263,14 @@ const He = /* @__PURE__ */ Fe(Ze), Ke = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = n ? `<title>${n}</title>` : "";
   return `<svg ${Je(t)}>${i}${r}</svg>`;
-}, Ye = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), R = ({ svg: r, allyTitle: n, className: t, size: i = Xe, ...a }) => {
+}, Ye = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), M = ({ svg: r, allyTitle: n, className: t, size: i = Xe, ...a }) => {
   const e = Qe({
     content: Ye(r.svg),
     title: n
   }), o = Ge(t, K, `${K}--${i}`);
   return /* @__PURE__ */ p("span", { className: o, dangerouslySetInnerHTML: { __html: e }, ...a });
 };
-R.displayName = "Icon";
+M.displayName = "Icon";
 const er = {
   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>',
@@ -300,12 +307,12 @@ var ie = s.forwardRef((r, n) => {
   const { children: t, ...i } = r, a = s.Children.toArray(t), e = a.find(or);
   if (e) {
     const o = e.props.children, u = a.map((c) => c === e ? s.Children.count(o) > 1 ? s.Children.only(null) : s.isValidElement(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(E, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
+    return /* @__PURE__ */ p(j, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
   }
-  return /* @__PURE__ */ p(E, { ...i, ref: n, children: t });
+  return /* @__PURE__ */ p(j, { ...i, ref: n, children: t });
 });
 ie.displayName = "Slot";
-var E = s.forwardRef((r, n) => {
+var j = s.forwardRef((r, n) => {
   const { children: t, ...i } = r;
   if (s.isValidElement(t)) {
     const a = ar(t), e = ir(i, t.props);
@@ -313,7 +320,7 @@ var E = s.forwardRef((r, n) => {
   }
   return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-E.displayName = "SlotClone";
+j.displayName = "SlotClone";
 var nr = ({ children: r }) => /* @__PURE__ */ p(ne, { children: r });
 function or(r) {
   return s.isValidElement(r) && r.type === nr;
@@ -379,7 +386,7 @@ var X = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var J;
-function dr() {
+function fr() {
   return J || (J = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
@@ -411,21 +418,21 @@ function dr() {
     })();
   }(X)), X.exports;
 }
-var fr = dr();
-const hr = /* @__PURE__ */ pr(fr), mr = {
-  "purpur-label": "_purpur-label_1jndl_1",
-  "purpur-label--negative": "_purpur-label--negative_1jndl_8",
-  "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, gr = hr.bind(mr), P = "purpur-label", vr = ({
+var dr = fr();
+const hr = /* @__PURE__ */ pr(dr), mr = {
+  "purpur-label": "_purpur-label_1x80u_1",
+  "purpur-label--negative": "_purpur-label--negative_1x80u_8",
+  "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
+}, gr = hr.bind(mr), R = "purpur-label", vr = ({
   children: r,
   className: n,
   disabled: t,
   negative: i = !1,
   ...a
 }) => {
-  const e = gr(n, P, {
-    [`${P}--disabled`]: t,
-    [`${P}--negative`]: i
+  const e = gr(n, R, {
+    [`${R}--disabled`]: t,
+    [`${R}--negative`]: i
   });
   return /* @__PURE__ */ p(lr, { className: e, ...a, children: r });
 };
@@ -535,18 +542,18 @@ function Nr(r, n = []) {
   function i(e, o) {
     const u = s.createContext(o), c = t.length;
     t = [...t, o];
-    const l = (f) => {
+    const l = (d) => {
       var b;
-      const { scope: d, children: m, ...g } = f, _ = ((b = d == null ? void 0 : d[r]) == null ? void 0 : b[c]) || u, $ = s.useMemo(() => g, Object.values(g));
+      const { scope: f, children: m, ...g } = d, _ = ((b = f == null ? void 0 : f[r]) == null ? void 0 : b[c]) || u, $ = s.useMemo(() => g, Object.values(g));
       return /* @__PURE__ */ p(_.Provider, { value: $, children: m });
     };
     l.displayName = e + "Provider";
-    function h(f, d) {
+    function h(d, f) {
       var _;
-      const m = ((_ = d == null ? void 0 : d[r]) == null ? void 0 : _[c]) || u, g = s.useContext(m);
+      const m = ((_ = f == null ? void 0 : f[r]) == null ? void 0 : _[c]) || u, g = s.useContext(m);
       if (g) return g;
       if (o !== void 0) return o;
-      throw new Error(`\`${f}\` must be used within \`${e}\``);
+      throw new Error(`\`${d}\` must be used within \`${e}\``);
     }
     return [l, h];
   }
@@ -572,8 +579,8 @@ function Cr(...r) {
     }));
     return function(e) {
       const o = i.reduce((u, { useScope: c, scopeName: l }) => {
-        const f = c(e)[`__scope${l}`];
-        return { ...u, ...f };
+        const d = c(e)[`__scope${l}`];
+        return { ...u, ...d };
       }, {});
       return s.useMemo(() => ({ [`__scope${n.scopeName}`]: o }), [o]);
     };
@@ -604,8 +611,8 @@ function kr({
   const [i, a] = Or({ defaultProp: n, onChange: t }), e = r !== void 0, o = e ? r : i, u = le(t), c = s.useCallback(
     (l) => {
       if (e) {
-        const f = typeof l == "function" ? l(r) : l;
-        f !== r && u(f);
+        const d = typeof l == "function" ? l(r) : l;
+        d !== r && u(d);
       } else
         a(l);
     },
@@ -626,11 +633,11 @@ function Pr(r) {
   const n = s.useRef({ value: r, previous: r });
   return s.useMemo(() => (n.current.value !== r && (n.current.previous = n.current.value, n.current.value = r), n.current.previous), [r]);
 }
-var j = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var D = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 };
 function Ar(r) {
   const [n, t] = s.useState(void 0);
-  return j(() => {
+  return D(() => {
     if (r) {
       t({ width: r.offsetWidth, height: r.offsetHeight });
       const i = new ResizeObserver((a) => {
@@ -654,7 +661,7 @@ function Rr(r, n) {
   return s.useReducer((t, i) => n[t][i] ?? t, r);
 }
 var pe = (r) => {
-  const { present: n, children: t } = r, i = Er(n), a = typeof t == "function" ? t({ present: i.isPresent }) : s.Children.only(t), e = ce(i.ref, jr(a));
+  const { present: n, children: t } = r, i = Er(n), a = typeof t == "function" ? t({ present: i.isPresent }) : s.Children.only(t), e = ce(i.ref, Mr(a));
   return typeof t == "function" || i.isPresent ? s.cloneElement(a, { ref: e }) : null;
 };
 pe.displayName = "Presence";
@@ -675,16 +682,16 @@ function Er(r) {
   return s.useEffect(() => {
     const l = k(i.current);
     e.current = u === "mounted" ? l : "none";
-  }, [u]), j(() => {
+  }, [u]), D(() => {
     const l = i.current, h = a.current;
     if (h !== r) {
-      const d = e.current, m = k(l);
-      r ? c("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(h && d !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = r;
+      const f = e.current, m = k(l);
+      r ? c("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(h && f !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = r;
     }
-  }, [r, c]), j(() => {
+  }, [r, c]), D(() => {
     if (n) {
       let l;
-      const h = n.ownerDocument.defaultView ?? window, f = (m) => {
+      const h = n.ownerDocument.defaultView ?? window, d = (m) => {
         const _ = k(i.current).includes(m.animationName);
         if (m.target === n && _ && (c("ANIMATION_END"), !a.current)) {
           const $ = n.style.animationFillMode;
@@ -692,11 +699,11 @@ function Er(r) {
             n.style.animationFillMode === "forwards" && (n.style.animationFillMode = $);
           });
         }
-      }, d = (m) => {
+      }, f = (m) => {
         m.target === n && (e.current = k(i.current));
       };
-      return n.addEventListener("animationstart", d), n.addEventListener("animationcancel", f), n.addEventListener("animationend", f), () => {
-        h.clearTimeout(l), n.removeEventListener("animationstart", d), n.removeEventListener("animationcancel", f), n.removeEventListener("animationend", f);
+      return n.addEventListener("animationstart", f), n.addEventListener("animationcancel", d), n.addEventListener("animationend", d), () => {
+        h.clearTimeout(l), n.removeEventListener("animationstart", f), n.removeEventListener("animationcancel", d), n.removeEventListener("animationend", d);
       };
     } else
       c("ANIMATION_END");
@@ -710,21 +717,21 @@ function Er(r) {
 function k(r) {
   return (r == null ? void 0 : r.animationName) || "none";
 }
-function jr(r) {
+function Mr(r) {
   var i, a;
   let n = (i = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : i.get, t = n && "isReactWarning" in n && n.isReactWarning;
   return t ? r.ref : (n = (a = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : a.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? r.props.ref : r.props.ref || r.ref);
 }
-var de = s.forwardRef((r, n) => {
+var fe = s.forwardRef((r, n) => {
   const { children: t, ...i } = r, a = s.Children.toArray(t), e = a.find(Dr);
   if (e) {
     const o = e.props.children, u = a.map((c) => c === e ? s.Children.count(o) > 1 ? s.Children.only(null) : s.isValidElement(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(M, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
+    return /* @__PURE__ */ p(q, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
   }
-  return /* @__PURE__ */ p(M, { ...i, ref: n, children: t });
+  return /* @__PURE__ */ p(q, { ...i, ref: n, children: t });
 });
-de.displayName = "Slot";
-var M = s.forwardRef((r, n) => {
+fe.displayName = "Slot";
+var q = s.forwardRef((r, n) => {
   const { children: t, ...i } = r;
   if (s.isValidElement(t)) {
     const a = zr(t), e = qr(i, t.props);
@@ -732,10 +739,10 @@ var M = s.forwardRef((r, n) => {
   }
   return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-M.displayName = "SlotClone";
-var Mr = ({ children: r }) => /* @__PURE__ */ p(ne, { children: r });
+q.displayName = "SlotClone";
+var jr = ({ children: r }) => /* @__PURE__ */ p(ne, { children: r });
 function Dr(r) {
-  return s.isValidElement(r) && r.type === Mr;
+  return s.isValidElement(r) && r.type === jr;
 }
 function qr(r, n) {
   const t = { ...n };
@@ -769,13 +776,13 @@ var Br = [
   "span",
   "svg",
   "ul"
-], fe = Br.reduce((r, n) => {
+], de = Br.reduce((r, n) => {
   const t = s.forwardRef((i, a) => {
-    const { asChild: e, ...o } = i, u = e ? de : n;
+    const { asChild: e, ...o } = i, u = e ? fe : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...o, ref: a });
   });
   return t.displayName = `Primitive.${n}`, { ...r, [n]: t };
-}, {}), D = "Checkbox", [Wr, et] = Nr(D), [Ir, Lr] = Wr(D), he = s.forwardRef(
+}, {}), z = "Checkbox", [Wr, et] = Nr(z), [Ir, Lr] = Wr(z), he = s.forwardRef(
   (r, n) => {
     const {
       __scopeCheckbox: t,
@@ -787,21 +794,21 @@ var Br = [
       value: c = "on",
       onCheckedChange: l,
       form: h,
-      ...f
-    } = r, [d, m] = s.useState(null), g = ce(n, (v) => m(v)), _ = s.useRef(!1), $ = d ? h || !!d.closest("form") : !0, [b = !1, O] = kr({
+      ...d
+    } = r, [f, m] = s.useState(null), g = ce(n, (v) => m(v)), _ = s.useRef(!1), $ = f ? h || !!f.closest("form") : !0, [b = !1, O] = kr({
       prop: a,
       defaultProp: e,
       onChange: l
     }), _e = s.useRef(b);
     return s.useEffect(() => {
-      const v = d == null ? void 0 : d.form;
+      const v = f == null ? void 0 : f.form;
       if (v) {
         const N = () => O(_e.current);
         return v.addEventListener("reset", N), () => v.removeEventListener("reset", N);
       }
-    }, [d, O]), /* @__PURE__ */ S(Ir, { scope: t, state: b, disabled: u, children: [
+    }, [f, O]), /* @__PURE__ */ S(Ir, { scope: t, state: b, disabled: u, children: [
       /* @__PURE__ */ p(
-        fe.button,
+        de.button,
         {
           type: "button",
           role: "checkbox",
@@ -811,7 +818,7 @@ var Br = [
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: c,
-          ...f,
+          ...d,
           ref: g,
           onKeyDown: re(r.onKeyDown, (v) => {
             v.key === "Enter" && v.preventDefault();
@@ -824,7 +831,7 @@ var Br = [
       $ && /* @__PURE__ */ p(
         Ur,
         {
-          control: d,
+          control: f,
           bubbles: !_.current,
           name: i,
           value: c,
@@ -839,12 +846,12 @@ var Br = [
     ] });
   }
 );
-he.displayName = D;
+he.displayName = z;
 var me = "CheckboxIndicator", ge = s.forwardRef(
   (r, n) => {
     const { __scopeCheckbox: t, forceMount: i, ...a } = r, e = Lr(me, t);
     return /* @__PURE__ */ p(pe, { present: i || x(e.state) || e.state === !0, children: /* @__PURE__ */ p(
-      fe.span,
+      de.span,
       {
         "data-state": ve(e.state),
         "data-disabled": e.disabled ? "" : void 0,
@@ -859,7 +866,7 @@ ge.displayName = me;
 var Ur = (r) => {
   const { control: n, checked: t, bubbles: i = !0, defaultChecked: a, ...e } = r, o = s.useRef(null), u = Pr(t), c = Ar(n);
   s.useEffect(() => {
-    const h = o.current, f = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(f, "checked").set;
+    const h = o.current, d = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(d, "checked").set;
     if (u !== t && m) {
       const g = new Event("click", { bubbles: i });
       h.indeterminate = x(t), m.call(h, x(t) ? !1 : t), h.dispatchEvent(g);
@@ -896,7 +903,7 @@ var Vr = he, Fr = ge;
 function Tr(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var A = { exports: {} };
+var E = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -933,7 +940,7 @@ function Zr() {
       }
       r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  }(A)), A.exports;
+  }(E)), E.exports;
 }
 var Hr = Zr();
 const Kr = /* @__PURE__ */ Tr(Hr), Gr = {
@@ -957,7 +964,7 @@ const Kr = /* @__PURE__ */ Tr(Hr), Gr = {
     onChange: u,
     ...c
   }, l) => {
-    const h = a && !n, f = i && !n;
+    const h = a && !n, d = i && !n;
     return /* @__PURE__ */ S("div", { className: w([t, `${y}__wrapper`]), children: [
       /* @__PURE__ */ S("div", { className: w([t, `${y}__container`]), children: [
         /* @__PURE__ */ p(
@@ -969,21 +976,21 @@ const Kr = /* @__PURE__ */ Tr(Hr), Gr = {
               y,
               {
                 [`${y}--error`]: h,
-                [`${y}--error-checkbox`]: f
+                [`${y}--error-checkbox`]: d
               }
             ]),
             "data-testid": r,
             onCheckedChange: u,
             ref: l,
             children: /* @__PURE__ */ p("span", { className: w(`${y}__box`), children: /* @__PURE__ */ p(Fr, { className: w(`${y}__indicator`), children: n === "indeterminate" ? /* @__PURE__ */ p(
-              R,
+              M,
               {
                 "data-testid": r && `${r}-checked-icon`,
                 size: "xs",
                 svg: rr
               }
             ) : /* @__PURE__ */ p(
-              R,
+              M,
               {
                 "data-testid": r && `${r}-indeterminate-icon`,
                 size: "xs",