@alfadocs/ui-kit 1.33.0 → 1.35.0

package/dist/_chunks/appointment-timeline-De-Wqdkw.js

@@ -0,0 +1,449 @@
+import { jsxs as x, jsx as o, Fragment as je } from "react/jsx-runtime";
+import { forwardRef as Ce, useId as He, useMemo as j, useRef as v, useState as $, useEffect as Me, useCallback as b, useImperativeHandle as Ne } from "react";
+import { c as _e } from "./index-D2ZczOXr.js";
+import { useTranslation as Fe } from "react-i18next";
+import { A as ne } from "./appointment-card-Bh_CIlc6.js";
+import { B as P } from "./button-nJaPh_HC.js";
+import { B as ze } from "./button-group-CaxRJsNG.js";
+import { D as Ae } from "./date-picker-B6NW_PS5.js";
+import { P as Be } from "./panel-header-D313n_9-.js";
+import { S as Ke } from "./skeleton-CZbwyJAA.js";
+import { E as Ee } from "./empty-state-X0sVPfVo.js";
+import { u as ae } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ye } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { a as $e, u as Pe, R as We } from "./use-list-reflow-Cw43nxw5.js";
+import { u as qe } from "./registry-DvAUVLHh.js";
+import { C as Ge } from "./calendar-days-BGWklvE-.js";
+const Ve = {
+  id: "appointment-timeline",
+  // 'pick' backs select_item (non-persisting activation through
+  // onOpenAppointment); 'scroll' backs jump_to_today, which re-anchors the
+  // scroll viewport (mirrors practice-results' scroll_to_result).
+  capabilities: ["scroll", "pick"],
+  state: {
+    items: {
+      type: "Array<{ id: string; state: string }>",
+      descriptionKey: "ui.agent.appointmentTimeline.state.items",
+      description: "Currently-rendered appointments. Ids + lifecycle state only — never patient identity.",
+      read: (i) => i.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.appointmentTimeline.actions.selectItem",
+      description: "Activate the appointment with the given id.",
+      invoke: (i, n) => {
+        i.selectItem(n.id);
+      }
+    },
+    jump_to_today: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.appointmentTimeline.actions.jumpToToday",
+      description: "Re-anchor the timeline scroll on today's appointments.",
+      invoke: (i) => {
+        i.jumpToToday();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "appointment-timeline",
+      description: "Marks the AppointmentTimeline wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific timeline from the agent."
+    },
+    item: {
+      attr: "data-appointment-id",
+      description: "Stable appointment id emitted on each rendered AppointmentCard inside the timeline."
+    }
+  }
+}, ie = 96, Le = _e(
+  [
+    "ds:flex ds:flex-col ds:h-full ds:min-h-0",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]"
+  ].join(" "),
+  { variants: { size: { sm: "", md: "" } }, defaultVariants: { size: "sm" } }
+), Oe = [
+  "ds:flex-1 ds:min-h-0 ds:overflow-y-auto",
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+  "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+  "ds:[--atl-mask-top:black] ds:[--atl-mask-bottom:black]",
+  "ds:data-[fade-top=true]:[--atl-mask-top:transparent]",
+  "ds:data-[fade-bottom=true]:[--atl-mask-bottom:transparent]",
+  "ds:[mask-image:linear-gradient(to_bottom,var(--atl-mask-top)_0,black_var(--atl-fade-distance,var(--spacing-lg)),black_calc(100%-var(--atl-fade-distance,var(--spacing-lg))),var(--atl-mask-bottom)_100%)]",
+  "ds:motion-reduce:[mask-image:none]",
+  "ds:[.theme-accessible_&]:[mask-image:none]",
+  "ds:forced-colors:[mask-image: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:-2px]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" ");
+function k(i) {
+  const n = `${i.getMonth() + 1}`.padStart(2, "0"), d = `${i.getDate()}`.padStart(2, "0");
+  return `${i.getFullYear()}-${n}-${d}`;
+}
+function Qe(i) {
+  const n = [...i].sort(
+    (g, m) => +new Date(g.startIso) - +new Date(m.startIso)
+  ), d = /* @__PURE__ */ new Map();
+  for (const g of n) {
+    const m = new Date(g.startIso), h = k(m);
+    let r = d.get(h);
+    r || (r = {
+      key: h,
+      date: new Date(m.getFullYear(), m.getMonth(), m.getDate()),
+      items: []
+    }, d.set(h, r)), r.items.push(g);
+  }
+  return [...d.values()];
+}
+const Ue = Ce(
+  ({
+    id: i,
+    items: n,
+    nowIso: d,
+    title: g,
+    locale: m,
+    currency: h,
+    size: r = "sm",
+    showPatient: C = !1,
+    onOpenAppointment: y,
+    selectedId: H,
+    onLoadEarlier: f,
+    onLoadLater: p,
+    hasMoreEarlier: F,
+    hasMoreLater: oe,
+    loadingEarlier: M = !1,
+    loadingLater: N = !1,
+    showFilters: re = !0,
+    onJumpToDate: _,
+    emptyTitle: le,
+    emptyDescription: ce,
+    className: de,
+    "aria-label": me,
+    ...pe
+  }, ue) => {
+    const { t: l, i18n: fe } = Fe(), W = He(), z = Ye(), A = m ?? fe.language, q = g ?? l("appointmentTimeline.title"), c = j(
+      () => d ? new Date(d) : /* @__PURE__ */ new Date(),
+      [d]
+    ), u = j(() => Qe(n), [n]), G = z || void 0, ge = j(
+      () => u.flatMap((e) => e.items.map((t) => t.id)).join(),
+      [u]
+    ), { containerRef: he } = $e({
+      key: ge,
+      reduceMotion: G
+    }), V = Pe({ reduceMotion: G }), L = v(n), [O, Q] = $([]);
+    Me(() => {
+      const e = L.current;
+      if (e === n) return;
+      const t = new Set(n.map((a) => a.id)), s = e.filter((a) => !t.has(a.id));
+      s.length > 0 && (Q((a) => [...a, ...s]), s.forEach((a) => {
+        V.leave(a.id, () => {
+          Q((Y) => Y.filter((S) => S.id !== a.id));
+        });
+      })), L.current = n;
+    }, [n, V]);
+    const U = F ?? !!f, X = oe ?? !!p, B = j(() => {
+      if (u.length === 0) return;
+      const e = k(c), t = u.map((s) => s.key);
+      return t.includes(e) ? e : t.find((s) => s >= e) ?? t[t.length - 1];
+    }, [u, c]), D = v(null), w = v(/* @__PURE__ */ new Map()), Z = v(!1), K = v(void 0), J = v(0), [ye, ve] = $(!1), [ke, Te] = $(!1), R = b(() => {
+      const e = D.current;
+      if (!e) return;
+      const { scrollTop: t, scrollHeight: s, clientHeight: a } = e;
+      ve(t > 1), Te(t + a < s - 1);
+    }, []), I = b(
+      (e, t) => {
+        const s = D.current;
+        if (!s) return;
+        let a = w.current.get(e);
+        if (!a) {
+          const S = [...w.current.keys()].sort(), se = S.find((Se) => Se >= e) ?? S[S.length - 1];
+          a = se ? w.current.get(se) : void 0;
+        }
+        if (!a) return;
+        const Y = a.getBoundingClientRect().top - s.getBoundingClientRect().top;
+        s.scrollTo({
+          top: s.scrollTop + Y,
+          behavior: t && !z ? "smooth" : "auto"
+        });
+      },
+      [z]
+    );
+    ae(() => {
+      var s;
+      const e = D.current;
+      if (!e) return;
+      const t = (s = u[0]) == null ? void 0 : s.key;
+      if (!Z.current)
+        u.length > 0 && B && (I(B, !1), Z.current = !0);
+      else if (K.current && t && t < K.current) {
+        const a = e.scrollHeight - J.current;
+        a > 0 && (e.scrollTop += a);
+      }
+      K.current = t, J.current = e.scrollHeight, R();
+    }, [u, B, I, R]), ae(() => {
+      const e = D.current;
+      if (!e || typeof ResizeObserver > "u") return;
+      const t = new ResizeObserver(R);
+      return t.observe(e), () => t.disconnect();
+    }, [R]);
+    const be = b(() => {
+      R();
+      const e = D.current;
+      if (!e) return;
+      const { scrollTop: t, scrollHeight: s, clientHeight: a } = e;
+      f && U && !M && t <= ie && f(), p && X && !N && s - t - a <= ie && p();
+    }, [
+      R,
+      f,
+      p,
+      U,
+      X,
+      M,
+      N
+    ]), T = b(
+      (e) => {
+        const t = k(e), s = w.current.has(t);
+        I(t, !0), s || _ == null || _(e.toISOString());
+      },
+      [I, _]
+    ), xe = b(() => T(c), [T, c]), De = b(() => {
+      const e = new Date(c), t = (e.getDay() + 6) % 7;
+      e.setDate(e.getDate() - t), T(e);
+    }, [T, c]), we = b(() => {
+      T(new Date(c.getFullYear(), c.getMonth(), 1));
+    }, [T, c]), E = v(n);
+    E.current = n;
+    const ee = v(null);
+    Ne(ue, () => ee.current, []);
+    const Re = j(
+      () => ({
+        getItems: () => E.current.map((e) => ({ id: e.id, state: e.state })),
+        selectItem: (e) => {
+          const t = E.current.find((s) => s.id === e);
+          t && (y == null || y(t));
+        },
+        jumpToToday: () => I(k(c), !0)
+      }),
+      [y, I, c]
+    );
+    qe(Ve, Re, i);
+    const Ie = u.length === 0 && !M && !N, te = (e) => /* @__PURE__ */ o(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:py-[var(--spacing-xs)]",
+        children: /* @__PURE__ */ o(Ke, { variant: "rectangular", height: "3.5rem" })
+      },
+      e
+    );
+    return /* @__PURE__ */ x(
+      "section",
+      {
+        ref: ee,
+        "data-component": "appointment-timeline",
+        "data-component-id": i,
+        "aria-label": me ?? q,
+        className: Le({ size: r, className: de }),
+        ...pe,
+        children: [
+          /* @__PURE__ */ o(
+            Be,
+            {
+              icon: /* @__PURE__ */ o(Ge, {}),
+              title: q,
+              filters: re ? /* @__PURE__ */ x(je, { children: [
+                /* @__PURE__ */ x(ze, { label: l("appointmentTimeline.filtersLabel"), children: [
+                  /* @__PURE__ */ o(P, { intent: "outline", size: "sm", onClick: xe, children: l("appointmentTimeline.today") }),
+                  /* @__PURE__ */ o(P, { intent: "outline", size: "sm", onClick: De, children: l("appointmentTimeline.thisWeek") }),
+                  /* @__PURE__ */ o(P, { intent: "outline", size: "sm", onClick: we, children: l("appointmentTimeline.thisMonth") })
+                ] }),
+                /* @__PURE__ */ o("label", { htmlFor: W, className: "ds:sr-only", children: l("appointmentTimeline.jumpToDate") }),
+                /* @__PURE__ */ o(
+                  Ae,
+                  {
+                    id: W,
+                    size: "sm",
+                    placeholder: l("appointmentTimeline.jumpToDate"),
+                    onChange: (e) => {
+                      e && T(e);
+                    }
+                  }
+                )
+              ] }) : void 0
+            }
+          ),
+          Ie ? /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ o(
+            Ee,
+            {
+              variant: "first-use",
+              size: "sm",
+              title: le ?? l("appointmentTimeline.empty.title"),
+              description: ce ?? l("appointmentTimeline.empty.description")
+            }
+          ) }) : /* @__PURE__ */ x(
+            "div",
+            {
+              ref: D,
+              tabIndex: 0,
+              onScroll: be,
+              "data-fade-top": ye ? "true" : void 0,
+              "data-fade-bottom": ke ? "true" : void 0,
+              className: Oe,
+              children: [
+                M ? te("loading-earlier") : null,
+                /* @__PURE__ */ x(
+                  "ol",
+                  {
+                    ref: he,
+                    role: "list",
+                    className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-md)] ds:p-0",
+                    children: [
+                      u.map((e) => /* @__PURE__ */ x(
+                        "li",
+                        {
+                          ref: (t) => {
+                            t ? w.current.set(e.key, t) : w.current.delete(e.key);
+                          },
+                          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                          children: [
+                            /* @__PURE__ */ o(
+                              Xe,
+                              {
+                                date: e.date,
+                                now: c,
+                                locale: A,
+                                todayLabel: l("appointmentTimeline.today"),
+                                tomorrowLabel: l("appointmentTimeline.tomorrow"),
+                                yesterdayLabel: l("appointmentTimeline.yesterday")
+                              }
+                            ),
+                            /* @__PURE__ */ o(
+                              "ul",
+                              {
+                                role: "list",
+                                className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0",
+                                children: e.items.map((t) => /* @__PURE__ */ o(
+                                  ne,
+                                  {
+                                    item: t,
+                                    size: r,
+                                    surface: "elevated",
+                                    showPatient: C,
+                                    locale: A,
+                                    currency: h,
+                                    onActivate: y,
+                                    selected: t.id === H,
+                                    "data-appointment-id": t.id,
+                                    "data-reflow-id": t.id,
+                                    className: We
+                                  },
+                                  t.id
+                                ))
+                              }
+                            )
+                          ]
+                        },
+                        e.key
+                      )),
+                      O.length > 0 ? O.map((e) => /* @__PURE__ */ o(
+                        ne,
+                        {
+                          item: e,
+                          size: r,
+                          surface: "elevated",
+                          showPatient: C,
+                          locale: A,
+                          currency: h,
+                          "aria-hidden": "true",
+                          "data-leaving": !0,
+                          className: [
+                            "ds:opacity-0",
+                            "ds:transition-opacity",
+                            "ds:duration-[var(--animation-duration)]",
+                            "ds:ease-[var(--ease-out)]",
+                            "ds:motion-reduce:transition-none"
+                          ].join(" ")
+                        },
+                        `leaving-${e.id}`
+                      )) : null
+                    ]
+                  }
+                ),
+                N ? te("loading-later") : null
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ue.displayName = "AppointmentTimeline";
+function Xe({
+  date: i,
+  now: n,
+  locale: d,
+  todayLabel: g,
+  tomorrowLabel: m,
+  yesterdayLabel: h
+}) {
+  const r = k(i), C = k(n), y = new Date(n);
+  y.setDate(n.getDate() + 1);
+  const H = new Date(n);
+  H.setDate(n.getDate() - 1);
+  const f = r === C;
+  let p;
+  if (f) p = g;
+  else if (r === k(y)) p = m;
+  else if (r === k(H)) p = h;
+  else {
+    const F = i.getFullYear() === n.getFullYear();
+    p = new Intl.DateTimeFormat(d, {
+      weekday: "short",
+      day: "numeric",
+      month: "short",
+      ...F ? {} : { year: "numeric" }
+    }).format(i);
+  }
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      "data-today": f ? "true" : void 0,
+      className: [
+        "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--card)] ds:py-[var(--spacing-2xs)]",
+        "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] type-eyebrow",
+        f ? "ds:text-[color:var(--primary)] ds:font-semibold" : "ds:text-[color:var(--muted-foreground)]"
+      ].join(" "),
+      children: [
+        f ? /* @__PURE__ */ o(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)]"
+          }
+        ) : null,
+        p
+      ]
+    }
+  );
+}
+export {
+  Ue as A,
+  Ve as a
+};
+//# sourceMappingURL=appointment-timeline-De-Wqdkw.js.map

package/dist/_chunks/{appointment-tray-DCk8gHod.js → appointment-tray-4I9wTAi4.js}

@@ -5,7 +5,7 @@ import { useTranslation as H } from "react-i18next";
 import { I as M } from "./icon-button-DA2CAGHZ.js";
 import { S as q } from "./skeleton-CZbwyJAA.js";
 import { E as K } from "./empty-state-X0sVPfVo.js";
-import { A as V } from "./appointment-card-D-oj_ugh.js";
+import { A as V } from "./appointment-card-Bh_CIlc6.js";
 import { u as _ } from "./registry-DvAUVLHh.js";
 import { C as B } from "./calendar-days-BGWklvE-.js";
 import { P as D } from "./plus-DzMQ_c6b.js";
@@ -190,4 +190,4 @@ export {
   ae as a,
   L as b
 };
-//# sourceMappingURL=appointment-tray-DCk8gHod.js.map
+//# sourceMappingURL=appointment-tray-4I9wTAi4.js.map

package/dist/_chunks/{calendar-workspace-BX-zDyVR.js → calendar-workspace-UywR5gUl.js}

@@ -1,8 +1,8 @@
 import { jsxs as h, jsx as n, Fragment as Oe } from "react/jsx-runtime";
 import { useState as A, useCallback as oe, useRef as H, useEffect as ce, createElement as Tr, useContext as Wi, createContext as Pi, useId as ra, useMemo as Ce, Fragment as Lr } from "react";
 import { useTranslation as me } from "react-i18next";
-import { A as Ar } from "./appointment-timeline-CymGHyIP.js";
-import { C as Rr, a as Er, u as zi, d as Mr } from "./control-room-rail-iO_BCaq1.js";
+import { A as Ar } from "./appointment-timeline-De-Wqdkw.js";
+import { C as Rr, a as Er, u as zi, d as Mr } from "./control-room-rail-5MbhjsxN.js";
 import { S as Bi } from "./scroll-area-BZOvUhwQ.js";
 import { d as Hn, c as mi, b as ft } from "./toast-YZz2sBzB.js";
 import { T as fs, a as Or } from "./tooltip-DvmfrNvB.js";
@@ -23,10 +23,10 @@ import { createPortal as Kr } from "react-dom";
 import { C as Ma } from "./combobox-DnSdYssy.js";
 import { R as jn } from "./radio-DNRe6H_8.js";
 import { R as Ot } from "./radio-group-DyVBgnA3.js";
-import { N as qr, g as jr } from "./notes-panel-C4G-mhZ9.js";
+import { N as qr, g as jr } from "./notes-panel-BjLt-kiP.js";
 import { V as Kt } from "./visually-hidden-BHxEUGyT.js";
-import { R as Gr } from "./rich-text-editor-CQ7yZdG3.js";
-import { C as Yr } from "./clinical-note-card-D2WTV2CO.js";
+import { R as Gr } from "./rich-text-editor-CCI-Y3DN.js";
+import { C as Yr } from "./clinical-note-card-CTRzmqvv.js";
 import { S as Xr } from "./spinner-hbwuKwMf.js";
 import { A as Sa } from "./avatar-CkDeQOSI.js";
 import { E as is } from "./empty-state-X0sVPfVo.js";
@@ -35,7 +35,7 @@ import { T as Jr } from "./text-input-CUvCb6ST.js";
 import { T as Os } from "./text-area-Bt3p7Pt0.js";
 import { N as Ns } from "./number-input-Cgu2TtA8.js";
 import { T as Zr } from "./time-picker-D0RS391l.js";
-import { A as Qr } from "./appointment-card-D-oj_ugh.js";
+import { A as Qr } from "./appointment-card-Bh_CIlc6.js";
 import { B as On } from "./badge-sTusUqZD.js";
 import { D as eo } from "./data-table-DC96JJIq.js";
 import { C as Sn } from "./checkbox-BuZ1u__2.js";
@@ -9389,4 +9389,4 @@ export {
   em as r,
   Wn as u
 };
-//# sourceMappingURL=calendar-workspace-BX-zDyVR.js.map
+//# sourceMappingURL=calendar-workspace-UywR5gUl.js.map

package/dist/_chunks/{care-plan-card-CZW476Kg.js → care-plan-card-DHVhBcvs.js}

@@ -7,9 +7,9 @@ import { P as A } from "./progress-CK8otcQ-.js";
 import { T as C } from "./timestamp-BV2lC-wV.js";
 import { T as L } from "./transaction-chip-DJCstquX.js";
 import { A as O, b as G, c as Y, a as $ } from "./accordion-C11v9ouP.js";
-import { C as q } from "./care-plan-entry-card-BMUYagEw.js";
+import { C as q } from "./care-plan-entry-card-Dx6IdTcR.js";
 import { u as J } from "./registry-DvAUVLHh.js";
-import { C as Q, e as W } from "./entity-card-DmrgYSEX.js";
+import { C as Q, e as W } from "./entity-card-9_62gY7l.js";
 import { i as X } from "./is-safe-url-DkETxeHz.js";
 const Z = {
   id: "care-plan-card",
@@ -253,4 +253,4 @@ export {
   de as C,
   Z as c
 };
-//# sourceMappingURL=care-plan-card-CZW476Kg.js.map
+//# sourceMappingURL=care-plan-card-DHVhBcvs.js.map

package/dist/_chunks/{care-plan-entry-card-BMUYagEw.js → care-plan-entry-card-Dx6IdTcR.js}

@@ -10,7 +10,7 @@ import { T as J } from "./tooth-scheme-Qe7LO5Di.js";
 import { C as Q, b as X, a as Z } from "./collapsible-CTjxzGuF.js";
 import { u as ee } from "./registry-DvAUVLHh.js";
 import { C as ae } from "./chevron-down-DWE7GSq9.js";
-import { e as te } from "./entity-card-DmrgYSEX.js";
+import { e as te } from "./entity-card-9_62gY7l.js";
 const re = {
   id: "care-plan-entry-card",
   // `expand` is host-delegated: the per-phase breakdown is an in-component
@@ -319,4 +319,4 @@ export {
   le as C,
   re as c
 };
-//# sourceMappingURL=care-plan-entry-card-BMUYagEw.js.map
+//# sourceMappingURL=care-plan-entry-card-Dx6IdTcR.js.map

package/dist/_chunks/{care-plan-header-B5CBE0zu.js → care-plan-header-UTX5ZD74.js}

@@ -7,7 +7,7 @@ import { L as O } from "./link-CPb_pZPr.js";
 import { S as $ } from "./separator-CYU_bGFn.js";
 import { T as A } from "./timestamp-BV2lC-wV.js";
 import { u as q } from "./registry-DvAUVLHh.js";
-import { C as J, e as Q } from "./entity-card-DmrgYSEX.js";
+import { C as J, e as Q } from "./entity-card-9_62gY7l.js";
 import { i as W } from "./is-safe-url-DkETxeHz.js";
 const X = {
   id: "care-plan-header",
@@ -195,4 +195,4 @@ export {
   ee as C,
   X as c
 };
-//# sourceMappingURL=care-plan-header-B5CBE0zu.js.map
+//# sourceMappingURL=care-plan-header-UTX5ZD74.js.map