@camunda/design-system 0.35.0 → 0.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/src/components/ui/app-header.d.ts +6 -2
  2. package/dist/src/components/ui/app-header.d.ts.map +1 -1
  3. package/dist/src/components/ui/app-header.js +1 -1
  4. package/dist/src/components/ui/app-header.js.map +1 -1
  5. package/dist/src/components/ui/app-sidebar.d.ts +44 -12
  6. package/dist/src/components/ui/app-sidebar.d.ts.map +1 -1
  7. package/dist/src/components/ui/app-sidebar.js +42 -15
  8. package/dist/src/components/ui/app-sidebar.js.map +1 -1
  9. package/dist/src/components/ui/avatar.d.ts +7 -0
  10. package/dist/src/components/ui/avatar.d.ts.map +1 -1
  11. package/dist/src/components/ui/avatar.js +1 -1
  12. package/dist/src/components/ui/avatar.js.map +1 -1
  13. package/dist/src/components/ui/bar-chart.d.ts.map +1 -1
  14. package/dist/src/components/ui/bar-chart.js +45 -7
  15. package/dist/src/components/ui/bar-chart.js.map +1 -1
  16. package/dist/src/components/ui/chart.d.ts +9 -2
  17. package/dist/src/components/ui/chart.d.ts.map +1 -1
  18. package/dist/src/components/ui/chart.js +13 -4
  19. package/dist/src/components/ui/chart.js.map +1 -1
  20. package/dist/src/components/ui/data-table.d.ts +6 -0
  21. package/dist/src/components/ui/data-table.d.ts.map +1 -1
  22. package/dist/src/components/ui/data-table.js +6 -5
  23. package/dist/src/components/ui/data-table.js.map +1 -1
  24. package/dist/src/components/ui/definition-tooltip.d.ts.map +1 -1
  25. package/dist/src/components/ui/definition-tooltip.js +37 -9
  26. package/dist/src/components/ui/definition-tooltip.js.map +1 -1
  27. package/dist/src/components/ui/line-chart.d.ts.map +1 -1
  28. package/dist/src/components/ui/line-chart.js +12 -2
  29. package/dist/src/components/ui/line-chart.js.map +1 -1
  30. package/dist/src/components/ui/meter.d.ts.map +1 -1
  31. package/dist/src/components/ui/meter.js +1 -10
  32. package/dist/src/components/ui/meter.js.map +1 -1
  33. package/dist/src/components/ui/nav-breadcrumb.d.ts +120 -2
  34. package/dist/src/components/ui/nav-breadcrumb.d.ts.map +1 -1
  35. package/dist/src/components/ui/nav-breadcrumb.js +54 -7
  36. package/dist/src/components/ui/nav-breadcrumb.js.map +1 -1
  37. package/dist/src/components/ui/nav-data.d.ts +46 -0
  38. package/dist/src/components/ui/nav-data.d.ts.map +1 -0
  39. package/dist/src/components/ui/nav-data.js +66 -0
  40. package/dist/src/components/ui/nav-data.js.map +1 -0
  41. package/dist/src/components/ui/nav-icon.assignability.d.ts +30 -0
  42. package/dist/src/components/ui/nav-icon.assignability.d.ts.map +1 -0
  43. package/dist/src/components/ui/nav-icon.assignability.js +28 -0
  44. package/dist/src/components/ui/nav-icon.assignability.js.map +1 -0
  45. package/dist/src/components/ui/nav-icon.d.ts +33 -0
  46. package/dist/src/components/ui/nav-icon.d.ts.map +1 -0
  47. package/dist/src/components/ui/nav-icon.js +20 -0
  48. package/dist/src/components/ui/nav-icon.js.map +1 -0
  49. package/dist/src/components/ui/notifications.d.ts +72 -0
  50. package/dist/src/components/ui/notifications.d.ts.map +1 -0
  51. package/dist/src/components/ui/notifications.js +53 -0
  52. package/dist/src/components/ui/notifications.js.map +1 -0
  53. package/dist/src/components/ui/scorecard.d.ts +1 -1
  54. package/dist/src/components/ui/scorecard.d.ts.map +1 -1
  55. package/dist/src/components/ui/scorecard.js +13 -8
  56. package/dist/src/components/ui/scorecard.js.map +1 -1
  57. package/dist/src/components/ui/sheet.d.ts +1 -1
  58. package/dist/src/components/ui/sparkline.d.ts.map +1 -1
  59. package/dist/src/components/ui/sparkline.js +11 -1
  60. package/dist/src/components/ui/sparkline.js.map +1 -1
  61. package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts +3 -0
  62. package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts.map +1 -0
  63. package/dist/src/examples/agent-control-plane-processes/DashboardPage.js +114 -0
  64. package/dist/src/examples/agent-control-plane-processes/DashboardPage.js.map +1 -0
  65. package/dist/src/examples/agent-control-plane-processes/derive.d.ts +65 -0
  66. package/dist/src/examples/agent-control-plane-processes/derive.d.ts.map +1 -0
  67. package/dist/src/examples/agent-control-plane-processes/derive.js +234 -0
  68. package/dist/src/examples/agent-control-plane-processes/derive.js.map +1 -0
  69. package/dist/src/examples/agent-control-plane-processes/mock-data.d.ts +37 -0
  70. package/dist/src/examples/agent-control-plane-processes/mock-data.d.ts.map +1 -0
  71. package/dist/src/examples/agent-control-plane-processes/mock-data.js +206 -0
  72. package/dist/src/examples/agent-control-plane-processes/mock-data.js.map +1 -0
  73. package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts +37 -0
  74. package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts.map +1 -0
  75. package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js +53 -0
  76. package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js.map +1 -0
  77. package/dist/src/examples/shared/DashboardSection.d.ts +9 -0
  78. package/dist/src/examples/shared/DashboardSection.d.ts.map +1 -0
  79. package/dist/src/examples/shared/DashboardSection.js +5 -0
  80. package/dist/src/examples/shared/DashboardSection.js.map +1 -0
  81. package/dist/src/examples/shared/DateRangePopover.d.ts +3 -0
  82. package/dist/src/examples/shared/DateRangePopover.d.ts.map +1 -0
  83. package/dist/src/examples/shared/DateRangePopover.js +35 -0
  84. package/dist/src/examples/shared/DateRangePopover.js.map +1 -0
  85. package/dist/src/examples/shared/agent-control-plane-nav.d.ts +4 -0
  86. package/dist/src/examples/shared/agent-control-plane-nav.d.ts.map +1 -0
  87. package/dist/src/examples/shared/agent-control-plane-nav.js +25 -0
  88. package/dist/src/examples/shared/agent-control-plane-nav.js.map +1 -0
  89. package/dist/src/examples/shared/date-range-utils.d.ts +10 -0
  90. package/dist/src/examples/shared/date-range-utils.d.ts.map +1 -0
  91. package/dist/src/examples/shared/date-range-utils.js +75 -0
  92. package/dist/src/examples/shared/date-range-utils.js.map +1 -0
  93. package/dist/src/icons/camunda-app-icons.d.ts +19 -0
  94. package/dist/src/icons/camunda-app-icons.d.ts.map +1 -0
  95. package/dist/src/icons/camunda-app-icons.js +26 -0
  96. package/dist/src/icons/camunda-app-icons.js.map +1 -0
  97. package/dist/src/icons/index.d.ts +1 -0
  98. package/dist/src/icons/index.d.ts.map +1 -1
  99. package/dist/src/icons/index.js +1 -0
  100. package/dist/src/icons/index.js.map +1 -1
  101. package/dist/src/index.d.ts +6 -3
  102. package/dist/src/index.d.ts.map +1 -1
  103. package/dist/src/index.js +4 -2
  104. package/dist/src/index.js.map +1 -1
  105. package/dist/styles.css +77 -25
  106. package/package.json +1 -1
  107. package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts +0 -2
  108. package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map +0 -1
  109. package/dist/src/examples/cost-dashboard/CostBreakdownChart.js +0 -21
  110. package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map +0 -1
  111. package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts +0 -2
  112. package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map +0 -1
  113. package/dist/src/examples/cost-dashboard/CostDashboardPage.js +0 -56
  114. package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map +0 -1
  115. package/dist/src/examples/cost-dashboard/TrendChart.d.ts +0 -2
  116. package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map +0 -1
  117. package/dist/src/examples/cost-dashboard/TrendChart.js +0 -19
  118. package/dist/src/examples/cost-dashboard/TrendChart.js.map +0 -1
  119. package/dist/src/examples/cost-dashboard/mock-data.d.ts +0 -34
  120. package/dist/src/examples/cost-dashboard/mock-data.d.ts.map +0 -1
  121. package/dist/src/examples/cost-dashboard/mock-data.js +0 -120
  122. package/dist/src/examples/cost-dashboard/mock-data.js.map +0 -1
  123. package/dist/src/examples/projects-list/ProjectsListPage.d.ts +0 -4
  124. package/dist/src/examples/projects-list/ProjectsListPage.d.ts.map +0 -1
  125. package/dist/src/examples/projects-list/ProjectsListPage.js +0 -58
  126. package/dist/src/examples/projects-list/ProjectsListPage.js.map +0 -1
  127. package/dist/src/examples/projects-list/mock-data.d.ts +0 -10
  128. package/dist/src/examples/projects-list/mock-data.d.ts.map +0 -1
  129. package/dist/src/examples/projects-list/mock-data.js +0 -83
  130. package/dist/src/examples/projects-list/mock-data.js.map +0 -1
@@ -1,120 +0,0 @@
1
- export const definition = {
2
- name: "OrderFulfillment",
3
- bpmnProcessId: "order-fulfillment",
4
- version: 3,
5
- versions: [3, 2, 1],
6
- };
7
- export const agents = [
8
- {
9
- elementId: "ValidateOrder",
10
- label: "Validate order",
11
- runs: 156,
12
- inTokensMean: 1200,
13
- outTokensMean: 420,
14
- inCostUsd: 28.1,
15
- outCostUsd: 19.7,
16
- valueCreatedUsd: 210,
17
- },
18
- {
19
- elementId: "AssessRisk",
20
- label: "Assess risk",
21
- runs: 156,
22
- inTokensMean: 1850,
23
- outTokensMean: 610,
24
- inCostUsd: 43.3,
25
- outCostUsd: 28.6,
26
- valueCreatedUsd: 320,
27
- },
28
- {
29
- elementId: "ResolveAddress",
30
- label: "Resolve address",
31
- runs: 142,
32
- inTokensMean: 640,
33
- outTokensMean: 180,
34
- inCostUsd: 13.6,
35
- outCostUsd: 7.7,
36
- valueCreatedUsd: 95,
37
- },
38
- {
39
- elementId: "DraftReply",
40
- label: "Draft customer reply",
41
- runs: 138,
42
- inTokensMean: 2100,
43
- outTokensMean: 880,
44
- inCostUsd: 47.5,
45
- outCostUsd: 39.9,
46
- valueCreatedUsd: 410,
47
- },
48
- ];
49
- const sum = (ns) => ns.reduce((a, b) => a + b, 0);
50
- export const totalLlmSpend = +sum(agents.map((a) => a.inCostUsd + a.outCostUsd)).toFixed(2);
51
- export const totalTokens = sum(agents.map((a) => (a.inTokensMean + a.outTokensMean) * a.runs));
52
- export const totalRuns = sum(agents.map((a) => a.runs));
53
- export const trend = Array.from({ length: 12 }, (_, i) => {
54
- const wobble = (base, k) => Math.round(base * (1 + 0.12 * Math.sin((i + k) * 1.1)));
55
- const p = { idx: i + 1 };
56
- agents.forEach((a, k) => {
57
- p[`${a.elementId}_in`] = wobble(a.inTokensMean, k);
58
- p[`${a.elementId}_out`] = wobble(a.outTokensMean, k + 3);
59
- });
60
- return p;
61
- });
62
- export const instances = [
63
- {
64
- key: "2251799813700012",
65
- version: 3,
66
- state: "COMPLETED",
67
- costUsd: 1.42,
68
- started: "Jun 14, 2026 · 09:12",
69
- },
70
- {
71
- key: "2251799813700018",
72
- version: 3,
73
- state: "COMPLETED",
74
- costUsd: 1.05,
75
- started: "Jun 14, 2026 · 09:31",
76
- },
77
- {
78
- key: "2251799813700024",
79
- version: 3,
80
- state: "ACTIVE",
81
- costUsd: 0.62,
82
- started: "Jun 14, 2026 · 09:48",
83
- },
84
- {
85
- key: "2251799813700031",
86
- version: 2,
87
- state: "COMPLETED",
88
- costUsd: 1.88,
89
- started: "Jun 14, 2026 · 10:02",
90
- },
91
- {
92
- key: "2251799813700037",
93
- version: 3,
94
- state: "COMPLETED",
95
- costUsd: 0.97,
96
- started: "Jun 14, 2026 · 10:25",
97
- },
98
- {
99
- key: "2251799813700044",
100
- version: 3,
101
- state: "ACTIVE",
102
- costUsd: 0.41,
103
- started: "Jun 14, 2026 · 10:51",
104
- },
105
- {
106
- key: "2251799813700050",
107
- version: 2,
108
- state: "COMPLETED",
109
- costUsd: 1.33,
110
- started: "Jun 14, 2026 · 11:09",
111
- },
112
- {
113
- key: "2251799813700057",
114
- version: 3,
115
- state: "COMPLETED",
116
- costUsd: 1.16,
117
- started: "Jun 14, 2026 · 11:42",
118
- },
119
- ];
120
- //# sourceMappingURL=mock-data.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/mock-data.ts"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- export declare function ProjectsListPage({ empty }: {
2
- empty?: boolean;
3
- }): import("react").JSX.Element;
4
- //# sourceMappingURL=ProjectsListPage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProjectsListPage.d.ts","sourceRoot":"","sources":["../../../../src/examples/projects-list/ProjectsListPage.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,gBAAgB,CAAC,EAAE,KAAa,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAsFtE"}
@@ -1,58 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { Copy, FolderInput, FolderKanban, Pencil, Plus, Rocket, Search, Trash2, } from "lucide-react";
4
- import { Button, Card, CardContent, DataTable, EmptyState, Input, PageLayout, PageHeader, } from "../../index.js";
5
- import { AppShell } from "../shared/AppShell.js";
6
- import { consoleNav, consoleBreadcrumb } from "../shared/console-nav.js";
7
- import { projects } from "./mock-data.js";
8
- const columns = [
9
- {
10
- accessorKey: "name",
11
- header: "Name",
12
- cell: ({ row }) => (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(FolderKanban, { className: "size-4 text-neutral-foreground-subtle" }), row.original.name] })),
13
- },
14
- { accessorKey: "fileCount", header: "Files" },
15
- { accessorKey: "lastModified", header: "Last modified" },
16
- { accessorKey: "createdBy", header: "Created by" },
17
- ];
18
- // TODO: Replace with API calls to the relevant /v2/workspaces/{workspaceId}/projects endpoints
19
- const batchActions = [
20
- { id: "move", label: "Move", icon: _jsx(FolderInput, {}), onClick: () => { } },
21
- { id: "duplicate", label: "Duplicate", icon: _jsx(Copy, {}), onClick: () => { } },
22
- {
23
- id: "delete",
24
- label: "Delete",
25
- variant: "destructive",
26
- icon: _jsx(Trash2, {}),
27
- onClick: () => { },
28
- },
29
- ];
30
- const rowActions = [
31
- { id: "rename", label: "Rename", icon: _jsx(Pencil, {}), onClick: () => { } },
32
- { id: "move", label: "Move", icon: _jsx(FolderInput, {}), onClick: () => { } },
33
- { id: "duplicate", label: "Duplicate", icon: _jsx(Copy, {}), onClick: () => { } },
34
- {
35
- id: "delete",
36
- label: "Delete",
37
- variant: "destructive",
38
- separatorBefore: true,
39
- icon: _jsx(Trash2, {}),
40
- onClick: () => { },
41
- },
42
- ];
43
- export function ProjectsListPage({ empty = false }) {
44
- const [query, setQuery] = useState("");
45
- const data = empty
46
- ? []
47
- : projects.filter((project) => project.name.toLowerCase().includes(query.toLowerCase()));
48
- const emptyState = (_jsx(Card, { className: "mx-auto max-w-md border-dashed", children: _jsx(CardContent, { className: "py-10", children: _jsx(EmptyState, { icon: _jsx(Rocket, { "aria-hidden": "true" }), heading: "No projects yet", description: "Projects organize your BPMN diagrams, DMN decisions, and forms. Create your first one to get started.", action:
49
- // TODO: Replace with API call to POST /v2/workspaces/{workspaceId}/projects
50
- _jsxs(Button, { type: "button", onClick: () => { }, children: [_jsx(Plus, { "aria-hidden": "true", "data-icon": "inline-start" }), "New project"] }) }) }) }));
51
- return (_jsx(AppShell, { sidebarLabel: "Workspace navigation", items: consoleNav, breadcrumb: consoleBreadcrumb, children: _jsxs(PageLayout, { tabIndex: -1, width: "constrained", children: [_jsx(PageHeader, { title: "Projects", description: !empty ? `${projects.length} projects` : undefined }), _jsx("div", { className: "mt-6", children: empty ? (
52
- // Render the empty state directly in the page — not inside the
53
- // DataTable's empty cell, which would constrain it.
54
- _jsx("div", { className: "mt-12", children: emptyState })) : (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "relative w-full min-w-48 max-w-sm", children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-neutral-foreground-subtle" }), _jsx(Input, { type: "search", role: "searchbox", placeholder: "Search projects", "aria-label": "Search projects", className: "pl-9", value: query, onChange: (event) => setQuery(event.target.value) })] }), _jsxs(Button, { type: "button", className: "shrink-0", onClick: () => { }, children: [_jsx(Plus, {}), "New project"] })] }), _jsx(DataTable, { columns: columns, data: data, sorting: true, pagination: { pageSizes: [10, 25] }, rowActions: rowActions, batchActions: batchActions, getRowId: (row) => row.id,
55
- // TODO: navigate to project detail
56
- onRowClick: () => { } })] })) })] }) }));
57
- }
58
- //# sourceMappingURL=ProjectsListPage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProjectsListPage.js","sourceRoot":"","sources":["../../../../src/examples/projects-list/ProjectsListPage.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- export interface Project {
2
- id: string;
3
- name: string;
4
- fileCount: number;
5
- lastModified: string;
6
- lastModifiedIso: string;
7
- createdBy: string;
8
- }
9
- export declare const projects: Project[];
10
- //# sourceMappingURL=mock-data.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../../../src/examples/projects-list/mock-data.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,QAAQ,EAAE,OAAO,EAiF7B,CAAC"}
@@ -1,83 +0,0 @@
1
- export const projects = [
2
- {
3
- id: "project-9",
4
- name: "Payment Processing",
5
- fileCount: 14,
6
- lastModified: "2 days ago",
7
- lastModifiedIso: "2026-06-14",
8
- createdBy: "Anita Schmidt",
9
- },
10
- {
11
- id: "project-3",
12
- name: "Invoice Management",
13
- fileCount: 8,
14
- lastModified: "5 days ago",
15
- lastModifiedIso: "2026-06-11",
16
- createdBy: "Jonas Weber",
17
- },
18
- {
19
- id: "project-7",
20
- name: "Refund System",
21
- fileCount: 6,
22
- lastModified: "1 week ago",
23
- lastModifiedIso: "2026-06-09",
24
- createdBy: "Anita Schmidt",
25
- },
26
- {
27
- id: "project-12",
28
- name: "Customer Onboarding",
29
- fileCount: 21,
30
- lastModified: "1 week ago",
31
- lastModifiedIso: "2026-06-08",
32
- createdBy: "Priya Nair",
33
- },
34
- {
35
- id: "project-5",
36
- name: "Loan Approval",
37
- fileCount: 11,
38
- lastModified: "2 weeks ago",
39
- lastModifiedIso: "2026-06-02",
40
- createdBy: "Marco Rossi",
41
- },
42
- {
43
- id: "project-15",
44
- name: "Fraud Detection",
45
- fileCount: 9,
46
- lastModified: "3 weeks ago",
47
- lastModifiedIso: "2026-05-26",
48
- createdBy: "Priya Nair",
49
- },
50
- {
51
- id: "project-2",
52
- name: "Claims Intake",
53
- fileCount: 7,
54
- lastModified: "3 weeks ago",
55
- lastModifiedIso: "2026-05-25",
56
- createdBy: "Jonas Weber",
57
- },
58
- {
59
- id: "project-18",
60
- name: "KYC Verification",
61
- fileCount: 13,
62
- lastModified: "last month",
63
- lastModifiedIso: "2026-05-12",
64
- createdBy: "Anita Schmidt",
65
- },
66
- {
67
- id: "project-21",
68
- name: "Dunning Workflow",
69
- fileCount: 5,
70
- lastModified: "last month",
71
- lastModifiedIso: "2026-05-08",
72
- createdBy: "Marco Rossi",
73
- },
74
- {
75
- id: "project-24",
76
- name: "Payout Reconciliation",
77
- fileCount: 10,
78
- lastModified: "2 months ago",
79
- lastModifiedIso: "2026-04-19",
80
- createdBy: "Priya Nair",
81
- },
82
- ];
83
- //# sourceMappingURL=mock-data.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../../../../src/examples/projects-list/mock-data.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,QAAQ,GAAc;IACjC;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,cAAc;QAC5B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;CACF,CAAC"}