@purpurds/autocomplete 8.3.0 → 8.4.0

package/dist/autocomplete.es.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as O, Fragment as wt } from "react/jsx-runtime";
-import * as m from "react";
-import { forwardRef as Y, Children as $t, isValidElement as Jr, useId as St, useRef as K, useCallback as Nt, useEffect as jt, useState as nr, cloneElement as Ot } from "react";
+import * 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 "react-dom";
 function At(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -11,15 +11,15 @@ var vr = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var gr;
+var mr;
 function kt() {
-  return gr || (gr = 1, (function(t) {
+  return mr || (mr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -33,8 +33,8 @@ function kt() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -53,19 +53,19 @@ 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), mr = "purpur-icon", Lt = "md", Mt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Bt = ({ content: t = "", title: u } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], o = u ? `<title>${u}</title>` : "";
+    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: u, className: n, size: o = Lt, ...a }) => {
+}, 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),
-    title: u
-  }), e = Rt(n, mr, `${mr}--${o}`);
+    title: i
+  }), e = Rt(n, gr, `${gr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 Xr.displayName = "Icon";
@@ -85,15 +85,15 @@ var hr = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var br;
+var xr;
 function zt() {
-  return br || (br = 1, (function(t) {
+  return xr || (xr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -107,8 +107,8 @@ function zt() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -131,21 +131,21 @@ const rt = /* @__PURE__ */ It(Dt), tt = {
 function Vt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var yr = { exports: {} };
+var br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var xr;
+var yr;
 function Zt() {
-  return xr || (xr = 1, (function(t) {
+  return yr || (yr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -159,8 +159,8 @@ function Zt() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -168,7 +168,7 @@ function Zt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(yr)), yr.exports;
+  })(br)), br.exports;
 }
 var Ht = Zt();
 const Ft = /* @__PURE__ */ Vt(Ht), Wt = {
@@ -179,18 +179,18 @@ 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((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Yt = ({ content: t = "", title: u } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], o = u ? `<title>${u}</title>` : "";
+    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: u, className: n, size: o = Kt, ...a }) => {
+}, 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),
-    title: u
+    title: i
   }), e = Gt(n, wr, `${wr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
@@ -211,15 +211,15 @@ var $r = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Sr;
+var jr;
 function re() {
-  return Sr || (Sr = 1, (function(t) {
+  return jr || (jr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -233,8 +233,8 @@ function re() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -260,36 +260,36 @@ 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"
-}, ie = ee.bind(ne), ue = {
+}, ue = ee.bind(ne), ie = {
   PARAGRAPH100: "paragraph-100"
-}, H = "purpur-paragraph", it = ({
+}, H = "purpur-paragraph", ut = ({
   children: t,
-  className: u,
+  className: i,
   disabled: n,
   enableHyphenation: o = !1,
   negative: a = !1,
-  variant: r = ue.PARAGRAPH100,
+  variant: r = ie.PARAGRAPH100,
   ...e
 }) => {
-  const i = ie(u, H, `${H}--${r}`, {
+  const u = ue(i, H, `${H}--${r}`, {
     [`${H}--hyphens`]: o,
     [`${H}--disabled`]: n,
     [`${H}--negative`]: a
   });
-  return /* @__PURE__ */ l("p", { ...e, className: i, children: t });
+  return /* @__PURE__ */ l("p", { ...e, className: u, children: t });
 };
-it.displayName = "Paragraph";
-const Nr = rt.bind(tt), E = "purpur-listbox", pr = Y((t, u) => {
+ut.displayName = "Paragraph";
+const Sr = rt.bind(tt), E = "purpur-listbox", pr = Y((t, i) => {
   const {
     disabled: n,
     highlighted: o,
     hovered: a,
     selected: r,
     children: e,
-    className: i,
+    className: u,
     noninteractive: v,
     ..._
-  } = t, h = Nr(`${E}-item`, i, {
+  } = t, h = Sr(`${E}-item`, u, {
     [`${E}-item--highlighted`]: o,
     [`${E}-item--selected`]: r,
     [`${E}-item--hovered`]: a,
@@ -300,26 +300,26 @@ const Nr = rt.bind(tt), E = "purpur-listbox", pr = Y((t, u) => {
     "li",
     {
       ..._,
-      ref: u,
+      ref: i,
       className: h,
       "aria-selected": !!r,
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ l(it, { children: e }) : e,
-        r && /* @__PURE__ */ l(nt, { size: "xs", className: Nr(`${E}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ l(ut, { children: e }) : e,
+        r && /* @__PURE__ */ l(nt, { size: "xs", className: Sr(`${E}-item__icon`) })
       ]
     }
   );
 }), ae = (t) => Jr(t) && (t == null ? void 0 : t.type) === pr;
 pr.displayName = "ListBoxItem";
 const oe = rt.bind(tt), pe = "purpur-listbox", U = Y(
-  ({ children: t, ...u }, n) => /* @__PURE__ */ l(
+  ({ children: t, ...i }, n) => /* @__PURE__ */ l(
     "ul",
     {
-      ...u,
+      ...i,
       ref: n,
-      className: oe(pe, u.className),
+      className: oe(pe, i.className),
       role: "listbox",
       children: $t.toArray(t).filter(ae)
     }
@@ -333,7 +333,7 @@ const le = {
 function se(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var Nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -343,11 +343,11 @@ var Or;
 function ce() {
   return Or || (Or = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -361,8 +361,8 @@ function ce() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -370,10 +370,10 @@ function ce() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(jr)), jr.exports;
+  })(Nr)), Nr.exports;
 }
 var de = ce();
-const _e = /* @__PURE__ */ se(de), fe = "_rotate_12t9p_1", ve = "_dash_12t9p_1", ge = {
+const _e = /* @__PURE__ */ se(de), fe = "_rotate_12t9p_1", ve = "_dash_12t9p_1", me = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: fe,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -385,26 +385,26 @@ const _e = /* @__PURE__ */ se(de), fe = "_rotate_12t9p_1", ve = "_dash_12t9p_1",
   dash: ve,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ar = _e.bind(ge), F = "purpur-spinner", me = {
+}, Ar = _e.bind(me), F = "purpur-spinner", ge = {
   SM: "sm"
 }, he = ({
   disabled: t = !1,
-  negative: u = !1,
-  size: n = me.SM,
+  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(
   "circle",
   {
     className: Ar(`${F}__circle`, {
       [`${F}__circle--disabled`]: t,
-      [`${F}__circle--negative`]: u
+      [`${F}__circle--negative`]: i
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-function be(t) {
+function xe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var kr = { exports: {} };
@@ -414,14 +414,14 @@ var kr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Cr;
-function ye() {
+function be() {
   return Cr || (Cr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -435,8 +435,8 @@ function ye() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -446,47 +446,47 @@ function ye() {
     })();
   })(kr)), kr.exports;
 }
-var xe = ye();
-const we = /* @__PURE__ */ be(xe), $e = {
-  "purpur-button": "_purpur-button_1goi7_1",
-  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
-  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
-  "purpur-button--md": "_purpur-button--md_1goi7_45",
-  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
-  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
-  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
-  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
-  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
-  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
-  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
-  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
-  "purpur-button--text": "_purpur-button--text_1goi7_181"
-}, Se = we.bind($e), T = "purpur-button", ut = Y(
+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(
   ({
     children: t,
-    className: u,
+    className: i,
     disabled: n = !1,
     fullWidth: o = !1,
     iconOnly: a,
     loading: r = !1,
     negative: e = !1,
-    onClick: i,
+    onClick: u,
     size: v = "md",
     variant: _,
     type: h = "button",
-    ...b
-  }, N) => {
+    ...x
+  }, S) => {
     if (a && _ === "destructive")
       return null;
-    const A = Se(
+    const A = je(
       [
         T,
         `${T}--${e ? `${_}-negative` : _}`,
@@ -498,19 +498,19 @@ const we = /* @__PURE__ */ be(xe), $e = {
         [`${T}--full-width`]: o,
         [`${T}--disabled`]: n || r
       },
-      u
-    ), f = (S) => {
-      n || r ? S.preventDefault() : i && i(S);
-    }, $ = !!b["aria-disabled"] || n || r;
+      i
+    ), f = (j) => {
+      n || r ? j.preventDefault() : u && u(j);
+    }, $ = !!x["aria-disabled"] || n || r;
     return /* @__PURE__ */ O(
       "button",
       {
         className: A,
         type: h,
-        ref: N,
+        ref: S,
         "aria-disabled": $,
         onClick: f,
-        ...b,
+        ...x,
         children: [
           r && /* @__PURE__ */ l(
             he,
@@ -527,8 +527,8 @@ const we = /* @__PURE__ */ be(xe), $e = {
     );
   }
 );
-ut.displayName = "Button";
-function Ne(t) {
+it.displayName = "Button";
+function Se(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Pr = { exports: {} };
@@ -538,14 +538,14 @@ var Pr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var qr;
-function je() {
+function Ne() {
   return qr || (qr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -559,8 +559,8 @@ function je() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -570,8 +570,8 @@ function je() {
     })();
   })(Pr)), Pr.exports;
 }
-var Oe = je();
-const Ae = /* @__PURE__ */ Ne(Oe), ke = {
+var Oe = Ne();
+const Ae = /* @__PURE__ */ Se(Oe), ke = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -579,18 +579,18 @@ const Ae = /* @__PURE__ */ Ne(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((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Re = ({ content: t = "", title: u } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], o = u ? `<title>${u}</title>` : "";
+    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: u, className: n, size: o = Pe, ...a }) => {
+}, 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),
-    title: u
+    title: i
   }), e = Ce(n, Rr, `${Rr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
@@ -614,11 +614,11 @@ var Mr;
 function Ee() {
   return Mr || (Mr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -632,8 +632,8 @@ function Ee() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -648,23 +648,23 @@ const Ie = /* @__PURE__ */ Be(Te), ze = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, Br = Ie.bind(ze), ir = "purpur-field-error-text", De = ({
+}, Br = Ie.bind(ze), ur = "purpur-field-error-text", De = ({
   children: t,
-  className: u,
+  className: i,
   negative: n = !1,
   ["aria-relevant"]: o = "additions text",
   ...a
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Br(u, ir, {
-      [`${ir}--negative`]: n
+    className: Br(i, ur, {
+      [`${ur}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": o,
     ...a,
     children: [
-      /* @__PURE__ */ l(at, { svg: Me, size: "xs", className: Br(`${ir}__icon`) }),
+      /* @__PURE__ */ l(at, { svg: Me, size: "xs", className: Br(`${ur}__icon`) }),
       t
     ]
   }
@@ -682,11 +682,11 @@ var Tr;
 function Ze() {
   return Tr || (Tr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -700,8 +700,8 @@ function Ze() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -716,17 +716,17 @@ const Fe = /* @__PURE__ */ Ve(He), We = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, Ge = Fe.bind(We), ur = "purpur-field-helper-text", Ke = ({
+}, Ge = Fe.bind(We), ir = "purpur-field-helper-text", Ke = ({
   children: t,
-  className: u,
+  className: i,
   disabled: n,
   id: o,
   negative: a,
   ...r
 }) => {
-  const e = Ge(u, ur, {
-    [`${ur}--disabled`]: n,
-    [`${ur}--negative`]: a
+  const e = Ge(i, ir, {
+    [`${ir}--disabled`]: n,
+    [`${ir}--negative`]: a
   });
   return /* @__PURE__ */ l("span", { id: o, className: e, ...r, children: t });
 };
@@ -743,11 +743,11 @@ var zr;
 function Ye() {
   return zr || (zr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -761,8 +761,8 @@ function Ye() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -781,18 +781,18 @@ 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((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), nn = ({ content: t = "", title: u } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], o = u ? `<title>${u}</title>` : "";
+    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: u, className: n, size: o = tn, ...a }) => {
+}, 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),
-    title: u
+    title: i
   }), e = rn(n, Dr, `${Dr}--${o}`);
   return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
@@ -811,16 +811,16 @@ const on = {
   category: "utility"
 }, pt = (t) => /* @__PURE__ */ l(lr, { ...t, svg: on });
 pt.displayName = "IconClose";
-function Vr(t, u) {
+function Vr(t, i) {
   if (typeof t == "function")
-    return t(u);
-  t != null && (t.current = u);
+    return t(i);
+  t != null && (t.current = i);
 }
 function pn(...t) {
-  return (u) => {
+  return (i) => {
     let n = !1;
     const o = t.map((a) => {
-      const r = Vr(a, u);
+      const r = Vr(a, i);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
@@ -834,46 +834,46 @@ function pn(...t) {
 }
 // @__NO_SIDE_EFFECTS__
 function ln(t) {
-  const u = /* @__PURE__ */ sn(t), n = m.forwardRef((o, a) => {
-    const { children: r, ...e } = o, i = m.Children.toArray(r), v = i.find(dn);
+  const i = /* @__PURE__ */ sn(t), n = g.forwardRef((o, a) => {
+    const { children: r, ...e } = o, u = g.Children.toArray(r), v = u.find(dn);
     if (v) {
-      const _ = v.props.children, h = i.map((b) => b === v ? m.Children.count(_) > 1 ? m.Children.only(null) : m.isValidElement(_) ? _.props.children : null : b);
-      return /* @__PURE__ */ l(u, { ...e, ref: a, children: m.isValidElement(_) ? m.cloneElement(_, void 0, h) : null });
+      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 });
     }
-    return /* @__PURE__ */ l(u, { ...e, ref: a, children: r });
+    return /* @__PURE__ */ l(i, { ...e, ref: a, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
 function sn(t) {
-  const u = m.forwardRef((n, o) => {
+  const i = g.forwardRef((n, o) => {
     const { children: a, ...r } = n;
-    if (m.isValidElement(a)) {
-      const e = fn(a), i = _n(r, a.props);
-      return a.type !== m.Fragment && (i.ref = o ? pn(o, e) : e), m.cloneElement(a, i);
+    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);
     }
-    return m.Children.count(a) > 1 ? m.Children.only(null) : null;
+    return g.Children.count(a) > 1 ? g.Children.only(null) : null;
   });
-  return u.displayName = `${t}.SlotClone`, u;
+  return i.displayName = `${t}.SlotClone`, i;
 }
 var cn = Symbol("radix.slottable");
 function dn(t) {
-  return m.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === cn;
+  return g.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === cn;
 }
-function _n(t, u) {
-  const n = { ...u };
-  for (const o in u) {
-    const a = t[o], r = u[o];
+function _n(t, i) {
+  const n = { ...i };
+  for (const o in i) {
+    const a = t[o], r = i[o];
     /^on[A-Z]/.test(o) ? a && r ? n[o] = (...e) => {
-      const i = r(...e);
-      return a(...e), i;
+      const u = r(...e);
+      return a(...e), u;
     } : a && (n[o] = a) : o === "style" ? n[o] = { ...a, ...r } : o === "className" && (n[o] = [a, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
 }
 function fn(t) {
-  var u, n;
-  let o = (u = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : u.get, a = o && "isReactWarning" in o && o.isReactWarning;
+  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 = [
@@ -894,26 +894,26 @@ var vn = [
   "span",
   "svg",
   "ul"
-], gn = vn.reduce((t, u) => {
-  const n = /* @__PURE__ */ ln(`Primitive.${u}`), o = m.forwardRef((a, r) => {
-    const { asChild: e, ...i } = a, v = e ? n : u;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(v, { ...i, ref: r });
+], mn = vn.reduce((t, i) => {
+  const n = /* @__PURE__ */ ln(`Primitive.${i}`), o = g.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.${u}`, { ...t, [u]: o };
-}, {}), mn = "Label", lt = m.forwardRef((t, u) => /* @__PURE__ */ l(
-  gn.label,
+  return o.displayName = `Primitive.${i}`, { ...t, [i]: o };
+}, {}), gn = "Label", lt = g.forwardRef((t, i) => /* @__PURE__ */ l(
+  mn.label,
   {
     ...t,
-    ref: u,
+    ref: i,
     onMouseDown: (n) => {
       var o;
       n.target.closest("button, input, select, textarea") || ((o = t.onMouseDown) == null || o.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-lt.displayName = mn;
+lt.displayName = gn;
 var hn = lt;
-function bn(t) {
+function xn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Zr = { exports: {} };
@@ -923,14 +923,14 @@ var Zr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Hr;
-function yn() {
+function bn() {
   return Hr || (Hr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -944,8 +944,8 @@ function yn() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -955,25 +955,25 @@ function yn() {
     })();
   })(Zr)), Zr.exports;
 }
-var xn = yn();
-const wn = /* @__PURE__ */ bn(xn), $n = {
+var yn = bn();
+const wn = /* @__PURE__ */ xn(yn), $n = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Sn = wn.bind($n), ar = "purpur-label", Nn = ({
+}, jn = wn.bind($n), ar = "purpur-label", Sn = ({
   children: t,
-  className: u,
+  className: i,
   disabled: n,
   negative: o = !1,
   ...a
 }) => {
-  const r = Sn(u, ar, {
+  const r = jn(i, ar, {
     [`${ar}--disabled`]: n,
     [`${ar}--negative`]: o
   });
   return /* @__PURE__ */ l(hn, { className: r, ...a, children: t });
 };
-function jn(t) {
+function Nn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Fr = { exports: {} };
@@ -986,11 +986,11 @@ var Wr;
 function On() {
   return Wr || (Wr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -1004,8 +1004,8 @@ function On() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -1016,7 +1016,7 @@ function On() {
   })(Fr)), Fr.exports;
 }
 var An = On();
-const kn = /* @__PURE__ */ jn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1", qn = {
+const kn = /* @__PURE__ */ Nn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1", qn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Cn,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -1032,7 +1032,7 @@ const kn = /* @__PURE__ */ jn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1",
   SM: "sm"
 }, Ln = ({
   disabled: t = !1,
-  negative: u = !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(
@@ -1040,7 +1040,7 @@ const kn = /* @__PURE__ */ jn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1",
   {
     className: Gr(`${W}__circle`, {
       [`${W}__circle--disabled`]: t,
-      [`${W}__circle--negative`]: u
+      [`${W}__circle--negative`]: i
     }),
     cx: "25",
     cy: "25",
@@ -1060,11 +1060,11 @@ var Ur;
 function Bn() {
   return Ur || (Ur = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -1078,8 +1078,8 @@ function Bn() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -1107,48 +1107,48 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_3gl1k_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_3gl1k_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_3gl1k_111"
-}, zn = (t) => K(t), P = Tn.bind(In), g = "purpur-text-field", st = Y(
+}, zn = (t) => K(t), P = Tn.bind(In), m = "purpur-text-field", st = Y(
   ({
     ["data-testid"]: t,
-    className: u,
+    className: i,
     clearButtonAriaLabel: n,
     beforeField: o,
     afterField: a,
     endAdornment: r,
     errorText: e,
-    helperText: i,
+    helperText: u,
     hideRequiredAsterisk: v = !1,
     label: _,
     loading: h = !1,
-    onClear: b,
-    startAdornment: N,
+    onClear: x,
+    startAdornment: S,
     valid: A = !1,
     ...f
   }, $) => {
-    var S;
-    const j = St(), s = f.id ?? j, y = (x) => t ? `${t}-${x}` : void 0, q = A && !e, L = i ? `${s}-helper-text` : void 0, I = [N].filter((x) => !!x), d = (typeof f.value == "number" ? f.value !== void 0 : (S = f.value) == null ? void 0 : S.length) && !f.disabled && !f.readOnly && !h && b && n, k = zn(null), z = (x) => {
-      k.current = x, typeof $ == "function" ? $(x) : $ && ($.current = x);
+    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);
     }, J = () => {
-      var x;
-      b == null || b(), (x = k.current) == null || x.focus();
+      var y;
+      x == null || x(), (y = k.current) == null || y.focus();
     }, M = [
       h && /* @__PURE__ */ l(
         Ln,
         {
           disabled: f.disabled,
           size: "xs",
-          "data-testid": y("spinner")
+          "data-testid": b("spinner")
         },
         "spinner"
       ),
       d && /* @__PURE__ */ l(
-        ut,
+        it,
         {
           variant: "tertiary-purple",
           onClick: J,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": y("clear-button"),
+          "data-testid": b("clear-button"),
           tabIndex: -1,
           children: /* @__PURE__ */ l(pt, { size: "xs" })
         },
@@ -1157,25 +1157,25 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
       q && /* @__PURE__ */ l(
         ot,
         {
-          "data-testid": y("valid-icon"),
-          className: P(`${g}__valid-icon`)
+          "data-testid": b("valid-icon"),
+          className: P(`${m}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((x) => !!x), D = P(`${g}__input-container`, {
-      [`${g}__input-container--start-adornment`]: I.length,
-      [`${g}__input-container--end-adornment`]: M.length || r,
-      [`${g}__input-container--disabled`]: f.disabled,
-      [`${g}__input-container--has-clear-button`]: d,
-      [`${g}__input-container--readonly`]: f.readOnly && !f.disabled
+    ].filter((y) => !!y), D = P(`${m}__input-container`, {
+      [`${m}__input-container--start-adornment`]: I.length,
+      [`${m}__input-container--end-adornment`]: M.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(u, g), children: [
+    return /* @__PURE__ */ O("div", { className: P(i, m), children: [
       _ && /* @__PURE__ */ O(
-        Nn,
+        Sn,
         {
           htmlFor: s,
-          className: P(`${g}__label`),
-          "data-testid": y("label"),
+          className: P(`${m}__label`),
+          "data-testid": b("label"),
           disabled: f.disabled,
           children: [
             f.required && !v && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
@@ -1183,14 +1183,14 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
           ]
         }
       ),
-      /* @__PURE__ */ O("div", { className: P(`${g}__field-row`), children: [
+      /* @__PURE__ */ O("div", { className: P(`${m}__field-row`), children: [
         !!o && o,
         /* @__PURE__ */ O("div", { className: D, children: [
           !!I.length && /* @__PURE__ */ l(
             "div",
             {
-              "data-testid": y("start-adornments"),
-              className: P(`${g}__adornment-container`),
+              "data-testid": b("start-adornments"),
+              className: P(`${m}__adornment-container`),
               children: I
             }
           ),
@@ -1200,24 +1200,24 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
               ...f,
               id: s,
               ref: z,
-              "data-testid": y("input"),
+              "data-testid": b("input"),
               "aria-describedby": f["aria-describedby"] || L,
               "aria-invalid": f["aria-invalid"] || !!e,
               className: P([
-                `${g}__input`,
+                `${m}__input`,
                 {
-                  [`${g}__input--valid`]: q,
-                  [`${g}__input--error`]: !!e
+                  [`${m}__input--valid`]: q,
+                  [`${m}__input--error`]: !!e
                 }
               ])
             }
           ),
-          /* @__PURE__ */ l("div", { className: P(`${g}__frame`) }),
+          /* @__PURE__ */ l("div", { className: P(`${m}__frame`) }),
           (!!M.length || r) && /* @__PURE__ */ O(
             "div",
             {
-              "data-testid": y("end-adornments"),
-              className: P(`${g}__adornment-container`),
+              "data-testid": b("end-adornments"),
+              className: P(`${m}__adornment-container`),
               children: [
                 M,
                 r
@@ -1227,8 +1227,8 @@ const Tn = /* @__PURE__ */ Mn(En), In = {
         ] }),
         !!a && a
       ] }),
-      L && /* @__PURE__ */ l(Ke, { "data-testid": y("helper-text"), id: L, children: i }),
-      e && /* @__PURE__ */ l(De, { "data-testid": y("error-text"), children: e })
+      L && /* @__PURE__ */ l(Ke, { "data-testid": b("helper-text"), id: L, children: u }),
+      e && /* @__PURE__ */ l(De, { "data-testid": b("error-text"), children: e })
     ] });
   }
 );
@@ -1247,11 +1247,11 @@ var Yr;
 function Zn() {
   return Yr || (Yr = 1, (function(t) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (r = a(r, o.call(this, i)));
+          var u = arguments[e];
+          u && (r = a(r, o.call(this, u)));
         }
         return r;
       }
@@ -1265,8 +1265,8 @@ function Zn() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var i in r)
-          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
+        for (var u in r)
+          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
         return e;
       }
       function a(r, e) {
@@ -1283,43 +1283,43 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
   "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, u) => {
-  const n = Nt(
+}, Gn = (t) => K(t), Kn = (t, i) => {
+  const n = St(
     (o) => {
-      t && !t.contains(o.target) && u();
+      t && !t.contains(o.target) && i();
     },
-    [u, t]
+    [i, t]
   );
-  jt(() => (document.addEventListener("mousedown", n), () => {
+  Nt(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
 }, Un = ({
   combobox: t,
-  comboboxButtonAriaLabel: u,
+  comboboxButtonAriaLabel: i,
   highlightFirstOption: n,
   defaultInputValue: o,
   inputValue: a,
   filterOption: r,
   id: e,
-  listboxLabel: i,
+  listboxLabel: u,
   listboxMaxHeight: v,
   onInputBlur: _,
   onInputChange: h,
-  onInputFocus: b,
-  onInputKeyDown: N,
+  onInputFocus: x,
+  onInputKeyDown: S,
   onInputMouseDown: A,
   openOnFocus: f,
   noOptionsText: $,
-  onSelect: S,
-  options: j,
+  onSelect: j,
+  options: N,
   selectedOption: s,
-  ["data-testid"]: y
+  ["data-testid"]: b
 }) => {
   const [q, L] = nr(
     ((typeof a == "string" ? a : o) || (s == null ? void 0 : s.label)) ?? ""
-  ), I = typeof a == "string" ? a : q, [d, k] = nr(n ? j[0] : void 0), z = K(null), J = Gn(null), M = K(null), D = K({}), [x, sr] = nr(!1);
+  ), 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 y ? `${y}-${p}` : void 0;
+    return b ? `${b}-${p}` : void 0;
   }
   const V = () => {
     sr(!1), k(void 0);
@@ -1331,16 +1331,16 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
     });
   }, ct = (p) => {
     if (r)
-      return j.filter((w) => r(p, w));
+      return N.filter((w) => r(p, w));
     if (!p)
-      return j;
+      return N;
     const c = p.toUpperCase().split(" ") || [];
-    return j.filter(
+    return N.filter(
       (w) => c.every(
         (C) => (w.value || w.label).toUpperCase().includes(C)
       )
     );
-  }, cr = (p) => s && (s == null ? void 0 : s.label) === p ? j : ct(p), R = cr(I), rr = (p) => {
+  }, cr = (p) => s && (s == null ? void 0 : s.label) === p ? N : ct(p), R = cr(I), rr = (p) => {
     h == null || h(p), L(p);
   }, tr = (p) => {
     var c;
@@ -1350,22 +1350,22 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
     }
   }, dr = (p) => {
     var c;
-    p && ((c = z.current) == null || c.focus(), rr(p.label), S == null || S(p)), V();
+    p && ((c = z.current) == null || c.focus(), rr(p.label), j == null || j(p)), V();
   }, dt = (p) => {
     const c = n && !d ? 0 : R.findIndex((C) => C && (d == null ? void 0 : d.id) === C.id), w = R.length;
     return p === "ArrowDown" ? R[(c ?? -1) + 1] || R[0] : R[(c ?? w) - 1] || R[w - 1];
-  }, B = x && (!!R.length || !!$), _t = (p) => {
+  }, B = y && (!!R.length || !!$), _t = (p) => {
     !B && Z({ eventType: "KEYBOARD" });
     const c = dt(p);
     k(c), c && tr(D.current[c.id]);
   }, ft = (p) => {
-    switch (N == null || N(p), p.key) {
+    switch (S == null || S(p), p.key) {
       case "ArrowUp":
       case "ArrowDown":
         p.preventDefault(), _t(p.key);
         break;
       case "Enter": {
-        const c = d || (n ? j[0] : void 0);
+        const c = d || (n ? N[0] : void 0);
         B && dr(c), !B && Z({ eventType: "KEYBOARD" });
         break;
       }
@@ -1377,27 +1377,27 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
   }, 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]);
-  }, gt = (p) => {
-    A == null || A(p), B ? V() : Z({ eventType: "CLICK" });
   }, mt = (p) => {
+    A == null || A(p), B ? V() : Z({ eventType: "CLICK" });
+  }, gt = (p) => {
     var c;
-    b == null || b(p), !x && f && Z({ eventType: "KEYBOARD" }), (c = z.current) == null || c.select();
+    x == null || x(p), !y && f && Z({ eventType: "KEYBOARD" }), (c = z.current) == null || c.select();
   }, ht = (p) => {
     _ == null || _(p), setTimeout(() => {
       var c, w;
       !((c = z.current) != null && c.contains(document.activeElement)) && !((w = M.current) != null && w.contains(document.activeElement)) && (V(), t && rr(s ? s.label : ""));
     });
-  }, bt = {
+  }, xt = {
     maxHeight: typeof v == "number" ? `${v}px` : v
   }, _r = {
-    "aria-label": i,
+    "aria-label": u,
     "aria-expanded": B,
     "data-testid": Q("listbox"),
     id: `${e}-listbox`,
     ref: M,
     onMouseLeave: () => k(void 0),
-    style: v ? bt : void 0
-  }, fr = (p) => `${e}-listbox-item-${p.id}`, yt = (p, c) => {
+    style: v ? xt : void 0
+  }, fr = (p) => `${e}-listbox-item-${p.id}`, bt = (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}`),
@@ -1414,7 +1414,7 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
       highlighted: C,
       hovered: p.id === (d == null ? void 0 : d.id) && !!(d != null && d.isSetByClickEvent)
     };
-  }, xt = {
+  }, yt = {
     "aria-activedescendant": d ? fr(d) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": _r.id,
@@ -1422,8 +1422,8 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
     autoComplete: "off",
     id: `${e}-input`,
     onChange: vt,
-    onMouseDown: gt,
-    onFocus: mt,
+    onMouseDown: mt,
+    onFocus: gt,
     onKeyDown: ft,
     onBlur: ht,
     ref: z,
@@ -1432,36 +1432,36 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
   };
   return {
     id: e,
-    inputProps: xt,
+    inputProps: yt,
     internalRef: J,
     optionsToShow: R,
     showListbox: B,
     noOptionsText: $,
     combobox: t,
-    comboboxButtonAriaLabel: u,
-    getListBoxItemProps: yt,
+    comboboxButtonAriaLabel: i,
+    getListBoxItemProps: bt,
     listboxProps: _r
   };
-}, X = Fn.bind(Wn), G = "purpur-autocomplete", Yn = ({ className: t, renderInput: u, renderOption: n, ...o }, a) => {
+}, X = Fn.bind(Wn), G = "purpur-autocomplete", Yn = ({ className: t, renderInput: i, renderOption: n, ...o }, a) => {
   const {
     id: r,
     inputProps: e,
-    internalRef: i,
+    internalRef: u,
     optionsToShow: v,
     showListbox: _,
     noOptionsText: h,
-    combobox: b,
-    comboboxButtonAriaLabel: N,
+    combobox: x,
+    comboboxButtonAriaLabel: S,
     getListBoxItemProps: A,
     listboxProps: f
-  } = Un(o), $ = (s, y) => {
-    const { key: q, ...L } = A(s, y);
+  } = 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);
-  }, S = (s) => {
-    i.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
-  }, j = () => {
-    const s = u(e);
-    if (b && N && h && s && Dn(s)) {
+  }, j = (s) => {
+    u.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
+  }, N = () => {
+    const s = i(e);
+    if (x && S && h && s && Dn(s)) {
       const q = /* @__PURE__ */ O(wt, { children: [
         s.props.endAdornment,
         /* @__PURE__ */ l(
@@ -1473,7 +1473,7 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
             onClick: () => {
               e.onFocus(void 0), e.onMouseDown(void 0);
             },
-            "aria-label": N,
+            "aria-label": S,
             "aria-expanded": _,
             "aria-controls": f.id,
             children: /* @__PURE__ */ l(
@@ -1492,8 +1492,8 @@ const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
     }
     return s;
   };
-  return /* @__PURE__ */ O("div", { id: r, ref: S, className: X([t, G]), children: [
-    j(),
+  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 }) })
   ] });
 }, Jn = Y(Yn);