@purpurds/autocomplete 8.2.1 → 8.2.3

package/dist/autocomplete.es.js

@@ -1,19 +1,19 @@
-import { jsx as l, jsxs as O, Fragment as Qr } from "react/jsx-runtime";
+import { jsx as l, jsxs as O, Fragment as wt } from "react/jsx-runtime";
 import * as m from "react";
-import { forwardRef as Y, Children as Nt, isValidElement as Xr, useId as jt, useRef as K, useCallback as Ot, useEffect as At, useState as nr, cloneElement as kt } from "react";
+import { forwardRef as Y, Children as $t, isValidElement as Jr, useId as St, useRef as K, useCallback as Nt, useEffect as jt, useState as nr, cloneElement as Ot } from "react";
 import "react-dom";
-function Ct(t) {
+function At(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var gr = { exports: {} };
+var vr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var mr;
-function Pt() {
-  return mr || (mr = 1, function(t) {
+var gr;
+function kt() {
+  return gr || (gr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -42,10 +42,10 @@ function Pt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(gr)), gr.exports;
+  })(vr)), vr.exports;
 }
-var qt = Pt();
-const Rt = /* @__PURE__ */ Ct(qt), Lt = {
+var Ct = kt();
+const Pt = /* @__PURE__ */ At(Ct), qt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,41 +53,41 @@ const Rt = /* @__PURE__ */ Ct(qt), Lt = {
   "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 = Rt.bind(Lt), hr = "purpur-icon", Bt = "md", Et = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Tt = ({ content: t = "", title: u } = {}) => {
+}, Rt = Pt.bind(qt), mr = "purpur-icon", Lt = "md", Mt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Bt = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = u ? `<title>${u}</title>` : "";
-  return `<svg ${Et(n)}>${o}${t}</svg>`;
-}, It = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rt = ({ svg: t, allyTitle: u, className: n, size: o = Bt, ...a }) => {
-  const r = Tt({
-    content: It(t.svg),
+  return `<svg ${Mt(n)}>${o}${t}</svg>`;
+}, Et = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xr = ({ svg: t, allyTitle: u, className: n, size: o = Lt, ...a }) => {
+  const r = Bt({
+    content: Et(t.svg),
     title: u
-  }), e = Mt(n, hr, `${hr}--${o}`);
+  }), e = Rt(n, mr, `${mr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-rt.displayName = "Icon";
-const zt = {
+Xr.displayName = "Icon";
+const Tt = {
   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"
-}, tt = (t) => /* @__PURE__ */ l(rt, { ...t, svg: zt });
-tt.displayName = "IconChevronDown";
-function Dt(t) {
+}, Qr = (t) => /* @__PURE__ */ l(Xr, { ...t, svg: Tt });
+Qr.displayName = "IconChevronDown";
+function It(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var br = { exports: {} };
+var hr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yr;
-function Vt() {
-  return yr || (yr = 1, function(t) {
+var br;
+function zt() {
+  return br || (br = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -116,10 +116,10 @@ function Vt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(br)), br.exports;
+  })(hr)), hr.exports;
 }
-var Zt = Vt();
-const et = /* @__PURE__ */ Dt(Zt), nt = {
+var Dt = zt();
+const rt = /* @__PURE__ */ It(Dt), tt = {
   "purpur-listbox": "_purpur-listbox_6c8yl_1",
   "purpur-listbox-item": "_purpur-listbox-item_6c8yl_15",
   "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_6c8yl_29",
@@ -128,18 +128,18 @@ const et = /* @__PURE__ */ Dt(Zt), nt = {
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_6c8yl_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_6c8yl_51"
 };
-function Ht(t) {
+function Vt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var xr = { exports: {} };
+var yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var wr;
-function Ft() {
-  return wr || (wr = 1, function(t) {
+var xr;
+function Zt() {
+  return xr || (xr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -168,10 +168,10 @@ function Ft() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(xr)), xr.exports;
+  })(yr)), yr.exports;
 }
-var Wt = Ft();
-const Gt = /* @__PURE__ */ Ht(Wt), Kt = {
+var Ht = Zt();
+const Ft = /* @__PURE__ */ Vt(Ht), Wt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -179,41 +179,41 @@ const Gt = /* @__PURE__ */ Ht(Wt), Kt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ut = Gt.bind(Kt), $r = "purpur-icon", Yt = "md", Jt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Qt = ({ content: t = "", title: u } = {}) => {
+}, Gt = Ft.bind(Wt), wr = "purpur-icon", Kt = "md", Ut = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Yt = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = u ? `<title>${u}</title>` : "";
-  return `<svg ${Jt(n)}>${o}${t}</svg>`;
-}, Xt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), it = ({ svg: t, allyTitle: u, className: n, size: o = Yt, ...a }) => {
-  const r = Qt({
-    content: Xt(t.svg),
+  return `<svg ${Ut(n)}>${o}${t}</svg>`;
+}, Jt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), et = ({ svg: t, allyTitle: u, className: n, size: o = Kt, ...a }) => {
+  const r = Yt({
+    content: Jt(t.svg),
     title: u
-  }), e = Ut(n, $r, `${$r}--${o}`);
+  }), e = Gt(n, wr, `${wr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-it.displayName = "Icon";
-const re = {
+et.displayName = "Icon";
+const Xt = {
   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"
-}, ut = (t) => /* @__PURE__ */ l(it, { ...t, svg: re });
-ut.displayName = "IconCheckmark";
-function te(t) {
+}, nt = (t) => /* @__PURE__ */ l(et, { ...t, svg: Xt });
+nt.displayName = "IconCheckmark";
+function Qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Sr = { exports: {} };
+var $r = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Nr;
-function ee() {
-  return Nr || (Nr = 1, function(t) {
+var Sr;
+function re() {
+  return Sr || (Sr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -242,10 +242,10 @@ function ee() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Sr)), Sr.exports;
+  })($r)), $r.exports;
 }
-var ne = ee();
-const ie = /* @__PURE__ */ te(ne), ue = {
+var te = re();
+const ee = /* @__PURE__ */ Qt(te), ne = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -260,26 +260,26 @@ const ie = /* @__PURE__ */ te(ne), ue = {
   "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"
-}, ae = ie.bind(ue), oe = {
+}, ie = ee.bind(ne), ue = {
   PARAGRAPH100: "paragraph-100"
-}, H = "purpur-paragraph", at = ({
+}, H = "purpur-paragraph", it = ({
   children: t,
   className: u,
   disabled: n,
   enableHyphenation: o = !1,
   negative: a = !1,
-  variant: r = oe.PARAGRAPH100,
+  variant: r = ue.PARAGRAPH100,
   ...e
 }) => {
-  const i = ae(u, H, `${H}--${r}`, {
+  const i = ie(u, H, `${H}--${r}`, {
     [`${H}--hyphens`]: o,
     [`${H}--disabled`]: n,
     [`${H}--negative`]: a
   });
   return /* @__PURE__ */ l("p", { ...e, className: i, children: t });
 };
-at.displayName = "Paragraph";
-const jr = et.bind(nt), E = "purpur-listbox", lr = Y((t, u) => {
+it.displayName = "Paragraph";
+const Nr = rt.bind(tt), E = "purpur-listbox", pr = Y((t, u) => {
   const {
     disabled: n,
     highlighted: o,
@@ -287,61 +287,61 @@ const jr = et.bind(nt), E = "purpur-listbox", lr = Y((t, u) => {
     selected: r,
     children: e,
     className: i,
-    noninteractive: f,
-    ...v
-  } = t, x = jr(`${E}-item`, i, {
+    noninteractive: v,
+    ..._
+  } = t, h = Nr(`${E}-item`, i, {
     [`${E}-item--highlighted`]: o,
     [`${E}-item--selected`]: r,
     [`${E}-item--hovered`]: a,
     [`${E}-item--disabled`]: n,
-    [`${E}-item--noninteractive`]: f
+    [`${E}-item--noninteractive`]: v
   });
   return /* @__PURE__ */ O(
     "li",
     {
-      ...v,
+      ..._,
       ref: u,
-      className: x,
+      className: h,
       "aria-selected": !!r,
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ l(at, { children: e }) : e,
-        r && /* @__PURE__ */ l(ut, { size: "xs", className: jr(`${E}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ l(it, { children: e }) : e,
+        r && /* @__PURE__ */ l(nt, { size: "xs", className: Nr(`${E}-item__icon`) })
       ]
     }
   );
-}), pe = (t) => Xr(t) && (t == null ? void 0 : t.type) === lr;
-lr.displayName = "ListBoxItem";
-const le = et.bind(nt), se = "purpur-listbox", U = Y(
+}), ae = (t) => Jr(t) && (t == null ? void 0 : t.type) === pr;
+pr.displayName = "ListBoxItem";
+const oe = rt.bind(tt), pe = "purpur-listbox", U = Y(
   ({ children: t, ...u }, n) => /* @__PURE__ */ l(
     "ul",
     {
       ...u,
       ref: n,
-      className: le(se, u.className),
+      className: oe(pe, u.className),
       role: "listbox",
-      children: Nt.toArray(t).filter(pe)
+      children: $t.toArray(t).filter(ae)
     }
   )
 );
-U.Item = lr;
+U.Item = pr;
 U.displayName = "ListBox";
-const ce = {
+const le = {
   LG: "lg"
 };
-function de(t) {
+function se(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Or = { exports: {} };
+var jr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ar;
-function _e() {
-  return Ar || (Ar = 1, function(t) {
+var Or;
+function ce() {
+  return Or || (Or = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -370,32 +370,32 @@ function _e() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Or)), Or.exports;
+  })(jr)), jr.exports;
 }
-var fe = _e();
-const ve = /* @__PURE__ */ de(fe), ge = "_rotate_12t9p_1", me = "_dash_12t9p_1", he = {
+var de = ce();
+const _e = /* @__PURE__ */ se(de), fe = "_rotate_12t9p_1", ve = "_dash_12t9p_1", ge = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: ge,
+  rotate: fe,
   "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: me,
+  dash: ve,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, kr = ve.bind(he), F = "purpur-spinner", be = {
+}, Ar = _e.bind(ge), F = "purpur-spinner", me = {
   SM: "sm"
-}, ye = ({
+}, he = ({
   disabled: t = !1,
   negative: u = !1,
-  size: n = be.SM,
+  size: n = me.SM,
   ...o
-}) => /* @__PURE__ */ l("div", { className: kr(F, `${F}--${n}`), ...o, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Ar(F, `${F}--${n}`), ...o, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: kr(`${F}__circle`, {
+    className: Ar(`${F}__circle`, {
       [`${F}__circle--disabled`]: t,
       [`${F}__circle--negative`]: u
     }),
@@ -404,18 +404,18 @@ const ve = /* @__PURE__ */ de(fe), ge = "_rotate_12t9p_1", me = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-function xe(t) {
+function be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Cr = { exports: {} };
+var kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Pr;
-function we() {
-  return Pr || (Pr = 1, function(t) {
+var Cr;
+function ye() {
+  return Cr || (Cr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -444,10 +444,10 @@ function we() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Cr)), Cr.exports;
+  })(kr)), kr.exports;
 }
-var $e = we();
-const Se = /* @__PURE__ */ xe($e), Ne = {
+var xe = ye();
+const we = /* @__PURE__ */ be(xe), $e = {
   "purpur-button": "_purpur-button_1goi7_1",
   "purpur-button--xs": "_purpur-button--xs_1goi7_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
@@ -469,7 +469,7 @@ const Se = /* @__PURE__ */ xe($e), Ne = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
   "purpur-button--text": "_purpur-button--text_1goi7_181"
-}, je = Se.bind(Ne), T = "purpur-button", ot = Y(
+}, Se = we.bind($e), T = "purpur-button", ut = Y(
   ({
     children: t,
     className: u,
@@ -479,18 +479,18 @@ const Se = /* @__PURE__ */ xe($e), Ne = {
     loading: r = !1,
     negative: e = !1,
     onClick: i,
-    size: f = "md",
-    variant: v,
-    type: x = "button",
-    ...w
+    size: v = "md",
+    variant: _,
+    type: h = "button",
+    ...b
   }, N) => {
-    if (a && v === "destructive")
+    if (a && _ === "destructive")
       return null;
-    const A = je(
+    const A = Se(
       [
         T,
-        `${T}--${e ? `${v}-negative` : v}`,
-        `${T}--${f}`
+        `${T}--${e ? `${_}-negative` : _}`,
+        `${T}--${v}`
       ],
       {
         [`${T}--icon-only`]: a,
@@ -499,23 +499,23 @@ const Se = /* @__PURE__ */ xe($e), Ne = {
         [`${T}--disabled`]: n || r
       },
       u
-    ), _ = (S) => {
+    ), f = (S) => {
       n || r ? S.preventDefault() : i && i(S);
-    }, $ = !!w["aria-disabled"] || n || r;
+    }, $ = !!b["aria-disabled"] || n || r;
     return /* @__PURE__ */ O(
       "button",
       {
         className: A,
-        type: x,
+        type: h,
         ref: N,
         "aria-disabled": $,
-        onClick: _,
-        ...w,
+        onClick: f,
+        ...b,
         children: [
           r && /* @__PURE__ */ l(
-            ye,
+            he,
             {
-              size: f === ce.LG ? "xs" : "xxs",
+              size: v === le.LG ? "xs" : "xxs",
               negative: e,
               disabled: $
             }
@@ -527,19 +527,19 @@ const Se = /* @__PURE__ */ xe($e), Ne = {
     );
   }
 );
-ot.displayName = "Button";
-function Oe(t) {
+ut.displayName = "Button";
+function Ne(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qr = { exports: {} };
+var Pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Rr;
-function Ae() {
-  return Rr || (Rr = 1, function(t) {
+var qr;
+function je() {
+  return qr || (qr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -568,10 +568,10 @@ function Ae() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(qr)), qr.exports;
+  })(Pr)), Pr.exports;
 }
-var ke = Ae();
-const Ce = /* @__PURE__ */ Oe(ke), Pe = {
+var Oe = je();
+const Ae = /* @__PURE__ */ Ne(Oe), ke = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -579,40 +579,40 @@ const Ce = /* @__PURE__ */ Oe(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"
-}, qe = Ce.bind(Pe), Lr = "purpur-icon", Re = "md", Le = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Me = ({ content: t = "", title: u } = {}) => {
+}, Ce = Ae.bind(ke), Rr = "purpur-icon", Pe = "md", qe = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Re = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = u ? `<title>${u}</title>` : "";
-  return `<svg ${Le(n)}>${o}${t}</svg>`;
-}, Be = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pt = ({ svg: t, allyTitle: u, className: n, size: o = Re, ...a }) => {
-  const r = Me({
-    content: Be(t.svg),
+  return `<svg ${qe(n)}>${o}${t}</svg>`;
+}, Le = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), at = ({ svg: t, allyTitle: u, className: n, size: o = Pe, ...a }) => {
+  const r = Re({
+    content: Le(t.svg),
     title: u
-  }), e = qe(n, Lr, `${Lr}--${o}`);
+  }), e = Ce(n, Rr, `${Rr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-pt.displayName = "Icon";
-const Ee = {
+at.displayName = "Icon";
+const Me = {
   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 Be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Mr = { exports: {} };
+var Lr = { 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 Mr;
+function Ee() {
+  return Mr || (Mr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -641,14 +641,14 @@ function Ie() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Mr)), Mr.exports;
+  })(Lr)), Lr.exports;
 }
-var ze = Ie();
-const De = /* @__PURE__ */ Te(ze), Ve = {
+var Te = Ee();
+const Ie = /* @__PURE__ */ Be(Te), ze = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, Er = De.bind(Ve), ir = "purpur-field-error-text", Ze = ({
+}, Br = Ie.bind(ze), ir = "purpur-field-error-text", De = ({
   children: t,
   className: u,
   negative: n = !1,
@@ -657,30 +657,30 @@ const De = /* @__PURE__ */ Te(ze), Ve = {
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Er(u, ir, {
+    className: Br(u, ir, {
       [`${ir}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": o,
     ...a,
     children: [
-      /* @__PURE__ */ l(pt, { svg: Ee, size: "xs", className: Er(`${ir}__icon`) }),
+      /* @__PURE__ */ l(at, { svg: Me, size: "xs", className: Br(`${ir}__icon`) }),
       t
     ]
   }
 );
-function He(t) {
+function Ve(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Tr = { exports: {} };
+var Er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ir;
-function Fe() {
-  return Ir || (Ir = 1, function(t) {
+var Tr;
+function Ze() {
+  return Tr || (Tr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -709,14 +709,14 @@ function Fe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Tr)), Tr.exports;
+  })(Er)), Er.exports;
 }
-var We = Fe();
-const Ge = /* @__PURE__ */ He(We), Ke = {
+var He = Ze();
+const Fe = /* @__PURE__ */ Ve(He), We = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, Ue = Ge.bind(Ke), ur = "purpur-field-helper-text", Ye = ({
+}, Ge = Fe.bind(We), ur = "purpur-field-helper-text", Ke = ({
   children: t,
   className: u,
   disabled: n,
@@ -724,24 +724,24 @@ const Ge = /* @__PURE__ */ He(We), Ke = {
   negative: a,
   ...r
 }) => {
-  const e = Ue(u, ur, {
+  const e = Ge(u, ur, {
     [`${ur}--disabled`]: n,
     [`${ur}--negative`]: a
   });
   return /* @__PURE__ */ l("span", { id: o, className: e, ...r, children: t });
 };
-function Je(t) {
+function Ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Dr;
-function Qe() {
-  return Dr || (Dr = 1, function(t) {
+var zr;
+function Ye() {
+  return zr || (zr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -770,10 +770,10 @@ function Qe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(zr)), zr.exports;
+  })(Ir)), Ir.exports;
 }
-var Xe = Qe();
-const rn = /* @__PURE__ */ Je(Xe), tn = {
+var Je = Ye();
+const Xe = /* @__PURE__ */ Ue(Je), Qe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -781,85 +781,92 @@ const rn = /* @__PURE__ */ Je(Xe), tn = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, en = rn.bind(tn), Vr = "purpur-icon", nn = "md", un = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), an = ({ content: t = "", title: u } = {}) => {
+}, rn = Xe.bind(Qe), Dr = "purpur-icon", tn = "md", en = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), nn = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = u ? `<title>${u}</title>` : "";
-  return `<svg ${un(n)}>${o}${t}</svg>`;
-}, on = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), sr = ({ svg: t, allyTitle: u, className: n, size: o = nn, ...a }) => {
-  const r = an({
-    content: on(t.svg),
+  return `<svg ${en(n)}>${o}${t}</svg>`;
+}, un = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), lr = ({ svg: t, allyTitle: u, className: n, size: o = tn, ...a }) => {
+  const r = nn({
+    content: un(t.svg),
     title: u
-  }), e = en(n, Vr, `${Vr}--${o}`);
+  }), e = rn(n, Dr, `${Dr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-sr.displayName = "Icon";
-const pn = {
+lr.displayName = "Icon";
+const an = {
   name: "check-circle-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
   keywords: ["check-circle-filled"],
   category: "status"
-}, lt = (t) => /* @__PURE__ */ l(sr, { ...t, svg: pn });
-lt.displayName = "IconCheckCircleFilled";
-const ln = {
+}, ot = (t) => /* @__PURE__ */ l(lr, { ...t, svg: an });
+ot.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"
-}, st = (t) => /* @__PURE__ */ l(sr, { ...t, svg: ln });
-st.displayName = "IconClose";
-function Zr(t, u) {
+}, pt = (t) => /* @__PURE__ */ l(lr, { ...t, svg: on });
+pt.displayName = "IconClose";
+function Vr(t, u) {
   if (typeof t == "function")
     return t(u);
   t != null && (t.current = u);
 }
-function sn(...t) {
+function pn(...t) {
   return (u) => {
     let n = !1;
     const o = t.map((a) => {
-      const r = Zr(a, u);
+      const r = Vr(a, u);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const r = o[a];
-          typeof r == "function" ? r() : Zr(t[a], null);
+          typeof r == "function" ? r() : Vr(t[a], null);
         }
       };
   };
 }
-var ct = m.forwardRef((t, u) => {
-  const { children: n, ...o } = t, a = m.Children.toArray(n), r = a.find(dn);
-  if (r) {
-    const e = r.props.children, i = a.map((f) => f === r ? m.Children.count(e) > 1 ? m.Children.only(null) : m.isValidElement(e) ? e.props.children : null : f);
-    return /* @__PURE__ */ l(pr, { ...o, ref: u, children: m.isValidElement(e) ? m.cloneElement(e, void 0, i) : null });
-  }
-  return /* @__PURE__ */ l(pr, { ...o, ref: u, children: n });
-});
-ct.displayName = "Slot";
-var pr = m.forwardRef((t, u) => {
-  const { children: n, ...o } = t;
-  if (m.isValidElement(n)) {
-    const a = fn(n), r = _n(o, n.props);
-    return n.type !== m.Fragment && (r.ref = u ? sn(u, a) : a), m.cloneElement(n, r);
-  }
-  return m.Children.count(n) > 1 ? m.Children.only(null) : null;
-});
-pr.displayName = "SlotClone";
-var cn = ({ children: t }) => /* @__PURE__ */ l(Qr, { children: t });
+// @__NO_SIDE_EFFECTS__
+function ln(t) {
+  const u = /* @__PURE__ */ sn(t), n = m.forwardRef((o, a) => {
+    const { children: r, ...e } = o, i = m.Children.toArray(r), v = i.find(dn);
+    if (v) {
+      const _ = v.props.children, h = i.map((b) => b === v ? m.Children.count(_) > 1 ? m.Children.only(null) : m.isValidElement(_) ? _.props.children : null : b);
+      return /* @__PURE__ */ l(u, { ...e, ref: a, children: m.isValidElement(_) ? m.cloneElement(_, void 0, h) : null });
+    }
+    return /* @__PURE__ */ l(u, { ...e, ref: a, children: r });
+  });
+  return n.displayName = `${t}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function sn(t) {
+  const u = m.forwardRef((n, o) => {
+    const { children: a, ...r } = n;
+    if (m.isValidElement(a)) {
+      const e = fn(a), i = _n(r, a.props);
+      return a.type !== m.Fragment && (i.ref = o ? pn(o, e) : e), m.cloneElement(a, i);
+    }
+    return m.Children.count(a) > 1 ? m.Children.only(null) : null;
+  });
+  return u.displayName = `${t}.SlotClone`, u;
+}
+var cn = Symbol("radix.slottable");
 function dn(t) {
-  return m.isValidElement(t) && t.type === cn;
+  return m.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === cn;
 }
 function _n(t, u) {
   const n = { ...u };
   for (const o in u) {
     const a = t[o], r = u[o];
     /^on[A-Z]/.test(o) ? a && r ? n[o] = (...e) => {
-      r(...e), a(...e);
+      const i = r(...e);
+      return a(...e), i;
     } : a && (n[o] = a) : o === "style" ? n[o] = { ...a, ...r } : o === "className" && (n[o] = [a, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
@@ -883,16 +890,17 @@ var vn = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
 ], gn = vn.reduce((t, u) => {
-  const n = m.forwardRef((o, a) => {
-    const { asChild: r, ...e } = o, i = r ? ct : u;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(i, { ...e, ref: a });
+  const n = /* @__PURE__ */ ln(`Primitive.${u}`), o = m.forwardRef((a, r) => {
+    const { asChild: e, ...i } = a, v = e ? n : u;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(v, { ...i, ref: r });
   });
-  return n.displayName = `Primitive.${u}`, { ...t, [u]: n };
-}, {}), mn = "Label", dt = m.forwardRef((t, u) => /* @__PURE__ */ l(
+  return o.displayName = `Primitive.${u}`, { ...t, [u]: o };
+}, {}), mn = "Label", lt = m.forwardRef((t, u) => /* @__PURE__ */ l(
   gn.label,
   {
     ...t,
@@ -903,20 +911,20 @@ var vn = [
     }
   }
 ));
-dt.displayName = mn;
-var hn = dt;
+lt.displayName = mn;
+var hn = lt;
 function bn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Hr = { exports: {} };
+var Zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Fr;
+var Hr;
 function yn() {
-  return Fr || (Fr = 1, function(t) {
+  return Hr || (Hr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -945,7 +953,7 @@ function yn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Hr)), Hr.exports;
+  })(Zr)), Zr.exports;
 }
 var xn = yn();
 const wn = /* @__PURE__ */ bn(xn), $n = {
@@ -968,15 +976,15 @@ const wn = /* @__PURE__ */ bn(xn), $n = {
 function jn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Wr = { exports: {} };
+var Fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Gr;
+var Wr;
 function On() {
-  return Gr || (Gr = 1, function(t) {
+  return Wr || (Wr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -1005,7 +1013,7 @@ function On() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Wr)), Wr.exports;
+  })(Fr)), Fr.exports;
 }
 var An = On();
 const kn = /* @__PURE__ */ jn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1", qn = {
@@ -1020,17 +1028,17 @@ const kn = /* @__PURE__ */ jn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1",
   dash: Pn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Kr = kn.bind(qn), W = "purpur-spinner", Rn = {
+}, Gr = kn.bind(qn), W = "purpur-spinner", Rn = {
   SM: "sm"
 }, Ln = ({
   disabled: t = !1,
   negative: u = !1,
   size: n = Rn.SM,
   ...o
-}) => /* @__PURE__ */ l("div", { className: Kr(W, `${W}--${n}`), ...o, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Gr(W, `${W}--${n}`), ...o, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: Kr(`${W}__circle`, {
+    className: Gr(`${W}__circle`, {
       [`${W}__circle--disabled`]: t,
       [`${W}__circle--negative`]: u
     }),
@@ -1042,15 +1050,15 @@ const kn = /* @__PURE__ */ jn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1",
 function Mn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ur = { exports: {} };
+var Kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Yr;
+var Ur;
 function Bn() {
-  return Yr || (Yr = 1, function(t) {
+  return Ur || (Ur = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -1079,7 +1087,7 @@ function Bn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Ur)), Ur.exports;
+  })(Kr)), Kr.exports;
 }
 var En = Bn();
 const Tn = /* @__PURE__ */ Mn(En), In = {
@@ -1099,7 +1107,7 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
   "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"
-}, zn = (t) => K(t), P = Tn.bind(In), g = "purpur-text-field", _t = Y(
+}, zn = (t) => K(t), P = Tn.bind(In), g = "purpur-text-field", st = Y(
   ({
     ["data-testid"]: t,
     className: u,
@@ -1109,69 +1117,69 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
     endAdornment: r,
     errorText: e,
     helperText: i,
-    hideRequiredAsterisk: f = !1,
-    label: v,
-    loading: x = !1,
-    onClear: w,
+    hideRequiredAsterisk: v = !1,
+    label: _,
+    loading: h = !1,
+    onClear: b,
     startAdornment: N,
     valid: A = !1,
-    ..._
+    ...f
   }, $) => {
     var S;
-    const j = jt(), s = _.id ?? j, h = (b) => t ? `${t}-${b}` : void 0, q = A && !e, L = i ? `${s}-helper-text` : void 0, I = [N].filter((b) => !!b), d = (typeof _.value == "number" ? _.value !== void 0 : (S = _.value) == null ? void 0 : S.length) && !_.disabled && !_.readOnly && !x && w && n, k = zn(null), z = (b) => {
-      k.current = b, typeof $ == "function" ? $(b) : $ && ($.current = b);
+    const j = St(), s = f.id ?? j, y = (x) => t ? `${t}-${x}` : void 0, q = A && !e, L = i ? `${s}-helper-text` : void 0, I = [N].filter((x) => !!x), d = (typeof f.value == "number" ? f.value !== void 0 : (S = f.value) == null ? void 0 : S.length) && !f.disabled && !f.readOnly && !h && b && n, k = zn(null), z = (x) => {
+      k.current = x, typeof $ == "function" ? $(x) : $ && ($.current = x);
     }, J = () => {
-      var b;
-      w == null || w(), (b = k.current) == null || b.focus();
+      var x;
+      b == null || b(), (x = k.current) == null || x.focus();
     }, M = [
-      x && /* @__PURE__ */ l(
+      h && /* @__PURE__ */ l(
         Ln,
         {
-          disabled: _.disabled,
+          disabled: f.disabled,
           size: "xs",
-          "data-testid": h("spinner")
+          "data-testid": y("spinner")
         },
         "spinner"
       ),
       d && /* @__PURE__ */ l(
-        ot,
+        ut,
         {
           variant: "tertiary-purple",
           onClick: J,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": h("clear-button"),
+          "data-testid": y("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(st, { size: "xs" })
+          children: /* @__PURE__ */ l(pt, { size: "xs" })
         },
         "clear-button"
       ),
       q && /* @__PURE__ */ l(
-        lt,
+        ot,
         {
-          "data-testid": h("valid-icon"),
+          "data-testid": y("valid-icon"),
           className: P(`${g}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((b) => !!b), D = P(`${g}__input-container`, {
+    ].filter((x) => !!x), D = P(`${g}__input-container`, {
       [`${g}__input-container--start-adornment`]: I.length,
       [`${g}__input-container--end-adornment`]: M.length || r,
-      [`${g}__input-container--disabled`]: _.disabled,
+      [`${g}__input-container--disabled`]: f.disabled,
       [`${g}__input-container--has-clear-button`]: d,
-      [`${g}__input-container--readonly`]: _.readOnly && !_.disabled
+      [`${g}__input-container--readonly`]: f.readOnly && !f.disabled
     });
     return /* @__PURE__ */ O("div", { className: P(u, g), children: [
-      v && /* @__PURE__ */ O(
+      _ && /* @__PURE__ */ O(
         Nn,
         {
           htmlFor: s,
           className: P(`${g}__label`),
-          "data-testid": h("label"),
-          disabled: _.disabled,
+          "data-testid": y("label"),
+          disabled: f.disabled,
           children: [
-            _.required && !f && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
-            v
+            f.required && !v && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
+            _
           ]
         }
       ),
@@ -1181,7 +1189,7 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
           !!I.length && /* @__PURE__ */ l(
             "div",
             {
-              "data-testid": h("start-adornments"),
+              "data-testid": y("start-adornments"),
               className: P(`${g}__adornment-container`),
               children: I
             }
@@ -1189,12 +1197,12 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
           /* @__PURE__ */ l(
             "input",
             {
-              ..._,
+              ...f,
               id: s,
               ref: z,
-              "data-testid": h("input"),
-              "aria-describedby": _["aria-describedby"] || L,
-              "aria-invalid": _["aria-invalid"] || !!e,
+              "data-testid": y("input"),
+              "aria-describedby": f["aria-describedby"] || L,
+              "aria-invalid": f["aria-invalid"] || !!e,
               className: P([
                 `${g}__input`,
                 {
@@ -1208,7 +1216,7 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
           (!!M.length || r) && /* @__PURE__ */ O(
             "div",
             {
-              "data-testid": h("end-adornments"),
+              "data-testid": y("end-adornments"),
               className: P(`${g}__adornment-container`),
               children: [
                 M,
@@ -1219,13 +1227,13 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
         ] }),
         !!a && a
       ] }),
-      L && /* @__PURE__ */ l(Ye, { "data-testid": h("helper-text"), id: L, children: i }),
-      e && /* @__PURE__ */ l(Ze, { "data-testid": h("error-text"), children: e })
+      L && /* @__PURE__ */ l(Ke, { "data-testid": y("helper-text"), id: L, children: i }),
+      e && /* @__PURE__ */ l(De, { "data-testid": y("error-text"), children: e })
     ] });
   }
 );
-_t.displayName = "TextField";
-const Dn = (t) => Xr(t) && t.type.displayName === _t.displayName;
+st.displayName = "TextField";
+const Dn = (t) => Jr(t) && t.type.displayName === st.displayName;
 function Vn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -1235,9 +1243,9 @@ var or = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Jr;
+var Yr;
 function Zn() {
-  return Jr || (Jr = 1, function(t) {
+  return Yr || (Yr = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -1266,7 +1274,7 @@ function Zn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(or)), or.exports;
+  })(or)), or.exports;
 }
 var Hn = Zn();
 const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
@@ -1276,13 +1284,13 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
   "purpur-autocomplete__chevron-icon": "_purpur-autocomplete__chevron-icon_1u8x6_15",
   "purpur-autocomplete__chevron-icon--up": "_purpur-autocomplete__chevron-icon--up_1u8x6_19"
 }, Gn = (t) => K(t), Kn = (t, u) => {
-  const n = Ot(
+  const n = Nt(
     (o) => {
       t && !t.contains(o.target) && u();
     },
     [u, t]
   );
-  At(() => (document.addEventListener("mousedown", n), () => {
+  jt(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
 }, Un = ({
@@ -1294,71 +1302,71 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
   filterOption: r,
   id: e,
   listboxLabel: i,
-  listboxMaxHeight: f,
-  onInputBlur: v,
-  onInputChange: x,
-  onInputFocus: w,
+  listboxMaxHeight: v,
+  onInputBlur: _,
+  onInputChange: h,
+  onInputFocus: b,
   onInputKeyDown: N,
   onInputMouseDown: A,
-  openOnFocus: _,
+  openOnFocus: f,
   noOptionsText: $,
   onSelect: S,
   options: j,
   selectedOption: s,
-  ["data-testid"]: h
+  ["data-testid"]: y
 }) => {
   const [q, L] = nr(
     ((typeof a == "string" ? a : o) || (s == null ? void 0 : s.label)) ?? ""
-  ), I = typeof a == "string" ? a : q, [d, k] = nr(n ? j[0] : void 0), z = K(null), J = Gn(null), M = K(null), D = K({}), [b, cr] = nr(!1);
-  function X(p) {
-    return h ? `${h}-${p}` : void 0;
+  ), I = typeof a == "string" ? a : q, [d, k] = nr(n ? j[0] : void 0), z = K(null), J = Gn(null), M = K(null), D = K({}), [x, sr] = nr(!1);
+  function Q(p) {
+    return y ? `${y}-${p}` : void 0;
   }
   const V = () => {
-    cr(!1), k(void 0);
+    sr(!1), k(void 0);
   };
   Kn(J.current, V);
   const Z = ({ eventType: p }) => {
-    cr(!0), s && requestAnimationFrame(() => {
+    sr(!0), s && requestAnimationFrame(() => {
       k({ ...s, isSetByClickEvent: p === "CLICK" }), tr(D.current[s.id]);
     });
-  }, ft = (p) => {
+  }, ct = (p) => {
     if (r)
-      return j.filter((y) => r(p, y));
+      return j.filter((w) => r(p, w));
     if (!p)
       return j;
     const c = p.toUpperCase().split(" ") || [];
     return j.filter(
-      (y) => c.every(
-        (C) => (y.value || y.label).toUpperCase().includes(C)
+      (w) => c.every(
+        (C) => (w.value || w.label).toUpperCase().includes(C)
       )
     );
-  }, dr = (p) => s && (s == null ? void 0 : s.label) === p ? j : ft(p), R = dr(I), rr = (p) => {
-    x == null || x(p), L(p);
+  }, cr = (p) => s && (s == null ? void 0 : s.label) === p ? j : ct(p), R = cr(I), rr = (p) => {
+    h == null || h(p), L(p);
   }, tr = (p) => {
     var c;
     if (p) {
-      const y = p.getBoundingClientRect(), C = ((c = M.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
-      (y.top < C.top || y.bottom > C.bottom) && p.scrollIntoView({ block: "nearest" });
+      const w = p.getBoundingClientRect(), C = ((c = M.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      (w.top < C.top || w.bottom > C.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, _r = (p) => {
+  }, dr = (p) => {
     var c;
     p && ((c = z.current) == null || c.focus(), rr(p.label), S == null || S(p)), V();
-  }, vt = (p) => {
-    const c = n && !d ? 0 : R.findIndex((C) => C && (d == null ? void 0 : d.id) === C.id), y = R.length;
-    return p === "ArrowDown" ? R[(c ?? -1) + 1] || R[0] : R[(c ?? y) - 1] || R[y - 1];
-  }, B = b && (!!R.length || !!$), gt = (p) => {
+  }, dt = (p) => {
+    const c = n && !d ? 0 : R.findIndex((C) => C && (d == null ? void 0 : d.id) === C.id), w = R.length;
+    return p === "ArrowDown" ? R[(c ?? -1) + 1] || R[0] : R[(c ?? w) - 1] || R[w - 1];
+  }, B = x && (!!R.length || !!$), _t = (p) => {
     !B && Z({ eventType: "KEYBOARD" });
-    const c = vt(p);
+    const c = dt(p);
     k(c), c && tr(D.current[c.id]);
-  }, mt = (p) => {
+  }, ft = (p) => {
     switch (N == null || N(p), p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), gt(p.key);
+        p.preventDefault(), _t(p.key);
         break;
       case "Enter": {
         const c = d || (n ? j[0] : void 0);
-        B && _r(c), !B && Z({ eventType: "KEYBOARD" });
+        B && dr(c), !B && Z({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1366,37 +1374,37 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
         V();
         break;
     }
-  }, ht = (p) => {
-    const c = dr(p.target.value);
+  }, vt = (p) => {
+    const c = cr(p.target.value);
     rr(p.target.value), k(void 0), !B && Z({ eventType: "KEYBOARD" }), n && c[0] && tr(D.current[c[0].id]);
-  }, bt = (p) => {
+  }, gt = (p) => {
     A == null || A(p), B ? V() : Z({ eventType: "CLICK" });
-  }, yt = (p) => {
+  }, mt = (p) => {
     var c;
-    w == null || w(p), !b && _ && Z({ eventType: "KEYBOARD" }), (c = z.current) == null || c.select();
-  }, xt = (p) => {
-    v == null || v(p), setTimeout(() => {
-      var c, y;
-      !((c = z.current) != null && c.contains(document.activeElement)) && !((y = M.current) != null && y.contains(document.activeElement)) && (V(), t && rr(s ? s.label : ""));
+    b == null || b(p), !x && f && Z({ eventType: "KEYBOARD" }), (c = z.current) == null || c.select();
+  }, ht = (p) => {
+    _ == null || _(p), setTimeout(() => {
+      var c, w;
+      !((c = z.current) != null && c.contains(document.activeElement)) && !((w = M.current) != null && w.contains(document.activeElement)) && (V(), t && rr(s ? s.label : ""));
     });
-  }, wt = {
-    maxHeight: typeof f == "number" ? `${f}px` : f
-  }, fr = {
+  }, bt = {
+    maxHeight: typeof v == "number" ? `${v}px` : v
+  }, _r = {
     "aria-label": i,
     "aria-expanded": B,
-    "data-testid": X("listbox"),
+    "data-testid": Q("listbox"),
     id: `${e}-listbox`,
     ref: M,
     onMouseLeave: () => k(void 0),
-    style: f ? wt : void 0
-  }, vr = (p) => `${e}-listbox-item-${p.id}`, $t = (p, c) => {
-    const y = () => p.id !== (d == null ? void 0 : d.id) && k({ ...p, isSetByClickEvent: !0 }), C = (p.id === (d == null ? void 0 : d.id) || !!n && !d && c === 0) && !(d != null && d.isSetByClickEvent);
+    style: v ? bt : void 0
+  }, fr = (p) => `${e}-listbox-item-${p.id}`, yt = (p, c) => {
+    const w = () => p.id !== (d == null ? void 0 : d.id) && k({ ...p, isSetByClickEvent: !0 }), C = (p.id === (d == null ? void 0 : d.id) || !!n && !d && c === 0) && !(d != null && d.isSetByClickEvent);
     return {
-      "data-testid": X(`listbox-item-${p.id}`),
-      id: vr(p),
+      "data-testid": Q(`listbox-item-${p.id}`),
+      id: fr(p),
       key: p.id,
-      onMouseMove: y,
-      onMouseUp: () => _r(p),
+      onMouseMove: w,
+      onMouseUp: () => dr(p),
       ref: (er) => {
         er && (D.current[p.id] = er);
       },
@@ -1406,87 +1414,87 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
       highlighted: C,
       hovered: p.id === (d == null ? void 0 : d.id) && !!(d != null && d.isSetByClickEvent)
     };
-  }, St = {
-    "aria-activedescendant": d ? vr(d) : void 0,
+  }, xt = {
+    "aria-activedescendant": d ? fr(d) : void 0,
     "aria-autocomplete": "list",
-    "aria-controls": fr.id,
-    "data-testid": X("input"),
+    "aria-controls": _r.id,
+    "data-testid": Q("input"),
     autoComplete: "off",
     id: `${e}-input`,
-    onChange: ht,
-    onMouseDown: bt,
-    onFocus: yt,
-    onKeyDown: mt,
-    onBlur: xt,
+    onChange: vt,
+    onMouseDown: gt,
+    onFocus: mt,
+    onKeyDown: ft,
+    onBlur: ht,
     ref: z,
     role: "combobox",
     value: I
   };
   return {
     id: e,
-    inputProps: St,
+    inputProps: xt,
     internalRef: J,
     optionsToShow: R,
     showListbox: B,
     noOptionsText: $,
     combobox: t,
     comboboxButtonAriaLabel: u,
-    getListBoxItemProps: $t,
-    listboxProps: fr
+    getListBoxItemProps: yt,
+    listboxProps: _r
   };
-}, Q = Fn.bind(Wn), G = "purpur-autocomplete", Yn = ({ className: t, renderInput: u, renderOption: n, ...o }, a) => {
+}, X = Fn.bind(Wn), G = "purpur-autocomplete", Yn = ({ className: t, renderInput: u, renderOption: n, ...o }, a) => {
   const {
     id: r,
     inputProps: e,
     internalRef: i,
-    optionsToShow: f,
-    showListbox: v,
-    noOptionsText: x,
-    combobox: w,
+    optionsToShow: v,
+    showListbox: _,
+    noOptionsText: h,
+    combobox: b,
     comboboxButtonAriaLabel: N,
     getListBoxItemProps: A,
-    listboxProps: _
-  } = Un(o), $ = (s, h) => {
-    const { key: q, ...L } = A(s, h);
+    listboxProps: f
+  } = Un(o), $ = (s, y) => {
+    const { key: q, ...L } = A(s, y);
     return /* @__PURE__ */ l(U.Item, { ...L, children: n ? n == null ? void 0 : n(s) : s.label }, q);
   }, S = (s) => {
     i.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
   }, j = () => {
     const s = u(e);
-    if (w && N && x && s && Dn(s)) {
-      const q = /* @__PURE__ */ O(Qr, { children: [
+    if (b && N && h && s && Dn(s)) {
+      const q = /* @__PURE__ */ O(wt, { children: [
         s.props.endAdornment,
         /* @__PURE__ */ l(
           "button",
           {
             "data-testid": "chevron button",
             type: "button",
-            className: Q(`${G}__chevron-button`),
+            className: X(`${G}__chevron-button`),
             onClick: () => {
               e.onFocus(void 0), e.onMouseDown(void 0);
             },
             "aria-label": N,
-            "aria-expanded": v,
-            "aria-controls": _.id,
+            "aria-expanded": _,
+            "aria-controls": f.id,
             children: /* @__PURE__ */ l(
-              tt,
+              Qr,
               {
                 size: "sm",
-                className: Q(`${G}__chevron-icon`, {
-                  [`${G}__chevron-icon--up`]: v
+                className: X(`${G}__chevron-icon`, {
+                  [`${G}__chevron-icon--up`]: _
                 })
               }
             )
           }
         )
       ] });
-      return kt(s, { endAdornment: q });
+      return Ot(s, { endAdornment: q });
     }
     return s;
   };
-  return /* @__PURE__ */ O("div", { id: r, ref: S, className: Q([t, G]), children: [
+  return /* @__PURE__ */ O("div", { id: r, ref: S, className: X([t, G]), children: [
     j(),
-    v && /* @__PURE__ */ l(U, { ..._, className: Q(`${G}__listbox`), children: f.length ? f.filter((s) => !!s).map($) : /* @__PURE__ */ l(U.Item, { noninteractive: !0, children: x }) })
+    _ && /* @__PURE__ */ l(U, { ...f, className: X(`${G}__listbox`), children: v.length ? v.filter((s) => !!s).map($) : /* @__PURE__ */ l(U.Item, { noninteractive: !0, children: h }) })
   ] });
 }, Jn = Y(Yn);
 Jn.displayName = "Autocomplete";