@purpurds/text-field 7.5.1 → 7.6.0

package/dist/text-field.es.js

@@ -1,22 +1,22 @@
-import { jsxs as y, jsx as p, Fragment as Sr } from "react/jsx-runtime";
+import { jsxs as m, jsx as p, Fragment as Nr } from "react/jsx-runtime";
 import * as c from "react";
-import { forwardRef as _r, useRef as Nr, useId as Or, isValidElement as jr } from "react";
+import { forwardRef as fr, useRef as Or, useId as jr, isValidElement as qr } from "react";
 import "react-dom";
-const qr = {
+const kr = {
   LG: "lg"
 };
-function kr(t) {
+function Mr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var L = { exports: {} };
+var F = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var F;
-function Mr() {
-  return F || (F = 1, function(t) {
+var Z;
+function Cr() {
+  return Z || (Z = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -45,41 +45,41 @@ function Mr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(L)), L.exports;
+  }(F)), F.exports;
 }
-var Cr = Mr();
-const Z = /* @__PURE__ */ kr(Cr), Ar = "_rotate_12t9p_1", Rr = "_dash_12t9p_1", $ = {
+var Ar = Cr();
+const W = /* @__PURE__ */ Mr(Ar), Rr = "_rotate_12t9p_1", Br = "_dash_12t9p_1", w = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ar,
+  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: Rr,
+  dash: Br,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, w = "purpur-spinner", Br = {
+}, S = "purpur-spinner", Ir = {
   SM: "sm"
-}, Ir = ({
+}, Er = ({
   ["data-testid"]: t,
   disabled: u = !1,
   negative: n = !1,
-  size: a = Br.SM,
+  size: a = Ir.SM,
   ...l
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: Z([$[w], $[`${w}--${a}`]]),
+    className: W([w[S], w[`${S}--${a}`]]),
     "data-testid": t,
     ...l,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: Z($[`${w}__circle`], {
-          [$[`${w}__circle--disabled`]]: u,
-          [$[`${w}__circle--negative`]]: n
+        className: W(w[`${S}__circle`], {
+          [w[`${S}__circle--disabled`]]: u,
+          [w[`${S}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -88,18 +88,18 @@ const Z = /* @__PURE__ */ kr(Cr), Ar = "_rotate_12t9p_1", Rr = "_dash_12t9p_1",
     ) })
   }
 );
-function Er(t) {
+function Pr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var W = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var T;
-function Pr() {
-  return T || (T = 1, function(t) {
+var G;
+function Vr() {
+  return G || (G = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -128,10 +128,10 @@ function Pr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(W)), W.exports;
+  }(T)), T.exports;
 }
-var Vr = Pr();
-const zr = /* @__PURE__ */ Er(Vr), Dr = {
+var zr = Vr();
+const Dr = /* @__PURE__ */ Pr(zr), Lr = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -153,7 +153,7 @@ const zr = /* @__PURE__ */ Er(Vr), Dr = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, Lr = zr.bind(Dr), m = "purpur-button", Fr = ({
+}, Fr = Dr.bind(Lr), g = "purpur-button", Zr = ({
   children: t,
   className: u,
   ["data-testid"]: n,
@@ -163,60 +163,60 @@ const zr = /* @__PURE__ */ Er(Vr), Dr = {
   loading: e = !1,
   negative: i = !1,
   onClick: v,
-  size: h = "md",
-  variant: g,
-  type: j = "button",
-  ...O
-}, o) => {
-  if (r && g === "destructive")
+  size: $ = "md",
+  variant: y,
+  type: b = "button",
+  ...j
+}, k) => {
+  if (r && y === "destructive")
     return null;
-  const b = Lr(
+  const o = Fr(
     [
-      m,
-      `${m}--${i ? `${g}-negative` : g}`,
-      `${m}--${h}`
+      g,
+      `${g}--${i ? `${y}-negative` : y}`,
+      `${g}--${$}`
     ],
     {
-      [`${m}--icon-only`]: r,
-      [`${m}--negative`]: i,
-      [`${m}--full-width`]: l,
-      [`${m}--disabled`]: a || e
+      [`${g}--icon-only`]: r,
+      [`${g}--negative`]: i,
+      [`${g}--full-width`]: l,
+      [`${g}--disabled`]: a || e
     },
     u
-  ), q = (d) => {
-    a || e ? d.preventDefault() : v && v(d);
-  }, x = !!O["aria-disabled"] || a || e;
-  return /* @__PURE__ */ y(
+  ), x = (h) => {
+    a || e ? h.preventDefault() : v && v(h);
+  }, q = !!j["aria-disabled"] || a || e;
+  return /* @__PURE__ */ m(
     "button",
     {
-      className: b,
+      className: o,
       "data-testid": n,
-      type: j,
-      ref: o,
-      "aria-disabled": x,
-      onClick: q,
-      ...O,
+      type: b,
+      ref: k,
+      "aria-disabled": q,
+      onClick: x,
+      ...j,
       children: [
-        e && /* @__PURE__ */ p(Ir, { size: h === qr.LG ? "xs" : "xxs", negative: i, disabled: x }),
+        e && /* @__PURE__ */ p(Er, { size: $ === kr.LG ? "xs" : "xxs", negative: i, disabled: q }),
         " ",
         t
       ]
     }
   );
-}, fr = _r(Fr);
-fr.displayName = "Button";
-function Zr(t) {
+}, vr = fr(Zr);
+vr.displayName = "Button";
+function Wr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var G = { exports: {} };
+var H = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var H;
-function Wr() {
-  return H || (H = 1, function(t) {
+var U;
+function Tr() {
+  return U || (U = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -245,10 +245,10 @@ function Wr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(G)), G.exports;
+  }(H)), H.exports;
 }
-var Tr = Wr();
-const Gr = /* @__PURE__ */ Zr(Tr), Hr = {
+var Gr = Tr();
+const Hr = /* @__PURE__ */ Wr(Gr), Ur = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -256,26 +256,26 @@ const Gr = /* @__PURE__ */ Zr(Tr), Hr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ur = Gr.bind(Hr), U = "purpur-icon", Xr = "md", Yr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Jr = ({ content: t = "", title: u } = {}) => {
+}, Xr = Hr.bind(Ur), X = "purpur-icon", Yr = "md", Jr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Kr = ({ 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 ${Yr(n)}>${a}${t}</svg>`;
-}, Kr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), vr = ({
+  return `<svg ${Jr(n)}>${a}${t}</svg>`;
+}, Qr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), gr = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: a,
-  size: l = Xr,
+  size: l = Yr,
   ...r
 }) => {
-  const e = Jr({
-    content: Kr(u.svg),
+  const e = Kr({
+    content: Qr(u.svg),
     title: n
-  }), i = Ur(a, U, `${U}--${l}`);
+  }), i = Xr(a, X, `${X}--${l}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -286,25 +286,25 @@ const Gr = /* @__PURE__ */ Zr(Tr), Hr = {
     }
   );
 };
-vr.displayName = "Icon";
-const Qr = {
+gr.displayName = "Icon";
+const rt = {
   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 rt(t) {
+function tt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var X = { exports: {} };
+var Y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Y;
-function tt() {
-  return Y || (Y = 1, function(t) {
+var J;
+function et() {
+  return J || (J = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -333,42 +333,42 @@ function tt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(X)), X.exports;
+  }(Y)), Y.exports;
 }
-var et = tt();
-const nt = /* @__PURE__ */ rt(et), J = {
+var nt = et();
+const it = /* @__PURE__ */ tt(nt), K = {
   "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
-}, K = "purpur-field-error-text", it = ({
+}, Q = "purpur-field-error-text", ut = ({
   children: t,
   className: u,
   ["aria-relevant"]: n = "additions text",
   ...a
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ m(
   "div",
   {
-    className: nt([u, J[K]]),
+    className: it([u, K[Q]]),
     "aria-live": "assertive",
     "aria-relevant": n,
     ...a,
     children: [
-      /* @__PURE__ */ p(vr, { svg: Qr, size: "xs", className: J[`${K}__icon`] }),
+      /* @__PURE__ */ p(gr, { svg: rt, size: "xs", className: K[`${Q}__icon`] }),
       t
     ]
   }
 );
-function ut(t) {
+function at(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
 	http://jedwatson.github.io/classnames
 */
-var rr;
-function at() {
-  return rr || (rr = 1, function(t) {
+var tr;
+function lt() {
+  return tr || (tr = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -397,40 +397,40 @@ function at() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Q)), Q.exports;
+  }(rr)), rr.exports;
 }
-var lt = at();
-const pt = /* @__PURE__ */ ut(lt), tr = {
+var pt = lt();
+const ot = /* @__PURE__ */ at(pt), er = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, er = "purpur-field-helper-text", ot = ({
+}, nr = "purpur-field-helper-text", st = ({
   children: t,
   className: u,
   disabled: n,
   id: a,
   ...l
 }) => {
-  const r = pt([
+  const r = ot([
     u,
-    tr[er],
+    er[nr],
     {
-      [tr[`${er}--disabled`]]: n
+      [er[`${nr}--disabled`]]: n
     }
   ]);
   return /* @__PURE__ */ p("span", { id: a, className: r, ...l, children: t });
 };
-function st(t) {
+function ct(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
 	http://jedwatson.github.io/classnames
 */
-var ir;
-function ct() {
-  return ir || (ir = 1, function(t) {
+var ur;
+function dt() {
+  return ur || (ur = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -459,10 +459,10 @@ function ct() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(nr)), nr.exports;
+  }(ir)), ir.exports;
 }
-var dt = ct();
-const _t = /* @__PURE__ */ st(dt), ft = {
+var _t = dt();
+const ft = /* @__PURE__ */ ct(_t), vt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -470,26 +470,26 @@ const _t = /* @__PURE__ */ st(dt), ft = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, vt = _t.bind(ft), ur = "purpur-icon", gt = "md", mt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), yt = ({ content: t = "", title: u } = {}) => {
+}, gt = ft.bind(vt), ar = "purpur-icon", mt = "md", yt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), bt = ({ 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 ${mt(n)}>${a}${t}</svg>`;
-}, bt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({
+  return `<svg ${yt(n)}>${a}${t}</svg>`;
+}, xt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), P = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: a,
-  size: l = gt,
+  size: l = mt,
   ...r
 }) => {
-  const e = yt({
-    content: bt(u.svg),
+  const e = bt({
+    content: xt(u.svg),
     title: n
-  }), i = vt(a, ur, `${ur}--${l}`);
+  }), i = gt(a, ar, `${ar}--${l}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -500,65 +500,65 @@ const _t = /* @__PURE__ */ st(dt), ft = {
     }
   );
 };
-E.displayName = "Icon";
-const xt = {
+P.displayName = "Icon";
+const ht = {
   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"
-}, gr = (t) => /* @__PURE__ */ p(E, { ...t, svg: xt });
-gr.displayName = "IconCheckCircleFilled";
-const ht = {
+}, mr = (t) => /* @__PURE__ */ p(P, { ...t, svg: ht });
+mr.displayName = "IconCheckCircleFilled";
+const $t = {
   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"
-}, mr = (t) => /* @__PURE__ */ p(E, { ...t, svg: ht });
-mr.displayName = "IconClose";
-function ar(t, u) {
+}, yr = (t) => /* @__PURE__ */ p(P, { ...t, svg: $t });
+yr.displayName = "IconClose";
+function lr(t, u) {
   if (typeof t == "function")
     return t(u);
   t != null && (t.current = u);
 }
-function $t(...t) {
+function wt(...t) {
   return (u) => {
     let n = !1;
     const a = t.map((l) => {
-      const r = ar(l, u);
+      const r = lr(l, u);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let l = 0; l < a.length; l++) {
           const r = a[l];
-          typeof r == "function" ? r() : ar(t[l], null);
+          typeof r == "function" ? r() : lr(t[l], null);
         }
       };
   };
 }
-var yr = c.forwardRef((t, u) => {
-  const { children: n, ...a } = t, l = c.Children.toArray(n), r = l.find(St);
+var br = c.forwardRef((t, u) => {
+  const { children: n, ...a } = t, l = c.Children.toArray(n), r = l.find(Nt);
   if (r) {
     const e = r.props.children, i = l.map((v) => v === r ? c.Children.count(e) > 1 ? c.Children.only(null) : c.isValidElement(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ p(I, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
+    return /* @__PURE__ */ p(E, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
   }
-  return /* @__PURE__ */ p(I, { ...a, ref: u, children: n });
+  return /* @__PURE__ */ p(E, { ...a, ref: u, children: n });
 });
-yr.displayName = "Slot";
-var I = c.forwardRef((t, u) => {
+br.displayName = "Slot";
+var E = c.forwardRef((t, u) => {
   const { children: n, ...a } = t;
   if (c.isValidElement(n)) {
-    const l = Ot(n), r = Nt(a, n.props);
-    return n.type !== c.Fragment && (r.ref = u ? $t(u, l) : l), c.cloneElement(n, r);
+    const l = jt(n), r = Ot(a, n.props);
+    return n.type !== c.Fragment && (r.ref = u ? wt(u, l) : l), c.cloneElement(n, r);
   }
   return c.Children.count(n) > 1 ? c.Children.only(null) : null;
 });
-I.displayName = "SlotClone";
-var wt = ({ children: t }) => /* @__PURE__ */ p(Sr, { children: t });
-function St(t) {
-  return c.isValidElement(t) && t.type === wt;
+E.displayName = "SlotClone";
+var St = ({ children: t }) => /* @__PURE__ */ p(Nr, { children: t });
+function Nt(t) {
+  return c.isValidElement(t) && t.type === St;
 }
-function Nt(t, u) {
+function Ot(t, u) {
   const n = { ...u };
   for (const a in u) {
     const l = t[a], r = u[a];
@@ -568,12 +568,12 @@ function Nt(t, u) {
   }
   return { ...t, ...n };
 }
-function Ot(t) {
+function jt(t) {
   var u, n;
   let a = (u = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : u.get, l = a && "isReactWarning" in a && a.isReactWarning;
   return l ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, l = a && "isReactWarning" in a && a.isReactWarning, l ? t.props.ref : t.props.ref || t.ref);
 }
-var jt = [
+var qt = [
   "a",
   "button",
   "div",
@@ -590,14 +590,14 @@ var jt = [
   "span",
   "svg",
   "ul"
-], qt = jt.reduce((t, u) => {
+], kt = qt.reduce((t, u) => {
   const n = c.forwardRef((a, l) => {
-    const { asChild: r, ...e } = a, i = r ? yr : u;
+    const { asChild: r, ...e } = a, i = r ? br : u;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(i, { ...e, ref: l });
   });
   return n.displayName = `Primitive.${u}`, { ...t, [u]: n };
-}, {}), kt = "Label", br = c.forwardRef((t, u) => /* @__PURE__ */ p(
-  qt.label,
+}, {}), Mt = "Label", xr = c.forwardRef((t, u) => /* @__PURE__ */ p(
+  kt.label,
   {
     ...t,
     ref: u,
@@ -607,20 +607,20 @@ var jt = [
     }
   }
 ));
-br.displayName = kt;
-var Mt = br;
-function Ct(t) {
+xr.displayName = Mt;
+var Ct = xr;
+function At(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var lr = { exports: {} };
+var pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var pr;
-function At() {
-  return pr || (pr = 1, function(t) {
+var or;
+function Rt() {
+  return or || (or = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -649,42 +649,42 @@ function At() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(lr)), lr.exports;
+  }(pr)), pr.exports;
 }
-var Rt = At();
-const Bt = /* @__PURE__ */ Ct(Rt), A = {
+var Bt = Rt();
+const It = /* @__PURE__ */ At(Bt), R = {
   "purpur-label": "_purpur-label_1jndl_1",
   "purpur-label--negative": "_purpur-label--negative_1jndl_8",
   "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, R = "purpur-label", It = ({
+}, B = "purpur-label", Et = ({
   children: t,
   className: u,
   disabled: n,
   negative: a = !1,
   ...l
 }) => {
-  const r = Bt([
+  const r = It([
     u,
-    A[R],
+    R[B],
     {
-      [A[`${R}--disabled`]]: n,
-      [A[`${R}--negative`]]: a
+      [R[`${B}--disabled`]]: n,
+      [R[`${B}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ p(Mt, { className: r, ...l, children: t });
+  return /* @__PURE__ */ p(Ct, { className: r, ...l, children: t });
 };
-function Et(t) {
+function Pt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var or = { exports: {} };
+var sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var sr;
-function Pt() {
-  return sr || (sr = 1, function(t) {
+var cr;
+function Vt() {
+  return cr || (cr = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -713,41 +713,41 @@ function Pt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(or)), or.exports;
+  }(sr)), sr.exports;
 }
-var Vt = Pt();
-const cr = /* @__PURE__ */ Et(Vt), zt = "_rotate_12t9p_1", Dt = "_dash_12t9p_1", S = {
+var zt = Vt();
+const dr = /* @__PURE__ */ Pt(zt), Dt = "_rotate_12t9p_1", Lt = "_dash_12t9p_1", N = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: zt,
+  rotate: Dt,
   "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: Dt,
+  dash: Lt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, N = "purpur-spinner", Lt = {
+}, O = "purpur-spinner", Ft = {
   SM: "sm"
-}, Ft = ({
+}, Zt = ({
   ["data-testid"]: t,
   disabled: u = !1,
   negative: n = !1,
-  size: a = Lt.SM,
+  size: a = Ft.SM,
   ...l
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: cr([S[N], S[`${N}--${a}`]]),
+    className: dr([N[O], N[`${O}--${a}`]]),
     "data-testid": t,
     ...l,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: cr(S[`${N}__circle`], {
-          [S[`${N}__circle--disabled`]]: u,
-          [S[`${N}__circle--negative`]]: n
+        className: dr(N[`${O}__circle`], {
+          [N[`${O}__circle--disabled`]]: u,
+          [N[`${O}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -756,18 +756,18 @@ const cr = /* @__PURE__ */ Et(Vt), zt = "_rotate_12t9p_1", Dt = "_dash_12t9p_1",
     ) })
   }
 );
-function Zt(t) {
+function Wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var B = { exports: {} };
+var I = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var dr;
-function Wt() {
-  return dr || (dr = 1, function(t) {
+var _r;
+function Tt() {
+  return _r || (_r = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -796,10 +796,10 @@ function Wt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(B)), B.exports;
+  }(I)), I.exports;
 }
-var Tt = Wt();
-const Gt = /* @__PURE__ */ Zt(Tt), Ht = {
+var Gt = Tt();
+const Ht = /* @__PURE__ */ Wt(Gt), Ut = {
   "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",
@@ -816,7 +816,7 @@ const Gt = /* @__PURE__ */ Zt(Tt), Ht = {
   "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"
-}, Ut = (t) => Nr(t), f = Gt.bind(Ht), s = "purpur-text-field", Xt = ({
+}, Xt = (t) => Or(t), f = Ht.bind(Ut), s = "purpur-text-field", Yt = ({
   ["data-testid"]: t,
   className: u,
   clearButtonAriaLabel: n,
@@ -825,111 +825,112 @@ const Gt = /* @__PURE__ */ Zt(Tt), Ht = {
   endAdornment: r,
   errorText: e,
   helperText: i,
-  label: v,
-  loading: h = !1,
-  onClear: g,
+  hideRequiredAsterisk: v = !1,
+  label: $,
+  loading: y = !1,
+  onClear: b,
   startAdornment: j,
-  valid: O = !1,
+  valid: k = !1,
   ...o
-}, b) => {
-  var D;
-  const q = Or(), x = o.id ?? q, d = (_) => t ? `${t}-${_}` : void 0, P = O && !e, k = i ? `${x}-helper-text` : void 0, M = [j].filter((_) => !!_), V = (typeof o.value == "number" ? o.value !== void 0 : (D = o.value) == null ? void 0 : D.length) && !o.disabled && !o.readOnly && !h && g && n, z = Ut(null), hr = (_) => {
-    z.current = _, typeof b == "function" ? b(_) : b && (b.current = _);
-  }, $r = () => {
-    var _;
-    g == null || g(), (_ = z.current) == null || _.focus();
-  }, C = [
-    h && /* @__PURE__ */ p(
-      Ft,
+}, x) => {
+  var L;
+  const q = jr(), h = o.id ?? q, _ = (d) => t ? `${t}-${d}` : void 0, V = k && !e, M = i ? `${h}-helper-text` : void 0, C = [j].filter((d) => !!d), z = (typeof o.value == "number" ? o.value !== void 0 : (L = o.value) == null ? void 0 : L.length) && !o.disabled && !o.readOnly && !y && b && n, D = Xt(null), $r = (d) => {
+    D.current = d, typeof x == "function" ? x(d) : x && (x.current = d);
+  }, wr = () => {
+    var d;
+    b == null || b(), (d = D.current) == null || d.focus();
+  }, A = [
+    y && /* @__PURE__ */ p(
+      Zt,
       {
         disabled: o.disabled,
         size: "xs",
-        "data-testid": d("spinner")
+        "data-testid": _("spinner")
       },
       "spinner"
     ),
-    V && /* @__PURE__ */ p(
-      fr,
+    z && /* @__PURE__ */ p(
+      vr,
       {
         variant: "tertiary-purple",
-        onClick: $r,
+        onClick: wr,
         iconOnly: !0,
         "aria-label": n ?? "",
-        "data-testid": d("clear-button"),
+        "data-testid": _("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ p(mr, { size: "xs" })
+        children: /* @__PURE__ */ p(yr, { size: "xs" })
       },
       "clear-button"
     ),
-    P && /* @__PURE__ */ p(
-      gr,
+    V && /* @__PURE__ */ p(
+      mr,
       {
-        "data-testid": d("valid-icon"),
+        "data-testid": _("valid-icon"),
         className: f(`${s}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((_) => !!_), wr = f([
+  ].filter((d) => !!d), Sr = f([
     `${s}__input-container`,
     {
-      [`${s}__input-container--start-adornment`]: M.length,
-      [`${s}__input-container--end-adornment`]: C.length || r,
+      [`${s}__input-container--start-adornment`]: C.length,
+      [`${s}__input-container--end-adornment`]: A.length || r,
       [`${s}__input-container--disabled`]: o.disabled,
-      [`${s}__input-container--has-clear-button`]: V,
+      [`${s}__input-container--has-clear-button`]: z,
       [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
     }
   ]);
-  return /* @__PURE__ */ y("div", { className: f(u, s), children: [
-    v && /* @__PURE__ */ y(
-      It,
+  return /* @__PURE__ */ m("div", { className: f(u, s), children: [
+    $ && /* @__PURE__ */ m(
+      Et,
       {
-        htmlFor: x,
+        htmlFor: h,
         className: f(`${s}__label`),
-        "data-testid": d("label"),
+        "data-testid": _("label"),
         disabled: o.disabled,
         children: [
-          o.required && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "*" }),
-          v
+          o.required && !v && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "*" }),
+          $
         ]
       }
     ),
-    /* @__PURE__ */ y("div", { className: f(`${s}__field-row`), children: [
+    /* @__PURE__ */ m("div", { className: f(`${s}__field-row`), children: [
       !!a && a,
-      /* @__PURE__ */ y("div", { className: wr, children: [
-        !!M.length && /* @__PURE__ */ p(
+      /* @__PURE__ */ m("div", { className: Sr, children: [
+        !!C.length && /* @__PURE__ */ p(
           "div",
           {
-            "data-testid": d("start-adornments"),
+            "data-testid": _("start-adornments"),
             className: f(`${s}__adornment-container`),
-            children: M
+            children: C
           }
         ),
         /* @__PURE__ */ p(
           "input",
           {
             ...o,
-            id: x,
-            ref: hr,
-            "data-testid": d("input"),
-            "aria-describedby": o["aria-describedby"] || k,
+            id: h,
+            ref: $r,
+            "data-testid": _("input"),
+            "aria-describedby": o["aria-describedby"] || M,
             "aria-invalid": o["aria-invalid"] || !!e,
             className: f([
               `${s}__input`,
               {
-                [`${s}__input--valid`]: P,
+                [`${s}__input--valid`]: V,
                 [`${s}__input--error`]: !!e
               }
             ])
           }
         ),
         /* @__PURE__ */ p("div", { className: f(`${s}__frame`) }),
-        (!!C.length || r) && /* @__PURE__ */ y(
+        (!!A.length || r) && /* @__PURE__ */ m(
           "div",
           {
-            "data-testid": d("end-adornments"),
+            "data-testid": _("end-adornments"),
             className: f(`${s}__adornment-container`),
             children: [
-              C,
+              A,
               r
             ]
           }
@@ -937,14 +938,14 @@ const Gt = /* @__PURE__ */ Zt(Tt), Ht = {
       ] }),
       !!l && l
     ] }),
-    k && /* @__PURE__ */ p(ot, { "data-testid": d("helper-text"), id: k, children: i }),
-    e && /* @__PURE__ */ p(it, { "data-testid": d("error-text"), children: e })
+    M && /* @__PURE__ */ p(st, { "data-testid": _("helper-text"), id: M, children: i }),
+    e && /* @__PURE__ */ p(ut, { "data-testid": _("error-text"), children: e })
   ] });
-}, xr = _r(Xt);
-xr.displayName = "TextField";
-const re = (t) => jr(t) && t.type.displayName === xr.displayName;
+}, hr = fr(Yt);
+hr.displayName = "TextField";
+const te = (t) => qr(t) && t.type.displayName === hr.displayName;
 export {
-  xr as TextField,
-  re as isTextField
+  hr as TextField,
+  te as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map