@purpurds/password-field 8.19.0 → 8.20.0

package/dist/{password-field-rjwA_Jz0.mjs → password-field-BtkPLVY0.mjs}

@@ -1,16 +1,16 @@
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import * as v from "react";
-import { forwardRef as O, useId as et, useRef as nt, useState as E, useMemo as ut, useEffect as it, isValidElement as pt } from "react";
+import * as g from "react";
+import { forwardRef as O, useId as ut, useRef as it, useState as E, useMemo as pt, useEffect as at, isValidElement as st } from "react";
 import "react-dom";
-const at = {
+const ot = {
   LG: "lg"
 };
-function st(t) {
+function lt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Q = { exports: {} }, rr;
-function ot() {
-  return rr || (rr = 1, (function(t) {
+var rr = { exports: {} }, tr;
+function ct() {
+  return tr || (tr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -39,33 +39,33 @@ function ot() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Q)), Q.exports;
+  })(rr)), rr.exports;
 }
-var lt = ot();
-const ct = /* @__PURE__ */ st(lt), _t = "_rotate_12t9p_1", dt = "_dash_12t9p_1", ft = {
+var _t = ct();
+const dt = /* @__PURE__ */ lt(_t), ft = "_rotate_12t9p_1", gt = "_dash_12t9p_1", vt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: _t,
+  rotate: ft,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: dt,
+  dash: gt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, tr = ct.bind(ft), P = "purpur-spinner", gt = {
+}, er = dt.bind(vt), P = "purpur-spinner", ht = {
   SM: "sm"
-}, Dr = ({
+}, Br = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = gt.SM,
+  size: n = ht.SM,
   className: a,
   ...p
-}) => /* @__PURE__ */ s("div", { className: tr(P, `${P}--${n}`, a), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s("div", { className: er(P, `${P}--${n}`, a), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: tr(`${P}__circle`, {
+    className: er(`${P}__circle`, {
       [`${P}__circle--disabled`]: t,
       [`${P}__circle--negative`]: i
     }),
@@ -74,13 +74,13 @@ const ct = /* @__PURE__ */ st(lt), _t = "_rotate_12t9p_1", dt = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-Dr.displayName = "Spinner";
-function vt(t) {
+Br.displayName = "Spinner";
+function mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var er = { exports: {} }, nr;
-function ht() {
-  return nr || (nr = 1, (function(t) {
+var nr = { exports: {} }, ur;
+function bt() {
+  return ur || (ur = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -109,10 +109,10 @@ function ht() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(er)), er.exports;
+  })(nr)), nr.exports;
 }
-var mt = ht();
-const bt = /* @__PURE__ */ vt(mt), yt = {
+var yt = bt();
+const xt = /* @__PURE__ */ mt(yt), wt = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -135,7 +135,7 @@ const bt = /* @__PURE__ */ vt(mt), yt = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, ur = bt.bind(yt), S = "purpur-button", Br = O(
+}, ir = xt.bind(wt), S = "purpur-button", Lr = O(
   ({
     children: t,
     className: i,
@@ -147,12 +147,12 @@ const bt = /* @__PURE__ */ vt(mt), yt = {
     onClick: u,
     size: d = "md",
     variant: o,
-    type: g = "button",
+    type: v = "button",
     ...l
   }, h) => {
     if (p && o === "destructive")
       return null;
-    const y = ur(
+    const y = ir(
       [
         S,
         `${S}--${e ? `${o}-negative` : o}`,
@@ -172,19 +172,19 @@ const bt = /* @__PURE__ */ vt(mt), yt = {
       "button",
       {
         className: y,
-        type: g,
+        type: v,
         ref: h,
         "aria-disabled": c,
         onClick: f,
         ...l,
         children: [
           r && /* @__PURE__ */ s(
-            Dr,
+            Br,
             {
-              size: d === at.LG ? "xs" : "xxs",
+              size: d === ot.LG ? "xs" : "xxs",
               negative: e,
               disabled: c,
-              className: ur(`${S}__spinner`)
+              className: ir(`${S}__spinner`)
             }
           ),
           " ",
@@ -194,13 +194,13 @@ const bt = /* @__PURE__ */ vt(mt), yt = {
     );
   }
 );
-Br.displayName = "Button";
-function xt(t) {
+Lr.displayName = "Button";
+function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} }, pr;
-function wt() {
-  return pr || (pr = 1, (function(t) {
+var pr = { exports: {} }, ar;
+function St() {
+  return ar || (ar = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -229,10 +229,10 @@ function wt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(ir)), ir.exports;
+  })(pr)), pr.exports;
 }
-var $t = wt();
-const St = /* @__PURE__ */ xt($t), jt = {
+var jt = St();
+const Nt = /* @__PURE__ */ $t(jt), Ot = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -240,45 +240,45 @@ const St = /* @__PURE__ */ xt($t), jt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Nt = St.bind(jt), ar = "purpur-icon", Ot = "md", Pt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), At = ({ content: t = "", title: i } = {}) => {
+}, Pt = Nt.bind(Ot), sr = "purpur-icon", At = "md", qt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ct = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Pt(n)}>${a}${t}</svg>`;
-}, qt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), V = ({ svg: t, allyTitle: i, className: n, size: a = Ot, ...p }) => {
-  const r = At({
-    content: qt(t.svg),
+  return `<svg ${qt(n)}>${a}${t}</svg>`;
+}, Mt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({ svg: t, allyTitle: i, className: n, size: a = At, ...p }) => {
+  const r = Ct({
+    content: Mt(t.svg),
     title: i
-  }), e = Nt(ar, `${ar}--${a}`, n);
+  }), e = Pt(sr, `${sr}--${a}`, n);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-V.displayName = "Icon";
-const Ct = {
+H.displayName = "Icon";
+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"
-}, Lr = (t) => /* @__PURE__ */ s(V, { ...t, svg: Ct });
-Lr.displayName = "IconPasswordInvisible";
-const Mt = {
+}, Tr = (t) => /* @__PURE__ */ s(H, { ...t, svg: zt });
+Tr.displayName = "IconPasswordInvisible";
+const Rt = {
   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"
-}, Tr = (t) => /* @__PURE__ */ s(V, { ...t, svg: Mt });
-Tr.displayName = "IconPasswordVisible";
-const zt = {
+}, Wr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Rt });
+Wr.displayName = "IconPasswordVisible";
+const Et = {
   LG: "lg"
 };
-function Rt(t) {
+function It(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var sr = { exports: {} }, or;
-function Et() {
-  return or || (or = 1, (function(t) {
+var or = { exports: {} }, lr;
+function kt() {
+  return lr || (lr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -307,33 +307,33 @@ function Et() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(sr)), sr.exports;
+  })(or)), or.exports;
 }
-var It = Et();
-const kt = /* @__PURE__ */ Rt(It), Dt = "_rotate_12t9p_1", Bt = "_dash_12t9p_1", Lt = {
+var Dt = kt();
+const Bt = /* @__PURE__ */ It(Dt), Lt = "_rotate_12t9p_1", Tt = "_dash_12t9p_1", Wt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Dt,
+  rotate: Lt,
   "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: Bt,
+  dash: Tt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, lr = kt.bind(Lt), A = "purpur-spinner", Tt = {
+}, cr = Bt.bind(Wt), A = "purpur-spinner", Zt = {
   SM: "sm"
-}, Wr = ({
+}, Zr = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = Tt.SM,
+  size: n = Zt.SM,
   className: a,
   ...p
-}) => /* @__PURE__ */ s("div", { className: lr(A, `${A}--${n}`, a), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s("div", { className: cr(A, `${A}--${n}`, a), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: lr(`${A}__circle`, {
+    className: cr(`${A}__circle`, {
       [`${A}__circle--disabled`]: t,
       [`${A}__circle--negative`]: i
     }),
@@ -342,13 +342,13 @@ const kt = /* @__PURE__ */ Rt(It), Dt = "_rotate_12t9p_1", Bt = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-Wr.displayName = "Spinner";
-function Wt(t) {
+Zr.displayName = "Spinner";
+function Gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var cr = { exports: {} }, _r;
-function Zt() {
-  return _r || (_r = 1, (function(t) {
+var _r = { exports: {} }, dr;
+function Ft() {
+  return dr || (dr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -377,10 +377,10 @@ function Zt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(cr)), cr.exports;
+  })(_r)), _r.exports;
 }
-var Gt = Zt();
-const Ft = /* @__PURE__ */ Wt(Gt), Vt = {
+var Vt = Ft();
+const Ht = /* @__PURE__ */ Gt(Vt), Kt = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -403,7 +403,7 @@ const Ft = /* @__PURE__ */ Wt(Gt), Vt = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, dr = Ft.bind(Vt), j = "purpur-button", Zr = O(
+}, fr = Ht.bind(Kt), j = "purpur-button", Gr = O(
   ({
     children: t,
     className: i,
@@ -415,12 +415,12 @@ const Ft = /* @__PURE__ */ Wt(Gt), Vt = {
     onClick: u,
     size: d = "md",
     variant: o,
-    type: g = "button",
+    type: v = "button",
     ...l
   }, h) => {
     if (p && o === "destructive")
       return null;
-    const y = dr(
+    const y = fr(
       [
         j,
         `${j}--${e ? `${o}-negative` : o}`,
@@ -440,19 +440,19 @@ const Ft = /* @__PURE__ */ Wt(Gt), Vt = {
       "button",
       {
         className: y,
-        type: g,
+        type: v,
         ref: h,
         "aria-disabled": c,
         onClick: f,
         ...l,
         children: [
           r && /* @__PURE__ */ s(
-            Wr,
+            Zr,
             {
-              size: d === zt.LG ? "xs" : "xxs",
+              size: d === Et.LG ? "xs" : "xxs",
               negative: e,
               disabled: c,
-              className: dr(`${j}__spinner`)
+              className: fr(`${j}__spinner`)
             }
           ),
           " ",
@@ -462,13 +462,13 @@ const Ft = /* @__PURE__ */ Wt(Gt), Vt = {
     );
   }
 );
-Zr.displayName = "Button";
-function Ht(t) {
+Gr.displayName = "Button";
+function Ut(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var fr = { exports: {} }, gr;
-function Kt() {
-  return gr || (gr = 1, (function(t) {
+var gr = { exports: {} }, vr;
+function Xt() {
+  return vr || (vr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -497,10 +497,10 @@ function Kt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(fr)), fr.exports;
+  })(gr)), gr.exports;
 }
-var Ut = Kt();
-const Yt = /* @__PURE__ */ Ht(Ut), Xt = {
+var Yt = Xt();
+const Jt = /* @__PURE__ */ Ut(Yt), Qt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -508,34 +508,34 @@ const Yt = /* @__PURE__ */ Ht(Ut), Xt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Jt = Yt.bind(Xt), vr = "purpur-icon", Qt = "md", re = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), te = ({ content: t = "", title: i } = {}) => {
+}, re = Jt.bind(Qt), hr = "purpur-icon", te = "md", ee = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ne = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${re(n)}>${a}${t}</svg>`;
-}, ee = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({ svg: t, allyTitle: i, className: n, size: a = Qt, ...p }) => {
-  const r = te({
-    content: ee(t.svg),
+  return `<svg ${ee(n)}>${a}${t}</svg>`;
+}, ue = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Fr = ({ svg: t, allyTitle: i, className: n, size: a = te, ...p }) => {
+  const r = ne({
+    content: ue(t.svg),
     title: i
-  }), e = Jt(vr, `${vr}--${a}`, n);
+  }), e = re(hr, `${hr}--${a}`, n);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-Gr.displayName = "Icon";
-const ne = {
+Fr.displayName = "Icon";
+const ie = {
   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 ue(t) {
+function pe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var hr = { exports: {} }, mr;
-function ie() {
-  return mr || (mr = 1, (function(t) {
+var mr = { exports: {} }, br;
+function ae() {
+  return br || (br = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -564,14 +564,14 @@ function ie() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(hr)), hr.exports;
+  })(mr)), mr.exports;
 }
-var pe = ie();
-const ae = /* @__PURE__ */ ue(pe), se = {
+var se = ae();
+const oe = /* @__PURE__ */ pe(se), le = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, br = ae.bind(se), T = "purpur-field-error-text", oe = ({
+}, yr = oe.bind(le), W = "purpur-field-error-text", ce = ({
   children: t,
   className: i,
   negative: n = !1,
@@ -580,24 +580,24 @@ const ae = /* @__PURE__ */ ue(pe), se = {
 }) => /* @__PURE__ */ m(
   "div",
   {
-    className: br(i, T, {
-      [`${T}--negative`]: n
+    className: yr(i, W, {
+      [`${W}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": a,
     ...p,
     children: [
-      /* @__PURE__ */ s(Gr, { svg: ne, size: "xs", className: br(`${T}__icon`) }),
+      /* @__PURE__ */ s(Fr, { svg: ie, size: "xs", className: yr(`${W}__icon`) }),
       t
     ]
   }
 );
-function le(t) {
+function _e(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var yr = { exports: {} }, xr;
-function ce() {
-  return xr || (xr = 1, (function(t) {
+var xr = { exports: {} }, wr;
+function de() {
+  return wr || (wr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -626,14 +626,14 @@ function ce() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(yr)), yr.exports;
+  })(xr)), xr.exports;
 }
-var _e = ce();
-const de = /* @__PURE__ */ le(_e), fe = {
+var fe = de();
+const ge = /* @__PURE__ */ _e(fe), ve = {
   "purpur-field-helper-text": "_purpur-field-helper-text_1ociq_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_1ociq_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_1ociq_12"
-}, ge = de.bind(fe), W = "purpur-field-helper-text", ve = ({
+}, he = ge.bind(ve), Z = "purpur-field-helper-text", me = ({
   children: t,
   className: i,
   disabled: n,
@@ -641,18 +641,18 @@ const de = /* @__PURE__ */ le(_e), fe = {
   negative: p,
   ...r
 }) => {
-  const e = ge(i, W, {
-    [`${W}--disabled`]: n,
-    [`${W}--negative`]: p
+  const e = he(i, Z, {
+    [`${Z}--disabled`]: n,
+    [`${Z}--negative`]: p
   });
   return /* @__PURE__ */ s("span", { id: a, className: e, ...r, children: t });
 };
-function he(t) {
+function be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var wr = { exports: {} }, $r;
-function me() {
-  return $r || ($r = 1, (function(t) {
+var $r = { exports: {} }, Sr;
+function ye() {
+  return Sr || (Sr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -681,10 +681,10 @@ function me() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(wr)), wr.exports;
+  })($r)), $r.exports;
 }
-var be = me();
-const ye = /* @__PURE__ */ he(be), xe = {
+var xe = ye();
+const we = /* @__PURE__ */ be(xe), $e = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -692,86 +692,95 @@ const ye = /* @__PURE__ */ he(be), xe = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, we = ye.bind(xe), Sr = "purpur-icon", $e = "md", Se = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), je = ({ content: t = "", title: i } = {}) => {
+}, Se = we.bind($e), jr = "purpur-icon", je = "md", Ne = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Oe = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Se(n)}>${a}${t}</svg>`;
-}, Ne = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({ svg: t, allyTitle: i, className: n, size: a = $e, ...p }) => {
-  const r = je({
-    content: Ne(t.svg),
+  return `<svg ${Ne(n)}>${a}${t}</svg>`;
+}, Pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({ svg: t, allyTitle: i, className: n, size: a = je, ...p }) => {
+  const r = Oe({
+    content: Pe(t.svg),
     title: i
-  }), e = we(Sr, `${Sr}--${a}`, n);
+  }), e = Se(jr, `${jr}--${a}`, n);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-H.displayName = "Icon";
-const Oe = {
+K.displayName = "Icon";
+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"
-}, Fr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Oe });
-Fr.displayName = "IconCheckCircleFilled";
-const Pe = {
+}, Vr = (t) => /* @__PURE__ */ s(K, { ...t, svg: Ae });
+Vr.displayName = "IconCheckCircleFilled";
+const qe = {
   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"
-}, Vr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Pe });
-Vr.displayName = "IconClose";
-function jr(t, i) {
+}, Hr = (t) => /* @__PURE__ */ s(K, { ...t, svg: qe });
+Hr.displayName = "IconClose";
+function Nr(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
 }
-function Ae(...t) {
+function Ce(...t) {
   return (i) => {
     let n = !1;
     const a = t.map((p) => {
-      const r = jr(p, i);
+      const r = Nr(p, i);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let p = 0; p < a.length; p++) {
           const r = a[p];
-          typeof r == "function" ? r() : jr(t[p], null);
+          typeof r == "function" ? r() : Nr(t[p], null);
         }
       };
   };
 }
+var Me = /* @__PURE__ */ Symbol.for("react.lazy"), k = g[" use ".trim().toString()];
+function ze(t) {
+  return typeof t == "object" && t !== null && "then" in t;
+}
+function Kr(t) {
+  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === Me && "_payload" in t && ze(t._payload);
+}
 // @__NO_SIDE_EFFECTS__
-function qe(t) {
-  const i = /* @__PURE__ */ Ce(t), n = v.forwardRef((a, p) => {
-    const { children: r, ...e } = a, u = v.Children.toArray(r), d = u.find(ze);
+function Re(t) {
+  const i = /* @__PURE__ */ Ee(t), n = g.forwardRef((a, p) => {
+    let { children: r, ...e } = a;
+    Kr(r) && typeof k == "function" && (r = k(r._payload));
+    const u = g.Children.toArray(r), d = u.find(ke);
     if (d) {
-      const o = d.props.children, g = u.map((l) => l === d ? v.Children.count(o) > 1 ? v.Children.only(null) : v.isValidElement(o) ? o.props.children : null : l);
-      return /* @__PURE__ */ s(i, { ...e, ref: p, children: v.isValidElement(o) ? v.cloneElement(o, void 0, g) : null });
+      const o = d.props.children, v = u.map((l) => l === d ? g.Children.count(o) > 1 ? g.Children.only(null) : g.isValidElement(o) ? o.props.children : null : l);
+      return /* @__PURE__ */ s(i, { ...e, ref: p, children: g.isValidElement(o) ? g.cloneElement(o, void 0, v) : null });
     }
     return /* @__PURE__ */ s(i, { ...e, ref: p, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function Ce(t) {
-  const i = v.forwardRef((n, a) => {
-    const { children: p, ...r } = n;
-    if (v.isValidElement(p)) {
-      const e = Ee(p), u = Re(r, p.props);
-      return p.type !== v.Fragment && (u.ref = a ? Ae(a, e) : e), v.cloneElement(p, u);
+function Ee(t) {
+  const i = g.forwardRef((n, a) => {
+    let { children: p, ...r } = n;
+    if (Kr(p) && typeof k == "function" && (p = k(p._payload)), g.isValidElement(p)) {
+      const e = Be(p), u = De(r, p.props);
+      return p.type !== g.Fragment && (u.ref = a ? Ce(a, e) : e), g.cloneElement(p, u);
     }
-    return v.Children.count(p) > 1 ? v.Children.only(null) : null;
+    return g.Children.count(p) > 1 ? g.Children.only(null) : null;
   });
   return i.displayName = `${t}.SlotClone`, i;
 }
-var Me = Symbol("radix.slottable");
-function ze(t) {
-  return v.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Me;
+var Ie = /* @__PURE__ */ Symbol("radix.slottable");
+function ke(t) {
+  return g.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Ie;
 }
-function Re(t, i) {
+function De(t, i) {
   const n = { ...i };
   for (const a in i) {
     const p = t[a], r = i[a];
@@ -782,11 +791,11 @@ function Re(t, i) {
   }
   return { ...t, ...n };
 }
-function Ee(t) {
+function Be(t) {
   let i = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, n = i && "isReactWarning" in i && i.isReactWarning;
   return n ? t.ref : (i = Object.getOwnPropertyDescriptor(t, "ref")?.get, n = i && "isReactWarning" in i && i.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
 }
-var Ie = [
+var Le = [
   "a",
   "button",
   "div",
@@ -804,14 +813,14 @@ var Ie = [
   "span",
   "svg",
   "ul"
-], ke = Ie.reduce((t, i) => {
-  const n = /* @__PURE__ */ qe(`Primitive.${i}`), a = v.forwardRef((p, r) => {
+], Te = Le.reduce((t, i) => {
+  const n = /* @__PURE__ */ Re(`Primitive.${i}`), a = g.forwardRef((p, r) => {
     const { asChild: e, ...u } = p, d = e ? n : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(d, { ...u, ref: r });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(d, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${i}`, { ...t, [i]: a };
-}, {}), De = "Label", Hr = v.forwardRef((t, i) => /* @__PURE__ */ s(
-  ke.label,
+}, {}), We = "Label", Ur = g.forwardRef((t, i) => /* @__PURE__ */ s(
+  Te.label,
   {
     ...t,
     ref: i,
@@ -820,14 +829,14 @@ var Ie = [
     }
   }
 ));
-Hr.displayName = De;
-var Be = Hr;
-function Le(t) {
+Ur.displayName = We;
+var Ze = Ur;
+function Ge(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Nr = { exports: {} }, Or;
-function Te() {
-  return Or || (Or = 1, (function(t) {
+var Or = { exports: {} }, Pr;
+function Fe() {
+  return Pr || (Pr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -856,32 +865,32 @@ function Te() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Nr)), Nr.exports;
+  })(Or)), Or.exports;
 }
-var We = Te();
-const Ze = /* @__PURE__ */ Le(We), Ge = {
+var Ve = Fe();
+const He = /* @__PURE__ */ Ge(Ve), Ke = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Fe = Ze.bind(Ge), Z = "purpur-label", Ve = ({
+}, Ue = He.bind(Ke), G = "purpur-label", Xe = ({
   children: t,
   className: i,
   disabled: n,
   negative: a = !1,
   ...p
 }) => {
-  const r = Fe(i, Z, {
-    [`${Z}--disabled`]: n,
-    [`${Z}--negative`]: a
+  const r = Ue(i, G, {
+    [`${G}--disabled`]: n,
+    [`${G}--negative`]: a
   });
-  return /* @__PURE__ */ s(Be, { className: r, ...p, children: t });
+  return /* @__PURE__ */ s(Ze, { className: r, ...p, children: t });
 };
-function He(t) {
+function Ye(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Pr = { exports: {} }, Ar;
-function Ke() {
-  return Ar || (Ar = 1, (function(t) {
+var Ar = { exports: {} }, qr;
+function Je() {
+  return qr || (qr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -910,33 +919,33 @@ function Ke() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Pr)), Pr.exports;
+  })(Ar)), Ar.exports;
 }
-var Ue = Ke();
-const Ye = /* @__PURE__ */ He(Ue), Xe = "_rotate_12t9p_1", Je = "_dash_12t9p_1", Qe = {
+var Qe = Je();
+const rn = /* @__PURE__ */ Ye(Qe), tn = "_rotate_12t9p_1", en = "_dash_12t9p_1", nn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Xe,
+  rotate: tn,
   "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: Je,
+  dash: en,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, qr = Ye.bind(Qe), q = "purpur-spinner", rn = {
+}, Cr = rn.bind(nn), q = "purpur-spinner", un = {
   SM: "sm"
-}, Kr = ({
+}, Xr = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = rn.SM,
+  size: n = un.SM,
   className: a,
   ...p
-}) => /* @__PURE__ */ s("div", { className: qr(q, `${q}--${n}`, a), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s("div", { className: Cr(q, `${q}--${n}`, a), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: qr(`${q}__circle`, {
+    className: Cr(`${q}__circle`, {
       [`${q}__circle--disabled`]: t,
       [`${q}__circle--negative`]: i
     }),
@@ -945,13 +954,13 @@ const Ye = /* @__PURE__ */ He(Ue), Xe = "_rotate_12t9p_1", Je = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-Kr.displayName = "Spinner";
-function tn(t) {
+Xr.displayName = "Spinner";
+function pn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Cr = { exports: {} }, Mr;
-function en() {
-  return Mr || (Mr = 1, (function(t) {
+var Mr = { exports: {} }, zr;
+function an() {
+  return zr || (zr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -980,10 +989,10 @@ function en() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Cr)), Cr.exports;
+  })(Mr)), Mr.exports;
 }
-var nn = en();
-const un = /* @__PURE__ */ tn(nn), pn = {
+var sn = an();
+const on = /* @__PURE__ */ pn(sn), ln = {
   "purpur-text-field": "_purpur-text-field_1n0q1_1",
   "purpur-text-field__label": "_purpur-text-field__label_1n0q1_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_1n0q1_12",
@@ -1004,7 +1013,7 @@ const un = /* @__PURE__ */ tn(nn), pn = {
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1n0q1_146",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1n0q1_151",
   "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1n0q1_154"
-}, an = (t) => nt(t), $ = un.bind(pn), _ = "purpur-text-field", Ur = O(
+}, cn = (t) => it(t), $ = on.bind(ln), _ = "purpur-text-field", Yr = O(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1016,20 +1025,20 @@ const un = /* @__PURE__ */ tn(nn), pn = {
     helperText: u,
     hideRequiredAsterisk: d = !1,
     label: o,
-    loading: g = !1,
+    loading: v = !1,
     onClear: l,
     startAdornment: h,
     valid: y = !1,
     negative: f = !1,
     ...c
   }, b) => {
-    const Jr = et(), k = c.id ?? Jr, x = (w) => t ? `${t}-${w}` : void 0, Y = y && !e, D = u ? `${k}-helper-text` : void 0, B = [h].filter((w) => !!w), X = (typeof c.value == "number" ? c.value !== void 0 : c.value?.length) && !c.disabled && !c.readOnly && !g && l && n, J = an(null), Qr = (w) => {
-      J.current = w, typeof b == "function" ? b(w) : b && (b.current = w);
-    }, rt = () => {
-      l?.(), J.current?.focus();
-    }, L = [
-      g && /* @__PURE__ */ s(
-        Kr,
+    const rt = ut(), D = c.id ?? rt, x = (w) => t ? `${t}-${w}` : void 0, Y = y && !e, B = u ? `${D}-helper-text` : void 0, L = [h].filter((w) => !!w), J = (typeof c.value == "number" ? c.value !== void 0 : c.value?.length) && !c.disabled && !c.readOnly && !v && l && n, Q = cn(null), tt = (w) => {
+      Q.current = w, typeof b == "function" ? b(w) : b && (b.current = w);
+    }, et = () => {
+      l?.(), Q.current?.focus();
+    }, T = [
+      v && /* @__PURE__ */ s(
+        Xr,
         {
           disabled: c.disabled,
           size: "xs",
@@ -1038,22 +1047,22 @@ const un = /* @__PURE__ */ tn(nn), pn = {
         },
         "spinner"
       ),
-      X && /* @__PURE__ */ s(
-        Zr,
+      J && /* @__PURE__ */ s(
+        Gr,
         {
           negative: f,
           variant: "tertiary-purple",
-          onClick: rt,
+          onClick: et,
           iconOnly: !0,
           "aria-label": n ?? "",
           "data-testid": x("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ s(Vr, { size: "xs" })
+          children: /* @__PURE__ */ s(Hr, { size: "xs" })
         },
         "clear-button"
       ),
       Y && /* @__PURE__ */ s(
-        Fr,
+        Vr,
         {
           "data-testid": x("valid-icon"),
           className: $(`${_}__valid-icon`, {
@@ -1062,19 +1071,19 @@ const un = /* @__PURE__ */ tn(nn), pn = {
         },
         "valid-icon"
       )
-    ].filter((w) => !!w), tt = $(`${_}__input-container`, {
-      [`${_}__input-container--start-adornment`]: B.length,
-      [`${_}__input-container--end-adornment`]: L.length || r,
+    ].filter((w) => !!w), nt = $(`${_}__input-container`, {
+      [`${_}__input-container--start-adornment`]: L.length,
+      [`${_}__input-container--end-adornment`]: T.length || r,
       [`${_}__input-container--disabled`]: c.disabled,
-      [`${_}__input-container--has-clear-button`]: X,
+      [`${_}__input-container--has-clear-button`]: J,
       [`${_}__input-container--readonly`]: c.readOnly && !c.disabled,
       [`${_}__input-container--negative`]: f
     });
     return /* @__PURE__ */ m("div", { className: $(i, _), children: [
       o && /* @__PURE__ */ m(
-        Ve,
+        Xe,
         {
-          htmlFor: k,
+          htmlFor: D,
           className: $(`${_}__label`),
           "data-testid": x("label"),
           disabled: c.disabled,
@@ -1087,23 +1096,23 @@ const un = /* @__PURE__ */ tn(nn), pn = {
       ),
       /* @__PURE__ */ m("div", { className: $(`${_}__field-row`), children: [
         !!a && a,
-        /* @__PURE__ */ m("div", { className: tt, children: [
-          !!B.length && /* @__PURE__ */ s(
+        /* @__PURE__ */ m("div", { className: nt, children: [
+          !!L.length && /* @__PURE__ */ s(
             "div",
             {
               "data-testid": x("start-adornments"),
               className: $(`${_}__adornment-container`),
-              children: B
+              children: L
             }
           ),
           /* @__PURE__ */ s(
             "input",
             {
               ...c,
-              id: k,
-              ref: Qr,
+              id: D,
+              ref: tt,
               "data-testid": x("input"),
-              "aria-describedby": c["aria-describedby"] || D,
+              "aria-describedby": c["aria-describedby"] || B,
               "aria-invalid": c["aria-invalid"] || !!e,
               className: $([
                 `${_}__input`,
@@ -1123,13 +1132,13 @@ const un = /* @__PURE__ */ tn(nn), pn = {
               })
             }
           ),
-          (!!L.length || r) && /* @__PURE__ */ m(
+          (!!T.length || r) && /* @__PURE__ */ m(
             "div",
             {
               "data-testid": x("end-adornments"),
               className: $(`${_}__adornment-container`),
               children: [
-                L,
+                T,
                 r
               ]
             }
@@ -1137,28 +1146,28 @@ const un = /* @__PURE__ */ tn(nn), pn = {
         ] }),
         !!p && p
       ] }),
-      D && /* @__PURE__ */ s(
-        ve,
+      B && /* @__PURE__ */ s(
+        me,
         {
           "data-testid": x("helper-text"),
-          id: D,
+          id: B,
           negative: f,
           disabled: c.disabled,
           children: u
         }
       ),
-      e && /* @__PURE__ */ s(oe, { "data-testid": x("error-text"), negative: f, children: e })
+      e && /* @__PURE__ */ s(ce, { "data-testid": x("error-text"), negative: f, children: e })
     ] });
   }
 );
-Ur.displayName = "TextField";
-function sn(t) {
+Yr.displayName = "TextField";
+function _n(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var G = { exports: {} };
-var zr;
-function on() {
-  return zr || (zr = 1, (function(t) {
+var F = { exports: {} };
+var Rr;
+function dn() {
+  return Rr || (Rr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1187,25 +1196,25 @@ function on() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(G)), G.exports;
+  })(F)), F.exports;
 }
-var ln = on();
-const K = /* @__PURE__ */ sn(ln), C = {
+var fn = dn();
+const U = /* @__PURE__ */ _n(fn), C = {
   WEAK: "weak",
   MEDIUM: "medium",
   STRONG: "strong"
 }, N = {
   PASSWORD: "password",
   TEXT: "text"
-}, cn = {
+}, gn = {
   "purpur-password-field": "_purpur-password-field_co7kv_1"
 };
-function _n(t) {
+function vn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Rr = { exports: {} }, Er;
-function dn() {
-  return Er || (Er = 1, (function(t) {
+var Er = { exports: {} }, Ir;
+function hn() {
+  return Ir || (Ir = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1234,10 +1243,10 @@ function dn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Rr)), Rr.exports;
+  })(Er)), Er.exports;
 }
-var fn = dn();
-const gn = /* @__PURE__ */ _n(fn), vn = {
+var mn = hn();
+const bn = /* @__PURE__ */ vn(mn), yn = {
   "purpur-paragraph": "_purpur-paragraph_1vz75_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1vz75_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1vz75_10",
@@ -1253,39 +1262,39 @@ const gn = /* @__PURE__ */ _n(fn), vn = {
   "purpur-paragraph--additional-100-bold": "_purpur-paragraph--additional-100-bold_1vz75_67",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1vz75_74",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
-}, hn = gn.bind(vn), mn = {
+}, xn = bn.bind(yn), wn = {
   PARAGRAPH100: "paragraph-100"
-}, M = "purpur-paragraph", Yr = ({
+}, M = "purpur-paragraph", Jr = ({
   children: t,
   className: i,
   disabled: n,
   enableHyphenation: a = !1,
   negative: p = !1,
-  variant: r = mn.PARAGRAPH100,
+  variant: r = wn.PARAGRAPH100,
   ...e
 }) => {
-  const u = hn(i, M, `${M}--${r}`, {
+  const u = xn(i, M, `${M}--${r}`, {
     [`${M}--hyphens`]: a,
     [`${M}--disabled`]: n,
     [`${M}--negative`]: p
   });
   return /* @__PURE__ */ s("p", { ...e, className: u, children: t });
 };
-Yr.displayName = "Paragraph";
-const bn = {
+Jr.displayName = "Paragraph";
+const $n = {
   "purpur-password-strength": "_purpur-password-strength_sa1ua_1",
   "purpur-password-strength__indicator-container": "_purpur-password-strength__indicator-container_sa1ua_6",
   "purpur-password-strength__password-strength-text--weak": "_purpur-password-strength__password-strength-text--weak_sa1ua_10",
   "purpur-password-strength__password-strength-text--medium": "_purpur-password-strength__password-strength-text--medium_sa1ua_13",
   "purpur-password-strength__password-strength-text--strong": "_purpur-password-strength__password-strength-text--strong_sa1ua_16",
   "purpur-password-strength__password-strength-label": "_purpur-password-strength__password-strength-label_sa1ua_19"
-}, yn = {
+}, Sn = {
   "purpur-password-strength-indicator": "_purpur-password-strength-indicator_1o6zr_1",
   "purpur-password-strength-indicator--active": "_purpur-password-strength-indicator--active_1o6zr_7",
   "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"
-}, xn = K.bind(yn), F = "purpur-password-strength-indicator", I = O(
+}, jn = U.bind(Sn), V = "purpur-password-strength-indicator", I = O(
   ({
     ["data-testid"]: t = "password-strength-indicator",
     active: i,
@@ -1293,18 +1302,18 @@ const bn = {
     passwordStrength: a,
     ...p
   }, r) => {
-    const e = xn(
+    const e = jn(
       n,
-      F,
-      { [`${F}--${a}`]: a },
-      { [`${F}--active`]: i }
+      V,
+      { [`${V}--${a}`]: a },
+      { [`${V}--active`]: i }
     );
     return /* @__PURE__ */ s("div", { ...p, "data-testid": t, className: e, ref: r });
   }
 );
 I.displayName = "PasswordStrengthIndicator";
-const wn = (t, i, n, a) => {
-  const [p, r] = E(0), [e, u] = E(), [d, o] = E(void 0), g = ut(
+const Nn = (t, i, n, a) => {
+  const [p, r] = E(0), [e, u] = E(), [d, o] = E(void 0), v = pt(
     () => ({
       0: [C.WEAK, i],
       1: [C.WEAK, i],
@@ -1314,21 +1323,21 @@ const wn = (t, i, n, a) => {
     }),
     [i, n, a]
   );
-  return it(() => {
+  return at(() => {
     (async () => {
       if (!t)
         r(0), u(void 0), o(void 0);
       else {
-        const { default: l } = await import("./main-BR_vazIG.mjs").then((c) => c.m), { score: h } = l(t), [y, f] = g[h];
+        const { default: l } = await import("./main-cIXswkZU.mjs").then((c) => c.m), { score: h } = l(t), [y, f] = v[h];
         r(h), u(y), o(f);
       }
     })();
-  }, [t, g]), {
+  }, [t, v]), {
     score: p,
     passwordStrength: e,
     currentPasswordStrengthText: d
   };
-}, R = K.bind(bn), z = "purpur-password-strength", U = O(
+}, R = U.bind($n), z = "purpur-password-strength", X = O(
   ({
     ["data-testid"]: t = "password-strength",
     className: i,
@@ -1339,7 +1348,7 @@ const wn = (t, i, n, a) => {
     strongText: e,
     ...u
   }, d) => {
-    const o = R(i, z), { score: g, passwordStrength: l, currentPasswordStrengthText: h } = wn(
+    const o = R(i, z), { score: v, passwordStrength: l, currentPasswordStrengthText: h } = Nn(
       n,
       p,
       r,
@@ -1357,20 +1366,20 @@ const wn = (t, i, n, a) => {
         /* @__PURE__ */ s(
           I,
           {
-            active: !!l && g > 1,
+            active: !!l && v > 1,
             passwordStrength: l
           }
         ),
         /* @__PURE__ */ s(
           I,
           {
-            active: !!l && g > 2,
+            active: !!l && v > 2,
             passwordStrength: l
           }
         )
       ] }),
       /* @__PURE__ */ m(
-        Yr,
+        Jr,
         {
           "aria-live": "polite",
           "data-testid": `${t}-text`,
@@ -1389,8 +1398,8 @@ const wn = (t, i, n, a) => {
     ] });
   }
 );
-U.displayName = "PasswordStrength";
-const Ir = K.bind(cn), kr = "purpur-password-field", Xr = O(
+X.displayName = "PasswordStrength";
+const kr = U.bind(gn), Dr = "purpur-password-field", Qr = O(
   ({
     ["data-testid"]: t = "password-field",
     children: i,
@@ -1400,22 +1409,22 @@ const Ir = K.bind(cn), kr = "purpur-password-field", Xr = O(
     showPasswordAriaLabel: r,
     ...e
   }, u) => {
-    const d = Ir(n, kr), [o, g] = E(N.PASSWORD), l = async (f) => {
+    const d = kr(n, Dr), [o, v] = E(N.PASSWORD), l = async (f) => {
       p?.(f);
     }, h = () => {
-      g(o === N.PASSWORD ? N.TEXT : N.PASSWORD);
-    }, y = o === N.PASSWORD ? Tr : Lr;
+      v(o === N.PASSWORD ? N.TEXT : N.PASSWORD);
+    }, y = o === N.PASSWORD ? Wr : Tr;
     return /* @__PURE__ */ m("div", { className: d, children: [
       /* @__PURE__ */ s(
-        Ur,
+        Yr,
         {
-          className: Ir(`${kr}__text-field`),
+          className: kr(`${Dr}__text-field`),
           "data-testid": t,
           onChange: l,
           ref: u,
           type: o,
           endAdornment: /* @__PURE__ */ s(
-            Br,
+            Lr,
             {
               "aria-label": o === N.PASSWORD ? r : a,
               "data-testid": `${t}-type-toggle-button`,
@@ -1433,12 +1442,12 @@ const Ir = K.bind(cn), kr = "purpur-password-field", Xr = O(
     ] });
   }
 );
-Xr.PasswordStrength = U;
-Xr.displayName = "PasswordField";
-const Nn = (t) => pt(t) && t?.type === U;
+Qr.PasswordStrength = X;
+Qr.displayName = "PasswordField";
+const qn = (t) => st(t) && t?.type === X;
 export {
-  Xr as P,
-  sn as g,
-  Nn as i
+  Qr as P,
+  _n as g,
+  qn as i
 };
-//# sourceMappingURL=password-field-rjwA_Jz0.mjs.map
+//# sourceMappingURL=password-field-BtkPLVY0.mjs.map