@purpurds/autocomplete 5.27.2 → 5.27.4

package/dist/autocomplete.es.js

@@ -1,10 +1,10 @@
-import { jsx as s, jsxs as O, Fragment as dt } from "react/jsx-runtime";
-import { forwardRef as A, Children as T, isValidElement as D, createElement as W, Fragment as _t, cloneElement as sr, useEffect as Or, useId as ft, useRef as J, useCallback as vt, useState as ar } from "react";
+import { jsx as s, jsxs as A, Fragment as dt } from "react/jsx-runtime";
+import { forwardRef as O, Children as D, isValidElement as T, createElement as W, cloneElement as sr, useEffect as Ar, useId as _t, Fragment as ft, useRef as Y, useCallback as vt, useState as ar } from "react";
 import "react-dom";
 function mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ar = { exports: {} };
+var Or = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -39,9 +39,9 @@ var Ar = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Ar);
-var gt = Ar.exports;
-const xt = /* @__PURE__ */ mt(gt), ht = {
+})(Or);
+var gt = Or.exports;
+const xt = /* @__PURE__ */ mt(gt), bt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -49,20 +49,20 @@ const xt = /* @__PURE__ */ mt(gt), ht = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, bt = {
+}, ht = {
   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"
-}, Cr = (t) => /* @__PURE__ */ s(
-  Pr,
+}, Pr = (t) => /* @__PURE__ */ s(
+  Mr,
   {
     ...t,
-    svg: bt
+    svg: ht
   }
 );
-Cr.displayName = "IconChevronDown";
-const yt = xt.bind(ht), mr = "purpur-icon", wt = "md", $t = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), jt = ({ content: t = "", title: a } = {}) => {
+Pr.displayName = "IconChevronDown";
+const yt = xt.bind(bt), mr = "purpur-icon", wt = "md", $t = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), jt = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -70,7 +70,7 @@ const yt = xt.bind(ht), mr = "purpur-icon", wt = "md", $t = (t) => t.filter((a)
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
   return `<svg ${$t(n)}>${i}${t}</svg>`;
-}, St = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Pr = ({
+}, St = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
@@ -93,11 +93,11 @@ const yt = xt.bind(ht), mr = "purpur-icon", wt = "md", $t = (t) => t.filter((a)
     }
   );
 };
-Pr.displayName = "Icon";
+Mr.displayName = "Icon";
 function Nt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qr = { exports: {} };
+var Cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -132,9 +132,9 @@ var qr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(qr);
-var Ot = qr.exports;
-const kr = /* @__PURE__ */ Nt(Ot), Ir = {
+})(Cr);
+var At = Cr.exports;
+const Ir = /* @__PURE__ */ Nt(At), Lr = {
   "purpur-listbox": "_purpur-listbox_qhoi7_1",
   "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
   "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_qhoi7_29",
@@ -143,10 +143,10 @@ const kr = /* @__PURE__ */ Nt(Ot), Ir = {
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_qhoi7_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_qhoi7_51"
 };
-function At(t) {
+function Ot(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Mr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -181,9 +181,9 @@ var Mr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Mr);
-var Ct = Mr.exports;
-const Pt = /* @__PURE__ */ At(Ct), qt = {
+})(qr);
+var Pt = qr.exports;
+const Mt = /* @__PURE__ */ Ot(Pt), Ct = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -191,39 +191,39 @@ const Pt = /* @__PURE__ */ At(Ct), 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"
-}, kt = {
+}, It = {
   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"
-}, zr = (t) => /* @__PURE__ */ s(
-  Br,
+}, kr = (t) => /* @__PURE__ */ s(
+  zr,
   {
     ...t,
-    svg: kt
+    svg: It
   }
 );
-zr.displayName = "IconCheckmark";
-const It = Pt.bind(qt), gr = "purpur-icon", Mt = "md", zt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Bt = ({ content: t = "", title: a } = {}) => {
+kr.displayName = "IconCheckmark";
+const Lt = Mt.bind(Ct), gr = "purpur-icon", qt = "md", kt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), zt = ({ 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 ${zt(n)}>${i}${t}</svg>`;
-}, Lt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Br = ({
+  return `<svg ${kt(n)}>${i}${t}</svg>`;
+}, Bt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), zr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = Mt,
+  size: o = qt,
   ...r
 }) => {
-  const e = Bt({
-    content: Lt(a.svg),
+  const e = zt({
+    content: Bt(a.svg),
     title: n
-  }), u = It(i, gr, `${gr}--${o}`);
+  }), u = Lt(i, gr, `${gr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -235,11 +235,11 @@ const It = Pt.bind(qt), gr = "purpur-icon", Mt = "md", zt = (t) => t.filter((a)
     }
   );
 };
-Br.displayName = "Icon";
+zr.displayName = "Icon";
 function Et(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Lr = { exports: {} };
+var Br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -274,9 +274,9 @@ var Lr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Lr);
-var Rt = Lr.exports;
-const Tt = /* @__PURE__ */ Et(Rt), Z = {
+})(Br);
+var Rt = Br.exports;
+const Dt = /* @__PURE__ */ Et(Rt), G = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -291,76 +291,87 @@ const Tt = /* @__PURE__ */ Et(Rt), Z = {
   "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"
-}, V = "purpur-paragraph", Er = ({
+}, Tt = {
+  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"
+}, H = "purpur-paragraph", Er = ({
   ["data-testid"]: t,
   children: a,
   className: n,
   disabled: i,
   enableHyphenation: o = !1,
   negative: r = !1,
-  variant: e = Dt.PARAGRAPH100,
+  variant: e = Tt.PARAGRAPH100,
   ...u
 }) => {
-  const f = Tt([
+  const f = Dt([
     n,
-    Z[V],
-    Z[`${V}--${e}`],
+    G[H],
+    G[`${H}--${e}`],
     {
-      [Z[`${V}--hyphens`]]: o,
-      [Z[`${V}--disabled`]]: i,
-      [Z[`${V}--negative`]]: r
+      [G[`${H}--hyphens`]]: o,
+      [G[`${H}--disabled`]]: i,
+      [G[`${H}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ s("p", { ...u, className: f, "data-testid": t, children: a });
 };
 Er.displayName = "Paragraph";
-const xr = kr.bind(Ir), z = "purpur-listbox", lr = A(
+const xr = Ir.bind(Lr), k = "purpur-listbox", lr = O(
   (t, a) => {
-    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...f } = t, b = xr(`${z}-item`, f.className, {
-      [`${z}-item--highlighted`]: i,
-      [`${z}-item--selected`]: r,
-      [`${z}-item--hovered`]: o,
-      [`${z}-item--disabled`]: n,
-      [`${z}-item--noninteractive`]: u
+    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...f } = t, h = xr(`${k}-item`, f.className, {
+      [`${k}-item--highlighted`]: i,
+      [`${k}-item--selected`]: r,
+      [`${k}-item--hovered`]: o,
+      [`${k}-item--disabled`]: n,
+      [`${k}-item--noninteractive`]: u
     });
-    return /* @__PURE__ */ O(
+    return /* @__PURE__ */ A(
       "li",
       {
         ...f,
         ref: a,
-        className: b,
+        className: h,
         "aria-selected": !!r,
         role: "option",
         "aria-disabled": !!n,
         children: [
           typeof e == "string" ? /* @__PURE__ */ s(Er, { children: e }) : e,
-          r && /* @__PURE__ */ s(zr, { size: "xs", className: xr(`${z}-item__icon`) })
+          r && /* @__PURE__ */ s(kr, { size: "xs", className: xr(`${k}-item__icon`) })
         ]
       }
     );
   }
-), Ft = (t) => D(t) && (t == null ? void 0 : t.type) === lr;
+), Ft = (t) => T(t) && (t == null ? void 0 : t.type) === lr;
 lr.displayName = "ListBoxItem";
-const Zt = kr.bind(Ir), Vt = "purpur-listbox", X = A(
+const Gt = Ir.bind(Lr), Ht = "purpur-listbox", J = O(
   ({ children: t, ...a }, n) => /* @__PURE__ */ s(
     "ul",
     {
       ...a,
       ref: n,
-      className: Zt(Vt, a.className),
+      className: Gt(Ht, a.className),
       role: "listbox",
-      children: T.toArray(t).filter(Ft)
+      children: D.toArray(t).filter(Ft)
     }
   )
 );
-X.Item = lr;
-X.displayName = "ListBox";
-const Ht = {
+J.Item = lr;
+J.displayName = "ListBox";
+const Vt = {
+  SM: "sm",
+  MD: "md",
   LG: "lg"
 };
-function Kt(t) {
+function Zt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Rr = { exports: {} };
@@ -399,10 +410,10 @@ var Rr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Rr);
-var Yt = Rr.exports;
-const hr = /* @__PURE__ */ Kt(Yt), Gt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1", H = {
+var Xt = Rr.exports;
+const br = /* @__PURE__ */ Zt(Xt), Kt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1", V = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Gt,
+  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",
@@ -412,26 +423,30 @@ const hr = /* @__PURE__ */ Kt(Yt), Gt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1",
   dash: Ut,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, K = "purpur-spinner", Jt = {
-  SM: "sm"
-}, Xt = ({
+}, Z = "purpur-spinner", Yt = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Jt = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = Jt.SM,
+  size: i = Yt.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: hr([H[K], H[`${K}--${i}`]]),
+    className: br([V[Z], V[`${Z}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: hr(H[`${K}__circle`], {
-          [H[`${K}__circle--disabled`]]: a,
-          [H[`${K}__circle--negative`]]: n
+        className: br(V[`${Z}__circle`], {
+          [V[`${Z}__circle--disabled`]]: a,
+          [V[`${Z}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -443,7 +458,7 @@ const hr = /* @__PURE__ */ Kt(Yt), Gt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1",
 function Wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Tr = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -478,8 +493,8 @@ var Tr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Tr);
-var Qt = Tr.exports;
+})(Dr);
+var Qt = Dr.exports;
 const re = /* @__PURE__ */ Wt(Qt), te = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
@@ -501,7 +516,7 @@ const re = /* @__PURE__ */ Wt(Qt), te = {
   "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"
-}, ee = re.bind(te), B = "purpur-button", ne = ({
+}, ee = re.bind(te), z = "purpur-button", ne = ({
   children: t,
   className: a,
   ["data-testid"]: n,
@@ -511,7 +526,7 @@ const re = /* @__PURE__ */ Wt(Qt), te = {
   loading: e = !1,
   negative: u = !1,
   onClick: f,
-  size: b = "md",
+  size: h = "md",
   variant: g,
   type: j = "button",
   ...x
@@ -520,39 +535,39 @@ const re = /* @__PURE__ */ Wt(Qt), te = {
     return null;
   const w = ee(
     [
-      B,
-      `${B}--${u ? `${g}-negative` : g}`,
-      `${B}--${b}`
+      z,
+      `${z}--${u ? `${g}-negative` : g}`,
+      `${z}--${h}`
     ],
     {
-      [`${B}--icon-only`]: r,
-      [`${B}--negative`]: u,
-      [`${B}--full-width`]: o,
-      [`${B}--disabled`]: i || e
+      [`${z}--icon-only`]: r,
+      [`${z}--negative`]: u,
+      [`${z}--full-width`]: o,
+      [`${z}--disabled`]: i || e
     },
     a
-  ), C = (d) => {
+  ), P = (d) => {
     i || e ? d.preventDefault() : f && f(d);
-  }, P = !!x["aria-disabled"] || i || e;
-  return /* @__PURE__ */ O(
+  }, M = !!x["aria-disabled"] || i || e;
+  return /* @__PURE__ */ A(
     "button",
     {
       className: w,
       "data-testid": n,
       type: j,
       ref: c,
-      "aria-disabled": P,
-      onClick: C,
+      "aria-disabled": M,
+      onClick: P,
       ...x,
       children: [
-        e && /* @__PURE__ */ s(Xt, { size: b === Ht.LG ? "xs" : "xxs", negative: u, disabled: P }),
+        e && /* @__PURE__ */ s(Jt, { size: h === Vt.LG ? "xs" : "xxs", negative: u, disabled: M }),
         " ",
         t
       ]
     }
   );
-}, Dr = A(ne);
-Dr.displayName = "Button";
+}, Tr = O(ne);
+Tr.displayName = "Button";
 function ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -606,7 +621,7 @@ const ie = /* @__PURE__ */ ue(ae), oe = {
   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"
-}, se = ie.bind(oe), br = "purpur-icon", le = "md", ce = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), de = ({ content: t = "", title: a } = {}) => {
+}, se = ie.bind(oe), hr = "purpur-icon", le = "md", ce = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), de = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -614,7 +629,7 @@ const ie = /* @__PURE__ */ ue(ae), oe = {
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
   return `<svg ${ce(n)}>${i}${t}</svg>`;
-}, _e = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Zr = ({
+}, _e = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
@@ -625,7 +640,7 @@ const ie = /* @__PURE__ */ ue(ae), oe = {
   const e = de({
     content: _e(a.svg),
     title: n
-  }), u = se(i, br, `${br}--${o}`);
+  }), u = se(i, hr, `${hr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -637,11 +652,11 @@ const ie = /* @__PURE__ */ ue(ae), oe = {
     }
   );
 };
-Zr.displayName = "Icon";
+Gr.displayName = "Icon";
 function fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Vr = { exports: {} };
+var Hr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -676,8 +691,8 @@ var Vr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Vr);
-var ve = Vr.exports;
+})(Hr);
+var ve = Hr.exports;
 const me = /* @__PURE__ */ fe(ve), yr = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
@@ -687,7 +702,7 @@ const me = /* @__PURE__ */ fe(ve), yr = {
   className: n,
   relevant: i = "additions text",
   ...o
-}) => /* @__PURE__ */ O(
+}) => /* @__PURE__ */ A(
   "div",
   {
     className: me([n, yr[wr]]),
@@ -696,7 +711,7 @@ const me = /* @__PURE__ */ fe(ve), yr = {
     "aria-relevant": i,
     ...o,
     children: [
-      /* @__PURE__ */ s(Zr, { svg: pe, size: "xs", className: yr[`${wr}__icon`] }),
+      /* @__PURE__ */ s(Gr, { svg: pe, size: "xs", className: yr[`${wr}__icon`] }),
       a
     ]
   }
@@ -704,7 +719,7 @@ const me = /* @__PURE__ */ fe(ve), yr = {
 function xe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Hr = { exports: {} };
+var Vr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -739,9 +754,9 @@ var Hr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Hr);
-var he = Hr.exports;
-const be = /* @__PURE__ */ xe(he), $r = {
+})(Vr);
+var be = Vr.exports;
+const he = /* @__PURE__ */ xe(be), $r = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
 }, jr = "purpur-field-helper-text", ye = ({
@@ -752,7 +767,7 @@ const be = /* @__PURE__ */ xe(he), $r = {
   id: o,
   ...r
 }) => {
-  const e = be([
+  const e = he([
     n,
     $r[jr],
     {
@@ -764,7 +779,7 @@ const be = /* @__PURE__ */ xe(he), $r = {
 function we(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Kr = { exports: {} };
+var Zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -799,8 +814,8 @@ var Kr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Kr);
-var $e = Kr.exports;
+})(Zr);
+var $e = Zr.exports;
 const je = /* @__PURE__ */ we($e), Se = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -814,47 +829,47 @@ const je = /* @__PURE__ */ we($e), Se = {
   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"
-}, Oe = {
+}, 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"
-}, Yr = (t) => /* @__PURE__ */ s(
+}, Xr = (t) => /* @__PURE__ */ s(
   cr,
   {
     ...t,
     svg: Ne
   }
 );
-Yr.displayName = "IconCheckCircleFilled";
-const Gr = (t) => /* @__PURE__ */ s(
+Xr.displayName = "IconCheckCircleFilled";
+const Kr = (t) => /* @__PURE__ */ s(
   cr,
   {
     ...t,
-    svg: Oe
+    svg: Ae
   }
 );
-Gr.displayName = "IconClose";
-const Ae = je.bind(Se), Sr = "purpur-icon", Ce = "md", Pe = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), qe = ({ content: t = "", title: a } = {}) => {
+Kr.displayName = "IconClose";
+const Oe = je.bind(Se), Sr = "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>`;
-}, ke = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), cr = ({
+  return `<svg ${Me(n)}>${i}${t}</svg>`;
+}, Ie = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), cr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = Ce,
+  size: o = Pe,
   ...r
 }) => {
-  const e = qe({
-    content: ke(a.svg),
+  const e = Ce({
+    content: Ie(a.svg),
     title: n
-  }), u = Ae(i, Sr, `${Sr}--${o}`);
+  }), u = Oe(i, Sr, `${Sr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -876,40 +891,40 @@ function F() {
     return t;
   }, F.apply(null, arguments);
 }
-function Ie(t, a) {
+function Le(t, a) {
   typeof t == "function" ? t(a) : t != null && (t.current = a);
 }
-function Me(...t) {
+function qe(...t) {
   return (a) => t.forEach(
-    (n) => Ie(n, a)
+    (n) => Le(n, a)
   );
 }
-const Ur = /* @__PURE__ */ A((t, a) => {
-  const { children: n, ...i } = t, o = T.toArray(n), r = o.find(Be);
+const Ur = /* @__PURE__ */ O((t, a) => {
+  const { children: n, ...i } = t, o = D.toArray(n), r = o.find(ze);
   if (r) {
-    const e = r.props.children, u = o.map((f) => f === r ? T.count(e) > 1 ? T.only(null) : /* @__PURE__ */ D(e) ? e.props.children : null : f);
+    const e = r.props.children, u = o.map((f) => f === r ? D.count(e) > 1 ? D.only(null) : /* @__PURE__ */ T(e) ? e.props.children : null : f);
     return /* @__PURE__ */ W(pr, F({}, i, {
       ref: a
-    }), /* @__PURE__ */ D(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
+    }), /* @__PURE__ */ T(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
   }
   return /* @__PURE__ */ W(pr, F({}, i, {
     ref: a
   }), n);
 });
 Ur.displayName = "Slot";
-const pr = /* @__PURE__ */ A((t, a) => {
+const pr = /* @__PURE__ */ O((t, a) => {
   const { children: n, ...i } = t;
-  return /* @__PURE__ */ D(n) ? /* @__PURE__ */ sr(n, {
-    ...Le(i, n.props),
-    ref: a ? Me(a, n.ref) : n.ref
-  }) : T.count(n) > 1 ? T.only(null) : null;
+  return /* @__PURE__ */ T(n) ? /* @__PURE__ */ sr(n, {
+    ...Be(i, n.props),
+    ref: a ? qe(a, n.ref) : n.ref
+  }) : D.count(n) > 1 ? D.only(null) : null;
 });
 pr.displayName = "SlotClone";
-const ze = ({ children: t }) => /* @__PURE__ */ W(_t, null, t);
-function Be(t) {
-  return /* @__PURE__ */ D(t) && t.type === ze;
+const ke = ({ children: t }) => /* @__PURE__ */ W(ft, null, t);
+function ze(t) {
+  return /* @__PURE__ */ T(t) && t.type === ke;
 }
-function Le(t, a) {
+function Be(t, a) {
   const n = {
     ...a
   };
@@ -948,9 +963,9 @@ const Ee = [
   "svg",
   "ul"
 ], Re = Ee.reduce((t, a) => {
-  const n = /* @__PURE__ */ A((i, o) => {
+  const n = /* @__PURE__ */ O((i, o) => {
     const { asChild: r, ...e } = i, u = r ? Ur : a;
-    return Or(() => {
+    return Ar(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ W(u, F({}, e, {
       ref: o
@@ -960,17 +975,17 @@ const Ee = [
     ...t,
     [a]: n
   };
-}, {}), Te = /* @__PURE__ */ A((t, a) => /* @__PURE__ */ W(Re.label, F({}, t, {
+}, {}), De = /* @__PURE__ */ O((t, a) => /* @__PURE__ */ W(Re.label, F({}, 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();
   }
-}))), De = Te;
+}))), Te = De;
 function Fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Jr = { exports: {} };
+var Yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1005,13 +1020,13 @@ var Jr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Jr);
-var Ze = Jr.exports;
-const Ve = /* @__PURE__ */ Fe(Ze), ir = {
+})(Yr);
+var Ge = Yr.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"
-}, or = "purpur-label", He = ({
+}, or = "purpur-label", Ve = ({
   children: t,
   className: a,
   htmlFor: n,
@@ -1020,7 +1035,7 @@ const Ve = /* @__PURE__ */ Fe(Ze), ir = {
   negative: r = !1,
   ...e
 }) => {
-  const u = Ve([
+  const u = He([
     a,
     ir[or],
     {
@@ -1028,12 +1043,12 @@ const Ve = /* @__PURE__ */ Fe(Ze), ir = {
       [ir[`${or}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s(De, { 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 Ke(t) {
+function Ze(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Xr = { exports: {} };
+var Jr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1068,11 +1083,11 @@ var Xr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Xr);
-var Ye = Xr.exports;
-const Nr = /* @__PURE__ */ Ke(Ye), Ge = "_rotate_1xozj_1", Ue = "_dash_1xozj_1", Y = {
+})(Jr);
+var Xe = Jr.exports;
+const Nr = /* @__PURE__ */ Ze(Xe), Ke = "_rotate_1xozj_1", Ue = "_dash_1xozj_1", X = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Ge,
+  rotate: Ke,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
@@ -1082,26 +1097,30 @@ const Nr = /* @__PURE__ */ Ke(Ye), Ge = "_rotate_1xozj_1", Ue = "_dash_1xozj_1",
   dash: Ue,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, G = "purpur-spinner", Je = {
-  SM: "sm"
-}, Xe = ({
+}, K = "purpur-spinner", Ye = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Je = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = Je.SM,
+  size: i = Ye.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: Nr([Y[G], Y[`${G}--${i}`]]),
+    className: Nr([X[K], X[`${K}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: Nr(Y[`${G}__circle`], {
-          [Y[`${G}__circle--disabled`]]: a,
-          [Y[`${G}__circle--negative`]]: n
+        className: Nr(X[`${K}__circle`], {
+          [X[`${K}__circle--disabled`]]: a,
+          [X[`${K}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -1167,7 +1186,7 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
   "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"
-}, en = (t) => J(t), N = rn.bind(tn), m = "purpur-text-field", nn = ({
+}, en = (t) => Y(t), N = rn.bind(tn), m = "purpur-text-field", nn = ({
   ["data-testid"]: t,
   className: a,
   clearButtonAllyLabel: n,
@@ -1177,21 +1196,21 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
   errorText: e,
   helperText: u,
   label: f,
-  loading: b = !1,
+  loading: h = !1,
   onClear: g,
   startAdornment: j,
   valid: x = !1,
   ...c
 }, w) => {
-  var C;
-  const P = ft(), d = c.id ?? P, l = (v) => t ? `${t}-${v}` : void 0, h = x && !e, $ = u ? `${d}-helper-text` : void 0, L = [j].filter((v) => !!v), E = (typeof c.value == "number" ? c.value !== void 0 : (C = c.value) == null ? void 0 : C.length) && !c.disabled && !c.readOnly && !b && g && n, k = en(null), Q = (v) => {
-    k.current = v, typeof w == "function" ? w(v) : w && (w.current = v);
+  var P;
+  const M = _t(), d = c.id ?? M, l = (v) => t ? `${t}-${v}` : void 0, b = x && !e, $ = u ? `${d}-helper-text` : void 0, B = [j].filter((v) => !!v), E = (typeof c.value == "number" ? c.value !== void 0 : (P = c.value) == null ? void 0 : P.length) && !c.disabled && !c.readOnly && !h && g && n, I = en(null), Q = (v) => {
+    I.current = v, typeof w == "function" ? w(v) : w && (w.current = v);
   }, rr = () => {
     var v;
-    g == null || g(), (v = k.current) == null || v.focus();
-  }, I = [
-    b && /* @__PURE__ */ s(
-      Xe,
+    g == null || g(), (v = I.current) == null || v.focus();
+  }, L = [
+    h && /* @__PURE__ */ s(
+      Je,
       {
         disabled: c.disabled,
         size: "xs",
@@ -1200,7 +1219,7 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
       "spinner"
     ),
     E && /* @__PURE__ */ s(
-      Dr,
+      Tr,
       {
         variant: "tertiary-purple",
         onClick: rr,
@@ -1208,12 +1227,12 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
         "aria-label": n ?? "",
         "data-testid": l("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ s(Gr, { size: "xs" })
+        children: /* @__PURE__ */ s(Kr, { size: "xs" })
       },
       "clear-button"
     ),
-    h && /* @__PURE__ */ s(
-      Yr,
+    b && /* @__PURE__ */ s(
+      Xr,
       {
         "data-testid": l("valid-icon"),
         className: N(`${m}__valid-icon`)
@@ -1223,16 +1242,16 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
   ].filter((v) => !!v), R = N([
     `${m}__input-container`,
     {
-      [`${m}__input-container--start-adornment`]: L.length,
-      [`${m}__input-container--end-adornment`]: I.length || r,
+      [`${m}__input-container--start-adornment`]: B.length,
+      [`${m}__input-container--end-adornment`]: L.length || r,
       [`${m}__input-container--disabled`]: c.disabled,
       [`${m}__input-container--has-clear-button`]: E,
       [`${m}__input-container--readonly`]: c.readOnly && !c.disabled
     }
   ]);
-  return /* @__PURE__ */ O("div", { className: N(a, m), children: [
+  return /* @__PURE__ */ A("div", { className: N(a, m), children: [
     f && /* @__PURE__ */ s(
-      He,
+      Ve,
       {
         htmlFor: d,
         className: N(`${m}__label`),
@@ -1241,15 +1260,15 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
         children: `${c.required ? "* " : ""}${f}`
       }
     ),
-    /* @__PURE__ */ O("div", { className: N(`${m}__field-row`), children: [
+    /* @__PURE__ */ A("div", { className: N(`${m}__field-row`), children: [
       !!i && i,
-      /* @__PURE__ */ O("div", { className: R, children: [
-        !!L.length && /* @__PURE__ */ s(
+      /* @__PURE__ */ A("div", { className: R, children: [
+        !!B.length && /* @__PURE__ */ s(
           "div",
           {
             "data-testid": l("start-adornments"),
             className: N(`${m}__adornment-container`),
-            children: L
+            children: B
           }
         ),
         /* @__PURE__ */ s(
@@ -1264,20 +1283,20 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
             className: N([
               `${m}__input`,
               {
-                [`${m}__input--valid`]: h,
+                [`${m}__input--valid`]: b,
                 [`${m}__input--error`]: !!e
               }
             ])
           }
         ),
         /* @__PURE__ */ s("div", { className: N(`${m}__frame`) }),
-        (!!I.length || r) && /* @__PURE__ */ O(
+        (!!L.length || r) && /* @__PURE__ */ A(
           "div",
           {
             "data-testid": l("end-adornments"),
             className: N(`${m}__adornment-container`),
             children: [
-              I,
+              L,
               r
             ]
           }
@@ -1288,9 +1307,9 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
     $ && /* @__PURE__ */ s(ye, { "data-testid": l("helper-text"), id: $, children: u }),
     e && /* @__PURE__ */ s(ge, { "data-testid": l("error-text"), children: e })
   ] });
-}, Qr = A(nn);
+}, Qr = O(nn);
 Qr.displayName = "TextField";
-const un = (t) => D(t) && t.type.displayName === Qr.displayName;
+const un = (t) => T(t) && t.type.displayName === Qr.displayName;
 function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -1337,14 +1356,14 @@ const pn = /* @__PURE__ */ an(on), sn = {
   "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"
-}, ln = (t) => J(t), cn = (t, a) => {
+}, ln = (t) => Y(t), cn = (t, a) => {
   const n = vt(
     (i) => {
       t && !t.contains(i.target) && a();
     },
     [a, t]
   );
-  Or(() => (document.addEventListener("mousedown", n), () => {
+  Ar(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
 }, dn = ({
@@ -1357,26 +1376,26 @@ const pn = /* @__PURE__ */ an(on), sn = {
   listboxLabel: e,
   listboxMaxHeight: u,
   onInputChange: f,
-  openOnFocus: b,
+  openOnFocus: h,
   noOptionsText: g,
   onSelect: j,
   options: x,
   selectedOption: c,
   ["data-testid"]: w
 }) => {
-  const [C, P] = ar(
+  const [P, M] = ar(
     ((typeof i == "string" ? i : n) || (c == null ? void 0 : c.label)) ?? ""
-  ), d = typeof i == "string" ? i : C, [l, h] = ar(a ? x[0] : void 0), $ = J(null), L = ln(null), E = J(null), k = J({}), [Q, rr] = ar(!1);
-  function I(p) {
+  ), d = typeof i == "string" ? i : P, [l, b] = ar(a ? x[0] : void 0), $ = Y(null), B = ln(null), E = Y(null), I = Y({}), [Q, rr] = ar(!1);
+  function L(p) {
     return w ? `${w}-${p}` : void 0;
   }
   const R = () => {
-    rr(!1), h(void 0);
+    rr(!1), b(void 0);
   };
-  cn(L.current, R);
+  cn(B.current, R);
   const v = ({ eventType: p }) => {
     rr(!0), c && requestAnimationFrame(() => {
-      h({ ...c, isSetByClickEvent: p === "CLICK" }), nr(k.current[c.id]);
+      b({ ...c, isSetByClickEvent: p === "CLICK" }), nr(I.current[c.id]);
     });
   }, tt = (p) => {
     if (o)
@@ -1389,8 +1408,8 @@ const pn = /* @__PURE__ */ an(on), sn = {
         (S) => (y.value || y.label).toUpperCase().includes(S)
       )
     );
-  }, dr = (p) => c && (c == null ? void 0 : c.label) === p ? x : tt(p), q = dr(d), er = (p) => {
-    f == null || f(p), P(p);
+  }, dr = (p) => c && (c == null ? void 0 : c.label) === p ? x : tt(p), C = dr(d), er = (p) => {
+    f == null || f(p), M(p);
   }, nr = (p) => {
     var _;
     if (p) {
@@ -1401,12 +1420,12 @@ const pn = /* @__PURE__ */ an(on), sn = {
     var _;
     p && ((_ = $.current) == null || _.focus(), er(p.label), j == null || j(p)), R();
   }, et = (p) => {
-    const _ = a && !l ? 0 : q.findIndex((S) => S && (l == null ? void 0 : l.id) === S.id), y = q.length;
-    return p === "ArrowDown" ? q[(_ ?? -1) + 1] || q[0] : q[(_ ?? y) - 1] || q[y - 1];
-  }, M = Q && (!!q.length || !!g), nt = (p) => {
-    !M && v({ eventType: "KEYBOARD" });
+    const _ = a && !l ? 0 : C.findIndex((S) => S && (l == null ? void 0 : l.id) === S.id), y = C.length;
+    return p === "ArrowDown" ? C[(_ ?? -1) + 1] || C[0] : C[(_ ?? y) - 1] || C[y - 1];
+  }, q = Q && (!!C.length || !!g), nt = (p) => {
+    !q && v({ eventType: "KEYBOARD" });
     const _ = et(p);
-    h(_), _ && nr(k.current[_.id]);
+    b(_), _ && nr(I.current[_.id]);
   }, ut = (p) => {
     switch (p.key) {
       case "ArrowUp":
@@ -1415,7 +1434,7 @@ const pn = /* @__PURE__ */ an(on), sn = {
         break;
       case "Enter": {
         const _ = l || (a ? x[0] : void 0);
-        M && _r(_), !M && v({ eventType: "KEYBOARD" });
+        q && _r(_), !q && v({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1425,12 +1444,12 @@ const pn = /* @__PURE__ */ an(on), sn = {
     }
   }, at = (p) => {
     const _ = dr(p.target.value);
-    er(p.target.value), h(void 0), !M && v({ eventType: "KEYBOARD" }), a && _[0] && nr(k.current[_[0].id]);
+    er(p.target.value), b(void 0), !q && v({ eventType: "KEYBOARD" }), a && _[0] && nr(I.current[_[0].id]);
   }, it = () => {
-    M ? R() : v({ eventType: "CLICK" });
+    q ? R() : v({ eventType: "CLICK" });
   }, ot = () => {
     var p;
-    !Q && b && v({ eventType: "KEYBOARD" }), (p = $.current) == null || p.select();
+    !Q && h && v({ eventType: "KEYBOARD" }), (p = $.current) == null || p.select();
   }, pt = () => {
     t && setTimeout(() => {
       var p, _;
@@ -1440,21 +1459,21 @@ const pn = /* @__PURE__ */ an(on), sn = {
     maxHeight: typeof u == "number" ? `${u}px` : u
   }, fr = {
     "aria-label": e,
-    "aria-expanded": M,
-    "data-testid": I("listbox"),
+    "aria-expanded": q,
+    "data-testid": L("listbox"),
     id: `${r}-listbox`,
     ref: E,
-    onMouseLeave: () => h(void 0),
+    onMouseLeave: () => b(void 0),
     style: u ? st : void 0
   }, vr = (p) => `${r}-listbox-item-${p.id}`, lt = (p, _) => {
-    const y = () => p.id !== (l == null ? void 0 : l.id) && h({ ...p, isSetByClickEvent: !0 }), S = (p.id === (l == null ? void 0 : l.id) || !!a && !l && _ === 0) && !(l != null && l.isSetByClickEvent);
+    const y = () => p.id !== (l == null ? void 0 : l.id) && b({ ...p, isSetByClickEvent: !0 }), S = (p.id === (l == null ? void 0 : l.id) || !!a && !l && _ === 0) && !(l != null && l.isSetByClickEvent);
     return {
-      "data-testid": I(`listbox-item-${p.id}`),
+      "data-testid": L(`listbox-item-${p.id}`),
       id: vr(p),
       key: p.id,
       onMouseMove: y,
       onMouseUp: () => _r(p),
-      ref: (ur) => ur && (k.current[p.id] = ur),
+      ref: (ur) => ur && (I.current[p.id] = ur),
       tabIndex: -1,
       selected: p.id === (c == null ? void 0 : c.id),
       disabled: p.disabled,
@@ -1465,7 +1484,7 @@ const pn = /* @__PURE__ */ an(on), sn = {
     "aria-activedescendant": l ? vr(l) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": fr.id,
-    "data-testid": I("input"),
+    "data-testid": L("input"),
     autoComplete: "off",
     id: `${r}-input`,
     onChange: at,
@@ -1480,9 +1499,9 @@ const pn = /* @__PURE__ */ an(on), sn = {
   return {
     id: r,
     inputProps: ct,
-    internalRef: L,
-    optionsToShow: q,
-    showListbox: M,
+    internalRef: B,
+    optionsToShow: C,
+    showListbox: q,
     noOptionsText: g,
     combobox: t,
     getListBoxItemProps: lt,
@@ -1494,20 +1513,20 @@ const pn = /* @__PURE__ */ an(on), sn = {
     inputProps: e,
     internalRef: u,
     optionsToShow: f,
-    showListbox: b,
+    showListbox: h,
     noOptionsText: g,
     combobox: j,
     getListBoxItemProps: x,
     listboxProps: c
   } = dn(i), w = (d, l) => {
-    const { key: h, ...$ } = x(d, l);
-    return /* @__PURE__ */ s(X.Item, { ...$, children: n ? n == null ? void 0 : n(d) : d.label }, h);
-  }, C = (d) => {
+    const { key: b, ...$ } = x(d, l);
+    return /* @__PURE__ */ s(J.Item, { ...$, children: n ? n == null ? void 0 : n(d) : d.label }, b);
+  }, P = (d) => {
     u.current = d, typeof o == "function" ? o(d) : o && (o.current = d);
-  }, P = () => {
+  }, M = () => {
     const d = a(e);
     if (j && g && d && un(d)) {
-      const h = /* @__PURE__ */ O(dt, { children: [
+      const b = /* @__PURE__ */ A(dt, { children: [
         d.props.endAdornment,
         /* @__PURE__ */ s(
           "button",
@@ -1520,26 +1539,26 @@ const pn = /* @__PURE__ */ an(on), sn = {
             },
             "aria-hidden": "true",
             children: /* @__PURE__ */ s(
-              Cr,
+              Pr,
               {
                 size: "sm",
                 className: tr(`${U}__chevron-icon`, {
-                  [`${U}__chevron-icon--up`]: b
+                  [`${U}__chevron-icon--up`]: h
                 })
               }
             )
           }
         )
       ] });
-      return sr(d, { endAdornment: h });
+      return sr(d, { endAdornment: b });
     }
     return d;
   };
-  return /* @__PURE__ */ O("div", { id: r, ref: C, className: tr([t, U]), children: [
-    P(),
-    b && /* @__PURE__ */ s(X, { ...c, className: tr(`${U}__listbox`), children: f.length ? f.filter((d) => !!d).map(w) : /* @__PURE__ */ s(X.Item, { noninteractive: !0, children: g }) })
+  return /* @__PURE__ */ A("div", { id: r, ref: P, className: tr([t, U]), children: [
+    M(),
+    h && /* @__PURE__ */ s(J, { ...c, className: tr(`${U}__listbox`), children: f.length ? f.filter((d) => !!d).map(w) : /* @__PURE__ */ s(J.Item, { noninteractive: !0, children: g }) })
   ] });
-}, fn = A(_n);
+}, fn = O(_n);
 fn.displayName = "Autocomplete";
 export {
   fn as Autocomplete,