@purpurds/password-field 6.12.4 → 7.0.0

package/dist/{password-field-Ce7m1_On.mjs → password-field-BvGcUSFD.mjs}

@@ -1,6 +1,6 @@
-import { jsxs as b, jsx as o, Fragment as ut } from "react/jsx-runtime";
+import { jsxs as h, jsx as o, Fragment as ut } from "react/jsx-runtime";
 import * as g from "react";
-import { forwardRef as z, useId as at, useRef as it, useState as T, useMemo as pt, useEffect as ot, isValidElement as st } from "react";
+import { forwardRef as q, useId as at, useRef as it, useState as T, useMemo as pt, useEffect as ot, isValidElement as st } from "react";
 import "react-dom";
 const lt = {
   LG: "lg"
@@ -48,7 +48,7 @@ function dt() {
   }(nr)), nr.exports;
 }
 var _t = dt();
-const ar = /* @__PURE__ */ ct(_t), ft = "_rotate_1xozj_1", gt = "_dash_1xozj_1", q = {
+const ar = /* @__PURE__ */ ct(_t), ft = "_rotate_1xozj_1", gt = "_dash_1xozj_1", P = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: ft,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -60,7 +60,7 @@ const ar = /* @__PURE__ */ ct(_t), ft = "_rotate_1xozj_1", gt = "_dash_1xozj_1",
   dash: gt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, P = "purpur-spinner", vt = {
+}, A = "purpur-spinner", vt = {
   SM: "sm"
 }, ht = ({
   ["data-testid"]: t,
@@ -71,15 +71,15 @@ const ar = /* @__PURE__ */ ct(_t), ft = "_rotate_1xozj_1", gt = "_dash_1xozj_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: ar([q[P], q[`${P}--${i}`]]),
+    className: ar([P[A], P[`${A}--${i}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: ar(q[`${P}__circle`], {
-          [q[`${P}__circle--disabled`]]: a,
-          [q[`${P}__circle--negative`]]: n
+        className: ar(P[`${A}__circle`], {
+          [P[`${A}__circle--disabled`]]: a,
+          [P[`${A}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -130,8 +130,8 @@ function bt() {
     })();
   }(ir)), ir.exports;
 }
-var yt = bt();
-const xt = /* @__PURE__ */ mt(yt), wt = {
+var xt = bt();
+const yt = /* @__PURE__ */ mt(xt), wt = {
   "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 xt = /* @__PURE__ */ mt(yt), wt = {
   "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"
-}, $t = xt.bind(wt), j = "purpur-button", St = ({
+}, $t = yt.bind(wt), j = "purpur-button", St = ({
   children: t,
   className: a,
   ["data-testid"]: n,
@@ -170,7 +170,7 @@ const xt = /* @__PURE__ */ mt(yt), wt = {
 }, s) => {
   if (r && c === "destructive")
     return null;
-  const h = $t(
+  const m = $t(
     [
       j,
       `${j}--${u ? `${c}-negative` : c}`,
@@ -183,13 +183,13 @@ const xt = /* @__PURE__ */ mt(yt), wt = {
       [`${j}--disabled`]: i || e
     },
     a
-  ), $ = (y) => {
-    i || e ? y.preventDefault() : l && l(y);
+  ), $ = (x) => {
+    i || e ? x.preventDefault() : l && l(x);
   }, S = !!v["aria-disabled"] || i || e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ h(
     "button",
     {
-      className: h,
+      className: m,
       "data-testid": n,
       type: _,
       ref: s,
@@ -203,8 +203,8 @@ const xt = /* @__PURE__ */ mt(yt), wt = {
       ]
     }
   );
-}, Fr = z(St);
-Fr.displayName = "Button";
+}, Zr = q(St);
+Zr.displayName = "Button";
 function jt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -248,7 +248,7 @@ function Nt() {
   }(or)), or.exports;
 }
 var Ot = Nt();
-const zt = /* @__PURE__ */ jt(Ot), qt = {
+const qt = /* @__PURE__ */ jt(Ot), Pt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -256,7 +256,7 @@ const zt = /* @__PURE__ */ jt(Ot), qt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Pt = zt.bind(qt), lr = "purpur-icon", At = "md", Mt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Ct = ({ content: t = "", title: a } = {}) => {
+}, At = qt.bind(Pt), lr = "purpur-icon", zt = "md", Mt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Ct = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -269,17 +269,16 @@ const zt = /* @__PURE__ */ jt(Ot), qt = {
   svg: a,
   allyTitle: n,
   className: i,
-  size: p = At,
+  size: p = zt,
   ...r
 }) => {
   const e = Ct({
     content: kt(a.svg),
     title: n
-  }), u = Pt(i, lr, `${lr}--${p}`);
+  }), u = At(i, lr, `${lr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -293,8 +292,8 @@ const Rt = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M2.364 2.364a.9.9 0 0 1 1.272 0l3.809 3.808a11.61 11.61 0 0 1 2.218-.789A9.944 9.944 0 0 1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.647.969-1.81 2.33-3.349 3.547a.9.9 0 0 1-1.116-1.413A15.273 15.273 0 0 0 20.894 12a15.297 15.297 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-.655 0-1.295.083-1.914.233-.435.105-.86.242-1.274.407l.418.417a4.9 4.9 0 0 1 7.632 4.654.9.9 0 1 1-1.786-.222 3.1 3.1 0 0 0-4.538-3.123l11.098 11.098a.9.9 0 1 1-1.272 1.272l-3.809-3.808c-1.362.642-2.9 1.072-4.555 1.072-2.651 0-5-1.103-6.826-2.42-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.645-.966 1.804-2.322 3.335-3.536a.9.9 0 1 1 1.118 1.411A15.266 15.266 0 0 0 3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c1.114 0 2.185-.24 3.188-.64l-.418-.418A4.9 4.9 0 0 1 7.1 12a8.888 8.888 0 0 1-.007-.225 2.488 2.488 0 0 1 .014-.385.9.9 0 1 1 1.786.222.79.79 0 0 0-.001.11A6.245 6.245 0 0 1 8.9 12a3.1 3.1 0 0 0 4.562 2.734L8.586 9.859a.912.912 0 0 1-.102-.102l-6.12-6.12a.9.9 0 0 1 0-1.273Z" clip-rule="evenodd"/></svg>',
   keywords: ["password-invisible"],
   category: "action"
-}, Zr = (t) => /* @__PURE__ */ o(K, { ...t, svg: Rt });
-Zr.displayName = "IconPasswordInvisible";
+}, Fr = (t) => /* @__PURE__ */ o(K, { ...t, svg: Rt });
+Fr.displayName = "IconPasswordInvisible";
 const Et = {
   name: "password-visible",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c2.149 0 4.134-.897 5.774-2.08a15.295 15.295 0 0 0 3.12-3.02 15.3 15.3 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-2.149 0-4.134.897-5.774 2.08A15.299 15.299 0 0 0 3.106 12Zm2.067-4.48C7 6.203 9.349 5.1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.722 1.083-2.096 2.663-3.923 3.98C17 17.797 14.651 18.9 12 18.9s-5-1.103-6.826-2.42c-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.722-1.083 2.096-2.663 3.923-3.98ZM12 8.9a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM7.1 12a4.9 4.9 0 1 1 9.8 0 4.9 4.9 0 0 1-9.8 0Zm4-1.538a.9.9 0 0 1 .9-.9A2.438 2.438 0 0 1 14.438 12a.9.9 0 0 1-1.8 0 .638.638 0 0 0-.638-.638.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
@@ -348,7 +347,7 @@ function It() {
   }(cr)), cr.exports;
 }
 var Tt = It();
-const _r = /* @__PURE__ */ Bt(Tt), Lt = "_rotate_1xozj_1", Wt = "_dash_1xozj_1", A = {
+const _r = /* @__PURE__ */ Bt(Tt), Lt = "_rotate_1xozj_1", Wt = "_dash_1xozj_1", z = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: Lt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -360,26 +359,26 @@ const _r = /* @__PURE__ */ Bt(Tt), Lt = "_rotate_1xozj_1", Wt = "_dash_1xozj_1",
   dash: Wt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, M = "purpur-spinner", Ft = {
+}, M = "purpur-spinner", Zt = {
   SM: "sm"
-}, Zt = ({
+}, Ft = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = Ft.SM,
+  size: i = Zt.SM,
   ...p
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: _r([A[M], A[`${M}--${i}`]]),
+    className: _r([z[M], z[`${M}--${i}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: _r(A[`${M}__circle`], {
-          [A[`${M}__circle--disabled`]]: a,
-          [A[`${M}__circle--negative`]]: n
+        className: _r(z[`${M}__circle`], {
+          [z[`${M}__circle--disabled`]]: a,
+          [z[`${M}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -470,7 +469,7 @@ const Ut = /* @__PURE__ */ Gt(Ht), Xt = {
 }, s) => {
   if (r && c === "destructive")
     return null;
-  const h = Kt(
+  const m = Kt(
     [
       N,
       `${N}--${u ? `${c}-negative` : c}`,
@@ -483,13 +482,13 @@ const Ut = /* @__PURE__ */ Gt(Ht), Xt = {
       [`${N}--disabled`]: i || e
     },
     a
-  ), $ = (y) => {
-    i || e ? y.preventDefault() : l && l(y);
+  ), $ = (x) => {
+    i || e ? x.preventDefault() : l && l(x);
   }, S = !!v["aria-disabled"] || i || e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ h(
     "button",
     {
-      className: h,
+      className: m,
       "data-testid": n,
       type: _,
       ref: s,
@@ -497,13 +496,13 @@ const Ut = /* @__PURE__ */ Gt(Ht), Xt = {
       onClick: $,
       ...v,
       children: [
-        e && /* @__PURE__ */ o(Zt, { size: d === Dt.LG ? "xs" : "xxs", negative: u, disabled: S }),
+        e && /* @__PURE__ */ o(Ft, { size: d === Dt.LG ? "xs" : "xxs", negative: u, disabled: S }),
         " ",
         t
       ]
     }
   );
-}, Vr = z(Yt);
+}, Vr = q(Yt);
 Vr.displayName = "Button";
 function Jt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -579,7 +578,6 @@ const te = /* @__PURE__ */ Jt(re), ee = {
   return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -603,9 +601,9 @@ var br = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yr;
+var xr;
 function le() {
-  return yr || (yr = 1, function(t) {
+  return xr || (xr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
@@ -637,23 +635,23 @@ function le() {
   }(br)), br.exports;
 }
 var ce = le();
-const de = /* @__PURE__ */ se(ce), xr = {
+const de = /* @__PURE__ */ se(ce), yr = {
   "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
 }, wr = "purpur-field-error-text", _e = ({
   children: t,
   className: a,
-  relevant: n = "additions text",
+  ["aria-relevant"]: n = "additions text",
   ...i
-}) => /* @__PURE__ */ b(
+}) => /* @__PURE__ */ h(
   "div",
   {
-    className: de([a, xr[wr]]),
+    className: de([a, yr[wr]]),
     "aria-live": "assertive",
     "aria-relevant": n,
     ...i,
     children: [
-      /* @__PURE__ */ o(Hr, { svg: oe, size: "xs", className: xr[`${wr}__icon`] }),
+      /* @__PURE__ */ o(Hr, { svg: oe, size: "xs", className: yr[`${wr}__icon`] }),
       t
     ]
   }
@@ -729,9 +727,9 @@ var Or = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var zr;
-function ye() {
-  return zr || (zr = 1, function(t) {
+var qr;
+function xe() {
+  return qr || (qr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
@@ -762,8 +760,8 @@ function ye() {
     })();
   }(Or)), Or.exports;
 }
-var xe = ye();
-const we = /* @__PURE__ */ be(xe), $e = {
+var ye = xe();
+const we = /* @__PURE__ */ be(ye), $e = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -771,7 +769,7 @@ const we = /* @__PURE__ */ be(xe), $e = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Se = we.bind($e), qr = "purpur-icon", je = "md", Ne = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Oe = ({ content: t = "", title: a } = {}) => {
+}, Se = we.bind($e), Pr = "purpur-icon", je = "md", Ne = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Oe = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -779,7 +777,7 @@ const we = /* @__PURE__ */ be(xe), $e = {
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
   return `<svg ${Ne(n)}>${i}${t}</svg>`;
-}, ze = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
+}, qe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
@@ -788,13 +786,12 @@ const we = /* @__PURE__ */ be(xe), $e = {
   ...r
 }) => {
   const e = Oe({
-    content: ze(a.svg),
+    content: qe(a.svg),
     title: n
-  }), u = Se(i, qr, `${qr}--${p}`);
+  }), u = Se(i, Pr, `${Pr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -803,37 +800,37 @@ const we = /* @__PURE__ */ be(xe), $e = {
   );
 };
 Y.displayName = "Icon";
-const qe = {
+const Pe = {
   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"
-}, Ur = (t) => /* @__PURE__ */ o(Y, { ...t, svg: qe });
+}, Ur = (t) => /* @__PURE__ */ o(Y, { ...t, svg: Pe });
 Ur.displayName = "IconCheckCircleFilled";
-const Pe = {
+const Ae = {
   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"
-}, Xr = (t) => /* @__PURE__ */ o(Y, { ...t, svg: Pe });
+}, Xr = (t) => /* @__PURE__ */ o(Y, { ...t, svg: Ae });
 Xr.displayName = "IconClose";
-function Pr(t, a) {
+function Ar(t, a) {
   if (typeof t == "function")
     return t(a);
   t != null && (t.current = a);
 }
-function Ae(...t) {
+function ze(...t) {
   return (a) => {
     let n = !1;
     const i = t.map((p) => {
-      const r = Pr(p, a);
+      const r = Ar(p, a);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let p = 0; p < i.length; p++) {
           const r = i[p];
-          typeof r == "function" ? r() : Pr(t[p], null);
+          typeof r == "function" ? r() : Ar(t[p], null);
         }
       };
   };
@@ -851,7 +848,7 @@ var X = g.forwardRef((t, a) => {
   const { children: n, ...i } = t;
   if (g.isValidElement(n)) {
     const p = Re(n), r = ke(i, n.props);
-    return n.type !== g.Fragment && (r.ref = a ? Ae(a, p) : p), g.cloneElement(n, r);
+    return n.type !== g.Fragment && (r.ref = a ? ze(a, p) : p), g.cloneElement(n, r);
   }
   return g.Children.count(n) > 1 ? g.Children.only(null) : null;
 });
@@ -914,7 +911,7 @@ var Ie = Yr;
 function Te(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ar = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -951,30 +948,29 @@ function Le() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Ar)), Ar.exports;
+  }(zr)), zr.exports;
 }
 var We = Le();
-const Fe = /* @__PURE__ */ Te(We), G = {
+const Ze = /* @__PURE__ */ Te(We), G = {
   "purpur-label": "_purpur-label_1jndl_1",
   "purpur-label--negative": "_purpur-label--negative_1jndl_8",
   "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, V = "purpur-label", Ze = ({
+}, V = "purpur-label", Fe = ({
   children: t,
   className: a,
-  htmlFor: n,
-  disabled: i,
-  negative: p = !1,
-  ...r
+  disabled: n,
+  negative: i = !1,
+  ...p
 }) => {
-  const e = Fe([
+  const r = Ze([
     a,
     G[V],
     {
-      [G[`${V}--disabled`]]: i,
-      [G[`${V}--negative`]]: p
+      [G[`${V}--disabled`]]: n,
+      [G[`${V}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ o(Ie, { className: e, htmlFor: n, ...r, children: t });
+  return /* @__PURE__ */ o(Ie, { className: r, ...p, children: t });
 };
 function Ge(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -1103,26 +1099,26 @@ function Qe() {
 }
 var rn = Qe();
 const tn = /* @__PURE__ */ Je(rn), en = {
-  "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"
 }, nn = (t) => it(t), w = tn.bind(en), f = "purpur-text-field", un = ({
   ["data-testid"]: t,
   className: a,
-  clearButtonAllyLabel: n,
+  clearButtonAriaLabel: n,
   beforeField: i,
   afterField: p,
   endAdornment: r,
@@ -1134,20 +1130,20 @@ const tn = /* @__PURE__ */ Je(rn), en = {
   startAdornment: _,
   valid: v = !1,
   ...s
-}, h) => {
+}, m) => {
   var $;
-  const S = at(), y = s.id ?? S, x = (m) => t ? `${t}-${m}` : void 0, rr = v && !e, W = u ? `${y}-helper-text` : void 0, F = [_].filter((m) => !!m), tr = (typeof s.value == "number" ? s.value !== void 0 : ($ = s.value) == null ? void 0 : $.length) && !s.disabled && !s.readOnly && !d && c && n, er = nn(null), tt = (m) => {
-    er.current = m, typeof h == "function" ? h(m) : h && (h.current = m);
+  const S = at(), x = s.id ?? S, y = (b) => t ? `${t}-${b}` : void 0, rr = v && !e, W = u ? `${x}-helper-text` : void 0, Z = [_].filter((b) => !!b), tr = (typeof s.value == "number" ? s.value !== void 0 : ($ = s.value) == null ? void 0 : $.length) && !s.disabled && !s.readOnly && !d && c && n, er = nn(null), tt = (b) => {
+    er.current = b, typeof m == "function" ? m(b) : m && (m.current = b);
   }, et = () => {
-    var m;
-    c == null || c(), (m = er.current) == null || m.focus();
-  }, Z = [
+    var b;
+    c == null || c(), (b = er.current) == null || b.focus();
+  }, F = [
     d && /* @__PURE__ */ o(
       Ye,
       {
         disabled: s.disabled,
         size: "xs",
-        "data-testid": x("spinner")
+        "data-testid": y("spinner")
       },
       "spinner"
     ),
@@ -1158,7 +1154,7 @@ const tn = /* @__PURE__ */ Je(rn), en = {
         onClick: et,
         iconOnly: !0,
         "aria-label": n ?? "",
-        "data-testid": x("clear-button"),
+        "data-testid": y("clear-button"),
         tabIndex: -1,
         children: /* @__PURE__ */ o(Xr, { size: "xs" })
       },
@@ -1167,50 +1163,53 @@ const tn = /* @__PURE__ */ Je(rn), en = {
     rr && /* @__PURE__ */ o(
       Ur,
       {
-        "data-testid": x("valid-icon"),
+        "data-testid": y("valid-icon"),
         className: w(`${f}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((m) => !!m), nt = w([
+  ].filter((b) => !!b), nt = w([
     `${f}__input-container`,
     {
-      [`${f}__input-container--start-adornment`]: F.length,
-      [`${f}__input-container--end-adornment`]: Z.length || r,
+      [`${f}__input-container--start-adornment`]: Z.length,
+      [`${f}__input-container--end-adornment`]: F.length || r,
       [`${f}__input-container--disabled`]: s.disabled,
       [`${f}__input-container--has-clear-button`]: tr,
       [`${f}__input-container--readonly`]: s.readOnly && !s.disabled
     }
   ]);
-  return /* @__PURE__ */ b("div", { className: w(a, f), children: [
-    l && /* @__PURE__ */ o(
-      Ze,
+  return /* @__PURE__ */ h("div", { className: w(a, f), children: [
+    l && /* @__PURE__ */ h(
+      Fe,
       {
-        htmlFor: y,
+        htmlFor: x,
         className: w(`${f}__label`),
-        "data-testid": x("label"),
+        "data-testid": y("label"),
         disabled: s.disabled,
-        children: `${s.required ? "* " : ""}${l}`
+        children: [
+          s.required && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
+          l
+        ]
       }
     ),
-    /* @__PURE__ */ b("div", { className: w(`${f}__field-row`), children: [
+    /* @__PURE__ */ h("div", { className: w(`${f}__field-row`), children: [
       !!i && i,
-      /* @__PURE__ */ b("div", { className: nt, children: [
-        !!F.length && /* @__PURE__ */ o(
+      /* @__PURE__ */ h("div", { className: nt, children: [
+        !!Z.length && /* @__PURE__ */ o(
           "div",
           {
-            "data-testid": x("start-adornments"),
+            "data-testid": y("start-adornments"),
             className: w(`${f}__adornment-container`),
-            children: F
+            children: Z
           }
         ),
         /* @__PURE__ */ o(
           "input",
           {
             ...s,
-            id: y,
+            id: x,
             ref: tt,
-            "data-testid": x("input"),
+            "data-testid": y("input"),
             "aria-describedby": s["aria-describedby"] || W,
             "aria-invalid": s["aria-invalid"] || !!e,
             className: w([
@@ -1223,13 +1222,13 @@ const tn = /* @__PURE__ */ Je(rn), en = {
           }
         ),
         /* @__PURE__ */ o("div", { className: w(`${f}__frame`) }),
-        (!!Z.length || r) && /* @__PURE__ */ b(
+        (!!F.length || r) && /* @__PURE__ */ h(
           "div",
           {
-            "data-testid": x("end-adornments"),
+            "data-testid": y("end-adornments"),
             className: w(`${f}__adornment-container`),
             children: [
-              Z,
+              F,
               r
             ]
           }
@@ -1237,10 +1236,10 @@ const tn = /* @__PURE__ */ Je(rn), en = {
       ] }),
       !!p && p
     ] }),
-    W && /* @__PURE__ */ o(me, { "data-testid": x("helper-text"), id: W, children: u }),
-    e && /* @__PURE__ */ o(_e, { "data-testid": x("error-text"), children: e })
+    W && /* @__PURE__ */ o(me, { "data-testid": y("helper-text"), id: W, children: u }),
+    e && /* @__PURE__ */ o(_e, { "data-testid": y("error-text"), children: e })
   ] });
-}, Jr = z(un);
+}, Jr = q(un);
 Jr.displayName = "TextField";
 function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -1391,7 +1390,7 @@ const gn = {
   "purpur-password-strength-indicator--weak": "_purpur-password-strength-indicator--weak_1o6zr_7",
   "purpur-password-strength-indicator--medium": "_purpur-password-strength-indicator--medium_1o6zr_10",
   "purpur-password-strength-indicator--strong": "_purpur-password-strength-indicator--strong_1o6zr_13"
-}, hn = J.bind(vn), U = "purpur-password-strength-indicator", L = z(
+}, hn = J.bind(vn), U = "purpur-password-strength-indicator", L = q(
   ({
     ["data-testid"]: t = "password-strength-indicator",
     active: a,
@@ -1425,8 +1424,8 @@ const mn = (t, a, n, i) => {
       if (!t)
         r(0), u(void 0), d(void 0);
       else {
-        const { default: _ } = await import("./main-CBYBwXUt.mjs").then(($) => $.m), { score: v } = _(t), [s, h] = c[v];
-        r(v), u(s), d(h);
+        const { default: _ } = await import("./main-Cv81pnI9.mjs").then(($) => $.m), { score: v } = _(t), [s, m] = c[v];
+        r(v), u(s), d(m);
       }
     })();
   }, [t, c]), {
@@ -1434,7 +1433,7 @@ const mn = (t, a, n, i) => {
     passwordStrength: e,
     currentPasswordStrengthText: l
   };
-}, I = J.bind(gn), B = "purpur-password-strength", Q = z(
+}, I = J.bind(gn), B = "purpur-password-strength", Q = q(
   ({
     ["data-testid"]: t = "password-strength",
     className: a,
@@ -1451,8 +1450,8 @@ const mn = (t, a, n, i) => {
       r,
       e
     );
-    return /* @__PURE__ */ b("div", { "data-testid": t, className: d, ref: l, ...u, children: [
-      /* @__PURE__ */ b("div", { className: I(`${B}__indicator-container`), children: [
+    return /* @__PURE__ */ h("div", { "data-testid": t, className: d, ref: l, ...u, children: [
+      /* @__PURE__ */ h("div", { className: I(`${B}__indicator-container`), children: [
         /* @__PURE__ */ o(
           L,
           {
@@ -1475,7 +1474,7 @@ const mn = (t, a, n, i) => {
           }
         )
       ] }),
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ h(
         Qr,
         {
           "aria-live": "polite",
@@ -1485,7 +1484,7 @@ const mn = (t, a, n, i) => {
             { [`${B}__password-strength-text--${_}`]: _ }
           ]),
           children: [
-            /* @__PURE__ */ b("span", { className: I(`${B}__password-strength-label`), children: [
+            /* @__PURE__ */ h("span", { className: I(`${B}__password-strength-label`), children: [
               i,
               v ? ": " : ""
             ] }),
@@ -1497,22 +1496,22 @@ const mn = (t, a, n, i) => {
   }
 );
 Q.displayName = "PasswordStrength";
-const Lr = J.bind(sn), Wr = "purpur-password-field", rt = z(
+const Lr = J.bind(sn), Wr = "purpur-password-field", rt = q(
   ({
     ["data-testid"]: t = "password-field",
     children: a,
     className: n,
-    hidePasswordAllyLabel: i,
+    hidePasswordAriaLabel: i,
     onChange: p,
-    showPasswordAllyLabel: r,
+    showPasswordAriaLabel: r,
     ...e
   }, u) => {
-    const l = Lr([n, Wr]), [d, c] = T(O.PASSWORD), _ = async (h) => {
-      p == null || p(h);
+    const l = Lr([n, Wr]), [d, c] = T(O.PASSWORD), _ = async (m) => {
+      p == null || p(m);
     }, v = () => {
       c(d === O.PASSWORD ? O.TEXT : O.PASSWORD);
-    }, s = d === O.PASSWORD ? Gr : Zr;
-    return /* @__PURE__ */ b("div", { className: l, children: [
+    }, s = d === O.PASSWORD ? Gr : Fr;
+    return /* @__PURE__ */ h("div", { className: l, children: [
       /* @__PURE__ */ o(
         Jr,
         {
@@ -1522,7 +1521,7 @@ const Lr = J.bind(sn), Wr = "purpur-password-field", rt = z(
           ref: u,
           type: d,
           endAdornment: /* @__PURE__ */ o(
-            Fr,
+            Zr,
             {
               "aria-label": d === O.PASSWORD ? r : i,
               "data-testid": `${t}-type-toggle-button`,
@@ -1548,4 +1547,4 @@ export {
   an as g,
   wn as i
 };
-//# sourceMappingURL=password-field-Ce7m1_On.mjs.map
+//# sourceMappingURL=password-field-BvGcUSFD.mjs.map