@purpurds/password-field 8.11.0 → 8.12.0

package/dist/{password-field-CJnHnGjP.mjs → password-field-CYiLTchl.mjs}

@@ -1,26 +1,26 @@
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
-import * as d from "react";
-import { forwardRef as O, useId as nt, useRef as ut, useState as z, useMemo as pt, useEffect as it, isValidElement as at } from "react";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import * as g from "react";
+import { forwardRef as O, useId as ut, useRef as at, useState as E, useMemo as pt, useEffect as it, isValidElement as st } from "react";
 import "react-dom";
-const st = {
+const ot = {
   LG: "lg"
 };
-function ot(t) {
+function lt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var rr = { exports: {} }, tr;
-function lt() {
+function ct() {
   return tr || (tr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -31,43 +31,43 @@ function lt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(rr)), rr.exports;
 }
-var ct = lt();
-const _t = /* @__PURE__ */ ot(ct), dt = "_rotate_12t9p_1", ft = "_dash_12t9p_1", gt = {
+var _t = ct();
+const dt = /* @__PURE__ */ lt(_t), ft = "_rotate_12t9p_1", gt = "_dash_12t9p_1", vt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: dt,
+  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: ft,
+  dash: gt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, er = _t.bind(gt), P = "purpur-spinner", ht = {
+}, er = dt.bind(vt), P = "purpur-spinner", ht = {
   SM: "sm"
 }, Br = ({
   disabled: t = !1,
-  negative: p = !1,
+  negative: a = !1,
   size: n = ht.SM,
-  className: a,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: er(P, `${P}--${n}`, a), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  className: i,
+  ...p
+}) => /* @__PURE__ */ s("div", { className: er(P, `${P}--${n}`, i), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
     className: er(`${P}__circle`, {
       [`${P}__circle--disabled`]: t,
-      [`${P}__circle--negative`]: p
+      [`${P}__circle--negative`]: a
     }),
     cx: "25",
     cy: "25",
@@ -75,22 +75,22 @@ const _t = /* @__PURE__ */ ot(ct), dt = "_rotate_12t9p_1", ft = "_dash_12t9p_1",
   }
 ) }) });
 Br.displayName = "Spinner";
-function vt(t) {
+function mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var nr = { exports: {} }, ur;
-function mt() {
+function bt() {
   return ur || (ur = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -101,18 +101,18 @@ function mt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(nr)), nr.exports;
 }
-var bt = mt();
-const yt = /* @__PURE__ */ vt(bt), xt = {
+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,56 +135,56 @@ const yt = /* @__PURE__ */ vt(bt), xt = {
   "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"
-}, pr = yt.bind(xt), $ = "purpur-button", Lr = O(
+}, ar = xt.bind(wt), S = "purpur-button", Lr = O(
   ({
     children: t,
-    className: p,
+    className: a,
     disabled: n = !1,
-    fullWidth: a = !1,
-    iconOnly: i,
+    fullWidth: i = !1,
+    iconOnly: p,
     loading: r = !1,
     negative: e = !1,
     onClick: u,
-    size: _ = "md",
+    size: d = "md",
     variant: o,
-    type: f = "button",
+    type: v = "button",
     ...l
   }, h) => {
-    if (i && o === "destructive")
+    if (p && o === "destructive")
       return null;
-    const b = pr(
+    const y = ar(
       [
-        $,
-        `${$}--${e ? `${o}-negative` : o}`,
-        `${$}--${_}`
+        S,
+        `${S}--${e ? `${o}-negative` : o}`,
+        `${S}--${d}`
       ],
       {
-        [`${$}--icon-only`]: i,
-        [`${$}--negative`]: e,
-        [`${$}--full-width`]: a,
-        [`${$}--disabled`]: n || r
+        [`${S}--icon-only`]: p,
+        [`${S}--negative`]: e,
+        [`${S}--full-width`]: i,
+        [`${S}--disabled`]: n || r
       },
-      p
-    ), c = (j) => {
-      n || r ? j.preventDefault() : u && u(j);
-    }, m = !!l["aria-disabled"] || n || r;
-    return /* @__PURE__ */ v(
+      a
+    ), f = (b) => {
+      n || r ? b.preventDefault() : u && u(b);
+    }, c = !!l["aria-disabled"] || n || r;
+    return /* @__PURE__ */ m(
       "button",
       {
-        className: b,
-        type: f,
+        className: y,
+        type: v,
         ref: h,
-        "aria-disabled": m,
-        onClick: c,
+        "aria-disabled": c,
+        onClick: f,
         ...l,
         children: [
           r && /* @__PURE__ */ s(
             Br,
             {
-              size: _ === st.LG ? "xs" : "xxs",
+              size: d === ot.LG ? "xs" : "xxs",
               negative: e,
-              disabled: m,
-              className: pr(`${$}__spinner`)
+              disabled: c,
+              className: ar(`${S}__spinner`)
             }
           ),
           " ",
@@ -195,22 +195,22 @@ const yt = /* @__PURE__ */ vt(bt), xt = {
   }
 );
 Lr.displayName = "Button";
-function wt(t) {
+function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} }, ar;
-function $t() {
-  return ar || (ar = 1, (function(t) {
+var pr = { exports: {} }, ir;
+function St() {
+  return ir || (ir = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -221,18 +221,18 @@ function $t() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(ir)), ir.exports;
+  })(pr)), pr.exports;
 }
-var St = $t();
-const jt = /* @__PURE__ */ wt(St), Nt = {
+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,55 +240,55 @@ const jt = /* @__PURE__ */ wt(St), Nt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ot = jt.bind(Nt), sr = "purpur-icon", Pt = "md", At = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), Ct = ({ content: t = "", title: p } = {}) => {
+}, Pt = Nt.bind(Ot), sr = "purpur-icon", At = "md", Ct = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Mt = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = p ? `<title>${p}</title>` : "";
-  return `<svg ${At(n)}>${a}${t}</svg>`;
-}, Mt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({ svg: t, allyTitle: p, className: n, size: a = Pt, ...i }) => {
-  const r = Ct({
-    content: Mt(t.svg),
-    title: p
-  }), e = Ot(sr, `${sr}--${a}`, n);
-  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...i });
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${Ct(n)}>${i}${t}</svg>`;
+}, zt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({ svg: t, allyTitle: a, className: n, size: i = At, ...p }) => {
+  const r = Mt({
+    content: zt(t.svg),
+    title: a
+  }), e = Pt(sr, `${sr}--${i}`, n);
+  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 H.displayName = "Icon";
-const kt = {
+const Rt = {
   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"
-}, Tr = (t) => /* @__PURE__ */ s(H, { ...t, svg: kt });
+}, Tr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Rt });
 Tr.displayName = "IconPasswordInvisible";
-const Rt = {
+const qt = {
   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"
-}, Wr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Rt });
+}, Wr = (t) => /* @__PURE__ */ s(H, { ...t, svg: qt });
 Wr.displayName = "IconPasswordVisible";
-const qt = {
+const Et = {
   LG: "lg"
 };
-function zt(t) {
+function It(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var or = { exports: {} }, lr;
-function Et() {
+function kt() {
   return lr || (lr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -299,43 +299,43 @@ function Et() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(or)), or.exports;
 }
-var It = Et();
-const Dt = /* @__PURE__ */ zt(It), Bt = "_rotate_12t9p_1", Lt = "_dash_12t9p_1", Tt = {
+var Dt = kt();
+const Bt = /* @__PURE__ */ It(Dt), Lt = "_rotate_12t9p_1", Tt = "_dash_12t9p_1", Wt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Bt,
+  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: Lt,
+  dash: Tt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, cr = Dt.bind(Tt), A = "purpur-spinner", Wt = {
+}, cr = Bt.bind(Wt), A = "purpur-spinner", Zt = {
   SM: "sm"
 }, Zr = ({
   disabled: t = !1,
-  negative: p = !1,
-  size: n = Wt.SM,
-  className: a,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: cr(A, `${A}--${n}`, a), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  negative: a = !1,
+  size: n = Zt.SM,
+  className: i,
+  ...p
+}) => /* @__PURE__ */ s("div", { className: cr(A, `${A}--${n}`, i), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
     className: cr(`${A}__circle`, {
       [`${A}__circle--disabled`]: t,
-      [`${A}__circle--negative`]: p
+      [`${A}__circle--negative`]: a
     }),
     cx: "25",
     cy: "25",
@@ -343,22 +343,22 @@ const Dt = /* @__PURE__ */ zt(It), Bt = "_rotate_12t9p_1", Lt = "_dash_12t9p_1",
   }
 ) }) });
 Zr.displayName = "Spinner";
-function Zt(t) {
+function Gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var _r = { exports: {} }, dr;
-function Gt() {
+function Ft() {
   return dr || (dr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -369,18 +369,18 @@ function Gt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(_r)), _r.exports;
 }
-var Ft = Gt();
-const Vt = /* @__PURE__ */ Zt(Ft), Ht = {
+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,56 +403,56 @@ const Vt = /* @__PURE__ */ Zt(Ft), Ht = {
   "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"
-}, fr = Vt.bind(Ht), S = "purpur-button", Gr = O(
+}, fr = Ht.bind(Kt), j = "purpur-button", Gr = O(
   ({
     children: t,
-    className: p,
+    className: a,
     disabled: n = !1,
-    fullWidth: a = !1,
-    iconOnly: i,
+    fullWidth: i = !1,
+    iconOnly: p,
     loading: r = !1,
     negative: e = !1,
     onClick: u,
-    size: _ = "md",
+    size: d = "md",
     variant: o,
-    type: f = "button",
+    type: v = "button",
     ...l
   }, h) => {
-    if (i && o === "destructive")
+    if (p && o === "destructive")
       return null;
-    const b = fr(
+    const y = fr(
       [
-        S,
-        `${S}--${e ? `${o}-negative` : o}`,
-        `${S}--${_}`
+        j,
+        `${j}--${e ? `${o}-negative` : o}`,
+        `${j}--${d}`
       ],
       {
-        [`${S}--icon-only`]: i,
-        [`${S}--negative`]: e,
-        [`${S}--full-width`]: a,
-        [`${S}--disabled`]: n || r
+        [`${j}--icon-only`]: p,
+        [`${j}--negative`]: e,
+        [`${j}--full-width`]: i,
+        [`${j}--disabled`]: n || r
       },
-      p
-    ), c = (j) => {
-      n || r ? j.preventDefault() : u && u(j);
-    }, m = !!l["aria-disabled"] || n || r;
-    return /* @__PURE__ */ v(
+      a
+    ), f = (b) => {
+      n || r ? b.preventDefault() : u && u(b);
+    }, c = !!l["aria-disabled"] || n || r;
+    return /* @__PURE__ */ m(
       "button",
       {
-        className: b,
-        type: f,
+        className: y,
+        type: v,
         ref: h,
-        "aria-disabled": m,
-        onClick: c,
+        "aria-disabled": c,
+        onClick: f,
         ...l,
         children: [
           r && /* @__PURE__ */ s(
             Zr,
             {
-              size: _ === qt.LG ? "xs" : "xxs",
+              size: d === Et.LG ? "xs" : "xxs",
               negative: e,
-              disabled: m,
-              className: fr(`${S}__spinner`)
+              disabled: c,
+              className: fr(`${j}__spinner`)
             }
           ),
           " ",
@@ -463,22 +463,22 @@ const Vt = /* @__PURE__ */ Zt(Ft), Ht = {
   }
 );
 Gr.displayName = "Button";
-function Kt(t) {
+function Ut(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var gr = { exports: {} }, hr;
-function Ut() {
-  return hr || (hr = 1, (function(t) {
+var gr = { exports: {} }, vr;
+function Xt() {
+  return vr || (vr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -489,18 +489,18 @@ function Ut() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(gr)), gr.exports;
 }
-var Xt = Ut();
-const Yt = /* @__PURE__ */ Kt(Xt), Jt = {
+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,23 +508,23 @@ const Yt = /* @__PURE__ */ Kt(Xt), 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"
-}, Qt = Yt.bind(Jt), vr = "purpur-icon", re = "md", te = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), ee = ({ content: t = "", title: p } = {}) => {
+}, re = Jt.bind(Qt), hr = "purpur-icon", te = "md", ee = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ne = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = p ? `<title>${p}</title>` : "";
-  return `<svg ${te(n)}>${a}${t}</svg>`;
-}, ne = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Fr = ({ svg: t, allyTitle: p, className: n, size: a = re, ...i }) => {
-  const r = ee({
-    content: ne(t.svg),
-    title: p
-  }), e = Qt(vr, `${vr}--${a}`, n);
-  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...i });
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${ee(n)}>${i}${t}</svg>`;
+}, ue = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Fr = ({ svg: t, allyTitle: a, className: n, size: i = te, ...p }) => {
+  const r = ne({
+    content: ue(t.svg),
+    title: a
+  }), e = re(hr, `${hr}--${i}`, n);
+  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 Fr.displayName = "Icon";
-const ue = {
+const ae = {
   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"],
@@ -537,15 +537,15 @@ var mr = { exports: {} }, br;
 function ie() {
   return br || (br = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -556,58 +556,58 @@ function ie() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(mr)), mr.exports;
 }
-var ae = ie();
-const se = /* @__PURE__ */ pe(ae), oe = {
+var se = ie();
+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"
-}, yr = se.bind(oe), W = "purpur-field-error-text", le = ({
+}, yr = oe.bind(le), W = "purpur-field-error-text", ce = ({
   children: t,
-  className: p,
+  className: a,
   negative: n = !1,
-  ["aria-relevant"]: a = "additions text",
-  ...i
-}) => /* @__PURE__ */ v(
+  ["aria-relevant"]: i = "additions text",
+  ...p
+}) => /* @__PURE__ */ m(
   "div",
   {
-    className: yr(p, W, {
+    className: yr(a, W, {
       [`${W}--negative`]: n
     }),
     "aria-live": "assertive",
-    "aria-relevant": a,
-    ...i,
+    "aria-relevant": i,
+    ...p,
     children: [
-      /* @__PURE__ */ s(Fr, { svg: ue, size: "xs", className: yr(`${W}__icon`) }),
+      /* @__PURE__ */ s(Fr, { svg: ae, size: "xs", className: yr(`${W}__icon`) }),
       t
     ]
   }
 );
-function ce(t) {
+function _e(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var xr = { exports: {} }, wr;
-function _e() {
+function de() {
   return wr || (wr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -618,51 +618,51 @@ function _e() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(xr)), xr.exports;
 }
-var de = _e();
-const fe = /* @__PURE__ */ ce(de), ge = {
+var fe = de();
+const ge = /* @__PURE__ */ _e(fe), ve = {
   "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"
-}, he = fe.bind(ge), Z = "purpur-field-helper-text", ve = ({
+}, he = ge.bind(ve), Z = "purpur-field-helper-text", me = ({
   children: t,
-  className: p,
+  className: a,
   disabled: n,
-  id: a,
-  negative: i,
+  id: i,
+  negative: p,
   ...r
 }) => {
-  const e = he(p, Z, {
+  const e = he(a, Z, {
     [`${Z}--disabled`]: n,
-    [`${Z}--negative`]: i
+    [`${Z}--negative`]: p
   });
-  return /* @__PURE__ */ s("span", { id: a, className: e, ...r, children: t });
+  return /* @__PURE__ */ s("span", { id: i, className: e, ...r, children: t });
 };
-function me(t) {
+function be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var $r = { exports: {} }, Sr;
-function be() {
+function ye() {
   return Sr || (Sr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -673,18 +673,18 @@ function be() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })($r)), $r.exports;
 }
-var ye = be();
-const xe = /* @__PURE__ */ me(ye), we = {
+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,110 +692,110 @@ const xe = /* @__PURE__ */ me(ye), we = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, $e = xe.bind(we), jr = "purpur-icon", Se = "md", je = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), Ne = ({ content: t = "", title: p } = {}) => {
+}, Se = we.bind($e), jr = "purpur-icon", je = "md", Ne = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Oe = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = p ? `<title>${p}</title>` : "";
-  return `<svg ${je(n)}>${a}${t}</svg>`;
-}, Oe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({ svg: t, allyTitle: p, className: n, size: a = Se, ...i }) => {
-  const r = Ne({
-    content: Oe(t.svg),
-    title: p
-  }), e = $e(jr, `${jr}--${a}`, n);
-  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...i });
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${Ne(n)}>${i}${t}</svg>`;
+}, Pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({ svg: t, allyTitle: a, className: n, size: i = je, ...p }) => {
+  const r = Oe({
+    content: Pe(t.svg),
+    title: a
+  }), e = Se(jr, `${jr}--${i}`, n);
+  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 K.displayName = "Icon";
-const Pe = {
+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"
-}, Vr = (t) => /* @__PURE__ */ s(K, { ...t, svg: Pe });
+}, Vr = (t) => /* @__PURE__ */ s(K, { ...t, svg: Ae });
 Vr.displayName = "IconCheckCircleFilled";
-const Ae = {
+const Ce = {
   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"
-}, Hr = (t) => /* @__PURE__ */ s(K, { ...t, svg: Ae });
+}, Hr = (t) => /* @__PURE__ */ s(K, { ...t, svg: Ce });
 Hr.displayName = "IconClose";
-function Nr(t, p) {
+function Nr(t, a) {
   if (typeof t == "function")
-    return t(p);
-  t != null && (t.current = p);
+    return t(a);
+  t != null && (t.current = a);
 }
-function Ce(...t) {
-  return (p) => {
+function Me(...t) {
+  return (a) => {
     let n = !1;
-    const a = t.map((i) => {
-      const r = Nr(i, p);
+    const i = t.map((p) => {
+      const r = Nr(p, a);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let i = 0; i < a.length; i++) {
-          const r = a[i];
-          typeof r == "function" ? r() : Nr(t[i], null);
+        for (let p = 0; p < i.length; p++) {
+          const r = i[p];
+          typeof r == "function" ? r() : Nr(t[p], null);
         }
       };
   };
 }
-var Me = Symbol.for("react.lazy"), I = d[" use ".trim().toString()];
-function ke(t) {
+var ze = Symbol.for("react.lazy"), k = g[" use ".trim().toString()];
+function Re(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 && ke(t._payload);
+  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === ze && "_payload" in t && Re(t._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function Re(t) {
-  const p = /* @__PURE__ */ qe(t), n = d.forwardRef((a, i) => {
-    let { children: r, ...e } = a;
-    Kr(r) && typeof I == "function" && (r = I(r._payload));
-    const u = d.Children.toArray(r), _ = u.find(Ee);
-    if (_) {
-      const o = _.props.children, f = u.map((l) => l === _ ? d.Children.count(o) > 1 ? d.Children.only(null) : d.isValidElement(o) ? o.props.children : null : l);
-      return /* @__PURE__ */ s(p, { ...e, ref: i, children: d.isValidElement(o) ? d.cloneElement(o, void 0, f) : null });
+function qe(t) {
+  const a = /* @__PURE__ */ Ee(t), n = g.forwardRef((i, p) => {
+    let { children: r, ...e } = i;
+    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, 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(a, { ...e, ref: p, children: g.isValidElement(o) ? g.cloneElement(o, void 0, v) : null });
     }
-    return /* @__PURE__ */ s(p, { ...e, ref: i, children: r });
+    return /* @__PURE__ */ s(a, { ...e, ref: p, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function qe(t) {
-  const p = d.forwardRef((n, a) => {
-    let { children: i, ...r } = n;
-    if (Kr(i) && typeof I == "function" && (i = I(i._payload)), d.isValidElement(i)) {
-      const e = De(i), u = Ie(r, i.props);
-      return i.type !== d.Fragment && (u.ref = a ? Ce(a, e) : e), d.cloneElement(i, u);
+function Ee(t) {
+  const a = g.forwardRef((n, i) => {
+    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 = i ? Me(i, e) : e), g.cloneElement(p, u);
     }
-    return d.Children.count(i) > 1 ? d.Children.only(null) : null;
+    return g.Children.count(p) > 1 ? g.Children.only(null) : null;
   });
-  return p.displayName = `${t}.SlotClone`, p;
+  return a.displayName = `${t}.SlotClone`, a;
 }
-var ze = Symbol("radix.slottable");
-function Ee(t) {
-  return d.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === ze;
+var Ie = Symbol("radix.slottable");
+function ke(t) {
+  return g.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Ie;
 }
-function Ie(t, p) {
-  const n = { ...p };
-  for (const a in p) {
-    const i = t[a], r = p[a];
-    /^on[A-Z]/.test(a) ? i && r ? n[a] = (...e) => {
+function De(t, a) {
+  const n = { ...a };
+  for (const i in a) {
+    const p = t[i], r = a[i];
+    /^on[A-Z]/.test(i) ? p && r ? n[i] = (...e) => {
       const u = r(...e);
-      return i(...e), u;
-    } : i && (n[a] = i) : a === "style" ? n[a] = { ...i, ...r } : a === "className" && (n[a] = [i, r].filter(Boolean).join(" "));
+      return p(...e), u;
+    } : p && (n[i] = p) : i === "style" ? n[i] = { ...p, ...r } : i === "className" && (n[i] = [p, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
 }
-function De(t) {
-  let p = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, n = p && "isReactWarning" in p && p.isReactWarning;
-  return n ? t.ref : (p = Object.getOwnPropertyDescriptor(t, "ref")?.get, n = p && "isReactWarning" in p && p.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
+function Be(t) {
+  let a = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, n = a && "isReactWarning" in a && a.isReactWarning;
+  return n ? t.ref : (a = Object.getOwnPropertyDescriptor(t, "ref")?.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
 }
-var Be = [
+var Le = [
   "a",
   "button",
   "div",
@@ -813,40 +813,40 @@ var Be = [
   "span",
   "svg",
   "ul"
-], Le = Be.reduce((t, p) => {
-  const n = /* @__PURE__ */ Re(`Primitive.${p}`), a = d.forwardRef((i, r) => {
-    const { asChild: e, ...u } = i, _ = e ? n : p;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(_, { ...u, ref: r });
+], Te = Le.reduce((t, a) => {
+  const n = /* @__PURE__ */ qe(`Primitive.${a}`), i = g.forwardRef((p, r) => {
+    const { asChild: e, ...u } = p, d = e ? n : a;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(d, { ...u, ref: r });
   });
-  return a.displayName = `Primitive.${p}`, { ...t, [p]: a };
-}, {}), Te = "Label", Ur = d.forwardRef((t, p) => /* @__PURE__ */ s(
-  Le.label,
+  return i.displayName = `Primitive.${a}`, { ...t, [a]: i };
+}, {}), We = "Label", Ur = g.forwardRef((t, a) => /* @__PURE__ */ s(
+  Te.label,
   {
     ...t,
-    ref: p,
+    ref: a,
     onMouseDown: (n) => {
       n.target.closest("button, input, select, textarea") || (t.onMouseDown?.(n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-Ur.displayName = Te;
-var We = Ur;
-function Ze(t) {
+Ur.displayName = We;
+var Ze = Ur;
+function Ge(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Or = { exports: {} }, Pr;
-function Ge() {
+function Fe() {
   return Pr || (Pr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -857,50 +857,50 @@ function Ge() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(Or)), Or.exports;
 }
-var Fe = Ge();
-const Ve = /* @__PURE__ */ Ze(Fe), He = {
+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"
-}, Ke = Ve.bind(He), G = "purpur-label", Ue = ({
+}, Ue = He.bind(Ke), G = "purpur-label", Xe = ({
   children: t,
-  className: p,
+  className: a,
   disabled: n,
-  negative: a = !1,
-  ...i
+  negative: i = !1,
+  ...p
 }) => {
-  const r = Ke(p, G, {
+  const r = Ue(a, G, {
     [`${G}--disabled`]: n,
-    [`${G}--negative`]: a
+    [`${G}--negative`]: i
   });
-  return /* @__PURE__ */ s(We, { className: r, ...i, children: t });
+  return /* @__PURE__ */ s(Ze, { className: r, ...p, children: t });
 };
-function Xe(t) {
+function Ye(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Ar = { exports: {} }, Cr;
-function Ye() {
+function Je() {
   return Cr || (Cr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -911,43 +911,43 @@ function Ye() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(Ar)), Ar.exports;
 }
-var Je = Ye();
-const Qe = /* @__PURE__ */ Xe(Je), rn = "_rotate_12t9p_1", tn = "_dash_12t9p_1", en = {
+var Qe = Je();
+const rn = /* @__PURE__ */ Ye(Qe), tn = "_rotate_12t9p_1", en = "_dash_12t9p_1", nn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: rn,
+  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: tn,
+  dash: en,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Mr = Qe.bind(en), C = "purpur-spinner", nn = {
+}, Mr = rn.bind(nn), C = "purpur-spinner", un = {
   SM: "sm"
 }, Xr = ({
   disabled: t = !1,
-  negative: p = !1,
-  size: n = nn.SM,
-  className: a,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: Mr(C, `${C}--${n}`, a), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  negative: a = !1,
+  size: n = un.SM,
+  className: i,
+  ...p
+}) => /* @__PURE__ */ s("div", { className: Mr(C, `${C}--${n}`, i), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
     className: Mr(`${C}__circle`, {
       [`${C}__circle--disabled`]: t,
-      [`${C}__circle--negative`]: p
+      [`${C}__circle--negative`]: a
     }),
     cx: "25",
     cy: "25",
@@ -955,22 +955,22 @@ const Qe = /* @__PURE__ */ Xe(Je), rn = "_rotate_12t9p_1", tn = "_dash_12t9p_1",
   }
 ) }) });
 Xr.displayName = "Spinner";
-function un(t) {
+function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} }, Rr;
+var zr = { exports: {} }, Rr;
 function pn() {
   return Rr || (Rr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -981,74 +981,81 @@ function pn() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(kr)), kr.exports;
+  })(zr)), zr.exports;
 }
-var an = pn();
-const sn = /* @__PURE__ */ un(an), on = {
-  "purpur-text-field": "_purpur-text-field_3gl1k_1",
-  "purpur-text-field__label": "_purpur-text-field__label_3gl1k_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_3gl1k_12",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_3gl1k_15",
-  "purpur-text-field__frame": "_purpur-text-field__frame_3gl1k_19",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_3gl1k_26",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_3gl1k_37",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_3gl1k_40",
-  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_3gl1k_43",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_3gl1k_46",
-  "purpur-text-field__input": "_purpur-text-field__input_3gl1k_26",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_3gl1k_52",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_3gl1k_94",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_3gl1k_94",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_3gl1k_106",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_3gl1k_111"
-}, ln = (t) => ut(t), w = sn.bind(on), g = "purpur-text-field", Yr = O(
+var sn = pn();
+const on = /* @__PURE__ */ an(sn), ln = {
+  "purpur-text-field": "_purpur-text-field_1ar6e_1",
+  "purpur-text-field__label": "_purpur-text-field__label_1ar6e_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_1ar6e_12",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_1ar6e_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_1ar6e_19",
+  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_1ar6e_26",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_1ar6e_29",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1ar6e_40",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1ar6e_43",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1ar6e_46",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1ar6e_49",
+  "purpur-text-field__input": "_purpur-text-field__input_1ar6e_29",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1ar6e_55",
+  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_1ar6e_61",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1ar6e_109",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_1ar6e_109",
+  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_1ar6e_127",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1ar6e_137",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1ar6e_142",
+  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1ar6e_145"
+}, cn = (t) => at(t), $ = on.bind(ln), _ = "purpur-text-field", Yr = O(
   ({
     ["data-testid"]: t,
-    className: p,
+    className: a,
     clearButtonAriaLabel: n,
-    beforeField: a,
-    afterField: i,
+    beforeField: i,
+    afterField: p,
     endAdornment: r,
     errorText: e,
     helperText: u,
-    hideRequiredAsterisk: _ = !1,
+    hideRequiredAsterisk: d = !1,
     label: o,
-    loading: f = !1,
+    loading: v = !1,
     onClear: l,
     startAdornment: h,
-    valid: b = !1,
+    valid: y = !1,
+    negative: f = !1,
     ...c
-  }, m) => {
-    const j = nt(), D = c.id ?? j, y = (x) => t ? `${t}-${x}` : void 0, Y = b && !e, B = u ? `${D}-helper-text` : void 0, L = [h].filter((x) => !!x), J = (typeof c.value == "number" ? c.value !== void 0 : c.value?.length) && !c.disabled && !c.readOnly && !f && l && n, Q = ln(null), rt = (x) => {
-      Q.current = x, typeof m == "function" ? m(x) : m && (m.current = x);
-    }, tt = () => {
+  }, b) => {
+    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 = [
-      f && /* @__PURE__ */ s(
+      v && /* @__PURE__ */ s(
         Xr,
         {
           disabled: c.disabled,
           size: "xs",
-          "data-testid": y("spinner")
+          "data-testid": x("spinner"),
+          negative: f
         },
         "spinner"
       ),
       J && /* @__PURE__ */ s(
         Gr,
         {
+          negative: f,
           variant: "tertiary-purple",
-          onClick: tt,
+          onClick: et,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": y("clear-button"),
+          "data-testid": x("clear-button"),
           tabIndex: -1,
           children: /* @__PURE__ */ s(Hr, { size: "xs" })
         },
@@ -1057,40 +1064,44 @@ const sn = /* @__PURE__ */ un(an), on = {
       Y && /* @__PURE__ */ s(
         Vr,
         {
-          "data-testid": y("valid-icon"),
-          className: w(`${g}__valid-icon`)
+          "data-testid": x("valid-icon"),
+          className: $(`${_}__valid-icon`, {
+            [`${_}__valid-icon--negative`]: f
+          })
         },
         "valid-icon"
       )
-    ].filter((x) => !!x), et = w(`${g}__input-container`, {
-      [`${g}__input-container--start-adornment`]: L.length,
-      [`${g}__input-container--end-adornment`]: T.length || r,
-      [`${g}__input-container--disabled`]: c.disabled,
-      [`${g}__input-container--has-clear-button`]: J,
-      [`${g}__input-container--readonly`]: c.readOnly && !c.disabled
+    ].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`]: J,
+      [`${_}__input-container--readonly`]: c.readOnly && !c.disabled,
+      [`${_}__input-container--negative`]: f
     });
-    return /* @__PURE__ */ v("div", { className: w(p, g), children: [
-      o && /* @__PURE__ */ v(
-        Ue,
+    return /* @__PURE__ */ m("div", { className: $(a, _), children: [
+      o && /* @__PURE__ */ m(
+        Xe,
         {
           htmlFor: D,
-          className: w(`${g}__label`),
-          "data-testid": y("label"),
+          className: $(`${_}__label`),
+          "data-testid": x("label"),
           disabled: c.disabled,
+          negative: f,
           children: [
-            c.required && !_ && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
+            c.required && !d && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
             o
           ]
         }
       ),
-      /* @__PURE__ */ v("div", { className: w(`${g}__field-row`), children: [
-        !!a && a,
-        /* @__PURE__ */ v("div", { className: et, children: [
+      /* @__PURE__ */ m("div", { className: $(`${_}__field-row`), children: [
+        !!i && i,
+        /* @__PURE__ */ m("div", { className: nt, children: [
           !!L.length && /* @__PURE__ */ s(
             "div",
             {
-              "data-testid": y("start-adornments"),
-              className: w(`${g}__adornment-container`),
+              "data-testid": x("start-adornments"),
+              className: $(`${_}__adornment-container`),
               children: L
             }
           ),
@@ -1099,25 +1110,33 @@ const sn = /* @__PURE__ */ un(an), on = {
             {
               ...c,
               id: D,
-              ref: rt,
-              "data-testid": y("input"),
+              ref: tt,
+              "data-testid": x("input"),
               "aria-describedby": c["aria-describedby"] || B,
               "aria-invalid": c["aria-invalid"] || !!e,
-              className: w([
-                `${g}__input`,
+              className: $([
+                `${_}__input`,
                 {
-                  [`${g}__input--valid`]: Y,
-                  [`${g}__input--error`]: !!e
+                  [`${_}__input--valid`]: Y,
+                  [`${_}__input--error`]: !!e,
+                  [`${_}__input--negative`]: f
                 }
               ])
             }
           ),
-          /* @__PURE__ */ s("div", { className: w(`${g}__frame`) }),
-          (!!T.length || r) && /* @__PURE__ */ v(
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: $(`${_}__frame`, {
+                [`${_}__frame--negative`]: f
+              })
+            }
+          ),
+          (!!T.length || r) && /* @__PURE__ */ m(
             "div",
             {
-              "data-testid": y("end-adornments"),
-              className: w(`${g}__adornment-container`),
+              "data-testid": x("end-adornments"),
+              className: $(`${_}__adornment-container`),
               children: [
                 T,
                 r
@@ -1125,31 +1144,39 @@ const sn = /* @__PURE__ */ un(an), on = {
             }
           )
         ] }),
-        !!i && i
+        !!p && p
       ] }),
-      B && /* @__PURE__ */ s(ve, { "data-testid": y("helper-text"), id: B, children: u }),
-      e && /* @__PURE__ */ s(le, { "data-testid": y("error-text"), children: e })
+      B && /* @__PURE__ */ s(
+        me,
+        {
+          "data-testid": x("helper-text"),
+          id: B,
+          negative: f,
+          children: u
+        }
+      ),
+      e && /* @__PURE__ */ s(ce, { "data-testid": x("error-text"), negative: f, children: e })
     ] });
   }
 );
 Yr.displayName = "TextField";
-function cn(t) {
+function _n(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var F = { exports: {} };
 var qr;
-function _n() {
+function dn() {
   return qr || (qr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1160,43 +1187,43 @@ function _n() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(F)), F.exports;
 }
-var dn = _n();
-const U = /* @__PURE__ */ cn(dn), M = {
+var fn = dn();
+const U = /* @__PURE__ */ _n(fn), M = {
   WEAK: "weak",
   MEDIUM: "medium",
   STRONG: "strong"
 }, N = {
   PASSWORD: "password",
   TEXT: "text"
-}, fn = {
+}, gn = {
   "purpur-password-field": "_purpur-password-field_co7kv_1"
 };
-function gn(t) {
+function vn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} }, Er;
+var Er = { exports: {} }, Ir;
 function hn() {
-  return Er || (Er = 1, (function(t) {
+  return Ir || (Ir = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var a = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, i.call(this, u)));
         }
         return r;
       }
-      function a(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1207,149 +1234,150 @@ function hn() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          a.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(zr)), zr.exports;
+  })(Er)), Er.exports;
 }
-var vn = hn();
-const mn = /* @__PURE__ */ gn(vn), bn = {
-  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
-  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
-  "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"
-}, yn = mn.bind(bn), xn = {
+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",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1vz75_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1vz75_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1vz75_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1vz75_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1vz75_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1vz75_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1vz75_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1vz75_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1vz75_60",
+  "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"
+}, xn = bn.bind(yn), wn = {
   PARAGRAPH100: "paragraph-100"
-}, k = "purpur-paragraph", Jr = ({
+}, z = "purpur-paragraph", Jr = ({
   children: t,
-  className: p,
+  className: a,
   disabled: n,
-  enableHyphenation: a = !1,
-  negative: i = !1,
-  variant: r = xn.PARAGRAPH100,
+  enableHyphenation: i = !1,
+  negative: p = !1,
+  variant: r = wn.PARAGRAPH100,
   ...e
 }) => {
-  const u = yn(p, k, `${k}--${r}`, {
-    [`${k}--hyphens`]: a,
-    [`${k}--disabled`]: n,
-    [`${k}--negative`]: i
+  const u = xn(a, z, `${z}--${r}`, {
+    [`${z}--hyphens`]: i,
+    [`${z}--disabled`]: n,
+    [`${z}--negative`]: p
   });
   return /* @__PURE__ */ s("p", { ...e, className: u, children: t });
 };
 Jr.displayName = "Paragraph";
-const wn = {
+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"
-}, $n = {
+}, 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"
-}, Sn = U.bind($n), V = "purpur-password-strength-indicator", E = O(
+}, jn = U.bind(Sn), V = "purpur-password-strength-indicator", I = O(
   ({
     ["data-testid"]: t = "password-strength-indicator",
-    active: p,
+    active: a,
     className: n,
-    passwordStrength: a,
-    ...i
+    passwordStrength: i,
+    ...p
   }, r) => {
-    const e = Sn(
+    const e = jn(
       n,
       V,
-      { [`${V}--${a}`]: a },
-      { [`${V}--active`]: p }
+      { [`${V}--${i}`]: i },
+      { [`${V}--active`]: a }
     );
-    return /* @__PURE__ */ s("div", { ...i, "data-testid": t, className: e, ref: r });
+    return /* @__PURE__ */ s("div", { ...p, "data-testid": t, className: e, ref: r });
   }
 );
-E.displayName = "PasswordStrengthIndicator";
-const jn = (t, p, n, a) => {
-  const [i, r] = z(0), [e, u] = z(), [_, o] = z(void 0), f = pt(
+I.displayName = "PasswordStrengthIndicator";
+const Nn = (t, a, n, i) => {
+  const [p, r] = E(0), [e, u] = E(), [d, o] = E(void 0), v = pt(
     () => ({
-      0: [M.WEAK, p],
-      1: [M.WEAK, p],
+      0: [M.WEAK, a],
+      1: [M.WEAK, a],
       2: [M.MEDIUM, n],
-      3: [M.STRONG, a],
-      4: [M.STRONG, a]
+      3: [M.STRONG, i],
+      4: [M.STRONG, i]
     }),
-    [p, n, a]
+    [a, n, i]
   );
   return it(() => {
     (async () => {
       if (!t)
         r(0), u(void 0), o(void 0);
       else {
-        const { default: l } = await import("./main-CrpoFq2s.mjs").then((m) => m.m), { score: h } = l(t), [b, c] = f[h];
-        r(h), u(b), o(c);
+        const { default: l } = await import("./main-CU96z1RE.mjs").then((c) => c.m), { score: h } = l(t), [y, f] = v[h];
+        r(h), u(y), o(f);
       }
     })();
-  }, [t, f]), {
-    score: i,
+  }, [t, v]), {
+    score: p,
     passwordStrength: e,
-    currentPasswordStrengthText: _
+    currentPasswordStrengthText: d
   };
-}, q = U.bind(wn), R = "purpur-password-strength", X = O(
+}, q = U.bind($n), R = "purpur-password-strength", X = O(
   ({
     ["data-testid"]: t = "password-strength",
-    className: p,
+    className: a,
     value: n,
-    label: a,
-    weakText: i,
+    label: i,
+    weakText: p,
     mediumText: r,
     strongText: e,
     ...u
-  }, _) => {
-    const o = q(p, R), { score: f, passwordStrength: l, currentPasswordStrengthText: h } = jn(
+  }, d) => {
+    const o = q(a, R), { score: v, passwordStrength: l, currentPasswordStrengthText: h } = Nn(
       n,
-      i,
+      p,
       r,
       e
     );
-    return /* @__PURE__ */ v("div", { "data-testid": t, className: o, ref: _, ...u, children: [
-      /* @__PURE__ */ v("div", { className: q(`${R}__indicator-container`), children: [
+    return /* @__PURE__ */ m("div", { "data-testid": t, className: o, ref: d, ...u, children: [
+      /* @__PURE__ */ m("div", { className: q(`${R}__indicator-container`), children: [
         /* @__PURE__ */ s(
-          E,
+          I,
           {
             active: !!l,
             passwordStrength: l
           }
         ),
         /* @__PURE__ */ s(
-          E,
+          I,
           {
-            active: !!l && f > 1,
+            active: !!l && v > 1,
             passwordStrength: l
           }
         ),
         /* @__PURE__ */ s(
-          E,
+          I,
           {
-            active: !!l && f > 2,
+            active: !!l && v > 2,
             passwordStrength: l
           }
         )
       ] }),
-      /* @__PURE__ */ v(
+      /* @__PURE__ */ m(
         Jr,
         {
           "aria-live": "polite",
@@ -1358,8 +1386,8 @@ const jn = (t, p, n, a) => {
             [`${R}__password-strength-text--${l}`]: l
           }),
           children: [
-            /* @__PURE__ */ v("span", { className: q(`${R}__password-strength-label`), children: [
-              a,
+            /* @__PURE__ */ m("span", { className: q(`${R}__password-strength-label`), children: [
+              i,
               h ? ": " : ""
             ] }),
             h
@@ -1370,26 +1398,26 @@ const jn = (t, p, n, a) => {
   }
 );
 X.displayName = "PasswordStrength";
-const Ir = U.bind(fn), Dr = "purpur-password-field", Qr = O(
+const kr = U.bind(gn), Dr = "purpur-password-field", Qr = O(
   ({
     ["data-testid"]: t = "password-field",
-    children: p,
+    children: a,
     className: n,
-    hidePasswordAriaLabel: a,
-    onChange: i,
+    hidePasswordAriaLabel: i,
+    onChange: p,
     showPasswordAriaLabel: r,
     ...e
   }, u) => {
-    const _ = Ir(n, Dr), [o, f] = z(N.PASSWORD), l = async (c) => {
-      i?.(c);
+    const d = kr(n, Dr), [o, v] = E(N.PASSWORD), l = async (f) => {
+      p?.(f);
     }, h = () => {
-      f(o === N.PASSWORD ? N.TEXT : N.PASSWORD);
-    }, b = o === N.PASSWORD ? Wr : Tr;
-    return /* @__PURE__ */ v("div", { className: _, children: [
+      v(o === N.PASSWORD ? N.TEXT : N.PASSWORD);
+    }, y = o === N.PASSWORD ? Wr : Tr;
+    return /* @__PURE__ */ m("div", { className: d, children: [
       /* @__PURE__ */ s(
         Yr,
         {
-          className: Ir(`${Dr}__text-field`),
+          className: kr(`${Dr}__text-field`),
           "data-testid": t,
           onChange: l,
           ref: u,
@@ -1397,28 +1425,28 @@ const Ir = U.bind(fn), Dr = "purpur-password-field", Qr = O(
           endAdornment: /* @__PURE__ */ s(
             Lr,
             {
-              "aria-label": o === N.PASSWORD ? r : a,
+              "aria-label": o === N.PASSWORD ? r : i,
               "data-testid": `${t}-type-toggle-button`,
               onClick: h,
               size: "sm",
               variant: "tertiary-purple",
               iconOnly: !0,
-              children: /* @__PURE__ */ s(b, { size: "sm" })
+              children: /* @__PURE__ */ s(y, { size: "sm" })
             }
           ),
           ...e
         }
       ),
-      p
+      a
     ] });
   }
 );
 Qr.PasswordStrength = X;
 Qr.displayName = "PasswordField";
-const An = (t) => at(t) && t?.type === X;
+const Cn = (t) => st(t) && t?.type === X;
 export {
   Qr as P,
-  cn as g,
-  An as i
+  _n as g,
+  Cn as i
 };
-//# sourceMappingURL=password-field-CJnHnGjP.mjs.map
+//# sourceMappingURL=password-field-CYiLTchl.mjs.map