@alfadocs/ui-kit 1.10.1 → 1.12.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.10.1",
+  "version": "1.12.4",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

package/dist/_chunks/appointment-timeline-0mwtpErq.js

@@ -1,388 +0,0 @@
-import { jsxs as C, jsx as o, Fragment as ve } from "react/jsx-runtime";
-import { forwardRef as ke, useId as be, useMemo as M, useRef as T, useState as X, useCallback as x, useImperativeHandle as Te } from "react";
-import { c as xe } from "./index-D2ZczOXr.js";
-import { useTranslation as De } from "react-i18next";
-import { A as we } from "./appointment-card-Dzr3GeVz.js";
-import { B as K } from "./button-nJaPh_HC.js";
-import { B as Re } from "./button-group-CaxRJsNG.js";
-import { D as Ie } from "./date-picker-CepI_oI2.js";
-import { P as Se } from "./panel-header-D313n_9-.js";
-import { S as je } from "./skeleton-CZbwyJAA.js";
-import { E as Ce } from "./empty-state-X0sVPfVo.js";
-import { u as Z } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as He } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as Fe } from "./registry-DvAUVLHh.js";
-import { C as Me } from "./calendar-days-BGWklvE-.js";
-const Ne = {
-  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: (n) => n.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: (n, i) => {
-        n.selectItem(i.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: (n) => {
-        n.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."
-    }
-  }
-}, O = 96, _e = xe(
-  [
-    "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" } }
-), ze = [
-  "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 f(n) {
-  const i = `${n.getMonth() + 1}`.padStart(2, "0"), l = `${n.getDate()}`.padStart(2, "0");
-  return `${n.getFullYear()}-${i}-${l}`;
-}
-function Be(n) {
-  const i = [...n].sort(
-    (p, m) => +new Date(p.startIso) - +new Date(m.startIso)
-  ), l = /* @__PURE__ */ new Map();
-  for (const p of i) {
-    const m = new Date(p.startIso), g = f(m);
-    let c = l.get(g);
-    c || (c = {
-      key: g,
-      date: new Date(m.getFullYear(), m.getMonth(), m.getDate()),
-      items: []
-    }, l.set(g, c)), c.items.push(p);
-  }
-  return [...l.values()];
-}
-const Ke = ke(
-  ({
-    id: n,
-    items: i,
-    nowIso: l,
-    title: p,
-    locale: m,
-    currency: g,
-    size: c = "sm",
-    onOpenAppointment: h,
-    onLoadEarlier: y,
-    onLoadLater: v,
-    hasMoreEarlier: D,
-    hasMoreLater: k,
-    loadingEarlier: w = !1,
-    loadingLater: H = !1,
-    showFilters: L = !0,
-    onJumpToDate: F,
-    emptyTitle: J,
-    emptyDescription: ee,
-    className: te,
-    "aria-label": se,
-    ...ne
-  }, ie) => {
-    const { t: a, i18n: oe } = De(), A = be(), P = He(), Y = m ?? oe.language, $ = p ?? a("appointmentTimeline.title"), r = M(
-      () => l ? new Date(l) : /* @__PURE__ */ new Date(),
-      [l]
-    ), u = M(() => Be(i), [i]), E = D ?? !!y, q = k ?? !!v, N = M(() => {
-      if (u.length === 0) return;
-      const e = f(r), t = u.map((s) => s.key);
-      return t.includes(e) ? e : t.find((s) => s >= e) ?? t[t.length - 1];
-    }, [u, r]), R = T(null), I = T(/* @__PURE__ */ new Map()), G = T(!1), _ = T(void 0), V = T(0), [ae, re] = X(!1), [le, ce] = X(!1), S = x(() => {
-      const e = R.current;
-      if (!e) return;
-      const { scrollTop: t, scrollHeight: s, clientHeight: d } = e;
-      re(t > 1), ce(t + d < s - 1);
-    }, []), j = x(
-      (e, t) => {
-        const s = R.current;
-        if (!s) return;
-        let d = I.current.get(e);
-        if (!d) {
-          const B = [...I.current.keys()].sort(), U = B.find((ye) => ye >= e) ?? B[B.length - 1];
-          d = U ? I.current.get(U) : void 0;
-        }
-        if (!d) return;
-        const he = d.getBoundingClientRect().top - s.getBoundingClientRect().top;
-        s.scrollTo({
-          top: s.scrollTop + he,
-          behavior: t && !P ? "smooth" : "auto"
-        });
-      },
-      [P]
-    );
-    Z(() => {
-      var s;
-      const e = R.current;
-      if (!e) return;
-      const t = (s = u[0]) == null ? void 0 : s.key;
-      if (!G.current)
-        u.length > 0 && N && (j(N, !1), G.current = !0);
-      else if (_.current && t && t < _.current) {
-        const d = e.scrollHeight - V.current;
-        d > 0 && (e.scrollTop += d);
-      }
-      _.current = t, V.current = e.scrollHeight, S();
-    }, [u, N, j, S]), Z(() => {
-      const e = R.current;
-      if (!e || typeof ResizeObserver > "u") return;
-      const t = new ResizeObserver(S);
-      return t.observe(e), () => t.disconnect();
-    }, [S]);
-    const de = x(() => {
-      S();
-      const e = R.current;
-      if (!e) return;
-      const { scrollTop: t, scrollHeight: s, clientHeight: d } = e;
-      y && E && !w && t <= O && y(), v && q && !H && s - t - d <= O && v();
-    }, [
-      S,
-      y,
-      v,
-      E,
-      q,
-      w,
-      H
-    ]), b = x(
-      (e) => {
-        const t = f(e), s = I.current.has(t);
-        j(t, !0), s || F == null || F(e.toISOString());
-      },
-      [j, F]
-    ), me = x(() => b(r), [b, r]), pe = x(() => {
-      const e = new Date(r), t = (e.getDay() + 6) % 7;
-      e.setDate(e.getDate() - t), b(e);
-    }, [b, r]), ue = x(() => {
-      b(new Date(r.getFullYear(), r.getMonth(), 1));
-    }, [b, r]), z = T(i);
-    z.current = i;
-    const W = T(null);
-    Te(ie, () => W.current, []);
-    const fe = M(
-      () => ({
-        getItems: () => z.current.map((e) => ({ id: e.id, state: e.state })),
-        selectItem: (e) => {
-          const t = z.current.find((s) => s.id === e);
-          t && (h == null || h(t));
-        },
-        jumpToToday: () => j(f(r), !0)
-      }),
-      [h, j, r]
-    );
-    Fe(Ne, fe, n);
-    const ge = u.length === 0 && !w && !H, Q = (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(je, { variant: "rectangular", height: "3.5rem" })
-      },
-      e
-    );
-    return /* @__PURE__ */ C(
-      "section",
-      {
-        ref: W,
-        "data-component": "appointment-timeline",
-        "data-component-id": n,
-        "aria-label": se ?? $,
-        className: _e({ size: c, className: te }),
-        ...ne,
-        children: [
-          /* @__PURE__ */ o(
-            Se,
-            {
-              icon: /* @__PURE__ */ o(Me, {}),
-              title: $,
-              filters: L ? /* @__PURE__ */ C(ve, { children: [
-                /* @__PURE__ */ C(Re, { label: a("appointmentTimeline.filtersLabel"), children: [
-                  /* @__PURE__ */ o(K, { intent: "outline", size: "sm", onClick: me, children: a("appointmentTimeline.today") }),
-                  /* @__PURE__ */ o(K, { intent: "outline", size: "sm", onClick: pe, children: a("appointmentTimeline.thisWeek") }),
-                  /* @__PURE__ */ o(K, { intent: "outline", size: "sm", onClick: ue, children: a("appointmentTimeline.thisMonth") })
-                ] }),
-                /* @__PURE__ */ o("label", { htmlFor: A, className: "ds:sr-only", children: a("appointmentTimeline.jumpToDate") }),
-                /* @__PURE__ */ o(
-                  Ie,
-                  {
-                    id: A,
-                    size: "sm",
-                    placeholder: a("appointmentTimeline.jumpToDate"),
-                    onChange: (e) => {
-                      e && b(e);
-                    }
-                  }
-                )
-              ] }) : void 0
-            }
-          ),
-          ge ? /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ o(
-            Ce,
-            {
-              variant: "first-use",
-              size: "sm",
-              title: J ?? a("appointmentTimeline.empty.title"),
-              description: ee ?? a("appointmentTimeline.empty.description")
-            }
-          ) }) : /* @__PURE__ */ C(
-            "div",
-            {
-              ref: R,
-              tabIndex: 0,
-              onScroll: de,
-              "data-fade-top": ae ? "true" : void 0,
-              "data-fade-bottom": le ? "true" : void 0,
-              className: ze,
-              children: [
-                w ? Q("loading-earlier") : null,
-                /* @__PURE__ */ o("ol", { 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__ */ C(
-                  "li",
-                  {
-                    ref: (t) => {
-                      t ? I.current.set(e.key, t) : I.current.delete(e.key);
-                    },
-                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-                    children: [
-                      /* @__PURE__ */ o(
-                        Ae,
-                        {
-                          date: e.date,
-                          now: r,
-                          locale: Y,
-                          todayLabel: a("appointmentTimeline.today"),
-                          tomorrowLabel: a("appointmentTimeline.tomorrow"),
-                          yesterdayLabel: a("appointmentTimeline.yesterday")
-                        }
-                      ),
-                      /* @__PURE__ */ o("ul", { 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(
-                        we,
-                        {
-                          item: t,
-                          size: c,
-                          surface: "elevated",
-                          showPatient: !1,
-                          locale: Y,
-                          currency: g,
-                          onActivate: h,
-                          "data-appointment-id": t.id
-                        },
-                        t.id
-                      )) })
-                    ]
-                  },
-                  e.key
-                )) }),
-                H ? Q("loading-later") : null
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Ke.displayName = "AppointmentTimeline";
-function Ae({
-  date: n,
-  now: i,
-  locale: l,
-  todayLabel: p,
-  tomorrowLabel: m,
-  yesterdayLabel: g
-}) {
-  const c = f(n), h = f(i), y = new Date(i);
-  y.setDate(i.getDate() + 1);
-  const v = new Date(i);
-  v.setDate(i.getDate() - 1);
-  const D = c === h;
-  let k;
-  if (D) k = p;
-  else if (c === f(y)) k = m;
-  else if (c === f(v)) k = g;
-  else {
-    const w = n.getFullYear() === i.getFullYear();
-    k = new Intl.DateTimeFormat(l, {
-      weekday: "short",
-      day: "numeric",
-      month: "short",
-      ...w ? {} : { year: "numeric" }
-    }).format(n);
-  }
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      "data-today": D ? "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",
-        D ? "ds:text-[color:var(--primary)] ds:font-semibold" : "ds:text-[color:var(--muted-foreground)]"
-      ].join(" "),
-      children: [
-        D ? /* @__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,
-        k
-      ]
-    }
-  );
-}
-export {
-  Ke as A,
-  Ne as a
-};
-//# sourceMappingURL=appointment-timeline-0mwtpErq.js.map