@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{kbd-8baVw3KU.js → kbd-Cglkd7CY.js}

@@ -216,9 +216,13 @@ const h = x(
   );
 });
 $.displayName = "Kbd";
-const _ = { mac: S, win: k, spoken: E };
+const _ = {
+  mac: S,
+  win: k,
+  spoken: E
+};
 export {
   $ as K,
   _ as k
 };
-//# sourceMappingURL=kbd-8baVw3KU.js.map
+//# sourceMappingURL=kbd-Cglkd7CY.js.map

package/dist/_chunks/{key-value-pair-JRFS9Xrh.js → key-value-pair-CgWvAIGb.js}

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { forwardRef as C, useState as c, useCallback as g } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as N } from "react-i18next";
-import { I as b } from "./icon-button-Wnnde5lc.js";
+import { I as b } from "./icon-button-C4CGcYuz.js";
 import { C as P } from "./check-DPdL_Sm7.js";
 import { C as w } from "./copy-B00HK7tj.js";
 const z = V("ds:flex", {
@@ -73,4 +73,4 @@ T.displayName = "KeyValuePair";
 export {
   T as K
 };
-//# sourceMappingURL=key-value-pair-JRFS9Xrh.js.map
+//# sourceMappingURL=key-value-pair-CgWvAIGb.js.map

package/dist/_chunks/{leo-sidebar-BwINPdix.js → leo-sidebar-CfEY-xi2.js}

@@ -2,19 +2,19 @@ import { jsx as e, jsxs as c, Fragment as A } from "react/jsx-runtime";
 import { forwardRef as k, useMemo as U } from "react";
 import * as ee from "@radix-ui/react-dialog";
 import { useTranslation as y } from "react-i18next";
-import { F as se } from "./floating-action-button-Cnw-f6AG.js";
-import { I as B } from "./icon-button-Wnnde5lc.js";
-import { S as E } from "./sheet-B9kH9pcI.js";
+import { F as se } from "./floating-action-button-C8OYj8mE.js";
+import { I as B } from "./icon-button-C4CGcYuz.js";
+import { S as E } from "./sheet-4tgMFwj0.js";
 import { X as de } from "./x-CCcI3eJp.js";
 import { A as L } from "./avatar-Dcr6XuDQ.js";
-import { B as D } from "./button-7mLWcMp_.js";
-import { C as ae } from "./chat-container-Dl0Kfy5a.js";
-import { C as re } from "./chat-message-ByouZpPP.js";
-import { C as le } from "./chat-input-C_tMQv92.js";
+import { B as D } from "./button-DD_0Xdmr.js";
+import { C as ae } from "./chat-container-ClzsWXp2.js";
+import { C as re } from "./chat-message-DoAhgUTj.js";
+import { C as le } from "./chat-input-DOlsB1fm.js";
 import { S as ie } from "./streaming-text-BgjCTVOw.js";
-import { a as q, S as O } from "./suggestion-chip-DhFrkRPj.js";
-import { T as oe } from "./typing-indicator-CbUBf-Dx.js";
-import { P as te } from "./progress-wNsqkw8I.js";
+import { a as q, S as O } from "./suggestion-chip-C4Jz0LrM.js";
+import { T as oe } from "./typing-indicator-BZ5jXZPn.js";
+import { P as te } from "./progress-C11tqhoI.js";
 import { S as ne } from "./square-CZoGU14v.js";
 import { c as ce } from "./createLucideIcon-CrFbzy84.js";
 import { P as me } from "./plus-CYKNmfuA.js";
@@ -114,7 +114,6 @@ function ve({
   return /* @__PURE__ */ c(
     "section",
     {
-      role: "region",
       "aria-labelledby": l,
       className: [
         "ds:flex ds:flex-1 ds:min-h-0 ds:flex-col ds:items-center ds:justify-center",
@@ -336,13 +335,7 @@ const C = k(
                 "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]",
                 "ds:bg-muted/40"
               ].join(" "),
-              children: /* @__PURE__ */ e(
-                oe,
-                {
-                  label: p("chat.typing"),
-                  density: x
-                }
-              )
+              children: /* @__PURE__ */ e(oe, { label: p("chat.typing"), density: x })
             }
           )
         ] })
@@ -359,7 +352,10 @@ const C = k(
       r,
       x,
       p
-    ]), G = l ? Math.min(100, Math.max(0, l.current / Math.max(1, l.limit) * 100)) : 0, z = l ? l.current >= l.limit : !1, F = l ? l.label ?? p("leo.usageLabel", {
+    ]), G = l ? Math.min(
+      100,
+      Math.max(0, l.current / Math.max(1, l.limit) * 100)
+    ) : 0, z = l ? l.current >= l.limit : !1, F = l ? l.label ?? p("leo.usageLabel", {
       current: l.current,
       limit: l.limit
     }) : null, R = s.length === 0 && !t, H = /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
@@ -760,4 +756,4 @@ export {
   we as b,
   Ce as c
 };
-//# sourceMappingURL=leo-sidebar-BwINPdix.js.map
+//# sourceMappingURL=leo-sidebar-CfEY-xi2.js.map

package/dist/_chunks/{link-QheANk74.js → link-8QmFjIz2.js}

@@ -60,10 +60,7 @@ const _ = [
     onClick: n,
     ...v
   }, p) => {
-    const { t: h } = N(), g = i ? "_blank" : m, x = i ? [d, "noopener", "noreferrer"].filter(Boolean).join(" ") : d, b = h(
-      "ui.link.opensInNewTab",
-      "Opens in a new tab"
-    );
+    const { t: h } = N(), g = i ? "_blank" : m, x = i ? [d, "noopener", "noreferrer"].filter(Boolean).join(" ") : d, b = h("ui.link.opensInNewTab", "Opens in a new tab");
     return /* @__PURE__ */ y(
       "a",
       {
@@ -118,4 +115,4 @@ q.displayName = "Link";
 export {
   q as L
 };
-//# sourceMappingURL=link-QheANk74.js.map
+//# sourceMappingURL=link-8QmFjIz2.js.map

package/dist/_chunks/list-qP6p0NTw.js

@@ -0,0 +1,434 @@
+import { jsx as i, jsxs as Q, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as X, useState as W, useMemo as O, useRef as G, useCallback as m, useImperativeHandle as V, useContext as C, useLayoutEffect as ee, Children as te, isValidElement as se, createContext as ie } from "react";
+import { c as Y } from "./index-D2ZczOXr.js";
+import { useTranslation as re } from "react-i18next";
+import { u as ne } from "./registry-C9nwlNyL.js";
+const oe = {
+  id: "list",
+  capabilities: ["select_single", "select_multiple"],
+  state: {
+    selection: {
+      type: "string[]",
+      descriptionKey: "ui.agent.list.state.selection",
+      description: "Ids of currently-selected list items. Empty array when none selected or list is presentational.",
+      read: (t) => t.getSelection()
+    }
+  },
+  actions: {
+    set_selection: {
+      safety: "read",
+      argsType: "{ ids: string[] }",
+      descriptionKey: "ui.agent.list.actions.setSelection",
+      description: "Replace the current selection with the given item ids. No-op on presentational lists.",
+      invoke: (t, u) => {
+        t.setSelection(u.ids);
+      }
+    },
+    clear_selection: {
+      safety: "read",
+      descriptionKey: "ui.agent.list.actions.clearSelection",
+      description: "Deselect all items.",
+      invoke: (t) => {
+        t.clearSelection();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "list",
+      description: "Marks the List root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-item-id",
+      description: "Opaque item id; sourced from each ListItem `value` prop. Emitted only when `value` is set."
+    }
+  }
+}, q = ie({
+  selection: "none",
+  selectedValues: /* @__PURE__ */ new Set(),
+  focusedValue: null,
+  disabled: !1,
+  enabledItemValues: [],
+  onItemSelect: () => {
+  },
+  onItemFocus: () => {
+  },
+  onItemKeyDown: () => {
+  },
+  registerItemRef: () => {
+  },
+  divider: "spaced"
+}), ae = Y("ds:flex ds:flex-col ds:p-0 ds:m-0", {
+  variants: {
+    divider: {
+      spaced: "",
+      divided: "",
+      bordered: "ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)] ds:overflow-hidden"
+    },
+    density: {
+      compact: "ds:gap-[var(--spacing-xs)]",
+      default: "ds:gap-[var(--spacing-sm)]",
+      relaxed: "ds:gap-[var(--spacing-md)]"
+    },
+    ordered: {
+      true: "ds:list-decimal ds:ps-[var(--spacing-lg)]",
+      false: "ds:list-none"
+    }
+  },
+  defaultVariants: {
+    divider: "spaced",
+    density: "default",
+    ordered: !1
+  }
+}), de = Y(
+  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+  {
+    variants: {
+      divider: {
+        spaced: "",
+        divided: "ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]",
+        bordered: "ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]"
+      },
+      interactive: {
+        // flex lives on the outer <div role="option"> so it doesn't suppress ::marker on <li>
+        true: [
+          "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]",
+          "ds:min-h-[var(--min-target-size)] ds:cursor-pointer ds:select-none",
+          "ds:rounded-[var(--radius-sm)]",
+          "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+          "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+          "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+        ].join(" "),
+        // no flex here — <li> keeps display:list-item so ::marker renders correctly
+        false: ""
+      },
+      selected: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        interactive: !0,
+        selected: !1,
+        disabled: !1,
+        className: "ds:hover:bg-[color:var(--muted)]/20"
+      },
+      {
+        interactive: !0,
+        selected: !0,
+        className: "ds:bg-[color:var(--primary)]/10"
+      },
+      {
+        interactive: !0,
+        disabled: !0,
+        className: "ds:opacity-50 ds:cursor-not-allowed ds:pointer-events-none"
+      }
+    ],
+    defaultVariants: {
+      divider: "spaced",
+      interactive: !1,
+      selected: !1,
+      disabled: !1
+    }
+  }
+);
+function le(t) {
+  const u = [];
+  return te.forEach(t, (y) => {
+    if (!se(y)) return;
+    const g = y.props;
+    typeof g.value == "string" && u.push({ value: g.value, disabled: !!g.disabled });
+  }), u;
+}
+const J = X(
+  ({
+    as: t = "ul",
+    start: u,
+    divider: y = "spaced",
+    density: g = "default",
+    selection: w = "none",
+    value: h,
+    defaultValue: S,
+    onValueChange: p,
+    disabled: r = !1,
+    className: N,
+    children: d,
+    "aria-label": P,
+    ...s
+  }, B) => {
+    const { t: T } = re(), n = w !== "none", v = w === "multiple", k = h !== void 0, [j, K] = W(() => S === void 0 ? [] : Array.isArray(S) ? S : [S]), l = O(() => {
+      if (k) {
+        const e = h;
+        return new Set(Array.isArray(e) ? e : [e]);
+      }
+      return new Set(j);
+    }, [k, h, j]), F = O(() => le(d), [d]), c = O(
+      () => F.filter((e) => !e.disabled && !r).map((e) => e.value),
+      [F, r]
+    ), [x, b] = W(null), R = G(/* @__PURE__ */ new Map()), U = m(
+      (e, o) => {
+        o ? R.current.set(e, o) : R.current.delete(e);
+      },
+      []
+    ), I = m((e) => {
+      b(e), requestAnimationFrame(() => {
+        var o;
+        (o = R.current.get(e)) == null || o.focus();
+      });
+    }, []), f = m(
+      (e) => {
+        k || K(e), v ? p == null || p(e) : p == null || p(e[0] ?? "");
+      },
+      [k, v, p]
+    ), L = m(
+      (e) => {
+        if (!r && n)
+          if (v) {
+            const o = [...l];
+            l.has(e) ? f(o.filter((z) => z !== e)) : f([...o, e]);
+          } else
+            l.has(e) ? f([]) : f([e]);
+      },
+      [r, n, v, l, f]
+    ), H = m((e) => {
+      b(e);
+    }, []), M = m(
+      (e, o) => {
+        if (!n) return;
+        const z = c.indexOf(o);
+        switch (e.key) {
+          case "ArrowDown": {
+            e.preventDefault();
+            const a = c[z + 1];
+            a !== void 0 && I(a);
+            break;
+          }
+          case "ArrowUp": {
+            e.preventDefault();
+            const a = c[z - 1];
+            a !== void 0 && I(a);
+            break;
+          }
+          case "Home": {
+            e.preventDefault();
+            const a = c[0];
+            a !== void 0 && I(a);
+            break;
+          }
+          case "End": {
+            e.preventDefault();
+            const a = c[c.length - 1];
+            a !== void 0 && I(a);
+            break;
+          }
+          case " ":
+          case "Enter": {
+            e.preventDefault(), L(o);
+            break;
+          }
+        }
+      },
+      [n, c, I, L]
+    ), A = {
+      selection: w,
+      selectedValues: l,
+      focusedValue: x,
+      disabled: r,
+      enabledItemValues: c,
+      onItemSelect: L,
+      onItemFocus: H,
+      onItemKeyDown: M,
+      registerItemRef: U,
+      divider: y
+    }, D = ae({
+      divider: y,
+      density: g,
+      ordered: t === "ol",
+      className: N
+    }), E = G(null), _ = O(
+      () => ({
+        getSelection: () => Array.from(l),
+        setSelection: (e) => {
+          n && f(v ? e : e.slice(0, 1));
+        },
+        clearSelection: () => {
+          n && f([]);
+        }
+      }),
+      [l, n, v, f]
+    );
+    if (V(B, () => _, [_]), ne(oe, _, s.id), n) {
+      const e = P ?? T("ui.list.label", "List");
+      return /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+        "div",
+        {
+          ref: E,
+          role: "listbox",
+          "aria-label": e,
+          "aria-multiselectable": v ? !0 : void 0,
+          "aria-disabled": r ? !0 : void 0,
+          className: D,
+          "data-component": "list",
+          "data-component-id": s.id,
+          ...s,
+          children: d
+        }
+      ) });
+    }
+    return t === "ol" ? /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+      "ol",
+      {
+        ref: E,
+        start: u,
+        role: "list",
+        className: D,
+        "data-component": "list",
+        "data-component-id": s.id,
+        ...s,
+        children: d
+      }
+    ) }) : /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+      "ul",
+      {
+        ref: E,
+        role: "list",
+        className: D,
+        "data-component": "list",
+        "data-component-id": s.id,
+        ...s,
+        children: d
+      }
+    ) });
+  }
+);
+J.displayName = "List";
+const Z = X(
+  ({
+    value: t,
+    leading: u,
+    title: y,
+    description: g,
+    trailing: w,
+    lineClamp: h,
+    disabled: S = !1,
+    className: p,
+    onClick: r,
+    onFocus: N,
+    onKeyDown: d,
+    ...P
+  }, s) => {
+    const {
+      selection: B,
+      selectedValues: T,
+      focusedValue: n,
+      disabled: v,
+      enabledItemValues: k,
+      onItemSelect: j,
+      onItemFocus: K,
+      onItemKeyDown: l,
+      registerItemRef: F,
+      divider: c
+    } = C(q), x = B !== "none", b = v || S, R = t !== void 0 ? T.has(t) : !1, U = t !== void 0 && n === t, I = t !== void 0 && k[0] === t, f = x ? n !== null ? U && !b ? 0 : -1 : I && !b ? 0 : -1 : void 0, L = G(null);
+    ee(() => {
+      const e = L.current;
+      e && (h != null ? e.style.setProperty("--list-item-clamp", String(h)) : e.style.removeProperty("--list-item-clamp"));
+    }, [h]);
+    const H = m(
+      (e) => {
+        t && F(t, e), typeof s == "function" ? s(e) : s && (s.current = e);
+      },
+      [t, F, s]
+    ), M = m(
+      (e) => {
+        x && t && !b && j(t), r == null || r(e);
+      },
+      [x, t, b, j, r]
+    ), A = m(
+      (e) => {
+        t && K(t), N == null || N(e);
+      },
+      [t, K, N]
+    ), D = m(
+      (e) => {
+        t && l(e, t), d == null || d(e);
+      },
+      [t, l, d]
+    ), E = de({
+      divider: c,
+      interactive: x,
+      selected: R,
+      disabled: b,
+      className: p
+    }), _ = /* @__PURE__ */ Q($, { children: [
+      u && /* @__PURE__ */ i("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: u }),
+      /* @__PURE__ */ Q("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0", children: [
+        /* @__PURE__ */ i("span", { className: "ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]", children: y }),
+        g && /* @__PURE__ */ i(
+          "span",
+          {
+            ref: L,
+            className: [
+              "ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:leading-[var(--line-height-base)]",
+              h != null ? "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:var(--list-item-clamp)]" : ""
+            ].filter(Boolean).join(" "),
+            children: g
+          }
+        )
+      ] }),
+      w && /* @__PURE__ */ i("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: w })
+    ] });
+    return x ? /* @__PURE__ */ i(
+      "div",
+      {
+        ref: H,
+        role: "option",
+        "aria-selected": R,
+        "aria-disabled": b ? !0 : void 0,
+        tabIndex: f,
+        onClick: M,
+        onFocus: A,
+        onKeyDown: D,
+        className: E,
+        "data-item-id": t,
+        ...P,
+        children: _
+      }
+    ) : (
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- non-interactive list items still surface click/keyboard handlers when selection mode is enabled (handlers no-op when selection==='none')
+      /* @__PURE__ */ i(
+        "li",
+        {
+          ref: H,
+          onClick: M,
+          onFocus: A,
+          onKeyDown: D,
+          className: E,
+          "data-item-id": t,
+          ...P,
+          children: /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]", children: _ })
+        }
+      )
+    );
+  }
+);
+Z.displayName = "List.Item";
+const ve = Object.assign(J, {
+  Root: J,
+  Item: Z
+});
+export {
+  ve as L,
+  oe as l
+};
+//# sourceMappingURL=list-qP6p0NTw.js.map