@alfadocs/ui-kit-debug 0.46.0 → 0.48.0

package/dist/_chunks/appointment-tray-BwDHhWWC.js

@@ -0,0 +1,419 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as $, useRef as K, useImperativeHandle as Y, useMemo as J } from "react";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as G } from "react-i18next";
+import { I as Q } from "./icon-button-CKEOrN37.js";
+import { S as X } from "./skeleton-CZbwyJAA.js";
+import { E as Z } from "./empty-state-BLy7tigq.js";
+import { A as U } from "./avatar-BNQNhoyL.js";
+import { B as P } from "./badge-zsf5i5bH.js";
+import { T as ee } from "./tag-CdA0s_VV.js";
+import { T as ae } from "./timestamp-BV2lC-wV.js";
+import { T as se } from "./transaction-chip-BZCa6XDn.js";
+import { i as re } from "./is-safe-url-DkETxeHz.js";
+import { V as te } from "./video-BAeICxCT.js";
+import { M as ne } from "./map-pin-B8STOPMJ.js";
+import { c as q, a as oe } from "./entity-card-COhmqHly.js";
+import { S as ie } from "./star-vav0SJ9e.js";
+import { G as de } from "./globe-BkEFMNSg.js";
+import { C as le } from "./chevron-right-BrpYejk0.js";
+import { u as ce } from "./registry-nPAVE19X.js";
+import { C as pe } from "./calendar-days-C4BmpCZg.js";
+import { P as me } from "./plus-CYKNmfuA.js";
+const ue = {
+  "var(--color-violet-500)": "ds:bg-[var(--color-violet-500)]",
+  "var(--color-purple-500)": "ds:bg-[var(--color-purple-500)]",
+  "var(--color-magenta-500)": "ds:bg-[var(--color-magenta-500)]",
+  "var(--color-blue-500)": "ds:bg-[var(--color-blue-500)]",
+  "var(--color-green-500)": "ds:bg-[var(--color-green-500)]",
+  "var(--color-red-500)": "ds:bg-[var(--color-red-500)]",
+  "var(--color-yellow-500)": "ds:bg-[var(--color-yellow-500)]",
+  "var(--color-indigo-500)": "ds:bg-[var(--color-indigo-500)]",
+  "var(--color-orange-500)": "ds:bg-[var(--color-orange-500)]",
+  "var(--color-fuchsia-500)": "ds:bg-[var(--color-fuchsia-500)]",
+  "var(--color-grey-700)": "ds:bg-[var(--color-grey-700)]"
+};
+function fe(e) {
+  return ue[q(e)] ?? "ds:bg-[var(--color-grey-700)]";
+}
+const ge = H(
+  [
+    "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:text-start ds:group",
+    "ds:bg-[var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:p-[var(--spacing-sm)]",
+        md: "ds:p-[var(--spacing-md)]"
+      },
+      interactive: {
+        true: "ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm",
+      interactive: !1
+    }
+  }
+), B = [
+  "ds:focus-visible:outline-none",
+  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]",
+  "ds:after:pointer-events-auto",
+  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:after:outline-solid",
+  "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(" "), ve = {
+  inPractice: ne,
+  telehealth: te
+}, F = $(
+  ({
+    item: e,
+    size: i = "sm",
+    locale: b,
+    currency: x = "EUR",
+    onActivate: o,
+    className: I,
+    ...R
+  }, l) => {
+    var h, w, t, y, z, V, E, j, L, A, M, _, D;
+    const { t: r } = G(), m = !!o, N = !!e.url && re(e.url), v = ((h = e.patient) == null ? void 0 : h.name) ?? r("appointmentCard.noPatient"), c = (w = e.operator) == null ? void 0 : w.name, C = r(`appointmentCard.state.${e.state}`), k = i === "md" ? "md" : "sm", S = ve[e.type], p = r("appointmentCard.itemLabel", {
+      patient: v,
+      state: C
+    }), u = /* @__PURE__ */ a("span", { className: "ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]", children: v });
+    let f;
+    m && N ? f = /* @__PURE__ */ a(
+      "a",
+      {
+        href: e.url,
+        "aria-label": p,
+        className: B + " ds:contents",
+        onClick: (n) => {
+          n.defaultPrevented || n.metaKey || n.ctrlKey || n.shiftKey || o == null || o(e);
+        },
+        children: u
+      }
+    ) : m ? f = /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        "aria-label": p,
+        className: B + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => o == null ? void 0 : o(e),
+        children: u
+      }
+    ) : f = u;
+    const T = (e.treatments ?? []).map((n, O) => {
+      const W = n.elements && n.elements.length > 0 ? r("appointmentCard.treatmentWithElements", {
+        care: n.careName,
+        elements: n.elements.join(", ")
+      }) : n.careName;
+      return /* @__PURE__ */ a(
+        ee,
+        {
+          label: W,
+          variant: "neutral",
+          fill: "outline",
+          size: "sm",
+          maxInlineSize: "12rem"
+        },
+        `${n.careName}-${O}`
+      );
+    }), d = (t = e.bookingReason) == null ? void 0 : t.advanceAmountCents, g = typeof d == "number" && d > 0;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: l,
+        role: "listitem",
+        "data-component": "appointment-card",
+        "data-component-id": e.id,
+        "data-state": e.state,
+        "data-type": e.type,
+        className: ge({ size: i, interactive: m, className: I }),
+        ...R,
+        children: [
+          /* @__PURE__ */ s("span", { className: "ds:flex ds:w-16 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+              /* @__PURE__ */ a("span", { className: "ds:sr-only", children: r(`appointmentCard.type.${e.type}`) }),
+              /* @__PURE__ */ a(
+                ae,
+                {
+                  value: e.startIso,
+                  format: "absolute",
+                  shape: "bare",
+                  locale: b,
+                  absoluteFormat: { hour: "numeric", minute: "2-digit" },
+                  className: "type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: r("appointmentCard.duration", { count: e.durationMin }) })
+          ] }),
+          c ? /* @__PURE__ */ s("span", { className: "ds:relative ds:shrink-0", children: [
+            /* @__PURE__ */ a(
+              U,
+              {
+                name: c,
+                color: q((y = e.operator) == null ? void 0 : y.colorId),
+                size: k,
+                "aria-hidden": "true",
+                role: "presentation",
+                "aria-label": void 0
+              }
+            ),
+            /* @__PURE__ */ a(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] " + fe((z = e.operator) == null ? void 0 : z.colorId)
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ s("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ s("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ s("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                (V = e.patient) != null && V.avatarUrl ? /* @__PURE__ */ a(
+                  U,
+                  {
+                    name: v,
+                    src: e.patient.avatarUrl,
+                    size: k,
+                    className: "ds:shrink-0",
+                    "aria-hidden": "true",
+                    role: "presentation",
+                    "aria-label": void 0
+                  }
+                ) : null,
+                f
+              ] }),
+              /* @__PURE__ */ a(
+                P,
+                {
+                  variant: oe(e.state),
+                  size: "sm",
+                  withDot: !0,
+                  className: "ds:shrink-0",
+                  children: C
+                }
+              )
+            ] }),
+            c || e.chair || (E = e.bookingReason) != null && E.specialty || e.firstVisit === "yes" ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]", children: [
+              c ? /* @__PURE__ */ a("span", { children: c }) : null,
+              e.chair ? /* @__PURE__ */ a("span", { children: r("appointmentCard.chair", { chair: e.chair }) }) : null,
+              (j = e.bookingReason) != null && j.specialty ? /* @__PURE__ */ a("span", { children: e.bookingReason.specialty }) : null,
+              e.firstVisit === "yes" ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ a(ie, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                r("appointmentCard.firstVisit")
+              ] }) : null
+            ] }) : null,
+            (L = e.bookingReason) != null && L.description ? /* @__PURE__ */ a("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: e.bookingReason.description }) : null,
+            T.length > 0 ? /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: T }) : null,
+            (A = e.flags) != null && A.bookedOnline || (M = e.flags) != null && M.highlightedAnamnesis || g ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              (_ = e.flags) != null && _.bookedOnline ? /* @__PURE__ */ a(P, { variant: "info", size: "sm", leading: /* @__PURE__ */ a(de, {}), children: r("appointmentCard.flag.bookedOnline") }) : null,
+              (D = e.flags) != null && D.highlightedAnamnesis ? /* @__PURE__ */ a(P, { variant: "warning", size: "sm", withDot: !0, children: r("appointmentCard.flag.highlightedAnamnesis") }) : null,
+              g ? /* @__PURE__ */ a(
+                se,
+                {
+                  state: "to-invoice",
+                  amount: d / 100,
+                  currency: x,
+                  locale: b,
+                  size: "sm",
+                  showLabel: !0
+                }
+              ) : null
+            ] }) : null
+          ] }),
+          m ? /* @__PURE__ */ a(
+            le,
+            {
+              "aria-hidden": "true",
+              className: "ds:size-4 ds:shrink-0 ds:self-center 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"
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+F.displayName = "AppointmentCard";
+const $e = {
+  id: "appointment-card",
+  capabilities: ["pick"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "appointment-card",
+      description: "Marks the element as a kit AppointmentCard. The root also emits data-component-id sourced from item.id, data-state with the appointment lifecycle, and data-type with the delivery channel."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "item.id",
+      description: "Sourced from item.id — the stable appointment identifier."
+    }
+  }
+}, he = {
+  id: "appointment-tray",
+  capabilities: ["select_single"],
+  state: {
+    items: {
+      type: "Array<{ id: string; state: string }>",
+      descriptionKey: "ui.agent.appointmentTray.state.items",
+      description: "Currently-displayed appointments. Ids + lifecycle state only — never patient identity.",
+      read: (e) => e.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.appointmentTray.actions.selectItem",
+      description: "Activate the appointment with the given id.",
+      invoke: (e, i) => {
+        e.selectItem(i.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "appointment-tray",
+      description: "Marks the AppointmentTray 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 AppointmentCard inside the tray."
+    }
+  }
+}, ye = H(
+  [
+    "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"
+    }
+  }
+), be = $(
+  ({
+    id: e,
+    items: i,
+    title: b,
+    caption: x,
+    size: o = "sm",
+    locale: I,
+    currency: R,
+    onOpenAppointment: l,
+    onAddAppointment: r,
+    addLabel: m,
+    loading: N = !1,
+    emptyTitle: v,
+    emptyDescription: c,
+    className: C,
+    ...k
+  }, S) => {
+    const { t: p } = G(), u = b ?? p("appointmentTray.title"), f = m ?? p("appointmentTray.add"), T = !N && i.length === 0;
+    let d;
+    N ? d = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ a(X, { variant: "rectangular", height: "3.5rem" }, t)) }) : T ? d = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      Z,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: v ?? p("appointmentTray.empty.title"),
+        description: c ?? p("appointmentTray.empty.description")
+      }
+    ) }) : d = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-[var(--spacing-2xs)]", children: i.map((t) => /* @__PURE__ */ a(
+      F,
+      {
+        item: t,
+        size: o,
+        locale: I,
+        currency: R,
+        onActivate: l,
+        "data-appointment-id": t.id
+      },
+      t.id
+    )) });
+    const g = K(i);
+    g.current = i;
+    const h = K(null);
+    Y(S, () => h.current, []);
+    const w = J(
+      () => ({
+        getItems: () => g.current.map((t) => ({ id: t.id, state: t.state })),
+        selectItem: (t) => {
+          const y = g.current.find((z) => z.id === t);
+          y && (l == null || l(y));
+        }
+      }),
+      [l]
+    );
+    return ce(he, w, e), /* @__PURE__ */ s(
+      "section",
+      {
+        ref: h,
+        "aria-label": u,
+        "data-component": "appointment-tray",
+        "data-component-id": e,
+        className: ye({ size: o, className: C }),
+        ...k,
+        children: [
+          /* @__PURE__ */ s("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
+              /* @__PURE__ */ s("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+                /* @__PURE__ */ a(pe, { "aria-hidden": "true", className: "ds:size-4" }),
+                u
+              ] }),
+              x ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: x }) : null
+            ] }),
+            r ? /* @__PURE__ */ a(
+              Q,
+              {
+                icon: /* @__PURE__ */ a(me, {}),
+                intent: "outline",
+                size: "sm",
+                "aria-label": f,
+                onClick: r
+              }
+            ) : null
+          ] }),
+          d
+        ]
+      }
+    );
+  }
+);
+be.displayName = "AppointmentTray";
+export {
+  F as A,
+  be as a,
+  $e as b,
+  he as c
+};
+//# sourceMappingURL=appointment-tray-BwDHhWWC.js.map

package/dist/_chunks/appointment-tray-BwDHhWWC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-tray-BwDHhWWC.js","sources":["../../src/components/appointment-card/appointment-card.tsx","../../src/components/appointment-card/appointment-card.agent.ts","../../src/components/appointment-card/appointment-tray.agent.ts","../../src/components/appointment-card/appointment-tray.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight, Globe, MapPin, Star, Video } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Tag } from '../tag/tag';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { TransactionChip } from '../transaction-chip/transaction-chip';\nimport {\n  appointmentStateBadge,\n  colorIdToToken,\n  isSafeEntityUrl,\n} from '../_shared/entity-card';\nimport type { AppointmentState } from '../_shared/entity-card';\n\n/*\n * Closed colour-dot class map. `colorIdToToken` resolves the operator's\n * numeric colour id to one of a fixed set of palette tokens; the operator\n * dot needs a *static* Tailwind class for each so the compiler can emit it\n * (dynamic `ds:bg-[…]` strings are not seen by the JIT). The keys mirror the\n * exact token strings the shared helper returns.\n */\nconst OPERATOR_DOT_CLASS: Record<string, string> = {\n  'var(--color-violet-500)': 'ds:bg-[var(--color-violet-500)]',\n  'var(--color-purple-500)': 'ds:bg-[var(--color-purple-500)]',\n  'var(--color-magenta-500)': 'ds:bg-[var(--color-magenta-500)]',\n  'var(--color-blue-500)': 'ds:bg-[var(--color-blue-500)]',\n  'var(--color-green-500)': 'ds:bg-[var(--color-green-500)]',\n  'var(--color-red-500)': 'ds:bg-[var(--color-red-500)]',\n  'var(--color-yellow-500)': 'ds:bg-[var(--color-yellow-500)]',\n  'var(--color-indigo-500)': 'ds:bg-[var(--color-indigo-500)]',\n  'var(--color-orange-500)': 'ds:bg-[var(--color-orange-500)]',\n  'var(--color-fuchsia-500)': 'ds:bg-[var(--color-fuchsia-500)]',\n  'var(--color-grey-700)': 'ds:bg-[var(--color-grey-700)]',\n};\n\nfunction operatorDotClass(colorId: number | string | undefined): string {\n  return (\n    OPERATOR_DOT_CLASS[colorIdToToken(colorId)] ??\n    'ds:bg-[var(--color-grey-700)]'\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* AppointmentCard                                                       */\n/*                                                                       */\n/* Single-row appointment surface — sibling of AgendaCard, but richer:   */\n/* leading timestamp, operator + patient avatars with the operator       */\n/* colour dot, a lifecycle-state Badge (announced by label, never colour */\n/* alone), treatment / tooth Tags, and an optional advance-deposit       */\n/* TransactionChip. State→Badge-variant + colour-id→token + URL-safety    */\n/* come from the shared `_shared/entity-card` helpers.                   */\n/*                                                                       */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `appointmentCard.*` namespace (plus shared `financial.*` for money).  */\n/* -------------------------------------------------------------------- */\n\n// Back-compat / one-stop import — the URL guard lives in the shared helper.\nexport { isSafeEntityUrl as isSafeAppointmentUrl } from '../_shared/is-safe-url';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\n/** Appointment delivery channel. */\nexport type AppointmentType = 'inPractice' | 'telehealth';\n\n/** First-visit tri-state flag. */\nexport type AppointmentFirstVisit = 'yes' | 'no' | 'unknown';\n\n/** Operator (clinician) summary — name + optional palette colour id. */\nexport interface AppointmentOperator {\n  /** Operator display name — drives the avatar initials + accessible name. */\n  name: string;\n  /** Numeric palette colour id, resolved to a kit token for the colour dot. */\n  colorId?: number | string;\n}\n\n/** Patient summary — identity only, drives the avatar. */\nexport interface AppointmentPatient {\n  /** Patient display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\n/** One treatment line within the appointment. */\nexport interface AppointmentTreatment {\n  /** Localised care / treatment name. */\n  careName: string;\n  /** Optional tooth elements (e.g. FDI ids) the treatment targets. */\n  elements?: string[];\n}\n\n/** Booking-reason metadata captured at online-booking time. */\nexport interface AppointmentBookingReason {\n  /** Localised booking-reason description. */\n  description: string;\n  /** Expected duration in minutes. */\n  durationMin?: number;\n  /** Advance / deposit amount in cents (non-negative). */\n  advanceAmountCents?: number;\n  /** Localised specialty label. */\n  specialty?: string;\n}\n\n/** Boolean appointment flags surfaced as chips / indicators. */\nexport interface AppointmentFlags {\n  bookedOnline?: boolean;\n  noPatientAssigned?: boolean;\n  highlightedAnamnesis?: boolean;\n  billable?: boolean;\n}\n\nexport interface AppointmentItem {\n  /** Stable appointment identifier. */\n  id: string;\n  /** ISO-8601 start instant. */\n  startIso: string;\n  /** Duration in minutes. */\n  durationMin: number;\n  /** Lifecycle state — drives the Badge variant + label. */\n  state: AppointmentState;\n  /** Delivery channel — drives the leading type glyph. */\n  type: AppointmentType;\n  /** First-visit flag. */\n  firstVisit?: AppointmentFirstVisit;\n  /** Assigned operator. */\n  operator?: AppointmentOperator;\n  /** Chair / room label. */\n  chair?: string;\n  /** Patient identity. */\n  patient?: AppointmentPatient;\n  /** Treatment lines. */\n  treatments?: AppointmentTreatment[];\n  /** Online booking-reason metadata. */\n  bookingReason?: AppointmentBookingReason;\n  /** Boolean flags. */\n  flags?: AppointmentFlags;\n  /** Optional deep link — when present (and safe) the row renders as an anchor. */\n  url?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — row                                                             */\n/* -------------------------------------------------------------------- */\n\nconst appointmentCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:text-start ds:group',\n    'ds:bg-[var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nconst TYPE_ICON: Record<AppointmentType, typeof MapPin> = {\n  inPractice: MapPin,\n  telehealth: Video,\n};\n\n/* -------------------------------------------------------------------- */\n/* Props                                                                 */\n/* -------------------------------------------------------------------- */\n\nexport interface AppointmentCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof appointmentCardVariants> {\n  /** The appointment to render. */\n  item: AppointmentItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** BCP-47 locale override for the timestamp + currency. */\n  locale?: string;\n  /** ISO-4217 currency code for the advance-deposit chip. Defaults to `EUR`. */\n  currency?: string;\n  /** Fires when the row is activated. */\n  onActivate?: (item: AppointmentItem) => void;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AppointmentCard = forwardRef<HTMLDivElement, AppointmentCardProps>(\n  (\n    {\n      item,\n      size = 'sm',\n      locale,\n      currency = 'EUR',\n      onActivate,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n\n    const patientName = item.patient?.name ?? t('appointmentCard.noPatient');\n    const operatorName = item.operator?.name;\n    const stateLabel = t(`appointmentCard.state.${item.state}`);\n\n    const avatarSize = size === 'md' ? 'md' : 'sm';\n    const TypeIcon = TYPE_ICON[item.type];\n\n    const ariaLabel = t('appointmentCard.itemLabel', {\n      patient: patientName,\n      state: stateLabel,\n    });\n\n    const titleNode = (\n      <span className=\"ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]\">\n        {patientName}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    // Treatment / tooth-element Tags. Each treatment becomes one Tag; the\n    // tooth elements (when present) are appended to the visible label.\n    const treatmentTags = (item.treatments ?? []).map((tx, index) => {\n      const label =\n        tx.elements && tx.elements.length > 0\n          ? t('appointmentCard.treatmentWithElements', {\n              care: tx.careName,\n              elements: tx.elements.join(', '),\n            })\n          : tx.careName;\n      return (\n        <Tag\n          key={`${tx.careName}-${index}`}\n          label={label}\n          variant=\"neutral\"\n          fill=\"outline\"\n          size=\"sm\"\n          maxInlineSize=\"12rem\"\n        />\n      );\n    });\n\n    const advanceCents = item.bookingReason?.advanceAmountCents;\n    const hasAdvance = typeof advanceCents === 'number' && advanceCents > 0;\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"appointment-card\"\n        data-component-id={item.id}\n        data-state={item.state}\n        data-type={item.type}\n        className={appointmentCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        {/* Leading rail: type glyph + start time + duration */}\n        <span className=\"ds:flex ds:w-16 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n          <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\">\n            <TypeIcon aria-hidden=\"true\" className=\"ds:size-3.5 ds:shrink-0\" />\n            <span className=\"ds:sr-only\">\n              {t(`appointmentCard.type.${item.type}`)}\n            </span>\n            <Timestamp\n              value={item.startIso}\n              format=\"absolute\"\n              shape=\"bare\"\n              locale={locale}\n              absoluteFormat={{ hour: 'numeric', minute: '2-digit' }}\n              className=\"type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n            />\n          </span>\n          <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n            {t('appointmentCard.duration', { count: item.durationMin })}\n          </span>\n        </span>\n\n        {/* Operator avatar with colour dot */}\n        {operatorName ? (\n          <span className=\"ds:relative ds:shrink-0\">\n            <Avatar\n              name={operatorName}\n              color={colorIdToToken(item.operator?.colorId)}\n              size={avatarSize}\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n            <span\n              aria-hidden=\"true\"\n              className={\n                'ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] ' +\n                operatorDotClass(item.operator?.colorId)\n              }\n            />\n          </span>\n        ) : null}\n\n        {/* Main content column */}\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n            <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {item.patient?.avatarUrl ? (\n                <Avatar\n                  name={patientName}\n                  src={item.patient.avatarUrl}\n                  size={avatarSize}\n                  className=\"ds:shrink-0\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  aria-label={undefined}\n                />\n              ) : null}\n              {activator}\n            </div>\n            <Badge\n              variant={appointmentStateBadge(item.state)}\n              size=\"sm\"\n              withDot\n              className=\"ds:shrink-0\"\n            >\n              {stateLabel}\n            </Badge>\n          </div>\n\n          {/* Meta line: operator name · chair · specialty · first visit */}\n          {operatorName ||\n          item.chair ||\n          item.bookingReason?.specialty ||\n          item.firstVisit === 'yes' ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {operatorName ? <span>{operatorName}</span> : null}\n              {item.chair ? (\n                <span>{t('appointmentCard.chair', { chair: item.chair })}</span>\n              ) : null}\n              {item.bookingReason?.specialty ? (\n                <span>{item.bookingReason.specialty}</span>\n              ) : null}\n              {item.firstVisit === 'yes' ? (\n                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <Star aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  {t('appointmentCard.firstVisit')}\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n\n          {/* Booking reason */}\n          {item.bookingReason?.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--foreground)] ds:truncate\">\n              {item.bookingReason.description}\n            </span>\n          ) : null}\n\n          {/* Treatment / tooth Tags */}\n          {treatmentTags.length > 0 ? (\n            <div className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n              {treatmentTags}\n            </div>\n          ) : null}\n\n          {/* Flag chips + advance-deposit chip */}\n          {item.flags?.bookedOnline ||\n          item.flags?.highlightedAnamnesis ||\n          hasAdvance ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {item.flags?.bookedOnline ? (\n                <Badge variant=\"info\" size=\"sm\" leading={<Globe />}>\n                  {t('appointmentCard.flag.bookedOnline')}\n                </Badge>\n              ) : null}\n              {item.flags?.highlightedAnamnesis ? (\n                <Badge variant=\"warning\" size=\"sm\" withDot>\n                  {t('appointmentCard.flag.highlightedAnamnesis')}\n                </Badge>\n              ) : null}\n              {hasAdvance ? (\n                <TransactionChip\n                  state=\"to-invoice\"\n                  amount={(advanceCents as number) / 100}\n                  currency={currency}\n                  locale={locale}\n                  size=\"sm\"\n                  showLabel\n                />\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:self-center 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\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAppointmentCard.displayName = 'AppointmentCard';\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentCard.                                       */\n/*                                                                        */\n/* Single-appointment surface. Activation is owned by the consumer /     */\n/* host tray; the card emits a DOM hook so a future MCP UI bridge can    */\n/* address one rendered card by its appointment id. Read-only — the card */\n/* exposes no imperative handle of its own (the tray owns activation).   */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const appointmentCardAgent: AgentAdapter = {\n  id: 'appointment-card',\n  capabilities: ['pick'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-card',\n      description:\n        'Marks the element as a kit AppointmentCard. The root also emits data-component-id sourced from item.id, data-state with the appointment lifecycle, and data-type with the delivery channel.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'item.id',\n      description: 'Sourced from item.id — the stable appointment identifier.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AppointmentTray.                                       */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle state (never     */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AppointmentTray is in-page (no open/close).           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AppointmentTrayHandle } from './appointment-tray';\n\nexport const appointmentTrayAgent: AgentAdapter<AppointmentTrayHandle> = {\n  id: 'appointment-tray',\n  capabilities: ['select_single'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; state: string }>',\n      descriptionKey: 'ui.agent.appointmentTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + lifecycle state only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.appointmentTray.actions.selectItem',\n      description: 'Activate the appointment with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'appointment-tray',\n      description: 'Marks the AppointmentTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-appointment-id',\n      description:\n        'Stable appointment id emitted on each rendered AppointmentCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { AppointmentCard, type AppointmentItem } from './appointment-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { appointmentTrayAgent } from './appointment-tray.agent';\n\n/* -------------------------------------------------------------------- */\n/* AppointmentTray                                                       */\n/*                                                                       */\n/* Bordered panel that hosts a list of AppointmentCards — header with a  */\n/* title + optional caption + an \"Add\" affordance, a body that branches  */\n/* on loading (Skeleton) / empty (EmptyState) / list. Mirrors AgendaTray */\n/* but composes the richer AppointmentCard row.                          */\n/*                                                                       */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `appointmentTray.*` namespace.                                        */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — panel surface                                                   */\n/* -------------------------------------------------------------------- */\n\nconst appointmentTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\n/**\n * Curated imperative handle for AppointmentTray — the forwardRef target so a\n * future agent / MCP UI bridge can drive the tray without touching the DOM.\n * Reads identifiers + lifecycle state only, never patient identity. See\n * `appointment-tray.agent.ts`.\n */\nexport interface AppointmentTrayHandle {\n  getItems: () => Array<{ id: string; state: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AppointmentTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof appointmentTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** The appointments to render. */\n  items: AppointmentItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Optional small caption (e.g. localised date) shown next to the title. */\n  caption?: string;\n  /** Visual density passed through to each AppointmentCard. */\n  size?: 'sm' | 'md';\n  /** BCP-47 locale override passed to each AppointmentCard. */\n  locale?: string;\n  /** ISO-4217 currency code passed to each AppointmentCard. */\n  currency?: string;\n  onOpenAppointment?: (item: AppointmentItem) => void;\n  onAddAppointment?: () => void;\n  /** Localised label for the \"Add\" affordance. */\n  addLabel?: string;\n  loading?: boolean;\n  emptyTitle?: string;\n  emptyDescription?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AppointmentTray = forwardRef<HTMLElement, AppointmentTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\n      locale,\n      currency,\n      onOpenAppointment,\n      onAddAppointment,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const heading = title ?? t('appointmentTray.title');\n    const resolvedAddLabel = addLabel ?? t('appointmentTray.add');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"3.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('appointmentTray.empty.title')}\n            description={\n              emptyDescription ?? t('appointmentTray.empty.description')\n            }\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul className=\"ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-[var(--spacing-2xs)]\">\n          {items.map((item) => (\n            <AppointmentCard\n              key={item.id}\n              item={item}\n              size={size}\n              locale={locale}\n              currency={currency}\n              onActivate={onOpenAppointment}\n              data-appointment-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * appointment-tray.agent.ts. */\n    const itemsRef = useRef<AppointmentItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AppointmentTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({ id: i.id, state: i.state })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenAppointment?.(found);\n        },\n      }),\n      [onOpenAppointment],\n    );\n\n    useAgentRegistration(appointmentTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"appointment-tray\"\n        data-component-id={id}\n        className={appointmentTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n            <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n              <CalendarDays aria-hidden=\"true\" className=\"ds:size-4\" />\n              {heading}\n            </h3>\n            {caption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {caption}\n              </span>\n            ) : null}\n          </div>\n          {onAddAppointment ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddAppointment}\n            />\n          ) : null}\n        </header>\n        {body}\n      </section>\n    );\n  },\n);\n\nAppointmentTray.displayName = 'AppointmentTray';\n"],"names":["OPERATOR_DOT_CLASS","operatorDotClass","colorId","colorIdToToken","appointmentCardVariants","cva","stretchedLinkClass","TYPE_ICON","MapPin","Video","AppointmentCard","forwardRef","item","size","locale","currency","onActivate","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","patientName","_a","operatorName","_b","stateLabel","avatarSize","TypeIcon","ariaLabel","titleNode","jsx","activator","e","treatmentTags","tx","index","label","Tag","advanceCents","_c","hasAdvance","jsxs","Timestamp","Avatar","_d","_e","_f","Badge","appointmentStateBadge","_g","_h","Star","_i","_j","_k","_l","Globe","_m","TransactionChip","ChevronRight","appointmentCardAgent","appointmentTrayAgent","handle","args","appointmentTrayVariants","AppointmentTray","id","items","title","caption","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","heading","resolvedAddLabel","isEmpty","body","i","Skeleton","EmptyState","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","CalendarDays","IconButton","Plus"],"mappings":"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"}