@purpurds/checkbox 5.16.0 → 5.17.0

package/dist/checkbox.es.js

@@ -1,10 +1,10 @@
-import { jsxs as T, jsx as f } from "react/jsx-runtime";
-import { forwardRef as g, Children as v, isValidElement as y, createElement as p, cloneElement as j, useEffect as C, Fragment as Q, useCallback as Z, createContext as V, useMemo as M, useContext as _e, useRef as $, useState as L, useLayoutEffect as be, useReducer as ge } from "react";
-import { flushSync as $e } from "react-dom";
-function xe(e) {
+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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ee = { exports: {} };
+var Q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -39,9 +39,9 @@ var ee = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ee);
-var ye = ee.exports;
-const Ne = /* @__PURE__ */ xe(ye), we = {
+})(Q);
+var xe = Q.exports;
+const ye = /* @__PURE__ */ $e(xe), Ne = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,32 +49,32 @@ const Ne = /* @__PURE__ */ xe(ye), we = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Se = {
+}, we = {
   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"
-}, Ae = Ne.bind(we), G = "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 } = {}) => {
+}, 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 } = {}) => {
   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>`;
-}, Oe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ee = ({
+  return `<svg ${Ce(t)}>${a}${e}</svg>`;
+}, Pe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Oe = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a,
-  size: u = Ce,
+  size: u = Ae,
   ...r
 }) => {
   const o = ke({
-    content: Oe(n.svg),
+    content: Pe(n.svg),
     title: t
-  }), i = Ae(a, G, `${G}--${u}`);
-  return /* @__PURE__ */ f(
+  }), i = Se(a, V, `${V}--${u}`);
+  return /* @__PURE__ */ h(
     "span",
     {
       "aria-label": t,
@@ -85,10 +85,10 @@ const Ne = /* @__PURE__ */ xe(ye), we = {
     }
   );
 };
-function Me(e) {
+function Ee(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var re = { exports: {} };
+var ee = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -123,35 +123,35 @@ var re = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(re);
-var je = re.exports;
-const Re = /* @__PURE__ */ Me(je), K = {
+})(ee);
+var Me = ee.exports;
+const je = /* @__PURE__ */ Ee(Me), G = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, X = "purpur-field-error-text", De = ({
+}, K = "purpur-field-error-text", Re = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   relevant: a = "additions text",
   ...u
-}) => /* @__PURE__ */ T(
+}) => /* @__PURE__ */ z(
   "div",
   {
-    className: Re([t, K[X]]),
+    className: je([t, G[K]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ f(Ee, { svg: Se, size: "xs", className: K[`${X}__icon`] }),
+      /* @__PURE__ */ h(Oe, { svg: we, size: "xs", className: G[`${K}__icon`] }),
       n
     ]
   }
 );
-function Le(e) {
+function De(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var te = { exports: {} };
+var re = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -186,9 +186,9 @@ var te = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(te);
-var qe = te.exports;
-const Ie = /* @__PURE__ */ Le(qe), Be = {
+})(re);
+var Le = re.exports;
+const qe = /* @__PURE__ */ De(Le), Ie = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -196,37 +196,37 @@ const Ie = /* @__PURE__ */ Le(qe), Be = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ze = {
+}, 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"
-}, Te = {
+}, 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"
-}, Ue = Ie.bind(Be), W = "purpur-icon", He = "md", Fe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ze = ({ content: e = "", title: n } = {}) => {
+}, 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 } = {}) => {
   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 ${Fe(t)}>${a}${e}</svg>`;
-}, Ve = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({
+  return `<svg ${He(t)}>${a}${e}</svg>`;
+}, Ze = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), W = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: a,
-  size: u = He,
+  size: u = Ue,
   ...r
 }) => {
-  const o = Ze({
-    content: Ve(n.svg),
+  const o = Fe({
+    content: Ze(n.svg),
     title: t
-  }), i = Ue(a, W, `${W}--${u}`);
-  return /* @__PURE__ */ f(
+  }), i = Te(a, X, `${X}--${u}`);
+  return /* @__PURE__ */ h(
     "span",
     {
       "aria-label": t,
@@ -237,49 +237,49 @@ const Ie = /* @__PURE__ */ Le(qe), Be = {
     }
   );
 };
-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 Ge(e, n) {
+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) => Ge(t, n)
+    (t) => Ve(t, n)
   );
 }
-const ne = /* @__PURE__ */ g((e, n) => {
-  const { children: t, ...a } = e, u = v.toArray(t), r = u.find(We);
+const te = /* @__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__ */ y(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(T, k({}, a, {
       ref: n
-    }), /* @__PURE__ */ y(o) ? /* @__PURE__ */ j(o, void 0, i) : null);
+    }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(U, P({}, a, {
+  return /* @__PURE__ */ p(T, k({}, a, {
     ref: n
   }), t);
 });
-ne.displayName = "Slot";
-const U = /* @__PURE__ */ g((e, n) => {
+te.displayName = "Slot";
+const T = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ y(t) ? /* @__PURE__ */ j(t, {
-    ...Je(a, t.props),
-    ref: n ? Ke(n, t.ref) : t.ref
+  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;
 });
-U.displayName = "SlotClone";
-const Xe = ({ children: e }) => /* @__PURE__ */ p(Q, null, e);
-function We(e) {
-  return /* @__PURE__ */ y(e) && e.type === Xe;
+T.displayName = "SlotClone";
+const Ke = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
+function Xe(e) {
+  return /* @__PURE__ */ N(e) && e.type === Ke;
 }
-function Je(e, n) {
+function We(e, n) {
   const t = {
     ...n
   };
@@ -300,7 +300,7 @@ function Je(e, n) {
     ...t
   };
 }
-const Ye = [
+const Je = [
   "a",
   "button",
   "div",
@@ -317,12 +317,12 @@ const Ye = [
   "span",
   "svg",
   "ul"
-], Qe = Ye.reduce((e, n) => {
+], Ye = Je.reduce((e, n) => {
   const t = /* @__PURE__ */ g((a, u) => {
-    const { asChild: r, ...o } = a, i = r ? ne : n;
-    return C(() => {
+    const { asChild: r, ...o } = a, i = r ? te : n;
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ p(i, P({}, o, {
+    }, []), /* @__PURE__ */ p(i, k({}, o, {
       ref: u
     }));
   });
@@ -330,17 +330,17 @@ const Ye = [
     ...e,
     [n]: t
   };
-}, {}), er = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(Qe.label, P({}, e, {
+}, {}), Qe = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(Ye.label, k({}, 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();
   }
-}))), rr = er;
-function tr(e) {
+}))), er = Qe;
+function rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var oe = { exports: {} };
+var ne = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -375,13 +375,13 @@ var oe = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(oe);
-var nr = oe.exports;
-const or = /* @__PURE__ */ tr(nr), I = {
+})(ne);
+var tr = ne.exports;
+const nr = /* @__PURE__ */ rr(tr), I = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, B = "purpur-label", ar = ({
+}, B = "purpur-label", or = ({
   children: e,
   className: n,
   htmlFor: t,
@@ -390,7 +390,7 @@ const or = /* @__PURE__ */ tr(nr), I = {
   negative: r = !1,
   ...o
 }) => {
-  const i = or([
+  const i = nr([
     n,
     I[B],
     {
@@ -398,12 +398,12 @@ const or = /* @__PURE__ */ tr(nr), I = {
       [I[`${B}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ f(rr, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
+  return /* @__PURE__ */ h(er, { className: i, "data-testid": a, htmlFor: t, ...o, children: e });
 };
-function ir(e) {
+function ar(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ae = { exports: {} };
+var oe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -438,9 +438,9 @@ var ae = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ae);
-var ur = ae.exports;
-const cr = /* @__PURE__ */ ir(ur), O = {
+})(oe);
+var ir = oe.exports;
+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",
@@ -455,7 +455,7 @@ const cr = /* @__PURE__ */ ir(ur), O = {
   "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"
-}, sr = {
+}, cr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -466,17 +466,17 @@ const cr = /* @__PURE__ */ ir(ur), O = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, E = "purpur-paragraph", ie = ({
+}, E = "purpur-paragraph", ae = ({
   ["data-testid"]: e,
   children: n,
   className: t,
   disabled: a,
   enableHyphenation: u = !1,
   negative: r = !1,
-  variant: o = sr.PARAGRAPH100,
+  variant: o = cr.PARAGRAPH100,
   ...i
 }) => {
-  const c = cr([
+  const c = ur([
     t,
     O[E],
     O[`${E}--${o}`],
@@ -486,59 +486,59 @@ const cr = /* @__PURE__ */ ir(ur), O = {
       [O[`${E}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ f("p", { ...i, className: c, "data-testid": e, children: n });
+  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) {
+ae.displayName = "Paragraph";
+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 lr(e, n) {
+function sr(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function ue(...e) {
+function ie(...e) {
   return (n) => e.forEach(
-    (t) => lr(t, n)
+    (t) => sr(t, n)
   );
 }
-function ce(...e) {
-  return Z(ue(...e), e);
+function ue(...e) {
+  return F(ie(...e), e);
 }
-function pr(e, n = []) {
+function lr(e, n = []) {
   let t = [];
   function a(r, o) {
-    const i = /* @__PURE__ */ V(o), c = t.length;
+    const i = /* @__PURE__ */ Z(o), c = t.length;
     t = [
       ...t,
       o
     ];
     function s(l) {
-      const { scope: d, children: _, ...b } = l, R = (d == null ? void 0 : d[e][c]) || i, x = M(
-        () => b,
-        Object.values(b)
+      const { scope: f, children: b, ..._ } = l, R = (f == null ? void 0 : f[e][c]) || i, x = M(
+        () => _,
+        Object.values(_)
       );
       return /* @__PURE__ */ p(R.Provider, {
         value: x
-      }, _);
+      }, b);
     }
-    function h(l, d) {
-      const _ = (d == null ? void 0 : d[e][c]) || i, b = _e(_);
-      if (b) return b;
+    function d(l, f) {
+      const b = (f == null ? void 0 : f[e][c]) || i, _ = ve(b);
+      if (_) return _;
       if (o !== void 0) return o;
       throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
     return s.displayName = r + "Provider", [
       s,
-      h
+      d
     ];
   }
   const u = () => {
-    const r = t.map((o) => /* @__PURE__ */ V(o));
+    const r = t.map((o) => /* @__PURE__ */ Z(o));
     return function(i) {
       const c = (i == null ? void 0 : i[e]) || r;
       return M(
@@ -557,10 +557,10 @@ function pr(e, n = []) {
   };
   return u.scopeName = e, [
     a,
-    dr(u, ...n)
+    pr(u, ...n)
   ];
 }
-function dr(...e) {
+function pr(...e) {
   const n = e[0];
   if (e.length === 1) return n;
   const t = () => {
@@ -590,14 +590,14 @@ function dr(...e) {
   };
   return t.scopeName = n.scopeName, t;
 }
-function Y(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+function J(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(u) {
     if (e == null || e(u), t === !1 || !u.defaultPrevented) return n == null ? void 0 : n(u);
   };
 }
-function se(e) {
+function ce(e) {
   const n = $(e);
-  return C(() => {
+  return A(() => {
     n.current = e;
   }), M(
     () => (...t) => {
@@ -607,12 +607,12 @@ function se(e) {
     []
   );
 }
-function fr({ prop: e, defaultProp: n, onChange: t = () => {
+function dr({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
-  const [a, u] = hr({
+  const [a, u] = fr({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, o = r ? e : a, i = se(t), c = Z((s) => {
+  }), r = e !== void 0, o = r ? e : a, i = ce(t), c = F((s) => {
     if (r) {
       const l = typeof s == "function" ? s(e) : s;
       l !== e && i(l);
@@ -628,9 +628,9 @@ function fr({ prop: e, defaultProp: n, onChange: t = () => {
     c
   ];
 }
-function hr({ defaultProp: e, onChange: n }) {
-  const t = L(e), [a] = t, u = $(a), r = se(n);
-  return C(() => {
+function fr({ defaultProp: e, onChange: n }) {
+  const t = L(e), [a] = t, u = $(a), r = ce(n);
+  return A(() => {
     u.current !== a && (r(a), u.current = a);
   }, [
     a,
@@ -638,7 +638,7 @@ function hr({ defaultProp: e, onChange: n }) {
     r
   ]), t;
 }
-function mr(e) {
+function hr(e) {
   const n = $({
     value: e,
     previous: e
@@ -647,11 +647,11 @@ function mr(e) {
     e
   ]);
 }
-const H = globalThis != null && globalThis.document ? be : () => {
+const U = globalThis != null && globalThis.document ? be : () => {
 };
-function vr(e) {
+function mr(e) {
   const [n, t] = L(void 0);
-  return H(() => {
+  return U(() => {
     if (e) {
       t({
         width: e.offsetWidth,
@@ -680,23 +680,23 @@ function vr(e) {
     e
   ]), n;
 }
-function _r(e, n) {
-  return ge((t, a) => {
+function vr(e, n) {
+  return _e((t, a) => {
     const u = n[t][a];
     return u ?? t;
   }, e);
 }
-const le = (e) => {
+const se = (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);
+  }) : v.only(t), r = ue(a.ref, u.ref);
   return typeof t == "function" || a.isPresent ? /* @__PURE__ */ j(u, {
     ref: r
   }) : null;
 };
-le.displayName = "Presence";
+se.displayName = "Presence";
 function br(e) {
-  const [n, t] = L(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = _r(o, {
+  const [n, t] = L(), a = $({}), u = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [i, c] = vr(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -709,32 +709,32 @@ function br(e) {
       MOUNT: "mounted"
     }
   });
-  return C(() => {
+  return A(() => {
     const s = D(a.current);
     r.current = i === "mounted" ? s : "none";
   }, [
     i
-  ]), H(() => {
-    const s = a.current, h = u.current;
-    if (h !== e) {
-      const d = r.current, _ = D(s);
-      e ? c("MOUNT") : _ === "none" || (s == null ? void 0 : s.display) === "none" ? c("UNMOUNT") : c(h && d !== _ ? "ANIMATION_OUT" : "UNMOUNT"), u.current = e;
+  ]), U(() => {
+    const s = a.current, d = u.current;
+    if (d !== e) {
+      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;
     }
   }, [
     e,
     c
-  ]), H(() => {
+  ]), U(() => {
     if (n) {
       const s = (l) => {
-        const _ = D(a.current).includes(l.animationName);
-        l.target === n && _ && $e(
+        const b = D(a.current).includes(l.animationName);
+        l.target === n && b && ge(
           () => c("ANIMATION_END")
         );
-      }, h = (l) => {
+      }, d = (l) => {
         l.target === n && (r.current = D(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);
+      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);
       };
     } else
       c("ANIMATION_END");
@@ -746,7 +746,7 @@ function br(e) {
       "mounted",
       "unmountSuspended"
     ].includes(i),
-    ref: Z((s) => {
+    ref: F((s) => {
       s && (a.current = getComputedStyle(s)), t(s);
     }, [])
   };
@@ -754,32 +754,32 @@ function br(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($r);
+const le = /* @__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__ */ y(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(H, w({}, a, {
       ref: n
-    }), /* @__PURE__ */ y(o) ? /* @__PURE__ */ j(o, void 0, i) : null);
+    }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, i) : null);
   }
-  return /* @__PURE__ */ p(F, N({}, a, {
+  return /* @__PURE__ */ p(H, w({}, a, {
     ref: n
   }), t);
 });
-pe.displayName = "Slot";
-const F = /* @__PURE__ */ g((e, n) => {
+le.displayName = "Slot";
+const H = /* @__PURE__ */ g((e, n) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ y(t) ? /* @__PURE__ */ j(t, {
-    ...xr(a, t.props),
-    ref: n ? ue(n, t.ref) : t.ref
+  return /* @__PURE__ */ N(t) ? /* @__PURE__ */ j(t, {
+    ...$r(a, t.props),
+    ref: n ? ie(n, t.ref) : t.ref
   }) : v.count(t) > 1 ? v.only(null) : null;
 });
-F.displayName = "SlotClone";
-const gr = ({ children: e }) => /* @__PURE__ */ p(Q, null, e);
-function $r(e) {
-  return /* @__PURE__ */ y(e) && e.type === gr;
+H.displayName = "SlotClone";
+const _r = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
+function gr(e) {
+  return /* @__PURE__ */ N(e) && e.type === _r;
 }
-function xr(e, n) {
+function $r(e, n) {
   const t = {
     ...n
   };
@@ -800,7 +800,7 @@ function xr(e, n) {
     ...t
   };
 }
-const yr = [
+const xr = [
   "a",
   "button",
   "div",
@@ -817,12 +817,12 @@ const yr = [
   "span",
   "svg",
   "ul"
-], de = yr.reduce((e, n) => {
+], pe = xr.reduce((e, n) => {
   const t = /* @__PURE__ */ g((a, u) => {
-    const { asChild: r, ...o } = a, i = r ? pe : n;
-    return C(() => {
+    const { asChild: r, ...o } = a, i = r ? le : n;
+    return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ p(i, N({}, o, {
+    }, []), /* @__PURE__ */ p(i, w({}, o, {
       ref: u
     }));
   });
@@ -830,50 +830,50 @@ const yr = [
     ...e,
     [n]: t
   };
-}, {}), fe = "Checkbox", [Nr, Br] = pr(fe), [wr, Sr] = Nr(fe), Ar = /* @__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] = L(null), _ = ce(
+}, {}), 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(
     n,
-    (m) => d(m)
-  ), b = $(!1), R = l ? !!l.closest("form") : !0, [x = !1, q] = fr({
+    (m) => f(m)
+  ), _ = $(!1), R = l ? !!l.closest("form") : !0, [x = !1, q] = dr({
     prop: u,
     defaultProp: r,
     onChange: s
-  }), ve = $(x);
-  return C(() => {
+  }), me = $(x);
+  return A(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const k = () => q(ve.current);
-      return m.addEventListener("reset", k), () => m.removeEventListener("reset", k);
+      const P = () => q(me.current);
+      return m.addEventListener("reset", P), () => m.removeEventListener("reset", P);
     }
   }, [
     l,
     q
-  ]), /* @__PURE__ */ p(wr, {
+  ]), /* @__PURE__ */ p(Nr, {
     scope: t,
     state: x,
     disabled: i
-  }, /* @__PURE__ */ p(de.button, N({
+  }, /* @__PURE__ */ p(pe.button, w({
     type: "button",
     role: "checkbox",
-    "aria-checked": A(x) ? "mixed" : x,
+    "aria-checked": S(x) ? "mixed" : x,
     "aria-required": o,
-    "data-state": he(x),
+    "data-state": fe(x),
     "data-disabled": i ? "" : void 0,
     disabled: i,
     value: c
-  }, h, {
-    ref: _,
-    onKeyDown: Y(e.onKeyDown, (m) => {
+  }, d, {
+    ref: b,
+    onKeyDown: J(e.onKeyDown, (m) => {
       m.key === "Enter" && m.preventDefault();
     }),
-    onClick: Y(e.onClick, (m) => {
+    onClick: J(e.onClick, (m) => {
       q(
-        (k) => A(k) ? !0 : !k
-      ), R && (b.current = m.isPropagationStopped(), b.current || m.stopPropagation());
+        (P) => S(P) ? !0 : !P
+      ), R && (_.current = m.isPropagationStopped(), _.current || m.stopPropagation());
     })
   })), R && /* @__PURE__ */ p(kr, {
     control: l,
-    bubbles: !b.current,
+    bubbles: !_.current,
     name: a,
     value: c,
     checked: x,
@@ -883,12 +883,12 @@ const yr = [
       transform: "translateX(-100%)"
     }
   }));
-}), Cr = "CheckboxIndicator", Pr = /* @__PURE__ */ g((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = Sr(Cr, t);
-  return /* @__PURE__ */ p(le, {
-    present: a || A(r.state) || r.state === !0
-  }, /* @__PURE__ */ p(de.span, N({
-    "data-state": he(r.state),
+}), Ar = "CheckboxIndicator", Cr = /* @__PURE__ */ g((e, n) => {
+  const { __scopeCheckbox: t, forceMount: a, ...u } = e, r = wr(Ar, t);
+  return /* @__PURE__ */ p(se, {
+    present: a || S(r.state) || r.state === !0
+  }, /* @__PURE__ */ p(pe.span, w({
+    "data-state": fe(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, u, {
     ref: n,
@@ -898,23 +898,23 @@ const yr = [
     }
   })));
 }), kr = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = mr(t), i = vr(n);
-  return C(() => {
+  const { control: n, checked: t, bubbles: a = !0, ...u } = e, r = $(null), o = hr(t), i = mr(n);
+  return A(() => {
     const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
     if (o !== t && l) {
-      const d = new Event("click", {
+      const f = new Event("click", {
         bubbles: a
       });
-      c.indeterminate = A(t), l.call(c, A(t) ? !1 : t), c.dispatchEvent(d);
+      c.indeterminate = S(t), l.call(c, S(t) ? !1 : t), c.dispatchEvent(f);
     }
   }, [
     o,
     t,
     a
-  ]), /* @__PURE__ */ p("input", N({
+  ]), /* @__PURE__ */ p("input", w({
     type: "checkbox",
     "aria-hidden": !0,
-    defaultChecked: A(t) ? !1 : t
+    defaultChecked: S(t) ? !1 : t
   }, u, {
     tabIndex: -1,
     ref: r,
@@ -928,17 +928,17 @@ const yr = [
     }
   }));
 };
-function A(e) {
+function S(e) {
   return e === "indeterminate";
 }
-function he(e) {
-  return A(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function fe(e) {
+  return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Or = Ar, Er = Pr;
-function Mr(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: {} };
+var he = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -950,22 +950,22 @@ var me = { exports: {} };
     function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var i = arguments[o];
-        i && (r = u(r, a(i)));
+        i && (r = u(r, a.call(this, i)));
       }
       return r;
     }
     function a(r) {
       if (typeof r == "string" || typeof r == "number")
-        return r;
+        return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return t.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
       for (var i in r)
-        n.call(r, i) && r[i] && (o = u(o, i));
+        n.call(r, i) && r[i] && (o = u(o, this && this[i] || i));
       return o;
     }
     function u(r, o) {
@@ -973,73 +973,79 @@ var me = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(me);
-var jr = me.exports;
-const z = /* @__PURE__ */ Mr(jr), w = {
-  "purpur-checkbox": "_purpur-checkbox_10fl8_1",
-  "purpur-checkbox__box": "_purpur-checkbox__box_10fl8_7",
-  "purpur-checkbox--error": "_purpur-checkbox--error_10fl8_16",
-  "purpur-checkbox__indicator": "_purpur-checkbox__indicator_10fl8_59",
-  "purpur-checkbox__label": "_purpur-checkbox__label_10fl8_70",
-  "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_10fl8_73",
-  "purpur-checkbox__container": "_purpur-checkbox__container_10fl8_79"
-}, zr = ["indeterminate", !0, !1], S = "purpur-checkbox", Rr = ({
+})(he);
+var Mr = he.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",
+  "purpur-checkbox--error-checkbox": "_purpur-checkbox--error-checkbox_m4999_16",
+  "purpur-checkbox__indicator": "_purpur-checkbox__indicator_m4999_59",
+  "purpur-checkbox__label": "_purpur-checkbox__label_m4999_70",
+  "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_m4999_73",
+  "purpur-checkbox__container": "_purpur-checkbox__container_m4999_79"
+}, C = jr.bind(Rr), Tr = ["indeterminate", !0, !1], y = "purpur-checkbox", Dr = ({
   ["data-testid"]: e,
   checked: n,
   className: t,
-  errorText: a,
-  label: u,
-  onChange: r,
-  ...o
-}, i) => {
-  const c = a && !n;
-  return /* @__PURE__ */ T("div", { className: z([t, w[`${S}__wrapper`]]), children: [
-    /* @__PURE__ */ T("div", { className: z([t, w[`${S}__container`]]), children: [
-      /* @__PURE__ */ f(
-        Or,
+  error: a = !1,
+  errorText: u,
+  label: r,
+  onChange: o,
+  ...i
+}, c) => {
+  const s = u && !n, d = a && !n;
+  return /* @__PURE__ */ z("div", { className: C([t, `${y}__wrapper`]), children: [
+    /* @__PURE__ */ z("div", { className: C([t, `${y}__container`]), children: [
+      /* @__PURE__ */ h(
+        Pr,
         {
-          ...o,
+          ...i,
           checked: n,
-          className: z(w[S], {
-            [w[`${S}--error`]]: c
-          }),
+          className: C([
+            y,
+            {
+              [`${y}--error`]: s,
+              [`${y}--error-checkbox`]: d
+            }
+          ]),
           "data-testid": e,
-          onCheckedChange: r,
-          ref: i,
-          children: /* @__PURE__ */ f("span", { className: w[`${S}__box`], children: /* @__PURE__ */ f(Er, { className: w[`${S}__indicator`], children: n === "indeterminate" ? /* @__PURE__ */ f(
-            J,
+          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,
             {
               "data-testid": e && `${e}-checked-icon`,
               size: "xs",
-              svg: Te
+              svg: ze
             }
-          ) : /* @__PURE__ */ f(
-            J,
+          ) : /* @__PURE__ */ h(
+            W,
             {
               "data-testid": e && `${e}-indeterminate-icon`,
               size: "xs",
-              svg: ze
+              svg: Be
             }
           ) }) })
         }
       ),
-      u && /* @__PURE__ */ f(
-        ar,
+      r && /* @__PURE__ */ h(
+        or,
         {
-          htmlFor: o.id,
+          htmlFor: i.id,
           "data-testid": e && `${e}-label`,
-          disabled: o.disabled,
-          className: w[`${S}__label`],
-          children: /* @__PURE__ */ f(ie, { variant: "paragraph-100", disabled: o.disabled, children: `${o.required ? "* " : ""}${u}` })
+          disabled: i.disabled,
+          className: C(`${y}__label`),
+          children: /* @__PURE__ */ h(ae, { variant: "paragraph-100", disabled: i.disabled, children: `${i.required ? "* " : ""}${r}` })
         }
       )
     ] }),
-    c && /* @__PURE__ */ f(De, { "data-testid": e && `${e}-error-text`, children: a })
+    s && /* @__PURE__ */ h(Re, { "data-testid": e && `${e}-error-text`, children: u })
   ] });
-}, Dr = g(Rr);
-Dr.displayName = "Checkbox";
+}, Lr = g(Dr);
+Lr.displayName = "Checkbox";
 export {
-  Dr as Checkbox,
-  zr as checkedState
+  Lr as Checkbox,
+  Tr as checkedState
 };
 //# sourceMappingURL=checkbox.es.js.map