@purpurds/text-field 5.6.0 → 5.8.0

package/dist/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../src/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,wBAAwB,EAGxB,sBAAsB,EACtB,SAAS,EAEV,MAAM,OAAO,CAAC;AAYf,KAAK,kBAAkB,GAAG;IACxB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CACZ,sBAAsB,EACtB,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAC5D,CAAC;IACF;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,mBAAmB,GACpB;IACE;;SAEK;IACL,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;SAEK;IACL,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GACD;IACE;;SAEK;IACL,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;SAEK;IACL,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAC5D,kBAAkB,GAClB,mBAAmB,CAAC;AA+JtB,eAAO,MAAM,SAAS,yFAAiC,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../src/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,wBAAwB,EAGxB,sBAAsB,EACtB,SAAS,EAEV,MAAM,OAAO,CAAC;AAYf,KAAK,kBAAkB,GAAG;IACxB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CACZ,sBAAsB,EACtB,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAC5D,CAAC;IACF;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,mBAAmB,GACpB;IACE;;SAEK;IACL,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;SAEK;IACL,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GACD;IACE;;SAEK;IACL,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;SAEK;IACL,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAC5D,kBAAkB,GAClB,mBAAmB,CAAC;AAgKtB,eAAO,MAAM,SAAS,yFAAiC,CAAC"}

package/dist/text-field.es.js

@@ -1,7 +1,7 @@
-import { jsxs as O, jsx as p } from "react/jsx-runtime";
-import { forwardRef as x, Children as N, isValidElement as A, createElement as z, cloneElement as Q, useEffect as mr, Fragment as gr, useRef as xr, useId as yr } from "react";
+import { jsxs as x, jsx as p } from "react/jsx-runtime";
+import { forwardRef as y, Children as N, isValidElement as A, createElement as z, cloneElement as Q, useEffect as mr, Fragment as gr, useRef as xr, useId as yr } from "react";
 import "react-dom";
-const R = {
+const X = {
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -46,7 +46,7 @@ var U = { exports: {} };
   })();
 })(U);
 var hr = U.exports;
-const X = /* @__PURE__ */ br(hr), $r = "_rotate_1xozj_1", wr = "_dash_1xozj_1", $ = {
+const R = /* @__PURE__ */ br(hr), $r = "_rotate_1xozj_1", jr = "_dash_1xozj_1", j = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: $r,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -55,10 +55,10 @@ const X = /* @__PURE__ */ br(hr), $r = "_rotate_1xozj_1", wr = "_dash_1xozj_1",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: wr,
+  dash: jr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, w = "purpur-spinner", jr = {
+}, w = "purpur-spinner", wr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -68,20 +68,20 @@ const X = /* @__PURE__ */ br(hr), $r = "_rotate_1xozj_1", wr = "_dash_1xozj_1",
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = jr.SM,
+  size: a = wr.SM,
   ...o
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: X([$[w], $[`${w}--${a}`]]),
+    className: R([j[w], j[`${w}--${a}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: X($[`${w}__circle`], {
-          [$[`${w}__circle--disabled`]]: i,
-          [$[`${w}__circle--negative`]]: n
+        className: R(j[`${w}__circle`], {
+          [j[`${w}__circle--disabled`]]: i,
+          [j[`${w}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -161,17 +161,17 @@ const zr = /* @__PURE__ */ Or(Nr), Mr = {
   loading: e = !1,
   negative: u = !1,
   onClick: f,
-  size: v = R.MD,
-  variant: y,
+  size: v = X.MD,
+  variant: b,
   type: C = "button",
   ...l
 }, g) => {
-  if (r && y === "destructive")
+  if (r && b === "destructive")
     return null;
   const q = Ar(
     [
       m,
-      `${m}--${u ? `${y}-negative` : y}`,
+      `${m}--${u ? `${b}-negative` : b}`,
       `${m}--${v}`
     ],
     {
@@ -181,10 +181,10 @@ const zr = /* @__PURE__ */ Or(Nr), Mr = {
       [`${m}--disabled`]: a || e
     },
     i
-  ), b = (h) => {
-    a || e ? h.preventDefault() : f && f(h);
+  ), h = ($) => {
+    a || e ? $.preventDefault() : f && f($);
   }, c = !!l["aria-disabled"] || a || e;
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ x(
     "button",
     {
       className: q,
@@ -192,16 +192,16 @@ const zr = /* @__PURE__ */ Or(Nr), Mr = {
       type: C,
       ref: g,
       "aria-disabled": c,
-      onClick: b,
+      onClick: h,
       ...l,
       children: [
-        e && /* @__PURE__ */ p(Sr, { size: v === R.LG ? "xs" : "xxs", negative: u, disabled: c }),
+        e && /* @__PURE__ */ p(Sr, { size: v === X.LG ? "xs" : "xxs", negative: u, disabled: c }),
         " ",
         t
       ]
     }
   );
-}, tr = x(Cr);
+}, tr = y(Cr);
 tr.displayName = "Button";
 function qr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -251,12 +251,12 @@ const Ir = /* @__PURE__ */ qr(Dr), Br = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Lr = {
+}, Er = {
   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"
-}, Pr = Ir.bind(Br), G = "purpur-icon", Er = "md", Fr = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), kr = ({ content: t = "", title: i } = {}) => {
+}, Lr = Ir.bind(Br), G = "purpur-icon", Pr = "md", Fr = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), kr = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -269,13 +269,13 @@ const Ir = /* @__PURE__ */ qr(Dr), Br = {
   svg: i,
   allyTitle: n,
   className: a = "",
-  size: o = Er,
+  size: o = Pr,
   ...r
 }) => {
   const e = kr({
     content: Vr(i.svg),
     title: n
-  }), u = Pr(a, G, `${G}--${o}`);
+  }), u = Lr(a, G, `${G}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -287,7 +287,7 @@ const Ir = /* @__PURE__ */ qr(Dr), Br = {
     }
   );
 };
-function Rr(t) {
+function Xr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var nr = { exports: {} };
@@ -326,8 +326,8 @@ var nr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(nr);
-var Xr = nr.exports;
-const Gr = /* @__PURE__ */ Rr(Xr), T = {
+var Rr = nr.exports;
+const Gr = /* @__PURE__ */ Xr(Rr), T = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
 }, H = "purpur-field-error-text", Tr = ({
@@ -336,7 +336,7 @@ const Gr = /* @__PURE__ */ Rr(Xr), T = {
   className: n,
   relevant: a = "additions text",
   ...o
-}) => /* @__PURE__ */ O(
+}) => /* @__PURE__ */ x(
   "div",
   {
     className: Gr([n, T[H]]),
@@ -345,7 +345,7 @@ const Gr = /* @__PURE__ */ Rr(Xr), T = {
     "aria-relevant": a,
     ...o,
     children: [
-      /* @__PURE__ */ p(Zr, { svg: Lr, size: "xs", className: T[`${H}__icon`] }),
+      /* @__PURE__ */ p(Zr, { svg: Er, size: "xs", className: T[`${H}__icon`] }),
       i
     ]
   }
@@ -515,15 +515,15 @@ const nt = Ur.bind(rt), J = "purpur-icon", ut = "md", it = (t) => t.filter((i) =
     }
   );
 };
-function E() {
-  return E = Object.assign ? Object.assign.bind() : function(t) {
+function P() {
+  return P = Object.assign ? Object.assign.bind() : function(t) {
     for (var i = 1; i < arguments.length; i++) {
       var n = arguments[i];
       for (var a in n)
         Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
     }
     return t;
-  }, E.apply(this, arguments);
+  }, P.apply(this, arguments);
 }
 function M() {
   return M = Object.assign ? Object.assign.bind() : function(t) {
@@ -543,7 +543,7 @@ function lt(...t) {
     (n) => pt(n, i)
   );
 }
-const lr = /* @__PURE__ */ x((t, i) => {
+const lr = /* @__PURE__ */ y((t, i) => {
   const { children: n, ...a } = t, o = N.toArray(n), r = o.find(ct);
   if (r) {
     const e = r.props.children, u = o.map((f) => f === r ? N.count(e) > 1 ? N.only(null) : /* @__PURE__ */ A(e) ? e.props.children : null : f);
@@ -556,7 +556,7 @@ const lr = /* @__PURE__ */ x((t, i) => {
   }), n);
 });
 lr.displayName = "Slot";
-const F = /* @__PURE__ */ x((t, i) => {
+const F = /* @__PURE__ */ y((t, i) => {
   const { children: n, ...a } = t;
   return /* @__PURE__ */ A(n) ? /* @__PURE__ */ Q(n, {
     ...dt(a, n.props),
@@ -607,7 +607,7 @@ const _t = [
   "svg",
   "ul"
 ], ft = _t.reduce((t, i) => {
-  const n = /* @__PURE__ */ x((a, o) => {
+  const n = /* @__PURE__ */ y((a, o) => {
     const { asChild: r, ...e } = a, u = r ? lr : i;
     return mr(() => {
       window[Symbol.for("radix-ui")] = !0;
@@ -619,7 +619,7 @@ const _t = [
     ...t,
     [i]: n
   };
-}, {}), vt = /* @__PURE__ */ x((t, i) => /* @__PURE__ */ z(ft.label, E({}, t, {
+}, {}), vt = /* @__PURE__ */ y((t, i) => /* @__PURE__ */ z(ft.label, P({}, t, {
   ref: i,
   onMouseDown: (n) => {
     var a;
@@ -666,11 +666,11 @@ var sr = { exports: {} };
   })();
 })(sr);
 var xt = sr.exports;
-const yt = /* @__PURE__ */ gt(xt), L = {
+const yt = /* @__PURE__ */ gt(xt), E = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, P = "purpur-label", bt = ({
+}, L = "purpur-label", bt = ({
   children: t,
   className: i,
   htmlFor: n,
@@ -681,10 +681,10 @@ const yt = /* @__PURE__ */ gt(xt), L = {
 }) => {
   const u = yt([
     i,
-    L[P],
+    E[L],
     {
-      [L[`${P}--disabled`]]: o,
-      [L[`${P}--negative`]]: r
+      [E[`${L}--disabled`]]: o,
+      [E[`${L}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ p(mt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
@@ -729,19 +729,19 @@ var cr = { exports: {} };
   })();
 })(cr);
 var $t = cr.exports;
-const K = /* @__PURE__ */ ht($t), wt = "_rotate_1xozj_1", jt = "_dash_1xozj_1", j = {
+const K = /* @__PURE__ */ ht($t), jt = "_rotate_1xozj_1", wt = "_dash_1xozj_1", S = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: wt,
+  rotate: jt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: jt,
+  dash: wt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, S = "purpur-spinner", St = {
+}, O = "purpur-spinner", St = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -756,15 +756,15 @@ const K = /* @__PURE__ */ ht($t), wt = "_rotate_1xozj_1", jt = "_dash_1xozj_1",
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: K([j[S], j[`${S}--${a}`]]),
+    className: K([S[O], S[`${O}--${a}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: K(j[`${S}__circle`], {
-          [j[`${S}__circle--disabled`]]: i,
-          [j[`${S}__circle--negative`]]: n
+        className: K(S[`${O}__circle`], {
+          [S[`${O}__circle--disabled`]]: i,
+          [S[`${O}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -814,22 +814,22 @@ var dr = { exports: {} };
 })(dr);
 var zt = dr.exports;
 const Mt = /* @__PURE__ */ Nt(zt), At = {
-  "purpur-text-field": "_purpur-text-field_1er08_1",
-  "purpur-text-field__label": "_purpur-text-field__label_1er08_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_1er08_13",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_1er08_16",
-  "purpur-text-field__frame": "_purpur-text-field__frame_1er08_20",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_1er08_27",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1er08_38",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1er08_41",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1er08_44",
-  "purpur-text-field__input": "_purpur-text-field__input_1er08_27",
-  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1er08_50",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1er08_53",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1er08_94",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_1er08_94",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1er08_106",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1er08_111"
+  "purpur-text-field": "_purpur-text-field_nj9f4_1",
+  "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_nj9f4_16",
+  "purpur-text-field__frame": "_purpur-text-field__frame_nj9f4_20",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_nj9f4_27",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_nj9f4_38",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_nj9f4_41",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_nj9f4_44",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_nj9f4_47",
+  "purpur-text-field__input": "_purpur-text-field__input_nj9f4_27",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_nj9f4_53",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_nj9f4_94",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
 }, Ct = (t) => xr(t), _ = Mt.bind(At), s = "purpur-text-field", qt = ({
   ["data-testid"]: t,
   className: i,
@@ -841,12 +841,12 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
   label: u,
   loading: f = !1,
   onClear: v,
-  startAdornment: y,
+  startAdornment: b,
   valid: C = !1,
   ...l
 }, g) => {
   var Z;
-  const q = yr(), b = l.id ?? q, c = (d) => t ? `${t}-${d}` : void 0, h = C && !r, D = e ? `${b}-helper-text` : void 0, I = [y].filter((d) => !!d), k = (typeof l.value == "number" ? l.value !== void 0 : (Z = l.value) == null ? void 0 : Z.length) && !l.disabled && !l.readOnly && !f && v && n, V = Ct(null), _r = (d) => {
+  const q = yr(), h = l.id ?? q, c = (d) => t ? `${t}-${d}` : void 0, $ = C && !r, D = e ? `${h}-helper-text` : void 0, I = [b].filter((d) => !!d), k = (typeof l.value == "number" ? l.value !== void 0 : (Z = l.value) == null ? void 0 : Z.length) && !l.disabled && !l.readOnly && !f && v && n, V = Ct(null), _r = (d) => {
     V.current = d, typeof g == "function" ? g(d) : g && (g.current = d);
   }, fr = () => {
     var d;
@@ -861,14 +861,6 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
       },
       "spinner"
     ),
-    h && /* @__PURE__ */ p(
-      ar,
-      {
-        "data-testid": c("valid-icon"),
-        className: _(`${s}__valid-icon`)
-      },
-      "valid-icon"
-    ),
     k && /* @__PURE__ */ p(
       tr,
       {
@@ -882,30 +874,37 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
       },
       "clear-button"
     ),
-    o
+    $ && /* @__PURE__ */ p(
+      ar,
+      {
+        "data-testid": c("valid-icon"),
+        className: _(`${s}__valid-icon`)
+      },
+      "valid-icon"
+    )
   ].filter((d) => !!d), vr = _([
     `${s}__input-container`,
     {
       [`${s}__input-container--start-adornment`]: I.length,
-      [`${s}__input-container--end-adornment`]: B.length,
+      [`${s}__input-container--end-adornment`]: B.length || o,
       [`${s}__input-container--disabled`]: l.disabled,
       [`${s}__input-container--has-clear-button`]: k,
       [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
-  return /* @__PURE__ */ O("div", { className: _(i, s), children: [
+  return /* @__PURE__ */ x("div", { className: _(i, s), children: [
     u && /* @__PURE__ */ p(
       bt,
       {
-        htmlFor: b,
+        htmlFor: h,
         className: _(`${s}__label`),
         "data-testid": c("label"),
         disabled: l.disabled,
         children: `${l.required ? "* " : ""}${u}`
       }
     ),
-    /* @__PURE__ */ O("div", { className: _(`${s}__field-row`), children: [
-      /* @__PURE__ */ O("div", { className: vr, children: [
+    /* @__PURE__ */ x("div", { className: _(`${s}__field-row`), children: [
+      /* @__PURE__ */ x("div", { className: vr, children: [
         !!I.length && /* @__PURE__ */ p(
           "div",
           {
@@ -918,7 +917,7 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
           "input",
           {
             ...l,
-            id: b,
+            id: h,
             ref: _r,
             "data-testid": c("input"),
             "aria-describedby": l["aria-describedby"] || D,
@@ -926,19 +925,22 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
             className: _([
               `${s}__input`,
               {
-                [`${s}__input--valid`]: h,
+                [`${s}__input--valid`]: $,
                 [`${s}__input--error`]: !!r
               }
             ])
           }
         ),
         /* @__PURE__ */ p("div", { className: _(`${s}__frame`) }),
-        !!B.length && /* @__PURE__ */ p(
+        (!!B.length || o) && /* @__PURE__ */ x(
           "div",
           {
             "data-testid": c("end-adornments"),
             className: _(`${s}__adornment-container`),
-            children: B
+            children: [
+              B,
+              o
+            ]
           }
         )
       ] }),
@@ -947,7 +949,7 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
     D && /* @__PURE__ */ p(Jr, { "data-testid": c("helper-text"), id: D, children: e }),
     r && /* @__PURE__ */ p(Tr, { "data-testid": c("error-text"), children: r })
   ] });
-}, Dt = x(qt);
+}, Dt = y(qt);
 Dt.displayName = "TextField";
 export {
   Dt as TextField