@purpurds/autocomplete 8.12.1 → 8.13.0

package/dist/autocomplete.es.js

@@ -1,13 +1,13 @@
-import { jsx as l, jsxs as N, Fragment as jt } from "react/jsx-runtime";
-import * as h from "react";
-import { forwardRef as Y, Children as At, isValidElement as Xe, useId as Ct, useRef as G, useCallback as Pt, useEffect as It, useState as ne, cloneElement as kt } from "react";
+import { jsx as l, jsxs as O, Fragment as Nt } from "react/jsx-runtime";
+import * as g from "react";
+import { forwardRef as Y, Children as Ot, isValidElement as Qe, useId as jt, useRef as G, useCallback as At, useEffect as Ct, useState as re, cloneElement as Pt } from "react";
 import "react-dom";
-function Mt(t) {
+function It(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var he = { exports: {} }, ge;
-function Bt() {
-  return ge || (ge = 1, (function(t) {
+var he = { exports: {} }, ve;
+function kt() {
+  return ve || (ve = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -38,8 +38,8 @@ function Bt() {
     })();
   })(he)), he.exports;
 }
-var qt = Bt();
-const Lt = /* @__PURE__ */ Mt(qt), Rt = {
+var Mt = kt();
+const Bt = /* @__PURE__ */ It(Mt), qt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -47,35 +47,35 @@ const Lt = /* @__PURE__ */ Mt(qt), Rt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, zt = Lt.bind(Rt), me = "purpur-icon", Et = "md", Tt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Dt = ({ content: t = "", title: u } = {}) => {
+}, Lt = Bt.bind(qt), ge = "purpur-icon", Rt = "md", zt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Et = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = u ? `<title>${u}</title>` : "";
-  return `<svg ${Tt(n)}>${o}${t}</svg>`;
-}, Vt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), et = ({ svg: t, allyTitle: u, className: n, size: o = Et, ...a }) => {
-  const e = Dt({
-    content: Vt(t.svg),
+  return `<svg ${zt(n)}>${o}${t}</svg>`;
+}, Tt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xe = ({ svg: t, allyTitle: u, className: n, size: o = Rt, ...a }) => {
+  const e = Et({
+    content: Tt(t.svg),
     title: u
-  }), r = zt(me, `${me}--${o}`, n);
+  }), r = Lt(ge, `${ge}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: r, dangerouslySetInnerHTML: { __html: e }, ...a });
 };
-et.displayName = "Icon";
-const Ft = {
+Xe.displayName = "Icon";
+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"
-}, tt = (t) => /* @__PURE__ */ l(et, { ...t, svg: Ft });
-tt.displayName = "IconChevronDown";
-function Zt(t) {
+}, et = (t) => /* @__PURE__ */ l(Xe, { ...t, svg: Dt });
+et.displayName = "IconChevronDown";
+function Vt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var be = { exports: {} }, ye;
-function Kt() {
-  return ye || (ye = 1, (function(t) {
+var me = { exports: {} }, be;
+function Ft() {
+  return be || (be = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -104,10 +104,10 @@ function Kt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(be)), be.exports;
+  })(me)), me.exports;
 }
-var Ht = Kt();
-const rt = /* @__PURE__ */ Zt(Ht), nt = {
+var Zt = Ft();
+const tt = /* @__PURE__ */ Vt(Zt), rt = {
   "purpur-listbox": "_purpur-listbox_6c8yl_1",
   "purpur-listbox-item": "_purpur-listbox-item_6c8yl_15",
   "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_6c8yl_29",
@@ -116,12 +116,12 @@ const rt = /* @__PURE__ */ Zt(Ht), nt = {
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_6c8yl_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_6c8yl_51"
 };
-function Wt(t) {
+function Kt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var xe = { exports: {} }, we;
-function Gt() {
-  return we || (we = 1, (function(t) {
+var ye = { exports: {} }, xe;
+function Ht() {
+  return xe || (xe = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -150,10 +150,10 @@ function Gt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(xe)), xe.exports;
+  })(ye)), ye.exports;
 }
-var Ut = Gt();
-const Yt = /* @__PURE__ */ Wt(Ut), Jt = {
+var Wt = Ht();
+const Gt = /* @__PURE__ */ Kt(Wt), Ut = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -161,35 +161,35 @@ const Yt = /* @__PURE__ */ Wt(Ut), Jt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Qt = Yt.bind(Jt), $e = "purpur-icon", Xt = "md", er = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), tr = ({ content: t = "", title: u } = {}) => {
+}, Yt = Gt.bind(Ut), we = "purpur-icon", Jt = "md", Qt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xt = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = u ? `<title>${u}</title>` : "";
-  return `<svg ${er(n)}>${o}${t}</svg>`;
-}, rr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), it = ({ svg: t, allyTitle: u, className: n, size: o = Xt, ...a }) => {
-  const e = tr({
-    content: rr(t.svg),
+  return `<svg ${Qt(n)}>${o}${t}</svg>`;
+}, er = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nt = ({ svg: t, allyTitle: u, className: n, size: o = Jt, ...a }) => {
+  const e = Xt({
+    content: er(t.svg),
     title: u
-  }), r = Qt($e, `${$e}--${o}`, n);
+  }), r = Yt(we, `${we}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: r, dangerouslySetInnerHTML: { __html: e }, ...a });
 };
-it.displayName = "Icon";
-const nr = {
+nt.displayName = "Icon";
+const tr = {
   name: "checkmark",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark"],
   category: "utility"
-}, ut = (t) => /* @__PURE__ */ l(it, { ...t, svg: nr });
-ut.displayName = "IconCheckmark";
-function ir(t) {
+}, it = (t) => /* @__PURE__ */ l(nt, { ...t, svg: tr });
+it.displayName = "IconCheckmark";
+function rr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Se = { exports: {} }, Oe;
-function ur() {
-  return Oe || (Oe = 1, (function(t) {
+var $e = { exports: {} }, Se;
+function nr() {
+  return Se || (Se = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -218,10 +218,10 @@ function ur() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Se)), Se.exports;
+  })($e)), $e.exports;
 }
-var ar = ur();
-const or = /* @__PURE__ */ ir(ar), pr = {
+var ir = nr();
+const ur = /* @__PURE__ */ rr(ir), ar = {
   "purpur-paragraph": "_purpur-paragraph_1vz75_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1vz75_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1vz75_10",
@@ -237,26 +237,26 @@ const or = /* @__PURE__ */ ir(ar), pr = {
   "purpur-paragraph--additional-100-bold": "_purpur-paragraph--additional-100-bold_1vz75_67",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1vz75_74",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
-}, lr = or.bind(pr), sr = {
+}, or = ur.bind(ar), pr = {
   PARAGRAPH100: "paragraph-100"
-}, Z = "purpur-paragraph", at = ({
+}, Z = "purpur-paragraph", ut = ({
   children: t,
   className: u,
   disabled: n,
   enableHyphenation: o = !1,
   negative: a = !1,
-  variant: e = sr.PARAGRAPH100,
+  variant: e = pr.PARAGRAPH100,
   ...r
 }) => {
-  const i = lr(u, Z, `${Z}--${e}`, {
+  const i = or(u, Z, `${Z}--${e}`, {
     [`${Z}--hyphens`]: o,
     [`${Z}--disabled`]: n,
     [`${Z}--negative`]: a
   });
   return /* @__PURE__ */ l("p", { ...r, className: i, children: t });
 };
-at.displayName = "Paragraph";
-const Ne = rt.bind(nt), z = "purpur-listbox", pe = Y((t, u) => {
+ut.displayName = "Paragraph";
+const Ne = tt.bind(rt), z = "purpur-listbox", oe = Y((t, u) => {
   const {
     disabled: n,
     highlighted: o,
@@ -273,7 +273,7 @@ const Ne = rt.bind(nt), z = "purpur-listbox", pe = Y((t, u) => {
     [`${z}-item--disabled`]: n,
     [`${z}-item--noninteractive`]: d
   });
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ O(
     "li",
     {
       ..._,
@@ -283,36 +283,36 @@ const Ne = rt.bind(nt), z = "purpur-listbox", pe = Y((t, u) => {
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof r == "string" ? /* @__PURE__ */ l(at, { children: r }) : r,
-        e && /* @__PURE__ */ l(ut, { size: "xs", className: Ne(`${z}-item__icon`) })
+        typeof r == "string" ? /* @__PURE__ */ l(ut, { children: r }) : r,
+        e && /* @__PURE__ */ l(it, { size: "xs", className: Ne(`${z}-item__icon`) })
       ]
     }
   );
-}), cr = (t) => Xe(t) && t?.type === pe;
-pe.displayName = "ListBoxItem";
-const dr = rt.bind(nt), _r = "purpur-listbox", U = Y(
+}), lr = (t) => Qe(t) && t?.type === oe;
+oe.displayName = "ListBoxItem";
+const sr = tt.bind(rt), cr = "purpur-listbox", U = Y(
   ({ children: t, ...u }, n) => /* @__PURE__ */ l(
     "ul",
     {
       ...u,
       ref: n,
-      className: dr(_r, u.className),
+      className: sr(cr, u.className),
       role: "listbox",
-      children: At.toArray(t).filter(cr)
+      children: Ot.toArray(t).filter(lr)
     }
   )
 );
-U.Item = pe;
+U.Item = oe;
 U.displayName = "ListBox";
-const fr = {
+const dr = {
   LG: "lg"
 };
-function vr(t) {
+function _r(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var je = { exports: {} }, Ae;
-function hr() {
-  return Ae || (Ae = 1, (function(t) {
+var Oe = { exports: {} }, je;
+function fr() {
+  return je || (je = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -341,33 +341,33 @@ function hr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(je)), je.exports;
+  })(Oe)), Oe.exports;
 }
-var gr = hr();
-const mr = /* @__PURE__ */ vr(gr), br = "_rotate_12t9p_1", yr = "_dash_12t9p_1", xr = {
+var hr = fr();
+const vr = /* @__PURE__ */ _r(hr), gr = "_rotate_12t9p_1", mr = "_dash_12t9p_1", br = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: br,
+  rotate: gr,
   "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: yr,
+  dash: mr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ce = mr.bind(xr), K = "purpur-spinner", wr = {
+}, Ae = vr.bind(br), K = "purpur-spinner", yr = {
   SM: "sm"
-}, ot = ({
+}, at = ({
   disabled: t = !1,
   negative: u = !1,
-  size: n = wr.SM,
+  size: n = yr.SM,
   className: o,
   ...a
-}) => /* @__PURE__ */ l("div", { className: Ce(K, `${K}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Ae(K, `${K}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: Ce(`${K}__circle`, {
+    className: Ae(`${K}__circle`, {
       [`${K}__circle--disabled`]: t,
       [`${K}__circle--negative`]: u
     }),
@@ -376,13 +376,13 @@ const mr = /* @__PURE__ */ vr(gr), br = "_rotate_12t9p_1", yr = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-ot.displayName = "Spinner";
-function $r(t) {
+at.displayName = "Spinner";
+function xr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Pe = { exports: {} }, Ie;
-function Sr() {
-  return Ie || (Ie = 1, (function(t) {
+var Ce = { exports: {} }, Pe;
+function wr() {
+  return Pe || (Pe = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -411,10 +411,10 @@ function Sr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Pe)), Pe.exports;
+  })(Ce)), Ce.exports;
 }
-var Or = Sr();
-const Nr = /* @__PURE__ */ $r(Or), jr = {
+var $r = wr();
+const Sr = /* @__PURE__ */ xr($r), Nr = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -437,7 +437,7 @@ const Nr = /* @__PURE__ */ $r(Or), jr = {
   "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"
-}, ke = Nr.bind(jr), k = "purpur-button", pt = Y(
+}, Ie = Sr.bind(Nr), k = "purpur-button", ot = Y(
   ({
     children: t,
     className: u,
@@ -454,7 +454,7 @@ const Nr = /* @__PURE__ */ $r(Or), jr = {
   }, C) => {
     if (a && _ === "destructive")
       return null;
-    const M = ke(
+    const M = Ie(
       [
         k,
         `${k}--${r ? `${_}-negative` : _}`,
@@ -467,26 +467,26 @@ const Nr = /* @__PURE__ */ $r(Or), jr = {
         [`${k}--disabled`]: n || e
       },
       u
-    ), g = (S) => {
+    ), v = (S) => {
       n || e ? S.preventDefault() : i && i(S);
     }, c = !!x["aria-disabled"] || n || e;
-    return /* @__PURE__ */ N(
+    return /* @__PURE__ */ O(
       "button",
       {
         className: M,
         type: y,
         ref: C,
         "aria-disabled": c,
-        onClick: g,
+        onClick: v,
         ...x,
         children: [
           e && /* @__PURE__ */ l(
-            ot,
+            at,
             {
-              size: d === fr.LG ? "xs" : "xxs",
+              size: d === dr.LG ? "xs" : "xxs",
               negative: r,
               disabled: c,
-              className: ke(`${k}__spinner`)
+              className: Ie(`${k}__spinner`)
             }
           ),
           " ",
@@ -496,13 +496,13 @@ const Nr = /* @__PURE__ */ $r(Or), jr = {
     );
   }
 );
-pt.displayName = "Button";
-function Ar(t) {
+ot.displayName = "Button";
+function Or(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Me = { exports: {} }, Be;
-function Cr() {
-  return Be || (Be = 1, (function(t) {
+var ke = { exports: {} }, Me;
+function jr() {
+  return Me || (Me = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -531,10 +531,10 @@ function Cr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Me)), Me.exports;
+  })(ke)), ke.exports;
 }
-var Pr = Cr();
-const Ir = /* @__PURE__ */ Ar(Pr), kr = {
+var Ar = jr();
+const Cr = /* @__PURE__ */ Or(Ar), Pr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -542,34 +542,34 @@ const Ir = /* @__PURE__ */ Ar(Pr), kr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Mr = Ir.bind(kr), qe = "purpur-icon", Br = "md", qr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Lr = ({ content: t = "", title: u } = {}) => {
+}, Ir = Cr.bind(Pr), Be = "purpur-icon", kr = "md", Mr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Br = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = u ? `<title>${u}</title>` : "";
-  return `<svg ${qr(n)}>${o}${t}</svg>`;
-}, Rr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), lt = ({ svg: t, allyTitle: u, className: n, size: o = Br, ...a }) => {
-  const e = Lr({
-    content: Rr(t.svg),
+  return `<svg ${Mr(n)}>${o}${t}</svg>`;
+}, qr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pt = ({ svg: t, allyTitle: u, className: n, size: o = kr, ...a }) => {
+  const e = Br({
+    content: qr(t.svg),
     title: u
-  }), r = Mr(qe, `${qe}--${o}`, n);
+  }), r = Ir(Be, `${Be}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: r, dangerouslySetInnerHTML: { __html: e }, ...a });
 };
-lt.displayName = "Icon";
-const zr = {
+pt.displayName = "Icon";
+const Lr = {
   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 Er(t) {
+function Rr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Le = { exports: {} }, Re;
-function Tr() {
-  return Re || (Re = 1, (function(t) {
+var qe = { exports: {} }, Le;
+function zr() {
+  return Le || (Le = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -598,40 +598,40 @@ function Tr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Le)), Le.exports;
+  })(qe)), qe.exports;
 }
-var Dr = Tr();
-const Vr = /* @__PURE__ */ Er(Dr), Fr = {
+var Er = zr();
+const Tr = /* @__PURE__ */ Rr(Er), Dr = {
   "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"
-}, ze = Vr.bind(Fr), ie = "purpur-field-error-text", Zr = ({
+}, Re = Tr.bind(Dr), ne = "purpur-field-error-text", Vr = ({
   children: t,
   className: u,
   negative: n = !1,
   ["aria-relevant"]: o = "additions text",
   ...a
-}) => /* @__PURE__ */ N(
+}) => /* @__PURE__ */ O(
   "div",
   {
-    className: ze(u, ie, {
-      [`${ie}--negative`]: n
+    className: Re(u, ne, {
+      [`${ne}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": o,
     ...a,
     children: [
-      /* @__PURE__ */ l(lt, { svg: zr, size: "xs", className: ze(`${ie}__icon`) }),
+      /* @__PURE__ */ l(pt, { svg: Lr, size: "xs", className: Re(`${ne}__icon`) }),
       t
     ]
   }
 );
-function Kr(t) {
+function Fr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ee = { exports: {} }, Te;
-function Hr() {
-  return Te || (Te = 1, (function(t) {
+var ze = { exports: {} }, Ee;
+function Zr() {
+  return Ee || (Ee = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -660,14 +660,14 @@ function Hr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Ee)), Ee.exports;
+  })(ze)), ze.exports;
 }
-var Wr = Hr();
-const Gr = /* @__PURE__ */ Kr(Wr), Ur = {
+var Kr = Zr();
+const Hr = /* @__PURE__ */ Fr(Kr), Wr = {
   "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"
-}, Yr = Gr.bind(Ur), ue = "purpur-field-helper-text", Jr = ({
+}, Gr = Hr.bind(Wr), ie = "purpur-field-helper-text", Ur = ({
   children: t,
   className: u,
   disabled: n,
@@ -675,18 +675,18 @@ const Gr = /* @__PURE__ */ Kr(Wr), Ur = {
   negative: a,
   ...e
 }) => {
-  const r = Yr(u, ue, {
-    [`${ue}--disabled`]: n,
-    [`${ue}--negative`]: a
+  const r = Gr(u, ie, {
+    [`${ie}--disabled`]: n,
+    [`${ie}--negative`]: a
   });
   return /* @__PURE__ */ l("span", { id: o, className: r, ...e, children: t });
 };
-function Qr(t) {
+function Yr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var De = { exports: {} }, Ve;
-function Xr() {
-  return Ve || (Ve = 1, (function(t) {
+var Te = { exports: {} }, De;
+function Jr() {
+  return De || (De = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -715,10 +715,10 @@ function Xr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(De)), De.exports;
+  })(Te)), Te.exports;
 }
-var en = Xr();
-const tn = /* @__PURE__ */ Qr(en), rn = {
+var Qr = Jr();
+const Xr = /* @__PURE__ */ Yr(Qr), en = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -726,95 +726,86 @@ const tn = /* @__PURE__ */ Qr(en), rn = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, nn = tn.bind(rn), Fe = "purpur-icon", un = "md", an = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), on = ({ content: t = "", title: u } = {}) => {
+}, tn = Xr.bind(en), Ve = "purpur-icon", rn = "md", nn = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), un = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = u ? `<title>${u}</title>` : "";
-  return `<svg ${an(n)}>${o}${t}</svg>`;
-}, pn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), le = ({ svg: t, allyTitle: u, className: n, size: o = un, ...a }) => {
-  const e = on({
-    content: pn(t.svg),
+  return `<svg ${nn(n)}>${o}${t}</svg>`;
+}, an = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pe = ({ svg: t, allyTitle: u, className: n, size: o = rn, ...a }) => {
+  const e = un({
+    content: an(t.svg),
     title: u
-  }), r = nn(Fe, `${Fe}--${o}`, n);
+  }), r = tn(Ve, `${Ve}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: r, dangerouslySetInnerHTML: { __html: e }, ...a });
 };
-le.displayName = "Icon";
-const ln = {
+pe.displayName = "Icon";
+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"
-}, st = (t) => /* @__PURE__ */ l(le, { ...t, svg: ln });
-st.displayName = "IconCheckCircleFilled";
-const sn = {
+}, lt = (t) => /* @__PURE__ */ l(pe, { ...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"
-}, ct = (t) => /* @__PURE__ */ l(le, { ...t, svg: sn });
-ct.displayName = "IconClose";
-function Ze(t, u) {
+}, st = (t) => /* @__PURE__ */ l(pe, { ...t, svg: pn });
+st.displayName = "IconClose";
+function Fe(t, u) {
   if (typeof t == "function")
     return t(u);
   t != null && (t.current = u);
 }
-function cn(...t) {
+function ln(...t) {
   return (u) => {
     let n = !1;
     const o = t.map((a) => {
-      const e = Ze(a, u);
+      const e = Fe(a, u);
       return !n && typeof e == "function" && (n = !0), e;
     });
     if (n)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const e = o[a];
-          typeof e == "function" ? e() : Ze(t[a], null);
+          typeof e == "function" ? e() : Fe(t[a], null);
         }
       };
   };
 }
-var dn = Symbol.for("react.lazy"), X = h[" use ".trim().toString()];
-function _n(t) {
-  return typeof t == "object" && t !== null && "then" in t;
-}
-function dt(t) {
-  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === dn && "_payload" in t && _n(t._payload);
-}
 // @__NO_SIDE_EFFECTS__
-function fn(t) {
-  const u = /* @__PURE__ */ vn(t), n = h.forwardRef((o, a) => {
-    let { children: e, ...r } = o;
-    dt(e) && typeof X == "function" && (e = X(e._payload));
-    const i = h.Children.toArray(e), d = i.find(gn);
+function sn(t) {
+  const u = /* @__PURE__ */ cn(t), n = g.forwardRef((o, a) => {
+    const { children: e, ...r } = o, i = g.Children.toArray(e), d = i.find(_n);
     if (d) {
-      const _ = d.props.children, y = i.map((x) => x === d ? h.Children.count(_) > 1 ? h.Children.only(null) : h.isValidElement(_) ? _.props.children : null : x);
-      return /* @__PURE__ */ l(u, { ...r, ref: a, children: h.isValidElement(_) ? h.cloneElement(_, void 0, y) : null });
+      const _ = d.props.children, y = i.map((x) => x === d ? g.Children.count(_) > 1 ? g.Children.only(null) : g.isValidElement(_) ? _.props.children : null : x);
+      return /* @__PURE__ */ l(u, { ...r, ref: a, children: g.isValidElement(_) ? g.cloneElement(_, void 0, y) : null });
     }
     return /* @__PURE__ */ l(u, { ...r, ref: a, children: e });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function vn(t) {
-  const u = h.forwardRef((n, o) => {
-    let { children: a, ...e } = n;
-    if (dt(a) && typeof X == "function" && (a = X(a._payload)), h.isValidElement(a)) {
-      const r = bn(a), i = mn(e, a.props);
-      return a.type !== h.Fragment && (i.ref = o ? cn(o, r) : r), h.cloneElement(a, i);
+function cn(t) {
+  const u = g.forwardRef((n, o) => {
+    const { children: a, ...e } = n;
+    if (g.isValidElement(a)) {
+      const r = hn(a), i = fn(e, a.props);
+      return a.type !== g.Fragment && (i.ref = o ? ln(o, r) : r), g.cloneElement(a, i);
     }
-    return h.Children.count(a) > 1 ? h.Children.only(null) : null;
+    return g.Children.count(a) > 1 ? g.Children.only(null) : null;
   });
   return u.displayName = `${t}.SlotClone`, u;
 }
-var hn = Symbol("radix.slottable");
-function gn(t) {
-  return h.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === hn;
+var dn = Symbol("radix.slottable");
+function _n(t) {
+  return g.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === dn;
 }
-function mn(t, u) {
+function fn(t, u) {
   const n = { ...u };
   for (const o in u) {
     const a = t[o], e = u[o];
@@ -825,11 +816,11 @@ function mn(t, u) {
   }
   return { ...t, ...n };
 }
-function bn(t) {
+function hn(t) {
   let u = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, n = u && "isReactWarning" in u && u.isReactWarning;
   return n ? t.ref : (u = Object.getOwnPropertyDescriptor(t, "ref")?.get, n = u && "isReactWarning" in u && u.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
 }
-var yn = [
+var vn = [
   "a",
   "button",
   "div",
@@ -847,14 +838,14 @@ var yn = [
   "span",
   "svg",
   "ul"
-], xn = yn.reduce((t, u) => {
-  const n = /* @__PURE__ */ fn(`Primitive.${u}`), o = h.forwardRef((a, e) => {
+], gn = vn.reduce((t, u) => {
+  const n = /* @__PURE__ */ sn(`Primitive.${u}`), o = g.forwardRef((a, e) => {
     const { asChild: r, ...i } = a, d = r ? n : u;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(d, { ...i, ref: e });
   });
   return o.displayName = `Primitive.${u}`, { ...t, [u]: o };
-}, {}), wn = "Label", _t = h.forwardRef((t, u) => /* @__PURE__ */ l(
-  xn.label,
+}, {}), mn = "Label", ct = g.forwardRef((t, u) => /* @__PURE__ */ l(
+  gn.label,
   {
     ...t,
     ref: u,
@@ -863,14 +854,14 @@ var yn = [
     }
   }
 ));
-_t.displayName = wn;
-var $n = _t;
-function Sn(t) {
+ct.displayName = mn;
+var bn = ct;
+function yn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ke = { exports: {} }, He;
-function On() {
-  return He || (He = 1, (function(t) {
+var Ze = { exports: {} }, Ke;
+function xn() {
+  return Ke || (Ke = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -899,32 +890,32 @@ function On() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Ke)), Ke.exports;
+  })(Ze)), Ze.exports;
 }
-var Nn = On();
-const jn = /* @__PURE__ */ Sn(Nn), An = {
+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"
-}, Cn = jn.bind(An), ae = "purpur-label", Pn = ({
+}, Nn = $n.bind(Sn), ue = "purpur-label", On = ({
   children: t,
   className: u,
   disabled: n,
   negative: o = !1,
   ...a
 }) => {
-  const e = Cn(u, ae, {
-    [`${ae}--disabled`]: n,
-    [`${ae}--negative`]: o
+  const e = Nn(u, ue, {
+    [`${ue}--disabled`]: n,
+    [`${ue}--negative`]: o
   });
-  return /* @__PURE__ */ l($n, { className: e, ...a, children: t });
+  return /* @__PURE__ */ l(bn, { className: e, ...a, children: t });
 };
-function In(t) {
+function jn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var We = { exports: {} }, Ge;
-function kn() {
-  return Ge || (Ge = 1, (function(t) {
+var He = { exports: {} }, We;
+function An() {
+  return We || (We = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -953,33 +944,33 @@ function kn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(We)), We.exports;
+  })(He)), He.exports;
 }
-var Mn = kn();
-const Bn = /* @__PURE__ */ In(Mn), qn = "_rotate_12t9p_1", Ln = "_dash_12t9p_1", Rn = {
+var Cn = An();
+const Pn = /* @__PURE__ */ jn(Cn), In = "_rotate_12t9p_1", kn = "_dash_12t9p_1", Mn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: qn,
+  rotate: In,
   "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: Ln,
+  dash: kn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ue = Bn.bind(Rn), H = "purpur-spinner", zn = {
+}, Ge = Pn.bind(Mn), H = "purpur-spinner", Bn = {
   SM: "sm"
-}, ft = ({
+}, dt = ({
   disabled: t = !1,
   negative: u = !1,
-  size: n = zn.SM,
+  size: n = Bn.SM,
   className: o,
   ...a
-}) => /* @__PURE__ */ l("div", { className: Ue(H, `${H}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Ge(H, `${H}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: Ue(`${H}__circle`, {
+    className: Ge(`${H}__circle`, {
       [`${H}__circle--disabled`]: t,
       [`${H}__circle--negative`]: u
     }),
@@ -988,13 +979,13 @@ const Bn = /* @__PURE__ */ In(Mn), qn = "_rotate_12t9p_1", Ln = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-ft.displayName = "Spinner";
-function En(t) {
+dt.displayName = "Spinner";
+function qn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ye = { exports: {} }, Je;
-function Tn() {
-  return Je || (Je = 1, (function(t) {
+var Ue = { exports: {} }, Ye;
+function Ln() {
+  return Ye || (Ye = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -1023,31 +1014,31 @@ function Tn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Ye)), Ye.exports;
+  })(Ue)), Ue.exports;
 }
-var Dn = Tn();
-const Vn = /* @__PURE__ */ En(Dn), Fn = {
-  "purpur-text-field": "_purpur-text-field_1ar6e_1",
-  "purpur-text-field__label": "_purpur-text-field__label_1ar6e_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_1ar6e_12",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_1ar6e_15",
-  "purpur-text-field__frame": "_purpur-text-field__frame_1ar6e_19",
-  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_1ar6e_26",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_1ar6e_29",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1ar6e_40",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1ar6e_43",
-  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1ar6e_46",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1ar6e_49",
-  "purpur-text-field__input": "_purpur-text-field__input_1ar6e_29",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1ar6e_55",
-  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_1ar6e_61",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1ar6e_109",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_1ar6e_109",
-  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_1ar6e_127",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1ar6e_137",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1ar6e_142",
-  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1ar6e_145"
-}, Zn = (t) => G(t), A = Vn.bind(Fn), f = "purpur-text-field", vt = Y(
+var Rn = Ln();
+const zn = /* @__PURE__ */ qn(Rn), En = {
+  "purpur-text-field": "_purpur-text-field_h2fch_1",
+  "purpur-text-field__label": "_purpur-text-field__label_h2fch_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_h2fch_12",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_h2fch_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_h2fch_19",
+  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_h2fch_26",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_h2fch_29",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_h2fch_40",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_h2fch_43",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_h2fch_46",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_h2fch_49",
+  "purpur-text-field__input": "_purpur-text-field__input_h2fch_29",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_h2fch_55",
+  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_h2fch_61",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_h2fch_109",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_h2fch_109",
+  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_h2fch_127",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_h2fch_140",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_h2fch_145",
+  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_h2fch_148"
+}, Tn = (t) => G(t), A = zn.bind(En), f = "purpur-text-field", _t = Y(
   ({
     ["data-testid"]: t,
     className: u,
@@ -1063,44 +1054,44 @@ const Vn = /* @__PURE__ */ En(Dn), Fn = {
     onClear: x,
     startAdornment: C,
     valid: M = !1,
-    negative: g = !1,
+    negative: v = !1,
     ...c
   }, S) => {
-    const O = Ct(), s = c.id ?? O, m = (w) => t ? `${t}-${w}` : void 0, P = M && !r, B = i ? `${s}-helper-text` : void 0, E = [C].filter((w) => !!w), b = (typeof c.value == "number" ? c.value !== void 0 : c.value?.length) && !c.disabled && !c.readOnly && !y && x && n, j = Zn(null), T = (w) => {
+    const N = jt(), s = c.id ?? N, m = (w) => t ? `${t}-${w}` : void 0, P = M && !r, B = i ? `${s}-helper-text` : void 0, E = [C].filter((w) => !!w), b = (typeof c.value == "number" ? c.value !== void 0 : c.value?.length) && !c.disabled && !c.readOnly && !y && x && n, j = Tn(null), T = (w) => {
       j.current = w, typeof S == "function" ? S(w) : S && (S.current = w);
     }, J = () => {
       x?.(), j.current?.focus();
     }, q = [
       y && /* @__PURE__ */ l(
-        ft,
+        dt,
         {
           disabled: c.disabled,
           size: "xs",
           "data-testid": m("spinner"),
-          negative: g
+          negative: v
         },
         "spinner"
       ),
       b && /* @__PURE__ */ l(
-        pt,
+        ot,
         {
-          negative: g,
+          negative: v,
           variant: "tertiary-purple",
           onClick: J,
           iconOnly: !0,
           "aria-label": n ?? "",
           "data-testid": m("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(ct, { size: "xs" })
+          children: /* @__PURE__ */ l(st, { size: "xs" })
         },
         "clear-button"
       ),
       P && /* @__PURE__ */ l(
-        st,
+        lt,
         {
           "data-testid": m("valid-icon"),
           className: A(`${f}__valid-icon`, {
-            [`${f}__valid-icon--negative`]: g
+            [`${f}__valid-icon--negative`]: v
           })
         },
         "valid-icon"
@@ -1111,26 +1102,26 @@ const Vn = /* @__PURE__ */ En(Dn), Fn = {
       [`${f}__input-container--disabled`]: c.disabled,
       [`${f}__input-container--has-clear-button`]: b,
       [`${f}__input-container--readonly`]: c.readOnly && !c.disabled,
-      [`${f}__input-container--negative`]: g
+      [`${f}__input-container--negative`]: v
     });
-    return /* @__PURE__ */ N("div", { className: A(u, f), children: [
-      _ && /* @__PURE__ */ N(
-        Pn,
+    return /* @__PURE__ */ O("div", { className: A(u, f), children: [
+      _ && /* @__PURE__ */ O(
+        On,
         {
           htmlFor: s,
           className: A(`${f}__label`),
           "data-testid": m("label"),
           disabled: c.disabled,
-          negative: g,
+          negative: v,
           children: [
             c.required && !d && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
             _
           ]
         }
       ),
-      /* @__PURE__ */ N("div", { className: A(`${f}__field-row`), children: [
+      /* @__PURE__ */ O("div", { className: A(`${f}__field-row`), children: [
         !!o && o,
-        /* @__PURE__ */ N("div", { className: D, children: [
+        /* @__PURE__ */ O("div", { className: D, children: [
           !!E.length && /* @__PURE__ */ l(
             "div",
             {
@@ -1153,7 +1144,7 @@ const Vn = /* @__PURE__ */ En(Dn), Fn = {
                 {
                   [`${f}__input--valid`]: P,
                   [`${f}__input--error`]: !!r,
-                  [`${f}__input--negative`]: g
+                  [`${f}__input--negative`]: v
                 }
               ])
             }
@@ -1162,11 +1153,11 @@ const Vn = /* @__PURE__ */ En(Dn), Fn = {
             "div",
             {
               className: A(`${f}__frame`, {
-                [`${f}__frame--negative`]: g
+                [`${f}__frame--negative`]: v
               })
             }
           ),
-          (!!q.length || e) && /* @__PURE__ */ N(
+          (!!q.length || e) && /* @__PURE__ */ O(
             "div",
             {
               "data-testid": m("end-adornments"),
@@ -1181,27 +1172,28 @@ const Vn = /* @__PURE__ */ En(Dn), Fn = {
         !!a && a
       ] }),
       B && /* @__PURE__ */ l(
-        Jr,
+        Ur,
         {
           "data-testid": m("helper-text"),
           id: B,
-          negative: g,
+          negative: v,
+          disabled: c.disabled,
           children: i
         }
       ),
-      r && /* @__PURE__ */ l(Zr, { "data-testid": m("error-text"), negative: g, children: r })
+      r && /* @__PURE__ */ l(Vr, { "data-testid": m("error-text"), negative: v, children: r })
     ] });
   }
 );
-vt.displayName = "TextField";
-const Kn = (t) => Xe(t) && t.type.displayName === vt.displayName;
-function Hn(t) {
+_t.displayName = "TextField";
+const Dn = (t) => Qe(t) && t.type.displayName === _t.displayName;
+function Vn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var oe = { exports: {} };
-var Qe;
-function Wn() {
-  return Qe || (Qe = 1, (function(t) {
+var ae = { exports: {} };
+var Je;
+function Fn() {
+  return Je || (Je = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -1230,26 +1222,26 @@ function Wn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(oe)), oe.exports;
+  })(ae)), ae.exports;
 }
-var Gn = Wn();
-const Un = /* @__PURE__ */ Hn(Gn), Yn = {
+var Zn = Fn();
+const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
   "purpur-autocomplete": "_purpur-autocomplete_1u8x6_1",
   "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_1u8x6_4",
   "purpur-autocomplete__chevron-button": "_purpur-autocomplete__chevron-button_1u8x6_9",
   "purpur-autocomplete__chevron-icon": "_purpur-autocomplete__chevron-icon_1u8x6_15",
   "purpur-autocomplete__chevron-icon--up": "_purpur-autocomplete__chevron-icon--up_1u8x6_19"
-}, Jn = (t) => G(t), Qn = (t, u) => {
-  const n = Pt(
+}, Wn = (t) => G(t), Gn = (t, u) => {
+  const n = At(
     (o) => {
       t && !t.contains(o.target) && u();
     },
     [u, t]
   );
-  It(() => (document.addEventListener("mousedown", n), () => {
+  Ct(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, Xn = ({
+}, Un = ({
   combobox: t,
   comboboxButtonAriaLabel: u,
   highlightFirstOption: n,
@@ -1264,63 +1256,63 @@ const Un = /* @__PURE__ */ Hn(Gn), Yn = {
   onInputFocus: x,
   onInputKeyDown: C,
   onInputMouseDown: M,
-  openOnFocus: g,
+  openOnFocus: v,
   noOptionsText: c,
   onSelect: S,
-  options: O,
+  options: N,
   selectedOption: s,
   ["data-testid"]: m
 }) => {
-  const [P, B] = ne(
+  const [P, B] = re(
     ((typeof a == "string" ? a : o) || s?.label) ?? ""
-  ), E = typeof a == "string" ? a : P, [b, j] = ne(n ? O[0] : void 0), T = G(null), J = Jn(null), q = G(null), D = G({}), [w, se] = ne(!1);
-  function ee(p) {
+  ), E = typeof a == "string" ? a : P, [b, j] = re(n ? N[0] : void 0), T = G(null), J = Wn(null), q = G(null), D = G({}), [w, le] = re(!1);
+  function X(p) {
     return m ? `${m}-${p}` : void 0;
   }
   const V = () => {
-    se(!1), j(void 0);
+    le(!1), j(void 0);
   };
-  Qn(J.current, V);
+  Gn(J.current, V);
   const F = ({ eventType: p }) => {
-    se(!0), s && requestAnimationFrame(() => {
-      j({ ...s, isSetByClickEvent: p === "CLICK" }), re(D.current[s.id]);
+    le(!0), s && requestAnimationFrame(() => {
+      j({ ...s, isSetByClickEvent: p === "CLICK" }), te(D.current[s.id]);
     });
-  }, ht = (p) => {
+  }, ft = (p) => {
     if (e)
-      return O.filter(($) => e(p, $));
+      return N.filter(($) => e(p, $));
     if (!p)
-      return O;
-    const v = p.toUpperCase().split(" ") || [];
-    return O.filter(
-      ($) => v.every(
+      return N;
+    const h = p.toUpperCase().split(" ") || [];
+    return N.filter(
+      ($) => h.every(
         (R) => ($.value || $.label).toUpperCase().includes(R)
       )
     );
-  }, ce = (p) => s && s?.label === p ? O : ht(p), I = ce(E), te = (p) => {
+  }, se = (p) => s && s?.label === p ? N : ft(p), I = se(E), ee = (p) => {
     y?.(p), B(p);
-  }, re = (p) => {
+  }, te = (p) => {
     if (p) {
-      const v = p.getBoundingClientRect(), $ = q.current?.getBoundingClientRect() || { top: 0, bottom: 0 };
-      (v.top < $.top || v.bottom > $.bottom) && p.scrollIntoView({ block: "nearest" });
+      const h = p.getBoundingClientRect(), $ = q.current?.getBoundingClientRect() || { top: 0, bottom: 0 };
+      (h.top < $.top || h.bottom > $.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, de = (p) => {
-    p && (T.current?.focus(), te(p.label), S?.(p)), V();
-  }, gt = (p) => {
-    const v = n && !b ? 0 : I.findIndex((R) => R && b?.id === R.id), $ = I.length;
-    return p === "ArrowDown" ? I[(v ?? -1) + 1] || I[0] : I[(v ?? $) - 1] || I[$ - 1];
-  }, L = w && (!!I.length || !!c), mt = (p) => {
+  }, ce = (p) => {
+    p && (T.current?.focus(), ee(p.label), S?.(p)), V();
+  }, ht = (p) => {
+    const h = n && !b ? 0 : I.findIndex((R) => R && b?.id === R.id), $ = I.length;
+    return p === "ArrowDown" ? I[(h ?? -1) + 1] || I[0] : I[(h ?? $) - 1] || I[$ - 1];
+  }, L = w && (!!I.length || !!c), vt = (p) => {
     !L && F({ eventType: "KEYBOARD" });
-    const v = gt(p);
-    j(v), v && re(D.current[v.id]);
-  }, bt = (p) => {
+    const h = ht(p);
+    j(h), h && te(D.current[h.id]);
+  }, gt = (p) => {
     switch (C?.(p), p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), mt(p.key);
+        p.preventDefault(), vt(p.key);
         break;
       case "Enter": {
-        const v = b || (n ? O[0] : void 0);
-        L && de(v), !L && F({ eventType: "KEYBOARD" });
+        const h = b || (n ? N[0] : void 0);
+        L && ce(h), !L && F({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1328,37 +1320,37 @@ const Un = /* @__PURE__ */ Hn(Gn), Yn = {
         V();
         break;
     }
+  }, mt = (p) => {
+    const h = se(p.target.value);
+    ee(p.target.value), j(void 0), !L && F({ eventType: "KEYBOARD" }), n && h[0] && te(D.current[h[0].id]);
+  }, bt = (p) => {
+    M?.(p), L ? V() : F({ eventType: "CLICK" });
   }, yt = (p) => {
-    const v = ce(p.target.value);
-    te(p.target.value), j(void 0), !L && F({ eventType: "KEYBOARD" }), n && v[0] && re(D.current[v[0].id]);
+    x?.(p), !w && v && F({ eventType: "KEYBOARD" }), T.current?.select();
   }, xt = (p) => {
-    M?.(p), L ? V() : F({ eventType: "CLICK" });
-  }, wt = (p) => {
-    x?.(p), !w && g && F({ eventType: "KEYBOARD" }), T.current?.select();
-  }, $t = (p) => {
     _?.(p), setTimeout(() => {
-      !T.current?.contains(document.activeElement) && !q.current?.contains(document.activeElement) && (V(), t && te(s ? s.label : ""));
+      !T.current?.contains(document.activeElement) && !q.current?.contains(document.activeElement) && (V(), t && ee(s ? s.label : ""));
     });
-  }, St = {
+  }, wt = {
     maxHeight: typeof d == "number" ? `${d}px` : d
-  }, _e = {
+  }, de = {
     "aria-label": i,
     "aria-expanded": L,
-    "data-testid": ee("listbox"),
+    "data-testid": X("listbox"),
     id: `${r}-listbox`,
     ref: q,
     onMouseLeave: () => j(void 0),
-    style: d ? St : void 0
-  }, fe = (p) => `${r}-listbox-item-${p.id}`, Ot = (p, v) => {
-    const $ = () => p.id !== b?.id && j({ ...p, isSetByClickEvent: !0 }), R = (p.id === b?.id || !!n && !b && v === 0) && !b?.isSetByClickEvent;
+    style: d ? wt : void 0
+  }, _e = (p) => `${r}-listbox-item-${p.id}`, $t = (p, h) => {
+    const $ = () => p.id !== b?.id && j({ ...p, isSetByClickEvent: !0 }), R = (p.id === b?.id || !!n && !b && h === 0) && !b?.isSetByClickEvent;
     return {
-      "data-testid": ee(`listbox-item-${p.id}`),
-      id: fe(p),
+      "data-testid": X(`listbox-item-${p.id}`),
+      id: _e(p),
       key: p.id,
       onMouseMove: $,
-      onMouseUp: () => de(p),
-      ref: (ve) => {
-        ve && (D.current[p.id] = ve);
+      onMouseUp: () => ce(p),
+      ref: (fe) => {
+        fe && (D.current[p.id] = fe);
       },
       tabIndex: -1,
       selected: p.id === s?.id,
@@ -1366,35 +1358,35 @@ const Un = /* @__PURE__ */ Hn(Gn), Yn = {
       highlighted: R,
       hovered: p.id === b?.id && !!b?.isSetByClickEvent
     };
-  }, Nt = {
-    "aria-activedescendant": b ? fe(b) : void 0,
+  }, St = {
+    "aria-activedescendant": b ? _e(b) : void 0,
     "aria-autocomplete": "list",
-    "aria-controls": _e.id,
-    "data-testid": ee("input"),
+    "aria-controls": de.id,
+    "data-testid": X("input"),
     autoComplete: "off",
     id: `${r}-input`,
-    onChange: yt,
-    onMouseDown: xt,
-    onFocus: wt,
-    onKeyDown: bt,
-    onBlur: $t,
+    onChange: mt,
+    onMouseDown: bt,
+    onFocus: yt,
+    onKeyDown: gt,
+    onBlur: xt,
     ref: T,
     role: "combobox",
     value: E
   };
   return {
     id: r,
-    inputProps: Nt,
+    inputProps: St,
     internalRef: J,
     optionsToShow: I,
     showListbox: L,
     noOptionsText: c,
     combobox: t,
     comboboxButtonAriaLabel: u,
-    getListBoxItemProps: Ot,
-    listboxProps: _e
+    getListBoxItemProps: $t,
+    listboxProps: de
   };
-}, Q = Un.bind(Yn), W = "purpur-autocomplete", ei = ({ className: t, renderInput: u, renderOption: n, ...o }, a) => {
+}, Q = Kn.bind(Hn), W = "purpur-autocomplete", Yn = ({ className: t, renderInput: u, renderOption: n, ...o }, a) => {
   const {
     id: e,
     inputProps: r,
@@ -1405,16 +1397,16 @@ const Un = /* @__PURE__ */ Hn(Gn), Yn = {
     combobox: x,
     comboboxButtonAriaLabel: C,
     getListBoxItemProps: M,
-    listboxProps: g
-  } = Xn(o), c = (s, m) => {
+    listboxProps: v
+  } = Un(o), c = (s, m) => {
     const { key: P, ...B } = M(s, m);
     return /* @__PURE__ */ l(U.Item, { ...B, children: n ? n?.(s) : s.label }, P);
   }, S = (s) => {
     i.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
-  }, O = () => {
+  }, N = () => {
     const s = u(r);
-    if (x && C && y && s && Kn(s)) {
-      const P = /* @__PURE__ */ N(jt, { children: [
+    if (x && C && y && s && Dn(s)) {
+      const P = /* @__PURE__ */ O(Nt, { children: [
         s.props.endAdornment,
         /* @__PURE__ */ l(
           "button",
@@ -1427,9 +1419,9 @@ const Un = /* @__PURE__ */ Hn(Gn), Yn = {
             },
             "aria-label": C,
             "aria-expanded": _,
-            "aria-controls": g.id,
+            "aria-controls": v.id,
             children: /* @__PURE__ */ l(
-              tt,
+              et,
               {
                 size: "sm",
                 className: Q(`${W}__chevron-icon`, {
@@ -1440,18 +1432,18 @@ const Un = /* @__PURE__ */ Hn(Gn), Yn = {
           }
         )
       ] });
-      return kt(s, { endAdornment: P });
+      return Pt(s, { endAdornment: P });
     }
     return s;
   };
-  return /* @__PURE__ */ N("div", { id: e, ref: S, className: Q([W, t]), children: [
-    O(),
-    _ && /* @__PURE__ */ l(U, { ...g, className: Q(`${W}__listbox`), children: d.length ? d.filter((s) => !!s).map(c) : /* @__PURE__ */ l(U.Item, { noninteractive: !0, children: y }) })
+  return /* @__PURE__ */ O("div", { id: e, ref: S, className: Q([W, t]), children: [
+    N(),
+    _ && /* @__PURE__ */ l(U, { ...v, className: Q(`${W}__listbox`), children: d.length ? d.filter((s) => !!s).map(c) : /* @__PURE__ */ l(U.Item, { noninteractive: !0, children: y }) })
   ] });
-}, ti = Y(ei);
-ti.displayName = "Autocomplete";
+}, Jn = Y(Yn);
+Jn.displayName = "Autocomplete";
 export {
-  ti as Autocomplete,
-  Xn as useAutocomplete
+  Jn as Autocomplete,
+  Un as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map