@purpurds/text-field 8.8.1 → 8.9.0

package/dist/text-field.es.js

@@ -1,28 +1,22 @@
 import { jsxs as b, jsx as l } from "react/jsx-runtime";
 import * as s from "react";
-import { forwardRef as cr, useRef as jr, useId as Sr, isValidElement as Nr } from "react";
+import { forwardRef as sr, useRef as wr, useId as jr, isValidElement as Sr } from "react";
 import "react-dom";
-const Or = {
+const Nr = {
   LG: "lg"
 };
-function kr(e) {
+function Or(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var D = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var Z;
-function Mr() {
-  return Z || (Z = 1, (function(e) {
+var L = { exports: {} }, D;
+function Cr() {
+  return D || (D = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -37,68 +31,62 @@ function Mr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(D)), D.exports;
+  })(L)), L.exports;
 }
-var Ar = Mr();
-const Cr = /* @__PURE__ */ kr(Ar), qr = "_rotate_12t9p_1", Rr = "_dash_12t9p_1", Ir = {
+var kr = Cr();
+const Mr = /* @__PURE__ */ Or(kr), Ar = "_rotate_12t9p_1", qr = "_dash_12t9p_1", Rr = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: qr,
+  rotate: Ar,
   "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: Rr,
+  dash: qr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, W = Cr.bind(Ir), $ = "purpur-spinner", Br = {
+}, Z = Mr.bind(Rr), $ = "purpur-spinner", Ir = {
   SM: "sm"
-}, _r = ({
+}, cr = ({
   disabled: e = !1,
-  negative: a = !1,
-  size: n = Br.SM,
+  negative: u = !1,
+  size: n = Ir.SM,
   className: p,
-  ...u
-}) => /* @__PURE__ */ l("div", { className: W($, `${$}--${n}`, p), ...u, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+  ...a
+}) => /* @__PURE__ */ l("div", { className: Z($, `${$}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: W(`${$}__circle`, {
+    className: Z(`${$}__circle`, {
       [`${$}__circle--disabled`]: e,
-      [`${$}__circle--negative`]: a
+      [`${$}__circle--negative`]: u
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-_r.displayName = "Spinner";
-function Pr(e) {
+cr.displayName = "Spinner";
+function Br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var F = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var T;
-function zr() {
-  return T || (T = 1, (function(e) {
+var W = { exports: {} }, F;
+function Pr() {
+  return F || (F = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -113,18 +101,18 @@ function zr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(F)), F.exports;
+  })(W)), W.exports;
 }
-var Er = zr();
-const Vr = /* @__PURE__ */ Pr(Er), Lr = {
+var zr = Pr();
+const Er = /* @__PURE__ */ Br(zr), Vr = {
   "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,39 +135,39 @@ const Vr = /* @__PURE__ */ Pr(Er), Lr = {
   "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 = Vr.bind(Lr), m = "purpur-button", dr = cr(
+}, T = Er.bind(Vr), m = "purpur-button", _r = sr(
   ({
     children: e,
-    className: a,
+    className: u,
     disabled: n = !1,
     fullWidth: p = !1,
-    iconOnly: u,
+    iconOnly: a,
     loading: r = !1,
     negative: t = !1,
     onClick: i,
-    size: f = "md",
+    size: d = "md",
     variant: _,
     type: x = "button",
-    ...v
+    ...h
   }, N) => {
-    if (u && _ === "destructive")
+    if (a && _ === "destructive")
       return null;
-    const O = G(
+    const O = T(
       [
         m,
         `${m}--${t ? `${_}-negative` : _}`,
-        `${m}--${f}`
+        `${m}--${d}`
       ],
       {
-        [`${m}--icon-only`]: u,
+        [`${m}--icon-only`]: a,
         [`${m}--negative`]: t,
         [`${m}--full-width`]: p,
         [`${m}--disabled`]: n || r
       },
-      a
+      u
     ), o = (j) => {
       n || r ? j.preventDefault() : i && i(j);
-    }, y = !!v["aria-disabled"] || n || r;
+    }, y = !!h["aria-disabled"] || n || r;
     return /* @__PURE__ */ b(
       "button",
       {
@@ -188,15 +176,15 @@ const Vr = /* @__PURE__ */ Pr(Er), Lr = {
         ref: N,
         "aria-disabled": y,
         onClick: o,
-        ...v,
+        ...h,
         children: [
           r && /* @__PURE__ */ l(
-            _r,
+            cr,
             {
-              size: f === Or.LG ? "xs" : "xxs",
+              size: d === Nr.LG ? "xs" : "xxs",
               negative: t,
               disabled: y,
-              className: G(`${m}__spinner`)
+              className: T(`${m}__spinner`)
             }
           ),
           " ",
@@ -206,25 +194,19 @@ const Vr = /* @__PURE__ */ Pr(Er), Lr = {
     );
   }
 );
-dr.displayName = "Button";
-function Dr(e) {
+_r.displayName = "Button";
+function Lr(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
-*/
-var U;
-function Zr() {
-  return U || (U = 1, (function(e) {
+var G = { exports: {} }, H;
+function Dr() {
+  return H || (H = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -239,18 +221,18 @@ function Zr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(H)), H.exports;
+  })(G)), G.exports;
 }
-var Wr = Zr();
-const Fr = /* @__PURE__ */ Dr(Wr), Tr = {
+var Zr = Dr();
+const Wr = /* @__PURE__ */ Lr(Zr), Fr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -258,46 +240,40 @@ const Fr = /* @__PURE__ */ Dr(Wr), Tr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, 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 } = {}) => {
+}, Tr = Wr.bind(Fr), U = "purpur-icon", Gr = "md", Hr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Ur = ({ content: e = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    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 });
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], p = u ? `<title>${u}</title>` : "";
+  return `<svg ${Hr(n)}>${p}${e}</svg>`;
+}, Yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: e, allyTitle: u, className: n, size: p = Gr, ...a }) => {
+  const r = Ur({
+    content: Yr(e.svg),
+    title: u
+  }), t = Tr(U, `${U}--${p}`, n);
+  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-fr.displayName = "Icon";
-const Kr = {
+dr.displayName = "Icon";
+const Jr = {
   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 Qr(e) {
+function Kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var J = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var K;
-function Xr() {
-  return K || (K = 1, (function(e) {
+var Y = { exports: {} }, J;
+function Qr() {
+  return J || (J = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -312,60 +288,54 @@ function Xr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(J)), J.exports;
+  })(Y)), Y.exports;
 }
-var re = Xr();
-const ee = /* @__PURE__ */ Qr(re), te = {
+var Xr = Qr();
+const re = /* @__PURE__ */ Kr(Xr), ee = {
   "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"
-}, Q = ee.bind(te), q = "purpur-field-error-text", ne = ({
+}, K = re.bind(ee), q = "purpur-field-error-text", te = ({
   children: e,
-  className: a,
+  className: u,
   negative: n = !1,
   ["aria-relevant"]: p = "additions text",
-  ...u
+  ...a
 }) => /* @__PURE__ */ b(
   "div",
   {
-    className: Q(a, q, {
+    className: K(u, q, {
       [`${q}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": p,
-    ...u,
+    ...a,
     children: [
-      /* @__PURE__ */ l(fr, { svg: Kr, size: "xs", className: Q(`${q}__icon`) }),
+      /* @__PURE__ */ l(dr, { svg: Jr, size: "xs", className: K(`${q}__icon`) }),
       e
     ]
   }
 );
-function ie(e) {
+function ne(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
-*/
-var rr;
-function ue() {
-  return rr || (rr = 1, (function(e) {
+var Q = { exports: {} }, X;
+function ie() {
+  return X || (X = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -380,53 +350,47 @@ function ue() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(X)), X.exports;
+  })(Q)), Q.exports;
 }
-var ae = ue();
-const pe = /* @__PURE__ */ ie(ae), le = {
+var ue = ie();
+const ae = /* @__PURE__ */ ne(ue), pe = {
   "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"
-}, oe = pe.bind(le), R = "purpur-field-helper-text", se = ({
+}, le = ae.bind(pe), R = "purpur-field-helper-text", oe = ({
   children: e,
-  className: a,
+  className: u,
   disabled: n,
   id: p,
-  negative: u,
+  negative: a,
   ...r
 }) => {
-  const t = oe(a, R, {
+  const t = le(u, R, {
     [`${R}--disabled`]: n,
-    [`${R}--negative`]: u
+    [`${R}--negative`]: a
   });
   return /* @__PURE__ */ l("span", { id: p, className: t, ...r, children: e });
 };
-function ce(e) {
+function se(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var er = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var tr;
-function _e() {
-  return tr || (tr = 1, (function(e) {
+var rr = { exports: {} }, er;
+function ce() {
+  return er || (er = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -441,18 +405,18 @@ function _e() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(er)), er.exports;
+  })(rr)), rr.exports;
 }
-var de = _e();
-const fe = /* @__PURE__ */ ce(de), ve = {
+var _e = ce();
+const de = /* @__PURE__ */ se(_e), fe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -460,111 +424,110 @@ const fe = /* @__PURE__ */ ce(de), ve = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, 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 } = {}) => {
+}, ve = de.bind(fe), tr = "purpur-icon", ge = "md", he = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), me = ({ content: e = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    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 });
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], p = u ? `<title>${u}</title>` : "";
+  return `<svg ${he(n)}>${p}${e}</svg>`;
+}, ye = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), P = ({ svg: e, allyTitle: u, className: n, size: p = ge, ...a }) => {
+  const r = me({
+    content: ye(e.svg),
+    title: u
+  }), t = ve(tr, `${tr}--${p}`, n);
+  return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 P.displayName = "Icon";
-const xe = {
+const be = {
   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"
-}, vr = (e) => /* @__PURE__ */ l(P, { ...e, svg: xe });
-vr.displayName = "IconCheckCircleFilled";
-const $e = {
+}, fr = (e) => /* @__PURE__ */ l(P, { ...e, svg: be });
+fr.displayName = "IconCheckCircleFilled";
+const xe = {
   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"
-}, gr = (e) => /* @__PURE__ */ l(P, { ...e, svg: $e });
-gr.displayName = "IconClose";
-function ir(e, a) {
+}, vr = (e) => /* @__PURE__ */ l(P, { ...e, svg: xe });
+vr.displayName = "IconClose";
+function nr(e, u) {
   if (typeof e == "function")
-    return e(a);
-  e != null && (e.current = a);
+    return e(u);
+  e != null && (e.current = u);
 }
-function we(...e) {
-  return (a) => {
+function $e(...e) {
+  return (u) => {
     let n = !1;
-    const p = e.map((u) => {
-      const r = ir(u, a);
+    const p = e.map((a) => {
+      const r = nr(a, u);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let u = 0; u < p.length; u++) {
-          const r = p[u];
-          typeof r == "function" ? r() : ir(e[u], null);
+        for (let a = 0; a < p.length; a++) {
+          const r = p[a];
+          typeof r == "function" ? r() : nr(e[a], null);
         }
       };
   };
 }
-var je = Symbol.for("react.lazy"), S = s[" use ".trim().toString()];
-function Se(e) {
+var we = Symbol.for("react.lazy"), S = s[" use ".trim().toString()];
+function je(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);
+function gr(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === we && "_payload" in e && je(e._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function Ne(e) {
-  const a = /* @__PURE__ */ Oe(e), n = s.forwardRef((p, u) => {
+function Se(e) {
+  const u = /* @__PURE__ */ Ne(e), n = s.forwardRef((p, a) => {
     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 ? 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 });
+    gr(r) && typeof S == "function" && (r = S(r._payload));
+    const i = s.Children.toArray(r), d = i.find(Ce);
+    if (d) {
+      const _ = d.props.children, x = i.map((h) => h === d ? s.Children.count(_) > 1 ? s.Children.only(null) : s.isValidElement(_) ? _.props.children : null : h);
+      return /* @__PURE__ */ l(u, { ...t, ref: a, children: s.isValidElement(_) ? s.cloneElement(_, void 0, x) : null });
     }
-    return /* @__PURE__ */ l(a, { ...t, ref: u, children: r });
+    return /* @__PURE__ */ l(u, { ...t, ref: a, children: r });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-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);
+function Ne(e) {
+  const u = s.forwardRef((n, p) => {
+    let { children: a, ...r } = n;
+    if (gr(a) && typeof S == "function" && (a = S(a._payload)), s.isValidElement(a)) {
+      const t = Me(a), i = ke(r, a.props);
+      return a.type !== s.Fragment && (i.ref = p ? $e(p, t) : t), s.cloneElement(a, i);
     }
-    return s.Children.count(u) > 1 ? s.Children.only(null) : null;
+    return s.Children.count(a) > 1 ? s.Children.only(null) : null;
   });
-  return a.displayName = `${e}.SlotClone`, a;
+  return u.displayName = `${e}.SlotClone`, u;
 }
-var ke = Symbol("radix.slottable");
-function Me(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ke;
+var Oe = Symbol("radix.slottable");
+function Ce(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Oe;
 }
-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) => {
+function ke(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) => {
       const i = r(...t);
-      return u(...t), i;
-    } : u && (n[p] = u) : p === "style" ? n[p] = { ...u, ...r } : p === "className" && (n[p] = [u, r].filter(Boolean).join(" "));
+      return a(...t), i;
+    } : a && (n[p] = a) : p === "style" ? n[p] = { ...a, ...r } : p === "className" && (n[p] = [a, r].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
-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);
+function Me(e) {
+  let u = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = u && "isReactWarning" in u && u.isReactWarning;
+  return n ? e.ref : (u = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = u && "isReactWarning" in u && u.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var qe = [
+var Ae = [
   "a",
   "button",
   "div",
@@ -582,43 +545,36 @@ var qe = [
   "span",
   "svg",
   "ul"
-], 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 });
+], qe = Ae.reduce((e, u) => {
+  const n = /* @__PURE__ */ Se(`Primitive.${u}`), p = s.forwardRef((a, r) => {
+    const { asChild: t, ...i } = a, d = t ? n : u;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(d, { ...i, ref: r });
   });
-  return p.displayName = `Primitive.${a}`, { ...e, [a]: p };
-}, {}), Ie = "Label", mr = s.forwardRef((e, a) => /* @__PURE__ */ l(
-  Re.label,
+  return p.displayName = `Primitive.${u}`, { ...e, [u]: p };
+}, {}), Re = "Label", hr = s.forwardRef((e, u) => /* @__PURE__ */ l(
+  qe.label,
   {
     ...e,
-    ref: a,
+    ref: u,
     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());
+      n.target.closest("button, input, select, textarea") || (e.onMouseDown?.(n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-mr.displayName = Ie;
-var Be = mr;
-function Pe(e) {
+hr.displayName = Re;
+var Ie = hr;
+function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ur = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var ar;
-function ze() {
-  return ar || (ar = 1, (function(e) {
+var ir = { exports: {} }, ur;
+function Pe() {
+  return ur || (ur = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -633,52 +589,46 @@ function ze() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(ur)), ur.exports;
+  })(ir)), ir.exports;
 }
-var Ee = ze();
-const Ve = /* @__PURE__ */ Pe(Ee), Le = {
+var ze = Pe();
+const Ee = /* @__PURE__ */ Be(ze), Ve = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, De = Ve.bind(Le), I = "purpur-label", Ze = ({
+}, Le = Ee.bind(Ve), I = "purpur-label", De = ({
   children: e,
-  className: a,
+  className: u,
   disabled: n,
   negative: p = !1,
-  ...u
+  ...a
 }) => {
-  const r = De(a, I, {
+  const r = Le(u, I, {
     [`${I}--disabled`]: n,
     [`${I}--negative`]: p
   });
-  return /* @__PURE__ */ l(Be, { className: r, ...u, children: e });
+  return /* @__PURE__ */ l(Ie, { className: r, ...a, children: e });
 };
-function We(e) {
+function Ze(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var pr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var lr;
-function Fe() {
-  return lr || (lr = 1, (function(e) {
+var ar = { exports: {} }, pr;
+function We() {
+  return pr || (pr = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -693,68 +643,63 @@ function Fe() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(pr)), pr.exports;
+  })(ar)), ar.exports;
 }
-var Te = Fe();
-const Ge = /* @__PURE__ */ We(Te), He = "_rotate_12t9p_1", Ue = "_dash_12t9p_1", Ye = {
+var Fe = We();
+const Te = /* @__PURE__ */ Ze(Fe), Ge = "_rotate_12t9p_1", He = "_dash_12t9p_1", Ue = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: He,
+  rotate: Ge,
   "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: Ue,
+  dash: He,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, or = Ge.bind(Ye), w = "purpur-spinner", Je = {
+}, lr = Te.bind(Ue), w = "purpur-spinner", Ye = {
   SM: "sm"
-}, yr = ({
+}, mr = ({
   disabled: e = !1,
-  negative: a = !1,
-  size: n = Je.SM,
+  negative: u = !1,
+  size: n = Ye.SM,
   className: p,
-  ...u
-}) => /* @__PURE__ */ l("div", { className: or(w, `${w}--${n}`, p), ...u, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+  ...a
+}) => /* @__PURE__ */ l("div", { className: lr(w, `${w}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: or(`${w}__circle`, {
+    className: lr(`${w}__circle`, {
       [`${w}__circle--disabled`]: e,
-      [`${w}__circle--negative`]: a
+      [`${w}__circle--negative`]: u
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-yr.displayName = "Spinner";
-function Ke(e) {
+mr.displayName = "Spinner";
+function Je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var B = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var sr;
-function Qe() {
-  return sr || (sr = 1, (function(e) {
+var or;
+function Ke() {
+  return or || (or = 1, (function(e) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = u(r, p.call(this, i)));
+          i && (r = a(r, p.call(this, i)));
         }
         return r;
       }
@@ -769,18 +714,18 @@ function Qe() {
           return r.toString();
         var t = "";
         for (var i in r)
-          a.call(r, i) && r[i] && (t = u(t, this && this[i] || i));
+          u.call(r, i) && r[i] && (t = a(t, this && this[i] || i));
         return t;
       }
-      function u(r, t) {
+      function a(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
   })(B)), B.exports;
 }
-var Xe = Qe();
-const rt = /* @__PURE__ */ Ke(Xe), et = {
+var Qe = Ke();
+const Xe = /* @__PURE__ */ Je(Qe), rt = {
   "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",
@@ -797,103 +742,101 @@ const rt = /* @__PURE__ */ Ke(Xe), et = {
   "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"
-}, tt = (e) => jr(e), h = rt.bind(et), c = "purpur-text-field", br = cr(
+}, et = (e) => wr(e), g = Xe.bind(rt), c = "purpur-text-field", yr = sr(
   ({
     ["data-testid"]: e,
-    className: a,
+    className: u,
     clearButtonAriaLabel: n,
     beforeField: p,
-    afterField: u,
+    afterField: a,
     endAdornment: r,
     errorText: t,
     helperText: i,
-    hideRequiredAsterisk: f = !1,
+    hideRequiredAsterisk: d = !1,
     label: _,
     loading: x = !1,
-    onClear: v,
+    onClear: h,
     startAdornment: N,
     valid: O = !1,
     ...o
   }, y) => {
-    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);
-    }, $r = () => {
-      var d;
-      v == null || v(), (d = V.current) == null || d.focus();
-    }, C = [
+    const j = jr(), C = o.id ?? j, f = (v) => e ? `${e}-${v}` : void 0, z = O && !t, k = i ? `${C}-helper-text` : void 0, M = [N].filter((v) => !!v), E = (typeof o.value == "number" ? o.value !== void 0 : o.value?.length) && !o.disabled && !o.readOnly && !x && h && n, V = et(null), br = (v) => {
+      V.current = v, typeof y == "function" ? y(v) : y && (y.current = v);
+    }, xr = () => {
+      h?.(), V.current?.focus();
+    }, A = [
       x && /* @__PURE__ */ l(
-        yr,
+        mr,
         {
           disabled: o.disabled,
           size: "xs",
-          "data-testid": g("spinner")
+          "data-testid": f("spinner")
         },
         "spinner"
       ),
       E && /* @__PURE__ */ l(
-        dr,
+        _r,
         {
           variant: "tertiary-purple",
-          onClick: $r,
+          onClick: xr,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": g("clear-button"),
+          "data-testid": f("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(gr, { size: "xs" })
+          children: /* @__PURE__ */ l(vr, { size: "xs" })
         },
         "clear-button"
       ),
       z && /* @__PURE__ */ l(
-        vr,
+        fr,
         {
-          "data-testid": g("valid-icon"),
-          className: h(`${c}__valid-icon`)
+          "data-testid": f("valid-icon"),
+          className: g(`${c}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((d) => !!d), wr = h(`${c}__input-container`, {
-      [`${c}__input-container--start-adornment`]: A.length,
-      [`${c}__input-container--end-adornment`]: C.length || r,
+    ].filter((v) => !!v), $r = g(`${c}__input-container`, {
+      [`${c}__input-container--start-adornment`]: M.length,
+      [`${c}__input-container--end-adornment`]: A.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(a, c), children: [
+    return /* @__PURE__ */ b("div", { className: g(u, c), children: [
       _ && /* @__PURE__ */ b(
-        Ze,
+        De,
         {
-          htmlFor: k,
-          className: h(`${c}__label`),
-          "data-testid": g("label"),
+          htmlFor: C,
+          className: g(`${c}__label`),
+          "data-testid": f("label"),
           disabled: o.disabled,
           children: [
-            o.required && !f && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
+            o.required && !d && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
             _
           ]
         }
       ),
-      /* @__PURE__ */ b("div", { className: h(`${c}__field-row`), children: [
+      /* @__PURE__ */ b("div", { className: g(`${c}__field-row`), children: [
         !!p && p,
-        /* @__PURE__ */ b("div", { className: wr, children: [
-          !!A.length && /* @__PURE__ */ l(
+        /* @__PURE__ */ b("div", { className: $r, children: [
+          !!M.length && /* @__PURE__ */ l(
             "div",
             {
-              "data-testid": g("start-adornments"),
-              className: h(`${c}__adornment-container`),
-              children: A
+              "data-testid": f("start-adornments"),
+              className: g(`${c}__adornment-container`),
+              children: M
             }
           ),
           /* @__PURE__ */ l(
             "input",
             {
               ...o,
-              id: k,
-              ref: xr,
-              "data-testid": g("input"),
-              "aria-describedby": o["aria-describedby"] || M,
+              id: C,
+              ref: br,
+              "data-testid": f("input"),
+              "aria-describedby": o["aria-describedby"] || k,
               "aria-invalid": o["aria-invalid"] || !!t,
-              className: h([
+              className: g([
                 `${c}__input`,
                 {
                   [`${c}__input--valid`]: z,
@@ -902,30 +845,30 @@ const rt = /* @__PURE__ */ Ke(Xe), et = {
               ])
             }
           ),
-          /* @__PURE__ */ l("div", { className: h(`${c}__frame`) }),
-          (!!C.length || r) && /* @__PURE__ */ b(
+          /* @__PURE__ */ l("div", { className: g(`${c}__frame`) }),
+          (!!A.length || r) && /* @__PURE__ */ b(
             "div",
             {
-              "data-testid": g("end-adornments"),
-              className: h(`${c}__adornment-container`),
+              "data-testid": f("end-adornments"),
+              className: g(`${c}__adornment-container`),
               children: [
-                C,
+                A,
                 r
               ]
             }
           )
         ] }),
-        !!u && u
+        !!a && a
       ] }),
-      M && /* @__PURE__ */ l(se, { "data-testid": g("helper-text"), id: M, children: i }),
-      t && /* @__PURE__ */ l(ne, { "data-testid": g("error-text"), children: t })
+      k && /* @__PURE__ */ l(oe, { "data-testid": f("helper-text"), id: k, children: i }),
+      t && /* @__PURE__ */ l(te, { "data-testid": f("error-text"), children: t })
     ] });
   }
 );
-br.displayName = "TextField";
-const pt = (e) => Nr(e) && e.type.displayName === br.displayName;
+yr.displayName = "TextField";
+const at = (e) => Sr(e) && e.type.displayName === yr.displayName;
 export {
-  br as TextField,
-  pt as isTextField
+  yr as TextField,
+  at as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map