@purpurds/autocomplete 5.14.0 → 5.15.1

package/dist/autocomplete.es.js

@@ -1,7 +1,7 @@
-import { jsx as s, jsxs as O, Fragment as ot } from "react/jsx-runtime";
-import { forwardRef as P, Children as k, isValidElement as q, createElement as J, cloneElement as lr, useEffect as Nr, useId as pt, Fragment as st, useRef as Y, useCallback as lt, useState as ur } from "react";
+import { jsx as s, jsxs as O, Fragment as st } from "react/jsx-runtime";
+import { forwardRef as P, Children as E, isValidElement as R, createElement as Q, cloneElement as sr, useEffect as Nr, useId as lt, Fragment as ct, useRef as J, useCallback as dt, useState as ar } from "react";
 import "react-dom";
-function ct(t) {
+function _t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Ar = { exports: {} };
@@ -40,8 +40,8 @@ var Ar = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Ar);
-var dt = Ar.exports;
-const _t = /* @__PURE__ */ ct(dt), ft = {
+var ft = Ar.exports;
+const vt = /* @__PURE__ */ _t(ft), mt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,44 +49,180 @@ const _t = /* @__PURE__ */ ct(dt), ft = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, vt = {
-  name: "checkmark",
-  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
-  keywords: ["checkmark"],
-  category: "utility"
-}, mt = {
+}, gt = {
   name: "chevron-down",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["chevron-down"],
   category: "utility"
 }, Or = (t) => /* @__PURE__ */ s(
-  Pr,
+  $t,
   {
     ...t,
-    svg: mt
+    svg: gt
   }
 );
 Or.displayName = "IconChevronDown";
-const gt = _t.bind(ft), mr = "purpur-icon", xt = "md", bt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ht = ({ content: t = "", title: a } = {}) => {
+const xt = vt.bind(mt), vr = "purpur-icon", bt = "md", ht = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), yt = ({ content: t = "", title: a } = {}) => {
+  const n = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${ht(n)}>${i}${t}</svg>`;
+}, wt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $t = ({
+  ["data-testid"]: t,
+  svg: a,
+  allyTitle: n,
+  className: i,
+  size: o = bt,
+  ...r
+}) => {
+  const e = yt({
+    content: wt(a.svg),
+    title: n
+  }), u = xt(i, vr, `${vr}--${o}`);
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "aria-label": n,
+      className: u,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+function jt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Pr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var a = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, i.call(this, u)));
+      }
+      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 u in r)
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+      return e;
+    }
+    function o(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Pr);
+var St = Pr.exports;
+const Mr = /* @__PURE__ */ jt(St), Cr = {
+  "purpur-listbox": "_purpur-listbox_qhoi7_1",
+  "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
+  "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_qhoi7_29",
+  "purpur-listbox-item--highlighted": "_purpur-listbox-item--highlighted_qhoi7_37",
+  "purpur-listbox-item--noninteractive": "_purpur-listbox-item--noninteractive_qhoi7_41",
+  "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_qhoi7_44",
+  "purpur-listbox-item__icon": "_purpur-listbox-item__icon_qhoi7_51"
+};
+function Nt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Lr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var a = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, i.call(this, u)));
+      }
+      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 u in r)
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+      return e;
+    }
+    function o(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Lr);
+var At = Lr.exports;
+const Ot = /* @__PURE__ */ Nt(At), 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"
+}, Mt = {
+  name: "checkmark",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
+  keywords: ["checkmark"],
+  category: "utility"
+}, qr = (t) => /* @__PURE__ */ s(
+  zt,
+  {
+    ...t,
+    svg: Mt
+  }
+);
+qr.displayName = "IconCheckmark";
+const Ct = Ot.bind(Pt), mr = "purpur-icon", Lt = "md", qt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), It = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
-  return `<svg ${bt(n)}>${i}${t}</svg>`;
-}, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Pr = ({
+  return `<svg ${qt(n)}>${i}${t}</svg>`;
+}, kt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), zt = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = xt,
+  size: o = Lt,
   ...r
 }) => {
-  const e = ht({
-    content: yt(a.svg),
+  const e = It({
+    content: kt(a.svg),
     title: n
-  }), u = gt(i, mr, `${mr}--${o}`);
+  }), u = Ct(i, mr, `${mr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -97,15 +233,146 @@ const gt = _t.bind(ft), mr = "purpur-icon", xt = "md", bt = (t) => t.filter((a)
       ...r
     }
   );
-}, wt = {
+};
+function Bt(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
+*/
+(function(t) {
+  (function() {
+    var a = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, i(u)));
+      }
+      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 u in r)
+        a.call(r, u) && r[u] && (e = o(e, u));
+      return e;
+    }
+    function o(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Ir);
+var Et = Ir.exports;
+const Rt = /* @__PURE__ */ Bt(Et), H = {
+  "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"
+}, Dt = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, V = "purpur-paragraph", kr = ({
+  ["data-testid"]: t,
+  children: a,
+  className: n,
+  disabled: i,
+  enableHyphenation: o = !1,
+  negative: r = !1,
+  variant: e = Dt.PARAGRAPH100,
+  ...u
+}) => {
+  const v = Rt([
+    n,
+    H[V],
+    H[`${V}--${e}`],
+    {
+      [H[`${V}--hyphens`]]: o,
+      [H[`${V}--disabled`]]: i,
+      [H[`${V}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: a });
+};
+kr.displayName = "Paragraph";
+const gr = Mr.bind(Cr), q = "purpur-listbox", lr = P(
+  (t, a) => {
+    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, b = gr(`${q}-item`, v.className, {
+      [`${q}-item--highlighted`]: i,
+      [`${q}-item--selected`]: r,
+      [`${q}-item--hovered`]: o,
+      [`${q}-item--disabled`]: n,
+      [`${q}-item--noninteractive`]: u
+    });
+    return /* @__PURE__ */ O(
+      "li",
+      {
+        ...v,
+        ref: a,
+        className: b,
+        "aria-selected": !!r,
+        role: "option",
+        "aria-disabled": !!n,
+        children: [
+          typeof e == "string" ? /* @__PURE__ */ s(kr, { children: e }) : e,
+          r && /* @__PURE__ */ s(qr, { size: "xs", className: gr(`${q}-item__icon`) })
+        ]
+      }
+    );
+  }
+), Tt = (t) => R(t) && (t == null ? void 0 : t.type) === lr;
+lr.displayName = "ListBoxItem";
+const Ft = Mr.bind(Cr), Gt = "purpur-listbox", W = P(
+  ({ children: t, ...a }, n) => /* @__PURE__ */ s(
+    "ul",
+    {
+      ...a,
+      ref: n,
+      className: Ft(Gt, a.className),
+      role: "listbox",
+      children: E.toArray(t).filter(Tt)
+    }
+  )
+);
+W.Item = lr;
+W.displayName = "ListBox";
+const Ht = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function $t(t) {
+function Vt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Lr = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -140,44 +407,44 @@ var Lr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Lr);
-var jt = Lr.exports;
-const gr = /* @__PURE__ */ $t(jt), St = "_rotate_1xozj_1", Nt = "_dash_1xozj_1", G = {
+})(zr);
+var Zt = zr.exports;
+const xr = /* @__PURE__ */ Vt(Zt), Kt = "_rotate_1xozj_1", Xt = "_dash_1xozj_1", Z = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: St,
+  rotate: Kt,
   "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: Nt,
+  dash: Xt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, V = "purpur-spinner", At = {
+}, K = "purpur-spinner", Ut = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Ot = ({
+}, Yt = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = At.SM,
+  size: i = Ut.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: gr([G[V], G[`${V}--${i}`]]),
+    className: xr([Z[K], Z[`${K}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: gr(G[`${V}__circle`], {
-          [G[`${V}__circle--disabled`]]: a,
-          [G[`${V}__circle--negative`]]: n
+        className: xr(Z[`${K}__circle`], {
+          [Z[`${K}__circle--disabled`]]: a,
+          [Z[`${K}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -186,10 +453,10 @@ const gr = /* @__PURE__ */ $t(jt), St = "_rotate_1xozj_1", Nt = "_dash_1xozj_1",
     ) })
   }
 );
-function Pt(t) {
+function Jt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Mr = { exports: {} };
+var Br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -224,9 +491,9 @@ var Mr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Mr);
-var Lt = Mr.exports;
-const Mt = /* @__PURE__ */ Pt(Lt), Ct = {
+})(Br);
+var Wt = Br.exports;
+const Qt = /* @__PURE__ */ Jt(Wt), re = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -247,7 +514,7 @@ const Mt = /* @__PURE__ */ Pt(Lt), Ct = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, It = Mt.bind(Ct), z = "purpur-button", zt = ({
+}, te = Qt.bind(re), I = "purpur-button", ee = ({
   children: t,
   className: a,
   ["data-testid"]: n,
@@ -259,22 +526,22 @@ const Mt = /* @__PURE__ */ Pt(Lt), Ct = {
   onClick: v,
   size: b = "md",
   variant: y,
-  type: $ = "button",
+  type: j = "button",
   ...d
-}, _) => {
+}, f) => {
   if (r && y === "destructive")
     return null;
-  const j = It(
+  const S = te(
     [
-      z,
-      `${z}--${u ? `${y}-negative` : y}`,
-      `${z}--${b}`
+      I,
+      `${I}--${u ? `${y}-negative` : y}`,
+      `${I}--${b}`
     ],
     {
-      [`${z}--icon-only`]: r,
-      [`${z}--negative`]: u,
-      [`${z}--full-width`]: o,
-      [`${z}--disabled`]: i || e
+      [`${I}--icon-only`]: r,
+      [`${I}--negative`]: u,
+      [`${I}--full-width`]: o,
+      [`${I}--disabled`]: i || e
     },
     a
   ), C = (l) => {
@@ -283,26 +550,26 @@ const Mt = /* @__PURE__ */ Pt(Lt), Ct = {
   return /* @__PURE__ */ O(
     "button",
     {
-      className: j,
+      className: S,
       "data-testid": n,
-      type: $,
-      ref: _,
+      type: j,
+      ref: f,
       "aria-disabled": w,
       onClick: C,
       ...d,
       children: [
-        e && /* @__PURE__ */ s(Ot, { size: b === wt.LG ? "xs" : "xxs", negative: u, disabled: w }),
+        e && /* @__PURE__ */ s(Yt, { size: b === Ht.LG ? "xs" : "xxs", negative: u, disabled: w }),
         " ",
         t
       ]
     }
   );
-}, Cr = P(zt);
-Cr.displayName = "Button";
-function Bt(t) {
+}, Er = P(ee);
+Er.displayName = "Button";
+function ne(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var Rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -337,9 +604,9 @@ var Ir = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Ir);
-var Rt = Ir.exports;
-const kt = /* @__PURE__ */ Bt(Rt), qt = {
+})(Rr);
+var ue = Rr.exports;
+const ae = /* @__PURE__ */ ne(ue), ie = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -347,31 +614,31 @@ const kt = /* @__PURE__ */ Bt(Rt), qt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Et = {
+}, 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"
-}, Dt = kt.bind(qt), xr = "purpur-icon", Tt = "md", Ft = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Gt = ({ content: t = "", title: a } = {}) => {
+}, pe = ae.bind(ie), br = "purpur-icon", se = "md", le = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ce = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
-  return `<svg ${Ft(n)}>${i}${t}</svg>`;
-}, Vt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Zt = ({
+  return `<svg ${le(n)}>${i}${t}</svg>`;
+}, de = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), _e = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = Tt,
+  size: o = se,
   ...r
 }) => {
-  const e = Gt({
-    content: Vt(a.svg),
+  const e = ce({
+    content: de(a.svg),
     title: n
-  }), u = Dt(i, xr, `${xr}--${o}`);
+  }), u = pe(i, br, `${br}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -383,10 +650,10 @@ const kt = /* @__PURE__ */ Bt(Rt), qt = {
     }
   );
 };
-function Ht(t) {
+function fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -421,12 +688,12 @@ var zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(zr);
-var Kt = zr.exports;
-const Xt = /* @__PURE__ */ Ht(Kt), br = {
+})(Dr);
+var ve = Dr.exports;
+const me = /* @__PURE__ */ fe(ve), hr = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, hr = "purpur-field-error-text", Ut = ({
+}, yr = "purpur-field-error-text", ge = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -435,21 +702,21 @@ const Xt = /* @__PURE__ */ Ht(Kt), br = {
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Xt([n, br[hr]]),
+    className: me([n, hr[yr]]),
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": i,
     ...o,
     children: [
-      /* @__PURE__ */ s(Zt, { svg: Et, size: "xs", className: br[`${hr}__icon`] }),
+      /* @__PURE__ */ s(_e, { svg: oe, size: "xs", className: hr[`${yr}__icon`] }),
       a
     ]
   }
 );
-function Yt(t) {
+function xe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Br = { exports: {} };
+var Tr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -484,12 +751,12 @@ var Br = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Br);
-var Jt = Br.exports;
-const Qt = /* @__PURE__ */ Yt(Jt), yr = {
+})(Tr);
+var be = Tr.exports;
+const he = /* @__PURE__ */ xe(be), wr = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, wr = "purpur-field-helper-text", Wt = ({
+}, $r = "purpur-field-helper-text", ye = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -497,19 +764,19 @@ const Qt = /* @__PURE__ */ Yt(Jt), yr = {
   id: o,
   ...r
 }) => {
-  const e = Qt([
+  const e = he([
     n,
-    yr[wr],
+    wr[$r],
     {
-      [yr[`${wr}--disabled`]]: i
+      [wr[`${$r}--disabled`]]: i
     }
   ]);
   return /* @__PURE__ */ s("span", { id: o, className: e, "data-testid": t, ...r, children: a });
 };
-function re(t) {
+function we(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Rr = { exports: {} };
+var Fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -544,9 +811,9 @@ var Rr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Rr);
-var te = Rr.exports;
-const ee = /* @__PURE__ */ re(te), ne = {
+})(Fr);
+var $e = Fr.exports;
+const je = /* @__PURE__ */ we($e), Se = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -554,52 +821,52 @@ const ee = /* @__PURE__ */ re(te), ne = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ue = {
+}, 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"
-}, ae = {
+}, 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"
-}, kr = (t) => /* @__PURE__ */ s(
-  Er,
+}, Gr = (t) => /* @__PURE__ */ s(
+  Vr,
   {
     ...t,
-    svg: ue
+    svg: Ne
   }
 );
-kr.displayName = "IconCheckCircleFilled";
-const qr = (t) => /* @__PURE__ */ s(
-  Er,
+Gr.displayName = "IconCheckCircleFilled";
+const Hr = (t) => /* @__PURE__ */ s(
+  Vr,
   {
     ...t,
-    svg: ae
+    svg: Ae
   }
 );
-qr.displayName = "IconClose";
-const ie = ee.bind(ne), $r = "purpur-icon", oe = "md", pe = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), se = ({ content: t = "", title: a } = {}) => {
+Hr.displayName = "IconClose";
+const Oe = je.bind(Se), jr = "purpur-icon", Pe = "md", Me = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Ce = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
-  return `<svg ${pe(n)}>${i}${t}</svg>`;
-}, le = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Er = ({
+  return `<svg ${Me(n)}>${i}${t}</svg>`;
+}, Le = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Vr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = oe,
+  size: o = Pe,
   ...r
 }) => {
-  const e = se({
-    content: le(a.svg),
+  const e = Ce({
+    content: Le(a.svg),
     title: n
-  }), u = ie(i, $r, `${$r}--${o}`);
+  }), u = Oe(i, jr, `${jr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -611,60 +878,49 @@ const ie = ee.bind(ne), $r = "purpur-icon", oe = "md", pe = (t) => t.filter((a)
     }
   );
 };
-function or() {
-  return or = Object.assign ? Object.assign.bind() : function(t) {
+function D() {
+  return D = Object.assign ? Object.assign.bind() : function(t) {
     for (var a = 1; a < arguments.length; a++) {
       var n = arguments[a];
-      for (var i in n)
-        Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
+      for (var i in n) ({}).hasOwnProperty.call(n, i) && (t[i] = n[i]);
     }
     return t;
-  }, or.apply(this, arguments);
+  }, D.apply(null, arguments);
 }
-function Q() {
-  return Q = Object.assign ? Object.assign.bind() : function(t) {
-    for (var a = 1; a < arguments.length; a++) {
-      var n = arguments[a];
-      for (var i in n)
-        Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
-    }
-    return t;
-  }, Q.apply(this, arguments);
-}
-function ce(t, a) {
+function qe(t, a) {
   typeof t == "function" ? t(a) : t != null && (t.current = a);
 }
-function de(...t) {
+function Ie(...t) {
   return (a) => t.forEach(
-    (n) => ce(n, a)
+    (n) => qe(n, a)
   );
 }
-const Dr = /* @__PURE__ */ P((t, a) => {
-  const { children: n, ...i } = t, o = k.toArray(n), r = o.find(fe);
+const Zr = /* @__PURE__ */ P((t, a) => {
+  const { children: n, ...i } = t, o = E.toArray(n), r = o.find(ze);
   if (r) {
-    const e = r.props.children, u = o.map((v) => v === r ? k.count(e) > 1 ? k.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ J(pr, Q({}, i, {
+    const e = r.props.children, u = o.map((v) => v === r ? E.count(e) > 1 ? E.only(null) : /* @__PURE__ */ R(e) ? e.props.children : null : v);
+    return /* @__PURE__ */ Q(pr, D({}, i, {
       ref: a
-    }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ lr(e, void 0, u) : null);
+    }), /* @__PURE__ */ R(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ J(pr, Q({}, i, {
+  return /* @__PURE__ */ Q(pr, D({}, i, {
     ref: a
   }), n);
 });
-Dr.displayName = "Slot";
+Zr.displayName = "Slot";
 const pr = /* @__PURE__ */ P((t, a) => {
   const { children: n, ...i } = t;
-  return /* @__PURE__ */ q(n) ? /* @__PURE__ */ lr(n, {
-    ...ve(i, n.props),
-    ref: a ? de(a, n.ref) : n.ref
-  }) : k.count(n) > 1 ? k.only(null) : null;
+  return /* @__PURE__ */ R(n) ? /* @__PURE__ */ sr(n, {
+    ...Be(i, n.props),
+    ref: a ? Ie(a, n.ref) : n.ref
+  }) : E.count(n) > 1 ? E.only(null) : null;
 });
 pr.displayName = "SlotClone";
-const _e = ({ children: t }) => /* @__PURE__ */ J(st, null, t);
-function fe(t) {
-  return /* @__PURE__ */ q(t) && t.type === _e;
+const ke = ({ children: t }) => /* @__PURE__ */ Q(ct, null, t);
+function ze(t) {
+  return /* @__PURE__ */ R(t) && t.type === ke;
 }
-function ve(t, a) {
+function Be(t, a) {
   const n = {
     ...a
   };
@@ -685,7 +941,7 @@ function ve(t, a) {
     ...n
   };
 }
-const me = [
+const Ee = [
   "a",
   "button",
   "div",
@@ -702,12 +958,12 @@ const me = [
   "span",
   "svg",
   "ul"
-], ge = me.reduce((t, a) => {
+], Re = Ee.reduce((t, a) => {
   const n = /* @__PURE__ */ P((i, o) => {
-    const { asChild: r, ...e } = i, u = r ? Dr : a;
+    const { asChild: r, ...e } = i, u = r ? Zr : a;
     return Nr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ J(u, Q({}, e, {
+    }, []), /* @__PURE__ */ Q(u, D({}, e, {
       ref: o
     }));
   });
@@ -715,17 +971,17 @@ const me = [
     ...t,
     [a]: n
   };
-}, {}), xe = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ J(ge.label, or({}, t, {
+}, {}), De = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ Q(Re.label, D({}, t, {
   ref: a,
   onMouseDown: (n) => {
     var i;
     (i = t.onMouseDown) === null || i === void 0 || i.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), be = xe;
-function he(t) {
+}))), Te = De;
+function Fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Tr = { exports: {} };
+var Kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -760,13 +1016,13 @@ var Tr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Tr);
-var ye = Tr.exports;
-const we = /* @__PURE__ */ he(ye), ar = {
+})(Kr);
+var Ge = Kr.exports;
+const He = /* @__PURE__ */ Fe(Ge), ir = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, ir = "purpur-label", $e = ({
+}, or = "purpur-label", Ve = ({
   children: t,
   className: a,
   htmlFor: n,
@@ -775,20 +1031,20 @@ const we = /* @__PURE__ */ he(ye), ar = {
   negative: r = !1,
   ...e
 }) => {
-  const u = we([
+  const u = He([
     a,
-    ar[ir],
+    ir[or],
     {
-      [ar[`${ir}--disabled`]]: o,
-      [ar[`${ir}--negative`]]: r
+      [ir[`${or}--disabled`]]: o,
+      [ir[`${or}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s(be, { className: u, "data-testid": i, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ s(Te, { className: u, "data-testid": i, htmlFor: n, ...e, children: t });
 };
-function je(t) {
+function Ze(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Fr = { exports: {} };
+var Xr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -823,44 +1079,44 @@ var Fr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Fr);
-var Se = Fr.exports;
-const jr = /* @__PURE__ */ je(Se), Ne = "_rotate_1xozj_1", Ae = "_dash_1xozj_1", Z = {
+})(Xr);
+var Ke = Xr.exports;
+const Sr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1", X = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Ne,
+  rotate: Xe,
   "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: Ae,
+  dash: Ue,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, H = "purpur-spinner", Oe = {
+}, U = "purpur-spinner", Ye = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Pe = ({
+}, Je = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = Oe.SM,
+  size: i = Ye.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: jr([Z[H], Z[`${H}--${i}`]]),
+    className: Sr([X[U], X[`${U}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: jr(Z[`${H}__circle`], {
-          [Z[`${H}__circle--disabled`]]: a,
-          [Z[`${H}__circle--negative`]]: n
+        className: Sr(X[`${U}__circle`], {
+          [X[`${U}__circle--disabled`]]: a,
+          [X[`${U}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -869,10 +1125,10 @@ const jr = /* @__PURE__ */ je(Se), Ne = "_rotate_1xozj_1", Ae = "_dash_1xozj_1",
     ) })
   }
 );
-function Le(t) {
+function We(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Gr = { exports: {} };
+var Ur = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -907,9 +1163,9 @@ var Gr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Gr);
-var Me = Gr.exports;
-const Ce = /* @__PURE__ */ Le(Me), Ie = {
+})(Ur);
+var Qe = Ur.exports;
+const rn = /* @__PURE__ */ We(Qe), tn = {
   "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",
@@ -926,7 +1182,7 @@ const Ce = /* @__PURE__ */ Le(Me), Ie = {
   "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"
-}, ze = (t) => Y(t), A = Ce.bind(Ie), g = "purpur-text-field", Be = ({
+}, en = (t) => J(t), A = rn.bind(tn), g = "purpur-text-field", nn = ({
   ["data-testid"]: t,
   className: a,
   clearButtonAllyLabel: n,
@@ -938,18 +1194,18 @@ const Ce = /* @__PURE__ */ Le(Me), Ie = {
   loading: v = !1,
   onClear: b,
   startAdornment: y,
-  valid: $ = !1,
+  valid: j = !1,
   ...d
-}, _) => {
-  var j;
-  const C = pt(), w = d.id ?? C, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, x = e ? `${w}-helper-text` : void 0, S = [y].filter((m) => !!m), E = (typeof d.value == "number" ? d.value !== void 0 : (j = d.value) == null ? void 0 : j.length) && !d.disabled && !d.readOnly && !v && b && n, D = ze(null), B = (m) => {
-    D.current = m, typeof _ == "function" ? _(m) : _ && (_.current = m);
-  }, W = () => {
+}, f) => {
+  var S;
+  const C = lt(), w = d.id ?? C, l = (m) => t ? `${t}-${m}` : void 0, c = j && !r, x = e ? `${w}-helper-text` : void 0, $ = [y].filter((m) => !!m), T = (typeof d.value == "number" ? d.value !== void 0 : (S = d.value) == null ? void 0 : S.length) && !d.disabled && !d.readOnly && !v && b && n, k = en(null), z = (m) => {
+    k.current = m, typeof f == "function" ? f(m) : f && (f.current = m);
+  }, rr = () => {
     var m;
-    b == null || b(), (m = D.current) == null || m.focus();
-  }, R = [
+    b == null || b(), (m = k.current) == null || m.focus();
+  }, B = [
     v && /* @__PURE__ */ s(
-      Pe,
+      Je,
       {
         disabled: d.disabled,
         size: "xs",
@@ -957,40 +1213,40 @@ const Ce = /* @__PURE__ */ Le(Me), Ie = {
       },
       "spinner"
     ),
-    E && /* @__PURE__ */ s(
-      Cr,
+    T && /* @__PURE__ */ s(
+      Er,
       {
         variant: "tertiary-purple",
-        onClick: W,
+        onClick: rr,
         iconOnly: !0,
         "aria-label": n ?? "",
         "data-testid": l("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ s(qr, { size: "xs" })
+        children: /* @__PURE__ */ s(Hr, { size: "xs" })
       },
       "clear-button"
     ),
     c && /* @__PURE__ */ s(
-      kr,
+      Gr,
       {
         "data-testid": l("valid-icon"),
         className: A(`${g}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((m) => !!m), T = A([
+  ].filter((m) => !!m), F = A([
     `${g}__input-container`,
     {
-      [`${g}__input-container--start-adornment`]: S.length,
-      [`${g}__input-container--end-adornment`]: R.length || o,
+      [`${g}__input-container--start-adornment`]: $.length,
+      [`${g}__input-container--end-adornment`]: B.length || o,
       [`${g}__input-container--disabled`]: d.disabled,
-      [`${g}__input-container--has-clear-button`]: E,
+      [`${g}__input-container--has-clear-button`]: T,
       [`${g}__input-container--readonly`]: d.readOnly && !d.disabled
     }
   ]);
   return /* @__PURE__ */ O("div", { className: A(a, g), children: [
     u && /* @__PURE__ */ s(
-      $e,
+      Ve,
       {
         htmlFor: w,
         className: A(`${g}__label`),
@@ -1000,13 +1256,13 @@ const Ce = /* @__PURE__ */ Le(Me), Ie = {
       }
     ),
     /* @__PURE__ */ O("div", { className: A(`${g}__field-row`), children: [
-      /* @__PURE__ */ O("div", { className: T, children: [
-        !!S.length && /* @__PURE__ */ s(
+      /* @__PURE__ */ O("div", { className: F, children: [
+        !!$.length && /* @__PURE__ */ s(
           "div",
           {
             "data-testid": l("start-adornments"),
             className: A(`${g}__adornment-container`),
-            children: S
+            children: $
           }
         ),
         /* @__PURE__ */ s(
@@ -1014,7 +1270,7 @@ const Ce = /* @__PURE__ */ Le(Me), Ie = {
           {
             ...d,
             id: w,
-            ref: B,
+            ref: z,
             "data-testid": l("input"),
             "aria-describedby": d["aria-describedby"] || x,
             "aria-invalid": d["aria-invalid"] || !!r,
@@ -1028,13 +1284,13 @@ const Ce = /* @__PURE__ */ Le(Me), Ie = {
           }
         ),
         /* @__PURE__ */ s("div", { className: A(`${g}__frame`) }),
-        (!!R.length || o) && /* @__PURE__ */ O(
+        (!!B.length || o) && /* @__PURE__ */ O(
           "div",
           {
             "data-testid": l("end-adornments"),
             className: A(`${g}__adornment-container`),
             children: [
-              R,
+              B,
               o
             ]
           }
@@ -1042,16 +1298,16 @@ const Ce = /* @__PURE__ */ Le(Me), Ie = {
       ] }),
       !!i && i
     ] }),
-    x && /* @__PURE__ */ s(Wt, { "data-testid": l("helper-text"), id: x, children: e }),
-    r && /* @__PURE__ */ s(Ut, { "data-testid": l("error-text"), children: r })
+    x && /* @__PURE__ */ s(ye, { "data-testid": l("helper-text"), id: x, children: e }),
+    r && /* @__PURE__ */ s(ge, { "data-testid": l("error-text"), children: r })
   ] });
-}, Vr = P(Be);
-Vr.displayName = "TextField";
-const Re = (t) => q(t) && t.type.displayName === Vr.displayName;
-function ke(t) {
+}, Yr = P(nn);
+Yr.displayName = "TextField";
+const un = (t) => R(t) && t.type.displayName === Yr.displayName;
+function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Zr = { exports: {} };
+var Jr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1086,114 +1342,16 @@ var Zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Zr);
-var qe = Zr.exports;
-const Hr = /* @__PURE__ */ ke(qe), Ee = {
+})(Jr);
+var on = Jr.exports;
+const pn = /* @__PURE__ */ an(on), sn = {
   "purpur-autocomplete": "_purpur-autocomplete_1u8x6_1",
   "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_1u8x6_4",
   "purpur-autocomplete__chevron-button": "_purpur-autocomplete__chevron-button_1u8x6_9",
   "purpur-autocomplete__chevron-icon": "_purpur-autocomplete__chevron-icon_1u8x6_15",
   "purpur-autocomplete__chevron-icon--up": "_purpur-autocomplete__chevron-icon--up_1u8x6_19"
-};
-function De(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-var Kr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(t) {
-  (function() {
-    var a = {}.hasOwnProperty;
-    function n() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var u = arguments[e];
-        u && (r = o(r, i(u)));
-      }
-      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 u in r)
-        a.call(r, u) && r[u] && (e = o(e, u));
-      return e;
-    }
-    function o(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
-    }
-    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
-  })();
-})(Kr);
-var Te = Kr.exports;
-const Fe = /* @__PURE__ */ De(Te), K = {
-  "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"
-}, Ge = {
-  PARAGRAPH100: "paragraph-100",
-  PARAGRAPH100MEDIUM: "paragraph-100-medium",
-  PARAGRAPH100BOLD: "paragraph-100-bold",
-  PARAGRAPH200: "paragraph-200",
-  PREAMBLE100: "preamble-100",
-  PREAMBLE200: "preamble-200",
-  ADDITIONAL100: "additional-100",
-  ADDITIONAL100MEDIUM: "additional-100-medium",
-  OVERLINE100: "overline-100",
-  OVERLINE200: "overline-200"
-}, X = "purpur-paragraph", Xr = ({
-  ["data-testid"]: t,
-  children: a,
-  className: n,
-  disabled: i,
-  enableHyphenation: o = !1,
-  negative: r = !1,
-  variant: e = Ge.PARAGRAPH100,
-  ...u
-}) => {
-  const v = Fe([
-    n,
-    K[X],
-    K[`${X}--${e}`],
-    {
-      [K[`${X}--hyphens`]]: o,
-      [K[`${X}--disabled`]]: i,
-      [K[`${X}--negative`]]: r
-    }
-  ]);
-  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: a });
-};
-Xr.displayName = "Paragraph";
-const Ve = {
-  "purpur-listbox": "_purpur-listbox_qhoi7_1",
-  "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
-  "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_qhoi7_29",
-  "purpur-listbox-item--highlighted": "_purpur-listbox-item--highlighted_qhoi7_37",
-  "purpur-listbox-item--noninteractive": "_purpur-listbox-item--noninteractive_qhoi7_41",
-  "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_qhoi7_44",
-  "purpur-listbox-item__icon": "_purpur-listbox-item__icon_qhoi7_51"
-}, Ze = (t) => Y(t), He = (t, a) => {
-  const n = lt(
+}, ln = (t) => J(t), cn = (t, a) => {
+  const n = dt(
     (i) => {
       t && !t.contains(i.target) && a();
     },
@@ -1202,7 +1360,7 @@ const Ve = {
   Nr(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, Ke = ({
+}, dn = ({
   combobox: t,
   highlightFirstOption: a,
   defaultInputValue: n,
@@ -1214,63 +1372,63 @@ const Ve = {
   onInputChange: v,
   openOnFocus: b,
   noOptionsText: y,
-  onSelect: $,
+  onSelect: j,
   options: d,
-  selectedOption: _,
-  ["data-testid"]: j
+  selectedOption: f,
+  ["data-testid"]: S
 }) => {
-  const [C, w] = ur(
-    ((typeof i == "string" ? i : n) || (_ == null ? void 0 : _.label)) ?? ""
-  ), l = typeof i == "string" ? i : C, [c, x] = ur(a ? d[0] : void 0), S = Y(null), E = Ze(null), D = Y(null), B = Y({}), [W, R] = ur(!1);
-  function T(p) {
-    return j ? `${j}-${p}` : void 0;
+  const [C, w] = ar(
+    ((typeof i == "string" ? i : n) || (f == null ? void 0 : f.label)) ?? ""
+  ), l = typeof i == "string" ? i : C, [c, x] = ar(a ? d[0] : void 0), $ = J(null), T = ln(null), k = J(null), z = J({}), [rr, B] = ar(!1);
+  function F(p) {
+    return S ? `${S}-${p}` : void 0;
   }
   const m = () => {
-    R(!1), x(void 0);
+    B(!1), x(void 0);
   };
-  He(E.current, m);
-  const F = ({ eventType: p }) => {
-    R(!0), _ && requestAnimationFrame(() => {
-      x({ ..._, isSetByClickEvent: p === "CLICK" }), er(B.current[_.id]);
+  cn(T.current, m);
+  const G = ({ eventType: p }) => {
+    B(!0), f && requestAnimationFrame(() => {
+      x({ ...f, isSetByClickEvent: p === "CLICK" }), nr(z.current[f.id]);
     });
-  }, Yr = (p) => {
+  }, Wr = (p) => {
     if (o)
       return d.filter((h) => o(p, h));
     if (!p)
       return d;
-    const f = p.toUpperCase().split(" ") || [];
+    const _ = p.toUpperCase().split(" ") || [];
     return d.filter(
-      (h) => f.every(
+      (h) => _.every(
         (N) => (h.value || h.label).toUpperCase().includes(N)
       )
     );
-  }, dr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), L = dr(l), tr = (p) => {
+  }, cr = (p) => f && (f == null ? void 0 : f.label) === p ? d : Wr(p), M = cr(l), er = (p) => {
     v == null || v(p), w(p);
-  }, er = (p) => {
-    var f;
+  }, nr = (p) => {
+    var _;
     if (p) {
-      const h = p.getBoundingClientRect(), N = ((f = D.current) == null ? void 0 : f.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      const h = p.getBoundingClientRect(), N = ((_ = k.current) == null ? void 0 : _.getBoundingClientRect()) || { top: 0, bottom: 0 };
       (h.top < N.top || h.bottom > N.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, _r = (p) => {
-    var f;
-    p && ((f = S.current) == null || f.focus(), tr(p.label), $ == null || $(p)), m();
-  }, Jr = (p) => {
-    const f = a && !c ? 0 : L.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = L.length;
-    return p === "ArrowDown" ? L[(f ?? -1) + 1] || L[0] : L[(f ?? h) - 1] || L[h - 1];
-  }, I = W && (!!L.length || !!y), Qr = (p) => {
-    !I && F({ eventType: "KEYBOARD" });
-    const f = Jr(p);
-    x(f), f && er(B.current[f.id]);
-  }, Wr = (p) => {
+  }, dr = (p) => {
+    var _;
+    p && ((_ = $.current) == null || _.focus(), er(p.label), j == null || j(p)), m();
+  }, Qr = (p) => {
+    const _ = a && !c ? 0 : M.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = M.length;
+    return p === "ArrowDown" ? M[(_ ?? -1) + 1] || M[0] : M[(_ ?? h) - 1] || M[h - 1];
+  }, L = rr && (!!M.length || !!y), rt = (p) => {
+    !L && G({ eventType: "KEYBOARD" });
+    const _ = Qr(p);
+    x(_), _ && nr(z.current[_.id]);
+  }, tt = (p) => {
     switch (p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), Qr(p.key);
+        p.preventDefault(), rt(p.key);
         break;
       case "Enter": {
-        const f = c || (a ? d[0] : void 0);
-        I && _r(f), !I && F({ eventType: "KEYBOARD" });
+        const _ = c || (a ? d[0] : void 0);
+        L && dr(_), !L && G({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1278,110 +1436,72 @@ const Ve = {
         m();
         break;
     }
-  }, rt = (p) => {
-    const f = dr(p.target.value);
-    tr(p.target.value), x(void 0), !I && F({ eventType: "KEYBOARD" }), a && f[0] && er(B.current[f[0].id]);
-  }, tt = () => {
-    I ? m() : F({ eventType: "CLICK" });
-  }, et = () => {
-    var p;
-    !W && b && F({ eventType: "KEYBOARD" }), (p = S.current) == null || p.select();
+  }, et = (p) => {
+    const _ = cr(p.target.value);
+    er(p.target.value), x(void 0), !L && G({ eventType: "KEYBOARD" }), a && _[0] && nr(z.current[_[0].id]);
   }, nt = () => {
-    t && tr((_ == null ? void 0 : _.label) ?? "");
-  }, ut = {
+    L ? m() : G({ eventType: "CLICK" });
+  }, ut = () => {
+    var p;
+    !rr && b && G({ eventType: "KEYBOARD" }), (p = $.current) == null || p.select();
+  }, at = () => {
+    t && setTimeout(() => {
+      var p, _;
+      !((p = $.current) != null && p.contains(document.activeElement)) && !((_ = k.current) != null && _.contains(document.activeElement)) && er(f ? f.label : "");
+    });
+  }, it = {
     maxHeight: typeof u == "number" ? `${u}px` : u
-  }, fr = {
+  }, _r = {
     "aria-label": e,
-    "aria-expanded": I,
-    "data-testid": T("listbox"),
+    "aria-expanded": L,
+    "data-testid": F("listbox"),
     id: `${r}-listbox`,
-    ref: D,
+    ref: k,
     onMouseLeave: () => x(void 0),
-    style: u ? ut : void 0
-  }, vr = (p) => `${r}-listbox-item-${p.id}`, at = (p, f) => {
-    const h = () => p.id !== (c == null ? void 0 : c.id) && x({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && f === 0) && !(c != null && c.isSetByClickEvent);
+    style: u ? it : void 0
+  }, fr = (p) => `${r}-listbox-item-${p.id}`, ot = (p, _) => {
+    const h = () => p.id !== (c == null ? void 0 : c.id) && x({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && _ === 0) && !(c != null && c.isSetByClickEvent);
     return {
-      "data-testid": T(`listbox-item-${p.id}`),
-      id: vr(p),
+      "data-testid": F(`listbox-item-${p.id}`),
+      id: fr(p),
       key: p.id,
       onMouseMove: h,
-      onMouseUp: () => _r(p),
-      ref: (nr) => nr && (B.current[p.id] = nr),
+      onMouseUp: () => dr(p),
+      ref: (ur) => ur && (z.current[p.id] = ur),
       tabIndex: -1,
-      selected: p.id === (_ == null ? void 0 : _.id),
+      selected: p.id === (f == null ? void 0 : f.id),
       disabled: p.disabled,
       highlighted: N,
       hovered: p.id === (c == null ? void 0 : c.id) && !!(c != null && c.isSetByClickEvent)
     };
-  }, it = {
-    "aria-activedescendant": c ? vr(c) : void 0,
+  }, pt = {
+    "aria-activedescendant": c ? fr(c) : void 0,
     "aria-autocomplete": "list",
-    "aria-controls": fr.id,
-    "data-testid": T("input"),
+    "aria-controls": _r.id,
+    "data-testid": F("input"),
     autoComplete: "off",
     id: `${r}-input`,
-    onChange: rt,
-    onMouseDown: tt,
-    onFocus: et,
-    onKeyDown: Wr,
-    onBlur: nt,
-    ref: S,
+    onChange: et,
+    onMouseDown: nt,
+    onFocus: ut,
+    onKeyDown: tt,
+    onBlur: at,
+    ref: $,
     role: "combobox",
     value: l
   };
   return {
     id: r,
-    inputProps: it,
-    internalRef: E,
-    optionsToShow: L,
-    showListbox: I,
+    inputProps: pt,
+    internalRef: T,
+    optionsToShow: M,
+    showListbox: L,
     noOptionsText: y,
     combobox: t,
-    getListBoxItemProps: at,
-    listboxProps: fr
+    getListBoxItemProps: ot,
+    listboxProps: _r
   };
-}, sr = Hr.bind(Ve), M = "purpur-listbox", Ur = P(
-  ({ children: t, ...a }, n) => /* @__PURE__ */ s(
-    "ul",
-    {
-      ...a,
-      ref: n,
-      className: sr(M, a.className),
-      role: "listbox",
-      children: k.toArray(t).filter(Xe)
-    }
-  )
-);
-Ur.displayName = "ListBox";
-const cr = P((t, a) => {
-  const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, b = sr(`${M}-item`, v.className, {
-    [`${M}-item--highlighted`]: i,
-    [`${M}-item--selected`]: r,
-    [`${M}-item--hovered`]: o,
-    [`${M}-item--disabled`]: n,
-    [`${M}-item--noninteractive`]: u
-  });
-  return /* @__PURE__ */ O(
-    "li",
-    {
-      ...v,
-      ref: a,
-      className: b,
-      "aria-selected": !!r,
-      role: "option",
-      "aria-disabled": !!n,
-      children: [
-        typeof e == "string" ? /* @__PURE__ */ s(Xr, { children: e }) : e,
-        r && /* @__PURE__ */ s(Pr, { svg: vt, size: "xs", className: sr(`${M}-item__icon`) })
-      ]
-    }
-  );
-});
-cr.displayName = "ListBoxItem";
-function Xe(t) {
-  return q(t) && (t == null ? void 0 : t.type) === cr;
-}
-const Ue = Ur, Sr = cr, rr = Hr.bind(Ee), U = "purpur-autocomplete", Ye = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
+}, tr = pn.bind(sn), Y = "purpur-autocomplete", _n = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
   const {
     id: r,
     inputProps: e,
@@ -1389,25 +1509,25 @@ const Ue = Ur, Sr = cr, rr = Hr.bind(Ee), U = "purpur-autocomplete", Ye = ({ cla
     optionsToShow: v,
     showListbox: b,
     noOptionsText: y,
-    combobox: $,
+    combobox: j,
     getListBoxItemProps: d,
-    listboxProps: _
-  } = Ke(i), j = (l, c) => {
-    const { key: x, ...S } = d(l, c);
-    return /* @__PURE__ */ s(Sr, { ...S, children: n ? n == null ? void 0 : n(l) : l.label }, x);
+    listboxProps: f
+  } = dn(i), S = (l, c) => {
+    const { key: x, ...$ } = d(l, c);
+    return /* @__PURE__ */ s(W.Item, { ...$, children: n ? n == null ? void 0 : n(l) : l.label }, x);
   }, C = (l) => {
     u.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
   }, w = () => {
     const l = a(e);
-    if ($ && y && l && Re(l)) {
-      const x = /* @__PURE__ */ O(ot, { children: [
+    if (j && y && l && un(l)) {
+      const x = /* @__PURE__ */ O(st, { children: [
         l.props.endAdornment,
         /* @__PURE__ */ s(
           "button",
           {
             "data-testid": "chevron button",
             type: "button",
-            className: rr(`${U}__chevron-button`),
+            className: tr(`${Y}__chevron-button`),
             onClick: () => {
               e.onFocus(), e.onMouseDown();
             },
@@ -1416,26 +1536,26 @@ const Ue = Ur, Sr = cr, rr = Hr.bind(Ee), U = "purpur-autocomplete", Ye = ({ cla
               Or,
               {
                 size: "sm",
-                className: rr(`${U}__chevron-icon`, {
-                  [`${U}__chevron-icon--up`]: b
+                className: tr(`${Y}__chevron-icon`, {
+                  [`${Y}__chevron-icon--up`]: b
                 })
               }
             )
           }
         )
       ] });
-      return lr(l, { endAdornment: x });
+      return sr(l, { endAdornment: x });
     }
     return l;
   };
-  return /* @__PURE__ */ O("div", { id: r, ref: C, className: rr([t, U]), children: [
+  return /* @__PURE__ */ O("div", { id: r, ref: C, className: tr([t, Y]), children: [
     w(),
-    b && /* @__PURE__ */ s(Ue, { ..._, className: rr(`${U}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Sr, { noninteractive: !0, children: y }) })
+    b && /* @__PURE__ */ s(W, { ...f, className: tr(`${Y}__listbox`), children: v.length ? v.filter((l) => !!l).map(S) : /* @__PURE__ */ s(W.Item, { noninteractive: !0, children: y }) })
   ] });
-}, Je = P(Ye);
-Je.displayName = "Autocomplete";
+}, fn = P(_n);
+fn.displayName = "Autocomplete";
 export {
-  Je as Autocomplete,
-  Ke as useAutocomplete
+  fn as Autocomplete,
+  dn as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map