@purpurds/autocomplete 5.8.1 → 5.9.0

package/dist/autocomplete.es.js

@@ -1,9 +1,10 @@
-import { jsx as g, jsxs as rr } from "react/jsx-runtime";
-import { useRef as S, useCallback as hr, useEffect as br, useState as M, forwardRef as q, Children as vr, isValidElement as xr } from "react";
-function gr(t) {
+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 W, cloneElement as sr, useEffect as Ar, useId as pt, Fragment as st, useRef as Y, useCallback as lt, useState as nr } from "react";
+import "react-dom";
+function ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var tr = { exports: {} };
+var Or = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -11,15 +12,15 @@ var tr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var o = arguments[e];
-        o && (r = i(r, l.call(this, o)));
+        var u = arguments[e];
+        u && (r = o(r, a.call(this, u)));
       }
       return r;
     }
-    function l(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -29,25 +30,166 @@ var tr = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var o in r)
-        s.call(r, o) && r[o] && (e = i(e, this && this[o] || o));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
-    function i(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(tr);
-var yr = tr.exports;
-const er = /* @__PURE__ */ gr(yr), wr = {
-  "purpur-autocomplete": "_purpur-autocomplete_19u9x_1",
-  "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_19u9x_4"
+})(Or);
+var dt = Or.exports;
+const _t = /* @__PURE__ */ ct(dt), ft = {
+  "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"
+}, 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 = {
+  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"
+}, Pr = (t) => /* @__PURE__ */ s(
+  Mr,
+  {
+    ...t,
+    svg: mt
+  }
+);
+Pr.displayName = "IconChevronDown";
+const gt = _t.bind(ft), mr = "purpur-icon", bt = "md", xt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ht = ({ content: t = "", title: i } = {}) => {
+  const n = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${xt(n)}>${a}${t}</svg>`;
+}, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({
+  ["data-testid"]: t,
+  svg: i,
+  allyTitle: n,
+  className: a = "",
+  size: o = bt,
+  ...r
+}) => {
+  const e = ht({
+    content: yt(i.svg),
+    title: n
+  }), u = gt(a, mr, `${mr}--${o}`);
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "aria-label": n,
+      className: u,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+}, gr = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
 };
-function Ar(t) {
+function wt(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
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a(u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(Cr);
+var $t = Cr.exports;
+const br = /* @__PURE__ */ wt($t), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", Z = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: jt,
+  "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: St,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, G = "purpur-spinner", Nt = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, At = ({
+  ["data-testid"]: t,
+  disabled: i = !1,
+  negative: n = !1,
+  size: a = Nt.SM,
+  ...o
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: br([Z[G], Z[`${G}--${a}`]]),
+    "data-testid": t,
+    ...o,
+    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+      "circle",
+      {
+        className: br(Z[`${G}__circle`], {
+          [Z[`${G}__circle--disabled`]]: i,
+          [Z[`${G}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function Ot(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ar = { exports: {} };
+var Lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -55,15 +197,15 @@ var ar = { exports: {} };
 */
 (function(t) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var o = arguments[e];
-        o && (r = i(r, l.call(this, o)));
+        var u = arguments[e];
+        u && (r = o(r, a.call(this, u)));
       }
       return r;
     }
-    function l(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -73,18 +215,131 @@ var ar = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var o in r)
-        s.call(r, o) && r[o] && (e = i(e, this && this[o] || o));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
-    function i(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(ar);
-var Rr = ar.exports;
-const $r = /* @__PURE__ */ Ar(Rr), Ir = {
+})(Lr);
+var Pt = Lr.exports;
+const Mt = /* @__PURE__ */ Ot(Pt), Ct = {
+  "purpur-button": "_purpur-button_u2yv5_1",
+  "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
+  "purpur-button--md": "_purpur-button--md_u2yv5_39",
+  "purpur-button--lg": "_purpur-button--lg_u2yv5_45",
+  "purpur-button--full-width": "_purpur-button--full-width_u2yv5_51",
+  "purpur-button--primary": "_purpur-button--primary_u2yv5_54",
+  "purpur-button--disabled": "_purpur-button--disabled_u2yv5_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_u2yv5_64",
+  "purpur-button--secondary": "_purpur-button--secondary_u2yv5_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_u2yv5_87",
+  "purpur-button--expressive": "_purpur-button--expressive_u2yv5_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_u2yv5_108",
+  "purpur-button--negative": "_purpur-button--negative_u2yv5_120",
+  "purpur-button--destructive": "_purpur-button--destructive_u2yv5_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_u2yv5_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_u2yv5_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
+  "purpur-button--text": "_purpur-button--text_u2yv5_175"
+}, Lt = Mt.bind(Ct), z = "purpur-button", It = ({
+  children: t,
+  className: i,
+  ["data-testid"]: n,
+  disabled: a = !1,
+  fullWidth: o = !1,
+  iconOnly: r,
+  loading: e = !1,
+  negative: u = !1,
+  onClick: v,
+  size: x = gr.MD,
+  variant: y,
+  type: $ = "button",
+  ...d
+}, _) => {
+  if (r && y === "destructive")
+    return null;
+  const j = Lt(
+    [
+      z,
+      `${z}--${u ? `${y}-negative` : y}`,
+      `${z}--${x}`
+    ],
+    {
+      [`${z}--icon-only`]: r,
+      [`${z}--negative`]: u,
+      [`${z}--full-width`]: o,
+      [`${z}--disabled`]: a || e
+    },
+    i
+  ), L = (l) => {
+    a || e ? l.preventDefault() : v && v(l);
+  }, w = !!d["aria-disabled"] || a || e;
+  return /* @__PURE__ */ O(
+    "button",
+    {
+      className: j,
+      "data-testid": n,
+      type: $,
+      ref: _,
+      "aria-disabled": w,
+      onClick: L,
+      ...d,
+      children: [
+        e && /* @__PURE__ */ s(At, { size: x === gr.LG ? "xs" : "xxs", negative: u, disabled: w }),
+        " ",
+        t
+      ]
+    }
+  );
+}, Ir = P(It);
+Ir.displayName = "Button";
+function zt(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
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(zr);
+var Bt = zr.exports;
+const Rt = /* @__PURE__ */ zt(Bt), kt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -92,46 +347,448 @@ const $r = /* @__PURE__ */ Ar(Rr), Ir = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Lr = {
-  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"],
+}, qt = {
+  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"
+}, Et = Rt.bind(kt), xr = "purpur-icon", Dt = "md", Tt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ft = ({ content: t = "", title: i } = {}) => {
+  const n = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${Tt(n)}>${a}${t}</svg>`;
+}, Zt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gt = ({
+  ["data-testid"]: t,
+  svg: i,
+  allyTitle: n,
+  className: a = "",
+  size: o = Dt,
+  ...r
+}) => {
+  const e = Ft({
+    content: Zt(i.svg),
+    title: n
+  }), u = Et(a, xr, `${xr}--${o}`);
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "aria-label": n,
+      className: u,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+function Vt(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
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a(u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(Br);
+var Ht = Br.exports;
+const Kt = /* @__PURE__ */ Vt(Ht), hr = {
+  "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
+  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
+}, yr = "purpur-field-error-text", Ut = ({
+  ["data-testid"]: t,
+  children: i,
+  className: n,
+  relevant: a = "additions text",
+  ...o
+}) => /* @__PURE__ */ O(
+  "div",
+  {
+    className: Kt([n, hr[yr]]),
+    "data-testid": t,
+    "aria-live": "assertive",
+    "aria-relevant": a,
+    ...o,
+    children: [
+      /* @__PURE__ */ s(Gt, { svg: qt, size: "xs", className: hr[`${yr}__icon`] }),
+      i
+    ]
+  }
+);
+function Xt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Rr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a(u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(Rr);
+var Yt = Rr.exports;
+const Wt = /* @__PURE__ */ Xt(Yt), wr = {
+  "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
+}, $r = "purpur-field-helper-text", Jt = ({
+  ["data-testid"]: t,
+  children: i,
+  className: n,
+  disabled: a,
+  id: o,
+  ...r
+}) => {
+  const e = Wt([
+    n,
+    wr[$r],
+    {
+      [wr[`${$r}--disabled`]]: a
+    }
+  ]);
+  return /* @__PURE__ */ s("span", { id: o, className: e, "data-testid": t, ...r, children: i });
+};
+function Qt(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 i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(kr);
+var re = kr.exports;
+const te = /* @__PURE__ */ Qt(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 = {
+  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"
+}, ue = {
+  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"
-}, Er = $r.bind(Ir), Z = "purpur-icon", Nr = "md", Pr = (t) => t.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), Sr = ({ content: t = "", title: s } = {}) => {
+}, qr = (t) => /* @__PURE__ */ s(
+  Dr,
+  {
+    ...t,
+    svg: ne
+  }
+);
+qr.displayName = "IconCheckCircleFilled";
+const Er = (t) => /* @__PURE__ */ s(
+  Dr,
+  {
+    ...t,
+    svg: ue
+  }
+);
+Er.displayName = "IconClose";
+const ie = te.bind(ee), jr = "purpur-icon", ae = "md", oe = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), pe = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    s ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], l = s ? `<title>${s}</title>` : "";
-  return `<svg ${Pr(n)}>${l}${t}</svg>`;
-}, Cr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Br = ({
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${oe(n)}>${a}${t}</svg>`;
+}, se = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Dr = ({
   ["data-testid"]: t,
-  svg: s,
+  svg: i,
   allyTitle: n,
-  className: l = "",
-  size: i = Nr,
+  className: a = "",
+  size: o = ae,
   ...r
 }) => {
-  const e = Sr({
-    content: Cr(s.svg),
+  const e = pe({
+    content: se(i.svg),
     title: n
-  }), o = Er(l, Z, `${Z}--${i}`);
-  return /* @__PURE__ */ g(
+  }), u = ie(a, jr, `${jr}--${o}`);
+  return /* @__PURE__ */ s(
     "span",
     {
       "aria-label": n,
-      className: o,
+      className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
       ...r
     }
   );
 };
-function kr(t) {
+function ar() {
+  return ar = Object.assign ? Object.assign.bind() : function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, ar.apply(this, arguments);
+}
+function J() {
+  return J = Object.assign ? Object.assign.bind() : function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, J.apply(this, arguments);
+}
+function le(t, i) {
+  typeof t == "function" ? t(i) : t != null && (t.current = i);
+}
+function ce(...t) {
+  return (i) => t.forEach(
+    (n) => le(n, i)
+  );
+}
+const Tr = /* @__PURE__ */ P((t, i) => {
+  const { children: n, ...a } = t, o = k.toArray(n), r = o.find(_e);
+  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__ */ W(or, J({}, a, {
+      ref: i
+    }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
+  }
+  return /* @__PURE__ */ W(or, J({}, a, {
+    ref: i
+  }), n);
+});
+Tr.displayName = "Slot";
+const or = /* @__PURE__ */ P((t, i) => {
+  const { children: n, ...a } = t;
+  return /* @__PURE__ */ q(n) ? /* @__PURE__ */ sr(n, {
+    ...fe(a, n.props),
+    ref: i ? ce(i, n.ref) : n.ref
+  }) : k.count(n) > 1 ? k.only(null) : null;
+});
+or.displayName = "SlotClone";
+const de = ({ children: t }) => /* @__PURE__ */ W(st, null, t);
+function _e(t) {
+  return /* @__PURE__ */ q(t) && t.type === de;
+}
+function fe(t, i) {
+  const n = {
+    ...i
+  };
+  for (const a in i) {
+    const o = t[a], r = i[a];
+    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...e) => {
+      r(...e), o(...e);
+    } : o && (n[a] = o) : a === "style" ? n[a] = {
+      ...o,
+      ...r
+    } : a === "className" && (n[a] = [
+      o,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...t,
+    ...n
+  };
+}
+const ve = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], me = ve.reduce((t, i) => {
+  const n = /* @__PURE__ */ P((a, o) => {
+    const { asChild: r, ...e } = a, u = r ? Tr : i;
+    return Ar(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ W(u, J({}, e, {
+      ref: o
+    }));
+  });
+  return n.displayName = `Primitive.${i}`, {
+    ...t,
+    [i]: n
+  };
+}, {}), ge = /* @__PURE__ */ P((t, i) => /* @__PURE__ */ W(me.label, ar({}, t, {
+  ref: i,
+  onMouseDown: (n) => {
+    var a;
+    (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
+  }
+}))), be = ge;
+function xe(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
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a(u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(Fr);
+var he = Fr.exports;
+const ye = /* @__PURE__ */ xe(he), ur = {
+  "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", we = ({
+  children: t,
+  className: i,
+  htmlFor: n,
+  "data-testid": a,
+  disabled: o,
+  negative: r = !1,
+  ...e
+}) => {
+  const u = ye([
+    i,
+    ur[ir],
+    {
+      [ur[`${ir}--disabled`]]: o,
+      [ur[`${ir}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ s(be, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
+};
+function $e(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var nr = { exports: {} };
+var Zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -139,15 +796,15 @@ var nr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var o = arguments[e];
-        o && (r = i(r, l(o)));
+        var u = arguments[e];
+        u && (r = o(r, a(u)));
       }
       return r;
     }
-    function l(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -157,18 +814,327 @@ var nr = { exports: {} };
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
-      for (var o in r)
-        s.call(r, o) && r[o] && (e = i(e, o));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
-    function i(r, e) {
+    function o(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(nr);
-var Dr = nr.exports;
-const Mr = /* @__PURE__ */ kr(Dr), $ = {
+})(Zr);
+var je = Zr.exports;
+const Sr = /* @__PURE__ */ $e(je), Se = "_rotate_1xozj_1", Ne = "_dash_1xozj_1", V = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: Se,
+  "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: Ne,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, H = "purpur-spinner", Ae = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Oe = ({
+  ["data-testid"]: t,
+  disabled: i = !1,
+  negative: n = !1,
+  size: a = Ae.SM,
+  ...o
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: Sr([V[H], V[`${H}--${a}`]]),
+    "data-testid": t,
+    ...o,
+    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+      "circle",
+      {
+        className: Sr(V[`${H}__circle`], {
+          [V[`${H}__circle--disabled`]]: i,
+          [V[`${H}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function Pe(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Gr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(Gr);
+var Me = Gr.exports;
+const Ce = /* @__PURE__ */ Pe(Me), Le = {
+  "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"
+}, Ie = (t) => Y(t), A = Ce.bind(Le), g = "purpur-text-field", ze = ({
+  ["data-testid"]: t,
+  className: i,
+  clearButtonAllyLabel: n,
+  afterField: a,
+  endAdornment: o,
+  errorText: r,
+  helperText: e,
+  label: u,
+  loading: v = !1,
+  onClear: x,
+  startAdornment: y,
+  valid: $ = !1,
+  ...d
+}, _) => {
+  var j;
+  const L = pt(), w = d.id ?? L, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, b = 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 && x && n, D = Ie(null), B = (m) => {
+    D.current = m, typeof _ == "function" ? _(m) : _ && (_.current = m);
+  }, Q = () => {
+    var m;
+    x == null || x(), (m = D.current) == null || m.focus();
+  }, R = [
+    v && /* @__PURE__ */ s(
+      Oe,
+      {
+        disabled: d.disabled,
+        size: "xs",
+        "data-testid": l("spinner")
+      },
+      "spinner"
+    ),
+    E && /* @__PURE__ */ s(
+      Ir,
+      {
+        variant: "tertiary-purple",
+        onClick: Q,
+        iconOnly: !0,
+        "aria-label": n ?? "",
+        "data-testid": l("clear-button"),
+        tabIndex: -1,
+        children: /* @__PURE__ */ s(Er, { size: "xs" })
+      },
+      "clear-button"
+    ),
+    c && /* @__PURE__ */ s(
+      qr,
+      {
+        "data-testid": l("valid-icon"),
+        className: A(`${g}__valid-icon`)
+      },
+      "valid-icon"
+    )
+  ].filter((m) => !!m), T = A([
+    `${g}__input-container`,
+    {
+      [`${g}__input-container--start-adornment`]: S.length,
+      [`${g}__input-container--end-adornment`]: R.length || o,
+      [`${g}__input-container--disabled`]: d.disabled,
+      [`${g}__input-container--has-clear-button`]: E,
+      [`${g}__input-container--readonly`]: d.readOnly && !d.disabled
+    }
+  ]);
+  return /* @__PURE__ */ O("div", { className: A(i, g), children: [
+    u && /* @__PURE__ */ s(
+      we,
+      {
+        htmlFor: w,
+        className: A(`${g}__label`),
+        "data-testid": l("label"),
+        disabled: d.disabled,
+        children: `${d.required ? "* " : ""}${u}`
+      }
+    ),
+    /* @__PURE__ */ O("div", { className: A(`${g}__field-row`), children: [
+      /* @__PURE__ */ O("div", { className: T, children: [
+        !!S.length && /* @__PURE__ */ s(
+          "div",
+          {
+            "data-testid": l("start-adornments"),
+            className: A(`${g}__adornment-container`),
+            children: S
+          }
+        ),
+        /* @__PURE__ */ s(
+          "input",
+          {
+            ...d,
+            id: w,
+            ref: B,
+            "data-testid": l("input"),
+            "aria-describedby": d["aria-describedby"] || b,
+            "aria-invalid": d["aria-invalid"] || !!r,
+            className: A([
+              `${g}__input`,
+              {
+                [`${g}__input--valid`]: c,
+                [`${g}__input--error`]: !!r
+              }
+            ])
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: A(`${g}__frame`) }),
+        (!!R.length || o) && /* @__PURE__ */ O(
+          "div",
+          {
+            "data-testid": l("end-adornments"),
+            className: A(`${g}__adornment-container`),
+            children: [
+              R,
+              o
+            ]
+          }
+        )
+      ] }),
+      !!a && a
+    ] }),
+    b && /* @__PURE__ */ s(Jt, { "data-testid": l("helper-text"), id: b, children: e }),
+    r && /* @__PURE__ */ s(Ut, { "data-testid": l("error-text"), children: r })
+  ] });
+}, Vr = P(ze);
+Vr.displayName = "TextField";
+function Be(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Hr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(Hr);
+var Re = Hr.exports;
+const Kr = /* @__PURE__ */ Be(Re), ke = {
+  "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 qe(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Ur = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = o(r, a(u)));
+      }
+      return r;
+    }
+    function a(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)
+        i.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;
+  })();
+})(Ur);
+var Ee = Ur.exports;
+const De = /* @__PURE__ */ qe(Ee), K = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -183,7 +1149,7 @@ const Mr = /* @__PURE__ */ kr(Dr), $ = {
   "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"
-}, jr = {
+}, Te = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -194,28 +1160,28 @@ const Mr = /* @__PURE__ */ kr(Dr), $ = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, I = "purpur-paragraph", qr = ({
+}, U = "purpur-paragraph", Fe = ({
   ["data-testid"]: t,
-  children: s,
+  children: i,
   className: n = "",
-  disabled: l,
-  enableHyphenation: i = !1,
+  disabled: a,
+  enableHyphenation: o = !1,
   negative: r = !1,
-  variant: e = jr.PARAGRAPH100,
-  ...o
+  variant: e = Te.PARAGRAPH100,
+  ...u
 }) => {
-  const _ = Mr([
+  const v = De([
     n,
-    $[I],
-    $[`${I}--${e}`],
+    K[U],
+    K[`${U}--${e}`],
     {
-      [$[`${I}--hyphens`]]: i,
-      [$[`${I}--disabled`]]: l,
-      [$[`${I}--negative`]]: r
+      [K[`${U}--hyphens`]]: o,
+      [K[`${U}--disabled`]]: a,
+      [K[`${U}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ g("p", { ...o, className: _, "data-testid": t, children: s });
-}, Tr = {
+  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: i });
+}, Ze = {
   "purpur-listbox": "_purpur-listbox_qhoi7_1",
   "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
   "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_qhoi7_29",
@@ -223,214 +1189,250 @@ const Mr = /* @__PURE__ */ kr(Dr), $ = {
   "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"
-}, Or = (t) => S(t), Vr = (t, s) => {
-  const n = hr(
-    (l) => {
-      t && !t.contains(l.target) && s();
+}, Ge = (t) => Y(t), Ve = (t, i) => {
+  const n = lt(
+    (a) => {
+      t && !t.contains(a.target) && i();
     },
-    [s, t]
+    [i, t]
   );
-  br(() => (document.addEventListener("mousedown", n), () => {
+  Ar(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, Kr = ({
-  highlightFirstOption: t,
-  defaultInputValue: s,
-  inputValue: n,
-  filterOption: l,
-  id: i,
-  listboxLabel: r,
-  listboxMaxHeight: e,
-  onInputChange: o,
-  openOnFocus: _,
-  noOptionsText: w,
-  onSelect: A,
-  options: h,
-  selectedOption: c,
-  ["data-testid"]: L
+}, He = ({
+  combobox: t,
+  highlightFirstOption: i,
+  defaultInputValue: n,
+  inputValue: a,
+  filterOption: o,
+  id: r,
+  listboxLabel: e,
+  listboxMaxHeight: u,
+  onInputChange: v,
+  openOnFocus: x,
+  noOptionsText: y,
+  onSelect: $,
+  options: d,
+  selectedOption: _,
+  ["data-testid"]: j
 }) => {
-  const [O, m] = M(
-    (typeof n == "string" ? n : s) || (c == null ? void 0 : c.label)
-  ), E = typeof n == "string" ? n : O, [u, b] = M(t ? h[0] : void 0), C = S(null), V = Or(null), K = S(null), N = S({}), [H, U] = M(!1);
-  function B(a) {
-    return L ? `${L}-${a}` : void 0;
+  const [L, w] = nr(
+    ((typeof a == "string" ? a : n) || (_ == null ? void 0 : _.label)) ?? ""
+  ), l = typeof a == "string" ? a : L, [c, b] = nr(i ? d[0] : void 0), S = Y(null), E = Ge(null), D = Y(null), B = Y({}), [Q, R] = nr(!1);
+  function T(p) {
+    return j ? `${j}-${p}` : void 0;
   }
-  const P = () => {
-    U(!1), b(void 0);
+  const m = () => {
+    R(!1), b(void 0);
   };
-  Vr(V.current, P);
-  const R = ({ eventType: a }) => {
-    U(!0), c && requestAnimationFrame(() => {
-      b({ ...c, isSetByClickEvent: a === "CLICK" }), k(N.current[c.id]);
+  Ve(E.current, m);
+  const F = ({ eventType: p }) => {
+    R(!0), _ && requestAnimationFrame(() => {
+      b({ ..._, isSetByClickEvent: p === "CLICK" }), tr(B.current[_.id]);
     });
-  }, sr = (a) => {
-    if (l)
-      return h.filter((d) => l(a, d));
-    if (!a)
-      return h;
-    const p = a.toUpperCase().split(" ") || [];
-    return h.filter(
-      (d) => p.every(
-        (f) => (d.value || d.label).toUpperCase().includes(f)
+  }, Yr = (p) => {
+    if (o)
+      return d.filter((h) => o(p, h));
+    if (!p)
+      return d;
+    const f = p.toUpperCase().split(" ") || [];
+    return d.filter(
+      (h) => f.every(
+        (N) => (h.value || h.label).toUpperCase().includes(N)
       )
     );
-  }, G = (a) => c && (c == null ? void 0 : c.label) === a ? h : sr(a), v = G(E), Y = (a) => {
-    o == null || o(a), m(a);
-  }, k = (a) => {
-    var p;
-    if (a) {
-      const d = a.getBoundingClientRect(), f = ((p = K.current) == null ? void 0 : p.getBoundingClientRect()) || { top: 0, bottom: 0 };
-      (d.top < f.top || d.bottom > f.bottom) && a.scrollIntoView({ block: "nearest" });
+  }, cr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), M = cr(l), dr = (p) => {
+    v == null || v(p), w(p);
+  }, tr = (p) => {
+    var f;
+    if (p) {
+      const h = p.getBoundingClientRect(), N = ((f = D.current) == null ? void 0 : f.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      (h.top < N.top || h.bottom > N.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, z = (a) => {
-    var p;
-    a && ((p = C.current) == null || p.focus(), Y(a.label), A == null || A(a)), P();
-  }, ur = (a) => {
-    const p = t && !u ? 0 : v.findIndex((f) => f && (u == null ? void 0 : u.id) === f.id), d = v.length;
-    return a === "ArrowDown" ? v[(p ?? -1) + 1] || v[0] : v[(p ?? d) - 1] || v[d - 1];
-  }, y = H && (!!v.length || !!w), ir = (a) => {
-    !y && R({ eventType: "KEYBOARD" });
-    const p = ur(a);
-    b(p), p && k(N.current[p.id]);
-  }, pr = (a) => {
-    switch (a.key) {
+  }, _r = (p) => {
+    var f;
+    p && ((f = S.current) == null || f.focus(), dr(p.label), $ == null || $(p)), m();
+  }, Wr = (p) => {
+    const f = i && !c ? 0 : M.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = M.length;
+    return p === "ArrowDown" ? M[(f ?? -1) + 1] || M[0] : M[(f ?? h) - 1] || M[h - 1];
+  }, I = Q && (!!M.length || !!y), Jr = (p) => {
+    !I && F({ eventType: "KEYBOARD" });
+    const f = Wr(p);
+    b(f), f && tr(B.current[f.id]);
+  }, Qr = (p) => {
+    switch (p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        a.preventDefault(), ir(a.key);
+        p.preventDefault(), Jr(p.key);
         break;
       case "Enter": {
-        const p = u || (t ? h[0] : void 0);
-        y && z(p), !y && R({ eventType: "KEYBOARD" });
+        const f = c || (i ? d[0] : void 0);
+        I && _r(f), !I && F({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
       case "Tab":
-        P();
+        m();
         break;
     }
-  }, lr = (a) => {
-    const p = G(a.target.value);
-    Y(a.target.value), b(void 0), !y && R({ eventType: "KEYBOARD" }), t && p[0] && k(N.current[p[0].id]);
-  }, cr = () => {
-    y ? P() : R({ eventType: "CLICK" });
-  }, dr = () => {
-    var a;
-    !H && _ && R({ eventType: "KEYBOARD" }), (a = C.current) == null || a.select();
-  }, mr = {
-    maxHeight: typeof e == "number" ? `${e}px` : e
-  }, F = {
-    "aria-label": r,
-    "aria-expanded": y,
-    "data-testid": B("listbox"),
-    id: `${i}-listbox`,
-    ref: K,
+  }, rt = (p) => {
+    const f = cr(p.target.value);
+    dr(p.target.value), b(void 0), !I && F({ eventType: "KEYBOARD" }), i && f[0] && tr(B.current[f[0].id]);
+  }, tt = () => {
+    I ? m() : F({ eventType: "CLICK" });
+  }, et = () => {
+    var p;
+    !Q && x && F({ eventType: "KEYBOARD" }), (p = S.current) == null || p.select();
+  }, nt = () => {
+    t && w((_ == null ? void 0 : _.label) ?? "");
+  }, ut = {
+    maxHeight: typeof u == "number" ? `${u}px` : u
+  }, fr = {
+    "aria-label": e,
+    "aria-expanded": I,
+    "data-testid": T("listbox"),
+    id: `${r}-listbox`,
+    ref: D,
     onMouseLeave: () => b(void 0),
-    style: e ? mr : void 0
-  }, W = (a) => `${i}-listbox-item-${a.id}`, _r = (a, p) => {
-    const d = () => a.id !== (u == null ? void 0 : u.id) && b({ ...a, isSetByClickEvent: !0 }), f = (a.id === (u == null ? void 0 : u.id) || !!t && !u && p === 0) && !(u != null && u.isSetByClickEvent);
+    style: u ? ut : void 0
+  }, vr = (p) => `${r}-listbox-item-${p.id}`, it = (p, f) => {
+    const h = () => p.id !== (c == null ? void 0 : c.id) && b({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!i && !c && f === 0) && !(c != null && c.isSetByClickEvent);
     return {
-      "data-testid": B(`listbox-item-${a.id}`),
-      id: W(a),
-      key: a.id,
-      onMouseMove: d,
-      onMouseUp: () => z(a),
-      ref: (D) => D && (N.current[a.id] = D),
+      "data-testid": T(`listbox-item-${p.id}`),
+      id: vr(p),
+      key: p.id,
+      onMouseMove: h,
+      onMouseUp: () => _r(p),
+      ref: (er) => er && (B.current[p.id] = er),
       tabIndex: -1,
-      selected: a.id === (c == null ? void 0 : c.id),
-      disabled: a.disabled,
-      highlighted: f,
-      hovered: a.id === (u == null ? void 0 : u.id) && !!(u != null && u.isSetByClickEvent)
+      selected: p.id === (_ == null ? void 0 : _.id),
+      disabled: p.disabled,
+      highlighted: N,
+      hovered: p.id === (c == null ? void 0 : c.id) && !!(c != null && c.isSetByClickEvent)
     };
-  }, fr = {
-    "aria-activedescendant": u ? W(u) : void 0,
+  }, at = {
+    "aria-activedescendant": c ? vr(c) : void 0,
     "aria-autocomplete": "list",
-    "aria-controls": F.id,
-    "data-testid": B("input"),
+    "aria-controls": fr.id,
+    "data-testid": T("input"),
     autoComplete: "off",
-    id: `${i}-input`,
-    onChange: lr,
-    onMouseDown: cr,
-    onFocus: dr,
-    onKeyDown: pr,
-    ref: C,
+    id: `${r}-input`,
+    onChange: rt,
+    onMouseDown: tt,
+    onFocus: et,
+    onKeyDown: Qr,
+    onBlur: nt,
+    ref: S,
     role: "combobox",
-    value: E
+    value: l
   };
   return {
-    id: i,
-    inputProps: fr,
-    internalRef: V,
-    optionsToShow: v,
-    showListbox: y,
-    noOptionsText: w,
-    getListBoxItemProps: _r,
-    listboxProps: F
+    id: r,
+    inputProps: at,
+    internalRef: E,
+    optionsToShow: M,
+    showListbox: I,
+    noOptionsText: y,
+    combobox: t,
+    getListBoxItemProps: it,
+    listboxProps: fr
   };
-}, j = er.bind(Tr), x = "purpur-listbox", or = q(
-  ({ children: t, ...s }, n) => /* @__PURE__ */ g(
+}, pr = Kr.bind(Ze), C = "purpur-listbox", Xr = P(
+  ({ children: t, ...i }, n) => /* @__PURE__ */ s(
     "ul",
     {
-      ...s,
+      ...i,
       ref: n,
-      className: j(x, s.className),
+      className: pr(C, i.className),
       role: "listbox",
-      children: vr.toArray(t).filter(Hr)
+      children: k.toArray(t).filter(Ke)
     }
   )
 );
-or.displayName = "ListBox";
-const T = q((t, s) => {
-  const { disabled: n, highlighted: l, hovered: i, selected: r, children: e, noninteractive: o, ..._ } = t, w = j(`${x}-item`, _.className, {
-    [`${x}-item--highlighted`]: l,
-    [`${x}-item--selected`]: r,
-    [`${x}-item--hovered`]: i,
-    [`${x}-item--disabled`]: n,
-    [`${x}-item--noninteractive`]: o
+Xr.displayName = "ListBox";
+const lr = P((t, i) => {
+  const { disabled: n, highlighted: a, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, x = pr(`${C}-item`, v.className, {
+    [`${C}-item--highlighted`]: a,
+    [`${C}-item--selected`]: r,
+    [`${C}-item--hovered`]: o,
+    [`${C}-item--disabled`]: n,
+    [`${C}-item--noninteractive`]: u
   });
-  return /* @__PURE__ */ rr(
+  return /* @__PURE__ */ O(
     "li",
     {
-      ..._,
-      ref: s,
-      className: w,
+      ...v,
+      ref: i,
+      className: x,
       "aria-selected": !!r,
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ g(qr, { children: e }) : e,
-        r && /* @__PURE__ */ g(Br, { svg: Lr, size: "xs", className: j(`${x}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ s(Fe, { children: e }) : e,
+        r && /* @__PURE__ */ s(Mr, { svg: vt, size: "xs", className: pr(`${C}-item__icon`) })
       ]
     }
   );
 });
-T.displayName = "ListBoxItem";
-function Hr(t) {
-  return xr(t) && (t == null ? void 0 : t.type) === T;
+lr.displayName = "ListBoxItem";
+function Ke(t) {
+  return q(t) && (t == null ? void 0 : t.type) === lr;
 }
-const Ur = or, J = T, Q = er.bind(wr), X = "purpur-autocomplete", Gr = ({ className: t, renderInput: s, renderOption: n, ...l }, i) => {
+const Ue = Xr, Nr = lr, rr = Kr.bind(ke), X = "purpur-autocomplete", Xe = ({ className: t, renderInput: i, renderOption: n, ...a }, o) => {
   const {
     id: r,
     inputProps: e,
-    internalRef: o,
-    optionsToShow: _,
-    showListbox: w,
-    noOptionsText: A,
-    getListBoxItemProps: h,
-    listboxProps: c
-  } = Kr(l), L = (m, E) => {
-    const { key: u, ...b } = h(m, E);
-    return /* @__PURE__ */ g(J, { ...b, children: n ? n == null ? void 0 : n(m) : m.label }, u);
+    internalRef: u,
+    optionsToShow: v,
+    showListbox: x,
+    noOptionsText: y,
+    combobox: $,
+    getListBoxItemProps: d,
+    listboxProps: _
+  } = He(a), j = (l, c) => {
+    const { key: b, ...S } = d(l, c);
+    return /* @__PURE__ */ s(Nr, { ...S, children: n ? n == null ? void 0 : n(l) : l.label }, b);
+  }, L = (l) => {
+    u.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
+  }, w = () => {
+    const l = i(e);
+    if ($ && y && l && q(l) && l.type === Vr) {
+      const b = /* @__PURE__ */ O(ot, { children: [
+        l.props.endAdornment,
+        /* @__PURE__ */ s(
+          "button",
+          {
+            "data-testid": "chevron button",
+            type: "button",
+            className: rr(`${X}__chevron-button`),
+            onClick: () => {
+              e.onFocus(), e.onMouseDown();
+            },
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ s(
+              Pr,
+              {
+                size: "sm",
+                className: rr(`${X}__chevron-icon`, {
+                  [`${X}__chevron-icon--up`]: x
+                })
+              }
+            )
+          }
+        )
+      ] });
+      return sr(l, { endAdornment: b });
+    }
+    return l;
   };
-  return /* @__PURE__ */ rr("div", { id: r, ref: (m) => {
-    o.current = m, typeof i == "function" ? i(m) : i && (i.current = m);
-  }, className: Q([t, X]), children: [
-    s(e),
-    w && /* @__PURE__ */ g(Ur, { ...c, className: Q(`${X}__listbox`), children: _.length ? _.filter((m) => !!m).map(L) : /* @__PURE__ */ g(J, { noninteractive: !0, children: A }) })
+  return /* @__PURE__ */ O("div", { id: r, ref: L, className: rr([t, X]), children: [
+    w(),
+    x && /* @__PURE__ */ s(Ue, { ..._, className: rr(`${X}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Nr, { noninteractive: !0, children: y }) })
   ] });
-}, Yr = q(Gr);
-Yr.displayName = "Autocomplete";
+}, Ye = P(Xe);
+Ye.displayName = "Autocomplete";
 export {
-  Yr as Autocomplete,
-  Kr as useAutocomplete
+  Ye as Autocomplete,
+  He as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map