@purpurds/checkbox 5.35.0 → 6.0.0

package/dist/checkbox.es.js

@@ -1,10 +1,10 @@
 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 Y, 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 { 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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Q = { exports: {} };
+var Y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -12,8 +12,8 @@ var Q = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
+    var t = {}.hasOwnProperty;
+    function n() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
         u && (r = i(r, a.call(this, u)));
@@ -26,21 +26,21 @@ var Q = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(this, r);
+        return n.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)
-        n.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
       return o;
     }
     function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Q);
-var ye = Q.exports;
+})(Y);
+var ye = Y.exports;
 const Ne = /* @__PURE__ */ xe(ye), we = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -49,35 +49,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 = {
-  name: "error-filled",
-  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
-  keywords: ["error-filled"],
-  category: "status"
-}, Ae = Ne.bind(we), G = "purpur-icon", Ce = "md", ke = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Pe = ({ content: e = "", title: n } = {}) => {
-  const t = [
+}, 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 = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = n ? `<title>${n}</title>` : "";
-  return `<svg ${ke(t)}>${a}${e}</svg>`;
-}, Oe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ee = ({
+    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 = ({
   ["data-testid"]: e,
-  svg: n,
-  allyTitle: t,
+  svg: t,
+  allyTitle: n,
   className: a,
-  size: i = Ce,
+  size: i = Ae,
   ...r
 }) => {
-  const o = Pe({
-    content: Oe(n.svg),
-    title: t
-  }), u = Ae(a, G, `${G}--${i}`);
+  const o = ke({
+    content: Pe(t.svg),
+    title: n
+  }), u = Se(a, G, `${G}--${i}`);
   return /* @__PURE__ */ h(
     "span",
     {
-      "aria-label": t,
+      "aria-label": n,
       className: u,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: o },
@@ -86,6 +81,12 @@ const Ne = /* @__PURE__ */ xe(ye), we = {
   );
 };
 ee.displayName = "Icon";
+const Oe = {
+  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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -97,8 +98,8 @@ var re = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
+    var t = {}.hasOwnProperty;
+    function n() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
         u && (r = i(r, a(u)));
@@ -111,48 +112,48 @@ var re = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return n.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)
-        n.call(r, u) && r[u] && (o = i(o, u));
+        t.call(r, u) && r[u] && (o = i(o, u));
       return o;
     }
     function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(re);
 var Me = re.exports;
 const je = /* @__PURE__ */ Ee(Me), K = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, X = "purpur-field-error-text", Re = ({
+}, W = "purpur-field-error-text", Re = ({
   ["data-testid"]: e,
-  children: n,
-  className: t,
+  children: t,
+  className: n,
   relevant: a = "additions text",
   ...i
 }) => /* @__PURE__ */ z(
   "div",
   {
-    className: je([t, K[X]]),
+    className: je([n, K[W]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...i,
     children: [
-      /* @__PURE__ */ h(ee, { svg: Se, size: "xs", className: K[`${X}__icon`] }),
-      n
+      /* @__PURE__ */ h(ee, { svg: Oe, size: "xs", className: K[`${W}__icon`] }),
+      t
     ]
   }
 );
 function De(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var te = { exports: {} };
+var ne = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -160,8 +161,8 @@ var te = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
+    var t = {}.hasOwnProperty;
+    function n() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
         u && (r = i(r, a.call(this, u)));
@@ -174,22 +175,22 @@ var te = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(this, r);
+        return n.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)
-        n.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
       return o;
     }
     function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(te);
-var Ie = te.exports;
-const Le = /* @__PURE__ */ De(Ie), qe = {
+})(ne);
+var Ie = ne.exports;
+const qe = /* @__PURE__ */ De(Ie), Le = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -197,40 +198,30 @@ const Le = /* @__PURE__ */ De(Ie), qe = {
   "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 = {
-  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 = {
-  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"
-}, Te = Le.bind(qe), W = "purpur-icon", Ue = "md", He = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Fe = ({ content: e = "", title: n } = {}) => {
-  const t = [
+}, 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 = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = n ? `<title>${n}</title>` : "";
-  return `<svg ${He(t)}>${a}${e}</svg>`;
-}, Ze = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), T = ({
+    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 = ({
   ["data-testid"]: e,
-  svg: n,
-  allyTitle: t,
+  svg: t,
+  allyTitle: n,
   className: a,
-  size: i = Ue,
+  size: i = ze,
   ...r
 }) => {
-  const o = Fe({
-    content: Ze(n.svg),
-    title: t
-  }), u = Te(a, W, `${W}--${i}`);
+  const o = Ue({
+    content: He(t.svg),
+    title: n
+  }), u = Be(a, X, `${X}--${i}`);
   return /* @__PURE__ */ h(
     "span",
     {
-      "aria-label": t,
+      "aria-label": n,
       className: u,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: o },
@@ -239,67 +230,78 @@ const Le = /* @__PURE__ */ De(Ie), qe = {
   );
 };
 T.displayName = "Icon";
+const Fe = {
+  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 = {
+  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 n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+    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 Ve(e, n) {
-  typeof e == "function" ? 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 (n) => e.forEach(
-    (t) => Ve(t, n)
+  return (t) => e.forEach(
+    (n) => Ve(n, t)
   );
 }
-const ne = /* @__PURE__ */ g((e, n) => {
-  const { children: t, ...a } = e, i = b.toArray(t), r = i.find(Xe);
+const te = /* @__PURE__ */ g((e, t) => {
+  const { children: n, ...a } = e, i = b.toArray(n), r = i.find(We);
   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: n
+      ref: t
     }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, u) : null);
   }
   return /* @__PURE__ */ p(U, k({}, a, {
-    ref: n
-  }), t);
+    ref: t
+  }), n);
 });
-ne.displayName = "Slot";
-const U = /* @__PURE__ */ g((e, n) => {
-  const { children: t, ...a } = e;
-  return /* @__PURE__ */ N(t) ? /* @__PURE__ */ j(t, {
-    ...We(a, t.props),
-    ref: n ? Ge(n, t.ref) : t.ref
-  }) : b.count(t) > 1 ? b.only(null) : null;
+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;
 });
 U.displayName = "SlotClone";
-const Ke = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
-function Xe(e) {
+const Ke = ({ children: e }) => /* @__PURE__ */ p(Q, null, e);
+function We(e) {
   return /* @__PURE__ */ N(e) && e.type === Ke;
 }
-function We(e, n) {
-  const t = {
-    ...n
+function Xe(e, t) {
+  const n = {
+    ...t
   };
-  for (const a in n) {
-    const i = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? i && r ? t[a] = (...o) => {
+  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 && (t[a] = i) : a === "style" ? t[a] = {
+    } : i && (n[a] = i) : a === "style" ? n[a] = {
       ...i,
       ...r
-    } : a === "className" && (t[a] = [
+    } : a === "className" && (n[a] = [
       i,
       r
     ].filter(Boolean).join(" "));
   }
   return {
     ...e,
-    ...t
+    ...n
   };
 }
 const Je = [
@@ -319,26 +321,26 @@ const Je = [
   "span",
   "svg",
   "ul"
-], Ye = Je.reduce((e, n) => {
-  const t = /* @__PURE__ */ g((a, i) => {
-    const { asChild: r, ...o } = a, u = r ? ne : n;
+], 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
     }));
   });
-  return t.displayName = `Primitive.${n}`, {
+  return n.displayName = `Primitive.${t}`, {
     ...e,
-    [n]: t
+    [t]: n
   };
-}, {}), Qe = /* @__PURE__ */ g((e, n) => /* @__PURE__ */ p(Ye.label, k({}, e, {
-  ref: n,
-  onMouseDown: (t) => {
+}, {}), 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, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
+    (a = e.onMouseDown) === null || a === void 0 || a.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), er = Qe;
+}))), er = Ye;
 function rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -350,8 +352,8 @@ var oe = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
+    var t = {}.hasOwnProperty;
+    function n() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
         u && (r = i(r, a(u)));
@@ -364,43 +366,43 @@ var oe = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return n.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)
-        n.call(r, u) && r[u] && (o = i(o, u));
+        t.call(r, u) && r[u] && (o = i(o, u));
       return o;
     }
     function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(oe);
-var tr = oe.exports;
-const nr = /* @__PURE__ */ rr(tr), q = {
+var nr = oe.exports;
+const tr = /* @__PURE__ */ rr(nr), L = {
   "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 = ({
   children: e,
-  className: n,
-  htmlFor: t,
+  className: t,
+  htmlFor: n,
   "data-testid": a,
   disabled: i,
   negative: r = !1,
   ...o
 }) => {
-  const u = nr([
-    n,
-    q[B],
+  const u = tr([
+    t,
+    L[B],
     {
-      [q[`${B}--disabled`]]: i,
-      [q[`${B}--negative`]]: r
+      [L[`${B}--disabled`]]: i,
+      [L[`${B}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ h(er, { className: u, "data-testid": a, htmlFor: t, ...o, children: e });
+  return /* @__PURE__ */ h(er, { className: u, "data-testid": a, htmlFor: n, ...o, children: e });
 };
 function ar(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -413,8 +415,8 @@ var ae = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
+    var t = {}.hasOwnProperty;
+    function n() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
         u && (r = i(r, a(u)));
@@ -427,18 +429,18 @@ var ae = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return n.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)
-        n.call(r, u) && r[u] && (o = i(o, u));
+        t.call(r, u) && r[u] && (o = i(o, u));
       return o;
     }
     function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(ae);
 var ur = ae.exports;
@@ -470,8 +472,8 @@ const ir = /* @__PURE__ */ ar(ur), O = {
   OVERLINE200: "overline-200"
 }, E = "purpur-paragraph", ue = ({
   ["data-testid"]: e,
-  children: n,
-  className: t,
+  children: t,
+  className: n,
   disabled: a,
   enableHyphenation: i = !1,
   negative: r = !1,
@@ -479,7 +481,7 @@ const ir = /* @__PURE__ */ ar(ur), O = {
   ...u
 }) => {
   const c = ir([
-    t,
+    n,
     O[E],
     O[`${E}--${o}`],
     {
@@ -488,35 +490,35 @@ const ir = /* @__PURE__ */ ar(ur), O = {
       [O[`${E}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ h("p", { ...u, className: c, "data-testid": e, children: n });
+  return /* @__PURE__ */ h("p", { ...u, className: c, "data-testid": e, children: t });
 };
 ue.displayName = "Paragraph";
 function w() {
   return w = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+    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, n) {
-  typeof e == "function" ? e(n) : e != null && (e.current = n);
+function sr(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
 function ie(...e) {
-  return (n) => e.forEach(
-    (t) => sr(t, n)
+  return (t) => e.forEach(
+    (n) => sr(n, t)
   );
 }
 function ce(...e) {
   return Z(ie(...e), e);
 }
-function lr(e, n = []) {
-  let t = [];
+function lr(e, t = []) {
+  let n = [];
   function a(r, o) {
-    const u = /* @__PURE__ */ V(o), c = t.length;
-    t = [
-      ...t,
+    const u = /* @__PURE__ */ V(o), c = n.length;
+    n = [
+      ...n,
       o
     ];
     function s(l) {
@@ -540,7 +542,7 @@ function lr(e, n = []) {
     ];
   }
   const i = () => {
-    const r = t.map((o) => /* @__PURE__ */ V(o));
+    const r = n.map((o) => /* @__PURE__ */ V(o));
     return function(u) {
       const c = (u == null ? void 0 : u[e]) || r;
       return M(
@@ -559,13 +561,13 @@ function lr(e, n = []) {
   };
   return i.scopeName = e, [
     a,
-    pr(i, ...n)
+    pr(i, ...t)
   ];
 }
 function pr(...e) {
-  const n = e[0];
-  if (e.length === 1) return n;
-  const t = () => {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
     const a = e.map(
       (i) => ({
         useScope: i(),
@@ -582,7 +584,7 @@ function pr(...e) {
       }, {});
       return M(
         () => ({
-          [`__scope${n.scopeName}`]: o
+          [`__scope${t.scopeName}`]: o
         }),
         [
           o
@@ -590,31 +592,31 @@ function pr(...e) {
       );
     };
   };
-  return t.scopeName = n.scopeName, t;
+  return n.scopeName = t.scopeName, n;
 }
-function J(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+function J(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
-    if (e == null || e(i), t === !1 || !i.defaultPrevented) return n == null ? void 0 : n(i);
+    if (e == null || e(i), n === !1 || !i.defaultPrevented) return t == null ? void 0 : t(i);
   };
 }
 function se(e) {
-  const n = $(e);
+  const t = $(e);
   return A(() => {
-    n.current = e;
+    t.current = e;
   }), M(
-    () => (...t) => {
+    () => (...n) => {
       var a;
-      return (a = n.current) === null || a === void 0 ? void 0 : a.call(n, ...t);
+      return (a = t.current) === null || a === void 0 ? void 0 : a.call(t, ...n);
     },
     []
   );
 }
-function dr({ prop: e, defaultProp: n, onChange: t = () => {
+function dr({ prop: e, defaultProp: t, onChange: n = () => {
 } }) {
   const [a, i] = fr({
-    defaultProp: n,
-    onChange: t
-  }), r = e !== void 0, o = r ? e : a, u = se(t), c = Z((s) => {
+    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);
@@ -630,32 +632,32 @@ function dr({ prop: e, defaultProp: n, onChange: t = () => {
     c
   ];
 }
-function fr({ defaultProp: e, onChange: n }) {
-  const t = I(e), [a] = t, i = $(a), r = se(n);
+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
-  ]), t;
+  ]), n;
 }
 function hr(e) {
-  const n = $({
+  const t = $({
     value: e,
     previous: e
   });
-  return M(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+  return M(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [
     e
   ]);
 }
 const H = globalThis != null && globalThis.document ? ve : () => {
 };
 function mr(e) {
-  const [n, t] = I(void 0);
+  const [t, n] = I(void 0);
   return H(() => {
     if (e) {
-      t({
+      n({
         width: e.offsetWidth,
         height: e.offsetHeight
       });
@@ -668,7 +670,7 @@ function mr(e) {
           o = s.inlineSize, u = s.blockSize;
         } else
           o = e.offsetWidth, u = e.offsetHeight;
-        t({
+        n({
           width: o,
           height: u
         });
@@ -677,28 +679,28 @@ function mr(e) {
         box: "border-box"
       }), () => a.unobserve(e);
     } else
-      t(void 0);
+      n(void 0);
   }, [
     e
-  ]), n;
+  ]), t;
 }
-function br(e, n) {
-  return ge((t, a) => {
-    const i = n[t][a];
-    return i ?? t;
+function br(e, t) {
+  return ge((n, a) => {
+    const i = t[n][a];
+    return i ?? n;
   }, e);
 }
 const le = (e) => {
-  const { present: n, children: t } = e, a = _r(n), i = typeof t == "function" ? t({
+  const { present: t, children: n } = e, a = _r(t), i = typeof n == "function" ? n({
     present: a.isPresent
-  }) : b.only(t), r = ce(a.ref, i.ref);
-  return typeof t == "function" || a.isPresent ? /* @__PURE__ */ j(i, {
+  }) : b.only(n), r = ce(a.ref, i.ref);
+  return typeof n == "function" || a.isPresent ? /* @__PURE__ */ j(i, {
     ref: r
   }) : null;
 };
 le.displayName = "Presence";
 function _r(e) {
-  const [n, t] = I(), a = $({}), i = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [u, c] = br(o, {
+  const [t, n] = I(), a = $({}), i = $(e), r = $("none"), o = e ? "mounted" : "unmounted", [u, c] = br(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -726,22 +728,22 @@ function _r(e) {
     e,
     c
   ]), H(() => {
-    if (n) {
+    if (t) {
       const s = (l) => {
         const _ = D(a.current).includes(l.animationName);
-        l.target === n && _ && $e(
+        l.target === t && _ && $e(
           () => c("ANIMATION_END")
         );
       }, d = (l) => {
-        l.target === n && (r.current = D(a.current));
+        l.target === t && (r.current = D(a.current));
       };
-      return n.addEventListener("animationstart", d), n.addEventListener("animationcancel", s), n.addEventListener("animationend", s), () => {
-        n.removeEventListener("animationstart", d), n.removeEventListener("animationcancel", s), n.removeEventListener("animationend", s);
+      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);
       };
     } else
       c("ANIMATION_END");
   }, [
-    n,
+    t,
     c
   ]), {
     isPresent: [
@@ -749,57 +751,57 @@ function _r(e) {
       "unmountSuspended"
     ].includes(u),
     ref: Z((s) => {
-      s && (a.current = getComputedStyle(s)), t(s);
+      s && (a.current = getComputedStyle(s)), n(s);
     }, [])
   };
 }
 function D(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const pe = /* @__PURE__ */ g((e, n) => {
-  const { children: t, ...a } = e, i = b.toArray(t), r = i.find(gr);
+const pe = /* @__PURE__ */ g((e, t) => {
+  const { children: n, ...a } = e, i = b.toArray(n), r = i.find(gr);
   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: n
+      ref: t
     }), /* @__PURE__ */ N(o) ? /* @__PURE__ */ j(o, void 0, u) : null);
   }
   return /* @__PURE__ */ p(F, w({}, a, {
-    ref: n
-  }), t);
+    ref: t
+  }), n);
 });
 pe.displayName = "Slot";
-const F = /* @__PURE__ */ g((e, n) => {
-  const { children: t, ...a } = e;
-  return /* @__PURE__ */ N(t) ? /* @__PURE__ */ j(t, {
-    ...$r(a, t.props),
-    ref: n ? ie(n, t.ref) : t.ref
-  }) : b.count(t) > 1 ? b.only(null) : null;
+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;
 });
 F.displayName = "SlotClone";
-const vr = ({ children: e }) => /* @__PURE__ */ p(Y, null, e);
+const vr = ({ children: e }) => /* @__PURE__ */ p(Q, null, e);
 function gr(e) {
   return /* @__PURE__ */ N(e) && e.type === vr;
 }
-function $r(e, n) {
-  const t = {
-    ...n
+function $r(e, t) {
+  const n = {
+    ...t
   };
-  for (const a in n) {
-    const i = e[a], r = n[a];
-    /^on[A-Z]/.test(a) ? i && r ? t[a] = (...u) => {
+  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 && (t[a] = i) : a === "style" ? t[a] = {
+    } : i && (n[a] = i) : a === "style" ? n[a] = {
       ...i,
       ...r
-    } : a === "className" && (t[a] = [
+    } : a === "className" && (n[a] = [
       i,
       r
     ].filter(Boolean).join(" "));
   }
   return {
     ...e,
-    ...t
+    ...n
   };
 }
 const xr = [
@@ -819,24 +821,24 @@ const xr = [
   "span",
   "svg",
   "ul"
-], de = xr.reduce((e, n) => {
-  const t = /* @__PURE__ */ g((a, i) => {
-    const { asChild: r, ...o } = a, u = r ? pe : n;
+], 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
     }));
   });
-  return t.displayName = `Primitive.${n}`, {
+  return n.displayName = `Primitive.${t}`, {
     ...e,
-    [n]: t
+    [t]: n
   };
-}, {}), fe = "Checkbox", [yr, zr] = lr(fe), [Nr, wr] = yr(fe), Sr = /* @__PURE__ */ g((e, n) => {
-  const { __scopeCheckbox: t, name: a, checked: i, defaultChecked: r, required: o, disabled: u, value: c = "on", onCheckedChange: s, ...d } = e, [l, f] = I(null), _ = ce(
-    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, L] = dr({
+  ), v = $(!1), R = l ? !!l.closest("form") : !0, [x = !1, q] = dr({
     prop: i,
     defaultProp: r,
     onChange: s
@@ -844,14 +846,14 @@ const xr = [
   return A(() => {
     const m = l == null ? void 0 : l.form;
     if (m) {
-      const P = () => L(be.current);
+      const P = () => q(be.current);
       return m.addEventListener("reset", P), () => m.removeEventListener("reset", P);
     }
   }, [
     l,
-    L
+    q
   ]), /* @__PURE__ */ p(Nr, {
-    scope: t,
+    scope: n,
     state: x,
     disabled: u
   }, /* @__PURE__ */ p(de.button, w({
@@ -869,7 +871,7 @@ const xr = [
       m.key === "Enter" && m.preventDefault();
     }),
     onClick: J(e.onClick, (m) => {
-      L(
+      q(
         (P) => S(P) ? !0 : !P
       ), R && (v.current = m.isPropagationStopped(), v.current || m.stopPropagation());
     })
@@ -885,38 +887,38 @@ const xr = [
       transform: "translateX(-100%)"
     }
   }));
-}), Ar = "CheckboxIndicator", Cr = /* @__PURE__ */ g((e, n) => {
-  const { __scopeCheckbox: t, forceMount: a, ...i } = e, r = wr(Ar, t);
+}), 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: n,
+    ref: t,
     style: {
       pointerEvents: "none",
       ...e.style
     }
   })));
 }), kr = (e) => {
-  const { control: n, checked: t, bubbles: a = !0, ...i } = e, r = $(null), o = hr(t), u = mr(n);
+  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 !== t && l) {
+    if (o !== n && l) {
       const f = new Event("click", {
         bubbles: a
       });
-      c.indeterminate = S(t), l.call(c, S(t) ? !1 : t), c.dispatchEvent(f);
+      c.indeterminate = S(n), l.call(c, S(n) ? !1 : n), c.dispatchEvent(f);
     }
   }, [
     o,
-    t,
+    n,
     a
   ]), /* @__PURE__ */ p("input", w({
     type: "checkbox",
     "aria-hidden": !0,
-    defaultChecked: S(t) ? !1 : t
+    defaultChecked: S(n) ? !1 : n
   }, i, {
     tabIndex: -1,
     ref: r,
@@ -948,8 +950,8 @@ var me = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
+    var t = {}.hasOwnProperty;
+    function n() {
       for (var r = "", o = 0; o < arguments.length; o++) {
         var u = arguments[o];
         u && (r = i(r, a.call(this, u)));
@@ -962,18 +964,18 @@ var me = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(this, r);
+        return n.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)
-        n.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
+        t.call(r, u) && r[u] && (o = i(o, this && this[u] || u));
       return o;
     }
     function i(r, o) {
       return o ? r ? r + " " + o : r + o : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(me);
 var Mr = me.exports;
@@ -988,22 +990,22 @@ const jr = /* @__PURE__ */ Er(Mr), Rr = {
   "purpur-checkbox__container": "_purpur-checkbox__container_m4999_79"
 }, C = jr.bind(Rr), Tr = ["indeterminate", !0, !1], y = "purpur-checkbox", Dr = ({
   ["data-testid"]: e,
-  checked: n,
-  className: t,
+  checked: t,
+  className: n,
   error: a = !1,
   errorText: i,
   label: r,
   onChange: o,
   ...u
 }, c) => {
-  const s = i && !n, d = a && !n;
-  return /* @__PURE__ */ z("div", { className: C([t, `${y}__wrapper`]), children: [
-    /* @__PURE__ */ z("div", { className: C([t, `${y}__container`]), children: [
+  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,
         {
           ...u,
-          checked: n,
+          checked: t,
           className: C([
             y,
             {
@@ -1014,19 +1016,19 @@ const jr = /* @__PURE__ */ Er(Mr), Rr = {
           "data-testid": e,
           onCheckedChange: o,
           ref: c,
-          children: /* @__PURE__ */ h("span", { className: C(`${y}__box`), children: /* @__PURE__ */ h(Or, { className: C(`${y}__indicator`), children: n === "indeterminate" ? /* @__PURE__ */ h(
+          children: /* @__PURE__ */ h("span", { className: C(`${y}__box`), children: /* @__PURE__ */ h(Or, { className: C(`${y}__indicator`), children: t === "indeterminate" ? /* @__PURE__ */ h(
             T,
             {
               "data-testid": e && `${e}-checked-icon`,
               size: "xs",
-              svg: ze
+              svg: Ze
             }
           ) : /* @__PURE__ */ h(
             T,
             {
               "data-testid": e && `${e}-indeterminate-icon`,
               size: "xs",
-              svg: Be
+              svg: Fe
             }
           ) }) })
         }