@purpurds/text-field 5.34.4 → 6.0.0

package/dist/text-field.es.js

@@ -1,5 +1,5 @@
-import { jsxs as b, jsx as l } from "react/jsx-runtime";
-import { forwardRef as h, Children as O, isValidElement as q, createElement as z, cloneElement as Q, useEffect as xr, Fragment as gr, useRef as br, useId as yr } from "react";
+import { jsxs as b, jsx as p } from "react/jsx-runtime";
+import { forwardRef as h, Children as O, isValidElement as q, createElement as z, cloneElement as U, useEffect as xr, Fragment as gr, useRef as br, useId as yr } from "react";
 import "react-dom";
 const hr = {
   XS: "xs",
@@ -10,7 +10,7 @@ const hr = {
 function $r(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var U = { exports: {} };
+var Y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -18,11 +18,11 @@ var U = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a(u)));
+        var i = arguments[e];
+        i && (r = o(r, a(i)));
       }
       return r;
     }
@@ -36,17 +36,17 @@ var U = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(U);
-var wr = U.exports;
+})(Y);
+var wr = Y.exports;
 const R = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1", w = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: jr,
@@ -67,21 +67,21 @@ const R = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1",
   LG: "lg"
 }, Or = ({
   ["data-testid"]: t,
-  disabled: i = !1,
+  disabled: u = !1,
   negative: n = !1,
   size: a = Nr.SM,
-  ...p
-}) => /* @__PURE__ */ l(
+  ...o
+}) => /* @__PURE__ */ p(
   "div",
   {
     className: R([w[j], w[`${j}--${a}`]]),
     "data-testid": t,
-    ...p,
-    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+    ...o,
+    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
         className: R(w[`${j}__circle`], {
-          [w[`${j}__circle--disabled`]]: i,
+          [w[`${j}__circle--disabled`]]: u,
           [w[`${j}__circle--negative`]]: n
         }),
         cx: "25",
@@ -102,11 +102,11 @@ var rr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        var i = arguments[e];
+        i && (r = o(r, a.call(this, i)));
       }
       return r;
     }
@@ -120,11 +120,11 @@ var rr = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -155,34 +155,34 @@ const Mr = /* @__PURE__ */ qr(zr), Ar = {
   "purpur-button--text": "_purpur-button--text_w455q_181"
 }, Cr = Mr.bind(Ar), m = "purpur-button", Ir = ({
   children: t,
-  className: i,
+  className: u,
   ["data-testid"]: n,
   disabled: a = !1,
-  fullWidth: p = !1,
+  fullWidth: o = !1,
   iconOnly: r,
   loading: e = !1,
-  negative: u = !1,
+  negative: i = !1,
   onClick: f,
   size: $ = "md",
   variant: v,
   type: A = "button",
   ...M
-}, o) => {
+}, l) => {
   if (r && v === "destructive")
     return null;
   const x = Cr(
     [
       m,
-      `${m}--${u ? `${v}-negative` : v}`,
+      `${m}--${i ? `${v}-negative` : v}`,
       `${m}--${$}`
     ],
     {
       [`${m}--icon-only`]: r,
-      [`${m}--negative`]: u,
-      [`${m}--full-width`]: p,
+      [`${m}--negative`]: i,
+      [`${m}--full-width`]: o,
       [`${m}--disabled`]: a || e
     },
-    i
+    u
   ), C = (c) => {
     a || e ? c.preventDefault() : f && f(c);
   }, g = !!M["aria-disabled"] || a || e;
@@ -192,12 +192,12 @@ const Mr = /* @__PURE__ */ qr(zr), Ar = {
       className: x,
       "data-testid": n,
       type: A,
-      ref: o,
+      ref: l,
       "aria-disabled": g,
       onClick: C,
       ...M,
       children: [
-        e && /* @__PURE__ */ l(Or, { size: $ === hr.LG ? "xs" : "xxs", negative: u, disabled: g }),
+        e && /* @__PURE__ */ p(Or, { size: $ === hr.LG ? "xs" : "xxs", negative: i, disabled: g }),
         " ",
         t
       ]
@@ -216,11 +216,11 @@ var er = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        var i = arguments[e];
+        i && (r = o(r, a.call(this, i)));
       }
       return r;
     }
@@ -234,11 +234,11 @@ var er = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -253,36 +253,31 @@ const Dr = /* @__PURE__ */ Lr(Br), Er = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Pr = {
-  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"
-}, Xr = Dr.bind(Er), T = "purpur-icon", kr = "md", Fr = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Vr = ({ content: t = "", title: i } = {}) => {
+}, Pr = Dr.bind(Er), T = "purpur-icon", kr = "md", Fr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xr = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = u ? `<title>${u}</title>` : "";
   return `<svg ${Fr(n)}>${a}${t}</svg>`;
-}, Zr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
+}, Vr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
   ["data-testid"]: t,
-  svg: i,
+  svg: u,
   allyTitle: n,
   className: a,
-  size: p = kr,
+  size: o = kr,
   ...r
 }) => {
-  const e = Vr({
-    content: Zr(i.svg),
+  const e = Xr({
+    content: Vr(u.svg),
     title: n
-  }), u = Xr(a, T, `${T}--${p}`);
-  return /* @__PURE__ */ l(
+  }), i = Pr(a, T, `${T}--${o}`);
+  return /* @__PURE__ */ p(
     "span",
     {
       "aria-label": n,
-      className: u,
+      className: i,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
       ...r
@@ -290,10 +285,16 @@ const Dr = /* @__PURE__ */ Lr(Br), Er = {
   );
 };
 nr.displayName = "Icon";
+const Zr = {
+  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 Rr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ur = { exports: {} };
+var ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -301,11 +302,11 @@ var ur = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a(u)));
+        var i = arguments[e];
+        i && (r = o(r, a(i)));
       }
       return r;
     }
@@ -319,26 +320,26 @@ var ur = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(ur);
-var Tr = ur.exports;
+})(ir);
+var Tr = ir.exports;
 const Gr = /* @__PURE__ */ Rr(Tr), G = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
 }, H = "purpur-field-error-text", Hr = ({
   ["data-testid"]: t,
-  children: i,
+  children: u,
   className: n,
   relevant: a = "additions text",
-  ...p
+  ...o
 }) => /* @__PURE__ */ b(
   "div",
   {
@@ -346,17 +347,17 @@ const Gr = /* @__PURE__ */ Rr(Tr), G = {
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": a,
-    ...p,
+    ...o,
     children: [
-      /* @__PURE__ */ l(nr, { svg: Pr, size: "xs", className: G[`${H}__icon`] }),
-      i
+      /* @__PURE__ */ p(nr, { svg: Zr, size: "xs", className: G[`${H}__icon`] }),
+      u
     ]
   }
 );
-function Yr(t) {
+function Wr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
+var ur = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -364,11 +365,11 @@ var ir = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a(u)));
+        var i = arguments[e];
+        i && (r = o(r, a(i)));
       }
       return r;
     }
@@ -382,38 +383,38 @@ var ir = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(ir);
-var Jr = ir.exports;
-const Wr = /* @__PURE__ */ Yr(Jr), Y = {
+})(ur);
+var Jr = ur.exports;
+const Kr = /* @__PURE__ */ Wr(Jr), W = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, J = "purpur-field-helper-text", Kr = ({
+}, J = "purpur-field-helper-text", Qr = ({
   ["data-testid"]: t,
-  children: i,
+  children: u,
   className: n,
   disabled: a,
-  id: p,
+  id: o,
   ...r
 }) => {
-  const e = Wr([
+  const e = Kr([
     n,
-    Y[J],
+    W[J],
     {
-      [Y[`${J}--disabled`]]: a
+      [W[`${J}--disabled`]]: a
     }
   ]);
-  return /* @__PURE__ */ l("span", { id: p, className: e, "data-testid": t, ...r, children: i });
+  return /* @__PURE__ */ p("span", { id: o, className: e, "data-testid": t, ...r, children: u });
 };
-function Qr(t) {
+function Ur(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ar = { exports: {} };
@@ -424,11 +425,11 @@ var ar = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        var i = arguments[e];
+        i && (r = o(r, a.call(this, i)));
       }
       return r;
     }
@@ -442,18 +443,18 @@ var ar = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(ar);
-var Ur = ar.exports;
-const rt = /* @__PURE__ */ Qr(Ur), tt = {
+var Yr = ar.exports;
+const rt = /* @__PURE__ */ Ur(Yr), tt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -461,99 +462,87 @@ const rt = /* @__PURE__ */ Qr(Ur), tt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, et = {
-  name: "check-circle-filled",
-  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
-  keywords: ["check-circle-filled"],
-  category: "status"
-}, nt = {
-  name: "close",
-  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
-  keywords: ["close"],
-  category: "utility"
-}, pr = (t) => /* @__PURE__ */ l(
-  X,
-  {
-    ...t,
-    svg: et
-  }
-);
-pr.displayName = "IconCheckCircleFilled";
-const lr = (t) => /* @__PURE__ */ l(
-  X,
-  {
-    ...t,
-    svg: nt
-  }
-);
-lr.displayName = "IconClose";
-const ut = rt.bind(tt), W = "purpur-icon", it = "md", at = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), pt = ({ content: t = "", title: i } = {}) => {
+}, et = rt.bind(tt), K = "purpur-icon", nt = "md", it = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ut = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${at(n)}>${a}${t}</svg>`;
-}, lt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), X = ({
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = u ? `<title>${u}</title>` : "";
+  return `<svg ${it(n)}>${a}${t}</svg>`;
+}, at = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), k = ({
   ["data-testid"]: t,
-  svg: i,
+  svg: u,
   allyTitle: n,
   className: a,
-  size: p = it,
+  size: o = nt,
   ...r
 }) => {
-  const e = pt({
-    content: lt(i.svg),
+  const e = ut({
+    content: at(u.svg),
     title: n
-  }), u = ut(a, W, `${W}--${p}`);
-  return /* @__PURE__ */ l(
+  }), i = et(a, K, `${K}--${o}`);
+  return /* @__PURE__ */ p(
     "span",
     {
       "aria-label": n,
-      className: u,
+      className: i,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
       ...r
     }
   );
 };
-X.displayName = "Icon";
+k.displayName = "Icon";
+const ot = {
+  name: "check-circle-filled",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
+  keywords: ["check-circle-filled"],
+  category: "status"
+}, or = (t) => /* @__PURE__ */ p(k, { ...t, svg: ot });
+or.displayName = "IconCheckCircleFilled";
+const pt = {
+  name: "close",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
+  keywords: ["close"],
+  category: "utility"
+}, pr = (t) => /* @__PURE__ */ p(k, { ...t, svg: pt });
+pr.displayName = "IconClose";
 function y() {
   return y = Object.assign ? Object.assign.bind() : function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
+    for (var u = 1; u < arguments.length; u++) {
+      var n = arguments[u];
       for (var a in n) ({}).hasOwnProperty.call(n, a) && (t[a] = n[a]);
     }
     return t;
   }, y.apply(null, arguments);
 }
-function ot(t, i) {
-  typeof t == "function" ? t(i) : t != null && (t.current = i);
+function lt(t, u) {
+  typeof t == "function" ? t(u) : t != null && (t.current = u);
 }
 function st(...t) {
-  return (i) => t.forEach(
-    (n) => ot(n, i)
+  return (u) => t.forEach(
+    (n) => lt(n, u)
   );
 }
-const or = /* @__PURE__ */ h((t, i) => {
-  const { children: n, ...a } = t, p = O.toArray(n), r = p.find(dt);
+const lr = /* @__PURE__ */ h((t, u) => {
+  const { children: n, ...a } = t, o = O.toArray(n), r = o.find(dt);
   if (r) {
-    const e = r.props.children, u = p.map((f) => f === r ? O.count(e) > 1 ? O.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : f);
+    const e = r.props.children, i = o.map((f) => f === r ? O.count(e) > 1 ? O.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : f);
     return /* @__PURE__ */ z(P, y({}, a, {
-      ref: i
-    }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ Q(e, void 0, u) : null);
+      ref: u
+    }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ U(e, void 0, i) : null);
   }
   return /* @__PURE__ */ z(P, y({}, a, {
-    ref: i
+    ref: u
   }), n);
 });
-or.displayName = "Slot";
-const P = /* @__PURE__ */ h((t, i) => {
+lr.displayName = "Slot";
+const P = /* @__PURE__ */ h((t, u) => {
   const { children: n, ...a } = t;
-  return /* @__PURE__ */ q(n) ? /* @__PURE__ */ Q(n, {
+  return /* @__PURE__ */ q(n) ? /* @__PURE__ */ U(n, {
     ..._t(a, n.props),
-    ref: i ? st(i, n.ref) : n.ref
+    ref: u ? st(u, n.ref) : n.ref
   }) : O.count(n) > 1 ? O.only(null) : null;
 });
 P.displayName = "SlotClone";
@@ -561,19 +550,19 @@ const ct = ({ children: t }) => /* @__PURE__ */ z(gr, null, t);
 function dt(t) {
   return /* @__PURE__ */ q(t) && t.type === ct;
 }
-function _t(t, i) {
+function _t(t, u) {
   const n = {
-    ...i
+    ...u
   };
-  for (const a in i) {
-    const p = t[a], r = i[a];
-    /^on[A-Z]/.test(a) ? p && r ? n[a] = (...e) => {
-      r(...e), p(...e);
-    } : p && (n[a] = p) : a === "style" ? n[a] = {
-      ...p,
+  for (const a in u) {
+    const o = t[a], r = u[a];
+    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...e) => {
+      r(...e), o(...e);
+    } : o && (n[a] = o) : a === "style" ? n[a] = {
+      ...o,
       ...r
     } : a === "className" && (n[a] = [
-      p,
+      o,
       r
     ].filter(Boolean).join(" "));
   }
@@ -599,21 +588,21 @@ const ft = [
   "span",
   "svg",
   "ul"
-], vt = ft.reduce((t, i) => {
-  const n = /* @__PURE__ */ h((a, p) => {
-    const { asChild: r, ...e } = a, u = r ? or : i;
+], vt = ft.reduce((t, u) => {
+  const n = /* @__PURE__ */ h((a, o) => {
+    const { asChild: r, ...e } = a, i = r ? lr : u;
     return xr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ z(u, y({}, e, {
-      ref: p
+    }, []), /* @__PURE__ */ z(i, y({}, e, {
+      ref: o
     }));
   });
-  return n.displayName = `Primitive.${i}`, {
+  return n.displayName = `Primitive.${u}`, {
     ...t,
-    [i]: n
+    [u]: n
   };
-}, {}), mt = /* @__PURE__ */ h((t, i) => /* @__PURE__ */ z(vt.label, y({}, t, {
-  ref: i,
+}, {}), mt = /* @__PURE__ */ h((t, u) => /* @__PURE__ */ z(vt.label, y({}, t, {
+  ref: u,
   onMouseDown: (n) => {
     var a;
     (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
@@ -630,11 +619,11 @@ var sr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a(u)));
+        var i = arguments[e];
+        i && (r = o(r, a(i)));
       }
       return r;
     }
@@ -648,11 +637,11 @@ var sr = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -665,22 +654,22 @@ const yt = /* @__PURE__ */ gt(bt), D = {
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
 }, E = "purpur-label", ht = ({
   children: t,
-  className: i,
+  className: u,
   htmlFor: n,
   "data-testid": a,
-  disabled: p,
+  disabled: o,
   negative: r = !1,
   ...e
 }) => {
-  const u = yt([
-    i,
+  const i = yt([
+    u,
     D[E],
     {
-      [D[`${E}--disabled`]]: p,
+      [D[`${E}--disabled`]]: o,
       [D[`${E}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ l(xt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ p(xt, { className: i, "data-testid": a, htmlFor: n, ...e, children: t });
 };
 function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -693,11 +682,11 @@ var cr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a(u)));
+        var i = arguments[e];
+        i && (r = o(r, a(i)));
       }
       return r;
     }
@@ -711,18 +700,18 @@ var cr = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(cr);
 var wt = cr.exports;
-const K = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", S = {
+const Q = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", S = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: jt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -742,21 +731,21 @@ const K = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
   LG: "lg"
 }, Ot = ({
   ["data-testid"]: t,
-  disabled: i = !1,
+  disabled: u = !1,
   negative: n = !1,
   size: a = Nt.SM,
-  ...p
-}) => /* @__PURE__ */ l(
+  ...o
+}) => /* @__PURE__ */ p(
   "div",
   {
-    className: K([S[N], S[`${N}--${a}`]]),
+    className: Q([S[N], S[`${N}--${a}`]]),
     "data-testid": t,
-    ...p,
-    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+    ...o,
+    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: K(S[`${N}__circle`], {
-          [S[`${N}__circle--disabled`]]: i,
+        className: Q(S[`${N}__circle`], {
+          [S[`${N}__circle--disabled`]]: u,
           [S[`${N}__circle--negative`]]: n
         }),
         cx: "25",
@@ -777,11 +766,11 @@ var dr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        var i = arguments[e];
+        i && (r = o(r, a.call(this, i)));
       }
       return r;
     }
@@ -795,11 +784,11 @@ var dr = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      for (var i in r)
+        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
       return e;
     }
-    function p(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -825,37 +814,37 @@ const Mt = /* @__PURE__ */ qt(zt), At = {
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
 }, Ct = (t) => br(t), _ = Mt.bind(At), s = "purpur-text-field", It = ({
   ["data-testid"]: t,
-  className: i,
+  className: u,
   clearButtonAllyLabel: n,
   beforeField: a,
-  afterField: p,
+  afterField: o,
   endAdornment: r,
   errorText: e,
-  helperText: u,
+  helperText: i,
   label: f,
   loading: $ = !1,
   onClear: v,
   startAdornment: A,
   valid: M = !1,
-  ...o
+  ...l
 }, x) => {
   var Z;
-  const C = yr(), g = o.id ?? C, c = (d) => t ? `${t}-${d}` : void 0, k = M && !e, I = u ? `${g}-helper-text` : void 0, L = [A].filter((d) => !!d), F = (typeof o.value == "number" ? o.value !== void 0 : (Z = o.value) == null ? void 0 : Z.length) && !o.disabled && !o.readOnly && !$ && v && n, V = Ct(null), fr = (d) => {
+  const C = yr(), g = l.id ?? C, c = (d) => t ? `${t}-${d}` : void 0, F = M && !e, I = i ? `${g}-helper-text` : void 0, L = [A].filter((d) => !!d), X = (typeof l.value == "number" ? l.value !== void 0 : (Z = l.value) == null ? void 0 : Z.length) && !l.disabled && !l.readOnly && !$ && v && n, V = Ct(null), fr = (d) => {
     V.current = d, typeof x == "function" ? x(d) : x && (x.current = d);
   }, vr = () => {
     var d;
     v == null || v(), (d = V.current) == null || d.focus();
   }, B = [
-    $ && /* @__PURE__ */ l(
+    $ && /* @__PURE__ */ p(
       Ot,
       {
-        disabled: o.disabled,
+        disabled: l.disabled,
         size: "xs",
         "data-testid": c("spinner")
       },
       "spinner"
     ),
-    F && /* @__PURE__ */ l(
+    X && /* @__PURE__ */ p(
       tr,
       {
         variant: "tertiary-purple",
@@ -864,12 +853,12 @@ const Mt = /* @__PURE__ */ qt(zt), At = {
         "aria-label": n ?? "",
         "data-testid": c("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ l(lr, { size: "xs" })
+        children: /* @__PURE__ */ p(pr, { size: "xs" })
       },
       "clear-button"
     ),
-    k && /* @__PURE__ */ l(
-      pr,
+    F && /* @__PURE__ */ p(
+      or,
       {
         "data-testid": c("valid-icon"),
         className: _(`${s}__valid-icon`)
@@ -881,26 +870,26 @@ const Mt = /* @__PURE__ */ qt(zt), At = {
     {
       [`${s}__input-container--start-adornment`]: L.length,
       [`${s}__input-container--end-adornment`]: B.length || r,
-      [`${s}__input-container--disabled`]: o.disabled,
-      [`${s}__input-container--has-clear-button`]: F,
-      [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
+      [`${s}__input-container--disabled`]: l.disabled,
+      [`${s}__input-container--has-clear-button`]: X,
+      [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
-  return /* @__PURE__ */ b("div", { className: _(i, s), children: [
-    f && /* @__PURE__ */ l(
+  return /* @__PURE__ */ b("div", { className: _(u, s), children: [
+    f && /* @__PURE__ */ p(
       ht,
       {
         htmlFor: g,
         className: _(`${s}__label`),
         "data-testid": c("label"),
-        disabled: o.disabled,
-        children: `${o.required ? "* " : ""}${f}`
+        disabled: l.disabled,
+        children: `${l.required ? "* " : ""}${f}`
       }
     ),
     /* @__PURE__ */ b("div", { className: _(`${s}__field-row`), children: [
       !!a && a,
       /* @__PURE__ */ b("div", { className: mr, children: [
-        !!L.length && /* @__PURE__ */ l(
+        !!L.length && /* @__PURE__ */ p(
           "div",
           {
             "data-testid": c("start-adornments"),
@@ -908,25 +897,25 @@ const Mt = /* @__PURE__ */ qt(zt), At = {
             children: L
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ p(
           "input",
           {
-            ...o,
+            ...l,
             id: g,
             ref: fr,
             "data-testid": c("input"),
-            "aria-describedby": o["aria-describedby"] || I,
-            "aria-invalid": o["aria-invalid"] || !!e,
+            "aria-describedby": l["aria-describedby"] || I,
+            "aria-invalid": l["aria-invalid"] || !!e,
             className: _([
               `${s}__input`,
               {
-                [`${s}__input--valid`]: k,
+                [`${s}__input--valid`]: F,
                 [`${s}__input--error`]: !!e
               }
             ])
           }
         ),
-        /* @__PURE__ */ l("div", { className: _(`${s}__frame`) }),
+        /* @__PURE__ */ p("div", { className: _(`${s}__frame`) }),
         (!!B.length || r) && /* @__PURE__ */ b(
           "div",
           {
@@ -939,10 +928,10 @@ const Mt = /* @__PURE__ */ qt(zt), At = {
           }
         )
       ] }),
-      !!p && p
+      !!o && o
     ] }),
-    I && /* @__PURE__ */ l(Kr, { "data-testid": c("helper-text"), id: I, children: u }),
-    e && /* @__PURE__ */ l(Hr, { "data-testid": c("error-text"), children: e })
+    I && /* @__PURE__ */ p(Qr, { "data-testid": c("helper-text"), id: I, children: i }),
+    e && /* @__PURE__ */ p(Hr, { "data-testid": c("error-text"), children: e })
   ] });
 }, _r = h(It);
 _r.displayName = "TextField";