@purpurds/text-field 8.7.0 → 8.8.0

package/dist/text-field.es.js

@@ -1,11 +1,11 @@
 import { jsxs as b, jsx as l } from "react/jsx-runtime";
-import * as c from "react";
-import { forwardRef as sr, useRef as $r, useId as wr, isValidElement as jr } from "react";
+import * as s from "react";
+import { forwardRef as cr, useRef as jr, useId as Sr, isValidElement as Nr } from "react";
 import "react-dom";
-const Sr = {
+const Or = {
   LG: "lg"
 };
-function Nr(e) {
+function kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var D = { exports: {} };
@@ -14,15 +14,15 @@ var D = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var L;
-function Or() {
-  return L || (L = 1, (function(e) {
+var Z;
+function Mr() {
+  return Z || (Z = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -37,51 +37,51 @@ function Or() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
   })(D)), D.exports;
 }
-var kr = Or();
-const Mr = /* @__PURE__ */ Nr(kr), Ar = "_rotate_12t9p_1", Cr = "_dash_12t9p_1", qr = {
+var Ar = Mr();
+const Cr = /* @__PURE__ */ kr(Ar), qr = "_rotate_12t9p_1", Rr = "_dash_12t9p_1", Ir = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ar,
+  rotate: qr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Cr,
+  dash: Rr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Z = Mr.bind(qr), $ = "purpur-spinner", Rr = {
+}, W = Cr.bind(Ir), $ = "purpur-spinner", Br = {
   SM: "sm"
-}, cr = ({
+}, _r = ({
   disabled: e = !1,
-  negative: u = !1,
-  size: n = Rr.SM,
+  negative: a = !1,
+  size: n = Br.SM,
   className: p,
-  ...a
-}) => /* @__PURE__ */ l("div", { className: Z($, `${$}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+  ...u
+}) => /* @__PURE__ */ l("div", { className: W($, `${$}--${n}`, p), ...u, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: Z(`${$}__circle`, {
+    className: W(`${$}__circle`, {
       [`${$}__circle--disabled`]: e,
-      [`${$}__circle--negative`]: u
+      [`${$}__circle--negative`]: a
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-cr.displayName = "Spinner";
-function Ir(e) {
+_r.displayName = "Spinner";
+function Pr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var F = { exports: {} };
@@ -90,15 +90,15 @@ var F = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var W;
-function Br() {
-  return W || (W = 1, (function(e) {
+var T;
+function zr() {
+  return T || (T = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -113,18 +113,18 @@ function Br() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
   })(F)), F.exports;
 }
-var Pr = Br();
-const Er = /* @__PURE__ */ Ir(Pr), Vr = {
+var Er = zr();
+const Vr = /* @__PURE__ */ Pr(Er), Lr = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -147,13 +147,13 @@ const Er = /* @__PURE__ */ Ir(Pr), Vr = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, G = Er.bind(Vr), m = "purpur-button", _r = sr(
+}, G = Vr.bind(Lr), m = "purpur-button", dr = cr(
   ({
     children: e,
-    className: u,
+    className: a,
     disabled: n = !1,
     fullWidth: p = !1,
-    iconOnly: a,
+    iconOnly: u,
     loading: r = !1,
     negative: t = !1,
     onClick: i,
@@ -161,39 +161,39 @@ const Er = /* @__PURE__ */ Ir(Pr), Vr = {
     variant: _,
     type: x = "button",
     ...v
-  }, S) => {
-    if (a && _ === "destructive")
+  }, N) => {
+    if (u && _ === "destructive")
       return null;
-    const N = G(
+    const O = G(
       [
         m,
         `${m}--${t ? `${_}-negative` : _}`,
         `${m}--${f}`
       ],
       {
-        [`${m}--icon-only`]: a,
+        [`${m}--icon-only`]: u,
         [`${m}--negative`]: t,
         [`${m}--full-width`]: p,
         [`${m}--disabled`]: n || r
       },
-      u
+      a
     ), o = (j) => {
       n || r ? j.preventDefault() : i && i(j);
     }, y = !!v["aria-disabled"] || n || r;
     return /* @__PURE__ */ b(
       "button",
       {
-        className: N,
+        className: O,
         type: x,
-        ref: S,
+        ref: N,
         "aria-disabled": y,
         onClick: o,
         ...v,
         children: [
           r && /* @__PURE__ */ l(
-            cr,
+            _r,
             {
-              size: f === Sr.LG ? "xs" : "xxs",
+              size: f === Or.LG ? "xs" : "xxs",
               negative: t,
               disabled: y,
               className: G(`${m}__spinner`)
@@ -206,25 +206,25 @@ const Er = /* @__PURE__ */ Ir(Pr), Vr = {
     );
   }
 );
-_r.displayName = "Button";
-function zr(e) {
+dr.displayName = "Button";
+function Dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var T = { exports: {} };
+var H = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var H;
-function Dr() {
-  return H || (H = 1, (function(e) {
+var U;
+function Zr() {
+  return U || (U = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -239,18 +239,18 @@ function Dr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(T)), T.exports;
+  })(H)), H.exports;
 }
-var Lr = Dr();
-const Zr = /* @__PURE__ */ zr(Lr), Fr = {
+var Wr = Zr();
+const Fr = /* @__PURE__ */ Dr(Wr), Tr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -258,46 +258,46 @@ const Zr = /* @__PURE__ */ zr(Lr), Fr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Wr = Zr.bind(Fr), U = "purpur-icon", Gr = "md", Tr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Hr = ({ content: e = "", title: u } = {}) => {
+}, Gr = Fr.bind(Tr), Y = "purpur-icon", Hr = "md", Ur = (e) => e.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Yr = ({ content: e = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = u ? `<title>${u}</title>` : "";
-  return `<svg ${Tr(n)}>${p}${e}</svg>`;
-}, Ur = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: e, allyTitle: u, className: n, size: p = Gr, ...a }) => {
-  const r = Hr({
-    content: Ur(e.svg),
-    title: u
-  }), t = Wr(U, `${U}--${p}`, n);
-  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], p = a ? `<title>${a}</title>` : "";
+  return `<svg ${Ur(n)}>${p}${e}</svg>`;
+}, Jr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), fr = ({ svg: e, allyTitle: a, className: n, size: p = Hr, ...u }) => {
+  const r = Yr({
+    content: Jr(e.svg),
+    title: a
+  }), t = Gr(Y, `${Y}--${p}`, n);
+  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...u });
 };
-dr.displayName = "Icon";
-const Yr = {
+fr.displayName = "Icon";
+const Kr = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
 };
-function Jr(e) {
+function Qr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Y = { exports: {} };
+var J = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var J;
-function Kr() {
-  return J || (J = 1, (function(e) {
+var K;
+function Xr() {
+  return K || (K = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -312,60 +312,60 @@ function Kr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(Y)), Y.exports;
+  })(J)), J.exports;
 }
-var Qr = Kr();
-const Xr = /* @__PURE__ */ Jr(Qr), re = {
+var re = Xr();
+const ee = /* @__PURE__ */ Qr(re), te = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, K = Xr.bind(re), C = "purpur-field-error-text", ee = ({
+}, Q = ee.bind(te), q = "purpur-field-error-text", ne = ({
   children: e,
-  className: u,
+  className: a,
   negative: n = !1,
   ["aria-relevant"]: p = "additions text",
-  ...a
+  ...u
 }) => /* @__PURE__ */ b(
   "div",
   {
-    className: K(u, C, {
-      [`${C}--negative`]: n
+    className: Q(a, q, {
+      [`${q}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": p,
-    ...a,
+    ...u,
     children: [
-      /* @__PURE__ */ l(dr, { svg: Yr, size: "xs", className: K(`${C}__icon`) }),
+      /* @__PURE__ */ l(fr, { svg: Kr, size: "xs", className: Q(`${q}__icon`) }),
       e
     ]
   }
 );
-function te(e) {
+function ie(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Q = { exports: {} };
+var X = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var X;
-function ne() {
-  return X || (X = 1, (function(e) {
+var rr;
+function ue() {
+  return rr || (rr = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -380,53 +380,53 @@ function ne() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(Q)), Q.exports;
+  })(X)), X.exports;
 }
-var ie = ne();
-const ue = /* @__PURE__ */ te(ie), ae = {
+var ae = ue();
+const pe = /* @__PURE__ */ ie(ae), le = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, pe = ue.bind(ae), q = "purpur-field-helper-text", le = ({
+}, oe = pe.bind(le), R = "purpur-field-helper-text", se = ({
   children: e,
-  className: u,
+  className: a,
   disabled: n,
   id: p,
-  negative: a,
+  negative: u,
   ...r
 }) => {
-  const t = pe(u, q, {
-    [`${q}--disabled`]: n,
-    [`${q}--negative`]: a
+  const t = oe(a, R, {
+    [`${R}--disabled`]: n,
+    [`${R}--negative`]: u
   });
   return /* @__PURE__ */ l("span", { id: p, className: t, ...r, children: e });
 };
-function oe(e) {
+function ce(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var rr = { exports: {} };
+var er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var er;
-function se() {
-  return er || (er = 1, (function(e) {
+var tr;
+function _e() {
+  return tr || (tr = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -441,18 +441,18 @@ function se() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(rr)), rr.exports;
+  })(er)), er.exports;
 }
-var ce = se();
-const _e = /* @__PURE__ */ oe(ce), de = {
+var de = _e();
+const fe = /* @__PURE__ */ ce(de), ve = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -460,102 +460,111 @@ const _e = /* @__PURE__ */ oe(ce), de = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, fe = _e.bind(de), tr = "purpur-icon", ve = "md", ge = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), he = ({ content: e = "", title: u } = {}) => {
+}, ge = fe.bind(ve), nr = "purpur-icon", he = "md", me = (e) => e.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ye = ({ content: e = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = u ? `<title>${u}</title>` : "";
-  return `<svg ${ge(n)}>${p}${e}</svg>`;
-}, me = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), B = ({ svg: e, allyTitle: u, className: n, size: p = ve, ...a }) => {
-  const r = he({
-    content: me(e.svg),
-    title: u
-  }), t = fe(tr, `${tr}--${p}`, n);
-  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], p = a ? `<title>${a}</title>` : "";
+  return `<svg ${me(n)}>${p}${e}</svg>`;
+}, be = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), P = ({ svg: e, allyTitle: a, className: n, size: p = he, ...u }) => {
+  const r = ye({
+    content: be(e.svg),
+    title: a
+  }), t = ge(nr, `${nr}--${p}`, n);
+  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...u });
 };
-B.displayName = "Icon";
-const ye = {
+P.displayName = "Icon";
+const xe = {
   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"
-}, fr = (e) => /* @__PURE__ */ l(B, { ...e, svg: ye });
-fr.displayName = "IconCheckCircleFilled";
-const be = {
+}, vr = (e) => /* @__PURE__ */ l(P, { ...e, svg: xe });
+vr.displayName = "IconCheckCircleFilled";
+const $e = {
   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"
-}, vr = (e) => /* @__PURE__ */ l(B, { ...e, svg: be });
-vr.displayName = "IconClose";
-function nr(e, u) {
+}, gr = (e) => /* @__PURE__ */ l(P, { ...e, svg: $e });
+gr.displayName = "IconClose";
+function ir(e, a) {
   if (typeof e == "function")
-    return e(u);
-  e != null && (e.current = u);
+    return e(a);
+  e != null && (e.current = a);
 }
-function xe(...e) {
-  return (u) => {
+function we(...e) {
+  return (a) => {
     let n = !1;
-    const p = e.map((a) => {
-      const r = nr(a, u);
+    const p = e.map((u) => {
+      const r = ir(u, a);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let a = 0; a < p.length; a++) {
-          const r = p[a];
-          typeof r == "function" ? r() : nr(e[a], null);
+        for (let u = 0; u < p.length; u++) {
+          const r = p[u];
+          typeof r == "function" ? r() : ir(e[u], null);
         }
       };
   };
 }
+var je = Symbol.for("react.lazy"), S = s[" use ".trim().toString()];
+function Se(e) {
+  return typeof e == "object" && e !== null && "then" in e;
+}
+function hr(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === je && "_payload" in e && Se(e._payload);
+}
 // @__NO_SIDE_EFFECTS__
-function $e(e) {
-  const u = /* @__PURE__ */ we(e), n = c.forwardRef((p, a) => {
-    const { children: r, ...t } = p, i = c.Children.toArray(r), f = i.find(Se);
+function Ne(e) {
+  const a = /* @__PURE__ */ Oe(e), n = s.forwardRef((p, u) => {
+    let { children: r, ...t } = p;
+    hr(r) && typeof S == "function" && (r = S(r._payload));
+    const i = s.Children.toArray(r), f = i.find(Me);
     if (f) {
-      const _ = f.props.children, x = i.map((v) => v === f ? c.Children.count(_) > 1 ? c.Children.only(null) : c.isValidElement(_) ? _.props.children : null : v);
-      return /* @__PURE__ */ l(u, { ...t, ref: a, children: c.isValidElement(_) ? c.cloneElement(_, void 0, x) : null });
+      const _ = f.props.children, x = i.map((v) => v === f ? s.Children.count(_) > 1 ? s.Children.only(null) : s.isValidElement(_) ? _.props.children : null : v);
+      return /* @__PURE__ */ l(a, { ...t, ref: u, children: s.isValidElement(_) ? s.cloneElement(_, void 0, x) : null });
     }
-    return /* @__PURE__ */ l(u, { ...t, ref: a, children: r });
+    return /* @__PURE__ */ l(a, { ...t, ref: u, children: r });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function we(e) {
-  const u = c.forwardRef((n, p) => {
-    const { children: a, ...r } = n;
-    if (c.isValidElement(a)) {
-      const t = Oe(a), i = Ne(r, a.props);
-      return a.type !== c.Fragment && (i.ref = p ? xe(p, t) : t), c.cloneElement(a, i);
+function Oe(e) {
+  const a = s.forwardRef((n, p) => {
+    let { children: u, ...r } = n;
+    if (hr(u) && typeof S == "function" && (u = S(u._payload)), s.isValidElement(u)) {
+      const t = Ce(u), i = Ae(r, u.props);
+      return u.type !== s.Fragment && (i.ref = p ? we(p, t) : t), s.cloneElement(u, i);
     }
-    return c.Children.count(a) > 1 ? c.Children.only(null) : null;
+    return s.Children.count(u) > 1 ? s.Children.only(null) : null;
   });
-  return u.displayName = `${e}.SlotClone`, u;
+  return a.displayName = `${e}.SlotClone`, a;
 }
-var je = Symbol("radix.slottable");
-function Se(e) {
-  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === je;
+var ke = Symbol("radix.slottable");
+function Me(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ke;
 }
-function Ne(e, u) {
-  const n = { ...u };
-  for (const p in u) {
-    const a = e[p], r = u[p];
-    /^on[A-Z]/.test(p) ? a && r ? n[p] = (...t) => {
+function Ae(e, a) {
+  const n = { ...a };
+  for (const p in a) {
+    const u = e[p], r = a[p];
+    /^on[A-Z]/.test(p) ? u && r ? n[p] = (...t) => {
       const i = r(...t);
-      return a(...t), i;
-    } : a && (n[p] = a) : p === "style" ? n[p] = { ...a, ...r } : p === "className" && (n[p] = [a, r].filter(Boolean).join(" "));
+      return u(...t), i;
+    } : u && (n[p] = u) : p === "style" ? n[p] = { ...u, ...r } : p === "className" && (n[p] = [u, r].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
-function Oe(e) {
-  var u, n;
-  let p = (u = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : u.get, a = p && "isReactWarning" in p && p.isReactWarning;
-  return a ? e.ref : (p = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, a = p && "isReactWarning" in p && p.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
+function Ce(e) {
+  var a, n;
+  let p = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.get, u = p && "isReactWarning" in p && p.isReactWarning;
+  return u ? e.ref : (p = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, u = p && "isReactWarning" in p && p.isReactWarning, u ? e.props.ref : e.props.ref || e.ref);
 }
-var ke = [
+var qe = [
   "a",
   "button",
   "div",
@@ -573,43 +582,43 @@ var ke = [
   "span",
   "svg",
   "ul"
-], Me = ke.reduce((e, u) => {
-  const n = /* @__PURE__ */ $e(`Primitive.${u}`), p = c.forwardRef((a, r) => {
-    const { asChild: t, ...i } = a, f = t ? n : u;
+], Re = qe.reduce((e, a) => {
+  const n = /* @__PURE__ */ Ne(`Primitive.${a}`), p = s.forwardRef((u, r) => {
+    const { asChild: t, ...i } = u, f = t ? n : a;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(f, { ...i, ref: r });
   });
-  return p.displayName = `Primitive.${u}`, { ...e, [u]: p };
-}, {}), Ae = "Label", gr = c.forwardRef((e, u) => /* @__PURE__ */ l(
-  Me.label,
+  return p.displayName = `Primitive.${a}`, { ...e, [a]: p };
+}, {}), Ie = "Label", mr = s.forwardRef((e, a) => /* @__PURE__ */ l(
+  Re.label,
   {
     ...e,
-    ref: u,
+    ref: a,
     onMouseDown: (n) => {
       var p;
       n.target.closest("button, input, select, textarea") || ((p = e.onMouseDown) == null || p.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-gr.displayName = Ae;
-var Ce = gr;
-function qe(e) {
+mr.displayName = Ie;
+var Be = mr;
+function Pe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ir = { exports: {} };
+var ur = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ur;
-function Re() {
-  return ur || (ur = 1, (function(e) {
+var ar;
+function ze() {
+  return ar || (ar = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -624,52 +633,52 @@ function Re() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(ir)), ir.exports;
+  })(ur)), ur.exports;
 }
-var Ie = Re();
-const Be = /* @__PURE__ */ qe(Ie), Pe = {
+var Ee = ze();
+const Ve = /* @__PURE__ */ Pe(Ee), Le = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Ee = Be.bind(Pe), R = "purpur-label", Ve = ({
+}, De = Ve.bind(Le), I = "purpur-label", Ze = ({
   children: e,
-  className: u,
+  className: a,
   disabled: n,
   negative: p = !1,
-  ...a
+  ...u
 }) => {
-  const r = Ee(u, R, {
-    [`${R}--disabled`]: n,
-    [`${R}--negative`]: p
+  const r = De(a, I, {
+    [`${I}--disabled`]: n,
+    [`${I}--negative`]: p
   });
-  return /* @__PURE__ */ l(Ce, { className: r, ...a, children: e });
+  return /* @__PURE__ */ l(Be, { className: r, ...u, children: e });
 };
-function ze(e) {
+function We(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ar = { exports: {} };
+var pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var pr;
-function De() {
-  return pr || (pr = 1, (function(e) {
+var lr;
+function Fe() {
+  return lr || (lr = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -684,68 +693,68 @@ function De() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(ar)), ar.exports;
+  })(pr)), pr.exports;
 }
-var Le = De();
-const Ze = /* @__PURE__ */ ze(Le), Fe = "_rotate_12t9p_1", We = "_dash_12t9p_1", Ge = {
+var Te = Fe();
+const Ge = /* @__PURE__ */ We(Te), He = "_rotate_12t9p_1", Ue = "_dash_12t9p_1", Ye = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Fe,
+  rotate: He,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: We,
+  dash: Ue,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, lr = Ze.bind(Ge), w = "purpur-spinner", Te = {
+}, or = Ge.bind(Ye), w = "purpur-spinner", Je = {
   SM: "sm"
-}, hr = ({
+}, yr = ({
   disabled: e = !1,
-  negative: u = !1,
-  size: n = Te.SM,
+  negative: a = !1,
+  size: n = Je.SM,
   className: p,
-  ...a
-}) => /* @__PURE__ */ l("div", { className: lr(w, `${w}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+  ...u
+}) => /* @__PURE__ */ l("div", { className: or(w, `${w}--${n}`, p), ...u, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: lr(`${w}__circle`, {
+    className: or(`${w}__circle`, {
       [`${w}__circle--disabled`]: e,
-      [`${w}__circle--negative`]: u
+      [`${w}__circle--negative`]: a
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-hr.displayName = "Spinner";
-function He(e) {
+yr.displayName = "Spinner";
+function Ke(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var I = { exports: {} };
+var B = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var or;
-function Ue() {
-  return or || (or = 1, (function(e) {
+var sr;
+function Qe() {
+  return sr || (sr = 1, (function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = a(r, p.call(this, i)));
+          i && (r = u(r, p.call(this, i)));
         }
         return r;
       }
@@ -760,18 +769,18 @@ function Ue() {
           return r.toString();
         var t = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
+          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(I)), I.exports;
+  })(B)), B.exports;
 }
-var Ye = Ue();
-const Je = /* @__PURE__ */ He(Ye), Ke = {
+var Xe = Qe();
+const rt = /* @__PURE__ */ Ke(Xe), et = {
   "purpur-text-field": "_purpur-text-field_3gl1k_1",
   "purpur-text-field__label": "_purpur-text-field__label_3gl1k_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_3gl1k_12",
@@ -788,13 +797,13 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_3gl1k_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_3gl1k_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_3gl1k_111"
-}, Qe = (e) => $r(e), h = Je.bind(Ke), s = "purpur-text-field", mr = sr(
+}, tt = (e) => jr(e), h = rt.bind(et), c = "purpur-text-field", br = cr(
   ({
     ["data-testid"]: e,
-    className: u,
+    className: a,
     clearButtonAriaLabel: n,
     beforeField: p,
-    afterField: a,
+    afterField: u,
     endAdornment: r,
     errorText: t,
     helperText: i,
@@ -802,19 +811,19 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
     label: _,
     loading: x = !1,
     onClear: v,
-    startAdornment: S,
-    valid: N = !1,
+    startAdornment: N,
+    valid: O = !1,
     ...o
   }, y) => {
-    var z;
-    const j = wr(), O = o.id ?? j, g = (d) => e ? `${e}-${d}` : void 0, P = N && !t, k = i ? `${O}-helper-text` : void 0, M = [S].filter((d) => !!d), E = (typeof o.value == "number" ? o.value !== void 0 : (z = o.value) == null ? void 0 : z.length) && !o.disabled && !o.readOnly && !x && v && n, V = Qe(null), yr = (d) => {
+    var L;
+    const j = Sr(), k = o.id ?? j, g = (d) => e ? `${e}-${d}` : void 0, z = O && !t, M = i ? `${k}-helper-text` : void 0, A = [N].filter((d) => !!d), E = (typeof o.value == "number" ? o.value !== void 0 : (L = o.value) == null ? void 0 : L.length) && !o.disabled && !o.readOnly && !x && v && n, V = tt(null), xr = (d) => {
       V.current = d, typeof y == "function" ? y(d) : y && (y.current = d);
-    }, br = () => {
+    }, $r = () => {
       var d;
       v == null || v(), (d = V.current) == null || d.focus();
-    }, A = [
+    }, C = [
       x && /* @__PURE__ */ l(
-        hr,
+        yr,
         {
           disabled: o.disabled,
           size: "xs",
@@ -823,39 +832,39 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
         "spinner"
       ),
       E && /* @__PURE__ */ l(
-        _r,
+        dr,
         {
           variant: "tertiary-purple",
-          onClick: br,
+          onClick: $r,
           iconOnly: !0,
           "aria-label": n ?? "",
           "data-testid": g("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(vr, { size: "xs" })
+          children: /* @__PURE__ */ l(gr, { size: "xs" })
         },
         "clear-button"
       ),
-      P && /* @__PURE__ */ l(
-        fr,
+      z && /* @__PURE__ */ l(
+        vr,
         {
           "data-testid": g("valid-icon"),
-          className: h(`${s}__valid-icon`)
+          className: h(`${c}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((d) => !!d), xr = h(`${s}__input-container`, {
-      [`${s}__input-container--start-adornment`]: M.length,
-      [`${s}__input-container--end-adornment`]: A.length || r,
-      [`${s}__input-container--disabled`]: o.disabled,
-      [`${s}__input-container--has-clear-button`]: E,
-      [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
+    ].filter((d) => !!d), wr = h(`${c}__input-container`, {
+      [`${c}__input-container--start-adornment`]: A.length,
+      [`${c}__input-container--end-adornment`]: C.length || r,
+      [`${c}__input-container--disabled`]: o.disabled,
+      [`${c}__input-container--has-clear-button`]: E,
+      [`${c}__input-container--readonly`]: o.readOnly && !o.disabled
     });
-    return /* @__PURE__ */ b("div", { className: h(u, s), children: [
+    return /* @__PURE__ */ b("div", { className: h(a, c), children: [
       _ && /* @__PURE__ */ b(
-        Ve,
+        Ze,
         {
-          htmlFor: O,
-          className: h(`${s}__label`),
+          htmlFor: k,
+          className: h(`${c}__label`),
           "data-testid": g("label"),
           disabled: o.disabled,
           children: [
@@ -864,59 +873,59 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
           ]
         }
       ),
-      /* @__PURE__ */ b("div", { className: h(`${s}__field-row`), children: [
+      /* @__PURE__ */ b("div", { className: h(`${c}__field-row`), children: [
         !!p && p,
-        /* @__PURE__ */ b("div", { className: xr, children: [
-          !!M.length && /* @__PURE__ */ l(
+        /* @__PURE__ */ b("div", { className: wr, children: [
+          !!A.length && /* @__PURE__ */ l(
             "div",
             {
               "data-testid": g("start-adornments"),
-              className: h(`${s}__adornment-container`),
-              children: M
+              className: h(`${c}__adornment-container`),
+              children: A
             }
           ),
           /* @__PURE__ */ l(
             "input",
             {
               ...o,
-              id: O,
-              ref: yr,
+              id: k,
+              ref: xr,
               "data-testid": g("input"),
-              "aria-describedby": o["aria-describedby"] || k,
+              "aria-describedby": o["aria-describedby"] || M,
               "aria-invalid": o["aria-invalid"] || !!t,
               className: h([
-                `${s}__input`,
+                `${c}__input`,
                 {
-                  [`${s}__input--valid`]: P,
-                  [`${s}__input--error`]: !!t
+                  [`${c}__input--valid`]: z,
+                  [`${c}__input--error`]: !!t
                 }
               ])
             }
           ),
-          /* @__PURE__ */ l("div", { className: h(`${s}__frame`) }),
-          (!!A.length || r) && /* @__PURE__ */ b(
+          /* @__PURE__ */ l("div", { className: h(`${c}__frame`) }),
+          (!!C.length || r) && /* @__PURE__ */ b(
             "div",
             {
               "data-testid": g("end-adornments"),
-              className: h(`${s}__adornment-container`),
+              className: h(`${c}__adornment-container`),
               children: [
-                A,
+                C,
                 r
               ]
             }
           )
         ] }),
-        !!a && a
+        !!u && u
       ] }),
-      k && /* @__PURE__ */ l(le, { "data-testid": g("helper-text"), id: k, children: i }),
-      t && /* @__PURE__ */ l(ee, { "data-testid": g("error-text"), children: t })
+      M && /* @__PURE__ */ l(se, { "data-testid": g("helper-text"), id: M, children: i }),
+      t && /* @__PURE__ */ l(ne, { "data-testid": g("error-text"), children: t })
     ] });
   }
 );
-mr.displayName = "TextField";
-const nt = (e) => jr(e) && e.type.displayName === mr.displayName;
+br.displayName = "TextField";
+const pt = (e) => Nr(e) && e.type.displayName === br.displayName;
 export {
-  mr as TextField,
-  nt as isTextField
+  br as TextField,
+  pt as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map