@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/autocomplete.agent-Dh7KioS6.js

@@ -0,0 +1,432 @@
+import { jsx as n, jsxs as R } from "react/jsx-runtime";
+import { forwardRef as Xe, useId as Je, useState as N, useRef as g, useCallback as D, useEffect as O, useMemo as ce } from "react";
+import { _ as c } from "./index-4xgbg-sn.js";
+import * as T from "@radix-ui/react-popover";
+import { c as F } from "./index-D2ZczOXr.js";
+import { useTranslation as We } from "react-i18next";
+import { S as pe } from "./spinner-GCcv67vh.js";
+import { u as Ye } from "./form-field-context-94LwgYTQ.js";
+import { u as Ze } from "./use-debounced-callback-BisrB-Fq.js";
+import { g as et } from "./group-options-BvKhQ3xb.js";
+import { I as tt, a as K, b as Q, c as st } from "./input-surface-u4QB0lxe.js";
+const ot = F(
+  ["ds:flex ds:w-full ds:items-center", st].join(" "),
+  {
+    variants: {
+      size: {
+        sm: `${K.sm} ${Q.sm}`,
+        md: `${K.md} ${Q.md}`,
+        lg: `${K.lg} ${Q.lg}`
+      },
+      tone: tt
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+), nt = F(
+  [
+    "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 }
+  }
+), at = F(
+  [
+    "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(" ")
+), me = F(
+  [
+    "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",
+    "ds:data-[selected=true]:bg-primary ds:data-[selected=true]:text-primary-foreground",
+    "ds:hover:bg-muted ds:data-[selected=true]:hover:bg-primary"
+  ].join(" ")
+), fe = [
+  "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(" "), S = "ds:inline-flex ds:items-center ds:shrink-0 ds:text-muted-foreground ds:[&_svg]:size-4";
+function X(s, r, B) {
+  return `${s}-${r}-${B}`;
+}
+function ge(s, r) {
+  return `${s}:${r}`;
+}
+const rt = Xe(
+  function({
+    loadOptions: r,
+    debounceMs: B = 250,
+    value: J,
+    defaultValue: he,
+    onChange: V,
+    onSelect: i,
+    recents: h,
+    onRecentSelect: A,
+    snapOnBlur: ve = !1,
+    size: be = "md",
+    tone: ye = "default",
+    startAdornment: P,
+    endAdornment: z,
+    placeholder: W,
+    disabled: we,
+    readOnly: v,
+    required: ke,
+    name: xe,
+    id: Y,
+    className: Ce,
+    "aria-label": Z
+  }, w) {
+    const { t: k, i18n: Ne } = We(), x = Ye(), Ve = Je(), p = Y ?? x.id ?? Ve, ee = `${p}-listbox`, Ie = `${p}-live`, m = !!(x.disabled || we), Ee = !!(x.required || ke), te = x.invalid, _e = te ? "error" : ye ?? "default", $e = x.describedBy || void 0, M = J !== void 0, [Re, De] = N(
+      he ?? ""
+    ), d = M ? J : Re, [f, l] = N(!1), [b, se] = N([]), [C, j] = N(!1), [u, Te] = N(""), I = g(!1), U = g(null), q = g(d), oe = g(/* @__PURE__ */ new Map()), ne = g(/* @__PURE__ */ new Map()), G = g(null), H = g(null), Fe = D(
+      (e) => {
+        G.current = e, typeof w == "function" ? w(e) : w && (w.current = e);
+      },
+      [w]
+    ), ae = Ne.language;
+    O(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const t of b) e.set(t.value, t);
+      oe.current = e;
+    }, [b]), O(() => {
+      const e = /* @__PURE__ */ new Map();
+      if (h) for (const t of h) e.set(t.value, t);
+      ne.current = e;
+    }, [h]);
+    const Be = D(
+      (e) => {
+        var o;
+        if (m || v || I.current) return;
+        (o = U.current) == null || o.abort();
+        const t = new AbortController();
+        U.current = t, q.current = e, j(!0), r(e, { signal: t.signal, locale: ae }).then((a) => {
+          t.signal.aborted || q.current === e && (se(a), j(!1));
+        }).catch((a) => {
+          t.signal.aborted || a && typeof a == "object" && "name" in a && a.name === "AbortError" || q.current === e && (se([]), j(!1));
+        });
+      },
+      [m, v, r, ae]
+    ), y = Ze(Be, B);
+    O(() => () => {
+      var e;
+      y.cancel(), (e = U.current) == null || e.abort();
+    }, [y]);
+    const E = D(
+      (e) => {
+        M || De(e), V == null || V(e);
+      },
+      [M, V]
+    ), re = D(
+      (e) => {
+        const [t, o] = e.split(":");
+        if (!o || t !== "recent" && t !== "option") return null;
+        const ue = (t === "recent" ? ne.current : oe.current).get(o);
+        return ue ? { kind: t, option: ue } : null;
+      },
+      []
+    ), Ae = (e) => {
+      E(e), !(m || v) && (f || l(!0), !I.current && y(e));
+    }, Pe = (e) => {
+      I.current = !0;
+    }, ze = (e) => {
+      I.current = !1;
+      const t = e.currentTarget.value;
+      y(t);
+    }, Me = (e) => {
+      m || v || (l(!0), d && y(d));
+    }, je = (e) => {
+      const t = e.relatedTarget;
+      if (!(t && H.current && H.current.contains(t))) {
+        if (ve && u) {
+          const o = re(u);
+          o && (E(o.option.label), i == null || i(o.option));
+        }
+        l(!1);
+      }
+    }, Ue = (e) => {
+      if (!e.nativeEvent.isComposing) {
+        if (e.key === "Escape") {
+          f && (e.preventDefault(), e.stopPropagation(), l(!1));
+          return;
+        }
+        if (e.key === "ArrowDown" && !f) {
+          e.preventDefault(), l(!0), d && y(d);
+          return;
+        }
+        if (e.key === "Tab" && f && u) {
+          const t = re(u);
+          t && (E(t.option.label), i == null || i(t.option), l(!1));
+        }
+      }
+    }, ie = (e, t) => {
+      var o;
+      E(t.label), e === "recent" ? A == null || A(t) : i == null || i(t), l(!1), (o = G.current) == null || o.focus();
+    }, L = (e) => {
+      e.preventDefault();
+    }, _ = !!(h && h.length > 0) && d.length === 0, qe = ce(
+      () => et(b),
+      [b]
+    ), Ge = !!P, He = !!z || C, Le = ot({
+      size: be,
+      tone: _e,
+      className: Ce
+    }), Oe = ce(() => {
+      if (!u) return;
+      const [e, t] = u.split(":");
+      if (!(!t || e !== "recent" && e !== "option"))
+        return X(p, e, t);
+    }, [u, p]), $ = b.length > 0, de = !_ && !$ && !C && d.length > 0, le = C && !$, Ke = _ || $ || de || le, Qe = b.length, Se = C ? k("ui.common.loading", "Loading…") : f && d.length > 0 ? k("ui.inputs.autocomplete.results", {
+      count: Qe,
+      defaultValue: "{{count}} results"
+    }) : "";
+    return /* @__PURE__ */ n(
+      c,
+      {
+        shouldFilter: !1,
+        value: u,
+        onValueChange: Te,
+        label: Z ?? W,
+        className: "ds:w-full",
+        children: /* @__PURE__ */ R(
+          T.Root,
+          {
+            open: f && !m && !v && Ke,
+            children: [
+              /* @__PURE__ */ n(T.Anchor, { asChild: !0, children: /* @__PURE__ */ R(
+                "div",
+                {
+                  className: Le,
+                  "data-component": "autocomplete",
+                  "data-component-id": Y,
+                  "data-disabled": m || void 0,
+                  children: [
+                    P ? /* @__PURE__ */ n("span", { "aria-hidden": "true", className: `${S} ds:ps-3`, children: P }) : null,
+                    /* @__PURE__ */ n(
+                      c.Input,
+                      {
+                        ref: Fe,
+                        id: p,
+                        name: xe,
+                        placeholder: W,
+                        value: d,
+                        onValueChange: Ae,
+                        onFocus: Me,
+                        onBlur: je,
+                        onKeyDown: Ue,
+                        onCompositionStart: Pe,
+                        onCompositionEnd: ze,
+                        disabled: m,
+                        readOnly: v,
+                        required: Ee,
+                        role: "combobox",
+                        "aria-autocomplete": "both",
+                        "aria-expanded": f,
+                        "aria-controls": ee,
+                        "aria-activedescendant": Oe,
+                        "aria-describedby": $e,
+                        "aria-invalid": te || void 0,
+                        "aria-label": Z,
+                        autoComplete: "off",
+                        className: nt({ hasStart: Ge, hasEnd: He })
+                      }
+                    ),
+                    C ? /* @__PURE__ */ n("span", { className: `${S} ds:pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ n(pe, { size: "sm" }) }) : z ? /* @__PURE__ */ n("span", { "aria-hidden": "true", className: `${S} ds:pe-3`, children: z }) : null,
+                    /* @__PURE__ */ n(
+                      "span",
+                      {
+                        id: Ie,
+                        role: "status",
+                        "aria-live": "polite",
+                        "aria-atomic": "true",
+                        className: "ds:sr-only",
+                        children: Se
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ n(T.Portal, { children: /* @__PURE__ */ n(
+                T.Content,
+                {
+                  ref: H,
+                  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 = G.current) != null && o.contains(t))) {
+                      e.preventDefault();
+                      return;
+                    }
+                    l(!1);
+                  },
+                  onEscapeKeyDown: () => l(!1),
+                  onMouseDown: L,
+                  className: at(),
+                  children: /* @__PURE__ */ R(
+                    c.List,
+                    {
+                      id: ee,
+                      className: "ds:max-h-[min(24rem,var(--radix-popover-content-available-height))] ds:overflow-auto ds:p-1",
+                      children: [
+                        _ ? /* @__PURE__ */ n(
+                          c.Group,
+                          {
+                            heading: k("ui.inputs.autocomplete.recent", "Recent"),
+                            className: fe,
+                            children: (h ?? []).map((e) => /* @__PURE__ */ n(
+                              c.Item,
+                              {
+                                id: X(p, "recent", e.value),
+                                value: ge("recent", e.value),
+                                disabled: e.disabled,
+                                onSelect: () => ie("recent", e),
+                                onMouseDown: L,
+                                className: me(),
+                                children: e.label
+                              },
+                              `recent-${e.value}`
+                            ))
+                          }
+                        ) : null,
+                        de ? /* @__PURE__ */ n("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: k("ui.inputs.autocomplete.noResults", "No results") }) : null,
+                        le ? /* @__PURE__ */ R("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__ */ n(pe, { size: "sm" }),
+                          /* @__PURE__ */ n("span", { children: k("ui.common.loading", "Loading…") })
+                        ] }) : null,
+                        !_ && $ ? qe.map((e, t) => {
+                          const o = e.items.map((a) => /* @__PURE__ */ n(
+                            c.Item,
+                            {
+                              id: X(p, "option", a.value),
+                              value: ge("option", a.value),
+                              disabled: a.disabled,
+                              onSelect: () => ie("option", a),
+                              onMouseDown: L,
+                              className: me(),
+                              children: a.label
+                            },
+                            `option-${a.value}`
+                          ));
+                          return e.group ? /* @__PURE__ */ n(
+                            c.Group,
+                            {
+                              heading: e.group,
+                              className: fe,
+                              children: o
+                            },
+                            `group-${e.group}`
+                          ) : /* @__PURE__ */ n(c.Group, { children: o }, `group-${t}`);
+                        }) : null
+                      ]
+                    }
+                  )
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    );
+  }
+), it = rt;
+it.displayName = "Autocomplete";
+const bt = {
+  id: "autocomplete",
+  capabilities: ["filter", "pick", "open", "close"],
+  state: {
+    value: {
+      type: "string | null",
+      description: "Currently-selected option value, or null when nothing is committed.",
+      read: (s) => s.getValue()
+    },
+    query: {
+      type: "string",
+      description: "Current free-text query in the input.",
+      read: (s) => s.getQuery()
+    },
+    isOpen: {
+      type: "boolean",
+      description: "True when the suggestion list is visible.",
+      read: (s) => s.getIsOpen()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "read",
+      argsType: "{ value: string | null }",
+      description: "Set the committed value programmatically.",
+      invoke: (s, r) => {
+        s.setValue(r.value);
+      }
+    },
+    apply_filter: {
+      safety: "read",
+      argsType: "{ query: string }",
+      description: "Set the input query, which filters the suggestion list.",
+      invoke: (s, r) => {
+        s.setQuery(r.query);
+      }
+    },
+    clear: {
+      safety: "read",
+      description: "Clear the value and the query.",
+      invoke: (s) => {
+        s.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      description: "Open the suggestion list.",
+      invoke: (s) => {
+        s.open();
+      }
+    },
+    close: {
+      safety: "read",
+      description: "Close the suggestion list.",
+      invoke: (s) => {
+        s.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."
+    }
+  }
+};
+export {
+  it as A,
+  bt as a,
+  ot as b
+};
+//# sourceMappingURL=autocomplete.agent-Dh7KioS6.js.map

package/dist/_chunks/{balance-cell-renderer-BWm3knY9.js → balance-cell-renderer-5CA7zpAi.js}

@@ -8,8 +8,8 @@ import { AgGridReact as He } from "ag-grid-react";
 import { ModuleRegistry as qe, AllCommunityModule as We } from "ag-grid-community";
 import { B as Ue } from "./button-7mLWcMp_.js";
 import { I as P } from "./icon-button-Wnnde5lc.js";
-import { P as E } from "./popover-C3CTUsqh.js";
-import { C as Je } from "./checkbox-DNK4qS2_.js";
+import { P as E } from "./popover-kFN8s84V.js";
+import { C as Je } from "./checkbox-CtPM6Rup.js";
 import { c as te } from "./createLucideIcon-CrFbzy84.js";
 import { P as Ze } from "./printer-CeVEWfQq.js";
 import { F as Xe } from "./file-text-DSNuv2B8.js";
@@ -993,4 +993,4 @@ export {
   mt as f,
   aa as u
 };
-//# sourceMappingURL=balance-cell-renderer-BWm3knY9.js.map
+//# sourceMappingURL=balance-cell-renderer-5CA7zpAi.js.map