@alfadocs/ui-kit 0.1.8 → 0.1.10

package/README.md

@@ -30,6 +30,36 @@ packages are runtime-identical and version-locked:
 Or as a separate dev-only dep if your error reporter accepts maps from a
 sibling package.
 
+## Troubleshooting
+
+### `npm install` fails with `ETARGET No matching version found for @alfadocs/ui-kit@<x.y.z>` — even though the version exists on npmjs.org
+
+This almost always means your `~/.npmrc` (or a project-level `.npmrc`) has a
+stale `@alfadocs:registry=` line pointing somewhere other than
+`https://registry.npmjs.org/`. `@alfadocs/ui-kit` is published exclusively
+to public npmjs.org from `0.1.0` onwards; the `@alfadocs` scope on GitHub
+Packages only contains legacy `0.0.x` builds and is not maintained.
+
+Earlier `0.1.x` bumps inside the same checkout can mask this — npm reuses
+the resolved tarball URL from `package-lock.json` and never re-consults the
+scope mapping. The first fresh resolve (a new minor, a clean checkout, a
+`rm -rf node_modules`) is when the dead end surfaces.
+
+**Fix.** Open `~/.npmrc` and remove any `@alfadocs:registry=…` line — or
+set it to the npm default, which is redundant but harmless:
+
+```
+@alfadocs:registry=https://registry.npmjs.org/
+```
+
+Then re-run `npm install`.
+
+**One-shot workaround** (if you can't edit your `.npmrc` right now):
+
+```bash
+npm install --@alfadocs:registry=https://registry.npmjs.org
+```
+
 ## Usage
 
 ### Tokens

package/dist/_chunks/{accordion-B6fyINUk.js → accordion-BEnrZmAn.js}

@@ -1,11 +1,11 @@
-import { jsx as d, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as i, useContext as h, useRef as x, createContext as A } from "react";
+import { jsx as d, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as i, useContext as x, useRef as A, createContext as N } from "react";
 import * as e from "@radix-ui/react-accordion";
 import { c as n } from "./index-D2ZczOXr.js";
-import { u as N } from "./use-direction-D6rvvG9G.js";
-import { c as w } from "./compose-refs-C0k0tdqF.js";
-import { C } from "./chevron-down-BX_NP2Yh.js";
-const m = A({ variant: "default" }), V = n("", {
+import { u as w } from "./use-direction-D6rvvG9G.js";
+import { c as C } from "./compose-refs-C0k0tdqF.js";
+import { C as V } from "./chevron-down-BX_NP2Yh.js";
+const m = N({ variant: "default" }), y = n("", {
   variants: {
     variant: {
       default: "ds:divide-y ds:divide-border",
@@ -16,7 +16,7 @@ const m = A({ variant: "default" }), V = n("", {
   defaultVariants: {
     variant: "default"
   }
-}), y = n("", {
+}), R = n("", {
   variants: {
     variant: {
       default: "",
@@ -27,15 +27,15 @@ const m = A({ variant: "default" }), V = n("", {
   defaultVariants: {
     variant: "default"
   }
-}), R = n(
+}), j = n(
   [
     "ds:overflow-hidden",
     "ds:data-[state=open]:animate-[accordion-down_calc(var(--animation-duration)*1.5)_var(--ease-out)]",
     "ds:data-[state=closed]:animate-[accordion-up_calc(var(--animation-duration)*1.5)_var(--ease-in)]"
   ].join(" ")
-), j = n(
-  "ds:ms-auto ds:size-4 ds:shrink-0 ds:transition-transform ds:duration-[calc(var(--animation-duration)*1.5)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none ds:group-data-[state=open]:rotate-180"
 ), I = n(
+  "ds:ms-auto ds:size-4 ds:shrink-0 ds:transition-transform ds:duration-[calc(var(--animation-duration)*1.5)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none ds:group-data-[state=open]:rotate-180"
+), T = n(
   [
     "ds:group ds:flex ds:w-full ds:items-center ds:[min-block-size:var(--min-target-size)]",
     "ds:py-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -46,16 +46,18 @@ const m = A({ variant: "default" }), V = n("", {
     "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
   ].join(" ")
 ), u = i(
-  ({ variant: a = "default", className: s, children: r, ...o }, c) => {
-    const t = x(null), l = w(c, t), g = N(t);
+  ({ variant: a = "default", className: o, children: r, id: s, ...c }, l) => {
+    const t = A(null), g = C(l, t), b = w(t);
     return /* @__PURE__ */ d(m.Provider, { value: { variant: a ?? "default" }, children: /* @__PURE__ */ d(
       e.Root,
       {
-        ref: l,
-        dir: g,
+        ref: g,
+        dir: b,
+        id: s,
         "data-component": "accordion",
-        className: V({ variant: a, className: s }),
-        ...o,
+        "data-component-id": s,
+        className: y({ variant: a, className: o }),
+        ...c,
         children: r
       }
     ) });
@@ -63,14 +65,14 @@ const m = A({ variant: "default" }), V = n("", {
 );
 u.displayName = "Accordion";
 const v = i(
-  ({ variant: a, className: s, children: r, ...o }, c) => {
-    const { variant: t } = h(m), l = a ?? t;
+  ({ variant: a, className: o, children: r, ...s }, c) => {
+    const { variant: l } = x(m), t = a ?? l;
     return /* @__PURE__ */ d(
       e.Item,
       {
         ref: c,
-        className: y({ variant: l, className: s }),
-        ...o,
+        className: R({ variant: t, className: o }),
+        ...s,
         children: r
       }
     );
@@ -78,41 +80,41 @@ const v = i(
 );
 v.displayName = "AccordionItem";
 const f = i(
-  ({ className: a, children: s, ...r }, o) => /* @__PURE__ */ d(e.Header, { className: "ds:flex", children: /* @__PURE__ */ b(
+  ({ className: a, children: o, ...r }, s) => /* @__PURE__ */ d(e.Header, { className: "ds:flex", children: /* @__PURE__ */ h(
     e.Trigger,
     {
-      ref: o,
-      className: I({ className: a }),
+      ref: s,
+      className: T({ className: a }),
       ...r,
       children: [
-        s,
-        /* @__PURE__ */ d(C, { "aria-hidden": "true", className: j() })
+        o,
+        /* @__PURE__ */ d(V, { "aria-hidden": "true", className: I() })
       ]
     }
   ) })
 );
 f.displayName = "AccordionTrigger";
 const p = i(
-  ({ className: a, children: s, ...r }, o) => /* @__PURE__ */ d(
+  ({ className: a, children: o, ...r }, s) => /* @__PURE__ */ d(
     e.Content,
     {
-      ref: o,
-      className: R({ className: a }),
+      ref: s,
+      className: j({ className: a }),
       ...r,
-      children: /* @__PURE__ */ d("div", { className: "ds:pb-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]", children: s })
+      children: /* @__PURE__ */ d("div", { className: "ds:pb-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]", children: o })
     }
   )
 );
 p.displayName = "AccordionContent";
-const H = Object.assign(u, {
+const O = Object.assign(u, {
   Item: v,
   Trigger: f,
   Content: p
 });
 export {
-  H as A,
+  O as A,
   p as a,
   v as b,
   f as c
 };
-//# sourceMappingURL=accordion-B6fyINUk.js.map
+//# sourceMappingURL=accordion-BEnrZmAn.js.map

package/dist/_chunks/accordion-BEnrZmAn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-BEnrZmAn.js","sources":["../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useRef, type ComponentPropsWithoutRef } from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\n\ntype AccordionVariant = 'default' | 'card' | 'separated';\n\nconst AccordionContext = createContext<{ variant: AccordionVariant }>({ variant: 'default' });\n\nconst accordionVariants = cva('', {\n  variants: {\n    variant: {\n      default: 'ds:divide-y ds:divide-border',\n      card: 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n      separated: 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      card: 'ds:bg-[var(--card)] ds:border ds:border-[var(--card-border,var(--border))] ds:rounded-[var(--radius-lg)] ds:overflow-hidden',\n      separated: 'ds:border ds:border-border ds:rounded-[var(--radius-md)] ds:overflow-hidden',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst contentVariants = cva(\n  [\n    'ds:overflow-hidden',\n    'ds:data-[state=open]:animate-[accordion-down_calc(var(--animation-duration)*1.5)_var(--ease-out)]',\n    'ds:data-[state=closed]:animate-[accordion-up_calc(var(--animation-duration)*1.5)_var(--ease-in)]',\n  ].join(' '),\n);\n\nconst chevronVariants = cva(\n  'ds:ms-auto ds:size-4 ds:shrink-0 ds:transition-transform ds:duration-[calc(var(--animation-duration)*1.5)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none ds:group-data-[state=open]:rotate-180',\n);\n\nconst triggerVariants = cva(\n  [\n    'ds:group ds:flex ds:w-full ds:items-center ds:[min-block-size:var(--min-target-size)]',\n    'ds:py-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:text-start ds:font-medium ds:hover:underline',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n);\n\ntype PrimitiveSingleProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {\n  type: 'single';\n};\ntype PrimitiveMultipleProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {\n  type: 'multiple';\n};\n\nexport type AccordionProps = (PrimitiveSingleProps | PrimitiveMultipleProps) &\n  VariantProps<typeof accordionVariants>;\n\n// Curated agent-readiness handle — see accordion.agent.ts.\nexport interface AccordionHandle {\n  getOpenItems: () => string[];\n  expand: (itemId: string) => void;\n  collapse: (itemId: string) => void;\n  clear: () => void;\n}\n\nexport type AccordionItemProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> &\n  VariantProps<typeof accordionItemVariants>;\n\nexport type AccordionTriggerProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;\n\nexport type AccordionContentProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;\n\nconst AccordionRoot = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ variant = 'default', className, children, id, ...props }, ref) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n    return (\n      <AccordionContext.Provider value={{ variant: variant ?? 'default' }}>\n        <AccordionPrimitive.Root\n          ref={composedRef}\n          dir={dir}\n          id={id}\n          data-component=\"accordion\"\n          data-component-id={id}\n          className={accordionVariants({ variant, className })}\n          {...(props as ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>)}\n        >\n          {children}\n        </AccordionPrimitive.Root>\n      </AccordionContext.Provider>\n    );\n  },\n);\nAccordionRoot.displayName = 'Accordion';\n\nconst AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ variant: variantProp, className, children, ...props }, ref) => {\n    const { variant: ctxVariant } = useContext(AccordionContext);\n    const variant = variantProp ?? ctxVariant;\n    return (\n      <AccordionPrimitive.Item\n        ref={ref}\n        className={accordionItemVariants({ variant, className })}\n        {...props}\n      >\n        {children}\n      </AccordionPrimitive.Item>\n    );\n  },\n);\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = forwardRef<HTMLButtonElement, AccordionTriggerProps>(\n  ({ className, children, ...props }, ref) => (\n    <AccordionPrimitive.Header className=\"ds:flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={triggerVariants({ className })}\n        {...props}\n      >\n        {children}\n        <ChevronDown aria-hidden=\"true\" className={chevronVariants()} />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  ),\n);\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className={contentVariants({ className })}\n      {...props}\n    >\n      <div className=\"ds:pb-[var(--spacing-md)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]\">\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  ),\n);\nAccordionContent.displayName = 'AccordionContent';\n\nexport const Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["AccordionContext","createContext","accordionVariants","cva","accordionItemVariants","contentVariants","chevronVariants","triggerVariants","AccordionRoot","forwardRef","variant","className","children","id","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","jsx","AccordionPrimitive","AccordionItem","variantProp","ctxVariant","useContext","AccordionTrigger","jsxs","ChevronDown","AccordionContent","Accordion"],"mappings":"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"}

package/dist/_chunks/accordion.agent-BTjeO1Sx.js

@@ -0,0 +1,52 @@
+const i = {
+  id: "accordion",
+  capabilities: ["expand", "select_single", "select_multiple"],
+  state: {
+    openItems: {
+      type: "string[]",
+      description: "Ids (values) of currently-expanded items. Single-mode accordions return an array with 0 or 1 entries.",
+      read: (e) => e.getOpenItems()
+    }
+  },
+  actions: {
+    expand: {
+      safety: "read",
+      argsType: "{ itemId: string }",
+      description: "Expand the item with the given value.",
+      invoke: (e, t) => {
+        e.expand(t.itemId);
+      }
+    },
+    collapse: {
+      safety: "read",
+      argsType: "{ itemId: string }",
+      description: "Collapse the item with the given value.",
+      invoke: (e, t) => {
+        e.collapse(t.itemId);
+      }
+    },
+    clear: {
+      safety: "read",
+      description: "Collapse all items. Only meaningful for multi-mode accordions; single-mode equivalent to collapsing the active item.",
+      invoke: (e) => {
+        e.clear();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "accordion" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-item-id",
+      description: "Each Accordion.Item emits its value as data-item-id."
+    }
+  }
+};
+export {
+  i as a
+};
+//# sourceMappingURL=accordion.agent-BTjeO1Sx.js.map

package/dist/_chunks/accordion.agent-BTjeO1Sx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.agent-BTjeO1Sx.js","sources":["../../src/components/accordion/accordion.agent.ts"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { AccordionHandle } from './accordion';\n\nexport const accordionAgent: AgentAdapter<AccordionHandle> = {\n  id: 'accordion',\n  capabilities: ['expand', 'select_single', 'select_multiple'],\n  state: {\n    openItems: {\n      type: 'string[]',\n      description: 'Ids (values) of currently-expanded items. Single-mode accordions return an array with 0 or 1 entries.',\n      read: (handle) => handle.getOpenItems(),\n    },\n  },\n  actions: {\n    expand: {\n      safety: 'read',\n      argsType: '{ itemId: string }',\n      description: 'Expand the item with the given value.',\n      invoke: (handle, args: { itemId: string }) => {\n        handle.expand(args.itemId);\n      },\n    },\n    collapse: {\n      safety: 'read',\n      argsType: '{ itemId: string }',\n      description: 'Collapse the item with the given value.',\n      invoke: (handle, args: { itemId: string }) => {\n        handle.collapse(args.itemId);\n      },\n    },\n    clear: {\n      safety: 'read',\n      description: 'Collapse all items. Only meaningful for multi-mode accordions; single-mode equivalent to collapsing the active item.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'accordion' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-item-id',\n      description: 'Each Accordion.Item emits its value as data-item-id.',\n    },\n  },\n};\n"],"names":["accordionAgent","handle","args"],"mappings":"AAGO,MAAMA,IAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,cAAc,CAAC,UAAU,iBAAiB,iBAAiB;AAAA,EAC3D,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,aAAA;AAAA,IAAa;AAAA,EACxC;AAAA,EAEF,SAAS;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAA6B;AAC5C,QAAAD,EAAO,OAAOC,EAAK,MAAM;AAAA,MAC3B;AAAA,IAAA;AAAA,IAEF,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAQ,CAACD,GAAQC,MAA6B;AAC5C,QAAAD,EAAO,SAASC,EAAK,MAAM;AAAA,MAC7B;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,YAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/_chunks/{agenda-card-DIWDvWum.js → agenda-card-DwLIxgi7.js}

@@ -82,6 +82,7 @@ const k = {
         ref: p,
         role: "listitem",
         "data-component": "agenda-card",
+        "data-component-id": s.id,
         "data-status": s.status ?? "confirmed",
         className: C({ size: o, interactive: r, className: f }),
         ...m,
@@ -128,4 +129,4 @@ export {
   T as A,
   w as i
 };
-//# sourceMappingURL=agenda-card-DIWDvWum.js.map
+//# sourceMappingURL=agenda-card-DwLIxgi7.js.map

package/dist/_chunks/agenda-card-DwLIxgi7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agenda-card-DwLIxgi7.js","sources":["../../src/components/agenda-card/agenda-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AppointmentStatus = 'confirmed' | 'pending' | 'cancelled';\n\nexport interface AgendaItem {\n  /** Unique identifier for the appointment. */\n  id: string;\n  /** Display time string (e.g. \"09:00\"). Localised by the consumer. */\n  time: string;\n  /** Patient identity — drives the avatar's initials + accessible name. */\n  patient: { name: string; avatarUrl?: string };\n  /** Treatment / appointment type — short localised label. */\n  treatment?: string;\n  /** Lifecycle state — drives a trailing status chip. */\n  status?: AppointmentStatus;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface AgendaCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof agendaCardVariants> {\n  /** The appointment to render. */\n  item: AgendaItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated. */\n  onActivate?: (item: AgendaItem) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\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-sm)]\",\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\nexport function isSafeAgendaUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nconst STATUS_TONE: Record<AppointmentStatus, 'success' | 'warning' | 'error'> = {\n  confirmed: 'success',\n  pending: 'warning',\n  cancelled: 'error',\n};\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaCard = forwardRef<HTMLDivElement, AgendaCardProps>(\n  ({ item, size = 'sm', onActivate, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeAgendaUrl(item.url);\n    const ariaLabel = t('ui.agendaCard.itemLabel', {\n      time: item.time,\n      patient: item.patient.name,\n      treatment: item.treatment ?? '',\n      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, \" · \"}}',\n    });\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.patient.name}\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) 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={stretchedLinkClass + ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'}\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"agenda-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'confirmed'}\n        className={agendaCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n        >\n          {item.time}\n        </span>\n\n        <Avatar\n          name={item.patient.name}\n          src={item.patient.avatarUrl}\n          size={size === 'md' ? 'md' : 'sm'}\n          className=\"ds:shrink-0\"\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          aria-label={undefined}\n        />\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.treatment ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.treatment}\n            </span>\n          ) : null}\n        </div>\n\n        {item.status && item.status !== 'confirmed' ? (\n          <Badge variant={STATUS_TONE[item.status]} size=\"sm\" withDot className=\"ds:shrink-0\">\n            {t(`ui.agendaCard.status.${item.status}`, item.status)}\n          </Badge>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAgendaCard.displayName = 'AgendaCard';\n"],"names":["agendaCardVariants","cva","stretchedLinkClass","isSafeAgendaUrl","url","STATUS_TONE","AgendaCard","forwardRef","item","size","onActivate","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","titleNode","jsx","activator","e","jsxs","Avatar","Badge","ChevronRight"],"mappings":"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"}

package/dist/_chunks/agenda-card.agent-B_R47-c9.js

@@ -0,0 +1,22 @@
+const t = {
+  id: "agenda-card",
+  capabilities: ["pick", "dismiss"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "agenda-card",
+      description: "Marks the element as a kit AgendaCard. The card root also emits data-component-id sourced from item.id and data-status with the appointment lifecycle."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "item.id",
+      description: "Sourced from item.id — the stable appointment identifier."
+    }
+  }
+};
+export {
+  t as a
+};
+//# sourceMappingURL=agenda-card.agent-B_R47-c9.js.map

package/dist/_chunks/agenda-card.agent-B_R47-c9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agenda-card.agent-B_R47-c9.js","sources":["../../src/components/agenda-card/agenda-card.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AgendaCard.                                            */\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.                      */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const agendaCardAgent: AgentAdapter = {\n  id: 'agenda-card',\n  capabilities: ['pick', 'dismiss'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'agenda-card',\n      description:\n        'Marks the element as a kit AgendaCard. The card root also emits data-component-id sourced from item.id and data-status with the appointment lifecycle.',\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"],"names":["agendaCardAgent"],"mappings":"AAUO,MAAMA,IAAgC;AAAA,EAC3C,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ,SAAS;AAAA,EAChC,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

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

@@ -0,0 +1,178 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as M, useRef as A, useMemo as z, useImperativeHandle as C } from "react";
+import { c as R } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { I as j } from "./icon-button-Wnnde5lc.js";
+import { S as _ } from "./skeleton-dtqyF09N.js";
+import { E } from "./empty-state-DQPtRp2b.js";
+import { A as P } from "./agenda-card-DwLIxgi7.js";
+import { u as H } from "./registry-C9nwlNyL.js";
+import { c as K } from "./createLucideIcon-CrFbzy84.js";
+import { P as L } from "./plus-CYKNmfuA.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 V = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+], q = K("calendar-days", V), B = {
+  id: "agenda-tray",
+  capabilities: ["select_single"],
+  state: {
+    items: {
+      type: "Array<{ id: string; status: string }>",
+      descriptionKey: "ui.agent.agendaTray.state.items",
+      description: "Currently-displayed appointments. Ids + status only — never patient identity.",
+      read: (t) => t.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.agendaTray.actions.selectItem",
+      description: "Activate the appointment with the given id.",
+      invoke: (t, s) => {
+        t.selectItem(s.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "agenda-tray",
+      description: "Marks the AgendaTray wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific tray from the agent."
+    },
+    item: {
+      attr: "data-appointment-id",
+      description: "Stable appointment id emitted on each rendered AgendaCard inside the tray."
+    }
+  }
+}, D = R(
+  [
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+), F = M(
+  ({
+    id: t,
+    items: s,
+    title: u,
+    caption: l,
+    size: m = "sm",
+    onOpenAppointment: d,
+    onAddAppointment: p,
+    addLabel: f,
+    loading: y = !1,
+    emptyTitle: v,
+    emptyDescription: x,
+    className: k,
+    ...T
+  }, w) => {
+    const { t: r } = S(), g = u ?? r("ui.agendaTray.title", "Today's appointments"), N = f ?? r("ui.agendaTray.add", "Add appointment"), b = !y && s.length === 0;
+    let i;
+    y ? i = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((e) => /* @__PURE__ */ a(_, { variant: "rectangular", height: "2.5rem" }, e)) }) : b ? i = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      E,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: v ?? r("ui.agendaTray.empty.title", "No appointments"),
+        description: x ?? r(
+          "ui.agendaTray.empty.description",
+          "New appointments will appear here."
+        )
+      }
+    ) }) : i = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: s.map((e) => /* @__PURE__ */ a(
+      P,
+      {
+        item: e,
+        size: m,
+        onActivate: d,
+        "data-appointment-id": e.id
+      },
+      e.id
+    )) });
+    const o = A(s);
+    o.current = s;
+    const c = z(
+      () => ({
+        getItems: () => o.current.map((e) => ({
+          id: e.id,
+          status: e.status ?? "confirmed"
+        })),
+        selectItem: (e) => {
+          const h = o.current.find((I) => I.id === e);
+          h && (d == null || d(h));
+        }
+      }),
+      [d]
+    );
+    return C(w, () => c, [c]), H(B, c, t), /* @__PURE__ */ n(
+      "section",
+      {
+        "aria-label": g,
+        "data-component": "agenda-tray",
+        "data-component-id": t,
+        className: D({ size: m, className: k }),
+        ...T,
+        children: [
+          /* @__PURE__ */ n("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
+              /* @__PURE__ */ n("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+                /* @__PURE__ */ a(q, { "aria-hidden": "true", className: "ds:size-4" }),
+                g
+              ] }),
+              l ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: l }) : null
+            ] }),
+            p ? /* @__PURE__ */ a(
+              j,
+              {
+                icon: /* @__PURE__ */ a(L, {}),
+                intent: "outline",
+                size: "sm",
+                "aria-label": N,
+                onClick: p
+              }
+            ) : null
+          ] }),
+          i
+        ]
+      }
+    );
+  }
+);
+F.displayName = "AgendaTray";
+export {
+  F as A,
+  B as a
+};
+//# sourceMappingURL=agenda-tray-DUvengGQ.js.map

package/dist/_chunks/agenda-tray-DUvengGQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agenda-tray-DUvengGQ.js","sources":["../../node_modules/lucide-react/dist/esm/icons/calendar-days.js","../../src/components/agenda-tray/agenda-tray.agent.ts","../../src/components/agenda-tray/agenda-tray.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: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"4\", rx: \"2\", key: \"1hopcy\" }],\n  [\"path\", { d: \"M3 10h18\", key: \"8toen8\" }],\n  [\"path\", { d: \"M8 14h.01\", key: \"6423bh\" }],\n  [\"path\", { d: \"M12 14h.01\", key: \"1etili\" }],\n  [\"path\", { d: \"M16 14h.01\", key: \"1gbofw\" }],\n  [\"path\", { d: \"M8 18h.01\", key: \"lrp35t\" }],\n  [\"path\", { d: \"M12 18h.01\", key: \"mhygvu\" }],\n  [\"path\", { d: \"M16 18h.01\", key: \"kzsmim\" }]\n];\nconst CalendarDays = createLucideIcon(\"calendar-days\", __iconNode);\n\nexport { __iconNode, CalendarDays as default };\n//# sourceMappingURL=calendar-days.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AgendaTray.                                            */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle status (never    */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AgendaTray is in-page (no open/close).                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AgendaTrayHandle } from './agenda-tray';\n\nexport const agendaTrayAgent: AgentAdapter<AgendaTrayHandle> = {\n  id: 'agenda-tray',\n  capabilities: ['select_single'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; status: string }>',\n      descriptionKey: 'ui.agent.agendaTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + status 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.agendaTray.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: 'agenda-tray',\n      description: 'Marks the AgendaTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: '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 AgendaCard 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 { AgendaCard, type AgendaItem } from '../agenda-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { agendaTrayAgent } from './agenda-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\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 AgendaTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `agenda-tray.agent.ts`.\n */\nexport interface AgendaTrayHandle {\n  getItems: () => Array<{ id: string; status: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AgendaTrayProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof agendaTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  items: AgendaItem[];\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  size?: 'sm' | 'md';\n  onOpenAppointment?: (item: AgendaItem) => 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 AgendaTray = forwardRef<AgendaTrayHandle, AgendaTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\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('ui.agendaTray.title', \"Today's appointments\");\n    const resolvedAddLabel = addLabel ?? t('ui.agendaTray.add', 'Add appointment');\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=\"2.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('ui.agendaTray.empty.title', 'No appointments')}\n            description={\n              emptyDescription ??\n              t(\n                'ui.agendaTray.empty.description',\n                'New appointments will appear here.',\n              )\n            }\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul className=\"ds:flex ds:list-none ds:flex-col\">\n          {items.map((item) => (\n            <AgendaCard\n              key={item.id}\n              item={item}\n              size={size}\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     * agenda-tray.agent.ts. */\n    const itemsRef = useRef<AgendaItem[]>(items);\n    itemsRef.current = items;\n\n    const handle = useMemo<AgendaTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({\n            id: i.id,\n            status: i.status ?? 'confirmed',\n          })),\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    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(agendaTrayAgent, handle, id);\n\n    return (\n      <section\n        aria-label={heading}\n        data-component=\"agenda-tray\"\n        data-component-id={id}\n        className={agendaTrayVariants({ 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\nAgendaTray.displayName = 'AgendaTray';\n"],"names":["__iconNode","CalendarDays","createLucideIcon","agendaTrayAgent","handle","args","agendaTrayVariants","cva","AgendaTray","forwardRef","id","items","title","caption","size","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","AgendaCard","itemsRef","useRef","useMemo","targetId","found","useImperativeHandle","useAgentRegistration","jsxs","IconButton","Plus"],"mappings":"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","x_google_ignoreList":[0]}