@purpurds/autocomplete 8.7.0 → 8.8.1

package/dist/autocomplete.es.js

@@ -1,19 +1,19 @@
-import { jsx as l, jsxs as O, Fragment as Nt } from "react/jsx-runtime";
-import * as h from "react";
-import { forwardRef as Y, Children as jt, isValidElement as Qr, useId as Ot, useRef as K, useCallback as At, useEffect as kt, useState as nr, cloneElement as Ct } from "react";
+import { jsx as l, jsxs as O, Fragment as Ot } from "react/jsx-runtime";
+import * as m from "react";
+import { forwardRef as Y, Children as At, isValidElement as Xr, useId as kt, useRef as K, useCallback as Ct, useEffect as Pt, useState as ur, cloneElement as qt } from "react";
 import "react-dom";
-function Pt(t) {
+function Rt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var vr = { exports: {} };
+var mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var mr;
-function qt() {
-  return mr || (mr = 1, (function(t) {
+var hr;
+function Lt() {
+  return hr || (hr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -42,10 +42,10 @@ function qt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(vr)), vr.exports;
+  })(mr)), mr.exports;
 }
-var Rt = qt();
-const Lt = /* @__PURE__ */ Pt(Rt), Mt = {
+var Mt = Lt();
+const Bt = /* @__PURE__ */ Rt(Mt), Et = {
   "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 Lt = /* @__PURE__ */ Pt(Rt), 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"
-}, Bt = Lt.bind(Mt), hr = "purpur-icon", Et = "md", Tt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), It = ({ content: t = "", title: i } = {}) => {
+}, Tt = Bt.bind(Et), gr = "purpur-icon", It = "md", zt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Dt = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = i ? `<title>${i}</title>` : "";
-  return `<svg ${Tt(n)}>${o}${t}</svg>`;
-}, zt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xr = ({ svg: t, allyTitle: i, className: n, size: o = Et, ...a }) => {
-  const r = It({
-    content: zt(t.svg),
+  return `<svg ${zt(n)}>${o}${t}</svg>`;
+}, Vt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rt = ({ svg: t, allyTitle: i, className: n, size: o = It, ...a }) => {
+  const r = Dt({
+    content: Vt(t.svg),
     title: i
-  }), e = Bt(hr, `${hr}--${o}`, n);
+  }), e = Tt(gr, `${gr}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-Xr.displayName = "Icon";
-const Dt = {
+rt.displayName = "Icon";
+const Zt = {
   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"
-}, rt = (t) => /* @__PURE__ */ l(Xr, { ...t, svg: Dt });
-rt.displayName = "IconChevronDown";
-function Vt(t) {
+}, tt = (t) => /* @__PURE__ */ l(rt, { ...t, svg: Zt });
+tt.displayName = "IconChevronDown";
+function Ht(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var gr = { exports: {} };
+var br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var br;
-function Zt() {
-  return br || (br = 1, (function(t) {
+var yr;
+function Ft() {
+  return yr || (yr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -116,10 +116,10 @@ function Zt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(gr)), gr.exports;
+  })(br)), br.exports;
 }
-var Ht = Zt();
-const tt = /* @__PURE__ */ Vt(Ht), et = {
+var Wt = Ft();
+const et = /* @__PURE__ */ Ht(Wt), nt = {
   "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 tt = /* @__PURE__ */ Vt(Ht), et = {
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_6c8yl_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_6c8yl_51"
 };
-function Ft(t) {
+function Gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var yr = { exports: {} };
+var xr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var xr;
-function Wt() {
-  return xr || (xr = 1, (function(t) {
+var $r;
+function Kt() {
+  return $r || ($r = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -168,10 +168,10 @@ function Wt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(yr)), yr.exports;
+  })(xr)), xr.exports;
 }
-var Gt = Wt();
-const Kt = /* @__PURE__ */ Ft(Gt), Ut = {
+var Ut = Kt();
+const Yt = /* @__PURE__ */ Gt(Ut), Jt = {
   "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 Kt = /* @__PURE__ */ Ft(Gt), Ut = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Yt = Kt.bind(Ut), wr = "purpur-icon", Jt = "md", Qt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Xt = ({ content: t = "", title: i } = {}) => {
+}, Qt = Yt.bind(Jt), wr = "purpur-icon", Xt = "md", re = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), te = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = i ? `<title>${i}</title>` : "";
-  return `<svg ${Qt(n)}>${o}${t}</svg>`;
-}, re = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nt = ({ svg: t, allyTitle: i, className: n, size: o = Jt, ...a }) => {
-  const r = Xt({
-    content: re(t.svg),
+  return `<svg ${re(n)}>${o}${t}</svg>`;
+}, ee = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ut = ({ svg: t, allyTitle: i, className: n, size: o = Xt, ...a }) => {
+  const r = te({
+    content: ee(t.svg),
     title: i
-  }), e = Yt(wr, `${wr}--${o}`, n);
+  }), e = Qt(wr, `${wr}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-nt.displayName = "Icon";
-const te = {
+ut.displayName = "Icon";
+const ne = {
   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(nt, { ...t, svg: te });
-ut.displayName = "IconCheckmark";
-function ee(t) {
+}, it = (t) => /* @__PURE__ */ l(ut, { ...t, svg: ne });
+it.displayName = "IconCheckmark";
+function ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var $r = { exports: {} };
+var Sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Sr;
-function ne() {
-  return Sr || (Sr = 1, (function(t) {
+var Nr;
+function ie() {
+  return Nr || (Nr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -242,10 +242,10 @@ function ne() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })($r)), $r.exports;
+  })(Sr)), Sr.exports;
 }
-var ue = ne();
-const ie = /* @__PURE__ */ ee(ue), ae = {
+var ae = ie();
+const oe = /* @__PURE__ */ ue(ae), pe = {
   "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__ */ ee(ue), ae = {
   "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"
-}, oe = ie.bind(ae), pe = {
+}, le = oe.bind(pe), se = {
   PARAGRAPH100: "paragraph-100"
-}, H = "purpur-paragraph", it = ({
+}, H = "purpur-paragraph", at = ({
   children: t,
   className: i,
   disabled: n,
   enableHyphenation: o = !1,
   negative: a = !1,
-  variant: r = pe.PARAGRAPH100,
+  variant: r = se.PARAGRAPH100,
   ...e
 }) => {
-  const u = oe(i, H, `${H}--${r}`, {
+  const u = le(i, H, `${H}--${r}`, {
     [`${H}--hyphens`]: o,
     [`${H}--disabled`]: n,
     [`${H}--negative`]: a
   });
   return /* @__PURE__ */ l("p", { ...e, className: u, children: t });
 };
-it.displayName = "Paragraph";
-const Nr = tt.bind(et), T = "purpur-listbox", pr = Y((t, i) => {
+at.displayName = "Paragraph";
+const jr = et.bind(nt), T = "purpur-listbox", lr = Y((t, i) => {
   const {
     disabled: n,
     highlighted: o,
@@ -289,7 +289,7 @@ const Nr = tt.bind(et), T = "purpur-listbox", pr = Y((t, i) => {
     className: u,
     noninteractive: v,
     ..._
-  } = t, g = Nr(`${T}-item`, u, {
+  } = t, g = jr(`${T}-item`, u, {
     [`${T}-item--highlighted`]: o,
     [`${T}-item--selected`]: r,
     [`${T}-item--hovered`]: a,
@@ -306,42 +306,42 @@ const Nr = tt.bind(et), T = "purpur-listbox", pr = Y((t, i) => {
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ l(it, { children: e }) : e,
-        r && /* @__PURE__ */ l(ut, { size: "xs", className: Nr(`${T}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ l(at, { children: e }) : e,
+        r && /* @__PURE__ */ l(it, { size: "xs", className: jr(`${T}-item__icon`) })
       ]
     }
   );
-}), le = (t) => Qr(t) && (t == null ? void 0 : t.type) === pr;
-pr.displayName = "ListBoxItem";
-const se = tt.bind(et), ce = "purpur-listbox", U = Y(
+}), ce = (t) => Xr(t) && (t == null ? void 0 : t.type) === lr;
+lr.displayName = "ListBoxItem";
+const de = et.bind(nt), _e = "purpur-listbox", U = Y(
   ({ children: t, ...i }, n) => /* @__PURE__ */ l(
     "ul",
     {
       ...i,
       ref: n,
-      className: se(ce, i.className),
+      className: de(_e, i.className),
       role: "listbox",
-      children: jt.toArray(t).filter(le)
+      children: At.toArray(t).filter(ce)
     }
   )
 );
-U.Item = pr;
+U.Item = lr;
 U.displayName = "ListBox";
-const de = {
+const fe = {
   LG: "lg"
 };
-function _e(t) {
+function ve(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var Or = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Or;
-function fe() {
-  return Or || (Or = 1, (function(t) {
+var Ar;
+function me() {
+  return Ar || (Ar = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -370,33 +370,33 @@ function fe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(jr)), jr.exports;
+  })(Or)), Or.exports;
 }
-var ve = fe();
-const me = /* @__PURE__ */ _e(ve), he = "_rotate_12t9p_1", ge = "_dash_12t9p_1", be = {
+var he = me();
+const ge = /* @__PURE__ */ ve(he), be = "_rotate_12t9p_1", ye = "_dash_12t9p_1", xe = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: he,
+  rotate: be,
   "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: ge,
+  dash: ye,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ar = me.bind(be), F = "purpur-spinner", ye = {
+}, kr = ge.bind(xe), F = "purpur-spinner", $e = {
   SM: "sm"
-}, at = ({
+}, ot = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = ye.SM,
+  size: n = $e.SM,
   className: o,
   ...a
-}) => /* @__PURE__ */ l("div", { className: Ar(F, `${F}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: kr(F, `${F}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: Ar(`${F}__circle`, {
+    className: kr(`${F}__circle`, {
       [`${F}__circle--disabled`]: t,
       [`${F}__circle--negative`]: i
     }),
@@ -405,19 +405,19 @@ const me = /* @__PURE__ */ _e(ve), he = "_rotate_12t9p_1", ge = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-at.displayName = "Spinner";
-function xe(t) {
+ot.displayName = "Spinner";
+function we(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} };
+var Cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Cr;
-function we() {
-  return Cr || (Cr = 1, (function(t) {
+var Pr;
+function Se() {
+  return Pr || (Pr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -446,10 +446,10 @@ function we() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(kr)), kr.exports;
+  })(Cr)), Cr.exports;
 }
-var $e = we();
-const Se = /* @__PURE__ */ xe($e), Ne = {
+var Ne = Se();
+const je = /* @__PURE__ */ we(Ne), Oe = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -472,7 +472,7 @@ const Se = /* @__PURE__ */ xe($e), Ne = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, Pr = Se.bind(Ne), L = "purpur-button", ot = Y(
+}, qr = je.bind(Oe), L = "purpur-button", pt = Y(
   ({
     children: t,
     className: i,
@@ -489,7 +489,7 @@ const Se = /* @__PURE__ */ xe($e), Ne = {
   }, N) => {
     if (a && _ === "destructive")
       return null;
-    const A = Pr(
+    const A = qr(
       [
         L,
         `${L}--${e ? `${_}-negative` : _}`,
@@ -504,24 +504,24 @@ const Se = /* @__PURE__ */ xe($e), Ne = {
       i
     ), f = (S) => {
       n || r ? S.preventDefault() : u && u(S);
-    }, $ = !!b["aria-disabled"] || n || r;
+    }, w = !!b["aria-disabled"] || n || r;
     return /* @__PURE__ */ O(
       "button",
       {
         className: A,
         type: g,
         ref: N,
-        "aria-disabled": $,
+        "aria-disabled": w,
         onClick: f,
         ...b,
         children: [
           r && /* @__PURE__ */ l(
-            at,
+            ot,
             {
-              size: v === de.LG ? "xs" : "xxs",
+              size: v === fe.LG ? "xs" : "xxs",
               negative: e,
-              disabled: $,
-              className: Pr(`${L}__spinner`)
+              disabled: w,
+              className: qr(`${L}__spinner`)
             }
           ),
           " ",
@@ -531,19 +531,19 @@ const Se = /* @__PURE__ */ xe($e), Ne = {
     );
   }
 );
-ot.displayName = "Button";
-function je(t) {
+pt.displayName = "Button";
+function Ae(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qr = { exports: {} };
+var Rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Rr;
-function Oe() {
-  return Rr || (Rr = 1, (function(t) {
+var Lr;
+function ke() {
+  return Lr || (Lr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -572,10 +572,10 @@ function Oe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(qr)), qr.exports;
+  })(Rr)), Rr.exports;
 }
-var Ae = Oe();
-const ke = /* @__PURE__ */ je(Ae), Ce = {
+var Ce = ke();
+const Pe = /* @__PURE__ */ Ae(Ce), qe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -583,40 +583,40 @@ const ke = /* @__PURE__ */ je(Ae), Ce = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Pe = ke.bind(Ce), Lr = "purpur-icon", qe = "md", Re = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Le = ({ content: t = "", title: i } = {}) => {
+}, Re = Pe.bind(qe), Mr = "purpur-icon", Le = "md", Me = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Be = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = i ? `<title>${i}</title>` : "";
-  return `<svg ${Re(n)}>${o}${t}</svg>`;
-}, Me = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pt = ({ svg: t, allyTitle: i, className: n, size: o = qe, ...a }) => {
-  const r = Le({
-    content: Me(t.svg),
+  return `<svg ${Me(n)}>${o}${t}</svg>`;
+}, Ee = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), lt = ({ svg: t, allyTitle: i, className: n, size: o = Le, ...a }) => {
+  const r = Be({
+    content: Ee(t.svg),
     title: i
-  }), e = Pe(Lr, `${Lr}--${o}`, n);
+  }), e = Re(Mr, `${Mr}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-pt.displayName = "Icon";
-const Be = {
+lt.displayName = "Icon";
+const Te = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
 };
-function Ee(t) {
+function Ie(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Mr = { exports: {} };
+var Br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Br;
-function Te() {
-  return Br || (Br = 1, (function(t) {
+var Er;
+function ze() {
+  return Er || (Er = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -645,14 +645,14 @@ function Te() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Mr)), Mr.exports;
+  })(Br)), Br.exports;
 }
-var Ie = Te();
-const ze = /* @__PURE__ */ Ee(Ie), De = {
+var De = ze();
+const Ve = /* @__PURE__ */ Ie(De), 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 = ze.bind(De), ur = "purpur-field-error-text", Ve = ({
+}, Tr = Ve.bind(Ze), ir = "purpur-field-error-text", He = ({
   children: t,
   className: i,
   negative: n = !1,
@@ -661,30 +661,30 @@ const ze = /* @__PURE__ */ Ee(Ie), De = {
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Er(i, ur, {
-      [`${ur}--negative`]: n
+    className: Tr(i, ir, {
+      [`${ir}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": o,
     ...a,
     children: [
-      /* @__PURE__ */ l(pt, { svg: Be, size: "xs", className: Er(`${ur}__icon`) }),
+      /* @__PURE__ */ l(lt, { svg: Te, size: "xs", className: Tr(`${ir}__icon`) }),
       t
     ]
   }
 );
-function Ze(t) {
+function Fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Tr = { exports: {} };
+var Ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ir;
-function He() {
-  return Ir || (Ir = 1, (function(t) {
+var zr;
+function We() {
+  return zr || (zr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -713,14 +713,14 @@ function He() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Tr)), Tr.exports;
+  })(Ir)), Ir.exports;
 }
-var Fe = He();
-const We = /* @__PURE__ */ Ze(Fe), Ge = {
+var Ge = We();
+const Ke = /* @__PURE__ */ Fe(Ge), Ue = {
   "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"
-}, Ke = We.bind(Ge), ir = "purpur-field-helper-text", Ue = ({
+}, Ye = Ke.bind(Ue), ar = "purpur-field-helper-text", Je = ({
   children: t,
   className: i,
   disabled: n,
@@ -728,24 +728,24 @@ const We = /* @__PURE__ */ Ze(Fe), Ge = {
   negative: a,
   ...r
 }) => {
-  const e = Ke(i, ir, {
-    [`${ir}--disabled`]: n,
-    [`${ir}--negative`]: a
+  const e = Ye(i, ar, {
+    [`${ar}--disabled`]: n,
+    [`${ar}--negative`]: a
   });
   return /* @__PURE__ */ l("span", { id: o, className: e, ...r, children: t });
 };
-function Ye(t) {
+function Qe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Dr;
-function Je() {
-  return Dr || (Dr = 1, (function(t) {
+var Vr;
+function Xe() {
+  return Vr || (Vr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -774,10 +774,10 @@ function Je() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(zr)), zr.exports;
+  })(Dr)), Dr.exports;
 }
-var Qe = Je();
-const Xe = /* @__PURE__ */ Ye(Qe), rn = {
+var rn = Xe();
+const tn = /* @__PURE__ */ Qe(rn), en = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -785,86 +785,95 @@ const Xe = /* @__PURE__ */ Ye(Qe), rn = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, tn = Xe.bind(rn), Vr = "purpur-icon", en = "md", nn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), un = ({ content: t = "", title: i } = {}) => {
+}, nn = tn.bind(en), Zr = "purpur-icon", un = "md", an = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), on = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = i ? `<title>${i}</title>` : "";
-  return `<svg ${nn(n)}>${o}${t}</svg>`;
-}, an = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), lr = ({ svg: t, allyTitle: i, className: n, size: o = en, ...a }) => {
-  const r = un({
-    content: an(t.svg),
+  return `<svg ${an(n)}>${o}${t}</svg>`;
+}, pn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), sr = ({ svg: t, allyTitle: i, className: n, size: o = un, ...a }) => {
+  const r = on({
+    content: pn(t.svg),
     title: i
-  }), e = tn(Vr, `${Vr}--${o}`, n);
+  }), e = nn(Zr, `${Zr}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-lr.displayName = "Icon";
-const on = {
+sr.displayName = "Icon";
+const ln = {
   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(lr, { ...t, svg: on });
-lt.displayName = "IconCheckCircleFilled";
-const pn = {
+}, st = (t) => /* @__PURE__ */ l(sr, { ...t, svg: ln });
+st.displayName = "IconCheckCircleFilled";
+const sn = {
   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(lr, { ...t, svg: pn });
-st.displayName = "IconClose";
-function Zr(t, i) {
+}, ct = (t) => /* @__PURE__ */ l(sr, { ...t, svg: sn });
+ct.displayName = "IconClose";
+function Hr(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
 }
-function ln(...t) {
+function cn(...t) {
   return (i) => {
     let n = !1;
     const o = t.map((a) => {
-      const r = Zr(a, i);
+      const r = Hr(a, i);
       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() : Hr(t[a], null);
         }
       };
   };
 }
+var dn = Symbol.for("react.lazy"), X = m[" use ".trim().toString()];
+function _n(t) {
+  return typeof t == "object" && t !== null && "then" in t;
+}
+function dt(t) {
+  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === dn && "_payload" in t && _n(t._payload);
+}
 // @__NO_SIDE_EFFECTS__
-function sn(t) {
-  const i = /* @__PURE__ */ cn(t), n = h.forwardRef((o, a) => {
-    const { children: r, ...e } = o, u = h.Children.toArray(r), v = u.find(_n);
+function fn(t) {
+  const i = /* @__PURE__ */ vn(t), n = m.forwardRef((o, a) => {
+    let { children: r, ...e } = o;
+    dt(r) && typeof X == "function" && (r = X(r._payload));
+    const u = m.Children.toArray(r), v = u.find(hn);
     if (v) {
-      const _ = v.props.children, g = u.map((b) => b === v ? h.Children.count(_) > 1 ? h.Children.only(null) : h.isValidElement(_) ? _.props.children : null : b);
-      return /* @__PURE__ */ l(i, { ...e, ref: a, children: h.isValidElement(_) ? h.cloneElement(_, void 0, g) : null });
+      const _ = v.props.children, g = u.map((b) => b === v ? m.Children.count(_) > 1 ? m.Children.only(null) : m.isValidElement(_) ? _.props.children : null : b);
+      return /* @__PURE__ */ l(i, { ...e, ref: a, children: m.isValidElement(_) ? m.cloneElement(_, void 0, g) : null });
     }
     return /* @__PURE__ */ l(i, { ...e, ref: a, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function cn(t) {
-  const i = h.forwardRef((n, o) => {
-    const { children: a, ...r } = n;
-    if (h.isValidElement(a)) {
-      const e = vn(a), u = fn(r, a.props);
-      return a.type !== h.Fragment && (u.ref = o ? ln(o, e) : e), h.cloneElement(a, u);
+function vn(t) {
+  const i = m.forwardRef((n, o) => {
+    let { children: a, ...r } = n;
+    if (dt(a) && typeof X == "function" && (a = X(a._payload)), m.isValidElement(a)) {
+      const e = bn(a), u = gn(r, a.props);
+      return a.type !== m.Fragment && (u.ref = o ? cn(o, e) : e), m.cloneElement(a, u);
     }
-    return h.Children.count(a) > 1 ? h.Children.only(null) : null;
+    return m.Children.count(a) > 1 ? m.Children.only(null) : null;
   });
   return i.displayName = `${t}.SlotClone`, i;
 }
-var dn = Symbol("radix.slottable");
-function _n(t) {
-  return h.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === dn;
+var mn = Symbol("radix.slottable");
+function hn(t) {
+  return m.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === mn;
 }
-function fn(t, i) {
+function gn(t, i) {
   const n = { ...i };
   for (const o in i) {
     const a = t[o], r = i[o];
@@ -875,12 +884,12 @@ function fn(t, i) {
   }
   return { ...t, ...n };
 }
-function vn(t) {
+function bn(t) {
   var i, n;
   let o = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.get, a = o && "isReactWarning" in o && o.isReactWarning;
   return a ? t.ref : (o = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? t.props.ref : t.props.ref || t.ref);
 }
-var mn = [
+var yn = [
   "a",
   "button",
   "div",
@@ -898,14 +907,14 @@ var mn = [
   "span",
   "svg",
   "ul"
-], hn = mn.reduce((t, i) => {
-  const n = /* @__PURE__ */ sn(`Primitive.${i}`), o = h.forwardRef((a, r) => {
+], xn = yn.reduce((t, i) => {
+  const n = /* @__PURE__ */ fn(`Primitive.${i}`), o = m.forwardRef((a, r) => {
     const { asChild: e, ...u } = a, v = e ? n : i;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(v, { ...u, ref: r });
   });
   return o.displayName = `Primitive.${i}`, { ...t, [i]: o };
-}, {}), gn = "Label", ct = h.forwardRef((t, i) => /* @__PURE__ */ l(
-  hn.label,
+}, {}), $n = "Label", _t = m.forwardRef((t, i) => /* @__PURE__ */ l(
+  xn.label,
   {
     ...t,
     ref: i,
@@ -915,20 +924,20 @@ var mn = [
     }
   }
 ));
-ct.displayName = gn;
-var bn = ct;
-function yn(t) {
+_t.displayName = $n;
+var wn = _t;
+function Sn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Hr = { exports: {} };
+var Fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Fr;
-function xn() {
-  return Fr || (Fr = 1, (function(t) {
+var Wr;
+function Nn() {
+  return Wr || (Wr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -957,38 +966,38 @@ function xn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Hr)), Hr.exports;
+  })(Fr)), Fr.exports;
 }
-var wn = xn();
-const $n = /* @__PURE__ */ yn(wn), Sn = {
+var jn = Nn();
+const On = /* @__PURE__ */ Sn(jn), An = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Nn = $n.bind(Sn), ar = "purpur-label", jn = ({
+}, kn = On.bind(An), or = "purpur-label", Cn = ({
   children: t,
   className: i,
   disabled: n,
   negative: o = !1,
   ...a
 }) => {
-  const r = Nn(i, ar, {
-    [`${ar}--disabled`]: n,
-    [`${ar}--negative`]: o
+  const r = kn(i, or, {
+    [`${or}--disabled`]: n,
+    [`${or}--negative`]: o
   });
-  return /* @__PURE__ */ l(bn, { className: r, ...a, children: t });
+  return /* @__PURE__ */ l(wn, { className: r, ...a, children: t });
 };
-function On(t) {
+function Pn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Wr = { exports: {} };
+var Gr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Gr;
-function An() {
-  return Gr || (Gr = 1, (function(t) {
+var Kr;
+function qn() {
+  return Kr || (Kr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1017,33 +1026,33 @@ function An() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Wr)), Wr.exports;
+  })(Gr)), Gr.exports;
 }
-var kn = An();
-const Cn = /* @__PURE__ */ On(kn), Pn = "_rotate_12t9p_1", qn = "_dash_12t9p_1", Rn = {
+var Rn = qn();
+const Ln = /* @__PURE__ */ Pn(Rn), Mn = "_rotate_12t9p_1", Bn = "_dash_12t9p_1", En = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Pn,
+  rotate: Mn,
   "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: qn,
+  dash: Bn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Kr = Cn.bind(Rn), W = "purpur-spinner", Ln = {
+}, Ur = Ln.bind(En), W = "purpur-spinner", Tn = {
   SM: "sm"
-}, dt = ({
+}, ft = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = Ln.SM,
+  size: n = Tn.SM,
   className: o,
   ...a
-}) => /* @__PURE__ */ l("div", { className: Kr(W, `${W}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Ur(W, `${W}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: Kr(`${W}__circle`, {
+    className: Ur(`${W}__circle`, {
       [`${W}__circle--disabled`]: t,
       [`${W}__circle--negative`]: i
     }),
@@ -1052,19 +1061,19 @@ const Cn = /* @__PURE__ */ On(kn), Pn = "_rotate_12t9p_1", qn = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-dt.displayName = "Spinner";
-function Mn(t) {
+ft.displayName = "Spinner";
+function In(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ur = { exports: {} };
+var Yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Yr;
-function Bn() {
-  return Yr || (Yr = 1, (function(t) {
+var Jr;
+function zn() {
+  return Jr || (Jr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1093,10 +1102,10 @@ function Bn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Ur)), Ur.exports;
+  })(Yr)), Yr.exports;
 }
-var En = Bn();
-const Tn = /* @__PURE__ */ Mn(En), In = {
+var Dn = zn();
+const Vn = /* @__PURE__ */ In(Dn), Zn = {
   "purpur-text-field": "_purpur-text-field_3gl1k_1",
   "purpur-text-field__label": "_purpur-text-field__label_3gl1k_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_3gl1k_12",
@@ -1113,7 +1122,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), m = "purpur-text-field", _t = Y(
+}, Hn = (t) => K(t), P = Vn.bind(Zn), h = "purpur-text-field", vt = Y(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1130,16 +1139,16 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
     startAdornment: N,
     valid: A = !1,
     ...f
-  }, $) => {
+  }, w) => {
     var S;
-    const j = Ot(), s = f.id ?? j, y = (x) => t ? `${t}-${x}` : void 0, q = A && !e, M = u ? `${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 && !g && b && n, k = zn(null), z = (x) => {
-      k.current = x, typeof $ == "function" ? $(x) : $ && ($.current = x);
+    const j = kt(), s = f.id ?? j, y = (x) => t ? `${t}-${x}` : void 0, q = A && !e, M = u ? `${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 && !g && b && n, k = Hn(null), z = (x) => {
+      k.current = x, typeof w == "function" ? w(x) : w && (w.current = x);
     }, J = () => {
       var x;
       b == null || b(), (x = k.current) == null || x.focus();
     }, B = [
       g && /* @__PURE__ */ l(
-        dt,
+        ft,
         {
           disabled: f.disabled,
           size: "xs",
@@ -1148,7 +1157,7 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
         "spinner"
       ),
       d && /* @__PURE__ */ l(
-        ot,
+        pt,
         {
           variant: "tertiary-purple",
           onClick: J,
@@ -1156,31 +1165,31 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
           "aria-label": n ?? "",
           "data-testid": y("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(st, { size: "xs" })
+          children: /* @__PURE__ */ l(ct, { size: "xs" })
         },
         "clear-button"
       ),
       q && /* @__PURE__ */ l(
-        lt,
+        st,
         {
           "data-testid": y("valid-icon"),
-          className: P(`${m}__valid-icon`)
+          className: P(`${h}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((x) => !!x), D = P(`${m}__input-container`, {
-      [`${m}__input-container--start-adornment`]: I.length,
-      [`${m}__input-container--end-adornment`]: B.length || r,
-      [`${m}__input-container--disabled`]: f.disabled,
-      [`${m}__input-container--has-clear-button`]: d,
-      [`${m}__input-container--readonly`]: f.readOnly && !f.disabled
+    ].filter((x) => !!x), D = P(`${h}__input-container`, {
+      [`${h}__input-container--start-adornment`]: I.length,
+      [`${h}__input-container--end-adornment`]: B.length || r,
+      [`${h}__input-container--disabled`]: f.disabled,
+      [`${h}__input-container--has-clear-button`]: d,
+      [`${h}__input-container--readonly`]: f.readOnly && !f.disabled
     });
-    return /* @__PURE__ */ O("div", { className: P(i, m), children: [
+    return /* @__PURE__ */ O("div", { className: P(i, h), children: [
       _ && /* @__PURE__ */ O(
-        jn,
+        Cn,
         {
           htmlFor: s,
-          className: P(`${m}__label`),
+          className: P(`${h}__label`),
           "data-testid": y("label"),
           disabled: f.disabled,
           children: [
@@ -1189,14 +1198,14 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
           ]
         }
       ),
-      /* @__PURE__ */ O("div", { className: P(`${m}__field-row`), children: [
+      /* @__PURE__ */ O("div", { className: P(`${h}__field-row`), children: [
         !!o && o,
         /* @__PURE__ */ O("div", { className: D, children: [
           !!I.length && /* @__PURE__ */ l(
             "div",
             {
               "data-testid": y("start-adornments"),
-              className: P(`${m}__adornment-container`),
+              className: P(`${h}__adornment-container`),
               children: I
             }
           ),
@@ -1210,20 +1219,20 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
               "aria-describedby": f["aria-describedby"] || M,
               "aria-invalid": f["aria-invalid"] || !!e,
               className: P([
-                `${m}__input`,
+                `${h}__input`,
                 {
-                  [`${m}__input--valid`]: q,
-                  [`${m}__input--error`]: !!e
+                  [`${h}__input--valid`]: q,
+                  [`${h}__input--error`]: !!e
                 }
               ])
             }
           ),
-          /* @__PURE__ */ l("div", { className: P(`${m}__frame`) }),
+          /* @__PURE__ */ l("div", { className: P(`${h}__frame`) }),
           (!!B.length || r) && /* @__PURE__ */ O(
             "div",
             {
               "data-testid": y("end-adornments"),
-              className: P(`${m}__adornment-container`),
+              className: P(`${h}__adornment-container`),
               children: [
                 B,
                 r
@@ -1233,25 +1242,25 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
         ] }),
         !!a && a
       ] }),
-      M && /* @__PURE__ */ l(Ue, { "data-testid": y("helper-text"), id: M, children: u }),
-      e && /* @__PURE__ */ l(Ve, { "data-testid": y("error-text"), children: e })
+      M && /* @__PURE__ */ l(Je, { "data-testid": y("helper-text"), id: M, children: u }),
+      e && /* @__PURE__ */ l(He, { "data-testid": y("error-text"), children: e })
     ] });
   }
 );
-_t.displayName = "TextField";
-const Dn = (t) => Qr(t) && t.type.displayName === _t.displayName;
-function Vn(t) {
+vt.displayName = "TextField";
+const Fn = (t) => Xr(t) && t.type.displayName === vt.displayName;
+function Wn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var or = { exports: {} };
+var pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Jr;
-function Zn() {
-  return Jr || (Jr = 1, (function(t) {
+var Qr;
+function Gn() {
+  return Qr || (Qr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1280,26 +1289,26 @@ function Zn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(or)), or.exports;
+  })(pr)), pr.exports;
 }
-var Hn = Zn();
-const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
+var Kn = Gn();
+const Un = /* @__PURE__ */ Wn(Kn), Yn = {
   "purpur-autocomplete": "_purpur-autocomplete_1u8x6_1",
   "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_1u8x6_4",
   "purpur-autocomplete__chevron-button": "_purpur-autocomplete__chevron-button_1u8x6_9",
   "purpur-autocomplete__chevron-icon": "_purpur-autocomplete__chevron-icon_1u8x6_15",
   "purpur-autocomplete__chevron-icon--up": "_purpur-autocomplete__chevron-icon--up_1u8x6_19"
-}, Gn = (t) => K(t), Kn = (t, i) => {
-  const n = At(
+}, Jn = (t) => K(t), Qn = (t, i) => {
+  const n = Ct(
     (o) => {
       t && !t.contains(o.target) && i();
     },
     [i, t]
   );
-  kt(() => (document.addEventListener("mousedown", n), () => {
+  Pt(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, Un = ({
+}, Xn = ({
   combobox: t,
   comboboxButtonAriaLabel: i,
   highlightFirstOption: n,
@@ -1315,64 +1324,64 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
   onInputKeyDown: N,
   onInputMouseDown: A,
   openOnFocus: f,
-  noOptionsText: $,
+  noOptionsText: w,
   onSelect: S,
   options: j,
   selectedOption: s,
   ["data-testid"]: y
 }) => {
-  const [q, M] = nr(
+  const [q, M] = ur(
     ((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), B = K(null), D = K({}), [x, sr] = nr(!1);
-  function X(p) {
+  ), I = typeof a == "string" ? a : q, [d, k] = ur(n ? j[0] : void 0), z = K(null), J = Jn(null), B = K(null), D = K({}), [x, cr] = ur(!1);
+  function rr(p) {
     return y ? `${y}-${p}` : void 0;
   }
   const V = () => {
-    sr(!1), k(void 0);
+    cr(!1), k(void 0);
   };
-  Kn(J.current, V);
+  Qn(J.current, V);
   const Z = ({ eventType: p }) => {
-    sr(!0), s && requestAnimationFrame(() => {
-      k({ ...s, isSetByClickEvent: p === "CLICK" }), tr(D.current[s.id]);
+    cr(!0), s && requestAnimationFrame(() => {
+      k({ ...s, isSetByClickEvent: p === "CLICK" }), er(D.current[s.id]);
     });
-  }, ft = (p) => {
+  }, mt = (p) => {
     if (r)
-      return j.filter((w) => r(p, w));
+      return j.filter(($) => r(p, $));
     if (!p)
       return j;
     const c = p.toUpperCase().split(" ") || [];
     return j.filter(
-      (w) => c.every(
-        (C) => (w.value || w.label).toUpperCase().includes(C)
+      ($) => c.every(
+        (C) => ($.value || $.label).toUpperCase().includes(C)
       )
     );
-  }, cr = (p) => s && (s == null ? void 0 : s.label) === p ? j : ft(p), R = cr(I), rr = (p) => {
+  }, dr = (p) => s && (s == null ? void 0 : s.label) === p ? j : mt(p), R = dr(I), tr = (p) => {
     g == null || g(p), M(p);
-  }, tr = (p) => {
+  }, er = (p) => {
     var c;
     if (p) {
-      const w = p.getBoundingClientRect(), C = ((c = B.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
-      (w.top < C.top || w.bottom > C.bottom) && p.scrollIntoView({ block: "nearest" });
+      const $ = p.getBoundingClientRect(), C = ((c = B.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      ($.top < C.top || $.bottom > C.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, dr = (p) => {
+  }, _r = (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), w = R.length;
-    return p === "ArrowDown" ? R[(c ?? -1) + 1] || R[0] : R[(c ?? w) - 1] || R[w - 1];
-  }, E = x && (!!R.length || !!$), mt = (p) => {
-    !E && Z({ eventType: "KEYBOARD" });
-    const c = vt(p);
-    k(c), c && tr(D.current[c.id]);
+    p && ((c = z.current) == null || c.focus(), tr(p.label), S == null || S(p)), V();
   }, ht = (p) => {
+    const c = n && !d ? 0 : R.findIndex((C) => C && (d == null ? void 0 : d.id) === C.id), $ = R.length;
+    return p === "ArrowDown" ? R[(c ?? -1) + 1] || R[0] : R[(c ?? $) - 1] || R[$ - 1];
+  }, E = x && (!!R.length || !!w), gt = (p) => {
+    !E && Z({ eventType: "KEYBOARD" });
+    const c = ht(p);
+    k(c), c && er(D.current[c.id]);
+  }, bt = (p) => {
     switch (N == null || N(p), p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), mt(p.key);
+        p.preventDefault(), gt(p.key);
         break;
       case "Enter": {
         const c = d || (n ? j[0] : void 0);
-        E && dr(c), !E && Z({ eventType: "KEYBOARD" });
+        E && _r(c), !E && Z({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1380,39 +1389,39 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
         V();
         break;
     }
-  }, gt = (p) => {
-    const c = cr(p.target.value);
-    rr(p.target.value), k(void 0), !E && Z({ eventType: "KEYBOARD" }), n && c[0] && tr(D.current[c[0].id]);
-  }, bt = (p) => {
-    A == null || A(p), E ? V() : Z({ eventType: "CLICK" });
   }, yt = (p) => {
+    const c = dr(p.target.value);
+    tr(p.target.value), k(void 0), !E && Z({ eventType: "KEYBOARD" }), n && c[0] && er(D.current[c[0].id]);
+  }, xt = (p) => {
+    A == null || A(p), E ? V() : Z({ eventType: "CLICK" });
+  }, $t = (p) => {
     var c;
     b == null || b(p), !x && f && Z({ eventType: "KEYBOARD" }), (c = z.current) == null || c.select();
-  }, xt = (p) => {
+  }, wt = (p) => {
     _ == null || _(p), setTimeout(() => {
-      var c, w;
-      !((c = z.current) != null && c.contains(document.activeElement)) && !((w = B.current) != null && w.contains(document.activeElement)) && (V(), t && rr(s ? s.label : ""));
+      var c, $;
+      !((c = z.current) != null && c.contains(document.activeElement)) && !(($ = B.current) != null && $.contains(document.activeElement)) && (V(), t && tr(s ? s.label : ""));
     });
-  }, wt = {
+  }, St = {
     maxHeight: typeof v == "number" ? `${v}px` : v
-  }, _r = {
+  }, fr = {
     "aria-label": u,
     "aria-expanded": E,
-    "data-testid": X("listbox"),
+    "data-testid": rr("listbox"),
     id: `${e}-listbox`,
     ref: B,
     onMouseLeave: () => k(void 0),
-    style: v ? wt : void 0
-  }, fr = (p) => `${e}-listbox-item-${p.id}`, $t = (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);
+    style: v ? St : void 0
+  }, vr = (p) => `${e}-listbox-item-${p.id}`, Nt = (p, c) => {
+    const $ = () => 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: fr(p),
+      "data-testid": rr(`listbox-item-${p.id}`),
+      id: vr(p),
       key: p.id,
-      onMouseMove: w,
-      onMouseUp: () => dr(p),
-      ref: (er) => {
-        er && (D.current[p.id] = er);
+      onMouseMove: $,
+      onMouseUp: () => _r(p),
+      ref: (nr) => {
+        nr && (D.current[p.id] = nr);
       },
       tabIndex: -1,
       selected: p.id === (s == null ? void 0 : s.id),
@@ -1420,35 +1429,35 @@ 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 ? fr(d) : void 0,
+  }, jt = {
+    "aria-activedescendant": d ? vr(d) : void 0,
     "aria-autocomplete": "list",
-    "aria-controls": _r.id,
-    "data-testid": X("input"),
+    "aria-controls": fr.id,
+    "data-testid": rr("input"),
     autoComplete: "off",
     id: `${e}-input`,
-    onChange: gt,
-    onMouseDown: bt,
-    onFocus: yt,
-    onKeyDown: ht,
-    onBlur: xt,
+    onChange: yt,
+    onMouseDown: xt,
+    onFocus: $t,
+    onKeyDown: bt,
+    onBlur: wt,
     ref: z,
     role: "combobox",
     value: I
   };
   return {
     id: e,
-    inputProps: St,
+    inputProps: jt,
     internalRef: J,
     optionsToShow: R,
     showListbox: E,
-    noOptionsText: $,
+    noOptionsText: w,
     combobox: t,
     comboboxButtonAriaLabel: i,
-    getListBoxItemProps: $t,
-    listboxProps: _r
+    getListBoxItemProps: Nt,
+    listboxProps: fr
   };
-}, Q = Fn.bind(Wn), G = "purpur-autocomplete", Yn = ({ className: t, renderInput: i, renderOption: n, ...o }, a) => {
+}, Q = Un.bind(Yn), G = "purpur-autocomplete", ru = ({ className: t, renderInput: i, renderOption: n, ...o }, a) => {
   const {
     id: r,
     inputProps: e,
@@ -1460,15 +1469,15 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
     comboboxButtonAriaLabel: N,
     getListBoxItemProps: A,
     listboxProps: f
-  } = Un(o), $ = (s, y) => {
+  } = Xn(o), w = (s, y) => {
     const { key: q, ...M } = A(s, y);
     return /* @__PURE__ */ l(U.Item, { ...M, children: n ? n == null ? void 0 : n(s) : s.label }, q);
   }, S = (s) => {
     u.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
   }, j = () => {
     const s = i(e);
-    if (b && N && g && s && Dn(s)) {
-      const q = /* @__PURE__ */ O(Nt, { children: [
+    if (b && N && g && s && Fn(s)) {
+      const q = /* @__PURE__ */ O(Ot, { children: [
         s.props.endAdornment,
         /* @__PURE__ */ l(
           "button",
@@ -1483,7 +1492,7 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
             "aria-expanded": _,
             "aria-controls": f.id,
             children: /* @__PURE__ */ l(
-              rt,
+              tt,
               {
                 size: "sm",
                 className: Q(`${G}__chevron-icon`, {
@@ -1494,18 +1503,18 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
           }
         )
       ] });
-      return Ct(s, { endAdornment: q });
+      return qt(s, { endAdornment: q });
     }
     return s;
   };
   return /* @__PURE__ */ O("div", { id: r, ref: S, className: Q([G, t]), children: [
     j(),
-    _ && /* @__PURE__ */ l(U, { ...f, className: Q(`${G}__listbox`), children: v.length ? v.filter((s) => !!s).map($) : /* @__PURE__ */ l(U.Item, { noninteractive: !0, children: g }) })
+    _ && /* @__PURE__ */ l(U, { ...f, className: Q(`${G}__listbox`), children: v.length ? v.filter((s) => !!s).map(w) : /* @__PURE__ */ l(U.Item, { noninteractive: !0, children: g }) })
   ] });
-}, Jn = Y(Yn);
-Jn.displayName = "Autocomplete";
+}, tu = Y(ru);
+tu.displayName = "Autocomplete";
 export {
-  Jn as Autocomplete,
-  Un as useAutocomplete
+  tu as Autocomplete,
+  Xn as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map