@purpurds/autocomplete 8.13.0 → 8.14.0

package/dist/autocomplete.es.js

@@ -1,13 +1,13 @@
 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 * as h from "react";
+import { forwardRef as Y, Children as Ot, isValidElement as Qe, useId as jt, useRef as G, useCallback as At, useEffect as qt, useState as re, cloneElement as Ct } from "react";
 import "react-dom";
-function It(t) {
+function Pt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var he = { exports: {} }, ve;
-function kt() {
-  return ve || (ve = 1, (function(t) {
+var ve = { exports: {} }, ge;
+function It() {
+  return ge || (ge = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -36,10 +36,10 @@ function kt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(he)), he.exports;
+  })(ve)), ve.exports;
 }
-var Mt = kt();
-const Bt = /* @__PURE__ */ It(Mt), qt = {
+var kt = It();
+const Mt = /* @__PURE__ */ Pt(kt), Bt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -47,7 +47,7 @@ const Bt = /* @__PURE__ */ It(Mt), 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"
-}, 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 } = {}) => {
+}, Lt = Mt.bind(Bt), he = "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" },
@@ -59,7 +59,7 @@ const Bt = /* @__PURE__ */ It(Mt), qt = {
   const e = Et({
     content: Tt(t.svg),
     title: u
-  }), r = Lt(ge, `${ge}--${o}`, n);
+  }), r = Lt(he, `${he}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: r, dangerouslySetInnerHTML: { __html: e }, ...a });
 };
 Xe.displayName = "Icon";
@@ -343,10 +343,10 @@ function fr() {
     })();
   })(Oe)), Oe.exports;
 }
-var hr = fr();
-const vr = /* @__PURE__ */ _r(hr), gr = "_rotate_12t9p_1", mr = "_dash_12t9p_1", br = {
+var vr = fr();
+const gr = /* @__PURE__ */ _r(vr), hr = "_rotate_12t9p_1", mr = "_dash_12t9p_1", br = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: gr,
+  rotate: hr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
@@ -356,7 +356,7 @@ const vr = /* @__PURE__ */ _r(hr), gr = "_rotate_12t9p_1", mr = "_dash_12t9p_1",
   dash: mr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ae = vr.bind(br), K = "purpur-spinner", yr = {
+}, Ae = gr.bind(br), K = "purpur-spinner", yr = {
   SM: "sm"
 }, at = ({
   disabled: t = !1,
@@ -380,9 +380,9 @@ at.displayName = "Spinner";
 function xr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ce = { exports: {} }, Pe;
+var qe = { exports: {} }, Ce;
 function wr() {
-  return Pe || (Pe = 1, (function(t) {
+  return Ce || (Ce = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -411,7 +411,7 @@ function wr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Ce)), Ce.exports;
+  })(qe)), qe.exports;
 }
 var $r = wr();
 const Sr = /* @__PURE__ */ xr($r), Nr = {
@@ -437,7 +437,7 @@ const Sr = /* @__PURE__ */ xr($r), Nr = {
   "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"
-}, Ie = Sr.bind(Nr), k = "purpur-button", ot = Y(
+}, Pe = Sr.bind(Nr), I = "purpur-button", ot = Y(
   ({
     children: t,
     className: u,
@@ -451,33 +451,33 @@ const Sr = /* @__PURE__ */ xr($r), Nr = {
     variant: _,
     type: y = "button",
     ...x
-  }, C) => {
+  }, q) => {
     if (a && _ === "destructive")
       return null;
-    const M = Ie(
+    const k = Pe(
       [
-        k,
-        `${k}--${r ? `${_}-negative` : _}`,
-        `${k}--${d}`
+        I,
+        `${I}--${r ? `${_}-negative` : _}`,
+        `${I}--${d}`
       ],
       {
-        [`${k}--icon-only`]: a,
-        [`${k}--negative`]: r,
-        [`${k}--full-width`]: o,
-        [`${k}--disabled`]: n || e
+        [`${I}--icon-only`]: a,
+        [`${I}--negative`]: r,
+        [`${I}--full-width`]: o,
+        [`${I}--disabled`]: n || e
       },
       u
-    ), v = (S) => {
+    ), g = (S) => {
       n || e ? S.preventDefault() : i && i(S);
     }, c = !!x["aria-disabled"] || n || e;
     return /* @__PURE__ */ O(
       "button",
       {
-        className: M,
+        className: k,
         type: y,
-        ref: C,
+        ref: q,
         "aria-disabled": c,
-        onClick: v,
+        onClick: g,
         ...x,
         children: [
           e && /* @__PURE__ */ l(
@@ -486,7 +486,7 @@ const Sr = /* @__PURE__ */ xr($r), Nr = {
               size: d === dr.LG ? "xs" : "xxs",
               negative: r,
               disabled: c,
-              className: Ie(`${k}__spinner`)
+              className: Pe(`${I}__spinner`)
             }
           ),
           " ",
@@ -500,9 +500,9 @@ ot.displayName = "Button";
 function Or(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ke = { exports: {} }, Me;
+var Ie = { exports: {} }, ke;
 function jr() {
-  return Me || (Me = 1, (function(t) {
+  return ke || (ke = 1, (function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -531,10 +531,10 @@ function jr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(ke)), ke.exports;
+  })(Ie)), Ie.exports;
 }
 var Ar = jr();
-const Cr = /* @__PURE__ */ Or(Ar), Pr = {
+const qr = /* @__PURE__ */ Or(Ar), Cr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -542,19 +542,19 @@ const Cr = /* @__PURE__ */ Or(Ar), Pr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, 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 } = {}) => {
+}, Pr = qr.bind(Cr), Me = "purpur-icon", Ir = "md", kr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Mr = ({ 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 ${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),
+  return `<svg ${kr(n)}>${o}${t}</svg>`;
+}, Br = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pt = ({ svg: t, allyTitle: u, className: n, size: o = Ir, ...a }) => {
+  const e = Mr({
+    content: Br(t.svg),
     title: u
-  }), r = Ir(Be, `${Be}--${o}`, n);
+  }), r = Pr(Me, `${Me}--${o}`, n);
   return /* @__PURE__ */ l("span", { className: r, dangerouslySetInnerHTML: { __html: e }, ...a });
 };
 pt.displayName = "Icon";
@@ -567,7 +567,7 @@ const Lr = {
 function Rr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qe = { exports: {} }, Le;
+var Be = { exports: {} }, Le;
 function zr() {
   return Le || (Le = 1, (function(t) {
     (function() {
@@ -598,7 +598,7 @@ function zr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(qe)), qe.exports;
+  })(Be)), Be.exports;
 }
 var Er = zr();
 const Tr = /* @__PURE__ */ Rr(Er), Dr = {
@@ -664,9 +664,9 @@ function Zr() {
 }
 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"
+  "purpur-field-helper-text": "_purpur-field-helper-text_1ociq_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_1ociq_9",
+  "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_1ociq_12"
 }, Gr = Hr.bind(Wr), ie = "purpur-field-helper-text", Ur = ({
   children: t,
   className: u,
@@ -779,11 +779,11 @@ function ln(...t) {
 }
 // @__NO_SIDE_EFFECTS__
 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);
+  const u = /* @__PURE__ */ cn(t), n = h.forwardRef((o, a) => {
+    const { children: e, ...r } = o, i = h.Children.toArray(e), d = i.find(_n);
     if (d) {
-      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 });
+      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 });
     }
     return /* @__PURE__ */ l(u, { ...r, ref: a, children: e });
   });
@@ -791,19 +791,19 @@ function sn(t) {
 }
 // @__NO_SIDE_EFFECTS__
 function cn(t) {
-  const u = g.forwardRef((n, o) => {
+  const u = h.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);
+    if (h.isValidElement(a)) {
+      const r = vn(a), i = fn(e, a.props);
+      return a.type !== h.Fragment && (i.ref = o ? ln(o, r) : r), h.cloneElement(a, i);
     }
-    return g.Children.count(a) > 1 ? g.Children.only(null) : null;
+    return h.Children.count(a) > 1 ? h.Children.only(null) : null;
   });
   return u.displayName = `${t}.SlotClone`, u;
 }
 var dn = Symbol("radix.slottable");
 function _n(t) {
-  return g.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === dn;
+  return h.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === dn;
 }
 function fn(t, u) {
   const n = { ...u };
@@ -816,11 +816,11 @@ function fn(t, u) {
   }
   return { ...t, ...n };
 }
-function hn(t) {
+function vn(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 vn = [
+var gn = [
   "a",
   "button",
   "div",
@@ -838,14 +838,14 @@ var vn = [
   "span",
   "svg",
   "ul"
-], gn = vn.reduce((t, u) => {
-  const n = /* @__PURE__ */ sn(`Primitive.${u}`), o = g.forwardRef((a, e) => {
+], hn = gn.reduce((t, u) => {
+  const n = /* @__PURE__ */ sn(`Primitive.${u}`), o = h.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 };
-}, {}), mn = "Label", ct = g.forwardRef((t, u) => /* @__PURE__ */ l(
-  gn.label,
+}, {}), mn = "Label", ct = h.forwardRef((t, u) => /* @__PURE__ */ l(
+  hn.label,
   {
     ...t,
     ref: u,
@@ -946,25 +946,25 @@ function An() {
     })();
   })(He)), He.exports;
 }
-var Cn = An();
-const Pn = /* @__PURE__ */ jn(Cn), In = "_rotate_12t9p_1", kn = "_dash_12t9p_1", Mn = {
+var qn = An();
+const Cn = /* @__PURE__ */ jn(qn), Pn = "_rotate_12t9p_1", In = "_dash_12t9p_1", kn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: In,
+  rotate: Pn,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: kn,
+  dash: In,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ge = Pn.bind(Mn), H = "purpur-spinner", Bn = {
+}, Ge = Cn.bind(kn), H = "purpur-spinner", Mn = {
   SM: "sm"
 }, dt = ({
   disabled: t = !1,
   negative: u = !1,
-  size: n = Bn.SM,
+  size: n = Mn.SM,
   className: o,
   ...a
 }) => /* @__PURE__ */ l("div", { className: Ge(H, `${H}--${n}`, o), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
@@ -980,7 +980,7 @@ const Pn = /* @__PURE__ */ jn(Cn), In = "_rotate_12t9p_1", kn = "_dash_12t9p_1",
   }
 ) }) });
 dt.displayName = "Spinner";
-function qn(t) {
+function Bn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Ue = { exports: {} }, Ye;
@@ -1017,27 +1017,27 @@ function Ln() {
   })(Ue)), Ue.exports;
 }
 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"
+const zn = /* @__PURE__ */ Bn(Rn), En = {
+  "purpur-text-field": "_purpur-text-field_1n0q1_1",
+  "purpur-text-field__label": "_purpur-text-field__label_1n0q1_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_1n0q1_12",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_1n0q1_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_1n0q1_19",
+  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_1n0q1_26",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_1n0q1_29",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1n0q1_40",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1n0q1_43",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1n0q1_46",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1n0q1_49",
+  "purpur-text-field__input": "_purpur-text-field__input_1n0q1_29",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1n0q1_55",
+  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_1n0q1_61",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1n0q1_109",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_1n0q1_109",
+  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_1n0q1_130",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1n0q1_146",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1n0q1_151",
+  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1n0q1_154"
 }, Tn = (t) => G(t), A = zn.bind(En), f = "purpur-text-field", _t = Y(
   ({
     ["data-testid"]: t,
@@ -1052,30 +1052,30 @@ const zn = /* @__PURE__ */ qn(Rn), En = {
     label: _,
     loading: y = !1,
     onClear: x,
-    startAdornment: C,
-    valid: M = !1,
-    negative: v = !1,
+    startAdornment: q,
+    valid: k = !1,
+    negative: g = !1,
     ...c
   }, S) => {
-    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) => {
+    const N = jt(), s = c.id ?? N, m = (w) => t ? `${t}-${w}` : void 0, C = k && !r, M = i ? `${s}-helper-text` : void 0, E = [q].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 = [
+    }, B = [
       y && /* @__PURE__ */ l(
         dt,
         {
           disabled: c.disabled,
           size: "xs",
           "data-testid": m("spinner"),
-          negative: v
+          negative: g
         },
         "spinner"
       ),
       b && /* @__PURE__ */ l(
         ot,
         {
-          negative: v,
+          negative: g,
           variant: "tertiary-purple",
           onClick: J,
           iconOnly: !0,
@@ -1086,23 +1086,23 @@ const zn = /* @__PURE__ */ qn(Rn), En = {
         },
         "clear-button"
       ),
-      P && /* @__PURE__ */ l(
+      C && /* @__PURE__ */ l(
         lt,
         {
           "data-testid": m("valid-icon"),
           className: A(`${f}__valid-icon`, {
-            [`${f}__valid-icon--negative`]: v
+            [`${f}__valid-icon--negative`]: g
           })
         },
         "valid-icon"
       )
     ].filter((w) => !!w), D = A(`${f}__input-container`, {
       [`${f}__input-container--start-adornment`]: E.length,
-      [`${f}__input-container--end-adornment`]: q.length || e,
+      [`${f}__input-container--end-adornment`]: B.length || e,
       [`${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`]: v
+      [`${f}__input-container--negative`]: g
     });
     return /* @__PURE__ */ O("div", { className: A(u, f), children: [
       _ && /* @__PURE__ */ O(
@@ -1112,7 +1112,7 @@ const zn = /* @__PURE__ */ qn(Rn), En = {
           className: A(`${f}__label`),
           "data-testid": m("label"),
           disabled: c.disabled,
-          negative: v,
+          negative: g,
           children: [
             c.required && !d && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
             _
@@ -1137,14 +1137,14 @@ const zn = /* @__PURE__ */ qn(Rn), En = {
               id: s,
               ref: T,
               "data-testid": m("input"),
-              "aria-describedby": c["aria-describedby"] || B,
+              "aria-describedby": c["aria-describedby"] || M,
               "aria-invalid": c["aria-invalid"] || !!r,
               className: A([
                 `${f}__input`,
                 {
-                  [`${f}__input--valid`]: P,
+                  [`${f}__input--valid`]: C,
                   [`${f}__input--error`]: !!r,
-                  [`${f}__input--negative`]: v
+                  [`${f}__input--negative`]: g
                 }
               ])
             }
@@ -1153,17 +1153,17 @@ const zn = /* @__PURE__ */ qn(Rn), En = {
             "div",
             {
               className: A(`${f}__frame`, {
-                [`${f}__frame--negative`]: v
+                [`${f}__frame--negative`]: g
               })
             }
           ),
-          (!!q.length || e) && /* @__PURE__ */ O(
+          (!!B.length || e) && /* @__PURE__ */ O(
             "div",
             {
               "data-testid": m("end-adornments"),
               className: A(`${f}__adornment-container`),
               children: [
-                q,
+                B,
                 e
               ]
             }
@@ -1171,17 +1171,17 @@ const zn = /* @__PURE__ */ qn(Rn), En = {
         ] }),
         !!a && a
       ] }),
-      B && /* @__PURE__ */ l(
+      M && /* @__PURE__ */ l(
         Ur,
         {
           "data-testid": m("helper-text"),
-          id: B,
-          negative: v,
+          id: M,
+          negative: g,
           disabled: c.disabled,
           children: i
         }
       ),
-      r && /* @__PURE__ */ l(Vr, { "data-testid": m("error-text"), negative: v, children: r })
+      r && /* @__PURE__ */ l(Vr, { "data-testid": m("error-text"), negative: g, children: r })
     ] });
   }
 );
@@ -1238,7 +1238,7 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
     },
     [u, t]
   );
-  Ct(() => (document.addEventListener("mousedown", n), () => {
+  qt(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
 }, Un = ({
@@ -1254,18 +1254,18 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
   onInputBlur: _,
   onInputChange: y,
   onInputFocus: x,
-  onInputKeyDown: C,
-  onInputMouseDown: M,
-  openOnFocus: v,
+  onInputKeyDown: q,
+  onInputMouseDown: k,
+  openOnFocus: g,
   noOptionsText: c,
   onSelect: S,
   options: N,
   selectedOption: s,
   ["data-testid"]: m
 }) => {
-  const [P, B] = re(
+  const [C, M] = re(
     ((typeof a == "string" ? a : o) || s?.label) ?? ""
-  ), 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);
+  ), E = typeof a == "string" ? a : C, [b, j] = re(n ? N[0] : void 0), T = G(null), J = Wn(null), B = G(null), D = G({}), [w, le] = re(!1);
   function X(p) {
     return m ? `${m}-${p}` : void 0;
   }
@@ -1282,37 +1282,37 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
       return N.filter(($) => e(p, $));
     if (!p)
       return N;
-    const h = p.toUpperCase().split(" ") || [];
+    const v = p.toUpperCase().split(" ") || [];
     return N.filter(
-      ($) => h.every(
+      ($) => v.every(
         (R) => ($.value || $.label).toUpperCase().includes(R)
       )
     );
-  }, se = (p) => s && s?.label === p ? N : ft(p), I = se(E), ee = (p) => {
-    y?.(p), B(p);
+  }, se = (p) => s && s?.label === p ? N : ft(p), P = se(E), ee = (p) => {
+    y?.(p), M(p);
   }, te = (p) => {
     if (p) {
-      const h = p.getBoundingClientRect(), $ = q.current?.getBoundingClientRect() || { top: 0, bottom: 0 };
-      (h.top < $.top || h.bottom > $.bottom) && p.scrollIntoView({ block: "nearest" });
+      const v = p.getBoundingClientRect(), $ = B.current?.getBoundingClientRect() || { top: 0, bottom: 0 };
+      (v.top < $.top || v.bottom > $.bottom) && p.scrollIntoView({ block: "nearest" });
     }
   }, 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) => {
+  }, vt = (p) => {
+    const v = n && !b ? 0 : P.findIndex((R) => R && b?.id === R.id), $ = P.length;
+    return p === "ArrowDown" ? P[(v ?? -1) + 1] || P[0] : P[(v ?? $) - 1] || P[$ - 1];
+  }, L = w && (!!P.length || !!c), gt = (p) => {
     !L && F({ eventType: "KEYBOARD" });
-    const h = ht(p);
-    j(h), h && te(D.current[h.id]);
-  }, gt = (p) => {
-    switch (C?.(p), p.key) {
+    const v = vt(p);
+    j(v), v && te(D.current[v.id]);
+  }, ht = (p) => {
+    switch (q?.(p), p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), vt(p.key);
+        p.preventDefault(), gt(p.key);
         break;
       case "Enter": {
-        const h = b || (n ? N[0] : void 0);
-        L && ce(h), !L && F({ eventType: "KEYBOARD" });
+        const v = b || (n ? N[0] : void 0);
+        L && ce(v), !L && F({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -1321,15 +1321,15 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
         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]);
+    const v = se(p.target.value);
+    ee(p.target.value), j(void 0), !L && F({ eventType: "KEYBOARD" }), n && v[0] && te(D.current[v[0].id]);
   }, bt = (p) => {
-    M?.(p), L ? V() : F({ eventType: "CLICK" });
+    k?.(p), L ? V() : F({ eventType: "CLICK" });
   }, yt = (p) => {
-    x?.(p), !w && v && F({ eventType: "KEYBOARD" }), T.current?.select();
+    x?.(p), !w && g && F({ eventType: "KEYBOARD" }), T.current?.select();
   }, xt = (p) => {
     _?.(p), setTimeout(() => {
-      !T.current?.contains(document.activeElement) && !q.current?.contains(document.activeElement) && (V(), t && ee(s ? s.label : ""));
+      !T.current?.contains(document.activeElement) && !B.current?.contains(document.activeElement) && (V(), t && ee(s ? s.label : ""));
     });
   }, wt = {
     maxHeight: typeof d == "number" ? `${d}px` : d
@@ -1338,11 +1338,11 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
     "aria-expanded": L,
     "data-testid": X("listbox"),
     id: `${r}-listbox`,
-    ref: q,
+    ref: B,
     onMouseLeave: () => j(void 0),
     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;
+  }, _e = (p) => `${r}-listbox-item-${p.id}`, $t = (p, v) => {
+    const $ = () => p.id !== b?.id && j({ ...p, isSetByClickEvent: !0 }), R = (p.id === b?.id || !!n && !b && v === 0) && !b?.isSetByClickEvent;
     return {
       "data-testid": X(`listbox-item-${p.id}`),
       id: _e(p),
@@ -1368,7 +1368,7 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
     onChange: mt,
     onMouseDown: bt,
     onFocus: yt,
-    onKeyDown: gt,
+    onKeyDown: ht,
     onBlur: xt,
     ref: T,
     role: "combobox",
@@ -1378,7 +1378,7 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
     id: r,
     inputProps: St,
     internalRef: J,
-    optionsToShow: I,
+    optionsToShow: P,
     showListbox: L,
     noOptionsText: c,
     combobox: t,
@@ -1395,18 +1395,18 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
     showListbox: _,
     noOptionsText: y,
     combobox: x,
-    comboboxButtonAriaLabel: C,
-    getListBoxItemProps: M,
-    listboxProps: v
+    comboboxButtonAriaLabel: q,
+    getListBoxItemProps: k,
+    listboxProps: g
   } = 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);
+    const { key: C, ...M } = k(s, m);
+    return /* @__PURE__ */ l(U.Item, { ...M, children: n ? n?.(s) : s.label }, C);
   }, S = (s) => {
     i.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
   }, N = () => {
     const s = u(r);
-    if (x && C && y && s && Dn(s)) {
-      const P = /* @__PURE__ */ O(Nt, { children: [
+    if (x && q && y && s && Dn(s)) {
+      const C = /* @__PURE__ */ O(Nt, { children: [
         s.props.endAdornment,
         /* @__PURE__ */ l(
           "button",
@@ -1417,9 +1417,9 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
             onClick: () => {
               r.onFocus(void 0), r.onMouseDown(void 0);
             },
-            "aria-label": C,
+            "aria-label": q,
             "aria-expanded": _,
-            "aria-controls": v.id,
+            "aria-controls": g.id,
             children: /* @__PURE__ */ l(
               et,
               {
@@ -1432,13 +1432,13 @@ const Kn = /* @__PURE__ */ Vn(Zn), Hn = {
           }
         )
       ] });
-      return Pt(s, { endAdornment: P });
+      return Ct(s, { endAdornment: C });
     }
     return s;
   };
   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 }) })
+    _ && /* @__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 }) })
   ] });
 }, Jn = Y(Yn);
 Jn.displayName = "Autocomplete";