@uipath/apollo-wind 0.9.1 → 0.10.0-pr219.61d64eb

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 (158) hide show
  1. package/dist/components/custom/canvas.cjs +44 -0
  2. package/dist/components/custom/canvas.d.ts +14 -0
  3. package/dist/components/custom/canvas.js +10 -0
  4. package/dist/components/custom/chat-composer.cjs +105 -0
  5. package/dist/components/custom/chat-composer.d.ts +15 -0
  6. package/dist/components/custom/chat-composer.js +71 -0
  7. package/dist/components/custom/chat-first-experience.cjs +87 -0
  8. package/dist/components/custom/chat-first-experience.d.ts +24 -0
  9. package/dist/components/custom/chat-first-experience.js +53 -0
  10. package/dist/components/custom/chat-prompt-suggestions.cjs +48 -0
  11. package/dist/components/custom/chat-prompt-suggestions.d.ts +18 -0
  12. package/dist/components/custom/chat-prompt-suggestions.js +14 -0
  13. package/dist/components/custom/chat-steps-view.cjs +307 -0
  14. package/dist/components/custom/chat-steps-view.d.ts +38 -0
  15. package/dist/components/custom/chat-steps-view.js +273 -0
  16. package/dist/components/custom/flow-node.cjs +76 -0
  17. package/dist/components/custom/flow-node.d.ts +20 -0
  18. package/dist/components/custom/flow-node.js +42 -0
  19. package/dist/components/custom/flow-properties-bar.cjs +101 -0
  20. package/dist/components/custom/flow-properties-bar.d.ts +21 -0
  21. package/dist/components/custom/flow-properties-bar.js +67 -0
  22. package/dist/components/custom/flow-properties-expanded.cjs +324 -0
  23. package/dist/components/custom/flow-properties-expanded.d.ts +19 -0
  24. package/dist/components/custom/flow-properties-expanded.js +290 -0
  25. package/dist/components/custom/flow-properties-simple.cjs +357 -0
  26. package/dist/components/custom/flow-properties-simple.d.ts +62 -0
  27. package/dist/components/custom/flow-properties-simple.js +323 -0
  28. package/dist/components/custom/flow-properties.cjs +56 -0
  29. package/dist/components/custom/flow-properties.d.ts +28 -0
  30. package/dist/components/custom/flow-properties.js +22 -0
  31. package/dist/components/custom/global-header.cjs +415 -0
  32. package/dist/components/custom/global-header.d.ts +38 -0
  33. package/dist/components/custom/global-header.js +381 -0
  34. package/dist/components/custom/grid-maestro.cjs +62 -0
  35. package/dist/components/custom/grid-maestro.d.ts +19 -0
  36. package/dist/components/custom/grid-maestro.js +22 -0
  37. package/dist/components/custom/panel-delegate.cjs +280 -0
  38. package/dist/components/custom/panel-delegate.d.ts +34 -0
  39. package/dist/components/custom/panel-delegate.js +246 -0
  40. package/dist/components/custom/panel-flow.cjs +260 -0
  41. package/dist/components/custom/panel-flow.d.ts +38 -0
  42. package/dist/components/custom/panel-flow.js +223 -0
  43. package/dist/components/custom/panel-maestro.cjs +73 -0
  44. package/dist/components/custom/panel-maestro.d.ts +30 -0
  45. package/dist/components/custom/panel-maestro.js +39 -0
  46. package/dist/components/custom/toolbar-canvas.cjs +121 -0
  47. package/dist/components/custom/toolbar-canvas.d.ts +15 -0
  48. package/dist/components/custom/toolbar-canvas.js +87 -0
  49. package/dist/components/custom/toolbar-view.cjs +119 -0
  50. package/dist/components/custom/toolbar-view.d.ts +14 -0
  51. package/dist/components/custom/toolbar-view.js +85 -0
  52. package/dist/components/custom/viewport-guard.cjs +92 -0
  53. package/dist/components/custom/viewport-guard.d.ts +23 -0
  54. package/dist/components/custom/viewport-guard.js +55 -0
  55. package/dist/components/ui/button.cjs +3 -3
  56. package/dist/components/ui/button.js +3 -3
  57. package/dist/components/ui/chart.cjs +218 -0
  58. package/dist/components/ui/chart.d.ts +40 -0
  59. package/dist/components/ui/chart.js +169 -0
  60. package/dist/components/ui/data-table.cjs +14 -2
  61. package/dist/components/ui/data-table.d.ts +4 -1
  62. package/dist/components/ui/data-table.js +15 -3
  63. package/dist/components/ui/empty-state.cjs +17 -6
  64. package/dist/components/ui/empty-state.d.ts +7 -0
  65. package/dist/components/ui/empty-state.js +17 -6
  66. package/dist/components/ui/file-upload.cjs +82 -42
  67. package/dist/components/ui/file-upload.d.ts +3 -1
  68. package/dist/components/ui/file-upload.js +82 -42
  69. package/dist/components/ui/index.cjs +289 -149
  70. package/dist/components/ui/index.d.ts +2 -3
  71. package/dist/components/ui/index.js +2 -3
  72. package/dist/components/ui/tree-view.cjs +1101 -0
  73. package/dist/components/ui/tree-view.d.ts +95 -0
  74. package/dist/components/ui/tree-view.js +1067 -0
  75. package/dist/foundation/Future/colors.cjs +92 -0
  76. package/dist/foundation/Future/colors.d.ts +132 -0
  77. package/dist/foundation/Future/colors.js +43 -0
  78. package/dist/foundation/Future/radius.cjs +46 -0
  79. package/dist/foundation/Future/radius.d.ts +33 -0
  80. package/dist/foundation/Future/radius.js +12 -0
  81. package/dist/foundation/Future/responsive.cjs +49 -0
  82. package/dist/foundation/Future/responsive.d.ts +40 -0
  83. package/dist/foundation/Future/responsive.js +12 -0
  84. package/dist/foundation/Future/shadows.cjs +48 -0
  85. package/dist/foundation/Future/shadows.d.ts +29 -0
  86. package/dist/foundation/Future/shadows.js +11 -0
  87. package/dist/foundation/Future/spacing.cjs +71 -0
  88. package/dist/foundation/Future/spacing.d.ts +80 -0
  89. package/dist/foundation/Future/spacing.js +31 -0
  90. package/dist/foundation/Future/strokes.cjs +59 -0
  91. package/dist/foundation/Future/strokes.d.ts +49 -0
  92. package/dist/foundation/Future/strokes.js +19 -0
  93. package/dist/foundation/Future/types.cjs +18 -0
  94. package/dist/foundation/Future/types.d.ts +18 -0
  95. package/dist/foundation/Future/types.js +0 -0
  96. package/dist/foundation/Future/typography.cjs +79 -0
  97. package/dist/foundation/Future/typography.d.ts +86 -0
  98. package/dist/foundation/Future/typography.js +33 -0
  99. package/dist/index.cjs +125 -219
  100. package/dist/index.d.ts +2 -3
  101. package/dist/index.js +2 -4
  102. package/dist/src/foundation/Future/themes.css +371 -0
  103. package/dist/styles.css +1704 -582
  104. package/dist/tailwind.css +4 -0
  105. package/dist/templates/Admin/settings-admin.d.ts +5 -0
  106. package/dist/templates/Admin/template-admin.d.ts +105 -0
  107. package/dist/templates/Delegate/template-delegate.d.ts +26 -0
  108. package/dist/templates/EmptyErrors/error-components.d.ts +3 -0
  109. package/dist/templates/Experiments/ideas-AnimatedGradientText.d.ts +23 -0
  110. package/dist/templates/Flow/template-flow.d.ts +52 -0
  111. package/dist/templates/Maestro/template-maestro.d.ts +52 -0
  112. package/dist/templates/{vscode-example.d.ts → VisualStudio/shell.d.ts} +1 -1
  113. package/package.json +10 -1
  114. package/dist/components/ui/menubar.cjs +0 -210
  115. package/dist/components/ui/menubar.d.ts +0 -28
  116. package/dist/components/ui/menubar.js +0 -131
  117. package/dist/components/ui/navigation-menu.cjs +0 -122
  118. package/dist/components/ui/navigation-menu.d.ts +0 -12
  119. package/dist/components/ui/navigation-menu.js +0 -64
  120. package/dist/examples/admin-layout-example.cjs +0 -490
  121. package/dist/examples/admin-layout-example.d.ts +0 -92
  122. package/dist/examples/admin-layout-example.js +0 -411
  123. package/dist/examples/app-shell-example.cjs +0 -452
  124. package/dist/examples/app-shell-example.d.ts +0 -52
  125. package/dist/examples/app-shell-example.js +0 -418
  126. package/dist/examples/dashboard-example.cjs +0 -590
  127. package/dist/examples/dashboard-example.d.ts +0 -11
  128. package/dist/examples/dashboard-example.js +0 -556
  129. package/dist/examples/data-management-example.cjs +0 -584
  130. package/dist/examples/data-management-example.d.ts +0 -1
  131. package/dist/examples/data-management-example.js +0 -550
  132. package/dist/examples/flow-editor-layout-example.cjs +0 -309
  133. package/dist/examples/flow-editor-layout-example.d.ts +0 -22
  134. package/dist/examples/flow-editor-layout-example.js +0 -269
  135. package/dist/examples/flow-start-example.cjs +0 -467
  136. package/dist/examples/flow-start-example.d.ts +0 -30
  137. package/dist/examples/flow-start-example.js +0 -433
  138. package/dist/examples/form-builder-example.cjs +0 -674
  139. package/dist/examples/form-builder-example.js +0 -640
  140. package/dist/examples/new-project-example.cjs +0 -550
  141. package/dist/examples/new-project-example.d.ts +0 -30
  142. package/dist/examples/new-project-example.js +0 -516
  143. package/dist/examples/settings-example.cjs +0 -864
  144. package/dist/examples/settings-example.d.ts +0 -1
  145. package/dist/examples/settings-example.js +0 -830
  146. package/dist/examples/vscode-example.cjs +0 -340
  147. package/dist/examples/vscode-example.d.ts +0 -80
  148. package/dist/examples/vscode-example.js +0 -270
  149. package/dist/templates/admin-layout-example.d.ts +0 -92
  150. package/dist/templates/app-shell-example.d.ts +0 -52
  151. package/dist/templates/dashboard-example.d.ts +0 -11
  152. package/dist/templates/data-management-example.d.ts +0 -1
  153. package/dist/templates/flow-editor-layout-example.d.ts +0 -22
  154. package/dist/templates/flow-start-example.d.ts +0 -30
  155. package/dist/templates/form-builder-example.d.ts +0 -1
  156. package/dist/templates/new-project-example.d.ts +0 -30
  157. package/dist/templates/settings-example.d.ts +0 -1
  158. /package/dist/{examples → templates/Forms}/form-builder-example.d.ts +0 -0
@@ -1,452 +0,0 @@
1
- "use strict";
2
- var __webpack_require__ = {};
3
- (()=>{
4
- __webpack_require__.d = (exports1, definition)=>{
5
- for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
6
- enumerable: true,
7
- get: definition[key]
8
- });
9
- };
10
- })();
11
- (()=>{
12
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
13
- })();
14
- (()=>{
15
- __webpack_require__.r = (exports1)=>{
16
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
17
- value: 'Module'
18
- });
19
- Object.defineProperty(exports1, '__esModule', {
20
- value: true
21
- });
22
- };
23
- })();
24
- var __webpack_exports__ = {};
25
- __webpack_require__.r(__webpack_exports__);
26
- __webpack_require__.d(__webpack_exports__, {
27
- AppShellExample: ()=>AppShellExample
28
- });
29
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
- const external_lucide_react_namespaceObject = require("lucide-react");
31
- const external_react_namespaceObject = require("react");
32
- const avatar_cjs_namespaceObject = require("../components/ui/avatar.cjs");
33
- const badge_cjs_namespaceObject = require("../components/ui/badge.cjs");
34
- const button_cjs_namespaceObject = require("../components/ui/button.cjs");
35
- const card_cjs_namespaceObject = require("../components/ui/card.cjs");
36
- const separator_cjs_namespaceObject = require("../components/ui/separator.cjs");
37
- const index_cjs_namespaceObject = require("../lib/index.cjs");
38
- const layout_index_cjs_namespaceObject = require("../components/ui/layout/index.cjs");
39
- function AppShellExample({ className, logo = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
40
- className: "text-xl font-bold",
41
- children: "Logo"
42
- }), tenant = 'DefaultTenant', user = {
43
- name: 'John Doe',
44
- email: 'john.doe@example.com'
45
- }, navigation = [
46
- {
47
- label: 'Home',
48
- active: true
49
- },
50
- {
51
- label: 'Process instances'
52
- },
53
- {
54
- label: 'Process incidents'
55
- },
56
- {
57
- label: 'Case app',
58
- badge: 'Preview'
59
- },
60
- {
61
- label: 'Case instances',
62
- badge: 'Preview'
63
- }
64
- ], heroSection = {
65
- title: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
66
- children: [
67
- "Orchestrate ",
68
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
69
- className: "text-primary",
70
- children: "AI agents, robots,"
71
- }),
72
- " and people with",
73
- ' ',
74
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
75
- className: "text-primary",
76
- children: "Platform"
77
- }),
78
- " to exceed business outcomes"
79
- ]
80
- }),
81
- cta: {
82
- label: 'Get Started'
83
- }
84
- }, sections = [
85
- {
86
- title: 'Recent projects',
87
- viewAllLink: {
88
- label: 'View all projects'
89
- },
90
- items: [
91
- {
92
- id: '1',
93
- title: 'Solution 161',
94
- badge: {
95
- label: 'DRAFT',
96
- variant: 'outline'
97
- },
98
- footer: 'Last modified 13 minutes ago'
99
- },
100
- {
101
- id: '2',
102
- title: 'Property insurance claims',
103
- badge: {
104
- label: 'DRAFT',
105
- variant: 'outline'
106
- },
107
- footer: 'Last modified 7 days ago'
108
- },
109
- {
110
- id: '3',
111
- title: 'Property insurance claims',
112
- badge: {
113
- label: 'DEPLOYED',
114
- variant: 'default'
115
- },
116
- footer: 'Last modified 7 hours ago'
117
- }
118
- ]
119
- },
120
- {
121
- title: 'Examples',
122
- items: [
123
- {
124
- id: '1',
125
- title: 'Supplier Onboarding',
126
- description: 'An agentic process built with Platform (Agentic Orchestration), modeled using...',
127
- action: {
128
- label: 'View'
129
- }
130
- },
131
- {
132
- id: '2',
133
- title: 'Invoice Processing',
134
- description: 'An agentic process built with Platform (Agentic Orchestration), modeled using...',
135
- action: {
136
- label: 'View'
137
- }
138
- },
139
- {
140
- id: '3',
141
- title: 'MyPoNewTeMplate',
142
- description: 'aav',
143
- action: {
144
- label: 'View'
145
- }
146
- }
147
- ]
148
- }
149
- ], sidebar = {
150
- title: 'How it works',
151
- content: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
152
- className: "space-y-4",
153
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
154
- className: "rounded-lg bg-primary/10 p-4",
155
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
156
- className: "text-sm",
157
- children: "Learn more about how to use this platform effectively."
158
- })
159
- })
160
- })
161
- } }) {
162
- const [leftSidebarCollapsed, setLeftSidebarCollapsed] = external_react_namespaceObject.useState(false);
163
- const [rightSidebarCollapsed, setRightSidebarCollapsed] = external_react_namespaceObject.useState(false);
164
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
165
- h: "screen",
166
- className: (0, index_cjs_namespaceObject.cn)('bg-background', className),
167
- children: [
168
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
169
- h: 14,
170
- justify: "between",
171
- align: "center",
172
- className: "border-b px-4",
173
- children: [
174
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
175
- gap: 4,
176
- align: "center",
177
- children: [
178
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
179
- variant: "ghost",
180
- size: "icon",
181
- className: "md:hidden",
182
- onClick: ()=>setLeftSidebarCollapsed(!leftSidebarCollapsed),
183
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Menu, {
184
- className: "h-5 w-5"
185
- })
186
- }),
187
- logo
188
- ]
189
- }),
190
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
191
- gap: 2,
192
- align: "center",
193
- children: [
194
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
195
- variant: "ghost",
196
- size: "icon",
197
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Bell, {
198
- className: "h-5 w-5"
199
- })
200
- }),
201
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
202
- variant: "ghost",
203
- size: "icon",
204
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.HelpCircle, {
205
- className: "h-5 w-5"
206
- })
207
- }),
208
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(separator_cjs_namespaceObject.Separator, {
209
- orientation: "vertical",
210
- className: "h-6"
211
- }),
212
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
213
- gap: 2,
214
- align: "center",
215
- children: [
216
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
217
- className: "hidden text-sm md:inline",
218
- children: "Tenant:"
219
- }),
220
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
221
- variant: "ghost",
222
- className: "font-normal",
223
- children: [
224
- tenant,
225
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
226
- className: "ml-1 h-4 w-4 rotate-90"
227
- })
228
- ]
229
- })
230
- ]
231
- }),
232
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(avatar_cjs_namespaceObject.Avatar, {
233
- className: "h-8 w-8",
234
- children: [
235
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarImage, {
236
- src: user.avatar,
237
- alt: user.name
238
- }),
239
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarFallback, {
240
- children: user.name.split(' ').map((n)=>n[0]).join('').toUpperCase()
241
- })
242
- ]
243
- })
244
- ]
245
- })
246
- ]
247
- }),
248
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
249
- flex: 1,
250
- overflow: "hidden",
251
- children: [
252
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("aside", {
253
- className: (0, index_cjs_namespaceObject.cn)('relative hidden border-r bg-muted/10 transition-all duration-300 md:block', leftSidebarCollapsed ? 'w-12' : 'w-60'),
254
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
255
- h: "full",
256
- overflow: "hidden",
257
- children: [
258
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
259
- justify: "end",
260
- align: "center",
261
- className: "p-2",
262
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
263
- variant: "ghost",
264
- size: "icon",
265
- onClick: ()=>setLeftSidebarCollapsed(!leftSidebarCollapsed),
266
- className: "h-8 w-8",
267
- children: leftSidebarCollapsed ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
268
- className: "h-4 w-4"
269
- }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeft, {
270
- className: "h-4 w-4"
271
- })
272
- })
273
- }),
274
- !leftSidebarCollapsed && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
275
- className: "space-y-1 overflow-y-auto p-2 pt-0",
276
- children: navigation.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
277
- variant: item.active ? 'secondary' : 'ghost',
278
- className: "w-full justify-between",
279
- children: [
280
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
281
- children: item.label
282
- }),
283
- item.badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
284
- variant: "secondary",
285
- className: "ml-2 text-xs",
286
- children: item.badge
287
- })
288
- ]
289
- }, index))
290
- })
291
- ]
292
- })
293
- }),
294
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
295
- className: "flex-1 overflow-y-auto",
296
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
297
- className: "container mx-auto p-6",
298
- children: [
299
- heroSection && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.Card, {
300
- className: "mb-8 border-0 bg-gradient-to-r from-muted/50 to-muted/20",
301
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
302
- className: "p-8",
303
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
304
- gap: 6,
305
- align: "center",
306
- justify: "between",
307
- className: "flex-col md:flex-row",
308
- children: [
309
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
310
- align: "start",
311
- gap: 4,
312
- flex: 1,
313
- children: [
314
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
315
- className: "text-3xl font-bold leading-tight md:text-4xl",
316
- children: heroSection.title
317
- }),
318
- heroSection.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
319
- className: "text-muted-foreground",
320
- children: heroSection.description
321
- }),
322
- heroSection.cta && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
323
- size: "lg",
324
- onClick: heroSection.cta.onClick,
325
- children: heroSection.cta.label
326
- })
327
- ]
328
- }),
329
- heroSection.illustration && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
330
- className: "flex-shrink-0",
331
- children: heroSection.illustration
332
- })
333
- ]
334
- })
335
- })
336
- }),
337
- sections.map((section, sectionIndex)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
338
- className: "mb-8",
339
- children: [
340
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
341
- justify: "between",
342
- align: "center",
343
- className: "mb-4",
344
- children: [
345
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h2", {
346
- className: "text-2xl font-semibold",
347
- children: section.title
348
- }),
349
- section.viewAllLink && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
350
- variant: "link",
351
- onClick: section.viewAllLink.onClick,
352
- children: section.viewAllLink.label
353
- })
354
- ]
355
- }),
356
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Grid, {
357
- gap: 4,
358
- cols: 3,
359
- className: "md:grid-cols-2 lg:grid-cols-3",
360
- children: section.items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
361
- children: [
362
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
363
- children: [
364
- item.badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
365
- variant: item.badge.variant,
366
- className: "mb-2 w-fit text-xs",
367
- children: item.badge.label
368
- }),
369
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
370
- className: "text-lg",
371
- children: item.title
372
- }),
373
- item.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
374
- children: item.description
375
- })
376
- ]
377
- }),
378
- (item.footer || item.action) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardFooter, {
379
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
380
- justify: "between",
381
- align: "center",
382
- w: "full",
383
- children: [
384
- item.footer && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
385
- className: "text-xs text-muted-foreground",
386
- children: item.footer
387
- }),
388
- item.action && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
389
- variant: "link",
390
- size: "sm",
391
- onClick: item.action.onClick,
392
- className: "ml-auto",
393
- children: item.action.label
394
- })
395
- ]
396
- })
397
- })
398
- ]
399
- }, item.id))
400
- })
401
- ]
402
- }, sectionIndex))
403
- ]
404
- })
405
- }),
406
- sidebar && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("aside", {
407
- className: (0, index_cjs_namespaceObject.cn)('relative hidden border-l bg-muted/10 transition-all duration-300 lg:block', rightSidebarCollapsed ? 'w-12' : 'w-80'),
408
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Column, {
409
- h: "full",
410
- overflow: "hidden",
411
- children: [
412
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
413
- justify: "start",
414
- align: "center",
415
- className: "p-2",
416
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
417
- variant: "ghost",
418
- size: "icon",
419
- onClick: ()=>setRightSidebarCollapsed(!rightSidebarCollapsed),
420
- className: "h-8 w-8",
421
- children: rightSidebarCollapsed ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeft, {
422
- className: "h-4 w-4"
423
- }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
424
- className: "h-4 w-4"
425
- })
426
- })
427
- }),
428
- !rightSidebarCollapsed && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
429
- className: "flex-1 overflow-y-auto px-6 pb-6",
430
- children: [
431
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
432
- className: "mb-4 text-lg font-semibold",
433
- children: sidebar.title
434
- }),
435
- sidebar.content
436
- ]
437
- })
438
- ]
439
- })
440
- })
441
- ]
442
- })
443
- ]
444
- });
445
- }
446
- exports.AppShellExample = __webpack_exports__.AppShellExample;
447
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
448
- "AppShellExample"
449
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
450
- Object.defineProperty(exports, '__esModule', {
451
- value: true
452
- });
@@ -1,52 +0,0 @@
1
- import * as React from 'react';
2
- export interface AppShellExampleProps {
3
- className?: string;
4
- logo?: React.ReactNode;
5
- tenant?: string;
6
- user?: {
7
- name: string;
8
- email: string;
9
- avatar?: string;
10
- };
11
- navigation?: Array<{
12
- label: string;
13
- href?: string;
14
- active?: boolean;
15
- badge?: string;
16
- }>;
17
- heroSection?: {
18
- title: React.ReactNode;
19
- description?: string;
20
- cta?: {
21
- label: string;
22
- onClick?: () => void;
23
- };
24
- illustration?: React.ReactNode;
25
- };
26
- sections?: Array<{
27
- title: string;
28
- viewAllLink?: {
29
- label: string;
30
- onClick?: () => void;
31
- };
32
- items: Array<{
33
- id: string;
34
- title: string;
35
- description?: string;
36
- badge?: {
37
- label: string;
38
- variant?: 'default' | 'secondary' | 'destructive' | 'outline';
39
- };
40
- footer?: string;
41
- action?: {
42
- label: string;
43
- onClick?: () => void;
44
- };
45
- }>;
46
- }>;
47
- sidebar?: {
48
- title: string;
49
- content: React.ReactNode;
50
- };
51
- }
52
- export declare function AppShellExample({ className, logo, tenant, user, navigation, heroSection, sections, sidebar, }: AppShellExampleProps): import("react/jsx-runtime").JSX.Element;