uhc-portal-components-react 0.1.26 → 0.1.28

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## 0.1.28
+
+- Add a reusable emergency-contact directory with provider-owned create,
+  update and delete callbacks plus accessible telephone and email actions.
+- Keep Goals and Preferences and Clinical Tests inside the unified IPS
+  presentation instead of duplicating them as top-level sections.
+- Add a locale-aware clinical timeline with inclusive from/to date and time
+  filters, OR-within/AND-across multi-select facets, latest-first cards,
+  accessible previous/next navigation and an expanded-list alternative.
+- Replace free-text vital-sign timestamps with separate calendar date and time
+  controls, optional seconds defaulted to `00`, explicit current-date/current-
+  time actions and canonical FHIR instant composition in the selected IANA
+  time zone.
+- Keep long clinical editors scrollable on mobile while their save/cancel
+  actions remain visible and clickable.
+
+## 0.1.27
+
+- Add generic `AllClinicalSections<Person|Animal>` organization with stack or
+  tab presentation, nested collapsible groups and host-controlled exclusions.
+- Keep family health history, care-team members, emergency contacts,
+  Encounters and IPS summary as independent navigation concepts while the host
+  supplies authorized clinical content.
+
 ## 0.1.26
 
 - Add a brand-neutral clinical document and Encounter explorer for an

package/README.md

@@ -58,6 +58,18 @@ The package deliberately exposes modules instead of a cloned application:
   journey navigation and renders either IPS or non-IPS sections with the same
   viewer. It never treats an Encounter as the clinical subject or performs
   authorization, fetching or persistence in the browser.
+- `AllClinicalSections<Person|Animal>`: lets each portal compose the same
+  authorized section views as a stack or tabs, nest collapsible subsections and
+  exclude inapplicable areas. Family history, care-team members and emergency
+  contacts remain independent; the organizer never follows another subject's
+  card or documents automatically.
+- `ClinicalTimeline` and `ClinicalDateTimeFields`: render longitudinal entries
+  with localized dates, inclusive date/time ranges, multi-select clinical
+  facets and accessible latest-first navigation. Editors capture calendar date
+  and time separately; ISO/FHIR instants remain wire values, not UI labels.
+- `EmergencyContactDirectory`: renders already-authorized `RelatedPerson`
+  contacts and delegates create, update, delete and fresh provider readback to
+  the host portal. Browser editing never grants contact access.
 - `ClinicalArtifactEditor`: renders the same schema-driven clinical form for
   human and animal subjects. The host supplies its UHC/Vet schema,
   terminology-search adapter and authorized persistence callback. Selecting a

package/dist/AllClinicalSections.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+export declare const ClinicalSectionNavigationIds: Readonly<{
+    readonly IpsSummary: "ips-summary";
+    readonly Encounters: "encounters";
+    readonly HealthStatusAssessments: "health-status-assessments";
+    readonly HealthInsuranceInformation: "health-insurance-information";
+    readonly GoalsAndPreferences: "goals-and-preferences";
+    readonly FamilyHealthHistory: "family-health-history";
+    readonly ClinicalTests: "clinical-tests";
+    readonly ClinicalNotes: "clinical-notes";
+    readonly CareTeamMembers: "care-team-members";
+    readonly EmergencyContacts: "emergency-contacts";
+}>;
+export type ClinicalSectionNavigationId = typeof ClinicalSectionNavigationIds[keyof typeof ClinicalSectionNavigationIds];
+export type ClinicalSubjectKind = 'person' | 'animal';
+export type AllClinicalSectionDefinition<SubjectKind extends ClinicalSubjectKind> = Readonly<{
+    id: ClinicalSectionNavigationId | (string & {});
+    title: string;
+    description?: string;
+    content?: ReactNode;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    children?: readonly AllClinicalSectionDefinition<SubjectKind>[];
+}>;
+export type AllClinicalSectionsProps<SubjectKind extends ClinicalSubjectKind> = Readonly<{
+    subjectKind: SubjectKind;
+    title: string;
+    sections: readonly AllClinicalSectionDefinition<SubjectKind>[];
+    excludedSectionIds?: readonly string[];
+    presentation?: 'sections' | 'tabs';
+}>;
+/**
+ * Organizes host-provided clinical views without redefining their FHIR model.
+ *
+ * The host decides which sections apply to a person or animal, supplies only
+ * authorized content and may exclude sections. Family history, emergency
+ * contacts and care-team members remain independent domains; this component
+ * never follows another subject's card or document links automatically.
+ */
+export declare function AllClinicalSections<SubjectKind extends ClinicalSubjectKind>({ subjectKind, title, sections, excludedSectionIds, presentation, }: AllClinicalSectionsProps<SubjectKind>): import("react").JSX.Element;
+//# sourceMappingURL=AllClinicalSections.d.ts.map

package/dist/AllClinicalSections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllClinicalSections.d.ts","sourceRoot":"","sources":["../src/AllClinicalSections.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,4BAA4B;;;;;;;;;;;EAW9B,CAAA;AAEX,MAAM,MAAM,2BAA2B,GAAG,OAAO,4BAA4B,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAA;AACxH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAErD,MAAM,MAAM,4BAA4B,CAAC,WAAW,SAAS,mBAAmB,IAAI,QAAQ,CAAC;IAC3F,EAAE,EAAE,2BAA2B,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAA;CAChE,CAAC,CAAA;AAEF,MAAM,MAAM,wBAAwB,CAAC,WAAW,SAAS,mBAAmB,IAAI,QAAQ,CAAC;IACvF,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAA;IAC9D,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACtC,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;CACnC,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,SAAS,mBAAmB,EAAE,EAC3E,WAAW,EACX,KAAK,EACL,QAAQ,EACR,kBAAuB,EACvB,YAAyB,GAC1B,EAAE,wBAAwB,CAAC,WAAW,CAAC,+BAqCvC"}

package/dist/AllClinicalSections.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export const ClinicalSectionNavigationIds = Object.freeze({
+    IpsSummary: 'ips-summary',
+    Encounters: 'encounters',
+    HealthStatusAssessments: 'health-status-assessments',
+    HealthInsuranceInformation: 'health-insurance-information',
+    GoalsAndPreferences: 'goals-and-preferences',
+    FamilyHealthHistory: 'family-health-history',
+    ClinicalTests: 'clinical-tests',
+    ClinicalNotes: 'clinical-notes',
+    CareTeamMembers: 'care-team-members',
+    EmergencyContacts: 'emergency-contacts',
+});
+/**
+ * Organizes host-provided clinical views without redefining their FHIR model.
+ *
+ * The host decides which sections apply to a person or animal, supplies only
+ * authorized content and may exclude sections. Family history, emergency
+ * contacts and care-team members remain independent domains; this component
+ * never follows another subject's card or document links automatically.
+ */
+export function AllClinicalSections({ subjectKind, title, sections, excludedSectionIds = [], presentation = 'sections', }) {
+    const visibleSections = organizeClinicalSections(sections.filter(({ id }) => !excludedSectionIds.includes(id)));
+    const [selectedId, setSelectedId] = useState(visibleSections[0]?.id ?? '');
+    const selectedSection = visibleSections.find(({ id }) => id === selectedId) ?? visibleSections[0];
+    return (_jsxs("section", { className: "uhcp-all-clinical-sections", "data-subject-kind": subjectKind, children: [_jsx("h2", { children: title }), presentation === 'tabs' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "uhcp-all-clinical-tabs", role: "tablist", "aria-label": title, children: visibleSections.map((section) => (_jsx("button", { type: "button", role: "tab", "aria-selected": section.id === selectedSection?.id, "aria-controls": `uhcp-all-section-${section.id}`, onClick: () => setSelectedId(section.id), children: section.title }, section.id))) }), selectedSection ? (_jsx("div", { id: `uhcp-all-section-${selectedSection.id}`, role: "tabpanel", children: _jsx(ClinicalSection, { definition: selectedSection, excludedSectionIds: excludedSectionIds }) })) : null] })) : (_jsx("div", { className: "uhcp-all-clinical-stack", children: visibleSections.map((section) => (_jsx(ClinicalSection, { definition: section, excludedSectionIds: excludedSectionIds }, section.id))) }))] }));
+}
+function organizeClinicalSections(sections) {
+    const ipsChildrenIds = new Set([
+        ClinicalSectionNavigationIds.GoalsAndPreferences,
+        ClinicalSectionNavigationIds.ClinicalTests,
+    ]);
+    const ipsChildren = sections.filter(({ id }) => ipsChildrenIds.has(id));
+    if (ipsChildren.length === 0)
+        return sections;
+    return sections
+        .filter(({ id }) => !ipsChildrenIds.has(id))
+        .map((section) => section.id === ClinicalSectionNavigationIds.IpsSummary
+        ? { ...section, children: [...(section.children ?? []), ...ipsChildren] }
+        : section);
+}
+function ClinicalSection({ definition, excludedSectionIds, }) {
+    const body = (_jsxs("div", { className: "uhcp-all-clinical-content", children: [definition.description ? _jsx("p", { children: definition.description }) : null, definition.content, definition.children?.filter(({ id }) => !excludedSectionIds.includes(id)).map((child) => (_jsx(ClinicalSection, { definition: child, excludedSectionIds: excludedSectionIds }, child.id)))] }));
+    if (definition.collapsible !== false) {
+        return (_jsxs("details", { className: "uhcp-all-clinical-section", open: definition.defaultOpen, children: [_jsx("summary", { children: definition.title }), body] }));
+    }
+    return (_jsxs("section", { className: "uhcp-all-clinical-section", "aria-labelledby": `uhcp-all-section-title-${definition.id}`, children: [_jsx("h3", { id: `uhcp-all-section-title-${definition.id}`, children: definition.title }), body] }));
+}

package/dist/ClinicalSectionSummary.d.ts

@@ -17,6 +17,8 @@ export type ClinicalSectionSummaryProps = Readonly<{
     emptyLabel: string;
     resourceTypeLabel?: (resourceType: string) => string;
     actions?: ReactNode;
+    locale?: string;
+    timeZone?: string;
     /** Hide only the heading when a host already owns the expandable section header. */
     showHeader?: boolean;
 }>;
@@ -28,5 +30,5 @@ export type ClinicalSectionSummaryProps = Readonly<{
  * terminology identity/translation key and must never be supplied as a
  * replacement for manually authored text.
  */
-export declare function ClinicalSectionSummary({ code, title, resources, emptyLabel, resourceTypeLabel, actions, showHeader, }: ClinicalSectionSummaryProps): import("react").JSX.Element;
+export declare function ClinicalSectionSummary({ code, title, resources, emptyLabel, resourceTypeLabel, actions, locale, timeZone, showHeader, }: ClinicalSectionSummaryProps): import("react").JSX.Element;
 //# sourceMappingURL=ClinicalSectionSummary.d.ts.map

package/dist/ClinicalSectionSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClinicalSectionSummary.d.ts","sourceRoot":"","sources":["../src/ClinicalSectionSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAA;CAC/E,CAAC,CAAA;AAEF,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,SAAS,mBAAmB,EAAE,CAAA;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAU,EACV,iBAAkD,EAClD,OAAO,EACP,UAAiB,GAClB,EAAE,2BAA2B,+BAiC7B"}
+{"version":3,"file":"ClinicalSectionSummary.d.ts","sourceRoot":"","sources":["../src/ClinicalSectionSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAA;CAC/E,CAAC,CAAA;AAEF,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,SAAS,mBAAmB,EAAE,CAAA;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAU,EACV,iBAAkD,EAClD,OAAO,EACP,MAAa,EACb,QAAQ,EACR,UAAiB,GAClB,EAAE,2BAA2B,+BAiC7B"}

package/dist/ClinicalSectionSummary.js

@@ -1,4 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { formatFhirTemporalForLocale } from 'fhir-data-utils-ts/fhir-temporal-presentation';
 /**
  * Brand-neutral renderer for one already-resolved IPS section.
  *
@@ -7,8 +8,16 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
  * terminology identity/translation key and must never be supplied as a
  * replacement for manually authored text.
  */
-export function ClinicalSectionSummary({ code, title, resources, emptyLabel, resourceTypeLabel = (resourceType) => resourceType, actions, showHeader = true, }) {
+export function ClinicalSectionSummary({ code, title, resources, emptyLabel, resourceTypeLabel = (resourceType) => resourceType, actions, locale = 'en', timeZone, showHeader = true, }) {
     return (_jsxs("section", { className: "uhcp-clinical-section", "data-ips-section": code, ...(showHeader ? { 'aria-labelledby': `uhcp-section-${code}` } : { 'aria-label': title }), children: [showHeader && (_jsxs("header", { children: [_jsxs("h3", { id: `uhcp-section-${code}`, children: [title, " ", _jsxs("span", { children: ["(", resources.length, ")"] })] }), actions] })), resources.length === 0
                 ? _jsx("p", { className: "uhcp-clinical-empty", children: emptyLabel })
-                : (_jsx("div", { className: "uhcp-clinical-grid", children: resources.map((resource) => (_jsxs("article", { className: "uhcp-clinical-card", "data-resource-type": resource.resourceType, children: [_jsx("p", { className: "uhcp-clinical-title", dir: "auto", children: _jsx("bdi", { children: resource.title }) }), _jsx("p", { className: "uhcp-clinical-type", children: resourceTypeLabel(resource.resourceType) }), resource.date && _jsx("p", { className: "uhcp-clinical-date", children: resource.date }), resource.details?.length ? _jsx("dl", { className: "uhcp-clinical-details", children: resource.details.map((detail) => _jsxs("div", { children: [_jsx("dt", { children: detail.label }), _jsxs("dd", { children: [detail.value, detail.unit ? ` ${detail.unit}` : ''] })] }, `${detail.label}:${detail.value}:${detail.unit ?? ''}`)) }) : null] }, resource.key))) }))] }));
+                : (_jsx("div", { className: "uhcp-clinical-grid", children: resources.map((resource) => (_jsxs("article", { className: "uhcp-clinical-card", "data-resource-type": resource.resourceType, children: [_jsx("p", { className: "uhcp-clinical-title", dir: "auto", children: _jsx("bdi", { children: resource.title }) }), _jsx("p", { className: "uhcp-clinical-type", children: resourceTypeLabel(resource.resourceType) }), resource.date && _jsx("p", { className: "uhcp-clinical-date", children: _jsx("time", { dateTime: resource.date, children: localizedTemporal(resource.date, locale, timeZone) }) }), resource.details?.length ? _jsx("dl", { className: "uhcp-clinical-details", children: resource.details.map((detail) => _jsxs("div", { children: [_jsx("dt", { children: detail.label }), _jsxs("dd", { children: [detail.value, detail.unit ? ` ${detail.unit}` : ''] })] }, `${detail.label}:${detail.value}:${detail.unit ?? ''}`)) }) : null] }, resource.key))) }))] }));
+}
+function localizedTemporal(value, locale, timeZone) {
+    try {
+        return formatFhirTemporalForLocale(value, locale, { timeZone, includeTime: value.includes('T') });
+    }
+    catch {
+        return value;
+    }
 }

package/dist/ClinicalTimeline.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode } from 'react';
+import { type LocalDateTimeParts } from 'fhir-data-utils-ts/fhir-temporal-presentation';
+export type ClinicalTimelineEntry = Readonly<{
+    id: string;
+    title: string;
+    dateTime: string;
+    facets?: Readonly<Record<string, readonly string[]>>;
+    content?: ReactNode;
+}>;
+export type ClinicalTimelineFacet = Readonly<{
+    id: string;
+    label: string;
+    options: readonly Readonly<{
+        id: string;
+        label: string;
+    }>[];
+}>;
+export type ClinicalTimelineLabels = Readonly<{
+    from: string;
+    to: string;
+    date: string;
+    time: string;
+    useToday: string;
+    useCurrentTime: string;
+    previous: string;
+    next: string;
+    showAll: string;
+    empty: string;
+}>;
+export type ClinicalDateTimeFieldLabels = Readonly<{
+    date: string;
+    time: string;
+    useToday: string;
+    useCurrentTime: string;
+}>;
+export declare function ClinicalDateTimeFields({ value, onChange, labels, timeZone, now, includeSeconds, }: Readonly<{
+    value: LocalDateTimeParts;
+    onChange: (value: LocalDateTimeParts) => void;
+    labels: ClinicalDateTimeFieldLabels;
+    timeZone: string;
+    now?: Date;
+    includeSeconds?: boolean;
+}>): import("react").JSX.Element;
+export declare function ClinicalTimeline({ entries, facets, locale, timeZone, labels, now }: Readonly<{
+    entries: readonly ClinicalTimelineEntry[];
+    facets?: readonly ClinicalTimelineFacet[];
+    locale: string;
+    timeZone: string;
+    labels: ClinicalTimelineLabels;
+    now?: Date;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=ClinicalTimeline.d.ts.map

package/dist/ClinicalTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClinicalTimeline.d.ts","sourceRoot":"","sources":["../src/ClinicalTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,+CAA+C,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC,CAAA;IACpD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAC,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,QAAQ,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAA;CAC5D,CAAC,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;CACvB,CAAC,CAAA;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAgB,EAChB,cAAqB,GACtB,EAAE,QAAQ,CAAC;IACV,KAAK,EAAE,kBAAkB,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7C,MAAM,EAAE,2BAA2B,CAAA;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,IAAI,CAAA;IACV,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC,+BAWD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,MAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAgB,EAAE,EAAE,QAAQ,CAAC;IAC9G,OAAO,EAAE,SAAS,qBAAqB,EAAE,CAAA;IACzC,MAAM,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAA;IACzC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,sBAAsB,CAAA;IAC9B,GAAG,CAAC,EAAE,IAAI,CAAA;CACX,CAAC,+BAuDD"}

package/dist/ClinicalTimeline.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { composeFhirDateTimeFromLocalParts, formatFhirTemporalForLocale, isFhirTemporalWithinRange, splitFhirDateTimeForInput, } from 'fhir-data-utils-ts/fhir-temporal-presentation';
+export function ClinicalDateTimeFields({ value, onChange, labels, timeZone, now = new Date(), includeSeconds = true, }) {
+    const current = splitFhirDateTimeForInput(now, timeZone);
+    const time = includeSeconds ? current.time : current.time.slice(0, 5);
+    return (_jsxs("div", { className: "uhcp-clinical-date-time-fields", children: [_jsxs("label", { children: [labels.date, _jsx("input", { type: "date", value: value.date, onChange: (event) => onChange({ ...value, date: event.target.value }) })] }), _jsx("button", { type: "button", title: labels.useToday, "aria-label": labels.useToday, onClick: () => onChange({ ...value, date: current.date }), children: "\u25C9" }), _jsxs("label", { children: [labels.time, _jsx("input", { type: "time", step: includeSeconds ? 1 : 60, value: value.time, onChange: (event) => onChange({ ...value, time: event.target.value }) })] }), _jsx("button", { type: "button", title: labels.useCurrentTime, "aria-label": labels.useCurrentTime, onClick: () => onChange({ ...value, time }), children: "\u25F7" })] }));
+}
+export function ClinicalTimeline({ entries, facets = [], locale, timeZone, labels, now = new Date() }) {
+    const [selectedFacets, setSelectedFacets] = useState({});
+    const [from, setFrom] = useState({ date: '', time: '' });
+    const [to, setTo] = useState({ date: '', time: '' });
+    const [requestedIndex, setRequestedIndex] = useState(0);
+    const [showAll, setShowAll] = useState(false);
+    const current = splitFhirDateTimeForInput(now, timeZone);
+    const filtered = useMemo(() => [...entries]
+        .filter((entry) => matchesEverySelectedFacet(entry, selectedFacets))
+        .filter((entry) => isFhirTemporalWithinRange(entry.dateTime, {
+        from: composeOptionalBoundary(from, timeZone, 'from'),
+        to: composeOptionalBoundary(to, timeZone, 'to'),
+    }, now))
+        .sort((left, right) => new Date(right.dateTime).getTime() - new Date(left.dateTime).getTime()), [entries, from, now, selectedFacets, timeZone, to]);
+    const index = Math.min(requestedIndex, Math.max(filtered.length - 1, 0));
+    const selected = filtered[index];
+    return (_jsxs("section", { className: "uhcp-clinical-timeline", children: [_jsxs("div", { className: "uhcp-clinical-filters", children: [_jsxs("div", { className: "uhcp-clinical-range", children: [_jsx(DateTimeBoundary, { label: labels.from, labels: labels, current: current, value: from, onChange: (value) => { setFrom(value); setRequestedIndex(0); } }), _jsx(DateTimeBoundary, { label: labels.to, labels: labels, current: current, value: to, onChange: (value) => { setTo(value); setRequestedIndex(0); } })] }), facets.map((facet) => _jsxs("fieldset", { children: [_jsx("legend", { children: facet.label }), facet.options.map((option) => _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: selectedFacets[facet.id]?.includes(option.id) ?? false, onChange: () => {
+                                            setSelectedFacets((current) => toggleFacet(current, facet.id, option.id));
+                                            setRequestedIndex(0);
+                                        } }), option.label] }, option.id))] }, facet.id))] }), selected ? _jsxs(_Fragment, { children: [_jsxs("article", { className: "uhcp-clinical-timeline-card", children: [_jsx("h4", { children: selected.title }), _jsx("time", { dateTime: selected.dateTime, children: formatFhirTemporalForLocale(selected.dateTime, locale, { timeZone, includeTime: true }) }), selected.content] }), _jsxs("nav", { className: "uhcp-clinical-timeline-navigation", "aria-label": `${selected.title} history`, children: [_jsx("button", { type: "button", disabled: index === 0, onClick: () => setRequestedIndex((value) => Math.max(0, value - 1)), children: labels.previous }), _jsxs("output", { "aria-live": "polite", children: [index + 1, " / ", filtered.length] }), _jsx("button", { type: "button", disabled: index >= filtered.length - 1, onClick: () => setRequestedIndex((value) => value + 1), children: labels.next }), _jsx("button", { type: "button", "aria-expanded": showAll, onClick: () => setShowAll((value) => !value), children: labels.showAll })] }), showAll ? _jsx("ol", { className: "uhcp-clinical-timeline-list", children: filtered.map((entry) => _jsxs("li", { children: [_jsx("strong", { children: entry.title }), _jsx("time", { dateTime: entry.dateTime, children: formatFhirTemporalForLocale(entry.dateTime, locale, { timeZone, includeTime: true }) })] }, entry.id)) }) : null] }) : _jsx("p", { className: "uhcp-clinical-empty", children: labels.empty })] }));
+}
+function DateTimeBoundary({ label, labels, current, value, onChange }) {
+    return _jsxs("fieldset", { children: [_jsx("legend", { children: label }), _jsxs("label", { children: [labels.date, _jsx("input", { "aria-label": `${label} ${labels.date}`, type: "date", value: value.date, onChange: (event) => onChange({ ...value, date: event.target.value }) })] }), _jsx("button", { type: "button", title: `${labels.useToday} (${label})`, "aria-label": `${labels.useToday} (${label})`, onClick: () => onChange({ ...value, date: current.date }), children: "\u25C9" }), _jsxs("label", { children: [labels.time, _jsx("input", { "aria-label": `${label} ${labels.time}`, type: "time", step: "1", value: value.time, onChange: (event) => onChange({ ...value, time: event.target.value }) })] }), _jsx("button", { type: "button", title: `${labels.useCurrentTime} (${label})`, "aria-label": `${labels.useCurrentTime} (${label})`, onClick: () => onChange({ ...value, time: current.time }), children: "\u25F7" })] });
+}
+function composeOptionalBoundary(parts, timeZone, edge) {
+    if (!parts.date)
+        return undefined;
+    const defaultTime = edge === 'from' ? '00:00:00' : '23:59:59';
+    return composeFhirDateTimeFromLocalParts({ date: parts.date, time: parts.time || defaultTime, timeZone });
+}
+function matchesEverySelectedFacet(entry, selected) {
+    return Object.entries(selected).every(([facetId, selectedOptions]) => selectedOptions.length === 0 || selectedOptions.some((option) => entry.facets?.[facetId]?.includes(option)));
+}
+function toggleFacet(current, facetId, optionId) {
+    const existing = current[facetId] ?? [];
+    const next = existing.includes(optionId) ? existing.filter((id) => id !== optionId) : [...existing, optionId];
+    return { ...current, [facetId]: next };
+}

package/dist/EmergencyContactDirectory.d.ts

@@ -0,0 +1,30 @@
+export type EmergencyContactRecord = Readonly<{
+    id?: string;
+    name: string;
+    relationship: string;
+    phone?: string;
+    email?: string;
+}>;
+export type EmergencyContactDirectoryCopy = Readonly<{
+    title: string;
+    empty: string;
+    add: string;
+    edit: string;
+    remove: string;
+    save: string;
+    cancel: string;
+    name: string;
+    relationship: string;
+    phone: string;
+    email: string;
+    call: string;
+    message: string;
+}>;
+export declare function EmergencyContactDirectory({ contacts, copy, editable, onSave, onDelete }: Readonly<{
+    contacts: readonly EmergencyContactRecord[];
+    copy: EmergencyContactDirectoryCopy;
+    editable?: boolean;
+    onSave?: (contact: EmergencyContactRecord) => Promise<void>;
+    onDelete?: (id: string) => Promise<void>;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=EmergencyContactDirectory.d.ts.map

package/dist/EmergencyContactDirectory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmergencyContactDirectory.d.ts","sourceRoot":"","sources":["../src/EmergencyContactDirectory.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB,CAAC,CAAA;AAIF,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC;IACzG,QAAQ,EAAE,SAAS,sBAAsB,EAAE,CAAA;IAC3C,IAAI,EAAE,6BAA6B,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACzC,CAAC,+BAkCD"}

package/dist/EmergencyContactDirectory.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+const EMPTY_CONTACT = Object.freeze({ name: '', relationship: '', phone: '', email: '' });
+export function EmergencyContactDirectory({ contacts, copy, editable = false, onSave, onDelete }) {
+    const [draft, setDraft] = useState();
+    const [saving, setSaving] = useState(false);
+    async function save() {
+        if (!draft || !onSave)
+            return;
+        setSaving(true);
+        try {
+            await onSave(draft);
+            setDraft(undefined);
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    return _jsxs("section", { className: "uhcp-emergency-contact-directory", children: [_jsxs("header", { children: [_jsx("h3", { children: copy.title }), editable ? _jsx("button", { type: "button", onClick: () => setDraft(EMPTY_CONTACT), children: copy.add }) : null] }), contacts.length ? _jsx("ul", { children: contacts.map((contact) => _jsxs("li", { children: [_jsxs("div", { children: [_jsx("strong", { children: contact.name }), _jsx("span", { children: contact.relationship })] }), _jsxs("nav", { "aria-label": contact.name, children: [contact.phone ? _jsx("a", { href: `tel:${contact.phone}`, children: copy.call }) : null, contact.email ? _jsx("a", { href: `mailto:${contact.email}`, children: copy.message }) : null, editable ? _jsxs("button", { type: "button", onClick: () => setDraft(contact), children: [copy.edit, " ", contact.name] }) : null, editable && contact.id && onDelete ? _jsxs("button", { type: "button", onClick: () => void onDelete(contact.id), children: [copy.remove, " ", contact.name] }) : null] })] }, contact.id ?? `${contact.name}|${contact.relationship}`)) }) : _jsx("p", { children: copy.empty }), draft ? _jsxs("form", { className: "uhcp-emergency-contact-editor", onSubmit: (event) => { event.preventDefault(); void save(); }, children: [_jsxs("label", { children: [copy.name, _jsx("input", { required: true, value: draft.name, onChange: (event) => setDraft((current) => ({ ...current, name: event.target.value })) })] }), _jsxs("label", { children: [copy.relationship, _jsx("input", { required: true, value: draft.relationship, onChange: (event) => setDraft((current) => ({ ...current, relationship: event.target.value })) })] }), _jsxs("label", { children: [copy.phone, _jsx("input", { type: "tel", value: draft.phone ?? '', onChange: (event) => setDraft((current) => ({ ...current, phone: event.target.value })) })] }), _jsxs("label", { children: [copy.email, _jsx("input", { type: "email", value: draft.email ?? '', onChange: (event) => setDraft((current) => ({ ...current, email: event.target.value })) })] }), _jsxs("footer", { children: [_jsx("button", { type: "button", onClick: () => setDraft(undefined), children: copy.cancel }), _jsx("button", { type: "submit", disabled: saving, children: copy.save })] })] }) : null] });
+}

package/dist/IpsBundleSummary.d.ts

@@ -1,14 +1,21 @@
 import type { ReactNode } from 'react';
 import { type ClinicalResourceBundleLike, type ClinicalSectionView, type ClinicalTerminologyTranslationInput } from 'gdc-common-utils-ts/utils/clinical-resource-view';
+import { type ClinicalTimelineLabels } from './ClinicalTimeline.js';
 export type IpsBundleSummaryProps = Readonly<{
     bundle: ClinicalResourceBundleLike;
     locale?: string;
+    timeZone?: string;
     translateCode?: (input: ClinicalTerminologyTranslationInput) => string | undefined;
     emptyLabel: string;
     noSectionsLabel?: string;
     sectionTitle?: (section: ClinicalSectionView) => string;
     resourceTypeLabel?: (resourceType: string) => string;
     sectionActions?: (section: ClinicalSectionView) => ReactNode;
+    timeline?: Readonly<{
+        labels: ClinicalTimelineLabels;
+        sectionFacetLabel: string;
+        resourceTypeFacetLabel: string;
+    }>;
 }>;
 /**
  * Renders every section declared by an IPS Composition and the cards referenced
@@ -19,5 +26,5 @@ export type IpsBundleSummaryProps = Readonly<{
  * native FHIR fields or canonical `resource.meta.claims` provide card content.
  * This component performs no ingestion, persistence or GW call.
  */
-export declare function IpsBundleSummary({ bundle, locale, translateCode, emptyLabel, noSectionsLabel, sectionTitle, resourceTypeLabel, sectionActions, }: IpsBundleSummaryProps): import("react").JSX.Element;
+export declare function IpsBundleSummary({ bundle, locale, timeZone, translateCode, emptyLabel, noSectionsLabel, sectionTitle, resourceTypeLabel, sectionActions, timeline, }: IpsBundleSummaryProps): import("react").JSX.Element;
 //# sourceMappingURL=IpsBundleSummary.d.ts.map

package/dist/IpsBundleSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IpsBundleSummary.d.ts","sourceRoot":"","sources":["../src/IpsBundleSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAEL,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,EACxB,KAAK,mCAAmC,EACzC,MAAM,kDAAkD,CAAA;AAGzD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,MAAM,EAAE,0BAA0B,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,MAAM,GAAG,SAAS,CAAA;IAClF,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,MAAM,CAAA;IACvD,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,SAAS,CAAA;CAC7D,CAAC,CAAA;AAEF;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,aAAa,EACb,UAAU,EACV,eAA4B,EAC5B,YAAyC,EACzC,iBAAiB,EACjB,cAAc,GACf,EAAE,qBAAqB,+BA+BvB"}
+{"version":3,"file":"IpsBundleSummary.d.ts","sourceRoot":"","sources":["../src/IpsBundleSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAEL,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,EACxB,KAAK,mCAAmC,EACzC,MAAM,kDAAkD,CAAA;AAEzD,OAAO,EAAgD,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAEjH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,MAAM,EAAE,0BAA0B,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,MAAM,GAAG,SAAS,CAAA;IAClF,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,MAAM,CAAA;IACvD,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,SAAS,CAAA;IAC5D,QAAQ,CAAC,EAAE,QAAQ,CAAC;QAClB,MAAM,EAAE,sBAAsB,CAAA;QAC9B,iBAAiB,EAAE,MAAM,CAAA;QACzB,sBAAsB,EAAE,MAAM,CAAA;KAC/B,CAAC,CAAA;CACH,CAAC,CAAA;AAEF;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,QAAQ,EACR,aAAa,EACb,UAAU,EACV,eAA4B,EAC5B,YAAyC,EACzC,iBAAiB,EACjB,cAAc,EACd,QAAQ,GACT,EAAE,qBAAqB,+BAoEvB"}

package/dist/IpsBundleSummary.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { toClinicalSectionViews, } from 'gdc-common-utils-ts/utils/clinical-resource-view';
 import { ClinicalSectionSummary } from './ClinicalSectionSummary.js';
+import { ClinicalTimeline } from './ClinicalTimeline.js';
 /**
  * Renders every section declared by an IPS Composition and the cards referenced
  * by each section.
@@ -10,19 +11,47 @@ import { ClinicalSectionSummary } from './ClinicalSectionSummary.js';
  * native FHIR fields or canonical `resource.meta.claims` provide card content.
  * This component performs no ingestion, persistence or GW call.
  */
-export function IpsBundleSummary({ bundle, locale, translateCode, emptyLabel, noSectionsLabel = emptyLabel, sectionTitle = (section) => section.title, resourceTypeLabel, sectionActions, }) {
+export function IpsBundleSummary({ bundle, locale, timeZone, translateCode, emptyLabel, noSectionsLabel = emptyLabel, sectionTitle = (section) => section.title, resourceTypeLabel, sectionActions, timeline, }) {
     const sections = toClinicalSectionViews(bundle, { locale, translateCode });
     const nativeResources = new Map((bundle.entry ?? bundle.data ?? []).flatMap((entry) => entry.fullUrl && entry.resource ? [[entry.fullUrl, entry.resource]] : []));
     if (sections.length === 0) {
         return _jsx("p", { className: "uhcp-clinical-empty", "data-ips-summary-empty": true, children: noSectionsLabel });
     }
-    return (_jsx("div", { className: "uhcp-clinical-summary", "data-ips-summary": true, children: sections.map((section, sectionIndex) => (_jsx(ClinicalSectionSummary, { code: section.code ?? '', title: sectionTitle(section), resources: section.resources.map((resource, resourceIndex) => ({
-                key: resource.fullUrl ?? `${resource.resourceType}:${resourceIndex}:${resource.title}`,
-                title: resource.title,
-                resourceType: resource.resourceType,
-                date: resource.date,
-                details: observationComponentDetails(nativeResources.get(resource.fullUrl ?? '')),
-            })), emptyLabel: emptyLabel, resourceTypeLabel: resourceTypeLabel, actions: sectionActions?.(section) }, section.code ?? `${section.title}:${sectionIndex}`))) }));
+    const timelineEntries = sections.flatMap((section, sectionIndex) => section.resources.flatMap((resource, resourceIndex) => resource.date ? [{
+            id: resource.fullUrl ?? `${sectionIndex}:${resourceIndex}:${resource.resourceType}`,
+            title: resource.title,
+            dateTime: resource.date,
+            facets: {
+                section: [section.code ?? section.title],
+                resourceType: [resource.resourceType],
+            },
+            content: _jsx("small", { children: resourceTypeLabel?.(resource.resourceType) ?? resource.resourceType }),
+        }] : []));
+    const timelineFacets = timeline ? [
+        {
+            id: 'section',
+            label: timeline.sectionFacetLabel,
+            options: uniqueOptions(sections.map((section) => ({ id: section.code ?? section.title, label: sectionTitle(section) }))),
+        },
+        {
+            id: 'resourceType',
+            label: timeline.resourceTypeFacetLabel,
+            options: uniqueOptions(sections.flatMap((section) => section.resources.map((resource) => ({
+                id: resource.resourceType,
+                label: resourceTypeLabel?.(resource.resourceType) ?? resource.resourceType,
+            })))),
+        },
+    ] : [];
+    return (_jsxs("div", { className: "uhcp-clinical-summary", "data-ips-summary": true, children: [timeline && timeZone && timelineEntries.length ? _jsx(ClinicalTimeline, { entries: timelineEntries, facets: timelineFacets, locale: locale ?? 'en', timeZone: timeZone, labels: timeline.labels }) : null, sections.map((section, sectionIndex) => (_jsx(ClinicalSectionSummary, { code: section.code ?? '', title: sectionTitle(section), resources: section.resources.map((resource, resourceIndex) => ({
+                    key: resource.fullUrl ?? `${resource.resourceType}:${resourceIndex}:${resource.title}`,
+                    title: resource.title,
+                    resourceType: resource.resourceType,
+                    date: resource.date,
+                    details: observationComponentDetails(nativeResources.get(resource.fullUrl ?? '')),
+                })), emptyLabel: emptyLabel, resourceTypeLabel: resourceTypeLabel, actions: sectionActions?.(section), locale: locale, timeZone: timeZone }, section.code ?? `${section.title}:${sectionIndex}`)))] }));
+}
+function uniqueOptions(options) {
+    return [...new Map(options.map((option) => [option.id, option])).values()];
 }
 function observationComponentDetails(resource) {
     const candidate = resource;

package/dist/VitalSignArtifactEditor.d.ts

@@ -1,10 +1,12 @@
 import { type VitalSignKind, type VitalSignMeasurement } from 'fhir-data-utils-ts';
 import type { ClinicalResourceBundleLike } from 'gdc-common-utils-ts/utils/clinical-resource-view';
+import { type ClinicalDateTimeFieldLabels } from './ClinicalTimeline.js';
 export type VitalSignArtifactEditorCopy = Readonly<{
     title: string;
     description: string;
     kind: string;
     measuredAt: string;
+    dateTime: ClinicalDateTimeFieldLabels;
     value: string;
     systolic: string;
     diastolic: string;
@@ -19,6 +21,8 @@ export type VitalSignArtifactEditorProps = Readonly<{
     entryId: string;
     subjectReference: string;
     initialMeasurement?: VitalSignMeasurement;
+    locale: string;
+    timeZone: string;
     copy: VitalSignArtifactEditorCopy;
     kindLabels: VitalSignKindLabels;
     saveMeasurement: (measurement: VitalSignMeasurement) => Promise<ClinicalResourceBundleLike | undefined>;
@@ -26,5 +30,5 @@ export type VitalSignArtifactEditorProps = Readonly<{
     onReadback: (bundle: ClinicalResourceBundleLike) => void;
 }>;
 /** Shared vital-sign capture. Composite values remain one typed measurement. */
-export declare function VitalSignArtifactEditor({ entryId, subjectReference, initialMeasurement, copy, kindLabels, saveMeasurement, onCancel, onReadback, }: VitalSignArtifactEditorProps): import("react").JSX.Element;
+export declare function VitalSignArtifactEditor({ entryId, subjectReference, initialMeasurement, locale, timeZone, copy, kindLabels, saveMeasurement, onCancel, onReadback, }: VitalSignArtifactEditorProps): import("react").JSX.Element;
 //# sourceMappingURL=VitalSignArtifactEditor.d.ts.map

package/dist/VitalSignArtifactEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VitalSignArtifactEditor.d.ts","sourceRoot":"","sources":["../src/VitalSignArtifactEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,oBAAoB,EAC1B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAA;AAElG,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAA;AAEzE,MAAM,MAAM,4BAA4B,GAAG,QAAQ,CAAC;IAClD,OAAO,EAAE,MAAM,CAAA;IACf,gBAAgB,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,oBAAoB,CAAA;IACzC,IAAI,EAAE,2BAA2B,CAAA;IACjC,UAAU,EAAE,mBAAmB,CAAA;IAC/B,eAAe,EAAE,CAAC,WAAW,EAAE,oBAAoB,KAAK,OAAO,CAAC,0BAA0B,GAAG,SAAS,CAAC,CAAA;IACvG,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAA;CACzD,CAAC,CAAA;AAWF,gFAAgF;AAChF,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,IAAI,EACJ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,UAAU,GACX,EAAE,4BAA4B,+BA+C9B"}
+{"version":3,"file":"VitalSignArtifactEditor.d.ts","sourceRoot":"","sources":["../src/VitalSignArtifactEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,oBAAoB,EAC1B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAA;AAClG,OAAO,EAA0B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAA;AAEhG,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,2BAA2B,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAA;AAEzE,MAAM,MAAM,4BAA4B,GAAG,QAAQ,CAAC;IAClD,OAAO,EAAE,MAAM,CAAA;IACf,gBAAgB,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,oBAAoB,CAAA;IACzC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,2BAA2B,CAAA;IACjC,UAAU,EAAE,mBAAmB,CAAA;IAC/B,eAAe,EAAE,CAAC,WAAW,EAAE,oBAAoB,KAAK,OAAO,CAAC,0BAA0B,GAAG,SAAS,CAAC,CAAA;IACvG,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAA;CACzD,CAAC,CAAA;AAWF,gFAAgF;AAChF,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,UAAU,GACX,EAAE,4BAA4B,+BAoD9B"}

package/dist/VitalSignArtifactEditor.js

@@ -1,7 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useId, useState } from 'react';
-import { VitalSignUnit, } from 'fhir-data-utils-ts';
+import { composeFhirDateTimeFromLocalParts, splitFhirDateTimeForInput, VitalSignUnit, } from 'fhir-data-utils-ts';
+import { ClinicalDateTimeFields } from './ClinicalTimeline.js';
 const VITAL_SIGN_KINDS = Object.freeze([
     'blood-pressure',
     'temperature',
@@ -11,11 +12,13 @@ const VITAL_SIGN_KINDS = Object.freeze([
     'body-weight',
 ]);
 /** Shared vital-sign capture. Composite values remain one typed measurement. */
-export function VitalSignArtifactEditor({ entryId, subjectReference, initialMeasurement, copy, kindLabels, saveMeasurement, onCancel, onReadback, }) {
+export function VitalSignArtifactEditor({ entryId, subjectReference, initialMeasurement, locale, timeZone, copy, kindLabels, saveMeasurement, onCancel, onReadback, }) {
     const titleId = useId();
     const descriptionId = useId();
     const [kind, setKind] = useState(initialMeasurement?.kind ?? 'oxygen-saturation');
-    const [measuredAt, setMeasuredAt] = useState(initialMeasurement?.measuredAt ?? '');
+    const [measuredAt, setMeasuredAt] = useState(() => initialMeasurement?.measuredAt
+        ? splitFhirDateTimeForInput(initialMeasurement.measuredAt, timeZone)
+        : { date: '', time: '' });
     const [value, setValue] = useState(initialMeasurement && initialMeasurement.kind !== 'blood-pressure' ? String(initialMeasurement.value) : '');
     const [systolic, setSystolic] = useState(initialMeasurement?.kind === 'blood-pressure' ? String(initialMeasurement.systolic) : '');
     const [diastolic, setDiastolic] = useState(initialMeasurement?.kind === 'blood-pressure' ? String(initialMeasurement.diastolic) : '');
@@ -25,7 +28,8 @@ export function VitalSignArtifactEditor({ entryId, subjectReference, initialMeas
         setSaving(true);
         setError('');
         try {
-            const common = { entryId, subjectReference, kind, measuredAt, status: 'final' };
+            const measuredAtInstant = composeFhirDateTimeFromLocalParts({ ...measuredAt, timeZone });
+            const common = { entryId, subjectReference, kind, measuredAt: measuredAtInstant, status: 'final' };
             const measurement = kind === 'blood-pressure'
                 ? { ...common, kind, systolic: Number(systolic), diastolic: Number(diastolic) }
                 : { ...common, kind, value: Number(value), unit: unitFor(kind) };
@@ -41,7 +45,7 @@ export function VitalSignArtifactEditor({ entryId, subjectReference, initialMeas
             setSaving(false);
         }
     }
-    return _jsxs("section", { className: "uhcp-clinical-editor", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": descriptionId, children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("h2", { id: titleId, children: copy.title }), _jsx("p", { id: descriptionId, children: copy.description })] }), _jsx("button", { type: "button", onClick: onCancel, "aria-label": copy.close, children: "\u00D7" })] }), _jsxs("form", { onSubmit: (event) => { event.preventDefault(); void submit(); }, children: [_jsxs("label", { children: [_jsxs("span", { children: [copy.kind, " *"] }), _jsx("select", { "aria-label": copy.kind, value: kind, onChange: (event) => setKind(event.target.value), children: VITAL_SIGN_KINDS.map((option) => _jsx("option", { value: option, children: kindLabels[option] }, option)) })] }), _jsxs("label", { children: [_jsxs("span", { children: [copy.measuredAt, " *"] }), _jsx("input", { "aria-label": copy.measuredAt, required: true, value: measuredAt, onChange: (event) => setMeasuredAt(event.target.value) })] }), kind === 'blood-pressure' ? _jsxs(_Fragment, { children: [_jsxs("label", { children: [_jsxs("span", { children: [copy.systolic, " *"] }), _jsx("input", { "aria-label": copy.systolic, required: true, type: "number", value: systolic, onChange: (event) => setSystolic(event.target.value) })] }), _jsxs("label", { children: [_jsxs("span", { children: [copy.diastolic, " *"] }), _jsx("input", { "aria-label": copy.diastolic, required: true, type: "number", value: diastolic, onChange: (event) => setDiastolic(event.target.value) })] })] }) : _jsxs("label", { children: [_jsxs("span", { children: [copy.value, " *"] }), _jsx("input", { "aria-label": copy.value, required: true, type: "number", value: value, onChange: (event) => setValue(event.target.value) })] }), error ? _jsx("p", { className: "uhcp-clinical-editor-error", role: "alert", children: error }) : null, _jsxs("footer", { children: [_jsx("button", { type: "button", onClick: onCancel, children: copy.cancel }), _jsx("button", { type: "submit", disabled: saving, children: saving ? copy.saving : copy.save })] })] })] });
+    return _jsxs("section", { className: "uhcp-clinical-editor", lang: locale, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": descriptionId, children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("h2", { id: titleId, children: copy.title }), _jsx("p", { id: descriptionId, children: copy.description })] }), _jsx("button", { type: "button", onClick: onCancel, "aria-label": copy.close, children: "\u00D7" })] }), _jsxs("form", { onSubmit: (event) => { event.preventDefault(); void submit(); }, children: [_jsxs("label", { children: [_jsxs("span", { children: [copy.kind, " *"] }), _jsx("select", { "aria-label": copy.kind, value: kind, onChange: (event) => setKind(event.target.value), children: VITAL_SIGN_KINDS.map((option) => _jsx("option", { value: option, children: kindLabels[option] }, option)) })] }), _jsxs("fieldset", { className: "uhcp-clinical-editor-date-time", children: [_jsxs("legend", { children: [copy.measuredAt, " *"] }), _jsx(ClinicalDateTimeFields, { value: measuredAt, onChange: setMeasuredAt, labels: copy.dateTime, timeZone: timeZone })] }), kind === 'blood-pressure' ? _jsxs(_Fragment, { children: [_jsxs("label", { children: [_jsxs("span", { children: [copy.systolic, " *"] }), _jsx("input", { "aria-label": copy.systolic, required: true, type: "number", value: systolic, onChange: (event) => setSystolic(event.target.value) })] }), _jsxs("label", { children: [_jsxs("span", { children: [copy.diastolic, " *"] }), _jsx("input", { "aria-label": copy.diastolic, required: true, type: "number", value: diastolic, onChange: (event) => setDiastolic(event.target.value) })] })] }) : _jsxs("label", { children: [_jsxs("span", { children: [copy.value, " *"] }), _jsx("input", { "aria-label": copy.value, required: true, type: "number", value: value, onChange: (event) => setValue(event.target.value) })] }), error ? _jsx("p", { className: "uhcp-clinical-editor-error", role: "alert", children: error }) : null, _jsxs("footer", { children: [_jsx("button", { type: "button", onClick: onCancel, children: copy.cancel }), _jsx("button", { type: "submit", disabled: saving, children: saving ? copy.saving : copy.save })] })] })] });
 }
 function unitFor(kind) {
     switch (kind) {

package/dist/index.d.ts

@@ -9,12 +9,15 @@ export * from './PortalLoadingSkeleton.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
 export * from './ClinicalDocumentEncounterExplorer.js';
+export * from './AllClinicalSections.js';
+export * from './ClinicalTimeline.js';
 export * from './ClinicalArtifactEditor.js';
 export * from './VitalSignArtifactEditor.js';
 export * from './InvitationAcceptancePanel.js';
 export * from './SubjectAccessRequestPanel.js';
 export * from './SoschainWorkspace.js';
 export * from './EncounterTransferConsole.js';
+export * from './EmergencyContactDirectory.js';
 export * from './OrganizationWorkforceAdministration.js';
 export * from './ProtectedIndexEmergencyData.js';
 export * from './PortalSettingsPanel.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wCAAwC,CAAA;AACtD,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA"}

package/dist/index.js

@@ -9,12 +9,15 @@ export * from './PortalLoadingSkeleton.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
 export * from './ClinicalDocumentEncounterExplorer.js';
+export * from './AllClinicalSections.js';
+export * from './ClinicalTimeline.js';
 export * from './ClinicalArtifactEditor.js';
 export * from './VitalSignArtifactEditor.js';
 export * from './InvitationAcceptancePanel.js';
 export * from './SubjectAccessRequestPanel.js';
 export * from './SoschainWorkspace.js';
 export * from './EncounterTransferConsole.js';
+export * from './EmergencyContactDirectory.js';
 export * from './OrganizationWorkforceAdministration.js';
 export * from './ProtectedIndexEmergencyData.js';
 export * from './PortalSettingsPanel.js';

package/dist/styles.css

@@ -171,18 +171,28 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
   color: var(--uhcp-text);
   padding: 1.25rem;
 }
-.uhcp-clinical-editor { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:1.5rem; box-shadow:0 20px 60px rgb(15 23 42 / 22%); color:var(--uhcp-text); inset:50% auto auto 50%; max-height:calc(100dvh - 2rem); max-width:48rem; overflow:auto; padding:1.5rem; position:fixed; transform:translate(-50%,-50%); width:calc(100% - 2rem); z-index:60; }
+.uhcp-clinical-editor { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:1.5rem; box-shadow:0 20px 60px rgb(15 23 42 / 22%); color:var(--uhcp-text); display:flex; flex-direction:column; inset:50% auto auto 50%; max-height:calc(100dvh - 2rem); max-width:48rem; overflow:hidden; padding:1.5rem; position:fixed; transform:translate(-50%,-50%); width:calc(100% - 2rem); z-index:60; }
 .uhcp-clinical-editor>header { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; }
 .uhcp-clinical-editor h2,.uhcp-clinical-editor p { margin:.2rem 0; }
 .uhcp-clinical-editor>header>button { background:transparent; border:1px solid var(--uhcp-border); border-radius:50%; color:inherit; cursor:pointer; font-size:1.4rem; height:2.5rem; width:2.5rem; }
-.uhcp-clinical-editor form { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1.25rem; }
+.uhcp-clinical-editor form { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1.25rem; overflow:auto; }
 .uhcp-clinical-editor label { color:var(--uhcp-text); display:grid; font-weight:700; gap:.35rem; }
 .uhcp-clinical-editor input,.uhcp-clinical-editor select,.uhcp-clinical-editor textarea { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:.7rem; color:inherit; font:inherit; padding:.75rem; }
 .uhcp-clinical-editor-wide,.uhcp-clinical-editor-error,.uhcp-clinical-editor footer { grid-column:1/-1; }
-.uhcp-clinical-editor footer { display:flex; gap:.75rem; justify-content:flex-end; }
+.uhcp-clinical-editor footer { background:var(--uhcp-panel); bottom:0; display:flex; gap:.75rem; justify-content:flex-end; padding:.75rem 0; position:sticky; z-index:2; }
 .uhcp-clinical-editor footer button,.uhcp-terminology-results button { border:1px solid var(--uhcp-border); border-radius:.7rem; cursor:pointer; font:inherit; padding:.7rem 1rem; }
 .uhcp-clinical-editor footer button[type=submit] { background:linear-gradient(135deg,var(--uhcp-action-start),var(--uhcp-action-end)); color:#fff; font-weight:800; }
 .uhcp-clinical-editor-error { color:#b42318; font-weight:700; }
+.uhcp-emergency-contact-directory>header { align-items:center; display:flex; gap:1rem; justify-content:space-between; }
+.uhcp-emergency-contact-directory>ul { display:grid; gap:.75rem; list-style:none; margin:1rem 0; padding:0; }
+.uhcp-emergency-contact-directory>ul>li { align-items:center; background:var(--uhcp-soft); border:1px solid var(--uhcp-border); border-radius:1rem; display:flex; gap:1rem; justify-content:space-between; padding:1rem; }
+.uhcp-emergency-contact-directory>ul>li>div { display:grid; gap:.25rem; }
+.uhcp-emergency-contact-directory nav { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:flex-end; }
+.uhcp-emergency-contact-directory a,.uhcp-emergency-contact-directory button { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:.7rem; color:inherit; cursor:pointer; font:inherit; padding:.55rem .8rem; text-decoration:none; }
+.uhcp-emergency-contact-editor { display:grid; gap:.75rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
+.uhcp-emergency-contact-editor label { display:grid; font-weight:700; gap:.35rem; }
+.uhcp-emergency-contact-editor input { border:1px solid var(--uhcp-border); border-radius:.7rem; font:inherit; padding:.7rem; }
+.uhcp-emergency-contact-editor footer { display:flex; gap:.5rem; grid-column:1/-1; justify-content:flex-end; }
 .uhcp-document-explorer { background:var(--uhcp-surface); color:var(--uhcp-text); display:grid; gap:1rem; padding:1rem; }
 .uhcp-document-explorer button { color:inherit; cursor:pointer; font:inherit; }
 .uhcp-document-explorer button:disabled { cursor:not-allowed; opacity:.45; }
@@ -204,10 +214,21 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .uhcp-document-tabs button[aria-pressed=true] { background:var(--uhcp-turquoise); color:#fff; }
 .uhcp-document-panel>article>header { align-items:start; border-bottom:1px solid var(--uhcp-border); display:flex; gap:1rem; justify-content:space-between; margin:1rem 0; padding-bottom:1rem; }
 .uhcp-document-panel>article>header time { color:var(--uhcp-muted); font-size:.8rem; white-space:nowrap; }
+.uhcp-all-clinical-sections { color:var(--uhcp-text); display:grid; gap:1rem; }
+.uhcp-all-clinical-sections>h2 { margin:0; }
+.uhcp-all-clinical-stack { display:grid; gap:.75rem; }
+.uhcp-all-clinical-section { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:1rem; padding:1rem; }
+.uhcp-all-clinical-section>summary { cursor:pointer; font-size:1.05rem; font-weight:800; }
+.uhcp-all-clinical-section>h3 { margin:0; }
+.uhcp-all-clinical-content { display:grid; gap:.75rem; padding-top:.85rem; }
+.uhcp-all-clinical-content>p { color:var(--uhcp-muted); margin:0; }
+.uhcp-all-clinical-tabs { display:flex; gap:.5rem; overflow:auto; }
+.uhcp-all-clinical-tabs button { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:999px; color:inherit; cursor:pointer; font:inherit; padding:.6rem .85rem; white-space:nowrap; }
+.uhcp-all-clinical-tabs button[aria-selected=true] { background:var(--uhcp-turquoise); color:#fff; }
 .uhcp-terminology-results ul { display:grid; gap:.35rem; list-style:none; margin:.25rem 0 0; padding:0; }
 .uhcp-terminology-results button { background:var(--uhcp-surface-muted); color:inherit; display:grid; text-align:start; width:100%; }
 .uhcp-terminology-results small { color:var(--uhcp-muted); display:block; font-weight:400; }
-@media (max-width:44rem) { .uhcp-clinical-editor form { grid-template-columns:1fr; } }
+@media (max-width:44rem) { .uhcp-clinical-editor form,.uhcp-emergency-contact-editor { grid-template-columns:1fr; } .uhcp-emergency-contact-directory>ul>li { align-items:stretch; flex-direction:column; } .uhcp-emergency-contact-directory nav { justify-content:flex-start; } }
 
 .uhcp-transfer-console { background:#fff; color:#102754; display:grid; font-family:Inter,ui-sans-serif,system-ui,sans-serif; grid-template-columns:minmax(16rem,23rem) minmax(0,1fr); min-height:calc(100vh - 4.5rem); }
 .uhcp-transfer-console button,.uhcp-transfer-console input,.uhcp-transfer-console textarea { font:inherit; }
@@ -430,6 +451,27 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .uhcp-clinical-title { font-weight: 800; margin: 0; }
 .uhcp-clinical-type { color: var(--uhcp-muted); font-size: .72rem; font-weight: 800; letter-spacing: .06em; margin: .35rem 0 0; text-transform: uppercase; }
 .uhcp-clinical-date, .uhcp-clinical-empty { color: var(--uhcp-muted); margin: .35rem 0 0; }
+.uhcp-clinical-timeline { display: grid; gap: 1rem; }
+.uhcp-clinical-filters, .uhcp-clinical-range { display: grid; gap: .75rem; }
+.uhcp-clinical-range { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.uhcp-clinical-filters fieldset { border: 1px solid var(--uhcp-border); border-radius: 1rem; display: flex; flex-wrap: wrap; gap: .75rem; margin: 0; padding: .75rem; }
+.uhcp-clinical-filters legend { font-weight: 800; padding: 0 .35rem; }
+.uhcp-clinical-filters label { display: grid; gap: .3rem; }
+.uhcp-clinical-filters label:has(input[type='checkbox']) { align-items: center; display: flex; }
+.uhcp-clinical-filters input { background: var(--uhcp-panel); border: 1px solid var(--uhcp-border); border-radius: .65rem; color: var(--uhcp-text); font: inherit; padding: .55rem; }
+.uhcp-clinical-timeline-card { background: var(--uhcp-panel-muted); border-radius: 1rem; display: grid; gap: .4rem; padding: 1rem; }
+.uhcp-clinical-timeline-card h4 { margin: 0; }
+.uhcp-clinical-timeline-card time, .uhcp-clinical-timeline-list time { color: var(--uhcp-muted); }
+.uhcp-clinical-timeline-navigation { align-items: center; display: flex; flex-wrap: wrap; gap: .6rem; }
+.uhcp-clinical-timeline button, .uhcp-clinical-date-time-fields button { background: var(--uhcp-panel); border: 1px solid var(--uhcp-border); border-radius: .7rem; color: var(--uhcp-text); cursor: pointer; font: inherit; min-height: 2.5rem; padding: .55rem .75rem; }
+.uhcp-clinical-timeline button:disabled { cursor: not-allowed; opacity: .45; }
+.uhcp-clinical-timeline-list { display: grid; gap: .5rem; margin: 0; padding-left: 1.5rem; }
+.uhcp-clinical-timeline-list li { padding: .5rem; }
+.uhcp-clinical-timeline-list time { display: block; margin-top: .2rem; }
+.uhcp-clinical-date-time-fields { align-items: end; display: grid; gap: .5rem; grid-template-columns: minmax(9rem, 1fr) auto minmax(7rem, .7fr) auto; }
+.uhcp-clinical-date-time-fields label { display: grid; font-weight: 800; gap: .35rem; }
+.uhcp-clinical-date-time-fields input { border: 1px solid var(--uhcp-border); border-radius: .7rem; color: var(--uhcp-text); font: inherit; padding: .65rem; }
+@media (max-width: 620px) { .uhcp-clinical-range, .uhcp-clinical-date-time-fields { grid-template-columns: 1fr auto; } }
 .uhcp-clinical-details { display: grid; gap: .3rem; margin: .6rem 0 0; }
 .uhcp-clinical-details div { align-items: baseline; display: flex; gap: .75rem; justify-content: space-between; }
 .uhcp-clinical-details dt { color: var(--uhcp-muted); font-size: .78rem; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uhc-portal-components-react",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "description": "Brand-neutral React portal shell, account preferences and protected-profile UI for UHC and VetChain portals.",
   "license": "Apache-2.0",
   "type": "module",
@@ -31,7 +31,7 @@
     "react-dom": ">=18.3.0"
   },
   "dependencies": {
-    "fhir-data-utils-ts": "0.6.8",
+    "fhir-data-utils-ts": "0.6.10",
     "gdc-common-utils-ts": "^2.3.12"
   },
   "devDependencies": {