@purpurds/text-field 8.12.2 → 8.13.0

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