@purpurds/checkbox 8.8.0 → 8.9.0

package/dist/checkbox.es.js

@@ -1,19 +1,13 @@
 import { jsxs as S, jsx as p } from "react/jsx-runtime";
 import * as s from "react";
-import { forwardRef as he } from "react";
+import { forwardRef as _e } from "react";
 import "react-dom";
-function me(e) {
+function ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var I = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var q;
-function _e() {
-  return q || (q = 1, (function(e) {
+var q = { exports: {} }, z;
+function ve() {
+  return z || (z = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -42,10 +36,10 @@ function _e() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(I)), I.exports;
+  })(q)), q.exports;
 }
-var ge = _e();
-const ve = /* @__PURE__ */ me(ge), be = {
+var ye = ve();
+const be = /* @__PURE__ */ ge(ye), xe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,40 +47,34 @@ const ve = /* @__PURE__ */ me(ge), 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"
-}, ye = ve.bind(be), B = "purpur-icon", xe = "md", $e = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), we = ({ content: e = "", title: t } = {}) => {
+}, $e = be.bind(xe), B = "purpur-icon", we = "md", Se = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Ce = ({ content: e = "", title: t } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = t ? `<title>${t}</title>` : "";
-  return `<svg ${$e(n)}>${a}${e}</svg>`;
-}, Se = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({ svg: e, allyTitle: t, className: n, size: a = xe, ...i }) => {
-  const r = we({
-    content: Se(e.svg),
+  return `<svg ${Se(n)}>${a}${e}</svg>`;
+}, Ne = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), te = ({ svg: e, allyTitle: t, className: n, size: a = we, ...i }) => {
+  const r = Ce({
+    content: Ne(e.svg),
     title: t
-  }), o = ye(B, `${B}--${a}`, n);
+  }), o = $e(B, `${B}--${a}`, n);
   return /* @__PURE__ */ p("span", { className: o, dangerouslySetInnerHTML: { __html: r }, ...i });
 };
-re.displayName = "Icon";
-const Ce = {
+te.displayName = "Icon";
+const ke = {
   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"
 };
-function Ne(e) {
+function Oe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var z = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var W;
-function ke() {
-  return W || (W = 1, (function(e) {
+var W = { exports: {} }, L;
+function Pe() {
+  return L || (L = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -115,14 +103,14 @@ function ke() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(z)), z.exports;
+  })(W)), W.exports;
 }
-var Oe = ke();
-const Pe = /* @__PURE__ */ Ne(Oe), Ae = {
+var Ae = Pe();
+const Re = /* @__PURE__ */ Oe(Ae), Ee = {
   "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"
-}, L = Pe.bind(Ae), P = "purpur-field-error-text", Re = ({
+}, H = Re.bind(Ee), A = "purpur-field-error-text", Me = ({
   children: e,
   className: t,
   negative: n = !1,
@@ -131,29 +119,23 @@ const Pe = /* @__PURE__ */ Ne(Oe), Ae = {
 }) => /* @__PURE__ */ S(
   "div",
   {
-    className: L(t, P, {
-      [`${P}--negative`]: n
+    className: H(t, A, {
+      [`${A}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": a,
     ...i,
     children: [
-      /* @__PURE__ */ p(re, { svg: Ce, size: "xs", className: L(`${P}__icon`) }),
+      /* @__PURE__ */ p(te, { svg: ke, size: "xs", className: H(`${A}__icon`) }),
       e
     ]
   }
 );
-function Ee(e) {
+function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var T = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var U;
-function Me() {
+var T = { exports: {} }, U;
+function De() {
   return U || (U = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -185,12 +167,12 @@ function Me() {
     })();
   })(T)), T.exports;
 }
-var je = Me();
-const De = /* @__PURE__ */ Ee(je), Ie = {
+var Ie = De();
+const qe = /* @__PURE__ */ je(Ie), ze = {
   "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"
-}, qe = De.bind(Ie), A = "purpur-field-helper-text", Be = ({
+}, Be = qe.bind(ze), R = "purpur-field-helper-text", We = ({
   children: e,
   className: t,
   disabled: n,
@@ -198,23 +180,17 @@ const De = /* @__PURE__ */ Ee(je), Ie = {
   negative: i,
   ...r
 }) => {
-  const o = qe(t, A, {
-    [`${A}--disabled`]: n,
-    [`${A}--negative`]: i
+  const o = Be(t, R, {
+    [`${R}--disabled`]: n,
+    [`${R}--negative`]: i
   });
   return /* @__PURE__ */ p("span", { id: a, className: o, ...r, children: e });
 };
-function ze(e) {
+function Le(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var V = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var F;
-function We() {
+var V = { exports: {} }, F;
+function He() {
   return F || (F = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -246,8 +222,8 @@ function We() {
     })();
   })(V)), V.exports;
 }
-var Le = We();
-const Te = /* @__PURE__ */ ze(Le), Ue = {
+var Te = He();
+const Ue = /* @__PURE__ */ Le(Te), Ve = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -255,58 +231,67 @@ const Te = /* @__PURE__ */ ze(Le), Ue = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ve = Te.bind(Ue), Z = "purpur-icon", Fe = "md", Ze = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), He = ({ content: e = "", title: t } = {}) => {
+}, Fe = Ue.bind(Ve), Z = "purpur-icon", Ze = "md", Ke = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Ge = ({ content: e = "", title: t } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = t ? `<title>${t}</title>` : "";
-  return `<svg ${Ze(n)}>${a}${e}</svg>`;
-}, Ke = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), M = ({ svg: e, allyTitle: t, className: n, size: a = Fe, ...i }) => {
-  const r = He({
-    content: Ke(e.svg),
+  return `<svg ${Ke(n)}>${a}${e}</svg>`;
+}, Xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), j = ({ svg: e, allyTitle: t, className: n, size: a = Ze, ...i }) => {
+  const r = Ge({
+    content: Xe(e.svg),
     title: t
-  }), o = Ve(Z, `${Z}--${a}`, n);
+  }), o = Fe(Z, `${Z}--${a}`, n);
   return /* @__PURE__ */ p("span", { className: o, dangerouslySetInnerHTML: { __html: r }, ...i });
 };
-M.displayName = "Icon";
-const Ge = {
+j.displayName = "Icon";
+const Je = {
   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"
-}, Xe = {
+}, Qe = {
   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"
 };
-function H(e, t) {
+function K(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function Je(...e) {
+function Ye(...e) {
   return (t) => {
     let n = !1;
     const a = e.map((i) => {
-      const r = H(i, t);
+      const r = K(i, t);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let i = 0; i < a.length; i++) {
           const r = a[i];
-          typeof r == "function" ? r() : H(e[i], null);
+          typeof r == "function" ? r() : K(e[i], null);
         }
       };
   };
 }
+var er = Symbol.for("react.lazy"), O = s[" use ".trim().toString()];
+function rr(e) {
+  return typeof e == "object" && e !== null && "then" in e;
+}
+function ne(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === er && "_payload" in e && rr(e._payload);
+}
 // @__NO_SIDE_EFFECTS__
-function Qe(e) {
-  const t = /* @__PURE__ */ Ye(e), n = s.forwardRef((a, i) => {
-    const { children: r, ...o } = a, u = s.Children.toArray(r), c = u.find(rr);
+function tr(e) {
+  const t = /* @__PURE__ */ nr(e), n = s.forwardRef((a, i) => {
+    let { children: r, ...o } = a;
+    ne(r) && typeof O == "function" && (r = O(r._payload));
+    const u = s.Children.toArray(r), c = u.find(ir);
     if (c) {
       const l = c.props.children, d = u.map((f) => f === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : f);
       return /* @__PURE__ */ p(t, { ...o, ref: i, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
@@ -316,22 +301,22 @@ function Qe(e) {
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function Ye(e) {
+function nr(e) {
   const t = s.forwardRef((n, a) => {
-    const { children: i, ...r } = n;
-    if (s.isValidElement(i)) {
-      const o = nr(i), u = tr(r, i.props);
-      return i.type !== s.Fragment && (u.ref = a ? Je(a, o) : o), s.cloneElement(i, u);
+    let { children: i, ...r } = n;
+    if (ne(i) && typeof O == "function" && (i = O(i._payload)), s.isValidElement(i)) {
+      const o = ur(i), u = ar(r, i.props);
+      return i.type !== s.Fragment && (u.ref = a ? Ye(a, o) : o), s.cloneElement(i, u);
     }
     return s.Children.count(i) > 1 ? s.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var er = Symbol("radix.slottable");
-function rr(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === er;
+var or = Symbol("radix.slottable");
+function ir(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === or;
 }
-function tr(e, t) {
+function ar(e, t) {
   const n = { ...t };
   for (const a in t) {
     const i = e[a], r = t[a];
@@ -342,12 +327,11 @@ function tr(e, t) {
   }
   return { ...e, ...n };
 }
-function nr(e) {
-  var t, n;
-  let a = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, i = a && "isReactWarning" in a && a.isReactWarning;
-  return i ? e.ref : (a = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, i = a && "isReactWarning" in a && a.isReactWarning, i ? e.props.ref : e.props.ref || e.ref);
+function ur(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var or = [
+var sr = [
   "a",
   "button",
   "div",
@@ -365,37 +349,30 @@ var or = [
   "span",
   "svg",
   "ul"
-], ir = or.reduce((e, t) => {
-  const n = /* @__PURE__ */ Qe(`Primitive.${t}`), a = s.forwardRef((i, r) => {
+], cr = sr.reduce((e, t) => {
+  const n = /* @__PURE__ */ tr(`Primitive.${t}`), a = s.forwardRef((i, r) => {
     const { asChild: o, ...u } = i, c = o ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(c, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${t}`, { ...e, [t]: a };
-}, {}), ar = "Label", te = s.forwardRef((e, t) => /* @__PURE__ */ p(
-  ir.label,
+}, {}), lr = "Label", oe = s.forwardRef((e, t) => /* @__PURE__ */ p(
+  cr.label,
   {
     ...e,
     ref: t,
     onMouseDown: (n) => {
-      var a;
-      n.target.closest("button, input, select, textarea") || ((a = e.onMouseDown) == null || a.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      n.target.closest("button, input, select, textarea") || (e.onMouseDown?.(n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-te.displayName = ar;
-var ur = te;
-function sr(e) {
+oe.displayName = lr;
+var pr = oe;
+function fr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var K = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var G;
-function cr() {
-  return G || (G = 1, (function(e) {
+var G = { exports: {} }, X;
+function dr() {
+  return X || (X = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -424,38 +401,32 @@ function cr() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(K)), K.exports;
+  })(G)), G.exports;
 }
-var lr = cr();
-const pr = /* @__PURE__ */ sr(lr), fr = {
+var hr = dr();
+const mr = /* @__PURE__ */ fr(hr), _r = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, dr = pr.bind(fr), R = "purpur-label", hr = ({
+}, gr = mr.bind(_r), E = "purpur-label", vr = ({
   children: e,
   className: t,
   disabled: n,
   negative: a = !1,
   ...i
 }) => {
-  const r = dr(t, R, {
-    [`${R}--disabled`]: n,
-    [`${R}--negative`]: a
+  const r = gr(t, E, {
+    [`${E}--disabled`]: n,
+    [`${E}--negative`]: a
   });
-  return /* @__PURE__ */ p(ur, { className: r, ...i, children: e });
+  return /* @__PURE__ */ p(pr, { className: r, ...i, children: e });
 };
-function mr(e) {
+function yr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var X = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var J;
-function _r() {
-  return J || (J = 1, (function(e) {
+var J = { exports: {} }, Q;
+function br() {
+  return Q || (Q = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -484,10 +455,10 @@ function _r() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(X)), X.exports;
+  })(J)), J.exports;
 }
-var gr = _r();
-const vr = /* @__PURE__ */ mr(gr), br = {
+var xr = br();
+const $r = /* @__PURE__ */ yr(xr), wr = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -502,63 +473,61 @@ const vr = /* @__PURE__ */ mr(gr), br = {
   "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"
-}, yr = vr.bind(br), xr = {
+}, Sr = $r.bind(wr), Cr = {
   PARAGRAPH100: "paragraph-100"
-}, N = "purpur-paragraph", ne = ({
+}, N = "purpur-paragraph", ie = ({
   children: e,
   className: t,
   disabled: n,
   enableHyphenation: a = !1,
   negative: i = !1,
-  variant: r = xr.PARAGRAPH100,
+  variant: r = Cr.PARAGRAPH100,
   ...o
 }) => {
-  const u = yr(t, N, `${N}--${r}`, {
+  const u = Sr(t, N, `${N}--${r}`, {
     [`${N}--hyphens`]: a,
     [`${N}--disabled`]: n,
     [`${N}--negative`]: i
   });
   return /* @__PURE__ */ p("p", { ...o, className: u, children: e });
 };
-ne.displayName = "Paragraph";
-function Q(e, t) {
+ie.displayName = "Paragraph";
+function Y(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function oe(...e) {
+function ae(...e) {
   return (t) => {
     let n = !1;
     const a = e.map((i) => {
-      const r = Q(i, t);
+      const r = Y(i, t);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let i = 0; i < a.length; i++) {
           const r = a[i];
-          typeof r == "function" ? r() : Q(e[i], null);
+          typeof r == "function" ? r() : Y(e[i], null);
         }
       };
   };
 }
-function ie(...e) {
-  return s.useCallback(oe(...e), e);
+function ue(...e) {
+  return s.useCallback(ae(...e), e);
 }
-function $r(e, t = []) {
+function Nr(e, t = []) {
   let n = [];
   function a(r, o) {
     const u = s.createContext(o), c = n.length;
     n = [...n, o];
     const l = (f) => {
-      var b;
-      const { scope: h, children: m, ..._ } = f, v = ((b = h == null ? void 0 : h[e]) == null ? void 0 : b[c]) || u, w = s.useMemo(() => _, Object.values(_));
-      return /* @__PURE__ */ p(v.Provider, { value: w, children: m });
+      const { scope: m, children: h, ..._ } = f, b = m?.[e]?.[c] || u, $ = s.useMemo(() => _, Object.values(_));
+      return /* @__PURE__ */ p(b.Provider, { value: $, children: h });
     };
     l.displayName = r + "Provider";
-    function d(f, h) {
-      var v;
-      const m = ((v = h == null ? void 0 : h[e]) == null ? void 0 : v[c]) || u, _ = s.useContext(m);
+    function d(f, m) {
+      const h = m?.[e]?.[c] || u, _ = s.useContext(h);
       if (_) return _;
       if (o !== void 0) return o;
       throw new Error(`\`${f}\` must be used within \`${r}\``);
@@ -568,16 +537,16 @@ function $r(e, t = []) {
   const i = () => {
     const r = n.map((o) => s.createContext(o));
     return function(u) {
-      const c = (u == null ? void 0 : u[e]) || r;
+      const c = u?.[e] || r;
       return s.useMemo(
         () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
         [u, c]
       );
     };
   };
-  return i.scopeName = e, [a, wr(i, ...t)];
+  return i.scopeName = e, [a, kr(i, ...t)];
 }
-function wr(...e) {
+function kr(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -595,28 +564,25 @@ function wr(...e) {
   };
   return n.scopeName = t.scopeName, n;
 }
-function Y(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function ee(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
-    if (e == null || e(i), n === !1 || !i.defaultPrevented)
-      return t == null ? void 0 : t(i);
+    if (e?.(i), n === !1 || !i.defaultPrevented)
+      return t?.(i);
   };
 }
-function ae(e) {
+function se(e) {
   const t = s.useRef(e);
   return s.useEffect(() => {
     t.current = e;
-  }), s.useMemo(() => (...n) => {
-    var a;
-    return (a = t.current) == null ? void 0 : a.call(t, ...n);
-  }, []);
+  }), s.useMemo(() => (...n) => t.current?.(...n), []);
 }
-function Sr({
+function Or({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
   }
 }) {
-  const [a, i] = Cr({ defaultProp: t, onChange: n }), r = e !== void 0, o = r ? e : a, u = ae(n), c = s.useCallback(
+  const [a, i] = Pr({ defaultProp: t, onChange: n }), r = e !== void 0, o = r ? e : a, u = se(n), c = s.useCallback(
     (l) => {
       if (r) {
         const f = typeof l == "function" ? l(e) : l;
@@ -628,24 +594,24 @@ function Sr({
   );
   return [o, c];
 }
-function Cr({
+function Pr({
   defaultProp: e,
   onChange: t
 }) {
-  const n = s.useState(e), [a] = n, i = s.useRef(a), r = ae(t);
+  const n = s.useState(e), [a] = n, i = s.useRef(a), r = se(t);
   return s.useEffect(() => {
     i.current !== a && (r(a), i.current = a);
   }, [a, i, r]), n;
 }
-function Nr(e) {
+function Ar(e) {
   const t = s.useRef({ value: e, previous: e });
   return s.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var j = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var D = globalThis?.document ? s.useLayoutEffect : () => {
 };
-function kr(e) {
+function Rr(e) {
   const [t, n] = s.useState(void 0);
-  return j(() => {
+  return D(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const a = new ResizeObserver((i) => {
@@ -665,16 +631,16 @@ function kr(e) {
       n(void 0);
   }, [e]), t;
 }
-function Or(e, t) {
+function Er(e, t) {
   return s.useReducer((n, a) => t[n][a] ?? n, e);
 }
-var ue = (e) => {
-  const { present: t, children: n } = e, a = Pr(t), i = typeof n == "function" ? n({ present: a.isPresent }) : s.Children.only(n), r = ie(a.ref, Ar(i));
+var ce = (e) => {
+  const { present: t, children: n } = e, a = Mr(t), i = typeof n == "function" ? n({ present: a.isPresent }) : s.Children.only(n), r = ue(a.ref, jr(i));
   return typeof n == "function" || a.isPresent ? s.cloneElement(i, { ref: r }) : null;
 };
-ue.displayName = "Presence";
-function Pr(e) {
-  const [t, n] = s.useState(), a = s.useRef({}), i = s.useRef(e), r = s.useRef("none"), o = e ? "mounted" : "unmounted", [u, c] = Or(o, {
+ce.displayName = "Presence";
+function Mr(e) {
+  const [t, n] = s.useState(), a = s.useRef({}), i = s.useRef(e), r = s.useRef("none"), o = e ? "mounted" : "unmounted", [u, c] = Er(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -690,28 +656,28 @@ function Pr(e) {
   return s.useEffect(() => {
     const l = k(a.current);
     r.current = u === "mounted" ? l : "none";
-  }, [u]), j(() => {
+  }, [u]), D(() => {
     const l = a.current, d = i.current;
     if (d !== e) {
-      const h = r.current, m = k(l);
-      e ? c("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(d && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+      const m = r.current, h = k(l);
+      e ? c("MOUNT") : h === "none" || l?.display === "none" ? c("UNMOUNT") : c(d && m !== h ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
-  }, [e, c]), j(() => {
+  }, [e, c]), D(() => {
     if (t) {
       let l;
-      const d = t.ownerDocument.defaultView ?? window, f = (m) => {
-        const v = k(a.current).includes(m.animationName);
-        if (m.target === t && v && (c("ANIMATION_END"), !i.current)) {
-          const w = t.style.animationFillMode;
+      const d = t.ownerDocument.defaultView ?? window, f = (h) => {
+        const b = k(a.current).includes(h.animationName);
+        if (h.target === t && b && (c("ANIMATION_END"), !i.current)) {
+          const $ = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = w);
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = $);
           });
         }
-      }, h = (m) => {
-        m.target === t && (r.current = k(a.current));
+      }, m = (h) => {
+        h.target === t && (r.current = k(a.current));
       };
-      return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        d.clearTimeout(l), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        d.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
       c("ANIMATION_END");
@@ -723,17 +689,16 @@ function Pr(e) {
   };
 }
 function k(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
+  return e?.animationName || "none";
 }
-function Ar(e) {
-  var a, i;
-  let t = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (i = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : i.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+function jr(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 // @__NO_SIDE_EFFECTS__
-function Rr(e) {
-  const t = /* @__PURE__ */ Er(e), n = s.forwardRef((a, i) => {
-    const { children: r, ...o } = a, u = s.Children.toArray(r), c = u.find(jr);
+function Dr(e) {
+  const t = /* @__PURE__ */ Ir(e), n = s.forwardRef((a, i) => {
+    const { children: r, ...o } = a, u = s.Children.toArray(r), c = u.find(zr);
     if (c) {
       const l = c.props.children, d = u.map((f) => f === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : f);
       return /* @__PURE__ */ p(t, { ...o, ref: i, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
@@ -743,22 +708,22 @@ function Rr(e) {
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function Er(e) {
+function Ir(e) {
   const t = s.forwardRef((n, a) => {
     const { children: i, ...r } = n;
     if (s.isValidElement(i)) {
-      const o = Ir(i), u = Dr(r, i.props);
-      return i.type !== s.Fragment && (u.ref = a ? oe(a, o) : o), s.cloneElement(i, u);
+      const o = Wr(i), u = Br(r, i.props);
+      return i.type !== s.Fragment && (u.ref = a ? ae(a, o) : o), s.cloneElement(i, u);
     }
     return s.Children.count(i) > 1 ? s.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Mr = Symbol("radix.slottable");
-function jr(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Mr;
+var qr = Symbol("radix.slottable");
+function zr(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === qr;
 }
-function Dr(e, t) {
+function Br(e, t) {
   const n = { ...t };
   for (const a in t) {
     const i = e[a], r = t[a];
@@ -768,12 +733,11 @@ function Dr(e, t) {
   }
   return { ...e, ...n };
 }
-function Ir(e) {
-  var a, i;
-  let t = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (i = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : i.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+function Wr(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var qr = [
+var Lr = [
   "a",
   "button",
   "div",
@@ -790,13 +754,13 @@ var qr = [
   "span",
   "svg",
   "ul"
-], se = qr.reduce((e, t) => {
-  const n = /* @__PURE__ */ Rr(`Primitive.${t}`), a = s.forwardRef((i, r) => {
+], le = Lr.reduce((e, t) => {
+  const n = /* @__PURE__ */ Dr(`Primitive.${t}`), a = s.forwardRef((i, r) => {
     const { asChild: o, ...u } = i, c = o ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(c, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${t}`, { ...e, [t]: a };
-}, {}), D = "Checkbox", [Br] = $r(D), [zr, Wr] = Br(D), ce = s.forwardRef(
+}, {}), I = "Checkbox", [Hr] = Nr(I), [Tr, Ur] = Hr(I), pe = s.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
@@ -809,65 +773,65 @@ var qr = [
       onCheckedChange: l,
       form: d,
       ...f
-    } = e, [h, m] = s.useState(null), _ = ie(t, (g) => m(g)), v = s.useRef(!1), w = h ? d || !!h.closest("form") : !0, [b = !1, O] = Sr({
+    } = e, [m, h] = s.useState(null), _ = ue(t, (g) => h(g)), b = s.useRef(!1), $ = m ? d || !!m.closest("form") : !0, [w = !1, P] = Or({
       prop: i,
       defaultProp: r,
       onChange: l
-    }), de = s.useRef(b);
+    }), me = s.useRef(w);
     return s.useEffect(() => {
-      const g = h == null ? void 0 : h.form;
+      const g = m?.form;
       if (g) {
-        const C = () => O(de.current);
+        const C = () => P(me.current);
         return g.addEventListener("reset", C), () => g.removeEventListener("reset", C);
       }
-    }, [h, O]), /* @__PURE__ */ S(zr, { scope: n, state: b, disabled: u, children: [
+    }, [m, P]), /* @__PURE__ */ S(Tr, { scope: n, state: w, disabled: u, children: [
       /* @__PURE__ */ p(
-        se.button,
+        le.button,
         {
           type: "button",
           role: "checkbox",
-          "aria-checked": x(b) ? "mixed" : b,
+          "aria-checked": y(w) ? "mixed" : w,
           "aria-required": o,
-          "data-state": fe(b),
+          "data-state": he(w),
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: c,
           ...f,
           ref: _,
-          onKeyDown: Y(e.onKeyDown, (g) => {
+          onKeyDown: ee(e.onKeyDown, (g) => {
             g.key === "Enter" && g.preventDefault();
           }),
-          onClick: Y(e.onClick, (g) => {
-            O((C) => x(C) ? !0 : !C), w && (v.current = g.isPropagationStopped(), v.current || g.stopPropagation());
+          onClick: ee(e.onClick, (g) => {
+            P((C) => y(C) ? !0 : !C), $ && (b.current = g.isPropagationStopped(), b.current || g.stopPropagation());
           })
         }
       ),
-      w && /* @__PURE__ */ p(
-        Lr,
+      $ && /* @__PURE__ */ p(
+        Vr,
         {
-          control: h,
-          bubbles: !v.current,
+          control: m,
+          bubbles: !b.current,
           name: a,
           value: c,
-          checked: b,
+          checked: w,
           required: o,
           disabled: u,
           form: d,
           style: { transform: "translateX(-100%)" },
-          defaultChecked: x(r) ? !1 : r
+          defaultChecked: y(r) ? !1 : r
         }
       )
     ] });
   }
 );
-ce.displayName = D;
-var le = "CheckboxIndicator", pe = s.forwardRef(
+pe.displayName = I;
+var fe = "CheckboxIndicator", de = s.forwardRef(
   (e, t) => {
-    const { __scopeCheckbox: n, forceMount: a, ...i } = e, r = Wr(le, n);
-    return /* @__PURE__ */ p(ue, { present: a || x(r.state) || r.state === !0, children: /* @__PURE__ */ p(
-      se.span,
+    const { __scopeCheckbox: n, forceMount: a, ...i } = e, r = Ur(fe, n);
+    return /* @__PURE__ */ p(ce, { present: a || y(r.state) || r.state === !0, children: /* @__PURE__ */ p(
+      le.span,
       {
-        "data-state": fe(r.state),
+        "data-state": he(r.state),
         "data-disabled": r.disabled ? "" : void 0,
         ...i,
         ref: t,
@@ -876,17 +840,17 @@ var le = "CheckboxIndicator", pe = s.forwardRef(
     ) });
   }
 );
-pe.displayName = le;
-var Lr = (e) => {
-  const { control: t, checked: n, bubbles: a = !0, defaultChecked: i, ...r } = e, o = s.useRef(null), u = Nr(n), c = kr(t);
+de.displayName = fe;
+var Vr = (e) => {
+  const { control: t, checked: n, bubbles: a = !0, defaultChecked: i, ...r } = e, o = s.useRef(null), u = Ar(n), c = Rr(t);
   s.useEffect(() => {
-    const d = o.current, f = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(f, "checked").set;
-    if (u !== n && m) {
+    const d = o.current, f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(f, "checked").set;
+    if (u !== n && h) {
       const _ = new Event("click", { bubbles: a });
-      d.indeterminate = x(n), m.call(d, x(n) ? !1 : n), d.dispatchEvent(_);
+      d.indeterminate = y(n), h.call(d, y(n) ? !1 : n), d.dispatchEvent(_);
     }
   }, [u, n, a]);
-  const l = s.useRef(x(n) ? !1 : n);
+  const l = s.useRef(y(n) ? !1 : n);
   return /* @__PURE__ */ p(
     "input",
     {
@@ -907,25 +871,20 @@ var Lr = (e) => {
     }
   );
 };
-function x(e) {
+function y(e) {
   return e === "indeterminate";
 }
-function fe(e) {
-  return x(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function he(e) {
+  return y(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-var Tr = ce, Ur = pe;
-function Vr(e) {
+var Fr = pe, Zr = de;
+function Kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var E = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var ee;
-function Fr() {
-  return ee || (ee = 1, (function(e) {
+var M = { exports: {} };
+var re;
+function Gr() {
+  return re || (re = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -954,10 +913,10 @@ function Fr() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(E)), E.exports;
+  })(M)), M.exports;
 }
-var Zr = Fr();
-const Hr = /* @__PURE__ */ Vr(Zr), Kr = {
+var Xr = Gr();
+const Jr = /* @__PURE__ */ Kr(Xr), Qr = {
   "purpur-checkbox": "_purpur-checkbox_150ck_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_150ck_7",
   "purpur-checkbox--error": "_purpur-checkbox--error_150ck_16",
@@ -966,7 +925,7 @@ const Hr = /* @__PURE__ */ Vr(Zr), Kr = {
   "purpur-checkbox__label-container": "_purpur-checkbox__label-container_150ck_70",
   "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_150ck_76",
   "purpur-checkbox__container": "_purpur-checkbox__container_150ck_82"
-}, $ = Hr.bind(Kr), Yr = ["indeterminate", !0, !1], y = "purpur-checkbox", Gr = he(
+}, x = Jr.bind(Qr), nt = ["indeterminate", !0, !1], v = "purpur-checkbox", Yr = _e(
   ({
     ["data-testid"]: e,
     checked: t,
@@ -979,57 +938,57 @@ const Hr = /* @__PURE__ */ Vr(Zr), Kr = {
     ...c
   }, l) => {
     const d = i && !t, f = a && !t;
-    return /* @__PURE__ */ S("div", { className: $([`${y}__wrapper`, n]), children: [
-      /* @__PURE__ */ S("div", { className: $([`${y}__container`, n]), children: [
+    return /* @__PURE__ */ S("div", { className: x([`${v}__wrapper`, n]), children: [
+      /* @__PURE__ */ S("div", { className: x([`${v}__container`, n]), children: [
         /* @__PURE__ */ p(
-          Tr,
+          Fr,
           {
             ...c,
             checked: t,
-            className: $([
-              y,
+            className: x([
+              v,
               {
-                [`${y}--error`]: d,
-                [`${y}--error-checkbox`]: f
+                [`${v}--error`]: d,
+                [`${v}--error-checkbox`]: f
               }
             ]),
             "data-testid": e,
             onCheckedChange: u,
             ref: l,
-            children: /* @__PURE__ */ p("span", { className: $(`${y}__box`), children: /* @__PURE__ */ p(Ur, { className: $(`${y}__indicator`), children: t === "indeterminate" ? /* @__PURE__ */ p(
-              M,
+            children: /* @__PURE__ */ p("span", { className: x(`${v}__box`), children: /* @__PURE__ */ p(Zr, { className: x(`${v}__indicator`), children: t === "indeterminate" ? /* @__PURE__ */ p(
+              j,
               {
                 "data-testid": e && `${e}-checked-icon`,
                 size: "xs",
-                svg: Xe
+                svg: Qe
               }
             ) : /* @__PURE__ */ p(
-              M,
+              j,
               {
                 "data-testid": e && `${e}-indeterminate-icon`,
                 size: "xs",
-                svg: Ge
+                svg: Je
               }
             ) }) })
           }
         ),
-        /* @__PURE__ */ S("span", { className: $(`${y}__label-container`), children: [
+        /* @__PURE__ */ S("span", { className: x(`${v}__label-container`), children: [
           r && /* @__PURE__ */ p(
-            hr,
+            vr,
             {
               htmlFor: c.id,
               "data-testid": e && `${e}-label`,
               disabled: c.disabled,
-              children: /* @__PURE__ */ S(ne, { variant: "paragraph-100", disabled: c.disabled, children: [
+              children: /* @__PURE__ */ S(ie, { variant: "paragraph-100", disabled: c.disabled, children: [
                 c.required && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "* " }),
                 r
               ] })
             }
           ),
           o && /* @__PURE__ */ p(
-            Be,
+            We,
             {
-              className: $(`${y}__helper`),
+              className: x(`${v}__helper`),
               "data-testid": e && `${e}-helper-text`,
               disabled: c.disabled,
               id: `${c.id}-helper-text`,
@@ -1038,13 +997,13 @@ const Hr = /* @__PURE__ */ Vr(Zr), Kr = {
           )
         ] })
       ] }),
-      d && /* @__PURE__ */ p(Re, { "data-testid": e && `${e}-error-text`, children: i })
+      d && /* @__PURE__ */ p(Me, { "data-testid": e && `${e}-error-text`, children: i })
     ] });
   }
 );
-Gr.displayName = "Checkbox";
+Yr.displayName = "Checkbox";
 export {
-  Gr as Checkbox,
-  Yr as checkedState
+  Yr as Checkbox,
+  nt as checkedState
 };
 //# sourceMappingURL=checkbox.es.js.map