@purpurds/password-field 6.12.5 → 7.1.0

package/dist/{password-field-Ce7m1_On.mjs → password-field-Dg8Jzw0g.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 s, 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 P, useId as at, useRef as pt, useState as L, useMemo as it, useEffect as st, isValidElement as ot } from "react";
 import "react-dom";
 const lt = {
   LG: "lg"
@@ -22,11 +22,11 @@ function dt() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i(u)));
+          u && (r = i(r, p(u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -37,10 +37,10 @@ function dt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, u));
+          a.call(r, u) && r[u] && (e = i(e, u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -48,38 +48,38 @@ function dt() {
   }(nr)), nr.exports;
 }
 var _t = dt();
-const ar = /* @__PURE__ */ ct(_t), ft = "_rotate_1xozj_1", gt = "_dash_1xozj_1", q = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
+const ar = /* @__PURE__ */ ct(_t), ft = "_rotate_12t9p_1", gt = "_dash_12t9p_1", A = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: ft,
-  "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",
+  "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: 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 = {
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, j = "purpur-spinner", vt = {
   SM: "sm"
 }, ht = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = vt.SM,
-  ...p
-}) => /* @__PURE__ */ o(
+  size: p = vt.SM,
+  ...i
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: ar([q[P], q[`${P}--${i}`]]),
+    className: ar([A[j], A[`${j}--${p}`]]),
     "data-testid": t,
-    ...p,
-    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+    ...i,
+    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: ar(q[`${P}__circle`], {
-          [q[`${P}__circle--disabled`]]: a,
-          [q[`${P}__circle--negative`]]: n
+        className: ar(A[`${j}__circle`], {
+          [A[`${j}__circle--disabled`]]: a,
+          [A[`${j}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -91,25 +91,25 @@ const ar = /* @__PURE__ */ ct(_t), ft = "_rotate_1xozj_1", gt = "_dash_1xozj_1",
 function mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
+var pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var pr;
+var ir;
 function bt() {
-  return pr || (pr = 1, function(t) {
+  return ir || (ir = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i.call(this, u)));
+          u && (r = i(r, p.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -120,18 +120,18 @@ function bt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(ir)), ir.exports;
+  }(pr)), pr.exports;
 }
 var yt = bt();
-const xt = /* @__PURE__ */ mt(yt), wt = {
+const wt = /* @__PURE__ */ mt(yt), xt = {
   "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,12 +153,12 @@ 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 = wt.bind(xt), N = "purpur-button", St = ({
   children: t,
   className: a,
   ["data-testid"]: n,
-  disabled: i = !1,
-  fullWidth: p = !1,
+  disabled: p = !1,
+  fullWidth: i = !1,
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
@@ -167,66 +167,66 @@ const xt = /* @__PURE__ */ mt(yt), wt = {
   variant: c,
   type: _ = "button",
   ...v
-}, s) => {
+}, o) => {
   if (r && c === "destructive")
     return null;
-  const h = $t(
+  const m = $t(
     [
-      j,
-      `${j}--${u ? `${c}-negative` : c}`,
-      `${j}--${d}`
+      N,
+      `${N}--${u ? `${c}-negative` : c}`,
+      `${N}--${d}`
     ],
     {
-      [`${j}--icon-only`]: r,
-      [`${j}--negative`]: u,
-      [`${j}--full-width`]: p,
-      [`${j}--disabled`]: i || e
+      [`${N}--icon-only`]: r,
+      [`${N}--negative`]: u,
+      [`${N}--full-width`]: i,
+      [`${N}--disabled`]: p || e
     },
     a
   ), $ = (y) => {
-    i || e ? y.preventDefault() : l && l(y);
-  }, S = !!v["aria-disabled"] || i || e;
-  return /* @__PURE__ */ b(
+    p || e ? y.preventDefault() : l && l(y);
+  }, S = !!v["aria-disabled"] || p || e;
+  return /* @__PURE__ */ h(
     "button",
     {
-      className: h,
+      className: m,
       "data-testid": n,
       type: _,
-      ref: s,
+      ref: o,
       "aria-disabled": S,
       onClick: $,
       ...v,
       children: [
-        e && /* @__PURE__ */ o(ht, { size: d === lt.LG ? "xs" : "xxs", negative: u, disabled: S }),
+        e && /* @__PURE__ */ s(ht, { size: d === lt.LG ? "xs" : "xxs", negative: u, disabled: S }),
         " ",
         t
       ]
     }
   );
-}, Fr = z(St);
-Fr.displayName = "Button";
-function jt(t) {
+}, Zr = P(St);
+Zr.displayName = "Button";
+function Nt(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 Nt() {
-  return sr || (sr = 1, function(t) {
+var or;
+function Ot() {
+  return or || (or = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i.call(this, u)));
+          u && (r = i(r, p.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -237,18 +237,18 @@ function Nt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(or)), or.exports;
+  }(sr)), sr.exports;
 }
-var Ot = Nt();
-const zt = /* @__PURE__ */ jt(Ot), qt = {
+var qt = Ot();
+const Pt = /* @__PURE__ */ Nt(qt), At = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -256,30 +256,29 @@ 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 } = {}) => {
+}, jt = Pt.bind(At), lr = "purpur-icon", Mt = "md", Ct = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), kt = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], i = a ? `<title>${a}</title>` : "";
-  return `<svg ${Mt(n)}>${i}${t}</svg>`;
-}, kt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({
+  ], p = a ? `<title>${a}</title>` : "";
+  return `<svg ${Ct(n)}>${p}${t}</svg>`;
+}, Rt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
-  className: i,
-  size: p = At,
+  className: p,
+  size: i = Mt,
   ...r
 }) => {
-  const e = Ct({
-    content: kt(a.svg),
+  const e = kt({
+    content: Rt(a.svg),
     title: n
-  }), u = Pt(i, lr, `${lr}--${p}`);
-  return /* @__PURE__ */ o(
+  }), u = jt(p, lr, `${lr}--${i}`);
+  return /* @__PURE__ */ s(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -288,19 +287,19 @@ const zt = /* @__PURE__ */ jt(Ot), qt = {
   );
 };
 K.displayName = "Icon";
-const Rt = {
+const zt = {
   name: "password-invisible",
   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__ */ s(K, { ...t, svg: zt });
+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>',
   keywords: ["password-visible"],
   category: "action"
-}, Gr = (t) => /* @__PURE__ */ o(K, { ...t, svg: Et });
+}, Gr = (t) => /* @__PURE__ */ s(K, { ...t, svg: Et });
 Gr.displayName = "IconPasswordVisible";
 const Dt = {
   LG: "lg"
@@ -322,11 +321,11 @@ function It() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i(u)));
+          u && (r = i(r, p(u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -337,49 +336,49 @@ function It() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, u));
+          a.call(r, u) && r[u] && (e = i(e, u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(cr)), cr.exports;
 }
-var Tt = It();
-const _r = /* @__PURE__ */ Bt(Tt), Lt = "_rotate_1xozj_1", Wt = "_dash_1xozj_1", A = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Lt,
-  "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",
+var Lt = It();
+const _r = /* @__PURE__ */ Bt(Lt), Tt = "_rotate_12t9p_1", Wt = "_dash_12t9p_1", M = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
+  rotate: Tt,
+  "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: 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 = {
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, C = "purpur-spinner", Zt = {
   SM: "sm"
-}, Zt = ({
+}, Ft = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = Ft.SM,
-  ...p
-}) => /* @__PURE__ */ o(
+  size: p = Zt.SM,
+  ...i
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: _r([A[M], A[`${M}--${i}`]]),
+    className: _r([M[C], M[`${C}--${p}`]]),
     "data-testid": t,
-    ...p,
-    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+    ...i,
+    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: _r(A[`${M}__circle`], {
-          [A[`${M}__circle--disabled`]]: a,
-          [A[`${M}__circle--negative`]]: n
+        className: _r(M[`${C}__circle`], {
+          [M[`${C}__circle--disabled`]]: a,
+          [M[`${C}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -405,11 +404,11 @@ function Vt() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i.call(this, u)));
+          u && (r = i(r, p.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -420,10 +419,10 @@ function Vt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -453,12 +452,12 @@ const Ut = /* @__PURE__ */ Gt(Ht), Xt = {
   "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"
-}, Kt = Ut.bind(Xt), N = "purpur-button", Yt = ({
+}, Kt = Ut.bind(Xt), O = "purpur-button", Yt = ({
   children: t,
   className: a,
   ["data-testid"]: n,
-  disabled: i = !1,
-  fullWidth: p = !1,
+  disabled: p = !1,
+  fullWidth: i = !1,
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
@@ -467,43 +466,43 @@ const Ut = /* @__PURE__ */ Gt(Ht), Xt = {
   variant: c,
   type: _ = "button",
   ...v
-}, s) => {
+}, o) => {
   if (r && c === "destructive")
     return null;
-  const h = Kt(
+  const m = Kt(
     [
-      N,
-      `${N}--${u ? `${c}-negative` : c}`,
-      `${N}--${d}`
+      O,
+      `${O}--${u ? `${c}-negative` : c}`,
+      `${O}--${d}`
     ],
     {
-      [`${N}--icon-only`]: r,
-      [`${N}--negative`]: u,
-      [`${N}--full-width`]: p,
-      [`${N}--disabled`]: i || e
+      [`${O}--icon-only`]: r,
+      [`${O}--negative`]: u,
+      [`${O}--full-width`]: i,
+      [`${O}--disabled`]: p || e
     },
     a
   ), $ = (y) => {
-    i || e ? y.preventDefault() : l && l(y);
-  }, S = !!v["aria-disabled"] || i || e;
-  return /* @__PURE__ */ b(
+    p || e ? y.preventDefault() : l && l(y);
+  }, S = !!v["aria-disabled"] || p || e;
+  return /* @__PURE__ */ h(
     "button",
     {
-      className: h,
+      className: m,
       "data-testid": n,
       type: _,
-      ref: s,
+      ref: o,
       "aria-disabled": S,
       onClick: $,
       ...v,
       children: [
-        e && /* @__PURE__ */ o(Zt, { size: d === Dt.LG ? "xs" : "xxs", negative: u, disabled: S }),
+        e && /* @__PURE__ */ s(Ft, { size: d === Dt.LG ? "xs" : "xxs", negative: u, disabled: S }),
         " ",
         t
       ]
     }
   );
-}, Vr = z(Yt);
+}, Vr = P(Yt);
 Vr.displayName = "Button";
 function Jt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -522,11 +521,11 @@ function Qt() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i.call(this, u)));
+          u && (r = i(r, p.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -537,10 +536,10 @@ function Qt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -556,30 +555,29 @@ const te = /* @__PURE__ */ Jt(re), ee = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ne = te.bind(ee), mr = "purpur-icon", ue = "md", ae = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ie = ({ content: t = "", title: a } = {}) => {
+}, ne = te.bind(ee), mr = "purpur-icon", ue = "md", ae = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), pe = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], i = a ? `<title>${a}</title>` : "";
-  return `<svg ${ae(n)}>${i}${t}</svg>`;
-}, pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({
+  ], p = a ? `<title>${a}</title>` : "";
+  return `<svg ${ae(n)}>${p}${t}</svg>`;
+}, ie = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
-  className: i,
-  size: p = ue,
+  className: p,
+  size: i = ue,
   ...r
 }) => {
-  const e = ie({
-    content: pe(a.svg),
+  const e = pe({
+    content: ie(a.svg),
     title: n
-  }), u = ne(i, mr, `${mr}--${p}`);
-  return /* @__PURE__ */ o(
+  }), u = ne(p, mr, `${mr}--${i}`);
+  return /* @__PURE__ */ s(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -588,13 +586,13 @@ const te = /* @__PURE__ */ Jt(re), ee = {
   );
 };
 Hr.displayName = "Icon";
-const oe = {
+const se = {
   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 se(t) {
+function oe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var br = { exports: {} };
@@ -611,11 +609,11 @@ function le() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i(u)));
+          u && (r = i(r, p(u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -626,10 +624,10 @@ function le() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, u));
+          a.call(r, u) && r[u] && (e = i(e, u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -637,23 +635,23 @@ function le() {
   }(br)), br.exports;
 }
 var ce = le();
-const de = /* @__PURE__ */ se(ce), xr = {
+const de = /* @__PURE__ */ oe(ce), wr = {
   "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 = ({
+}, xr = "purpur-field-error-text", _e = ({
   children: t,
   className: a,
-  relevant: n = "additions text",
-  ...i
-}) => /* @__PURE__ */ b(
+  ["aria-relevant"]: n = "additions text",
+  ...p
+}) => /* @__PURE__ */ h(
   "div",
   {
-    className: de([a, xr[wr]]),
+    className: de([a, wr[xr]]),
     "aria-live": "assertive",
     "aria-relevant": n,
-    ...i,
+    ...p,
     children: [
-      /* @__PURE__ */ o(Hr, { svg: oe, size: "xs", className: xr[`${wr}__icon`] }),
+      /* @__PURE__ */ s(Hr, { svg: se, size: "xs", className: wr[`${xr}__icon`] }),
       t
     ]
   }
@@ -675,11 +673,11 @@ function ge() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i(u)));
+          u && (r = i(r, p(u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -690,10 +688,10 @@ function ge() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, u));
+          a.call(r, u) && r[u] && (e = i(e, u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -701,47 +699,47 @@ function ge() {
   }($r)), $r.exports;
 }
 var ve = ge();
-const he = /* @__PURE__ */ fe(ve), jr = {
+const he = /* @__PURE__ */ fe(ve), Nr = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, Nr = "purpur-field-helper-text", me = ({
+}, Or = "purpur-field-helper-text", me = ({
   children: t,
   className: a,
   disabled: n,
-  id: i,
-  ...p
+  id: p,
+  ...i
 }) => {
   const r = he([
     a,
-    jr[Nr],
+    Nr[Or],
     {
-      [jr[`${Nr}--disabled`]]: n
+      [Nr[`${Or}--disabled`]]: n
     }
   ]);
-  return /* @__PURE__ */ o("span", { id: i, className: r, ...p, children: t });
+  return /* @__PURE__ */ s("span", { id: p, className: r, ...i, children: t });
 };
 function be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Or = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var zr;
+var Pr;
 function ye() {
-  return zr || (zr = 1, function(t) {
+  return Pr || (Pr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i.call(this, u)));
+          u && (r = i(r, p.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -752,18 +750,18 @@ function ye() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Or)), Or.exports;
+  }(qr)), qr.exports;
 }
-var xe = ye();
-const we = /* @__PURE__ */ be(xe), $e = {
+var we = ye();
+const xe = /* @__PURE__ */ be(we), $e = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -771,30 +769,29 @@ 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 = xe.bind($e), Ar = "purpur-icon", Ne = "md", Oe = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), qe = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     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 = ({
+  ], p = a ? `<title>${a}</title>` : "";
+  return `<svg ${Oe(n)}>${p}${t}</svg>`;
+}, Pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
-  className: i,
-  size: p = je,
+  className: p,
+  size: i = Ne,
   ...r
 }) => {
-  const e = Oe({
-    content: ze(a.svg),
+  const e = qe({
+    content: Pe(a.svg),
     title: n
-  }), u = Se(i, qr, `${qr}--${p}`);
-  return /* @__PURE__ */ o(
+  }), u = Se(p, Ar, `${Ar}--${i}`);
+  return /* @__PURE__ */ s(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -803,77 +800,77 @@ const we = /* @__PURE__ */ be(xe), $e = {
   );
 };
 Y.displayName = "Icon";
-const qe = {
+const Ae = {
   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__ */ s(Y, { ...t, svg: Ae });
 Ur.displayName = "IconCheckCircleFilled";
-const Pe = {
+const je = {
   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__ */ s(Y, { ...t, svg: je });
 Xr.displayName = "IconClose";
-function Pr(t, a) {
+function jr(t, a) {
   if (typeof t == "function")
     return t(a);
   t != null && (t.current = a);
 }
-function Ae(...t) {
+function Me(...t) {
   return (a) => {
     let n = !1;
-    const i = t.map((p) => {
-      const r = Pr(p, a);
+    const p = t.map((i) => {
+      const r = jr(i, 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);
+        for (let i = 0; i < p.length; i++) {
+          const r = p[i];
+          typeof r == "function" ? r() : jr(t[i], null);
         }
       };
   };
 }
 var Kr = g.forwardRef((t, a) => {
-  const { children: n, ...i } = t, p = g.Children.toArray(n), r = p.find(Ce);
+  const { children: n, ...p } = t, i = g.Children.toArray(n), r = i.find(ke);
   if (r) {
-    const e = r.props.children, u = p.map((l) => l === r ? g.Children.count(e) > 1 ? g.Children.only(null) : g.isValidElement(e) ? e.props.children : null : l);
-    return /* @__PURE__ */ o(X, { ...i, ref: a, children: g.isValidElement(e) ? g.cloneElement(e, void 0, u) : null });
+    const e = r.props.children, u = i.map((l) => l === r ? g.Children.count(e) > 1 ? g.Children.only(null) : g.isValidElement(e) ? e.props.children : null : l);
+    return /* @__PURE__ */ s(X, { ...p, ref: a, children: g.isValidElement(e) ? g.cloneElement(e, void 0, u) : null });
   }
-  return /* @__PURE__ */ o(X, { ...i, ref: a, children: n });
+  return /* @__PURE__ */ s(X, { ...p, ref: a, children: n });
 });
 Kr.displayName = "Slot";
 var X = g.forwardRef((t, a) => {
-  const { children: n, ...i } = t;
+  const { children: n, ...p } = 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);
+    const i = ze(n), r = Re(p, n.props);
+    return n.type !== g.Fragment && (r.ref = a ? Me(a, i) : i), g.cloneElement(n, r);
   }
   return g.Children.count(n) > 1 ? g.Children.only(null) : null;
 });
 X.displayName = "SlotClone";
-var Me = ({ children: t }) => /* @__PURE__ */ o(ut, { children: t });
-function Ce(t) {
-  return g.isValidElement(t) && t.type === Me;
+var Ce = ({ children: t }) => /* @__PURE__ */ s(ut, { children: t });
+function ke(t) {
+  return g.isValidElement(t) && t.type === Ce;
 }
-function ke(t, a) {
+function Re(t, a) {
   const n = { ...a };
-  for (const i in a) {
-    const p = t[i], r = a[i];
-    /^on[A-Z]/.test(i) ? p && r ? n[i] = (...e) => {
-      r(...e), p(...e);
-    } : p && (n[i] = p) : i === "style" ? n[i] = { ...p, ...r } : i === "className" && (n[i] = [p, r].filter(Boolean).join(" "));
+  for (const p in a) {
+    const i = t[p], r = a[p];
+    /^on[A-Z]/.test(p) ? i && r ? n[p] = (...e) => {
+      r(...e), i(...e);
+    } : i && (n[p] = i) : p === "style" ? n[p] = { ...i, ...r } : p === "className" && (n[p] = [i, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
 }
-function Re(t) {
+function ze(t) {
   var a, n;
-  let i = (a = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : a.get, p = i && "isReactWarning" in i && i.isReactWarning;
-  return p ? t.ref : (i = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, p = i && "isReactWarning" in i && i.isReactWarning, p ? t.props.ref : t.props.ref || t.ref);
+  let p = (a = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : a.get, i = p && "isReactWarning" in p && p.isReactWarning;
+  return i ? t.ref : (p = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, i = p && "isReactWarning" in p && p.isReactWarning, i ? t.props.ref : t.props.ref || t.ref);
 }
 var Ee = [
   "a",
@@ -893,46 +890,46 @@ var Ee = [
   "svg",
   "ul"
 ], De = Ee.reduce((t, a) => {
-  const n = g.forwardRef((i, p) => {
-    const { asChild: r, ...e } = i, u = r ? Kr : a;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(u, { ...e, ref: p });
+  const n = g.forwardRef((p, i) => {
+    const { asChild: r, ...e } = p, u = r ? Kr : a;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(u, { ...e, ref: i });
   });
   return n.displayName = `Primitive.${a}`, { ...t, [a]: n };
-}, {}), Be = "Label", Yr = g.forwardRef((t, a) => /* @__PURE__ */ o(
+}, {}), Be = "Label", Yr = g.forwardRef((t, a) => /* @__PURE__ */ s(
   De.label,
   {
     ...t,
     ref: a,
     onMouseDown: (n) => {
-      var i;
-      n.target.closest("button, input, select, textarea") || ((i = t.onMouseDown) == null || i.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      var p;
+      n.target.closest("button, input, select, textarea") || ((p = t.onMouseDown) == null || p.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
 Yr.displayName = Be;
 var Ie = Yr;
-function Te(t) {
+function Le(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ar = { exports: {} };
+var Mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Mr;
-function Le() {
-  return Mr || (Mr = 1, function(t) {
+var Cr;
+function Te() {
+  return Cr || (Cr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i(u)));
+          u && (r = i(r, p(u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -943,61 +940,60 @@ function Le() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, u));
+          a.call(r, u) && r[u] && (e = i(e, u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Ar)), Ar.exports;
+  }(Mr)), Mr.exports;
 }
-var We = Le();
-const Fe = /* @__PURE__ */ Te(We), G = {
+var We = Te();
+const Ze = /* @__PURE__ */ Le(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,
+  disabled: n,
   negative: p = !1,
-  ...r
+  ...i
 }) => {
-  const e = Fe([
+  const r = Ze([
     a,
     G[V],
     {
-      [G[`${V}--disabled`]]: i,
+      [G[`${V}--disabled`]]: n,
       [G[`${V}--negative`]]: p
     }
   ]);
-  return /* @__PURE__ */ o(Ie, { className: e, htmlFor: n, ...r, children: t });
+  return /* @__PURE__ */ s(Ie, { className: r, ...i, children: t });
 };
 function Ge(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Cr = { exports: {} };
+var kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var kr;
+var Rr;
 function Ve() {
-  return kr || (kr = 1, function(t) {
+  return Rr || (Rr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i(u)));
+          u && (r = i(r, p(u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -1008,49 +1004,49 @@ function Ve() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, u));
+          a.call(r, u) && r[u] && (e = i(e, u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Cr)), Cr.exports;
+  }(kr)), kr.exports;
 }
 var He = Ve();
-const Rr = /* @__PURE__ */ Ge(He), Ue = "_rotate_1xozj_1", Xe = "_dash_1xozj_1", C = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
+const zr = /* @__PURE__ */ Ge(He), Ue = "_rotate_12t9p_1", Xe = "_dash_12t9p_1", k = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Ue,
-  "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",
+  "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: Xe,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, k = "purpur-spinner", Ke = {
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, R = "purpur-spinner", Ke = {
   SM: "sm"
 }, Ye = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = Ke.SM,
-  ...p
-}) => /* @__PURE__ */ o(
+  size: p = Ke.SM,
+  ...i
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: Rr([C[k], C[`${k}--${i}`]]),
+    className: zr([k[R], k[`${R}--${p}`]]),
     "data-testid": t,
-    ...p,
-    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+    ...i,
+    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: Rr(C[`${k}__circle`], {
-          [C[`${k}__circle--disabled`]]: a,
-          [C[`${k}__circle--negative`]]: n
+        className: zr(k[`${R}__circle`], {
+          [k[`${R}__circle--disabled`]]: a,
+          [k[`${R}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -1076,11 +1072,11 @@ function Qe() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i.call(this, u)));
+          u && (r = i(r, p.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1091,10 +1087,10 @@ function Qe() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -1103,28 +1099,28 @@ 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"
-}, nn = (t) => it(t), w = tn.bind(en), f = "purpur-text-field", un = ({
+  "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) => pt(t), x = tn.bind(en), f = "purpur-text-field", un = ({
   ["data-testid"]: t,
   className: a,
-  clearButtonAllyLabel: n,
-  beforeField: i,
-  afterField: p,
+  clearButtonAriaLabel: n,
+  beforeField: p,
+  afterField: i,
   endAdornment: r,
   errorText: e,
   helperText: u,
@@ -1133,87 +1129,90 @@ const tn = /* @__PURE__ */ Je(rn), en = {
   onClear: c,
   startAdornment: _,
   valid: v = !1,
-  ...s
-}, h) => {
+  ...o
+}, 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(), y = o.id ?? S, w = (b) => t ? `${t}-${b}` : void 0, rr = v && !e, W = u ? `${y}-helper-text` : void 0, Z = [_].filter((b) => !!b), tr = (typeof o.value == "number" ? o.value !== void 0 : ($ = o.value) == null ? void 0 : $.length) && !o.disabled && !o.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 = [
-    d && /* @__PURE__ */ o(
+    var b;
+    c == null || c(), (b = er.current) == null || b.focus();
+  }, F = [
+    d && /* @__PURE__ */ s(
       Ye,
       {
-        disabled: s.disabled,
+        disabled: o.disabled,
         size: "xs",
-        "data-testid": x("spinner")
+        "data-testid": w("spinner")
       },
       "spinner"
     ),
-    tr && /* @__PURE__ */ o(
+    tr && /* @__PURE__ */ s(
       Vr,
       {
         variant: "tertiary-purple",
         onClick: et,
         iconOnly: !0,
         "aria-label": n ?? "",
-        "data-testid": x("clear-button"),
+        "data-testid": w("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ o(Xr, { size: "xs" })
+        children: /* @__PURE__ */ s(Xr, { size: "xs" })
       },
       "clear-button"
     ),
-    rr && /* @__PURE__ */ o(
+    rr && /* @__PURE__ */ s(
       Ur,
       {
-        "data-testid": x("valid-icon"),
-        className: w(`${f}__valid-icon`)
+        "data-testid": w("valid-icon"),
+        className: x(`${f}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((m) => !!m), nt = w([
+  ].filter((b) => !!b), nt = x([
     `${f}__input-container`,
     {
-      [`${f}__input-container--start-adornment`]: F.length,
-      [`${f}__input-container--end-adornment`]: Z.length || r,
-      [`${f}__input-container--disabled`]: s.disabled,
+      [`${f}__input-container--start-adornment`]: Z.length,
+      [`${f}__input-container--end-adornment`]: F.length || r,
+      [`${f}__input-container--disabled`]: o.disabled,
       [`${f}__input-container--has-clear-button`]: tr,
-      [`${f}__input-container--readonly`]: s.readOnly && !s.disabled
+      [`${f}__input-container--readonly`]: o.readOnly && !o.disabled
     }
   ]);
-  return /* @__PURE__ */ b("div", { className: w(a, f), children: [
-    l && /* @__PURE__ */ o(
-      Ze,
+  return /* @__PURE__ */ h("div", { className: x(a, f), children: [
+    l && /* @__PURE__ */ h(
+      Fe,
       {
         htmlFor: y,
-        className: w(`${f}__label`),
-        "data-testid": x("label"),
-        disabled: s.disabled,
-        children: `${s.required ? "* " : ""}${l}`
+        className: x(`${f}__label`),
+        "data-testid": w("label"),
+        disabled: o.disabled,
+        children: [
+          o.required && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
+          l
+        ]
       }
     ),
-    /* @__PURE__ */ b("div", { className: w(`${f}__field-row`), children: [
-      !!i && i,
-      /* @__PURE__ */ b("div", { className: nt, children: [
-        !!F.length && /* @__PURE__ */ o(
+    /* @__PURE__ */ h("div", { className: x(`${f}__field-row`), children: [
+      !!p && p,
+      /* @__PURE__ */ h("div", { className: nt, children: [
+        !!Z.length && /* @__PURE__ */ s(
           "div",
           {
-            "data-testid": x("start-adornments"),
-            className: w(`${f}__adornment-container`),
-            children: F
+            "data-testid": w("start-adornments"),
+            className: x(`${f}__adornment-container`),
+            children: Z
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           "input",
           {
-            ...s,
+            ...o,
             id: y,
             ref: tt,
-            "data-testid": x("input"),
-            "aria-describedby": s["aria-describedby"] || W,
-            "aria-invalid": s["aria-invalid"] || !!e,
-            className: w([
+            "data-testid": w("input"),
+            "aria-describedby": o["aria-describedby"] || W,
+            "aria-invalid": o["aria-invalid"] || !!e,
+            className: x([
               `${f}__input`,
               {
                 [`${f}__input--valid`]: rr,
@@ -1222,25 +1221,25 @@ const tn = /* @__PURE__ */ Je(rn), en = {
             ])
           }
         ),
-        /* @__PURE__ */ o("div", { className: w(`${f}__frame`) }),
-        (!!Z.length || r) && /* @__PURE__ */ b(
+        /* @__PURE__ */ s("div", { className: x(`${f}__frame`) }),
+        (!!F.length || r) && /* @__PURE__ */ h(
           "div",
           {
-            "data-testid": x("end-adornments"),
-            className: w(`${f}__adornment-container`),
+            "data-testid": w("end-adornments"),
+            className: x(`${f}__adornment-container`),
             children: [
-              Z,
+              F,
               r
             ]
           }
         )
       ] }),
-      !!p && p
+      !!i && i
     ] }),
-    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__ */ s(me, { "data-testid": w("helper-text"), id: W, children: u }),
+    e && /* @__PURE__ */ s(_e, { "data-testid": w("error-text"), children: e })
   ] });
-}, Jr = z(un);
+}, Jr = P(un);
 Jr.displayName = "TextField";
 function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -1259,11 +1258,11 @@ function pn() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i.call(this, u)));
+          u && (r = i(r, p.call(this, u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1274,25 +1273,25 @@ function pn() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(H)), H.exports;
 }
-var on = pn();
-const J = /* @__PURE__ */ an(on), R = {
+var sn = pn();
+const J = /* @__PURE__ */ an(sn), z = {
   WEAK: "weak",
   MEDIUM: "medium",
   STRONG: "strong"
-}, O = {
+}, q = {
   PASSWORD: "password",
   TEXT: "text"
-}, sn = {
+}, on = {
   "purpur-password-field": "_purpur-password-field_co7kv_1"
 };
 function ln(t) {
@@ -1304,19 +1303,19 @@ var Ir = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Tr;
+var Lr;
 function cn() {
-  return Tr || (Tr = 1, function(t) {
+  return Lr || (Lr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = p(r, i(u)));
+          u && (r = i(r, p(u)));
         }
         return r;
       }
-      function i(r) {
+      function p(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -1327,10 +1326,10 @@ function cn() {
           return r.toString();
         var e = "";
         for (var u in r)
-          a.call(r, u) && r[u] && (e = p(e, u));
+          a.call(r, u) && r[u] && (e = i(e, u));
         return e;
       }
-      function p(r, e) {
+      function i(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -1359,8 +1358,8 @@ const _n = /* @__PURE__ */ ln(dn), E = {
   ["data-testid"]: t,
   children: a,
   className: n,
-  disabled: i,
-  enableHyphenation: p = !1,
+  disabled: p,
+  enableHyphenation: i = !1,
   negative: r = !1,
   variant: e = fn.PARAGRAPH100,
   ...u
@@ -1370,12 +1369,12 @@ const _n = /* @__PURE__ */ ln(dn), E = {
     E[D],
     E[`${D}--${e}`],
     {
-      [E[`${D}--hyphens`]]: p,
-      [E[`${D}--disabled`]]: i,
+      [E[`${D}--hyphens`]]: i,
+      [E[`${D}--disabled`]]: p,
       [E[`${D}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o("p", { ...u, className: l, "data-testid": t, children: a });
+  return /* @__PURE__ */ s("p", { ...u, className: l, "data-testid": t, children: a });
 };
 Qr.displayName = "Paragraph";
 const gn = {
@@ -1391,91 +1390,91 @@ 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", T = P(
   ({
     ["data-testid"]: t = "password-strength-indicator",
     active: a,
     className: n,
-    passwordStrength: i,
-    ...p
+    passwordStrength: p,
+    ...i
   }, r) => {
     const e = hn([
       n,
       U,
-      { [`${U}--${i}`]: i },
+      { [`${U}--${p}`]: p },
       { [`${U}--active`]: a }
     ]);
-    return /* @__PURE__ */ o("div", { ...p, "data-testid": t, className: e, ref: r });
+    return /* @__PURE__ */ s("div", { ...i, "data-testid": t, className: e, ref: r });
   }
 );
-L.displayName = "PasswordStrengthIndicator";
-const mn = (t, a, n, i) => {
-  const [p, r] = T(0), [e, u] = T(), [l, d] = T(void 0), c = pt(
+T.displayName = "PasswordStrengthIndicator";
+const mn = (t, a, n, p) => {
+  const [i, r] = L(0), [e, u] = L(), [l, d] = L(void 0), c = it(
     () => ({
-      0: [R.WEAK, a],
-      1: [R.WEAK, a],
-      2: [R.MEDIUM, n],
-      3: [R.STRONG, i],
-      4: [R.STRONG, i]
+      0: [z.WEAK, a],
+      1: [z.WEAK, a],
+      2: [z.MEDIUM, n],
+      3: [z.STRONG, p],
+      4: [z.STRONG, p]
     }),
-    [a, n, i]
+    [a, n, p]
   );
-  return ot(() => {
+  return st(() => {
     (async () => {
       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-D5tHIxEv.mjs").then(($) => $.m), { score: v } = _(t), [o, m] = c[v];
+        r(v), u(o), d(m);
       }
     })();
   }, [t, c]), {
-    score: p,
+    score: i,
     passwordStrength: e,
     currentPasswordStrengthText: l
   };
-}, I = J.bind(gn), B = "purpur-password-strength", Q = z(
+}, I = J.bind(gn), B = "purpur-password-strength", Q = P(
   ({
     ["data-testid"]: t = "password-strength",
     className: a,
     value: n,
-    label: i,
-    weakText: p,
+    label: p,
+    weakText: i,
     mediumText: r,
     strongText: e,
     ...u
   }, l) => {
     const d = I([a, B]), { score: c, passwordStrength: _, currentPasswordStrengthText: v } = mn(
       n,
-      p,
+      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: [
-        /* @__PURE__ */ o(
-          L,
+    return /* @__PURE__ */ h("div", { "data-testid": t, className: d, ref: l, ...u, children: [
+      /* @__PURE__ */ h("div", { className: I(`${B}__indicator-container`), children: [
+        /* @__PURE__ */ s(
+          T,
           {
             active: !!_,
             passwordStrength: _
           }
         ),
-        /* @__PURE__ */ o(
-          L,
+        /* @__PURE__ */ s(
+          T,
           {
             active: !!_ && c > 1,
             passwordStrength: _
           }
         ),
-        /* @__PURE__ */ o(
-          L,
+        /* @__PURE__ */ s(
+          T,
           {
             active: !!_ && c > 2,
             passwordStrength: _
           }
         )
       ] }),
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ h(
         Qr,
         {
           "aria-live": "polite",
@@ -1485,8 +1484,8 @@ const mn = (t, a, n, i) => {
             { [`${B}__password-strength-text--${_}`]: _ }
           ]),
           children: [
-            /* @__PURE__ */ b("span", { className: I(`${B}__password-strength-label`), children: [
-              i,
+            /* @__PURE__ */ h("span", { className: I(`${B}__password-strength-label`), children: [
+              p,
               v ? ": " : ""
             ] }),
             v
@@ -1497,40 +1496,40 @@ const mn = (t, a, n, i) => {
   }
 );
 Q.displayName = "PasswordStrength";
-const Lr = J.bind(sn), Wr = "purpur-password-field", rt = z(
+const Tr = J.bind(on), Wr = "purpur-password-field", rt = P(
   ({
     ["data-testid"]: t = "password-field",
     children: a,
     className: n,
-    hidePasswordAllyLabel: i,
-    onChange: p,
-    showPasswordAllyLabel: r,
+    hidePasswordAriaLabel: p,
+    onChange: i,
+    showPasswordAriaLabel: r,
     ...e
   }, u) => {
-    const l = Lr([n, Wr]), [d, c] = T(O.PASSWORD), _ = async (h) => {
-      p == null || p(h);
+    const l = Tr([n, Wr]), [d, c] = L(q.PASSWORD), _ = async (m) => {
+      i == null || i(m);
     }, v = () => {
-      c(d === O.PASSWORD ? O.TEXT : O.PASSWORD);
-    }, s = d === O.PASSWORD ? Gr : Zr;
-    return /* @__PURE__ */ b("div", { className: l, children: [
-      /* @__PURE__ */ o(
+      c(d === q.PASSWORD ? q.TEXT : q.PASSWORD);
+    }, o = d === q.PASSWORD ? Gr : Fr;
+    return /* @__PURE__ */ h("div", { className: l, children: [
+      /* @__PURE__ */ s(
         Jr,
         {
-          className: Lr(`${Wr}__text-field`),
+          className: Tr(`${Wr}__text-field`),
           "data-testid": t,
           onChange: _,
           ref: u,
           type: d,
-          endAdornment: /* @__PURE__ */ o(
-            Fr,
+          endAdornment: /* @__PURE__ */ s(
+            Zr,
             {
-              "aria-label": d === O.PASSWORD ? r : i,
+              "aria-label": d === q.PASSWORD ? r : p,
               "data-testid": `${t}-type-toggle-button`,
               onClick: v,
               size: "sm",
               variant: "tertiary-purple",
               iconOnly: !0,
-              children: /* @__PURE__ */ o(s, { size: "sm" })
+              children: /* @__PURE__ */ s(o, { size: "sm" })
             }
           ),
           ...e
@@ -1542,10 +1541,10 @@ const Lr = J.bind(sn), Wr = "purpur-password-field", rt = z(
 );
 rt.PasswordStrength = Q;
 rt.displayName = "PasswordField";
-const wn = (t) => st(t) && (t == null ? void 0 : t.type) === Q;
+const xn = (t) => ot(t) && (t == null ? void 0 : t.type) === Q;
 export {
   rt as P,
   an as g,
-  wn as i
+  xn as i
 };
-//# sourceMappingURL=password-field-Ce7m1_On.mjs.map
+//# sourceMappingURL=password-field-Dg8Jzw0g.mjs.map