@purpurds/autocomplete 5.20.1 → 5.21.1

package/dist/autocomplete.es.js

@@ -1,10 +1,10 @@
-import { jsx as s, jsxs as O, Fragment as st } from "react/jsx-runtime";
-import { forwardRef as P, Children as E, isValidElement as R, createElement as Q, cloneElement as sr, useEffect as Nr, useId as lt, Fragment as ct, useRef as J, useCallback as dt, useState as ar } from "react";
+import { jsx as s, jsxs as O, Fragment as dt } from "react/jsx-runtime";
+import { forwardRef as P, Children as E, isValidElement as R, createElement as W, cloneElement as sr, useEffect as Ar, useId as _t, Fragment as ft, useRef as J, useCallback as vt, useState as ar } from "react";
 import "react-dom";
-function _t(t) {
+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 ft = Ar.exports;
-const vt = /* @__PURE__ */ _t(ft), mt = {
+})(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,39 +49,39 @@ const vt = /* @__PURE__ */ _t(ft), mt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, gt = {
+}, 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"
-}, Or = (t) => /* @__PURE__ */ s(
-  $t,
+}, Pr = (t) => /* @__PURE__ */ s(
+  Mr,
   {
     ...t,
-    svg: gt
+    svg: ht
   }
 );
-Or.displayName = "IconChevronDown";
-const xt = vt.bind(mt), vr = "purpur-icon", bt = "md", ht = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), yt = ({ content: t = "", title: a } = {}) => {
+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" },
     { name: "viewBox", value: "0 0 24 24" },
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
-  return `<svg ${ht(n)}>${i}${t}</svg>`;
-}, wt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $t = ({
+  return `<svg ${$t(n)}>${i}${t}</svg>`;
+}, St = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = bt,
+  size: o = wt,
   ...r
 }) => {
-  const e = yt({
-    content: wt(a.svg),
+  const e = jt({
+    content: St(a.svg),
     title: n
-  }), u = xt(i, vr, `${vr}--${o}`);
+  }), u = yt(i, mr, `${mr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -93,10 +93,11 @@ const xt = vt.bind(mt), vr = "purpur-icon", bt = "md", ht = (t) => t.filter((a)
     }
   );
 };
-function jt(t) {
+Mr.displayName = "Icon";
+function Nt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Pr = { exports: {} };
+var Cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -131,9 +132,9 @@ var Pr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Pr);
-var St = Pr.exports;
-const Mr = /* @__PURE__ */ jt(St), Cr = {
+})(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",
@@ -142,10 +143,10 @@ const Mr = /* @__PURE__ */ jt(St), Cr = {
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_qhoi7_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_qhoi7_51"
 };
-function Nt(t) {
+function Ot(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Lr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -180,9 +181,9 @@ var Lr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Lr);
-var At = Lr.exports;
-const Ot = /* @__PURE__ */ Nt(At), Pt = {
+})(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",
@@ -190,39 +191,39 @@ const Ot = /* @__PURE__ */ Nt(At), Pt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Mt = {
+}, 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"
-}, qr = (t) => /* @__PURE__ */ s(
-  zt,
+}, kr = (t) => /* @__PURE__ */ s(
+  zr,
   {
     ...t,
-    svg: Mt
+    svg: It
   }
 );
-qr.displayName = "IconCheckmark";
-const Ct = Ot.bind(Pt), mr = "purpur-icon", Lt = "md", qt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), It = ({ content: t = "", title: a } = {}) => {
+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 ${qt(n)}>${i}${t}</svg>`;
-}, kt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), zt = ({
+  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 = Lt,
+  size: o = qt,
   ...r
 }) => {
-  const e = It({
-    content: kt(a.svg),
+  const e = zt({
+    content: Bt(a.svg),
     title: n
-  }), u = Ct(i, mr, `${mr}--${o}`);
+  }), u = Lt(i, gr, `${gr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -234,10 +235,11 @@ const Ct = Ot.bind(Pt), mr = "purpur-icon", Lt = "md", qt = (t) => t.filter((a)
     }
   );
 };
-function Bt(t) {
+zr.displayName = "Icon";
+function Et(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var Br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -272,9 +274,9 @@ var Ir = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Ir);
-var Et = Ir.exports;
-const Rt = /* @__PURE__ */ Bt(Et), H = {
+})(Br);
+var Rt = Br.exports;
+const Dt = /* @__PURE__ */ Et(Rt), H = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -289,7 +291,7 @@ const Rt = /* @__PURE__ */ Bt(Et), H = {
   "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 = {
+}, Tt = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -300,17 +302,17 @@ const Rt = /* @__PURE__ */ Bt(Et), H = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, V = "purpur-paragraph", kr = ({
+}, V = "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 v = Rt([
+  const v = Dt([
     n,
     H[V],
     H[`${V}--${e}`],
@@ -322,15 +324,15 @@ const Rt = /* @__PURE__ */ Bt(Et), H = {
   ]);
   return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: a });
 };
-kr.displayName = "Paragraph";
-const gr = Mr.bind(Cr), q = "purpur-listbox", lr = P(
+Er.displayName = "Paragraph";
+const xr = Ir.bind(Lr), L = "purpur-listbox", lr = P(
   (t, a) => {
-    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, b = gr(`${q}-item`, v.className, {
-      [`${q}-item--highlighted`]: i,
-      [`${q}-item--selected`]: r,
-      [`${q}-item--hovered`]: o,
-      [`${q}-item--disabled`]: n,
-      [`${q}-item--noninteractive`]: u
+    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, b = xr(`${L}-item`, v.className, {
+      [`${L}-item--highlighted`]: i,
+      [`${L}-item--selected`]: r,
+      [`${L}-item--hovered`]: o,
+      [`${L}-item--disabled`]: n,
+      [`${L}-item--noninteractive`]: u
     });
     return /* @__PURE__ */ O(
       "li",
@@ -342,37 +344,37 @@ const gr = Mr.bind(Cr), q = "purpur-listbox", lr = P(
         role: "option",
         "aria-disabled": !!n,
         children: [
-          typeof e == "string" ? /* @__PURE__ */ s(kr, { children: e }) : e,
-          r && /* @__PURE__ */ s(qr, { size: "xs", className: gr(`${q}-item__icon`) })
+          typeof e == "string" ? /* @__PURE__ */ s(Er, { children: e }) : e,
+          r && /* @__PURE__ */ s(kr, { size: "xs", className: xr(`${L}-item__icon`) })
         ]
       }
     );
   }
-), Tt = (t) => R(t) && (t == null ? void 0 : t.type) === lr;
+), Ft = (t) => R(t) && (t == null ? void 0 : t.type) === lr;
 lr.displayName = "ListBoxItem";
-const Ft = Mr.bind(Cr), Gt = "purpur-listbox", W = P(
+const Gt = Ir.bind(Lr), Ht = "purpur-listbox", Q = P(
   ({ children: t, ...a }, n) => /* @__PURE__ */ s(
     "ul",
     {
       ...a,
       ref: n,
-      className: Ft(Gt, a.className),
+      className: Gt(Ht, a.className),
       role: "listbox",
-      children: E.toArray(t).filter(Tt)
+      children: E.toArray(t).filter(Ft)
     }
   )
 );
-W.Item = lr;
-W.displayName = "ListBox";
-const Ht = {
+Q.Item = lr;
+Q.displayName = "ListBox";
+const Vt = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function Vt(t) {
+function Zt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -407,42 +409,42 @@ var zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(zr);
-var Zt = zr.exports;
-const xr = /* @__PURE__ */ Vt(Zt), Kt = "_rotate_1xozj_1", Xt = "_dash_1xozj_1", Z = {
+})(Rr);
+var Kt = Rr.exports;
+const br = /* @__PURE__ */ Zt(Kt), Xt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1", Z = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Kt,
+  rotate: Xt,
   "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: Xt,
+  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", Ut = {
+}, K = "purpur-spinner", Yt = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Yt = ({
+}, Jt = ({
   ["data-testid"]: t,
   disabled: a = !1,
   negative: n = !1,
-  size: i = Ut.SM,
+  size: i = Yt.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: xr([Z[K], Z[`${K}--${i}`]]),
+    className: br([Z[K], Z[`${K}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: xr(Z[`${K}__circle`], {
+        className: br(Z[`${K}__circle`], {
           [Z[`${K}__circle--disabled`]]: a,
           [Z[`${K}__circle--negative`]]: n
         }),
@@ -453,10 +455,10 @@ const xr = /* @__PURE__ */ Vt(Zt), Kt = "_rotate_1xozj_1", Xt = "_dash_1xozj_1",
     ) })
   }
 );
-function Jt(t) {
+function Qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Br = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -491,9 +493,9 @@ var Br = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Br);
-var Wt = Br.exports;
-const Qt = /* @__PURE__ */ Jt(Wt), re = {
+})(Dr);
+var Wt = Dr.exports;
+const re = /* @__PURE__ */ Qt(Wt), te = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -514,7 +516,7 @@ const Qt = /* @__PURE__ */ Jt(Wt), re = {
   "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"
-}, te = Qt.bind(re), I = "purpur-button", ee = ({
+}, ee = re.bind(te), q = "purpur-button", ne = ({
   children: t,
   className: a,
   ["data-testid"]: n,
@@ -531,17 +533,17 @@ const Qt = /* @__PURE__ */ Jt(Wt), re = {
 }, f) => {
   if (r && y === "destructive")
     return null;
-  const S = te(
+  const S = ee(
     [
-      I,
-      `${I}--${u ? `${y}-negative` : y}`,
-      `${I}--${b}`
+      q,
+      `${q}--${u ? `${y}-negative` : y}`,
+      `${q}--${b}`
     ],
     {
-      [`${I}--icon-only`]: r,
-      [`${I}--negative`]: u,
-      [`${I}--full-width`]: o,
-      [`${I}--disabled`]: i || e
+      [`${q}--icon-only`]: r,
+      [`${q}--negative`]: u,
+      [`${q}--full-width`]: o,
+      [`${q}--disabled`]: i || e
     },
     a
   ), C = (l) => {
@@ -558,18 +560,18 @@ const Qt = /* @__PURE__ */ Jt(Wt), re = {
       onClick: C,
       ...d,
       children: [
-        e && /* @__PURE__ */ s(Yt, { size: b === Ht.LG ? "xs" : "xxs", negative: u, disabled: w }),
+        e && /* @__PURE__ */ s(Jt, { size: b === Vt.LG ? "xs" : "xxs", negative: u, disabled: w }),
         " ",
         t
       ]
     }
   );
-}, Er = P(ee);
-Er.displayName = "Button";
-function ne(t) {
+}, Tr = P(ne);
+Tr.displayName = "Button";
+function ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Rr = { exports: {} };
+var Fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -604,9 +606,9 @@ var Rr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Rr);
-var ue = Rr.exports;
-const ae = /* @__PURE__ */ ne(ue), ie = {
+})(Fr);
+var ae = Fr.exports;
+const ie = /* @__PURE__ */ ue(ae), oe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -614,31 +616,31 @@ const ae = /* @__PURE__ */ ne(ue), ie = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, oe = {
+}, pe = {
   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"
-}, pe = ae.bind(ie), br = "purpur-icon", se = "md", le = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ce = ({ content: t = "", title: a } = {}) => {
+}, 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" },
     { name: "viewBox", value: "0 0 24 24" },
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
-  return `<svg ${le(n)}>${i}${t}</svg>`;
-}, de = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), _e = ({
+  return `<svg ${ce(n)}>${i}${t}</svg>`;
+}, _e = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = se,
+  size: o = le,
   ...r
 }) => {
-  const e = ce({
-    content: de(a.svg),
+  const e = de({
+    content: _e(a.svg),
     title: n
-  }), u = pe(i, br, `${br}--${o}`);
+  }), u = se(i, hr, `${hr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -650,10 +652,11 @@ const ae = /* @__PURE__ */ ne(ue), ie = {
     }
   );
 };
+Gr.displayName = "Icon";
 function fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Dr = { exports: {} };
+var Hr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -688,12 +691,12 @@ var Dr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Dr);
-var ve = Dr.exports;
-const me = /* @__PURE__ */ fe(ve), hr = {
+})(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"
-}, yr = "purpur-field-error-text", ge = ({
+}, wr = "purpur-field-error-text", ge = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -702,13 +705,13 @@ const me = /* @__PURE__ */ fe(ve), hr = {
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: me([n, hr[yr]]),
+    className: me([n, yr[wr]]),
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": i,
     ...o,
     children: [
-      /* @__PURE__ */ s(_e, { svg: oe, size: "xs", className: hr[`${yr}__icon`] }),
+      /* @__PURE__ */ s(Gr, { svg: pe, size: "xs", className: yr[`${wr}__icon`] }),
       a
     ]
   }
@@ -716,7 +719,7 @@ const me = /* @__PURE__ */ fe(ve), hr = {
 function xe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Tr = { exports: {} };
+var Vr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -751,12 +754,12 @@ var Tr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Tr);
-var be = Tr.exports;
-const he = /* @__PURE__ */ xe(be), wr = {
+})(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"
-}, $r = "purpur-field-helper-text", ye = ({
+}, jr = "purpur-field-helper-text", ye = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -766,9 +769,9 @@ const he = /* @__PURE__ */ xe(be), wr = {
 }) => {
   const e = he([
     n,
-    wr[$r],
+    $r[jr],
     {
-      [wr[`${$r}--disabled`]]: i
+      [$r[`${jr}--disabled`]]: i
     }
   ]);
   return /* @__PURE__ */ s("span", { id: o, className: e, "data-testid": t, ...r, children: a });
@@ -776,7 +779,7 @@ const he = /* @__PURE__ */ xe(be), wr = {
 function we(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Fr = { exports: {} };
+var Zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -811,8 +814,8 @@ var Fr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Fr);
-var $e = Fr.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",
@@ -831,23 +834,23 @@ 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="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"
-}, Gr = (t) => /* @__PURE__ */ s(
-  Vr,
+}, Kr = (t) => /* @__PURE__ */ s(
+  cr,
   {
     ...t,
     svg: Ne
   }
 );
-Gr.displayName = "IconCheckCircleFilled";
-const Hr = (t) => /* @__PURE__ */ s(
-  Vr,
+Kr.displayName = "IconCheckCircleFilled";
+const Xr = (t) => /* @__PURE__ */ s(
+  cr,
   {
     ...t,
     svg: Ae
   }
 );
-Hr.displayName = "IconClose";
-const Oe = je.bind(Se), jr = "purpur-icon", Pe = "md", Me = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Ce = ({ content: t = "", title: a } = {}) => {
+Xr.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" },
@@ -855,7 +858,7 @@ const Oe = je.bind(Se), jr = "purpur-icon", Pe = "md", Me = (t) => t.filter((a)
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
   return `<svg ${Me(n)}>${i}${t}</svg>`;
-}, Le = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Vr = ({
+}, Ie = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), cr = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
@@ -864,9 +867,9 @@ const Oe = je.bind(Se), jr = "purpur-icon", Pe = "md", Me = (t) => t.filter((a)
   ...r
 }) => {
   const e = Ce({
-    content: Le(a.svg),
+    content: Ie(a.svg),
     title: n
-  }), u = Oe(i, jr, `${jr}--${o}`);
+  }), u = Oe(i, Sr, `${Sr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -878,6 +881,7 @@ const Oe = je.bind(Se), jr = "purpur-icon", Pe = "md", Me = (t) => t.filter((a)
     }
   );
 };
+cr.displayName = "Icon";
 function D() {
   return D = Object.assign ? Object.assign.bind() : function(t) {
     for (var a = 1; a < arguments.length; a++) {
@@ -887,36 +891,36 @@ function D() {
     return t;
   }, D.apply(null, arguments);
 }
-function qe(t, a) {
+function Le(t, a) {
   typeof t == "function" ? t(a) : t != null && (t.current = a);
 }
-function Ie(...t) {
+function qe(...t) {
   return (a) => t.forEach(
-    (n) => qe(n, a)
+    (n) => Le(n, a)
   );
 }
-const Zr = /* @__PURE__ */ P((t, a) => {
+const Ur = /* @__PURE__ */ P((t, a) => {
   const { children: n, ...i } = t, o = E.toArray(n), r = o.find(ze);
   if (r) {
     const e = r.props.children, u = o.map((v) => v === r ? E.count(e) > 1 ? E.only(null) : /* @__PURE__ */ R(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ Q(pr, D({}, i, {
+    return /* @__PURE__ */ W(pr, D({}, i, {
       ref: a
     }), /* @__PURE__ */ R(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ Q(pr, D({}, i, {
+  return /* @__PURE__ */ W(pr, D({}, i, {
     ref: a
   }), n);
 });
-Zr.displayName = "Slot";
+Ur.displayName = "Slot";
 const pr = /* @__PURE__ */ P((t, a) => {
   const { children: n, ...i } = t;
   return /* @__PURE__ */ R(n) ? /* @__PURE__ */ sr(n, {
     ...Be(i, n.props),
-    ref: a ? Ie(a, n.ref) : n.ref
+    ref: a ? qe(a, n.ref) : n.ref
   }) : E.count(n) > 1 ? E.only(null) : null;
 });
 pr.displayName = "SlotClone";
-const ke = ({ children: t }) => /* @__PURE__ */ Q(ct, null, t);
+const ke = ({ children: t }) => /* @__PURE__ */ W(ft, null, t);
 function ze(t) {
   return /* @__PURE__ */ R(t) && t.type === ke;
 }
@@ -960,10 +964,10 @@ const Ee = [
   "ul"
 ], Re = Ee.reduce((t, a) => {
   const n = /* @__PURE__ */ P((i, o) => {
-    const { asChild: r, ...e } = i, u = r ? Zr : a;
-    return Nr(() => {
+    const { asChild: r, ...e } = i, u = r ? Ur : a;
+    return Ar(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ Q(u, D({}, e, {
+    }, []), /* @__PURE__ */ W(u, D({}, e, {
       ref: o
     }));
   });
@@ -971,7 +975,7 @@ const Ee = [
     ...t,
     [a]: n
   };
-}, {}), De = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ Q(Re.label, D({}, t, {
+}, {}), De = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ W(Re.label, D({}, t, {
   ref: a,
   onMouseDown: (n) => {
     var i;
@@ -981,7 +985,7 @@ const Ee = [
 function Fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Kr = { exports: {} };
+var Yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1016,8 +1020,8 @@ var Kr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Kr);
-var Ge = Kr.exports;
+})(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",
@@ -1044,7 +1048,7 @@ const He = /* @__PURE__ */ Fe(Ge), ir = {
 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
@@ -1079,9 +1083,9 @@ var Xr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Xr);
-var Ke = Xr.exports;
-const Sr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1", X = {
+})(Jr);
+var Ke = Jr.exports;
+const Nr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1", X = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: Xe,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -1108,13 +1112,13 @@ const Sr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1",
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: Sr([X[U], X[`${U}--${i}`]]),
+    className: Nr([X[U], X[`${U}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: Sr(X[`${U}__circle`], {
+        className: Nr(X[`${U}__circle`], {
           [X[`${U}__circle--disabled`]]: a,
           [X[`${U}__circle--negative`]]: n
         }),
@@ -1125,10 +1129,10 @@ const Sr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1",
     ) })
   }
 );
-function We(t) {
+function Qe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ur = { exports: {} };
+var Qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1163,9 +1167,9 @@ var Ur = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Ur);
-var Qe = Ur.exports;
-const rn = /* @__PURE__ */ We(Qe), tn = {
+})(Qr);
+var We = Qr.exports;
+const rn = /* @__PURE__ */ Qe(We), tn = {
   "purpur-text-field": "_purpur-text-field_nj9f4_1",
   "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -1198,7 +1202,7 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
   ...d
 }, f) => {
   var S;
-  const C = lt(), w = d.id ?? C, l = (m) => t ? `${t}-${m}` : void 0, c = j && !r, x = e ? `${w}-helper-text` : void 0, $ = [y].filter((m) => !!m), T = (typeof d.value == "number" ? d.value !== void 0 : (S = d.value) == null ? void 0 : S.length) && !d.disabled && !d.readOnly && !v && b && n, k = en(null), z = (m) => {
+  const C = _t(), w = d.id ?? C, l = (m) => t ? `${t}-${m}` : void 0, c = j && !r, x = e ? `${w}-helper-text` : void 0, $ = [y].filter((m) => !!m), T = (typeof d.value == "number" ? d.value !== void 0 : (S = d.value) == null ? void 0 : S.length) && !d.disabled && !d.readOnly && !v && b && n, k = en(null), z = (m) => {
     k.current = m, typeof f == "function" ? f(m) : f && (f.current = m);
   }, rr = () => {
     var m;
@@ -1214,7 +1218,7 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
       "spinner"
     ),
     T && /* @__PURE__ */ s(
-      Er,
+      Tr,
       {
         variant: "tertiary-purple",
         onClick: rr,
@@ -1222,12 +1226,12 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
         "aria-label": n ?? "",
         "data-testid": l("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ s(Hr, { size: "xs" })
+        children: /* @__PURE__ */ s(Xr, { size: "xs" })
       },
       "clear-button"
     ),
     c && /* @__PURE__ */ s(
-      Gr,
+      Kr,
       {
         "data-testid": l("valid-icon"),
         className: A(`${g}__valid-icon`)
@@ -1301,13 +1305,13 @@ const rn = /* @__PURE__ */ We(Qe), tn = {
     x && /* @__PURE__ */ s(ye, { "data-testid": l("helper-text"), id: x, children: e }),
     r && /* @__PURE__ */ s(ge, { "data-testid": l("error-text"), children: r })
   ] });
-}, Yr = P(nn);
-Yr.displayName = "TextField";
-const un = (t) => R(t) && t.type.displayName === Yr.displayName;
+}, Wr = P(nn);
+Wr.displayName = "TextField";
+const un = (t) => R(t) && t.type.displayName === Wr.displayName;
 function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Jr = { exports: {} };
+var rt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1342,8 +1346,8 @@ var Jr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Jr);
-var on = Jr.exports;
+})(rt);
+var on = rt.exports;
 const pn = /* @__PURE__ */ an(on), sn = {
   "purpur-autocomplete": "_purpur-autocomplete_1u8x6_1",
   "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_1u8x6_4",
@@ -1351,13 +1355,13 @@ const pn = /* @__PURE__ */ an(on), sn = {
   "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) => {
-  const n = dt(
+  const n = vt(
     (i) => {
       t && !t.contains(i.target) && a();
     },
     [a, t]
   );
-  Nr(() => (document.addEventListener("mousedown", n), () => {
+  Ar(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
 }, dn = ({
@@ -1391,7 +1395,7 @@ const pn = /* @__PURE__ */ an(on), sn = {
     B(!0), f && requestAnimationFrame(() => {
       x({ ...f, isSetByClickEvent: p === "CLICK" }), nr(z.current[f.id]);
     });
-  }, Wr = (p) => {
+  }, tt = (p) => {
     if (o)
       return d.filter((h) => o(p, h));
     if (!p)
@@ -1402,7 +1406,7 @@ const pn = /* @__PURE__ */ an(on), sn = {
         (N) => (h.value || h.label).toUpperCase().includes(N)
       )
     );
-  }, cr = (p) => f && (f == null ? void 0 : f.label) === p ? d : Wr(p), M = cr(l), er = (p) => {
+  }, dr = (p) => f && (f == null ? void 0 : f.label) === p ? d : tt(p), M = dr(l), er = (p) => {
     v == null || v(p), w(p);
   }, nr = (p) => {
     var _;
@@ -1410,25 +1414,25 @@ const pn = /* @__PURE__ */ an(on), sn = {
       const h = p.getBoundingClientRect(), N = ((_ = k.current) == null ? void 0 : _.getBoundingClientRect()) || { top: 0, bottom: 0 };
       (h.top < N.top || h.bottom > N.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, dr = (p) => {
+  }, _r = (p) => {
     var _;
     p && ((_ = $.current) == null || _.focus(), er(p.label), j == null || j(p)), m();
-  }, Qr = (p) => {
+  }, et = (p) => {
     const _ = a && !c ? 0 : M.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = M.length;
     return p === "ArrowDown" ? M[(_ ?? -1) + 1] || M[0] : M[(_ ?? h) - 1] || M[h - 1];
-  }, L = rr && (!!M.length || !!y), rt = (p) => {
-    !L && G({ eventType: "KEYBOARD" });
-    const _ = Qr(p);
+  }, I = rr && (!!M.length || !!y), nt = (p) => {
+    !I && G({ eventType: "KEYBOARD" });
+    const _ = et(p);
     x(_), _ && nr(z.current[_.id]);
-  }, tt = (p) => {
+  }, ut = (p) => {
     switch (p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), rt(p.key);
+        p.preventDefault(), nt(p.key);
         break;
       case "Enter": {
         const _ = c || (a ? d[0] : void 0);
-        L && dr(_), !L && G({ eventType: "KEYBOARD" });
+        I && _r(_), !I && G({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1436,37 +1440,37 @@ const pn = /* @__PURE__ */ an(on), sn = {
         m();
         break;
     }
-  }, et = (p) => {
-    const _ = cr(p.target.value);
-    er(p.target.value), x(void 0), !L && G({ eventType: "KEYBOARD" }), a && _[0] && nr(z.current[_[0].id]);
-  }, nt = () => {
-    L ? m() : G({ eventType: "CLICK" });
-  }, ut = () => {
+  }, at = (p) => {
+    const _ = dr(p.target.value);
+    er(p.target.value), x(void 0), !I && G({ eventType: "KEYBOARD" }), a && _[0] && nr(z.current[_[0].id]);
+  }, it = () => {
+    I ? m() : G({ eventType: "CLICK" });
+  }, ot = () => {
     var p;
     !rr && b && G({ eventType: "KEYBOARD" }), (p = $.current) == null || p.select();
-  }, at = () => {
+  }, pt = () => {
     t && setTimeout(() => {
       var p, _;
       !((p = $.current) != null && p.contains(document.activeElement)) && !((_ = k.current) != null && _.contains(document.activeElement)) && er(f ? f.label : "");
     });
-  }, it = {
+  }, st = {
     maxHeight: typeof u == "number" ? `${u}px` : u
-  }, _r = {
+  }, fr = {
     "aria-label": e,
-    "aria-expanded": L,
+    "aria-expanded": I,
     "data-testid": F("listbox"),
     id: `${r}-listbox`,
     ref: k,
     onMouseLeave: () => x(void 0),
-    style: u ? it : void 0
-  }, fr = (p) => `${r}-listbox-item-${p.id}`, ot = (p, _) => {
+    style: u ? st : void 0
+  }, vr = (p) => `${r}-listbox-item-${p.id}`, lt = (p, _) => {
     const h = () => p.id !== (c == null ? void 0 : c.id) && x({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && _ === 0) && !(c != null && c.isSetByClickEvent);
     return {
       "data-testid": F(`listbox-item-${p.id}`),
-      id: fr(p),
+      id: vr(p),
       key: p.id,
       onMouseMove: h,
-      onMouseUp: () => dr(p),
+      onMouseUp: () => _r(p),
       ref: (ur) => ur && (z.current[p.id] = ur),
       tabIndex: -1,
       selected: p.id === (f == null ? void 0 : f.id),
@@ -1474,32 +1478,32 @@ const pn = /* @__PURE__ */ an(on), sn = {
       highlighted: N,
       hovered: p.id === (c == null ? void 0 : c.id) && !!(c != null && c.isSetByClickEvent)
     };
-  }, pt = {
-    "aria-activedescendant": c ? fr(c) : void 0,
+  }, ct = {
+    "aria-activedescendant": c ? vr(c) : void 0,
     "aria-autocomplete": "list",
-    "aria-controls": _r.id,
+    "aria-controls": fr.id,
     "data-testid": F("input"),
     autoComplete: "off",
     id: `${r}-input`,
-    onChange: et,
-    onMouseDown: nt,
-    onFocus: ut,
-    onKeyDown: tt,
-    onBlur: at,
+    onChange: at,
+    onMouseDown: it,
+    onFocus: ot,
+    onKeyDown: ut,
+    onBlur: pt,
     ref: $,
     role: "combobox",
     value: l
   };
   return {
     id: r,
-    inputProps: pt,
+    inputProps: ct,
     internalRef: T,
     optionsToShow: M,
-    showListbox: L,
+    showListbox: I,
     noOptionsText: y,
     combobox: t,
-    getListBoxItemProps: ot,
-    listboxProps: _r
+    getListBoxItemProps: lt,
+    listboxProps: fr
   };
 }, tr = pn.bind(sn), Y = "purpur-autocomplete", _n = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
   const {
@@ -1514,13 +1518,13 @@ const pn = /* @__PURE__ */ an(on), sn = {
     listboxProps: f
   } = dn(i), S = (l, c) => {
     const { key: x, ...$ } = d(l, c);
-    return /* @__PURE__ */ s(W.Item, { ...$, children: n ? n == null ? void 0 : n(l) : l.label }, x);
+    return /* @__PURE__ */ s(Q.Item, { ...$, children: n ? n == null ? void 0 : n(l) : l.label }, x);
   }, C = (l) => {
     u.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
   }, w = () => {
     const l = a(e);
     if (j && y && l && un(l)) {
-      const x = /* @__PURE__ */ O(st, { children: [
+      const x = /* @__PURE__ */ O(dt, { children: [
         l.props.endAdornment,
         /* @__PURE__ */ s(
           "button",
@@ -1533,7 +1537,7 @@ const pn = /* @__PURE__ */ an(on), sn = {
             },
             "aria-hidden": "true",
             children: /* @__PURE__ */ s(
-              Or,
+              Pr,
               {
                 size: "sm",
                 className: tr(`${Y}__chevron-icon`, {
@@ -1550,7 +1554,7 @@ const pn = /* @__PURE__ */ an(on), sn = {
   };
   return /* @__PURE__ */ O("div", { id: r, ref: C, className: tr([t, Y]), children: [
     w(),
-    b && /* @__PURE__ */ s(W, { ...f, className: tr(`${Y}__listbox`), children: v.length ? v.filter((l) => !!l).map(S) : /* @__PURE__ */ s(W.Item, { noninteractive: !0, children: y }) })
+    b && /* @__PURE__ */ s(Q, { ...f, className: tr(`${Y}__listbox`), children: v.length ? v.filter((l) => !!l).map(S) : /* @__PURE__ */ s(Q.Item, { noninteractive: !0, children: y }) })
   ] });
 }, fn = P(_n);
 fn.displayName = "Autocomplete";