@purpurds/password-field 8.3.0 → 8.4.0

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

@@ -1,6 +1,6 @@
 import { jsxs as h, jsx as s } from "react/jsx-runtime";
 import * as g from "react";
-import { forwardRef as P, 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 Yr, useRef as Jr, useState as z, useMemo as Qr, useEffect as rt, isValidElement as tt } from "react";
 import "react-dom";
 const et = {
   LG: "lg"
@@ -18,15 +18,15 @@ var rr;
 function ut() {
   return rr || (rr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -37,7 +37,7 @@ function ut() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -47,10 +47,10 @@ function ut() {
     })();
   })(Q)), Q.exports;
 }
-var it = ut();
-const at = /* @__PURE__ */ nt(it), pt = "_rotate_12t9p_1", st = "_dash_12t9p_1", ot = {
+var pt = ut();
+const at = /* @__PURE__ */ nt(pt), it = "_rotate_12t9p_1", st = "_dash_12t9p_1", ot = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: pt,
+  rotate: it,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
@@ -60,19 +60,19 @@ const at = /* @__PURE__ */ nt(it), pt = "_rotate_12t9p_1", st = "_dash_12t9p_1",
   dash: st,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, tr = at.bind(ot), A = "purpur-spinner", lt = {
+}, tr = at.bind(ot), P = "purpur-spinner", lt = {
   SM: "sm"
 }, ct = ({
   disabled: t = !1,
-  negative: i = !1,
+  negative: p = !1,
   size: n = lt.SM,
-  ...p
-}) => /* @__PURE__ */ s("div", { className: tr(A, `${A}--${n}`), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  ...i
+}) => /* @__PURE__ */ s("div", { className: tr(P, `${P}--${n}`), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: tr(`${A}__circle`, {
-      [`${A}__circle--disabled`]: t,
-      [`${A}__circle--negative`]: i
+    className: tr(`${P}__circle`, {
+      [`${P}__circle--disabled`]: t,
+      [`${P}__circle--negative`]: p
     }),
     cx: "25",
     cy: "25",
@@ -92,15 +92,15 @@ var nr;
 function _t() {
   return nr || (nr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -111,7 +111,7 @@ function _t() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -123,33 +123,33 @@ function _t() {
 }
 var ft = _t();
 const gt = /* @__PURE__ */ dt(ft), vt = {
-  "purpur-button": "_purpur-button_1goi7_1",
-  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
-  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
-  "purpur-button--md": "_purpur-button--md_1goi7_45",
-  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
-  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
-  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
-  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
-  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
-  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
-  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
-  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
-  "purpur-button--text": "_purpur-button--text_1goi7_181"
-}, ht = gt.bind(vt), S = "purpur-button", Er = P(
+  "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(
   ({
     children: t,
-    className: i,
+    className: p,
     disabled: n = !1,
-    fullWidth: p = !1,
+    fullWidth: i = !1,
     iconOnly: a,
     loading: r = !1,
     negative: e = !1,
@@ -161,26 +161,26 @@ const gt = /* @__PURE__ */ dt(ft), vt = {
   }, v) => {
     if (a && o === "destructive")
       return null;
-    const y = ht(
+    const x = ht(
       [
-        S,
-        `${S}--${e ? `${o}-negative` : o}`,
-        `${S}--${d}`
+        j,
+        `${j}--${e ? `${o}-negative` : o}`,
+        `${j}--${d}`
       ],
       {
-        [`${S}--icon-only`]: a,
-        [`${S}--negative`]: e,
-        [`${S}--full-width`]: p,
-        [`${S}--disabled`]: n || r
+        [`${j}--icon-only`]: a,
+        [`${j}--negative`]: e,
+        [`${j}--full-width`]: i,
+        [`${j}--disabled`]: n || r
       },
-      i
+      p
     ), c = ($) => {
       n || r ? $.preventDefault() : u && u($);
     }, m = !!l["aria-disabled"] || n || r;
     return /* @__PURE__ */ h(
       "button",
       {
-        className: y,
+        className: x,
         type: _,
         ref: v,
         "aria-disabled": m,
@@ -212,19 +212,19 @@ var ur = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ir;
+var pr;
 function bt() {
-  return ir || (ir = 1, (function(t) {
+  return pr || (pr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -235,7 +235,7 @@ function bt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -245,8 +245,8 @@ function bt() {
     })();
   })(ur)), ur.exports;
 }
-var yt = bt();
-const xt = /* @__PURE__ */ mt(yt), wt = {
+var xt = bt();
+const yt = /* @__PURE__ */ mt(xt), wt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -254,35 +254,35 @@ const xt = /* @__PURE__ */ mt(yt), 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 = xt.bind(wt), ar = "purpur-icon", St = "md", Nt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ot = ({ content: t = "", title: i } = {}) => {
+}, $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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${Nt(n)}>${p}${t}</svg>`;
-}, Pt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), V = ({ svg: t, allyTitle: i, className: n, size: p = St, ...a }) => {
-  const r = Ot({
-    content: Pt(t.svg),
-    title: i
-  }), e = $t(n, ar, `${ar}--${p}`);
+    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),
+    title: p
+  }), e = $t(n, ar, `${ar}--${i}`);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 V.displayName = "Icon";
-const At = {
+const Pt = {
   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: At });
+}, Ir = (t) => /* @__PURE__ */ s(V, { ...t, svg: Pt });
 Ir.displayName = "IconPasswordInvisible";
-const jt = {
+const At = {
   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: jt });
+}, Dr = (t) => /* @__PURE__ */ s(V, { ...t, svg: At });
 Dr.displayName = "IconPasswordVisible";
 const Mt = {
   LG: "lg"
@@ -290,7 +290,7 @@ const Mt = {
 function Ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var pr = { exports: {} };
+var ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -300,15 +300,15 @@ var sr;
 function kt() {
   return sr || (sr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -319,7 +319,7 @@ function kt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -327,7 +327,7 @@ function kt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(pr)), pr.exports;
+  })(ir)), ir.exports;
 }
 var Rt = kt();
 const qt = /* @__PURE__ */ Ct(Rt), zt = "_rotate_12t9p_1", Et = "_dash_12t9p_1", It = {
@@ -342,19 +342,19 @@ const qt = /* @__PURE__ */ Ct(Rt), zt = "_rotate_12t9p_1", Et = "_dash_12t9p_1",
   dash: Et,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, or = qt.bind(It), j = "purpur-spinner", Dt = {
+}, or = qt.bind(It), A = "purpur-spinner", Dt = {
   SM: "sm"
 }, Bt = ({
   disabled: t = !1,
-  negative: i = !1,
+  negative: p = !1,
   size: n = Dt.SM,
-  ...p
-}) => /* @__PURE__ */ s("div", { className: or(j, `${j}--${n}`), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  ...i
+}) => /* @__PURE__ */ s("div", { className: or(A, `${A}--${n}`), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: or(`${j}__circle`, {
-      [`${j}__circle--disabled`]: t,
-      [`${j}__circle--negative`]: i
+    className: or(`${A}__circle`, {
+      [`${A}__circle--disabled`]: t,
+      [`${A}__circle--negative`]: p
     }),
     cx: "25",
     cy: "25",
@@ -374,15 +374,15 @@ var cr;
 function Tt() {
   return cr || (cr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -393,7 +393,7 @@ function Tt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -405,33 +405,33 @@ function Tt() {
 }
 var Wt = Tt();
 const Zt = /* @__PURE__ */ Lt(Wt), Ft = {
-  "purpur-button": "_purpur-button_1goi7_1",
-  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
-  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
-  "purpur-button--md": "_purpur-button--md_1goi7_45",
-  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
-  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
-  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
-  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
-  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
-  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
-  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
-  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
-  "purpur-button--text": "_purpur-button--text_1goi7_181"
-}, Gt = Zt.bind(Ft), N = "purpur-button", Br = P(
+  "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(
   ({
     children: t,
-    className: i,
+    className: p,
     disabled: n = !1,
-    fullWidth: p = !1,
+    fullWidth: i = !1,
     iconOnly: a,
     loading: r = !1,
     negative: e = !1,
@@ -443,26 +443,26 @@ const Zt = /* @__PURE__ */ Lt(Wt), Ft = {
   }, v) => {
     if (a && o === "destructive")
       return null;
-    const y = Gt(
+    const x = Gt(
       [
-        N,
-        `${N}--${e ? `${o}-negative` : o}`,
-        `${N}--${d}`
+        S,
+        `${S}--${e ? `${o}-negative` : o}`,
+        `${S}--${d}`
       ],
       {
-        [`${N}--icon-only`]: a,
-        [`${N}--negative`]: e,
-        [`${N}--full-width`]: p,
-        [`${N}--disabled`]: n || r
+        [`${S}--icon-only`]: a,
+        [`${S}--negative`]: e,
+        [`${S}--full-width`]: i,
+        [`${S}--disabled`]: n || r
       },
-      i
+      p
     ), c = ($) => {
       n || r ? $.preventDefault() : u && u($);
     }, m = !!l["aria-disabled"] || n || r;
     return /* @__PURE__ */ h(
       "button",
       {
-        className: y,
+        className: x,
         type: _,
         ref: v,
         "aria-disabled": m,
@@ -498,15 +498,15 @@ var _r;
 function Ht() {
   return _r || (_r = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -517,7 +517,7 @@ function Ht() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -536,19 +536,19 @@ 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((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), re = ({ content: t = "", title: i } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${Qt(n)}>${p}${t}</svg>`;
-}, te = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Lr = ({ svg: t, allyTitle: i, className: n, size: p = Jt, ...a }) => {
+    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),
-    title: i
-  }), e = Yt(n, fr, `${fr}--${p}`);
+    title: p
+  }), e = Yt(n, fr, `${fr}--${i}`);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 Lr.displayName = "Icon";
@@ -571,15 +571,15 @@ var vr;
 function ue() {
   return vr || (vr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -590,7 +590,7 @@ function ue() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -600,25 +600,25 @@ function ue() {
     })();
   })(gr)), gr.exports;
 }
-var ie = ue();
-const ae = /* @__PURE__ */ ne(ie), pe = {
+var pe = ue();
+const ae = /* @__PURE__ */ ne(pe), ie = {
   "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(pe), T = "purpur-field-error-text", se = ({
+}, hr = ae.bind(ie), T = "purpur-field-error-text", se = ({
   children: t,
-  className: i,
+  className: p,
   negative: n = !1,
-  ["aria-relevant"]: p = "additions text",
+  ["aria-relevant"]: i = "additions text",
   ...a
 }) => /* @__PURE__ */ h(
   "div",
   {
-    className: hr(i, T, {
+    className: hr(p, T, {
       [`${T}--negative`]: n
     }),
     "aria-live": "assertive",
-    "aria-relevant": p,
+    "aria-relevant": i,
     ...a,
     children: [
       /* @__PURE__ */ s(Lr, { svg: ee, size: "xs", className: hr(`${T}__icon`) }),
@@ -639,15 +639,15 @@ var br;
 function le() {
   return br || (br = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -658,7 +658,7 @@ function le() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -675,40 +675,40 @@ const de = /* @__PURE__ */ oe(ce), _e = {
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
 }, fe = de.bind(_e), W = "purpur-field-helper-text", ge = ({
   children: t,
-  className: i,
+  className: p,
   disabled: n,
-  id: p,
+  id: i,
   negative: a,
   ...r
 }) => {
-  const e = fe(i, W, {
+  const e = fe(p, W, {
     [`${W}--disabled`]: n,
     [`${W}--negative`]: a
   });
-  return /* @__PURE__ */ s("span", { id: p, className: e, ...r, children: t });
+  return /* @__PURE__ */ s("span", { id: i, className: e, ...r, children: t });
 };
 function ve(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var yr = { exports: {} };
+var xr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var xr;
+var yr;
 function he() {
-  return xr || (xr = 1, (function(t) {
+  return yr || (yr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -719,7 +719,7 @@ function he() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -727,10 +727,10 @@ function he() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(yr)), yr.exports;
+  })(xr)), xr.exports;
 }
 var me = he();
-const be = /* @__PURE__ */ ve(me), ye = {
+const be = /* @__PURE__ */ ve(me), xe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -738,100 +738,100 @@ const be = /* @__PURE__ */ ve(me), ye = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, xe = be.bind(ye), wr = "purpur-icon", we = "md", $e = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Se = ({ content: t = "", title: i } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${$e(n)}>${p}${t}</svg>`;
-}, Ne = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), H = ({ svg: t, allyTitle: i, className: n, size: p = we, ...a }) => {
-  const r = Se({
-    content: Ne(t.svg),
-    title: i
-  }), e = xe(n, wr, `${wr}--${p}`);
+    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 }) => {
+  const r = je({
+    content: Se(t.svg),
+    title: p
+  }), e = ye(n, wr, `${wr}--${i}`);
   return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 H.displayName = "Icon";
-const Oe = {
+const Ne = {
   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: Oe });
+}, Tr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Ne });
 Tr.displayName = "IconCheckCircleFilled";
-const Pe = {
+const Oe = {
   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: Pe });
+}, Wr = (t) => /* @__PURE__ */ s(H, { ...t, svg: Oe });
 Wr.displayName = "IconClose";
-function $r(t, i) {
+function $r(t, p) {
   if (typeof t == "function")
-    return t(i);
-  t != null && (t.current = i);
+    return t(p);
+  t != null && (t.current = p);
 }
-function Ae(...t) {
-  return (i) => {
+function Pe(...t) {
+  return (p) => {
     let n = !1;
-    const p = t.map((a) => {
-      const r = $r(a, i);
+    const i = t.map((a) => {
+      const r = $r(a, p);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let a = 0; a < p.length; a++) {
-          const r = p[a];
+        for (let a = 0; a < i.length; a++) {
+          const r = i[a];
           typeof r == "function" ? r() : $r(t[a], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
-function je(t) {
-  const i = /* @__PURE__ */ Me(t), n = g.forwardRef((p, a) => {
-    const { children: r, ...e } = p, u = g.Children.toArray(r), d = u.find(ke);
+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(i, { ...e, ref: a, children: g.isValidElement(o) ? g.cloneElement(o, void 0, _) : null });
+      return /* @__PURE__ */ s(p, { ...e, ref: a, children: g.isValidElement(o) ? g.cloneElement(o, void 0, _) : null });
     }
-    return /* @__PURE__ */ s(i, { ...e, ref: a, children: r });
+    return /* @__PURE__ */ s(p, { ...e, ref: a, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
 function Me(t) {
-  const i = g.forwardRef((n, p) => {
+  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 = p ? Ae(p, e) : e), g.cloneElement(a, u);
+      return a.type !== g.Fragment && (u.ref = i ? Pe(i, e) : e), g.cloneElement(a, u);
     }
     return g.Children.count(a) > 1 ? g.Children.only(null) : null;
   });
-  return i.displayName = `${t}.SlotClone`, i;
+  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;
 }
-function Re(t, i) {
-  const n = { ...i };
-  for (const p in i) {
-    const a = t[p], r = i[p];
-    /^on[A-Z]/.test(p) ? a && r ? n[p] = (...e) => {
+function Re(t, p) {
+  const n = { ...p };
+  for (const i in p) {
+    const a = t[i], r = p[i];
+    /^on[A-Z]/.test(i) ? a && r ? n[i] = (...e) => {
       const u = r(...e);
       return a(...e), u;
-    } : a && (n[p] = a) : p === "style" ? n[p] = { ...a, ...r } : p === "className" && (n[p] = [a, r].filter(Boolean).join(" "));
+    } : a && (n[i] = a) : i === "style" ? n[i] = { ...a, ...r } : i === "className" && (n[i] = [a, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
 }
 function qe(t) {
-  var i, n;
-  let p = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.get, a = p && "isReactWarning" in p && p.isReactWarning;
-  return a ? t.ref : (p = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, a = p && "isReactWarning" in p && p.isReactWarning, a ? t.props.ref : t.props.ref || t.ref);
+  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 = [
   "a",
@@ -851,20 +851,20 @@ var ze = [
   "span",
   "svg",
   "ul"
-], Ee = ze.reduce((t, i) => {
-  const n = /* @__PURE__ */ je(`Primitive.${i}`), p = g.forwardRef((a, r) => {
-    const { asChild: e, ...u } = a, d = e ? n : i;
+], 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 });
   });
-  return p.displayName = `Primitive.${i}`, { ...t, [i]: p };
-}, {}), Ie = "Label", Zr = g.forwardRef((t, i) => /* @__PURE__ */ s(
+  return i.displayName = `Primitive.${p}`, { ...t, [p]: i };
+}, {}), Ie = "Label", Zr = g.forwardRef((t, p) => /* @__PURE__ */ s(
   Ee.label,
   {
     ...t,
-    ref: i,
+    ref: p,
     onMouseDown: (n) => {
-      var p;
-      n.target.closest("button, input, select, textarea") || ((p = t.onMouseDown) == null || p.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      var i;
+      n.target.closest("button, input, select, textarea") || ((i = t.onMouseDown) == null || i.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
@@ -873,25 +873,25 @@ var De = Zr;
 function Be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Sr = { exports: {} };
+var jr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Nr;
+var Sr;
 function Le() {
-  return Nr || (Nr = 1, (function(t) {
+  return Sr || (Sr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -902,7 +902,7 @@ function Le() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -910,7 +910,7 @@ function Le() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Sr)), Sr.exports;
+  })(jr)), jr.exports;
 }
 var Te = Le();
 const We = /* @__PURE__ */ Be(Te), Ze = {
@@ -919,39 +919,39 @@ const We = /* @__PURE__ */ Be(Te), Ze = {
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
 }, Fe = We.bind(Ze), Z = "purpur-label", Ge = ({
   children: t,
-  className: i,
+  className: p,
   disabled: n,
-  negative: p = !1,
+  negative: i = !1,
   ...a
 }) => {
-  const r = Fe(i, Z, {
+  const r = Fe(p, Z, {
     [`${Z}--disabled`]: n,
-    [`${Z}--negative`]: p
+    [`${Z}--negative`]: i
   });
   return /* @__PURE__ */ s(De, { className: r, ...a, children: t });
 };
 function Ve(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Or = { exports: {} };
+var Nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Pr;
+var Or;
 function He() {
-  return Pr || (Pr = 1, (function(t) {
+  return Or || (Or = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -962,7 +962,7 @@ function He() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -970,7 +970,7 @@ function He() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Or)), Or.exports;
+  })(Nr)), Nr.exports;
 }
 var Ke = He();
 const Ue = /* @__PURE__ */ Ve(Ke), Xe = "_rotate_12t9p_1", Ye = "_dash_12t9p_1", Je = {
@@ -985,19 +985,19 @@ const Ue = /* @__PURE__ */ Ve(Ke), Xe = "_rotate_12t9p_1", Ye = "_dash_12t9p_1",
   dash: Ye,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ar = Ue.bind(Je), M = "purpur-spinner", Qe = {
+}, Pr = Ue.bind(Je), M = "purpur-spinner", Qe = {
   SM: "sm"
 }, rn = ({
   disabled: t = !1,
-  negative: i = !1,
+  negative: p = !1,
   size: n = Qe.SM,
-  ...p
-}) => /* @__PURE__ */ s("div", { className: Ar(M, `${M}--${n}`), ...p, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  ...i
+}) => /* @__PURE__ */ s("div", { className: Pr(M, `${M}--${n}`), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
   "circle",
   {
-    className: Ar(`${M}__circle`, {
+    className: Pr(`${M}__circle`, {
       [`${M}__circle--disabled`]: t,
-      [`${M}__circle--negative`]: i
+      [`${M}__circle--negative`]: p
     }),
     cx: "25",
     cy: "25",
@@ -1007,7 +1007,7 @@ const Ue = /* @__PURE__ */ Ve(Ke), Xe = "_rotate_12t9p_1", Ye = "_dash_12t9p_1",
 function tn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var Ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1017,15 +1017,15 @@ var Mr;
 function en() {
   return Mr || (Mr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1036,7 +1036,7 @@ function en() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -1044,10 +1044,10 @@ function en() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(jr)), jr.exports;
+  })(Ar)), Ar.exports;
 }
 var nn = en();
-const un = /* @__PURE__ */ tn(nn), an = {
+const un = /* @__PURE__ */ tn(nn), pn = {
   "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",
@@ -1064,12 +1064,12 @@ const un = /* @__PURE__ */ tn(nn), an = {
   "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"
-}, pn = (t) => Jr(t), w = un.bind(an), f = "purpur-text-field", Fr = P(
+}, an = (t) => Jr(t), w = un.bind(pn), f = "purpur-text-field", Fr = O(
   ({
     ["data-testid"]: t,
-    className: i,
+    className: p,
     clearButtonAriaLabel: n,
-    beforeField: p,
+    beforeField: i,
     afterField: a,
     endAdornment: r,
     errorText: e,
@@ -1079,11 +1079,11 @@ const un = /* @__PURE__ */ tn(nn), an = {
     loading: _ = !1,
     onClear: l,
     startAdornment: v,
-    valid: y = !1,
+    valid: x = !1,
     ...c
   }, m) => {
     var $;
-    const Hr = Yr(), I = c.id ?? Hr, x = (b) => t ? `${t}-${b}` : void 0, X = y && !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 = pn(null), Kr = (b) => {
+    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) => {
       J.current = b, typeof m == "function" ? m(b) : m && (m.current = b);
     }, Ur = () => {
       var b;
@@ -1094,7 +1094,7 @@ const un = /* @__PURE__ */ tn(nn), an = {
         {
           disabled: c.disabled,
           size: "xs",
-          "data-testid": x("spinner")
+          "data-testid": y("spinner")
         },
         "spinner"
       ),
@@ -1105,7 +1105,7 @@ const un = /* @__PURE__ */ tn(nn), an = {
           onClick: Ur,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": x("clear-button"),
+          "data-testid": y("clear-button"),
           tabIndex: -1,
           children: /* @__PURE__ */ s(Wr, { size: "xs" })
         },
@@ -1114,7 +1114,7 @@ const un = /* @__PURE__ */ tn(nn), an = {
       X && /* @__PURE__ */ s(
         Tr,
         {
-          "data-testid": x("valid-icon"),
+          "data-testid": y("valid-icon"),
           className: w(`${f}__valid-icon`)
         },
         "valid-icon"
@@ -1126,13 +1126,13 @@ const un = /* @__PURE__ */ tn(nn), an = {
       [`${f}__input-container--has-clear-button`]: Y,
       [`${f}__input-container--readonly`]: c.readOnly && !c.disabled
     });
-    return /* @__PURE__ */ h("div", { className: w(i, f), children: [
+    return /* @__PURE__ */ h("div", { className: w(p, f), children: [
       o && /* @__PURE__ */ h(
         Ge,
         {
           htmlFor: I,
           className: w(`${f}__label`),
-          "data-testid": x("label"),
+          "data-testid": y("label"),
           disabled: c.disabled,
           children: [
             c.required && !d && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
@@ -1141,12 +1141,12 @@ const un = /* @__PURE__ */ tn(nn), an = {
         }
       ),
       /* @__PURE__ */ h("div", { className: w(`${f}__field-row`), children: [
-        !!p && p,
+        !!i && i,
         /* @__PURE__ */ h("div", { className: Xr, children: [
           !!B.length && /* @__PURE__ */ s(
             "div",
             {
-              "data-testid": x("start-adornments"),
+              "data-testid": y("start-adornments"),
               className: w(`${f}__adornment-container`),
               children: B
             }
@@ -1157,7 +1157,7 @@ const un = /* @__PURE__ */ tn(nn), an = {
               ...c,
               id: I,
               ref: Kr,
-              "data-testid": x("input"),
+              "data-testid": y("input"),
               "aria-describedby": c["aria-describedby"] || D,
               "aria-invalid": c["aria-invalid"] || !!e,
               className: w([
@@ -1173,7 +1173,7 @@ const un = /* @__PURE__ */ tn(nn), an = {
           (!!L.length || r) && /* @__PURE__ */ h(
             "div",
             {
-              "data-testid": x("end-adornments"),
+              "data-testid": y("end-adornments"),
               className: w(`${f}__adornment-container`),
               children: [
                 L,
@@ -1184,8 +1184,8 @@ const un = /* @__PURE__ */ tn(nn), an = {
         ] }),
         !!a && a
       ] }),
-      D && /* @__PURE__ */ s(ge, { "data-testid": x("helper-text"), id: D, children: u }),
-      e && /* @__PURE__ */ s(se, { "data-testid": x("error-text"), children: e })
+      D && /* @__PURE__ */ s(ge, { "data-testid": y("helper-text"), id: D, children: u }),
+      e && /* @__PURE__ */ s(se, { "data-testid": y("error-text"), children: e })
     ] });
   }
 );
@@ -1203,15 +1203,15 @@ var Cr;
 function on() {
   return Cr || (Cr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1222,7 +1222,7 @@ function on() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -1237,7 +1237,7 @@ const K = /* @__PURE__ */ sn(ln), C = {
   WEAK: "weak",
   MEDIUM: "medium",
   STRONG: "strong"
-}, O = {
+}, N = {
   PASSWORD: "password",
   TEXT: "text"
 }, cn = {
@@ -1256,15 +1256,15 @@ var Rr;
 function _n() {
   return Rr || (Rr = 1, (function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, p.call(this, u)));
+          u && (r = a(r, i.call(this, u)));
         }
         return r;
       }
-      function p(r) {
+      function i(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1275,7 +1275,7 @@ function _n() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          p.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -1305,15 +1305,15 @@ const gn = /* @__PURE__ */ dn(fn), vn = {
   PARAGRAPH100: "paragraph-100"
 }, k = "purpur-paragraph", Gr = ({
   children: t,
-  className: i,
+  className: p,
   disabled: n,
-  enableHyphenation: p = !1,
+  enableHyphenation: i = !1,
   negative: a = !1,
   variant: r = mn.PARAGRAPH100,
   ...e
 }) => {
-  const u = hn(i, k, `${k}--${r}`, {
-    [`${k}--hyphens`]: p,
+  const u = hn(p, k, `${k}--${r}`, {
+    [`${k}--hyphens`]: i,
     [`${k}--disabled`]: n,
     [`${k}--negative`]: a
   });
@@ -1327,48 +1327,48 @@ 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"
-}, yn = {
+}, xn = {
   "purpur-password-strength-indicator": "_purpur-password-strength-indicator_1o6zr_1",
   "purpur-password-strength-indicator--active": "_purpur-password-strength-indicator--active_1o6zr_7",
   "purpur-password-strength-indicator--weak": "_purpur-password-strength-indicator--weak_1o6zr_7",
   "purpur-password-strength-indicator--medium": "_purpur-password-strength-indicator--medium_1o6zr_10",
   "purpur-password-strength-indicator--strong": "_purpur-password-strength-indicator--strong_1o6zr_13"
-}, xn = K.bind(yn), G = "purpur-password-strength-indicator", E = P(
+}, yn = K.bind(xn), G = "purpur-password-strength-indicator", E = O(
   ({
     ["data-testid"]: t = "password-strength-indicator",
-    active: i,
+    active: p,
     className: n,
-    passwordStrength: p,
+    passwordStrength: i,
     ...a
   }, r) => {
-    const e = xn(
+    const e = yn(
       n,
       G,
-      { [`${G}--${p}`]: p },
-      { [`${G}--active`]: i }
+      { [`${G}--${i}`]: i },
+      { [`${G}--active`]: p }
     );
     return /* @__PURE__ */ s("div", { ...a, "data-testid": t, className: e, ref: r });
   }
 );
 E.displayName = "PasswordStrengthIndicator";
-const wn = (t, i, n, p) => {
+const wn = (t, p, n, i) => {
   const [a, r] = z(0), [e, u] = z(), [d, o] = z(void 0), _ = Qr(
     () => ({
-      0: [C.WEAK, i],
-      1: [C.WEAK, i],
+      0: [C.WEAK, p],
+      1: [C.WEAK, p],
       2: [C.MEDIUM, n],
-      3: [C.STRONG, p],
-      4: [C.STRONG, p]
+      3: [C.STRONG, i],
+      4: [C.STRONG, i]
     }),
-    [i, n, p]
+    [p, n, i]
   );
   return rt(() => {
     (async () => {
       if (!t)
         r(0), u(void 0), o(void 0);
       else {
-        const { default: l } = await import("./main-DmL20Vau.mjs").then((m) => m.m), { score: v } = l(t), [y, c] = _[v];
-        r(v), u(y), o(c);
+        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);
       }
     })();
   }, [t, _]), {
@@ -1376,18 +1376,18 @@ const wn = (t, i, n, p) => {
     passwordStrength: e,
     currentPasswordStrengthText: d
   };
-}, q = K.bind(bn), R = "purpur-password-strength", U = P(
+}, q = K.bind(bn), R = "purpur-password-strength", U = O(
   ({
     ["data-testid"]: t = "password-strength",
-    className: i,
+    className: p,
     value: n,
-    label: p,
+    label: i,
     weakText: a,
     mediumText: r,
     strongText: e,
     ...u
   }, d) => {
-    const o = q(i, R), { score: _, passwordStrength: l, currentPasswordStrengthText: v } = wn(
+    const o = q(p, R), { score: _, passwordStrength: l, currentPasswordStrengthText: v } = wn(
       n,
       a,
       r,
@@ -1427,7 +1427,7 @@ const wn = (t, i, n, p) => {
           }),
           children: [
             /* @__PURE__ */ h("span", { className: q(`${R}__password-strength-label`), children: [
-              p,
+              i,
               v ? ": " : ""
             ] }),
             v
@@ -1438,21 +1438,21 @@ const wn = (t, i, n, p) => {
   }
 );
 U.displayName = "PasswordStrength";
-const qr = K.bind(cn), zr = "purpur-password-field", Vr = P(
+const qr = K.bind(cn), zr = "purpur-password-field", Vr = O(
   ({
     ["data-testid"]: t = "password-field",
-    children: i,
+    children: p,
     className: n,
-    hidePasswordAriaLabel: p,
+    hidePasswordAriaLabel: i,
     onChange: a,
     showPasswordAriaLabel: r,
     ...e
   }, u) => {
-    const d = qr(n, zr), [o, _] = z(O.PASSWORD), l = async (c) => {
+    const d = qr(n, zr), [o, _] = z(N.PASSWORD), l = async (c) => {
       a == null || a(c);
     }, v = () => {
-      _(o === O.PASSWORD ? O.TEXT : O.PASSWORD);
-    }, y = o === O.PASSWORD ? Dr : Ir;
+      _(o === N.PASSWORD ? N.TEXT : N.PASSWORD);
+    }, x = o === N.PASSWORD ? Dr : Ir;
     return /* @__PURE__ */ h("div", { className: d, children: [
       /* @__PURE__ */ s(
         Fr,
@@ -1465,28 +1465,28 @@ const qr = K.bind(cn), zr = "purpur-password-field", Vr = P(
           endAdornment: /* @__PURE__ */ s(
             Er,
             {
-              "aria-label": o === O.PASSWORD ? r : p,
+              "aria-label": o === N.PASSWORD ? r : i,
               "data-testid": `${t}-type-toggle-button`,
               onClick: v,
               size: "sm",
               variant: "tertiary-purple",
               iconOnly: !0,
-              children: /* @__PURE__ */ s(y, { size: "sm" })
+              children: /* @__PURE__ */ s(x, { size: "sm" })
             }
           ),
           ...e
         }
       ),
-      i
+      p
     ] });
   }
 );
 Vr.PasswordStrength = U;
 Vr.displayName = "PasswordField";
-const On = (t) => tt(t) && (t == null ? void 0 : t.type) === U;
+const Nn = (t) => tt(t) && (t == null ? void 0 : t.type) === U;
 export {
   Vr as P,
   sn as g,
-  On as i
+  Nn as i
 };
-//# sourceMappingURL=password-field-CXXVRWLk.mjs.map
+//# sourceMappingURL=password-field-rM0ItXqh.mjs.map