@purpurds/autocomplete 7.0.0 → 7.2.0

package/dist/autocomplete.es.js

@@ -1,8 +1,8 @@
-import { jsx as p, jsxs as N, Fragment as et } from "react/jsx-runtime";
+import { jsx as l, jsxs as j, Fragment as et } from "react/jsx-runtime";
 import * as m from "react";
-import { forwardRef as X, Children as qt, isValidElement as nt, useId as kt, useRef as K, useCallback as Ct, useEffect as Pt, useState as ar, cloneElement as zt } from "react";
+import { forwardRef as X, Children as qt, isValidElement as nt, useId as kt, useRef as K, useCallback as Ct, useEffect as Pt, useState as ar, cloneElement as Mt } from "react";
 import "react-dom";
-function Mt(t) {
+function Rt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var gr = { exports: {} };
@@ -11,9 +11,9 @@ var gr = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var br;
-function Rt() {
-  return br || (br = 1, function(t) {
+var hr;
+function Lt() {
+  return hr || (hr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
@@ -44,8 +44,8 @@ function Rt() {
     })();
   }(gr)), gr.exports;
 }
-var Lt = Rt();
-const Bt = /* @__PURE__ */ Mt(Lt), Et = {
+var Bt = Lt();
+const Et = /* @__PURE__ */ Rt(Bt), Tt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,7 +53,7 @@ const Bt = /* @__PURE__ */ Mt(Lt), Et = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Tt = Bt.bind(Et), xr = "purpur-icon", It = "md", Dt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Vt = ({ content: t = "", title: a } = {}) => {
+}, It = Et.bind(Tt), br = "purpur-icon", zt = "md", Dt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Vt = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -66,14 +66,14 @@ const Bt = /* @__PURE__ */ Mt(Lt), Et = {
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = It,
+  size: o = zt,
   ...r
 }) => {
   const e = Vt({
     content: Zt(a.svg),
     title: n
-  }), u = Tt(i, xr, `${xr}--${o}`);
-  return /* @__PURE__ */ p(
+  }), u = It(i, br, `${br}--${o}`);
+  return /* @__PURE__ */ l(
     "span",
     {
       className: u,
@@ -89,20 +89,20 @@ const Ht = {
   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"
-}, at = (t) => /* @__PURE__ */ p(ut, { ...t, svg: Ht });
+}, at = (t) => /* @__PURE__ */ l(ut, { ...t, svg: Ht });
 at.displayName = "IconChevronDown";
 function Ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var hr = { exports: {} };
+var yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yr;
+var xr;
 function Wt() {
-  return yr || (yr = 1, function(t) {
+  return xr || (xr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
@@ -131,7 +131,7 @@ function Wt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(hr)), hr.exports;
+  }(yr)), yr.exports;
 }
 var Gt = Wt();
 const it = /* @__PURE__ */ Ft(Gt), ot = {
@@ -202,7 +202,7 @@ const Xt = /* @__PURE__ */ Ut(Yt), Jt = {
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
   return `<svg ${te(n)}>${i}${t}</svg>`;
-}, ne = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), lt = ({
+}, ne = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pt = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
@@ -214,7 +214,7 @@ const Xt = /* @__PURE__ */ Ut(Yt), Jt = {
     content: ne(a.svg),
     title: n
   }), u = Qt(i, Sr, `${Sr}--${o}`);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ l(
     "span",
     {
       className: u,
@@ -224,26 +224,26 @@ const Xt = /* @__PURE__ */ Ut(Yt), Jt = {
     }
   );
 };
-lt.displayName = "Icon";
+pt.displayName = "Icon";
 const ue = {
   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"
-}, pt = (t) => /* @__PURE__ */ p(lt, { ...t, svg: ue });
-pt.displayName = "IconCheckmark";
+}, lt = (t) => /* @__PURE__ */ l(pt, { ...t, svg: ue });
+lt.displayName = "IconCheckmark";
 function ae(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var Nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Nr;
+var jr;
 function ie() {
-  return Nr || (Nr = 1, function(t) {
+  return jr || (jr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
@@ -272,10 +272,10 @@ function ie() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(jr)), jr.exports;
+  }(Nr)), Nr.exports;
 }
 var oe = ie();
-const le = /* @__PURE__ */ ae(oe), V = {
+const pe = /* @__PURE__ */ ae(oe), V = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -290,7 +290,7 @@ const le = /* @__PURE__ */ ae(oe), V = {
   "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"
-}, pe = {
+}, le = {
   PARAGRAPH100: "paragraph-100"
 }, Z = "purpur-paragraph", st = ({
   ["data-testid"]: t,
@@ -299,10 +299,10 @@ const le = /* @__PURE__ */ ae(oe), V = {
   disabled: i,
   enableHyphenation: o = !1,
   negative: r = !1,
-  variant: e = pe.PARAGRAPH100,
+  variant: e = le.PARAGRAPH100,
   ...u
 }) => {
-  const f = le([
+  const f = pe([
     n,
     V[Z],
     V[`${Z}--${e}`],
@@ -312,30 +312,30 @@ const le = /* @__PURE__ */ ae(oe), V = {
       [V[`${Z}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ p("p", { ...u, className: f, "data-testid": t, children: a });
+  return /* @__PURE__ */ l("p", { ...u, className: f, "data-testid": t, children: a });
 };
 st.displayName = "Paragraph";
-const Or = it.bind(ot), L = "purpur-listbox", sr = X(
+const Ar = it.bind(ot), B = "purpur-listbox", sr = X(
   (t, a) => {
-    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...f } = t, h = Or(`${L}-item`, f.className, {
-      [`${L}-item--highlighted`]: i,
-      [`${L}-item--selected`]: r,
-      [`${L}-item--hovered`]: o,
-      [`${L}-item--disabled`]: n,
-      [`${L}-item--noninteractive`]: u
+    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...f } = t, y = Ar(`${B}-item`, f.className, {
+      [`${B}-item--highlighted`]: i,
+      [`${B}-item--selected`]: r,
+      [`${B}-item--hovered`]: o,
+      [`${B}-item--disabled`]: n,
+      [`${B}-item--noninteractive`]: u
     });
-    return /* @__PURE__ */ N(
+    return /* @__PURE__ */ j(
       "li",
       {
         ...f,
         ref: a,
-        className: h,
+        className: y,
         "aria-selected": !!r,
         role: "option",
         "aria-disabled": !!n,
         children: [
-          typeof e == "string" ? /* @__PURE__ */ p(st, { children: e }) : e,
-          r && /* @__PURE__ */ p(pt, { size: "xs", className: Or(`${L}-item__icon`) })
+          typeof e == "string" ? /* @__PURE__ */ l(st, { children: e }) : e,
+          r && /* @__PURE__ */ l(lt, { size: "xs", className: Ar(`${B}-item__icon`) })
         ]
       }
     );
@@ -343,7 +343,7 @@ const Or = it.bind(ot), L = "purpur-listbox", sr = X(
 ), se = (t) => nt(t) && (t == null ? void 0 : t.type) === sr;
 sr.displayName = "ListBoxItem";
 const ce = it.bind(ot), de = "purpur-listbox", Y = X(
-  ({ children: t, ...a }, n) => /* @__PURE__ */ p(
+  ({ children: t, ...a }, n) => /* @__PURE__ */ l(
     "ul",
     {
       ...a,
@@ -362,7 +362,7 @@ const _e = {
 function fe(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
@@ -399,36 +399,36 @@ function ve() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Ar)), Ar.exports;
+  }(Or)), Or.exports;
 }
 var me = ve();
-const kr = /* @__PURE__ */ fe(me), ge = "_rotate_1xozj_1", be = "_dash_1xozj_1", H = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
+const kr = /* @__PURE__ */ fe(me), ge = "_rotate_12t9p_1", he = "_dash_12t9p_1", H = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: ge,
-  "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: be,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, F = "purpur-spinner", xe = {
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
+  "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
+  "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
+  "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
+  "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
+  "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
+  dash: he,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, F = "purpur-spinner", be = {
   SM: "sm"
-}, he = ({
+}, ye = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = xe.SM,
+  size: i = be.SM,
   ...o
-}) => /* @__PURE__ */ p(
+}) => /* @__PURE__ */ l(
   "div",
   {
     className: kr([H[F], H[`${F}--${i}`]]),
     "data-testid": t,
     ...o,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
       "circle",
       {
         className: kr(H[`${F}__circle`], {
@@ -442,7 +442,7 @@ const kr = /* @__PURE__ */ fe(me), ge = "_rotate_1xozj_1", be = "_dash_1xozj_1",
     ) })
   }
 );
-function ye(t) {
+function xe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Cr = { exports: {} };
@@ -485,7 +485,7 @@ function we() {
   }(Cr)), Cr.exports;
 }
 var $e = we();
-const Se = /* @__PURE__ */ ye($e), je = {
+const Se = /* @__PURE__ */ xe($e), Ne = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -507,7 +507,7 @@ const Se = /* @__PURE__ */ ye($e), je = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, Ne = Se.bind(je), B = "purpur-button", Oe = ({
+}, je = Se.bind(Ne), E = "purpur-button", Ae = ({
   children: t,
   className: a,
   ["data-testid"]: n,
@@ -517,60 +517,60 @@ const Se = /* @__PURE__ */ ye($e), je = {
   loading: e = !1,
   negative: u = !1,
   onClick: f,
-  size: h = "md",
-  variant: y,
-  type: O = "button",
+  size: y = "md",
+  variant: x,
+  type: A = "button",
   ...S
 }, _) => {
-  if (r && y === "destructive")
+  if (r && x === "destructive")
     return null;
-  const $ = Ne(
+  const $ = je(
     [
-      B,
-      `${B}--${u ? `${y}-negative` : y}`,
-      `${B}--${h}`
+      E,
+      `${E}--${u ? `${x}-negative` : x}`,
+      `${E}--${y}`
     ],
     {
-      [`${B}--icon-only`]: r,
-      [`${B}--negative`]: u,
-      [`${B}--full-width`]: o,
-      [`${B}--disabled`]: i || e
+      [`${E}--icon-only`]: r,
+      [`${E}--negative`]: u,
+      [`${E}--full-width`]: o,
+      [`${E}--disabled`]: i || e
     },
     a
-  ), j = (s) => {
+  ), N = (s) => {
     i || e ? s.preventDefault() : f && f(s);
   }, w = !!S["aria-disabled"] || i || e;
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ j(
     "button",
     {
       className: $,
       "data-testid": n,
-      type: O,
+      type: A,
       ref: _,
       "aria-disabled": w,
-      onClick: j,
+      onClick: N,
       ...S,
       children: [
-        e && /* @__PURE__ */ p(he, { size: h === _e.LG ? "xs" : "xxs", negative: u, disabled: w }),
+        e && /* @__PURE__ */ l(ye, { size: y === _e.LG ? "xs" : "xxs", negative: u, disabled: w }),
         " ",
         t
       ]
     }
   );
-}, ct = X(Oe);
+}, ct = X(Ae);
 ct.displayName = "Button";
-function Ae(t) {
+function Oe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Mr;
+var Rr;
 function qe() {
-  return Mr || (Mr = 1, function(t) {
+  return Rr || (Rr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
@@ -599,10 +599,10 @@ function qe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(zr)), zr.exports;
+  }(Mr)), Mr.exports;
 }
 var ke = qe();
-const Ce = /* @__PURE__ */ Ae(ke), Pe = {
+const Ce = /* @__PURE__ */ Oe(ke), Pe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -610,27 +610,27 @@ const Ce = /* @__PURE__ */ Ae(ke), Pe = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ze = Ce.bind(Pe), Rr = "purpur-icon", Me = "md", Re = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Le = ({ content: t = "", title: a } = {}) => {
+}, Me = Ce.bind(Pe), Lr = "purpur-icon", Re = "md", Le = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Be = ({ 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 ${Re(n)}>${i}${t}</svg>`;
-}, Be = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dt = ({
+  return `<svg ${Le(n)}>${i}${t}</svg>`;
+}, Ee = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dt = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = Me,
+  size: o = Re,
   ...r
 }) => {
-  const e = Le({
-    content: Be(a.svg),
+  const e = Be({
+    content: Ee(a.svg),
     title: n
-  }), u = ze(i, Rr, `${Rr}--${o}`);
-  return /* @__PURE__ */ p(
+  }), u = Me(i, Lr, `${Lr}--${o}`);
+  return /* @__PURE__ */ l(
     "span",
     {
       className: u,
@@ -641,24 +641,24 @@ const Ce = /* @__PURE__ */ Ae(ke), Pe = {
   );
 };
 dt.displayName = "Icon";
-const Ee = {
+const Te = {
   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"
 };
-function Te(t) {
+function Ie(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
 	http://jedwatson.github.io/classnames
 */
-var Br;
-function Ie() {
-  return Br || (Br = 1, function(t) {
+var Er;
+function ze() {
+  return Er || (Er = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
       function n() {
@@ -687,26 +687,26 @@ function Ie() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Lr)), Lr.exports;
+  }(Br)), Br.exports;
 }
-var De = Ie();
-const Ve = /* @__PURE__ */ Te(De), Er = {
+var De = ze();
+const Ve = /* @__PURE__ */ Ie(De), Tr = {
   "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
-}, Tr = "purpur-field-error-text", Ze = ({
+}, Ir = "purpur-field-error-text", Ze = ({
   children: t,
   className: a,
   ["aria-relevant"]: n = "additions text",
   ...i
-}) => /* @__PURE__ */ N(
+}) => /* @__PURE__ */ j(
   "div",
   {
-    className: Ve([a, Er[Tr]]),
+    className: Ve([a, Tr[Ir]]),
     "aria-live": "assertive",
     "aria-relevant": n,
     ...i,
     children: [
-      /* @__PURE__ */ p(dt, { svg: Ee, size: "xs", className: Er[`${Tr}__icon`] }),
+      /* @__PURE__ */ l(dt, { svg: Te, size: "xs", className: Tr[`${Ir}__icon`] }),
       t
     ]
   }
@@ -714,7 +714,7 @@ const Ve = /* @__PURE__ */ Te(De), Er = {
 function He(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -751,7 +751,7 @@ function Fe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Ir)), Ir.exports;
+  }(zr)), zr.exports;
 }
 var We = Fe();
 const Ge = /* @__PURE__ */ He(We), Vr = {
@@ -771,7 +771,7 @@ const Ge = /* @__PURE__ */ He(We), Vr = {
       [Vr[`${Zr}--disabled`]]: n
     }
   ]);
-  return /* @__PURE__ */ p("span", { id: i, className: r, ...o, children: t });
+  return /* @__PURE__ */ l("span", { id: i, className: r, ...o, children: t });
 };
 function Ke(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -844,7 +844,7 @@ const Je = /* @__PURE__ */ Ke(Xe), Qe = {
     content: un(a.svg),
     title: n
   }), u = rn(i, Wr, `${Wr}--${o}`);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ l(
     "span",
     {
       className: u,
@@ -860,21 +860,21 @@ const an = {
   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"
-}, _t = (t) => /* @__PURE__ */ p(cr, { ...t, svg: an });
+}, _t = (t) => /* @__PURE__ */ l(cr, { ...t, svg: an });
 _t.displayName = "IconCheckCircleFilled";
 const on = {
   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"
-}, ft = (t) => /* @__PURE__ */ p(cr, { ...t, svg: on });
+}, ft = (t) => /* @__PURE__ */ l(cr, { ...t, svg: on });
 ft.displayName = "IconClose";
 function Gr(t, a) {
   if (typeof t == "function")
     return t(a);
   t != null && (t.current = a);
 }
-function ln(...t) {
+function pn(...t) {
   return (a) => {
     let n = !1;
     const i = t.map((o) => {
@@ -894,23 +894,23 @@ var vt = m.forwardRef((t, a) => {
   const { children: n, ...i } = t, o = m.Children.toArray(n), r = o.find(sn);
   if (r) {
     const e = r.props.children, u = o.map((f) => f === r ? m.Children.count(e) > 1 ? m.Children.only(null) : m.isValidElement(e) ? e.props.children : null : f);
-    return /* @__PURE__ */ p(pr, { ...i, ref: a, children: m.isValidElement(e) ? m.cloneElement(e, void 0, u) : null });
+    return /* @__PURE__ */ l(lr, { ...i, ref: a, children: m.isValidElement(e) ? m.cloneElement(e, void 0, u) : null });
   }
-  return /* @__PURE__ */ p(pr, { ...i, ref: a, children: n });
+  return /* @__PURE__ */ l(lr, { ...i, ref: a, children: n });
 });
 vt.displayName = "Slot";
-var pr = m.forwardRef((t, a) => {
+var lr = m.forwardRef((t, a) => {
   const { children: n, ...i } = t;
   if (m.isValidElement(n)) {
     const o = dn(n), r = cn(i, n.props);
-    return n.type !== m.Fragment && (r.ref = a ? ln(a, o) : o), m.cloneElement(n, r);
+    return n.type !== m.Fragment && (r.ref = a ? pn(a, o) : o), m.cloneElement(n, r);
   }
   return m.Children.count(n) > 1 ? m.Children.only(null) : null;
 });
-pr.displayName = "SlotClone";
-var pn = ({ children: t }) => /* @__PURE__ */ p(et, { children: t });
+lr.displayName = "SlotClone";
+var ln = ({ children: t }) => /* @__PURE__ */ l(et, { children: t });
 function sn(t) {
-  return m.isValidElement(t) && t.type === pn;
+  return m.isValidElement(t) && t.type === ln;
 }
 function cn(t, a) {
   const n = { ...a };
@@ -947,10 +947,10 @@ var _n = [
 ], fn = _n.reduce((t, a) => {
   const n = m.forwardRef((i, o) => {
     const { asChild: r, ...e } = i, u = r ? vt : a;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...e, ref: o });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(u, { ...e, ref: o });
   });
   return n.displayName = `Primitive.${a}`, { ...t, [a]: n };
-}, {}), vn = "Label", mt = m.forwardRef((t, a) => /* @__PURE__ */ p(
+}, {}), vn = "Label", mt = m.forwardRef((t, a) => /* @__PURE__ */ l(
   fn.label,
   {
     ...t,
@@ -973,7 +973,7 @@ var Ur = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Kr;
-function bn() {
+function hn() {
   return Kr || (Kr = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
@@ -1005,19 +1005,19 @@ function bn() {
     })();
   }(Ur)), Ur.exports;
 }
-var xn = bn();
-const hn = /* @__PURE__ */ gn(xn), ir = {
+var bn = hn();
+const yn = /* @__PURE__ */ gn(bn), ir = {
   "purpur-label": "_purpur-label_1jndl_1",
   "purpur-label--negative": "_purpur-label--negative_1jndl_8",
   "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, or = "purpur-label", yn = ({
+}, or = "purpur-label", xn = ({
   children: t,
   className: a,
   disabled: n,
   negative: i = !1,
   ...o
 }) => {
-  const r = hn([
+  const r = yn([
     a,
     ir[or],
     {
@@ -1025,7 +1025,7 @@ const hn = /* @__PURE__ */ gn(xn), ir = {
       [ir[`${or}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ p(mn, { className: r, ...o, children: t });
+  return /* @__PURE__ */ l(mn, { className: r, ...o, children: t });
 };
 function wn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -1070,33 +1070,33 @@ function $n() {
   }(Yr)), Yr.exports;
 }
 var Sn = $n();
-const Jr = /* @__PURE__ */ wn(Sn), jn = "_rotate_1xozj_1", Nn = "_dash_1xozj_1", W = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: jn,
-  "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: Nn,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, G = "purpur-spinner", On = {
+const Jr = /* @__PURE__ */ wn(Sn), Nn = "_rotate_12t9p_1", jn = "_dash_12t9p_1", W = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
+  rotate: Nn,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
+  "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
+  "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
+  "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
+  "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
+  "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
+  dash: jn,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, G = "purpur-spinner", An = {
   SM: "sm"
-}, An = ({
+}, On = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = On.SM,
+  size: i = An.SM,
   ...o
-}) => /* @__PURE__ */ p(
+}) => /* @__PURE__ */ l(
   "div",
   {
     className: Jr([W[G], W[`${G}--${i}`]]),
     "data-testid": t,
     ...o,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
       "circle",
       {
         className: Jr(W[`${G}__circle`], {
@@ -1153,7 +1153,7 @@ function kn() {
   }(Qr)), Qr.exports;
 }
 var Cn = kn();
-const Pn = /* @__PURE__ */ qn(Cn), zn = {
+const Pn = /* @__PURE__ */ qn(Cn), Mn = {
   "purpur-text-field": "_purpur-text-field_3gl1k_1",
   "purpur-text-field__label": "_purpur-text-field__label_3gl1k_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_3gl1k_12",
@@ -1170,7 +1170,7 @@ const Pn = /* @__PURE__ */ qn(Cn), zn = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_3gl1k_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_3gl1k_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_3gl1k_111"
-}, Mn = (t) => K(t), k = Pn.bind(zn), v = "purpur-text-field", Rn = ({
+}, Rn = (t) => K(t), k = Pn.bind(Mn), v = "purpur-text-field", Ln = ({
   ["data-testid"]: t,
   className: a,
   clearButtonAriaLabel: n,
@@ -1180,21 +1180,21 @@ const Pn = /* @__PURE__ */ qn(Cn), zn = {
   errorText: e,
   helperText: u,
   label: f,
-  loading: h = !1,
-  onClear: y,
-  startAdornment: O,
+  loading: y = !1,
+  onClear: x,
+  startAdornment: A,
   valid: S = !1,
   ..._
 }, $) => {
-  var j;
-  const w = kt(), s = _.id ?? w, g = (b) => t ? `${t}-${b}` : void 0, C = S && !e, z = u ? `${s}-helper-text` : void 0, E = [O].filter((b) => !!b), d = (typeof _.value == "number" ? _.value !== void 0 : (j = _.value) == null ? void 0 : j.length) && !_.disabled && !_.readOnly && !h && y && n, A = Mn(null), T = (b) => {
-    A.current = b, typeof $ == "function" ? $(b) : $ && ($.current = b);
+  var N;
+  const w = kt(), s = _.id ?? w, g = (h) => t ? `${t}-${h}` : void 0, C = S && !e, M = u ? `${s}-helper-text` : void 0, T = [A].filter((h) => !!h), d = (typeof _.value == "number" ? _.value !== void 0 : (N = _.value) == null ? void 0 : N.length) && !_.disabled && !_.readOnly && !y && x && n, O = Rn(null), I = (h) => {
+    O.current = h, typeof $ == "function" ? $(h) : $ && ($.current = h);
   }, J = () => {
-    var b;
-    y == null || y(), (b = A.current) == null || b.focus();
-  }, M = [
-    h && /* @__PURE__ */ p(
-      An,
+    var h;
+    x == null || x(), (h = O.current) == null || h.focus();
+  }, R = [
+    y && /* @__PURE__ */ l(
+      On,
       {
         disabled: _.disabled,
         size: "xs",
@@ -1202,7 +1202,7 @@ const Pn = /* @__PURE__ */ qn(Cn), zn = {
       },
       "spinner"
     ),
-    d && /* @__PURE__ */ p(
+    d && /* @__PURE__ */ l(
       ct,
       {
         variant: "tertiary-purple",
@@ -1211,11 +1211,11 @@ const Pn = /* @__PURE__ */ qn(Cn), zn = {
         "aria-label": n ?? "",
         "data-testid": g("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ p(ft, { size: "xs" })
+        children: /* @__PURE__ */ l(ft, { size: "xs" })
       },
       "clear-button"
     ),
-    C && /* @__PURE__ */ p(
+    C && /* @__PURE__ */ l(
       _t,
       {
         "data-testid": g("valid-icon"),
@@ -1223,49 +1223,49 @@ const Pn = /* @__PURE__ */ qn(Cn), zn = {
       },
       "valid-icon"
     )
-  ].filter((b) => !!b), I = k([
+  ].filter((h) => !!h), z = k([
     `${v}__input-container`,
     {
-      [`${v}__input-container--start-adornment`]: E.length,
-      [`${v}__input-container--end-adornment`]: M.length || r,
+      [`${v}__input-container--start-adornment`]: T.length,
+      [`${v}__input-container--end-adornment`]: R.length || r,
       [`${v}__input-container--disabled`]: _.disabled,
       [`${v}__input-container--has-clear-button`]: d,
       [`${v}__input-container--readonly`]: _.readOnly && !_.disabled
     }
   ]);
-  return /* @__PURE__ */ N("div", { className: k(a, v), children: [
-    f && /* @__PURE__ */ N(
-      yn,
+  return /* @__PURE__ */ j("div", { className: k(a, v), children: [
+    f && /* @__PURE__ */ j(
+      xn,
       {
         htmlFor: s,
         className: k(`${v}__label`),
         "data-testid": g("label"),
         disabled: _.disabled,
         children: [
-          _.required && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "*" }),
+          _.required && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
           f
         ]
       }
     ),
-    /* @__PURE__ */ N("div", { className: k(`${v}__field-row`), children: [
+    /* @__PURE__ */ j("div", { className: k(`${v}__field-row`), children: [
       !!i && i,
-      /* @__PURE__ */ N("div", { className: I, children: [
-        !!E.length && /* @__PURE__ */ p(
+      /* @__PURE__ */ j("div", { className: z, children: [
+        !!T.length && /* @__PURE__ */ l(
           "div",
           {
             "data-testid": g("start-adornments"),
             className: k(`${v}__adornment-container`),
-            children: E
+            children: T
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ l(
           "input",
           {
             ..._,
             id: s,
-            ref: T,
+            ref: I,
             "data-testid": g("input"),
-            "aria-describedby": _["aria-describedby"] || z,
+            "aria-describedby": _["aria-describedby"] || M,
             "aria-invalid": _["aria-invalid"] || !!e,
             className: k([
               `${v}__input`,
@@ -1276,14 +1276,14 @@ const Pn = /* @__PURE__ */ qn(Cn), zn = {
             ])
           }
         ),
-        /* @__PURE__ */ p("div", { className: k(`${v}__frame`) }),
-        (!!M.length || r) && /* @__PURE__ */ N(
+        /* @__PURE__ */ l("div", { className: k(`${v}__frame`) }),
+        (!!R.length || r) && /* @__PURE__ */ j(
           "div",
           {
             "data-testid": g("end-adornments"),
             className: k(`${v}__adornment-container`),
             children: [
-              M,
+              R,
               r
             ]
           }
@@ -1291,23 +1291,23 @@ const Pn = /* @__PURE__ */ qn(Cn), zn = {
       ] }),
       !!o && o
     ] }),
-    z && /* @__PURE__ */ p(Ue, { "data-testid": g("helper-text"), id: z, children: u }),
-    e && /* @__PURE__ */ p(Ze, { "data-testid": g("error-text"), children: e })
+    M && /* @__PURE__ */ l(Ue, { "data-testid": g("helper-text"), id: M, children: u }),
+    e && /* @__PURE__ */ l(Ze, { "data-testid": g("error-text"), children: e })
   ] });
-}, gt = X(Rn);
+}, gt = X(Ln);
 gt.displayName = "TextField";
-const Ln = (t) => nt(t) && t.type.displayName === gt.displayName;
-function Bn(t) {
+const Bn = (t) => nt(t) && t.type.displayName === gt.displayName;
+function En(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var lr = { exports: {} };
+var pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
 var tt;
-function En() {
+function Tn() {
   return tt || (tt = 1, function(t) {
     (function() {
       var a = {}.hasOwnProperty;
@@ -1337,10 +1337,10 @@ function En() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(lr)), lr.exports;
+  }(pr)), pr.exports;
 }
-var Tn = En();
-const In = /* @__PURE__ */ Bn(Tn), Dn = {
+var In = Tn();
+const zn = /* @__PURE__ */ En(In), Dn = {
   "purpur-autocomplete": "_purpur-autocomplete_1u8x6_1",
   "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_1u8x6_4",
   "purpur-autocomplete__chevron-button": "_purpur-autocomplete__chevron-button_1u8x6_9",
@@ -1366,69 +1366,69 @@ const In = /* @__PURE__ */ Bn(Tn), Dn = {
   listboxLabel: e,
   listboxMaxHeight: u,
   onInputBlur: f,
-  onInputChange: h,
-  onInputFocus: y,
-  onInputKeyDown: O,
+  onInputChange: y,
+  onInputFocus: x,
+  onInputKeyDown: A,
   onInputMouseDown: S,
   openOnFocus: _,
   noOptionsText: $,
-  onSelect: j,
+  onSelect: N,
   options: w,
   selectedOption: s,
   ["data-testid"]: g
 }) => {
-  const [C, z] = ar(
+  const [C, M] = ar(
     ((typeof i == "string" ? i : n) || (s == null ? void 0 : s.label)) ?? ""
-  ), E = typeof i == "string" ? i : C, [d, A] = ar(a ? w[0] : void 0), T = K(null), J = Vn(null), M = K(null), I = K({}), [b, dr] = ar(!1);
-  function tr(l) {
-    return g ? `${g}-${l}` : void 0;
+  ), T = typeof i == "string" ? i : C, [d, O] = ar(a ? w[0] : void 0), I = K(null), J = Vn(null), R = K(null), z = K({}), [h, dr] = ar(!1);
+  function tr(p) {
+    return g ? `${g}-${p}` : void 0;
   }
   const Q = () => {
-    dr(!1), A(void 0);
+    dr(!1), O(void 0);
   };
   Zn(J.current, Q);
-  const D = ({ eventType: l }) => {
+  const D = ({ eventType: p }) => {
     dr(!0), s && requestAnimationFrame(() => {
-      A({ ...s, isSetByClickEvent: l === "CLICK" }), nr(I.current[s.id]);
+      O({ ...s, isSetByClickEvent: p === "CLICK" }), nr(z.current[s.id]);
     });
-  }, bt = (l) => {
+  }, ht = (p) => {
     if (o)
-      return w.filter((x) => o(l, x));
-    if (!l)
+      return w.filter((b) => o(p, b));
+    if (!p)
       return w;
-    const c = l.toUpperCase().split(" ") || [];
+    const c = p.toUpperCase().split(" ") || [];
     return w.filter(
-      (x) => c.every(
-        (q) => (x.value || x.label).toUpperCase().includes(q)
+      (b) => c.every(
+        (q) => (b.value || b.label).toUpperCase().includes(q)
       )
     );
-  }, _r = (l) => s && (s == null ? void 0 : s.label) === l ? w : bt(l), P = _r(E), er = (l) => {
-    h == null || h(l), z(l);
-  }, nr = (l) => {
+  }, _r = (p) => s && (s == null ? void 0 : s.label) === p ? w : ht(p), P = _r(T), er = (p) => {
+    y == null || y(p), M(p);
+  }, nr = (p) => {
     var c;
-    if (l) {
-      const x = l.getBoundingClientRect(), q = ((c = M.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
-      (x.top < q.top || x.bottom > q.bottom) && l.scrollIntoView({ block: "nearest" });
+    if (p) {
+      const b = p.getBoundingClientRect(), q = ((c = R.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      (b.top < q.top || b.bottom > q.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, fr = (l) => {
+  }, fr = (p) => {
     var c;
-    l && ((c = T.current) == null || c.focus(), er(l.label), j == null || j(l)), Q();
-  }, xt = (l) => {
-    const c = a && !d ? 0 : P.findIndex((q) => q && (d == null ? void 0 : d.id) === q.id), x = P.length;
-    return l === "ArrowDown" ? P[(c ?? -1) + 1] || P[0] : P[(c ?? x) - 1] || P[x - 1];
-  }, R = b && (!!P.length || !!$), ht = (l) => {
-    !R && D({ eventType: "KEYBOARD" });
-    const c = xt(l);
-    A(c), c && nr(I.current[c.id]);
-  }, yt = (l) => {
-    switch (O == null || O(l), l.key) {
+    p && ((c = I.current) == null || c.focus(), er(p.label), N == null || N(p)), Q();
+  }, bt = (p) => {
+    const c = a && !d ? 0 : P.findIndex((q) => q && (d == null ? void 0 : d.id) === q.id), b = P.length;
+    return p === "ArrowDown" ? P[(c ?? -1) + 1] || P[0] : P[(c ?? b) - 1] || P[b - 1];
+  }, L = h && (!!P.length || !!$), yt = (p) => {
+    !L && D({ eventType: "KEYBOARD" });
+    const c = bt(p);
+    O(c), c && nr(z.current[c.id]);
+  }, xt = (p) => {
+    switch (A == null || A(p), p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        l.preventDefault(), ht(l.key);
+        p.preventDefault(), yt(p.key);
         break;
       case "Enter": {
         const c = d || (a ? w[0] : void 0);
-        R && fr(c), !R && D({ eventType: "KEYBOARD" });
+        L && fr(c), !L && D({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1436,47 +1436,47 @@ const In = /* @__PURE__ */ Bn(Tn), Dn = {
         Q();
         break;
     }
-  }, wt = (l) => {
-    const c = _r(l.target.value);
-    er(l.target.value), A(void 0), !R && D({ eventType: "KEYBOARD" }), a && c[0] && nr(I.current[c[0].id]);
-  }, $t = (l) => {
-    S == null || S(l), R ? Q() : D({ eventType: "CLICK" });
-  }, St = (l) => {
+  }, wt = (p) => {
+    const c = _r(p.target.value);
+    er(p.target.value), O(void 0), !L && D({ eventType: "KEYBOARD" }), a && c[0] && nr(z.current[c[0].id]);
+  }, $t = (p) => {
+    S == null || S(p), L ? Q() : D({ eventType: "CLICK" });
+  }, St = (p) => {
     var c;
-    y == null || y(l), !b && _ && D({ eventType: "KEYBOARD" }), (c = T.current) == null || c.select();
-  }, jt = (l) => {
-    f == null || f(l), t && setTimeout(() => {
-      var c, x;
-      !((c = T.current) != null && c.contains(document.activeElement)) && !((x = M.current) != null && x.contains(document.activeElement)) && er(s ? s.label : "");
+    x == null || x(p), !h && _ && D({ eventType: "KEYBOARD" }), (c = I.current) == null || c.select();
+  }, Nt = (p) => {
+    f == null || f(p), t && setTimeout(() => {
+      var c, b;
+      !((c = I.current) != null && c.contains(document.activeElement)) && !((b = R.current) != null && b.contains(document.activeElement)) && er(s ? s.label : "");
     });
-  }, Nt = {
+  }, jt = {
     maxHeight: typeof u == "number" ? `${u}px` : u
   }, vr = {
     "aria-label": e,
-    "aria-expanded": R,
+    "aria-expanded": L,
     "data-testid": tr("listbox"),
     id: `${r}-listbox`,
-    ref: M,
-    onMouseLeave: () => A(void 0),
-    style: u ? Nt : void 0
-  }, mr = (l) => `${r}-listbox-item-${l.id}`, Ot = (l, c) => {
-    const x = () => l.id !== (d == null ? void 0 : d.id) && A({ ...l, isSetByClickEvent: !0 }), q = (l.id === (d == null ? void 0 : d.id) || !!a && !d && c === 0) && !(d != null && d.isSetByClickEvent);
+    ref: R,
+    onMouseLeave: () => O(void 0),
+    style: u ? jt : void 0
+  }, mr = (p) => `${r}-listbox-item-${p.id}`, At = (p, c) => {
+    const b = () => p.id !== (d == null ? void 0 : d.id) && O({ ...p, isSetByClickEvent: !0 }), q = (p.id === (d == null ? void 0 : d.id) || !!a && !d && c === 0) && !(d != null && d.isSetByClickEvent);
     return {
-      "data-testid": tr(`listbox-item-${l.id}`),
-      id: mr(l),
-      key: l.id,
-      onMouseMove: x,
-      onMouseUp: () => fr(l),
+      "data-testid": tr(`listbox-item-${p.id}`),
+      id: mr(p),
+      key: p.id,
+      onMouseMove: b,
+      onMouseUp: () => fr(p),
       ref: (ur) => {
-        ur && (I.current[l.id] = ur);
+        ur && (z.current[p.id] = ur);
       },
       tabIndex: -1,
-      selected: l.id === (s == null ? void 0 : s.id),
-      disabled: l.disabled,
+      selected: p.id === (s == null ? void 0 : s.id),
+      disabled: p.disabled,
       highlighted: q,
-      hovered: l.id === (d == null ? void 0 : d.id) && !!(d != null && d.isSetByClickEvent)
+      hovered: p.id === (d == null ? void 0 : d.id) && !!(d != null && d.isSetByClickEvent)
     };
-  }, At = {
+  }, Ot = {
     "aria-activedescendant": d ? mr(d) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": vr.id,
@@ -1486,45 +1486,45 @@ const In = /* @__PURE__ */ Bn(Tn), Dn = {
     onChange: wt,
     onMouseDown: $t,
     onFocus: St,
-    onKeyDown: yt,
-    onBlur: jt,
-    ref: T,
+    onKeyDown: xt,
+    onBlur: Nt,
+    ref: I,
     role: "combobox",
-    value: E
+    value: T
   };
   return {
     id: r,
-    inputProps: At,
+    inputProps: Ot,
     internalRef: J,
     optionsToShow: P,
-    showListbox: R,
+    showListbox: L,
     noOptionsText: $,
     combobox: t,
-    getListBoxItemProps: Ot,
+    getListBoxItemProps: At,
     listboxProps: vr
   };
-}, rr = In.bind(Dn), U = "purpur-autocomplete", Fn = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
+}, rr = zn.bind(Dn), U = "purpur-autocomplete", Fn = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
   const {
     id: r,
     inputProps: e,
     internalRef: u,
     optionsToShow: f,
-    showListbox: h,
-    noOptionsText: y,
-    combobox: O,
+    showListbox: y,
+    noOptionsText: x,
+    combobox: A,
     getListBoxItemProps: S,
     listboxProps: _
   } = Hn(i), $ = (s, g) => {
-    const { key: C, ...z } = S(s, g);
-    return /* @__PURE__ */ p(Y.Item, { ...z, children: n ? n == null ? void 0 : n(s) : s.label }, C);
-  }, j = (s) => {
+    const { key: C, ...M } = S(s, g);
+    return /* @__PURE__ */ l(Y.Item, { ...M, children: n ? n == null ? void 0 : n(s) : s.label }, C);
+  }, N = (s) => {
     u.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
   }, w = () => {
     const s = a(e);
-    if (O && y && s && Ln(s)) {
-      const C = /* @__PURE__ */ N(et, { children: [
+    if (A && x && s && Bn(s)) {
+      const C = /* @__PURE__ */ j(et, { children: [
         s.props.endAdornment,
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ l(
           "button",
           {
             "data-testid": "chevron button",
@@ -1534,25 +1534,25 @@ const In = /* @__PURE__ */ Bn(Tn), Dn = {
               e.onFocus(void 0), e.onMouseDown(void 0);
             },
             "aria-hidden": "true",
-            children: /* @__PURE__ */ p(
+            children: /* @__PURE__ */ l(
               at,
               {
                 size: "sm",
                 className: rr(`${U}__chevron-icon`, {
-                  [`${U}__chevron-icon--up`]: h
+                  [`${U}__chevron-icon--up`]: y
                 })
               }
             )
           }
         )
       ] });
-      return zt(s, { endAdornment: C });
+      return Mt(s, { endAdornment: C });
     }
     return s;
   };
-  return /* @__PURE__ */ N("div", { id: r, ref: j, className: rr([t, U]), children: [
+  return /* @__PURE__ */ j("div", { id: r, ref: N, className: rr([t, U]), children: [
     w(),
-    h && /* @__PURE__ */ p(Y, { ..._, className: rr(`${U}__listbox`), children: f.length ? f.filter((s) => !!s).map($) : /* @__PURE__ */ p(Y.Item, { noninteractive: !0, children: y }) })
+    y && /* @__PURE__ */ l(Y, { ..._, className: rr(`${U}__listbox`), children: f.length ? f.filter((s) => !!s).map($) : /* @__PURE__ */ l(Y.Item, { noninteractive: !0, children: x }) })
   ] });
 }, Wn = X(Fn);
 Wn.displayName = "Autocomplete";