@purpurds/text-field 6.0.0 → 6.0.2

package/dist/text-field.es.js

@@ -1,27 +1,28 @@
-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 { jsxs as y, jsx as l, Fragment as vr } from "react/jsx-runtime";
+import * as c from "react";
+import { forwardRef as J, useRef as mr, useId as xr, isValidElement as gr } from "react";
 import "react-dom";
-const hr = {
+const br = {
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function $r(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function yr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Y = { exports: {} };
+var K = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a(i)));
       }
       return r;
@@ -35,54 +36,54 @@ var Y = { exports: {} };
         return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Y);
-var wr = Y.exports;
-const R = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1", w = {
+})(K);
+var hr = K.exports;
+const V = /* @__PURE__ */ yr(hr), $r = "_rotate_1xozj_1", wr = "_dash_1xozj_1", $ = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: jr,
+  rotate: $r,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: Sr,
+  dash: wr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, j = "purpur-spinner", Nr = {
+}, w = "purpur-spinner", jr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Or = ({
-  ["data-testid"]: t,
+}, Sr = ({
+  ["data-testid"]: e,
   disabled: u = !1,
   negative: n = !1,
-  size: a = Nr.SM,
+  size: a = jr.SM,
   ...o
-}) => /* @__PURE__ */ p(
+}) => /* @__PURE__ */ l(
   "div",
   {
-    className: R([w[j], w[`${j}--${a}`]]),
-    "data-testid": t,
+    className: V([$[w], $[`${w}--${a}`]]),
+    "data-testid": e,
     ...o,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
       "circle",
       {
-        className: R(w[`${j}__circle`], {
-          [w[`${j}__circle--disabled`]]: u,
-          [w[`${j}__circle--negative`]]: n
+        className: V($[`${w}__circle`], {
+          [$[`${w}__circle--disabled`]]: u,
+          [$[`${w}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -91,21 +92,21 @@ const R = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1",
     ) })
   }
 );
-function qr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Nr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var rr = { exports: {} };
+var Q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a.call(this, i)));
       }
       return r;
@@ -119,19 +120,19 @@ var rr = { exports: {} };
         return n.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(rr);
-var zr = rr.exports;
-const Mr = /* @__PURE__ */ qr(zr), Ar = {
+})(Q);
+var Or = Q.exports;
+const qr = /* @__PURE__ */ Nr(Or), zr = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -153,73 +154,73 @@ const Mr = /* @__PURE__ */ qr(zr), Ar = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, Cr = Mr.bind(Ar), m = "purpur-button", Ir = ({
-  children: t,
+}, Mr = qr.bind(zr), x = "purpur-button", Ar = ({
+  children: e,
   className: u,
   ["data-testid"]: n,
   disabled: a = !1,
   fullWidth: o = !1,
   iconOnly: r,
-  loading: e = !1,
+  loading: t = !1,
   negative: i = !1,
-  onClick: f,
-  size: $ = "md",
-  variant: v,
-  type: A = "button",
-  ...M
-}, l) => {
-  if (r && v === "destructive")
+  onClick: v,
+  size: h = "md",
+  variant: m,
+  type: O = "button",
+  ...N
+}, p) => {
+  if (r && m === "destructive")
     return null;
-  const x = Cr(
+  const g = Mr(
     [
-      m,
-      `${m}--${i ? `${v}-negative` : v}`,
-      `${m}--${$}`
+      x,
+      `${x}--${i ? `${m}-negative` : m}`,
+      `${x}--${h}`
     ],
     {
-      [`${m}--icon-only`]: r,
-      [`${m}--negative`]: i,
-      [`${m}--full-width`]: o,
-      [`${m}--disabled`]: a || e
+      [`${x}--icon-only`]: r,
+      [`${x}--negative`]: i,
+      [`${x}--full-width`]: o,
+      [`${x}--disabled`]: a || t
     },
     u
-  ), C = (c) => {
-    a || e ? c.preventDefault() : f && f(c);
-  }, g = !!M["aria-disabled"] || a || e;
-  return /* @__PURE__ */ b(
+  ), q = (d) => {
+    a || t ? d.preventDefault() : v && v(d);
+  }, b = !!N["aria-disabled"] || a || t;
+  return /* @__PURE__ */ y(
     "button",
     {
-      className: x,
+      className: g,
       "data-testid": n,
-      type: A,
-      ref: l,
-      "aria-disabled": g,
-      onClick: C,
-      ...M,
+      type: O,
+      ref: p,
+      "aria-disabled": b,
+      onClick: q,
+      ...N,
       children: [
-        e && /* @__PURE__ */ p(Or, { size: $ === hr.LG ? "xs" : "xxs", negative: i, disabled: g }),
+        t && /* @__PURE__ */ l(Sr, { size: h === br.LG ? "xs" : "xxs", negative: i, disabled: b }),
         " ",
-        t
+        e
       ]
     }
   );
-}, tr = h(Ir);
-tr.displayName = "Button";
-function Lr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}, U = J(Ar);
+U.displayName = "Button";
+function Cr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var er = { exports: {} };
+var Y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a.call(this, i)));
       }
       return r;
@@ -233,19 +234,19 @@ var er = { exports: {} };
         return n.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(er);
-var Br = er.exports;
-const Dr = /* @__PURE__ */ Lr(Br), Er = {
+})(Y);
+var Rr = Y.exports;
+const Dr = /* @__PURE__ */ Cr(Rr), Er = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -253,59 +254,59 @@ 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 = 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 } = {}) => {
+}, Ir = Dr.bind(Er), F = "purpur-icon", Lr = "md", Br = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Pr = ({ content: e = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = u ? `<title>${u}</title>` : "";
-  return `<svg ${Fr(n)}>${a}${t}</svg>`;
-}, Vr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
-  ["data-testid"]: t,
+  return `<svg ${Br(n)}>${a}${e}</svg>`;
+}, Vr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rr = ({
+  ["data-testid"]: e,
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = kr,
+  size: o = Lr,
   ...r
 }) => {
-  const e = Xr({
+  const t = Pr({
     content: Vr(u.svg),
     title: n
-  }), i = Pr(a, T, `${T}--${o}`);
-  return /* @__PURE__ */ p(
+  }), i = Ir(a, F, `${F}--${o}`);
+  return /* @__PURE__ */ l(
     "span",
     {
       "aria-label": n,
       className: i,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: e },
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: t },
       ...r
     }
   );
 };
-nr.displayName = "Icon";
-const Zr = {
+rr.displayName = "Icon";
+const Fr = {
   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;
+function kr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ir = { exports: {} };
+var er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a(i)));
       }
       return r;
@@ -319,56 +320,56 @@ var ir = { exports: {} };
         return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(ir);
-var Tr = ir.exports;
-const Gr = /* @__PURE__ */ Rr(Tr), G = {
+})(er);
+var Xr = er.exports;
+const Zr = /* @__PURE__ */ kr(Xr), k = {
   "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,
+}, X = "purpur-field-error-text", Tr = ({
+  ["data-testid"]: e,
   children: u,
   className: n,
   relevant: a = "additions text",
   ...o
-}) => /* @__PURE__ */ b(
+}) => /* @__PURE__ */ y(
   "div",
   {
-    className: Gr([n, G[H]]),
-    "data-testid": t,
+    className: Zr([n, k[X]]),
+    "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...o,
     children: [
-      /* @__PURE__ */ p(nr, { svg: Zr, size: "xs", className: G[`${H}__icon`] }),
+      /* @__PURE__ */ l(rr, { svg: Fr, size: "xs", className: k[`${X}__icon`] }),
       u
     ]
   }
 );
-function Wr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Wr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ur = { exports: {} };
+var tr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a(i)));
       }
       return r;
@@ -382,53 +383,53 @@ var ur = { exports: {} };
         return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(ur);
-var Jr = ur.exports;
-const Kr = /* @__PURE__ */ Wr(Jr), W = {
+})(tr);
+var Gr = tr.exports;
+const Hr = /* @__PURE__ */ Wr(Gr), Z = {
   "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", Qr = ({
-  ["data-testid"]: t,
+}, T = "purpur-field-helper-text", Jr = ({
+  ["data-testid"]: e,
   children: u,
   className: n,
   disabled: a,
   id: o,
   ...r
 }) => {
-  const e = Kr([
+  const t = Hr([
     n,
-    W[J],
+    Z[T],
     {
-      [W[`${J}--disabled`]]: a
+      [Z[`${T}--disabled`]]: a
     }
   ]);
-  return /* @__PURE__ */ p("span", { id: o, className: e, "data-testid": t, ...r, children: u });
+  return /* @__PURE__ */ l("span", { id: o, className: t, "data-testid": e, ...r, children: u });
 };
-function Ur(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Kr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ar = { exports: {} };
+var nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a.call(this, i)));
       }
       return r;
@@ -442,19 +443,19 @@ var ar = { exports: {} };
         return n.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(ar);
-var Yr = ar.exports;
-const rt = /* @__PURE__ */ Ur(Yr), tt = {
+})(nr);
+var Qr = nr.exports;
+const Ur = /* @__PURE__ */ Kr(Qr), Yr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -462,116 +463,111 @@ const rt = /* @__PURE__ */ Ur(Yr), 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 = 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 } = {}) => {
+}, re = Ur.bind(Yr), W = "purpur-icon", ee = "md", te = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ne = ({ content: e = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     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,
+  return `<svg ${te(n)}>${a}${e}</svg>`;
+}, ie = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({
+  ["data-testid"]: e,
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = nt,
+  size: o = ee,
   ...r
 }) => {
-  const e = ut({
-    content: at(u.svg),
+  const t = ne({
+    content: ie(u.svg),
     title: n
-  }), i = et(a, K, `${K}--${o}`);
-  return /* @__PURE__ */ p(
+  }), i = re(a, W, `${W}--${o}`);
+  return /* @__PURE__ */ l(
     "span",
     {
       "aria-label": n,
       className: i,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: e },
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: t },
       ...r
     }
   );
 };
-k.displayName = "Icon";
-const ot = {
+E.displayName = "Icon";
+const ue = {
   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 = {
+}, ir = (e) => /* @__PURE__ */ l(E, { ...e, svg: ue });
+ir.displayName = "IconCheckCircleFilled";
+const ae = {
   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 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 lt(t, u) {
-  typeof t == "function" ? t(u) : t != null && (t.current = u);
+}, ur = (e) => /* @__PURE__ */ l(E, { ...e, svg: ae });
+ur.displayName = "IconClose";
+function G(e, u) {
+  if (typeof e == "function")
+    return e(u);
+  e != null && (e.current = u);
 }
-function st(...t) {
-  return (u) => t.forEach(
-    (n) => lt(n, u)
-  );
+function oe(...e) {
+  return (u) => {
+    let n = !1;
+    const a = e.map((o) => {
+      const r = G(o, u);
+      return !n && typeof r == "function" && (n = !0), r;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < a.length; o++) {
+          const r = a[o];
+          typeof r == "function" ? r() : G(e[o], null);
+        }
+      };
+  };
 }
-const lr = /* @__PURE__ */ h((t, u) => {
-  const { children: n, ...a } = t, o = O.toArray(n), r = o.find(dt);
+var ar = c.forwardRef((e, u) => {
+  const { children: n, ...a } = e, o = c.Children.toArray(n), r = o.find(pe);
   if (r) {
-    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: u
-    }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ U(e, void 0, i) : null);
+    const t = r.props.children, i = o.map((v) => v === r ? c.Children.count(t) > 1 ? c.Children.only(null) : c.isValidElement(t) ? t.props.children : null : v);
+    return /* @__PURE__ */ l(D, { ...a, ref: u, children: c.isValidElement(t) ? c.cloneElement(t, void 0, i) : null });
   }
-  return /* @__PURE__ */ z(P, y({}, a, {
-    ref: u
-  }), n);
+  return /* @__PURE__ */ l(D, { ...a, ref: u, children: n });
 });
-lr.displayName = "Slot";
-const P = /* @__PURE__ */ h((t, u) => {
-  const { children: n, ...a } = t;
-  return /* @__PURE__ */ q(n) ? /* @__PURE__ */ U(n, {
-    ..._t(a, n.props),
-    ref: u ? st(u, n.ref) : n.ref
-  }) : O.count(n) > 1 ? O.only(null) : null;
+ar.displayName = "Slot";
+var D = c.forwardRef((e, u) => {
+  const { children: n, ...a } = e;
+  if (c.isValidElement(n)) {
+    const o = ce(n), r = se(a, n.props);
+    return n.type !== c.Fragment && (r.ref = u ? oe(u, o) : o), c.cloneElement(n, r);
+  }
+  return c.Children.count(n) > 1 ? c.Children.only(null) : null;
 });
-P.displayName = "SlotClone";
-const ct = ({ children: t }) => /* @__PURE__ */ z(gr, null, t);
-function dt(t) {
-  return /* @__PURE__ */ q(t) && t.type === ct;
+D.displayName = "SlotClone";
+var le = ({ children: e }) => /* @__PURE__ */ l(vr, { children: e });
+function pe(e) {
+  return c.isValidElement(e) && e.type === le;
 }
-function _t(t, u) {
-  const n = {
-    ...u
-  };
+function se(e, u) {
+  const n = { ...u };
   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] = [
-      o,
-      r
-    ].filter(Boolean).join(" "));
+    const o = e[a], r = u[a];
+    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...t) => {
+      r(...t), o(...t);
+    } : o && (n[a] = o) : a === "style" ? n[a] = { ...o, ...r } : a === "className" && (n[a] = [o, r].filter(Boolean).join(" "));
   }
-  return {
-    ...t,
-    ...n
-  };
+  return { ...e, ...n };
 }
-const ft = [
+function ce(e) {
+  var u, n;
+  let a = (u = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : u.get, o = a && "isReactWarning" in a && a.isReactWarning;
+  return o ? e.ref : (a = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = a && "isReactWarning" in a && a.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+var de = [
   "a",
   "button",
   "div",
@@ -588,41 +584,40 @@ const ft = [
   "span",
   "svg",
   "ul"
-], 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(i, y({}, e, {
-      ref: o
-    }));
+], _e = de.reduce((e, u) => {
+  const n = c.forwardRef((a, o) => {
+    const { asChild: r, ...t } = a, i = r ? ar : u;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(i, { ...t, ref: o });
   });
-  return n.displayName = `Primitive.${u}`, {
-    ...t,
-    [u]: n
-  };
-}, {}), 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();
+  return n.displayName = `Primitive.${u}`, { ...e, [u]: n };
+}, {}), fe = "Label", or = c.forwardRef((e, u) => /* @__PURE__ */ l(
+  _e.label,
+  {
+    ...e,
+    ref: u,
+    onMouseDown: (n) => {
+      var a;
+      n.target.closest("button, input, select, textarea") || ((a = e.onMouseDown) == null || a.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+    }
   }
-}))), xt = mt;
-function gt(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+));
+or.displayName = fe;
+var ve = or;
+function me(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var sr = { exports: {} };
+var lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a(i)));
       }
       return r;
@@ -636,56 +631,56 @@ var sr = { exports: {} };
         return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(sr);
-var bt = sr.exports;
-const yt = /* @__PURE__ */ gt(bt), D = {
+})(lr);
+var xe = lr.exports;
+const ge = /* @__PURE__ */ me(xe), C = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, E = "purpur-label", ht = ({
-  children: t,
+}, R = "purpur-label", be = ({
+  children: e,
   className: u,
   htmlFor: n,
   "data-testid": a,
   disabled: o,
   negative: r = !1,
-  ...e
+  ...t
 }) => {
-  const i = yt([
+  const i = ge([
     u,
-    D[E],
+    C[R],
     {
-      [D[`${E}--disabled`]]: o,
-      [D[`${E}--negative`]]: r
+      [C[`${R}--disabled`]]: o,
+      [C[`${R}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ p(xt, { className: i, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ l(ve, { className: i, "data-testid": a, htmlFor: n, ...t, children: e });
 };
-function $t(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function ye(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var cr = { exports: {} };
+var pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a(i)));
       }
       return r;
@@ -699,54 +694,54 @@ var cr = { exports: {} };
         return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(cr);
-var wt = cr.exports;
-const Q = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", S = {
+})(pr);
+var he = pr.exports;
+const H = /* @__PURE__ */ ye(he), $e = "_rotate_1xozj_1", we = "_dash_1xozj_1", j = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: jt,
+  rotate: $e,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: St,
+  dash: we,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, N = "purpur-spinner", Nt = {
+}, S = "purpur-spinner", je = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Ot = ({
-  ["data-testid"]: t,
+}, Se = ({
+  ["data-testid"]: e,
   disabled: u = !1,
   negative: n = !1,
-  size: a = Nt.SM,
+  size: a = je.SM,
   ...o
-}) => /* @__PURE__ */ p(
+}) => /* @__PURE__ */ l(
   "div",
   {
-    className: Q([S[N], S[`${N}--${a}`]]),
-    "data-testid": t,
+    className: H([j[S], j[`${S}--${a}`]]),
+    "data-testid": e,
     ...o,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
       "circle",
       {
-        className: Q(S[`${N}__circle`], {
-          [S[`${N}__circle--disabled`]]: u,
-          [S[`${N}__circle--negative`]]: n
+        className: H(j[`${S}__circle`], {
+          [j[`${S}__circle--disabled`]]: u,
+          [j[`${S}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -755,21 +750,21 @@ const Q = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
     ) })
   }
 );
-function qt(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Ne(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var dr = { exports: {} };
+var sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var u = {}.hasOwnProperty;
     function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var i = arguments[t];
         i && (r = o(r, a.call(this, i)));
       }
       return r;
@@ -783,19 +778,19 @@ var dr = { exports: {} };
         return n.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
-      return e;
+        u.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+      return t;
     }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function o(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(dr);
-var zt = dr.exports;
-const Mt = /* @__PURE__ */ qt(zt), At = {
+})(sr);
+var Oe = sr.exports;
+const qe = /* @__PURE__ */ Ne(Oe), ze = {
   "purpur-text-field": "_purpur-text-field_nj9f4_1",
   "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -812,117 +807,117 @@ const Mt = /* @__PURE__ */ qt(zt), At = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
   "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,
+}, Me = (e) => mr(e), f = qe.bind(ze), s = "purpur-text-field", Ae = ({
+  ["data-testid"]: e,
   className: u,
   clearButtonAllyLabel: n,
   beforeField: a,
   afterField: o,
   endAdornment: r,
-  errorText: e,
+  errorText: t,
   helperText: i,
-  label: f,
-  loading: $ = !1,
-  onClear: v,
-  startAdornment: A,
-  valid: M = !1,
-  ...l
-}, x) => {
-  var Z;
-  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__ */ p(
-      Ot,
+  label: v,
+  loading: h = !1,
+  onClear: m,
+  startAdornment: O,
+  valid: N = !1,
+  ...p
+}, g) => {
+  var P;
+  const q = xr(), b = p.id ?? q, d = (_) => e ? `${e}-${_}` : void 0, I = N && !t, z = i ? `${b}-helper-text` : void 0, M = [O].filter((_) => !!_), L = (typeof p.value == "number" ? p.value !== void 0 : (P = p.value) == null ? void 0 : P.length) && !p.disabled && !p.readOnly && !h && m && n, B = Me(null), dr = (_) => {
+    B.current = _, typeof g == "function" ? g(_) : g && (g.current = _);
+  }, _r = () => {
+    var _;
+    m == null || m(), (_ = B.current) == null || _.focus();
+  }, A = [
+    h && /* @__PURE__ */ l(
+      Se,
       {
-        disabled: l.disabled,
+        disabled: p.disabled,
         size: "xs",
-        "data-testid": c("spinner")
+        "data-testid": d("spinner")
       },
       "spinner"
     ),
-    X && /* @__PURE__ */ p(
-      tr,
+    L && /* @__PURE__ */ l(
+      U,
       {
         variant: "tertiary-purple",
-        onClick: vr,
+        onClick: _r,
         iconOnly: !0,
         "aria-label": n ?? "",
-        "data-testid": c("clear-button"),
+        "data-testid": d("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ p(pr, { size: "xs" })
+        children: /* @__PURE__ */ l(ur, { size: "xs" })
       },
       "clear-button"
     ),
-    F && /* @__PURE__ */ p(
-      or,
+    I && /* @__PURE__ */ l(
+      ir,
       {
-        "data-testid": c("valid-icon"),
-        className: _(`${s}__valid-icon`)
+        "data-testid": d("valid-icon"),
+        className: f(`${s}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((d) => !!d), mr = _([
+  ].filter((_) => !!_), fr = f([
     `${s}__input-container`,
     {
-      [`${s}__input-container--start-adornment`]: L.length,
-      [`${s}__input-container--end-adornment`]: B.length || r,
-      [`${s}__input-container--disabled`]: l.disabled,
-      [`${s}__input-container--has-clear-button`]: X,
-      [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
+      [`${s}__input-container--start-adornment`]: M.length,
+      [`${s}__input-container--end-adornment`]: A.length || r,
+      [`${s}__input-container--disabled`]: p.disabled,
+      [`${s}__input-container--has-clear-button`]: L,
+      [`${s}__input-container--readonly`]: p.readOnly && !p.disabled
     }
   ]);
-  return /* @__PURE__ */ b("div", { className: _(u, s), children: [
-    f && /* @__PURE__ */ p(
-      ht,
+  return /* @__PURE__ */ y("div", { className: f(u, s), children: [
+    v && /* @__PURE__ */ l(
+      be,
       {
-        htmlFor: g,
-        className: _(`${s}__label`),
-        "data-testid": c("label"),
-        disabled: l.disabled,
-        children: `${l.required ? "* " : ""}${f}`
+        htmlFor: b,
+        className: f(`${s}__label`),
+        "data-testid": d("label"),
+        disabled: p.disabled,
+        children: `${p.required ? "* " : ""}${v}`
       }
     ),
-    /* @__PURE__ */ b("div", { className: _(`${s}__field-row`), children: [
+    /* @__PURE__ */ y("div", { className: f(`${s}__field-row`), children: [
       !!a && a,
-      /* @__PURE__ */ b("div", { className: mr, children: [
-        !!L.length && /* @__PURE__ */ p(
+      /* @__PURE__ */ y("div", { className: fr, children: [
+        !!M.length && /* @__PURE__ */ l(
           "div",
           {
-            "data-testid": c("start-adornments"),
-            className: _(`${s}__adornment-container`),
-            children: L
+            "data-testid": d("start-adornments"),
+            className: f(`${s}__adornment-container`),
+            children: M
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ l(
           "input",
           {
-            ...l,
-            id: g,
-            ref: fr,
-            "data-testid": c("input"),
-            "aria-describedby": l["aria-describedby"] || I,
-            "aria-invalid": l["aria-invalid"] || !!e,
-            className: _([
+            ...p,
+            id: b,
+            ref: dr,
+            "data-testid": d("input"),
+            "aria-describedby": p["aria-describedby"] || z,
+            "aria-invalid": p["aria-invalid"] || !!t,
+            className: f([
               `${s}__input`,
               {
-                [`${s}__input--valid`]: F,
-                [`${s}__input--error`]: !!e
+                [`${s}__input--valid`]: I,
+                [`${s}__input--error`]: !!t
               }
             ])
           }
         ),
-        /* @__PURE__ */ p("div", { className: _(`${s}__frame`) }),
-        (!!B.length || r) && /* @__PURE__ */ b(
+        /* @__PURE__ */ l("div", { className: f(`${s}__frame`) }),
+        (!!A.length || r) && /* @__PURE__ */ y(
           "div",
           {
-            "data-testid": c("end-adornments"),
-            className: _(`${s}__adornment-container`),
+            "data-testid": d("end-adornments"),
+            className: f(`${s}__adornment-container`),
             children: [
-              B,
+              A,
               r
             ]
           }
@@ -930,14 +925,14 @@ const Mt = /* @__PURE__ */ qt(zt), At = {
       ] }),
       !!o && o
     ] }),
-    I && /* @__PURE__ */ p(Qr, { "data-testid": c("helper-text"), id: I, children: i }),
-    e && /* @__PURE__ */ p(Hr, { "data-testid": c("error-text"), children: e })
+    z && /* @__PURE__ */ l(Jr, { "data-testid": d("helper-text"), id: z, children: i }),
+    t && /* @__PURE__ */ l(Tr, { "data-testid": d("error-text"), children: t })
   ] });
-}, _r = h(It);
-_r.displayName = "TextField";
-const Pt = (t) => q(t) && t.type.displayName === _r.displayName;
+}, cr = J(Ae);
+cr.displayName = "TextField";
+const Ie = (e) => gr(e) && e.type.displayName === cr.displayName;
 export {
-  _r as TextField,
-  Pt as isTextField
+  cr as TextField,
+  Ie as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map