@purpurds/checkbox 6.0.1 → 6.1.0

package/dist/checkbox.es.js

@@ -1,10 +1,11 @@
-import { jsxs as z, jsx as h } from "react/jsx-runtime";
-import { forwardRef as g, Children as b, isValidElement as N, createElement as p, cloneElement as j, useEffect as A, Fragment as Q, useCallback as Z, createContext as V, useMemo as M, useContext as _e, useRef as $, useState as I, useLayoutEffect as ve, useReducer as ge } from "react";
-import { flushSync as $e } from "react-dom";
-function xe(e) {
+import { jsxs as A, jsx as p, Fragment as F } from "react/jsx-runtime";
+import * as s from "react";
+import { forwardRef as de } from "react";
+import "react-dom";
+function fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Y = { exports: {} };
+var V = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -12,36 +13,36 @@ var Y = { exports: {} };
 */
 (function(e) {
   (function() {
-    var t = {}.hasOwnProperty;
-    function n() {
+    var n = {}.hasOwnProperty;
+    function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
-        u && (r = i(r, a.call(this, u)));
+        u && (r = a(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return n.apply(this, r);
+        return t.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
       for (var u in r)
-        t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        n.call(r, u) && r[u] && (o = a(o, this && this[u] || u));
       return o;
     }
-    function i(r, o) {
+    function a(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Y);
-var ye = Y.exports;
-const Ne = /* @__PURE__ */ xe(ye), we = {
+})(V);
+var he = V.exports;
+const me = /* @__PURE__ */ fe(he), ge = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,30 +50,30 @@ const Ne = /* @__PURE__ */ xe(ye), we = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Se = Ne.bind(we), G = "purpur-icon", Ae = "md", Ce = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), ke = ({ content: e = "", title: t } = {}) => {
-  const n = [
+}, _e = me.bind(ge), L = "purpur-icon", ve = "md", be = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ye = ({ content: e = "", title: n } = {}) => {
+  const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = t ? `<title>${t}</title>` : "";
-  return `<svg ${Ce(n)}>${a}${e}</svg>`;
-}, Pe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ee = ({
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = n ? `<title>${n}</title>` : "";
+  return `<svg ${be(t)}>${i}${e}</svg>`;
+}, xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({
   ["data-testid"]: e,
-  svg: t,
-  allyTitle: n,
-  className: a,
-  size: i = Ae,
+  svg: n,
+  allyTitle: t,
+  className: i,
+  size: a = ve,
   ...r
 }) => {
-  const o = ke({
-    content: Pe(t.svg),
-    title: n
-  }), u = Se(a, G, `${G}--${i}`);
-  return /* @__PURE__ */ h(
+  const o = ye({
+    content: xe(n.svg),
+    title: t
+  }), u = _e(i, L, `${L}--${a}`);
+  return /* @__PURE__ */ p(
     "span",
     {
-      "aria-label": n,
+      "aria-label": t,
       className: u,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: o },
@@ -80,17 +81,17 @@ const Ne = /* @__PURE__ */ xe(ye), we = {
     }
   );
 };
-ee.displayName = "Icon";
-const Oe = {
+H.displayName = "Icon";
+const we = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
 };
-function Ee(e) {
+function Ce(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var re = { exports: {} };
+var Z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -98,62 +99,62 @@ var re = { exports: {} };
 */
 (function(e) {
   (function() {
-    var t = {}.hasOwnProperty;
-    function n() {
+    var n = {}.hasOwnProperty;
+    function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
-        u && (r = i(r, a(u)));
+        u && (r = a(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return n.apply(null, r);
+        return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
       for (var u in r)
-        t.call(r, u) && r[u] && (o = i(o, u));
+        n.call(r, u) && r[u] && (o = a(o, u));
       return o;
     }
-    function i(r, o) {
+    function a(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(re);
-var Me = re.exports;
-const je = /* @__PURE__ */ Ee(Me), K = {
+})(Z);
+var Ne = Z.exports;
+const Se = /* @__PURE__ */ Ce(Ne), q = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, W = "purpur-field-error-text", Re = ({
+}, z = "purpur-field-error-text", $e = ({
   ["data-testid"]: e,
-  children: t,
-  className: n,
-  relevant: a = "additions text",
-  ...i
-}) => /* @__PURE__ */ z(
+  children: n,
+  className: t,
+  relevant: i = "additions text",
+  ...a
+}) => /* @__PURE__ */ A(
   "div",
   {
-    className: je([n, K[W]]),
+    className: Se([t, q[z]]),
     "data-testid": e,
     "aria-live": "assertive",
-    "aria-relevant": a,
-    ...i,
+    "aria-relevant": i,
+    ...a,
     children: [
-      /* @__PURE__ */ h(ee, { svg: Oe, size: "xs", className: K[`${W}__icon`] }),
-      t
+      /* @__PURE__ */ p(H, { svg: we, size: "xs", className: q[`${z}__icon`] }),
+      n
     ]
   }
 );
-function De(e) {
+function Pe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ne = { exports: {} };
+var G = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -161,36 +162,36 @@ var ne = { exports: {} };
 */
 (function(e) {
   (function() {
-    var t = {}.hasOwnProperty;
-    function n() {
+    var n = {}.hasOwnProperty;
+    function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
-        u && (r = i(r, a.call(this, u)));
+        u && (r = a(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return n.apply(this, r);
+        return t.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
       for (var u in r)
-        t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        n.call(r, u) && r[u] && (o = a(o, this && this[u] || u));
       return o;
     }
-    function i(r, o) {
+    function a(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ne);
-var Ie = ne.exports;
-const qe = /* @__PURE__ */ De(Ie), Le = {
+})(G);
+var Ae = G.exports;
+const ke = /* @__PURE__ */ Pe(Ae), Oe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -198,30 +199,30 @@ const qe = /* @__PURE__ */ De(Ie), Le = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Be = qe.bind(Le), X = "purpur-icon", ze = "md", Te = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Ue = ({ content: e = "", title: t } = {}) => {
-  const n = [
+}, Re = ke.bind(Oe), B = "purpur-icon", Ee = "md", Me = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), je = ({ content: e = "", title: n } = {}) => {
+  const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = t ? `<title>${t}</title>` : "";
-  return `<svg ${Te(n)}>${a}${e}</svg>`;
-}, He = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), T = ({
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = n ? `<title>${n}</title>` : "";
+  return `<svg ${Me(t)}>${i}${e}</svg>`;
+}, De = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({
   ["data-testid"]: e,
-  svg: t,
-  allyTitle: n,
-  className: a,
-  size: i = ze,
+  svg: n,
+  allyTitle: t,
+  className: i,
+  size: a = Ee,
   ...r
 }) => {
-  const o = Ue({
-    content: He(t.svg),
-    title: n
-  }), u = Be(a, X, `${X}--${i}`);
-  return /* @__PURE__ */ h(
+  const o = je({
+    content: De(n.svg),
+    title: t
+  }), u = Re(i, B, `${B}--${a}`);
+  return /* @__PURE__ */ p(
     "span",
     {
-      "aria-label": n,
+      "aria-label": t,
       className: u,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: o },
@@ -229,82 +230,77 @@ const qe = /* @__PURE__ */ De(Ie), Le = {
     }
   );
 };
-T.displayName = "Icon";
-const Fe = {
+E.displayName = "Icon";
+const Ie = {
   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 = {
+}, Le = {
   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() {
-  return k = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var a in n) ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
-    }
-    return e;
-  }, k.apply(null, arguments);
+function W(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
 }
-function Ve(e, t) {
-  typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function Ge(...e) {
-  return (t) => e.forEach(
-    (n) => Ve(n, t)
-  );
+function qe(...e) {
+  return (n) => {
+    let t = !1;
+    const i = e.map((a) => {
+      const r = W(a, n);
+      return !t && typeof r == "function" && (t = !0), r;
+    });
+    if (t)
+      return () => {
+        for (let a = 0; a < i.length; a++) {
+          const r = i[a];
+          typeof r == "function" ? r() : W(e[a], null);
+        }
+      };
+  };
 }
-const te = /* @__PURE__ */ g((e, t) => {
-  const { children: n, ...a } = e, i = b.toArray(n), r = i.find(We);
+var K = s.forwardRef((e, n) => {
+  const { children: t, ...i } = e, a = s.Children.toArray(t), r = a.find(Be);
   if (r) {
-    const o = r.props.children, u = i.map((c) => c === r ? b.count(o) > 1 ? b.only(null) : /* @__PURE__ */ N(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(U, k({}, a, {
-      ref: t
-    }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, u) : null);
+    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(M, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
   }
-  return /* @__PURE__ */ p(U, k({}, a, {
-    ref: t
-  }), n);
+  return /* @__PURE__ */ p(M, { ...i, ref: n, children: t });
 });
-te.displayName = "Slot";
-const U = /* @__PURE__ */ g((e, t) => {
-  const { children: n, ...a } = e;
-  return /* @__PURE__ */ N(n) ? /* @__PURE__ */ j(n, {
-    ...Xe(a, n.props),
-    ref: t ? Ge(t, n.ref) : n.ref
-  }) : b.count(n) > 1 ? b.only(null) : null;
+K.displayName = "Slot";
+var M = s.forwardRef((e, n) => {
+  const { children: t, ...i } = e;
+  if (s.isValidElement(t)) {
+    const a = Te(t), r = We(i, t.props);
+    return t.type !== s.Fragment && (r.ref = n ? qe(n, a) : a), s.cloneElement(t, r);
+  }
+  return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-U.displayName = "SlotClone";
-const Ke = ({ children: e }) => /* @__PURE__ */ p(Q, null, e);
-function We(e) {
-  return /* @__PURE__ */ N(e) && e.type === Ke;
+M.displayName = "SlotClone";
+var ze = ({ children: e }) => /* @__PURE__ */ p(F, { children: e });
+function Be(e) {
+  return s.isValidElement(e) && e.type === ze;
 }
-function Xe(e, t) {
-  const n = {
-    ...t
-  };
-  for (const a in t) {
-    const i = e[a], r = t[a];
-    /^on[A-Z]/.test(a) ? i && r ? n[a] = (...o) => {
-      r(...o), i(...o);
-    } : i && (n[a] = i) : a === "style" ? n[a] = {
-      ...i,
-      ...r
-    } : a === "className" && (n[a] = [
-      i,
-      r
-    ].filter(Boolean).join(" "));
+function We(e, 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(" "));
   }
-  return {
-    ...e,
-    ...n
-  };
+  return { ...e, ...t };
+}
+function Te(e) {
+  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);
 }
-const Je = [
+var Ue = [
   "a",
   "button",
   "div",
@@ -321,30 +317,29 @@ const Je = [
   "span",
   "svg",
   "ul"
-], Qe = Je.reduce((e, t) => {
-  const n = /* @__PURE__ */ g((a, i) => {
-    const { asChild: r, ...o } = a, u = r ? te : t;
-    return A(() => {
-      window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ p(u, k({}, o, {
-      ref: i
-    }));
+], Fe = Ue.reduce((e, n) => {
+  const t = s.forwardRef((i, a) => {
+    const { asChild: r, ...o } = i, u = r ? K : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...o, ref: a });
   });
-  return n.displayName = `Primitive.${t}`, {
+  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
+}, {}), Ve = "Label", X = s.forwardRef((e, n) => /* @__PURE__ */ p(
+  Fe.label,
+  {
     ...e,
-    [t]: n
-  };
-}, {}), Ye = /* @__PURE__ */ g((e, t) => /* @__PURE__ */ p(Qe.label, k({}, e, {
-  ref: t,
-  onMouseDown: (n) => {
-    var a;
-    (a = e.onMouseDown) === null || a === void 0 || a.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
+    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());
+    }
   }
-}))), er = Ye;
-function rr(e) {
+));
+X.displayName = Ve;
+var He = X;
+function Ze(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var oe = { exports: {} };
+var J = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -352,62 +347,62 @@ var oe = { exports: {} };
 */
 (function(e) {
   (function() {
-    var t = {}.hasOwnProperty;
-    function n() {
+    var n = {}.hasOwnProperty;
+    function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
-        u && (r = i(r, a(u)));
+        u && (r = a(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return n.apply(null, r);
+        return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
       for (var u in r)
-        t.call(r, u) && r[u] && (o = i(o, u));
+        n.call(r, u) && r[u] && (o = a(o, u));
       return o;
     }
-    function i(r, o) {
+    function a(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(oe);
-var nr = oe.exports;
-const tr = /* @__PURE__ */ rr(nr), L = {
+})(J);
+var Ge = J.exports;
+const Ke = /* @__PURE__ */ Ze(Ge), O = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, B = "purpur-label", or = ({
+}, R = "purpur-label", Xe = ({
   children: e,
-  className: t,
-  htmlFor: n,
-  "data-testid": a,
-  disabled: i,
+  className: n,
+  htmlFor: t,
+  "data-testid": i,
+  disabled: a,
   negative: r = !1,
   ...o
 }) => {
-  const u = tr([
-    t,
-    L[B],
+  const u = Ke([
+    n,
+    O[R],
     {
-      [L[`${B}--disabled`]]: i,
-      [L[`${B}--negative`]]: r
+      [O[`${R}--disabled`]]: a,
+      [O[`${R}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ h(er, { className: u, "data-testid": a, htmlFor: n, ...o, children: e });
+  return /* @__PURE__ */ p(He, { className: u, "data-testid": i, htmlFor: t, ...o, children: e });
 };
-function ar(e) {
+function Je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ae = { exports: {} };
+var Q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -415,36 +410,36 @@ var ae = { exports: {} };
 */
 (function(e) {
   (function() {
-    var t = {}.hasOwnProperty;
-    function n() {
+    var n = {}.hasOwnProperty;
+    function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
-        u && (r = i(r, a(u)));
+        u && (r = a(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return n.apply(null, r);
+        return t.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
       for (var u in r)
-        t.call(r, u) && r[u] && (o = i(o, u));
+        n.call(r, u) && r[u] && (o = a(o, u));
       return o;
     }
-    function i(r, o) {
+    function a(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(ae);
-var ur = ae.exports;
-const ir = /* @__PURE__ */ ar(ur), O = {
+})(Q);
+var Qe = Q.exports;
+const Ye = /* @__PURE__ */ Je(Qe), S = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -459,7 +454,7 @@ const ir = /* @__PURE__ */ ar(ur), O = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, cr = {
+}, er = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -470,237 +465,183 @@ const ir = /* @__PURE__ */ ar(ur), O = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, E = "purpur-paragraph", ue = ({
+}, $ = "purpur-paragraph", Y = ({
   ["data-testid"]: e,
-  children: t,
-  className: n,
-  disabled: a,
-  enableHyphenation: i = !1,
+  children: n,
+  className: t,
+  disabled: i,
+  enableHyphenation: a = !1,
   negative: r = !1,
-  variant: o = cr.PARAGRAPH100,
+  variant: o = er.PARAGRAPH100,
   ...u
 }) => {
-  const c = ir([
-    n,
-    O[E],
-    O[`${E}--${o}`],
+  const c = Ye([
+    t,
+    S[$],
+    S[`${$}--${o}`],
     {
-      [O[`${E}--hyphens`]]: i,
-      [O[`${E}--disabled`]]: a,
-      [O[`${E}--negative`]]: r
+      [S[`${$}--hyphens`]]: a,
+      [S[`${$}--disabled`]]: i,
+      [S[`${$}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ h("p", { ...u, className: c, "data-testid": e, children: t });
+  return /* @__PURE__ */ p("p", { ...u, className: c, "data-testid": e, children: n });
 };
-ue.displayName = "Paragraph";
-function w() {
-  return w = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var a in n) ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
-    }
-    return e;
-  }, w.apply(null, arguments);
-}
-function sr(e, t) {
-  typeof e == "function" ? e(t) : e != null && (e.current = t);
+Y.displayName = "Paragraph";
+function T(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
 }
-function ie(...e) {
-  return (t) => e.forEach(
-    (n) => sr(n, t)
-  );
+function ee(...e) {
+  return (n) => {
+    let t = !1;
+    const i = e.map((a) => {
+      const r = T(a, n);
+      return !t && typeof r == "function" && (t = !0), r;
+    });
+    if (t)
+      return () => {
+        for (let a = 0; a < i.length; a++) {
+          const r = i[a];
+          typeof r == "function" ? r() : T(e[a], null);
+        }
+      };
+  };
 }
-function ce(...e) {
-  return Z(ie(...e), e);
+function re(...e) {
+  return s.useCallback(ee(...e), e);
 }
-function lr(e, t = []) {
-  let n = [];
-  function a(r, o) {
-    const u = /* @__PURE__ */ V(o), c = n.length;
-    n = [
-      ...n,
-      o
-    ];
-    function s(l) {
-      const { scope: f, children: _, ...v } = l, R = (f == null ? void 0 : f[e][c]) || u, x = M(
-        () => v,
-        Object.values(v)
-      );
-      return /* @__PURE__ */ p(R.Provider, {
-        value: x
-      }, _);
-    }
-    function d(l, f) {
-      const _ = (f == null ? void 0 : f[e][c]) || u, v = _e(_);
-      if (v) return v;
+function rr(e, n = []) {
+  let t = [];
+  function i(r, o) {
+    const u = s.createContext(o), c = t.length;
+    t = [...t, o];
+    const l = (h) => {
+      var b;
+      const { scope: d, children: m, ...g } = h, v = ((b = d == null ? void 0 : d[e]) == null ? void 0 : b[c]) || u, w = s.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ p(v.Provider, { value: w, children: m });
+    };
+    l.displayName = r + "Provider";
+    function f(h, d) {
+      var v;
+      const m = ((v = d == null ? void 0 : d[e]) == null ? void 0 : v[c]) || u, g = s.useContext(m);
+      if (g) return g;
       if (o !== void 0) return o;
-      throw new Error(`\`${l}\` must be used within \`${r}\``);
+      throw new Error(`\`${h}\` must be used within \`${r}\``);
     }
-    return s.displayName = r + "Provider", [
-      s,
-      d
-    ];
+    return [l, f];
   }
-  const i = () => {
-    const r = n.map((o) => /* @__PURE__ */ V(o));
+  const a = () => {
+    const r = t.map((o) => s.createContext(o));
     return function(u) {
       const c = (u == null ? void 0 : u[e]) || r;
-      return M(
-        () => ({
-          [`__scope${e}`]: {
-            ...u,
-            [e]: c
-          }
-        }),
-        [
-          u,
-          c
-        ]
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
+        [u, c]
       );
     };
   };
-  return i.scopeName = e, [
-    a,
-    pr(i, ...t)
-  ];
+  return a.scopeName = e, [i, tr(a, ...n)];
 }
-function pr(...e) {
-  const t = e[0];
-  if (e.length === 1) return t;
-  const n = () => {
-    const a = e.map(
-      (i) => ({
-        useScope: i(),
-        scopeName: i.scopeName
-      })
-    );
+function tr(...e) {
+  const n = e[0];
+  if (e.length === 1) return n;
+  const t = () => {
+    const i = e.map((a) => ({
+      useScope: a(),
+      scopeName: a.scopeName
+    }));
     return function(r) {
-      const o = a.reduce((u, { useScope: c, scopeName: s }) => {
-        const l = c(r)[`__scope${s}`];
-        return {
-          ...u,
-          ...l
-        };
+      const o = i.reduce((u, { useScope: c, scopeName: l }) => {
+        const h = c(r)[`__scope${l}`];
+        return { ...u, ...h };
       }, {});
-      return M(
-        () => ({
-          [`__scope${t.scopeName}`]: o
-        }),
-        [
-          o
-        ]
-      );
+      return s.useMemo(() => ({ [`__scope${n.scopeName}`]: o }), [o]);
     };
   };
-  return n.scopeName = t.scopeName, n;
+  return t.scopeName = n.scopeName, t;
 }
-function J(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(i) {
-    if (e == null || e(i), n === !1 || !i.defaultPrevented) return t == null ? void 0 : t(i);
+function U(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(a) {
+    if (e == null || e(a), t === !1 || !a.defaultPrevented)
+      return n == null ? void 0 : n(a);
   };
 }
-function se(e) {
-  const t = $(e);
-  return A(() => {
-    t.current = e;
-  }), M(
-    () => (...n) => {
-      var a;
-      return (a = t.current) === null || a === void 0 ? void 0 : a.call(t, ...n);
+function te(e) {
+  const n = s.useRef(e);
+  return s.useEffect(() => {
+    n.current = e;
+  }), s.useMemo(() => (...t) => {
+    var i;
+    return (i = n.current) == null ? void 0 : i.call(n, ...t);
+  }, []);
+}
+function nr({
+  prop: e,
+  defaultProp: n,
+  onChange: t = () => {
+  }
+}) {
+  const [i, a] = or({ defaultProp: n, onChange: t }), r = e !== void 0, o = r ? e : i, u = te(t), c = s.useCallback(
+    (l) => {
+      if (r) {
+        const h = typeof l == "function" ? l(e) : l;
+        h !== e && u(h);
+      } else
+        a(l);
     },
-    []
+    [r, e, a, u]
   );
+  return [o, c];
 }
-function dr({ prop: e, defaultProp: t, onChange: n = () => {
-} }) {
-  const [a, i] = fr({
-    defaultProp: t,
-    onChange: n
-  }), r = e !== void 0, o = r ? e : a, u = se(n), c = Z((s) => {
-    if (r) {
-      const l = typeof s == "function" ? s(e) : s;
-      l !== e && u(l);
-    } else i(s);
-  }, [
-    r,
-    e,
-    i,
-    u
-  ]);
-  return [
-    o,
-    c
-  ];
-}
-function fr({ defaultProp: e, onChange: t }) {
-  const n = I(e), [a] = n, i = $(a), r = se(t);
-  return A(() => {
-    i.current !== a && (r(a), i.current = a);
-  }, [
-    a,
-    i,
-    r
-  ]), n;
+function or({
+  defaultProp: e,
+  onChange: n
+}) {
+  const t = s.useState(e), [i] = t, a = s.useRef(i), r = te(n);
+  return s.useEffect(() => {
+    a.current !== i && (r(i), a.current = i);
+  }, [i, a, r]), t;
 }
-function hr(e) {
-  const t = $({
-    value: e,
-    previous: e
-  });
-  return M(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [
-    e
-  ]);
+function ir(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]);
 }
-const H = globalThis != null && globalThis.document ? ve : () => {
+var j = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 };
-function mr(e) {
-  const [t, n] = I(void 0);
-  return H(() => {
+function ar(e) {
+  const [n, t] = s.useState(void 0);
+  return j(() => {
     if (e) {
-      n({
-        width: e.offsetWidth,
-        height: e.offsetHeight
-      });
-      const a = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length) return;
-        const r = i[0];
+      t({ width: e.offsetWidth, height: e.offsetHeight });
+      const i = new ResizeObserver((a) => {
+        if (!Array.isArray(a) || !a.length)
+          return;
+        const r = a[0];
         let o, u;
         if ("borderBoxSize" in r) {
-          const c = r.borderBoxSize, s = Array.isArray(c) ? c[0] : c;
-          o = s.inlineSize, u = s.blockSize;
+          const c = r.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
+          o = l.inlineSize, u = l.blockSize;
         } else
           o = e.offsetWidth, u = e.offsetHeight;
-        n({
-          width: o,
-          height: u
-        });
+        t({ width: o, height: u });
       });
-      return a.observe(e, {
-        box: "border-box"
-      }), () => a.unobserve(e);
+      return i.observe(e, { box: "border-box" }), () => i.unobserve(e);
     } else
-      n(void 0);
-  }, [
-    e
-  ]), t;
+      t(void 0);
+  }, [e]), n;
 }
-function br(e, t) {
-  return ge((n, a) => {
-    const i = t[n][a];
-    return i ?? n;
-  }, e);
+function ur(e, n) {
+  return s.useReducer((t, i) => n[t][i] ?? t, e);
 }
-const le = (e) => {
-  const { present: t, children: n } = e, a = _r(t), i = typeof n == "function" ? n({
-    present: a.isPresent
-  }) : b.only(n), r = ce(a.ref, i.ref);
-  return typeof n == "function" || a.isPresent ? /* @__PURE__ */ j(i, {
-    ref: r
-  }) : null;
+var ne = (e) => {
+  const { present: n, children: t } = e, i = sr(n), a = typeof t == "function" ? t({ present: i.isPresent }) : s.Children.only(t), r = re(i.ref, cr(a));
+  return typeof t == "function" || i.isPresent ? s.cloneElement(a, { ref: r }) : null;
 };
-le.displayName = "Presence";
-function _r(e) {
-  const [t, n] = I(), a = $({}), i = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [u, c] = br(o, {
+ne.displayName = "Presence";
+function sr(e) {
+  const [n, t] = s.useState(), i = s.useRef({}), a = s.useRef(e), r = s.useRef("none"), o = e ? "mounted" : "unmounted", [u, c] = ur(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -713,98 +654,87 @@ function _r(e) {
       MOUNT: "mounted"
     }
   });
-  return A(() => {
-    const s = D(a.current);
-    r.current = u === "mounted" ? s : "none";
-  }, [
-    u
-  ]), H(() => {
-    const s = a.current, d = i.current;
-    if (d !== e) {
-      const f = r.current, _ = D(s);
-      e ? c("MOUNT") : _ === "none" || (s == null ? void 0 : s.display) === "none" ? c("UNMOUNT") : c(d && f !== _ ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
-    }
-  }, [
-    e,
-    c
-  ]), H(() => {
-    if (t) {
-      const s = (l) => {
-        const _ = D(a.current).includes(l.animationName);
-        l.target === t && _ && $e(
-          () => c("ANIMATION_END")
-        );
-      }, d = (l) => {
-        l.target === t && (r.current = D(a.current));
+  return s.useEffect(() => {
+    const l = P(i.current);
+    r.current = u === "mounted" ? l : "none";
+  }, [u]), j(() => {
+    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;
+    }
+  }, [e, c]), j(() => {
+    if (n) {
+      let l;
+      const f = n.ownerDocument.defaultView ?? window, h = (m) => {
+        const v = P(i.current).includes(m.animationName);
+        if (m.target === n && v && (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);
+          });
+        }
+      }, d = (m) => {
+        m.target === n && (r.current = P(i.current));
       };
-      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", s), t.addEventListener("animationend", s), () => {
-        t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", s), t.removeEventListener("animationend", s);
+      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);
       };
     } else
       c("ANIMATION_END");
-  }, [
-    t,
-    c
-  ]), {
-    isPresent: [
-      "mounted",
-      "unmountSuspended"
-    ].includes(u),
-    ref: Z((s) => {
-      s && (a.current = getComputedStyle(s)), n(s);
+  }, [n, c]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(u),
+    ref: s.useCallback((l) => {
+      l && (i.current = getComputedStyle(l)), t(l);
     }, [])
   };
 }
-function D(e) {
+function P(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const pe = /* @__PURE__ */ g((e, t) => {
-  const { children: n, ...a } = e, i = b.toArray(n), r = i.find(gr);
+function cr(e) {
+  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);
+}
+var oe = s.forwardRef((e, n) => {
+  const { children: t, ...i } = e, a = s.Children.toArray(t), r = a.find(pr);
   if (r) {
-    const o = r.props.children, u = i.map((c) => c === r ? b.count(o) > 1 ? b.only(null) : /* @__PURE__ */ N(o) ? o.props.children : null : c);
-    return /* @__PURE__ */ p(F, w({}, a, {
-      ref: t
-    }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, u) : null);
+    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(D, { ...i, ref: n, children: s.isValidElement(o) ? s.cloneElement(o, void 0, u) : null });
   }
-  return /* @__PURE__ */ p(F, w({}, a, {
-    ref: t
-  }), n);
+  return /* @__PURE__ */ p(D, { ...i, ref: n, children: t });
 });
-pe.displayName = "Slot";
-const F = /* @__PURE__ */ g((e, t) => {
-  const { children: n, ...a } = e;
-  return /* @__PURE__ */ N(n) ? /* @__PURE__ */ j(n, {
-    ...$r(a, n.props),
-    ref: t ? ie(t, n.ref) : n.ref
-  }) : b.count(n) > 1 ? b.only(null) : null;
+oe.displayName = "Slot";
+var D = s.forwardRef((e, n) => {
+  const { children: t, ...i } = e;
+  if (s.isValidElement(t)) {
+    const a = fr(t), r = dr(i, t.props);
+    return t.type !== s.Fragment && (r.ref = n ? ee(n, a) : a), s.cloneElement(t, r);
+  }
+  return s.Children.count(t) > 1 ? s.Children.only(null) : null;
 });
-F.displayName = "SlotClone";
-const vr = ({ children: e }) => /* @__PURE__ */ p(Q, null, e);
-function gr(e) {
-  return /* @__PURE__ */ N(e) && e.type === vr;
+D.displayName = "SlotClone";
+var lr = ({ children: e }) => /* @__PURE__ */ p(F, { children: e });
+function pr(e) {
+  return s.isValidElement(e) && e.type === lr;
 }
-function $r(e, t) {
-  const n = {
-    ...t
-  };
-  for (const a in t) {
-    const i = e[a], r = t[a];
-    /^on[A-Z]/.test(a) ? i && r ? n[a] = (...u) => {
-      r(...u), i(...u);
-    } : i && (n[a] = i) : a === "style" ? n[a] = {
-      ...i,
-      ...r
-    } : a === "className" && (n[a] = [
-      i,
-      r
-    ].filter(Boolean).join(" "));
+function dr(e, 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(" "));
   }
-  return {
-    ...e,
-    ...n
-  };
+  return { ...e, ...t };
+}
+function fr(e) {
+  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);
 }
-const xr = [
+var hr = [
   "a",
   "button",
   "div",
@@ -821,128 +751,134 @@ const xr = [
   "span",
   "svg",
   "ul"
-], de = xr.reduce((e, t) => {
-  const n = /* @__PURE__ */ g((a, i) => {
-    const { asChild: r, ...o } = a, u = r ? pe : t;
-    return A(() => {
-      window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ p(u, w({}, o, {
-      ref: i
-    }));
+], ie = hr.reduce((e, n) => {
+  const t = s.forwardRef((i, a) => {
+    const { asChild: r, ...o } = i, u = r ? oe : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...o, ref: a });
   });
-  return n.displayName = `Primitive.${t}`, {
-    ...e,
-    [t]: n
-  };
-}, {}), fe = "Checkbox", [yr, zr] = lr(fe), [Nr, wr] = yr(fe), Sr = /* @__PURE__ */ g((e, t) => {
-  const { __scopeCheckbox: n, name: a, checked: i, defaultChecked: r, required: o, disabled: u, value: c = "on", onCheckedChange: s, ...d } = e, [l, f] = I(null), _ = ce(
-    t,
-    (m) => f(m)
-  ), v = $(!1), R = l ? !!l.closest("form") : !0, [x = !1, q] = dr({
-    prop: i,
-    defaultProp: r,
-    onChange: s
-  }), be = $(x);
-  return A(() => {
-    const m = l == null ? void 0 : l.form;
-    if (m) {
-      const P = () => q(be.current);
-      return m.addEventListener("reset", P), () => m.removeEventListener("reset", P);
-    }
-  }, [
-    l,
-    q
-  ]), /* @__PURE__ */ p(Nr, {
-    scope: n,
-    state: x,
-    disabled: u
-  }, /* @__PURE__ */ p(de.button, w({
-    type: "button",
-    role: "checkbox",
-    "aria-checked": S(x) ? "mixed" : x,
-    "aria-required": o,
-    "data-state": he(x),
-    "data-disabled": u ? "" : void 0,
-    disabled: u,
-    value: c
-  }, d, {
-    ref: _,
-    onKeyDown: J(e.onKeyDown, (m) => {
-      m.key === "Enter" && m.preventDefault();
-    }),
-    onClick: J(e.onClick, (m) => {
-      q(
-        (P) => S(P) ? !0 : !P
-      ), R && (v.current = m.isPropagationStopped(), v.current || m.stopPropagation());
-    })
-  })), R && /* @__PURE__ */ p(kr, {
-    control: l,
-    bubbles: !v.current,
-    name: a,
-    value: c,
-    checked: x,
-    required: o,
-    disabled: u,
-    style: {
-      transform: "translateX(-100%)"
-    }
-  }));
-}), Ar = "CheckboxIndicator", Cr = /* @__PURE__ */ g((e, t) => {
-  const { __scopeCheckbox: n, forceMount: a, ...i } = e, r = wr(Ar, n);
-  return /* @__PURE__ */ p(le, {
-    present: a || S(r.state) || r.state === !0
-  }, /* @__PURE__ */ p(de.span, w({
-    "data-state": he(r.state),
-    "data-disabled": r.disabled ? "" : void 0
-  }, i, {
-    ref: t,
-    style: {
-      pointerEvents: "none",
-      ...e.style
-    }
-  })));
-}), kr = (e) => {
-  const { control: t, checked: n, bubbles: a = !0, ...i } = e, r = $(null), o = hr(n), u = mr(t);
-  return A(() => {
-    const c = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
-    if (o !== n && l) {
-      const f = new Event("click", {
-        bubbles: a
-      });
-      c.indeterminate = S(n), l.call(c, S(n) ? !1 : n), c.dispatchEvent(f);
-    }
-  }, [
-    o,
-    n,
-    a
-  ]), /* @__PURE__ */ p("input", w({
-    type: "checkbox",
-    "aria-hidden": !0,
-    defaultChecked: S(n) ? !1 : n
-  }, i, {
-    tabIndex: -1,
-    ref: r,
-    style: {
-      ...e.style,
-      ...u,
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0
+  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
+}, {}), I = "Checkbox", [mr, Or] = rr(I), [gr, _r] = mr(I), ae = s.forwardRef(
+  (e, n) => {
+    const {
+      __scopeCheckbox: t,
+      name: i,
+      checked: a,
+      defaultChecked: r,
+      required: o,
+      disabled: u,
+      value: c = "on",
+      onCheckedChange: l,
+      form: f,
+      ...h
+    } = e, [d, m] = s.useState(null), g = re(n, (_) => m(_)), v = s.useRef(!1), w = d ? f || !!d.closest("form") : !0, [b = !1, k] = nr({
+      prop: a,
+      defaultProp: r,
+      onChange: l
+    }), pe = s.useRef(b);
+    return s.useEffect(() => {
+      const _ = d == null ? void 0 : d.form;
+      if (_) {
+        const N = () => k(pe.current);
+        return _.addEventListener("reset", N), () => _.removeEventListener("reset", N);
+      }
+    }, [d, k]), /* @__PURE__ */ A(gr, { scope: t, state: b, disabled: u, children: [
+      /* @__PURE__ */ p(
+        ie.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": x(b) ? "mixed" : b,
+          "aria-required": o,
+          "data-state": ce(b),
+          "data-disabled": u ? "" : void 0,
+          disabled: u,
+          value: c,
+          ...h,
+          ref: g,
+          onKeyDown: U(e.onKeyDown, (_) => {
+            _.key === "Enter" && _.preventDefault();
+          }),
+          onClick: U(e.onClick, (_) => {
+            k((N) => x(N) ? !0 : !N), w && (v.current = _.isPropagationStopped(), v.current || _.stopPropagation());
+          })
+        }
+      ),
+      w && /* @__PURE__ */ p(
+        vr,
+        {
+          control: d,
+          bubbles: !v.current,
+          name: i,
+          value: c,
+          checked: b,
+          required: o,
+          disabled: u,
+          form: f,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: x(r) ? !1 : r
+        }
+      )
+    ] });
+  }
+);
+ae.displayName = I;
+var ue = "CheckboxIndicator", se = s.forwardRef(
+  (e, n) => {
+    const { __scopeCheckbox: t, forceMount: i, ...a } = e, r = _r(ue, t);
+    return /* @__PURE__ */ p(ne, { present: i || x(r.state) || r.state === !0, children: /* @__PURE__ */ p(
+      ie.span,
+      {
+        "data-state": ce(r.state),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...a,
+        ref: n,
+        style: { pointerEvents: "none", ...e.style }
+      }
+    ) });
+  }
+);
+se.displayName = ue;
+var vr = (e) => {
+  const { control: n, checked: t, bubbles: i = !0, defaultChecked: a, ...r } = e, o = s.useRef(null), u = ir(t), c = ar(n);
+  s.useEffect(() => {
+    const f = o.current, h = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(h, "checked").set;
+    if (u !== t && m) {
+      const g = new Event("click", { bubbles: i });
+      f.indeterminate = x(t), m.call(f, x(t) ? !1 : t), f.dispatchEvent(g);
+    }
+  }, [u, t, i]);
+  const l = s.useRef(x(t) ? !1 : t);
+  return /* @__PURE__ */ p(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: a ?? l.current,
+      ...r,
+      tabIndex: -1,
+      ref: o,
+      style: {
+        ...e.style,
+        ...c,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
     }
-  }));
+  );
 };
-function S(e) {
+function x(e) {
   return e === "indeterminate";
 }
-function he(e) {
-  return S(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function ce(e) {
+  return x(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Pr = Sr, Or = Cr;
-function Er(e) {
+var br = ae, yr = se;
+function xr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var me = { exports: {} };
+var le = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -950,36 +886,36 @@ var me = { exports: {} };
 */
 (function(e) {
   (function() {
-    var t = {}.hasOwnProperty;
-    function n() {
+    var n = {}.hasOwnProperty;
+    function t() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
-        u && (r = i(r, a.call(this, u)));
+        u && (r = a(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return n.apply(this, r);
+        return t.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var o = "";
       for (var u in r)
-        t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        n.call(r, u) && r[u] && (o = a(o, this && this[u] || u));
       return o;
     }
-    function i(r, o) {
+    function a(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(me);
-var Mr = me.exports;
-const jr = /* @__PURE__ */ Er(Mr), Rr = {
+})(le);
+var wr = le.exports;
+const Cr = /* @__PURE__ */ xr(wr), Nr = {
   "purpur-checkbox": "_purpur-checkbox_m4999_1",
   "purpur-checkbox__box": "_purpur-checkbox__box_m4999_7",
   "purpur-checkbox--error": "_purpur-checkbox--error_m4999_16",
@@ -988,68 +924,68 @@ const jr = /* @__PURE__ */ Er(Mr), Rr = {
   "purpur-checkbox__label": "_purpur-checkbox__label_m4999_70",
   "purpur-checkbox__wrapper": "_purpur-checkbox__wrapper_m4999_73",
   "purpur-checkbox__container": "_purpur-checkbox__container_m4999_79"
-}, C = jr.bind(Rr), Tr = ["indeterminate", !0, !1], y = "purpur-checkbox", Dr = ({
+}, C = Cr.bind(Nr), Rr = ["indeterminate", !0, !1], y = "purpur-checkbox", Sr = ({
   ["data-testid"]: e,
-  checked: t,
-  className: n,
-  error: a = !1,
-  errorText: i,
+  checked: n,
+  className: t,
+  error: i = !1,
+  errorText: a,
   label: r,
   onChange: o,
   ...u
 }, c) => {
-  const s = i && !t, d = a && !t;
-  return /* @__PURE__ */ z("div", { className: C([n, `${y}__wrapper`]), children: [
-    /* @__PURE__ */ z("div", { className: C([n, `${y}__container`]), children: [
-      /* @__PURE__ */ h(
-        Pr,
+  const l = a && !n, f = i && !n;
+  return /* @__PURE__ */ A("div", { className: C([t, `${y}__wrapper`]), children: [
+    /* @__PURE__ */ A("div", { className: C([t, `${y}__container`]), children: [
+      /* @__PURE__ */ p(
+        br,
         {
           ...u,
-          checked: t,
+          checked: n,
           className: C([
             y,
             {
-              [`${y}--error`]: s,
-              [`${y}--error-checkbox`]: d
+              [`${y}--error`]: l,
+              [`${y}--error-checkbox`]: f
             }
           ]),
           "data-testid": e,
           onCheckedChange: o,
           ref: c,
-          children: /* @__PURE__ */ h("span", { className: C(`${y}__box`), children: /* @__PURE__ */ h(Or, { className: C(`${y}__indicator`), children: t === "indeterminate" ? /* @__PURE__ */ h(
-            T,
+          children: /* @__PURE__ */ p("span", { className: C(`${y}__box`), children: /* @__PURE__ */ p(yr, { className: C(`${y}__indicator`), children: n === "indeterminate" ? /* @__PURE__ */ p(
+            E,
             {
               "data-testid": e && `${e}-checked-icon`,
               size: "xs",
-              svg: Ze
+              svg: Le
             }
-          ) : /* @__PURE__ */ h(
-            T,
+          ) : /* @__PURE__ */ p(
+            E,
             {
               "data-testid": e && `${e}-indeterminate-icon`,
               size: "xs",
-              svg: Fe
+              svg: Ie
             }
           ) }) })
         }
       ),
-      r && /* @__PURE__ */ h(
-        or,
+      r && /* @__PURE__ */ p(
+        Xe,
         {
           htmlFor: u.id,
           "data-testid": e && `${e}-label`,
           disabled: u.disabled,
           className: C(`${y}__label`),
-          children: /* @__PURE__ */ h(ue, { variant: "paragraph-100", disabled: u.disabled, children: `${u.required ? "* " : ""}${r}` })
+          children: /* @__PURE__ */ p(Y, { variant: "paragraph-100", disabled: u.disabled, children: `${u.required ? "* " : ""}${r}` })
         }
       )
     ] }),
-    s && /* @__PURE__ */ h(Re, { "data-testid": e && `${e}-error-text`, children: i })
+    l && /* @__PURE__ */ p($e, { "data-testid": e && `${e}-error-text`, children: a })
   ] });
-}, Ir = g(Dr);
-Ir.displayName = "Checkbox";
+}, $r = de(Sr);
+$r.displayName = "Checkbox";
 export {
-  Ir as Checkbox,
-  Tr as checkedState
+  $r as Checkbox,
+  Rr as checkedState
 };
 //# sourceMappingURL=checkbox.es.js.map