@purpurds/password-field 8.4.0 → 8.5.0

package/dist/{password-field-rM0ItXqh.mjs → password-field-B8r8kBIm.mjs}

@@ -1,11 +1,11 @@
-import { jsxs as h, jsx as s } from "react/jsx-runtime";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
 import * as g from "react";
-import { forwardRef as O, useId as Yr, useRef as Jr, useState as z, useMemo as Qr, useEffect as rt, isValidElement as tt } from "react";
+import { forwardRef as O, useId as et, useRef as nt, useState as z, useMemo as ut, useEffect as pt, isValidElement as at } from "react";
 import "react-dom";
-const et = {
+const it = {
   LG: "lg"
 };
-function nt(t) {
+function st(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Q = { exports: {} };
@@ -15,7 +15,7 @@ var Q = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var rr;
-function ut() {
+function ot() {
   return rr || (rr = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
@@ -47,27 +47,28 @@ function ut() {
     })();
   })(Q)), Q.exports;
 }
-var pt = ut();
-const at = /* @__PURE__ */ nt(pt), it = "_rotate_12t9p_1", st = "_dash_12t9p_1", ot = {
+var lt = ot();
+const ct = /* @__PURE__ */ st(lt), _t = "_rotate_12t9p_1", dt = "_dash_12t9p_1", ft = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: it,
+  rotate: _t,
   "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: st,
+  dash: dt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, tr = at.bind(ot), P = "purpur-spinner", lt = {
+}, tr = ct.bind(ft), P = "purpur-spinner", gt = {
   SM: "sm"
-}, ct = ({
+}, Dr = ({
   disabled: t = !1,
   negative: p = !1,
-  size: n = lt.SM,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: tr(P, `${P}--${n}`), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  size: n = gt.SM,
+  className: i,
+  ...a
+}) => /* @__PURE__ */ s("div", { className: tr(P, `${P}--${n}`, i), ...a, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
     className: tr(`${P}__circle`, {
@@ -79,7 +80,8 @@ const at = /* @__PURE__ */ nt(pt), it = "_rotate_12t9p_1", st = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-function dt(t) {
+Dr.displayName = "Spinner";
+function ht(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var er = { exports: {} };
@@ -89,7 +91,7 @@ var er = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var nr;
-function _t() {
+function vt() {
   return nr || (nr = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
@@ -121,30 +123,31 @@ function _t() {
     })();
   })(er)), er.exports;
 }
-var ft = _t();
-const gt = /* @__PURE__ */ dt(ft), vt = {
-  "purpur-button": "_purpur-button_cjx7j_1",
-  "purpur-button--xs": "_purpur-button--xs_cjx7j_22",
-  "purpur-button--icon-only": "_purpur-button--icon-only_cjx7j_25",
-  "purpur-button--sm": "_purpur-button--sm_cjx7j_28",
-  "purpur-button--md": "_purpur-button--md_cjx7j_34",
-  "purpur-button--lg": "_purpur-button--lg_cjx7j_40",
-  "purpur-button--full-width": "_purpur-button--full-width_cjx7j_46",
-  "purpur-button--primary": "_purpur-button--primary_cjx7j_64",
-  "purpur-button--disabled": "_purpur-button--disabled_cjx7j_68",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_cjx7j_74",
-  "purpur-button--secondary": "_purpur-button--secondary_cjx7j_86",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_cjx7j_97",
-  "purpur-button--expressive": "_purpur-button--expressive_cjx7j_108",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_cjx7j_118",
-  "purpur-button--negative": "_purpur-button--negative_cjx7j_130",
-  "purpur-button--destructive": "_purpur-button--destructive_cjx7j_137",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_cjx7j_147",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_cjx7j_157",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_cjx7j_170",
-  "purpur-button--text-negative": "_purpur-button--text-negative_cjx7j_185",
-  "purpur-button--text": "_purpur-button--text_cjx7j_185"
-}, ht = gt.bind(vt), j = "purpur-button", Er = O(
+var mt = vt();
+const bt = /* @__PURE__ */ ht(mt), yt = {
+  "purpur-button": "_purpur-button_10jh0_1",
+  "purpur-button--xs": "_purpur-button--xs_10jh0_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
+  "purpur-button--sm": "_purpur-button--sm_10jh0_28",
+  "purpur-button--md": "_purpur-button--md_10jh0_34",
+  "purpur-button--lg": "_purpur-button--lg_10jh0_40",
+  "purpur-button--full-width": "_purpur-button--full-width_10jh0_46",
+  "purpur-button--primary": "_purpur-button--primary_10jh0_64",
+  "purpur-button--disabled": "_purpur-button--disabled_10jh0_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_10jh0_74",
+  "purpur-button--secondary": "_purpur-button--secondary_10jh0_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_10jh0_97",
+  "purpur-button--expressive": "_purpur-button--expressive_10jh0_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_10jh0_118",
+  "purpur-button--negative": "_purpur-button--negative_10jh0_130",
+  "purpur-button--destructive": "_purpur-button--destructive_10jh0_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_10jh0_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_10jh0_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_10jh0_170",
+  "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(
   ({
     children: t,
     className: p,
@@ -154,45 +157,46 @@ const gt = /* @__PURE__ */ dt(ft), vt = {
     loading: r = !1,
     negative: e = !1,
     onClick: u,
-    size: d = "md",
+    size: _ = "md",
     variant: o,
-    type: _ = "button",
+    type: d = "button",
     ...l
-  }, v) => {
+  }, h) => {
     if (a && o === "destructive")
       return null;
-    const x = ht(
+    const y = ur(
       [
-        j,
-        `${j}--${e ? `${o}-negative` : o}`,
-        `${j}--${d}`
+        S,
+        `${S}--${e ? `${o}-negative` : o}`,
+        `${S}--${_}`
       ],
       {
-        [`${j}--icon-only`]: a,
-        [`${j}--negative`]: e,
-        [`${j}--full-width`]: i,
-        [`${j}--disabled`]: n || r
+        [`${S}--icon-only`]: a,
+        [`${S}--negative`]: e,
+        [`${S}--full-width`]: i,
+        [`${S}--disabled`]: n || r
       },
       p
     ), c = ($) => {
       n || r ? $.preventDefault() : u && u($);
     }, m = !!l["aria-disabled"] || n || r;
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ v(
       "button",
       {
-        className: x,
-        type: _,
-        ref: v,
+        className: y,
+        type: d,
+        ref: h,
         "aria-disabled": m,
         onClick: c,
         ...l,
         children: [
           r && /* @__PURE__ */ s(
-            ct,
+            Dr,
             {
-              size: d === et.LG ? "xs" : "xxs",
+              size: _ === it.LG ? "xs" : "xxs",
               negative: e,
-              disabled: m
+              disabled: m,
+              className: ur(`${S}__spinner`)
             }
           ),
           " ",
@@ -202,19 +206,19 @@ const gt = /* @__PURE__ */ dt(ft), vt = {
     );
   }
 );
-Er.displayName = "Button";
-function mt(t) {
+Br.displayName = "Button";
+function xt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ur = { exports: {} };
+var pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var pr;
-function bt() {
-  return pr || (pr = 1, (function(t) {
+var ar;
+function wt() {
+  return ar || (ar = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -243,10 +247,10 @@ function bt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(ur)), ur.exports;
+  })(pr)), pr.exports;
 }
-var xt = bt();
-const yt = /* @__PURE__ */ mt(xt), wt = {
+var $t = wt();
+const St = /* @__PURE__ */ xt($t), jt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -254,51 +258,51 @@ const yt = /* @__PURE__ */ mt(xt), wt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, $t = yt.bind(wt), ar = "purpur-icon", jt = "md", St = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), Nt = ({ content: t = "", title: p } = {}) => {
+}, Nt = St.bind(jt), ir = "purpur-icon", Ot = "md", Pt = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), At = ({ content: t = "", title: p } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = p ? `<title>${p}</title>` : "";
-  return `<svg ${St(n)}>${i}${t}</svg>`;
-}, Ot = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), V = ({ svg: t, allyTitle: p, className: n, size: i = jt, ...a }) => {
-  const r = Nt({
-    content: Ot(t.svg),
+  return `<svg ${Pt(n)}>${i}${t}</svg>`;
+}, Mt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), V = ({ svg: t, allyTitle: p, className: n, size: i = Ot, ...a }) => {
+  const r = At({
+    content: Mt(t.svg),
     title: p
-  }), e = $t(n, ar, `${ar}--${i}`);
+  }), e = Nt(n, ir, `${ir}--${i}`);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 V.displayName = "Icon";
-const Pt = {
+const Ct = {
   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"
-}, Ir = (t) => /* @__PURE__ */ s(V, { ...t, svg: Pt });
-Ir.displayName = "IconPasswordInvisible";
-const At = {
+}, Lr = (t) => /* @__PURE__ */ s(V, { ...t, svg: Ct });
+Lr.displayName = "IconPasswordInvisible";
+const kt = {
   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"
-}, Dr = (t) => /* @__PURE__ */ s(V, { ...t, svg: At });
-Dr.displayName = "IconPasswordVisible";
-const Mt = {
+}, Tr = (t) => /* @__PURE__ */ s(V, { ...t, svg: kt });
+Tr.displayName = "IconPasswordVisible";
+const Rt = {
   LG: "lg"
 };
-function Ct(t) {
+function qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
+var sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var sr;
-function kt() {
-  return sr || (sr = 1, (function(t) {
+var or;
+function zt() {
+  return or || (or = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -327,32 +331,33 @@ function kt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(ir)), ir.exports;
+  })(sr)), sr.exports;
 }
-var Rt = kt();
-const qt = /* @__PURE__ */ Ct(Rt), zt = "_rotate_12t9p_1", Et = "_dash_12t9p_1", It = {
+var Et = zt();
+const It = /* @__PURE__ */ qt(Et), Dt = "_rotate_12t9p_1", Bt = "_dash_12t9p_1", Lt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: zt,
+  rotate: Dt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Et,
+  dash: Bt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, or = qt.bind(It), A = "purpur-spinner", Dt = {
+}, lr = It.bind(Lt), A = "purpur-spinner", Tt = {
   SM: "sm"
-}, Bt = ({
+}, Wr = ({
   disabled: t = !1,
   negative: p = !1,
-  size: n = Dt.SM,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: or(A, `${A}--${n}`), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  size: n = Tt.SM,
+  className: i,
+  ...a
+}) => /* @__PURE__ */ s("div", { className: lr(A, `${A}--${n}`, i), ...a, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: or(`${A}__circle`, {
+    className: lr(`${A}__circle`, {
       [`${A}__circle--disabled`]: t,
       [`${A}__circle--negative`]: p
     }),
@@ -361,18 +366,19 @@ const qt = /* @__PURE__ */ Ct(Rt), zt = "_rotate_12t9p_1", Et = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-function Lt(t) {
+Wr.displayName = "Spinner";
+function Wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var lr = { exports: {} };
+var cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var cr;
-function Tt() {
-  return cr || (cr = 1, (function(t) {
+var _r;
+function Zt() {
+  return _r || (_r = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -401,32 +407,33 @@ function Tt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(lr)), lr.exports;
+  })(cr)), cr.exports;
 }
-var Wt = Tt();
-const Zt = /* @__PURE__ */ Lt(Wt), Ft = {
-  "purpur-button": "_purpur-button_cjx7j_1",
-  "purpur-button--xs": "_purpur-button--xs_cjx7j_22",
-  "purpur-button--icon-only": "_purpur-button--icon-only_cjx7j_25",
-  "purpur-button--sm": "_purpur-button--sm_cjx7j_28",
-  "purpur-button--md": "_purpur-button--md_cjx7j_34",
-  "purpur-button--lg": "_purpur-button--lg_cjx7j_40",
-  "purpur-button--full-width": "_purpur-button--full-width_cjx7j_46",
-  "purpur-button--primary": "_purpur-button--primary_cjx7j_64",
-  "purpur-button--disabled": "_purpur-button--disabled_cjx7j_68",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_cjx7j_74",
-  "purpur-button--secondary": "_purpur-button--secondary_cjx7j_86",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_cjx7j_97",
-  "purpur-button--expressive": "_purpur-button--expressive_cjx7j_108",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_cjx7j_118",
-  "purpur-button--negative": "_purpur-button--negative_cjx7j_130",
-  "purpur-button--destructive": "_purpur-button--destructive_cjx7j_137",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_cjx7j_147",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_cjx7j_157",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_cjx7j_170",
-  "purpur-button--text-negative": "_purpur-button--text-negative_cjx7j_185",
-  "purpur-button--text": "_purpur-button--text_cjx7j_185"
-}, Gt = Zt.bind(Ft), S = "purpur-button", Br = O(
+var Gt = Zt();
+const Ft = /* @__PURE__ */ Wt(Gt), Vt = {
+  "purpur-button": "_purpur-button_10jh0_1",
+  "purpur-button--xs": "_purpur-button--xs_10jh0_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
+  "purpur-button--sm": "_purpur-button--sm_10jh0_28",
+  "purpur-button--md": "_purpur-button--md_10jh0_34",
+  "purpur-button--lg": "_purpur-button--lg_10jh0_40",
+  "purpur-button--full-width": "_purpur-button--full-width_10jh0_46",
+  "purpur-button--primary": "_purpur-button--primary_10jh0_64",
+  "purpur-button--disabled": "_purpur-button--disabled_10jh0_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_10jh0_74",
+  "purpur-button--secondary": "_purpur-button--secondary_10jh0_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_10jh0_97",
+  "purpur-button--expressive": "_purpur-button--expressive_10jh0_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_10jh0_118",
+  "purpur-button--negative": "_purpur-button--negative_10jh0_130",
+  "purpur-button--destructive": "_purpur-button--destructive_10jh0_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_10jh0_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_10jh0_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_10jh0_170",
+  "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(
   ({
     children: t,
     className: p,
@@ -436,45 +443,46 @@ const Zt = /* @__PURE__ */ Lt(Wt), Ft = {
     loading: r = !1,
     negative: e = !1,
     onClick: u,
-    size: d = "md",
+    size: _ = "md",
     variant: o,
-    type: _ = "button",
+    type: d = "button",
     ...l
-  }, v) => {
+  }, h) => {
     if (a && o === "destructive")
       return null;
-    const x = Gt(
+    const y = dr(
       [
-        S,
-        `${S}--${e ? `${o}-negative` : o}`,
-        `${S}--${d}`
+        j,
+        `${j}--${e ? `${o}-negative` : o}`,
+        `${j}--${_}`
       ],
       {
-        [`${S}--icon-only`]: a,
-        [`${S}--negative`]: e,
-        [`${S}--full-width`]: i,
-        [`${S}--disabled`]: n || r
+        [`${j}--icon-only`]: a,
+        [`${j}--negative`]: e,
+        [`${j}--full-width`]: i,
+        [`${j}--disabled`]: n || r
       },
       p
     ), c = ($) => {
       n || r ? $.preventDefault() : u && u($);
     }, m = !!l["aria-disabled"] || n || r;
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ v(
       "button",
       {
-        className: x,
-        type: _,
-        ref: v,
+        className: y,
+        type: d,
+        ref: h,
         "aria-disabled": m,
         onClick: c,
         ...l,
         children: [
           r && /* @__PURE__ */ s(
-            Bt,
+            Wr,
             {
-              size: d === Mt.LG ? "xs" : "xxs",
+              size: _ === Rt.LG ? "xs" : "xxs",
               negative: e,
-              disabled: m
+              disabled: m,
+              className: dr(`${j}__spinner`)
             }
           ),
           " ",
@@ -484,19 +492,19 @@ const Zt = /* @__PURE__ */ Lt(Wt), Ft = {
     );
   }
 );
-Br.displayName = "Button";
-function Vt(t) {
+Zr.displayName = "Button";
+function Ht(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var dr = { exports: {} };
+var fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var _r;
-function Ht() {
-  return _r || (_r = 1, (function(t) {
+var gr;
+function Kt() {
+  return gr || (gr = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -525,10 +533,10 @@ function Ht() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(dr)), dr.exports;
+  })(fr)), fr.exports;
 }
-var Kt = Ht();
-const Ut = /* @__PURE__ */ Vt(Kt), Xt = {
+var Ut = Kt();
+const Yt = /* @__PURE__ */ Ht(Ut), Xt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -536,40 +544,40 @@ const Ut = /* @__PURE__ */ Vt(Kt), 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"
-}, Yt = Ut.bind(Xt), fr = "purpur-icon", Jt = "md", Qt = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), re = ({ content: t = "", title: p } = {}) => {
+}, Jt = Yt.bind(Xt), hr = "purpur-icon", Qt = "md", re = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), te = ({ content: t = "", title: p } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = p ? `<title>${p}</title>` : "";
-  return `<svg ${Qt(n)}>${i}${t}</svg>`;
-}, te = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Lr = ({ svg: t, allyTitle: p, className: n, size: i = Jt, ...a }) => {
-  const r = re({
-    content: te(t.svg),
+  return `<svg ${re(n)}>${i}${t}</svg>`;
+}, ee = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({ svg: t, allyTitle: p, className: n, size: i = Qt, ...a }) => {
+  const r = te({
+    content: ee(t.svg),
     title: p
-  }), e = Yt(n, fr, `${fr}--${i}`);
+  }), e = Jt(n, hr, `${hr}--${i}`);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-Lr.displayName = "Icon";
-const ee = {
+Gr.displayName = "Icon";
+const ne = {
   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 ne(t) {
+function ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var gr = { exports: {} };
+var vr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var vr;
-function ue() {
-  return vr || (vr = 1, (function(t) {
+var mr;
+function pe() {
+  return mr || (mr = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -598,46 +606,46 @@ function ue() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(gr)), gr.exports;
+  })(vr)), vr.exports;
 }
-var pe = ue();
-const ae = /* @__PURE__ */ ne(pe), ie = {
+var ae = pe();
+const ie = /* @__PURE__ */ ue(ae), se = {
   "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"
-}, hr = ae.bind(ie), T = "purpur-field-error-text", se = ({
+}, br = ie.bind(se), T = "purpur-field-error-text", oe = ({
   children: t,
   className: p,
   negative: n = !1,
   ["aria-relevant"]: i = "additions text",
   ...a
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ v(
   "div",
   {
-    className: hr(p, T, {
+    className: br(p, T, {
       [`${T}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": i,
     ...a,
     children: [
-      /* @__PURE__ */ s(Lr, { svg: ee, size: "xs", className: hr(`${T}__icon`) }),
+      /* @__PURE__ */ s(Gr, { svg: ne, size: "xs", className: br(`${T}__icon`) }),
       t
     ]
   }
 );
-function oe(t) {
+function le(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var mr = { exports: {} };
+var yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var br;
-function le() {
-  return br || (br = 1, (function(t) {
+var xr;
+function ce() {
+  return xr || (xr = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -666,14 +674,14 @@ function le() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(mr)), mr.exports;
+  })(yr)), yr.exports;
 }
-var ce = le();
-const de = /* @__PURE__ */ oe(ce), _e = {
+var _e = ce();
+const de = /* @__PURE__ */ le(_e), fe = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, fe = de.bind(_e), W = "purpur-field-helper-text", ge = ({
+}, ge = de.bind(fe), W = "purpur-field-helper-text", he = ({
   children: t,
   className: p,
   disabled: n,
@@ -681,7 +689,7 @@ const de = /* @__PURE__ */ oe(ce), _e = {
   negative: a,
   ...r
 }) => {
-  const e = fe(p, W, {
+  const e = ge(p, W, {
     [`${W}--disabled`]: n,
     [`${W}--negative`]: a
   });
@@ -690,15 +698,15 @@ const de = /* @__PURE__ */ oe(ce), _e = {
 function ve(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var xr = { exports: {} };
+var wr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yr;
-function he() {
-  return yr || (yr = 1, (function(t) {
+var $r;
+function me() {
+  return $r || ($r = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -727,10 +735,10 @@ function he() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(xr)), xr.exports;
+  })(wr)), wr.exports;
 }
-var me = he();
-const be = /* @__PURE__ */ ve(me), xe = {
+var be = me();
+const ye = /* @__PURE__ */ ve(be), xe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -738,86 +746,86 @@ const be = /* @__PURE__ */ ve(me), 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"
-}, ye = be.bind(xe), wr = "purpur-icon", we = "md", $e = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), je = ({ content: t = "", title: p } = {}) => {
+}, we = ye.bind(xe), Sr = "purpur-icon", $e = "md", Se = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), je = ({ content: t = "", title: p } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = p ? `<title>${p}</title>` : "";
-  return `<svg ${$e(n)}>${i}${t}</svg>`;
-}, Se = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({ svg: t, allyTitle: p, className: n, size: i = we, ...a }) => {
+  return `<svg ${Se(n)}>${i}${t}</svg>`;
+}, Ne = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({ svg: t, allyTitle: p, className: n, size: i = $e, ...a }) => {
   const r = je({
-    content: Se(t.svg),
+    content: Ne(t.svg),
     title: p
-  }), e = ye(n, wr, `${wr}--${i}`);
+  }), e = we(n, Sr, `${Sr}--${i}`);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 H.displayName = "Icon";
-const Ne = {
+const Oe = {
   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"
-}, Tr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Ne });
-Tr.displayName = "IconCheckCircleFilled";
-const Oe = {
+}, Fr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Oe });
+Fr.displayName = "IconCheckCircleFilled";
+const Pe = {
   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"
-}, Wr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Oe });
-Wr.displayName = "IconClose";
-function $r(t, p) {
+}, Vr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Pe });
+Vr.displayName = "IconClose";
+function jr(t, p) {
   if (typeof t == "function")
     return t(p);
   t != null && (t.current = p);
 }
-function Pe(...t) {
+function Ae(...t) {
   return (p) => {
     let n = !1;
     const i = t.map((a) => {
-      const r = $r(a, p);
+      const r = jr(a, p);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let a = 0; a < i.length; a++) {
           const r = i[a];
-          typeof r == "function" ? r() : $r(t[a], null);
+          typeof r == "function" ? r() : jr(t[a], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
-function Ae(t) {
-  const p = /* @__PURE__ */ Me(t), n = g.forwardRef((i, a) => {
-    const { children: r, ...e } = i, u = g.Children.toArray(r), d = u.find(ke);
-    if (d) {
-      const o = d.props.children, _ = 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(p, { ...e, ref: a, children: g.isValidElement(o) ? g.cloneElement(o, void 0, _) : null });
+function Me(t) {
+  const p = /* @__PURE__ */ Ce(t), n = g.forwardRef((i, a) => {
+    const { children: r, ...e } = i, u = g.Children.toArray(r), _ = u.find(Re);
+    if (_) {
+      const o = _.props.children, d = u.map((l) => l === _ ? g.Children.count(o) > 1 ? g.Children.only(null) : g.isValidElement(o) ? o.props.children : null : l);
+      return /* @__PURE__ */ s(p, { ...e, ref: a, children: g.isValidElement(o) ? g.cloneElement(o, void 0, d) : null });
     }
     return /* @__PURE__ */ s(p, { ...e, ref: a, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function Me(t) {
+function Ce(t) {
   const p = g.forwardRef((n, i) => {
     const { children: a, ...r } = n;
     if (g.isValidElement(a)) {
-      const e = qe(a), u = Re(r, a.props);
-      return a.type !== g.Fragment && (u.ref = i ? Pe(i, e) : e), g.cloneElement(a, u);
+      const e = ze(a), u = qe(r, a.props);
+      return a.type !== g.Fragment && (u.ref = i ? Ae(i, e) : e), g.cloneElement(a, u);
     }
     return g.Children.count(a) > 1 ? g.Children.only(null) : null;
   });
   return p.displayName = `${t}.SlotClone`, p;
 }
-var Ce = Symbol("radix.slottable");
-function ke(t) {
-  return g.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Ce;
+var ke = Symbol("radix.slottable");
+function Re(t) {
+  return g.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === ke;
 }
-function Re(t, p) {
+function qe(t, p) {
   const n = { ...p };
   for (const i in p) {
     const a = t[i], r = p[i];
@@ -828,12 +836,12 @@ function Re(t, p) {
   }
   return { ...t, ...n };
 }
-function qe(t) {
+function ze(t) {
   var p, n;
   let i = (p = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : p.get, a = i && "isReactWarning" in i && i.isReactWarning;
   return a ? t.ref : (i = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, a = i && "isReactWarning" in i && i.isReactWarning, a ? t.props.ref : t.props.ref || t.ref);
 }
-var ze = [
+var Ee = [
   "a",
   "button",
   "div",
@@ -851,14 +859,14 @@ var ze = [
   "span",
   "svg",
   "ul"
-], Ee = ze.reduce((t, p) => {
-  const n = /* @__PURE__ */ Ae(`Primitive.${p}`), i = g.forwardRef((a, r) => {
-    const { asChild: e, ...u } = a, d = e ? n : p;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(d, { ...u, ref: r });
+], Ie = Ee.reduce((t, p) => {
+  const n = /* @__PURE__ */ Me(`Primitive.${p}`), i = g.forwardRef((a, r) => {
+    const { asChild: e, ...u } = a, _ = e ? n : p;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(_, { ...u, ref: r });
   });
   return i.displayName = `Primitive.${p}`, { ...t, [p]: i };
-}, {}), Ie = "Label", Zr = g.forwardRef((t, p) => /* @__PURE__ */ s(
-  Ee.label,
+}, {}), De = "Label", Hr = g.forwardRef((t, p) => /* @__PURE__ */ s(
+  Ie.label,
   {
     ...t,
     ref: p,
@@ -868,20 +876,20 @@ var ze = [
     }
   }
 ));
-Zr.displayName = Ie;
-var De = Zr;
-function Be(t) {
+Hr.displayName = De;
+var Be = Hr;
+function Le(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var Nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Sr;
-function Le() {
-  return Sr || (Sr = 1, (function(t) {
+var Or;
+function Te() {
+  return Or || (Or = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -910,14 +918,14 @@ function Le() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(jr)), jr.exports;
+  })(Nr)), Nr.exports;
 }
-var Te = Le();
-const We = /* @__PURE__ */ Be(Te), Ze = {
+var We = Te();
+const Ze = /* @__PURE__ */ Le(We), Ge = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Fe = We.bind(Ze), Z = "purpur-label", Ge = ({
+}, Fe = Ze.bind(Ge), Z = "purpur-label", Ve = ({
   children: t,
   className: p,
   disabled: n,
@@ -928,20 +936,20 @@ const We = /* @__PURE__ */ Be(Te), Ze = {
     [`${Z}--disabled`]: n,
     [`${Z}--negative`]: i
   });
-  return /* @__PURE__ */ s(De, { className: r, ...a, children: t });
+  return /* @__PURE__ */ s(Be, { className: r, ...a, children: t });
 };
-function Ve(t) {
+function He(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Nr = { exports: {} };
+var Pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Or;
-function He() {
-  return Or || (Or = 1, (function(t) {
+var Ar;
+function Ke() {
+  return Ar || (Ar = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -970,10 +978,10 @@ function He() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Nr)), Nr.exports;
+  })(Pr)), Pr.exports;
 }
-var Ke = He();
-const Ue = /* @__PURE__ */ Ve(Ke), Xe = "_rotate_12t9p_1", Ye = "_dash_12t9p_1", Je = {
+var Ue = Ke();
+const Ye = /* @__PURE__ */ He(Ue), Xe = "_rotate_12t9p_1", Je = "_dash_12t9p_1", Qe = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Xe,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -982,20 +990,21 @@ const Ue = /* @__PURE__ */ Ve(Ke), Xe = "_rotate_12t9p_1", Ye = "_dash_12t9p_1",
   "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: Ye,
+  dash: Je,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Pr = Ue.bind(Je), M = "purpur-spinner", Qe = {
+}, Mr = Ye.bind(Qe), M = "purpur-spinner", rn = {
   SM: "sm"
-}, rn = ({
+}, Kr = ({
   disabled: t = !1,
   negative: p = !1,
-  size: n = Qe.SM,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: Pr(M, `${M}--${n}`), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  size: n = rn.SM,
+  className: i,
+  ...a
+}) => /* @__PURE__ */ s("div", { className: Mr(M, `${M}--${n}`, i), ...a, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: Pr(`${M}__circle`, {
+    className: Mr(`${M}__circle`, {
       [`${M}__circle--disabled`]: t,
       [`${M}__circle--negative`]: p
     }),
@@ -1004,18 +1013,19 @@ const Ue = /* @__PURE__ */ Ve(Ke), Xe = "_rotate_12t9p_1", Ye = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
+Kr.displayName = "Spinner";
 function tn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ar = { exports: {} };
+var Cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Mr;
+var kr;
 function en() {
-  return Mr || (Mr = 1, (function(t) {
+  return kr || (kr = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -1044,7 +1054,7 @@ function en() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Ar)), Ar.exports;
+  })(Cr)), Cr.exports;
 }
 var nn = en();
 const un = /* @__PURE__ */ tn(nn), pn = {
@@ -1064,7 +1074,7 @@ const un = /* @__PURE__ */ tn(nn), pn = {
   "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"
-}, an = (t) => Jr(t), w = un.bind(pn), f = "purpur-text-field", Fr = O(
+}, an = (t) => nt(t), w = un.bind(pn), f = "purpur-text-field", Ur = O(
   ({
     ["data-testid"]: t,
     className: p,
@@ -1074,79 +1084,79 @@ const un = /* @__PURE__ */ tn(nn), pn = {
     endAdornment: r,
     errorText: e,
     helperText: u,
-    hideRequiredAsterisk: d = !1,
+    hideRequiredAsterisk: _ = !1,
     label: o,
-    loading: _ = !1,
+    loading: d = !1,
     onClear: l,
-    startAdornment: v,
-    valid: x = !1,
+    startAdornment: h,
+    valid: y = !1,
     ...c
   }, m) => {
     var $;
-    const Hr = Yr(), I = c.id ?? Hr, y = (b) => t ? `${t}-${b}` : void 0, X = x && !e, D = u ? `${I}-helper-text` : void 0, B = [v].filter((b) => !!b), Y = (typeof c.value == "number" ? c.value !== void 0 : ($ = c.value) == null ? void 0 : $.length) && !c.disabled && !c.readOnly && !_ && l && n, J = an(null), Kr = (b) => {
+    const Jr = et(), I = c.id ?? Jr, x = (b) => t ? `${t}-${b}` : void 0, Y = y && !e, D = u ? `${I}-helper-text` : void 0, B = [h].filter((b) => !!b), X = (typeof c.value == "number" ? c.value !== void 0 : ($ = c.value) == null ? void 0 : $.length) && !c.disabled && !c.readOnly && !d && l && n, J = an(null), Qr = (b) => {
       J.current = b, typeof m == "function" ? m(b) : m && (m.current = b);
-    }, Ur = () => {
+    }, rt = () => {
       var b;
       l == null || l(), (b = J.current) == null || b.focus();
     }, L = [
-      _ && /* @__PURE__ */ s(
-        rn,
+      d && /* @__PURE__ */ s(
+        Kr,
         {
           disabled: c.disabled,
           size: "xs",
-          "data-testid": y("spinner")
+          "data-testid": x("spinner")
         },
         "spinner"
       ),
-      Y && /* @__PURE__ */ s(
-        Br,
+      X && /* @__PURE__ */ s(
+        Zr,
         {
           variant: "tertiary-purple",
-          onClick: Ur,
+          onClick: rt,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": y("clear-button"),
+          "data-testid": x("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ s(Wr, { size: "xs" })
+          children: /* @__PURE__ */ s(Vr, { size: "xs" })
         },
         "clear-button"
       ),
-      X && /* @__PURE__ */ s(
-        Tr,
+      Y && /* @__PURE__ */ s(
+        Fr,
         {
-          "data-testid": y("valid-icon"),
+          "data-testid": x("valid-icon"),
           className: w(`${f}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((b) => !!b), Xr = w(`${f}__input-container`, {
+    ].filter((b) => !!b), tt = w(`${f}__input-container`, {
       [`${f}__input-container--start-adornment`]: B.length,
       [`${f}__input-container--end-adornment`]: L.length || r,
       [`${f}__input-container--disabled`]: c.disabled,
-      [`${f}__input-container--has-clear-button`]: Y,
+      [`${f}__input-container--has-clear-button`]: X,
       [`${f}__input-container--readonly`]: c.readOnly && !c.disabled
     });
-    return /* @__PURE__ */ h("div", { className: w(p, f), children: [
-      o && /* @__PURE__ */ h(
-        Ge,
+    return /* @__PURE__ */ v("div", { className: w(p, f), children: [
+      o && /* @__PURE__ */ v(
+        Ve,
         {
           htmlFor: I,
           className: w(`${f}__label`),
-          "data-testid": y("label"),
+          "data-testid": x("label"),
           disabled: c.disabled,
           children: [
-            c.required && !d && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
+            c.required && !_ && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
             o
           ]
         }
       ),
-      /* @__PURE__ */ h("div", { className: w(`${f}__field-row`), children: [
+      /* @__PURE__ */ v("div", { className: w(`${f}__field-row`), children: [
         !!i && i,
-        /* @__PURE__ */ h("div", { className: Xr, children: [
+        /* @__PURE__ */ v("div", { className: tt, children: [
           !!B.length && /* @__PURE__ */ s(
             "div",
             {
-              "data-testid": y("start-adornments"),
+              "data-testid": x("start-adornments"),
               className: w(`${f}__adornment-container`),
               children: B
             }
@@ -1156,24 +1166,24 @@ const un = /* @__PURE__ */ tn(nn), pn = {
             {
               ...c,
               id: I,
-              ref: Kr,
-              "data-testid": y("input"),
+              ref: Qr,
+              "data-testid": x("input"),
               "aria-describedby": c["aria-describedby"] || D,
               "aria-invalid": c["aria-invalid"] || !!e,
               className: w([
                 `${f}__input`,
                 {
-                  [`${f}__input--valid`]: X,
+                  [`${f}__input--valid`]: Y,
                   [`${f}__input--error`]: !!e
                 }
               ])
             }
           ),
           /* @__PURE__ */ s("div", { className: w(`${f}__frame`) }),
-          (!!L.length || r) && /* @__PURE__ */ h(
+          (!!L.length || r) && /* @__PURE__ */ v(
             "div",
             {
-              "data-testid": y("end-adornments"),
+              "data-testid": x("end-adornments"),
               className: w(`${f}__adornment-container`),
               children: [
                 L,
@@ -1184,24 +1194,24 @@ const un = /* @__PURE__ */ tn(nn), pn = {
         ] }),
         !!a && a
       ] }),
-      D && /* @__PURE__ */ s(ge, { "data-testid": y("helper-text"), id: D, children: u }),
-      e && /* @__PURE__ */ s(se, { "data-testid": y("error-text"), children: e })
+      D && /* @__PURE__ */ s(he, { "data-testid": x("helper-text"), id: D, children: u }),
+      e && /* @__PURE__ */ s(oe, { "data-testid": x("error-text"), children: e })
     ] });
   }
 );
-Fr.displayName = "TextField";
+Ur.displayName = "TextField";
 function sn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var F = { exports: {} };
+var G = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Cr;
+var Rr;
 function on() {
-  return Cr || (Cr = 1, (function(t) {
+  return Rr || (Rr = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -1230,7 +1240,7 @@ function on() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(F)), F.exports;
+  })(G)), G.exports;
 }
 var ln = on();
 const K = /* @__PURE__ */ sn(ln), C = {
@@ -1243,18 +1253,18 @@ const K = /* @__PURE__ */ sn(ln), C = {
 }, cn = {
   "purpur-password-field": "_purpur-password-field_co7kv_1"
 };
-function dn(t) {
+function _n(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Rr;
-function _n() {
-  return Rr || (Rr = 1, (function(t) {
+var zr;
+function dn() {
+  return zr || (zr = 1, (function(t) {
     (function() {
       var p = {}.hasOwnProperty;
       function n() {
@@ -1283,10 +1293,10 @@ function _n() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(kr)), kr.exports;
+  })(qr)), qr.exports;
 }
-var fn = _n();
-const gn = /* @__PURE__ */ dn(fn), vn = {
+var fn = dn();
+const gn = /* @__PURE__ */ _n(fn), hn = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1301,9 +1311,9 @@ const gn = /* @__PURE__ */ dn(fn), vn = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, hn = gn.bind(vn), mn = {
+}, vn = gn.bind(hn), mn = {
   PARAGRAPH100: "paragraph-100"
-}, k = "purpur-paragraph", Gr = ({
+}, k = "purpur-paragraph", Yr = ({
   children: t,
   className: p,
   disabled: n,
@@ -1312,14 +1322,14 @@ const gn = /* @__PURE__ */ dn(fn), vn = {
   variant: r = mn.PARAGRAPH100,
   ...e
 }) => {
-  const u = hn(p, k, `${k}--${r}`, {
+  const u = vn(p, k, `${k}--${r}`, {
     [`${k}--hyphens`]: i,
     [`${k}--disabled`]: n,
     [`${k}--negative`]: a
   });
   return /* @__PURE__ */ s("p", { ...e, className: u, children: t });
 };
-Gr.displayName = "Paragraph";
+Yr.displayName = "Paragraph";
 const bn = {
   "purpur-password-strength": "_purpur-password-strength_sa1ua_1",
   "purpur-password-strength__indicator-container": "_purpur-password-strength__indicator-container_sa1ua_6",
@@ -1327,13 +1337,13 @@ const bn = {
   "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"
-}, xn = {
+}, yn = {
   "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"
-}, yn = K.bind(xn), G = "purpur-password-strength-indicator", E = O(
+}, xn = K.bind(yn), F = "purpur-password-strength-indicator", E = O(
   ({
     ["data-testid"]: t = "password-strength-indicator",
     active: p,
@@ -1341,18 +1351,18 @@ const bn = {
     passwordStrength: i,
     ...a
   }, r) => {
-    const e = yn(
+    const e = xn(
       n,
-      G,
-      { [`${G}--${i}`]: i },
-      { [`${G}--active`]: p }
+      F,
+      { [`${F}--${i}`]: i },
+      { [`${F}--active`]: p }
     );
     return /* @__PURE__ */ s("div", { ...a, "data-testid": t, className: e, ref: r });
   }
 );
 E.displayName = "PasswordStrengthIndicator";
 const wn = (t, p, n, i) => {
-  const [a, r] = z(0), [e, u] = z(), [d, o] = z(void 0), _ = Qr(
+  const [a, r] = z(0), [e, u] = z(), [_, o] = z(void 0), d = ut(
     () => ({
       0: [C.WEAK, p],
       1: [C.WEAK, p],
@@ -1362,19 +1372,19 @@ const wn = (t, p, n, i) => {
     }),
     [p, n, i]
   );
-  return rt(() => {
+  return pt(() => {
     (async () => {
       if (!t)
         r(0), u(void 0), o(void 0);
       else {
-        const { default: l } = await import("./main-CorZ0ky8.mjs").then((m) => m.m), { score: v } = l(t), [x, c] = _[v];
-        r(v), u(x), o(c);
+        const { default: l } = await import("./main-CGRCMmFx.mjs").then((m) => m.m), { score: h } = l(t), [y, c] = d[h];
+        r(h), u(y), o(c);
       }
     })();
-  }, [t, _]), {
+  }, [t, d]), {
     score: a,
     passwordStrength: e,
-    currentPasswordStrengthText: d
+    currentPasswordStrengthText: _
   };
 }, q = K.bind(bn), R = "purpur-password-strength", U = O(
   ({
@@ -1386,15 +1396,15 @@ const wn = (t, p, n, i) => {
     mediumText: r,
     strongText: e,
     ...u
-  }, d) => {
-    const o = q(p, R), { score: _, passwordStrength: l, currentPasswordStrengthText: v } = wn(
+  }, _) => {
+    const o = q(p, R), { score: d, passwordStrength: l, currentPasswordStrengthText: h } = wn(
       n,
       a,
       r,
       e
     );
-    return /* @__PURE__ */ h("div", { "data-testid": t, className: o, ref: d, ...u, children: [
-      /* @__PURE__ */ h("div", { className: q(`${R}__indicator-container`), children: [
+    return /* @__PURE__ */ v("div", { "data-testid": t, className: o, ref: _, ...u, children: [
+      /* @__PURE__ */ v("div", { className: q(`${R}__indicator-container`), children: [
         /* @__PURE__ */ s(
           E,
           {
@@ -1405,20 +1415,20 @@ const wn = (t, p, n, i) => {
         /* @__PURE__ */ s(
           E,
           {
-            active: !!l && _ > 1,
+            active: !!l && d > 1,
             passwordStrength: l
           }
         ),
         /* @__PURE__ */ s(
           E,
           {
-            active: !!l && _ > 2,
+            active: !!l && d > 2,
             passwordStrength: l
           }
         )
       ] }),
-      /* @__PURE__ */ h(
-        Gr,
+      /* @__PURE__ */ v(
+        Yr,
         {
           "aria-live": "polite",
           "data-testid": `${t}-text`,
@@ -1426,11 +1436,11 @@ const wn = (t, p, n, i) => {
             [`${R}__password-strength-text--${l}`]: l
           }),
           children: [
-            /* @__PURE__ */ h("span", { className: q(`${R}__password-strength-label`), children: [
+            /* @__PURE__ */ v("span", { className: q(`${R}__password-strength-label`), children: [
               i,
-              v ? ": " : ""
+              h ? ": " : ""
             ] }),
-            v
+            h
           ]
         }
       )
@@ -1438,7 +1448,7 @@ const wn = (t, p, n, i) => {
   }
 );
 U.displayName = "PasswordStrength";
-const qr = K.bind(cn), zr = "purpur-password-field", Vr = O(
+const Er = K.bind(cn), Ir = "purpur-password-field", Xr = O(
   ({
     ["data-testid"]: t = "password-field",
     children: p,
@@ -1448,30 +1458,30 @@ const qr = K.bind(cn), zr = "purpur-password-field", Vr = O(
     showPasswordAriaLabel: r,
     ...e
   }, u) => {
-    const d = qr(n, zr), [o, _] = z(N.PASSWORD), l = async (c) => {
+    const _ = Er(n, Ir), [o, d] = z(N.PASSWORD), l = async (c) => {
       a == null || a(c);
-    }, v = () => {
-      _(o === N.PASSWORD ? N.TEXT : N.PASSWORD);
-    }, x = o === N.PASSWORD ? Dr : Ir;
-    return /* @__PURE__ */ h("div", { className: d, children: [
+    }, h = () => {
+      d(o === N.PASSWORD ? N.TEXT : N.PASSWORD);
+    }, y = o === N.PASSWORD ? Tr : Lr;
+    return /* @__PURE__ */ v("div", { className: _, children: [
       /* @__PURE__ */ s(
-        Fr,
+        Ur,
         {
-          className: qr(`${zr}__text-field`),
+          className: Er(`${Ir}__text-field`),
           "data-testid": t,
           onChange: l,
           ref: u,
           type: o,
           endAdornment: /* @__PURE__ */ s(
-            Er,
+            Br,
             {
               "aria-label": o === N.PASSWORD ? r : i,
               "data-testid": `${t}-type-toggle-button`,
-              onClick: v,
+              onClick: h,
               size: "sm",
               variant: "tertiary-purple",
               iconOnly: !0,
-              children: /* @__PURE__ */ s(x, { size: "sm" })
+              children: /* @__PURE__ */ s(y, { size: "sm" })
             }
           ),
           ...e
@@ -1481,12 +1491,12 @@ const qr = K.bind(cn), zr = "purpur-password-field", Vr = O(
     ] });
   }
 );
-Vr.PasswordStrength = U;
-Vr.displayName = "PasswordField";
-const Nn = (t) => tt(t) && (t == null ? void 0 : t.type) === U;
+Xr.PasswordStrength = U;
+Xr.displayName = "PasswordField";
+const Nn = (t) => at(t) && (t == null ? void 0 : t.type) === U;
 export {
-  Vr as P,
+  Xr as P,
   sn as g,
   Nn as i
 };
-//# sourceMappingURL=password-field-rM0ItXqh.mjs.map
+//# sourceMappingURL=password-field-B8r8kBIm.mjs.map