@purpurds/text-field 5.22.0 → 5.24.0

package/dist/text-field.es.js

@@ -1,15 +1,15 @@
-import { jsxs as g, jsx as p } from "react/jsx-runtime";
-import { forwardRef as y, Children as z, isValidElement as M, createElement as A, cloneElement as W, useEffect as xr, Fragment as mr, useRef as gr, useId as br } from "react";
+import { jsxs as b, jsx as p } from "react/jsx-runtime";
+import { forwardRef as h, Children as O, isValidElement as z, createElement as M, cloneElement as K, useEffect as mr, Fragment as gr, useRef as br, useId as yr } from "react";
 import "react-dom";
-const yr = {
+const hr = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function hr(t) {
+function $r(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var K = { exports: {} };
+var Q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -44,44 +44,44 @@ var K = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(K);
-var $r = K.exports;
-const R = /* @__PURE__ */ hr($r), wr = "_rotate_1xozj_1", jr = "_dash_1xozj_1", j = {
+})(Q);
+var wr = Q.exports;
+const V = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1", w = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: wr,
+  rotate: jr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: jr,
+  dash: Sr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, S = "purpur-spinner", Sr = {
+}, j = "purpur-spinner", Nr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Nr = ({
+}, Or = ({
   ["data-testid"]: t,
   disabled: u = !1,
   negative: n = !1,
-  size: a = Sr.SM,
+  size: a = Nr.SM,
   ...o
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: R([j[S], j[`${S}--${a}`]]),
+    className: V([w[j], w[`${j}--${a}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: R(j[`${S}__circle`], {
-          [j[`${S}__circle--disabled`]]: u,
-          [j[`${S}__circle--negative`]]: n
+        className: V(w[`${j}__circle`], {
+          [w[`${j}__circle--disabled`]]: u,
+          [w[`${j}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -90,10 +90,10 @@ const R = /* @__PURE__ */ hr($r), wr = "_rotate_1xozj_1", jr = "_dash_1xozj_1",
     ) })
   }
 );
-function Or(t) {
+function zr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Q = { exports: {} };
+var rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -128,9 +128,9 @@ var Q = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Q);
-var zr = Q.exports;
-const Mr = /* @__PURE__ */ Or(zr), Ar = {
+})(rr);
+var Mr = rr.exports;
+const Ar = /* @__PURE__ */ zr(Mr), Cr = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -151,7 +151,7 @@ const Mr = /* @__PURE__ */ Or(zr), Ar = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, Cr = Mr.bind(Ar), x = "purpur-button", qr = ({
+}, qr = Ar.bind(Cr), x = "purpur-button", Ir = ({
   children: t,
   className: u,
   ["data-testid"]: n,
@@ -161,18 +161,18 @@ const Mr = /* @__PURE__ */ Or(zr), Ar = {
   loading: e = !1,
   negative: i = !1,
   onClick: f,
-  size: v = "md",
-  variant: h,
+  size: $ = "md",
+  variant: v,
   type: C = "button",
-  ...l
-}, m) => {
-  if (r && h === "destructive")
+  ...A
+}, l) => {
+  if (r && v === "destructive")
     return null;
-  const q = Cr(
+  const m = qr(
     [
       x,
-      `${x}--${i ? `${h}-negative` : h}`,
-      `${x}--${v}`
+      `${x}--${i ? `${v}-negative` : v}`,
+      `${x}--${$}`
     ],
     {
       [`${x}--icon-only`]: r,
@@ -181,32 +181,32 @@ const Mr = /* @__PURE__ */ Or(zr), Ar = {
       [`${x}--disabled`]: a || e
     },
     u
-  ), $ = (w) => {
-    a || e ? w.preventDefault() : f && f(w);
-  }, c = !!l["aria-disabled"] || a || e;
-  return /* @__PURE__ */ g(
+  ), q = (c) => {
+    a || e ? c.preventDefault() : f && f(c);
+  }, g = !!A["aria-disabled"] || a || e;
+  return /* @__PURE__ */ b(
     "button",
     {
-      className: q,
+      className: m,
       "data-testid": n,
       type: C,
-      ref: m,
-      "aria-disabled": c,
-      onClick: $,
-      ...l,
+      ref: l,
+      "aria-disabled": g,
+      onClick: q,
+      ...A,
       children: [
-        e && /* @__PURE__ */ p(Nr, { size: v === yr.LG ? "xs" : "xxs", negative: i, disabled: c }),
+        e && /* @__PURE__ */ p(Or, { size: $ === hr.LG ? "xs" : "xxs", negative: i, disabled: g }),
         " ",
         t
       ]
     }
   );
-}, rr = y(qr);
-rr.displayName = "Button";
-function Ir(t) {
+}, tr = h(Ir);
+tr.displayName = "Button";
+function Lr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var tr = { exports: {} };
+var er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -241,9 +241,9 @@ var tr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(tr);
-var Lr = tr.exports;
-const Br = /* @__PURE__ */ Ir(Lr), Dr = {
+})(er);
+var Br = er.exports;
+const Dr = /* @__PURE__ */ Lr(Br), Er = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -251,31 +251,31 @@ const Br = /* @__PURE__ */ Ir(Lr), Dr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Er = {
+}, Pr = {
   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"
-}, Fr = Br.bind(Dr), V = "purpur-icon", Pr = "md", kr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xr = ({ content: t = "", title: u } = {}) => {
+}, kr = Dr.bind(Er), T = "purpur-icon", Fr = "md", Xr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Zr = ({ content: t = "", 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" }
   ], a = u ? `<title>${u}</title>` : "";
-  return `<svg ${kr(n)}>${a}${t}</svg>`;
-}, Zr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), er = ({
+  return `<svg ${Xr(n)}>${a}${t}</svg>`;
+}, Rr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = Pr,
+  size: o = Fr,
   ...r
 }) => {
-  const e = Xr({
-    content: Zr(u.svg),
+  const e = Zr({
+    content: Rr(u.svg),
     title: n
-  }), i = Fr(a, V, `${V}--${o}`);
+  }), i = kr(a, T, `${T}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -287,11 +287,11 @@ const Br = /* @__PURE__ */ Ir(Lr), Dr = {
     }
   );
 };
-er.displayName = "Icon";
-function Rr(t) {
+nr.displayName = "Icon";
+function Vr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var nr = { exports: {} };
+var ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -326,35 +326,35 @@ var nr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(nr);
-var Vr = nr.exports;
-const Tr = /* @__PURE__ */ Rr(Vr), T = {
+})(ir);
+var Tr = ir.exports;
+const Gr = /* @__PURE__ */ Vr(Tr), G = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, G = "purpur-field-error-text", Gr = ({
+}, H = "purpur-field-error-text", Hr = ({
   ["data-testid"]: t,
   children: u,
   className: n,
   relevant: a = "additions text",
   ...o
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ b(
   "div",
   {
-    className: Tr([n, T[G]]),
+    className: Gr([n, G[H]]),
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...o,
     children: [
-      /* @__PURE__ */ p(er, { svg: Er, size: "xs", className: T[`${G}__icon`] }),
+      /* @__PURE__ */ p(nr, { svg: Pr, size: "xs", className: G[`${H}__icon`] }),
       u
     ]
   }
 );
-function Hr(t) {
+function Yr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
+var ur = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -389,12 +389,12 @@ var ir = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(ir);
-var Yr = ir.exports;
-const Jr = /* @__PURE__ */ Hr(Yr), H = {
+})(ur);
+var Jr = ur.exports;
+const Ur = /* @__PURE__ */ Yr(Jr), Y = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, Y = "purpur-field-helper-text", Ur = ({
+}, J = "purpur-field-helper-text", Wr = ({
   ["data-testid"]: t,
   children: u,
   className: n,
@@ -402,19 +402,19 @@ const Jr = /* @__PURE__ */ Hr(Yr), H = {
   id: o,
   ...r
 }) => {
-  const e = Jr([
+  const e = Ur([
     n,
-    H[Y],
+    Y[J],
     {
-      [H[`${Y}--disabled`]]: a
+      [Y[`${J}--disabled`]]: a
     }
   ]);
   return /* @__PURE__ */ p("span", { id: o, className: e, "data-testid": t, ...r, children: u });
 };
-function Wr(t) {
+function Kr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ur = { exports: {} };
+var ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -449,9 +449,9 @@ var ur = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(ur);
-var Kr = ur.exports;
-const Qr = /* @__PURE__ */ Wr(Kr), rt = {
+})(ar);
+var Qr = ar.exports;
+const rt = /* @__PURE__ */ Kr(Qr), tt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -459,52 +459,52 @@ const Qr = /* @__PURE__ */ Wr(Kr), rt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, tt = {
+}, et = {
   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"
-}, et = {
+}, nt = {
   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"
-}, ar = (t) => /* @__PURE__ */ p(
-  P,
+}, or = (t) => /* @__PURE__ */ p(
+  k,
   {
     ...t,
-    svg: tt
+    svg: et
   }
 );
-ar.displayName = "IconCheckCircleFilled";
-const or = (t) => /* @__PURE__ */ p(
-  P,
+or.displayName = "IconCheckCircleFilled";
+const pr = (t) => /* @__PURE__ */ p(
+  k,
   {
     ...t,
-    svg: et
+    svg: nt
   }
 );
-or.displayName = "IconClose";
-const nt = Qr.bind(rt), J = "purpur-icon", it = "md", ut = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), at = ({ content: t = "", title: u } = {}) => {
+pr.displayName = "IconClose";
+const it = rt.bind(tt), U = "purpur-icon", ut = "md", at = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ot = ({ content: t = "", 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" }
   ], a = u ? `<title>${u}</title>` : "";
-  return `<svg ${ut(n)}>${a}${t}</svg>`;
-}, ot = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), P = ({
+  return `<svg ${at(n)}>${a}${t}</svg>`;
+}, pt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), k = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = it,
+  size: o = ut,
   ...r
 }) => {
-  const e = at({
-    content: ot(u.svg),
+  const e = ot({
+    content: pt(u.svg),
     title: n
-  }), i = nt(a, J, `${J}--${o}`);
+  }), i = it(a, U, `${U}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -516,50 +516,50 @@ const nt = Qr.bind(rt), J = "purpur-icon", it = "md", ut = (t) => t.filter((u) =
     }
   );
 };
-P.displayName = "Icon";
-function b() {
-  return b = Object.assign ? Object.assign.bind() : function(t) {
+k.displayName = "Icon";
+function y() {
+  return y = Object.assign ? Object.assign.bind() : function(t) {
     for (var u = 1; u < arguments.length; u++) {
       var n = arguments[u];
       for (var a in n) ({}).hasOwnProperty.call(n, a) && (t[a] = n[a]);
     }
     return t;
-  }, b.apply(null, arguments);
+  }, y.apply(null, arguments);
 }
-function pt(t, u) {
+function lt(t, u) {
   typeof t == "function" ? t(u) : t != null && (t.current = u);
 }
-function lt(...t) {
+function st(...t) {
   return (u) => t.forEach(
-    (n) => pt(n, u)
+    (n) => lt(n, u)
   );
 }
-const pr = /* @__PURE__ */ y((t, u) => {
-  const { children: n, ...a } = t, o = z.toArray(n), r = o.find(ct);
+const lr = /* @__PURE__ */ h((t, u) => {
+  const { children: n, ...a } = t, o = O.toArray(n), r = o.find(dt);
   if (r) {
-    const e = r.props.children, i = o.map((f) => f === r ? z.count(e) > 1 ? z.only(null) : /* @__PURE__ */ M(e) ? e.props.children : null : f);
-    return /* @__PURE__ */ A(F, b({}, a, {
+    const e = r.props.children, i = o.map((f) => f === r ? O.count(e) > 1 ? O.only(null) : /* @__PURE__ */ z(e) ? e.props.children : null : f);
+    return /* @__PURE__ */ M(P, y({}, a, {
       ref: u
-    }), /* @__PURE__ */ M(e) ? /* @__PURE__ */ W(e, void 0, i) : null);
+    }), /* @__PURE__ */ z(e) ? /* @__PURE__ */ K(e, void 0, i) : null);
   }
-  return /* @__PURE__ */ A(F, b({}, a, {
+  return /* @__PURE__ */ M(P, y({}, a, {
     ref: u
   }), n);
 });
-pr.displayName = "Slot";
-const F = /* @__PURE__ */ y((t, u) => {
+lr.displayName = "Slot";
+const P = /* @__PURE__ */ h((t, u) => {
   const { children: n, ...a } = t;
-  return /* @__PURE__ */ M(n) ? /* @__PURE__ */ W(n, {
-    ...dt(a, n.props),
-    ref: u ? lt(u, n.ref) : n.ref
-  }) : z.count(n) > 1 ? z.only(null) : null;
+  return /* @__PURE__ */ z(n) ? /* @__PURE__ */ K(n, {
+    ..._t(a, n.props),
+    ref: u ? st(u, n.ref) : n.ref
+  }) : O.count(n) > 1 ? O.only(null) : null;
 });
-F.displayName = "SlotClone";
-const st = ({ children: t }) => /* @__PURE__ */ A(mr, null, t);
-function ct(t) {
-  return /* @__PURE__ */ M(t) && t.type === st;
+P.displayName = "SlotClone";
+const ct = ({ children: t }) => /* @__PURE__ */ M(gr, null, t);
+function dt(t) {
+  return /* @__PURE__ */ z(t) && t.type === ct;
 }
-function dt(t, u) {
+function _t(t, u) {
   const n = {
     ...u
   };
@@ -580,7 +580,7 @@ function dt(t, u) {
     ...n
   };
 }
-const _t = [
+const ft = [
   "a",
   "button",
   "div",
@@ -597,12 +597,12 @@ const _t = [
   "span",
   "svg",
   "ul"
-], ft = _t.reduce((t, u) => {
-  const n = /* @__PURE__ */ y((a, o) => {
-    const { asChild: r, ...e } = a, i = r ? pr : u;
-    return xr(() => {
+], vt = ft.reduce((t, u) => {
+  const n = /* @__PURE__ */ h((a, o) => {
+    const { asChild: r, ...e } = a, i = r ? lr : u;
+    return mr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ A(i, b({}, e, {
+    }, []), /* @__PURE__ */ M(i, y({}, e, {
       ref: o
     }));
   });
@@ -610,17 +610,17 @@ const _t = [
     ...t,
     [u]: n
   };
-}, {}), vt = /* @__PURE__ */ y((t, u) => /* @__PURE__ */ A(ft.label, b({}, t, {
+}, {}), xt = /* @__PURE__ */ h((t, u) => /* @__PURE__ */ M(vt.label, y({}, t, {
   ref: u,
   onMouseDown: (n) => {
     var a;
     (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), xt = vt;
-function mt(t) {
+}))), mt = xt;
+function gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var lr = { exports: {} };
+var sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -655,13 +655,13 @@ var lr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(lr);
-var gt = lr.exports;
-const bt = /* @__PURE__ */ mt(gt), D = {
+})(sr);
+var bt = sr.exports;
+const yt = /* @__PURE__ */ gt(bt), D = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, E = "purpur-label", yt = ({
+}, E = "purpur-label", ht = ({
   children: t,
   className: u,
   htmlFor: n,
@@ -670,7 +670,7 @@ const bt = /* @__PURE__ */ mt(gt), D = {
   negative: r = !1,
   ...e
 }) => {
-  const i = bt([
+  const i = yt([
     u,
     D[E],
     {
@@ -678,12 +678,12 @@ const bt = /* @__PURE__ */ mt(gt), D = {
       [D[`${E}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ p(xt, { className: i, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ p(mt, { className: i, "data-testid": a, htmlFor: n, ...e, children: t });
 };
-function ht(t) {
+function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var sr = { exports: {} };
+var cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -718,44 +718,44 @@ var sr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(sr);
-var $t = sr.exports;
-const U = /* @__PURE__ */ ht($t), wt = "_rotate_1xozj_1", jt = "_dash_1xozj_1", N = {
+})(cr);
+var wt = cr.exports;
+const W = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", S = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: wt,
+  rotate: jt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: jt,
+  dash: St,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, O = "purpur-spinner", St = {
+}, N = "purpur-spinner", Nt = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Nt = ({
+}, Ot = ({
   ["data-testid"]: t,
   disabled: u = !1,
   negative: n = !1,
-  size: a = St.SM,
+  size: a = Nt.SM,
   ...o
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: U([N[O], N[`${O}--${a}`]]),
+    className: W([S[N], S[`${N}--${a}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: U(N[`${O}__circle`], {
-          [N[`${O}__circle--disabled`]]: u,
-          [N[`${O}__circle--negative`]]: n
+        className: W(S[`${N}__circle`], {
+          [S[`${N}__circle--disabled`]]: u,
+          [S[`${N}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -764,10 +764,10 @@ const U = /* @__PURE__ */ ht($t), wt = "_rotate_1xozj_1", jt = "_dash_1xozj_1",
     ) })
   }
 );
-function Ot(t) {
+function zt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var cr = { exports: {} };
+var dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -802,9 +802,9 @@ var cr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(cr);
-var zt = cr.exports;
-const Mt = /* @__PURE__ */ Ot(zt), At = {
+})(dr);
+var Mt = dr.exports;
+const At = /* @__PURE__ */ zt(Mt), Ct = {
   "purpur-text-field": "_purpur-text-field_nj9f4_1",
   "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -821,30 +821,31 @@ const Mt = /* @__PURE__ */ Ot(zt), At = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
-}, Ct = (t) => gr(t), _ = Mt.bind(At), s = "purpur-text-field", qt = ({
+}, qt = (t) => br(t), _ = At.bind(Ct), s = "purpur-text-field", It = ({
   ["data-testid"]: t,
   className: u,
   clearButtonAllyLabel: n,
-  afterField: a,
-  endAdornment: o,
-  errorText: r,
-  helperText: e,
-  label: i,
-  loading: f = !1,
+  beforeField: a,
+  afterField: o,
+  endAdornment: r,
+  errorText: e,
+  helperText: i,
+  label: f,
+  loading: $ = !1,
   onClear: v,
-  startAdornment: h,
-  valid: C = !1,
+  startAdornment: C,
+  valid: A = !1,
   ...l
 }, m) => {
-  var Z;
-  const q = br(), $ = l.id ?? q, c = (d) => t ? `${t}-${d}` : void 0, w = C && !r, I = e ? `${$}-helper-text` : void 0, L = [h].filter((d) => !!d), k = (typeof l.value == "number" ? l.value !== void 0 : (Z = l.value) == null ? void 0 : Z.length) && !l.disabled && !l.readOnly && !f && v && n, X = Ct(null), _r = (d) => {
-    X.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
-  }, fr = () => {
+  var R;
+  const q = yr(), g = l.id ?? q, c = (d) => t ? `${t}-${d}` : void 0, F = A && !e, I = i ? `${g}-helper-text` : void 0, L = [C].filter((d) => !!d), X = (typeof l.value == "number" ? l.value !== void 0 : (R = l.value) == null ? void 0 : R.length) && !l.disabled && !l.readOnly && !$ && v && n, Z = qt(null), fr = (d) => {
+    Z.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
+  }, vr = () => {
     var d;
-    v == null || v(), (d = X.current) == null || d.focus();
+    v == null || v(), (d = Z.current) == null || d.focus();
   }, B = [
-    f && /* @__PURE__ */ p(
-      Nt,
+    $ && /* @__PURE__ */ p(
+      Ot,
       {
         disabled: l.disabled,
         size: "xs",
@@ -852,50 +853,51 @@ const Mt = /* @__PURE__ */ Ot(zt), At = {
       },
       "spinner"
     ),
-    k && /* @__PURE__ */ p(
-      rr,
+    X && /* @__PURE__ */ p(
+      tr,
       {
         variant: "tertiary-purple",
-        onClick: fr,
+        onClick: vr,
         iconOnly: !0,
         "aria-label": n ?? "",
         "data-testid": c("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ p(or, { size: "xs" })
+        children: /* @__PURE__ */ p(pr, { size: "xs" })
       },
       "clear-button"
     ),
-    w && /* @__PURE__ */ p(
-      ar,
+    F && /* @__PURE__ */ p(
+      or,
       {
         "data-testid": c("valid-icon"),
         className: _(`${s}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((d) => !!d), vr = _([
+  ].filter((d) => !!d), xr = _([
     `${s}__input-container`,
     {
       [`${s}__input-container--start-adornment`]: L.length,
-      [`${s}__input-container--end-adornment`]: B.length || o,
+      [`${s}__input-container--end-adornment`]: B.length || r,
       [`${s}__input-container--disabled`]: l.disabled,
-      [`${s}__input-container--has-clear-button`]: k,
+      [`${s}__input-container--has-clear-button`]: X,
       [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
-  return /* @__PURE__ */ g("div", { className: _(u, s), children: [
-    i && /* @__PURE__ */ p(
-      yt,
+  return /* @__PURE__ */ b("div", { className: _(u, s), children: [
+    f && /* @__PURE__ */ p(
+      ht,
       {
-        htmlFor: $,
+        htmlFor: g,
         className: _(`${s}__label`),
         "data-testid": c("label"),
         disabled: l.disabled,
-        children: `${l.required ? "* " : ""}${i}`
+        children: `${l.required ? "* " : ""}${f}`
       }
     ),
-    /* @__PURE__ */ g("div", { className: _(`${s}__field-row`), children: [
-      /* @__PURE__ */ g("div", { className: vr, children: [
+    /* @__PURE__ */ b("div", { className: _(`${s}__field-row`), children: [
+      !!a && a,
+      /* @__PURE__ */ b("div", { className: xr, children: [
         !!L.length && /* @__PURE__ */ p(
           "div",
           {
@@ -908,43 +910,43 @@ const Mt = /* @__PURE__ */ Ot(zt), At = {
           "input",
           {
             ...l,
-            id: $,
-            ref: _r,
+            id: g,
+            ref: fr,
             "data-testid": c("input"),
             "aria-describedby": l["aria-describedby"] || I,
-            "aria-invalid": l["aria-invalid"] || !!r,
+            "aria-invalid": l["aria-invalid"] || !!e,
             className: _([
               `${s}__input`,
               {
-                [`${s}__input--valid`]: w,
-                [`${s}__input--error`]: !!r
+                [`${s}__input--valid`]: F,
+                [`${s}__input--error`]: !!e
               }
             ])
           }
         ),
         /* @__PURE__ */ p("div", { className: _(`${s}__frame`) }),
-        (!!B.length || o) && /* @__PURE__ */ g(
+        (!!B.length || r) && /* @__PURE__ */ b(
           "div",
           {
             "data-testid": c("end-adornments"),
             className: _(`${s}__adornment-container`),
             children: [
               B,
-              o
+              r
             ]
           }
         )
       ] }),
-      !!a && a
+      !!o && o
     ] }),
-    I && /* @__PURE__ */ p(Ur, { "data-testid": c("helper-text"), id: I, children: e }),
-    r && /* @__PURE__ */ p(Gr, { "data-testid": c("error-text"), children: r })
+    I && /* @__PURE__ */ p(Wr, { "data-testid": c("helper-text"), id: I, children: i }),
+    e && /* @__PURE__ */ p(Hr, { "data-testid": c("error-text"), children: e })
   ] });
-}, dr = y(qt);
-dr.displayName = "TextField";
-const Et = (t) => M(t) && t.type.displayName === dr.displayName;
+}, _r = h(It);
+_r.displayName = "TextField";
+const Pt = (t) => z(t) && t.type.displayName === _r.displayName;
 export {
-  dr as TextField,
-  Et as isTextField
+  _r as TextField,
+  Pt as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map