@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/address-fields-COyjgqxA.js

@@ -0,0 +1,246 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as _, useRef as j, useEffect as k, useCallback as E, useMemo as x } from "react";
+import { c as L } from "./index-D2ZczOXr.js";
+import { useTranslation as N } from "react-i18next";
+import { C as O } from "./country-select-DYHDLEjG.js";
+import { P as B } from "./province-select-BDywtmL-.js";
+import { P as q } from "./postal-code-input-BznBxVxf.js";
+import { C as H } from "./city-input-towzBenY.js";
+import { T as K } from "./text-input-CUvCb6ST.js";
+import { F as l } from "./form-field-M5UpX65Z.js";
+import { A as M } from "./address-autocomplete-Bq-1n1UX.js";
+import { u as U } from "./registry-DvAUVLHh.js";
+const W = {
+  street: { type: "string" },
+  city: { type: "string" },
+  postcode: { type: "string" },
+  province: { type: "string", description: "UPPERCASED province code." },
+  country: { type: "string", description: "ISO alpha-2, lowercased." },
+  formatted: { type: "string" }
+}, Y = {
+  id: "address-fields",
+  // `set_value` only — a structured address form sets discrete fields; it does
+  // no granular in-place rich-text editing, so `edit_inline` does not apply.
+  capabilities: ["set_value"],
+  state: {
+    value: {
+      type: "object",
+      descriptionKey: "ui.agent.addressFields.state.value",
+      description: "The current structured address: { street, city, postcode, province, country, formatted }.",
+      read: (d) => d.getValue()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: StructuredAddress }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: { type: "object", properties: W }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.addressFields.actions.setValue",
+      description: "Replace the entire address.",
+      invoke: (d, c) => {
+        d.setValue(c.value);
+      }
+    },
+    set_field: {
+      // Contact-data write (street/city/postcode/etc.), not clinical PHI —
+      // consistent with PhoneInput / EmailInput / FiscalCodeInput, which all
+      // treat identifying contact data as `write`.
+      safety: "write",
+      argsType: "{ field: 'street' | 'city' | 'postcode' | 'province' | 'country'; value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          field: {
+            type: "string",
+            enum: ["street", "city", "postcode", "province", "country"]
+          },
+          value: { type: "string" }
+        },
+        required: ["field", "value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.addressFields.actions.setField",
+      description: "Set a single address field. Setting `country` also clears the now-stale province.",
+      examples: [
+        {
+          args: { field: "country", value: "it" },
+          note: "Set the country to Italy."
+        }
+      ],
+      invoke: (d, c) => {
+        d.setField(c.field, c.value);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "address-fields" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, z = {
+  street: "",
+  city: "",
+  postcode: "",
+  province: "",
+  country: "",
+  formatted: ""
+}, G = {
+  it: ["street", "postcode", "city", "province"]
+}, J = [
+  "street",
+  "city",
+  "postcode",
+  "province"
+], Q = /* @__PURE__ */ new Set(["findbar", "country", "street"]), X = L("", {
+  variants: {
+    layout: {
+      stacked: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      grid: "ds:grid ds:grid-cols-2 ds:gap-[var(--spacing-md)]"
+    }
+  },
+  defaultVariants: { layout: "stacked" }
+}), Z = _(
+  function({
+    value: c,
+    onChange: t,
+    fields: R,
+    loadCities: P,
+    popularCountries: V,
+    apiKey: m,
+    getSuggestions: f,
+    layout: F = "stacked",
+    disabled: a,
+    id: S,
+    className: D
+  }, b) {
+    const { t: n } = N(), o = c ?? z, i = o.country, p = j(o);
+    k(() => {
+      p.current = o;
+    }, [o]);
+    const u = E(
+      (e) => {
+        t == null || t({ ...p.current, ...e });
+      },
+      [t]
+    ), w = E(
+      (e) => t == null ? void 0 : t({ ...p.current, ...e }),
+      [t]
+    ), I = x(
+      () => ({
+        getValue: () => p.current,
+        setValue: (e) => t == null ? void 0 : t(e),
+        setField: (e, r) => {
+          const A = { [e]: r };
+          e === "country" && (A.province = ""), t == null || t({ ...p.current, ...A });
+        }
+      }),
+      [t]
+    );
+    U(Y, I, S);
+    const T = R ?? G[(i == null ? void 0 : i.toLowerCase()) ?? ""] ?? J, h = !!(m || f), g = (e) => {
+      switch (e) {
+        case "country":
+          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.country", "Country"), children: /* @__PURE__ */ s(
+            O,
+            {
+              value: i,
+              onValueChange: (r) => u({ country: r, province: "" }),
+              popularCountries: V,
+              disabled: a
+            }
+          ) });
+        case "street":
+          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.street", "Street"), children: /* @__PURE__ */ s(
+            K,
+            {
+              value: o.street,
+              onChange: (r) => u({ street: r.target.value }),
+              autoComplete: "address-line1",
+              disabled: a
+            }
+          ) });
+        case "city":
+          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.city", "City"), children: /* @__PURE__ */ s(
+            H,
+            {
+              value: o.city,
+              onValueChange: (r) => u({ city: r }),
+              loadCities: P,
+              country: i,
+              province: o.province,
+              disabled: a
+            }
+          ) });
+        case "postcode":
+          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.postcode", "Postcode"), children: /* @__PURE__ */ s(
+            q,
+            {
+              value: o.postcode,
+              onValueChange: (r) => u({ postcode: r }),
+              country: i,
+              disabled: a
+            }
+          ) });
+        case "province":
+          return /* @__PURE__ */ s(l, { label: n("inputs.addressFields.province", "Province"), children: /* @__PURE__ */ s(
+            B,
+            {
+              value: o.province,
+              onValueChange: (r) => u({ province: r }),
+              country: i,
+              disabled: a
+            }
+          ) });
+      }
+    }, y = (e, r) => F === "grid" ? /* @__PURE__ */ s(
+      "div",
+      {
+        className: Q.has(e) ? "ds:col-span-2" : void 0,
+        children: r
+      },
+      e
+    ) : /* @__PURE__ */ s("div", { children: r }, e), v = [];
+    h && v.push(
+      y(
+        "findbar",
+        /* @__PURE__ */ s(l, { label: n("inputs.addressFields.find", "Find address"), children: /* @__PURE__ */ s(
+          M,
+          {
+            apiKey: m,
+            getSuggestions: f,
+            regionCodes: i ? [i] : void 0,
+            disabled: a,
+            onSelect: w
+          }
+        ) })
+      )
+    ), v.push(y("country", g("country")));
+    for (const e of T) v.push(y(e, g(e)));
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: b,
+        "data-component": "address-fields",
+        "data-component-id": S,
+        className: [X({ layout: F }), D].filter(Boolean).join(" "),
+        children: v
+      }
+    );
+  }
+);
+Z.displayName = "AddressFields";
+export {
+  Z as A,
+  Y as a
+};
+//# sourceMappingURL=address-fields-COyjgqxA.js.map

package/dist/_chunks/address-fields-COyjgqxA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-fields-COyjgqxA.js","sources":["../../src/components/address-fields/address-fields.agent.ts","../../src/components/address-fields/address-fields.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { StructuredAddress } from '../address-autocomplete';\n\nexport interface AddressFieldsHandle {\n  getValue: () => StructuredAddress;\n  setValue: (value: StructuredAddress) => void;\n  setField: (field: keyof StructuredAddress, value: string) => void;\n}\n\nconst ADDRESS_PROPERTIES = {\n  street: { type: 'string' },\n  city: { type: 'string' },\n  postcode: { type: 'string' },\n  province: { type: 'string', description: 'UPPERCASED province code.' },\n  country: { type: 'string', description: 'ISO alpha-2, lowercased.' },\n  formatted: { type: 'string' },\n} as const;\n\nexport const addressFieldsAgent: AgentAdapter<AddressFieldsHandle> = {\n  id: 'address-fields',\n  // `set_value` only — a structured address form sets discrete fields; it does\n  // no granular in-place rich-text editing, so `edit_inline` does not apply.\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'object',\n      descriptionKey: 'ui.agent.addressFields.state.value',\n      description:\n        'The current structured address: { street, city, postcode, province, country, formatted }.',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: StructuredAddress }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: { type: 'object', properties: ADDRESS_PROPERTIES },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.addressFields.actions.setValue',\n      description: 'Replace the entire address.',\n      invoke: (handle, args: { value: StructuredAddress }) => {\n        handle.setValue(args.value);\n      },\n    },\n    set_field: {\n      // Contact-data write (street/city/postcode/etc.), not clinical PHI —\n      // consistent with PhoneInput / EmailInput / FiscalCodeInput, which all\n      // treat identifying contact data as `write`.\n      safety: 'write',\n      argsType:\n        \"{ field: 'street' | 'city' | 'postcode' | 'province' | 'country'; value: string }\",\n      argsSchema: {\n        type: 'object',\n        properties: {\n          field: {\n            type: 'string',\n            enum: ['street', 'city', 'postcode', 'province', 'country'],\n          },\n          value: { type: 'string' },\n        },\n        required: ['field', 'value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.addressFields.actions.setField',\n      description:\n        'Set a single address field. Setting `country` also clears the now-stale province.',\n      examples: [\n        {\n          args: { field: 'country', value: 'it' },\n          note: 'Set the country to Italy.',\n        },\n      ],\n      invoke: (\n        handle,\n        args: { field: keyof StructuredAddress; value: string },\n      ) => {\n        handle.setField(args.field, args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'address-fields' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CountrySelect } from '../country-select/country-select';\nimport { ProvinceSelect } from '../province-select/province-select';\nimport { PostalCodeInput } from '../postal-code-input/postal-code-input';\nimport { CityInput, type CityLoaderContext } from '../city-input/city-input';\nimport { TextInput } from '../text-input';\nimport { FormField } from '../form-field/form-field';\nimport {\n  AddressAutocomplete,\n  type GetSuggestions,\n  type StructuredAddress,\n} from '../address-autocomplete';\nimport type { OptionShape } from '../_shared/option';\nimport { useAgentRegistration } from '../../agent';\nimport {\n  addressFieldsAgent,\n  type AddressFieldsHandle,\n} from './address-fields.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/*                                                                      */\n/* A shippable composite that wires the address fields together and     */\n/* emits a single StructuredAddress. Country drives the rest: it re-keys */\n/* the province dataset, swaps the postcode rule, and re-orders the      */\n/* fields. An optional \"find address\" bar fans an AddressAutocomplete    */\n/* selection out into the individual fields.                            */\n/* ------------------------------------------------------------------ */\n\nexport type AddressFieldKey = 'street' | 'city' | 'postcode' | 'province';\n\nconst EMPTY_ADDRESS: StructuredAddress = {\n  street: '',\n  city: '',\n  postcode: '',\n  province: '',\n  country: '',\n  formatted: '',\n};\n\n// Minimal country-keyed field-order map — NOT a libaddressinput port.\n// Extend with another entry when a country needs a different order.\nconst FIELD_ORDER: Record<string, AddressFieldKey[]> = {\n  it: ['street', 'postcode', 'city', 'province'],\n};\nconst DEFAULT_ORDER: AddressFieldKey[] = [\n  'street',\n  'city',\n  'postcode',\n  'province',\n];\n\n// Fields that span the full width in the grid layout.\nconst WIDE_CELLS = new Set<string>(['findbar', 'country', 'street']);\n\nconst layoutVariants = cva('', {\n  variants: {\n    layout: {\n      stacked: 'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n      grid: 'ds:grid ds:grid-cols-2 ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { layout: 'stacked' },\n});\n\nexport interface AddressFieldsProps {\n  /** The controlled address value. */\n  value?: StructuredAddress;\n  /** Fires with the next full address on any field change. */\n  onChange?: (next: StructuredAddress) => void;\n  /**\n   * Which address-line fields to render, in order. The country picker\n   * always renders first. Default resolves from the selected country.\n   */\n  fields?: AddressFieldKey[];\n  /** Async city suggestion loader, forwarded to CityInput. */\n  loadCities?: (\n    query: string,\n    ctx: CityLoaderContext,\n  ) => Promise<OptionShape[]>;\n  /** Float these countries to the top of the country picker. */\n  popularCountries?: string[];\n  /** Enable the \"find address\" bar — provide a Places API key… */\n  apiKey?: string;\n  /** …or a mock/real suggestion injector (wins over apiKey, like AddressAutocomplete). */\n  getSuggestions?: GetSuggestions;\n  layout?: 'stacked' | 'grid';\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n}\n\nexport const AddressFields = forwardRef<HTMLDivElement, AddressFieldsProps>(\n  function AddressFields(\n    {\n      value,\n      onChange,\n      fields,\n      loadCities,\n      popularCountries,\n      apiKey,\n      getSuggestions,\n      layout = 'stacked',\n      disabled,\n      id,\n      className,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const address = value ?? EMPTY_ADDRESS;\n    const country = address.country;\n\n    const valueRef = useRef(address);\n    useEffect(() => {\n      valueRef.current = address;\n    }, [address]);\n\n    const update = useCallback(\n      (patch: Partial<StructuredAddress>) => {\n        onChange?.({ ...valueRef.current, ...patch });\n      },\n      [onChange],\n    );\n\n    // Find-bar selection fans the looked-up address out into every field.\n    const handleFind = useCallback(\n      (found: StructuredAddress) =>\n        onChange?.({ ...valueRef.current, ...found }),\n      [onChange],\n    );\n\n    const agentHandle = useMemo<AddressFieldsHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        setValue: (next) => onChange?.(next),\n        setField: (field, fieldValue) => {\n          const patch: Partial<StructuredAddress> = { [field]: fieldValue };\n          // Mirror the UI path: changing country re-keys the stale province.\n          if (field === 'country') patch.province = '';\n          onChange?.({ ...valueRef.current, ...patch });\n        },\n      }),\n      [onChange],\n    );\n    useAgentRegistration(addressFieldsAgent, agentHandle, id);\n\n    const order =\n      fields ?? FIELD_ORDER[country?.toLowerCase() ?? ''] ?? DEFAULT_ORDER;\n\n    const showFindBar = Boolean(apiKey || getSuggestions);\n\n    // The composite's own adapter (`address-fields`) is the agent-addressable\n    // surface; the child inputs below are deliberately rendered without an\n    // `id`, so they register un-scoped rather than competing for handles.\n    const fieldNode = (key: AddressFieldKey | 'country'): ReactNode => {\n      switch (key) {\n        case 'country':\n          return (\n            <FormField label={t('inputs.addressFields.country', 'Country')}>\n              <CountrySelect\n                value={country}\n                // Country drives the rest — re-key province on change.\n                onValueChange={(next) =>\n                  update({ country: next, province: '' })\n                }\n                popularCountries={popularCountries}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'street':\n          return (\n            <FormField label={t('inputs.addressFields.street', 'Street')}>\n              <TextInput\n                value={address.street}\n                onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                  update({ street: event.target.value })\n                }\n                autoComplete=\"address-line1\"\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'city':\n          return (\n            <FormField label={t('inputs.addressFields.city', 'City')}>\n              <CityInput\n                value={address.city}\n                onValueChange={(next) => update({ city: next })}\n                loadCities={loadCities}\n                country={country}\n                province={address.province}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'postcode':\n          return (\n            <FormField label={t('inputs.addressFields.postcode', 'Postcode')}>\n              <PostalCodeInput\n                value={address.postcode}\n                onValueChange={(next) => update({ postcode: next })}\n                country={country}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'province':\n          return (\n            <FormField label={t('inputs.addressFields.province', 'Province')}>\n              <ProvinceSelect\n                value={address.province}\n                onValueChange={(next) => update({ province: next })}\n                country={country}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n      }\n    };\n\n    const cell = (key: string, node: ReactNode): ReactNode =>\n      layout === 'grid' ? (\n        <div\n          key={key}\n          className={WIDE_CELLS.has(key) ? 'ds:col-span-2' : undefined}\n        >\n          {node}\n        </div>\n      ) : (\n        <div key={key}>{node}</div>\n      );\n\n    const children: ReactNode[] = [];\n    if (showFindBar) {\n      children.push(\n        cell(\n          'findbar',\n          <FormField label={t('inputs.addressFields.find', 'Find address')}>\n            <AddressAutocomplete\n              apiKey={apiKey}\n              getSuggestions={getSuggestions}\n              regionCodes={country ? [country] : undefined}\n              disabled={disabled}\n              onSelect={handleFind}\n            />\n          </FormField>,\n        ),\n      );\n    }\n    children.push(cell('country', fieldNode('country')));\n    for (const key of order) children.push(cell(key, fieldNode(key)));\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"address-fields\"\n        data-component-id={id}\n        className={[layoutVariants({ layout }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nAddressFields.displayName = 'AddressFields';\n"],"names":["ADDRESS_PROPERTIES","addressFieldsAgent","handle","args","EMPTY_ADDRESS","FIELD_ORDER","DEFAULT_ORDER","WIDE_CELLS","layoutVariants","cva","AddressFields","forwardRef","value","onChange","fields","loadCities","popularCountries","apiKey","getSuggestions","layout","disabled","id","className","ref","t","useTranslation","address","country","valueRef","useRef","useEffect","update","useCallback","patch","handleFind","found","agentHandle","useMemo","next","field","fieldValue","useAgentRegistration","order","showFindBar","fieldNode","key","FormField","jsx","CountrySelect","TextInput","event","CityInput","PostalCodeInput","ProvinceSelect","cell","node","children","AddressAutocomplete"],"mappings":"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"}

package/dist/_chunks/agenda-card-BCGaQazD.js

@@ -0,0 +1,147 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
+import { useTranslation as y } from "react-i18next";
+import { A as N } from "./avatar-BNQNhoyL.js";
+import { B as C } from "./badge-DCOqV9mI.js";
+import { i as w } from "./is-safe-url-DkETxeHz.js";
+import { C as k } from "./chevron-right-I9AeSxH2.js";
+const L = x(
+  [
+    "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:transition-colors",
+    "ds:motion-reduce:transition-none",
+    "ds:text-start ds:group",
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:p-[var(--spacing-sm)]",
+        md: "ds:p-[var(--spacing-md)]"
+      },
+      interactive: {
+        true: "ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm",
+      interactive: !1
+    }
+  }
+), m = [
+  "ds:focus-visible:outline-none",
+  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
+  "ds:after:pointer-events-auto",
+  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:after:outline-solid",
+  "ds:focus-visible:after:outline-[color:var(--ring)]",
+  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
+].join(" "), T = {
+  confirmed: "success",
+  pending: "warning",
+  cancelled: "error",
+  absent: "error"
+}, z = h(
+  ({ item: s, size: l = "sm", onActivate: a, actions: i, className: p, ...g }, v) => {
+    const { t: c } = y(), r = !!a, b = !!s.url && w(s.url), u = c("agendaCard.itemLabel", {
+      time: s.time,
+      patient: s.patient.name,
+      treatment: s.treatment ?? "",
+      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, " · "}}'
+    }), f = s.dateLabel ? `${s.dateLabel} · ${u}` : u, n = /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.patient.name });
+    let t;
+    return r && b ? t = /* @__PURE__ */ e(
+      "a",
+      {
+        href: s.url,
+        "aria-label": f,
+        className: m + " ds:contents",
+        onClick: (d) => {
+          d.defaultPrevented || d.metaKey || d.ctrlKey || d.shiftKey || a == null || a(s);
+        },
+        children: n
+      }
+    ) : r ? t = /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": f,
+        className: m + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => a == null ? void 0 : a(s),
+        children: n
+      }
+    ) : t = n, /* @__PURE__ */ o(
+      "div",
+      {
+        ref: v,
+        role: "listitem",
+        "data-component": "agenda-card",
+        "data-component-id": s.id,
+        "data-status": s.status ?? "confirmed",
+        className: L({ size: l, interactive: r, className: p }),
+        ...g,
+        children: [
+          /* @__PURE__ */ o(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:inline-flex ds:flex-col ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums",
+              children: [
+                s.time,
+                s.dateLabel ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:font-normal ds:text-[color:var(--muted-foreground)]", children: s.dateLabel }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            N,
+            {
+              name: s.patient.name,
+              src: s.patient.avatarUrl,
+              size: l === "md" ? "md" : "sm",
+              className: "ds:shrink-0",
+              "aria-hidden": "true",
+              role: "presentation",
+              "aria-label": void 0
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+            t,
+            s.treatment ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.treatment }) : null,
+            s.meta ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.meta }) : null,
+            s.note ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2", children: s.note }) : null
+          ] }),
+          i ? (
+            // Above the stretched-link overlay so the buttons stay clickable.
+            /* @__PURE__ */ e("span", { className: "ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0", children: i })
+          ) : null,
+          s.status && s.status !== "confirmed" ? /* @__PURE__ */ e(
+            C,
+            {
+              variant: T[s.status],
+              size: "sm",
+              withDot: !0,
+              className: "ds:shrink-0",
+              children: c(`agendaCard.status.${s.status}`, s.status)
+            }
+          ) : null,
+          r ? /* @__PURE__ */ e(
+            k,
+            {
+              "aria-hidden": "true",
+              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"
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+z.displayName = "AgendaCard";
+export {
+  z as A
+};
+//# sourceMappingURL=agenda-card-BCGaQazD.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"agenda-card-BCGaQazD.js","sources":["../../src/components/agenda-card/agenda-card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\n\n// Back-compat alias — the URL guard now lives in the shared entity-card\n// helper. Existing consumers (and this dir's tests) import isSafeAgendaUrl.\nexport { isSafeEntityUrl as isSafeAgendaUrl } from '../_shared/is-safe-url';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AppointmentStatus =\n  | 'confirmed'\n  | 'pending'\n  | 'cancelled'\n  | 'absent';\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  /**\n   * Localised date eyebrow (e.g. \"Thu 12 Jun\") rendered under the time —\n   * for agendas spanning more than today (upcoming-appointments queues).\n   */\n  dateLabel?: 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  /**\n   * Context line under the treatment (e.g. \"Dr. Bianchi · Chair 2\").\n   * Localised and pre-joined by the consumer.\n   */\n  meta?: string;\n  /** Free-text booking note — muted body line, clamped. */\n  note?: 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\n    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   * Trailing per-row action toolbar. Rendered above the stretched-link\n   * overlay so the controls stay clickable inside an interactive row.\n   */\n  actions?: ReactNode;\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\nconst STATUS_TONE: Record<AppointmentStatus, 'success' | 'warning' | 'error'> =\n  {\n    confirmed: 'success',\n    pending: 'warning',\n    cancelled: 'error',\n    absent: 'error',\n  };\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaCard = forwardRef<HTMLDivElement, AgendaCardProps>(\n  ({ item, size = 'sm', onActivate, actions, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n    const baseLabel = t('agendaCard.itemLabel', {\n      time: item.time,\n      patient: item.patient.name,\n      treatment: item.treatment ?? '',\n      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, \" · \"}}',\n    });\n    // dateLabel renders inside the aria-hidden time column, so it must be\n    // prepended here or multi-day rows get identical accessible names.\n    const ariaLabel = item.dateLabel\n      ? `${item.dateLabel} · ${baseLabel}`\n      : baseLabel;\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)\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    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:flex-col 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          {item.dateLabel ? (\n            <span className=\"type-eyebrow ds:font-normal ds:text-[color:var(--muted-foreground)]\">\n              {item.dateLabel}\n            </span>\n          ) : null}\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          {item.meta ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.meta}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {item.status && item.status !== 'confirmed' ? (\n          <Badge\n            variant={STATUS_TONE[item.status]}\n            size=\"sm\"\n            withDot\n            className=\"ds:shrink-0\"\n          >\n            {t(`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","STATUS_TONE","AgendaCard","forwardRef","item","size","onActivate","actions","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","baseLabel","ariaLabel","titleNode","jsx","activator","e","jsxs","Avatar","Badge","ChevronRight"],"mappings":"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"}