@alfadocs/ui-kit 1.90.1 → 1.91.0

package/dist/_chunks/autocomplete-CnB1mHGc.js

@@ -1,539 +0,0 @@
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { forwardRef as tt, useId as st, useState as $, useRef as p, useCallback as D, useEffect as I, useMemo as X } 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 nt } from "react-i18next";
-import { S as fe } from "./spinner-CoflYlEx.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 J, b as Y, c as ct } from "./input-surface-iBmxVBfr.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: {
-    value: {
-      type: "string | null",
-      descriptionKey: "ui.agent.autocomplete.state.value",
-      description: "Currently-selected option value, or null when nothing is committed.",
-      read: (n) => n.getValue()
-    },
-    query: {
-      type: "string",
-      descriptionKey: "ui.agent.autocomplete.state.query",
-      description: "Current free-text query in the input.",
-      read: (n) => n.getQuery()
-    },
-    isOpen: {
-      type: "boolean",
-      descriptionKey: "ui.agent.autocomplete.state.isOpen",
-      description: "True when the suggestion list is visible.",
-      read: (n) => n.getIsOpen()
-    }
-  },
-  actions: {
-    set_value: {
-      safety: "write",
-      argsType: "{ value: string | null }",
-      argsSchema: {
-        type: "object",
-        properties: { value: { type: ["string", "null"] } },
-        required: ["value"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.autocomplete.actions.setValue",
-      description: "Set the committed value programmatically.",
-      invoke: (n, d) => {
-        n.setValue(d.value);
-      }
-    },
-    apply_filter: {
-      safety: "read",
-      argsType: "{ query: string }",
-      argsSchema: {
-        type: "object",
-        properties: { query: { type: "string" } },
-        required: ["query"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.autocomplete.actions.applyFilter",
-      description: "Set the input query, which filters the suggestion list.",
-      invoke: (n, d) => {
-        n.setQuery(d.query);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      idempotent: !0,
-      descriptionKey: "ui.agent.autocomplete.actions.clear",
-      description: "Clear the committed value and the query. Discards the typed input.",
-      invoke: (n) => {
-        n.clear();
-      }
-    },
-    open: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.autocomplete.actions.open",
-      description: "Open the suggestion list.",
-      invoke: (n) => {
-        n.open();
-      }
-    },
-    close: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.autocomplete.actions.close",
-      description: "Close the suggestion list.",
-      invoke: (n) => {
-        n.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "autocomplete" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    },
-    item: {
-      attr: "data-option-id",
-      description: "Each suggestion emits its value as data-option-id."
-    }
-  }
-}, gt = T(
-  ["ds:flex ds:w-full ds:items-center", ct].join(" "),
-  {
-    variants: {
-      size: {
-        sm: `${J.sm} ${Y.sm}`,
-        md: `${J.md} ${Y.md}`,
-        lg: `${J.lg} ${Y.lg}`
-      },
-      tone: ut
-    },
-    defaultVariants: { size: "md", tone: "default" }
-  }
-), ht = T(
-  [
-    "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground",
-    "ds:placeholder:text-muted-foreground",
-    "ds:outline-none ds:focus:outline-none ds:focus-visible:outline-none",
-    "ds:disabled:cursor-not-allowed",
-    "ds:read-only:cursor-default"
-  ].join(" "),
-  {
-    variants: {
-      hasStart: { true: "ds:ps-2", false: "ds:ps-3" },
-      hasEnd: { true: "ds:pe-2", false: "ds:pe-3" }
-    },
-    defaultVariants: { hasStart: !1, hasEnd: !1 }
-  }
-), vt = T(
-  [
-    "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
-    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
-    "ds:shadow-[var(--shadow-md)]",
-    "ds:w-[var(--radix-popover-trigger-width)]",
-    "ds:animate-in ds:fade-in ds:zoom-in-95",
-    "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
-    "ds:data-[state=closed]:zoom-out-95",
-    "ds:motion-reduce:animate-none"
-  ].join(" ")
-), 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.
-    dt.selected
-  ].join(" ")
-), 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(" "), Z = "ds:inline-flex ds:items-center ds:shrink-0 ds:text-muted-foreground ds:[&_svg]:size-4";
-function ee(n, d, B) {
-  return `${n}-${d}-${B}`;
-}
-function ve(n, d) {
-  return `${n}:${d}`;
-}
-const bt = tt(
-  function({
-    loadOptions: d,
-    debounceMs: B = 250,
-    value: be,
-    defaultValue: ye,
-    onChange: we,
-    onSelect: u,
-    recents: y,
-    onRecentSelect: M,
-    snapOnBlur: Ce = !1,
-    size: xe = "md",
-    tone: ke = "default",
-    startAdornment: q,
-    endAdornment: K,
-    placeholder: P,
-    disabled: Ne,
-    readOnly: w,
-    required: Re,
-    name: Ve,
-    id: j,
-    className: Ie,
-    "aria-label": z,
-    "aria-invalid": Ee,
-    "aria-describedby": _e,
-    autoComplete: U
-  }, R) {
-    const { t: h, i18n: Ae } = nt("ui"), c = at(), $e = st(), v = j ?? c.id ?? $e, te = `${v}-listbox`, De = `${v}-live`, b = !!(c.disabled || Ne), Fe = !!(c.required || Re), se = c.invalid || !!Ee, Te = se ? "error" : ke ?? "default", Be = c.describedBy || _e || void 0, [Me, ne] = rt({
-      value: be,
-      defaultValue: ye ?? "",
-      onChange: we
-    }), r = Me ?? "", [i, l] = $(!1), [C, ae] = $([]), [V, H] = $(!1), [m, qe] = $(""), E = p(!1), L = p(null), O = p(r), oe = p(/* @__PURE__ */ new Map()), re = p(/* @__PURE__ */ new Map()), x = p(null), G = p(null);
-    ot(c, x);
-    const S = U && U !== "off" ? U : void 0;
-    it(() => {
-      var e;
-      S && ((e = x.current) == null || e.setAttribute("autocomplete", S));
-    });
-    const Ke = D(
-      (e) => {
-        x.current = e, typeof R == "function" ? R(e) : R && (R.current = e);
-      },
-      [R]
-    ), ie = Ae.language;
-    I(() => {
-      const e = /* @__PURE__ */ new Map();
-      for (const t of C) e.set(t.value, t);
-      oe.current = e;
-    }, [C]), I(() => {
-      const e = /* @__PURE__ */ new Map();
-      if (y) for (const t of y) e.set(t.value, t);
-      re.current = e;
-    }, [y]);
-    const Pe = D(
-      (e) => {
-        var o;
-        if (b || w || E.current) return;
-        (o = L.current) == null || o.abort();
-        const t = new AbortController();
-        L.current = t, O.current = e, H(!0), d(e, { signal: t.signal, locale: ie }).then((a) => {
-          t.signal.aborted || O.current === e && (ae(a), H(!1));
-        }).catch((a) => {
-          t.signal.aborted || a && typeof a == "object" && "name" in a && a.name === "AbortError" || O.current === e && (ae([]), H(!1));
-        });
-      },
-      [b, w, d, ie]
-    ), k = mt(Pe, B);
-    I(() => () => {
-      var e;
-      k.cancel(), (e = L.current) == null || e.abort();
-    }, [k]);
-    const f = D(
-      (e) => {
-        ne(e);
-      },
-      [ne]
-    ), le = D(
-      (e) => {
-        const [t, o] = e.split(":");
-        if (!o || t !== "recent" && t !== "option") return null;
-        const me = (t === "recent" ? re.current : oe.current).get(o);
-        return me ? { kind: t, option: me } : null;
-      },
-      []
-    ), je = (e) => {
-      f(e), !(b || w) && (S && document.activeElement !== x.current || (i || l(!0), !E.current && k(e)));
-    }, ze = (e) => {
-      E.current = !0;
-    }, Ue = (e) => {
-      E.current = !1;
-      const t = e.currentTarget.value;
-      k(t);
-    }, He = (e) => {
-      b || w || (l(!0), r && k(r));
-    }, Le = (e) => {
-      const t = e.relatedTarget;
-      if (!(t && G.current && G.current.contains(t))) {
-        if (Ce && m) {
-          const o = le(m);
-          o && (f(o.option.label), u == null || u(o.option));
-        }
-        l(!1);
-      }
-    }, Oe = (e) => {
-      if (!e.nativeEvent.isComposing) {
-        if (e.key === "Escape") {
-          i && (e.preventDefault(), e.stopPropagation(), l(!1));
-          return;
-        }
-        if (e.key === "ArrowDown" && !i) {
-          e.preventDefault(), l(!0), r && k(r);
-          return;
-        }
-        if (e.key === "Tab" && i && m) {
-          const t = le(m);
-          t && (f(t.option.label), u == null || u(t.option), l(!1));
-        }
-      }
-    }, de = (e, t) => {
-      var o;
-      f(t.label), e === "recent" ? M == null || M(t) : u == null || u(t), l(!1), (o = x.current) == null || o.focus();
-    }, Q = (e) => {
-      e.preventDefault();
-    }, _ = !!(y && y.length > 0) && r.length === 0, Ge = X(
-      () => lt(C),
-      [C]
-    ), Se = !!q, Qe = !!K || V, We = gt({
-      size: xe,
-      tone: Te,
-      className: Ie
-    }), Xe = X(() => {
-      if (!m) return;
-      const [e, t] = m.split(":");
-      if (!(!t || e !== "recent" && e !== "option"))
-        return ee(v, e, t);
-    }, [m, v]), A = C.length > 0, ue = !_ && !A && !V && r.length > 0, ce = V && !A, Je = _ || A || ue || ce, W = p(r);
-    I(() => {
-      W.current = r;
-    }, [r]);
-    const pe = p(i);
-    I(() => {
-      pe.current = i;
-    }, [i]);
-    const Ye = X(
-      () => ({
-        getValue: () => W.current || null,
-        getQuery: () => W.current,
-        getIsOpen: () => pe.current,
-        setValue: (e) => {
-          f(e ?? "");
-        },
-        setQuery: (e) => {
-          f(e);
-        },
-        clear: () => {
-          f("");
-        },
-        open: () => {
-          l(!0);
-        },
-        close: () => {
-          l(!1);
-        }
-      }),
-      [f]
-    );
-    pt(ft, Ye, j);
-    const Ze = C.length, et = V ? h("common.loading", "Loading…") : i && r.length > 0 ? h("inputs.autocomplete.results", {
-      count: Ze,
-      defaultValue: "{{count}} results"
-    }) : "";
-    return /* @__PURE__ */ s(
-      g,
-      {
-        shouldFilter: !1,
-        value: m,
-        onValueChange: qe,
-        label: z ?? (c.label || P),
-        className: "ds:w-full",
-        children: /* @__PURE__ */ N(
-          F.Root,
-          {
-            open: i && !b && !w && Je,
-            children: [
-              /* @__PURE__ */ s(F.Anchor, { asChild: !0, children: /* @__PURE__ */ N(
-                "div",
-                {
-                  className: We,
-                  "data-component": "autocomplete",
-                  "data-component-id": j,
-                  "data-disabled": b || void 0,
-                  children: [
-                    q ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${Z} ds:ps-3`, children: q }) : null,
-                    /* @__PURE__ */ s(
-                      g.Input,
-                      {
-                        ref: Ke,
-                        id: v,
-                        name: Ve,
-                        placeholder: P,
-                        value: r,
-                        onValueChange: je,
-                        onFocus: He,
-                        onBlur: Le,
-                        onKeyDown: Oe,
-                        onCompositionStart: ze,
-                        onCompositionEnd: Ue,
-                        disabled: b,
-                        readOnly: w,
-                        required: Fe,
-                        role: "combobox",
-                        "aria-autocomplete": "both",
-                        "aria-expanded": i,
-                        "aria-controls": i ? te : void 0,
-                        "aria-activedescendant": Xe,
-                        "aria-describedby": Be,
-                        "aria-invalid": se || void 0,
-                        "aria-label": z ?? (c.label || h("inputs.autocomplete.ariaLabel")),
-                        autoComplete: "off",
-                        className: ht({ hasStart: Se, hasEnd: Qe })
-                      }
-                    ),
-                    V ? /* @__PURE__ */ s("span", { className: `${Z} ds:pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ s(fe, { variant: "pulse", size: "sm" }) }) : K ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: `${Z} ds:pe-3`, children: K }) : null,
-                    /* @__PURE__ */ s(
-                      "span",
-                      {
-                        id: De,
-                        role: "status",
-                        "aria-live": "polite",
-                        "aria-atomic": "true",
-                        className: "ds:sr-only",
-                        children: et
-                      }
-                    )
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ s(F.Portal, { forceMount: !0, children: /* @__PURE__ */ s(
-                F.Content,
-                {
-                  ref: G,
-                  forceMount: !0,
-                  hidden: !i,
-                  side: "bottom",
-                  align: "start",
-                  sideOffset: 4,
-                  onOpenAutoFocus: (e) => e.preventDefault(),
-                  onCloseAutoFocus: (e) => e.preventDefault(),
-                  onPointerDownOutside: (e) => {
-                    var o;
-                    const t = e.target;
-                    if (t && ((o = x.current) != null && o.contains(t))) {
-                      e.preventDefault();
-                      return;
-                    }
-                    l(!1);
-                  },
-                  onEscapeKeyDown: () => l(!1),
-                  onMouseDown: Q,
-                  className: vt(),
-                  children: /* @__PURE__ */ N(
-                    g.List,
-                    {
-                      id: te,
-                      label: z ?? (c.label || P || h("inputs.autocomplete.ariaLabel")),
-                      className: "ds:max-h-[min(24rem,var(--radix-popover-content-available-height))] ds:overflow-auto ds:p-1",
-                      children: [
-                        _ ? /* @__PURE__ */ s(
-                          g.Group,
-                          {
-                            heading: h("inputs.autocomplete.recent", "Recent"),
-                            className: he,
-                            children: (y ?? []).map((e) => /* @__PURE__ */ N(
-                              g.Item,
-                              {
-                                id: ee(v, "recent", e.value),
-                                "data-option-id": e.value,
-                                value: ve("recent", e.value),
-                                disabled: e.disabled,
-                                onSelect: () => de("recent", e),
-                                onMouseDown: Q,
-                                className: ge(),
-                                children: [
-                                  e.startAdornment ? /* @__PURE__ */ s(
-                                    "span",
-                                    {
-                                      "aria-hidden": "true",
-                                      className: "ds:inline-flex ds:items-center ds:shrink-0",
-                                      children: e.startAdornment
-                                    }
-                                  ) : null,
-                                  /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: e.label }),
-                                  e.endContent ? (
-                                    // Deliberately NOT aria-hidden — unlike
-                                    // `startAdornment`, this slot carries meaning
-                                    // and must reach the option's accessible name.
-                                    /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0", children: e.endContent })
-                                  ) : null
-                                ]
-                              },
-                              `recent-${e.value}`
-                            ))
-                          }
-                        ) : null,
-                        ue ? /* @__PURE__ */ s("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: h("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: h("common.loading", "Loading…") })
-                        ] }) : null,
-                        !_ && A ? Ge.map((e, t) => {
-                          const o = e.items.map((a) => /* @__PURE__ */ N(
-                            g.Item,
-                            {
-                              id: ee(v, "option", a.value),
-                              "data-option-id": a.value,
-                              value: ve("option", a.value),
-                              disabled: a.disabled,
-                              onSelect: () => de("option", a),
-                              onMouseDown: Q,
-                              className: ge(),
-                              children: [
-                                a.startAdornment ? /* @__PURE__ */ s(
-                                  "span",
-                                  {
-                                    "aria-hidden": "true",
-                                    className: "ds:inline-flex ds:items-center ds:shrink-0",
-                                    children: a.startAdornment
-                                  }
-                                ) : null,
-                                /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: a.label }),
-                                a.endContent ? (
-                                  // Deliberately NOT aria-hidden — unlike
-                                  // `startAdornment`, this slot carries meaning
-                                  // and must reach the option's accessible name.
-                                  /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0", children: a.endContent })
-                                ) : null
-                              ]
-                            },
-                            `option-${a.value}`
-                          ));
-                          return e.group ? /* @__PURE__ */ s(
-                            g.Group,
-                            {
-                              heading: e.group,
-                              className: he,
-                              children: o
-                            },
-                            `group-${e.group}`
-                          ) : /* @__PURE__ */ s(g.Group, { children: o }, `group-${t}`);
-                        }) : null
-                      ]
-                    }
-                  )
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    );
-  }
-), yt = bt;
-yt.displayName = "Autocomplete";
-export {
-  yt as A,
-  ft as a,
-  gt as b
-};
-//# sourceMappingURL=autocomplete-CnB1mHGc.js.map