@purpurds/autocomplete 5.12.0 → 5.14.0

package/dist/autocomplete.es.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as O, Fragment as ot } from "react/jsx-runtime";
-import { forwardRef as P, Children as R, isValidElement as q, createElement as W, cloneElement as lr, useEffect as Nr, useId as pt, Fragment as st, useRef as Y, useCallback as lt, useState as ur } from "react";
+import { forwardRef as P, Children as k, isValidElement as q, createElement as J, cloneElement as lr, useEffect as Nr, useId as pt, Fragment as st, useRef as Y, useCallback as lt, useState as ur } from "react";
 import "react-dom";
 function ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -67,7 +67,7 @@ const _t = /* @__PURE__ */ ct(dt), ft = {
   }
 );
 Or.displayName = "IconChevronDown";
-const xt = _t.bind(ft), mr = "purpur-icon", gt = "md", bt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ht = ({ content: t = "", title: a } = {}) => {
+const gt = _t.bind(ft), mr = "purpur-icon", xt = "md", bt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ht = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -80,13 +80,13 @@ const xt = _t.bind(ft), mr = "purpur-icon", gt = "md", bt = (t) => t.filter((a)
   svg: a,
   allyTitle: n,
   className: i,
-  size: o = gt,
+  size: o = xt,
   ...r
 }) => {
   const e = ht({
     content: yt(a.svg),
     title: n
-  }), u = xt(i, mr, `${mr}--${o}`);
+  }), u = gt(i, mr, `${mr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -105,7 +105,7 @@ const xt = _t.bind(ft), mr = "purpur-icon", gt = "md", bt = (t) => t.filter((a)
 function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Cr = { exports: {} };
+var Lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -140,9 +140,9 @@ var Cr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Cr);
-var jt = Cr.exports;
-const xr = /* @__PURE__ */ $t(jt), St = "_rotate_1xozj_1", Nt = "_dash_1xozj_1", G = {
+})(Lr);
+var jt = Lr.exports;
+const gr = /* @__PURE__ */ $t(jt), St = "_rotate_1xozj_1", Nt = "_dash_1xozj_1", G = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: St,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -154,7 +154,7 @@ const xr = /* @__PURE__ */ $t(jt), St = "_rotate_1xozj_1", Nt = "_dash_1xozj_1",
   dash: Nt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, K = "purpur-spinner", At = {
+}, V = "purpur-spinner", At = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -169,15 +169,15 @@ const xr = /* @__PURE__ */ $t(jt), St = "_rotate_1xozj_1", Nt = "_dash_1xozj_1",
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: xr([G[K], G[`${K}--${i}`]]),
+    className: gr([G[V], G[`${V}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: xr(G[`${K}__circle`], {
-          [G[`${K}__circle--disabled`]]: a,
-          [G[`${K}__circle--negative`]]: n
+        className: gr(G[`${V}__circle`], {
+          [G[`${V}__circle--disabled`]]: a,
+          [G[`${V}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -225,8 +225,8 @@ var Mr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Mr);
-var Ct = Mr.exports;
-const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
+var Lt = Mr.exports;
+const Mt = /* @__PURE__ */ Pt(Lt), Ct = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -247,7 +247,7 @@ const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, It = Mt.bind(Lt), B = "purpur-button", Bt = ({
+}, It = Mt.bind(Ct), z = "purpur-button", zt = ({
   children: t,
   className: a,
   ["data-testid"]: n,
@@ -266,18 +266,18 @@ const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
     return null;
   const j = It(
     [
-      B,
-      `${B}--${u ? `${y}-negative` : y}`,
-      `${B}--${b}`
+      z,
+      `${z}--${u ? `${y}-negative` : y}`,
+      `${z}--${b}`
     ],
     {
-      [`${B}--icon-only`]: r,
-      [`${B}--negative`]: u,
-      [`${B}--full-width`]: o,
-      [`${B}--disabled`]: i || e
+      [`${z}--icon-only`]: r,
+      [`${z}--negative`]: u,
+      [`${z}--full-width`]: o,
+      [`${z}--disabled`]: i || e
     },
     a
-  ), L = (l) => {
+  ), C = (l) => {
     i || e ? l.preventDefault() : v && v(l);
   }, w = !!d["aria-disabled"] || i || e;
   return /* @__PURE__ */ O(
@@ -288,7 +288,7 @@ const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
       type: $,
       ref: _,
       "aria-disabled": w,
-      onClick: L,
+      onClick: C,
       ...d,
       children: [
         e && /* @__PURE__ */ s(Ot, { size: b === wt.LG ? "xs" : "xxs", negative: u, disabled: w }),
@@ -297,9 +297,9 @@ const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
       ]
     }
   );
-}, Lr = P(Bt);
-Lr.displayName = "Button";
-function zt(t) {
+}, Cr = P(zt);
+Cr.displayName = "Button";
+function Bt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Ir = { exports: {} };
@@ -338,8 +338,8 @@ var Ir = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Ir);
-var kt = Ir.exports;
-const Rt = /* @__PURE__ */ zt(kt), qt = {
+var Rt = Ir.exports;
+const kt = /* @__PURE__ */ Bt(Rt), qt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -352,7 +352,7 @@ const Rt = /* @__PURE__ */ zt(kt), qt = {
   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"
-}, Dt = Rt.bind(qt), gr = "purpur-icon", Tt = "md", Ft = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Gt = ({ content: t = "", title: a } = {}) => {
+}, Dt = kt.bind(qt), xr = "purpur-icon", Tt = "md", Ft = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Gt = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -360,7 +360,7 @@ const Rt = /* @__PURE__ */ zt(kt), qt = {
     a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = a ? `<title>${a}</title>` : "";
   return `<svg ${Ft(n)}>${i}${t}</svg>`;
-}, Kt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Zt = ({
+}, Vt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Zt = ({
   ["data-testid"]: t,
   svg: a,
   allyTitle: n,
@@ -369,9 +369,9 @@ const Rt = /* @__PURE__ */ zt(kt), qt = {
   ...r
 }) => {
   const e = Gt({
-    content: Kt(a.svg),
+    content: Vt(a.svg),
     title: n
-  }), u = Dt(i, gr, `${gr}--${o}`);
+  }), u = Dt(i, xr, `${xr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -386,7 +386,7 @@ const Rt = /* @__PURE__ */ zt(kt), qt = {
 function Ht(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Br = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -421,12 +421,12 @@ var Br = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Br);
-var Vt = Br.exports;
-const Ut = /* @__PURE__ */ Ht(Vt), br = {
+})(zr);
+var Kt = zr.exports;
+const Xt = /* @__PURE__ */ Ht(Kt), br = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, hr = "purpur-field-error-text", Xt = ({
+}, hr = "purpur-field-error-text", Ut = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -435,7 +435,7 @@ const Ut = /* @__PURE__ */ Ht(Vt), br = {
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Ut([n, br[hr]]),
+    className: Xt([n, br[hr]]),
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": i,
@@ -449,7 +449,7 @@ const Ut = /* @__PURE__ */ Ht(Vt), br = {
 function Yt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -484,12 +484,12 @@ var zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(zr);
-var Wt = zr.exports;
-const Jt = /* @__PURE__ */ Yt(Wt), yr = {
+})(Br);
+var Jt = Br.exports;
+const Qt = /* @__PURE__ */ Yt(Jt), yr = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, wr = "purpur-field-helper-text", Qt = ({
+}, wr = "purpur-field-helper-text", Wt = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -497,7 +497,7 @@ const Jt = /* @__PURE__ */ Yt(Wt), yr = {
   id: o,
   ...r
 }) => {
-  const e = Jt([
+  const e = Qt([
     n,
     yr[wr],
     {
@@ -509,7 +509,7 @@ const Jt = /* @__PURE__ */ Yt(Wt), yr = {
 function re(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} };
+var Rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -544,8 +544,8 @@ var kr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(kr);
-var te = kr.exports;
+})(Rr);
+var te = Rr.exports;
 const ee = /* @__PURE__ */ re(te), ne = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -564,14 +564,14 @@ const ee = /* @__PURE__ */ re(te), ne = {
   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"
-}, Rr = (t) => /* @__PURE__ */ s(
+}, kr = (t) => /* @__PURE__ */ s(
   Er,
   {
     ...t,
     svg: ue
   }
 );
-Rr.displayName = "IconCheckCircleFilled";
+kr.displayName = "IconCheckCircleFilled";
 const qr = (t) => /* @__PURE__ */ s(
   Er,
   {
@@ -621,15 +621,15 @@ function or() {
     return t;
   }, or.apply(this, arguments);
 }
-function J() {
-  return J = Object.assign ? Object.assign.bind() : function(t) {
+function Q() {
+  return Q = Object.assign ? Object.assign.bind() : function(t) {
     for (var a = 1; a < arguments.length; a++) {
       var n = arguments[a];
       for (var i in n)
         Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
     }
     return t;
-  }, J.apply(this, arguments);
+  }, Q.apply(this, arguments);
 }
 function ce(t, a) {
   typeof t == "function" ? t(a) : t != null && (t.current = a);
@@ -640,14 +640,14 @@ function de(...t) {
   );
 }
 const Dr = /* @__PURE__ */ P((t, a) => {
-  const { children: n, ...i } = t, o = R.toArray(n), r = o.find(fe);
+  const { children: n, ...i } = t, o = k.toArray(n), r = o.find(fe);
   if (r) {
-    const e = r.props.children, u = o.map((v) => v === r ? R.count(e) > 1 ? R.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ W(pr, J({}, i, {
+    const e = r.props.children, u = o.map((v) => v === r ? k.count(e) > 1 ? k.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : v);
+    return /* @__PURE__ */ J(pr, Q({}, i, {
       ref: a
     }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ lr(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ W(pr, J({}, i, {
+  return /* @__PURE__ */ J(pr, Q({}, i, {
     ref: a
   }), n);
 });
@@ -657,10 +657,10 @@ const pr = /* @__PURE__ */ P((t, a) => {
   return /* @__PURE__ */ q(n) ? /* @__PURE__ */ lr(n, {
     ...ve(i, n.props),
     ref: a ? de(a, n.ref) : n.ref
-  }) : R.count(n) > 1 ? R.only(null) : null;
+  }) : k.count(n) > 1 ? k.only(null) : null;
 });
 pr.displayName = "SlotClone";
-const _e = ({ children: t }) => /* @__PURE__ */ W(st, null, t);
+const _e = ({ children: t }) => /* @__PURE__ */ J(st, null, t);
 function fe(t) {
   return /* @__PURE__ */ q(t) && t.type === _e;
 }
@@ -702,12 +702,12 @@ const me = [
   "span",
   "svg",
   "ul"
-], xe = me.reduce((t, a) => {
+], ge = me.reduce((t, a) => {
   const n = /* @__PURE__ */ P((i, o) => {
     const { asChild: r, ...e } = i, u = r ? Dr : a;
     return Nr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ W(u, J({}, e, {
+    }, []), /* @__PURE__ */ J(u, Q({}, e, {
       ref: o
     }));
   });
@@ -715,13 +715,13 @@ const me = [
     ...t,
     [a]: n
   };
-}, {}), ge = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ W(xe.label, or({}, t, {
+}, {}), xe = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ J(ge.label, or({}, t, {
   ref: a,
   onMouseDown: (n) => {
     var i;
     (i = t.onMouseDown) === null || i === void 0 || i.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), be = ge;
+}))), be = xe;
 function he(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -869,7 +869,7 @@ const jr = /* @__PURE__ */ je(Se), Ne = "_rotate_1xozj_1", Ae = "_dash_1xozj_1",
     ) })
   }
 );
-function Ce(t) {
+function Le(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Gr = { exports: {} };
@@ -909,7 +909,7 @@ var Gr = { exports: {} };
   })();
 })(Gr);
 var Me = Gr.exports;
-const Le = /* @__PURE__ */ Ce(Me), Ie = {
+const Ce = /* @__PURE__ */ Le(Me), Ie = {
   "purpur-text-field": "_purpur-text-field_nj9f4_1",
   "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -926,7 +926,7 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
-}, Be = (t) => Y(t), A = Le.bind(Ie), x = "purpur-text-field", ze = ({
+}, ze = (t) => Y(t), A = Ce.bind(Ie), g = "purpur-text-field", Be = ({
   ["data-testid"]: t,
   className: a,
   clearButtonAllyLabel: n,
@@ -942,12 +942,12 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
   ...d
 }, _) => {
   var j;
-  const L = pt(), w = d.id ?? L, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, g = e ? `${w}-helper-text` : void 0, S = [y].filter((m) => !!m), E = (typeof d.value == "number" ? d.value !== void 0 : (j = d.value) == null ? void 0 : j.length) && !d.disabled && !d.readOnly && !v && b && n, D = Be(null), z = (m) => {
+  const C = pt(), w = d.id ?? C, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, x = e ? `${w}-helper-text` : void 0, S = [y].filter((m) => !!m), E = (typeof d.value == "number" ? d.value !== void 0 : (j = d.value) == null ? void 0 : j.length) && !d.disabled && !d.readOnly && !v && b && n, D = ze(null), B = (m) => {
     D.current = m, typeof _ == "function" ? _(m) : _ && (_.current = m);
-  }, Q = () => {
+  }, W = () => {
     var m;
     b == null || b(), (m = D.current) == null || m.focus();
-  }, k = [
+  }, R = [
     v && /* @__PURE__ */ s(
       Pe,
       {
@@ -958,10 +958,10 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
       "spinner"
     ),
     E && /* @__PURE__ */ s(
-      Lr,
+      Cr,
       {
         variant: "tertiary-purple",
-        onClick: Q,
+        onClick: W,
         iconOnly: !0,
         "aria-label": n ?? "",
         "data-testid": l("clear-button"),
@@ -971,41 +971,41 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
       "clear-button"
     ),
     c && /* @__PURE__ */ s(
-      Rr,
+      kr,
       {
         "data-testid": l("valid-icon"),
-        className: A(`${x}__valid-icon`)
+        className: A(`${g}__valid-icon`)
       },
       "valid-icon"
     )
   ].filter((m) => !!m), T = A([
-    `${x}__input-container`,
+    `${g}__input-container`,
     {
-      [`${x}__input-container--start-adornment`]: S.length,
-      [`${x}__input-container--end-adornment`]: k.length || o,
-      [`${x}__input-container--disabled`]: d.disabled,
-      [`${x}__input-container--has-clear-button`]: E,
-      [`${x}__input-container--readonly`]: d.readOnly && !d.disabled
+      [`${g}__input-container--start-adornment`]: S.length,
+      [`${g}__input-container--end-adornment`]: R.length || o,
+      [`${g}__input-container--disabled`]: d.disabled,
+      [`${g}__input-container--has-clear-button`]: E,
+      [`${g}__input-container--readonly`]: d.readOnly && !d.disabled
     }
   ]);
-  return /* @__PURE__ */ O("div", { className: A(a, x), children: [
+  return /* @__PURE__ */ O("div", { className: A(a, g), children: [
     u && /* @__PURE__ */ s(
       $e,
       {
         htmlFor: w,
-        className: A(`${x}__label`),
+        className: A(`${g}__label`),
         "data-testid": l("label"),
         disabled: d.disabled,
         children: `${d.required ? "* " : ""}${u}`
       }
     ),
-    /* @__PURE__ */ O("div", { className: A(`${x}__field-row`), children: [
+    /* @__PURE__ */ O("div", { className: A(`${g}__field-row`), children: [
       /* @__PURE__ */ O("div", { className: T, children: [
         !!S.length && /* @__PURE__ */ s(
           "div",
           {
             "data-testid": l("start-adornments"),
-            className: A(`${x}__adornment-container`),
+            className: A(`${g}__adornment-container`),
             children: S
           }
         ),
@@ -1014,27 +1014,27 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
           {
             ...d,
             id: w,
-            ref: z,
+            ref: B,
             "data-testid": l("input"),
-            "aria-describedby": d["aria-describedby"] || g,
+            "aria-describedby": d["aria-describedby"] || x,
             "aria-invalid": d["aria-invalid"] || !!r,
             className: A([
-              `${x}__input`,
+              `${g}__input`,
               {
-                [`${x}__input--valid`]: c,
-                [`${x}__input--error`]: !!r
+                [`${g}__input--valid`]: c,
+                [`${g}__input--error`]: !!r
               }
             ])
           }
         ),
-        /* @__PURE__ */ s("div", { className: A(`${x}__frame`) }),
-        (!!k.length || o) && /* @__PURE__ */ O(
+        /* @__PURE__ */ s("div", { className: A(`${g}__frame`) }),
+        (!!R.length || o) && /* @__PURE__ */ O(
           "div",
           {
             "data-testid": l("end-adornments"),
-            className: A(`${x}__adornment-container`),
+            className: A(`${g}__adornment-container`),
             children: [
-              k,
+              R,
               o
             ]
           }
@@ -1042,13 +1042,13 @@ const Le = /* @__PURE__ */ Ce(Me), Ie = {
       ] }),
       !!i && i
     ] }),
-    g && /* @__PURE__ */ s(Qt, { "data-testid": l("helper-text"), id: g, children: e }),
-    r && /* @__PURE__ */ s(Xt, { "data-testid": l("error-text"), children: r })
+    x && /* @__PURE__ */ s(Wt, { "data-testid": l("helper-text"), id: x, children: e }),
+    r && /* @__PURE__ */ s(Ut, { "data-testid": l("error-text"), children: r })
   ] });
-}, Kr = P(ze);
-Kr.displayName = "TextField";
-const ke = (t) => q(t) && t.type.displayName === Kr.displayName;
-function Re(t) {
+}, Vr = P(Be);
+Vr.displayName = "TextField";
+const Re = (t) => q(t) && t.type.displayName === Vr.displayName;
+function ke(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Zr = { exports: {} };
@@ -1088,7 +1088,7 @@ var Zr = { exports: {} };
   })();
 })(Zr);
 var qe = Zr.exports;
-const Hr = /* @__PURE__ */ Re(qe), Ee = {
+const Hr = /* @__PURE__ */ ke(qe), Ee = {
   "purpur-autocomplete": "_purpur-autocomplete_1u8x6_1",
   "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_1u8x6_4",
   "purpur-autocomplete__chevron-button": "_purpur-autocomplete__chevron-button_1u8x6_9",
@@ -1098,7 +1098,7 @@ const Hr = /* @__PURE__ */ Re(qe), Ee = {
 function De(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Vr = { exports: {} };
+var Kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1133,9 +1133,9 @@ var Vr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Vr);
-var Te = Vr.exports;
-const Fe = /* @__PURE__ */ De(Te), V = {
+})(Kr);
+var Te = Kr.exports;
+const Fe = /* @__PURE__ */ De(Te), K = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1161,7 +1161,7 @@ const Fe = /* @__PURE__ */ De(Te), V = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, U = "purpur-paragraph", Ur = ({
+}, X = "purpur-paragraph", Xr = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -1173,18 +1173,18 @@ const Fe = /* @__PURE__ */ De(Te), V = {
 }) => {
   const v = Fe([
     n,
-    V[U],
-    V[`${U}--${e}`],
+    K[X],
+    K[`${X}--${e}`],
     {
-      [V[`${U}--hyphens`]]: o,
-      [V[`${U}--disabled`]]: i,
-      [V[`${U}--negative`]]: r
+      [K[`${X}--hyphens`]]: o,
+      [K[`${X}--disabled`]]: i,
+      [K[`${X}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: a });
 };
-Ur.displayName = "Paragraph";
-const Ke = {
+Xr.displayName = "Paragraph";
+const Ve = {
   "purpur-listbox": "_purpur-listbox_qhoi7_1",
   "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
   "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_qhoi7_29",
@@ -1202,7 +1202,7 @@ const Ke = {
   Nr(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, Ve = ({
+}, Ke = ({
   combobox: t,
   highlightFirstOption: a,
   defaultInputValue: n,
@@ -1219,19 +1219,19 @@ const Ke = {
   selectedOption: _,
   ["data-testid"]: j
 }) => {
-  const [L, w] = ur(
+  const [C, w] = ur(
     ((typeof i == "string" ? i : n) || (_ == null ? void 0 : _.label)) ?? ""
-  ), l = typeof i == "string" ? i : L, [c, g] = ur(a ? d[0] : void 0), S = Y(null), E = Ze(null), D = Y(null), z = Y({}), [Q, k] = ur(!1);
+  ), l = typeof i == "string" ? i : C, [c, x] = ur(a ? d[0] : void 0), S = Y(null), E = Ze(null), D = Y(null), B = Y({}), [W, R] = ur(!1);
   function T(p) {
     return j ? `${j}-${p}` : void 0;
   }
   const m = () => {
-    k(!1), g(void 0);
+    R(!1), x(void 0);
   };
   He(E.current, m);
   const F = ({ eventType: p }) => {
-    k(!0), _ && requestAnimationFrame(() => {
-      g({ ..._, isSetByClickEvent: p === "CLICK" }), er(z.current[_.id]);
+    R(!0), _ && requestAnimationFrame(() => {
+      x({ ..._, isSetByClickEvent: p === "CLICK" }), er(B.current[_.id]);
     });
   }, Yr = (p) => {
     if (o)
@@ -1244,7 +1244,7 @@ const Ke = {
         (N) => (h.value || h.label).toUpperCase().includes(N)
       )
     );
-  }, dr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), C = dr(l), tr = (p) => {
+  }, dr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), L = dr(l), tr = (p) => {
     v == null || v(p), w(p);
   }, er = (p) => {
     var f;
@@ -1255,18 +1255,18 @@ const Ke = {
   }, _r = (p) => {
     var f;
     p && ((f = S.current) == null || f.focus(), tr(p.label), $ == null || $(p)), m();
-  }, Wr = (p) => {
-    const f = a && !c ? 0 : C.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = C.length;
-    return p === "ArrowDown" ? C[(f ?? -1) + 1] || C[0] : C[(f ?? h) - 1] || C[h - 1];
-  }, I = Q && (!!C.length || !!y), Jr = (p) => {
+  }, Jr = (p) => {
+    const f = a && !c ? 0 : L.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = L.length;
+    return p === "ArrowDown" ? L[(f ?? -1) + 1] || L[0] : L[(f ?? h) - 1] || L[h - 1];
+  }, I = W && (!!L.length || !!y), Qr = (p) => {
     !I && F({ eventType: "KEYBOARD" });
-    const f = Wr(p);
-    g(f), f && er(z.current[f.id]);
-  }, Qr = (p) => {
+    const f = Jr(p);
+    x(f), f && er(B.current[f.id]);
+  }, Wr = (p) => {
     switch (p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), Jr(p.key);
+        p.preventDefault(), Qr(p.key);
         break;
       case "Enter": {
         const f = c || (a ? d[0] : void 0);
@@ -1280,12 +1280,12 @@ const Ke = {
     }
   }, rt = (p) => {
     const f = dr(p.target.value);
-    tr(p.target.value), g(void 0), !I && F({ eventType: "KEYBOARD" }), a && f[0] && er(z.current[f[0].id]);
+    tr(p.target.value), x(void 0), !I && F({ eventType: "KEYBOARD" }), a && f[0] && er(B.current[f[0].id]);
   }, tt = () => {
     I ? m() : F({ eventType: "CLICK" });
   }, et = () => {
     var p;
-    !Q && b && F({ eventType: "KEYBOARD" }), (p = S.current) == null || p.select();
+    !W && b && F({ eventType: "KEYBOARD" }), (p = S.current) == null || p.select();
   }, nt = () => {
     t && tr((_ == null ? void 0 : _.label) ?? "");
   }, ut = {
@@ -1296,17 +1296,17 @@ const Ke = {
     "data-testid": T("listbox"),
     id: `${r}-listbox`,
     ref: D,
-    onMouseLeave: () => g(void 0),
+    onMouseLeave: () => x(void 0),
     style: u ? ut : void 0
   }, vr = (p) => `${r}-listbox-item-${p.id}`, at = (p, f) => {
-    const h = () => p.id !== (c == null ? void 0 : c.id) && g({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && f === 0) && !(c != null && c.isSetByClickEvent);
+    const h = () => p.id !== (c == null ? void 0 : c.id) && x({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && f === 0) && !(c != null && c.isSetByClickEvent);
     return {
       "data-testid": T(`listbox-item-${p.id}`),
       id: vr(p),
       key: p.id,
       onMouseMove: h,
       onMouseUp: () => _r(p),
-      ref: (nr) => nr && (z.current[p.id] = nr),
+      ref: (nr) => nr && (B.current[p.id] = nr),
       tabIndex: -1,
       selected: p.id === (_ == null ? void 0 : _.id),
       disabled: p.disabled,
@@ -1323,7 +1323,7 @@ const Ke = {
     onChange: rt,
     onMouseDown: tt,
     onFocus: et,
-    onKeyDown: Qr,
+    onKeyDown: Wr,
     onBlur: nt,
     ref: S,
     role: "combobox",
@@ -1333,14 +1333,14 @@ const Ke = {
     id: r,
     inputProps: it,
     internalRef: E,
-    optionsToShow: C,
+    optionsToShow: L,
     showListbox: I,
     noOptionsText: y,
     combobox: t,
     getListBoxItemProps: at,
     listboxProps: fr
   };
-}, sr = Hr.bind(Ke), M = "purpur-listbox", Xr = P(
+}, sr = Hr.bind(Ve), M = "purpur-listbox", Ur = P(
   ({ children: t, ...a }, n) => /* @__PURE__ */ s(
     "ul",
     {
@@ -1348,11 +1348,11 @@ const Ke = {
       ref: n,
       className: sr(M, a.className),
       role: "listbox",
-      children: R.toArray(t).filter(Ue)
+      children: k.toArray(t).filter(Xe)
     }
   )
 );
-Xr.displayName = "ListBox";
+Ur.displayName = "ListBox";
 const cr = P((t, a) => {
   const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, b = sr(`${M}-item`, v.className, {
     [`${M}-item--highlighted`]: i,
@@ -1371,17 +1371,17 @@ const cr = P((t, a) => {
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ s(Ur, { children: e }) : e,
+        typeof e == "string" ? /* @__PURE__ */ s(Xr, { children: e }) : e,
         r && /* @__PURE__ */ s(Pr, { svg: vt, size: "xs", className: sr(`${M}-item__icon`) })
       ]
     }
   );
 });
 cr.displayName = "ListBoxItem";
-function Ue(t) {
+function Xe(t) {
   return q(t) && (t == null ? void 0 : t.type) === cr;
 }
-const Xe = Xr, Sr = cr, rr = Hr.bind(Ee), X = "purpur-autocomplete", Ye = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
+const Ue = Ur, Sr = cr, rr = Hr.bind(Ee), U = "purpur-autocomplete", Ye = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
   const {
     id: r,
     inputProps: e,
@@ -1392,22 +1392,22 @@ const Xe = Xr, Sr = cr, rr = Hr.bind(Ee), X = "purpur-autocomplete", Ye = ({ cla
     combobox: $,
     getListBoxItemProps: d,
     listboxProps: _
-  } = Ve(i), j = (l, c) => {
-    const { key: g, ...S } = d(l, c);
-    return /* @__PURE__ */ s(Sr, { ...S, children: n ? n == null ? void 0 : n(l) : l.label }, g);
-  }, L = (l) => {
+  } = Ke(i), j = (l, c) => {
+    const { key: x, ...S } = d(l, c);
+    return /* @__PURE__ */ s(Sr, { ...S, children: n ? n == null ? void 0 : n(l) : l.label }, x);
+  }, C = (l) => {
     u.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
   }, w = () => {
     const l = a(e);
-    if ($ && y && l && ke(l)) {
-      const g = /* @__PURE__ */ O(ot, { children: [
+    if ($ && y && l && Re(l)) {
+      const x = /* @__PURE__ */ O(ot, { children: [
         l.props.endAdornment,
         /* @__PURE__ */ s(
           "button",
           {
             "data-testid": "chevron button",
             type: "button",
-            className: rr(`${X}__chevron-button`),
+            className: rr(`${U}__chevron-button`),
             onClick: () => {
               e.onFocus(), e.onMouseDown();
             },
@@ -1416,26 +1416,26 @@ const Xe = Xr, Sr = cr, rr = Hr.bind(Ee), X = "purpur-autocomplete", Ye = ({ cla
               Or,
               {
                 size: "sm",
-                className: rr(`${X}__chevron-icon`, {
-                  [`${X}__chevron-icon--up`]: b
+                className: rr(`${U}__chevron-icon`, {
+                  [`${U}__chevron-icon--up`]: b
                 })
               }
             )
           }
         )
       ] });
-      return lr(l, { endAdornment: g });
+      return lr(l, { endAdornment: x });
     }
     return l;
   };
-  return /* @__PURE__ */ O("div", { id: r, ref: L, className: rr([t, X]), children: [
+  return /* @__PURE__ */ O("div", { id: r, ref: C, className: rr([t, U]), children: [
     w(),
-    b && /* @__PURE__ */ s(Xe, { ..._, className: rr(`${X}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Sr, { noninteractive: !0, children: y }) })
+    b && /* @__PURE__ */ s(Ue, { ..._, className: rr(`${U}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Sr, { noninteractive: !0, children: y }) })
   ] });
-}, We = P(Ye);
-We.displayName = "Autocomplete";
+}, Je = P(Ye);
+Je.displayName = "Autocomplete";
 export {
-  We as Autocomplete,
-  Ve as useAutocomplete
+  Je as Autocomplete,
+  Ke as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map