@alfadocs/ui-kit 0.50.1 → 0.51.0

package/dist/_chunks/{sign-document-CZkAf28g.js → sign-document-Bzld9jVM.js}

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { forwardRef as ce, useId as le, useMemo as G, useRef as L, useState as x, useEffect as _, useCallback as l, useImperativeHandle as ue } from "react";
 import { c as i } from "./index-D2ZczOXr.js";
 import { useTranslation as me } from "react-i18next";
-import { P as ge } from "./pdf-viewer-q1D3Uion.js";
+import { P as ge } from "./pdf-viewer-4odMFuFW.js";
 import { S as pe } from "./signature-capture-CpMBhqQ9.js";
 import { u as fe } from "./registry-nPAVE19X.js";
 import { C as J } from "./circle-check-9AeSgJD_.js";
@@ -341,4 +341,4 @@ export {
   je as S,
   ve as s
 };
-//# sourceMappingURL=sign-document-CZkAf28g.js.map
+//# sourceMappingURL=sign-document-Bzld9jVM.js.map

package/dist/_chunks/{task-card-CPyQ5AXC.js → task-card-BwY9jaV1.js}

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { c as b } from "./index-D2ZczOXr.js";
-import { useTranslation as g } from "react-i18next";
-import { C as x } from "./chevron-right-BrpYejk0.js";
-import { S as y } from "./square-check-big-Jr-0202D.js";
-import { C } from "./circle-alert-ChA9opNA.js";
-import { S as N } from "./square-CZoGU14v.js";
-const k = b(
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { c as g } from "./index-D2ZczOXr.js";
+import { useTranslation as x } from "react-i18next";
+import { C as y } from "./chevron-right-BrpYejk0.js";
+import { S as N } from "./square-check-big-Jr-0202D.js";
+import { C as k } from "./circle-alert-ChA9opNA.js";
+import { S as C } from "./square-CZoGU14v.js";
+const L = g(
   [
     "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -32,7 +32,7 @@ const k = b(
       interactive: !1
     }
   }
-), c = [
+), u = [
   "ds:focus-visible:outline-none",
   "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
   "ds:after:pointer-events-auto",
@@ -42,64 +42,70 @@ const k = b(
   "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
 ].join(" ");
-function S(s) {
+function w(s) {
   return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(s);
 }
-function T({
+function z({
   status: s,
   priority: a
 }) {
-  const r = a === "high" ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]";
-  return s === "done" ? /* @__PURE__ */ e(y, { "aria-hidden": "true", className: `ds:size-4 ${r}` }) : a === "high" ? /* @__PURE__ */ e(C, { "aria-hidden": "true", className: `ds:size-4 ${r}` }) : /* @__PURE__ */ e(N, { "aria-hidden": "true", className: `ds:size-4 ${r}` });
+  const e = a === "high" ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]";
+  return s === "done" ? /* @__PURE__ */ r(N, { "aria-hidden": "true", className: `ds:size-4 ${e}` }) : a === "high" ? /* @__PURE__ */ r(k, { "aria-hidden": "true", className: `ds:size-4 ${e}` }) : /* @__PURE__ */ r(C, { "aria-hidden": "true", className: `ds:size-4 ${e}` });
 }
-const w = v(
-  ({ item: s, size: a = "sm", onActivate: r, className: u, ...f }, p) => {
-    const { t: m } = g(), t = !!r, h = !!s.url && S(s.url), n = m("taskCard.itemLabel", {
+const S = b(
+  ({ item: s, size: a = "sm", onActivate: e, actions: l, className: f, ...p }, m) => {
+    const { t: h } = x(), t = !!e, v = !!s.url && w(s.url), i = h("taskCard.itemLabel", {
       title: s.title,
       due: s.dueLabel ?? "",
       defaultValue: '{{title}}{{due, prepend, " · "}}'
-    }), i = /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.title });
+    }), n = /* @__PURE__ */ r("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.title });
     let d;
-    return t && h ? d = /* @__PURE__ */ e(
+    return t && v ? d = /* @__PURE__ */ r(
       "a",
       {
         href: s.url,
-        "aria-label": n,
-        className: c + " ds:contents",
+        "aria-label": i,
+        className: u + " ds:contents",
         onClick: (o) => {
-          o.defaultPrevented || o.metaKey || o.ctrlKey || o.shiftKey || r == null || r(s);
+          o.defaultPrevented || o.metaKey || o.ctrlKey || o.shiftKey || e == null || e(s);
         },
-        children: i
+        children: n
       }
-    ) : t ? d = /* @__PURE__ */ e(
+    ) : t ? d = /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        "aria-label": n,
-        className: c + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => r == null ? void 0 : r(s),
-        children: i
+        "aria-label": i,
+        className: u + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => e == null ? void 0 : e(s),
+        children: n
       }
-    ) : d = i, /* @__PURE__ */ l(
+    ) : d = n, /* @__PURE__ */ c(
       "div",
       {
-        ref: p,
+        ref: m,
         role: "listitem",
         "data-component": "task-card",
         "data-component-id": s.id,
         "data-status": s.status ?? "open",
         "data-priority": s.priority ?? "normal",
-        className: k({ size: a, interactive: t, className: u }),
-        ...f,
+        className: L({ size: a, interactive: t, className: f }),
+        ...p,
         children: [
-          /* @__PURE__ */ e("span", { className: "ds:mt-[var(--spacing-2xs)] ds:shrink-0", children: /* @__PURE__ */ e(T, { status: s.status, priority: s.priority }) }),
-          /* @__PURE__ */ l("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ r("span", { className: "ds:mt-[var(--spacing-2xs)] ds:shrink-0", children: /* @__PURE__ */ r(z, { status: s.status, priority: s.priority }) }),
+          /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
             d,
-            s.description ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.description }) : null,
-            s.dueLabel ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s.dueLabel }) : null
+            s.description ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.description }) : null,
+            s.note ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2", children: s.note }) : null,
+            s.linkedLabel ? /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.linkedLabel }) : null,
+            s.dueLabel ? /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s.dueLabel }) : null
           ] }),
-          t ? /* @__PURE__ */ e(
-            x,
+          l ? (
+            // Above the stretched-link overlay so the buttons stay clickable.
+            /* @__PURE__ */ r("span", { className: "ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0", children: l })
+          ) : null,
+          t ? /* @__PURE__ */ r(
+            y,
             {
               "aria-hidden": "true",
               className: "ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180"
@@ -110,9 +116,9 @@ const w = v(
     );
   }
 );
-w.displayName = "TaskCard";
+S.displayName = "TaskCard";
 export {
-  w as T,
-  S as i
+  S as T,
+  w as i
 };
-//# sourceMappingURL=task-card-CPyQ5AXC.js.map
+//# sourceMappingURL=task-card-BwY9jaV1.js.map

package/dist/_chunks/task-tray-Cb_hK4yb.js

@@ -0,0 +1,234 @@
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as K, useRef as N, useMemo as E, useImperativeHandle as P } from "react";
+import { c as B } from "./index-D2ZczOXr.js";
+import { useTranslation as H } from "react-i18next";
+import { I as L } from "./icon-button-CKEOrN37.js";
+import { S as A } from "./skeleton-CZbwyJAA.js";
+import { E as V } from "./empty-state-BLy7tigq.js";
+import { T as F } from "./task-card-BwY9jaV1.js";
+import { u as G } from "./registry-nPAVE19X.js";
+import { c as J } from "./createLucideIcon-CrFbzy84.js";
+import { P as Q } from "./plus-CYKNmfuA.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const U = [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
+], W = J("list-todo", U), X = {
+  id: "task-tray",
+  capabilities: ["select_single", "dismiss"],
+  state: {
+    items: {
+      type: "Array<{ id: string; status: string }>",
+      descriptionKey: "ui.agent.taskTray.state.items",
+      description: "Currently-displayed tasks. Ids + status only — never task title / patient.",
+      read: (e) => e.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.selectItem",
+      description: "Activate the task with the given id.",
+      invoke: (e, a) => {
+        e.selectItem(a.id);
+      }
+    },
+    toggle_done: {
+      safety: "write",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.toggleDone",
+      description: "Request the host to toggle the done state of a task.",
+      invoke: (e, a) => {
+        e.toggleDone(a.id);
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.dismiss",
+      description: "Request the host to dismiss / remove the task with the given id.",
+      invoke: (e, a) => {
+        e.dismiss(a.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "task-tray",
+      description: "Marks the TaskTray wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific tray from the agent."
+    },
+    item: {
+      attr: "data-task-id",
+      description: "Stable task id emitted on each rendered TaskCard inside the tray."
+    }
+  }
+}, Y = B(
+  [
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+), Z = K(
+  ({
+    id: e,
+    items: a,
+    title: T,
+    size: v = "sm",
+    onOpenTask: r,
+    onToggleDone: n,
+    onDismissTask: c,
+    onAddTask: g,
+    addLabel: I,
+    loading: p = !1,
+    emptyTitle: R,
+    emptyDescription: _,
+    emptyAction: j,
+    viewAllLabel: k,
+    onViewAll: b,
+    renderItemActions: f,
+    scrollable: u = !1,
+    className: z,
+    ...C
+  }, q) => {
+    const { t: l } = H(), h = T ?? l("taskTray.title", "Tasks"), M = I ?? l("taskTray.add", "Add task"), x = !p && a.length === 0;
+    let m;
+    p ? m = /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ s(A, { variant: "rectangular", height: "2.5rem" }, t)) }) : x ? m = /* @__PURE__ */ s("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ s(
+      V,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: R ?? l("taskTray.empty.title", "No tasks yet"),
+        description: _ ?? l("taskTray.empty.description", "New tasks will appear here."),
+        primaryAction: j
+      }
+    ) }) : m = /* @__PURE__ */ s(
+      "ul",
+      {
+        className: [
+          // flex-1 unconditionally so a footer pins to the tray's
+          // bottom edge in equal-height grid rows.
+          "ds:flex ds:list-none ds:flex-col ds:flex-1 ds:min-h-0",
+          // Keyboard-focusable when it scrolls (axe
+          // scrollable-region-focusable) — pair with a height on the
+          // tray's className.
+          u ? "ds:overflow-y-auto" : ""
+        ].filter(Boolean).join(" "),
+        tabIndex: u ? 0 : void 0,
+        "aria-label": u ? h : void 0,
+        children: a.map((t) => /* @__PURE__ */ s(
+          F,
+          {
+            item: t,
+            size: v,
+            onActivate: r,
+            actions: f == null ? void 0 : f(t),
+            "data-task-id": t.id
+          },
+          t.id
+        ))
+      }
+    );
+    const d = N(a);
+    d.current = a;
+    const S = E(
+      () => ({
+        getItems: () => d.current.map((t) => ({
+          id: t.id,
+          status: t.status ?? "open"
+        })),
+        selectItem: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (r == null || r(i));
+        },
+        toggleDone: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (n == null || n(i));
+        },
+        dismiss: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (c == null || c(i));
+        }
+      }),
+      [r, n, c]
+    ), w = N(null);
+    return P(q, () => w.current, []), G(X, S, e), /* @__PURE__ */ y(
+      "section",
+      {
+        ref: w,
+        "aria-label": h,
+        "data-component": "task-tray",
+        "data-component-id": e,
+        className: Y({ size: v, className: z }),
+        ...C,
+        children: [
+          /* @__PURE__ */ y("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ y("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+              /* @__PURE__ */ s(W, { "aria-hidden": "true", className: "ds:size-4" }),
+              h
+            ] }),
+            g ? /* @__PURE__ */ s(
+              L,
+              {
+                icon: /* @__PURE__ */ s(Q, {}),
+                intent: "outline",
+                size: "sm",
+                "aria-label": M,
+                onClick: g
+              }
+            ) : null
+          ] }),
+          m,
+          k && b && !x && !p ? /* @__PURE__ */ s("footer", { className: "ds:[border-block-start:var(--border-width-sm)_solid_var(--card-border)] ds:p-[var(--spacing-sm)]", children: /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              onClick: b,
+              className: [
+                "type-label ds:text-[color:var(--link)] ds:underline ds:underline-offset-2 ds:hover:no-underline",
+                "ds:rounded-[var(--radius-sm)] ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+                "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)]",
+                "ds:forced-colors:focus-visible:outline-[CanvasText]"
+              ].join(" "),
+              children: k
+            }
+          ) }) : null
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "TaskTray";
+export {
+  Z as T,
+  X as t
+};
+//# sourceMappingURL=task-tray-Cb_hK4yb.js.map

package/dist/_chunks/{theme-toggle-ClATnY4Q.js → theme-toggle-DAW7uC0B.js}

@@ -5,8 +5,8 @@ import { useTranslation as g } from "react-i18next";
 import { I as y } from "./icon-button-CKEOrN37.js";
 import { I as K } from "./icon-button-group-C48khLE0.js";
 import { S as x } from "./switch-BJ6HD3Mn.js";
-import { D as o } from "./dropdown-menu-CUEXqKis.js";
-import { u as z } from "./use-theme-C2dHKUAN.js";
+import { D as o } from "./dropdown-menu-DwwPovMZ.js";
+import { u as z } from "./use-theme-CAuo6EYT.js";
 import { u as D } from "./registry-nPAVE19X.js";
 import { M as v, S as C } from "./sun-BuXE0xUS.js";
 import { M as w } from "./monitor-D-SFdbrU.js";
@@ -352,4 +352,4 @@ export {
   O as T,
   H as t
 };
-//# sourceMappingURL=theme-toggle-ClATnY4Q.js.map
+//# sourceMappingURL=theme-toggle-DAW7uC0B.js.map

package/dist/_chunks/use-edge-resize-ZnGG7gyO.js

@@ -0,0 +1,139 @@
+import { useState as X, useRef as T, useCallback as o } from "react";
+import { useTranslation as B } from "react-i18next";
+import { u as L } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+const S = 16, Y = 64;
+function O({
+  edge: I,
+  targetRef: e,
+  cssProperty: d,
+  minSize: i,
+  maxSize: p,
+  defaultSize: C,
+  disabled: c = !1,
+  onResize: n
+}) {
+  const { t: b } = B(), [f, E] = X(null), [x, P] = X(!1), h = T(null), m = T(null);
+  L(() => {
+    const t = e.current;
+    if (!t) return;
+    const r = t.getBoundingClientRect().width;
+    r > 0 && (h.current = r);
+  });
+  const y = o(
+    (t) => Math.min(p, Math.max(i, t)),
+    [i, p]
+  ), s = o(() => {
+    if (f !== null) return f;
+    const t = e.current;
+    if (t) {
+      const r = t.getBoundingClientRect().width;
+      if (r > 0)
+        return h.current = r, r;
+    }
+    return h.current ?? C;
+  }, [f, C, e]), a = o(
+    (t) => {
+      var u;
+      const r = y(t);
+      return E(r), (u = e.current) == null || u.style.setProperty(d, `${r}px`), r;
+    },
+    [y, d, e]
+  ), w = o(() => {
+    var t;
+    E(null), (t = e.current) == null || t.style.removeProperty(d), h.current = null, n == null || n(null);
+  }, [d, n, e]), g = o(() => {
+    const t = e.current, r = t ? getComputedStyle(t).direction === "rtl" : !1;
+    return (I === "inline-end" ? 1 : -1) * (r ? -1 : 1);
+  }, [I, e]), A = o(
+    (t) => {
+      c || !t.isPrimary || (t.currentTarget.setPointerCapture(t.pointerId), m.current = {
+        pointerId: t.pointerId,
+        startX: t.clientX,
+        startSize: s(),
+        sign: g()
+      }, P(!0));
+    },
+    [c, s, g]
+  ), K = o(
+    (t) => {
+      const r = m.current;
+      !r || t.pointerId !== r.pointerId || a(r.startSize + r.sign * (t.clientX - r.startX));
+    },
+    [a]
+  ), k = o(
+    (t) => {
+      const r = m.current;
+      if (!r || t.pointerId !== r.pointerId) return;
+      t.currentTarget.releasePointerCapture(t.pointerId), m.current = null, P(!1);
+      const u = a(
+        r.startSize + r.sign * (t.clientX - r.startX)
+      );
+      n == null || n(u);
+    },
+    [a, n]
+  ), M = o(
+    (t) => {
+      if (c) return;
+      const r = t.shiftKey ? Y : S, u = g();
+      let l = null;
+      switch (t.key) {
+        case "ArrowRight":
+          l = s() + u * r;
+          break;
+        case "ArrowLeft":
+          l = s() - u * r;
+          break;
+        case "Home":
+          l = i;
+          break;
+        case "End":
+          l = p;
+          break;
+        case "Enter":
+          t.preventDefault(), w();
+          return;
+        default:
+          return;
+      }
+      if (l === null) return;
+      t.preventDefault();
+      const _ = a(l);
+      n == null || n(_);
+    },
+    [
+      a,
+      s,
+      c,
+      p,
+      i,
+      n,
+      w,
+      g
+    ]
+  ), D = Math.round(s());
+  return {
+    separatorProps: {
+      role: "separator",
+      tabIndex: c ? -1 : 0,
+      "aria-orientation": "vertical",
+      "aria-valuemin": i,
+      "aria-valuemax": p,
+      "aria-valuenow": D,
+      "aria-valuetext": b("resizable.widthAnnounce", { width: D }),
+      "aria-disabled": c || void 0,
+      onPointerDown: A,
+      onPointerMove: K,
+      onPointerUp: k,
+      onPointerCancel: k,
+      onKeyDown: M,
+      onDoubleClick: w
+    },
+    isResizing: x,
+    isResized: f !== null,
+    reset: w
+  };
+}
+export {
+  O as u
+};
+//# sourceMappingURL=use-edge-resize-ZnGG7gyO.js.map