@alfadocs/ui-kit-debug 0.70.0 → 0.71.0

package/dist/_chunks/{app-frame-BYx1gcV7.js → app-frame-DIEMIC5V.js}

@@ -1,8 +1,9 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { forwardRef as N, useState as S, useCallback as V } from "react";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { forwardRef as S, useRef as k, useState as _, useEffect as A } from "react";
 import { c as a } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
-const T = a(
+import { useTranslation as E } from "react-i18next";
+import { S as L } from "./scroll-area-BZOvUhwQ.js";
+const R = a(
   [
     "ds:h-dvh ds:w-full",
     "ds:flex ds:flex-col",
@@ -22,9 +23,9 @@ const T = a(
     "ds:print:[&_[role=banner]]:shadow-none",
     "ds:print:[&_[role=banner]]:[border-block-end-color:var(--border)]"
   ].join(" ")
-), A = a(
+), T = a(
   ["ds:flex ds:flex-1 ds:items-stretch ds:min-h-0"].join(" ")
-), M = a(
+), y = a(
   [
     // Hidden in the inline flow on mobile — consumers should flip their
     // Sidebar into overlay mode at narrow viewports, where it portals via
@@ -39,83 +40,93 @@ const T = a(
   ["ds:hidden ds:md:flex", "ds:shrink-0", "ds:h-full"].join(" ")
 ), F = a(
   [
-    // <main> owns the scroll: the viewport body never scrolls, but this
-    // element does. That keeps the header + sidebar pinned as chrome.
-    "ds:flex-1 ds:min-w-0 ds:overflow-auto",
+    "ds:flex-1 ds:min-w-0",
+    "ds:flex ds:flex-col ds:min-h-0",
     // Focusable via the header's SkipLink — tabIndex={-1} is on the
     // element itself so keyboard users land inside the main region.
     "ds:focus:outline-none"
-  ].join(" "),
-  {
-    variants: {
-      padded: {
-        true: [
-          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-          "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-        ].join(" "),
-        false: ""
-      }
-    },
-    defaultVariants: { padded: !0 }
-  }
-), y = a("ds:shrink-0"), I = N(
+  ].join(" ")
+), M = a("", {
+  variants: {
+    padded: {
+      true: [
+        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+      ].join(" "),
+      false: ""
+    }
+  },
+  defaultVariants: { padded: !0 }
+}), I = a("ds:shrink-0"), q = S(
   ({
-    header: l,
-    sidebar: t,
-    children: i,
-    endSidebar: r,
+    header: c,
+    sidebar: m,
+    children: p,
+    endSidebar: n,
     footer: d,
-    mainId: c = "main-content",
-    mainAriaLabel: m,
-    padded: p = !0,
-    className: f,
+    mainId: f = "main-content",
+    mainAriaLabel: v,
+    padded: u = !0,
+    className: h,
     mainClassName: b,
-    ...u
-  }, h) => {
-    const { t: v } = _(), x = m ?? v("navigation.main.label", "Main content"), [w, g] = S(!1), j = V((k) => {
-      const e = k.currentTarget.scrollTop > 0;
-      g((o) => o === e ? o : e);
-    }, []);
-    return /* @__PURE__ */ n(
+    ...x
+  }, w) => {
+    const { t: N } = E(), V = v ?? N("navigation.main.label", "Main content"), o = k(null), [g, j] = _(!1);
+    return A(() => {
+      const e = o.current;
+      if (!e) return;
+      const r = () => {
+        const t = e.scrollTop > 0;
+        j((l) => l === t ? l : t);
+      };
+      return r(), e.addEventListener("scroll", r, { passive: !0 }), () => e.removeEventListener("scroll", r);
+    }, []), /* @__PURE__ */ i(
       "div",
       {
-        ref: h,
-        "data-app-scrolled": w ? "true" : void 0,
+        ref: w,
+        "data-app-scrolled": g ? "true" : void 0,
         "data-component": "app-frame",
-        className: T({ className: f }),
-        ...u,
+        className: R({ className: h }),
+        ...x,
         children: [
-          l,
-          /* @__PURE__ */ n("div", { className: A(), "data-app-frame-slot": "row", children: [
-            /* @__PURE__ */ s("div", { className: M(), "data-app-frame-slot": "sidebar", children: t }),
+          c,
+          /* @__PURE__ */ i("div", { className: T(), "data-app-frame-slot": "row", children: [
+            /* @__PURE__ */ s("div", { className: y(), "data-app-frame-slot": "sidebar", children: m }),
             /* @__PURE__ */ s(
               "main",
               {
-                id: c,
+                id: f,
                 tabIndex: -1,
-                "aria-label": x,
-                onScroll: j,
-                className: F({ padded: p, className: b }),
-                children: i
+                "aria-label": V,
+                className: F({ className: b }),
+                children: /* @__PURE__ */ s(
+                  L,
+                  {
+                    ref: o,
+                    orientation: "vertical",
+                    className: "ds:flex-1 ds:min-h-0",
+                    children: /* @__PURE__ */ s("div", { className: M({ padded: u }), children: p })
+                  }
+                )
               }
             ),
-            r ? /* @__PURE__ */ s(
+            n ? /* @__PURE__ */ s(
               "div",
               {
                 className: C(),
                 "data-app-frame-slot": "end-sidebar",
-                children: r
+                children: n
               }
             ) : null
           ] }),
-          d ? /* @__PURE__ */ s("div", { className: y(), "data-app-frame-slot": "footer", children: d }) : null
+          d ? /* @__PURE__ */ s("div", { className: I(), "data-app-frame-slot": "footer", children: d }) : null
         ]
       }
     );
   }
 );
-I.displayName = "AppFrame";
+q.displayName = "AppFrame";
 export {
-  I as A
+  q as A
 };
-//# sourceMappingURL=app-frame-BYx1gcV7.js.map
+//# sourceMappingURL=app-frame-DIEMIC5V.js.map

package/dist/_chunks/app-frame-DIEMIC5V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-DIEMIC5V.js","sources":["../../src/components/app-frame/app-frame.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* AppFrame — the always-present application shell.                      */\n/*                                                                       */\n/* Layout                                                                */\n/* ------                                                                */\n/*                                                                       */\n/*   ┌───────────────────────────────────────────────────────────┐       */\n/*   │  Header (100% inline-size, block-start)                    │       */\n/*   ├──────────┬──────────────────────────────────┬──────────────┤       */\n/*   │ Sidebar  │  Main (<main>)                    │ endSidebar   │       */\n/*   │          │                                   │ (optional)   │       */\n/*   │          │                                   │              │       */\n/*   ├──────────┴──────────────────────────────────┴──────────────┤       */\n/*   │  Footer (optional)                                         │       */\n/*   └───────────────────────────────────────────────────────────┘       */\n/*                                                                       */\n/* Header spans the full inline-size of the shell. Sidebar sits beneath */\n/* the header on the inline-start edge and shares the row with <main>.  */\n/* `endSidebar`, when provided, sits on the inline-end edge of the same */\n/* row — used for co-pilot / assistant panels (e.g. AliaSidebar) that    */\n/* should dock opposite the nav rail. Footer, when provided, spans the  */\n/* full inline-size at the block-end.                                   */\n/*                                                                       */\n/* Responsive behaviour                                                  */\n/* ---------------------                                                 */\n/* ≥ md viewports: the sidebar slot renders inline-start of the row      */\n/*   below the header, sticky to the header's block-end, full remaining */\n/*   viewport height.                                                   */\n/* < md viewports: the sidebar slot is hidden from the inline flow.     */\n/*   Consumers should control their sidebar's `state` to `'overlay'`    */\n/*   on small viewports (the Sidebar portals via Radix Dialog so it     */\n/*   renders outside AppFrame's subtree in that mode) and wire the       */\n/*   `<HeaderMenuButton>` to toggle it.                                 */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ScrollArea } from '../scroll-area/scroll-area';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\n// Canonical app-shell layout: the root is a VIEWPORT-SIZED flex-col with\n// its own overflow clamp. Header and the row fill it together. The only\n// thing that scrolls is the content region — a kit ScrollArea nested inside\n// <main> — so the header never leaves the top and the sidebar never needs\n// position: sticky. (Using a ScrollArea rather than letting <main> scroll\n// natively gives the main content the same 8px branded overlay scrollbar as\n// the Sidebar and ToolRail, instead of the wider OS-native bar.) This matches\n// the way Gmail / Linear / Notion frame their app surfaces and avoids the\n// flex-item-sticky edge cases that position: sticky has inside a\n// column-flex container.\n//\n// Because the viewport itself never scrolls in this model, the Header's\n// built-in IntersectionObserver (which watches a sentinel against the\n// viewport) cannot detect scroll. AppFrame instead tracks the main\n// ScrollArea viewport's scrollTop, reflects it onto the root via\n// `data-app-scrolled`, and the descendant selectors below drive the\n// `<header role=\"banner\">` border and shadow — producing the same elevation\n// the Header would show in a viewport-scroll context.\nconst rootVariants = cva(\n  [\n    'ds:h-dvh ds:w-full',\n    'ds:flex ds:flex-col',\n    'ds:overflow-hidden',\n    'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n    // Elevation cascade driven by main's scrollTop (data-app-scrolled).\n    // Mirrors the Header's native scroll-linked recipe (see `Brand/Shadows`\n    // — one tier up from rest, never two) so the banner looks identical\n    // whether it's in a viewport-scroll context (sticky) or slotted into\n    // AppFrame where <main> owns the scroll.\n    'ds:data-[app-scrolled=true]:[&_[role=banner]]:shadow-[var(--shadow-md)]',\n    'ds:data-[app-scrolled=true]:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n    // Forced-colors: UA strips box-shadow, so the border is the only\n    // separation cue. Always render it.\n    'ds:forced-colors:[&_[role=banner]]:[border-block-end-color:CanvasText]',\n    // Print: strip shadow, keep border so the banner still reads on paper.\n    'ds:print:[&_[role=banner]]:shadow-none',\n    'ds:print:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n  ].join(' '),\n);\n\nconst rowVariants = cva(\n  ['ds:flex ds:flex-1 ds:items-stretch ds:min-h-0'].join(' '),\n);\n\nconst sidebarSlotVariants = cva(\n  [\n    // Hidden in the inline flow on mobile — consumers should flip their\n    // Sidebar into overlay mode at narrow viewports, where it portals via\n    // Radix Dialog and therefore renders outside AppFrame entirely.\n    'ds:hidden ds:md:flex',\n    'ds:shrink-0',\n    // The rail fills the row's full height because the row is `flex\n    // items-stretch`. No sticky needed — the row itself never scrolls.\n    'ds:h-full',\n  ].join(' '),\n);\n\n// Inline-end slot — same hide-on-mobile behaviour as the nav rail because\n// a 22rem co-pilot panel can't share a phone viewport. Consuming apps\n// should flip Alia (or any inline-end panel) to its overlay/popout mode\n// at narrow viewports.\nconst endSidebarSlotVariants = cva(\n  ['ds:hidden ds:md:flex', 'ds:shrink-0', 'ds:h-full'].join(' '),\n);\n\n// <main> is the landmark + skip-link target, but it NO LONGER owns the scroll.\n// A kit `ScrollArea` inside it owns the scroll instead, so the main content's\n// scrollbar is the same 8px branded overlay as the Sidebar and ToolRail\n// (both ScrollArea) rather than the wider OS-native bar that made \"the general\n// scroll area look bigger\". <main> is a flex-col so the ScrollArea (flex-1\n// min-h-0) fills its height; the body still never scrolls — only the viewport.\nconst mainVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0',\n    'ds:flex ds:flex-col ds:min-h-0',\n    // Focusable via the header's SkipLink — tabIndex={-1} is on the\n    // element itself so keyboard users land inside the main region.\n    'ds:focus:outline-none',\n  ].join(' '),\n);\n\n// Inner content wrapper INSIDE the ScrollArea viewport. It owns the `padded`\n// inset so the scrollbar sits at the viewport's true edge (matching the\n// ScrollArea convention used by the rail/sidebar) and the padding scrolls\n// with the content.\nconst mainContentVariants = cva('', {\n  variants: {\n    padded: {\n      true: [\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n      false: '',\n    },\n  },\n  defaultVariants: { padded: true },\n});\n\nconst footerSlotVariants = cva('ds:shrink-0');\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface AppFrameProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof mainContentVariants> {\n  /** `<Header>` instance rendered full-width at the block-start of the shell. */\n  header: ReactNode;\n  /** `<Sidebar>` instance rendered inline-start of the row beneath the header on ≥ md viewports. */\n  sidebar: ReactNode;\n  /** Main content — rendered inside a `<main>` landmark. */\n  children: ReactNode;\n  /** Optional inline-end docked panel (typically `<AliaSidebar />`) sharing the same row as the main region on ≥ md viewports. Hidden on narrow viewports — consumers should flip to an overlay/popout mode there. */\n  endSidebar?: ReactNode;\n  /** Optional block-end footer — renders full-width below the sidebar + main row. */\n  footer?: ReactNode;\n  /**\n   * Id applied to the `<main>` element so `<HeaderSkipLink href=\"#{mainId}\" />`\n   * can target it. Must be a valid HTML id (letters, digits, `-`, `_`, no\n   * spaces). Defaults to `'main-content'`.\n   */\n  mainId?: string;\n  /**\n   * Override the landmark's accessible name. Defaults to the i18n'd\n   * `ui.navigation.main.label` (\"Main content\").\n   */\n  mainAriaLabel?: string;\n  /** Extra classes applied to the `<main>` landmark. */\n  mainClassName?: string;\n}\n\nexport const AppFrame = forwardRef<HTMLDivElement, AppFrameProps>(\n  (\n    {\n      header,\n      sidebar,\n      children,\n      endSidebar,\n      footer,\n      mainId = 'main-content',\n      mainAriaLabel,\n      padded = true,\n      className,\n      mainClassName,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const mainLabel =\n      mainAriaLabel ?? t('navigation.main.label', 'Main content');\n\n    // The ScrollArea inside <main> owns the scroll, so the header-elevation\n    // cascade (data-app-scrolled) is driven off the ScrollArea's viewport\n    // rather than <main>. ScrollArea forwards its ref to that viewport.\n    const mainViewportRef = useRef<HTMLDivElement>(null);\n    const [mainScrolled, setMainScrolled] = useState(false);\n    useEffect(() => {\n      const viewport = mainViewportRef.current;\n      if (!viewport) return;\n      const sync = () => {\n        const next = viewport.scrollTop > 0;\n        setMainScrolled((prev) => (prev === next ? prev : next));\n      };\n      sync();\n      viewport.addEventListener('scroll', sync, { passive: true });\n      return () => viewport.removeEventListener('scroll', sync);\n    }, []);\n\n    return (\n      <div\n        ref={ref}\n        data-app-scrolled={mainScrolled ? 'true' : undefined}\n        data-component=\"app-frame\"\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {/* Header is rendered as a direct flex child — NOT wrapped in a slot\n            div — so it sits at the block-start of the shell. The root's\n            `overflow-hidden` keeps it pinned; no `position: sticky` needed. */}\n        {header}\n        <div className={rowVariants()} data-app-frame-slot=\"row\">\n          <div className={sidebarSlotVariants()} data-app-frame-slot=\"sidebar\">\n            {sidebar}\n          </div>\n          <main\n            id={mainId}\n            tabIndex={-1}\n            aria-label={mainLabel}\n            className={mainVariants({ className: mainClassName })}\n          >\n            <ScrollArea\n              ref={mainViewportRef}\n              orientation=\"vertical\"\n              className=\"ds:flex-1 ds:min-h-0\"\n            >\n              <div className={mainContentVariants({ padded })}>{children}</div>\n            </ScrollArea>\n          </main>\n          {endSidebar ? (\n            <div\n              className={endSidebarSlotVariants()}\n              data-app-frame-slot=\"end-sidebar\"\n            >\n              {endSidebar}\n            </div>\n          ) : null}\n        </div>\n        {footer ? (\n          <div className={footerSlotVariants()} data-app-frame-slot=\"footer\">\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAppFrame.displayName = 'AppFrame';\n"],"names":["rootVariants","cva","rowVariants","sidebarSlotVariants","endSidebarSlotVariants","mainVariants","mainContentVariants","footerSlotVariants","AppFrame","forwardRef","header","sidebar","children","endSidebar","footer","mainId","mainAriaLabel","padded","className","mainClassName","rest","ref","t","useTranslation","mainLabel","mainViewportRef","useRef","mainScrolled","setMainScrolled","useState","useEffect","viewport","sync","next","prev","jsxs","jsx","ScrollArea"],"mappings":"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"}

package/dist/_chunks/{appointment-card-C06aZqA7.js → appointment-card-DVaeJNVB.js}

@@ -1,27 +1,28 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as F } from "react";
-import { c as W } from "./index-D2ZczOXr.js";
-import { useTranslation as Y } from "react-i18next";
-import { A as O } from "./avatar-BNQNhoyL.js";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as W } from "react-i18next";
+import { A as _ } from "./avatar-BNQNhoyL.js";
 import { B as i } from "./badge-DCOqV9mI.js";
-import { T as J } from "./tag-BQXwuJq1.js";
-import { T as Q } from "./timestamp-BV2lC-wV.js";
-import { T as X } from "./transaction-chip-CscoQbxF.js";
-import { i as Z } from "./is-safe-url-DkETxeHz.js";
-import { V as aa } from "./video-BAeICxCT.js";
-import { M as ra } from "./map-pin-B8STOPMJ.js";
-import { a as ea, b as sa, c as oa } from "./entity-card-9_62gY7l.js";
-import { S as ta } from "./star-vav0SJ9e.js";
-import { c as E } from "./createLucideIcon-CrFbzy84.js";
-import { G as na } from "./globe-BkEFMNSg.js";
-import { C as da } from "./chevron-right-BrpYejk0.js";
+import { T as Y } from "./tag-BQXwuJq1.js";
+import { T as J } from "./timestamp-BV2lC-wV.js";
+import { T as Q } from "./transaction-chip-CscoQbxF.js";
+import { i as X } from "./is-safe-url-DkETxeHz.js";
+import { V as Z } from "./video-BAeICxCT.js";
+import { M as aa } from "./map-pin-B8STOPMJ.js";
+import { c as ra, a as sa, b as ea } from "./entity-card-DmrgYSEX.js";
+import { S as oa } from "./star-vav0SJ9e.js";
+import { C as na } from "./clipboard-list-S7s-MXQq.js";
+import { c as ta } from "./createLucideIcon-CrFbzy84.js";
+import { G as da } from "./globe-BkEFMNSg.js";
+import { C as ia } from "./chevron-right-BrpYejk0.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ia = [
+const la = [
   ["path", { d: "M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3", key: "irtipd" }],
   [
     "path",
@@ -32,27 +33,7 @@ const ia = [
   ],
   ["path", { d: "M5 18v2", key: "ppbyun" }],
   ["path", { d: "M19 18v2", key: "gy7782" }]
-], la = E("armchair", ia);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ca = [
-  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
-  [
-    "path",
-    {
-      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
-      key: "116196"
-    }
-  ],
-  ["path", { d: "M12 11h4", key: "1jrz19" }],
-  ["path", { d: "M12 16h4", key: "n85exb" }],
-  ["path", { d: "M8 11h.01", key: "1dfujw" }],
-  ["path", { d: "M8 16h.01", key: "18s6g9" }]
-], pa = E("clipboard-list", ca), ma = {
+], ca = ta("armchair", la), pa = {
   "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)]",
@@ -65,10 +46,10 @@ const ca = [
   "var(--color-fuchsia-500)": "ds:bg-[var(--color-fuchsia-500)]",
   "var(--color-grey-700)": "ds:bg-[var(--color-grey-700)]"
 };
-function ua(a) {
-  return ma[oa(a)] ?? "ds:bg-[var(--color-grey-700)]";
+function ma(a) {
+  return pa[ea(a)] ?? "ds:bg-[var(--color-grey-700)]";
 }
-const fa = W(
+const ua = H(
   [
     "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -92,8 +73,11 @@ const fa = W(
         // `flat` (default) is the chrome-less row used inside a bordered
         // AppointmentTray. `elevated` gives each row its own card chrome
         // (border + shadow) for use directly on a rail, e.g. AppointmentTimeline.
+        // Uses `--shadow-sm` (a row lift), not `--shadow-card`/`--shadow-lg`:
+        // the rail's `overflow-y:auto` scroll region clips `overflow-x` at a
+        // narrow gutter, so a wide 30px-blur shadow gets a hard-edged clip.
         flat: "",
-        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)]"
+        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]"
       }
     },
     defaultVariants: {
@@ -102,7 +86,7 @@ const fa = W(
       surface: "flat"
     }
   }
-), P = [
+), j = [
   "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",
@@ -111,35 +95,35 @@ const fa = W(
   "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(" "), va = {
-  inPractice: ra,
-  telehealth: aa
-}, ga = F(
+].join(" "), fa = {
+  inPractice: aa,
+  telehealth: Z
+}, va = F(
   ({
     item: a,
     size: v = "sm",
-    surface: U = "flat",
+    surface: E = "flat",
     locale: g,
-    currency: $ = "EUR",
+    currency: U = "EUR",
     showPatient: d = !0,
-    onActivate: t,
+    onActivate: n,
     className: A,
     ...D
-  }, B) => {
-    var k, C, w, z, T, M, R, S, V, I, L, _, j;
-    const { t: e } = Y(), l = !!t, G = !!a.url && Z(a.url), p = ((k = a.patient) == null ? void 0 : k.name) ?? e("appointmentCard.noPatient"), n = (C = a.operator) == null ? void 0 : C.name, m = e(`appointmentCard.state.${a.state}`), h = v === "md" ? "md" : "sm", K = va[a.type], b = d ? p : n ?? e("appointmentCard.appointment"), y = d ? e("appointmentCard.itemLabel", {
+  }, $) => {
+    var C, k, T, z, w, R, S, I, L, V, M, O, P;
+    const { t: s } = W(), l = !!n, B = !!a.url && X(a.url), p = ((C = a.patient) == null ? void 0 : C.name) ?? s("appointmentCard.noPatient"), t = (k = a.operator) == null ? void 0 : k.name, m = s(`appointmentCard.state.${a.state}`), h = v === "md" ? "md" : "sm", G = fa[a.type], b = d ? p : t ?? s("appointmentCard.appointment"), y = d ? s("appointmentCard.itemLabel", {
       patient: p,
       state: m
-    }) : e("appointmentCard.itemLabelGeneric", { title: b, state: m }), u = /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]", children: b });
+    }) : s("appointmentCard.itemLabelGeneric", { title: b, state: m }), u = /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]", children: b });
     let c;
-    l && G ? c = /* @__PURE__ */ r(
+    l && B ? c = /* @__PURE__ */ r(
       "a",
       {
         href: a.url,
         "aria-label": y,
-        className: P + " ds:contents",
-        onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t == null || t(a);
+        className: j + " ds:contents",
+        onClick: (e) => {
+          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || n == null || n(a);
         },
         children: u
       }
@@ -148,18 +132,18 @@ const fa = W(
       {
         type: "button",
         "aria-label": y,
-        className: P + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => t == null ? void 0 : t(a),
+        className: j + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => n == null ? void 0 : n(a),
         children: u
       }
     ) : c = u;
-    const x = (a.treatments ?? []).map((s, H) => {
-      const q = s.elements && s.elements.length > 0 ? e("appointmentCard.treatmentWithElements", {
-        care: s.careName,
-        elements: s.elements.join(", ")
-      }) : s.careName;
+    const x = (a.treatments ?? []).map((e, K) => {
+      const q = e.elements && e.elements.length > 0 ? s("appointmentCard.treatmentWithElements", {
+        care: e.careName,
+        elements: e.elements.join(", ")
+      }) : e.careName;
       return /* @__PURE__ */ r(
-        J,
+        Y,
         {
           label: q,
           variant: "neutral",
@@ -167,32 +151,32 @@ const fa = W(
           size: "sm",
           maxInlineSize: "12rem"
         },
-        `${s.careName}-${H}`
+        `${e.careName}-${K}`
       );
-    }), f = (w = a.bookingReason) == null ? void 0 : w.advanceAmountCents, N = typeof f == "number" && f > 0;
+    }), f = (T = a.bookingReason) == null ? void 0 : T.advanceAmountCents, N = typeof f == "number" && f > 0;
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: B,
+        ref: $,
         role: "listitem",
         "data-component": "appointment-card",
         "data-component-id": a.id,
         "data-state": a.state,
         "data-type": a.type,
-        className: fa({
+        className: ua({
           size: v,
           interactive: l,
-          surface: U,
+          surface: E,
           className: A
         }),
         ...D,
         children: [
           /* @__PURE__ */ o("span", { className: "ds:flex ds:w-16 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
             /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
-              /* @__PURE__ */ r(K, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
-              /* @__PURE__ */ r("span", { className: "ds:sr-only", children: e(`appointmentCard.type.${a.type}`) }),
+              /* @__PURE__ */ r(G, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+              /* @__PURE__ */ r("span", { className: "ds:sr-only", children: s(`appointmentCard.type.${a.type}`) }),
               /* @__PURE__ */ r(
-                Q,
+                J,
                 {
                   value: a.startIso,
                   format: "absolute",
@@ -203,14 +187,14 @@ const fa = W(
                 }
               )
             ] }),
-            /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: e("appointmentCard.duration", { count: a.durationMin }) })
+            /* @__PURE__ */ r("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s("appointmentCard.duration", { count: a.durationMin }) })
           ] }),
-          n ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
+          t ? /* @__PURE__ */ o("span", { className: "ds:relative ds:shrink-0", children: [
             /* @__PURE__ */ r(
-              O,
+              _,
               {
-                name: n,
-                color: ea((z = a.operator) == null ? void 0 : z.colorId),
+                name: t,
+                color: ra((z = a.operator) == null ? void 0 : z.colorId),
                 size: h,
                 "aria-hidden": "true",
                 role: "presentation",
@@ -221,15 +205,15 @@ const fa = W(
               "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)] " + ua((T = a.operator) == null ? void 0 : T.colorId)
+                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)] " + ma((w = a.operator) == null ? void 0 : w.colorId)
               }
             )
           ] }) : null,
           /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ o("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
               /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                d && ((M = a.patient) != null && M.avatarUrl) ? /* @__PURE__ */ r(
-                  O,
+                d && ((R = a.patient) != null && R.avatarUrl) ? /* @__PURE__ */ r(
+                  _,
                   {
                     name: p,
                     src: a.patient.avatarUrl,
@@ -253,37 +237,37 @@ const fa = W(
                 }
               )
             ] }),
-            d && n || (R = a.bookingReason) != null && R.specialty || a.firstVisit === "yes" ? /* @__PURE__ */ o("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: [
-              d && n ? /* @__PURE__ */ r("span", { children: n }) : null,
-              (S = a.bookingReason) != null && S.specialty ? /* @__PURE__ */ r("span", { children: a.bookingReason.specialty }) : null,
+            d && t || (S = a.bookingReason) != null && S.specialty || a.firstVisit === "yes" ? /* @__PURE__ */ o("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: [
+              d && t ? /* @__PURE__ */ r("span", { children: t }) : null,
+              (I = a.bookingReason) != null && I.specialty ? /* @__PURE__ */ r("span", { children: a.bookingReason.specialty }) : null,
               a.firstVisit === "yes" ? /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ r(ta, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
-                e("appointmentCard.firstVisit")
+                /* @__PURE__ */ r(oa, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                s("appointmentCard.firstVisit")
               ] }) : null
             ] }) : null,
-            (V = a.bookingReason) != null && V.description ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: a.bookingReason.description }) : null,
+            (L = a.bookingReason) != null && L.description ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: a.bookingReason.description }) : null,
             x.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: x }) : null,
-            a.carePlan || a.chair || (I = a.flags) != null && I.bookedOnline || (L = a.flags) != null && L.highlightedAnamnesis || N ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            a.carePlan || a.chair || (V = a.flags) != null && V.bookedOnline || (M = a.flags) != null && M.highlightedAnamnesis || N ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
               a.carePlan ? /* @__PURE__ */ r(
                 i,
                 {
                   variant: "accentSoft",
                   size: "sm",
-                  leading: /* @__PURE__ */ r(pa, {}),
-                  children: e("appointmentCard.carePlan", {
+                  leading: /* @__PURE__ */ r(na, {}),
+                  children: s("appointmentCard.carePlan", {
                     number: a.carePlan.number
                   })
                 }
               ) : null,
-              a.chair ? /* @__PURE__ */ r(i, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ r(la, {}), children: e("appointmentCard.chair", { chair: a.chair }) }) : null,
-              (_ = a.flags) != null && _.bookedOnline ? /* @__PURE__ */ r(i, { variant: "info", size: "sm", leading: /* @__PURE__ */ r(na, {}), children: e("appointmentCard.flag.bookedOnline") }) : null,
-              (j = a.flags) != null && j.highlightedAnamnesis ? /* @__PURE__ */ r(i, { variant: "warning", size: "sm", withDot: !0, children: e("appointmentCard.flag.highlightedAnamnesis") }) : null,
+              a.chair ? /* @__PURE__ */ r(i, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ r(ca, {}), children: s("appointmentCard.chair", { chair: a.chair }) }) : null,
+              (O = a.flags) != null && O.bookedOnline ? /* @__PURE__ */ r(i, { variant: "info", size: "sm", leading: /* @__PURE__ */ r(da, {}), children: s("appointmentCard.flag.bookedOnline") }) : null,
+              (P = a.flags) != null && P.highlightedAnamnesis ? /* @__PURE__ */ r(i, { variant: "warning", size: "sm", withDot: !0, children: s("appointmentCard.flag.highlightedAnamnesis") }) : null,
               N ? /* @__PURE__ */ r(
-                X,
+                Q,
                 {
                   state: "to-invoice",
                   amount: f / 100,
-                  currency: $,
+                  currency: U,
                   locale: g,
                   size: "sm",
                   showLabel: !0
@@ -292,7 +276,7 @@ const fa = W(
             ] }) : null
           ] }),
           l ? /* @__PURE__ */ r(
-            da,
+            ia,
             {
               "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"
@@ -303,8 +287,8 @@ const fa = W(
     );
   }
 );
-ga.displayName = "AppointmentCard";
+va.displayName = "AppointmentCard";
 export {
-  ga as A
+  va as A
 };
-//# sourceMappingURL=appointment-card-C06aZqA7.js.map
+//# sourceMappingURL=appointment-card-DVaeJNVB.js.map

package/dist/_chunks/appointment-card-DVaeJNVB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-card-DVaeJNVB.js","sources":["../../node_modules/lucide-react/dist/esm/icons/armchair.js","../../src/components/appointment-card/appointment-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3\", key: \"irtipd\" }],\n  [\n    \"path\",\n    {\n      d: \"M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z\",\n      key: \"1qyhux\"\n    }\n  ],\n  [\"path\", { d: \"M5 18v2\", key: \"ppbyun\" }],\n  [\"path\", { d: \"M19 18v2\", key: \"gy7782\" }]\n];\nconst Armchair = createLucideIcon(\"armchair\", __iconNode);\n\nexport { __iconNode, Armchair as default };\n//# sourceMappingURL=armchair.js.map\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Armchair,\n  ChevronRight,\n  ClipboardList,\n  Globe,\n  MapPin,\n  Star,\n  Video,\n} 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  colorIdToAvatarToken,\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 — surfaced as a chip. */\n  chair?: string;\n  /**\n   * The care plan this appointment belongs to, when any — surfaced as a chip\n   * (`Care plan {number}`). `url` is the deep link the consumer may use for\n   * navigation; the chip itself is non-interactive so it never nests an anchor\n   * inside the row's own stretched link.\n   */\n  carePlan?: { number: string; url?: 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      surface: {\n        // `flat` (default) is the chrome-less row used inside a bordered\n        // AppointmentTray. `elevated` gives each row its own card chrome\n        // (border + shadow) for use directly on a rail, e.g. AppointmentTimeline.\n        // Uses `--shadow-sm` (a row lift), not `--shadow-card`/`--shadow-lg`:\n        // the rail's `overflow-y:auto` scroll region clips `overflow-x` at a\n        // narrow gutter, so a wide 30px-blur shadow gets a hard-edged clip.\n        flat: '',\n        elevated:\n          'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n      surface: 'flat',\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  /**\n   * `'flat'` (default) — chrome-less row for use inside a bordered\n   * `AppointmentTray`. `'elevated'` — each row carries its own card chrome\n   * (border + shadow), for placing rows directly on a rail (AppointmentTimeline).\n   */\n  surface?: 'flat' | 'elevated';\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  /**\n   * Show the patient identity (avatar + name as the row title). Default `true`.\n   * Set `false` in single-patient surfaces (e.g. a patient's own\n   * `AppointmentTimeline`) where repeating the name is redundant — the row then\n   * leads with the operator as its title, falling back to a generic label.\n   */\n  showPatient?: boolean;\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      surface = 'flat',\n      locale,\n      currency = 'EUR',\n      showPatient = true,\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    // In single-patient context the patient name is redundant, so the row leads\n    // with the operator (the \"who am I seeing\") and falls back to a generic\n    // label when no operator is set.\n    const title = showPatient\n      ? patientName\n      : (operatorName ?? t('appointmentCard.appointment'));\n\n    const ariaLabel = showPatient\n      ? t('appointmentCard.itemLabel', {\n          patient: patientName,\n          state: stateLabel,\n        })\n      : t('appointmentCard.itemLabelGeneric', { title, state: stateLabel });\n\n    const titleNode = (\n      <span className=\"ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]\">\n        {title}\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({\n          size,\n          interactive,\n          surface,\n          className,\n        })}\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={colorIdToAvatarToken(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              {showPatient && 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 · specialty · first visit\n              (chair moved to a chip below). When the patient is hidden the\n              operator is promoted to the title, so it drops out of the meta. */}\n          {(showPatient && operatorName) ||\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              {showPatient && operatorName ? <span>{operatorName}</span> : 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          {/* Chips: care plan · chair · flags · advance-deposit */}\n          {item.carePlan ||\n          item.chair ||\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.carePlan ? (\n                <Badge\n                  variant=\"accentSoft\"\n                  size=\"sm\"\n                  leading={<ClipboardList />}\n                >\n                  {t('appointmentCard.carePlan', {\n                    number: item.carePlan.number,\n                  })}\n                </Badge>\n              ) : null}\n              {item.chair ? (\n                <Badge variant=\"neutral\" size=\"sm\" leading={<Armchair />}>\n                  {t('appointmentCard.chair', { chair: item.chair })}\n                </Badge>\n              ) : null}\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"],"names":["__iconNode","Armchair","createLucideIcon","OPERATOR_DOT_CLASS","operatorDotClass","colorId","colorIdToToken","appointmentCardVariants","cva","stretchedLinkClass","TYPE_ICON","MapPin","Video","AppointmentCard","forwardRef","item","size","surface","locale","currency","showPatient","onActivate","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","patientName","_a","operatorName","_b","stateLabel","avatarSize","TypeIcon","title","ariaLabel","titleNode","jsx","activator","treatmentTags","tx","index","label","Tag","advanceCents","_c","hasAdvance","jsxs","Timestamp","Avatar","colorIdToAvatarToken","_d","_e","_f","Badge","appointmentStateBadge","_g","_h","Star","_i","_j","_k","ClipboardList","_l","Globe","_m","TransactionChip","ChevronRight"],"mappings":"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","x_google_ignoreList":[0]}