@purpurds/autocomplete 5.10.1 → 5.11.0

package/dist/autocomplete.es.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as O, Fragment as ot } from "react/jsx-runtime";
-import { forwardRef as P, Children as k, isValidElement as q, createElement as W, cloneElement as sr, useEffect as Ar, useId as pt, Fragment as st, useRef as Y, useCallback as lt, useState as nr } from "react";
+import { forwardRef as P, Children as R, isValidElement as q, createElement as W, cloneElement as sr, useEffect as Ar, useId as pt, Fragment as st, useRef as Y, useCallback as lt, useState as nr } from "react";
 import "react-dom";
 function ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -12,15 +12,15 @@ var Or = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -31,7 +31,7 @@ var Or = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -60,33 +60,33 @@ const _t = /* @__PURE__ */ ct(dt), ft = {
   keywords: ["chevron-down"],
   category: "utility"
 }, Pr = (t) => /* @__PURE__ */ s(
-  Mr,
+  Cr,
   {
     ...t,
     svg: mt
   }
 );
 Pr.displayName = "IconChevronDown";
-const gt = _t.bind(ft), mr = "purpur-icon", bt = "md", xt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ht = ({ content: t = "", title: i } = {}) => {
+const gt = _t.bind(ft), mr = "purpur-icon", bt = "md", xt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ht = ({ 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" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${xt(n)}>${a}${t}</svg>`;
-}, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${xt(n)}>${i}${t}</svg>`;
+}, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Cr = ({
   ["data-testid"]: t,
-  svg: i,
+  svg: a,
   allyTitle: n,
-  className: a = "",
+  className: i = "",
   size: o = bt,
   ...r
 }) => {
   const e = ht({
-    content: yt(i.svg),
+    content: yt(a.svg),
     title: n
-  }), u = gt(a, mr, `${mr}--${o}`);
+  }), u = gt(i, mr, `${mr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -105,7 +105,7 @@ const gt = _t.bind(ft), mr = "purpur-icon", bt = "md", xt = (t) => t.filter((i)
 function wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Cr = { exports: {} };
+var Mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -113,15 +113,15 @@ var Cr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -132,7 +132,7 @@ var Cr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -140,9 +140,9 @@ var Cr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Cr);
-var $t = Cr.exports;
-const br = /* @__PURE__ */ wt($t), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", Z = {
+})(Mr);
+var $t = Mr.exports;
+const br = /* @__PURE__ */ wt($t), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", G = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: jt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -154,7 +154,7 @@ const br = /* @__PURE__ */ wt($t), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
   dash: St,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, G = "purpur-spinner", Nt = {
+}, K = "purpur-spinner", Nt = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -162,22 +162,22 @@ const br = /* @__PURE__ */ wt($t), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
   LG: "lg"
 }, At = ({
   ["data-testid"]: t,
-  disabled: i = !1,
+  disabled: a = !1,
   negative: n = !1,
-  size: a = Nt.SM,
+  size: i = Nt.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: br([Z[G], Z[`${G}--${a}`]]),
+    className: br([G[K], G[`${K}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: br(Z[`${G}__circle`], {
-          [Z[`${G}__circle--disabled`]]: i,
-          [Z[`${G}__circle--negative`]]: n
+        className: br(G[`${K}__circle`], {
+          [G[`${K}__circle--disabled`]]: a,
+          [G[`${K}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -197,15 +197,15 @@ var Lr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -216,7 +216,7 @@ var Lr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -226,7 +226,7 @@ var Lr = { exports: {} };
   })();
 })(Lr);
 var Pt = Lr.exports;
-const Mt = /* @__PURE__ */ Ot(Pt), Ct = {
+const Ct = /* @__PURE__ */ Ot(Pt), Mt = {
   "purpur-button": "_purpur-button_u2yv5_1",
   "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
@@ -247,11 +247,11 @@ const Mt = /* @__PURE__ */ Ot(Pt), Ct = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
   "purpur-button--text": "_purpur-button--text_u2yv5_175"
-}, Lt = Mt.bind(Ct), z = "purpur-button", It = ({
+}, Lt = Ct.bind(Mt), B = "purpur-button", It = ({
   children: t,
-  className: i,
+  className: a,
   ["data-testid"]: n,
-  disabled: a = !1,
+  disabled: i = !1,
   fullWidth: o = !1,
   iconOnly: r,
   loading: e = !1,
@@ -266,20 +266,20 @@ const Mt = /* @__PURE__ */ Ot(Pt), Ct = {
     return null;
   const j = Lt(
     [
-      z,
-      `${z}--${u ? `${y}-negative` : y}`,
-      `${z}--${x}`
+      B,
+      `${B}--${u ? `${y}-negative` : y}`,
+      `${B}--${x}`
     ],
     {
-      [`${z}--icon-only`]: r,
-      [`${z}--negative`]: u,
-      [`${z}--full-width`]: o,
-      [`${z}--disabled`]: a || e
+      [`${B}--icon-only`]: r,
+      [`${B}--negative`]: u,
+      [`${B}--full-width`]: o,
+      [`${B}--disabled`]: i || e
     },
-    i
+    a
   ), L = (l) => {
-    a || e ? l.preventDefault() : v && v(l);
-  }, w = !!d["aria-disabled"] || a || e;
+    i || e ? l.preventDefault() : v && v(l);
+  }, w = !!d["aria-disabled"] || i || e;
   return /* @__PURE__ */ O(
     "button",
     {
@@ -299,10 +299,10 @@ const Mt = /* @__PURE__ */ Ot(Pt), Ct = {
   );
 }, Ir = P(It);
 Ir.displayName = "Button";
-function zt(t) {
+function Bt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -310,15 +310,15 @@ var zr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -329,7 +329,7 @@ var zr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -337,9 +337,9 @@ var zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(zr);
-var Bt = zr.exports;
-const Rt = /* @__PURE__ */ zt(Bt), kt = {
+})(Br);
+var zt = Br.exports;
+const kt = /* @__PURE__ */ Bt(zt), Rt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -352,26 +352,26 @@ const Rt = /* @__PURE__ */ zt(Bt), kt = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
-}, Et = Rt.bind(kt), xr = "purpur-icon", Dt = "md", Tt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ft = ({ content: t = "", title: i } = {}) => {
+}, Et = kt.bind(Rt), xr = "purpur-icon", Dt = "md", Tt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Ft = ({ 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" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Tt(n)}>${a}${t}</svg>`;
-}, Zt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gt = ({
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${Tt(n)}>${i}${t}</svg>`;
+}, Gt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Kt = ({
   ["data-testid"]: t,
-  svg: i,
+  svg: a,
   allyTitle: n,
-  className: a = "",
+  className: i = "",
   size: o = Dt,
   ...r
 }) => {
   const e = Ft({
-    content: Zt(i.svg),
+    content: Gt(a.svg),
     title: n
-  }), u = Et(a, xr, `${xr}--${o}`);
+  }), u = Et(i, xr, `${xr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -383,10 +383,10 @@ const Rt = /* @__PURE__ */ zt(Bt), kt = {
     }
   );
 };
-function Vt(t) {
+function Zt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Br = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -394,15 +394,15 @@ var Br = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -413,7 +413,7 @@ var Br = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -421,35 +421,35 @@ var Br = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Br);
-var Ht = Br.exports;
-const Kt = /* @__PURE__ */ Vt(Ht), hr = {
+})(zr);
+var Ht = zr.exports;
+const Vt = /* @__PURE__ */ Zt(Ht), hr = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
 }, yr = "purpur-field-error-text", Ut = ({
   ["data-testid"]: t,
-  children: i,
+  children: a,
   className: n,
-  relevant: a = "additions text",
+  relevant: i = "additions text",
   ...o
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Kt([n, hr[yr]]),
+    className: Vt([n, hr[yr]]),
     "data-testid": t,
     "aria-live": "assertive",
-    "aria-relevant": a,
+    "aria-relevant": i,
     ...o,
     children: [
-      /* @__PURE__ */ s(Gt, { svg: qt, size: "xs", className: hr[`${yr}__icon`] }),
-      i
+      /* @__PURE__ */ s(Kt, { svg: qt, size: "xs", className: hr[`${yr}__icon`] }),
+      a
     ]
   }
 );
 function Xt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Rr = { exports: {} };
+var kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -457,15 +457,15 @@ var Rr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -476,7 +476,7 @@ var Rr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -484,16 +484,16 @@ var Rr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Rr);
-var Yt = Rr.exports;
+})(kr);
+var Yt = kr.exports;
 const Wt = /* @__PURE__ */ Xt(Yt), wr = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
 }, $r = "purpur-field-helper-text", Jt = ({
   ["data-testid"]: t,
-  children: i,
+  children: a,
   className: n,
-  disabled: a,
+  disabled: i,
   id: o,
   ...r
 }) => {
@@ -501,15 +501,15 @@ const Wt = /* @__PURE__ */ Xt(Yt), wr = {
     n,
     wr[$r],
     {
-      [wr[`${$r}--disabled`]]: a
+      [wr[`${$r}--disabled`]]: i
     }
   ]);
-  return /* @__PURE__ */ s("span", { id: o, className: e, "data-testid": t, ...r, children: i });
+  return /* @__PURE__ */ s("span", { id: o, className: e, "data-testid": t, ...r, children: a });
 };
 function Qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} };
+var Rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -517,15 +517,15 @@ var kr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -536,7 +536,7 @@ var kr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -544,8 +544,8 @@ var kr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(kr);
-var re = kr.exports;
+})(Rr);
+var re = Rr.exports;
 const te = /* @__PURE__ */ Qt(re), ee = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -580,26 +580,26 @@ const Er = (t) => /* @__PURE__ */ s(
   }
 );
 Er.displayName = "IconClose";
-const ie = te.bind(ee), jr = "purpur-icon", ae = "md", oe = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), pe = ({ content: t = "", title: i } = {}) => {
+const ae = te.bind(ee), jr = "purpur-icon", ie = "md", oe = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), pe = ({ 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" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${oe(n)}>${a}${t}</svg>`;
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${oe(n)}>${i}${t}</svg>`;
 }, se = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Dr = ({
   ["data-testid"]: t,
-  svg: i,
+  svg: a,
   allyTitle: n,
-  className: a = "",
-  size: o = ae,
+  className: i = "",
+  size: o = ie,
   ...r
 }) => {
   const e = pe({
-    content: se(i.svg),
+    content: se(a.svg),
     title: n
-  }), u = ie(a, jr, `${jr}--${o}`);
+  }), u = ae(i, jr, `${jr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -611,71 +611,71 @@ const ie = te.bind(ee), jr = "purpur-icon", ae = "md", oe = (t) => t.filter((i)
     }
   );
 };
-function ar() {
-  return ar = Object.assign ? Object.assign.bind() : function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+function ir() {
+  return ir = 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;
-  }, ar.apply(this, arguments);
+  }, ir.apply(this, arguments);
 }
 function J() {
   return J = Object.assign ? Object.assign.bind() : function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    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 le(t, i) {
-  typeof t == "function" ? t(i) : t != null && (t.current = i);
+function le(t, a) {
+  typeof t == "function" ? t(a) : t != null && (t.current = a);
 }
 function ce(...t) {
-  return (i) => t.forEach(
-    (n) => le(n, i)
+  return (a) => t.forEach(
+    (n) => le(n, a)
   );
 }
-const Tr = /* @__PURE__ */ P((t, i) => {
-  const { children: n, ...a } = t, o = k.toArray(n), r = o.find(_e);
+const Tr = /* @__PURE__ */ P((t, a) => {
+  const { children: n, ...i } = t, o = R.toArray(n), r = o.find(_e);
   if (r) {
-    const e = r.props.children, u = o.map((v) => v === r ? k.count(e) > 1 ? k.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ W(or, J({}, a, {
-      ref: i
+    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(or, J({}, i, {
+      ref: a
     }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ W(or, J({}, a, {
-    ref: i
+  return /* @__PURE__ */ W(or, J({}, i, {
+    ref: a
   }), n);
 });
 Tr.displayName = "Slot";
-const or = /* @__PURE__ */ P((t, i) => {
-  const { children: n, ...a } = t;
+const or = /* @__PURE__ */ P((t, a) => {
+  const { children: n, ...i } = t;
   return /* @__PURE__ */ q(n) ? /* @__PURE__ */ sr(n, {
-    ...fe(a, n.props),
-    ref: i ? ce(i, n.ref) : n.ref
-  }) : k.count(n) > 1 ? k.only(null) : null;
+    ...fe(i, n.props),
+    ref: a ? ce(a, n.ref) : n.ref
+  }) : R.count(n) > 1 ? R.only(null) : null;
 });
 or.displayName = "SlotClone";
 const de = ({ children: t }) => /* @__PURE__ */ W(st, null, t);
 function _e(t) {
   return /* @__PURE__ */ q(t) && t.type === de;
 }
-function fe(t, i) {
+function fe(t, a) {
   const n = {
-    ...i
+    ...a
   };
-  for (const a in i) {
-    const o = t[a], r = i[a];
-    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...e) => {
+  for (const i in a) {
+    const o = t[i], r = a[i];
+    /^on[A-Z]/.test(i) ? o && r ? n[i] = (...e) => {
       r(...e), o(...e);
-    } : o && (n[a] = o) : a === "style" ? n[a] = {
+    } : o && (n[i] = o) : i === "style" ? n[i] = {
       ...o,
       ...r
-    } : a === "className" && (n[a] = [
+    } : i === "className" && (n[i] = [
       o,
       r
     ].filter(Boolean).join(" "));
@@ -702,24 +702,24 @@ const ve = [
   "span",
   "svg",
   "ul"
-], me = ve.reduce((t, i) => {
-  const n = /* @__PURE__ */ P((a, o) => {
-    const { asChild: r, ...e } = a, u = r ? Tr : i;
+], me = ve.reduce((t, a) => {
+  const n = /* @__PURE__ */ P((i, o) => {
+    const { asChild: r, ...e } = i, u = r ? Tr : a;
     return Ar(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ W(u, J({}, e, {
       ref: o
     }));
   });
-  return n.displayName = `Primitive.${i}`, {
+  return n.displayName = `Primitive.${a}`, {
     ...t,
-    [i]: n
+    [a]: n
   };
-}, {}), ge = /* @__PURE__ */ P((t, i) => /* @__PURE__ */ W(me.label, ar({}, t, {
-  ref: i,
+}, {}), ge = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ W(me.label, ir({}, t, {
+  ref: a,
   onMouseDown: (n) => {
-    var a;
-    (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
+    var i;
+    (i = t.onMouseDown) === null || i === void 0 || i.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
 }))), be = ge;
 function xe(t) {
@@ -733,15 +733,15 @@ var Fr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -752,7 +752,7 @@ var Fr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -766,29 +766,29 @@ const ye = /* @__PURE__ */ xe(he), ur = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, ir = "purpur-label", we = ({
+}, ar = "purpur-label", we = ({
   children: t,
-  className: i,
+  className: a,
   htmlFor: n,
-  "data-testid": a,
+  "data-testid": i,
   disabled: o,
   negative: r = !1,
   ...e
 }) => {
   const u = ye([
-    i,
-    ur[ir],
+    a,
+    ur[ar],
     {
-      [ur[`${ir}--disabled`]]: o,
-      [ur[`${ir}--negative`]]: r
+      [ur[`${ar}--disabled`]]: o,
+      [ur[`${ar}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s(be, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ s(be, { className: u, "data-testid": i, htmlFor: n, ...e, children: t });
 };
 function $e(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Zr = { exports: {} };
+var Gr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -796,15 +796,15 @@ var Zr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -815,7 +815,7 @@ var Zr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -823,9 +823,9 @@ var Zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Zr);
-var je = Zr.exports;
-const Sr = /* @__PURE__ */ $e(je), Se = "_rotate_1xozj_1", Ne = "_dash_1xozj_1", V = {
+})(Gr);
+var je = Gr.exports;
+const Sr = /* @__PURE__ */ $e(je), Se = "_rotate_1xozj_1", Ne = "_dash_1xozj_1", Z = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: Se,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -845,22 +845,22 @@ const Sr = /* @__PURE__ */ $e(je), Se = "_rotate_1xozj_1", Ne = "_dash_1xozj_1",
   LG: "lg"
 }, Oe = ({
   ["data-testid"]: t,
-  disabled: i = !1,
+  disabled: a = !1,
   negative: n = !1,
-  size: a = Ae.SM,
+  size: i = Ae.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: Sr([V[H], V[`${H}--${a}`]]),
+    className: Sr([Z[H], Z[`${H}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: Sr(V[`${H}__circle`], {
-          [V[`${H}__circle--disabled`]]: i,
-          [V[`${H}__circle--negative`]]: n
+        className: Sr(Z[`${H}__circle`], {
+          [Z[`${H}__circle--disabled`]]: a,
+          [Z[`${H}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -872,7 +872,7 @@ const Sr = /* @__PURE__ */ $e(je), Se = "_rotate_1xozj_1", Ne = "_dash_1xozj_1",
 function Pe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Gr = { exports: {} };
+var Kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -880,15 +880,15 @@ var Gr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -899,7 +899,7 @@ var Gr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -907,9 +907,9 @@ var Gr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Gr);
-var Me = Gr.exports;
-const Ce = /* @__PURE__ */ Pe(Me), Le = {
+})(Kr);
+var Ce = Kr.exports;
+const Me = /* @__PURE__ */ Pe(Ce), Le = {
   "purpur-text-field": "_purpur-text-field_nj9f4_1",
   "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -926,11 +926,11 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
-}, Ie = (t) => Y(t), A = Ce.bind(Le), g = "purpur-text-field", ze = ({
+}, Ie = (t) => Y(t), A = Me.bind(Le), g = "purpur-text-field", Be = ({
   ["data-testid"]: t,
-  className: i,
+  className: a,
   clearButtonAllyLabel: n,
-  afterField: a,
+  afterField: i,
   endAdornment: o,
   errorText: r,
   helperText: e,
@@ -942,12 +942,12 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
   ...d
 }, _) => {
   var j;
-  const L = pt(), w = d.id ?? L, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, b = e ? `${w}-helper-text` : void 0, S = [y].filter((m) => !!m), E = (typeof d.value == "number" ? d.value !== void 0 : (j = d.value) == null ? void 0 : j.length) && !d.disabled && !d.readOnly && !v && x && n, D = Ie(null), B = (m) => {
+  const L = pt(), w = d.id ?? L, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, b = e ? `${w}-helper-text` : void 0, S = [y].filter((m) => !!m), E = (typeof d.value == "number" ? d.value !== void 0 : (j = d.value) == null ? void 0 : j.length) && !d.disabled && !d.readOnly && !v && x && n, D = Ie(null), z = (m) => {
     D.current = m, typeof _ == "function" ? _(m) : _ && (_.current = m);
   }, Q = () => {
     var m;
     x == null || x(), (m = D.current) == null || m.focus();
-  }, R = [
+  }, k = [
     v && /* @__PURE__ */ s(
       Oe,
       {
@@ -982,13 +982,13 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
     `${g}__input-container`,
     {
       [`${g}__input-container--start-adornment`]: S.length,
-      [`${g}__input-container--end-adornment`]: R.length || o,
+      [`${g}__input-container--end-adornment`]: k.length || o,
       [`${g}__input-container--disabled`]: d.disabled,
       [`${g}__input-container--has-clear-button`]: E,
       [`${g}__input-container--readonly`]: d.readOnly && !d.disabled
     }
   ]);
-  return /* @__PURE__ */ O("div", { className: A(i, g), children: [
+  return /* @__PURE__ */ O("div", { className: A(a, g), children: [
     u && /* @__PURE__ */ s(
       we,
       {
@@ -1014,7 +1014,7 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
           {
             ...d,
             id: w,
-            ref: B,
+            ref: z,
             "data-testid": l("input"),
             "aria-describedby": d["aria-describedby"] || b,
             "aria-invalid": d["aria-invalid"] || !!r,
@@ -1028,26 +1028,27 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
           }
         ),
         /* @__PURE__ */ s("div", { className: A(`${g}__frame`) }),
-        (!!R.length || o) && /* @__PURE__ */ O(
+        (!!k.length || o) && /* @__PURE__ */ O(
           "div",
           {
             "data-testid": l("end-adornments"),
             className: A(`${g}__adornment-container`),
             children: [
-              R,
+              k,
               o
             ]
           }
         )
       ] }),
-      !!a && a
+      !!i && i
     ] }),
     b && /* @__PURE__ */ s(Jt, { "data-testid": l("helper-text"), id: b, children: e }),
     r && /* @__PURE__ */ s(Ut, { "data-testid": l("error-text"), children: r })
   ] });
-}, Vr = P(ze);
-Vr.displayName = "TextField";
-function Be(t) {
+}, Zr = P(Be);
+Zr.displayName = "TextField";
+const ze = (t) => q(t) && t.type.displayName === Zr.displayName;
+function ke(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Hr = { exports: {} };
@@ -1058,15 +1059,15 @@ var Hr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -1077,7 +1078,7 @@ var Hr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -1087,14 +1088,14 @@ var Hr = { exports: {} };
   })();
 })(Hr);
 var Re = Hr.exports;
-const Kr = /* @__PURE__ */ Be(Re), ke = {
+const Vr = /* @__PURE__ */ ke(Re), qe = {
   "purpur-autocomplete": "_purpur-autocomplete_1u8x6_1",
   "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_1u8x6_4",
   "purpur-autocomplete__chevron-button": "_purpur-autocomplete__chevron-button_1u8x6_9",
   "purpur-autocomplete__chevron-icon": "_purpur-autocomplete__chevron-icon_1u8x6_15",
   "purpur-autocomplete__chevron-icon--up": "_purpur-autocomplete__chevron-icon--up_1u8x6_19"
 };
-function qe(t) {
+function Ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Ur = { exports: {} };
@@ -1105,15 +1106,15 @@ var Ur = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -1124,7 +1125,7 @@ var Ur = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -1133,8 +1134,8 @@ var Ur = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Ur);
-var Ee = Ur.exports;
-const De = /* @__PURE__ */ qe(Ee), K = {
+var De = Ur.exports;
+const Te = /* @__PURE__ */ Ee(De), V = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1149,7 +1150,7 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   "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"
-}, Te = {
+}, Fe = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -1160,28 +1161,28 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, U = "purpur-paragraph", Fe = ({
+}, U = "purpur-paragraph", Ge = ({
   ["data-testid"]: t,
-  children: i,
+  children: a,
   className: n = "",
-  disabled: a,
+  disabled: i,
   enableHyphenation: o = !1,
   negative: r = !1,
-  variant: e = Te.PARAGRAPH100,
+  variant: e = Fe.PARAGRAPH100,
   ...u
 }) => {
-  const v = De([
+  const v = Te([
     n,
-    K[U],
-    K[`${U}--${e}`],
+    V[U],
+    V[`${U}--${e}`],
     {
-      [K[`${U}--hyphens`]]: o,
-      [K[`${U}--disabled`]]: a,
-      [K[`${U}--negative`]]: r
+      [V[`${U}--hyphens`]]: o,
+      [V[`${U}--disabled`]]: i,
+      [V[`${U}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: i });
-}, Ze = {
+  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: a });
+}, 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",
@@ -1189,21 +1190,21 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   "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"
-}, Ge = (t) => Y(t), Ve = (t, i) => {
+}, Ze = (t) => Y(t), He = (t, a) => {
   const n = lt(
-    (a) => {
-      t && !t.contains(a.target) && i();
+    (i) => {
+      t && !t.contains(i.target) && a();
     },
-    [i, t]
+    [a, t]
   );
   Ar(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, He = ({
+}, Ve = ({
   combobox: t,
-  highlightFirstOption: i,
+  highlightFirstOption: a,
   defaultInputValue: n,
-  inputValue: a,
+  inputValue: i,
   filterOption: o,
   id: r,
   listboxLabel: e,
@@ -1217,18 +1218,18 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   ["data-testid"]: j
 }) => {
   const [L, w] = nr(
-    ((typeof a == "string" ? a : n) || (_ == null ? void 0 : _.label)) ?? ""
-  ), l = typeof a == "string" ? a : L, [c, b] = nr(i ? d[0] : void 0), S = Y(null), E = Ge(null), D = Y(null), B = Y({}), [Q, R] = nr(!1);
+    ((typeof i == "string" ? i : n) || (_ == null ? void 0 : _.label)) ?? ""
+  ), l = typeof i == "string" ? i : L, [c, b] = nr(a ? d[0] : void 0), S = Y(null), E = Ze(null), D = Y(null), z = Y({}), [Q, k] = nr(!1);
   function T(p) {
     return j ? `${j}-${p}` : void 0;
   }
   const m = () => {
-    R(!1), b(void 0);
+    k(!1), b(void 0);
   };
-  Ve(E.current, m);
+  He(E.current, m);
   const F = ({ eventType: p }) => {
-    R(!0), _ && requestAnimationFrame(() => {
-      b({ ..._, isSetByClickEvent: p === "CLICK" }), tr(B.current[_.id]);
+    k(!0), _ && requestAnimationFrame(() => {
+      b({ ..._, isSetByClickEvent: p === "CLICK" }), tr(z.current[_.id]);
     });
   }, Yr = (p) => {
     if (o)
@@ -1241,7 +1242,7 @@ const De = /* @__PURE__ */ qe(Ee), K = {
         (N) => (h.value || h.label).toUpperCase().includes(N)
       )
     );
-  }, cr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), M = cr(l), dr = (p) => {
+  }, cr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), C = cr(l), dr = (p) => {
     v == null || v(p), w(p);
   }, tr = (p) => {
     var f;
@@ -1253,12 +1254,12 @@ const De = /* @__PURE__ */ qe(Ee), K = {
     var f;
     p && ((f = S.current) == null || f.focus(), dr(p.label), $ == null || $(p)), m();
   }, Wr = (p) => {
-    const f = i && !c ? 0 : M.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = M.length;
-    return p === "ArrowDown" ? M[(f ?? -1) + 1] || M[0] : M[(f ?? h) - 1] || M[h - 1];
-  }, I = Q && (!!M.length || !!y), Jr = (p) => {
+    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);
-    b(f), f && tr(B.current[f.id]);
+    b(f), f && tr(z.current[f.id]);
   }, Qr = (p) => {
     switch (p.key) {
       case "ArrowUp":
@@ -1266,7 +1267,7 @@ const De = /* @__PURE__ */ qe(Ee), K = {
         p.preventDefault(), Jr(p.key);
         break;
       case "Enter": {
-        const f = c || (i ? d[0] : void 0);
+        const f = c || (a ? d[0] : void 0);
         I && _r(f), !I && F({ eventType: "KEYBOARD" });
         break;
       }
@@ -1277,7 +1278,7 @@ const De = /* @__PURE__ */ qe(Ee), K = {
     }
   }, rt = (p) => {
     const f = cr(p.target.value);
-    dr(p.target.value), b(void 0), !I && F({ eventType: "KEYBOARD" }), i && f[0] && tr(B.current[f[0].id]);
+    dr(p.target.value), b(void 0), !I && F({ eventType: "KEYBOARD" }), a && f[0] && tr(z.current[f[0].id]);
   }, tt = () => {
     I ? m() : F({ eventType: "CLICK" });
   }, et = () => {
@@ -1295,22 +1296,22 @@ const De = /* @__PURE__ */ qe(Ee), K = {
     ref: D,
     onMouseLeave: () => b(void 0),
     style: u ? ut : void 0
-  }, vr = (p) => `${r}-listbox-item-${p.id}`, it = (p, f) => {
-    const h = () => p.id !== (c == null ? void 0 : c.id) && b({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!i && !c && f === 0) && !(c != null && c.isSetByClickEvent);
+  }, vr = (p) => `${r}-listbox-item-${p.id}`, at = (p, f) => {
+    const h = () => p.id !== (c == null ? void 0 : c.id) && b({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && f === 0) && !(c != null && c.isSetByClickEvent);
     return {
       "data-testid": T(`listbox-item-${p.id}`),
       id: vr(p),
       key: p.id,
       onMouseMove: h,
       onMouseUp: () => _r(p),
-      ref: (er) => er && (B.current[p.id] = er),
+      ref: (er) => er && (z.current[p.id] = er),
       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)
     };
-  }, at = {
+  }, it = {
     "aria-activedescendant": c ? vr(c) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": fr.id,
@@ -1328,57 +1329,57 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   };
   return {
     id: r,
-    inputProps: at,
+    inputProps: it,
     internalRef: E,
-    optionsToShow: M,
+    optionsToShow: C,
     showListbox: I,
     noOptionsText: y,
     combobox: t,
-    getListBoxItemProps: it,
+    getListBoxItemProps: at,
     listboxProps: fr
   };
-}, pr = Kr.bind(Ze), C = "purpur-listbox", Xr = P(
-  ({ children: t, ...i }, n) => /* @__PURE__ */ s(
+}, pr = Vr.bind(Ke), M = "purpur-listbox", Xr = P(
+  ({ children: t, ...a }, n) => /* @__PURE__ */ s(
     "ul",
     {
-      ...i,
+      ...a,
       ref: n,
-      className: pr(C, i.className),
+      className: pr(M, a.className),
       role: "listbox",
-      children: k.toArray(t).filter(Ke)
+      children: R.toArray(t).filter(Ue)
     }
   )
 );
 Xr.displayName = "ListBox";
-const lr = P((t, i) => {
-  const { disabled: n, highlighted: a, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, x = pr(`${C}-item`, v.className, {
-    [`${C}-item--highlighted`]: a,
-    [`${C}-item--selected`]: r,
-    [`${C}-item--hovered`]: o,
-    [`${C}-item--disabled`]: n,
-    [`${C}-item--noninteractive`]: u
+const lr = P((t, a) => {
+  const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, x = pr(`${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: i,
+      ref: a,
       className: x,
       "aria-selected": !!r,
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ s(Fe, { children: e }) : e,
-        r && /* @__PURE__ */ s(Mr, { svg: vt, size: "xs", className: pr(`${C}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ s(Ge, { children: e }) : e,
+        r && /* @__PURE__ */ s(Cr, { svg: vt, size: "xs", className: pr(`${M}-item__icon`) })
       ]
     }
   );
 });
 lr.displayName = "ListBoxItem";
-function Ke(t) {
+function Ue(t) {
   return q(t) && (t == null ? void 0 : t.type) === lr;
 }
-const Ue = Xr, Nr = lr, rr = Kr.bind(ke), X = "purpur-autocomplete", Xe = ({ className: t, renderInput: i, renderOption: n, ...a }, o) => {
+const Xe = Xr, Nr = lr, rr = Vr.bind(qe), X = "purpur-autocomplete", Ye = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
   const {
     id: r,
     inputProps: e,
@@ -1389,14 +1390,14 @@ const Ue = Xr, Nr = lr, rr = Kr.bind(ke), X = "purpur-autocomplete", Xe = ({ cla
     combobox: $,
     getListBoxItemProps: d,
     listboxProps: _
-  } = He(a), j = (l, c) => {
+  } = Ve(i), j = (l, c) => {
     const { key: b, ...S } = d(l, c);
     return /* @__PURE__ */ s(Nr, { ...S, children: n ? n == null ? void 0 : n(l) : l.label }, b);
   }, L = (l) => {
     u.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
   }, w = () => {
-    const l = i(e);
-    if ($ && y && l && q(l) && l.type === Vr) {
+    const l = a(e);
+    if ($ && y && l && ze(l)) {
       const b = /* @__PURE__ */ O(ot, { children: [
         l.props.endAdornment,
         /* @__PURE__ */ s(
@@ -1427,12 +1428,12 @@ const Ue = Xr, Nr = lr, rr = Kr.bind(ke), X = "purpur-autocomplete", Xe = ({ cla
   };
   return /* @__PURE__ */ O("div", { id: r, ref: L, className: rr([t, X]), children: [
     w(),
-    x && /* @__PURE__ */ s(Ue, { ..._, className: rr(`${X}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Nr, { noninteractive: !0, children: y }) })
+    x && /* @__PURE__ */ s(Xe, { ..._, className: rr(`${X}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Nr, { noninteractive: !0, children: y }) })
   ] });
-}, Ye = P(Xe);
-Ye.displayName = "Autocomplete";
+}, We = P(Ye);
+We.displayName = "Autocomplete";
 export {
-  Ye as Autocomplete,
-  He as useAutocomplete
+  We as Autocomplete,
+  Ve as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map