@purpurds/text-field 8.2.2 → 8.2.4

package/dist/text-field.es.js

@@ -1,27 +1,27 @@
-import { jsxs as y, jsx as l, Fragment as xr } from "react/jsx-runtime";
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
-import { forwardRef as sr, useRef as $r, useId as wr, isValidElement as Sr } from "react";
+import { forwardRef as or, useRef as yr, useId as br, isValidElement as xr } from "react";
 import "react-dom";
-const Nr = {
+const $r = {
   LG: "lg"
 };
-function Or(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 L = { exports: {} };
+var D = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Z;
-function jr() {
-  return Z || (Z = 1, function(t) {
+var L;
+function Sr() {
+  return L || (L = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -35,67 +35,67 @@ function jr() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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;
     })();
-  }(L)), L.exports;
+  })(D)), D.exports;
 }
-var kr = jr();
-const Mr = /* @__PURE__ */ Or(kr), Ar = "_rotate_12t9p_1", Cr = "_dash_12t9p_1", qr = {
+var Nr = Sr();
+const Or = /* @__PURE__ */ wr(Nr), jr = "_rotate_12t9p_1", kr = "_dash_12t9p_1", Mr = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ar,
+  rotate: jr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Cr,
+  dash: kr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, F = Mr.bind(qr), x = "purpur-spinner", Rr = {
+}, Z = Or.bind(Mr), $ = "purpur-spinner", Ar = {
   SM: "sm"
-}, Br = ({
-  disabled: t = !1,
+}, Cr = ({
+  disabled: e = !1,
   negative: u = !1,
-  size: n = Rr.SM,
+  size: n = Ar.SM,
   ...a
-}) => /* @__PURE__ */ l("div", { className: F(x, `${x}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Z($, `${$}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: F(`${x}__circle`, {
-      [`${x}__circle--disabled`]: t,
-      [`${x}__circle--negative`]: u
+    className: Z(`${$}__circle`, {
+      [`${$}__circle--disabled`]: e,
+      [`${$}__circle--negative`]: u
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-function Ir(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function qr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var W = { exports: {} };
+var F = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var T;
-function Er() {
-  return T || (T = 1, function(t) {
+var W;
+function Rr() {
+  return W || (W = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -109,20 +109,20 @@ function Er() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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;
     })();
-  }(W)), W.exports;
+  })(F)), F.exports;
 }
-var Pr = Er();
-const Vr = /* @__PURE__ */ Ir(Pr), zr = {
+var Ir = Rr();
+const Br = /* @__PURE__ */ qr(Ir), Pr = {
   "purpur-button": "_purpur-button_1goi7_1",
   "purpur-button--xs": "_purpur-button--xs_1goi7_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
@@ -144,82 +144,82 @@ const Vr = /* @__PURE__ */ Ir(Pr), zr = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
   "purpur-button--text": "_purpur-button--text_1goi7_181"
-}, Dr = Vr.bind(zr), h = "purpur-button", cr = sr(
+}, Er = Br.bind(Pr), y = "purpur-button", sr = or(
   ({
-    children: t,
+    children: e,
     className: u,
     disabled: n = !1,
     fullWidth: a = !1,
     iconOnly: p,
     loading: r = !1,
-    negative: e = !1,
+    negative: t = !1,
     onClick: i,
-    size: v = "md",
-    variant: b,
-    type: w = "button",
-    ...g
+    size: f = "md",
+    variant: d,
+    type: x = "button",
+    ...v
   }, N) => {
-    if (p && b === "destructive")
+    if (p && d === "destructive")
       return null;
-    const O = Dr(
+    const O = Er(
       [
-        h,
-        `${h}--${e ? `${b}-negative` : b}`,
-        `${h}--${v}`
+        y,
+        `${y}--${t ? `${d}-negative` : d}`,
+        `${y}--${f}`
       ],
       {
-        [`${h}--icon-only`]: p,
-        [`${h}--negative`]: e,
-        [`${h}--full-width`]: a,
-        [`${h}--disabled`]: n || r
+        [`${y}--icon-only`]: p,
+        [`${y}--negative`]: t,
+        [`${y}--full-width`]: a,
+        [`${y}--disabled`]: n || r
       },
       u
     ), o = (S) => {
       n || r ? S.preventDefault() : i && i(S);
-    }, m = !!g["aria-disabled"] || n || r;
-    return /* @__PURE__ */ y(
+    }, h = !!v["aria-disabled"] || n || r;
+    return /* @__PURE__ */ b(
       "button",
       {
         className: O,
-        type: w,
+        type: x,
         ref: N,
-        "aria-disabled": m,
+        "aria-disabled": h,
         onClick: o,
-        ...g,
+        ...v,
         children: [
           r && /* @__PURE__ */ l(
-            Br,
+            Cr,
             {
-              size: v === Nr.LG ? "xs" : "xxs",
-              negative: e,
-              disabled: m
+              size: f === $r.LG ? "xs" : "xxs",
+              negative: t,
+              disabled: h
             }
           ),
           " ",
-          t
+          e
         ]
       }
     );
   }
 );
-cr.displayName = "Button";
-function Lr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+sr.displayName = "Button";
+function Vr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var G = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var H;
-function Zr() {
-  return H || (H = 1, function(t) {
+var G;
+function zr() {
+  return G || (G = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -233,20 +233,20 @@ function Zr() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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;
     })();
-  }(G)), G.exports;
+  })(T)), T.exports;
 }
-var Fr = Zr();
-const Wr = /* @__PURE__ */ Lr(Fr), Tr = {
+var Dr = zr();
+const Lr = /* @__PURE__ */ Vr(Dr), Zr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -254,45 +254,45 @@ const Wr = /* @__PURE__ */ Lr(Fr), Tr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Gr = Wr.bind(Tr), U = "purpur-icon", Hr = "md", Ur = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xr = ({ content: t = "", title: u } = {}) => {
+}, Fr = Lr.bind(Zr), H = "purpur-icon", Wr = "md", Tr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Gr = ({ 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 ${Ur(n)}>${a}${t}</svg>`;
-}, Yr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: t, allyTitle: u, className: n, size: a = Hr, ...p }) => {
-  const r = Xr({
-    content: Yr(t.svg),
+  return `<svg ${Tr(n)}>${a}${e}</svg>`;
+}, Hr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), cr = ({ svg: e, allyTitle: u, className: n, size: a = Wr, ...p }) => {
+  const r = Gr({
+    content: Hr(e.svg),
     title: u
-  }), e = Gr(n, U, `${U}--${a}`);
-  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
+  }), t = Fr(n, H, `${H}--${a}`);
+  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-dr.displayName = "Icon";
-const Jr = {
+cr.displayName = "Icon";
+const Ur = {
   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 Kr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Xr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var X = { exports: {} };
+var U = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Y;
-function Qr() {
-  return Y || (Y = 1, function(t) {
+var X;
+function Yr() {
+  return X || (X = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -306,61 +306,61 @@ function Qr() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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;
     })();
-  }(X)), X.exports;
+  })(U)), U.exports;
 }
-var rt = Qr();
-const tt = /* @__PURE__ */ Kr(rt), et = {
+var Jr = Yr();
+const Kr = /* @__PURE__ */ Xr(Jr), Qr = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, J = tt.bind(et), C = "purpur-field-error-text", nt = ({
-  children: t,
+}, Y = Kr.bind(Qr), C = "purpur-field-error-text", re = ({
+  children: e,
   className: u,
   negative: n = !1,
   ["aria-relevant"]: a = "additions text",
   ...p
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ b(
   "div",
   {
-    className: J(u, C, {
+    className: Y(u, C, {
       [`${C}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": a,
     ...p,
     children: [
-      /* @__PURE__ */ l(dr, { svg: Jr, size: "xs", className: J(`${C}__icon`) }),
-      t
+      /* @__PURE__ */ l(cr, { svg: Ur, size: "xs", className: Y(`${C}__icon`) }),
+      e
     ]
   }
 );
-function it(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function ee(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var K = { exports: {} };
+var J = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Q;
-function ut() {
-  return Q || (Q = 1, function(t) {
+var K;
+function te() {
+  return K || (K = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -374,54 +374,54 @@ function ut() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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;
     })();
-  }(K)), K.exports;
+  })(J)), J.exports;
 }
-var at = ut();
-const pt = /* @__PURE__ */ it(at), lt = {
+var ne = te();
+const ie = /* @__PURE__ */ ee(ne), ue = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, ot = pt.bind(lt), q = "purpur-field-helper-text", st = ({
-  children: t,
+}, ae = ie.bind(ue), q = "purpur-field-helper-text", pe = ({
+  children: e,
   className: u,
   disabled: n,
   id: a,
   negative: p,
   ...r
 }) => {
-  const e = ot(u, q, {
+  const t = ae(u, q, {
     [`${q}--disabled`]: n,
     [`${q}--negative`]: p
   });
-  return /* @__PURE__ */ l("span", { id: a, className: e, ...r, children: t });
+  return /* @__PURE__ */ l("span", { id: a, className: t, ...r, children: e });
 };
-function ct(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function le(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
 */
-var tr;
-function dt() {
-  return tr || (tr = 1, function(t) {
+var rr;
+function oe() {
+  return rr || (rr = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -435,20 +435,20 @@ function dt() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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)), rr.exports;
+  })(Q)), Q.exports;
 }
-var _t = dt();
-const ft = /* @__PURE__ */ ct(_t), vt = {
+var se = oe();
+const ce = /* @__PURE__ */ le(se), de = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -456,95 +456,102 @@ const ft = /* @__PURE__ */ ct(_t), vt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, gt = ft.bind(vt), er = "purpur-icon", mt = "md", ht = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), yt = ({ content: t = "", title: u } = {}) => {
+}, _e = ce.bind(de), er = "purpur-icon", fe = "md", ve = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ge = ({ 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 ${ht(n)}>${a}${t}</svg>`;
-}, bt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({ svg: t, allyTitle: u, className: n, size: a = mt, ...p }) => {
-  const r = yt({
-    content: bt(t.svg),
+  return `<svg ${ve(n)}>${a}${e}</svg>`;
+}, me = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), B = ({ svg: e, allyTitle: u, className: n, size: a = fe, ...p }) => {
+  const r = ge({
+    content: me(e.svg),
     title: u
-  }), e = gt(n, er, `${er}--${a}`);
-  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
+  }), t = _e(n, er, `${er}--${a}`);
+  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-E.displayName = "Icon";
-const xt = {
+B.displayName = "Icon";
+const he = {
   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"
-}, _r = (t) => /* @__PURE__ */ l(E, { ...t, svg: xt });
-_r.displayName = "IconCheckCircleFilled";
-const $t = {
+}, dr = (e) => /* @__PURE__ */ l(B, { ...e, svg: he });
+dr.displayName = "IconCheckCircleFilled";
+const ye = {
   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"
-}, fr = (t) => /* @__PURE__ */ l(E, { ...t, svg: $t });
-fr.displayName = "IconClose";
-function nr(t, u) {
-  if (typeof t == "function")
-    return t(u);
-  t != null && (t.current = u);
+}, _r = (e) => /* @__PURE__ */ l(B, { ...e, svg: ye });
+_r.displayName = "IconClose";
+function tr(e, u) {
+  if (typeof e == "function")
+    return e(u);
+  e != null && (e.current = u);
 }
-function wt(...t) {
+function be(...e) {
   return (u) => {
     let n = !1;
-    const a = t.map((p) => {
-      const r = nr(p, u);
+    const a = e.map((p) => {
+      const r = tr(p, u);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let p = 0; p < a.length; p++) {
           const r = a[p];
-          typeof r == "function" ? r() : nr(t[p], null);
+          typeof r == "function" ? r() : tr(e[p], null);
         }
       };
   };
 }
-var vr = c.forwardRef((t, u) => {
-  const { children: n, ...a } = t, p = c.Children.toArray(n), r = p.find(Nt);
-  if (r) {
-    const e = r.props.children, i = p.map((v) => v === r ? c.Children.count(e) > 1 ? c.Children.only(null) : c.isValidElement(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ l(I, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
-  }
-  return /* @__PURE__ */ l(I, { ...a, ref: u, children: n });
-});
-vr.displayName = "Slot";
-var I = c.forwardRef((t, u) => {
-  const { children: n, ...a } = t;
-  if (c.isValidElement(n)) {
-    const p = jt(n), r = Ot(a, n.props);
-    return n.type !== c.Fragment && (r.ref = u ? wt(u, p) : p), c.cloneElement(n, r);
-  }
-  return c.Children.count(n) > 1 ? c.Children.only(null) : null;
-});
-I.displayName = "SlotClone";
-var St = ({ children: t }) => /* @__PURE__ */ l(xr, { children: t });
-function Nt(t) {
-  return c.isValidElement(t) && t.type === St;
+// @__NO_SIDE_EFFECTS__
+function xe(e) {
+  const u = /* @__PURE__ */ $e(e), n = c.forwardRef((a, p) => {
+    const { children: r, ...t } = a, i = c.Children.toArray(r), f = i.find(Se);
+    if (f) {
+      const d = f.props.children, x = i.map((v) => v === f ? c.Children.count(d) > 1 ? c.Children.only(null) : c.isValidElement(d) ? d.props.children : null : v);
+      return /* @__PURE__ */ l(u, { ...t, ref: p, children: c.isValidElement(d) ? c.cloneElement(d, void 0, x) : null });
+    }
+    return /* @__PURE__ */ l(u, { ...t, ref: p, children: r });
+  });
+  return n.displayName = `${e}.Slot`, n;
 }
-function Ot(t, u) {
+// @__NO_SIDE_EFFECTS__
+function $e(e) {
+  const u = c.forwardRef((n, a) => {
+    const { children: p, ...r } = n;
+    if (c.isValidElement(p)) {
+      const t = Oe(p), i = Ne(r, p.props);
+      return p.type !== c.Fragment && (i.ref = a ? be(a, t) : t), c.cloneElement(p, i);
+    }
+    return c.Children.count(p) > 1 ? c.Children.only(null) : null;
+  });
+  return u.displayName = `${e}.SlotClone`, u;
+}
+var we = Symbol("radix.slottable");
+function Se(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === we;
+}
+function Ne(e, u) {
   const n = { ...u };
   for (const a in u) {
-    const p = t[a], r = u[a];
-    /^on[A-Z]/.test(a) ? p && r ? n[a] = (...e) => {
-      r(...e), p(...e);
+    const p = e[a], r = u[a];
+    /^on[A-Z]/.test(a) ? p && r ? n[a] = (...t) => {
+      const i = r(...t);
+      return p(...t), i;
     } : p && (n[a] = p) : a === "style" ? n[a] = { ...p, ...r } : a === "className" && (n[a] = [p, r].filter(Boolean).join(" "));
   }
-  return { ...t, ...n };
+  return { ...e, ...n };
 }
-function jt(t) {
+function Oe(e) {
   var u, n;
-  let a = (u = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : u.get, p = a && "isReactWarning" in a && a.isReactWarning;
-  return p ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, p = a && "isReactWarning" in a && a.isReactWarning, p ? t.props.ref : t.props.ref || t.ref);
+  let a = (u = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : u.get, p = a && "isReactWarning" in a && a.isReactWarning;
+  return p ? e.ref : (a = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, p = a && "isReactWarning" in a && a.isReactWarning, p ? e.props.ref : e.props.ref || e.ref);
 }
-var kt = [
+var je = [
   "a",
   "button",
   "div",
@@ -558,45 +565,46 @@ var kt = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
-], Mt = kt.reduce((t, u) => {
-  const n = c.forwardRef((a, p) => {
-    const { asChild: r, ...e } = a, i = r ? vr : u;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(i, { ...e, ref: p });
+], ke = je.reduce((e, u) => {
+  const n = /* @__PURE__ */ xe(`Primitive.${u}`), a = c.forwardRef((p, r) => {
+    const { asChild: t, ...i } = p, f = t ? n : u;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(f, { ...i, ref: r });
   });
-  return n.displayName = `Primitive.${u}`, { ...t, [u]: n };
-}, {}), At = "Label", gr = c.forwardRef((t, u) => /* @__PURE__ */ l(
-  Mt.label,
+  return a.displayName = `Primitive.${u}`, { ...e, [u]: a };
+}, {}), Me = "Label", fr = c.forwardRef((e, u) => /* @__PURE__ */ l(
+  ke.label,
   {
-    ...t,
+    ...e,
     ref: u,
     onMouseDown: (n) => {
       var a;
-      n.target.closest("button, input, select, textarea") || ((a = t.onMouseDown) == null || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      n.target.closest("button, input, select, textarea") || ((a = e.onMouseDown) == null || a.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-gr.displayName = At;
-var Ct = gr;
-function qt(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+fr.displayName = Me;
+var Ae = fr;
+function Ce(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ir = { exports: {} };
+var nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ur;
-function Rt() {
-  return ur || (ur = 1, function(t) {
+var ir;
+function qe() {
+  return ir || (ir = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -610,53 +618,53 @@ function Rt() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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)), ir.exports;
+  })(nr)), nr.exports;
 }
-var Bt = Rt();
-const It = /* @__PURE__ */ qt(Bt), Et = {
+var Re = qe();
+const Ie = /* @__PURE__ */ Ce(Re), Be = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Pt = It.bind(Et), R = "purpur-label", Vt = ({
-  children: t,
+}, Pe = Ie.bind(Be), R = "purpur-label", Ee = ({
+  children: e,
   className: u,
   disabled: n,
   negative: a = !1,
   ...p
 }) => {
-  const r = Pt(u, R, {
+  const r = Pe(u, R, {
     [`${R}--disabled`]: n,
     [`${R}--negative`]: a
   });
-  return /* @__PURE__ */ l(Ct, { className: r, ...p, children: t });
+  return /* @__PURE__ */ l(Ae, { className: r, ...p, children: e });
 };
-function zt(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Ve(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ar = { exports: {} };
+var ur = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var pr;
-function Dt() {
-  return pr || (pr = 1, function(t) {
+var ar;
+function ze() {
+  return ar || (ar = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -670,67 +678,67 @@ function Dt() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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)), ar.exports;
+  })(ur)), ur.exports;
 }
-var Lt = Dt();
-const Zt = /* @__PURE__ */ zt(Lt), Ft = "_rotate_12t9p_1", Wt = "_dash_12t9p_1", Tt = {
+var De = ze();
+const Le = /* @__PURE__ */ Ve(De), Ze = "_rotate_12t9p_1", Fe = "_dash_12t9p_1", We = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ft,
+  rotate: Ze,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Wt,
+  dash: Fe,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, lr = Zt.bind(Tt), $ = "purpur-spinner", Gt = {
+}, pr = Le.bind(We), w = "purpur-spinner", Te = {
   SM: "sm"
-}, Ht = ({
-  disabled: t = !1,
+}, Ge = ({
+  disabled: e = !1,
   negative: u = !1,
-  size: n = Gt.SM,
+  size: n = Te.SM,
   ...a
-}) => /* @__PURE__ */ l("div", { className: lr($, `${$}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: pr(w, `${w}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: lr(`${$}__circle`, {
-      [`${$}__circle--disabled`]: t,
-      [`${$}__circle--negative`]: u
+    className: pr(`${w}__circle`, {
+      [`${w}__circle--disabled`]: e,
+      [`${w}__circle--negative`]: u
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-function Ut(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function He(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var B = { exports: {} };
+var I = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var or;
-function Xt() {
-  return or || (or = 1, function(t) {
+var lr;
+function Ue() {
+  return lr || (lr = 1, (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 = p(r, a.call(this, i)));
         }
         return r;
@@ -744,20 +752,20 @@ function Xt() {
           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 = p(e, this && this[i] || i));
-        return e;
+          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+        return t;
       }
-      function p(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function p(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;
     })();
-  }(B)), B.exports;
+  })(I)), I.exports;
 }
-var Yt = Xt();
-const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
+var Xe = Ue();
+const Ye = /* @__PURE__ */ He(Xe), Je = {
   "purpur-text-field": "_purpur-text-field_3gl1k_1",
   "purpur-text-field__label": "_purpur-text-field__label_3gl1k_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_3gl1k_12",
@@ -774,90 +782,90 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_3gl1k_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_3gl1k_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_3gl1k_111"
-}, Qt = (t) => $r(t), f = Jt.bind(Kt), s = "purpur-text-field", mr = sr(
+}, Ke = (e) => yr(e), m = Ye.bind(Je), s = "purpur-text-field", vr = or(
   ({
-    ["data-testid"]: t,
+    ["data-testid"]: e,
     className: u,
     clearButtonAriaLabel: n,
     beforeField: a,
     afterField: p,
     endAdornment: r,
-    errorText: e,
+    errorText: t,
     helperText: i,
-    hideRequiredAsterisk: v = !1,
-    label: b,
-    loading: w = !1,
-    onClear: g,
+    hideRequiredAsterisk: f = !1,
+    label: d,
+    loading: x = !1,
+    onClear: v,
     startAdornment: N,
     valid: O = !1,
     ...o
-  }, m) => {
-    var D;
-    const S = wr(), j = o.id ?? S, _ = (d) => t ? `${t}-${d}` : void 0, P = O && !e, k = i ? `${j}-helper-text` : void 0, M = [N].filter((d) => !!d), V = (typeof o.value == "number" ? o.value !== void 0 : (D = o.value) == null ? void 0 : D.length) && !o.disabled && !o.readOnly && !w && g && n, z = Qt(null), hr = (d) => {
-      z.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
-    }, yr = () => {
-      var d;
-      g == null || g(), (d = z.current) == null || d.focus();
+  }, h) => {
+    var z;
+    const S = br(), j = o.id ?? S, g = (_) => e ? `${e}-${_}` : void 0, P = O && !t, k = i ? `${j}-helper-text` : void 0, M = [N].filter((_) => !!_), E = (typeof o.value == "number" ? o.value !== void 0 : (z = o.value) == null ? void 0 : z.length) && !o.disabled && !o.readOnly && !x && v && n, V = Ke(null), gr = (_) => {
+      V.current = _, typeof h == "function" ? h(_) : h && (h.current = _);
+    }, mr = () => {
+      var _;
+      v == null || v(), (_ = V.current) == null || _.focus();
     }, A = [
-      w && /* @__PURE__ */ l(
-        Ht,
+      x && /* @__PURE__ */ l(
+        Ge,
         {
           disabled: o.disabled,
           size: "xs",
-          "data-testid": _("spinner")
+          "data-testid": g("spinner")
         },
         "spinner"
       ),
-      V && /* @__PURE__ */ l(
-        cr,
+      E && /* @__PURE__ */ l(
+        sr,
         {
           variant: "tertiary-purple",
-          onClick: yr,
+          onClick: mr,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": _("clear-button"),
+          "data-testid": g("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(fr, { size: "xs" })
+          children: /* @__PURE__ */ l(_r, { size: "xs" })
         },
         "clear-button"
       ),
       P && /* @__PURE__ */ l(
-        _r,
+        dr,
         {
-          "data-testid": _("valid-icon"),
-          className: f(`${s}__valid-icon`)
+          "data-testid": g("valid-icon"),
+          className: m(`${s}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((d) => !!d), br = f(`${s}__input-container`, {
+    ].filter((_) => !!_), hr = m(`${s}__input-container`, {
       [`${s}__input-container--start-adornment`]: M.length,
       [`${s}__input-container--end-adornment`]: A.length || r,
       [`${s}__input-container--disabled`]: o.disabled,
-      [`${s}__input-container--has-clear-button`]: V,
+      [`${s}__input-container--has-clear-button`]: E,
       [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
     });
-    return /* @__PURE__ */ y("div", { className: f(u, s), children: [
-      b && /* @__PURE__ */ y(
-        Vt,
+    return /* @__PURE__ */ b("div", { className: m(u, s), children: [
+      d && /* @__PURE__ */ b(
+        Ee,
         {
           htmlFor: j,
-          className: f(`${s}__label`),
-          "data-testid": _("label"),
+          className: m(`${s}__label`),
+          "data-testid": g("label"),
           disabled: o.disabled,
           children: [
-            o.required && !v && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
-            b
+            o.required && !f && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
+            d
           ]
         }
       ),
-      /* @__PURE__ */ y("div", { className: f(`${s}__field-row`), children: [
+      /* @__PURE__ */ b("div", { className: m(`${s}__field-row`), children: [
         !!a && a,
-        /* @__PURE__ */ y("div", { className: br, children: [
+        /* @__PURE__ */ b("div", { className: hr, children: [
           !!M.length && /* @__PURE__ */ l(
             "div",
             {
-              "data-testid": _("start-adornments"),
-              className: f(`${s}__adornment-container`),
+              "data-testid": g("start-adornments"),
+              className: m(`${s}__adornment-container`),
               children: M
             }
           ),
@@ -866,25 +874,25 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
             {
               ...o,
               id: j,
-              ref: hr,
-              "data-testid": _("input"),
+              ref: gr,
+              "data-testid": g("input"),
               "aria-describedby": o["aria-describedby"] || k,
-              "aria-invalid": o["aria-invalid"] || !!e,
-              className: f([
+              "aria-invalid": o["aria-invalid"] || !!t,
+              className: m([
                 `${s}__input`,
                 {
                   [`${s}__input--valid`]: P,
-                  [`${s}__input--error`]: !!e
+                  [`${s}__input--error`]: !!t
                 }
               ])
             }
           ),
-          /* @__PURE__ */ l("div", { className: f(`${s}__frame`) }),
-          (!!A.length || r) && /* @__PURE__ */ y(
+          /* @__PURE__ */ l("div", { className: m(`${s}__frame`) }),
+          (!!A.length || r) && /* @__PURE__ */ b(
             "div",
             {
-              "data-testid": _("end-adornments"),
-              className: f(`${s}__adornment-container`),
+              "data-testid": g("end-adornments"),
+              className: m(`${s}__adornment-container`),
               children: [
                 A,
                 r
@@ -894,15 +902,15 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
         ] }),
         !!p && p
       ] }),
-      k && /* @__PURE__ */ l(st, { "data-testid": _("helper-text"), id: k, children: i }),
-      e && /* @__PURE__ */ l(nt, { "data-testid": _("error-text"), children: e })
+      k && /* @__PURE__ */ l(pe, { "data-testid": g("helper-text"), id: k, children: i }),
+      t && /* @__PURE__ */ l(re, { "data-testid": g("error-text"), children: t })
     ] });
   }
 );
-mr.displayName = "TextField";
-const ie = (t) => Sr(t) && t.type.displayName === mr.displayName;
+vr.displayName = "TextField";
+const nt = (e) => xr(e) && e.type.displayName === vr.displayName;
 export {
-  mr as TextField,
-  ie as isTextField
+  vr as TextField,
+  nt as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map