@purpurds/autocomplete 5.4.1 → 5.4.2

package/dist/autocomplete.es.js

@@ -1,4 +1,4 @@
-import { jsx as y, jsxs as rr } from "react/jsx-runtime";
+import { jsx as g, jsxs as rr } from "react/jsx-runtime";
 import { useRef as S, useCallback as hr, useEffect as br, useState as M, forwardRef as q, Children as vr, isValidElement as xr } from "react";
 function gr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -117,7 +117,7 @@ const $r = /* @__PURE__ */ Ar(Rr), Ir = {
     content: Cr(s.svg),
     title: n
   }), o = Er(l, J, `${J}--${i}`);
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ g(
     "span",
     {
       "aria-label": n,
@@ -214,7 +214,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
       [$[`${I}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ y("p", { ...o, className: _, "data-testid": t, children: s });
+  return /* @__PURE__ */ g("p", { ...o, className: _, "data-testid": t, children: s });
 }, Tr = {
   "purpur-listbox": "_purpur-listbox_qhoi7_1",
   "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
@@ -288,8 +288,8 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
   }, ur = (a) => {
     const p = t && !u ? 0 : v.findIndex((f) => f && (u == null ? void 0 : u.id) === f.id), d = v.length;
     return a === "ArrowDown" ? v[(p ?? -1) + 1] || v[0] : v[(p ?? d) - 1] || v[d - 1];
-  }, x = H && (!!v.length || !!w), ir = (a) => {
-    !x && R({ eventType: "KEYBOARD" });
+  }, y = H && (!!v.length || !!w), ir = (a) => {
+    !y && R({ eventType: "KEYBOARD" });
     const p = ur(a);
     b(p), p && D(N.current[p.id]);
   }, pr = (a) => {
@@ -300,7 +300,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
         break;
       case "Enter": {
         const p = u || (t ? h[0] : void 0);
-        x && z(p), !x && R({ eventType: "KEYBOARD" });
+        y && z(p), !y && R({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
@@ -310,9 +310,9 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
     }
   }, lr = (a) => {
     const p = G(a.target.value);
-    Y(a.target.value), b(void 0), !x && R({ eventType: "KEYBOARD" }), t && p[0] && D(N.current[p[0].id]);
+    Y(a.target.value), b(void 0), !y && R({ eventType: "KEYBOARD" }), t && p[0] && D(N.current[p[0].id]);
   }, cr = () => {
-    x ? P() : R({ eventType: "CLICK" });
+    y ? P() : R({ eventType: "CLICK" });
   }, dr = () => {
     var a;
     !H && _ && R({ eventType: "KEYBOARD" }), (a = C.current) == null || a.select();
@@ -320,7 +320,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
     maxHeight: typeof e == "number" ? `${e}px` : e
   }, F = {
     "aria-label": r,
-    "aria-expanded": x,
+    "aria-expanded": y,
     "data-testid": B("listbox"),
     id: `${i}-listbox`,
     ref: O,
@@ -345,7 +345,6 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
     "aria-activedescendant": u ? Z(u) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": F.id,
-    "aria-expanded": x,
     "data-testid": B("input"),
     autoComplete: "off",
     id: `${i}-input`,
@@ -362,18 +361,18 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
     inputProps: fr,
     internalRef: K,
     optionsToShow: v,
-    showListbox: x,
+    showListbox: y,
     noOptionsText: w,
     getListBoxItemProps: _r,
     listboxProps: F
   };
-}, j = er.bind(Tr), g = "purpur-listbox", or = q(
-  ({ children: t, ...s }, n) => /* @__PURE__ */ y(
+}, j = er.bind(Tr), x = "purpur-listbox", or = q(
+  ({ children: t, ...s }, n) => /* @__PURE__ */ g(
     "ul",
     {
       ...s,
       ref: n,
-      className: j(g, s.className),
+      className: j(x, s.className),
       role: "listbox",
       children: vr.toArray(t).filter(Hr)
     }
@@ -381,12 +380,12 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
 );
 or.displayName = "ListBox";
 const T = q((t, s) => {
-  const { disabled: n, highlighted: l, hovered: i, selected: r, children: e, noninteractive: o, ..._ } = t, w = j(`${g}-item`, _.className, {
-    [`${g}-item--highlighted`]: l,
-    [`${g}-item--selected`]: r,
-    [`${g}-item--hovered`]: i,
-    [`${g}-item--disabled`]: n,
-    [`${g}-item--noninteractive`]: o
+  const { disabled: n, highlighted: l, hovered: i, selected: r, children: e, noninteractive: o, ..._ } = t, w = j(`${x}-item`, _.className, {
+    [`${x}-item--highlighted`]: l,
+    [`${x}-item--selected`]: r,
+    [`${x}-item--hovered`]: i,
+    [`${x}-item--disabled`]: n,
+    [`${x}-item--noninteractive`]: o
   });
   return /* @__PURE__ */ rr(
     "li",
@@ -398,8 +397,8 @@ const T = q((t, s) => {
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ y(qr, { children: e }) : e,
-        r && /* @__PURE__ */ y(Br, { svg: Lr, size: "xs", className: j(`${g}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ g(qr, { children: e }) : e,
+        r && /* @__PURE__ */ g(Br, { svg: Lr, size: "xs", className: j(`${x}-item__icon`) })
       ]
     }
   );
@@ -420,13 +419,13 @@ const Ur = or, Q = T, W = er.bind(wr), X = "purpur-autocomplete", Gr = ({ classN
     listboxProps: c
   } = Or(l), L = (m, E) => {
     const { key: u, ...b } = h(m, E);
-    return /* @__PURE__ */ y(Q, { ...b, children: n ? n == null ? void 0 : n(m) : m.label }, u);
+    return /* @__PURE__ */ g(Q, { ...b, children: n ? n == null ? void 0 : n(m) : m.label }, u);
   };
   return /* @__PURE__ */ rr("div", { id: r, ref: (m) => {
     o.current = m, typeof i == "function" ? i(m) : i && (i.current = m);
   }, className: W([t, X]), children: [
     s(e),
-    w && /* @__PURE__ */ y(Ur, { ...c, className: W(`${X}__listbox`), children: _.length ? _.filter((m) => !!m).map(L) : /* @__PURE__ */ y(Q, { noninteractive: !0, children: A }) })
+    w && /* @__PURE__ */ g(Ur, { ...c, className: W(`${X}__listbox`), children: _.length ? _.filter((m) => !!m).map(L) : /* @__PURE__ */ g(Q, { noninteractive: !0, children: A }) })
   ] });
 }, Yr = q(Gr);
 Yr.displayName = "Autocomplete";