npm - @purpurds/text-field - Versions diffs - 8.3.1 → 8.5.0 - Mend

@purpurds/text-field 8.3.1 → 8.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/LICENSE.txt +6 -6
package/dist/text-field.cjs.js +10 -10
package/dist/text-field.cjs.js.map +1 -1
package/dist/text-field.es.js +281 -275
package/dist/text-field.es.js.map +1 -1
package/package.json +9 -9

package/dist/text-field.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsxs as b, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
-import { forwardRef as or, useRef as yr, useId as br, isValidElement as xr } from "react";
+import { forwardRef as sr, useRef as $r, useId as wr, isValidElement as jr } from "react";
 import "react-dom";
-const $r = {
+const Sr = {
   LG: "lg"
 };
-function wr(e) {
+function Nr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var D = { exports: {} };
@@ -15,18 +15,18 @@ var D = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var L;
-function Sr() {
+function Or() {
   return L || (L = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -37,37 +37,38 @@ function Sr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
   })(D)), D.exports;
 }
-var Nr = Sr();
-const Or = /* @__PURE__ */ wr(Nr), jr = "_rotate_12t9p_1", kr = "_dash_12t9p_1", Mr = {
+var kr = Or();
+const Mr = /* @__PURE__ */ Nr(kr), Ar = "_rotate_12t9p_1", Cr = "_dash_12t9p_1", qr = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: jr,
+  rotate: Ar,
   "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: kr,
+  dash: Cr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Z = Or.bind(Mr), $ = "purpur-spinner", Ar = {
+}, Z = Mr.bind(qr), $ = "purpur-spinner", Rr = {
   SM: "sm"
-}, Cr = ({
+}, cr = ({
   disabled: e = !1,
   negative: u = !1,
-  size: n = Ar.SM,
+  size: n = Rr.SM,
+  className: p,
   ...a
-}) => /* @__PURE__ */ l("div", { className: Z($, `${$}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Z($, `${$}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
     className: Z(`${$}__circle`, {
@@ -79,7 +80,8 @@ const Or = /* @__PURE__ */ wr(Nr), jr = "_rotate_12t9p_1", kr = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-function qr(e) {
+cr.displayName = "Spinner";
+function Ir(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var F = { exports: {} };
@@ -89,18 +91,18 @@ var F = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var W;
-function Rr() {
+function Br() {
   return W || (W = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -111,88 +113,90 @@ function Rr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
   })(F)), F.exports;
 }
-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",
-  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
-  "purpur-button--md": "_purpur-button--md_1goi7_45",
-  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
-  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
-  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
-  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
-  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
-  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
-  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
-  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
-  "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"
-}, Er = Br.bind(Pr), y = "purpur-button", sr = or(
+var Pr = Br();
+const Er = /* @__PURE__ */ Ir(Pr), Vr = {
+  "purpur-button": "_purpur-button_10jh0_1",
+  "purpur-button--xs": "_purpur-button--xs_10jh0_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
+  "purpur-button--sm": "_purpur-button--sm_10jh0_28",
+  "purpur-button--md": "_purpur-button--md_10jh0_34",
+  "purpur-button--lg": "_purpur-button--lg_10jh0_40",
+  "purpur-button--full-width": "_purpur-button--full-width_10jh0_46",
+  "purpur-button--primary": "_purpur-button--primary_10jh0_64",
+  "purpur-button--disabled": "_purpur-button--disabled_10jh0_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_10jh0_74",
+  "purpur-button--secondary": "_purpur-button--secondary_10jh0_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_10jh0_97",
+  "purpur-button--expressive": "_purpur-button--expressive_10jh0_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_10jh0_118",
+  "purpur-button--negative": "_purpur-button--negative_10jh0_130",
+  "purpur-button--destructive": "_purpur-button--destructive_10jh0_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_10jh0_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_10jh0_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_10jh0_170",
+  "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
+  "purpur-button--text": "_purpur-button--text_10jh0_185",
+  "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
+}, G = Er.bind(Vr), m = "purpur-button", _r = sr(
   ({
     children: e,
     className: u,
     disabled: n = !1,
-    fullWidth: a = !1,
-    iconOnly: p,
+    fullWidth: p = !1,
+    iconOnly: a,
     loading: r = !1,
     negative: t = !1,
     onClick: i,
     size: f = "md",
-    variant: d,
+    variant: _,
     type: x = "button",
     ...v
-  }, N) => {
-    if (p && d === "destructive")
+  }, S) => {
+    if (a && _ === "destructive")
       return null;
-    const O = Er(
+    const N = G(
       [
-        y,
-        `${y}--${t ? `${d}-negative` : d}`,
-        `${y}--${f}`
+        m,
+        `${m}--${t ? `${_}-negative` : _}`,
+        `${m}--${f}`
       ],
       {
-        [`${y}--icon-only`]: p,
-        [`${y}--negative`]: t,
-        [`${y}--full-width`]: a,
-        [`${y}--disabled`]: n || r
+        [`${m}--icon-only`]: a,
+        [`${m}--negative`]: t,
+        [`${m}--full-width`]: p,
+        [`${m}--disabled`]: n || r
       },
       u
-    ), o = (S) => {
-      n || r ? S.preventDefault() : i && i(S);
-    }, h = !!v["aria-disabled"] || n || r;
+    ), o = (j) => {
+      n || r ? j.preventDefault() : i && i(j);
+    }, y = !!v["aria-disabled"] || n || r;
     return /* @__PURE__ */ b(
       "button",
       {
-        className: O,
+        className: N,
         type: x,
-        ref: N,
-        "aria-disabled": h,
+        ref: S,
+        "aria-disabled": y,
         onClick: o,
         ...v,
         children: [
           r && /* @__PURE__ */ l(
-            Cr,
+            cr,
             {
-              size: f === $r.LG ? "xs" : "xxs",
+              size: f === Sr.LG ? "xs" : "xxs",
               negative: t,
-              disabled: h
+              disabled: y,
+              className: G(`${m}__spinner`)
             }
           ),
           " ",
@@ -202,8 +206,8 @@ const Br = /* @__PURE__ */ qr(Ir), Pr = {
     );
   }
 );
-sr.displayName = "Button";
-function Vr(e) {
+_r.displayName = "Button";
+function zr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var T = { exports: {} };
@@ -212,19 +216,19 @@ var T = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var G;
-function zr() {
-  return G || (G = 1, (function(e) {
+var H;
+function Dr() {
+  return H || (H = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -235,18 +239,18 @@ function zr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
   })(T)), T.exports;
 }
-var Dr = zr();
-const Lr = /* @__PURE__ */ Vr(Dr), Zr = {
+var Lr = Dr();
+const Zr = /* @__PURE__ */ zr(Lr), Fr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -254,50 +258,50 @@ const Lr = /* @__PURE__ */ Vr(Dr), Zr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, 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 } = {}) => {
+}, Wr = Zr.bind(Fr), U = "purpur-icon", Gr = "md", Tr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Hr = ({ 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 ${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),
+  ], p = u ? `<title>${u}</title>` : "";
+  return `<svg ${Tr(n)}>${p}${e}</svg>`;
+}, Ur = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: e, allyTitle: u, className: n, size: p = Gr, ...a }) => {
+  const r = Hr({
+    content: Ur(e.svg),
     title: u
-  }), t = Fr(n, H, `${H}--${a}`);
-  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
+  }), t = Wr(n, U, `${U}--${p}`);
+  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-cr.displayName = "Icon";
-const Ur = {
+dr.displayName = "Icon";
+const Yr = {
   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 Xr(e) {
+function Jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var U = { exports: {} };
+var Y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var X;
-function Yr() {
-  return X || (X = 1, (function(e) {
+var J;
+function Kr() {
+  return J || (J = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -308,64 +312,64 @@ function Yr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(U)), U.exports;
+  })(Y)), Y.exports;
 }
-var Jr = Yr();
-const Kr = /* @__PURE__ */ Xr(Jr), Qr = {
+var Qr = Kr();
+const Xr = /* @__PURE__ */ Jr(Qr), re = {
   "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"
-}, Y = Kr.bind(Qr), C = "purpur-field-error-text", re = ({
+}, K = Xr.bind(re), C = "purpur-field-error-text", ee = ({
   children: e,
   className: u,
   negative: n = !1,
-  ["aria-relevant"]: a = "additions text",
-  ...p
+  ["aria-relevant"]: p = "additions text",
+  ...a
 }) => /* @__PURE__ */ b(
   "div",
   {
-    className: Y(u, C, {
+    className: K(u, C, {
       [`${C}--negative`]: n
     }),
     "aria-live": "assertive",
-    "aria-relevant": a,
-    ...p,
+    "aria-relevant": p,
+    ...a,
     children: [
-      /* @__PURE__ */ l(cr, { svg: Ur, size: "xs", className: Y(`${C}__icon`) }),
+      /* @__PURE__ */ l(dr, { svg: Yr, size: "xs", className: K(`${C}__icon`) }),
       e
     ]
   }
 );
-function ee(e) {
+function te(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var J = { exports: {} };
+var Q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var K;
-function te() {
-  return K || (K = 1, (function(e) {
+var X;
+function ne() {
+  return X || (X = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -376,57 +380,57 @@ function te() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(J)), J.exports;
+  })(Q)), Q.exports;
 }
-var ne = te();
-const ie = /* @__PURE__ */ ee(ne), ue = {
+var ie = ne();
+const ue = /* @__PURE__ */ te(ie), ae = {
   "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"
-}, ae = ie.bind(ue), q = "purpur-field-helper-text", pe = ({
+}, pe = ue.bind(ae), q = "purpur-field-helper-text", le = ({
   children: e,
   className: u,
   disabled: n,
-  id: a,
-  negative: p,
+  id: p,
+  negative: a,
   ...r
 }) => {
-  const t = ae(u, q, {
+  const t = pe(u, q, {
     [`${q}--disabled`]: n,
-    [`${q}--negative`]: p
+    [`${q}--negative`]: a
   });
-  return /* @__PURE__ */ l("span", { id: a, className: t, ...r, children: e });
+  return /* @__PURE__ */ l("span", { id: p, className: t, ...r, children: e });
 };
-function le(e) {
+function oe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Q = { exports: {} };
+var rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var rr;
-function oe() {
-  return rr || (rr = 1, (function(e) {
+var er;
+function se() {
+  return er || (er = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -437,18 +441,18 @@ function oe() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(Q)), Q.exports;
+  })(rr)), rr.exports;
 }
-var se = oe();
-const ce = /* @__PURE__ */ le(se), de = {
+var ce = se();
+const _e = /* @__PURE__ */ oe(ce), de = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -456,102 +460,102 @@ const ce = /* @__PURE__ */ le(se), de = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, _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 } = {}) => {
+}, fe = _e.bind(de), tr = "purpur-icon", ve = "md", ge = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), he = ({ 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 ${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({
+  ], p = u ? `<title>${u}</title>` : "";
+  return `<svg ${ge(n)}>${p}${e}</svg>`;
+}, me = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), B = ({ svg: e, allyTitle: u, className: n, size: p = ve, ...a }) => {
+  const r = he({
     content: me(e.svg),
     title: u
-  }), t = _e(n, er, `${er}--${a}`);
-  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
+  }), t = fe(n, tr, `${tr}--${p}`);
+  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 B.displayName = "Icon";
-const he = {
+const ye = {
   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"
-}, dr = (e) => /* @__PURE__ */ l(B, { ...e, svg: he });
-dr.displayName = "IconCheckCircleFilled";
-const ye = {
+}, fr = (e) => /* @__PURE__ */ l(B, { ...e, svg: ye });
+fr.displayName = "IconCheckCircleFilled";
+const be = {
   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"
-}, _r = (e) => /* @__PURE__ */ l(B, { ...e, svg: ye });
-_r.displayName = "IconClose";
-function tr(e, u) {
+}, vr = (e) => /* @__PURE__ */ l(B, { ...e, svg: be });
+vr.displayName = "IconClose";
+function nr(e, u) {
   if (typeof e == "function")
     return e(u);
   e != null && (e.current = u);
 }
-function be(...e) {
+function xe(...e) {
   return (u) => {
     let n = !1;
-    const a = e.map((p) => {
-      const r = tr(p, u);
+    const p = e.map((a) => {
+      const r = nr(a, 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() : tr(e[p], null);
+        for (let a = 0; a < p.length; a++) {
+          const r = p[a];
+          typeof r == "function" ? r() : nr(e[a], null);
         }
       };
   };
 }
 // @__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);
+function $e(e) {
+  const u = /* @__PURE__ */ we(e), n = c.forwardRef((p, a) => {
+    const { children: r, ...t } = p, 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 });
+      const _ = f.props.children, x = i.map((v) => v === f ? c.Children.count(_) > 1 ? c.Children.only(null) : c.isValidElement(_) ? _.props.children : null : v);
+      return /* @__PURE__ */ l(u, { ...t, ref: a, children: c.isValidElement(_) ? c.cloneElement(_, void 0, x) : null });
     }
-    return /* @__PURE__ */ l(u, { ...t, ref: p, children: r });
+    return /* @__PURE__ */ l(u, { ...t, ref: a, children: r });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__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);
+function we(e) {
+  const u = c.forwardRef((n, p) => {
+    const { children: a, ...r } = n;
+    if (c.isValidElement(a)) {
+      const t = Oe(a), i = Ne(r, a.props);
+      return a.type !== c.Fragment && (i.ref = p ? xe(p, t) : t), c.cloneElement(a, i);
     }
-    return c.Children.count(p) > 1 ? c.Children.only(null) : null;
+    return c.Children.count(a) > 1 ? c.Children.only(null) : null;
   });
   return u.displayName = `${e}.SlotClone`, u;
 }
-var we = Symbol("radix.slottable");
+var je = Symbol("radix.slottable");
 function Se(e) {
-  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === we;
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === je;
 }
 function Ne(e, u) {
   const n = { ...u };
-  for (const a in u) {
-    const p = e[a], r = u[a];
-    /^on[A-Z]/.test(a) ? p && r ? n[a] = (...t) => {
+  for (const p in u) {
+    const a = e[p], r = u[p];
+    /^on[A-Z]/.test(p) ? a && r ? n[p] = (...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 a(...t), i;
+    } : a && (n[p] = a) : p === "style" ? n[p] = { ...a, ...r } : p === "className" && (n[p] = [a, r].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
 function Oe(e) {
   var u, n;
-  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);
+  let p = (u = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : u.get, a = p && "isReactWarning" in p && p.isReactWarning;
+  return a ? e.ref : (p = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, a = p && "isReactWarning" in p && p.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var je = [
+var ke = [
   "a",
   "button",
   "div",
@@ -569,47 +573,47 @@ var je = [
   "span",
   "svg",
   "ul"
-], 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;
+], Me = ke.reduce((e, u) => {
+  const n = /* @__PURE__ */ $e(`Primitive.${u}`), p = c.forwardRef((a, r) => {
+    const { asChild: t, ...i } = a, f = t ? n : u;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(f, { ...i, ref: r });
   });
-  return a.displayName = `Primitive.${u}`, { ...e, [u]: a };
-}, {}), Me = "Label", fr = c.forwardRef((e, u) => /* @__PURE__ */ l(
-  ke.label,
+  return p.displayName = `Primitive.${u}`, { ...e, [u]: p };
+}, {}), Ae = "Label", gr = c.forwardRef((e, u) => /* @__PURE__ */ l(
+  Me.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());
+      var p;
+      n.target.closest("button, input, select, textarea") || ((p = e.onMouseDown) == null || p.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-fr.displayName = Me;
-var Ae = fr;
-function Ce(e) {
+gr.displayName = Ae;
+var Ce = gr;
+function qe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var nr = { exports: {} };
+var ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ir;
-function qe() {
-  return ir || (ir = 1, (function(e) {
+var ur;
+function Re() {
+  return ur || (ur = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -620,56 +624,56 @@ function qe() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(nr)), nr.exports;
+  })(ir)), ir.exports;
 }
-var Re = qe();
-const Ie = /* @__PURE__ */ Ce(Re), Be = {
+var Ie = Re();
+const Be = /* @__PURE__ */ qe(Ie), Pe = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Pe = Ie.bind(Be), R = "purpur-label", Ee = ({
+}, Ee = Be.bind(Pe), R = "purpur-label", Ve = ({
   children: e,
   className: u,
   disabled: n,
-  negative: a = !1,
-  ...p
+  negative: p = !1,
+  ...a
 }) => {
-  const r = Pe(u, R, {
+  const r = Ee(u, R, {
     [`${R}--disabled`]: n,
-    [`${R}--negative`]: a
+    [`${R}--negative`]: p
   });
-  return /* @__PURE__ */ l(Ae, { className: r, ...p, children: e });
+  return /* @__PURE__ */ l(Ce, { className: r, ...a, children: e });
 };
-function Ve(e) {
+function ze(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ur = { exports: {} };
+var ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ar;
-function ze() {
-  return ar || (ar = 1, (function(e) {
+var pr;
+function De() {
+  return pr || (pr = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -680,40 +684,41 @@ function ze() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(ur)), ur.exports;
+  })(ar)), ar.exports;
 }
-var De = ze();
-const Le = /* @__PURE__ */ Ve(De), Ze = "_rotate_12t9p_1", Fe = "_dash_12t9p_1", We = {
+var Le = De();
+const Ze = /* @__PURE__ */ ze(Le), Fe = "_rotate_12t9p_1", We = "_dash_12t9p_1", Ge = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ze,
+  rotate: Fe,
   "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: Fe,
+  dash: We,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, pr = Le.bind(We), w = "purpur-spinner", Te = {
+}, lr = Ze.bind(Ge), w = "purpur-spinner", Te = {
   SM: "sm"
-}, Ge = ({
+}, hr = ({
   disabled: e = !1,
   negative: u = !1,
   size: n = Te.SM,
+  className: p,
   ...a
-}) => /* @__PURE__ */ l("div", { className: pr(w, `${w}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: lr(w, `${w}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: pr(`${w}__circle`, {
+    className: lr(`${w}__circle`, {
       [`${w}__circle--disabled`]: e,
       [`${w}__circle--negative`]: u
     }),
@@ -722,6 +727,7 @@ const Le = /* @__PURE__ */ Ve(De), Ze = "_rotate_12t9p_1", Fe = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
+hr.displayName = "Spinner";
 function He(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -731,19 +737,19 @@ var I = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var lr;
+var or;
 function Ue() {
-  return lr || (lr = 1, (function(e) {
+  return or || (or = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, a.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -754,18 +760,18 @@ function Ue() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function p(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
   })(I)), I.exports;
 }
-var Xe = Ue();
-const Ye = /* @__PURE__ */ He(Xe), Je = {
+var Ye = Ue();
+const Je = /* @__PURE__ */ He(Ye), Ke = {
   "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",
@@ -782,33 +788,33 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
   "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"
-}, Ke = (e) => yr(e), m = Ye.bind(Je), s = "purpur-text-field", vr = or(
+}, Qe = (e) => $r(e), h = Je.bind(Ke), s = "purpur-text-field", mr = sr(
   ({
     ["data-testid"]: e,
     className: u,
     clearButtonAriaLabel: n,
-    beforeField: a,
-    afterField: p,
+    beforeField: p,
+    afterField: a,
     endAdornment: r,
     errorText: t,
     helperText: i,
     hideRequiredAsterisk: f = !1,
-    label: d,
+    label: _,
     loading: x = !1,
     onClear: v,
-    startAdornment: N,
-    valid: O = !1,
+    startAdornment: S,
+    valid: N = !1,
     ...o
-  }, h) => {
+  }, y) => {
     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();
+    const j = wr(), O = o.id ?? j, g = (d) => e ? `${e}-${d}` : void 0, P = N && !t, k = i ? `${O}-helper-text` : void 0, M = [S].filter((d) => !!d), 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 = Qe(null), yr = (d) => {
+      V.current = d, typeof y == "function" ? y(d) : y && (y.current = d);
+    }, br = () => {
+      var d;
+      v == null || v(), (d = V.current) == null || d.focus();
     }, A = [
       x && /* @__PURE__ */ l(
-        Ge,
+        hr,
         {
           disabled: o.disabled,
           size: "xs",
@@ -817,55 +823,55 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
         "spinner"
       ),
       E && /* @__PURE__ */ l(
-        sr,
+        _r,
         {
           variant: "tertiary-purple",
-          onClick: mr,
+          onClick: br,
           iconOnly: !0,
           "aria-label": n ?? "",
           "data-testid": g("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(_r, { size: "xs" })
+          children: /* @__PURE__ */ l(vr, { size: "xs" })
         },
         "clear-button"
       ),
       P && /* @__PURE__ */ l(
-        dr,
+        fr,
         {
           "data-testid": g("valid-icon"),
-          className: m(`${s}__valid-icon`)
+          className: h(`${s}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((_) => !!_), hr = m(`${s}__input-container`, {
+    ].filter((d) => !!d), xr = h(`${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`]: E,
       [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
     });
-    return /* @__PURE__ */ b("div", { className: m(u, s), children: [
-      d && /* @__PURE__ */ b(
-        Ee,
+    return /* @__PURE__ */ b("div", { className: h(u, s), children: [
+      _ && /* @__PURE__ */ b(
+        Ve,
         {
-          htmlFor: j,
-          className: m(`${s}__label`),
+          htmlFor: O,
+          className: h(`${s}__label`),
           "data-testid": g("label"),
           disabled: o.disabled,
           children: [
             o.required && !f && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
-            d
+            _
           ]
         }
       ),
-      /* @__PURE__ */ b("div", { className: m(`${s}__field-row`), children: [
-        !!a && a,
-        /* @__PURE__ */ b("div", { className: hr, children: [
+      /* @__PURE__ */ b("div", { className: h(`${s}__field-row`), children: [
+        !!p && p,
+        /* @__PURE__ */ b("div", { className: xr, children: [
           !!M.length && /* @__PURE__ */ l(
             "div",
             {
               "data-testid": g("start-adornments"),
-              className: m(`${s}__adornment-container`),
+              className: h(`${s}__adornment-container`),
               children: M
             }
           ),
@@ -873,12 +879,12 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
             "input",
             {
               ...o,
-              id: j,
-              ref: gr,
+              id: O,
+              ref: yr,
               "data-testid": g("input"),
               "aria-describedby": o["aria-describedby"] || k,
               "aria-invalid": o["aria-invalid"] || !!t,
-              className: m([
+              className: h([
                 `${s}__input`,
                 {
                   [`${s}__input--valid`]: P,
@@ -887,12 +893,12 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
               ])
             }
           ),
-          /* @__PURE__ */ l("div", { className: m(`${s}__frame`) }),
+          /* @__PURE__ */ l("div", { className: h(`${s}__frame`) }),
           (!!A.length || r) && /* @__PURE__ */ b(
             "div",
             {
               "data-testid": g("end-adornments"),
-              className: m(`${s}__adornment-container`),
+              className: h(`${s}__adornment-container`),
               children: [
                 A,
                 r
@@ -900,17 +906,17 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
             }
           )
         ] }),
-        !!p && p
+        !!a && a
       ] }),
-      k && /* @__PURE__ */ l(pe, { "data-testid": g("helper-text"), id: k, children: i }),
-      t && /* @__PURE__ */ l(re, { "data-testid": g("error-text"), children: t })
+      k && /* @__PURE__ */ l(le, { "data-testid": g("helper-text"), id: k, children: i }),
+      t && /* @__PURE__ */ l(ee, { "data-testid": g("error-text"), children: t })
     ] });
   }
 );
-vr.displayName = "TextField";
-const nt = (e) => xr(e) && e.type.displayName === vr.displayName;
+mr.displayName = "TextField";
+const nt = (e) => jr(e) && e.type.displayName === mr.displayName;
 export {
-  vr as TextField,
+  mr as TextField,
   nt as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map