@alfadocs/ui-kit 1.53.0 → 1.54.0

package/dist/_chunks/{autocomplete-IfLaXwyb.js → autocomplete-BXm1rnT0.js}

@@ -1,18 +1,19 @@
-import { jsx as s, jsxs as x } from "react/jsx-runtime";
-import { forwardRef as Ze, useId as et, useState as $, useRef as c, useCallback as A, useEffect as R, useMemo as L } from "react";
-import { _ as f } from "./index-4xgbg-sn.js";
-import * as D from "@radix-ui/react-popover";
+import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { forwardRef as tt, useId as st, useState as $, useRef as c, useCallback as D, useEffect as I, useMemo as Q } from "react";
+import { _ as g } from "./index-4xgbg-sn.js";
+import * as F from "@radix-ui/react-popover";
 import { c as T } from "./index-D2ZczOXr.js";
-import { useTranslation as tt } from "react-i18next";
-import { S as pe } from "./spinner-DxjSZLD-.js";
-import { u as st } from "./form-field-context-B3APVHKx.js";
-import { u as nt } from "./use-controllable-state-BiY4xTzM.js";
-import { g as at } from "./group-options-BvKhQ3xb.js";
-import { b as ot } from "./menu-row-BAr8bx1I.js";
-import { I as rt, a as S, b as Q, c as it } from "./input-surface-xyERuLU_.js";
-import { u as dt } from "./registry-DvAUVLHh.js";
-import { u as lt } from "./use-debounced-callback-BisrB-Fq.js";
-const ut = {
+import { useTranslation as nt } from "react-i18next";
+import { S as fe } from "./spinner-a0FTYX9Q.js";
+import { u as at, b as ot } from "./form-field-context-DtiROUJV.js";
+import { u as rt } from "./use-controllable-state-BiY4xTzM.js";
+import { u as it } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { g as lt } from "./group-options-BvKhQ3xb.js";
+import { b as dt } from "./menu-row-BAr8bx1I.js";
+import { I as ut, a as W, b as X, c as ct } from "./input-surface-xyERuLU_.js";
+import { u as pt } from "./registry-DvAUVLHh.js";
+import { u as mt } from "./use-debounced-callback-BisrB-Fq.js";
+const ft = {
   id: "autocomplete",
   capabilities: ["select_single", "filter", "open", "close"],
   state: {
@@ -47,8 +48,8 @@ const ut = {
       idempotent: !0,
       descriptionKey: "ui.agent.autocomplete.actions.setValue",
       description: "Set the committed value programmatically.",
-      invoke: (n, l) => {
-        n.setValue(l.value);
+      invoke: (n, d) => {
+        n.setValue(d.value);
       }
     },
     apply_filter: {
@@ -62,8 +63,8 @@ const ut = {
       idempotent: !0,
       descriptionKey: "ui.agent.autocomplete.actions.applyFilter",
       description: "Set the input query, which filters the suggestion list.",
-      invoke: (n, l) => {
-        n.setQuery(l.query);
+      invoke: (n, d) => {
+        n.setQuery(d.query);
       }
     },
     clear: {
@@ -106,20 +107,20 @@ const ut = {
       description: "Each suggestion emits its value as data-option-id."
     }
   }
-}, ct = T(
-  ["ds:flex ds:w-full ds:items-center", it].join(" "),
+}, gt = T(
+  ["ds:flex ds:w-full ds:items-center", ct].join(" "),
   {
     variants: {
       size: {
-        sm: `${S.sm} ${Q.sm}`,
-        md: `${S.md} ${Q.md}`,
-        lg: `${S.lg} ${Q.lg}`
+        sm: `${W.sm} ${X.sm}`,
+        md: `${W.md} ${X.md}`,
+        lg: `${W.lg} ${X.lg}`
       },
-      tone: rt
+      tone: ut
     },
     defaultVariants: { size: "md", tone: "default" }
   }
-), pt = T(
+), ht = T(
   [
     "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground",
     "ds:placeholder:text-muted-foreground",
@@ -134,7 +135,7 @@ const ut = {
     },
     defaultVariants: { hasStart: !1, hasEnd: !1 }
   }
-), mt = T(
+), vt = T(
   [
     "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
@@ -145,261 +146,269 @@ const ut = {
     "ds:data-[state=closed]:zoom-out-95",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), me = T(
+), ge = T(
   [
     "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:ps-3 ds:pe-3 ds:py-2 ds:text-[length:var(--font-size-sm)] ds:text-foreground",
     "ds:rounded-[var(--radius-sm)] ds:select-none ds:cursor-pointer",
     "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50",
     // cmdk moves the selection on pointer move, so hover needs no tint.
-    ot.selected
+    dt.selected
   ].join(" ")
-), fe = [
+), he = [
   "ds:[&_[cmdk-group-heading]]:ps-3",
   "ds:[&_[cmdk-group-heading]]:pe-3",
   "ds:[&_[cmdk-group-heading]]:py-1.5",
   "ds:[&_[cmdk-group-heading]]:type-eyebrow",
   "ds:[&_[cmdk-group-heading]]:text-muted-foreground"
-].join(" "), W = "ds:inline-flex ds:items-center ds:shrink-0 ds:text-muted-foreground ds:[&_svg]:size-4";
-function X(n, l, F) {
-  return `${n}-${l}-${F}`;
+].join(" "), J = "ds:inline-flex ds:items-center ds:shrink-0 ds:text-muted-foreground ds:[&_svg]:size-4";
+function Y(n, d, B) {
+  return `${n}-${d}-${B}`;
 }
-function ge(n, l) {
-  return `${n}:${l}`;
+function ve(n, d) {
+  return `${n}:${d}`;
 }
-const ft = Ze(
+const bt = tt(
   function({
-    loadOptions: l,
-    debounceMs: F = 250,
-    value: he,
-    defaultValue: ve,
-    onChange: be,
+    loadOptions: d,
+    debounceMs: B = 250,
+    value: be,
+    defaultValue: ye,
+    onChange: we,
     onSelect: u,
-    recents: v,
-    onRecentSelect: B,
-    snapOnBlur: ye = !1,
-    size: we = "md",
-    tone: Ce = "default",
-    startAdornment: M,
-    endAdornment: q,
-    placeholder: J,
-    disabled: xe,
-    readOnly: b,
-    required: ke,
-    name: Ne,
-    id: K,
-    className: Ve,
-    "aria-label": Y,
-    "aria-invalid": Re,
-    "aria-describedby": Ie
-  }, k) {
-    const { t: y, i18n: _e } = tt("ui"), N = st(), Ee = et(), g = K ?? N.id ?? Ee, Z = `${g}-listbox`, $e = `${g}-live`, h = !!(N.disabled || xe), Ae = !!(N.required || ke), ee = N.invalid || !!Re, De = ee ? "error" : Ce ?? "default", Te = N.describedBy || Ie || void 0, [Fe, te] = nt({
-      value: he,
-      defaultValue: ve ?? "",
-      onChange: be
-    }), r = Fe ?? "", [i, d] = $(!1), [w, se] = $([]), [V, P] = $(!1), [p, Be] = $(""), I = c(!1), j = c(null), z = c(r), ne = c(/* @__PURE__ */ new Map()), ae = c(/* @__PURE__ */ new Map()), U = c(null), H = c(null), Me = A(
+    recents: b,
+    onRecentSelect: M,
+    snapOnBlur: Ce = !1,
+    size: xe = "md",
+    tone: ke = "default",
+    startAdornment: q,
+    endAdornment: K,
+    placeholder: Z,
+    disabled: Ne,
+    readOnly: y,
+    required: Re,
+    name: Ve,
+    id: P,
+    className: Ie,
+    "aria-label": ee,
+    "aria-invalid": Ee,
+    "aria-describedby": _e,
+    autoComplete: j
+  }, R) {
+    const { t: w, i18n: Ae } = nt("ui"), p = at(), $e = st(), h = P ?? p.id ?? $e, te = `${h}-listbox`, De = `${h}-live`, v = !!(p.disabled || Ne), Fe = !!(p.required || Re), se = p.invalid || !!Ee, Te = se ? "error" : ke ?? "default", Be = p.describedBy || _e || void 0, [Me, ne] = rt({
+      value: be,
+      defaultValue: ye ?? "",
+      onChange: we
+    }), r = Me ?? "", [i, l] = $(!1), [C, ae] = $([]), [V, z] = $(!1), [m, qe] = $(""), E = c(!1), U = c(null), H = c(r), oe = c(/* @__PURE__ */ new Map()), re = c(/* @__PURE__ */ new Map()), x = c(null), L = c(null);
+    ot(p, x);
+    const O = j && j !== "off" ? j : void 0;
+    it(() => {
+      var e;
+      O && ((e = x.current) == null || e.setAttribute("autocomplete", O));
+    });
+    const Ke = D(
       (e) => {
-        U.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
+        x.current = e, typeof R == "function" ? R(e) : R && (R.current = e);
       },
-      [k]
-    ), oe = _e.language;
-    R(() => {
+      [R]
+    ), ie = Ae.language;
+    I(() => {
       const e = /* @__PURE__ */ new Map();
-      for (const t of w) e.set(t.value, t);
-      ne.current = e;
-    }, [w]), R(() => {
+      for (const t of C) e.set(t.value, t);
+      oe.current = e;
+    }, [C]), I(() => {
       const e = /* @__PURE__ */ new Map();
-      if (v) for (const t of v) e.set(t.value, t);
-      ae.current = e;
-    }, [v]);
-    const qe = A(
+      if (b) for (const t of b) e.set(t.value, t);
+      re.current = e;
+    }, [b]);
+    const Pe = D(
       (e) => {
         var o;
-        if (h || b || I.current) return;
-        (o = j.current) == null || o.abort();
+        if (v || y || E.current) return;
+        (o = U.current) == null || o.abort();
         const t = new AbortController();
-        j.current = t, z.current = e, P(!0), l(e, { signal: t.signal, locale: oe }).then((a) => {
-          t.signal.aborted || z.current === e && (se(a), P(!1));
+        U.current = t, H.current = e, z(!0), d(e, { signal: t.signal, locale: ie }).then((a) => {
+          t.signal.aborted || H.current === e && (ae(a), z(!1));
         }).catch((a) => {
-          t.signal.aborted || a && typeof a == "object" && "name" in a && a.name === "AbortError" || z.current === e && (se([]), P(!1));
+          t.signal.aborted || a && typeof a == "object" && "name" in a && a.name === "AbortError" || H.current === e && (ae([]), z(!1));
         });
       },
-      [h, b, l, oe]
-    ), C = lt(qe, F);
-    R(() => () => {
+      [v, y, d, ie]
+    ), k = mt(Pe, B);
+    I(() => () => {
       var e;
-      C.cancel(), (e = j.current) == null || e.abort();
-    }, [C]);
-    const m = A(
+      k.cancel(), (e = U.current) == null || e.abort();
+    }, [k]);
+    const f = D(
       (e) => {
-        te(e);
+        ne(e);
       },
-      [te]
-    ), re = A(
+      [ne]
+    ), le = D(
       (e) => {
         const [t, o] = e.split(":");
         if (!o || t !== "recent" && t !== "option") return null;
-        const ce = (t === "recent" ? ae.current : ne.current).get(o);
-        return ce ? { kind: t, option: ce } : null;
+        const me = (t === "recent" ? re.current : oe.current).get(o);
+        return me ? { kind: t, option: me } : null;
       },
       []
-    ), Ke = (e) => {
-      m(e), !(h || b) && (i || d(!0), !I.current && C(e));
-    }, Pe = (e) => {
-      I.current = !0;
-    }, je = (e) => {
-      I.current = !1;
-      const t = e.currentTarget.value;
-      C(t);
+    ), je = (e) => {
+      f(e), !(v || y) && (O && document.activeElement !== x.current || (i || l(!0), !E.current && k(e)));
     }, ze = (e) => {
-      h || b || (d(!0), r && C(r));
+      E.current = !0;
     }, Ue = (e) => {
+      E.current = !1;
+      const t = e.currentTarget.value;
+      k(t);
+    }, He = (e) => {
+      v || y || (l(!0), r && k(r));
+    }, Le = (e) => {
       const t = e.relatedTarget;
-      if (!(t && H.current && H.current.contains(t))) {
-        if (ye && p) {
-          const o = re(p);
-          o && (m(o.option.label), u == null || u(o.option));
+      if (!(t && L.current && L.current.contains(t))) {
+        if (Ce && m) {
+          const o = le(m);
+          o && (f(o.option.label), u == null || u(o.option));
         }
-        d(!1);
+        l(!1);
       }
-    }, He = (e) => {
+    }, Oe = (e) => {
       if (!e.nativeEvent.isComposing) {
         if (e.key === "Escape") {
-          i && (e.preventDefault(), e.stopPropagation(), d(!1));
+          i && (e.preventDefault(), e.stopPropagation(), l(!1));
           return;
         }
         if (e.key === "ArrowDown" && !i) {
-          e.preventDefault(), d(!0), r && C(r);
+          e.preventDefault(), l(!0), r && k(r);
           return;
         }
-        if (e.key === "Tab" && i && p) {
-          const t = re(p);
-          t && (m(t.option.label), u == null || u(t.option), d(!1));
+        if (e.key === "Tab" && i && m) {
+          const t = le(m);
+          t && (f(t.option.label), u == null || u(t.option), l(!1));
         }
       }
-    }, ie = (e, t) => {
+    }, de = (e, t) => {
       var o;
-      m(t.label), e === "recent" ? B == null || B(t) : u == null || u(t), d(!1), (o = U.current) == null || o.focus();
-    }, O = (e) => {
+      f(t.label), e === "recent" ? M == null || M(t) : u == null || u(t), l(!1), (o = x.current) == null || o.focus();
+    }, G = (e) => {
       e.preventDefault();
-    }, _ = !!(v && v.length > 0) && r.length === 0, Oe = L(
-      () => at(w),
-      [w]
-    ), Ge = !!M, Le = !!q || V, Se = ct({
-      size: we,
-      tone: De,
-      className: Ve
-    }), Qe = L(() => {
-      if (!p) return;
-      const [e, t] = p.split(":");
+    }, _ = !!(b && b.length > 0) && r.length === 0, Ge = Q(
+      () => lt(C),
+      [C]
+    ), Se = !!q, Qe = !!K || V, We = gt({
+      size: xe,
+      tone: Te,
+      className: Ie
+    }), Xe = Q(() => {
+      if (!m) return;
+      const [e, t] = m.split(":");
       if (!(!t || e !== "recent" && e !== "option"))
-        return X(g, e, t);
-    }, [p, g]), E = w.length > 0, de = !_ && !E && !V && r.length > 0, le = V && !E, We = _ || E || de || le, G = c(r);
-    R(() => {
-      G.current = r;
+        return Y(h, e, t);
+    }, [m, h]), A = C.length > 0, ue = !_ && !A && !V && r.length > 0, ce = V && !A, Je = _ || A || ue || ce, S = c(r);
+    I(() => {
+      S.current = r;
     }, [r]);
-    const ue = c(i);
-    R(() => {
-      ue.current = i;
+    const pe = c(i);
+    I(() => {
+      pe.current = i;
     }, [i]);
-    const Xe = L(
+    const Ye = Q(
       () => ({
-        getValue: () => G.current || null,
-        getQuery: () => G.current,
-        getIsOpen: () => ue.current,
+        getValue: () => S.current || null,
+        getQuery: () => S.current,
+        getIsOpen: () => pe.current,
         setValue: (e) => {
-          m(e ?? "");
+          f(e ?? "");
         },
         setQuery: (e) => {
-          m(e);
+          f(e);
         },
         clear: () => {
-          m("");
+          f("");
         },
         open: () => {
-          d(!0);
+          l(!0);
         },
         close: () => {
-          d(!1);
+          l(!1);
         }
       }),
-      [m]
+      [f]
     );
-    dt(ut, Xe, K);
-    const Je = w.length, Ye = V ? y("common.loading", "Loading…") : i && r.length > 0 ? y("inputs.autocomplete.results", {
-      count: Je,
+    pt(ft, Ye, P);
+    const Ze = C.length, et = V ? w("common.loading", "Loading…") : i && r.length > 0 ? w("inputs.autocomplete.results", {
+      count: Ze,
       defaultValue: "{{count}} results"
     }) : "";
     return /* @__PURE__ */ s(
-      f,
+      g,
       {
         shouldFilter: !1,
-        value: p,
-        onValueChange: Be,
-        label: Y ?? J,
+        value: m,
+        onValueChange: qe,
+        label: ee ?? (p.label || Z),
         className: "ds:w-full",
-        children: /* @__PURE__ */ x(
-          D.Root,
+        children: /* @__PURE__ */ N(
+          F.Root,
           {
-            open: i && !h && !b && We,
+            open: i && !v && !y && Je,
             children: [
-              /* @__PURE__ */ s(D.Anchor, { asChild: !0, children: /* @__PURE__ */ x(
+              /* @__PURE__ */ s(F.Anchor, { asChild: !0, children: /* @__PURE__ */ N(
                 "div",
                 {
-                  className: Se,
+                  className: We,
                   "data-component": "autocomplete",
-                  "data-component-id": K,
-                  "data-disabled": h || void 0,
+                  "data-component-id": P,
+                  "data-disabled": v || void 0,
                   children: [
-                    M ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${W} ds:ps-3`, children: M }) : null,
+                    q ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${J} ds:ps-3`, children: q }) : null,
                     /* @__PURE__ */ s(
-                      f.Input,
+                      g.Input,
                       {
-                        ref: Me,
-                        id: g,
-                        name: Ne,
-                        placeholder: J,
+                        ref: Ke,
+                        id: h,
+                        name: Ve,
+                        placeholder: Z,
                         value: r,
-                        onValueChange: Ke,
-                        onFocus: ze,
-                        onBlur: Ue,
-                        onKeyDown: He,
-                        onCompositionStart: Pe,
-                        onCompositionEnd: je,
-                        disabled: h,
-                        readOnly: b,
-                        required: Ae,
+                        onValueChange: je,
+                        onFocus: He,
+                        onBlur: Le,
+                        onKeyDown: Oe,
+                        onCompositionStart: ze,
+                        onCompositionEnd: Ue,
+                        disabled: v,
+                        readOnly: y,
+                        required: Fe,
                         role: "combobox",
                         "aria-autocomplete": "both",
                         "aria-expanded": i,
-                        "aria-controls": i ? Z : void 0,
-                        "aria-activedescendant": Qe,
-                        "aria-describedby": Te,
-                        "aria-invalid": ee || void 0,
-                        "aria-label": Y ?? y("inputs.autocomplete.ariaLabel"),
+                        "aria-controls": i ? te : void 0,
+                        "aria-activedescendant": Xe,
+                        "aria-describedby": Be,
+                        "aria-invalid": se || void 0,
+                        "aria-label": ee ?? (p.label || w("inputs.autocomplete.ariaLabel")),
                         autoComplete: "off",
-                        className: pt({ hasStart: Ge, hasEnd: Le })
+                        className: ht({ hasStart: Se, hasEnd: Qe })
                       }
                     ),
-                    V ? /* @__PURE__ */ s("span", { className: `${W} ds:pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ s(pe, { variant: "pulse", size: "sm" }) }) : q ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${W} ds:pe-3`, children: q }) : null,
+                    V ? /* @__PURE__ */ s("span", { className: `${J} ds:pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ s(fe, { variant: "pulse", size: "sm" }) }) : K ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${J} ds:pe-3`, children: K }) : null,
                     /* @__PURE__ */ s(
                       "span",
                       {
-                        id: $e,
+                        id: De,
                         role: "status",
                         "aria-live": "polite",
                         "aria-atomic": "true",
                         className: "ds:sr-only",
-                        children: Ye
+                        children: et
                       }
                     )
                   ]
                 }
               ) }),
-              /* @__PURE__ */ s(D.Portal, { forceMount: !0, children: /* @__PURE__ */ s(
-                D.Content,
+              /* @__PURE__ */ s(F.Portal, { forceMount: !0, children: /* @__PURE__ */ s(
+                F.Content,
                 {
-                  ref: H,
+                  ref: L,
                   forceMount: !0,
                   hidden: !i,
                   side: "bottom",
@@ -410,36 +419,36 @@ const ft = Ze(
                   onPointerDownOutside: (e) => {
                     var o;
                     const t = e.target;
-                    if (t && ((o = U.current) != null && o.contains(t))) {
+                    if (t && ((o = x.current) != null && o.contains(t))) {
                       e.preventDefault();
                       return;
                     }
-                    d(!1);
+                    l(!1);
                   },
-                  onEscapeKeyDown: () => d(!1),
-                  onMouseDown: O,
-                  className: mt(),
-                  children: /* @__PURE__ */ x(
-                    f.List,
+                  onEscapeKeyDown: () => l(!1),
+                  onMouseDown: G,
+                  className: vt(),
+                  children: /* @__PURE__ */ N(
+                    g.List,
                     {
-                      id: Z,
+                      id: te,
                       className: "ds:max-h-[min(24rem,var(--radix-popover-content-available-height))] ds:overflow-auto ds:p-1",
                       children: [
                         _ ? /* @__PURE__ */ s(
-                          f.Group,
+                          g.Group,
                           {
-                            heading: y("inputs.autocomplete.recent", "Recent"),
-                            className: fe,
-                            children: (v ?? []).map((e) => /* @__PURE__ */ x(
-                              f.Item,
+                            heading: w("inputs.autocomplete.recent", "Recent"),
+                            className: he,
+                            children: (b ?? []).map((e) => /* @__PURE__ */ N(
+                              g.Item,
                               {
-                                id: X(g, "recent", e.value),
+                                id: Y(h, "recent", e.value),
                                 "data-option-id": e.value,
-                                value: ge("recent", e.value),
+                                value: ve("recent", e.value),
                                 disabled: e.disabled,
-                                onSelect: () => ie("recent", e),
-                                onMouseDown: O,
-                                className: me(),
+                                onSelect: () => de("recent", e),
+                                onMouseDown: G,
+                                className: ge(),
                                 children: [
                                   e.startAdornment ? /* @__PURE__ */ s(
                                     "span",
@@ -462,22 +471,22 @@ const ft = Ze(
                             ))
                           }
                         ) : null,
-                        de ? /* @__PURE__ */ s("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: y("inputs.autocomplete.noResults", "No results") }) : null,
-                        le ? /* @__PURE__ */ x("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: [
-                          /* @__PURE__ */ s(pe, { variant: "pulse", size: "sm" }),
-                          /* @__PURE__ */ s("span", { children: y("common.loading", "Loading…") })
+                        ue ? /* @__PURE__ */ s("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: w("inputs.autocomplete.noResults", "No results") }) : null,
+                        ce ? /* @__PURE__ */ N("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: [
+                          /* @__PURE__ */ s(fe, { variant: "pulse", size: "sm" }),
+                          /* @__PURE__ */ s("span", { children: w("common.loading", "Loading…") })
                         ] }) : null,
-                        !_ && E ? Oe.map((e, t) => {
-                          const o = e.items.map((a) => /* @__PURE__ */ x(
-                            f.Item,
+                        !_ && A ? Ge.map((e, t) => {
+                          const o = e.items.map((a) => /* @__PURE__ */ N(
+                            g.Item,
                             {
-                              id: X(g, "option", a.value),
+                              id: Y(h, "option", a.value),
                               "data-option-id": a.value,
-                              value: ge("option", a.value),
+                              value: ve("option", a.value),
                               disabled: a.disabled,
-                              onSelect: () => ie("option", a),
-                              onMouseDown: O,
-                              className: me(),
+                              onSelect: () => de("option", a),
+                              onMouseDown: G,
+                              className: ge(),
                               children: [
                                 a.startAdornment ? /* @__PURE__ */ s(
                                   "span",
@@ -499,14 +508,14 @@ const ft = Ze(
                             `option-${a.value}`
                           ));
                           return e.group ? /* @__PURE__ */ s(
-                            f.Group,
+                            g.Group,
                             {
                               heading: e.group,
-                              className: fe,
+                              className: he,
                               children: o
                             },
                             `group-${e.group}`
-                          ) : /* @__PURE__ */ s(f.Group, { children: o }, `group-${t}`);
+                          ) : /* @__PURE__ */ s(g.Group, { children: o }, `group-${t}`);
                         }) : null
                       ]
                     }
@@ -519,11 +528,11 @@ const ft = Ze(
       }
     );
   }
-), gt = ft;
-gt.displayName = "Autocomplete";
+), yt = bt;
+yt.displayName = "Autocomplete";
 export {
-  gt as A,
-  ut as a,
-  ct as b
+  yt as A,
+  ft as a,
+  gt as b
 };
-//# sourceMappingURL=autocomplete-IfLaXwyb.js.map
+//# sourceMappingURL=autocomplete-BXm1rnT0.js.map