@purpurds/text-field 5.3.0 → 5.4.0

package/dist/text-field.es.js

@@ -1,47 +1,249 @@
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { forwardRef as y, Children as m, isValidElement as $, createElement as x, cloneElement as V, useEffect as W, Fragment as ee, useId as te } from "react";
+import { jsxs as O, jsx as p } from "react/jsx-runtime";
+import { forwardRef as y, Children as N, isValidElement as A, createElement as z, cloneElement as U, useEffect as gt, Fragment as xt, useRef as yt, useId as bt } from "react";
 import "react-dom";
-function re(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+const X = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+function ht(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var k = { exports: {} };
+var tt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(r) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
-      for (var e = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (e = l(e, a.call(this, u)));
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a(i)));
       }
+      return t;
+    }
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return n.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, i));
       return e;
     }
-    function a(e) {
-      if (typeof e == "string" || typeof e == "number")
-        return this && this[e] || e;
-      if (typeof e != "object")
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
+  })();
+})(tt);
+var $t = tt.exports;
+const G = /* @__PURE__ */ ht($t), wt = "_rotate_1xozj_1", jt = "_dash_1xozj_1", $ = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: wt,
+  "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,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, w = "purpur-spinner", St = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Ot = ({
+  ["data-testid"]: r,
+  disabled: u = !1,
+  negative: n = !1,
+  size: a = St.SM,
+  ...o
+}) => /* @__PURE__ */ p(
+  "div",
+  {
+    className: G([$[w], $[`${w}--${a}`]]),
+    "data-testid": r,
+    ...o,
+    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+      "circle",
+      {
+        className: G($[`${w}__circle`], {
+          [$[`${w}__circle--disabled`]]: u,
+          [$[`${w}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function Nt(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var rt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(r) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function n() {
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a(i)));
+      }
+      return t;
+    }
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
         return "";
-      if (Array.isArray(e))
-        return n.apply(this, e);
-      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-        return e.toString();
-      var r = "";
-      for (var u in e)
-        i.call(e, u) && e[u] && (r = l(r, this && this[u] || u));
-      return r;
-    }
-    function l(e, r) {
-      return r ? e ? e + " " + r : e + r : e;
-    }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      if (Array.isArray(t))
+        return n.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, i));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
   })();
-})(k);
-var ne = k.exports;
-const ie = /* @__PURE__ */ re(ne), ue = {
+})(rt);
+var zt = rt.exports;
+const Mt = /* @__PURE__ */ Nt(zt), m = {
+  "purpur-button": "_purpur-button_u2yv5_1",
+  "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
+  "purpur-button--md": "_purpur-button--md_u2yv5_39",
+  "purpur-button--lg": "_purpur-button--lg_u2yv5_45",
+  "purpur-button--full-width": "_purpur-button--full-width_u2yv5_51",
+  "purpur-button--primary": "_purpur-button--primary_u2yv5_54",
+  "purpur-button--disabled": "_purpur-button--disabled_u2yv5_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_u2yv5_64",
+  "purpur-button--secondary": "_purpur-button--secondary_u2yv5_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_u2yv5_87",
+  "purpur-button--expressive": "_purpur-button--expressive_u2yv5_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_u2yv5_108",
+  "purpur-button--negative": "_purpur-button--negative_u2yv5_120",
+  "purpur-button--destructive": "_purpur-button--destructive_u2yv5_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_u2yv5_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_u2yv5_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
+  "purpur-button--text": "_purpur-button--text_u2yv5_175"
+}, g = "purpur-button", At = ({
+  children: r,
+  className: u,
+  ["data-testid"]: n,
+  disabled: a = !1,
+  fullWidth: o = !1,
+  iconOnly: t,
+  loading: e = !1,
+  negative: i = !1,
+  onClick: f,
+  size: v = X.MD,
+  variant: b,
+  type: C = "button",
+  ...l
+}, x) => {
+  if (t && b === "destructive")
+    return null;
+  const q = Mt(
+    [
+      m[g],
+      m[`${g}--${i ? `${b}-negative` : b}`],
+      m[`${g}--${v}`]
+    ],
+    {
+      [m[`${g}--icon-only`]]: t,
+      [m[`${g}--negative`]]: i,
+      [m[`${g}--full-width`]]: o,
+      [m[`${g}--disabled`]]: a || e
+    },
+    u
+  ), h = (c) => {
+    a || e ? c.preventDefault() : f && f(c);
+  };
+  return /* @__PURE__ */ O(
+    "button",
+    {
+      className: q,
+      "data-testid": n,
+      type: C,
+      ref: x,
+      "aria-disabled": l["aria-disabled"] || a || e,
+      onClick: h,
+      ...l,
+      children: [
+        e && /* @__PURE__ */ p(Ot, { size: v === X.LG ? "xs" : "xxs", negative: i, disabled: a }),
+        " ",
+        r
+      ]
+    }
+  );
+}, et = y(At);
+et.displayName = "Button";
+function Ct(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var nt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(r) {
+  (function() {
+    var u = {}.hasOwnProperty;
+    function n() {
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a.call(this, i)));
+      }
+      return t;
+    }
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return n.apply(this, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, this && this[i] || i));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
+  })();
+})(nt);
+var qt = nt.exports;
+const Dt = /* @__PURE__ */ Ct(qt), Bt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,206 +251,206 @@ const ie = /* @__PURE__ */ re(ne), ue = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ae = {
+}, It = {
   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"
-}, le = ie.bind(ue), P = "purpur-icon", oe = "md", se = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), pe = ({ content: t = "", title: i } = {}) => {
+}, Pt = Dt.bind(Bt), T = "purpur-icon", Et = "md", Ft = (r) => r.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Lt = ({ content: r = "", title: u } = {}) => {
   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" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${se(n)}>${a}${t}</svg>`;
-}, ce = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), de = ({
-  ["data-testid"]: t,
-  svg: i,
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = u ? `<title>${u}</title>` : "";
+  return `<svg ${Ft(n)}>${a}${r}</svg>`;
+}, Vt = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), kt = ({
+  ["data-testid"]: r,
+  svg: u,
   allyTitle: n,
   className: a = "",
-  size: l = oe,
-  ...e
+  size: o = Et,
+  ...t
 }) => {
-  const r = pe({
-    content: ce(i.svg),
+  const e = Lt({
+    content: Vt(u.svg),
     title: n
-  }), u = le(a, P, `${P}--${l}`);
-  return /* @__PURE__ */ o(
+  }), i = Pt(a, T, `${T}--${o}`);
+  return /* @__PURE__ */ p(
     "span",
     {
       "aria-label": n,
-      className: u,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: r },
-      ...e
+      className: i,
+      "data-testid": r,
+      dangerouslySetInnerHTML: { __html: e },
+      ...t
     }
   );
 };
-function _e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Zt(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var L = { exports: {} };
+var ut = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(r) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
-      for (var e = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (e = l(e, a(u)));
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a(i)));
       }
-      return e;
+      return t;
     }
-    function a(e) {
-      if (typeof e == "string" || typeof e == "number")
-        return e;
-      if (typeof e != "object")
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
         return "";
-      if (Array.isArray(e))
-        return n.apply(null, e);
-      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-        return e.toString();
-      var r = "";
-      for (var u in e)
-        i.call(e, u) && e[u] && (r = l(r, u));
-      return r;
-    }
-    function l(e, r) {
-      return r ? e ? e + " " + r : e + r : e;
-    }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      if (Array.isArray(t))
+        return n.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, i));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
   })();
-})(L);
-var fe = L.exports;
-const ve = /* @__PURE__ */ _e(fe), E = {
+})(ut);
+var Rt = ut.exports;
+const Xt = /* @__PURE__ */ Zt(Rt), H = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, F = "purpur-field-error-text", me = ({
-  ["data-testid"]: t,
-  children: i,
+}, W = "purpur-field-error-text", Gt = ({
+  ["data-testid"]: r,
+  children: u,
   className: n,
   relevant: a = "additions text",
-  ...l
-}) => /* @__PURE__ */ b(
+  ...o
+}) => /* @__PURE__ */ O(
   "div",
   {
-    className: ve([n, E[F]]),
-    "data-testid": t,
+    className: Xt([n, H[W]]),
+    "data-testid": r,
     "aria-live": "assertive",
     "aria-relevant": a,
-    ...l,
+    ...o,
     children: [
-      /* @__PURE__ */ o(de, { svg: ae, size: "xs", className: E[`${F}__icon`] }),
-      i
+      /* @__PURE__ */ p(kt, { svg: It, size: "xs", className: H[`${W}__icon`] }),
+      u
     ]
   }
 );
-function xe(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Tt(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var T = { exports: {} };
+var it = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(r) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
-      for (var e = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (e = l(e, a(u)));
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a(i)));
       }
-      return e;
+      return t;
     }
-    function a(e) {
-      if (typeof e == "string" || typeof e == "number")
-        return e;
-      if (typeof e != "object")
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
         return "";
-      if (Array.isArray(e))
-        return n.apply(null, e);
-      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-        return e.toString();
-      var r = "";
-      for (var u in e)
-        i.call(e, u) && e[u] && (r = l(r, u));
-      return r;
-    }
-    function l(e, r) {
-      return r ? e ? e + " " + r : e + r : e;
-    }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      if (Array.isArray(t))
+        return n.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, i));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
   })();
-})(T);
-var ge = T.exports;
-const ye = /* @__PURE__ */ xe(ge), D = {
+})(it);
+var Ht = it.exports;
+const Wt = /* @__PURE__ */ Tt(Ht), Y = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, I = "purpur-field-helper-text", he = ({
-  ["data-testid"]: t,
-  children: i,
+}, J = "purpur-field-helper-text", Yt = ({
+  ["data-testid"]: r,
+  children: u,
   className: n,
   disabled: a,
-  id: l,
-  ...e
+  id: o,
+  ...t
 }) => {
-  const r = ye([
+  const e = Wt([
     n,
-    D[I],
+    Y[J],
     {
-      [D[`${I}--disabled`]]: a
+      [Y[`${J}--disabled`]]: a
     }
   ]);
-  return /* @__PURE__ */ o("span", { id: l, className: r, "data-testid": t, ...e, children: i });
+  return /* @__PURE__ */ p("span", { id: o, className: e, "data-testid": r, ...t, children: u });
 };
-function be(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Jt(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var X = { exports: {} };
+var at = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(r) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
-      for (var e = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (e = l(e, a.call(this, u)));
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a.call(this, i)));
       }
-      return e;
+      return t;
     }
-    function a(e) {
-      if (typeof e == "string" || typeof e == "number")
-        return this && this[e] || e;
-      if (typeof e != "object")
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "object")
         return "";
-      if (Array.isArray(e))
-        return n.apply(this, e);
-      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-        return e.toString();
-      var r = "";
-      for (var u in e)
-        i.call(e, u) && e[u] && (r = l(r, this && this[u] || u));
-      return r;
-    }
-    function l(e, r) {
-      return r ? e ? e + " " + r : e + r : e;
-    }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      if (Array.isArray(t))
+        return n.apply(this, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, this && this[i] || i));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
   })();
-})(X);
-var $e = X.exports;
-const we = /* @__PURE__ */ be($e), je = {
+})(at);
+var Kt = at.exports;
+const Qt = /* @__PURE__ */ Jt(Kt), Ut = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -256,117 +458,138 @@ const we = /* @__PURE__ */ be($e), je = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Se = {
+}, tr = {
   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"
-}, Oe = we.bind(je), Z = "purpur-icon", Ne = "md", qe = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ae = ({ content: t = "", title: i } = {}) => {
+}, rr = {
+  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"
+}, ot = (r) => /* @__PURE__ */ p(
+  lt,
+  {
+    ...r,
+    svg: tr
+  }
+);
+ot.displayName = "IconCheckCircleFilled";
+const pt = (r) => /* @__PURE__ */ p(
+  lt,
+  {
+    ...r,
+    svg: rr
+  }
+);
+pt.displayName = "IconClose";
+const er = Qt.bind(Ut), K = "purpur-icon", nr = "md", ur = (r) => r.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ir = ({ content: r = "", title: u } = {}) => {
   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" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${qe(n)}>${a}${t}</svg>`;
-}, ze = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Me = ({
-  ["data-testid"]: t,
-  svg: i,
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = u ? `<title>${u}</title>` : "";
+  return `<svg ${ur(n)}>${a}${r}</svg>`;
+}, ar = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), lt = ({
+  ["data-testid"]: r,
+  svg: u,
   allyTitle: n,
   className: a = "",
-  size: l = Ne,
-  ...e
+  size: o = nr,
+  ...t
 }) => {
-  const r = Ae({
-    content: ze(i.svg),
+  const e = ir({
+    content: ar(u.svg),
     title: n
-  }), u = Oe(a, Z, `${Z}--${l}`);
-  return /* @__PURE__ */ o(
+  }), i = er(a, K, `${K}--${o}`);
+  return /* @__PURE__ */ p(
     "span",
     {
       "aria-label": n,
-      className: u,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: r },
-      ...e
+      className: i,
+      "data-testid": r,
+      dangerouslySetInnerHTML: { __html: e },
+      ...t
     }
   );
 };
-function z() {
-  return z = Object.assign ? Object.assign.bind() : function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
+function F() {
+  return F = Object.assign ? Object.assign.bind() : function(r) {
+    for (var u = 1; u < arguments.length; u++) {
+      var n = arguments[u];
       for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+        Object.prototype.hasOwnProperty.call(n, a) && (r[a] = n[a]);
     }
-    return t;
-  }, z.apply(this, arguments);
+    return r;
+  }, F.apply(this, arguments);
 }
-function g() {
-  return g = Object.assign ? Object.assign.bind() : function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
+function M() {
+  return M = Object.assign ? Object.assign.bind() : function(r) {
+    for (var u = 1; u < arguments.length; u++) {
+      var n = arguments[u];
       for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+        Object.prototype.hasOwnProperty.call(n, a) && (r[a] = n[a]);
     }
-    return t;
-  }, g.apply(this, arguments);
+    return r;
+  }, M.apply(this, arguments);
 }
-function Ce(t, i) {
-  typeof t == "function" ? t(i) : t != null && (t.current = i);
+function or(r, u) {
+  typeof r == "function" ? r(u) : r != null && (r.current = u);
 }
-function Pe(...t) {
-  return (i) => t.forEach(
-    (n) => Ce(n, i)
+function pr(...r) {
+  return (u) => r.forEach(
+    (n) => or(n, u)
   );
 }
-const H = /* @__PURE__ */ y((t, i) => {
-  const { children: n, ...a } = t, l = m.toArray(n), e = l.find(Fe);
-  if (e) {
-    const r = e.props.children, u = l.map((h) => h === e ? m.count(r) > 1 ? m.only(null) : /* @__PURE__ */ $(r) ? r.props.children : null : h);
-    return /* @__PURE__ */ x(M, g({}, a, {
-      ref: i
-    }), /* @__PURE__ */ $(r) ? /* @__PURE__ */ V(r, void 0, u) : null);
+const st = /* @__PURE__ */ y((r, u) => {
+  const { children: n, ...a } = r, o = N.toArray(n), t = o.find(sr);
+  if (t) {
+    const e = t.props.children, i = o.map((f) => f === t ? N.count(e) > 1 ? N.only(null) : /* @__PURE__ */ A(e) ? e.props.children : null : f);
+    return /* @__PURE__ */ z(L, M({}, a, {
+      ref: u
+    }), /* @__PURE__ */ A(e) ? /* @__PURE__ */ U(e, void 0, i) : null);
   }
-  return /* @__PURE__ */ x(M, g({}, a, {
-    ref: i
+  return /* @__PURE__ */ z(L, M({}, a, {
+    ref: u
   }), n);
 });
-H.displayName = "Slot";
-const M = /* @__PURE__ */ y((t, i) => {
-  const { children: n, ...a } = t;
-  return /* @__PURE__ */ $(n) ? /* @__PURE__ */ V(n, {
-    ...De(a, n.props),
-    ref: i ? Pe(i, n.ref) : n.ref
-  }) : m.count(n) > 1 ? m.only(null) : null;
+st.displayName = "Slot";
+const L = /* @__PURE__ */ y((r, u) => {
+  const { children: n, ...a } = r;
+  return /* @__PURE__ */ A(n) ? /* @__PURE__ */ U(n, {
+    ...cr(a, n.props),
+    ref: u ? pr(u, n.ref) : n.ref
+  }) : N.count(n) > 1 ? N.only(null) : null;
 });
-M.displayName = "SlotClone";
-const Ee = ({ children: t }) => /* @__PURE__ */ x(ee, null, t);
-function Fe(t) {
-  return /* @__PURE__ */ $(t) && t.type === Ee;
+L.displayName = "SlotClone";
+const lr = ({ children: r }) => /* @__PURE__ */ z(xt, null, r);
+function sr(r) {
+  return /* @__PURE__ */ A(r) && r.type === lr;
 }
-function De(t, i) {
+function cr(r, u) {
   const n = {
-    ...i
+    ...u
   };
-  for (const a in i) {
-    const l = t[a], e = i[a];
-    /^on[A-Z]/.test(a) ? l && e ? n[a] = (...r) => {
-      e(...r), l(...r);
-    } : l && (n[a] = l) : a === "style" ? n[a] = {
-      ...l,
-      ...e
+  for (const a in u) {
+    const o = r[a], t = u[a];
+    /^on[A-Z]/.test(a) ? o && t ? n[a] = (...e) => {
+      t(...e), o(...e);
+    } : o && (n[a] = o) : a === "style" ? n[a] = {
+      ...o,
+      ...t
     } : a === "className" && (n[a] = [
-      l,
-      e
+      o,
+      t
     ].filter(Boolean).join(" "));
   }
   return {
-    ...t,
+    ...r,
     ...n
   };
 }
-const Ie = [
+const dr = [
   "a",
   "button",
   "div",
@@ -383,165 +606,165 @@ const Ie = [
   "span",
   "svg",
   "ul"
-], Ze = Ie.reduce((t, i) => {
-  const n = /* @__PURE__ */ y((a, l) => {
-    const { asChild: e, ...r } = a, u = e ? H : i;
-    return W(() => {
+], _r = dr.reduce((r, u) => {
+  const n = /* @__PURE__ */ y((a, o) => {
+    const { asChild: t, ...e } = a, i = t ? st : u;
+    return gt(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ x(u, g({}, r, {
-      ref: l
+    }, []), /* @__PURE__ */ z(i, M({}, e, {
+      ref: o
     }));
   });
-  return n.displayName = `Primitive.${i}`, {
-    ...t,
-    [i]: n
+  return n.displayName = `Primitive.${u}`, {
+    ...r,
+    [u]: n
   };
-}, {}), Be = /* @__PURE__ */ y((t, i) => /* @__PURE__ */ x(Ze.label, z({}, t, {
-  ref: i,
+}, {}), fr = /* @__PURE__ */ y((r, u) => /* @__PURE__ */ z(_r.label, F({}, r, {
+  ref: u,
   onMouseDown: (n) => {
     var a;
-    (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
+    (a = r.onMouseDown) === null || a === void 0 || a.call(r, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), Ve = Be;
-function ke(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}))), vr = fr;
+function mr(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var R = { exports: {} };
+var ct = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(r) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
-      for (var e = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (e = l(e, a(u)));
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a(i)));
       }
-      return e;
+      return t;
     }
-    function a(e) {
-      if (typeof e == "string" || typeof e == "number")
-        return e;
-      if (typeof e != "object")
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
         return "";
-      if (Array.isArray(e))
-        return n.apply(null, e);
-      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-        return e.toString();
-      var r = "";
-      for (var u in e)
-        i.call(e, u) && e[u] && (r = l(r, u));
-      return r;
-    }
-    function l(e, r) {
-      return r ? e ? e + " " + r : e + r : e;
-    }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      if (Array.isArray(t))
+        return n.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, i));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
   })();
-})(R);
-var Le = R.exports;
-const Te = /* @__PURE__ */ ke(Le), N = {
+})(ct);
+var gr = ct.exports;
+const xr = /* @__PURE__ */ mr(gr), P = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, q = "purpur-label", Xe = ({
-  children: t,
-  className: i,
+}, E = "purpur-label", yr = ({
+  children: r,
+  className: u,
   htmlFor: n,
   "data-testid": a,
-  disabled: l,
-  negative: e = !1,
-  ...r
+  disabled: o,
+  negative: t = !1,
+  ...e
 }) => {
-  const u = Te([
-    i,
-    N[q],
+  const i = xr([
+    u,
+    P[E],
     {
-      [N[`${q}--disabled`]]: l,
-      [N[`${q}--negative`]]: e
+      [P[`${E}--disabled`]]: o,
+      [P[`${E}--negative`]]: t
     }
   ]);
-  return /* @__PURE__ */ o(Ve, { className: u, "data-testid": a, htmlFor: n, ...r, children: t });
+  return /* @__PURE__ */ p(vr, { className: i, "data-testid": a, htmlFor: n, ...e, children: r });
 };
-function He(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function br(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var G = { exports: {} };
+var dt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(r) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
-      for (var e = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (e = l(e, a(u)));
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a(i)));
       }
-      return e;
+      return t;
     }
-    function a(e) {
-      if (typeof e == "string" || typeof e == "number")
-        return e;
-      if (typeof e != "object")
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
         return "";
-      if (Array.isArray(e))
-        return n.apply(null, e);
-      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-        return e.toString();
-      var r = "";
-      for (var u in e)
-        i.call(e, u) && e[u] && (r = l(r, u));
-      return r;
-    }
-    function l(e, r) {
-      return r ? e ? e + " " + r : e + r : e;
-    }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      if (Array.isArray(t))
+        return n.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, i));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
   })();
-})(G);
-var Re = G.exports;
-const B = /* @__PURE__ */ He(Re), Ge = "_rotate_1xozj_1", Ye = "_dash_1xozj_1", f = {
+})(dt);
+var hr = dt.exports;
+const Q = /* @__PURE__ */ br(hr), $r = "_rotate_1xozj_1", wr = "_dash_1xozj_1", j = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Ge,
+  rotate: $r,
   "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: Ye,
+  dash: wr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, v = "purpur-spinner", Je = {
+}, S = "purpur-spinner", jr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Ke = ({
-  ["data-testid"]: t,
-  disabled: i = !1,
+}, Sr = ({
+  ["data-testid"]: r,
+  disabled: u = !1,
   negative: n = !1,
-  size: a = Je.SM,
-  ...l
-}) => /* @__PURE__ */ o(
+  size: a = jr.SM,
+  ...o
+}) => /* @__PURE__ */ p(
   "div",
   {
-    className: B([f[v], f[`${v}--${a}`]]),
-    "data-testid": t,
-    ...l,
-    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+    className: Q([j[S], j[`${S}--${a}`]]),
+    "data-testid": r,
+    ...o,
+    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: B(f[`${v}__circle`], {
-          [f[`${v}__circle--disabled`]]: i,
-          [f[`${v}__circle--negative`]]: n
+        className: Q(j[`${S}__circle`], {
+          [j[`${S}__circle--disabled`]]: u,
+          [j[`${S}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -550,162 +773,183 @@ const B = /* @__PURE__ */ He(Re), Ge = "_rotate_1xozj_1", Ye = "_dash_1xozj_1",
     ) })
   }
 );
-function Qe(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Or(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var Y = { exports: {} };
+var _t = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(r) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var u = {}.hasOwnProperty;
     function n() {
-      for (var e = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (e = l(e, a(u)));
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = o(t, a.call(this, i)));
       }
-      return e;
+      return t;
     }
-    function a(e) {
-      if (typeof e == "string" || typeof e == "number")
-        return e;
-      if (typeof e != "object")
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "object")
         return "";
-      if (Array.isArray(e))
-        return n.apply(null, e);
-      if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
-        return e.toString();
-      var r = "";
-      for (var u in e)
-        i.call(e, u) && e[u] && (r = l(r, u));
-      return r;
-    }
-    function l(e, r) {
-      return r ? e ? e + " " + r : e + r : e;
-    }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      if (Array.isArray(t))
+        return n.apply(this, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var i in t)
+        u.call(t, i) && t[i] && (e = o(e, this && this[i] || i));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
   })();
-})(Y);
-var Ue = Y.exports;
-const A = /* @__PURE__ */ Qe(Ue), s = {
-  "purpur-text-field": "_purpur-text-field_v187q_1",
-  "purpur-text-field__label": "_purpur-text-field__label_v187q_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_v187q_13",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_v187q_16",
-  "purpur-text-field__frame": "_purpur-text-field__frame_v187q_20",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_v187q_27",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_v187q_38",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_v187q_41",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_v187q_44",
-  "purpur-text-field__input": "_purpur-text-field__input_v187q_27",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_v187q_50",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_v187q_91",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_v187q_91",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_v187q_103",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_v187q_108"
-}, p = "purpur-text-field", We = ({
-  ["data-testid"]: t,
-  className: i,
-  afterField: n,
-  endAdornment: a,
-  errorText: l,
+})(_t);
+var Nr = _t.exports;
+const zr = /* @__PURE__ */ Or(Nr), Mr = {
+  "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"
+}, Ar = (r) => yt(r), _ = zr.bind(Mr), s = "purpur-text-field", Cr = ({
+  ["data-testid"]: r,
+  className: u,
+  clearButtonAllyLabel: n,
+  afterField: a,
+  endAdornment: o,
+  errorText: t,
   helperText: e,
-  label: r,
-  loading: u = !1,
-  startAdornment: h,
-  valid: J = !1,
-  ...c
-}, K) => {
-  const Q = te(), w = c.id ?? Q, d = (_) => t ? `${t}-${_}` : void 0, C = J && !l, j = e ? `${w}-helper-text` : void 0, S = [h].filter((_) => !!_), O = [
-    u && /* @__PURE__ */ o(
-      Ke,
+  label: i,
+  loading: f = !1,
+  onClear: v,
+  startAdornment: b,
+  valid: C = !1,
+  ...l
+}, x) => {
+  var R;
+  const q = bt(), h = l.id ?? q, c = (d) => r ? `${r}-${d}` : void 0, V = C && !t, D = e ? `${h}-helper-text` : void 0, B = [b].filter((d) => !!d), k = (typeof l.value == "number" ? l.value !== void 0 : (R = l.value) == null ? void 0 : R.length) && !l.disabled && !l.readOnly && !f && v && n, Z = Ar(null), ft = (d) => {
+    Z.current = d, typeof x == "function" ? x(d) : x && (x.current = d);
+  }, vt = () => {
+    var d;
+    v == null || v(), (d = Z.current) == null || d.focus();
+  }, I = [
+    f && /* @__PURE__ */ p(
+      Sr,
       {
-        disabled: c.disabled,
+        disabled: l.disabled,
         size: "xs",
-        "data-testid": d("spinner")
+        "data-testid": c("spinner")
       },
       "spinner"
     ),
-    C && /* @__PURE__ */ o(
-      Me,
+    V && /* @__PURE__ */ p(
+      ot,
       {
-        "data-testid": d("valid-icon"),
-        className: s[`${p}__valid-icon`],
-        svg: Se,
-        size: "md"
+        "data-testid": c("valid-icon"),
+        className: _(`${s}__valid-icon`)
       },
       "valid-icon"
     ),
-    a
-  ].filter((_) => !!_), U = A([
-    s[`${p}__input-container`],
+    k && /* @__PURE__ */ p(
+      et,
+      {
+        variant: "tertiary-purple",
+        onClick: vt,
+        iconOnly: !0,
+        "aria-label": n ?? "",
+        "data-testid": c("clear-button"),
+        tabIndex: -1,
+        children: /* @__PURE__ */ p(pt, { size: "xs" })
+      },
+      "clear-button"
+    ),
+    o
+  ].filter((d) => !!d), mt = _([
+    `${s}__input-container`,
     {
-      [s[`${p}__input-container--start-adornment`]]: S.length,
-      [s[`${p}__input-container--end-adornment`]]: O.length,
-      [s[`${p}__input-container--disabled`]]: c.disabled,
-      [s[`${p}__input-container--readonly`]]: c.readOnly && !c.disabled
+      [`${s}__input-container--start-adornment`]: B.length,
+      [`${s}__input-container--end-adornment`]: I.length,
+      [`${s}__input-container--disabled`]: l.disabled,
+      [`${s}__input-container--has-clear-button`]: k,
+      [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
-  return /* @__PURE__ */ b("div", { className: A(i, s[p]), children: [
-    r && /* @__PURE__ */ o(
-      Xe,
+  return /* @__PURE__ */ O("div", { className: _(u, s), children: [
+    i && /* @__PURE__ */ p(
+      yr,
       {
-        htmlFor: w,
-        className: s[`${p}__label`],
-        "data-testid": d("label"),
-        disabled: c.disabled,
-        children: `${c.required ? "* " : ""}${r}`
+        htmlFor: h,
+        className: _(`${s}__label`),
+        "data-testid": c("label"),
+        disabled: l.disabled,
+        children: `${l.required ? "* " : ""}${i}`
       }
     ),
-    /* @__PURE__ */ b("div", { className: s[`${p}__field-row`], children: [
-      /* @__PURE__ */ b("div", { className: U, children: [
-        !!S.length && /* @__PURE__ */ o(
+    /* @__PURE__ */ O("div", { className: _(`${s}__field-row`), children: [
+      /* @__PURE__ */ O("div", { className: mt, children: [
+        !!B.length && /* @__PURE__ */ p(
           "div",
           {
-            "data-testid": d("start-adornments"),
-            className: s[`${p}__adornment-container`],
-            children: S
+            "data-testid": c("start-adornments"),
+            className: _(`${s}__adornment-container`),
+            children: B
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ p(
           "input",
           {
-            ...c,
-            id: w,
-            ref: K,
-            "data-testid": d("input"),
-            "aria-describedby": c["aria-describedby"] || j,
-            "aria-invalid": c["aria-invalid"] || !!l,
-            className: A([
-              s[`${p}__input`],
+            ...l,
+            id: h,
+            ref: ft,
+            "data-testid": c("input"),
+            "aria-describedby": l["aria-describedby"] || D,
+            "aria-invalid": l["aria-invalid"] || !!t,
+            className: _([
+              `${s}__input`,
               {
-                [s[`${p}__input--valid`]]: C,
-                [s[`${p}__input--error`]]: !!l
+                [`${s}__input--valid`]: V,
+                [`${s}__input--error`]: !!t
               }
             ])
           }
         ),
-        /* @__PURE__ */ o("div", { className: s[`${p}__frame`] }),
-        !!O.length && /* @__PURE__ */ o(
+        /* @__PURE__ */ p("div", { className: _(`${s}__frame`) }),
+        !!I.length && /* @__PURE__ */ p(
           "div",
           {
-            "data-testid": d("end-adornments"),
-            className: s[`${p}__adornment-container`],
-            children: O
+            "data-testid": c("end-adornments"),
+            className: _(`${s}__adornment-container`),
+            children: I
           }
         )
       ] }),
-      !!n && n
+      !!a && a
     ] }),
-    j && /* @__PURE__ */ o(he, { "data-testid": d("helper-text"), id: j, children: e }),
-    l && /* @__PURE__ */ o(me, { "data-testid": d("error-text"), children: l })
+    D && /* @__PURE__ */ p(Yt, { "data-testid": c("helper-text"), id: D, children: e }),
+    t && /* @__PURE__ */ p(Gt, { "data-testid": c("error-text"), children: t })
   ] });
-}, et = y(We);
-et.displayName = "TextField";
+}, qr = y(Cr);
+qr.displayName = "TextField";
 export {
-  et as TextField
+  qr as TextField
 };
 //# sourceMappingURL=text-field.es.js.map