@alfadocs/ui-kit 0.50.1 → 0.52.0

package/dist/_chunks/{agenda-card-BaSfVfrL.js → agenda-card-Bl-SBiCh.js}

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { c as h } from "./index-D2ZczOXr.js";
-import { useTranslation as b } from "react-i18next";
-import { A as x } from "./avatar-BNQNhoyL.js";
-import { B as y } from "./badge-zsf5i5bH.js";
-import { i as N } from "./is-safe-url-DkETxeHz.js";
-import { C } from "./chevron-right-BrpYejk0.js";
-const w = h(
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
+import { useTranslation as y } from "react-i18next";
+import { A as N } from "./avatar-BNQNhoyL.js";
+import { B as C } from "./badge-zsf5i5bH.js";
+import { i as w } from "./is-safe-url-DkETxeHz.js";
+import { C as k } from "./chevron-right-BrpYejk0.js";
+const L = x(
   [
     "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -31,7 +31,7 @@ const w = h(
       interactive: !1
     }
   }
-), u = [
+), m = [
   "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",
@@ -40,86 +40,96 @@ const w = h(
   "ds:focus-visible:after:outline-[color:var(--ring)]",
   "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" "), k = {
+].join(" "), T = {
   confirmed: "success",
   pending: "warning",
-  cancelled: "error"
-}, T = v(
-  ({ item: s, size: o = "sm", onActivate: e, className: f, ...m }, p) => {
-    const { t: i } = b(), r = !!e, g = !!s.url && N(s.url), l = i("agendaCard.itemLabel", {
+  cancelled: "error",
+  absent: "error"
+}, z = h(
+  ({ item: s, size: l = "sm", onActivate: a, actions: i, className: p, ...g }, v) => {
+    const { t: c } = y(), r = !!a, b = !!s.url && w(s.url), u = c("agendaCard.itemLabel", {
       time: s.time,
       patient: s.patient.name,
       treatment: s.treatment ?? "",
       defaultValue: '{{time}} · {{patient}}{{treatment, prepend, " · "}}'
-    }), n = /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.patient.name });
+    }), f = s.dateLabel ? `${s.dateLabel} · ${u}` : u, n = /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.patient.name });
     let t;
-    return r && g ? t = /* @__PURE__ */ a(
+    return r && b ? t = /* @__PURE__ */ e(
       "a",
       {
         href: s.url,
-        "aria-label": l,
-        className: u + " ds:contents",
+        "aria-label": f,
+        className: m + " ds:contents",
         onClick: (d) => {
-          d.defaultPrevented || d.metaKey || d.ctrlKey || d.shiftKey || e == null || e(s);
+          d.defaultPrevented || d.metaKey || d.ctrlKey || d.shiftKey || a == null || a(s);
         },
         children: n
       }
-    ) : r ? t = /* @__PURE__ */ a(
+    ) : r ? t = /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        "aria-label": l,
-        className: u + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => e == null ? void 0 : e(s),
+        "aria-label": f,
+        className: m + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => a == null ? void 0 : a(s),
         children: n
       }
-    ) : t = n, /* @__PURE__ */ c(
+    ) : t = n, /* @__PURE__ */ o(
       "div",
       {
-        ref: p,
+        ref: v,
         role: "listitem",
         "data-component": "agenda-card",
         "data-component-id": s.id,
         "data-status": s.status ?? "confirmed",
-        className: w({ size: o, interactive: r, className: f }),
-        ...m,
+        className: L({ size: l, interactive: r, className: p }),
+        ...g,
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             "span",
             {
               "aria-hidden": "true",
-              className: "ds:inline-flex ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums",
-              children: s.time
+              className: "ds:inline-flex ds:flex-col ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums",
+              children: [
+                s.time,
+                s.dateLabel ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:font-normal ds:text-[color:var(--muted-foreground)]", children: s.dateLabel }) : null
+              ]
             }
           ),
-          /* @__PURE__ */ a(
-            x,
+          /* @__PURE__ */ e(
+            N,
             {
               name: s.patient.name,
               src: s.patient.avatarUrl,
-              size: o === "md" ? "md" : "sm",
+              size: l === "md" ? "md" : "sm",
               className: "ds:shrink-0",
               "aria-hidden": "true",
               role: "presentation",
               "aria-label": void 0
             }
           ),
-          /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
             t,
-            s.treatment ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.treatment }) : null
+            s.treatment ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.treatment }) : null,
+            s.meta ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.meta }) : null,
+            s.note ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2", children: s.note }) : null
           ] }),
-          s.status && s.status !== "confirmed" ? /* @__PURE__ */ a(
-            y,
+          i ? (
+            // Above the stretched-link overlay so the buttons stay clickable.
+            /* @__PURE__ */ e("span", { className: "ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0", children: i })
+          ) : null,
+          s.status && s.status !== "confirmed" ? /* @__PURE__ */ e(
+            C,
             {
-              variant: k[s.status],
+              variant: T[s.status],
               size: "sm",
               withDot: !0,
               className: "ds:shrink-0",
-              children: i(`agendaCard.status.${s.status}`, s.status)
+              children: c(`agendaCard.status.${s.status}`, s.status)
             }
           ) : null,
-          r ? /* @__PURE__ */ a(
-            C,
+          r ? /* @__PURE__ */ e(
+            k,
             {
               "aria-hidden": "true",
               className: "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"
@@ -130,8 +140,8 @@ const w = h(
     );
   }
 );
-T.displayName = "AgendaCard";
+z.displayName = "AgendaCard";
 export {
-  T as A
+  z as A
 };
-//# sourceMappingURL=agenda-card-BaSfVfrL.js.map
+//# sourceMappingURL=agenda-card-Bl-SBiCh.js.map

package/dist/_chunks/agenda-tray-DA6qj8BL.js

@@ -0,0 +1,203 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as P, useRef as T, useImperativeHandle as B, useMemo as H } from "react";
+import { c as K } from "./index-D2ZczOXr.js";
+import { useTranslation as M } from "react-i18next";
+import { I as q } from "./icon-button-CKEOrN37.js";
+import { S as A } from "./skeleton-CZbwyJAA.js";
+import { E as D } from "./empty-state-BLy7tigq.js";
+import { A as V } from "./agenda-card-Bl-SBiCh.js";
+import { u as F } from "./registry-nPAVE19X.js";
+import { C as G } from "./calendar-days-C4BmpCZg.js";
+import { P as J } from "./plus-CYKNmfuA.js";
+const L = {
+  id: "agenda-tray",
+  capabilities: ["select_single"],
+  state: {
+    items: {
+      type: "Array<{ id: string; status: string }>",
+      descriptionKey: "ui.agent.agendaTray.state.items",
+      description: "Currently-displayed appointments. Ids + status only — never patient identity.",
+      read: (s) => s.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.agendaTray.actions.selectItem",
+      description: "Activate the appointment with the given id.",
+      invoke: (s, t) => {
+        s.selectItem(t.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "agenda-tray",
+      description: "Marks the AgendaTray 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-appointment-id",
+      description: "Stable appointment id emitted on each rendered AgendaCard inside the tray."
+    }
+  }
+}, Q = K(
+  [
+    "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"
+    }
+  }
+), U = P(
+  ({
+    id: s,
+    items: t,
+    title: N,
+    caption: f,
+    size: u = "sm",
+    onOpenAppointment: r,
+    onAddAppointment: g,
+    addLabel: w,
+    loading: o = !1,
+    emptyTitle: k,
+    emptyDescription: C,
+    emptyAction: I,
+    viewAllLabel: v,
+    onViewAll: y,
+    renderItemActions: l,
+    scrollable: c = !1,
+    className: j,
+    ...R
+  }, z) => {
+    const { t: d } = M(), m = N ?? d("agendaTray.title", "Today's appointments"), S = w ?? d("agendaTray.add", "Add appointment"), h = !o && t.length === 0;
+    let i;
+    o ? i = /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((a) => /* @__PURE__ */ e(A, { variant: "rectangular", height: "2.5rem" }, a)) }) : h ? i = /* @__PURE__ */ e("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ e(
+      D,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: k ?? d("agendaTray.empty.title", "No appointments"),
+        description: C ?? d(
+          "agendaTray.empty.description",
+          "New appointments will appear here."
+        ),
+        primaryAction: I
+      }
+    ) }) : i = /* @__PURE__ */ e(
+      "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.
+          c ? "ds:overflow-y-auto" : ""
+        ].filter(Boolean).join(" "),
+        tabIndex: c ? 0 : void 0,
+        "aria-label": c ? m : void 0,
+        children: t.map((a) => /* @__PURE__ */ e(
+          V,
+          {
+            item: a,
+            size: u,
+            onActivate: r,
+            actions: l == null ? void 0 : l(a),
+            "data-appointment-id": a.id
+          },
+          a.id
+        ))
+      }
+    );
+    const p = T(t);
+    p.current = t;
+    const b = T(null);
+    B(z, () => b.current, []);
+    const _ = H(
+      () => ({
+        getItems: () => p.current.map((a) => ({
+          id: a.id,
+          status: a.status ?? "confirmed"
+        })),
+        selectItem: (a) => {
+          const x = p.current.find((E) => E.id === a);
+          x && (r == null || r(x));
+        }
+      }),
+      [r]
+    );
+    return F(L, _, s), /* @__PURE__ */ n(
+      "section",
+      {
+        ref: b,
+        "aria-label": m,
+        "data-component": "agenda-tray",
+        "data-component-id": s,
+        className: Q({ size: u, className: j }),
+        ...R,
+        children: [
+          /* @__PURE__ */ n("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
+              /* @__PURE__ */ n("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+                /* @__PURE__ */ e(G, { "aria-hidden": "true", className: "ds:size-4" }),
+                m
+              ] }),
+              f ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: f }) : null
+            ] }),
+            g ? /* @__PURE__ */ e(
+              q,
+              {
+                icon: /* @__PURE__ */ e(J, {}),
+                intent: "outline",
+                size: "sm",
+                "aria-label": S,
+                onClick: g
+              }
+            ) : null
+          ] }),
+          i,
+          v && y && !h && !o ? /* @__PURE__ */ e("footer", { className: "ds:[border-block-start:var(--border-width-sm)_solid_var(--card-border)] ds:p-[var(--spacing-sm)]", children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: y,
+              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: v
+            }
+          ) }) : null
+        ]
+      }
+    );
+  }
+);
+U.displayName = "AgendaTray";
+export {
+  U as A,
+  L as a
+};
+//# sourceMappingURL=agenda-tray-DA6qj8BL.js.map

package/dist/_chunks/{ai-consent-banner-F2md5JD3.js → ai-consent-banner-DBKV27je.js}

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { forwardRef as N, useState as k, useRef as q, useMemo as I } from "react";
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as R } from "react-i18next";
-import { A as d } from "./alert-CUTxnym2.js";
+import { A as d } from "./alert-_mUKLmwA.js";
 import { B as w } from "./badge-zsf5i5bH.js";
 import { B as T } from "./button-DD_0Xdmr.js";
 import { C as V } from "./checkbox-DRcOdmXv.js";
@@ -166,4 +166,4 @@ export {
   P as A,
   K as a
 };
-//# sourceMappingURL=ai-consent-banner-F2md5JD3.js.map
+//# sourceMappingURL=ai-consent-banner-DBKV27je.js.map