@purpurds/text-field 3.0.0

package/dist/text-field.es.js

@@ -0,0 +1,708 @@
+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 Q, Fragment as U } from "react";
+import "react-dom";
+function W(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var V = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    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)));
+      }
+      return r;
+    }
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      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));
+      return t;
+    }
+    function l(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(V);
+var rr = V.exports;
+const er = /* @__PURE__ */ W(rr), tr = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, nr = {
+  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"
+}, ir = er.bind(tr), q = "purpur-icon", ur = "md", ar = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), lr = ({ 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 ${ar(n)}>${u}${e}</svg>`;
+}, or = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pr = ({
+  ["data-testid"]: e,
+  svg: i,
+  allyTitle: n,
+  className: u = "",
+  size: l = ur,
+  ...r
+}) => {
+  const t = lr({
+    content: or(i.svg),
+    title: n
+  }), a = ir(u, q, `${q}--${l}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: t },
+      ...r
+    }
+  );
+};
+function sr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var k = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var a = arguments[t];
+        a && (r = l(r, u(a)));
+      }
+      return r;
+    }
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      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));
+      return t;
+    }
+    function l(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(k);
+var cr = k.exports;
+const dr = /* @__PURE__ */ sr(cr), C = {
+  "purpur-field-error-text": "_purpur-field-error-text_1h4gy_1",
+  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1h4gy_12"
+}, E = "purpur-field-error-text", _r = ({
+  ["data-testid"]: e,
+  children: i,
+  className: n,
+  relevant: u = "additions text",
+  ...l
+}) => /* @__PURE__ */ b(
+  "div",
+  {
+    className: dr([n, C[E]]),
+    "data-testid": e,
+    "aria-live": "assertive",
+    "aria-relevant": u,
+    ...l,
+    children: [
+      /* @__PURE__ */ o(pr, { svg: nr, size: "xs", className: C[`${E}__icon`] }),
+      i
+    ]
+  }
+);
+function fr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var L = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var a = arguments[t];
+        a && (r = l(r, u(a)));
+      }
+      return r;
+    }
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      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));
+      return t;
+    }
+    function l(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(L);
+var mr = L.exports;
+const vr = /* @__PURE__ */ fr(mr), P = {
+  "purpur-field-helper-text": "_purpur-field-helper-text_139ly_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_139ly_9"
+}, D = "purpur-field-helper-text", gr = ({
+  ["data-testid"]: e,
+  children: i,
+  className: n,
+  disabled: u,
+  id: l,
+  ...r
+}) => {
+  const t = vr([
+    n,
+    P[D],
+    {
+      [P[`${D}--disabled`]]: u
+    }
+  ]);
+  return /* @__PURE__ */ o("span", { id: l, className: t, "data-testid": e, ...r, children: i });
+};
+function xr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var R = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    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)));
+      }
+      return r;
+    }
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      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));
+      return t;
+    }
+    function l(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(R);
+var yr = R.exports;
+const hr = /* @__PURE__ */ xr(yr), br = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, $r = {
+  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"
+}, wr = hr.bind(br), I = "purpur-icon", Sr = "md", Or = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Nr = ({ 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>`;
+}, jr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ar = ({
+  ["data-testid"]: e,
+  svg: i,
+  allyTitle: n,
+  className: u = "",
+  size: l = Sr,
+  ...r
+}) => {
+  const t = Nr({
+    content: jr(i.svg),
+    title: n
+  }), a = wr(u, I, `${I}--${l}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: t },
+      ...r
+    }
+  );
+};
+function j() {
+  return j = 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;
+  }, j.apply(this, arguments);
+}
+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;
+  }, v.apply(this, arguments);
+}
+function Mr(e, i) {
+  typeof e == "function" ? e(i) : e != null && (e.current = i);
+}
+function qr(...e) {
+  return (i) => e.forEach(
+    (n) => Mr(n, i)
+  );
+}
+const T = /* @__PURE__ */ g((e, i) => {
+  const { children: n, ...u } = e, l = f.toArray(n), r = l.find(Er);
+  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__ */ m(A, v({}, u, {
+      ref: i
+    }), /* @__PURE__ */ $(t) ? /* @__PURE__ */ z(t, void 0, a) : null);
+  }
+  return /* @__PURE__ */ m(A, v({}, u, {
+    ref: i
+  }), n);
+});
+T.displayName = "Slot";
+const A = /* @__PURE__ */ g((e, i) => {
+  const { children: n, ...u } = e;
+  return /* @__PURE__ */ $(n) ? /* @__PURE__ */ z(n, {
+    ...Pr(u, n.props),
+    ref: i ? qr(i, n.ref) : n.ref
+  }) : f.count(n) > 1 ? f.only(null) : null;
+});
+A.displayName = "SlotClone";
+const Cr = ({ children: e }) => /* @__PURE__ */ m(U, null, e);
+function Er(e) {
+  return /* @__PURE__ */ $(e) && e.type === Cr;
+}
+function Pr(e, i) {
+  const n = {
+    ...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,
+      ...r
+    } : u === "className" && (n[u] = [
+      l,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...n
+  };
+}
+const Dr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], Ir = Dr.reduce((e, i) => {
+  const n = /* @__PURE__ */ g((u, l) => {
+    const { asChild: r, ...t } = u, a = r ? T : i;
+    return Q(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ m(a, v({}, t, {
+      ref: l
+    }));
+  });
+  return n.displayName = `Primitive.${i}`, {
+    ...e,
+    [i]: n
+  };
+}, {}), Br = /* @__PURE__ */ g((e, i) => /* @__PURE__ */ m(Ir.label, j({}, e, {
+  ref: i,
+  onMouseDown: (n) => {
+    var u;
+    (u = e.onMouseDown) === null || u === void 0 || u.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
+  }
+}))), Fr = Br;
+function Zr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var X = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var a = arguments[t];
+        a && (r = l(r, u(a)));
+      }
+      return r;
+    }
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      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));
+      return t;
+    }
+    function l(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(X);
+var zr = X.exports;
+const Vr = /* @__PURE__ */ Zr(zr), B = {
+  "purpur-label": "_purpur-label_1jub8_1",
+  "purpur-label--disabled": "_purpur-label--disabled_1jub8_9"
+}, F = "purpur-label", kr = ({
+  children: e,
+  className: i,
+  htmlFor: n,
+  "data-testid": u,
+  disabled: l,
+  ...r
+}) => {
+  const t = Vr([
+    i,
+    B[F],
+    { [B[`${F}--disabled`]]: l }
+  ]);
+  return /* @__PURE__ */ o(Fr, { className: t, "data-testid": u, htmlFor: n, ...r, children: e });
+};
+function Lr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var G = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var a = arguments[t];
+        a && (r = l(r, u(a)));
+      }
+      return r;
+    }
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      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));
+      return t;
+    }
+    function l(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(G);
+var Rr = G.exports;
+const Z = /* @__PURE__ */ Lr(Rr), Tr = "_rotate_7s2g1_1", Xr = "_dash_7s2g1_1", y = {
+  "purpur-spinner": "_purpur-spinner_7s2g1_1",
+  rotate: Tr,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
+  "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
+  dash: Xr,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
+  "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
+}, h = "purpur-spinner", Gr = {
+  PRIMARY: "primary",
+  DISABLED: "disabled",
+  NEGATIVE: "negative",
+  NEGATIVE_DISABLED: "negative-disabled"
+}, Hr = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Yr = ({
+  ["data-testid"]: e,
+  size: i = Hr.SM,
+  variant: n = Gr.PRIMARY,
+  ...u
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: Z([y[h], y[`${h}--${i}`]]),
+    "data-testid": e,
+    ...u,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: Z(
+          y[`${h}__circle`],
+          y[`${h}__circle--${n}`]
+        ),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function Jr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var H = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var a = arguments[t];
+        a && (r = l(r, u(a)));
+      }
+      return r;
+    }
+    function u(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      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));
+      return t;
+    }
+    function l(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(H);
+var Kr = H.exports;
+const N = /* @__PURE__ */ Jr(Kr), p = {
+  "purpur-text-field": "_purpur-text-field_182p7_1",
+  "purpur-text-field__label": "_purpur-text-field__label_182p7_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_182p7_13",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_182p7_16",
+  "purpur-text-field__frame": "_purpur-text-field__frame_182p7_20",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_182p7_27",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_182p7_35",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_182p7_38",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_182p7_41",
+  "purpur-text-field__input": "_purpur-text-field__input_182p7_27",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_182p7_47",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_182p7_88",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_182p7_88",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_182p7_97",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_182p7_102"
+}, s = "purpur-text-field", Qr = ({
+  ["data-testid"]: e,
+  className: i,
+  afterField: n,
+  endAdornment: u,
+  errorText: l,
+  helperText: r,
+  label: t,
+  loading: a = !1,
+  startAdornment: x,
+  valid: Y = !1,
+  ...c
+}, J) => {
+  const d = (_) => e ? `${e}-${_}` : void 0, M = Y && !l, w = r ? `${c.id}-helper-text` : void 0, S = [x].filter((_) => !!_), O = [
+    a && /* @__PURE__ */ o(
+      Yr,
+      {
+        variant: c.disabled ? "disabled" : "primary",
+        size: "xs",
+        "data-testid": d("spinner")
+      }
+    ),
+    M && /* @__PURE__ */ o(
+      Ar,
+      {
+        "data-testid": d("valid-icon"),
+        className: p[`${s}__valid-icon`],
+        svg: $r,
+        size: "md"
+      }
+    ),
+    u
+  ].filter((_) => !!_), K = N([
+    p[`${s}__input-container`],
+    {
+      [p[`${s}__input-container--start-adornment`]]: S.length,
+      [p[`${s}__input-container--end-adornment`]]: O.length,
+      [p[`${s}__input-container--disabled`]]: c.disabled,
+      [p[`${s}__input-container--readonly`]]: c.readOnly && !c.disabled
+    }
+  ]);
+  return /* @__PURE__ */ b("div", { className: N(i, p[s]), children: [
+    t && /* @__PURE__ */ o(
+      kr,
+      {
+        htmlFor: c.id,
+        className: p[`${s}__label`],
+        "data-testid": d("label"),
+        disabled: c.disabled,
+        children: `${c.required ? "* " : ""}${t}`
+      }
+    ),
+    /* @__PURE__ */ b("div", { className: p[`${s}__field-row`], children: [
+      /* @__PURE__ */ b("div", { className: K, children: [
+        !!S.length && /* @__PURE__ */ o(
+          "div",
+          {
+            "data-testid": d("start-adornments"),
+            className: p[`${s}__adornment-container`],
+            children: S
+          }
+        ),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            ...c,
+            ref: J,
+            "data-testid": d("input"),
+            "aria-describedby": c["aria-describedby"] || w,
+            "aria-invalid": c["aria-invalid"] || !!l,
+            className: N([
+              p[`${s}__input`],
+              {
+                [p[`${s}__input--valid`]]: M,
+                [p[`${s}__input--error`]]: !!l
+              }
+            ])
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: p[`${s}__frame`] }),
+        !!O.length && /* @__PURE__ */ o(
+          "div",
+          {
+            "data-testid": d("end-adornments"),
+            className: p[`${s}__adornment-container`],
+            children: O
+          }
+        )
+      ] }),
+      !!n && n
+    ] }),
+    w && /* @__PURE__ */ o(gr, { "data-testid": d("helper-text"), id: w, children: r }),
+    l && /* @__PURE__ */ o(_r, { "data-testid": d("error-text"), children: l })
+  ] });
+}, Ur = g(Qr);
+Ur.displayName = "TextField";
+export {
+  Ur as TextField
+};
+//# sourceMappingURL=text-field.es.js.map