@purpurds/text-field 6.12.4 → 7.0.0

package/dist/text-field.es.js

@@ -1,14 +1,14 @@
-import { jsxs as b, jsx as l, Fragment as jr } from "react/jsx-runtime";
+import { jsxs as x, jsx as o, Fragment as jr } from "react/jsx-runtime";
 import * as c from "react";
 import { forwardRef as _r, useRef as Sr, useId as Nr, isValidElement as Or } from "react";
 import "react-dom";
-const zr = {
+const qr = {
   LG: "lg"
 };
-function qr(t) {
+function zr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var D = { exports: {} };
+var F = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -22,7 +22,7 @@ function kr() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a(i)));
+          i && (r = l(r, a(i)));
         }
         return r;
       }
@@ -37,18 +37,18 @@ function kr() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, i));
+          u.call(r, i) && r[i] && (e = l(e, i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(D)), D.exports;
+  }(F)), F.exports;
 }
 var Mr = kr();
-const Z = /* @__PURE__ */ qr(Mr), Cr = "_rotate_1xozj_1", Ar = "_dash_1xozj_1", $ = {
+const Z = /* @__PURE__ */ zr(Mr), Cr = "_rotate_1xozj_1", Ar = "_dash_1xozj_1", $ = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: Cr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -67,14 +67,14 @@ const Z = /* @__PURE__ */ qr(Mr), Cr = "_rotate_1xozj_1", Ar = "_dash_1xozj_1",
   disabled: u = !1,
   negative: n = !1,
   size: a = Rr.SM,
-  ...o
-}) => /* @__PURE__ */ l(
+  ...l
+}) => /* @__PURE__ */ o(
   "div",
   {
     className: Z([$[w], $[`${w}--${a}`]]),
     "data-testid": t,
-    ...o,
-    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+    ...l,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
         className: Z($[`${w}__circle`], {
@@ -105,7 +105,7 @@ function Er() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a.call(this, i)));
+          i && (r = l(r, a.call(this, i)));
         }
         return r;
       }
@@ -120,10 +120,10 @@ function Er() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -131,7 +131,7 @@ function Er() {
   }(T)), T.exports;
 }
 var Pr = Er();
-const Vr = /* @__PURE__ */ Ir(Pr), Fr = {
+const Vr = /* @__PURE__ */ Ir(Pr), Dr = {
   "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,51 +153,51 @@ const Vr = /* @__PURE__ */ Ir(Pr), Fr = {
   "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"
-}, Dr = Vr.bind(Fr), g = "purpur-button", Lr = ({
+}, Fr = Vr.bind(Dr), m = "purpur-button", Lr = ({
   children: t,
   className: u,
   ["data-testid"]: n,
   disabled: a = !1,
-  fullWidth: o = !1,
+  fullWidth: l = !1,
   iconOnly: r,
   loading: e = !1,
   negative: i = !1,
   onClick: v,
   size: h = "md",
-  variant: m,
+  variant: g,
   type: O = "button",
   ...N
 }, p) => {
-  if (r && m === "destructive")
+  if (r && g === "destructive")
     return null;
-  const x = Dr(
+  const y = Fr(
     [
-      g,
-      `${g}--${i ? `${m}-negative` : m}`,
-      `${g}--${h}`
+      m,
+      `${m}--${i ? `${g}-negative` : g}`,
+      `${m}--${h}`
     ],
     {
-      [`${g}--icon-only`]: r,
-      [`${g}--negative`]: i,
-      [`${g}--full-width`]: o,
-      [`${g}--disabled`]: a || e
+      [`${m}--icon-only`]: r,
+      [`${m}--negative`]: i,
+      [`${m}--full-width`]: l,
+      [`${m}--disabled`]: a || e
     },
     u
-  ), z = (d) => {
+  ), q = (d) => {
     a || e ? d.preventDefault() : v && v(d);
-  }, y = !!N["aria-disabled"] || a || e;
-  return /* @__PURE__ */ b(
+  }, b = !!N["aria-disabled"] || a || e;
+  return /* @__PURE__ */ x(
     "button",
     {
-      className: x,
+      className: y,
       "data-testid": n,
       type: O,
       ref: p,
-      "aria-disabled": y,
-      onClick: z,
+      "aria-disabled": b,
+      onClick: q,
       ...N,
       children: [
-        e && /* @__PURE__ */ l(Br, { size: h === zr.LG ? "xs" : "xxs", negative: i, disabled: y }),
+        e && /* @__PURE__ */ o(Br, { size: h === qr.LG ? "xs" : "xxs", negative: i, disabled: b }),
         " ",
         t
       ]
@@ -222,7 +222,7 @@ function Tr() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a.call(this, i)));
+          i && (r = l(r, a.call(this, i)));
         }
         return r;
       }
@@ -237,10 +237,10 @@ function Tr() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -269,17 +269,16 @@ const Gr = /* @__PURE__ */ Zr(Wr), Hr = {
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = Xr,
+  size: l = Xr,
   ...r
 }) => {
   const e = Jr({
     content: Kr(u.svg),
     title: n
-  }), i = Ur(a, U, `${U}--${o}`);
-  return /* @__PURE__ */ l(
+  }), i = Ur(a, U, `${U}--${l}`);
+  return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
       className: i,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -311,7 +310,7 @@ function tt() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a(i)));
+          i && (r = l(r, a(i)));
         }
         return r;
       }
@@ -326,10 +325,10 @@ function tt() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, i));
+          u.call(r, i) && r[i] && (e = l(e, i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -343,9 +342,9 @@ const nt = /* @__PURE__ */ rt(et), J = {
 }, K = "purpur-field-error-text", it = ({
   children: t,
   className: u,
-  relevant: n = "additions text",
+  ["aria-relevant"]: n = "additions text",
   ...a
-}) => /* @__PURE__ */ b(
+}) => /* @__PURE__ */ x(
   "div",
   {
     className: nt([u, J[K]]),
@@ -353,7 +352,7 @@ const nt = /* @__PURE__ */ rt(et), J = {
     "aria-relevant": n,
     ...a,
     children: [
-      /* @__PURE__ */ l(vr, { svg: Qr, size: "xs", className: J[`${K}__icon`] }),
+      /* @__PURE__ */ o(vr, { svg: Qr, size: "xs", className: J[`${K}__icon`] }),
       t
     ]
   }
@@ -375,7 +374,7 @@ function at() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a(i)));
+          i && (r = l(r, a(i)));
         }
         return r;
       }
@@ -390,18 +389,18 @@ function at() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, i));
+          u.call(r, i) && r[i] && (e = l(e, i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(Q)), Q.exports;
 }
-var ot = at();
-const lt = /* @__PURE__ */ ut(ot), tr = {
+var lt = at();
+const ot = /* @__PURE__ */ ut(lt), tr = {
   "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", pt = ({
@@ -409,16 +408,16 @@ const lt = /* @__PURE__ */ ut(ot), tr = {
   className: u,
   disabled: n,
   id: a,
-  ...o
+  ...l
 }) => {
-  const r = lt([
+  const r = ot([
     u,
     tr[er],
     {
       [tr[`${er}--disabled`]]: n
     }
   ]);
-  return /* @__PURE__ */ l("span", { id: a, className: r, ...o, children: t });
+  return /* @__PURE__ */ o("span", { id: a, className: r, ...l, children: t });
 };
 function st(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -437,7 +436,7 @@ function ct() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a.call(this, i)));
+          i && (r = l(r, a.call(this, i)));
         }
         return r;
       }
@@ -452,10 +451,10 @@ function ct() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -471,30 +470,29 @@ 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", mt = "md", gt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), xt = ({ content: t = "", title: u } = {}) => {
+}, 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(" "), xt = ({ 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 ${gt(n)}>${a}${t}</svg>`;
+  return `<svg ${mt(n)}>${a}${t}</svg>`;
 }, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), I = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = mt,
+  size: l = gt,
   ...r
 }) => {
   const e = xt({
     content: yt(u.svg),
     title: n
-  }), i = vt(a, ur, `${ur}--${o}`);
-  return /* @__PURE__ */ l(
+  }), i = vt(a, ur, `${ur}--${l}`);
+  return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
       className: i,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -508,15 +506,15 @@ const bt = {
   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"
-}, mr = (t) => /* @__PURE__ */ l(I, { ...t, svg: bt });
-mr.displayName = "IconCheckCircleFilled";
+}, gr = (t) => /* @__PURE__ */ o(I, { ...t, svg: bt });
+gr.displayName = "IconCheckCircleFilled";
 const ht = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, gr = (t) => /* @__PURE__ */ l(I, { ...t, svg: ht });
-gr.displayName = "IconClose";
+}, mr = (t) => /* @__PURE__ */ o(I, { ...t, svg: ht });
+mr.displayName = "IconClose";
 function ar(t, u) {
   if (typeof t == "function")
     return t(u);
@@ -525,55 +523,55 @@ function ar(t, u) {
 function $t(...t) {
   return (u) => {
     let n = !1;
-    const a = t.map((o) => {
-      const r = ar(o, u);
+    const a = t.map((l) => {
+      const r = ar(l, u);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let o = 0; o < a.length; o++) {
-          const r = a[o];
-          typeof r == "function" ? r() : ar(t[o], null);
+        for (let l = 0; l < a.length; l++) {
+          const r = a[l];
+          typeof r == "function" ? r() : ar(t[l], null);
         }
       };
   };
 }
 var xr = c.forwardRef((t, u) => {
-  const { children: n, ...a } = t, o = c.Children.toArray(n), r = o.find(jt);
+  const { children: n, ...a } = t, l = c.Children.toArray(n), r = l.find(jt);
   if (r) {
-    const e = r.props.children, i = o.map((v) => v === r ? c.Children.count(e) > 1 ? c.Children.only(null) : c.isValidElement(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ l(B, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
+    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__ */ o(B, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
   }
-  return /* @__PURE__ */ l(B, { ...a, ref: u, children: n });
+  return /* @__PURE__ */ o(B, { ...a, ref: u, children: n });
 });
 xr.displayName = "Slot";
 var B = c.forwardRef((t, u) => {
   const { children: n, ...a } = t;
   if (c.isValidElement(n)) {
-    const o = Nt(n), r = St(a, n.props);
-    return n.type !== c.Fragment && (r.ref = u ? $t(u, o) : o), c.cloneElement(n, r);
+    const l = Nt(n), r = St(a, n.props);
+    return n.type !== c.Fragment && (r.ref = u ? $t(u, l) : l), c.cloneElement(n, r);
   }
   return c.Children.count(n) > 1 ? c.Children.only(null) : null;
 });
 B.displayName = "SlotClone";
-var wt = ({ children: t }) => /* @__PURE__ */ l(jr, { children: t });
+var wt = ({ children: t }) => /* @__PURE__ */ o(jr, { children: t });
 function jt(t) {
   return c.isValidElement(t) && t.type === wt;
 }
 function St(t, u) {
   const n = { ...u };
   for (const a in u) {
-    const o = t[a], r = u[a];
-    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...e) => {
-      r(...e), o(...e);
-    } : o && (n[a] = o) : a === "style" ? n[a] = { ...o, ...r } : a === "className" && (n[a] = [o, r].filter(Boolean).join(" "));
+    const l = t[a], r = u[a];
+    /^on[A-Z]/.test(a) ? l && r ? n[a] = (...e) => {
+      r(...e), l(...e);
+    } : l && (n[a] = l) : a === "style" ? n[a] = { ...l, ...r } : a === "className" && (n[a] = [l, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
 }
 function Nt(t) {
   var u, n;
-  let a = (u = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : u.get, o = a && "isReactWarning" in a && a.isReactWarning;
-  return o ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, o = a && "isReactWarning" in a && a.isReactWarning, o ? t.props.ref : t.props.ref || t.ref);
+  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 Ot = [
   "a",
@@ -592,14 +590,14 @@ var Ot = [
   "span",
   "svg",
   "ul"
-], zt = Ot.reduce((t, u) => {
-  const n = c.forwardRef((a, o) => {
+], qt = Ot.reduce((t, u) => {
+  const n = c.forwardRef((a, l) => {
     const { asChild: r, ...e } = a, i = r ? xr : u;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(i, { ...e, ref: o });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(i, { ...e, ref: l });
   });
   return n.displayName = `Primitive.${u}`, { ...t, [u]: n };
-}, {}), qt = "Label", yr = c.forwardRef((t, u) => /* @__PURE__ */ l(
-  zt.label,
+}, {}), zt = "Label", yr = c.forwardRef((t, u) => /* @__PURE__ */ o(
+  qt.label,
   {
     ...t,
     ref: u,
@@ -609,26 +607,26 @@ var Ot = [
     }
   }
 ));
-yr.displayName = qt;
+yr.displayName = zt;
 var kt = yr;
 function Mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var or = { exports: {} };
+var lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var lr;
+var or;
 function Ct() {
-  return lr || (lr = 1, function(t) {
+  return or || (or = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a(i)));
+          i && (r = l(r, a(i)));
         }
         return r;
       }
@@ -643,15 +641,15 @@ function Ct() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, i));
+          u.call(r, i) && r[i] && (e = l(e, i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(or)), or.exports;
+  }(lr)), lr.exports;
 }
 var At = Ct();
 const Rt = /* @__PURE__ */ Mt(At), C = {
@@ -661,20 +659,19 @@ const Rt = /* @__PURE__ */ Mt(At), C = {
 }, A = "purpur-label", Bt = ({
   children: t,
   className: u,
-  htmlFor: n,
-  disabled: a,
-  negative: o = !1,
-  ...r
+  disabled: n,
+  negative: a = !1,
+  ...l
 }) => {
-  const e = Rt([
+  const r = Rt([
     u,
     C[A],
     {
-      [C[`${A}--disabled`]]: a,
-      [C[`${A}--negative`]]: o
+      [C[`${A}--disabled`]]: n,
+      [C[`${A}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ l(kt, { className: e, htmlFor: n, ...r, children: t });
+  return /* @__PURE__ */ o(kt, { className: r, ...l, children: t });
 };
 function It(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -693,7 +690,7 @@ function Et() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a(i)));
+          i && (r = l(r, a(i)));
         }
         return r;
       }
@@ -708,10 +705,10 @@ function Et() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, i));
+          u.call(r, i) && r[i] && (e = l(e, i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -719,7 +716,7 @@ function Et() {
   }(pr)), pr.exports;
 }
 var Pt = Et();
-const cr = /* @__PURE__ */ It(Pt), Vt = "_rotate_1xozj_1", Ft = "_dash_1xozj_1", j = {
+const cr = /* @__PURE__ */ It(Pt), Vt = "_rotate_1xozj_1", Dt = "_dash_1xozj_1", j = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: Vt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -728,24 +725,24 @@ const cr = /* @__PURE__ */ It(Pt), Vt = "_rotate_1xozj_1", Ft = "_dash_1xozj_1",
   "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: Ft,
+  dash: Dt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, S = "purpur-spinner", Dt = {
+}, S = "purpur-spinner", Ft = {
   SM: "sm"
 }, Lt = ({
   ["data-testid"]: t,
   disabled: u = !1,
   negative: n = !1,
-  size: a = Dt.SM,
-  ...o
-}) => /* @__PURE__ */ l(
+  size: a = Ft.SM,
+  ...l
+}) => /* @__PURE__ */ o(
   "div",
   {
     className: cr([j[S], j[`${S}--${a}`]]),
     "data-testid": t,
-    ...o,
-    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+    ...l,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
         className: cr(j[`${S}__circle`], {
@@ -776,7 +773,7 @@ function Tt() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = o(r, a.call(this, i)));
+          i && (r = l(r, a.call(this, i)));
         }
         return r;
       }
@@ -791,10 +788,10 @@ function Tt() {
           return r.toString();
         var e = "";
         for (var i in r)
-          u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function l(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -803,46 +800,46 @@ function Tt() {
 }
 var Wt = Tt();
 const Gt = /* @__PURE__ */ Zt(Wt), Ht = {
-  "purpur-text-field": "_purpur-text-field_1k23z_1",
-  "purpur-text-field__label": "_purpur-text-field__label_1k23z_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_1k23z_13",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_1k23z_16",
-  "purpur-text-field__frame": "_purpur-text-field__frame_1k23z_20",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_1k23z_27",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1k23z_38",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1k23z_41",
-  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1k23z_44",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1k23z_47",
-  "purpur-text-field__input": "_purpur-text-field__input_1k23z_27",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1k23z_53",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1k23z_95",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_1k23z_95",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1k23z_107",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1k23z_112"
+  "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",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_3gl1k_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_3gl1k_19",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_3gl1k_26",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_3gl1k_37",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_3gl1k_40",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_3gl1k_43",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_3gl1k_46",
+  "purpur-text-field__input": "_purpur-text-field__input_3gl1k_26",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_3gl1k_52",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_3gl1k_94",
+  "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) => Sr(t), f = Gt.bind(Ht), s = "purpur-text-field", Xt = ({
   ["data-testid"]: t,
   className: u,
-  clearButtonAllyLabel: n,
+  clearButtonAriaLabel: n,
   beforeField: a,
-  afterField: o,
+  afterField: l,
   endAdornment: r,
   errorText: e,
   helperText: i,
   label: v,
   loading: h = !1,
-  onClear: m,
+  onClear: g,
   startAdornment: O,
   valid: N = !1,
   ...p
-}, x) => {
-  var F;
-  const z = Nr(), y = p.id ?? z, d = (_) => t ? `${t}-${_}` : void 0, E = N && !e, q = i ? `${y}-helper-text` : void 0, k = [O].filter((_) => !!_), P = (typeof p.value == "number" ? p.value !== void 0 : (F = p.value) == null ? void 0 : F.length) && !p.disabled && !p.readOnly && !h && m && n, V = Ut(null), hr = (_) => {
-    V.current = _, typeof x == "function" ? x(_) : x && (x.current = _);
+}, y) => {
+  var D;
+  const q = Nr(), b = p.id ?? q, d = (_) => t ? `${t}-${_}` : void 0, E = N && !e, z = i ? `${b}-helper-text` : void 0, k = [O].filter((_) => !!_), P = (typeof p.value == "number" ? p.value !== void 0 : (D = p.value) == null ? void 0 : D.length) && !p.disabled && !p.readOnly && !h && g && n, V = Ut(null), hr = (_) => {
+    V.current = _, typeof y == "function" ? y(_) : y && (y.current = _);
   }, $r = () => {
     var _;
-    m == null || m(), (_ = V.current) == null || _.focus();
+    g == null || g(), (_ = V.current) == null || _.focus();
   }, M = [
-    h && /* @__PURE__ */ l(
+    h && /* @__PURE__ */ o(
       Lt,
       {
         disabled: p.disabled,
@@ -851,7 +848,7 @@ const Gt = /* @__PURE__ */ Zt(Wt), Ht = {
       },
       "spinner"
     ),
-    P && /* @__PURE__ */ l(
+    P && /* @__PURE__ */ o(
       fr,
       {
         variant: "tertiary-purple",
@@ -860,12 +857,12 @@ const Gt = /* @__PURE__ */ Zt(Wt), Ht = {
         "aria-label": n ?? "",
         "data-testid": d("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ l(gr, { size: "xs" })
+        children: /* @__PURE__ */ o(mr, { size: "xs" })
       },
       "clear-button"
     ),
-    E && /* @__PURE__ */ l(
-      mr,
+    E && /* @__PURE__ */ o(
+      gr,
       {
         "data-testid": d("valid-icon"),
         className: f(`${s}__valid-icon`)
@@ -882,21 +879,24 @@ const Gt = /* @__PURE__ */ Zt(Wt), Ht = {
       [`${s}__input-container--readonly`]: p.readOnly && !p.disabled
     }
   ]);
-  return /* @__PURE__ */ b("div", { className: f(u, s), children: [
-    v && /* @__PURE__ */ l(
+  return /* @__PURE__ */ x("div", { className: f(u, s), children: [
+    v && /* @__PURE__ */ x(
       Bt,
       {
-        htmlFor: y,
+        htmlFor: b,
         className: f(`${s}__label`),
         "data-testid": d("label"),
         disabled: p.disabled,
-        children: `${p.required ? "* " : ""}${v}`
+        children: [
+          p.required && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
+          v
+        ]
       }
     ),
-    /* @__PURE__ */ b("div", { className: f(`${s}__field-row`), children: [
+    /* @__PURE__ */ x("div", { className: f(`${s}__field-row`), children: [
       !!a && a,
-      /* @__PURE__ */ b("div", { className: wr, children: [
-        !!k.length && /* @__PURE__ */ l(
+      /* @__PURE__ */ x("div", { className: wr, children: [
+        !!k.length && /* @__PURE__ */ o(
           "div",
           {
             "data-testid": d("start-adornments"),
@@ -904,14 +904,14 @@ const Gt = /* @__PURE__ */ Zt(Wt), Ht = {
             children: k
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ o(
           "input",
           {
             ...p,
-            id: y,
+            id: b,
             ref: hr,
             "data-testid": d("input"),
-            "aria-describedby": p["aria-describedby"] || q,
+            "aria-describedby": p["aria-describedby"] || z,
             "aria-invalid": p["aria-invalid"] || !!e,
             className: f([
               `${s}__input`,
@@ -922,8 +922,8 @@ const Gt = /* @__PURE__ */ Zt(Wt), Ht = {
             ])
           }
         ),
-        /* @__PURE__ */ l("div", { className: f(`${s}__frame`) }),
-        (!!M.length || r) && /* @__PURE__ */ b(
+        /* @__PURE__ */ o("div", { className: f(`${s}__frame`) }),
+        (!!M.length || r) && /* @__PURE__ */ x(
           "div",
           {
             "data-testid": d("end-adornments"),
@@ -935,10 +935,10 @@ const Gt = /* @__PURE__ */ Zt(Wt), Ht = {
           }
         )
       ] }),
-      !!o && o
+      !!l && l
     ] }),
-    q && /* @__PURE__ */ l(pt, { "data-testid": d("helper-text"), id: q, children: i }),
-    e && /* @__PURE__ */ l(it, { "data-testid": d("error-text"), children: e })
+    z && /* @__PURE__ */ o(pt, { "data-testid": d("helper-text"), id: z, children: i }),
+    e && /* @__PURE__ */ o(it, { "data-testid": d("error-text"), children: e })
   ] });
 }, br = _r(Xt);
 br.displayName = "TextField";