@purpurds/checkbox 7.5.0 → 7.6.0

package/dist/checkbox.es.js

@@ -1,9 +1,9 @@
-import { jsxs as k, jsx as p, Fragment as te } from "react/jsx-runtime";
+import { jsxs as S, jsx as p, Fragment as ae } from "react/jsx-runtime";
 import * as s from "react";
-import { forwardRef as _e } from "react";
+import { forwardRef as we } from "react";
 import "react-dom";
-function be(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function $e(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
 var W = { exports: {} };
 /*!
@@ -12,40 +12,40 @@ var W = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var B;
-function ye() {
-  return B || (B = 1, function(e) {
+function Se() {
+  return B || (B = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", o = 0; o < arguments.length; o++) {
+        for (var e = "", o = 0; o < arguments.length; o++) {
           var u = arguments[o];
-          u && (r = a(r, i.call(this, u)));
+          u && (e = a(e, i.call(this, u)));
         }
-        return r;
+        return e;
       }
-      function i(r) {
-        if (typeof r == "string" || typeof r == "number")
-          return this && this[r] || r;
-        if (typeof r != "object")
+      function i(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return this && this[e] || e;
+        if (typeof e != "object")
           return "";
-        if (Array.isArray(r))
-          return t.apply(this, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
+        if (Array.isArray(e))
+          return t.apply(this, e);
+        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+          return e.toString();
         var o = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (o = a(o, this && this[u] || u));
+        for (var u in e)
+          n.call(e, u) && e[u] && (o = a(o, this && this[u] || u));
         return o;
       }
-      function a(r, o) {
-        return o ? r ? r + " " + o : r + o : r;
+      function a(e, o) {
+        return o ? e ? e + " " + o : e + o : e;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
   }(W)), W.exports;
 }
-var xe = ye();
-const we = /* @__PURE__ */ be(xe), Ce = {
+var Ce = Se();
+const Ne = /* @__PURE__ */ $e(Ce), ke = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,45 +53,45 @@ const we = /* @__PURE__ */ be(xe), Ce = {
   "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.bind(Ce), I = "purpur-icon", $e = "md", Ne = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ke = ({ content: e = "", title: n } = {}) => {
+}, Oe = Ne.bind(ke), I = "purpur-icon", Pe = "md", Ae = (r) => r.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Re = ({ content: r = "", 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" }
   ], i = n ? `<title>${n}</title>` : "";
-  return `<svg ${Ne(t)}>${i}${e}</svg>`;
-}, Pe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ne = ({
-  ["data-testid"]: e,
+  return `<svg ${Ae(t)}>${i}${r}</svg>`;
+}, Ee = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ue = ({
+  ["data-testid"]: r,
   svg: n,
   allyTitle: t,
   className: i,
-  size: a = $e,
-  ...r
+  size: a = Pe,
+  ...e
 }) => {
-  const o = ke({
-    content: Pe(n.svg),
+  const o = Re({
+    content: Ee(n.svg),
     title: t
-  }), u = Se(i, I, `${I}--${a}`);
+  }), u = Oe(i, I, `${I}--${a}`);
   return /* @__PURE__ */ p(
     "span",
     {
       className: u,
-      "data-testid": e,
+      "data-testid": r,
       dangerouslySetInnerHTML: { __html: o },
-      ...r
+      ...e
     }
   );
 };
-ne.displayName = "Icon";
-const Oe = {
+ue.displayName = "Icon";
+const je = {
   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 Ae(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function Me(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
 var L = { exports: {} };
 /*!
@@ -99,105 +99,167 @@ var L = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var T;
-function Re() {
-  return T || (T = 1, function(e) {
+var U;
+function De() {
+  return U || (U = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", o = 0; o < arguments.length; o++) {
+        for (var e = "", o = 0; o < arguments.length; o++) {
           var u = arguments[o];
-          u && (r = a(r, i(u)));
+          u && (e = a(e, i(u)));
         }
-        return r;
+        return e;
       }
-      function i(r) {
-        if (typeof r == "string" || typeof r == "number")
-          return r;
-        if (typeof r != "object")
+      function i(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return e;
+        if (typeof e != "object")
           return "";
-        if (Array.isArray(r))
-          return t.apply(null, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
+        if (Array.isArray(e))
+          return t.apply(null, e);
+        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+          return e.toString();
         var o = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (o = a(o, u));
+        for (var u in e)
+          n.call(e, u) && e[u] && (o = a(o, u));
         return o;
       }
-      function a(r, o) {
-        return o ? r ? r + " " + o : r + o : r;
+      function a(e, o) {
+        return o ? e ? e + " " + o : e + o : e;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
   }(L)), L.exports;
 }
-var Ee = Re();
-const Me = /* @__PURE__ */ Ae(Ee), U = {
+var qe = De();
+const ze = /* @__PURE__ */ Me(qe), V = {
   "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
-}, V = "purpur-field-error-text", je = ({
-  children: e,
+}, F = "purpur-field-error-text", We = ({
+  children: r,
   className: n,
   ["aria-relevant"]: t = "additions text",
   ...i
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ S(
   "div",
   {
-    className: Me([n, U[V]]),
+    className: ze([n, V[F]]),
     "aria-live": "assertive",
     "aria-relevant": t,
     ...i,
     children: [
-      /* @__PURE__ */ p(ne, { svg: Oe, size: "xs", className: U[`${V}__icon`] }),
-      e
+      /* @__PURE__ */ p(ue, { svg: je, size: "xs", className: V[`${F}__icon`] }),
+      r
     ]
   }
 );
-function De(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function Be(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var F = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
 var Z;
-function qe() {
-  return Z || (Z = 1, function(e) {
+function Ie() {
+  return Z || (Z = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", o = 0; o < arguments.length; o++) {
+        for (var e = "", o = 0; o < arguments.length; o++) {
           var u = arguments[o];
-          u && (r = a(r, i.call(this, u)));
+          u && (e = a(e, i(u)));
         }
-        return r;
+        return e;
       }
-      function i(r) {
-        if (typeof r == "string" || typeof r == "number")
-          return this && this[r] || r;
-        if (typeof r != "object")
+      function i(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return e;
+        if (typeof e != "object")
           return "";
-        if (Array.isArray(r))
-          return t.apply(this, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
+        if (Array.isArray(e))
+          return t.apply(null, e);
+        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+          return e.toString();
         var o = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (o = a(o, this && this[u] || u));
+        for (var u in e)
+          n.call(e, u) && e[u] && (o = a(o, u));
         return o;
       }
-      function a(r, o) {
-        return o ? r ? r + " " + o : r + o : r;
+      function a(e, o) {
+        return o ? e ? e + " " + o : e + o : e;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  }(F)), F.exports;
+  }(T)), T.exports;
 }
-var ze = qe();
-const We = /* @__PURE__ */ De(ze), Be = {
+var Le = Ie();
+const Ue = /* @__PURE__ */ Be(Le), H = {
+  "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
+}, K = "purpur-field-helper-text", Ve = ({
+  children: r,
+  className: n,
+  disabled: t,
+  id: i,
+  ...a
+}) => {
+  const e = Ue([
+    n,
+    H[K],
+    {
+      [H[`${K}--disabled`]]: t
+    }
+  ]);
+  return /* @__PURE__ */ p("span", { id: i, className: e, ...a, children: r });
+};
+function Fe(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var G = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var X;
+function Te() {
+  return X || (X = 1, function(r) {
+    (function() {
+      var n = {}.hasOwnProperty;
+      function t() {
+        for (var e = "", o = 0; o < arguments.length; o++) {
+          var u = arguments[o];
+          u && (e = a(e, i.call(this, u)));
+        }
+        return e;
+      }
+      function i(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return this && this[e] || e;
+        if (typeof e != "object")
+          return "";
+        if (Array.isArray(e))
+          return t.apply(this, e);
+        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+          return e.toString();
+        var o = "";
+        for (var u in e)
+          n.call(e, u) && e[u] && (o = a(o, this && this[u] || u));
+        return o;
+      }
+      function a(e, o) {
+        return o ? e ? e + " " + o : e + o : e;
+      }
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
+    })();
+  }(G)), G.exports;
+}
+var Ze = Te();
+const He = /* @__PURE__ */ Fe(Ze), Ke = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -205,107 +267,107 @@ const We = /* @__PURE__ */ De(ze), 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"
-}, Ie = We.bind(Be), H = "purpur-icon", Le = "md", Te = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ue = ({ content: e = "", title: n } = {}) => {
+}, Ge = He.bind(Ke), J = "purpur-icon", Xe = "md", Je = (r) => r.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Qe = ({ content: r = "", 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" }
   ], i = n ? `<title>${n}</title>` : "";
-  return `<svg ${Te(t)}>${i}${e}</svg>`;
-}, Ve = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), M = ({
-  ["data-testid"]: e,
+  return `<svg ${Je(t)}>${i}${r}</svg>`;
+}, Ye = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), j = ({
+  ["data-testid"]: r,
   svg: n,
   allyTitle: t,
   className: i,
-  size: a = Le,
-  ...r
+  size: a = Xe,
+  ...e
 }) => {
-  const o = Ue({
-    content: Ve(n.svg),
+  const o = Qe({
+    content: Ye(n.svg),
     title: t
-  }), u = Ie(i, H, `${H}--${a}`);
+  }), u = Ge(i, J, `${J}--${a}`);
   return /* @__PURE__ */ p(
     "span",
     {
       className: u,
-      "data-testid": e,
+      "data-testid": r,
       dangerouslySetInnerHTML: { __html: o },
-      ...r
+      ...e
     }
   );
 };
-M.displayName = "Icon";
-const Fe = {
+j.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>',
   keywords: ["checkmark-bold"],
   category: "utility"
-}, Ze = {
+}, rr = {
   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 K(e, n) {
-  if (typeof e == "function")
-    return e(n);
-  e != null && (e.current = n);
+function Q(r, n) {
+  if (typeof r == "function")
+    return r(n);
+  r != null && (r.current = n);
 }
-function He(...e) {
+function tr(...r) {
   return (n) => {
     let t = !1;
-    const i = e.map((a) => {
-      const r = K(a, n);
-      return !t && typeof r == "function" && (t = !0), r;
+    const i = r.map((a) => {
+      const e = Q(a, n);
+      return !t && typeof e == "function" && (t = !0), e;
     });
     if (t)
       return () => {
         for (let a = 0; a < i.length; a++) {
-          const r = i[a];
-          typeof r == "function" ? r() : K(e[a], null);
+          const e = i[a];
+          typeof e == "function" ? e() : Q(r[a], null);
         }
       };
   };
 }
-var oe = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e, a = s.Children.toArray(t), r = a.find(Ge);
-  if (r) {
-    const o = r.props.children, u = a.map((c) => c === r ? s.Children.count(o) > 1 ? s.Children.only(null) : s.isValidElement(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(j, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
+var se = 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(M, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
   }
-  return /* @__PURE__ */ p(j, { ...i, ref: n, children: t });
+  return /* @__PURE__ */ p(M, { ...i, ref: n, children: t });
 });
-oe.displayName = "Slot";
-var j = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e;
+se.displayName = "Slot";
+var M = s.forwardRef((r, n) => {
+  const { children: t, ...i } = r;
   if (s.isValidElement(t)) {
-    const a = Je(t), r = Xe(i, t.props);
-    return t.type !== s.Fragment && (r.ref = n ? He(n, a) : a), s.cloneElement(t, r);
+    const a = ar(t), e = ir(i, t.props);
+    return t.type !== s.Fragment && (e.ref = n ? tr(n, a) : a), s.cloneElement(t, e);
   }
   return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-j.displayName = "SlotClone";
-var Ke = ({ children: e }) => /* @__PURE__ */ p(te, { children: e });
-function Ge(e) {
-  return s.isValidElement(e) && e.type === Ke;
+M.displayName = "SlotClone";
+var nr = ({ children: r }) => /* @__PURE__ */ p(ae, { children: r });
+function or(r) {
+  return s.isValidElement(r) && r.type === nr;
 }
-function Xe(e, n) {
+function ir(r, n) {
   const t = { ...n };
   for (const i in n) {
-    const a = e[i], r = n[i];
-    /^on[A-Z]/.test(i) ? a && r ? t[i] = (...o) => {
-      r(...o), a(...o);
-    } : a && (t[i] = a) : i === "style" ? t[i] = { ...a, ...r } : i === "className" && (t[i] = [a, r].filter(Boolean).join(" "));
+    const a = r[i], e = n[i];
+    /^on[A-Z]/.test(i) ? a && e ? t[i] = (...o) => {
+      e(...o), a(...o);
+    } : a && (t[i] = a) : i === "style" ? t[i] = { ...a, ...e } : i === "className" && (t[i] = [a, e].filter(Boolean).join(" "));
   }
-  return { ...e, ...t };
+  return { ...r, ...t };
 }
-function Je(e) {
+function ar(r) {
   var n, t;
-  let i = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, a = i && "isReactWarning" in i && i.isReactWarning;
-  return a ? e.ref : (i = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, a = i && "isReactWarning" in i && i.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
+  let i = (n = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : n.get, a = i && "isReactWarning" in i && i.isReactWarning;
+  return a ? r.ref : (i = (t = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : t.get, a = i && "isReactWarning" in i && i.isReactWarning, a ? r.props.ref : r.props.ref || r.ref);
 }
-var Qe = [
+var ur = [
   "a",
   "button",
   "div",
@@ -322,80 +384,80 @@ var Qe = [
   "span",
   "svg",
   "ul"
-], Ye = Qe.reduce((e, n) => {
+], sr = ur.reduce((r, n) => {
   const t = s.forwardRef((i, a) => {
-    const { asChild: r, ...o } = i, u = r ? oe : n;
+    const { asChild: e, ...o } = i, u = e ? se : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...o, ref: a });
   });
-  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {}), er = "Label", ie = s.forwardRef((e, n) => /* @__PURE__ */ p(
-  Ye.label,
+  return t.displayName = `Primitive.${n}`, { ...r, [n]: t };
+}, {}), cr = "Label", ce = s.forwardRef((r, n) => /* @__PURE__ */ p(
+  sr.label,
   {
-    ...e,
+    ...r,
     ref: n,
     onMouseDown: (t) => {
       var i;
-      t.target.closest("button, input, select, textarea") || ((i = e.onMouseDown) == null || i.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+      t.target.closest("button, input, select, textarea") || ((i = r.onMouseDown) == null || i.call(r, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
     }
   }
 ));
-ie.displayName = er;
-var rr = ie;
-function tr(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+ce.displayName = cr;
+var lr = ce;
+function pr(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var G = { exports: {} };
+var Y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var X;
-function nr() {
-  return X || (X = 1, function(e) {
+var ee;
+function dr() {
+  return ee || (ee = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", o = 0; o < arguments.length; o++) {
+        for (var e = "", o = 0; o < arguments.length; o++) {
           var u = arguments[o];
-          u && (r = a(r, i(u)));
+          u && (e = a(e, i(u)));
         }
-        return r;
+        return e;
       }
-      function i(r) {
-        if (typeof r == "string" || typeof r == "number")
-          return r;
-        if (typeof r != "object")
+      function i(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return e;
+        if (typeof e != "object")
           return "";
-        if (Array.isArray(r))
-          return t.apply(null, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
+        if (Array.isArray(e))
+          return t.apply(null, e);
+        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+          return e.toString();
         var o = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (o = a(o, u));
+        for (var u in e)
+          n.call(e, u) && e[u] && (o = a(o, u));
         return o;
       }
-      function a(r, o) {
-        return o ? r ? r + " " + o : r + o : r;
+      function a(e, o) {
+        return o ? e ? e + " " + o : e + o : e;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  }(G)), G.exports;
+  }(Y)), Y.exports;
 }
-var or = nr();
-const ir = /* @__PURE__ */ tr(or), A = {
+var fr = dr();
+const hr = /* @__PURE__ */ pr(fr), A = {
   "purpur-label": "_purpur-label_1jndl_1",
   "purpur-label--negative": "_purpur-label--negative_1jndl_8",
   "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, R = "purpur-label", ar = ({
-  children: e,
+}, R = "purpur-label", mr = ({
+  children: r,
   className: n,
   disabled: t,
   negative: i = !1,
   ...a
 }) => {
-  const r = ir([
+  const e = hr([
     n,
     A[R],
     {
@@ -403,52 +465,52 @@ const ir = /* @__PURE__ */ tr(or), A = {
       [A[`${R}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ p(rr, { className: r, ...a, children: e });
+  return /* @__PURE__ */ p(lr, { className: e, ...a, children: r });
 };
-function ur(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function vr(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var J = { exports: {} };
+var re = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Q;
-function sr() {
-  return Q || (Q = 1, function(e) {
+var te;
+function gr() {
+  return te || (te = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", o = 0; o < arguments.length; o++) {
+        for (var e = "", o = 0; o < arguments.length; o++) {
           var u = arguments[o];
-          u && (r = a(r, i(u)));
+          u && (e = a(e, i(u)));
         }
-        return r;
+        return e;
       }
-      function i(r) {
-        if (typeof r == "string" || typeof r == "number")
-          return r;
-        if (typeof r != "object")
+      function i(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return e;
+        if (typeof e != "object")
           return "";
-        if (Array.isArray(r))
-          return t.apply(null, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
+        if (Array.isArray(e))
+          return t.apply(null, e);
+        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+          return e.toString();
         var o = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (o = a(o, u));
+        for (var u in e)
+          n.call(e, u) && e[u] && (o = a(o, u));
         return o;
       }
-      function a(r, o) {
-        return o ? r ? r + " " + o : r + o : r;
+      function a(e, o) {
+        return o ? e ? e + " " + o : e + o : e;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  }(J)), J.exports;
+  }(re)), re.exports;
 }
-var cr = sr();
-const lr = /* @__PURE__ */ ur(cr), $ = {
+var _r = gr();
+const br = /* @__PURE__ */ vr(_r), N = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -463,185 +525,185 @@ const lr = /* @__PURE__ */ ur(cr), $ = {
   "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"
-}, pr = {
+}, yr = {
   PARAGRAPH100: "paragraph-100"
-}, N = "purpur-paragraph", ae = ({
-  ["data-testid"]: e,
+}, k = "purpur-paragraph", le = ({
+  ["data-testid"]: r,
   children: n,
   className: t,
   disabled: i,
   enableHyphenation: a = !1,
-  negative: r = !1,
-  variant: o = pr.PARAGRAPH100,
+  negative: e = !1,
+  variant: o = yr.PARAGRAPH100,
   ...u
 }) => {
-  const c = lr([
+  const c = br([
     t,
-    $[N],
-    $[`${N}--${o}`],
+    N[k],
+    N[`${k}--${o}`],
     {
-      [$[`${N}--hyphens`]]: a,
-      [$[`${N}--disabled`]]: i,
-      [$[`${N}--negative`]]: r
+      [N[`${k}--hyphens`]]: a,
+      [N[`${k}--disabled`]]: i,
+      [N[`${k}--negative`]]: e
     }
   ]);
-  return /* @__PURE__ */ p("p", { ...u, className: c, "data-testid": e, children: n });
+  return /* @__PURE__ */ p("p", { ...u, className: c, "data-testid": r, children: n });
 };
-ae.displayName = "Paragraph";
-function Y(e, n) {
-  if (typeof e == "function")
-    return e(n);
-  e != null && (e.current = n);
+le.displayName = "Paragraph";
+function ne(r, n) {
+  if (typeof r == "function")
+    return r(n);
+  r != null && (r.current = n);
 }
-function ue(...e) {
+function pe(...r) {
   return (n) => {
     let t = !1;
-    const i = e.map((a) => {
-      const r = Y(a, n);
-      return !t && typeof r == "function" && (t = !0), r;
+    const i = r.map((a) => {
+      const e = ne(a, n);
+      return !t && typeof e == "function" && (t = !0), e;
     });
     if (t)
       return () => {
         for (let a = 0; a < i.length; a++) {
-          const r = i[a];
-          typeof r == "function" ? r() : Y(e[a], null);
+          const e = i[a];
+          typeof e == "function" ? e() : ne(r[a], null);
         }
       };
   };
 }
-function se(...e) {
-  return s.useCallback(ue(...e), e);
+function de(...r) {
+  return s.useCallback(pe(...r), r);
 }
-function dr(e, n = []) {
+function xr(r, n = []) {
   let t = [];
-  function i(r, o) {
+  function i(e, o) {
     const u = s.createContext(o), c = t.length;
     t = [...t, o];
-    const l = (h) => {
+    const l = (f) => {
       var b;
-      const { scope: d, children: m, ...v } = h, _ = ((b = d == null ? void 0 : d[e]) == null ? void 0 : b[c]) || u, w = s.useMemo(() => v, Object.values(v));
-      return /* @__PURE__ */ p(_.Provider, { value: w, children: m });
+      const { scope: d, children: m, ...v } = f, _ = ((b = d == null ? void 0 : d[r]) == null ? void 0 : b[c]) || u, $ = s.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ p(_.Provider, { value: $, children: m });
     };
-    l.displayName = r + "Provider";
-    function f(h, d) {
+    l.displayName = e + "Provider";
+    function h(f, d) {
       var _;
-      const m = ((_ = d == null ? void 0 : d[e]) == null ? void 0 : _[c]) || u, v = s.useContext(m);
+      const m = ((_ = d == null ? void 0 : d[r]) == null ? void 0 : _[c]) || u, v = s.useContext(m);
       if (v) return v;
       if (o !== void 0) return o;
-      throw new Error(`\`${h}\` must be used within \`${r}\``);
+      throw new Error(`\`${f}\` must be used within \`${e}\``);
     }
-    return [l, f];
+    return [l, h];
   }
   const a = () => {
-    const r = t.map((o) => s.createContext(o));
+    const e = t.map((o) => s.createContext(o));
     return function(u) {
-      const c = (u == null ? void 0 : u[e]) || r;
+      const c = (u == null ? void 0 : u[r]) || e;
       return s.useMemo(
-        () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
+        () => ({ [`__scope${r}`]: { ...u, [r]: c } }),
         [u, c]
       );
     };
   };
-  return a.scopeName = e, [i, fr(a, ...n)];
+  return a.scopeName = r, [i, wr(a, ...n)];
 }
-function fr(...e) {
-  const n = e[0];
-  if (e.length === 1) return n;
+function wr(...r) {
+  const n = r[0];
+  if (r.length === 1) return n;
   const t = () => {
-    const i = e.map((a) => ({
+    const i = r.map((a) => ({
       useScope: a(),
       scopeName: a.scopeName
     }));
-    return function(r) {
+    return function(e) {
       const o = i.reduce((u, { useScope: c, scopeName: l }) => {
-        const h = c(r)[`__scope${l}`];
-        return { ...u, ...h };
+        const f = c(e)[`__scope${l}`];
+        return { ...u, ...f };
       }, {});
       return s.useMemo(() => ({ [`__scope${n.scopeName}`]: o }), [o]);
     };
   };
   return t.scopeName = n.scopeName, t;
 }
-function ee(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+function oe(r, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(a) {
-    if (e == null || e(a), t === !1 || !a.defaultPrevented)
+    if (r == null || r(a), t === !1 || !a.defaultPrevented)
       return n == null ? void 0 : n(a);
   };
 }
-function ce(e) {
-  const n = s.useRef(e);
+function fe(r) {
+  const n = s.useRef(r);
   return s.useEffect(() => {
-    n.current = e;
+    n.current = r;
   }), s.useMemo(() => (...t) => {
     var i;
     return (i = n.current) == null ? void 0 : i.call(n, ...t);
   }, []);
 }
-function hr({
-  prop: e,
+function $r({
+  prop: r,
   defaultProp: n,
   onChange: t = () => {
   }
 }) {
-  const [i, a] = mr({ defaultProp: n, onChange: t }), r = e !== void 0, o = r ? e : i, u = ce(t), c = s.useCallback(
+  const [i, a] = Sr({ defaultProp: n, onChange: t }), e = r !== void 0, o = e ? r : i, u = fe(t), c = s.useCallback(
     (l) => {
-      if (r) {
-        const h = typeof l == "function" ? l(e) : l;
-        h !== e && u(h);
+      if (e) {
+        const f = typeof l == "function" ? l(r) : l;
+        f !== r && u(f);
       } else
         a(l);
     },
-    [r, e, a, u]
+    [e, r, a, u]
   );
   return [o, c];
 }
-function mr({
-  defaultProp: e,
+function Sr({
+  defaultProp: r,
   onChange: n
 }) {
-  const t = s.useState(e), [i] = t, a = s.useRef(i), r = ce(n);
+  const t = s.useState(r), [i] = t, a = s.useRef(i), e = fe(n);
   return s.useEffect(() => {
-    a.current !== i && (r(i), a.current = i);
-  }, [i, a, r]), t;
+    a.current !== i && (e(i), a.current = i);
+  }, [i, a, e]), t;
 }
-function vr(e) {
-  const n = s.useRef({ value: e, previous: e });
-  return s.useMemo(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [e]);
+function Cr(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 D = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 };
-function gr(e) {
+function Nr(r) {
   const [n, t] = s.useState(void 0);
   return D(() => {
-    if (e) {
-      t({ width: e.offsetWidth, height: e.offsetHeight });
+    if (r) {
+      t({ width: r.offsetWidth, height: r.offsetHeight });
       const i = new ResizeObserver((a) => {
         if (!Array.isArray(a) || !a.length)
           return;
-        const r = a[0];
+        const e = a[0];
         let o, u;
-        if ("borderBoxSize" in r) {
-          const c = r.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
+        if ("borderBoxSize" in e) {
+          const c = e.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
           o = l.inlineSize, u = l.blockSize;
         } else
-          o = e.offsetWidth, u = e.offsetHeight;
+          o = r.offsetWidth, u = r.offsetHeight;
         t({ width: o, height: u });
       });
-      return i.observe(e, { box: "border-box" }), () => i.unobserve(e);
+      return i.observe(r, { box: "border-box" }), () => i.unobserve(r);
     } else
       t(void 0);
-  }, [e]), n;
+  }, [r]), n;
 }
-function _r(e, n) {
-  return s.useReducer((t, i) => n[t][i] ?? t, e);
+function kr(r, n) {
+  return s.useReducer((t, i) => n[t][i] ?? t, r);
 }
-var le = (e) => {
-  const { present: n, children: t } = e, i = br(n), a = typeof t == "function" ? t({ present: i.isPresent }) : s.Children.only(t), r = se(i.ref, yr(a));
-  return typeof t == "function" || i.isPresent ? s.cloneElement(a, { ref: r }) : null;
+var he = (r) => {
+  const { present: n, children: t } = r, i = Or(n), a = typeof t == "function" ? t({ present: i.isPresent }) : s.Children.only(t), e = de(i.ref, Pr(a));
+  return typeof t == "function" || i.isPresent ? s.cloneElement(a, { ref: e }) : null;
 };
-le.displayName = "Presence";
-function br(e) {
-  const [n, t] = s.useState(), i = s.useRef({}), a = s.useRef(e), r = s.useRef("none"), o = e ? "mounted" : "unmounted", [u, c] = _r(o, {
+he.displayName = "Presence";
+function Or(r) {
+  const [n, t] = s.useState(), i = s.useRef({}), a = s.useRef(r), e = s.useRef("none"), o = r ? "mounted" : "unmounted", [u, c] = kr(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -655,30 +717,30 @@ function br(e) {
     }
   });
   return s.useEffect(() => {
-    const l = P(i.current);
-    r.current = u === "mounted" ? l : "none";
+    const l = O(i.current);
+    e.current = u === "mounted" ? l : "none";
   }, [u]), D(() => {
-    const l = i.current, f = a.current;
-    if (f !== e) {
-      const d = r.current, m = P(l);
-      e ? c("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(f && d !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+    const l = i.current, h = a.current;
+    if (h !== r) {
+      const d = e.current, m = O(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;
     }
-  }, [e, c]), D(() => {
+  }, [r, c]), D(() => {
     if (n) {
       let l;
-      const f = n.ownerDocument.defaultView ?? window, h = (m) => {
-        const _ = P(i.current).includes(m.animationName);
+      const h = n.ownerDocument.defaultView ?? window, f = (m) => {
+        const _ = O(i.current).includes(m.animationName);
         if (m.target === n && _ && (c("ANIMATION_END"), !a.current)) {
-          const w = n.style.animationFillMode;
-          n.style.animationFillMode = "forwards", l = f.setTimeout(() => {
-            n.style.animationFillMode === "forwards" && (n.style.animationFillMode = w);
+          const $ = n.style.animationFillMode;
+          n.style.animationFillMode = "forwards", l = h.setTimeout(() => {
+            n.style.animationFillMode === "forwards" && (n.style.animationFillMode = $);
           });
         }
       }, d = (m) => {
-        m.target === n && (r.current = P(i.current));
+        m.target === n && (e.current = O(i.current));
       };
-      return n.addEventListener("animationstart", d), n.addEventListener("animationcancel", h), n.addEventListener("animationend", h), () => {
-        f.clearTimeout(l), n.removeEventListener("animationstart", d), n.removeEventListener("animationcancel", h), n.removeEventListener("animationend", h);
+      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);
       };
     } else
       c("ANIMATION_END");
@@ -689,52 +751,52 @@ function br(e) {
     }, [])
   };
 }
-function P(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
+function O(r) {
+  return (r == null ? void 0 : r.animationName) || "none";
 }
-function yr(e) {
+function Pr(r) {
   var i, a;
-  let n = (i = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : i.get, t = n && "isReactWarning" in n && n.isReactWarning;
-  return t ? e.ref : (n = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+  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 pe = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e, a = s.Children.toArray(t), r = a.find(wr);
-  if (r) {
-    const o = r.props.children, u = a.map((c) => c === r ? s.Children.count(o) > 1 ? s.Children.only(null) : s.isValidElement(o) ? o.props.children : null : c);
+var me = s.forwardRef((r, n) => {
+  const { children: t, ...i } = r, a = s.Children.toArray(t), e = a.find(Rr);
+  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(q, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
   }
   return /* @__PURE__ */ p(q, { ...i, ref: n, children: t });
 });
-pe.displayName = "Slot";
-var q = s.forwardRef((e, n) => {
-  const { children: t, ...i } = e;
+me.displayName = "Slot";
+var q = s.forwardRef((r, n) => {
+  const { children: t, ...i } = r;
   if (s.isValidElement(t)) {
-    const a = Sr(t), r = Cr(i, t.props);
-    return t.type !== s.Fragment && (r.ref = n ? ue(n, a) : a), s.cloneElement(t, r);
+    const a = jr(t), e = Er(i, t.props);
+    return t.type !== s.Fragment && (e.ref = n ? pe(n, a) : a), s.cloneElement(t, e);
   }
   return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
 q.displayName = "SlotClone";
-var xr = ({ children: e }) => /* @__PURE__ */ p(te, { children: e });
-function wr(e) {
-  return s.isValidElement(e) && e.type === xr;
+var Ar = ({ children: r }) => /* @__PURE__ */ p(ae, { children: r });
+function Rr(r) {
+  return s.isValidElement(r) && r.type === Ar;
 }
-function Cr(e, n) {
+function Er(r, n) {
   const t = { ...n };
   for (const i in n) {
-    const a = e[i], r = n[i];
-    /^on[A-Z]/.test(i) ? a && r ? t[i] = (...u) => {
-      r(...u), a(...u);
-    } : a && (t[i] = a) : i === "style" ? t[i] = { ...a, ...r } : i === "className" && (t[i] = [a, r].filter(Boolean).join(" "));
+    const a = r[i], e = n[i];
+    /^on[A-Z]/.test(i) ? a && e ? t[i] = (...u) => {
+      e(...u), a(...u);
+    } : a && (t[i] = a) : i === "style" ? t[i] = { ...a, ...e } : i === "className" && (t[i] = [a, e].filter(Boolean).join(" "));
   }
-  return { ...e, ...t };
+  return { ...r, ...t };
 }
-function Sr(e) {
+function jr(r) {
   var i, a;
-  let n = (i = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : i.get, t = n && "isReactWarning" in n && n.isReactWarning;
-  return t ? e.ref : (n = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+  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 $r = [
+var Mr = [
   "a",
   "button",
   "div",
@@ -751,60 +813,60 @@ var $r = [
   "span",
   "svg",
   "ul"
-], de = $r.reduce((e, n) => {
+], ve = Mr.reduce((r, n) => {
   const t = s.forwardRef((i, a) => {
-    const { asChild: r, ...o } = i, u = r ? pe : n;
+    const { asChild: e, ...o } = i, u = e ? me : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...o, ref: a });
   });
-  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
-}, {}), z = "Checkbox", [Nr, Tr] = dr(z), [kr, Pr] = Nr(z), fe = s.forwardRef(
-  (e, n) => {
+  return t.displayName = `Primitive.${n}`, { ...r, [n]: t };
+}, {}), z = "Checkbox", [Dr, Jr] = xr(z), [qr, zr] = Dr(z), ge = s.forwardRef(
+  (r, n) => {
     const {
       __scopeCheckbox: t,
       name: i,
       checked: a,
-      defaultChecked: r,
+      defaultChecked: e,
       required: o,
       disabled: u,
       value: c = "on",
       onCheckedChange: l,
-      form: f,
-      ...h
-    } = e, [d, m] = s.useState(null), v = se(n, (g) => m(g)), _ = s.useRef(!1), w = d ? f || !!d.closest("form") : !0, [b = !1, O] = hr({
+      form: h,
+      ...f
+    } = r, [d, m] = s.useState(null), v = de(n, (g) => m(g)), _ = s.useRef(!1), $ = d ? h || !!d.closest("form") : !0, [b = !1, P] = $r({
       prop: a,
-      defaultProp: r,
+      defaultProp: e,
       onChange: l
-    }), ge = s.useRef(b);
+    }), xe = s.useRef(b);
     return s.useEffect(() => {
       const g = d == null ? void 0 : d.form;
       if (g) {
-        const S = () => O(ge.current);
-        return g.addEventListener("reset", S), () => g.removeEventListener("reset", S);
+        const C = () => P(xe.current);
+        return g.addEventListener("reset", C), () => g.removeEventListener("reset", C);
       }
-    }, [d, O]), /* @__PURE__ */ k(kr, { scope: t, state: b, disabled: u, children: [
+    }, [d, P]), /* @__PURE__ */ S(qr, { scope: t, state: b, disabled: u, children: [
       /* @__PURE__ */ p(
-        de.button,
+        ve.button,
         {
           type: "button",
           role: "checkbox",
           "aria-checked": x(b) ? "mixed" : b,
           "aria-required": o,
-          "data-state": ve(b),
+          "data-state": ye(b),
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: c,
-          ...h,
+          ...f,
           ref: v,
-          onKeyDown: ee(e.onKeyDown, (g) => {
+          onKeyDown: oe(r.onKeyDown, (g) => {
             g.key === "Enter" && g.preventDefault();
           }),
-          onClick: ee(e.onClick, (g) => {
-            O((S) => x(S) ? !0 : !S), w && (_.current = g.isPropagationStopped(), _.current || g.stopPropagation());
+          onClick: oe(r.onClick, (g) => {
+            P((C) => x(C) ? !0 : !C), $ && (_.current = g.isPropagationStopped(), _.current || g.stopPropagation());
           })
         }
       ),
-      w && /* @__PURE__ */ p(
-        Or,
+      $ && /* @__PURE__ */ p(
+        Wr,
         {
           control: d,
           bubbles: !_.current,
@@ -813,38 +875,38 @@ var $r = [
           checked: b,
           required: o,
           disabled: u,
-          form: f,
+          form: h,
           style: { transform: "translateX(-100%)" },
-          defaultChecked: x(r) ? !1 : r
+          defaultChecked: x(e) ? !1 : e
         }
       )
     ] });
   }
 );
-fe.displayName = z;
-var he = "CheckboxIndicator", me = s.forwardRef(
-  (e, n) => {
-    const { __scopeCheckbox: t, forceMount: i, ...a } = e, r = Pr(he, t);
-    return /* @__PURE__ */ p(le, { present: i || x(r.state) || r.state === !0, children: /* @__PURE__ */ p(
-      de.span,
+ge.displayName = z;
+var _e = "CheckboxIndicator", be = s.forwardRef(
+  (r, n) => {
+    const { __scopeCheckbox: t, forceMount: i, ...a } = r, e = zr(_e, t);
+    return /* @__PURE__ */ p(he, { present: i || x(e.state) || e.state === !0, children: /* @__PURE__ */ p(
+      ve.span,
       {
-        "data-state": ve(r.state),
-        "data-disabled": r.disabled ? "" : void 0,
+        "data-state": ye(e.state),
+        "data-disabled": e.disabled ? "" : void 0,
         ...a,
         ref: n,
-        style: { pointerEvents: "none", ...e.style }
+        style: { pointerEvents: "none", ...r.style }
       }
     ) });
   }
 );
-me.displayName = he;
-var Or = (e) => {
-  const { control: n, checked: t, bubbles: i = !0, defaultChecked: a, ...r } = e, o = s.useRef(null), u = vr(t), c = gr(n);
+be.displayName = _e;
+var Wr = (r) => {
+  const { control: n, checked: t, bubbles: i = !0, defaultChecked: a, ...e } = r, o = s.useRef(null), u = Cr(t), c = Nr(n);
   s.useEffect(() => {
-    const f = o.current, h = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(h, "checked").set;
+    const h = o.current, f = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(f, "checked").set;
     if (u !== t && m) {
       const v = new Event("click", { bubbles: i });
-      f.indeterminate = x(t), m.call(f, x(t) ? !1 : t), f.dispatchEvent(v);
+      h.indeterminate = x(t), m.call(h, x(t) ? !1 : t), h.dispatchEvent(v);
     }
   }, [u, t, i]);
   const l = s.useRef(x(t) ? !1 : t);
@@ -854,11 +916,11 @@ var Or = (e) => {
       type: "checkbox",
       "aria-hidden": !0,
       defaultChecked: a ?? l.current,
-      ...r,
+      ...e,
       tabIndex: -1,
       ref: o,
       style: {
-        ...e.style,
+        ...r.style,
         ...c,
         position: "absolute",
         pointerEvents: "none",
@@ -868,15 +930,15 @@ var Or = (e) => {
     }
   );
 };
-function x(e) {
-  return e === "indeterminate";
+function x(r) {
+  return r === "indeterminate";
 }
-function ve(e) {
-  return x(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function ye(r) {
+  return x(r) ? "indeterminate" : r ? "checked" : "unchecked";
 }
-var Ar = fe, Rr = me;
-function Er(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+var Br = ge, Ir = be;
+function Lr(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
 var E = { exports: {} };
 /*!
@@ -884,114 +946,126 @@ var E = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var re;
-function Mr() {
-  return re || (re = 1, function(e) {
+var ie;
+function Ur() {
+  return ie || (ie = 1, function(r) {
     (function() {
       var n = {}.hasOwnProperty;
       function t() {
-        for (var r = "", o = 0; o < arguments.length; o++) {
+        for (var e = "", o = 0; o < arguments.length; o++) {
           var u = arguments[o];
-          u && (r = a(r, i.call(this, u)));
+          u && (e = a(e, i.call(this, u)));
         }
-        return r;
+        return e;
       }
-      function i(r) {
-        if (typeof r == "string" || typeof r == "number")
-          return this && this[r] || r;
-        if (typeof r != "object")
+      function i(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return this && this[e] || e;
+        if (typeof e != "object")
           return "";
-        if (Array.isArray(r))
-          return t.apply(this, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
+        if (Array.isArray(e))
+          return t.apply(this, e);
+        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+          return e.toString();
         var o = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (o = a(o, this && this[u] || u));
+        for (var u in e)
+          n.call(e, u) && e[u] && (o = a(o, this && this[u] || u));
         return o;
       }
-      function a(r, o) {
-        return o ? r ? r + " " + o : r + o : r;
+      function a(e, o) {
+        return o ? e ? e + " " + o : e + o : e;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
   }(E)), E.exports;
 }
-var jr = Mr();
-const Dr = /* @__PURE__ */ Er(jr), qr = {
-  "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 = Dr.bind(qr), Ur = ["indeterminate", !0, !1], y = "purpur-checkbox", zr = ({
-  ["data-testid"]: e,
+var Vr = Ur();
+const Fr = /* @__PURE__ */ Lr(Vr), Tr = {
+  "purpur-checkbox": "_purpur-checkbox_150ck_1",
+  "purpur-checkbox__box": "_purpur-checkbox__box_150ck_7",
+  "purpur-checkbox--error": "_purpur-checkbox--error_150ck_16",
+  "purpur-checkbox--error-checkbox": "_purpur-checkbox--error-checkbox_150ck_16",
+  "purpur-checkbox__indicator": "_purpur-checkbox__indicator_150ck_59",
+  "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"
+}, w = Fr.bind(Tr), Qr = ["indeterminate", !0, !1], y = "purpur-checkbox", Zr = ({
+  ["data-testid"]: r,
   checked: n,
   className: t,
   error: i = !1,
   errorText: a,
-  label: r,
-  onChange: o,
-  ...u
-}, c) => {
-  const l = a && !n, f = i && !n;
-  return /* @__PURE__ */ k("div", { className: C([t, `${y}__wrapper`]), children: [
-    /* @__PURE__ */ k("div", { className: C([t, `${y}__container`]), children: [
+  label: e,
+  helperText: o,
+  onChange: u,
+  ...c
+}, l) => {
+  const h = a && !n, f = i && !n;
+  return /* @__PURE__ */ S("div", { className: w([t, `${y}__wrapper`]), children: [
+    /* @__PURE__ */ S("div", { className: w([t, `${y}__container`]), children: [
       /* @__PURE__ */ p(
-        Ar,
+        Br,
         {
-          ...u,
+          ...c,
           checked: n,
-          className: C([
+          className: w([
             y,
             {
-              [`${y}--error`]: l,
+              [`${y}--error`]: h,
               [`${y}--error-checkbox`]: f
             }
           ]),
-          "data-testid": e,
-          onCheckedChange: o,
-          ref: c,
-          children: /* @__PURE__ */ p("span", { className: C(`${y}__box`), children: /* @__PURE__ */ p(Rr, { className: C(`${y}__indicator`), children: n === "indeterminate" ? /* @__PURE__ */ p(
-            M,
+          "data-testid": r,
+          onCheckedChange: u,
+          ref: l,
+          children: /* @__PURE__ */ p("span", { className: w(`${y}__box`), children: /* @__PURE__ */ p(Ir, { className: w(`${y}__indicator`), children: n === "indeterminate" ? /* @__PURE__ */ p(
+            j,
             {
-              "data-testid": e && `${e}-checked-icon`,
+              "data-testid": r && `${r}-checked-icon`,
               size: "xs",
-              svg: Ze
+              svg: rr
             }
           ) : /* @__PURE__ */ p(
-            M,
+            j,
             {
-              "data-testid": e && `${e}-indeterminate-icon`,
+              "data-testid": r && `${r}-indeterminate-icon`,
               size: "xs",
-              svg: Fe
+              svg: er
             }
           ) }) })
         }
       ),
-      r && /* @__PURE__ */ p(
-        ar,
-        {
-          htmlFor: u.id,
-          "data-testid": e && `${e}-label`,
-          disabled: u.disabled,
-          className: C(`${y}__label`),
-          children: /* @__PURE__ */ k(ae, { variant: "paragraph-100", disabled: u.disabled, children: [
-            u.required && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "* " }),
-            r
-          ] })
-        }
-      )
+      /* @__PURE__ */ S("span", { className: w(`${y}__label-container`), children: [
+        e && /* @__PURE__ */ p(
+          mr,
+          {
+            htmlFor: c.id,
+            "data-testid": r && `${r}-label`,
+            disabled: c.disabled,
+            children: /* @__PURE__ */ S(le, { variant: "paragraph-100", disabled: c.disabled, children: [
+              c.required && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "* " }),
+              e
+            ] })
+          }
+        ),
+        o && /* @__PURE__ */ p(
+          Ve,
+          {
+            className: w(`${y}__helper`),
+            "data-testid": r && `${r}-helper-text`,
+            disabled: c.disabled,
+            id: `${c.id}-helper-text`,
+            children: o
+          }
+        )
+      ] })
     ] }),
-    l && /* @__PURE__ */ p(je, { "data-testid": e && `${e}-error-text`, children: a })
+    h && /* @__PURE__ */ p(We, { "data-testid": r && `${r}-error-text`, children: a })
   ] });
-}, Wr = _e(zr);
-Wr.displayName = "Checkbox";
+}, Hr = we(Zr);
+Hr.displayName = "Checkbox";
 export {
-  Wr as Checkbox,
-  Ur as checkedState
+  Hr as Checkbox,
+  Qr as checkedState
 };
 //# sourceMappingURL=checkbox.es.js.map