@purpurds/text-field 8.19.0 → 8.20.1

package/dist/text-field.es.js

@@ -1,16 +1,16 @@
 import { jsxs as b, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
-import { forwardRef as or, useRef as $r, useId as wr, isValidElement as jr } from "react";
+import { forwardRef as sr, useRef as jr, useId as Sr, isValidElement as Nr } from "react";
 import "react-dom";
-const Sr = {
+const Or = {
   LG: "lg"
 };
-function Nr(e) {
+function qr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var D = { exports: {} }, L;
-function Or() {
-  return L || (L = 1, (function(e) {
+var D = { exports: {} }, k;
+function Cr() {
+  return k || (k = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -41,31 +41,31 @@ function Or() {
     })();
   })(D)), D.exports;
 }
-var qr = Or();
-const Cr = /* @__PURE__ */ Nr(qr), Mr = "_rotate_12t9p_1", Ar = "_dash_12t9p_1", Rr = {
+var Mr = Cr();
+const Ar = /* @__PURE__ */ qr(Mr), Rr = "_rotate_12t9p_1", Ir = "_dash_12t9p_1", Br = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Mr,
+  rotate: Rr,
   "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: Ar,
+  dash: Ir,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, k = Cr.bind(Rr), w = "purpur-spinner", Ir = {
+}, Z = Ar.bind(Br), w = "purpur-spinner", zr = {
   SM: "sm"
-}, sr = ({
+}, cr = ({
   disabled: e = !1,
   negative: u = !1,
-  size: n = Ir.SM,
+  size: n = zr.SM,
   className: p,
   ...a
-}) => /* @__PURE__ */ l("div", { className: k(w, `${w}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Z(w, `${w}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: k(`${w}__circle`, {
+    className: Z(`${w}__circle`, {
       [`${w}__circle--disabled`]: e,
       [`${w}__circle--negative`]: u
     }),
@@ -74,12 +74,12 @@ const Cr = /* @__PURE__ */ Nr(qr), Mr = "_rotate_12t9p_1", Ar = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-sr.displayName = "Spinner";
-function Br(e) {
+cr.displayName = "Spinner";
+function Er(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Z = { exports: {} }, F;
-function Er() {
+var W = { exports: {} }, F;
+function Pr() {
   return F || (F = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -109,10 +109,10 @@ function Er() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(Z)), Z.exports;
+  })(W)), W.exports;
 }
-var Pr = Er();
-const Vr = /* @__PURE__ */ Br(Pr), zr = {
+var Vr = Pr();
+const Lr = /* @__PURE__ */ Er(Vr), Dr = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -135,7 +135,7 @@ const Vr = /* @__PURE__ */ Br(Pr), zr = {
   "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"
-}, W = Vr.bind(zr), y = "purpur-button", cr = or(
+}, T = Lr.bind(Dr), y = "purpur-button", _r = sr(
   ({
     children: e,
     className: u,
@@ -149,10 +149,10 @@ const Vr = /* @__PURE__ */ Br(Pr), zr = {
     variant: _,
     type: $ = "button",
     ...g
-  }, S) => {
+  }, N) => {
     if (a && _ === "destructive")
       return null;
-    const N = W(
+    const O = T(
       [
         y,
         `${y}--${t ? `${_}-negative` : _}`,
@@ -171,20 +171,20 @@ const Vr = /* @__PURE__ */ Br(Pr), zr = {
     return /* @__PURE__ */ b(
       "button",
       {
-        className: N,
+        className: O,
         type: $,
-        ref: S,
+        ref: N,
         "aria-disabled": s,
         onClick: d,
         ...g,
         children: [
           r && /* @__PURE__ */ l(
-            sr,
+            cr,
             {
-              size: f === Sr.LG ? "xs" : "xxs",
+              size: f === Or.LG ? "xs" : "xxs",
               negative: t,
               disabled: s,
-              className: W(`${y}__spinner`)
+              className: T(`${y}__spinner`)
             }
           ),
           " ",
@@ -194,13 +194,13 @@ const Vr = /* @__PURE__ */ Br(Pr), zr = {
     );
   }
 );
-cr.displayName = "Button";
-function Dr(e) {
+_r.displayName = "Button";
+function kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var G = { exports: {} }, T;
-function Lr() {
-  return T || (T = 1, (function(e) {
+var G = { exports: {} }, H;
+function Zr() {
+  return H || (H = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -231,8 +231,8 @@ function Lr() {
     })();
   })(G)), G.exports;
 }
-var kr = Lr();
-const Zr = /* @__PURE__ */ Dr(kr), Fr = {
+var Wr = Zr();
+const Fr = /* @__PURE__ */ kr(Wr), Tr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -240,34 +240,34 @@ const Zr = /* @__PURE__ */ Dr(kr), 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), H = "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), U = "purpur-icon", Hr = "md", Ur = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Yr = ({ 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" },
     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(), _r = ({ svg: e, allyTitle: u, className: n, size: p = Gr, ...a }) => {
-  const r = Hr({
-    content: Ur(e.svg),
+  return `<svg ${Ur(n)}>${p}${e}</svg>`;
+}, Jr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: e, allyTitle: u, className: n, size: p = Hr, ...a }) => {
+  const r = Yr({
+    content: Jr(e.svg),
     title: u
-  }), t = Wr(H, `${H}--${p}`, n);
+  }), t = Gr(U, `${U}--${p}`, n);
   return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-_r.displayName = "Icon";
-const Yr = {
+dr.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 U = { exports: {} }, Y;
-function Kr() {
-  return Y || (Y = 1, (function(e) {
+var Y = { exports: {} }, J;
+function Xr() {
+  return J || (J = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -296,14 +296,14 @@ function Kr() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(U)), U.exports;
+  })(Y)), Y.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"
-}, J = Xr.bind(re), A = "purpur-field-error-text", ee = ({
+}, K = ee.bind(te), R = "purpur-field-error-text", ne = ({
   children: e,
   className: u,
   negative: n = !1,
@@ -312,24 +312,24 @@ const Xr = /* @__PURE__ */ Jr(Qr), re = {
 }) => /* @__PURE__ */ b(
   "div",
   {
-    className: J(u, A, {
-      [`${A}--negative`]: n
+    className: K(u, R, {
+      [`${R}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": p,
     ...a,
     children: [
-      /* @__PURE__ */ l(_r, { svg: Yr, size: "xs", className: J(`${A}__icon`) }),
+      /* @__PURE__ */ l(dr, { svg: Kr, size: "xs", className: K(`${R}__icon`) }),
       e
     ]
   }
 );
-function te(e) {
+function ie(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var K = { exports: {} }, Q;
-function ne() {
-  return Q || (Q = 1, (function(e) {
+var Q = { exports: {} }, X;
+function ue() {
+  return X || (X = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -358,14 +358,14 @@ function ne() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(K)), K.exports;
+  })(Q)), Q.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_1ociq_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_1ociq_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_1ociq_12"
-}, pe = ue.bind(ae), R = "purpur-field-helper-text", le = ({
+}, oe = pe.bind(le), I = "purpur-field-helper-text", se = ({
   children: e,
   className: u,
   disabled: n,
@@ -373,18 +373,18 @@ const ue = /* @__PURE__ */ te(ie), ae = {
   negative: a,
   ...r
 }) => {
-  const t = pe(u, R, {
-    [`${R}--disabled`]: n,
-    [`${R}--negative`]: a
+  const t = oe(u, I, {
+    [`${I}--disabled`]: n,
+    [`${I}--negative`]: a
   });
   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 X = { exports: {} }, rr;
-function se() {
-  return rr || (rr = 1, (function(e) {
+var rr = { exports: {} }, er;
+function _e() {
+  return er || (er = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -413,10 +413,10 @@ function se() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(X)), X.exports;
+  })(rr)), rr.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",
@@ -424,61 +424,70 @@ 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), er = "purpur-icon", ve = "md", he = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), me = ({ content: e = "", title: u } = {}) => {
+}, he = fe.bind(ve), tr = "purpur-icon", me = "md", ge = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ye = ({ 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" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], p = u ? `<title>${u}</title>` : "";
-  return `<svg ${he(n)}>${p}${e}</svg>`;
-}, ge = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({ svg: e, allyTitle: u, className: n, size: p = ve, ...a }) => {
-  const r = me({
-    content: ge(e.svg),
+  return `<svg ${ge(n)}>${p}${e}</svg>`;
+}, xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({ svg: e, allyTitle: u, className: n, size: p = me, ...a }) => {
+  const r = ye({
+    content: xe(e.svg),
     title: u
-  }), t = fe(er, `${er}--${p}`, n);
+  }), t = he(tr, `${tr}--${p}`, n);
   return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 E.displayName = "Icon";
-const ye = {
+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"
-}, dr = (e) => /* @__PURE__ */ l(E, { ...e, svg: ye });
-dr.displayName = "IconCheckCircleFilled";
-const xe = {
+}, fr = (e) => /* @__PURE__ */ l(E, { ...e, svg: be });
+fr.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"
-}, fr = (e) => /* @__PURE__ */ l(E, { ...e, svg: xe });
-fr.displayName = "IconClose";
-function tr(e, u) {
+}, vr = (e) => /* @__PURE__ */ l(E, { ...e, svg: $e });
+vr.displayName = "IconClose";
+function nr(e, u) {
   if (typeof e == "function")
     return e(u);
   e != null && (e.current = u);
 }
-function be(...e) {
+function we(...e) {
   return (u) => {
     let n = !1;
     const p = e.map((a) => {
-      const r = tr(a, u);
+      const r = nr(a, u);
       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() : tr(e[a], null);
+          typeof r == "function" ? r() : nr(e[a], null);
         }
       };
   };
 }
+var je = /* @__PURE__ */ Symbol.for("react.lazy"), S = c[" 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 u = /* @__PURE__ */ Oe(e), n = c.forwardRef((p, a) => {
+    let { children: r, ...t } = p;
+    hr(r) && typeof S == "function" && (r = S(r._payload));
+    const i = c.Children.toArray(r), f = i.find(Ce);
     if (f) {
       const _ = f.props.children, $ = i.map((g) => g === f ? c.Children.count(_) > 1 ? c.Children.only(null) : c.isValidElement(_) ? _.props.children : null : g);
       return /* @__PURE__ */ l(u, { ...t, ref: a, children: c.isValidElement(_) ? c.cloneElement(_, void 0, $) : null });
@@ -488,22 +497,22 @@ function $e(e) {
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function we(e) {
+function Oe(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 ? be(p, t) : t), c.cloneElement(a, i);
+    let { children: a, ...r } = n;
+    if (hr(a) && typeof S == "function" && (a = S(a._payload)), c.isValidElement(a)) {
+      const t = Ae(a), i = Me(r, a.props);
+      return a.type !== c.Fragment && (i.ref = p ? we(p, t) : t), c.cloneElement(a, i);
     }
     return c.Children.count(a) > 1 ? c.Children.only(null) : null;
   });
   return u.displayName = `${e}.SlotClone`, u;
 }
-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 qe = /* @__PURE__ */ Symbol("radix.slottable");
+function Ce(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === qe;
 }
-function Ne(e, u) {
+function Me(e, u) {
   const n = { ...u };
   for (const p in u) {
     const a = e[p], r = u[p];
@@ -514,11 +523,11 @@ function Ne(e, u) {
   }
   return { ...e, ...n };
 }
-function Oe(e) {
+function Ae(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 Re = [
   "a",
   "button",
   "div",
@@ -536,14 +545,14 @@ var qe = [
   "span",
   "svg",
   "ul"
-], Ce = qe.reduce((e, u) => {
-  const n = /* @__PURE__ */ $e(`Primitive.${u}`), p = c.forwardRef((a, r) => {
+], Ie = Re.reduce((e, u) => {
+  const n = /* @__PURE__ */ Ne(`Primitive.${u}`), p = c.forwardRef((a, r) => {
     const { asChild: t, ...i } = a, f = t ? n : u;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(f, { ...i, ref: r });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(f, { ...i, ref: r });
   });
   return p.displayName = `Primitive.${u}`, { ...e, [u]: p };
-}, {}), Me = "Label", vr = c.forwardRef((e, u) => /* @__PURE__ */ l(
-  Ce.label,
+}, {}), Be = "Label", mr = c.forwardRef((e, u) => /* @__PURE__ */ l(
+  Ie.label,
   {
     ...e,
     ref: u,
@@ -552,14 +561,14 @@ var qe = [
     }
   }
 ));
-vr.displayName = Me;
-var Ae = vr;
-function Re(e) {
+mr.displayName = Be;
+var ze = mr;
+function Ee(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var nr = { exports: {} }, ir;
-function Ie() {
-  return ir || (ir = 1, (function(e) {
+var ir = { exports: {} }, ur;
+function Pe() {
+  return ur || (ur = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -588,32 +597,32 @@ function Ie() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(nr)), nr.exports;
+  })(ir)), ir.exports;
 }
-var Be = Ie();
-const Ee = /* @__PURE__ */ Re(Be), Pe = {
+var Ve = Pe();
+const Le = /* @__PURE__ */ Ee(Ve), De = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Ve = Ee.bind(Pe), I = "purpur-label", ze = ({
+}, ke = Le.bind(De), B = "purpur-label", Ze = ({
   children: e,
   className: u,
   disabled: n,
   negative: p = !1,
   ...a
 }) => {
-  const r = Ve(u, I, {
-    [`${I}--disabled`]: n,
-    [`${I}--negative`]: p
+  const r = ke(u, B, {
+    [`${B}--disabled`]: n,
+    [`${B}--negative`]: p
   });
-  return /* @__PURE__ */ l(Ae, { className: r, ...a, children: e });
+  return /* @__PURE__ */ l(ze, { className: r, ...a, children: e });
 };
-function De(e) {
+function We(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ur = { exports: {} }, ar;
-function Le() {
-  return ar || (ar = 1, (function(e) {
+var ar = { exports: {} }, pr;
+function Fe() {
+  return pr || (pr = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -642,33 +651,33 @@ function Le() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(ur)), ur.exports;
+  })(ar)), ar.exports;
 }
-var ke = Le();
-const Ze = /* @__PURE__ */ De(ke), 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"
-}, pr = Ze.bind(Ge), j = "purpur-spinner", Te = {
+}, lr = Ge.bind(Ye), j = "purpur-spinner", Je = {
   SM: "sm"
-}, hr = ({
+}, gr = ({
   disabled: e = !1,
   negative: u = !1,
-  size: n = Te.SM,
+  size: n = Je.SM,
   className: p,
   ...a
-}) => /* @__PURE__ */ l("div", { className: pr(j, `${j}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: lr(j, `${j}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: pr(`${j}__circle`, {
+    className: lr(`${j}__circle`, {
       [`${j}__circle--disabled`]: e,
       [`${j}__circle--negative`]: u
     }),
@@ -677,14 +686,14 @@ const Ze = /* @__PURE__ */ De(ke), Fe = "_rotate_12t9p_1", We = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-hr.displayName = "Spinner";
-function He(e) {
+gr.displayName = "Spinner";
+function Ke(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var B = { exports: {} };
-var lr;
-function Ue() {
-  return lr || (lr = 1, (function(e) {
+var z = { exports: {} };
+var or;
+function Qe() {
+  return or || (or = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -713,10 +722,10 @@ function Ue() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(B)), B.exports;
+  })(z)), z.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_1n0q1_1",
   "purpur-text-field__label": "_purpur-text-field__label_1n0q1_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_1n0q1_12",
@@ -737,7 +746,7 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1n0q1_146",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1n0q1_151",
   "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1n0q1_154"
-}, Qe = (e) => $r(e), m = Je.bind(Ke), o = "purpur-text-field", mr = or(
+}, tt = (e) => jr(e), m = rt.bind(et), o = "purpur-text-field", yr = sr(
   ({
     ["data-testid"]: e,
     className: u,
@@ -751,18 +760,18 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
     label: _,
     loading: $ = !1,
     onClear: g,
-    startAdornment: S,
-    valid: N = !1,
+    startAdornment: N,
+    valid: O = !1,
     negative: d = !1,
     ...s
   }, x) => {
-    const gr = wr(), O = s.id ?? gr, v = (h) => e ? `${e}-${h}` : void 0, P = N && !t, q = i ? `${O}-helper-text` : void 0, C = [S].filter((h) => !!h), V = (typeof s.value == "number" ? s.value !== void 0 : s.value?.length) && !s.disabled && !s.readOnly && !$ && g && n, z = Qe(null), yr = (h) => {
-      z.current = h, typeof x == "function" ? x(h) : x && (x.current = h);
-    }, xr = () => {
-      g?.(), z.current?.focus();
-    }, M = [
+    const xr = Sr(), q = s.id ?? xr, v = (h) => e ? `${e}-${h}` : void 0, P = O && !t, C = i ? `${q}-helper-text` : void 0, M = [N].filter((h) => !!h), V = (typeof s.value == "number" ? s.value !== void 0 : s.value?.length) && !s.disabled && !s.readOnly && !$ && g && n, L = tt(null), br = (h) => {
+      L.current = h, typeof x == "function" ? x(h) : x && (x.current = h);
+    }, $r = () => {
+      g?.(), L.current?.focus();
+    }, A = [
       $ && /* @__PURE__ */ l(
-        hr,
+        gr,
         {
           disabled: s.disabled,
           size: "xs",
@@ -772,21 +781,21 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
         "spinner"
       ),
       V && /* @__PURE__ */ l(
-        cr,
+        _r,
         {
           negative: d,
           variant: "tertiary-purple",
-          onClick: xr,
+          onClick: $r,
           iconOnly: !0,
           "aria-label": n ?? "",
           "data-testid": v("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(fr, { size: "xs" })
+          children: /* @__PURE__ */ l(vr, { size: "xs" })
         },
         "clear-button"
       ),
       P && /* @__PURE__ */ l(
-        dr,
+        fr,
         {
           "data-testid": v("valid-icon"),
           className: m(`${o}__valid-icon`, {
@@ -795,9 +804,9 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
         },
         "valid-icon"
       )
-    ].filter((h) => !!h), br = m(`${o}__input-container`, {
-      [`${o}__input-container--start-adornment`]: C.length,
-      [`${o}__input-container--end-adornment`]: M.length || r,
+    ].filter((h) => !!h), wr = m(`${o}__input-container`, {
+      [`${o}__input-container--start-adornment`]: M.length,
+      [`${o}__input-container--end-adornment`]: A.length || r,
       [`${o}__input-container--disabled`]: s.disabled,
       [`${o}__input-container--has-clear-button`]: V,
       [`${o}__input-container--readonly`]: s.readOnly && !s.disabled,
@@ -805,9 +814,9 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
     });
     return /* @__PURE__ */ b("div", { className: m(u, o), children: [
       _ && /* @__PURE__ */ b(
-        ze,
+        Ze,
         {
-          htmlFor: O,
+          htmlFor: q,
           className: m(`${o}__label`),
           "data-testid": v("label"),
           disabled: s.disabled,
@@ -820,23 +829,23 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
       ),
       /* @__PURE__ */ b("div", { className: m(`${o}__field-row`), children: [
         !!p && p,
-        /* @__PURE__ */ b("div", { className: br, children: [
-          !!C.length && /* @__PURE__ */ l(
+        /* @__PURE__ */ b("div", { className: wr, children: [
+          !!M.length && /* @__PURE__ */ l(
             "div",
             {
               "data-testid": v("start-adornments"),
               className: m(`${o}__adornment-container`),
-              children: C
+              children: M
             }
           ),
           /* @__PURE__ */ l(
             "input",
             {
               ...s,
-              id: O,
-              ref: yr,
+              id: q,
+              ref: br,
               "data-testid": v("input"),
-              "aria-describedby": s["aria-describedby"] || q,
+              "aria-describedby": s["aria-describedby"] || C,
               "aria-invalid": s["aria-invalid"] || !!t,
               className: m([
                 `${o}__input`,
@@ -856,13 +865,13 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
               })
             }
           ),
-          (!!M.length || r) && /* @__PURE__ */ b(
+          (!!A.length || r) && /* @__PURE__ */ b(
             "div",
             {
               "data-testid": v("end-adornments"),
               className: m(`${o}__adornment-container`),
               children: [
-                M,
+                A,
                 r
               ]
             }
@@ -870,24 +879,24 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
         ] }),
         !!a && a
       ] }),
-      q && /* @__PURE__ */ l(
-        le,
+      C && /* @__PURE__ */ l(
+        se,
         {
           "data-testid": v("helper-text"),
-          id: q,
+          id: C,
           negative: d,
           disabled: s.disabled,
           children: i
         }
       ),
-      t && /* @__PURE__ */ l(ee, { "data-testid": v("error-text"), negative: d, children: t })
+      t && /* @__PURE__ */ l(ne, { "data-testid": v("error-text"), negative: d, children: t })
     ] });
   }
 );
-mr.displayName = "TextField";
-const nt = (e) => jr(e) && e.type.displayName === mr.displayName;
+yr.displayName = "TextField";
+const pt = (e) => Nr(e) && e.type.displayName === yr.displayName;
 export {
-  mr as TextField,
-  nt as isTextField
+  yr as TextField,
+  pt as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map