@purpurds/text-field 4.0.2 → 4.1.1

package/dist/text-field.es.js

@@ -1,5 +1,5 @@
-import { jsxs as b, jsx as p } from "react/jsx-runtime";
-import { forwardRef as g, Children as f, isValidElement as $, createElement as v, cloneElement as z, useEffect as W, Fragment as rr, useId as er } from "react";
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { forwardRef as g, Children as f, isValidElement as $, createElement as m, cloneElement as z, useEffect as W, Fragment as rr, useId as er } from "react";
 import "react-dom";
 function tr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -15,8 +15,8 @@ var R = { exports: {} };
     var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
-        a && (r = l(r, u.call(this, a)));
+        var l = arguments[t];
+        l && (r = a(r, u.call(this, l)));
       }
       return r;
     }
@@ -30,11 +30,11 @@ var R = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
-      for (var a in r)
-        i.call(r, a) && r[a] && (t = l(t, this && this[a] || a));
+      for (var l in r)
+        i.call(r, l) && r[l] && (t = a(t, this && this[l] || l));
       return t;
     }
-    function l(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;
@@ -49,36 +49,36 @@ const ir = /* @__PURE__ */ tr(nr), ur = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ar = {
+}, lr = {
   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"
-}, lr = ir.bind(ur), E = "purpur-icon", pr = "md", or = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), sr = ({ content: e = "", title: i } = {}) => {
+}, ar = ir.bind(ur), E = "purpur-icon", or = "md", sr = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), pr = ({ content: e = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], u = i ? `<title>${i}</title>` : "";
-  return `<svg ${or(n)}>${u}${e}</svg>`;
+  return `<svg ${sr(n)}>${u}${e}</svg>`;
 }, dr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), cr = ({
   ["data-testid"]: e,
   svg: i,
   allyTitle: n,
   className: u = "",
-  size: l = pr,
+  size: a = or,
   ...r
 }) => {
-  const t = sr({
+  const t = pr({
     content: dr(i.svg),
     title: n
-  }), a = lr(u, E, `${E}--${l}`);
-  return /* @__PURE__ */ p(
+  }), l = ar(u, E, `${E}--${a}`);
+  return /* @__PURE__ */ o(
     "span",
     {
       "aria-label": n,
-      className: a,
+      className: l,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: t },
       ...r
@@ -99,8 +99,8 @@ var L = { exports: {} };
     var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
-        a && (r = l(r, u(a)));
+        var l = arguments[t];
+        l && (r = a(r, u(l)));
       }
       return r;
     }
@@ -114,36 +114,36 @@ var L = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
-      for (var a in r)
-        i.call(r, a) && r[a] && (t = l(t, a));
+      for (var l in r)
+        i.call(r, l) && r[l] && (t = a(t, l));
       return t;
     }
-    function l(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;
   })();
 })(L);
 var fr = L.exports;
-const vr = /* @__PURE__ */ _r(fr), P = {
+const mr = /* @__PURE__ */ _r(fr), P = {
   "purpur-field-error-text": "_purpur-field-error-text_1h4gy_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1h4gy_12"
-}, C = "purpur-field-error-text", mr = ({
+}, C = "purpur-field-error-text", vr = ({
   ["data-testid"]: e,
   children: i,
   className: n,
   relevant: u = "additions text",
-  ...l
+  ...a
 }) => /* @__PURE__ */ b(
   "div",
   {
-    className: vr([n, P[C]]),
+    className: mr([n, P[C]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": u,
-    ...l,
+    ...a,
     children: [
-      /* @__PURE__ */ p(cr, { svg: ar, size: "xs", className: P[`${C}__icon`] }),
+      /* @__PURE__ */ o(cr, { svg: lr, size: "xs", className: P[`${C}__icon`] }),
       i
     ]
   }
@@ -162,8 +162,8 @@ var T = { exports: {} };
     var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
-        a && (r = l(r, u(a)));
+        var l = arguments[t];
+        l && (r = a(r, u(l)));
       }
       return r;
     }
@@ -177,11 +177,11 @@ var T = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
-      for (var a in r)
-        i.call(r, a) && r[a] && (t = l(t, a));
+      for (var l in r)
+        i.call(r, l) && r[l] && (t = a(t, l));
       return t;
     }
-    function l(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;
@@ -196,7 +196,7 @@ const yr = /* @__PURE__ */ gr(xr), I = {
   children: i,
   className: n,
   disabled: u,
-  id: l,
+  id: a,
   ...r
 }) => {
   const t = yr([
@@ -206,7 +206,7 @@ const yr = /* @__PURE__ */ gr(xr), I = {
       [I[`${D}--disabled`]]: u
     }
   ]);
-  return /* @__PURE__ */ p("span", { id: l, className: t, "data-testid": e, ...r, children: i });
+  return /* @__PURE__ */ o("span", { id: a, className: t, "data-testid": e, ...r, children: i });
 };
 function br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -222,8 +222,8 @@ var k = { exports: {} };
     var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
-        a && (r = l(r, u.call(this, a)));
+        var l = arguments[t];
+        l && (r = a(r, u.call(this, l)));
       }
       return r;
     }
@@ -237,11 +237,11 @@ var k = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
-      for (var a in r)
-        i.call(r, a) && r[a] && (t = l(t, this && this[a] || a));
+      for (var l in r)
+        i.call(r, l) && r[l] && (t = a(t, this && this[l] || l));
       return t;
     }
-    function l(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;
@@ -274,18 +274,18 @@ const wr = /* @__PURE__ */ br($r), Sr = {
   svg: i,
   allyTitle: n,
   className: u = "",
-  size: l = jr,
+  size: a = jr,
   ...r
 }) => {
   const t = Mr({
     content: qr(i.svg),
     title: n
-  }), a = Nr(u, F, `${F}--${l}`);
-  return /* @__PURE__ */ p(
+  }), l = Nr(u, F, `${F}--${a}`);
+  return /* @__PURE__ */ o(
     "span",
     {
       "aria-label": n,
-      className: a,
+      className: l,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: t },
       ...r
@@ -302,15 +302,15 @@ function A() {
     return e;
   }, A.apply(this, arguments);
 }
-function m() {
-  return m = Object.assign ? Object.assign.bind() : function(e) {
+function v() {
+  return v = Object.assign ? Object.assign.bind() : function(e) {
     for (var i = 1; i < arguments.length; i++) {
       var n = arguments[i];
       for (var u in n)
         Object.prototype.hasOwnProperty.call(n, u) && (e[u] = n[u]);
     }
     return e;
-  }, m.apply(this, arguments);
+  }, v.apply(this, arguments);
 }
 function Pr(e, i) {
   typeof e == "function" ? e(i) : e != null && (e.current = i);
@@ -321,14 +321,14 @@ function Cr(...e) {
   );
 }
 const G = /* @__PURE__ */ g((e, i) => {
-  const { children: n, ...u } = e, l = f.toArray(n), r = l.find(Dr);
+  const { children: n, ...u } = e, a = f.toArray(n), r = a.find(Dr);
   if (r) {
-    const t = r.props.children, a = l.map((x) => x === r ? f.count(t) > 1 ? f.only(null) : /* @__PURE__ */ $(t) ? t.props.children : null : x);
-    return /* @__PURE__ */ v(M, m({}, u, {
+    const t = r.props.children, l = a.map((x) => x === r ? f.count(t) > 1 ? f.only(null) : /* @__PURE__ */ $(t) ? t.props.children : null : x);
+    return /* @__PURE__ */ m(M, v({}, u, {
       ref: i
-    }), /* @__PURE__ */ $(t) ? /* @__PURE__ */ z(t, void 0, a) : null);
+    }), /* @__PURE__ */ $(t) ? /* @__PURE__ */ z(t, void 0, l) : null);
   }
-  return /* @__PURE__ */ v(M, m({}, u, {
+  return /* @__PURE__ */ m(M, v({}, u, {
     ref: i
   }), n);
 });
@@ -341,7 +341,7 @@ const M = /* @__PURE__ */ g((e, i) => {
   }) : f.count(n) > 1 ? f.only(null) : null;
 });
 M.displayName = "SlotClone";
-const Ir = ({ children: e }) => /* @__PURE__ */ v(rr, null, e);
+const Ir = ({ children: e }) => /* @__PURE__ */ m(rr, null, e);
 function Dr(e) {
   return /* @__PURE__ */ $(e) && e.type === Ir;
 }
@@ -350,14 +350,14 @@ function Fr(e, i) {
     ...i
   };
   for (const u in i) {
-    const l = e[u], r = i[u];
-    /^on[A-Z]/.test(u) ? l && r ? n[u] = (...t) => {
-      r(...t), l(...t);
-    } : l && (n[u] = l) : u === "style" ? n[u] = {
-      ...l,
+    const a = e[u], r = i[u];
+    /^on[A-Z]/.test(u) ? a && r ? n[u] = (...t) => {
+      r(...t), a(...t);
+    } : a && (n[u] = a) : u === "style" ? n[u] = {
+      ...a,
       ...r
     } : u === "className" && (n[u] = [
-      l,
+      a,
       r
     ].filter(Boolean).join(" "));
   }
@@ -384,19 +384,19 @@ const Br = [
   "svg",
   "ul"
 ], Vr = Br.reduce((e, i) => {
-  const n = /* @__PURE__ */ g((u, l) => {
-    const { asChild: r, ...t } = u, a = r ? G : i;
+  const n = /* @__PURE__ */ g((u, a) => {
+    const { asChild: r, ...t } = u, l = r ? G : i;
     return W(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ v(a, m({}, t, {
-      ref: l
+    }, []), /* @__PURE__ */ m(l, v({}, t, {
+      ref: a
     }));
   });
   return n.displayName = `Primitive.${i}`, {
     ...e,
     [i]: n
   };
-}, {}), Zr = /* @__PURE__ */ g((e, i) => /* @__PURE__ */ v(Vr.label, A({}, e, {
+}, {}), Zr = /* @__PURE__ */ g((e, i) => /* @__PURE__ */ m(Vr.label, A({}, e, {
   ref: i,
   onMouseDown: (n) => {
     var u;
@@ -417,8 +417,8 @@ var H = { exports: {} };
     var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
-        a && (r = l(r, u(a)));
+        var l = arguments[t];
+        l && (r = a(r, u(l)));
       }
       return r;
     }
@@ -432,11 +432,11 @@ var H = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
-      for (var a in r)
-        i.call(r, a) && r[a] && (t = l(t, a));
+      for (var l in r)
+        i.call(r, l) && r[l] && (t = a(t, l));
       return t;
     }
-    function l(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;
@@ -451,15 +451,15 @@ const Tr = /* @__PURE__ */ Rr(Lr), B = {
   className: i,
   htmlFor: n,
   "data-testid": u,
-  disabled: l,
+  disabled: a,
   ...r
 }) => {
   const t = Tr([
     i,
     B[V],
-    { [B[`${V}--disabled`]]: l }
+    { [B[`${V}--disabled`]]: a }
   ]);
-  return /* @__PURE__ */ p(zr, { className: t, "data-testid": u, htmlFor: n, ...r, children: e });
+  return /* @__PURE__ */ o(zr, { className: t, "data-testid": u, htmlFor: n, ...r, children: e });
 };
 function Gr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -475,8 +475,8 @@ var X = { exports: {} };
     var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
-        a && (r = l(r, u(a)));
+        var l = arguments[t];
+        l && (r = a(r, u(l)));
       }
       return r;
     }
@@ -490,11 +490,11 @@ var X = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
-      for (var a in r)
-        i.call(r, a) && r[a] && (t = l(t, a));
+      for (var l in r)
+        i.call(r, l) && r[l] && (t = a(t, l));
       return t;
     }
-    function l(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;
@@ -530,13 +530,13 @@ const Z = /* @__PURE__ */ Gr(Hr), Xr = "_rotate_7s2g1_1", Yr = "_dash_7s2g1_1",
   size: i = Kr.SM,
   variant: n = Jr.PRIMARY,
   ...u
-}) => /* @__PURE__ */ p(
+}) => /* @__PURE__ */ o(
   "div",
   {
     className: Z([y[h], y[`${h}--${i}`]]),
     "data-testid": e,
     ...u,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
         className: Z(
@@ -564,8 +564,8 @@ var Y = { exports: {} };
     var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", t = 0; t < arguments.length; t++) {
-        var a = arguments[t];
-        a && (r = l(r, u(a)));
+        var l = arguments[t];
+        l && (r = a(r, u(l)));
       }
       return r;
     }
@@ -579,48 +579,48 @@ var Y = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
-      for (var a in r)
-        i.call(r, a) && r[a] && (t = l(t, a));
+      for (var l in r)
+        i.call(r, l) && r[l] && (t = a(t, l));
       return t;
     }
-    function l(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;
   })();
 })(Y);
 var Wr = Y.exports;
-const j = /* @__PURE__ */ Ur(Wr), o = {
-  "purpur-text-field": "_purpur-text-field_p7p5v_1",
-  "purpur-text-field__label": "_purpur-text-field__label_p7p5v_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_p7p5v_13",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_p7p5v_16",
-  "purpur-text-field__frame": "_purpur-text-field__frame_p7p5v_20",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_p7p5v_27",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_p7p5v_38",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_p7p5v_41",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_p7p5v_44",
-  "purpur-text-field__input": "_purpur-text-field__input_p7p5v_27",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_p7p5v_50",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_p7p5v_91",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_p7p5v_91",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_p7p5v_103",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_p7p5v_108"
-}, s = "purpur-text-field", re = ({
+const j = /* @__PURE__ */ Ur(Wr), s = {
+  "purpur-text-field": "_purpur-text-field_l3icd_1",
+  "purpur-text-field__label": "_purpur-text-field__label_l3icd_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_l3icd_13",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_l3icd_16",
+  "purpur-text-field__frame": "_purpur-text-field__frame_l3icd_20",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_l3icd_27",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_l3icd_38",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_l3icd_41",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_l3icd_44",
+  "purpur-text-field__input": "_purpur-text-field__input_l3icd_27",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_l3icd_50",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_l3icd_91",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_l3icd_91",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_l3icd_103",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_l3icd_108"
+}, p = "purpur-text-field", re = ({
   ["data-testid"]: e,
   className: i,
   afterField: n,
   endAdornment: u,
-  errorText: l,
+  errorText: a,
   helperText: r,
   label: t,
-  loading: a = !1,
+  loading: l = !1,
   startAdornment: x,
   valid: J = !1,
   ...d
 }, K) => {
-  const Q = er(), w = d.id ?? Q, c = (_) => e ? `${e}-${_}` : void 0, q = J && !l, S = r ? `${w}-helper-text` : void 0, O = [x].filter((_) => !!_), N = [
-    a && /* @__PURE__ */ p(
+  const Q = er(), w = d.id ?? Q, c = (_) => e ? `${e}-${_}` : void 0, q = J && !a, S = r ? `${w}-helper-text` : void 0, O = [x].filter((_) => !!_), N = [
+    l && /* @__PURE__ */ o(
       Qr,
       {
         variant: d.disabled ? "disabled" : "primary",
@@ -629,11 +629,11 @@ const j = /* @__PURE__ */ Ur(Wr), o = {
       },
       "spinner"
     ),
-    q && /* @__PURE__ */ p(
+    q && /* @__PURE__ */ o(
       Er,
       {
         "data-testid": c("valid-icon"),
-        className: o[`${s}__valid-icon`],
+        className: s[`${p}__valid-icon`],
         svg: Or,
         size: "md"
       },
@@ -641,36 +641,36 @@ const j = /* @__PURE__ */ Ur(Wr), o = {
     ),
     u
   ].filter((_) => !!_), U = j([
-    o[`${s}__input-container`],
+    s[`${p}__input-container`],
     {
-      [o[`${s}__input-container--start-adornment`]]: O.length,
-      [o[`${s}__input-container--end-adornment`]]: N.length,
-      [o[`${s}__input-container--disabled`]]: d.disabled,
-      [o[`${s}__input-container--readonly`]]: d.readOnly && !d.disabled
+      [s[`${p}__input-container--start-adornment`]]: O.length,
+      [s[`${p}__input-container--end-adornment`]]: N.length,
+      [s[`${p}__input-container--disabled`]]: d.disabled,
+      [s[`${p}__input-container--readonly`]]: d.readOnly && !d.disabled
     }
   ]);
-  return /* @__PURE__ */ b("div", { className: j(i, o[s]), children: [
-    t && /* @__PURE__ */ p(
+  return /* @__PURE__ */ b("div", { className: j(i, s[p]), children: [
+    t && /* @__PURE__ */ o(
       kr,
       {
         htmlFor: w,
-        className: o[`${s}__label`],
+        className: s[`${p}__label`],
         "data-testid": c("label"),
         disabled: d.disabled,
         children: `${d.required ? "* " : ""}${t}`
       }
     ),
-    /* @__PURE__ */ b("div", { className: o[`${s}__field-row`], children: [
+    /* @__PURE__ */ b("div", { className: s[`${p}__field-row`], children: [
       /* @__PURE__ */ b("div", { className: U, children: [
-        !!O.length && /* @__PURE__ */ p(
+        !!O.length && /* @__PURE__ */ o(
           "div",
           {
             "data-testid": c("start-adornments"),
-            className: o[`${s}__adornment-container`],
+            className: s[`${p}__adornment-container`],
             children: O
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ o(
           "input",
           {
             ...d,
@@ -678,30 +678,30 @@ const j = /* @__PURE__ */ Ur(Wr), o = {
             ref: K,
             "data-testid": c("input"),
             "aria-describedby": d["aria-describedby"] || S,
-            "aria-invalid": d["aria-invalid"] || !!l,
+            "aria-invalid": d["aria-invalid"] || !!a,
             className: j([
-              o[`${s}__input`],
+              s[`${p}__input`],
               {
-                [o[`${s}__input--valid`]]: q,
-                [o[`${s}__input--error`]]: !!l
+                [s[`${p}__input--valid`]]: q,
+                [s[`${p}__input--error`]]: !!a
               }
             ])
           }
         ),
-        /* @__PURE__ */ p("div", { className: o[`${s}__frame`] }),
-        !!N.length && /* @__PURE__ */ p(
+        /* @__PURE__ */ o("div", { className: s[`${p}__frame`] }),
+        !!N.length && /* @__PURE__ */ o(
           "div",
           {
             "data-testid": c("end-adornments"),
-            className: o[`${s}__adornment-container`],
+            className: s[`${p}__adornment-container`],
             children: N
           }
         )
       ] }),
       !!n && n
     ] }),
-    S && /* @__PURE__ */ p(hr, { "data-testid": c("helper-text"), id: S, children: r }),
-    l && /* @__PURE__ */ p(mr, { "data-testid": c("error-text"), children: l })
+    S && /* @__PURE__ */ o(hr, { "data-testid": c("helper-text"), id: S, children: r }),
+    a && /* @__PURE__ */ o(vr, { "data-testid": c("error-text"), children: a })
   ] });
 }, ee = g(re);
 ee.displayName = "TextField";