@alfadocs/ui-kit 0.21.0 → 0.24.0

package/dist/_chunks/{autocomplete-BxfabhZ8.js → autocomplete-C7xq06bP.js}

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as _ } from "react/jsx-runtime";
-import { forwardRef as We, useId as Ye, useState as $, useRef as c, useCallback as D, useEffect as R, useMemo as L } from "react";
+import { forwardRef as We, useId as Ye, useState as $, useRef as c, useCallback as D, useEffect as R, useMemo as G } from "react";
 import { _ as f } from "./index-4xgbg-sn.js";
 import * as T from "@radix-ui/react-popover";
 import { c as A } from "./index-D2ZczOXr.js";
@@ -166,22 +166,22 @@ const ct = We(
     id: z,
     className: Re,
     "aria-label": Y
-  }, C) {
-    const { t: k, i18n: Ne } = Ze(), x = et(), Ie = Ye(), g = z ?? x.id ?? Ie, Z = `${g}-listbox`, Ee = `${g}-live`, h = !!(x.disabled || ke), _e = !!(x.required || xe), ee = x.invalid, $e = ee ? "error" : Ce ?? "default", De = x.describedBy || void 0, [Te, te] = tt({
+  }, k) {
+    const { t: y, i18n: Ne } = Ze(), x = et(), Ie = Ye(), g = z ?? x.id ?? Ie, Z = `${g}-listbox`, Ee = `${g}-live`, h = !!(x.disabled || ke), _e = !!(x.required || xe), ee = x.invalid, $e = ee ? "error" : Ce ?? "default", De = x.describedBy || void 0, [Te, te] = tt({
       value: he,
       defaultValue: ve ?? "",
       onChange: be
-    }), r = Te ?? "", [i, d] = $(!1), [y, se] = $([]), [V, j] = $(!1), [p, Ae] = $(""), N = c(!1), U = c(null), q = c(r), ne = c(/* @__PURE__ */ new Map()), oe = c(/* @__PURE__ */ new Map()), H = c(null), O = c(null), Fe = D(
+    }), r = Te ?? "", [i, d] = $(!1), [w, se] = $([]), [V, j] = $(!1), [p, Ae] = $(""), N = c(!1), U = c(null), q = c(r), ne = c(/* @__PURE__ */ new Map()), oe = c(/* @__PURE__ */ new Map()), H = c(null), L = c(null), Fe = D(
       (e) => {
-        H.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+        H.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
       },
-      [C]
+      [k]
     ), ae = Ne.language;
     R(() => {
       const e = /* @__PURE__ */ new Map();
-      for (const t of y) e.set(t.value, t);
+      for (const t of w) e.set(t.value, t);
       ne.current = e;
-    }, [y]), R(() => {
+    }, [w]), R(() => {
       const e = /* @__PURE__ */ new Map();
       if (v) for (const t of v) e.set(t.value, t);
       oe.current = e;
@@ -199,11 +199,11 @@ const ct = We(
         });
       },
       [h, b, l, ae]
-    ), w = at(Be, F);
+    ), C = at(Be, F);
     R(() => () => {
       var e;
-      w.cancel(), (e = U.current) == null || e.abort();
-    }, [w]);
+      C.cancel(), (e = U.current) == null || e.abort();
+    }, [C]);
     const m = D(
       (e) => {
         te(e);
@@ -218,18 +218,18 @@ const ct = We(
       },
       []
     ), Me = (e) => {
-      m(e), !(h || b) && (i || d(!0), !N.current && w(e));
+      m(e), !(h || b) && (i || d(!0), !N.current && C(e));
     }, Pe = (e) => {
       N.current = !0;
     }, ze = (e) => {
       N.current = !1;
       const t = e.currentTarget.value;
-      w(t);
+      C(t);
     }, je = (e) => {
-      h || b || (d(!0), r && w(r));
+      h || b || (d(!0), r && C(r));
     }, Ue = (e) => {
       const t = e.relatedTarget;
-      if (!(t && O.current && O.current.contains(t))) {
+      if (!(t && L.current && L.current.contains(t))) {
         if (ye && p) {
           const n = re(p);
           n && (m(n.option.label), u == null || u(n.option));
@@ -243,7 +243,7 @@ const ct = We(
           return;
         }
         if (e.key === "ArrowDown" && !i) {
-          e.preventDefault(), d(!0), r && w(r);
+          e.preventDefault(), d(!0), r && C(r);
           return;
         }
         if (e.key === "Tab" && i && p) {
@@ -254,32 +254,32 @@ const ct = We(
     }, ie = (e, t) => {
       var n;
       m(t.label), e === "recent" ? B == null || B(t) : u == null || u(t), d(!1), (n = H.current) == null || n.focus();
-    }, Q = (e) => {
+    }, O = (e) => {
       e.preventDefault();
-    }, I = !!(v && v.length > 0) && r.length === 0, He = L(
-      () => st(y),
-      [y]
-    ), Oe = !!M, Qe = !!P || V, Ge = dt({
+    }, I = !!(v && v.length > 0) && r.length === 0, He = G(
+      () => st(w),
+      [w]
+    ), Le = !!M, Oe = !!P || V, Qe = dt({
       size: we,
       tone: $e,
       className: Re
-    }), Le = L(() => {
+    }), Ge = G(() => {
       if (!p) return;
       const [e, t] = p.split(":");
       if (!(!t || e !== "recent" && e !== "option"))
         return J(g, e, t);
-    }, [p, g]), E = y.length > 0, de = !I && !E && !V && r.length > 0, le = V && !E, Se = I || E || de || le, G = c(r);
+    }, [p, g]), E = w.length > 0, de = !I && !E && !V && r.length > 0, le = V && !E, Se = I || E || de || le, Q = c(r);
     R(() => {
-      G.current = r;
+      Q.current = r;
     }, [r]);
     const ue = c(i);
     R(() => {
       ue.current = i;
     }, [i]);
-    const Ke = L(
+    const Ke = G(
       () => ({
-        getValue: () => G.current || null,
-        getQuery: () => G.current,
+        getValue: () => Q.current || null,
+        getQuery: () => Q.current,
         getIsOpen: () => ue.current,
         setValue: (e) => {
           m(e ?? "");
@@ -300,7 +300,7 @@ const ct = We(
       [m]
     );
     rt(it, Ke, z);
-    const Xe = y.length, Je = V ? k("common.loading", "Loading…") : i && r.length > 0 ? k("inputs.autocomplete.results", {
+    const Xe = w.length, Je = V ? y("common.loading", "Loading…") : i && r.length > 0 ? y("inputs.autocomplete.results", {
       count: Xe,
       defaultValue: "{{count}} results"
     }) : "";
@@ -320,7 +320,7 @@ const ct = We(
               /* @__PURE__ */ o(T.Anchor, { asChild: !0, children: /* @__PURE__ */ _(
                 "div",
                 {
-                  className: Ge,
+                  className: Qe,
                   "data-component": "autocomplete",
                   "data-component-id": z,
                   "data-disabled": h || void 0,
@@ -347,12 +347,12 @@ const ct = We(
                         "aria-autocomplete": "both",
                         "aria-expanded": i,
                         "aria-controls": i ? Z : void 0,
-                        "aria-activedescendant": Le,
+                        "aria-activedescendant": Ge,
                         "aria-describedby": De,
                         "aria-invalid": ee || void 0,
-                        "aria-label": Y,
+                        "aria-label": Y ?? y("inputs.autocomplete.ariaLabel"),
                         autoComplete: "off",
-                        className: lt({ hasStart: Oe, hasEnd: Qe })
+                        className: lt({ hasStart: Le, hasEnd: Oe })
                       }
                     ),
                     V ? /* @__PURE__ */ o("span", { className: `${X} ds:pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ o(pe, { size: "sm" }) }) : P ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: `${X} ds:pe-3`, children: P }) : null,
@@ -373,7 +373,7 @@ const ct = We(
               /* @__PURE__ */ o(T.Portal, { forceMount: !0, children: /* @__PURE__ */ o(
                 T.Content,
                 {
-                  ref: O,
+                  ref: L,
                   forceMount: !0,
                   hidden: !i,
                   side: "bottom",
@@ -391,7 +391,7 @@ const ct = We(
                     d(!1);
                   },
                   onEscapeKeyDown: () => d(!1),
-                  onMouseDown: Q,
+                  onMouseDown: O,
                   className: ut(),
                   children: /* @__PURE__ */ _(
                     f.List,
@@ -402,7 +402,7 @@ const ct = We(
                         I ? /* @__PURE__ */ o(
                           f.Group,
                           {
-                            heading: k("inputs.autocomplete.recent", "Recent"),
+                            heading: y("inputs.autocomplete.recent", "Recent"),
                             className: fe,
                             children: (v ?? []).map((e) => /* @__PURE__ */ o(
                               f.Item,
@@ -411,7 +411,7 @@ const ct = We(
                                 value: ge("recent", e.value),
                                 disabled: e.disabled,
                                 onSelect: () => ie("recent", e),
-                                onMouseDown: Q,
+                                onMouseDown: O,
                                 className: me(),
                                 children: e.label
                               },
@@ -419,10 +419,10 @@ const ct = We(
                             ))
                           }
                         ) : null,
-                        de ? /* @__PURE__ */ o("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: k("inputs.autocomplete.noResults", "No results") }) : null,
+                        de ? /* @__PURE__ */ o("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__ */ _("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__ */ o(pe, { size: "sm" }),
-                          /* @__PURE__ */ o("span", { children: k("common.loading", "Loading…") })
+                          /* @__PURE__ */ o("span", { children: y("common.loading", "Loading…") })
                         ] }) : null,
                         !I && E ? He.map((e, t) => {
                           const n = e.items.map((a) => /* @__PURE__ */ o(
@@ -432,7 +432,7 @@ const ct = We(
                               value: ge("option", a.value),
                               disabled: a.disabled,
                               onSelect: () => ie("option", a),
-                              onMouseDown: Q,
+                              onMouseDown: O,
                               className: me(),
                               children: a.label
                             },
@@ -466,4 +466,4 @@ export {
   it as a,
   dt as b
 };
-//# sourceMappingURL=autocomplete-BxfabhZ8.js.map
+//# sourceMappingURL=autocomplete-C7xq06bP.js.map