@camunda/design-system 0.35.0 → 0.37.0

package/dist/src/examples/agent-control-plane-processes/mock-data.js

@@ -0,0 +1,206 @@
+// TODO: Replace with API calls to GET /v1/processes and
+// GET /v1/processes/{id}/versions/{v}?agent=...&range=... — process
+// definitions, their agents, and every metric/instance below are scoped to
+// the selected date range and (for agents) the selected process+version.
+const dates = ["Jul 1", "Jul 2", "Jul 3", "Jul 4", "Jul 5", "Jul 6", "Jul 7"];
+function buildTrend(totalTokens, inputShare) {
+    const dailyTotal = totalTokens / 7;
+    return dates.map((date, i) => {
+        const wobble = 1 + 0.15 * Math.sin(i * 1.3);
+        const total = Math.round(dailyTotal * wobble);
+        const input = Math.round(total * inputShare);
+        return { date, input, output: total - input };
+    });
+}
+export const processes = [
+    {
+        name: "Order fulfillment",
+        versions: [3, 2, 1],
+        latestVersion: 3,
+        instanceCount: 3840,
+        instances: [
+            {
+                key: "2251799813700012",
+                started: "Jul 7, 2026 · 09:12",
+                agentNames: ["Validate order", "Assess risk", "Resolve address"],
+                inputTokens: 420,
+                outputTokens: 140,
+            },
+            {
+                key: "2251799813700018",
+                started: "Jul 7, 2026 · 09:31",
+                agentNames: ["Validate order", "Assess risk"],
+                inputTokens: 380,
+                outputTokens: 125,
+            },
+            {
+                key: "2251799813700024",
+                started: "Jul 7, 2026 · 09:48",
+                agentNames: ["Validate order", "Assess risk", "Resolve address"],
+                inputTokens: 455,
+                outputTokens: 150,
+            },
+            {
+                key: "2251799813700031",
+                started: "Jul 6, 2026 · 16:02",
+                agentNames: ["Validate order"],
+                inputTokens: 210,
+                outputTokens: 70,
+            },
+            {
+                key: "2251799813700037",
+                started: "Jul 6, 2026 · 15:25",
+                agentNames: ["Validate order", "Assess risk", "Resolve address"],
+                inputTokens: 460,
+                outputTokens: 155,
+            },
+        ],
+        agents: [
+            {
+                name: "Validate order",
+                model: "gpt-4o-mini",
+                tokenTrend: buildTrend(214000, 0.72),
+                totalTokens: 214000,
+                runs: 3840,
+                medianResponseMs: 850,
+                modelCalls: 3840,
+                toolCalls: 5200,
+                toolCallsByName: [
+                    { tool: "address_lookup", count: 2100 },
+                    { tool: "inventory_check", count: 3100 },
+                ],
+            },
+            {
+                name: "Assess risk",
+                model: "gpt-4o",
+                tokenTrend: buildTrend(384000, 0.75),
+                totalTokens: 384000,
+                runs: 3840,
+                medianResponseMs: 1450,
+                modelCalls: 3840,
+                toolCalls: 4300,
+                toolCallsByName: [
+                    { tool: "credit_check", count: 3840 },
+                    { tool: "fraud_score", count: 460 },
+                ],
+            },
+            {
+                name: "Resolve address",
+                model: "gpt-4o-mini",
+                tokenTrend: buildTrend(132000, 0.78),
+                totalTokens: 132000,
+                runs: 3120,
+                medianResponseMs: 640,
+                modelCalls: 3120,
+                toolCalls: 3120,
+                toolCallsByName: [{ tool: "address_lookup", count: 3120 }],
+            },
+        ],
+    },
+    {
+        name: "Invoice approval",
+        versions: [2, 1],
+        latestVersion: 2,
+        instanceCount: 2910,
+        instances: [
+            {
+                key: "2251799813710001",
+                started: "Jul 7, 2026 · 10:05",
+                agentNames: ["Extract invoice fields", "Approve invoice"],
+                inputTokens: 340,
+                outputTokens: 115,
+            },
+            {
+                key: "2251799813710007",
+                started: "Jul 7, 2026 · 10:22",
+                agentNames: ["Extract invoice fields"],
+                inputTokens: 180,
+                outputTokens: 60,
+            },
+            {
+                key: "2251799813710013",
+                started: "Jul 6, 2026 · 14:40",
+                agentNames: ["Extract invoice fields", "Approve invoice"],
+                inputTokens: 355,
+                outputTokens: 120,
+            },
+            {
+                key: "2251799813710019",
+                started: "Jul 6, 2026 · 13:58",
+                agentNames: ["Extract invoice fields", "Approve invoice"],
+                inputTokens: 330,
+                outputTokens: 108,
+            },
+        ],
+        agents: [
+            {
+                name: "Extract invoice fields",
+                model: "gpt-4o-mini",
+                tokenTrend: buildTrend(178000, 0.7),
+                totalTokens: 178000,
+                runs: 2910,
+                medianResponseMs: 720,
+                modelCalls: 2910,
+                toolCalls: 2910,
+                toolCallsByName: [{ tool: "ocr_extract", count: 2910 }],
+            },
+            {
+                name: "Approve invoice",
+                model: "gpt-4o",
+                tokenTrend: buildTrend(96000, 0.68),
+                totalTokens: 96000,
+                runs: 2910,
+                medianResponseMs: 980,
+                modelCalls: 2910,
+                toolCalls: 1850,
+                toolCallsByName: [{ tool: "policy_check", count: 1850 }],
+            },
+        ],
+    },
+    {
+        name: "Support ticket triage",
+        versions: [1],
+        latestVersion: 1,
+        instanceCount: 1680,
+        instances: [
+            {
+                key: "2251799813720004",
+                started: "Jul 7, 2026 · 11:02",
+                agentNames: ["Draft customer reply"],
+                inputTokens: 610,
+                outputTokens: 240,
+            },
+            {
+                key: "2251799813720010",
+                started: "Jul 7, 2026 · 10:48",
+                agentNames: ["Draft customer reply"],
+                inputTokens: 545,
+                outputTokens: 210,
+            },
+            {
+                key: "2251799813720016",
+                started: "Jul 6, 2026 · 17:15",
+                agentNames: ["Draft customer reply"],
+                inputTokens: 590,
+                outputTokens: 225,
+            },
+        ],
+        agents: [
+            {
+                name: "Draft customer reply",
+                model: "claude-sonnet-4.5",
+                tokenTrend: buildTrend(297000, 0.71),
+                totalTokens: 297000,
+                runs: 1680,
+                medianResponseMs: 1100,
+                modelCalls: 1680,
+                toolCalls: 2050,
+                toolCallsByName: [
+                    { tool: "kb_search", count: 1680 },
+                    { tool: "sentiment_check", count: 370 },
+                ],
+            },
+        ],
+    },
+];
+//# sourceMappingURL=mock-data.js.map

package/dist/src/examples/agent-control-plane-processes/mock-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../../../../src/examples/agent-control-plane-processes/mock-data.ts"],"names":[],"mappings":"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"}

package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts

@@ -0,0 +1,37 @@
+export interface SparklinePoint {
+    day: number;
+    count: number;
+}
+export interface RateSparklinePoint {
+    day: number;
+    rate: number;
+}
+export declare const totalInstances: {
+    value: number;
+    deltaPct: number;
+    direction: "increase";
+    sparkline: SparklinePoint[];
+};
+export declare const incidentRate: {
+    value: number;
+    deltaPct: number;
+    direction: "increase";
+    sparkline: RateSparklinePoint[];
+};
+export interface TokenTrendPoint {
+    date: string;
+    input: number;
+    output: number;
+}
+export declare const tokenTrend: TokenTrendPoint[];
+export interface ProcessInstanceRanking {
+    process: string;
+    instances: number;
+}
+export declare const topProcessesByInstances: ProcessInstanceRanking[];
+export interface ProcessTokenRanking {
+    process: string;
+    tokens: number;
+}
+export declare const topProcessesByTokens: ProcessTokenRanking[];
+//# sourceMappingURL=summary-mock-data.d.ts.map

package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-mock-data.d.ts","sourceRoot":"","sources":["../../../../src/examples/agent-control-plane-processes/summary-mock-data.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,cAAc;;;;eAOlB,cAAc,EAAE;CACxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAOhB,kBAAkB,EAAE;CAC5B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,eAAe,EAQvC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,uBAAuB,EAAE,sBAAsB,EAO3D,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAOrD,CAAC"}

package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js

@@ -0,0 +1,53 @@
+// TODO: Replace with API calls to GET /v1/agent-control-plane/overview?range=7d
+// (instances, incident rate, token trend, top-N rankings — all scoped to the
+// selected date range and compared against the immediately preceding period
+// of equal length).
+//
+// Backs the aggregate "Key metrics" / "Usage trends" / "Top processes"
+// sections at the top of this page (merged in from the former standalone
+// Overview page — kept as its own file since it's a separate, org-wide-scoped
+// dataset from the process/agent-scoped one in mock-data.ts/derive.ts).
+export const totalInstances = {
+    value: 12480,
+    deltaPct: 8.2,
+    direction: "increase",
+    sparkline: Array.from({ length: 7 }, (_, i) => ({
+        day: i + 1,
+        count: Math.round(1500 + 220 * Math.sin(i * 1.1) + i * 60),
+    })),
+};
+export const incidentRate = {
+    value: 3.2,
+    deltaPct: 0.6,
+    direction: "increase",
+    sparkline: Array.from({ length: 7 }, (_, i) => ({
+        day: i + 1,
+        rate: Math.round((2.4 + 0.5 * Math.sin(i * 0.9) + i * 0.12) * 10) / 10,
+    })),
+};
+export const tokenTrend = [
+    { date: "Jul 1", input: 182000, output: 61000 },
+    { date: "Jul 2", input: 194500, output: 64800 },
+    { date: "Jul 3", input: 176200, output: 58900 },
+    { date: "Jul 4", input: 203100, output: 69700 },
+    { date: "Jul 5", input: 211800, output: 72400 },
+    { date: "Jul 6", input: 198600, output: 66300 },
+    { date: "Jul 7", input: 224900, output: 78100 },
+];
+export const topProcessesByInstances = [
+    { process: "Order fulfillment", instances: 3840 },
+    { process: "Invoice approval", instances: 2910 },
+    { process: "Customer onboarding", instances: 2205 },
+    { process: "Support ticket triage", instances: 1680 },
+    { process: "Refund and reconciliation", instances: 970 },
+    { process: "Contract renewal review", instances: 615 },
+];
+export const topProcessesByTokens = [
+    { process: "Order fulfillment", tokens: 730000 },
+    { process: "Support ticket triage", tokens: 297000 },
+    { process: "Invoice approval", tokens: 274000 },
+    { process: "Customer onboarding", tokens: 205000 },
+    { process: "Refund and reconciliation", tokens: 142000 },
+    { process: "Contract renewal review", tokens: 96000 },
+];
+//# sourceMappingURL=summary-mock-data.js.map

package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-mock-data.js","sourceRoot":"","sources":["../../../../src/examples/agent-control-plane-processes/summary-mock-data.ts"],"names":[],"mappings":"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"}

package/dist/src/examples/shared/DashboardSection.d.ts

@@ -0,0 +1,9 @@
+import type * as React from "react";
+interface DashboardSectionProps {
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+}
+export declare function DashboardSection({ title, description, children, }: DashboardSectionProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DashboardSection.d.ts.map

package/dist/src/examples/shared/DashboardSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardSection.d.ts","sourceRoot":"","sources":["../../../../src/examples/shared/DashboardSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,qBAAqB,qBAYvB"}

package/dist/src/examples/shared/DashboardSection.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DashboardSection({ title, description, children, }) {
+    return (_jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-lg font-medium text-foreground", children: title }), description ? (_jsx("p", { className: "text-sm text-muted-foreground", children: description })) : null] }), children] }));
+}
+//# sourceMappingURL=DashboardSection.js.map

package/dist/src/examples/shared/DashboardSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardSection.js","sourceRoot":"","sources":["../../../../src/examples/shared/DashboardSection.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,QAAQ,GACc;IACtB,OAAO,CACL,mBAAS,SAAS,EAAC,WAAW,aAC5B,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAM,EAC/D,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,QAAQ,IACD,CACX,CAAC;AACJ,CAAC"}

package/dist/src/examples/shared/DateRangePopover.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare function DateRangePopover(): React.JSX.Element;
+//# sourceMappingURL=DateRangePopover.d.ts.map

package/dist/src/examples/shared/DateRangePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePopover.d.ts","sourceRoot":"","sources":["../../../../src/examples/shared/DateRangePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,wBAAgB,gBAAgB,sBAkF/B"}

package/dist/src/examples/shared/DateRangePopover.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CalendarDays } from "lucide-react";
+import { subMonths } from "date-fns";
+import { Badge, Button, Popover, PopoverTrigger, PopoverContent, Calendar, } from "../../index.js";
+import { formatDateRangeDisplay, STORYBOOK_TODAY } from "./date-range-utils.js";
+const presets = [
+    { label: "Today", value: "today" },
+    { label: "Yesterday", value: "yesterday" },
+    { label: "Last 7 days", value: "7d" },
+    { label: "Last 30 days", value: "30d" },
+    { label: "Last 90 days", value: "90d" },
+];
+const VISIBLE_MONTH_COUNT = 6;
+export function DateRangePopover() {
+    const [activePreset, setActivePreset] = React.useState("7d");
+    const [customRange, setCustomRange] = React.useState();
+    const calendarScrollRef = React.useRef(null);
+    const { presetLabel, dateLabel, comparisonLabel } = formatDateRangeDisplay(activePreset, customRange);
+    return (_jsxs("div", { className: "flex flex-col items-end gap-1", children: [_jsxs(Popover, { onOpenChange: (open) => {
+                    if (!open)
+                        return;
+                    requestAnimationFrame(() => {
+                        const el = calendarScrollRef.current;
+                        if (el)
+                            el.scrollTop = el.scrollHeight;
+                    });
+                }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "secondary", className: "gap-2", children: [_jsx(CalendarDays, {}), presetLabel ? (_jsx(Badge, { variant: "neutral", className: "bg-neutral-background-medium", children: presetLabel })) : null, _jsx("span", { className: "font-normal text-foreground", children: dateLabel })] }) }), _jsxs(PopoverContent, { align: "end", className: "flex w-auto min-w-[420px] max-w-none flex-row gap-0 p-0", children: [_jsxs("div", { className: "flex w-44 shrink-0 flex-col gap-0.5 border-r border-border p-1.5", children: [presets.map((preset) => (_jsx(Button, { type: "button", variant: activePreset === preset.value ? "secondary" : "ghost", className: "w-full justify-start", 
+                                        // TODO: wire to real date-range filtering; visual-only for now
+                                        onClick: () => setActivePreset(preset.value), children: preset.label }, preset.value))), _jsx(Button, { type: "button", variant: activePreset === "custom" ? "secondary" : "ghost", className: "w-full justify-start", onClick: () => setActivePreset("custom"), children: "Custom range" })] }), _jsx("div", { ref: calendarScrollRef, className: "max-h-80 min-w-0 flex-1 overflow-y-auto p-3", children: _jsx(Calendar, { mode: "range", numberOfMonths: VISIBLE_MONTH_COUNT, defaultMonth: subMonths(STORYBOOK_TODAY, VISIBLE_MONTH_COUNT - 1), selected: customRange, className: "p-0", classNames: { months: "flex flex-col gap-4" }, onSelect: (range) => {
+                                        setCustomRange(range);
+                                        setActivePreset("custom");
+                                    } }) })] })] }), _jsx("p", { className: "text-right text-xs text-neutral-foreground-subtle", children: comparisonLabel })] }));
+}
+//# sourceMappingURL=DateRangePopover.js.map

package/dist/src/examples/shared/DateRangePopover.js.map

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

package/dist/src/examples/shared/agent-control-plane-nav.d.ts

@@ -0,0 +1,4 @@
+import { type SidebarNode } from "../../index.js";
+export declare function agentControlPlaneNavFor(active: "processes" | "agents"): SidebarNode[];
+export declare const agentControlPlaneBreadcrumb: import("react").JSX.Element;
+//# sourceMappingURL=agent-control-plane-nav.d.ts.map

package/dist/src/examples/shared/agent-control-plane-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-control-plane-nav.d.ts","sourceRoot":"","sources":["../../../../src/examples/shared/agent-control-plane-nav.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,aAAa,CAAC;AAErB,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,WAAW,GAAG,QAAQ,GAC7B,WAAW,EAAE,CAmBf;AAED,eAAO,MAAM,2BAA2B,6BAUvC,CAAC"}

package/dist/src/examples/shared/agent-control-plane-nav.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GitBranch, Bot, Building2, Cloud, LayoutDashboard, } from "lucide-react";
+import { NavBreadcrumb, NavBreadcrumbItem, } from "../../index.js";
+export function agentControlPlaneNavFor(active) {
+    return [
+        {
+            type: "item",
+            key: "processes",
+            label: "Processes",
+            icon: GitBranch,
+            isActive: active === "processes",
+            linkProps: { href: "#" },
+        },
+        {
+            type: "item",
+            key: "agents",
+            label: "Agents",
+            icon: Bot,
+            isActive: active === "agents",
+            linkProps: { href: "#" },
+        },
+    ];
+}
+export const agentControlPlaneBreadcrumb = (_jsxs(NavBreadcrumb, { "aria-label": "Cluster and application", children: [_jsx(NavBreadcrumbItem, { icon: _jsx(Building2, {}), label: "Camundanzia Org" }), _jsx(NavBreadcrumbItem, { icon: _jsx(Cloud, {}), label: "eu-1-prod" }), _jsx(NavBreadcrumbItem, { icon: _jsx(LayoutDashboard, {}), label: "Agent Control Plane", active: true })] }));
+//# sourceMappingURL=agent-control-plane-nav.js.map

package/dist/src/examples/shared/agent-control-plane-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-control-plane-nav.js","sourceRoot":"","sources":["../../../../src/examples/shared/agent-control-plane-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,GAAG,EACH,SAAS,EACT,KAAK,EACL,eAAe,GAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,aAAa,EACb,iBAAiB,GAElB,MAAM,aAAa,CAAC;AAErB,MAAM,UAAU,uBAAuB,CACrC,MAA8B;IAE9B,OAAO;QACL;YACE,IAAI,EAAE,MAAM;YACZ,GAAG,EAAE,WAAW;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,MAAM,KAAK,WAAW;YAChC,SAAS,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;SACzB;QACD;YACE,IAAI,EAAE,MAAM;YACZ,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,GAAG;YACT,QAAQ,EAAE,MAAM,KAAK,QAAQ;YAC7B,SAAS,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;SACzB;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,MAAC,aAAa,kBAAY,yBAAyB,aACjD,KAAC,iBAAiB,IAAC,IAAI,EAAE,KAAC,SAAS,KAAG,EAAE,KAAK,EAAC,iBAAiB,GAAG,EAClE,KAAC,iBAAiB,IAAC,IAAI,EAAE,KAAC,KAAK,KAAG,EAAE,KAAK,EAAC,WAAW,GAAG,EACxD,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAC,eAAe,KAAG,EACzB,KAAK,EAAC,qBAAqB,EAC3B,MAAM,SACN,IACY,CACjB,CAAC"}

package/dist/src/examples/shared/date-range-utils.d.ts

@@ -0,0 +1,10 @@
+import type { DateRange } from "react-day-picker";
+/** Fixed anchor so Storybook date labels stay stable across runs. */
+export declare const STORYBOOK_TODAY: Date;
+export declare function formatDateRangeDisplay(preset: string, customRange: DateRange | undefined): {
+    primaryLabel: string;
+    comparisonLabel: string;
+    presetLabel?: string;
+    dateLabel: string;
+};
+//# sourceMappingURL=date-range-utils.d.ts.map

package/dist/src/examples/shared/date-range-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-utils.d.ts","sourceRoot":"","sources":["../../../../src/examples/shared/date-range-utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,qEAAqE;AACrE,eAAO,MAAM,eAAe,MAAoC,CAAC;AAqEjE,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,SAAS,GAAG,SAAS,GACjC;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB,CAeA"}

package/dist/src/examples/shared/date-range-utils.js

@@ -0,0 +1,75 @@
+import { format, subDays, startOfDay } from "date-fns";
+/** Fixed anchor so Storybook date labels stay stable across runs. */
+export const STORYBOOK_TODAY = startOfDay(new Date(2026, 6, 14));
+function formatShortDate(date) {
+    return format(date, "MMM d, yyyy");
+}
+function formatRangeLabel(from, to) {
+    const sameYear = from.getFullYear() === to.getFullYear();
+    if (sameYear && from.getMonth() === to.getMonth()) {
+        return `${format(from, "MMM d")} – ${format(to, "d, yyyy")}`;
+    }
+    if (sameYear) {
+        return `${format(from, "MMM d")} – ${format(to, "MMM d, yyyy")}`;
+    }
+    return `${formatShortDate(from)} – ${formatShortDate(to)}`;
+}
+function presetDayCount(preset) {
+    switch (preset) {
+        case "today":
+            return 1;
+        case "yesterday":
+            return 1;
+        case "7d":
+            return 7;
+        case "30d":
+            return 30;
+        case "90d":
+            return 90;
+        default:
+            return 7;
+    }
+}
+function resolvePrimaryRange(preset, customRange) {
+    if (preset === "custom" && customRange?.from) {
+        const from = startOfDay(customRange.from);
+        const to = startOfDay(customRange.to ?? customRange.from);
+        return from <= to ? { from, to } : { from: to, to: from };
+    }
+    if (preset === "yesterday") {
+        const day = subDays(STORYBOOK_TODAY, 1);
+        return { from: day, to: day };
+    }
+    const days = presetDayCount(preset);
+    const to = STORYBOOK_TODAY;
+    const from = preset === "today" ? STORYBOOK_TODAY : subDays(to, days - 1);
+    return { from, to };
+}
+const presets = [
+    { label: "Today", value: "today" },
+    { label: "Yesterday", value: "yesterday" },
+    { label: "Last 7 days", value: "7d" },
+    { label: "Last 30 days", value: "30d" },
+    { label: "Last 90 days", value: "90d" },
+    { label: "Custom range", value: "custom" },
+];
+function presetLabel(preset) {
+    if (preset === "custom")
+        return undefined;
+    return presets.find((p) => p.value === preset)?.label;
+}
+export function formatDateRangeDisplay(preset, customRange) {
+    const { from, to } = resolvePrimaryRange(preset, customRange);
+    const spanDays = Math.round((to.getTime() - from.getTime()) / (1000 * 60 * 60 * 24)) + 1;
+    const comparisonTo = subDays(from, 1);
+    const comparisonFrom = subDays(comparisonTo, spanDays - 1);
+    const dateLabel = formatRangeLabel(from, to);
+    const namedPreset = presetLabel(preset);
+    return {
+        primaryLabel: dateLabel,
+        dateLabel,
+        presetLabel: namedPreset,
+        comparisonLabel: `Compared to ${formatRangeLabel(comparisonFrom, comparisonTo)}`,
+    };
+}
+//# sourceMappingURL=date-range-utils.js.map

package/dist/src/examples/shared/date-range-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-utils.js","sourceRoot":"","sources":["../../../../src/examples/shared/date-range-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGvD,qEAAqE;AACrE,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAEjE,SAAS,eAAe,CAAC,IAAU;IACjC,OAAO,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AACrC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAU,EAAE,EAAQ;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,WAAW,EAAE,CAAC;IACzD,IAAI,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;QAClD,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,CAAC;IAC/D,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC;IACnE,CAAC;IACD,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,MAAM,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;AAC7D,CAAC;AAED,SAAS,cAAc,CAAC,MAAc;IACpC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,OAAO;YACV,OAAO,CAAC,CAAC;QACX,KAAK,WAAW;YACd,OAAO,CAAC,CAAC;QACX,KAAK,IAAI;YACP,OAAO,CAAC,CAAC;QACX,KAAK,KAAK;YACR,OAAO,EAAE,CAAC;QACZ,KAAK,KAAK;YACR,OAAO,EAAE,CAAC;QACZ;YACE,OAAO,CAAC,CAAC;IACb,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAC1B,MAAc,EACd,WAAkC;IAElC,IAAI,MAAM,KAAK,QAAQ,IAAI,WAAW,EAAE,IAAI,EAAE,CAAC;QAC7C,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;IAC5D,CAAC;IAED,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;QAC3B,MAAM,GAAG,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;QACxC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;IAChC,CAAC;IAED,MAAM,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,GAAG,eAAe,CAAC;IAC3B,MAAM,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;IAC1E,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACtB,CAAC;AAED,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC1C,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE;IACrC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;IACvC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;IACvC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE;CAClC,CAAC;AAEX,SAAS,WAAW,CAAC,MAAc;IACjC,IAAI,MAAM,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IAC1C,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,EAAE,KAAK,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,MAAc,EACd,WAAkC;IAOlC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC9D,MAAM,QAAQ,GACZ,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACtC,MAAM,cAAc,GAAG,OAAO,CAAC,YAAY,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAExC,OAAO;QACL,YAAY,EAAE,SAAS;QACvB,SAAS;QACT,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe,gBAAgB,CAAC,cAAc,EAAE,YAAY,CAAC,EAAE;KACjF,CAAC;AACJ,CAAC"}

package/dist/src/icons/camunda-app-icons.d.ts

@@ -0,0 +1,19 @@
+import type { NavIcon } from "../components/ui/nav-icon.js";
+/** The Camunda web applications a navigation surface can link to. */
+export type CamundaAppKey = "operate" | "tasklist" | "optimize" | "admin" | "identity" | "modeler" | "console";
+/**
+ * Icon per Camunda web application, for navigation surfaces that list them.
+ *
+ * Console's runtime hands out cluster applications as plain data with no icons, so without this
+ * every consumer hand-writes the same seven-entry mapping.
+ *
+ * `admin` and `identity` share a glyph on purpose: they are the same application under two
+ * names, renamed in 8.9.0-alpha5. Which of the two to display is version-dependent Console
+ * logic and stays with the consumer — this map never inspects a cluster.
+ *
+ * The map is an indirection, and that is the point: replacing these values with bespoke Camunda
+ * glyphs later is non-breaking, because consumers ask for `camundaAppIcons` rather than naming
+ * a glyph. Until then the lucide set is generic where Console shows product iconography today.
+ */
+export declare const camundaAppIcons: Record<CamundaAppKey, NavIcon>;
+//# sourceMappingURL=camunda-app-icons.d.ts.map

package/dist/src/icons/camunda-app-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camunda-app-icons.d.ts","sourceRoot":"","sources":["../../../src/icons/camunda-app-icons.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAGzD,qEAAqE;AACrE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,CAQ1D,CAAC"}

package/dist/src/icons/camunda-app-icons.js

@@ -0,0 +1,26 @@
+import { ChartLine, LayoutGrid, ListChecks, Play, Settings, } from "lucide-react";
+import { ModelerIcon } from "./custom/ModelerIcon.js";
+/**
+ * Icon per Camunda web application, for navigation surfaces that list them.
+ *
+ * Console's runtime hands out cluster applications as plain data with no icons, so without this
+ * every consumer hand-writes the same seven-entry mapping.
+ *
+ * `admin` and `identity` share a glyph on purpose: they are the same application under two
+ * names, renamed in 8.9.0-alpha5. Which of the two to display is version-dependent Console
+ * logic and stays with the consumer — this map never inspects a cluster.
+ *
+ * The map is an indirection, and that is the point: replacing these values with bespoke Camunda
+ * glyphs later is non-breaking, because consumers ask for `camundaAppIcons` rather than naming
+ * a glyph. Until then the lucide set is generic where Console shows product iconography today.
+ */
+export const camundaAppIcons = {
+    operate: Play,
+    tasklist: ListChecks,
+    optimize: ChartLine,
+    admin: Settings,
+    identity: Settings,
+    modeler: ModelerIcon,
+    console: LayoutGrid,
+};
+//# sourceMappingURL=camunda-app-icons.js.map

package/dist/src/icons/camunda-app-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camunda-app-icons.js","sourceRoot":"","sources":["../../../src/icons/camunda-app-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,GACT,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYnD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC;IAC7D,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,UAAU;CACpB,CAAC"}

package/dist/src/icons/index.d.ts

@@ -15,4 +15,5 @@ export { IpAllowlistIcon } from "./custom/IpAllowlistIcon.js";
 export { ModelerIcon } from "./custom/ModelerIcon.js";
 export { ProcessApplicationIcon } from "./custom/ProcessApplicationIcon.js";
 export { ProjectIcon } from "./custom/ProjectIcon.js";
+export { camundaAppIcons, type CamundaAppKey } from "./camunda-app-icons.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,QAAQ,GACT,MAAM,YAAY,CAAC;AAIpB,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,QAAQ,GACT,MAAM,YAAY,CAAC;AAIpB,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/src/icons/index.js

@@ -17,4 +17,5 @@ export { IpAllowlistIcon } from "./custom/IpAllowlistIcon.js";
 export { ModelerIcon } from "./custom/ModelerIcon.js";
 export { ProcessApplicationIcon } from "./custom/ProcessApplicationIcon.js";
 export { ProjectIcon } from "./custom/ProjectIcon.js";
+export { camundaAppIcons } from "./camunda-app-icons.js";
 //# sourceMappingURL=index.js.map

package/dist/src/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,QAAQ,GACT,MAAM,YAAY,CAAC;AAEpB,mEAAmE;AACnE,2FAA2F;AAC3F,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,QAAQ,GACT,MAAM,YAAY,CAAC;AAEpB,mEAAmE;AACnE,2FAA2F;AAC3F,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAsB,MAAM,qBAAqB,CAAC"}