@purpurds/autocomplete 8.4.0 → 8.5.0

package/dist/autocomplete.es.js

@@ -1,8 +1,8 @@
-import { jsx as l, jsxs as O, Fragment as wt } from "react/jsx-runtime";
-import * as g from "react";
-import { forwardRef as Y, Children as $t, isValidElement as Jr, useId as jt, useRef as K, useCallback as St, useEffect as Nt, useState as nr, cloneElement as Ot } from "react";
+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 "react-dom";
-function At(t) {
+function Pt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var vr = { exports: {} };
@@ -12,7 +12,7 @@ var vr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var mr;
-function kt() {
+function qt() {
   return mr || (mr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -44,8 +44,8 @@ function kt() {
     })();
   })(vr)), vr.exports;
 }
-var Ct = kt();
-const Pt = /* @__PURE__ */ At(Ct), qt = {
+var Rt = qt();
+const Lt = /* @__PURE__ */ Pt(Rt), Mt = {
   "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 Pt = /* @__PURE__ */ At(Ct), qt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Rt = Pt.bind(qt), gr = "purpur-icon", Lt = "md", Mt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Bt = ({ content: t = "", title: i } = {}) => {
+}, 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 } = {}) => {
   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 ${Mt(n)}>${o}${t}</svg>`;
-}, Et = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xr = ({ svg: t, allyTitle: i, className: n, size: o = Lt, ...a }) => {
-  const r = Bt({
-    content: Et(t.svg),
+  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),
     title: i
-  }), e = Rt(n, gr, `${gr}--${o}`);
+  }), e = Bt(n, hr, `${hr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 Xr.displayName = "Icon";
-const Tt = {
+const Dt = {
   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"
-}, Qr = (t) => /* @__PURE__ */ l(Xr, { ...t, svg: Tt });
-Qr.displayName = "IconChevronDown";
-function It(t) {
+}, rt = (t) => /* @__PURE__ */ l(Xr, { ...t, svg: Dt });
+rt.displayName = "IconChevronDown";
+function Vt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var hr = { exports: {} };
+var gr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var xr;
-function zt() {
-  return xr || (xr = 1, (function(t) {
+var br;
+function Zt() {
+  return br || (br = 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;
     })();
-  })(hr)), hr.exports;
+  })(gr)), gr.exports;
 }
-var Dt = zt();
-const rt = /* @__PURE__ */ It(Dt), tt = {
+var Ht = Zt();
+const tt = /* @__PURE__ */ Vt(Ht), et = {
   "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 rt = /* @__PURE__ */ It(Dt), tt = {
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_6c8yl_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_6c8yl_51"
 };
-function Vt(t) {
+function Ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var br = { exports: {} };
+var yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yr;
-function Zt() {
-  return yr || (yr = 1, (function(t) {
+var xr;
+function Wt() {
+  return xr || (xr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -168,10 +168,10 @@ function Zt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(br)), br.exports;
+  })(yr)), yr.exports;
 }
-var Ht = Zt();
-const Ft = /* @__PURE__ */ Vt(Ht), Wt = {
+var Gt = Wt();
+const Kt = /* @__PURE__ */ Ft(Gt), Ut = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -179,30 +179,30 @@ const Ft = /* @__PURE__ */ Vt(Ht), Wt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Gt = Ft.bind(Wt), wr = "purpur-icon", Kt = "md", Ut = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Yt = ({ content: t = "", title: i } = {}) => {
+}, 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 } = {}) => {
   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 ${Ut(n)}>${o}${t}</svg>`;
-}, Jt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), et = ({ svg: t, allyTitle: i, className: n, size: o = Kt, ...a }) => {
-  const r = Yt({
-    content: Jt(t.svg),
+  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),
     title: i
-  }), e = Gt(n, wr, `${wr}--${o}`);
+  }), e = Yt(n, wr, `${wr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-et.displayName = "Icon";
-const Xt = {
+nt.displayName = "Icon";
+const te = {
   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"
-}, nt = (t) => /* @__PURE__ */ l(et, { ...t, svg: Xt });
-nt.displayName = "IconCheckmark";
-function Qt(t) {
+}, ut = (t) => /* @__PURE__ */ l(nt, { ...t, svg: te });
+ut.displayName = "IconCheckmark";
+function ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var $r = { exports: {} };
@@ -211,9 +211,9 @@ var $r = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var jr;
-function re() {
-  return jr || (jr = 1, (function(t) {
+var Sr;
+function ne() {
+  return Sr || (Sr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -244,8 +244,8 @@ function re() {
     })();
   })($r)), $r.exports;
 }
-var te = re();
-const ee = /* @__PURE__ */ Qt(te), ne = {
+var ue = ne();
+const ie = /* @__PURE__ */ ee(ue), ae = {
   "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 ee = /* @__PURE__ */ Qt(te), ne = {
   "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"
-}, ue = ee.bind(ne), ie = {
+}, oe = ie.bind(ae), pe = {
   PARAGRAPH100: "paragraph-100"
-}, H = "purpur-paragraph", ut = ({
+}, H = "purpur-paragraph", it = ({
   children: t,
   className: i,
   disabled: n,
   enableHyphenation: o = !1,
   negative: a = !1,
-  variant: r = ie.PARAGRAPH100,
+  variant: r = pe.PARAGRAPH100,
   ...e
 }) => {
-  const u = ue(i, H, `${H}--${r}`, {
+  const u = oe(i, H, `${H}--${r}`, {
     [`${H}--hyphens`]: o,
     [`${H}--disabled`]: n,
     [`${H}--negative`]: a
   });
   return /* @__PURE__ */ l("p", { ...e, className: u, children: t });
 };
-ut.displayName = "Paragraph";
-const Sr = rt.bind(tt), E = "purpur-listbox", pr = Y((t, i) => {
+it.displayName = "Paragraph";
+const Nr = tt.bind(et), T = "purpur-listbox", pr = Y((t, i) => {
   const {
     disabled: n,
     highlighted: o,
@@ -289,58 +289,58 @@ const Sr = rt.bind(tt), E = "purpur-listbox", pr = Y((t, i) => {
     className: u,
     noninteractive: v,
     ..._
-  } = t, h = Sr(`${E}-item`, u, {
-    [`${E}-item--highlighted`]: o,
-    [`${E}-item--selected`]: r,
-    [`${E}-item--hovered`]: a,
-    [`${E}-item--disabled`]: n,
-    [`${E}-item--noninteractive`]: v
+  } = t, g = Nr(`${T}-item`, u, {
+    [`${T}-item--highlighted`]: o,
+    [`${T}-item--selected`]: r,
+    [`${T}-item--hovered`]: a,
+    [`${T}-item--disabled`]: n,
+    [`${T}-item--noninteractive`]: v
   });
   return /* @__PURE__ */ O(
     "li",
     {
       ..._,
       ref: i,
-      className: h,
+      className: g,
       "aria-selected": !!r,
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ l(ut, { children: e }) : e,
-        r && /* @__PURE__ */ l(nt, { size: "xs", className: Sr(`${E}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ l(it, { children: e }) : e,
+        r && /* @__PURE__ */ l(ut, { size: "xs", className: Nr(`${T}-item__icon`) })
       ]
     }
   );
-}), ae = (t) => Jr(t) && (t == null ? void 0 : t.type) === pr;
+}), le = (t) => Qr(t) && (t == null ? void 0 : t.type) === pr;
 pr.displayName = "ListBoxItem";
-const oe = rt.bind(tt), pe = "purpur-listbox", U = Y(
+const se = tt.bind(et), ce = "purpur-listbox", U = Y(
   ({ children: t, ...i }, n) => /* @__PURE__ */ l(
     "ul",
     {
       ...i,
       ref: n,
-      className: oe(pe, i.className),
+      className: se(ce, i.className),
       role: "listbox",
-      children: $t.toArray(t).filter(ae)
+      children: jt.toArray(t).filter(le)
     }
   )
 );
 U.Item = pr;
 U.displayName = "ListBox";
-const le = {
+const de = {
   LG: "lg"
 };
-function se(t) {
+function _e(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Nr = { exports: {} };
+var jr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
 var Or;
-function ce() {
+function fe() {
   return Or || (Or = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -370,29 +370,30 @@ function ce() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Nr)), Nr.exports;
+  })(jr)), jr.exports;
 }
-var de = ce();
-const _e = /* @__PURE__ */ se(de), fe = "_rotate_12t9p_1", ve = "_dash_12t9p_1", me = {
+var ve = fe();
+const me = /* @__PURE__ */ _e(ve), he = "_rotate_12t9p_1", ge = "_dash_12t9p_1", be = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: fe,
+  rotate: he,
   "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: ve,
+  dash: ge,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ar = _e.bind(me), F = "purpur-spinner", ge = {
+}, Ar = me.bind(be), F = "purpur-spinner", ye = {
   SM: "sm"
-}, he = ({
+}, at = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = ge.SM,
-  ...o
-}) => /* @__PURE__ */ l("div", { className: Ar(F, `${F}--${n}`), ...o, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+  size: n = ye.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(
   "circle",
   {
     className: Ar(`${F}__circle`, {
@@ -404,6 +405,7 @@ const _e = /* @__PURE__ */ se(de), fe = "_rotate_12t9p_1", ve = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
+at.displayName = "Spinner";
 function xe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -414,7 +416,7 @@ var kr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Cr;
-function be() {
+function we() {
   return Cr || (Cr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -446,30 +448,31 @@ function be() {
     })();
   })(kr)), kr.exports;
 }
-var ye = be();
-const we = /* @__PURE__ */ xe(ye), $e = {
-  "purpur-button": "_purpur-button_cjx7j_1",
-  "purpur-button--xs": "_purpur-button--xs_cjx7j_22",
-  "purpur-button--icon-only": "_purpur-button--icon-only_cjx7j_25",
-  "purpur-button--sm": "_purpur-button--sm_cjx7j_28",
-  "purpur-button--md": "_purpur-button--md_cjx7j_34",
-  "purpur-button--lg": "_purpur-button--lg_cjx7j_40",
-  "purpur-button--full-width": "_purpur-button--full-width_cjx7j_46",
-  "purpur-button--primary": "_purpur-button--primary_cjx7j_64",
-  "purpur-button--disabled": "_purpur-button--disabled_cjx7j_68",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_cjx7j_74",
-  "purpur-button--secondary": "_purpur-button--secondary_cjx7j_86",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_cjx7j_97",
-  "purpur-button--expressive": "_purpur-button--expressive_cjx7j_108",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_cjx7j_118",
-  "purpur-button--negative": "_purpur-button--negative_cjx7j_130",
-  "purpur-button--destructive": "_purpur-button--destructive_cjx7j_137",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_cjx7j_147",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_cjx7j_157",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_cjx7j_170",
-  "purpur-button--text-negative": "_purpur-button--text-negative_cjx7j_185",
-  "purpur-button--text": "_purpur-button--text_cjx7j_185"
-}, je = we.bind($e), T = "purpur-button", it = Y(
+var $e = we();
+const Se = /* @__PURE__ */ xe($e), Ne = {
+  "purpur-button": "_purpur-button_10jh0_1",
+  "purpur-button--xs": "_purpur-button--xs_10jh0_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
+  "purpur-button--sm": "_purpur-button--sm_10jh0_28",
+  "purpur-button--md": "_purpur-button--md_10jh0_34",
+  "purpur-button--lg": "_purpur-button--lg_10jh0_40",
+  "purpur-button--full-width": "_purpur-button--full-width_10jh0_46",
+  "purpur-button--primary": "_purpur-button--primary_10jh0_64",
+  "purpur-button--disabled": "_purpur-button--disabled_10jh0_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_10jh0_74",
+  "purpur-button--secondary": "_purpur-button--secondary_10jh0_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_10jh0_97",
+  "purpur-button--expressive": "_purpur-button--expressive_10jh0_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_10jh0_118",
+  "purpur-button--negative": "_purpur-button--negative_10jh0_130",
+  "purpur-button--destructive": "_purpur-button--destructive_10jh0_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_10jh0_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_10jh0_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_10jh0_170",
+  "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(
   ({
     children: t,
     className: i,
@@ -481,43 +484,44 @@ const we = /* @__PURE__ */ xe(ye), $e = {
     onClick: u,
     size: v = "md",
     variant: _,
-    type: h = "button",
-    ...x
-  }, S) => {
+    type: g = "button",
+    ...b
+  }, N) => {
     if (a && _ === "destructive")
       return null;
-    const A = je(
+    const A = Pr(
       [
-        T,
-        `${T}--${e ? `${_}-negative` : _}`,
-        `${T}--${v}`
+        L,
+        `${L}--${e ? `${_}-negative` : _}`,
+        `${L}--${v}`
       ],
       {
-        [`${T}--icon-only`]: a,
-        [`${T}--negative`]: e,
-        [`${T}--full-width`]: o,
-        [`${T}--disabled`]: n || r
+        [`${L}--icon-only`]: a,
+        [`${L}--negative`]: e,
+        [`${L}--full-width`]: o,
+        [`${L}--disabled`]: n || r
       },
       i
-    ), f = (j) => {
-      n || r ? j.preventDefault() : u && u(j);
-    }, $ = !!x["aria-disabled"] || n || r;
+    ), f = (S) => {
+      n || r ? S.preventDefault() : u && u(S);
+    }, $ = !!b["aria-disabled"] || n || r;
     return /* @__PURE__ */ O(
       "button",
       {
         className: A,
-        type: h,
-        ref: S,
+        type: g,
+        ref: N,
         "aria-disabled": $,
         onClick: f,
-        ...x,
+        ...b,
         children: [
           r && /* @__PURE__ */ l(
-            he,
+            at,
             {
-              size: v === le.LG ? "xs" : "xxs",
+              size: v === de.LG ? "xs" : "xxs",
               negative: e,
-              disabled: $
+              disabled: $,
+              className: Pr(`${L}__spinner`)
             }
           ),
           " ",
@@ -527,19 +531,19 @@ const we = /* @__PURE__ */ xe(ye), $e = {
     );
   }
 );
-it.displayName = "Button";
-function Se(t) {
+ot.displayName = "Button";
+function je(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Pr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var qr;
-function Ne() {
-  return qr || (qr = 1, (function(t) {
+var Rr;
+function Oe() {
+  return Rr || (Rr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -568,10 +572,10 @@ function Ne() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Pr)), Pr.exports;
+  })(qr)), qr.exports;
 }
-var Oe = Ne();
-const Ae = /* @__PURE__ */ Se(Oe), ke = {
+var Ae = Oe();
+const ke = /* @__PURE__ */ je(Ae), Ce = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -579,40 +583,40 @@ const Ae = /* @__PURE__ */ Se(Oe), ke = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ce = Ae.bind(ke), Rr = "purpur-icon", Pe = "md", qe = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Re = ({ content: t = "", title: i } = {}) => {
+}, 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 } = {}) => {
   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 ${qe(n)}>${o}${t}</svg>`;
-}, Le = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), at = ({ svg: t, allyTitle: i, className: n, size: o = Pe, ...a }) => {
-  const r = Re({
-    content: Le(t.svg),
+  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),
     title: i
-  }), e = Ce(n, Rr, `${Rr}--${o}`);
+  }), e = Pe(n, Lr, `${Lr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-at.displayName = "Icon";
-const Me = {
+pt.displayName = "Icon";
+const Be = {
   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 Be(t) {
+function Ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Lr = { exports: {} };
+var Mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Mr;
-function Ee() {
-  return Mr || (Mr = 1, (function(t) {
+var Br;
+function Te() {
+  return Br || (Br = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -641,14 +645,14 @@ function Ee() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Lr)), Lr.exports;
+  })(Mr)), Mr.exports;
 }
-var Te = Ee();
-const Ie = /* @__PURE__ */ Be(Te), ze = {
+var Ie = Te();
+const ze = /* @__PURE__ */ Ee(Ie), De = {
   "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"
-}, Br = Ie.bind(ze), ur = "purpur-field-error-text", De = ({
+}, Er = ze.bind(De), ur = "purpur-field-error-text", Ve = ({
   children: t,
   className: i,
   negative: n = !1,
@@ -657,30 +661,30 @@ const Ie = /* @__PURE__ */ Be(Te), ze = {
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Br(i, ur, {
+    className: Er(i, ur, {
       [`${ur}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": o,
     ...a,
     children: [
-      /* @__PURE__ */ l(at, { svg: Me, size: "xs", className: Br(`${ur}__icon`) }),
+      /* @__PURE__ */ l(pt, { svg: Be, size: "xs", className: Er(`${ur}__icon`) }),
       t
     ]
   }
 );
-function Ve(t) {
+function Ze(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Er = { exports: {} };
+var Tr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Tr;
-function Ze() {
-  return Tr || (Tr = 1, (function(t) {
+var Ir;
+function He() {
+  return Ir || (Ir = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -709,14 +713,14 @@ function Ze() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Er)), Er.exports;
+  })(Tr)), Tr.exports;
 }
-var He = Ze();
-const Fe = /* @__PURE__ */ Ve(He), We = {
+var Fe = He();
+const We = /* @__PURE__ */ Ze(Fe), Ge = {
   "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"
-}, Ge = Fe.bind(We), ir = "purpur-field-helper-text", Ke = ({
+}, Ke = We.bind(Ge), ir = "purpur-field-helper-text", Ue = ({
   children: t,
   className: i,
   disabled: n,
@@ -724,24 +728,24 @@ const Fe = /* @__PURE__ */ Ve(He), We = {
   negative: a,
   ...r
 }) => {
-  const e = Ge(i, ir, {
+  const e = Ke(i, ir, {
     [`${ir}--disabled`]: n,
     [`${ir}--negative`]: a
   });
   return /* @__PURE__ */ l("span", { id: o, className: e, ...r, children: t });
 };
-function Ue(t) {
+function Ye(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var zr;
-function Ye() {
-  return zr || (zr = 1, (function(t) {
+var Dr;
+function Je() {
+  return Dr || (Dr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -770,10 +774,10 @@ function Ye() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Ir)), Ir.exports;
+  })(zr)), zr.exports;
 }
-var Je = Ye();
-const Xe = /* @__PURE__ */ Ue(Je), Qe = {
+var Qe = Je();
+const Xe = /* @__PURE__ */ Ye(Qe), rn = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -781,86 +785,86 @@ const Xe = /* @__PURE__ */ Ue(Je), Qe = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, rn = Xe.bind(Qe), Dr = "purpur-icon", tn = "md", en = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), nn = ({ content: t = "", title: i } = {}) => {
+}, 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 } = {}) => {
   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 ${en(n)}>${o}${t}</svg>`;
-}, un = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), lr = ({ svg: t, allyTitle: i, className: n, size: o = tn, ...a }) => {
-  const r = nn({
-    content: un(t.svg),
+  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),
     title: i
-  }), e = rn(n, Dr, `${Dr}--${o}`);
+  }), e = tn(n, Vr, `${Vr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 lr.displayName = "Icon";
-const an = {
+const on = {
   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"
-}, ot = (t) => /* @__PURE__ */ l(lr, { ...t, svg: an });
-ot.displayName = "IconCheckCircleFilled";
-const on = {
+}, lt = (t) => /* @__PURE__ */ l(lr, { ...t, svg: on });
+lt.displayName = "IconCheckCircleFilled";
+const pn = {
   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"
-}, pt = (t) => /* @__PURE__ */ l(lr, { ...t, svg: on });
-pt.displayName = "IconClose";
-function Vr(t, i) {
+}, st = (t) => /* @__PURE__ */ l(lr, { ...t, svg: pn });
+st.displayName = "IconClose";
+function Zr(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
 }
-function pn(...t) {
+function ln(...t) {
   return (i) => {
     let n = !1;
     const o = t.map((a) => {
-      const r = Vr(a, i);
+      const r = Zr(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() : Vr(t[a], null);
+          typeof r == "function" ? r() : Zr(t[a], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
-function ln(t) {
-  const i = /* @__PURE__ */ sn(t), n = g.forwardRef((o, a) => {
-    const { children: r, ...e } = o, u = g.Children.toArray(r), v = u.find(dn);
+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);
     if (v) {
-      const _ = v.props.children, h = u.map((x) => x === v ? g.Children.count(_) > 1 ? g.Children.only(null) : g.isValidElement(_) ? _.props.children : null : x);
-      return /* @__PURE__ */ l(i, { ...e, ref: a, children: g.isValidElement(_) ? g.cloneElement(_, void 0, h) : null });
+      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 });
     }
     return /* @__PURE__ */ l(i, { ...e, ref: a, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function sn(t) {
-  const i = g.forwardRef((n, o) => {
+function cn(t) {
+  const i = h.forwardRef((n, o) => {
     const { children: a, ...r } = n;
-    if (g.isValidElement(a)) {
-      const e = fn(a), u = _n(r, a.props);
-      return a.type !== g.Fragment && (u.ref = o ? pn(o, e) : e), g.cloneElement(a, u);
+    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);
     }
-    return g.Children.count(a) > 1 ? g.Children.only(null) : null;
+    return h.Children.count(a) > 1 ? h.Children.only(null) : null;
   });
   return i.displayName = `${t}.SlotClone`, i;
 }
-var cn = Symbol("radix.slottable");
-function dn(t) {
-  return g.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === cn;
+var dn = Symbol("radix.slottable");
+function _n(t) {
+  return h.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === dn;
 }
-function _n(t, i) {
+function fn(t, i) {
   const n = { ...i };
   for (const o in i) {
     const a = t[o], r = i[o];
@@ -871,12 +875,12 @@ function _n(t, i) {
   }
   return { ...t, ...n };
 }
-function fn(t) {
+function vn(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 vn = [
+var mn = [
   "a",
   "button",
   "div",
@@ -894,14 +898,14 @@ var vn = [
   "span",
   "svg",
   "ul"
-], mn = vn.reduce((t, i) => {
-  const n = /* @__PURE__ */ ln(`Primitive.${i}`), o = g.forwardRef((a, r) => {
+], hn = mn.reduce((t, i) => {
+  const n = /* @__PURE__ */ sn(`Primitive.${i}`), o = h.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", lt = g.forwardRef((t, i) => /* @__PURE__ */ l(
-  mn.label,
+}, {}), gn = "Label", ct = h.forwardRef((t, i) => /* @__PURE__ */ l(
+  hn.label,
   {
     ...t,
     ref: i,
@@ -911,20 +915,20 @@ var vn = [
     }
   }
 ));
-lt.displayName = gn;
-var hn = lt;
-function xn(t) {
+ct.displayName = gn;
+var bn = ct;
+function yn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Zr = { exports: {} };
+var Hr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Hr;
-function bn() {
-  return Hr || (Hr = 1, (function(t) {
+var Fr;
+function xn() {
+  return Fr || (Fr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -953,38 +957,38 @@ function bn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Zr)), Zr.exports;
+  })(Hr)), Hr.exports;
 }
-var yn = bn();
-const wn = /* @__PURE__ */ xn(yn), $n = {
+var wn = xn();
+const $n = /* @__PURE__ */ yn(wn), Sn = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, jn = wn.bind($n), ar = "purpur-label", Sn = ({
+}, Nn = $n.bind(Sn), ar = "purpur-label", jn = ({
   children: t,
   className: i,
   disabled: n,
   negative: o = !1,
   ...a
 }) => {
-  const r = jn(i, ar, {
+  const r = Nn(i, ar, {
     [`${ar}--disabled`]: n,
     [`${ar}--negative`]: o
   });
-  return /* @__PURE__ */ l(hn, { className: r, ...a, children: t });
+  return /* @__PURE__ */ l(bn, { className: r, ...a, children: t });
 };
-function Nn(t) {
+function On(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Fr = { exports: {} };
+var Wr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Wr;
-function On() {
-  return Wr || (Wr = 1, (function(t) {
+var Gr;
+function An() {
+  return Gr || (Gr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1013,32 +1017,33 @@ function On() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Fr)), Fr.exports;
+  })(Wr)), Wr.exports;
 }
-var An = On();
-const kn = /* @__PURE__ */ Nn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1", qn = {
+var kn = An();
+const Cn = /* @__PURE__ */ On(kn), Pn = "_rotate_12t9p_1", qn = "_dash_12t9p_1", Rn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Cn,
+  rotate: Pn,
   "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: Pn,
+  dash: qn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Gr = kn.bind(qn), W = "purpur-spinner", Rn = {
+}, Kr = Cn.bind(Rn), W = "purpur-spinner", Ln = {
   SM: "sm"
-}, Ln = ({
+}, dt = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = Rn.SM,
-  ...o
-}) => /* @__PURE__ */ l("div", { className: Gr(W, `${W}--${n}`), ...o, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+  size: n = Ln.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(
   "circle",
   {
-    className: Gr(`${W}__circle`, {
+    className: Kr(`${W}__circle`, {
       [`${W}__circle--disabled`]: t,
       [`${W}__circle--negative`]: i
     }),
@@ -1047,18 +1052,19 @@ const kn = /* @__PURE__ */ Nn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
+dt.displayName = "Spinner";
 function Mn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Kr = { exports: {} };
+var Ur = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ur;
+var Yr;
 function Bn() {
-  return Ur || (Ur = 1, (function(t) {
+  return Yr || (Yr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1087,7 +1093,7 @@ function Bn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Kr)), Kr.exports;
+  })(Ur)), Ur.exports;
 }
 var En = Bn();
 const Tn = /* @__PURE__ */ Mn(En), In = {
@@ -1107,7 +1113,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", st = Y(
+}, zn = (t) => K(t), P = Tn.bind(In), m = "purpur-text-field", _t = Y(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1119,63 +1125,63 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
     helperText: u,
     hideRequiredAsterisk: v = !1,
     label: _,
-    loading: h = !1,
-    onClear: x,
-    startAdornment: S,
+    loading: g = !1,
+    onClear: b,
+    startAdornment: N,
     valid: A = !1,
     ...f
   }, $) => {
-    var j;
-    const N = jt(), s = f.id ?? N, b = (y) => t ? `${t}-${y}` : void 0, q = A && !e, L = u ? `${s}-helper-text` : void 0, I = [S].filter((y) => !!y), d = (typeof f.value == "number" ? f.value !== void 0 : (j = f.value) == null ? void 0 : j.length) && !f.disabled && !f.readOnly && !h && x && n, k = zn(null), z = (y) => {
-      k.current = y, typeof $ == "function" ? $(y) : $ && ($.current = y);
+    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);
     }, J = () => {
-      var y;
-      x == null || x(), (y = k.current) == null || y.focus();
-    }, M = [
-      h && /* @__PURE__ */ l(
-        Ln,
+      var x;
+      b == null || b(), (x = k.current) == null || x.focus();
+    }, B = [
+      g && /* @__PURE__ */ l(
+        dt,
         {
           disabled: f.disabled,
           size: "xs",
-          "data-testid": b("spinner")
+          "data-testid": y("spinner")
         },
         "spinner"
       ),
       d && /* @__PURE__ */ l(
-        it,
+        ot,
         {
           variant: "tertiary-purple",
           onClick: J,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": b("clear-button"),
+          "data-testid": y("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(pt, { size: "xs" })
+          children: /* @__PURE__ */ l(st, { size: "xs" })
         },
         "clear-button"
       ),
       q && /* @__PURE__ */ l(
-        ot,
+        lt,
         {
-          "data-testid": b("valid-icon"),
+          "data-testid": y("valid-icon"),
           className: P(`${m}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((y) => !!y), D = P(`${m}__input-container`, {
+    ].filter((x) => !!x), D = P(`${m}__input-container`, {
       [`${m}__input-container--start-adornment`]: I.length,
-      [`${m}__input-container--end-adornment`]: M.length || r,
+      [`${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
     });
     return /* @__PURE__ */ O("div", { className: P(i, m), children: [
       _ && /* @__PURE__ */ O(
-        Sn,
+        jn,
         {
           htmlFor: s,
           className: P(`${m}__label`),
-          "data-testid": b("label"),
+          "data-testid": y("label"),
           disabled: f.disabled,
           children: [
             f.required && !v && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
@@ -1189,7 +1195,7 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
           !!I.length && /* @__PURE__ */ l(
             "div",
             {
-              "data-testid": b("start-adornments"),
+              "data-testid": y("start-adornments"),
               className: P(`${m}__adornment-container`),
               children: I
             }
@@ -1200,8 +1206,8 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
               ...f,
               id: s,
               ref: z,
-              "data-testid": b("input"),
-              "aria-describedby": f["aria-describedby"] || L,
+              "data-testid": y("input"),
+              "aria-describedby": f["aria-describedby"] || M,
               "aria-invalid": f["aria-invalid"] || !!e,
               className: P([
                 `${m}__input`,
@@ -1213,13 +1219,13 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
             }
           ),
           /* @__PURE__ */ l("div", { className: P(`${m}__frame`) }),
-          (!!M.length || r) && /* @__PURE__ */ O(
+          (!!B.length || r) && /* @__PURE__ */ O(
             "div",
             {
-              "data-testid": b("end-adornments"),
+              "data-testid": y("end-adornments"),
               className: P(`${m}__adornment-container`),
               children: [
-                M,
+                B,
                 r
               ]
             }
@@ -1227,13 +1233,13 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
         ] }),
         !!a && a
       ] }),
-      L && /* @__PURE__ */ l(Ke, { "data-testid": b("helper-text"), id: L, children: u }),
-      e && /* @__PURE__ */ l(De, { "data-testid": b("error-text"), children: e })
+      M && /* @__PURE__ */ l(Ue, { "data-testid": y("helper-text"), id: M, children: u }),
+      e && /* @__PURE__ */ l(Ve, { "data-testid": y("error-text"), children: e })
     ] });
   }
 );
-st.displayName = "TextField";
-const Dn = (t) => Jr(t) && t.type.displayName === st.displayName;
+_t.displayName = "TextField";
+const Dn = (t) => Qr(t) && t.type.displayName === _t.displayName;
 function Vn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -1243,9 +1249,9 @@ var or = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Yr;
+var Jr;
 function Zn() {
-  return Yr || (Yr = 1, (function(t) {
+  return Jr || (Jr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1284,13 +1290,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, i) => {
-  const n = St(
+  const n = At(
     (o) => {
       t && !t.contains(o.target) && i();
     },
     [i, t]
   );
-  Nt(() => (document.addEventListener("mousedown", n), () => {
+  kt(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
 }, Un = ({
@@ -1304,22 +1310,22 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
   listboxLabel: u,
   listboxMaxHeight: v,
   onInputBlur: _,
-  onInputChange: h,
-  onInputFocus: x,
-  onInputKeyDown: S,
+  onInputChange: g,
+  onInputFocus: b,
+  onInputKeyDown: N,
   onInputMouseDown: A,
   openOnFocus: f,
   noOptionsText: $,
-  onSelect: j,
-  options: N,
+  onSelect: S,
+  options: j,
   selectedOption: s,
-  ["data-testid"]: b
+  ["data-testid"]: y
 }) => {
-  const [q, L] = nr(
+  const [q, M] = nr(
     ((typeof a == "string" ? a : o) || (s == null ? void 0 : s.label)) ?? ""
-  ), I = typeof a == "string" ? a : q, [d, k] = nr(n ? N[0] : void 0), z = K(null), J = Gn(null), M = K(null), D = K({}), [y, sr] = nr(!1);
-  function Q(p) {
-    return b ? `${b}-${p}` : void 0;
+  ), 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) {
+    return y ? `${y}-${p}` : void 0;
   }
   const V = () => {
     sr(!1), k(void 0);
@@ -1329,44 +1335,44 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
     sr(!0), s && requestAnimationFrame(() => {
       k({ ...s, isSetByClickEvent: p === "CLICK" }), tr(D.current[s.id]);
     });
-  }, ct = (p) => {
+  }, ft = (p) => {
     if (r)
-      return N.filter((w) => r(p, w));
+      return j.filter((w) => r(p, w));
     if (!p)
-      return N;
+      return j;
     const c = p.toUpperCase().split(" ") || [];
-    return N.filter(
+    return j.filter(
       (w) => c.every(
         (C) => (w.value || w.label).toUpperCase().includes(C)
       )
     );
-  }, cr = (p) => s && (s == null ? void 0 : s.label) === p ? N : ct(p), R = cr(I), rr = (p) => {
-    h == null || h(p), L(p);
+  }, cr = (p) => s && (s == null ? void 0 : s.label) === p ? j : ft(p), R = cr(I), rr = (p) => {
+    g == null || g(p), M(p);
   }, tr = (p) => {
     var c;
     if (p) {
-      const w = p.getBoundingClientRect(), C = ((c = M.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      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" });
     }
   }, dr = (p) => {
     var c;
-    p && ((c = z.current) == null || c.focus(), rr(p.label), j == null || j(p)), V();
-  }, dt = (p) => {
+    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];
-  }, B = y && (!!R.length || !!$), _t = (p) => {
-    !B && Z({ eventType: "KEYBOARD" });
-    const c = dt(p);
+  }, E = x && (!!R.length || !!$), mt = (p) => {
+    !E && Z({ eventType: "KEYBOARD" });
+    const c = vt(p);
     k(c), c && tr(D.current[c.id]);
-  }, ft = (p) => {
-    switch (S == null || S(p), p.key) {
+  }, ht = (p) => {
+    switch (N == null || N(p), p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), _t(p.key);
+        p.preventDefault(), mt(p.key);
         break;
       case "Enter": {
-        const c = d || (n ? N[0] : void 0);
-        B && dr(c), !B && Z({ eventType: "KEYBOARD" });
+        const c = d || (n ? j[0] : void 0);
+        E && dr(c), !E && Z({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1374,33 +1380,33 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
         V();
         break;
     }
-  }, 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]);
-  }, mt = (p) => {
-    A == null || A(p), B ? V() : Z({ eventType: "CLICK" });
   }, 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) => {
     var c;
-    x == null || x(p), !y && f && Z({ eventType: "KEYBOARD" }), (c = z.current) == null || c.select();
-  }, ht = (p) => {
+    b == null || b(p), !x && f && Z({ eventType: "KEYBOARD" }), (c = z.current) == null || c.select();
+  }, xt = (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 : ""));
+      !((c = z.current) != null && c.contains(document.activeElement)) && !((w = B.current) != null && w.contains(document.activeElement)) && (V(), t && rr(s ? s.label : ""));
     });
-  }, xt = {
+  }, wt = {
     maxHeight: typeof v == "number" ? `${v}px` : v
   }, _r = {
     "aria-label": u,
-    "aria-expanded": B,
-    "data-testid": Q("listbox"),
+    "aria-expanded": E,
+    "data-testid": X("listbox"),
     id: `${e}-listbox`,
-    ref: M,
+    ref: B,
     onMouseLeave: () => k(void 0),
-    style: v ? xt : void 0
-  }, fr = (p) => `${e}-listbox-item-${p.id}`, bt = (p, c) => {
+    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);
     return {
-      "data-testid": Q(`listbox-item-${p.id}`),
+      "data-testid": X(`listbox-item-${p.id}`),
       id: fr(p),
       key: p.id,
       onMouseMove: w,
@@ -1414,73 +1420,73 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
       highlighted: C,
       hovered: p.id === (d == null ? void 0 : d.id) && !!(d != null && d.isSetByClickEvent)
     };
-  }, yt = {
+  }, St = {
     "aria-activedescendant": d ? fr(d) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": _r.id,
-    "data-testid": Q("input"),
+    "data-testid": X("input"),
     autoComplete: "off",
     id: `${e}-input`,
-    onChange: vt,
-    onMouseDown: mt,
-    onFocus: gt,
-    onKeyDown: ft,
-    onBlur: ht,
+    onChange: gt,
+    onMouseDown: bt,
+    onFocus: yt,
+    onKeyDown: ht,
+    onBlur: xt,
     ref: z,
     role: "combobox",
     value: I
   };
   return {
     id: e,
-    inputProps: yt,
+    inputProps: St,
     internalRef: J,
     optionsToShow: R,
-    showListbox: B,
+    showListbox: E,
     noOptionsText: $,
     combobox: t,
     comboboxButtonAriaLabel: i,
-    getListBoxItemProps: bt,
+    getListBoxItemProps: $t,
     listboxProps: _r
   };
-}, X = Fn.bind(Wn), G = "purpur-autocomplete", Yn = ({ className: t, renderInput: i, renderOption: n, ...o }, a) => {
+}, Q = Fn.bind(Wn), G = "purpur-autocomplete", Yn = ({ className: t, renderInput: i, renderOption: n, ...o }, a) => {
   const {
     id: r,
     inputProps: e,
     internalRef: u,
     optionsToShow: v,
     showListbox: _,
-    noOptionsText: h,
-    combobox: x,
-    comboboxButtonAriaLabel: S,
+    noOptionsText: g,
+    combobox: b,
+    comboboxButtonAriaLabel: N,
     getListBoxItemProps: A,
     listboxProps: f
-  } = Un(o), $ = (s, b) => {
-    const { key: q, ...L } = A(s, b);
-    return /* @__PURE__ */ l(U.Item, { ...L, children: n ? n == null ? void 0 : n(s) : s.label }, q);
-  }, j = (s) => {
+  } = Un(o), $ = (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);
-  }, N = () => {
+  }, j = () => {
     const s = i(e);
-    if (x && S && h && s && Dn(s)) {
-      const q = /* @__PURE__ */ O(wt, { children: [
+    if (b && N && g && s && Dn(s)) {
+      const q = /* @__PURE__ */ O(Nt, { children: [
         s.props.endAdornment,
         /* @__PURE__ */ l(
           "button",
           {
             "data-testid": "chevron button",
             type: "button",
-            className: X(`${G}__chevron-button`),
+            className: Q(`${G}__chevron-button`),
             onClick: () => {
               e.onFocus(void 0), e.onMouseDown(void 0);
             },
-            "aria-label": S,
+            "aria-label": N,
             "aria-expanded": _,
             "aria-controls": f.id,
             children: /* @__PURE__ */ l(
-              Qr,
+              rt,
               {
                 size: "sm",
-                className: X(`${G}__chevron-icon`, {
+                className: Q(`${G}__chevron-icon`, {
                   [`${G}__chevron-icon--up`]: _
                 })
               }
@@ -1488,13 +1494,13 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
           }
         )
       ] });
-      return Ot(s, { endAdornment: q });
+      return Ct(s, { endAdornment: q });
     }
     return s;
   };
-  return /* @__PURE__ */ O("div", { id: r, ref: j, className: X([t, G]), children: [
-    N(),
-    _ && /* @__PURE__ */ l(U, { ...f, className: X(`${G}__listbox`), children: v.length ? v.filter((s) => !!s).map($) : /* @__PURE__ */ l(U.Item, { noninteractive: !0, children: h }) })
+  return /* @__PURE__ */ O("div", { id: r, ref: S, className: Q([t, G]), 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 }) })
   ] });
 }, Jn = Y(Yn);
 Jn.displayName = "Autocomplete";