@purpurds/autocomplete 5.13.0 → 5.15.0

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 R, isValidElement as q, createElement as W, 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 B, 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 xt = _t.bind(ft), mr = "purpur-icon", gt = "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 = gt,
+  size: o = Lt,
   ...r
 }) => {
-  const e = ht({
-    content: yt(a.svg),
+  const e = It({
+    content: kt(a.svg),
     title: n
-  }), u = xt(i, mr, `${mr}--${o}`);
+  }), u = Ct(i, mr, `${mr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -97,15 +233,146 @@ const xt = _t.bind(ft), mr = "purpur-icon", gt = "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 Rt = Ir.exports;
+const Et = /* @__PURE__ */ Bt(Rt), 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 = Et([
+    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: B.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 Cr = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -140,44 +407,44 @@ var Cr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Cr);
-var jt = Cr.exports;
-const xr = /* @__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"
-}, K = "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: xr([G[K], G[`${K}--${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: xr(G[`${K}__circle`], {
-          [G[`${K}__circle--disabled`]]: a,
-          [G[`${K}__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 xr = /* @__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 Ct = Mr.exports;
-const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
+})(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(Ct), Lt = {
   "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(Lt), B = "purpur-button", Bt = ({
+}, te = Qt.bind(re), I = "purpur-button", ee = ({
   children: t,
   className: a,
   ["data-testid"]: n,
@@ -264,20 +531,20 @@ const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
 }, _) => {
   if (r && y === "destructive")
     return null;
-  const j = It(
+  const j = te(
     [
-      B,
-      `${B}--${u ? `${y}-negative` : y}`,
-      `${B}--${b}`
+      I,
+      `${I}--${u ? `${y}-negative` : y}`,
+      `${I}--${b}`
     ],
     {
-      [`${B}--icon-only`]: r,
-      [`${B}--negative`]: u,
-      [`${B}--full-width`]: o,
-      [`${B}--disabled`]: i || e
+      [`${I}--icon-only`]: r,
+      [`${I}--negative`]: u,
+      [`${I}--full-width`]: o,
+      [`${I}--disabled`]: i || e
     },
     a
-  ), L = (l) => {
+  ), C = (l) => {
     i || e ? l.preventDefault() : v && v(l);
   }, w = !!d["aria-disabled"] || i || e;
   return /* @__PURE__ */ O(
@@ -288,21 +555,21 @@ const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
       type: $,
       ref: _,
       "aria-disabled": w,
-      onClick: L,
+      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
       ]
     }
   );
-}, Lr = P(Bt);
-Lr.displayName = "Button";
-function zt(t) {
+}, Rr = P(ee);
+Rr.displayName = "Button";
+function ne(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var Er = { 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 kt = Ir.exports;
-const Rt = /* @__PURE__ */ zt(kt), qt = {
+})(Er);
+var ue = Er.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 Rt = /* @__PURE__ */ zt(kt), 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 = Rt.bind(qt), gr = "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>`;
-}, Kt = (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: Kt(a.svg),
+  const e = ce({
+    content: de(a.svg),
     title: n
-  }), u = Dt(i, gr, `${gr}--${o}`);
+  }), u = pe(i, br, `${br}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -383,10 +650,10 @@ const Rt = /* @__PURE__ */ zt(kt), qt = {
     }
   );
 };
-function Ht(t) {
+function fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Br = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -421,12 +688,12 @@ var Br = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Br);
-var Vt = Br.exports;
-const Ut = /* @__PURE__ */ Ht(Vt), 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", Xt = ({
+}, yr = "purpur-field-error-text", ge = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -435,21 +702,21 @@ const Ut = /* @__PURE__ */ Ht(Vt), br = {
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Ut([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 zr = { exports: {} };
+var Tr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -484,12 +751,12 @@ var zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(zr);
-var Wt = zr.exports;
-const Jt = /* @__PURE__ */ Yt(Wt), 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", Qt = ({
+}, $r = "purpur-field-helper-text", ye = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -497,19 +764,19 @@ const Jt = /* @__PURE__ */ Yt(Wt), yr = {
   id: o,
   ...r
 }) => {
-  const e = Jt([
+  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 kr = { exports: {} };
+var Fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -544,9 +811,9 @@ var kr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(kr);
-var te = kr.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"
-}, Rr = (t) => /* @__PURE__ */ s(
-  Er,
+}, Gr = (t) => /* @__PURE__ */ s(
+  Vr,
   {
     ...t,
-    svg: ue
+    svg: Ne
   }
 );
-Rr.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 E() {
+  return E = 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);
+  }, E.apply(null, arguments);
 }
-function J() {
-  return J = 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;
-  }, J.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 = R.toArray(n), r = o.find(fe);
+const Zr = /* @__PURE__ */ P((t, a) => {
+  const { children: n, ...i } = t, o = B.toArray(n), r = o.find(ze);
   if (r) {
-    const e = r.props.children, u = o.map((v) => v === r ? R.count(e) > 1 ? R.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ W(pr, J({}, i, {
+    const e = r.props.children, u = o.map((v) => v === r ? B.count(e) > 1 ? B.only(null) : /* @__PURE__ */ R(e) ? e.props.children : null : v);
+    return /* @__PURE__ */ Q(pr, E({}, 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__ */ W(pr, J({}, i, {
+  return /* @__PURE__ */ Q(pr, E({}, 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
-  }) : R.count(n) > 1 ? R.only(null) : null;
+  return /* @__PURE__ */ R(n) ? /* @__PURE__ */ sr(n, {
+    ...Be(i, n.props),
+    ref: a ? Ie(a, n.ref) : n.ref
+  }) : B.count(n) > 1 ? B.only(null) : null;
 });
 pr.displayName = "SlotClone";
-const _e = ({ children: t }) => /* @__PURE__ */ W(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 Re = [
   "a",
   "button",
   "div",
@@ -702,12 +958,12 @@ const me = [
   "span",
   "svg",
   "ul"
-], xe = me.reduce((t, a) => {
+], Ee = Re.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__ */ W(u, J({}, e, {
+    }, []), /* @__PURE__ */ Q(u, E({}, e, {
       ref: o
     }));
   });
@@ -715,17 +971,17 @@ const me = [
     ...t,
     [a]: n
   };
-}, {}), ge = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ W(xe.label, or({}, t, {
+}, {}), De = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ Q(Ee.label, E({}, 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 = ge;
-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 Ce(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 Le = /* @__PURE__ */ Ce(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 Le = /* @__PURE__ */ Ce(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"
-}, Be = (t) => Y(t), A = Le.bind(Ie), x = "purpur-text-field", ze = ({
+}, en = (t) => J(t), A = rn.bind(tn), g = "purpur-text-field", nn = ({
   ["data-testid"]: t,
   className: a,
   clearButtonAllyLabel: n,
@@ -942,14 +1198,14 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
   ...d
 }, _) => {
   var j;
-  const L = pt(), w = d.id ?? L, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, g = 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 = Be(null), z = (m) => {
-    D.current = m, typeof _ == "function" ? _(m) : _ && (_.current = m);
-  }, Q = () => {
+  const C = lt(), 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), D = (typeof d.value == "number" ? d.value !== void 0 : (j = d.value) == null ? void 0 : j.length) && !d.disabled && !d.readOnly && !v && b && n, T = en(null), k = (m) => {
+    T.current = m, typeof _ == "function" ? _(m) : _ && (_.current = m);
+  }, rr = () => {
     var m;
-    b == null || b(), (m = D.current) == null || m.focus();
-  }, k = [
+    b == null || b(), (m = T.current) == null || m.focus();
+  }, z = [
     v && /* @__PURE__ */ s(
-      Pe,
+      Je,
       {
         disabled: d.disabled,
         size: "xs",
@@ -957,55 +1213,55 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
       },
       "spinner"
     ),
-    E && /* @__PURE__ */ s(
-      Lr,
+    D && /* @__PURE__ */ s(
+      Rr,
       {
         variant: "tertiary-purple",
-        onClick: Q,
+        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(
-      Rr,
+      Gr,
       {
         "data-testid": l("valid-icon"),
-        className: A(`${x}__valid-icon`)
+        className: A(`${g}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((m) => !!m), T = A([
-    `${x}__input-container`,
+  ].filter((m) => !!m), F = A([
+    `${g}__input-container`,
     {
-      [`${x}__input-container--start-adornment`]: S.length,
-      [`${x}__input-container--end-adornment`]: k.length || o,
-      [`${x}__input-container--disabled`]: d.disabled,
-      [`${x}__input-container--has-clear-button`]: E,
-      [`${x}__input-container--readonly`]: d.readOnly && !d.disabled
+      [`${g}__input-container--start-adornment`]: S.length,
+      [`${g}__input-container--end-adornment`]: z.length || o,
+      [`${g}__input-container--disabled`]: d.disabled,
+      [`${g}__input-container--has-clear-button`]: D,
+      [`${g}__input-container--readonly`]: d.readOnly && !d.disabled
     }
   ]);
-  return /* @__PURE__ */ O("div", { className: A(a, x), children: [
+  return /* @__PURE__ */ O("div", { className: A(a, g), children: [
     u && /* @__PURE__ */ s(
-      $e,
+      Ve,
       {
         htmlFor: w,
-        className: A(`${x}__label`),
+        className: A(`${g}__label`),
         "data-testid": l("label"),
         disabled: d.disabled,
         children: `${d.required ? "* " : ""}${u}`
       }
     ),
-    /* @__PURE__ */ O("div", { className: A(`${x}__field-row`), children: [
-      /* @__PURE__ */ O("div", { className: T, children: [
+    /* @__PURE__ */ O("div", { className: A(`${g}__field-row`), children: [
+      /* @__PURE__ */ O("div", { className: F, children: [
         !!S.length && /* @__PURE__ */ s(
           "div",
           {
             "data-testid": l("start-adornments"),
-            className: A(`${x}__adornment-container`),
+            className: A(`${g}__adornment-container`),
             children: S
           }
         ),
@@ -1014,27 +1270,27 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
           {
             ...d,
             id: w,
-            ref: z,
+            ref: k,
             "data-testid": l("input"),
-            "aria-describedby": d["aria-describedby"] || g,
+            "aria-describedby": d["aria-describedby"] || x,
             "aria-invalid": d["aria-invalid"] || !!r,
             className: A([
-              `${x}__input`,
+              `${g}__input`,
               {
-                [`${x}__input--valid`]: c,
-                [`${x}__input--error`]: !!r
+                [`${g}__input--valid`]: c,
+                [`${g}__input--error`]: !!r
               }
             ])
           }
         ),
-        /* @__PURE__ */ s("div", { className: A(`${x}__frame`) }),
-        (!!k.length || o) && /* @__PURE__ */ O(
+        /* @__PURE__ */ s("div", { className: A(`${g}__frame`) }),
+        (!!z.length || o) && /* @__PURE__ */ O(
           "div",
           {
             "data-testid": l("end-adornments"),
-            className: A(`${x}__adornment-container`),
+            className: A(`${g}__adornment-container`),
             children: [
-              k,
+              z,
               o
             ]
           }
@@ -1042,16 +1298,16 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
       ] }),
       !!i && i
     ] }),
-    g && /* @__PURE__ */ s(Qt, { "data-testid": l("helper-text"), id: g, children: e }),
-    r && /* @__PURE__ */ s(Xt, { "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 })
   ] });
-}, Kr = P(ze);
-Kr.displayName = "TextField";
-const ke = (t) => q(t) && t.type.displayName === Kr.displayName;
-function Re(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__ */ Re(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 Vr = { 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;
-  })();
-})(Vr);
-var Te = Vr.exports;
-const Fe = /* @__PURE__ */ De(Te), V = {
-  "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"
-}, U = "purpur-paragraph", Ur = ({
-  ["data-testid"]: t,
-  children: a,
-  className: n,
-  disabled: i,
-  enableHyphenation: o = !1,
-  negative: r = !1,
-  variant: e = Ge.PARAGRAPH100,
-  ...u
-}) => {
-  const v = Fe([
-    n,
-    V[U],
-    V[`${U}--${e}`],
-    {
-      [V[`${U}--hyphens`]]: o,
-      [V[`${U}--disabled`]]: i,
-      [V[`${U}--negative`]]: r
-    }
-  ]);
-  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: a });
-};
-Ur.displayName = "Paragraph";
-const Ke = {
-  "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 Ke = {
   Nr(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, Ve = ({
+}, dn = ({
   combobox: t,
   highlightFirstOption: a,
   defaultInputValue: n,
@@ -1219,21 +1377,21 @@ const Ke = {
   selectedOption: _,
   ["data-testid"]: j
 }) => {
-  const [L, w] = ur(
+  const [C, w] = ar(
     ((typeof i == "string" ? i : n) || (_ == null ? void 0 : _.label)) ?? ""
-  ), l = typeof i == "string" ? i : L, [c, g] = ur(a ? d[0] : void 0), S = Y(null), E = Ze(null), D = Y(null), z = Y({}), [Q, k] = ur(!1);
-  function T(p) {
+  ), l = typeof i == "string" ? i : C, [c, x] = ar(a ? d[0] : void 0), S = J(null), D = ln(null), T = J(null), k = J({}), [rr, z] = ar(!1);
+  function F(p) {
     return j ? `${j}-${p}` : void 0;
   }
   const m = () => {
-    k(!1), g(void 0);
+    z(!1), x(void 0);
   };
-  He(E.current, m);
-  const F = ({ eventType: p }) => {
-    k(!0), _ && requestAnimationFrame(() => {
-      g({ ..._, isSetByClickEvent: p === "CLICK" }), er(z.current[_.id]);
+  cn(D.current, m);
+  const G = ({ eventType: p }) => {
+    z(!0), _ && requestAnimationFrame(() => {
+      x({ ..._, isSetByClickEvent: p === "CLICK" }), nr(k.current[_.id]);
     });
-  }, Yr = (p) => {
+  }, Wr = (p) => {
     if (o)
       return d.filter((h) => o(p, h));
     if (!p)
@@ -1244,33 +1402,33 @@ const Ke = {
         (N) => (h.value || h.label).toUpperCase().includes(N)
       )
     );
-  }, dr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), C = dr(l), tr = (p) => {
+  }, cr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Wr(p), M = cr(l), er = (p) => {
     v == null || v(p), w(p);
-  }, er = (p) => {
+  }, nr = (p) => {
     var f;
     if (p) {
-      const h = p.getBoundingClientRect(), N = ((f = D.current) == null ? void 0 : f.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      const h = p.getBoundingClientRect(), N = ((f = T.current) == null ? void 0 : f.getBoundingClientRect()) || { top: 0, bottom: 0 };
       (h.top < N.top || h.bottom > N.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, _r = (p) => {
+  }, dr = (p) => {
     var f;
-    p && ((f = S.current) == null || f.focus(), tr(p.label), $ == null || $(p)), m();
-  }, Wr = (p) => {
-    const f = a && !c ? 0 : C.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = C.length;
-    return p === "ArrowDown" ? C[(f ?? -1) + 1] || C[0] : C[(f ?? h) - 1] || C[h - 1];
-  }, I = Q && (!!C.length || !!y), Jr = (p) => {
-    !I && F({ eventType: "KEYBOARD" });
-    const f = Wr(p);
-    g(f), f && er(z.current[f.id]);
+    p && ((f = S.current) == null || f.focus(), er(p.label), $ == null || $(p)), m();
   }, Qr = (p) => {
+    const f = a && !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];
+  }, L = rr && (!!M.length || !!y), rt = (p) => {
+    !L && G({ eventType: "KEYBOARD" });
+    const f = Qr(p);
+    x(f), f && nr(k.current[f.id]);
+  }, tt = (p) => {
     switch (p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), Jr(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" });
+        L && dr(f), !L && G({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1278,110 +1436,69 @@ const Ke = {
         m();
         break;
     }
-  }, rt = (p) => {
-    const f = dr(p.target.value);
-    tr(p.target.value), g(void 0), !I && F({ eventType: "KEYBOARD" }), a && f[0] && er(z.current[f[0].id]);
-  }, tt = () => {
-    I ? m() : F({ eventType: "CLICK" });
-  }, et = () => {
-    var p;
-    !Q && b && F({ eventType: "KEYBOARD" }), (p = S.current) == null || p.select();
+  }, et = (p) => {
+    const f = cr(p.target.value);
+    er(p.target.value), x(void 0), !L && G({ eventType: "KEYBOARD" }), a && f[0] && nr(k.current[f[0].id]);
   }, nt = () => {
-    t && tr((_ == null ? void 0 : _.label) ?? "");
-  }, ut = {
+    L ? m() : G({ eventType: "CLICK" });
+  }, ut = () => {
+    var p;
+    !rr && b && G({ eventType: "KEYBOARD" }), (p = S.current) == null || p.select();
+  }, at = () => {
+    t && er((_ == null ? void 0 : _.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,
-    onMouseLeave: () => g(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) && g({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && f === 0) && !(c != null && c.isSetByClickEvent);
+    ref: T,
+    onMouseLeave: () => x(void 0),
+    style: u ? it : void 0
+  }, fr = (p) => `${r}-listbox-item-${p.id}`, ot = (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);
     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 && (z.current[p.id] = nr),
+      onMouseUp: () => dr(p),
+      ref: (ur) => ur && (k.current[p.id] = ur),
       tabIndex: -1,
       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)
     };
-  }, 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: Qr,
-    onBlur: nt,
+    onChange: et,
+    onMouseDown: nt,
+    onFocus: ut,
+    onKeyDown: tt,
+    onBlur: at,
     ref: S,
     role: "combobox",
     value: l
   };
   return {
     id: r,
-    inputProps: it,
-    internalRef: E,
-    optionsToShow: C,
-    showListbox: I,
+    inputProps: pt,
+    internalRef: D,
+    optionsToShow: M,
+    showListbox: L,
     noOptionsText: y,
     combobox: t,
-    getListBoxItemProps: at,
-    listboxProps: fr
+    getListBoxItemProps: ot,
+    listboxProps: _r
   };
-}, sr = Hr.bind(Ke), M = "purpur-listbox", Xr = P(
-  ({ children: t, ...a }, n) => /* @__PURE__ */ s(
-    "ul",
-    {
-      ...a,
-      ref: n,
-      className: sr(M, a.className),
-      role: "listbox",
-      children: R.toArray(t).filter(Ue)
-    }
-  )
-);
-Xr.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(Ur, { children: e }) : e,
-        r && /* @__PURE__ */ s(Pr, { svg: vt, size: "xs", className: sr(`${M}-item__icon`) })
-      ]
-    }
-  );
-});
-cr.displayName = "ListBoxItem";
-function Ue(t) {
-  return q(t) && (t == null ? void 0 : t.type) === cr;
-}
-const Xe = Xr, Sr = cr, rr = Hr.bind(Ee), X = "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,
@@ -1392,22 +1509,22 @@ const Xe = Xr, Sr = cr, rr = Hr.bind(Ee), X = "purpur-autocomplete", Ye = ({ cla
     combobox: $,
     getListBoxItemProps: d,
     listboxProps: _
-  } = Ve(i), j = (l, c) => {
-    const { key: g, ...S } = d(l, c);
-    return /* @__PURE__ */ s(Sr, { ...S, children: n ? n == null ? void 0 : n(l) : l.label }, g);
-  }, L = (l) => {
+  } = dn(i), j = (l, c) => {
+    const { key: x, ...S } = d(l, c);
+    return /* @__PURE__ */ s(W.Item, { ...S, 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 && ke(l)) {
-      const g = /* @__PURE__ */ O(ot, { children: [
+    if ($ && y && l && un(l)) {
+      const x = /* @__PURE__ */ O(st, { children: [
         l.props.endAdornment,
         /* @__PURE__ */ s(
           "button",
           {
             "data-testid": "chevron button",
             type: "button",
-            className: rr(`${X}__chevron-button`),
+            className: tr(`${Y}__chevron-button`),
             onClick: () => {
               e.onFocus(), e.onMouseDown();
             },
@@ -1416,26 +1533,26 @@ const Xe = Xr, Sr = cr, rr = Hr.bind(Ee), X = "purpur-autocomplete", Ye = ({ cla
               Or,
               {
                 size: "sm",
-                className: rr(`${X}__chevron-icon`, {
-                  [`${X}__chevron-icon--up`]: b
+                className: tr(`${Y}__chevron-icon`, {
+                  [`${Y}__chevron-icon--up`]: b
                 })
               }
             )
           }
         )
       ] });
-      return lr(l, { endAdornment: g });
+      return sr(l, { endAdornment: x });
     }
     return l;
   };
-  return /* @__PURE__ */ O("div", { id: r, ref: L, className: rr([t, X]), children: [
+  return /* @__PURE__ */ O("div", { id: r, ref: C, className: tr([t, Y]), children: [
     w(),
-    b && /* @__PURE__ */ s(Xe, { ..._, className: rr(`${X}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Sr, { noninteractive: !0, children: y }) })
+    b && /* @__PURE__ */ s(W, { ..._, className: tr(`${Y}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(W.Item, { noninteractive: !0, children: y }) })
   ] });
-}, We = P(Ye);
-We.displayName = "Autocomplete";
+}, fn = P(_n);
+fn.displayName = "Autocomplete";
 export {
-  We as Autocomplete,
-  Ve as useAutocomplete
+  fn as Autocomplete,
+  dn as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map