@purpurds/password-field 6.4.0

package/dist/password-field-BwuKVABM.mjs

@@ -0,0 +1,1557 @@
+import { jsxs as b, jsx as o, Fragment as at } from "react/jsx-runtime";
+import * as g from "react";
+import { forwardRef as q, useId as ut, useRef as it, useState as T, useMemo as pt, useEffect as ot, isValidElement as st } from "react";
+import "react-dom";
+const lt = {
+  LG: "lg"
+};
+function ct(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var nr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var ar;
+function dt() {
+  return ar || (ar = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i(a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, a));
+        return 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 _t = dt();
+const ur = /* @__PURE__ */ ct(_t), ft = "_rotate_1xozj_1", gt = "_dash_1xozj_1", P = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: ft,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
+  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  dash: gt,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, A = "purpur-spinner", vt = {
+  SM: "sm"
+}, ht = ({
+  ["data-testid"]: t,
+  disabled: u = !1,
+  negative: n = !1,
+  size: i = vt.SM,
+  ...p
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: ur([P[A], P[`${A}--${i}`]]),
+    "data-testid": t,
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: ur(P[`${A}__circle`], {
+          [P[`${A}__circle--disabled`]]: u,
+          [P[`${A}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function mt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var ir = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var pr;
+function bt() {
+  return pr || (pr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i.call(this, a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+        return 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;
+}
+var yt = bt();
+const xt = /* @__PURE__ */ mt(yt), wt = {
+  "purpur-button": "_purpur-button_w455q_1",
+  "purpur-button--xs": "_purpur-button--xs_w455q_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
+  "purpur-button--sm": "_purpur-button--sm_w455q_39",
+  "purpur-button--md": "_purpur-button--md_w455q_45",
+  "purpur-button--lg": "_purpur-button--lg_w455q_51",
+  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
+  "purpur-button--primary": "_purpur-button--primary_w455q_60",
+  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
+  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
+  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
+  "purpur-button--negative": "_purpur-button--negative_w455q_126",
+  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
+  "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
+  "purpur-button--text": "_purpur-button--text_w455q_181"
+}, $t = xt.bind(wt), j = "purpur-button", St = ({
+  children: t,
+  className: u,
+  ["data-testid"]: n,
+  disabled: i = !1,
+  fullWidth: p = !1,
+  iconOnly: r,
+  loading: e = !1,
+  negative: a = !1,
+  onClick: l,
+  size: d = "md",
+  variant: c,
+  type: _ = "button",
+  ...v
+}, s) => {
+  if (r && c === "destructive")
+    return null;
+  const h = $t(
+    [
+      j,
+      `${j}--${a ? `${c}-negative` : c}`,
+      `${j}--${d}`
+    ],
+    {
+      [`${j}--icon-only`]: r,
+      [`${j}--negative`]: a,
+      [`${j}--full-width`]: p,
+      [`${j}--disabled`]: i || e
+    },
+    u
+  ), $ = (y) => {
+    i || e ? y.preventDefault() : l && l(y);
+  }, S = !!v["aria-disabled"] || i || e;
+  return /* @__PURE__ */ b(
+    "button",
+    {
+      className: h,
+      "data-testid": n,
+      type: _,
+      ref: s,
+      "aria-disabled": S,
+      onClick: $,
+      ...v,
+      children: [
+        e && /* @__PURE__ */ o(ht, { size: d === lt.LG ? "xs" : "xxs", negative: a, disabled: S }),
+        " ",
+        t
+      ]
+    }
+  );
+}, Fr = q(St);
+Fr.displayName = "Button";
+function jt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var or = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var sr;
+function Nt() {
+  return sr || (sr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i.call(this, a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+        return 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 Ot = Nt();
+const qt = /* @__PURE__ */ jt(Ot), Pt = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, At = qt.bind(Pt), lr = "purpur-icon", zt = "md", Mt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Ct = ({ content: t = "", title: u } = {}) => {
+  const n = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = u ? `<title>${u}</title>` : "";
+  return `<svg ${Mt(n)}>${i}${t}</svg>`;
+}, Rt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({
+  ["data-testid"]: t,
+  svg: u,
+  allyTitle: n,
+  className: i,
+  size: p = zt,
+  ...r
+}) => {
+  const e = Ct({
+    content: Rt(u.svg),
+    title: n
+  }), a = At(i, lr, `${lr}--${p}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+K.displayName = "Icon";
+const Et = {
+  name: "password-invisible",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M2.364 2.364a.9.9 0 0 1 1.272 0l3.809 3.808a11.61 11.61 0 0 1 2.218-.789A9.944 9.944 0 0 1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.647.969-1.81 2.33-3.349 3.547a.9.9 0 0 1-1.116-1.413A15.273 15.273 0 0 0 20.894 12a15.297 15.297 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-.655 0-1.295.083-1.914.233-.435.105-.86.242-1.274.407l.418.417a4.9 4.9 0 0 1 7.632 4.654.9.9 0 1 1-1.786-.222 3.1 3.1 0 0 0-4.538-3.123l11.098 11.098a.9.9 0 1 1-1.272 1.272l-3.809-3.808c-1.362.642-2.9 1.072-4.555 1.072-2.651 0-5-1.103-6.826-2.42-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.645-.966 1.804-2.322 3.335-3.536a.9.9 0 1 1 1.118 1.411A15.266 15.266 0 0 0 3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c1.114 0 2.185-.24 3.188-.64l-.418-.418A4.9 4.9 0 0 1 7.1 12a8.888 8.888 0 0 1-.007-.225 2.488 2.488 0 0 1 .014-.385.9.9 0 1 1 1.786.222.79.79 0 0 0-.001.11A6.245 6.245 0 0 1 8.9 12a3.1 3.1 0 0 0 4.562 2.734L8.586 9.859a.912.912 0 0 1-.102-.102l-6.12-6.12a.9.9 0 0 1 0-1.273Z" clip-rule="evenodd"/></svg>',
+  keywords: ["password-invisible"],
+  category: "action"
+}, Zr = (t) => /* @__PURE__ */ o(K, { ...t, svg: Et });
+Zr.displayName = "IconPasswordInvisible";
+const Dt = {
+  name: "password-visible",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.107 12a15.294 15.294 0 0 0 3.12 3.02C7.866 16.203 9.85 17.1 12 17.1c2.149 0 4.134-.897 5.774-2.08a15.295 15.295 0 0 0 3.12-3.02 15.3 15.3 0 0 0-3.12-3.02C16.134 7.797 14.148 6.9 12 6.9c-2.149 0-4.134.897-5.774 2.08A15.299 15.299 0 0 0 3.106 12Zm2.067-4.48C7 6.203 9.349 5.1 12 5.1c2.652 0 5 1.103 6.826 2.42 1.827 1.317 3.2 2.897 3.923 3.98l.333.5-.333.5c-.722 1.083-2.096 2.663-3.923 3.98C17 17.797 14.651 18.9 12 18.9s-5-1.103-6.826-2.42c-1.827-1.317-3.2-2.897-3.923-3.98L.918 12l.333-.5c.722-1.083 2.096-2.663 3.923-3.98ZM12 8.9a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM7.1 12a4.9 4.9 0 1 1 9.8 0 4.9 4.9 0 0 1-9.8 0Zm4-1.538a.9.9 0 0 1 .9-.9A2.438 2.438 0 0 1 14.438 12a.9.9 0 0 1-1.8 0 .638.638 0 0 0-.638-.638.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
+  keywords: ["password-visible"],
+  category: "action"
+}, Gr = (t) => /* @__PURE__ */ o(K, { ...t, svg: Dt });
+Gr.displayName = "IconPasswordVisible";
+const kt = {
+  LG: "lg"
+};
+function Bt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var cr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var dr;
+function It() {
+  return dr || (dr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i(a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, a));
+        return e;
+      }
+      function p(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  }(cr)), cr.exports;
+}
+var Tt = It();
+const _r = /* @__PURE__ */ Bt(Tt), Lt = "_rotate_1xozj_1", Wt = "_dash_1xozj_1", z = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: Lt,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
+  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  dash: Wt,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, M = "purpur-spinner", Ft = {
+  SM: "sm"
+}, Zt = ({
+  ["data-testid"]: t,
+  disabled: u = !1,
+  negative: n = !1,
+  size: i = Ft.SM,
+  ...p
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: _r([z[M], z[`${M}--${i}`]]),
+    "data-testid": t,
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: _r(z[`${M}__circle`], {
+          [z[`${M}__circle--disabled`]]: u,
+          [z[`${M}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function Gt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var fr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var gr;
+function Vt() {
+  return gr || (gr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i.call(this, a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+        return e;
+      }
+      function p(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  }(fr)), fr.exports;
+}
+var Ht = Vt();
+const Ut = /* @__PURE__ */ Gt(Ht), Xt = {
+  "purpur-button": "_purpur-button_w455q_1",
+  "purpur-button--xs": "_purpur-button--xs_w455q_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
+  "purpur-button--sm": "_purpur-button--sm_w455q_39",
+  "purpur-button--md": "_purpur-button--md_w455q_45",
+  "purpur-button--lg": "_purpur-button--lg_w455q_51",
+  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
+  "purpur-button--primary": "_purpur-button--primary_w455q_60",
+  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
+  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
+  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
+  "purpur-button--negative": "_purpur-button--negative_w455q_126",
+  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
+  "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
+  "purpur-button--text": "_purpur-button--text_w455q_181"
+}, Kt = Ut.bind(Xt), N = "purpur-button", Yt = ({
+  children: t,
+  className: u,
+  ["data-testid"]: n,
+  disabled: i = !1,
+  fullWidth: p = !1,
+  iconOnly: r,
+  loading: e = !1,
+  negative: a = !1,
+  onClick: l,
+  size: d = "md",
+  variant: c,
+  type: _ = "button",
+  ...v
+}, s) => {
+  if (r && c === "destructive")
+    return null;
+  const h = Kt(
+    [
+      N,
+      `${N}--${a ? `${c}-negative` : c}`,
+      `${N}--${d}`
+    ],
+    {
+      [`${N}--icon-only`]: r,
+      [`${N}--negative`]: a,
+      [`${N}--full-width`]: p,
+      [`${N}--disabled`]: i || e
+    },
+    u
+  ), $ = (y) => {
+    i || e ? y.preventDefault() : l && l(y);
+  }, S = !!v["aria-disabled"] || i || e;
+  return /* @__PURE__ */ b(
+    "button",
+    {
+      className: h,
+      "data-testid": n,
+      type: _,
+      ref: s,
+      "aria-disabled": S,
+      onClick: $,
+      ...v,
+      children: [
+        e && /* @__PURE__ */ o(Zt, { size: d === kt.LG ? "xs" : "xxs", negative: a, disabled: S }),
+        " ",
+        t
+      ]
+    }
+  );
+}, Vr = q(Yt);
+Vr.displayName = "Button";
+function Jt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var vr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var hr;
+function Qt() {
+  return hr || (hr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i.call(this, a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+        return e;
+      }
+      function p(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  }(vr)), vr.exports;
+}
+var re = Qt();
+const te = /* @__PURE__ */ Jt(re), ee = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, ne = te.bind(ee), mr = "purpur-icon", ae = "md", ue = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ie = ({ content: t = "", title: u } = {}) => {
+  const n = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = u ? `<title>${u}</title>` : "";
+  return `<svg ${ue(n)}>${i}${t}</svg>`;
+}, pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({
+  ["data-testid"]: t,
+  svg: u,
+  allyTitle: n,
+  className: i,
+  size: p = ae,
+  ...r
+}) => {
+  const e = ie({
+    content: pe(u.svg),
+    title: n
+  }), a = ne(i, mr, `${mr}--${p}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+Hr.displayName = "Icon";
+const oe = {
+  name: "error-filled",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
+  keywords: ["error-filled"],
+  category: "status"
+};
+function se(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var br = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var yr;
+function le() {
+  return yr || (yr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i(a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, a));
+        return e;
+      }
+      function p(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  }(br)), br.exports;
+}
+var ce = le();
+const de = /* @__PURE__ */ se(ce), xr = {
+  "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
+  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
+}, wr = "purpur-field-error-text", _e = ({
+  ["data-testid"]: t,
+  children: u,
+  className: n,
+  relevant: i = "additions text",
+  ...p
+}) => /* @__PURE__ */ b(
+  "div",
+  {
+    className: de([n, xr[wr]]),
+    "data-testid": t,
+    "aria-live": "assertive",
+    "aria-relevant": i,
+    ...p,
+    children: [
+      /* @__PURE__ */ o(Hr, { svg: oe, size: "xs", className: xr[`${wr}__icon`] }),
+      u
+    ]
+  }
+);
+function fe(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var $r = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Sr;
+function ge() {
+  return Sr || (Sr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i(a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, a));
+        return 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 ve = ge();
+const he = /* @__PURE__ */ fe(ve), jr = {
+  "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
+}, Nr = "purpur-field-helper-text", me = ({
+  ["data-testid"]: t,
+  children: u,
+  className: n,
+  disabled: i,
+  id: p,
+  ...r
+}) => {
+  const e = he([
+    n,
+    jr[Nr],
+    {
+      [jr[`${Nr}--disabled`]]: i
+    }
+  ]);
+  return /* @__PURE__ */ o("span", { id: p, className: e, "data-testid": t, ...r, children: u });
+};
+function be(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Or = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var qr;
+function ye() {
+  return qr || (qr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i.call(this, a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+        return 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 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",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, Se = we.bind($e), Pr = "purpur-icon", je = "md", Ne = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Oe = ({ content: t = "", title: u } = {}) => {
+  const n = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = u ? `<title>${u}</title>` : "";
+  return `<svg ${Ne(n)}>${i}${t}</svg>`;
+}, qe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({
+  ["data-testid"]: t,
+  svg: u,
+  allyTitle: n,
+  className: i,
+  size: p = je,
+  ...r
+}) => {
+  const e = Oe({
+    content: qe(u.svg),
+    title: n
+  }), a = Se(i, Pr, `${Pr}--${p}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": n,
+      className: a,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+Y.displayName = "Icon";
+const Pe = {
+  name: "check-circle-filled",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
+  keywords: ["check-circle-filled"],
+  category: "status"
+}, Ur = (t) => /* @__PURE__ */ o(Y, { ...t, svg: Pe });
+Ur.displayName = "IconCheckCircleFilled";
+const Ae = {
+  name: "close",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
+  keywords: ["close"],
+  category: "utility"
+}, Xr = (t) => /* @__PURE__ */ o(Y, { ...t, svg: Ae });
+Xr.displayName = "IconClose";
+function Ar(t, u) {
+  if (typeof t == "function")
+    return t(u);
+  t != null && (t.current = u);
+}
+function ze(...t) {
+  return (u) => {
+    let n = !1;
+    const i = t.map((p) => {
+      const r = Ar(p, u);
+      return !n && typeof r == "function" && (n = !0), r;
+    });
+    if (n)
+      return () => {
+        for (let p = 0; p < i.length; p++) {
+          const r = i[p];
+          typeof r == "function" ? r() : Ar(t[p], null);
+        }
+      };
+  };
+}
+var Kr = g.forwardRef((t, u) => {
+  const { children: n, ...i } = t, p = g.Children.toArray(n), r = p.find(Ce);
+  if (r) {
+    const e = r.props.children, a = p.map((l) => l === r ? g.Children.count(e) > 1 ? g.Children.only(null) : g.isValidElement(e) ? e.props.children : null : l);
+    return /* @__PURE__ */ o(X, { ...i, ref: u, children: g.isValidElement(e) ? g.cloneElement(e, void 0, a) : null });
+  }
+  return /* @__PURE__ */ o(X, { ...i, ref: u, children: n });
+});
+Kr.displayName = "Slot";
+var X = g.forwardRef((t, u) => {
+  const { children: n, ...i } = t;
+  if (g.isValidElement(n)) {
+    const p = Ee(n), r = Re(i, n.props);
+    return n.type !== g.Fragment && (r.ref = u ? ze(u, p) : p), g.cloneElement(n, r);
+  }
+  return g.Children.count(n) > 1 ? g.Children.only(null) : null;
+});
+X.displayName = "SlotClone";
+var Me = ({ children: t }) => /* @__PURE__ */ o(at, { children: t });
+function Ce(t) {
+  return g.isValidElement(t) && t.type === Me;
+}
+function Re(t, u) {
+  const n = { ...u };
+  for (const i in u) {
+    const p = t[i], r = u[i];
+    /^on[A-Z]/.test(i) ? p && r ? n[i] = (...e) => {
+      r(...e), p(...e);
+    } : p && (n[i] = p) : i === "style" ? n[i] = { ...p, ...r } : i === "className" && (n[i] = [p, r].filter(Boolean).join(" "));
+  }
+  return { ...t, ...n };
+}
+function Ee(t) {
+  var u, n;
+  let i = (u = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : u.get, p = i && "isReactWarning" in i && i.isReactWarning;
+  return p ? t.ref : (i = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, p = i && "isReactWarning" in i && i.isReactWarning, p ? t.props.ref : t.props.ref || t.ref);
+}
+var De = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], ke = De.reduce((t, u) => {
+  const n = g.forwardRef((i, p) => {
+    const { asChild: r, ...e } = i, a = r ? Kr : u;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(a, { ...e, ref: p });
+  });
+  return n.displayName = `Primitive.${u}`, { ...t, [u]: n };
+}, {}), Be = "Label", Yr = g.forwardRef((t, u) => /* @__PURE__ */ o(
+  ke.label,
+  {
+    ...t,
+    ref: u,
+    onMouseDown: (n) => {
+      var i;
+      n.target.closest("button, input, select, textarea") || ((i = t.onMouseDown) == null || i.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+    }
+  }
+));
+Yr.displayName = Be;
+var Ie = Yr;
+function Te(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var zr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Mr;
+function Le() {
+  return Mr || (Mr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i(a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, a));
+        return 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;
+}
+var We = Le();
+const Fe = /* @__PURE__ */ Te(We), G = {
+  "purpur-label": "_purpur-label_1jndl_1",
+  "purpur-label--negative": "_purpur-label--negative_1jndl_8",
+  "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
+}, V = "purpur-label", Ze = ({
+  children: t,
+  className: u,
+  htmlFor: n,
+  "data-testid": i,
+  disabled: p,
+  negative: r = !1,
+  ...e
+}) => {
+  const a = Fe([
+    u,
+    G[V],
+    {
+      [G[`${V}--disabled`]]: p,
+      [G[`${V}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ o(Ie, { className: a, "data-testid": i, htmlFor: n, ...e, children: t });
+};
+function Ge(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Cr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Rr;
+function Ve() {
+  return Rr || (Rr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i(a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, a));
+        return e;
+      }
+      function p(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  }(Cr)), Cr.exports;
+}
+var He = Ve();
+const Er = /* @__PURE__ */ Ge(He), Ue = "_rotate_1xozj_1", Xe = "_dash_1xozj_1", C = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: Ue,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
+  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  dash: Xe,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, R = "purpur-spinner", Ke = {
+  SM: "sm"
+}, Ye = ({
+  ["data-testid"]: t,
+  disabled: u = !1,
+  negative: n = !1,
+  size: i = Ke.SM,
+  ...p
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: Er([C[R], C[`${R}--${i}`]]),
+    "data-testid": t,
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: Er(C[`${R}__circle`], {
+          [C[`${R}__circle--disabled`]]: u,
+          [C[`${R}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function Je(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Dr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var kr;
+function Qe() {
+  return kr || (kr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i.call(this, a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+        return e;
+      }
+      function p(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  }(Dr)), Dr.exports;
+}
+var rn = Qe();
+const tn = /* @__PURE__ */ Je(rn), en = {
+  "purpur-text-field": "_purpur-text-field_nj9f4_1",
+  "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_nj9f4_16",
+  "purpur-text-field__frame": "_purpur-text-field__frame_nj9f4_20",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_nj9f4_27",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_nj9f4_38",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_nj9f4_41",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_nj9f4_44",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_nj9f4_47",
+  "purpur-text-field__input": "_purpur-text-field__input_nj9f4_27",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_nj9f4_53",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_nj9f4_94",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
+}, nn = (t) => it(t), w = tn.bind(en), f = "purpur-text-field", an = ({
+  ["data-testid"]: t,
+  className: u,
+  clearButtonAllyLabel: n,
+  beforeField: i,
+  afterField: p,
+  endAdornment: r,
+  errorText: e,
+  helperText: a,
+  label: l,
+  loading: d = !1,
+  onClear: c,
+  startAdornment: _,
+  valid: v = !1,
+  ...s
+}, h) => {
+  var $;
+  const S = ut(), y = s.id ?? S, x = (m) => t ? `${t}-${m}` : void 0, rr = v && !e, W = a ? `${y}-helper-text` : void 0, F = [_].filter((m) => !!m), tr = (typeof s.value == "number" ? s.value !== void 0 : ($ = s.value) == null ? void 0 : $.length) && !s.disabled && !s.readOnly && !d && c && n, er = nn(null), tt = (m) => {
+    er.current = m, typeof h == "function" ? h(m) : h && (h.current = m);
+  }, et = () => {
+    var m;
+    c == null || c(), (m = er.current) == null || m.focus();
+  }, Z = [
+    d && /* @__PURE__ */ o(
+      Ye,
+      {
+        disabled: s.disabled,
+        size: "xs",
+        "data-testid": x("spinner")
+      },
+      "spinner"
+    ),
+    tr && /* @__PURE__ */ o(
+      Vr,
+      {
+        variant: "tertiary-purple",
+        onClick: et,
+        iconOnly: !0,
+        "aria-label": n ?? "",
+        "data-testid": x("clear-button"),
+        tabIndex: -1,
+        children: /* @__PURE__ */ o(Xr, { size: "xs" })
+      },
+      "clear-button"
+    ),
+    rr && /* @__PURE__ */ o(
+      Ur,
+      {
+        "data-testid": x("valid-icon"),
+        className: w(`${f}__valid-icon`)
+      },
+      "valid-icon"
+    )
+  ].filter((m) => !!m), nt = w([
+    `${f}__input-container`,
+    {
+      [`${f}__input-container--start-adornment`]: F.length,
+      [`${f}__input-container--end-adornment`]: Z.length || r,
+      [`${f}__input-container--disabled`]: s.disabled,
+      [`${f}__input-container--has-clear-button`]: tr,
+      [`${f}__input-container--readonly`]: s.readOnly && !s.disabled
+    }
+  ]);
+  return /* @__PURE__ */ b("div", { className: w(u, f), children: [
+    l && /* @__PURE__ */ o(
+      Ze,
+      {
+        htmlFor: y,
+        className: w(`${f}__label`),
+        "data-testid": x("label"),
+        disabled: s.disabled,
+        children: `${s.required ? "* " : ""}${l}`
+      }
+    ),
+    /* @__PURE__ */ b("div", { className: w(`${f}__field-row`), children: [
+      !!i && i,
+      /* @__PURE__ */ b("div", { className: nt, children: [
+        !!F.length && /* @__PURE__ */ o(
+          "div",
+          {
+            "data-testid": x("start-adornments"),
+            className: w(`${f}__adornment-container`),
+            children: F
+          }
+        ),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            ...s,
+            id: y,
+            ref: tt,
+            "data-testid": x("input"),
+            "aria-describedby": s["aria-describedby"] || W,
+            "aria-invalid": s["aria-invalid"] || !!e,
+            className: w([
+              `${f}__input`,
+              {
+                [`${f}__input--valid`]: rr,
+                [`${f}__input--error`]: !!e
+              }
+            ])
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: w(`${f}__frame`) }),
+        (!!Z.length || r) && /* @__PURE__ */ b(
+          "div",
+          {
+            "data-testid": x("end-adornments"),
+            className: w(`${f}__adornment-container`),
+            children: [
+              Z,
+              r
+            ]
+          }
+        )
+      ] }),
+      !!p && p
+    ] }),
+    W && /* @__PURE__ */ o(me, { "data-testid": x("helper-text"), id: W, children: a }),
+    e && /* @__PURE__ */ o(_e, { "data-testid": x("error-text"), children: e })
+  ] });
+}, Jr = q(an);
+Jr.displayName = "TextField";
+function un(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var H = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Br;
+function pn() {
+  return Br || (Br = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i.call(this, a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, this && this[a] || a));
+        return e;
+      }
+      function p(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  }(H)), H.exports;
+}
+var on = pn();
+const J = /* @__PURE__ */ un(on), E = {
+  WEAK: "weak",
+  MEDIUM: "medium",
+  STRONG: "strong"
+}, O = {
+  PASSWORD: "password",
+  TEXT: "text"
+}, sn = {
+  "purpur-password-field": "_purpur-password-field_co7kv_1"
+};
+function ln(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Ir = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Tr;
+function cn() {
+  return Tr || (Tr = 1, function(t) {
+    (function() {
+      var u = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var a = arguments[e];
+          a && (r = p(r, i(a)));
+        }
+        return r;
+      }
+      function i(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var a in r)
+          u.call(r, a) && r[a] && (e = p(e, a));
+        return 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;
+}
+var dn = cn();
+const _n = /* @__PURE__ */ ln(dn), D = {
+  "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"
+}, fn = {
+  PARAGRAPH100: "paragraph-100"
+}, k = "purpur-paragraph", Qr = ({
+  ["data-testid"]: t,
+  children: u,
+  className: n,
+  disabled: i,
+  enableHyphenation: p = !1,
+  negative: r = !1,
+  variant: e = fn.PARAGRAPH100,
+  ...a
+}) => {
+  const l = _n([
+    n,
+    D[k],
+    D[`${k}--${e}`],
+    {
+      [D[`${k}--hyphens`]]: p,
+      [D[`${k}--disabled`]]: i,
+      [D[`${k}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ o("p", { ...a, className: l, "data-testid": t, children: u });
+};
+Qr.displayName = "Paragraph";
+const gn = {
+  "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"
+}, vn = {
+  "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"
+}, hn = J.bind(vn), U = "purpur-password-strength-indicator", L = q(
+  ({
+    ["data-testid"]: t = "password-strength-indicator",
+    active: u,
+    className: n,
+    passwordStrength: i
+  }, p) => {
+    const r = hn([
+      n,
+      U,
+      { [`${U}--${i}`]: i },
+      { [`${U}--active`]: u }
+    ]);
+    return /* @__PURE__ */ o("div", { "data-testid": t, className: r, ref: p });
+  }
+);
+L.displayName = "PasswordStrengthIndicator";
+const mn = (t, u, n, i) => {
+  const [p, r] = T(0), [e, a] = T(), [l, d] = T(void 0), c = pt(
+    () => ({
+      0: [E.WEAK, u],
+      1: [E.WEAK, u],
+      2: [E.MEDIUM, n],
+      3: [E.STRONG, i],
+      4: [E.STRONG, i]
+    }),
+    [u, n, i]
+  );
+  return ot(() => {
+    (async () => {
+      if (!t)
+        r(0), a(void 0), d(void 0);
+      else {
+        const { default: _ } = await import("./main-B6vgbdqW.mjs").then(($) => $.m), { score: v } = _(t), [s, h] = c[v];
+        r(v), a(s), d(h);
+      }
+    })();
+  }, [t, c]), {
+    score: p,
+    passwordStrength: e,
+    currentPasswordStrengthText: l
+  };
+}, I = J.bind(gn), B = "purpur-password-strength", Q = q(
+  ({
+    ["data-testid"]: t = "password-strength",
+    className: u,
+    value: n,
+    label: i,
+    weakText: p,
+    mediumText: r,
+    strongText: e,
+    ...a
+  }, l) => {
+    const d = I([u, B]), { score: c, passwordStrength: _, currentPasswordStrengthText: v } = mn(
+      n,
+      p,
+      r,
+      e
+    );
+    return /* @__PURE__ */ b("div", { "data-testid": t, className: d, ref: l, ...a, children: [
+      /* @__PURE__ */ b("div", { className: I(`${B}__indicator-container`), children: [
+        /* @__PURE__ */ o(
+          L,
+          {
+            active: !!_,
+            passwordStrength: _
+          }
+        ),
+        /* @__PURE__ */ o(
+          L,
+          {
+            active: !!_ && c > 1,
+            passwordStrength: _
+          }
+        ),
+        /* @__PURE__ */ o(
+          L,
+          {
+            active: !!_ && c > 2,
+            passwordStrength: _
+          }
+        )
+      ] }),
+      /* @__PURE__ */ b(
+        Qr,
+        {
+          "aria-live": "polite",
+          "data-testid": `${t}-text`,
+          className: I([
+            `${B}__password-strength-text`,
+            { [`${B}__password-strength-text--${_}`]: _ }
+          ]),
+          children: [
+            /* @__PURE__ */ b("span", { className: I(`${B}__password-strength-label`), children: [
+              i,
+              v ? ": " : ""
+            ] }),
+            v
+          ]
+        }
+      )
+    ] });
+  }
+);
+Q.displayName = "PasswordStrength";
+const Lr = J.bind(sn), Wr = "purpur-password-field", rt = q(
+  ({
+    ["data-testid"]: t = "password-field",
+    children: u,
+    className: n,
+    hidePasswordAllyLabel: i,
+    onChange: p,
+    showPasswordAllyLabel: r,
+    ...e
+  }, a) => {
+    const l = Lr([n, Wr]), [d, c] = T(O.PASSWORD), _ = async (h) => {
+      p == null || p(h);
+    }, v = () => {
+      c(d === O.PASSWORD ? O.TEXT : O.PASSWORD);
+    }, s = d === O.PASSWORD ? Gr : Zr;
+    return /* @__PURE__ */ b("div", { className: l, children: [
+      /* @__PURE__ */ o(
+        Jr,
+        {
+          className: Lr(`${Wr}__text-field`),
+          "data-testid": t,
+          onChange: _,
+          ref: a,
+          type: d,
+          endAdornment: (
+            // eslint-disable-next-line react/jsx-wrap-multilines
+            /* @__PURE__ */ o(
+              Fr,
+              {
+                "aria-label": d === O.PASSWORD ? r : i,
+                "data-testid": `${t}-type-toggle-button`,
+                onClick: v,
+                size: "sm",
+                variant: "tertiary-purple",
+                iconOnly: !0,
+                children: /* @__PURE__ */ o(s, { size: "sm" })
+              }
+            )
+          ),
+          ...e
+        }
+      ),
+      u
+    ] });
+  }
+);
+rt.PasswordStrength = Q;
+rt.displayName = "PasswordField";
+const wn = (t) => st(t) && (t == null ? void 0 : t.type) === Q;
+export {
+  rt as P,
+  un as g,
+  wn as i
+};
+//# sourceMappingURL=password-field-BwuKVABM.mjs.map