@cohesivesystems/presentation-react-shadcn 0.1.0-alpha.1

package/dist/projected-metric-dashboard.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+import { type PresentationDataSourceResolver, type ViewDefinition } from '@cohesivesystems/presentation-core';
+import type { PresentationShadcnComponentSystem as PresentationComponentSystem } from './presentation-shadcn-component-system.js';
+import { type ProjectedMetricValue } from './projected-metric-strip.js';
+import { type ProjectedViewSurfaceChromeSlotRenderer } from './projected-view-surface.js';
+export interface ProjectedMetricDashboardProps {
+    readonly action?: ReactNode;
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly chromeAfterContentClassName?: string;
+    readonly chromeBeforeContentClassName?: string;
+    readonly chromeFooterClassName?: string;
+    readonly chromeHeaderClassName?: string;
+    readonly componentSystem: PresentationComponentSystem;
+    readonly contentClassName?: string;
+    readonly dataSourceResolver?: PresentationDataSourceResolver;
+    readonly description?: string;
+    readonly iconByFieldId?: Readonly<Record<string, ReactNode>>;
+    readonly metricValues?: Readonly<Record<string, ProjectedMetricValue>>;
+    readonly renderChromeSlot?: ProjectedViewSurfaceChromeSlotRenderer;
+    readonly title?: string;
+    readonly view?: ViewDefinition | null;
+    readonly viewId: string;
+}
+export declare function ProjectedMetricDashboard({ action, children, className, chromeAfterContentClassName, chromeBeforeContentClassName, chromeFooterClassName, chromeHeaderClassName, componentSystem, contentClassName, dataSourceResolver, description, iconByFieldId, metricValues, renderChromeSlot, title, view: viewOverride, viewId, }: ProjectedMetricDashboardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=projected-metric-dashboard.d.ts.map

package/dist/projected-metric-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-metric-dashboard.d.ts","sourceRoot":"","sources":["../src/projected-metric-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAIL,KAAK,8BAA8B,EACnC,KAAK,cAAc,EACpB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,KAAK,EACV,iCAAiC,IAAI,2BAA2B,EACjE,MAAM,wCAAwC,CAAA;AAE/C,OAAO,EAAwB,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC1F,OAAO,EAEL,KAAK,sCAAsC,EAC5C,MAAM,0BAA0B,CAAA;AAGjC,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,2BAA2B,CAAC,EAAE,MAAM,CAAA;IAC7C,QAAQ,CAAC,4BAA4B,CAAC,EAAE,MAAM,CAAA;IAC9C,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IACvC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAA;IACvC,QAAQ,CAAC,eAAe,EAAE,2BAA2B,CAAA;IACrD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAClC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,8BAA8B,CAAA;IAC5D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAA;IACtE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,sCAAsC,CAAA;IAClE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,2BAA2B,EAC3B,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,gBAA+B,EAC/B,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,IAAI,EAAE,YAAY,EAClB,MAAM,GACP,EAAE,6BAA6B,2CAmC/B"}

package/dist/projected-metric-dashboard.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { findPresentationView, getPresentationViewProjectedFieldIds, isViewChromeSlotKind, } from '@cohesivesystems/presentation-core';
+import { usePresentationModule } from '@cohesivesystems/presentation-react';
+import { ProjectedMetricStrip } from './projected-metric-strip.js';
+import { ProjectedViewSurface, } from './projected-view-surface.js';
+import { viewChromeSlotKinds } from '@cohesivesystems/presentation-contracts';
+export function ProjectedMetricDashboard({ action, children, className, chromeAfterContentClassName, chromeBeforeContentClassName, chromeFooterClassName, chromeHeaderClassName, componentSystem, contentClassName = 'grid gap-4', dataSourceResolver, description, iconByFieldId, metricValues, renderChromeSlot, title, view: viewOverride, viewId, }) {
+    const module = usePresentationModule();
+    const view = viewOverride ?? findPresentationView(module, viewId);
+    const renderLegacyMetricStrip = !renderChromeSlot || !hasMetricStripChromeSlot(view);
+    return (_jsxs(ProjectedViewSurface, { action: action, className: className, chromeAfterContentClassName: chromeAfterContentClassName, chromeBeforeContentClassName: chromeBeforeContentClassName, chromeFooterClassName: chromeFooterClassName, chromeHeaderClassName: chromeHeaderClassName, collapsible: view?.Chrome?.Collapsible ?? true, collapseLabel: view?.Name ?? 'summary', componentSystem: componentSystem, contentClassName: contentClassName, description: description, renderChromeSlot: renderChromeSlot, title: title, view: view, children: [renderLegacyMetricStrip ? (_jsx(ProjectedMetricStrip, { componentSystem: componentSystem, dataSourceResolver: dataSourceResolver, fieldIds: readMetricFieldIds(view), iconByFieldId: iconByFieldId, values: metricValues, viewId: viewId })) : null, children] }));
+}
+function readMetricFieldIds(view) {
+    const metricSlot = view?.Chrome?.Slots?.find((slot) => isViewChromeSlotKind(slot, viewChromeSlotKinds.metricStrip));
+    return metricSlot?.FieldIds ?? (view ? getPresentationViewProjectedFieldIds(view) : undefined);
+}
+function hasMetricStripChromeSlot(view) {
+    return view?.Chrome?.Slots.some((slot) => isViewChromeSlotKind(slot, viewChromeSlotKinds.metricStrip)) ?? false;
+}
+//# sourceMappingURL=projected-metric-dashboard.js.map

package/dist/projected-metric-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-metric-dashboard.js","sourceRoot":"","sources":["../src/projected-metric-dashboard.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,oBAAoB,EACpB,oCAAoC,EACpC,oBAAoB,GAGrB,MAAM,oCAAoC,CAAA;AAI3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,oBAAoB,EAA6B,MAAM,0BAA0B,CAAA;AAC1F,OAAO,EACL,oBAAoB,GAErB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAsB7E,MAAM,UAAU,wBAAwB,CAAC,EACvC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,2BAA2B,EAC3B,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,gBAAgB,GAAG,YAAY,EAC/B,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,IAAI,EAAE,YAAY,EAClB,MAAM,GACwB;IAC9B,MAAM,MAAM,GAAG,qBAAqB,EAAE,CAAA;IACtC,MAAM,IAAI,GAAG,YAAY,IAAI,oBAAoB,CAAiB,MAAM,EAAE,MAAM,CAAC,CAAA;IACjF,MAAM,uBAAuB,GAAG,CAAC,gBAAgB,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;IAEpF,OAAO,CACL,MAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,2BAA2B,EAAE,2BAA2B,EACxD,4BAA4B,EAAE,4BAA4B,EAC1D,qBAAqB,EAAE,qBAAqB,EAC5C,qBAAqB,EAAE,qBAAqB,EAC5C,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,IAAI,IAAI,EAC9C,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,SAAS,EACtC,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,aAET,uBAAuB,CAAC,CAAC,CAAC,CACzB,KAAC,oBAAoB,IACnB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAClC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACY,CACxB,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,IAA2B;IACrD,MAAM,UAAU,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAC1C,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,EAAE,mBAAmB,CAAC,WAAW,CAAC,CACtE,CAAA;IACD,OAAO,UAAU,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;AAChG,CAAC;AAED,SAAS,wBAAwB,CAAC,IAA2B;IAC3D,OAAO,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CACvC,oBAAoB,CAAC,IAAI,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAA;AACzE,CAAC"}

package/dist/projected-metric-strip.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type PresentationDataSourceResolver } from '@cohesivesystems/presentation-core';
+import type { PresentationShadcnComponentSystem as PresentationComponentSystem } from './presentation-shadcn-component-system.js';
+export interface ProjectedMetricValue {
+    readonly icon?: ReactNode;
+    readonly label?: string;
+    readonly value: ReactNode;
+    readonly variant?: 'number' | 'text';
+}
+export interface ProjectedMetricStripProps {
+    readonly className?: string;
+    readonly componentSystem: PresentationComponentSystem;
+    readonly dataSourceResolver?: PresentationDataSourceResolver;
+    readonly fieldIds?: readonly string[];
+    readonly iconByFieldId?: Readonly<Record<string, ReactNode>>;
+    readonly values?: Readonly<Record<string, ProjectedMetricValue>>;
+    readonly viewId?: string;
+}
+export declare function ProjectedMetricStrip({ className, componentSystem, dataSourceResolver, fieldIds, iconByFieldId, values, viewId, }: ProjectedMetricStripProps): ReactNode;
+//# sourceMappingURL=projected-metric-strip.d.ts.map

package/dist/projected-metric-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-metric-strip.d.ts","sourceRoot":"","sources":["../src/projected-metric-strip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAIL,KAAK,8BAA8B,EAGpC,MAAM,oCAAoC,CAAA;AAO3C,OAAO,KAAK,EACV,iCAAiC,IAAI,2BAA2B,EACjE,MAAM,wCAAwC,CAAA;AAO/C,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;CACrC;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,eAAe,EAAE,2BAA2B,CAAA;IACrD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,8BAA8B,CAAA;IAC5D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAChE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CACzB;AAID,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,MAAM,EACN,MAAM,GACP,EAAE,yBAAyB,aA8C3B"}

package/dist/projected-metric-strip.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, useMemo } from 'react';
+import { findPresentationField, findPresentationView, getPresentationViewProjectedFieldIds, } from '@cohesivesystems/presentation-core';
+import { renderPresentationIcon, } from './presentation-icon-registry.js';
+import { projectPresentationIconDiagnostics, } from './presentation-icon-diagnostics.js';
+import { usePresentationModule, useRegisterPresentationProjectionDiagnostics, } from '@cohesivesystems/presentation-react';
+import { fieldDisplayKinds } from '@cohesivesystems/presentation-contracts';
+const emptyMetricValues = {};
+export function ProjectedMetricStrip({ className, componentSystem, dataSourceResolver, fieldIds, iconByFieldId, values, viewId, }) {
+    const module = usePresentationModule();
+    const resolvedValues = values ?? emptyMetricValues;
+    const view = viewId ? findPresentationView(module, viewId) : null;
+    const items = useMemo(() => createMetricItems(module, view, resolvedValues, fieldIds, dataSourceResolver, iconByFieldId), [dataSourceResolver, fieldIds, iconByFieldId, module, resolvedValues, view]);
+    const iconDiagnosticSource = `projected-metric-strip-icons:${view?.Id ?? viewId ?? 'adhoc'}`;
+    const iconDiagnostics = useMemo(() => projectPresentationIconDiagnostics({
+        icons: resolveMetricIconSubjects(module, view, resolvedValues, fieldIds),
+        module,
+        source: iconDiagnosticSource,
+        surfaceId: view?.Id ?? viewId,
+        surfaceName: view?.Name,
+    }), [
+        fieldIds,
+        iconDiagnosticSource,
+        module,
+        resolvedValues,
+        view,
+        viewId,
+    ]);
+    useRegisterPresentationProjectionDiagnostics(iconDiagnosticSource, iconDiagnostics);
+    if (items.length === 0) {
+        return null;
+    }
+    return componentSystem.metrics.MetricStrip({
+        children: items.map((item) => _jsx(Fragment, { children: componentSystem.metrics.MetricItem({
+                icon: item.icon,
+                id: item.id,
+                label: item.label,
+                value: item.value,
+                variant: item.variant,
+            }) }, item.id)),
+        className,
+    });
+}
+function createMetricItems(module, view, values, fieldIds, dataSourceResolver, iconByFieldId) {
+    const projectedFieldIds = resolveMetricFieldIds(view, values, fieldIds);
+    const orderedFieldIds = projectedFieldIds.length > 0 ? projectedFieldIds : Object.keys(values);
+    return orderedFieldIds.flatMap((fieldId) => {
+        const field = findPresentationField(module, fieldId);
+        const value = resolveMetricValue(module, fieldId, field, values[fieldId], dataSourceResolver, iconByFieldId);
+        if (!value) {
+            return [];
+        }
+        return [{
+                ...value,
+                id: fieldId,
+                label: value.label ?? field?.Label ?? fieldId,
+                variant: value.variant ?? 'number',
+            }];
+    });
+}
+function resolveMetricValue(module, fieldId, field, value, dataSourceResolver, iconByFieldId) {
+    if (!value) {
+        return createMetricValue(module, fieldId, field, dataSourceResolver, iconByFieldId);
+    }
+    return {
+        ...value,
+        icon: value.icon ?? iconByFieldId?.[fieldId] ?? renderMetricFieldIcon(module, field),
+    };
+}
+function createMetricValue(module, fieldId, field, dataSourceResolver, iconByFieldId) {
+    const value = readMetricFieldValue(field, dataSourceResolver);
+    if (value === undefined) {
+        return null;
+    }
+    return {
+        icon: iconByFieldId?.[fieldId] ?? renderMetricFieldIcon(module, field),
+        value: renderMetricValue(value),
+        variant: isTextMetric(field) ? 'text' : 'number',
+    };
+}
+function resolveMetricIconSubjects(module, view, values, fieldIds) {
+    return resolveMetricFieldIds(view, values, fieldIds).flatMap((fieldId) => {
+        const field = findPresentationField(module, fieldId);
+        if (!field?.Icon) {
+            return [];
+        }
+        return [{
+                details: {
+                    fieldId,
+                },
+                icon: field.Icon,
+                id: fieldId,
+                kind: 'metric-field-icon',
+                label: field.Label,
+            }];
+    });
+}
+function resolveMetricFieldIds(view, values, fieldIds) {
+    return fieldIds ?? (view ? getPresentationViewProjectedFieldIds(view) : Object.keys(values));
+}
+function renderMetricFieldIcon(module, field) {
+    return renderPresentationIcon({
+        className: 'size-4',
+        icon: field?.Icon,
+        module,
+    });
+}
+function readMetricFieldValue(field, dataSourceResolver) {
+    if (!field || !dataSourceResolver) {
+        return undefined;
+    }
+    const source = field.Source;
+    if (source) {
+        const sourceValue = dataSourceResolver.readPath(source.DataSourceId, source.FieldPath);
+        if (sourceValue !== undefined) {
+            return sourceValue;
+        }
+    }
+    const [root, ...path] = field.Field.split('.');
+    return root ? dataSourceResolver.readPath(root, path.join('.')) : undefined;
+}
+function renderMetricValue(value) {
+    if (value === null || value === undefined || value === '') {
+        return 'none';
+    }
+    return String(value);
+}
+function isTextMetric(field) {
+    return field?.DisplayKind === fieldDisplayKinds.text;
+}
+//# sourceMappingURL=projected-metric-strip.js.map

package/dist/projected-metric-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-metric-strip.js","sourceRoot":"","sources":["../src/projected-metric-strip.tsx"],"names":[],"mappings":"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"}

package/dist/projected-navigation-shell-view-host.d.ts

@@ -0,0 +1,34 @@
+import { type PresentationDataSourceBinding, type PresentationDataSourceBindingProjectionRegistry, type PresentationDataSourceProjectionContext, type PresentationDataSourceTargetInterpretation } from '@cohesivesystems/presentation-core';
+import type { PresentationRendererRegistry } from '@cohesivesystems/presentation-react';
+import type { NavigationShellRegionDefinition } from '@cohesivesystems/presentation-contracts';
+export interface ProjectedNavigationShellViewHostProps<TContext> {
+    readonly bindings: readonly PresentationDataSourceBinding[];
+    readonly componentSet?: string;
+    readonly context: TContext;
+    readonly region: NavigationShellRegionDefinition;
+    readonly rendererRegistry: PresentationRendererRegistry<TContext>;
+}
+export interface ProjectedNavigationShellRegionViewProps<TContext> {
+    readonly context: TContext;
+    readonly dataSourceBindingRegistry: PresentationDataSourceBindingProjectionRegistry;
+    readonly componentSet?: string;
+    readonly diagnosticsSourceId?: string;
+    readonly projectionContext?: PresentationDataSourceProjectionContext;
+    readonly region: NavigationShellRegionDefinition;
+    readonly rendererRegistry: PresentationRendererRegistry<TContext>;
+    readonly targetInterpretation?: PresentationDataSourceTargetInterpretation;
+}
+/**
+ * Projects a presentation view referenced by a navigation shell region.
+ *
+ * Shell regions are persistent app chrome, but their bodies can still be
+ * ordinary presentation views with the same data-source and renderer
+ * interpretation model used by routed surfaces.
+ */
+export declare function ProjectedNavigationShellViewHost<TContext>({ bindings, componentSet, context, region, rendererRegistry, }: ProjectedNavigationShellViewHostProps<TContext>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Projects a shell region ViewId with the same data-source binding and
+ * diagnostics pipeline used by routed presentation surfaces.
+ */
+export declare function ProjectedNavigationShellRegionView<TContext>({ componentSet, context, dataSourceBindingRegistry, diagnosticsSourceId, projectionContext, region, rendererRegistry, targetInterpretation, }: ProjectedNavigationShellRegionViewProps<TContext>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=projected-navigation-shell-view-host.d.ts.map

package/dist/projected-navigation-shell-view-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-navigation-shell-view-host.d.ts","sourceRoot":"","sources":["../src/projected-navigation-shell-view-host.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,6BAA6B,EAClC,KAAK,+CAA+C,EACpD,KAAK,uCAAuC,EAC5C,KAAK,0CAA0C,EAEhD,MAAM,oCAAoC,CAAA;AAM3C,OAAO,KAAK,EACV,4BAA4B,EAC7B,MAAM,qCAAqC,CAAA;AAG5C,OAAO,KAAK,EACV,+BAA+B,EAChC,MAAM,yCAAyC,CAAA;AAEhD,MAAM,WAAW,qCAAqC,CAAC,QAAQ;IAC7D,QAAQ,CAAC,QAAQ,EAAE,SAAS,6BAA6B,EAAE,CAAA;IAC3D,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,+BAA+B,CAAA;IAChD,QAAQ,CAAC,gBAAgB,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAA;CAClE;AAED,MAAM,WAAW,uCAAuC,CAAC,QAAQ;IAC/D,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAA;IAC1B,QAAQ,CAAC,yBAAyB,EAAE,+CAA+C,CAAA;IACnF,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,uCAAuC,CAAA;IACpE,QAAQ,CAAC,MAAM,EAAE,+BAA+B,CAAA;IAChD,QAAQ,CAAC,gBAAgB,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAA;IACjE,QAAQ,CAAC,oBAAoB,CAAC,EAAE,0CAA0C,CAAA;CAC3E;AAED;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,EACzD,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,gBAAgB,GACjB,EAAE,qCAAqC,CAAC,QAAQ,CAAC,2CA+BjD;AAED;;;GAGG;AACH,wBAAgB,kCAAkC,CAAC,QAAQ,EAAE,EAC3D,YAAY,EACZ,OAAO,EACP,yBAAyB,EACzB,mBAAmB,EACnB,iBAAiE,EACjE,MAAM,EACN,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,uCAAuC,CAAC,QAAQ,CAAC,2CAiEnD"}

package/dist/projected-navigation-shell-view-host.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { createPresentationSurfaceFromRootView, findPresentationView, getPresentationSurfaceDataSourceIds, projectPresentationDataSourceBindings, projectPresentationDataSourceCoverageDiagnostics, } from '@cohesivesystems/presentation-core';
+import { PresentationDataSourceBinder, usePresentationModule, useRegisterPresentationProjectionDiagnostics, } from '@cohesivesystems/presentation-react';
+import { PresentationSurfaceRenderer } from './presentation-surface-renderer.js';
+import { ProjectedStatusBlock } from './projected-activity-state.js';
+/**
+ * Projects a presentation view referenced by a navigation shell region.
+ *
+ * Shell regions are persistent app chrome, but their bodies can still be
+ * ordinary presentation views with the same data-source and renderer
+ * interpretation model used by routed surfaces.
+ */
+export function ProjectedNavigationShellViewHost({ bindings, componentSet, context, region, rendererRegistry, }) {
+    const module = usePresentationModule();
+    const viewId = region.ViewId ?? null;
+    const rootView = viewId ? findPresentationView(module, viewId) : null;
+    const surface = useMemo(() => rootView
+        ? createPresentationSurfaceFromRootView(rootView, {
+            id: region.Id,
+        })
+        : null, [region.Id, rootView]);
+    if (!viewId) {
+        return _jsx(ProjectedStatusBlock, { label: `Shell region '${region.Id}' has no presentation view.` });
+    }
+    return (_jsx(PresentationDataSourceBinder, { bindings: bindings, children: (dataSources) => (_jsx(PresentationSurfaceRenderer, { componentSet: componentSet, context: context, dataSources: dataSources, rendererRegistry: rendererRegistry, surface: surface })) }));
+}
+/**
+ * Projects a shell region ViewId with the same data-source binding and
+ * diagnostics pipeline used by routed presentation surfaces.
+ */
+export function ProjectedNavigationShellRegionView({ componentSet, context, dataSourceBindingRegistry, diagnosticsSourceId, projectionContext = defaultNavigationShellRegionProjectionContext, region, rendererRegistry, targetInterpretation, }) {
+    const module = usePresentationModule();
+    const rootView = region.ViewId
+        ? findPresentationView(module, region.ViewId)
+        : null;
+    const surface = useMemo(() => rootView
+        ? createPresentationSurfaceFromRootView(rootView, { id: region.Id })
+        : null, [region.Id, rootView]);
+    const dataSourceIds = useMemo(() => getPresentationSurfaceDataSourceIds(module, surface), [module, surface]);
+    const bindings = useMemo(() => projectPresentationDataSourceBindings({
+        context: projectionContext,
+        dataSourceIds,
+        module,
+        registry: dataSourceBindingRegistry,
+    }), [
+        dataSourceBindingRegistry,
+        dataSourceIds,
+        module,
+        projectionContext,
+    ]);
+    const sourceId = diagnosticsSourceId ?? `navigation-shell-data-sources:${region.Id}`;
+    const dataSourceCoverageDiagnostics = useMemo(() => projectPresentationDataSourceCoverageDiagnostics({
+        bindings,
+        dataSourceIds,
+        module,
+        routeParameters: projectionContext.routeParameters,
+        sourceId,
+        targetInterpretation,
+    }), [
+        bindings,
+        dataSourceIds,
+        module,
+        projectionContext.routeParameters,
+        sourceId,
+        targetInterpretation,
+    ]);
+    useRegisterPresentationProjectionDiagnostics(sourceId, dataSourceCoverageDiagnostics);
+    return (_jsx(ProjectedNavigationShellViewHost, { bindings: bindings, componentSet: componentSet, context: context, region: region, rendererRegistry: rendererRegistry }));
+}
+const defaultNavigationShellRegionProjectionContext = {
+    routeParameters: {},
+    workspaceId: null,
+};
+//# sourceMappingURL=projected-navigation-shell-view-host.js.map

package/dist/projected-navigation-shell-view-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-navigation-shell-view-host.js","sourceRoot":"","sources":["../src/projected-navigation-shell-view-host.tsx"],"names":[],"mappings":"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"}

package/dist/projected-navigation-shell.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from 'react';
+import { type NavigationShellFrameRendererRegistry } from './navigation-shell-frame-renderer-registry.js';
+import type { PresentationShadcnComponentSystem as PresentationComponentSystem } from './presentation-shadcn-component-system.js';
+import type { PresentationDesignSystem } from '@cohesivesystems/presentation-tailwind';
+import { type NavigationShellSlotRendererRegistry } from './navigation-shell-slot-renderer-registry.js';
+import type { NavigationDefinition, NavigationNodeDefinition, NavigationShellRegionDefinition } from '@cohesivesystems/presentation-contracts';
+export interface ProjectedNavigationShellProps {
+    readonly activePath: string;
+    readonly children: ReactNode;
+    readonly componentSystem: PresentationComponentSystem;
+    readonly defaultComponentSystem: PresentationComponentSystem;
+    readonly designSystem: PresentationDesignSystem;
+    readonly frameRendererRegistry?: NavigationShellFrameRendererRegistry;
+    readonly isNodeIconSupported?: (icon: string) => boolean;
+    readonly isShellRegionComponentBound?: (componentKey: string, region: NavigationShellRegionDefinition) => boolean;
+    readonly isShellRegionComponentTargetBound?: (region: NavigationShellRegionDefinition) => boolean;
+    readonly isShellRegionSupported?: (region: NavigationShellRegionDefinition) => boolean;
+    readonly navigation: NavigationDefinition;
+    readonly renderNodeIcon?: (node: NavigationNodeDefinition) => ReactNode;
+    readonly renderShellIcon?: (icon: string) => ReactNode;
+    readonly renderShellRegion?: (region: NavigationShellRegionDefinition) => ReactNode;
+    readonly slotRendererRegistry?: NavigationShellSlotRendererRegistry;
+    readonly supportedSlotPlacements?: readonly string[];
+}
+/**
+ * Interprets a navigation shell from the presentation/navigation IR.
+ *
+ * The shell frame owns generic concerns such as brand chrome, primary
+ * navigation, placement slots, and the routed content slot. App-specific
+ * integrations remain attached through icon and shell-region renderers.
+ */
+export declare function ProjectedNavigationShell({ activePath, children, componentSystem, defaultComponentSystem, designSystem, isNodeIconSupported, isShellRegionComponentBound, isShellRegionComponentTargetBound, isShellRegionSupported, navigation, renderNodeIcon, renderShellIcon, renderShellRegion, frameRendererRegistry, slotRendererRegistry, supportedSlotPlacements, }: ProjectedNavigationShellProps): ReactNode;
+//# sourceMappingURL=projected-navigation-shell.d.ts.map

package/dist/projected-navigation-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-navigation-shell.d.ts","sourceRoot":"","sources":["../src/projected-navigation-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAQ5D,OAAO,EAGL,KAAK,oCAAoC,EAC1C,MAAM,4CAA4C,CAAA;AAMnD,OAAO,KAAK,EACV,iCAAiC,IAAI,2BAA2B,EACjE,MAAM,wCAAwC,CAAA;AAK/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAA;AACtF,OAAO,EAGL,KAAK,mCAAmC,EACzC,MAAM,2CAA2C,CAAA;AAWlD,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EACxB,+BAA+B,EAEhC,MAAM,yCAAyC,CAAA;AAEhD,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,2BAA2B,CAAA;IACrD,QAAQ,CAAC,sBAAsB,EAAE,2BAA2B,CAAA;IAC5D,QAAQ,CAAC,YAAY,EAAE,wBAAwB,CAAA;IAC/C,QAAQ,CAAC,qBAAqB,CAAC,EAAE,oCAAoC,CAAA;IACrE,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAA;IACxD,QAAQ,CAAC,2BAA2B,CAAC,EAAE,CACrC,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,+BAA+B,KACpC,OAAO,CAAA;IACZ,QAAQ,CAAC,iCAAiC,CAAC,EAAE,CAC3C,MAAM,EAAE,+BAA+B,KACpC,OAAO,CAAA;IACZ,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,+BAA+B,KAAK,OAAO,CAAA;IACtF,QAAQ,CAAC,UAAU,EAAE,oBAAoB,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,SAAS,CAAA;IACvE,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAA;IACtD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,+BAA+B,KAAK,SAAS,CAAA;IACnF,QAAQ,CAAC,oBAAoB,CAAC,EAAE,mCAAmC,CAAA;IACnE,QAAQ,CAAC,uBAAuB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CACrD;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,EACV,QAAQ,EACR,eAAe,EACf,sBAAsB,EACtB,YAAY,EACZ,mBAAmB,EACnB,2BAA2B,EAC3B,iCAAiC,EACjC,sBAAsB,EACtB,UAAU,EACV,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,qBAA6D,EAC7D,oBAA2D,EAC3D,uBAA8D,GAC/D,EAAE,6BAA6B,aA0H/B"}

package/dist/projected-navigation-shell.js

@@ -0,0 +1,112 @@
+import { useCallback, useMemo } from 'react';
+import { defaultNavigationShellSlotPlacements, findPresentationView, projectNavigationShellDiagnostics, resolveProjectedNavigationShellSlots, } from '@cohesivesystems/presentation-core';
+import { getNavigationShellFrameRendererRegistryKeys, resolveNavigationShellFrameRenderer, } from './navigation-shell-frame-renderer-registry.js';
+import { projectNavigationShellLayoutDiagnostics, resolveProjectedNavigationShellLayout, resolveProjectedNavigationShellSlotLayout, } from '@cohesivesystems/presentation-tailwind';
+import { projectPresentationDesignSystemBindingDiagnostics, projectPresentationComponentSystemDiagnostics, } from './presentation-component-system-diagnostics.js';
+import { getNavigationShellSlotRendererRegistryKeys, resolveNavigationShellSlotRenderer, } from './navigation-shell-slot-renderer-registry.js';
+import { usePresentationModule, useRegisterPresentationProjectionDiagnostics, } from '@cohesivesystems/presentation-react';
+import { standardNavigationShellSlotRenderers, } from '@cohesivesystems/presentation-react';
+import { standardNavigationShellFrameRenderers, } from '@cohesivesystems/presentation-react';
+/**
+ * Interprets a navigation shell from the presentation/navigation IR.
+ *
+ * The shell frame owns generic concerns such as brand chrome, primary
+ * navigation, placement slots, and the routed content slot. App-specific
+ * integrations remain attached through icon and shell-region renderers.
+ */
+export function ProjectedNavigationShell({ activePath, children, componentSystem, defaultComponentSystem, designSystem, isNodeIconSupported, isShellRegionComponentBound, isShellRegionComponentTargetBound, isShellRegionSupported, navigation, renderNodeIcon, renderShellIcon, renderShellRegion, frameRendererRegistry = standardNavigationShellFrameRenderers, slotRendererRegistry = standardNavigationShellSlotRenderers, supportedSlotPlacements = defaultNavigationShellSlotPlacements, }) {
+    const module = usePresentationModule();
+    const shellSlots = useMemo(() => resolveProjectedNavigationShellSlots(navigation), [navigation]);
+    const shellLayout = useMemo(() => resolveProjectedNavigationShellLayout(navigation, shellSlots, designSystem), [designSystem, navigation, shellSlots]);
+    const shellFrameRendererKeys = useMemo(() => getNavigationShellFrameRendererRegistryKeys(frameRendererRegistry), [frameRendererRegistry]);
+    const shellSlotRendererKeys = useMemo(() => getNavigationShellSlotRendererRegistryKeys(slotRendererRegistry), [slotRendererRegistry]);
+    const renderSlot = useCallback((slot) => {
+        if (!slot) {
+            return null;
+        }
+        const renderer = resolveNavigationShellSlotRenderer(slotRendererRegistry, slot);
+        return renderer?.({
+            activePath,
+            children,
+            componentSystem,
+            navigation,
+            renderNodeIcon,
+            renderShellIcon,
+            renderShellRegion,
+            slot,
+            slotLayout: shellLayout.slotLayouts[slot.Id] ??
+                resolveProjectedNavigationShellSlotLayout(slot, designSystem),
+        }) ?? null;
+    }, [
+        activePath,
+        children,
+        componentSystem,
+        designSystem,
+        navigation,
+        renderNodeIcon,
+        renderShellIcon,
+        renderShellRegion,
+        shellLayout,
+        slotRendererRegistry,
+    ]);
+    const shellFrameRenderer = useMemo(() => resolveNavigationShellFrameRenderer(frameRendererRegistry, navigation.Shell.Kind), [frameRendererRegistry, navigation.Shell.Kind]);
+    const diagnostics = useMemo(() => [
+        ...projectPresentationComponentSystemDiagnostics({
+            componentSystem,
+            defaultComponentSystem,
+            sourceId: `navigation-shell:${navigation.Shell.Id}`,
+        }),
+        ...projectPresentationDesignSystemBindingDiagnostics({
+            componentSystem,
+            module,
+            sourceId: `navigation-shell:${navigation.Shell.Id}`,
+        }),
+        ...projectNavigationShellLayoutDiagnostics({
+            designSystem,
+            navigation,
+            shellFrameRendererKeys,
+            shellSlots,
+        }),
+        ...projectNavigationShellDiagnostics({
+            isNodeIconSupported,
+            isShellRegionComponentBound,
+            isShellRegionComponentTargetBound,
+            isShellRegionSupported,
+            isShellRegionViewBound: module
+                ? (viewId) => Boolean(findPresentationView(module, viewId))
+                : undefined,
+            navigation,
+            renderShellIconBound: Boolean(renderShellIcon),
+            shellSlotRendererKeys,
+            shellSlots,
+            supportedSlotPlacements,
+        }),
+    ], [
+        componentSystem,
+        defaultComponentSystem,
+        designSystem,
+        isNodeIconSupported,
+        isShellRegionComponentBound,
+        isShellRegionComponentTargetBound,
+        isShellRegionSupported,
+        module,
+        navigation,
+        renderShellIcon,
+        shellFrameRendererKeys,
+        shellSlotRendererKeys,
+        shellSlots,
+        supportedSlotPlacements,
+    ]);
+    useRegisterPresentationProjectionDiagnostics(`navigation-shell:${navigation.Shell.Id}`, diagnostics);
+    return shellFrameRenderer?.({
+        activePath,
+        children,
+        layout: shellLayout,
+        navigation,
+        renderNodeIcon,
+        renderShellIcon,
+        renderShellRegion,
+        renderSlot,
+    }) ?? children;
+}
+//# sourceMappingURL=projected-navigation-shell.js.map

package/dist/projected-navigation-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-navigation-shell.js","sourceRoot":"","sources":["../src/projected-navigation-shell.tsx"],"names":[],"mappings":"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"}

package/dist/projected-presentation-badges.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { PresentationBadgeVariant } from './presentation-component-groups.js';
+import type { PresentationShadcnComponentSystem as PresentationComponentSystem } from './presentation-shadcn-component-system.js';
+import type { PresentationDesignSystem } from '@cohesivesystems/presentation-tailwind';
+import type { ResolvedPresentationBadge } from '@cohesivesystems/presentation-core';
+export interface ProjectedPresentationBadgeItem extends Omit<ResolvedPresentationBadge, 'label'> {
+    readonly className?: string;
+    readonly label: ReactNode;
+}
+export interface ProjectedPresentationBadgeProps {
+    readonly badge: ProjectedPresentationBadgeItem;
+    readonly className?: string;
+    readonly componentSystem: PresentationComponentSystem;
+    readonly designSystem: PresentationDesignSystem;
+    readonly variant?: PresentationBadgeVariant;
+}
+export interface ProjectedPresentationBadgesProps {
+    readonly badgeClassName?: string;
+    readonly badges: readonly ProjectedPresentationBadgeItem[];
+    readonly className?: string;
+    readonly componentSystem: PresentationComponentSystem;
+    readonly designSystem: PresentationDesignSystem;
+    readonly variant?: PresentationBadgeVariant;
+}
+/**
+ * Standard badge interpreter for resolved presentation badge semantics.
+ *
+ * The badge model carries semantic tone and content only; this component is
+ * where the target component system and design system decide how that becomes
+ * concrete UI.
+ */
+export declare function ProjectedPresentationBadge({ badge, className, componentSystem, designSystem, variant, }: ProjectedPresentationBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProjectedPresentationBadges({ badgeClassName, badges, className, componentSystem, designSystem, variant, }: ProjectedPresentationBadgesProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=projected-presentation-badges.d.ts.map

package/dist/projected-presentation-badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-presentation-badges.d.ts","sourceRoot":"","sources":["../src/projected-presentation-badges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAE/E,OAAO,KAAK,EACV,iCAAiC,IAAI,2BAA2B,EACjE,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAA;AACtF,OAAO,KAAK,EACV,yBAAyB,EAC1B,MAAM,oCAAoC,CAAA;AAE3C,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,KAAK,EAAE,8BAA8B,CAAA;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,eAAe,EAAE,2BAA2B,CAAA;IACrD,QAAQ,CAAC,YAAY,EAAE,wBAAwB,CAAA;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,wBAAwB,CAAA;CAC5C;AAED,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,MAAM,EAAE,SAAS,8BAA8B,EAAE,CAAA;IAC1D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,eAAe,EAAE,2BAA2B,CAAA;IACrD,QAAQ,CAAC,YAAY,EAAE,wBAAwB,CAAA;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,wBAAwB,CAAA;CAC5C;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,SAAS,EACT,eAAe,EACf,YAAY,EACZ,OAAmB,GACpB,EAAE,+BAA+B,2CAejC;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,cAAc,EACd,MAAM,EACN,SAAS,EACT,eAAe,EACf,YAAY,EACZ,OAAmB,GACpB,EAAE,gCAAgC,kDAmBlC"}

package/dist/projected-presentation-badges.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Standard badge interpreter for resolved presentation badge semantics.
+ *
+ * The badge model carries semantic tone and content only; this component is
+ * where the target component system and design system decide how that becomes
+ * concrete UI.
+ */
+export function ProjectedPresentationBadge({ badge, className, componentSystem, designSystem, variant = 'outline', }) {
+    const BadgeComponent = componentSystem.badges.Badge;
+    return (_jsx(BadgeComponent, { className: cn(designSystem.classNames.badge.tone({ tone: badge.tone }), className, badge.className), variant: variant, children: badge.label }));
+}
+export function ProjectedPresentationBadges({ badgeClassName, badges, className, componentSystem, designSystem, variant = 'outline', }) {
+    if (badges.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { className: cn('flex flex-wrap items-center gap-2', className), children: badges.map((badge, index) => (_jsx(ProjectedPresentationBadge, { badge: badge, className: badgeClassName, componentSystem: componentSystem, designSystem: designSystem, variant: variant }, badge.id ?? index))) }));
+}
+function cn(...values) {
+    return values.filter(Boolean).join(' ');
+}
+//# sourceMappingURL=projected-presentation-badges.js.map

package/dist/projected-presentation-badges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-presentation-badges.js","sourceRoot":"","sources":["../src/projected-presentation-badges.tsx"],"names":[],"mappings":";AAkCA;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CAAC,EACzC,KAAK,EACL,SAAS,EACT,eAAe,EACf,YAAY,EACZ,OAAO,GAAG,SAAS,GACa;IAChC,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,CAAC,KAAK,CAAA;IAEnD,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EACxD,SAAS,EACT,KAAK,CAAC,SAAS,CAChB,EACD,OAAO,EAAE,OAAO,YAEf,KAAK,CAAC,KAAK,GACG,CAClB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,EAC1C,cAAc,EACd,MAAM,EACN,SAAS,EACT,eAAe,EACf,YAAY,EACZ,OAAO,GAAG,SAAS,GACc;IACjC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,YAC/D,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,0BAA0B,IACzB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,cAAc,EACzB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAE1B,OAAO,EAAE,OAAO,IADX,KAAK,CAAC,EAAE,IAAI,KAAK,CAEtB,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,EAAE,CAAC,GAAG,MAAsD;IACnE,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACzC,CAAC"}

package/dist/projected-presentation-diagnostics.d.ts

@@ -0,0 +1,10 @@
+import type { PresentationProjectionDiagnostic, PresentationProjectionDiagnosticSeverity } from '@cohesivesystems/presentation-core';
+export interface ProjectedPresentationDiagnosticsProps {
+    readonly diagnostics: readonly PresentationProjectionDiagnostic[];
+    readonly emptyLabel?: string;
+    readonly minSeverity?: PresentationProjectionDiagnosticSeverity;
+    readonly title?: string | null;
+}
+/** Renders projection TODOs emitted by frontend interpreters. */
+export declare function ProjectedPresentationDiagnostics({ diagnostics, emptyLabel, minSeverity, title, }: ProjectedPresentationDiagnosticsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=projected-presentation-diagnostics.d.ts.map

package/dist/projected-presentation-diagnostics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projected-presentation-diagnostics.d.ts","sourceRoot":"","sources":["../src/projected-presentation-diagnostics.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gCAAgC,EAChC,wCAAwC,EACzC,MAAM,oCAAoC,CAAA;AAE3C,MAAM,WAAW,qCAAqC;IACpD,QAAQ,CAAC,WAAW,EAAE,SAAS,gCAAgC,EAAE,CAAA;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,wCAAwC,CAAA;IAC/D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B;AAQD,iEAAiE;AACjE,wBAAgB,gCAAgC,CAAC,EAC/C,WAAW,EACX,UAAU,EACV,WAAuB,EACvB,KAAgC,GACjC,EAAE,qCAAqC,kDAyDvC"}