@uipath/apollo-wind 0.10.0 → 0.11.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 (187) hide show
  1. package/dist/components/custom/canvas-studio.cjs +133 -0
  2. package/dist/components/custom/canvas-studio.d.ts +99 -0
  3. package/dist/components/custom/canvas-studio.js +93 -0
  4. package/dist/components/custom/canvas.cjs +44 -0
  5. package/dist/components/custom/canvas.d.ts +14 -0
  6. package/dist/components/custom/canvas.js +10 -0
  7. package/dist/components/custom/chat-composer.cjs +105 -0
  8. package/dist/components/custom/chat-composer.d.ts +15 -0
  9. package/dist/components/custom/chat-composer.js +71 -0
  10. package/dist/components/custom/chat-first-experience.cjs +87 -0
  11. package/dist/components/custom/chat-first-experience.d.ts +24 -0
  12. package/dist/components/custom/chat-first-experience.js +53 -0
  13. package/dist/components/custom/chat-prompt-suggestions.cjs +49 -0
  14. package/dist/components/custom/chat-prompt-suggestions.d.ts +18 -0
  15. package/dist/components/custom/chat-prompt-suggestions.js +15 -0
  16. package/dist/components/custom/chat-steps-view.cjs +308 -0
  17. package/dist/components/custom/chat-steps-view.d.ts +38 -0
  18. package/dist/components/custom/chat-steps-view.js +274 -0
  19. package/dist/components/custom/flow-node.cjs +76 -0
  20. package/dist/components/custom/flow-node.d.ts +20 -0
  21. package/dist/components/custom/flow-node.js +42 -0
  22. package/dist/components/custom/flow-properties-bar.cjs +103 -0
  23. package/dist/components/custom/flow-properties-bar.d.ts +21 -0
  24. package/dist/components/custom/flow-properties-bar.js +69 -0
  25. package/dist/components/custom/flow-properties-expanded.cjs +328 -0
  26. package/dist/components/custom/flow-properties-expanded.d.ts +21 -0
  27. package/dist/components/custom/flow-properties-expanded.js +294 -0
  28. package/dist/components/custom/flow-properties-simple.cjs +364 -0
  29. package/dist/components/custom/flow-properties-simple.d.ts +62 -0
  30. package/dist/components/custom/flow-properties-simple.js +330 -0
  31. package/dist/components/custom/flow-properties.cjs +56 -0
  32. package/dist/components/custom/flow-properties.d.ts +28 -0
  33. package/dist/components/custom/flow-properties.js +22 -0
  34. package/dist/components/custom/global-header.cjs +422 -0
  35. package/dist/components/custom/global-header.d.ts +38 -0
  36. package/dist/components/custom/global-header.js +388 -0
  37. package/dist/components/custom/grid-maestro.cjs +62 -0
  38. package/dist/components/custom/grid-maestro.d.ts +19 -0
  39. package/dist/components/custom/grid-maestro.js +22 -0
  40. package/dist/components/custom/page-header.cjs +92 -0
  41. package/dist/components/custom/page-header.d.ts +43 -0
  42. package/dist/components/custom/page-header.js +58 -0
  43. package/dist/components/custom/panel-delegate.cjs +285 -0
  44. package/dist/components/custom/panel-delegate.d.ts +34 -0
  45. package/dist/components/custom/panel-delegate.js +251 -0
  46. package/dist/components/custom/panel-flow.cjs +262 -0
  47. package/dist/components/custom/panel-flow.d.ts +38 -0
  48. package/dist/components/custom/panel-flow.js +225 -0
  49. package/dist/components/custom/panel-maestro.cjs +74 -0
  50. package/dist/components/custom/panel-maestro.d.ts +30 -0
  51. package/dist/components/custom/panel-maestro.js +40 -0
  52. package/dist/components/custom/panel-studio.cjs +122 -0
  53. package/dist/components/custom/panel-studio.d.ts +48 -0
  54. package/dist/components/custom/panel-studio.js +85 -0
  55. package/dist/components/custom/toolbar-canvas.cjs +124 -0
  56. package/dist/components/custom/toolbar-canvas.d.ts +15 -0
  57. package/dist/components/custom/toolbar-canvas.js +90 -0
  58. package/dist/components/custom/toolbar-view.cjs +121 -0
  59. package/dist/components/custom/toolbar-view.d.ts +14 -0
  60. package/dist/components/custom/toolbar-view.js +87 -0
  61. package/dist/components/custom/viewport-guard.cjs +92 -0
  62. package/dist/components/custom/viewport-guard.d.ts +23 -0
  63. package/dist/components/custom/viewport-guard.js +55 -0
  64. package/dist/components/forms/field-renderer.cjs +3 -1
  65. package/dist/components/forms/field-renderer.js +3 -1
  66. package/dist/components/forms/form-designer.cjs +13 -2
  67. package/dist/components/forms/form-designer.js +13 -2
  68. package/dist/components/forms/rules-engine.d.ts +1 -1
  69. package/dist/components/ui/breadcrumb.cjs +1 -2
  70. package/dist/components/ui/breadcrumb.js +1 -2
  71. package/dist/components/ui/button-group.cjs +5 -3
  72. package/dist/components/ui/button-group.d.ts +2 -2
  73. package/dist/components/ui/button-group.js +5 -3
  74. package/dist/components/ui/button.cjs +3 -3
  75. package/dist/components/ui/button.js +3 -3
  76. package/dist/components/ui/chart.cjs +223 -0
  77. package/dist/components/ui/chart.d.ts +40 -0
  78. package/dist/components/ui/chart.js +174 -0
  79. package/dist/components/ui/code-block.cjs +234 -0
  80. package/dist/components/ui/code-block.d.ts +48 -0
  81. package/dist/components/ui/code-block.js +200 -0
  82. package/dist/components/ui/data-table.cjs +22 -4
  83. package/dist/components/ui/data-table.d.ts +5 -2
  84. package/dist/components/ui/data-table.js +23 -5
  85. package/dist/components/ui/editable-cell.cjs +3 -10
  86. package/dist/components/ui/editable-cell.js +3 -10
  87. package/dist/components/ui/empty-state.cjs +17 -6
  88. package/dist/components/ui/empty-state.d.ts +7 -0
  89. package/dist/components/ui/empty-state.js +17 -6
  90. package/dist/components/ui/file-upload.cjs +8 -0
  91. package/dist/components/ui/file-upload.js +8 -0
  92. package/dist/components/ui/index.cjs +287 -147
  93. package/dist/components/ui/index.d.ts +2 -3
  94. package/dist/components/ui/index.js +2 -3
  95. package/dist/components/ui/multi-select.cjs +3 -10
  96. package/dist/components/ui/multi-select.js +3 -10
  97. package/dist/components/ui/pagination.cjs +0 -1
  98. package/dist/components/ui/pagination.js +0 -1
  99. package/dist/components/ui/resizable.d.ts +1 -1
  100. package/dist/components/ui/tree-view.cjs +1117 -0
  101. package/dist/components/ui/tree-view.d.ts +95 -0
  102. package/dist/components/ui/tree-view.js +1083 -0
  103. package/dist/foundation/Future/colors.cjs +92 -0
  104. package/dist/foundation/Future/colors.d.ts +132 -0
  105. package/dist/foundation/Future/colors.js +43 -0
  106. package/dist/foundation/Future/radius.cjs +46 -0
  107. package/dist/foundation/Future/radius.d.ts +33 -0
  108. package/dist/foundation/Future/radius.js +12 -0
  109. package/dist/foundation/Future/responsive.cjs +49 -0
  110. package/dist/foundation/Future/responsive.d.ts +40 -0
  111. package/dist/foundation/Future/responsive.js +12 -0
  112. package/dist/foundation/Future/shadows.cjs +48 -0
  113. package/dist/foundation/Future/shadows.d.ts +29 -0
  114. package/dist/foundation/Future/shadows.js +11 -0
  115. package/dist/foundation/Future/spacing.cjs +71 -0
  116. package/dist/foundation/Future/spacing.d.ts +80 -0
  117. package/dist/foundation/Future/spacing.js +31 -0
  118. package/dist/foundation/Future/strokes.cjs +59 -0
  119. package/dist/foundation/Future/strokes.d.ts +49 -0
  120. package/dist/foundation/Future/strokes.js +19 -0
  121. package/dist/foundation/Future/types.cjs +18 -0
  122. package/dist/foundation/Future/types.d.ts +25 -0
  123. package/dist/foundation/Future/types.js +0 -0
  124. package/dist/foundation/Future/typography.cjs +79 -0
  125. package/dist/foundation/Future/typography.d.ts +86 -0
  126. package/dist/foundation/Future/typography.js +33 -0
  127. package/dist/index.cjs +131 -221
  128. package/dist/index.d.ts +4 -3
  129. package/dist/index.js +3 -4
  130. package/dist/src/foundation/Future/themes.css +279 -0
  131. package/dist/styles.css +1941 -605
  132. package/dist/tailwind.css +874 -87
  133. package/dist/templates/Admin/settings-admin.d.ts +5 -0
  134. package/dist/templates/Admin/template-admin.d.ts +86 -0
  135. package/dist/templates/Delegate/template-delegate.d.ts +26 -0
  136. package/dist/templates/EmptyErrors/error-components.d.ts +3 -0
  137. package/dist/templates/Experiments/ideas-AnimatedGradientText.d.ts +23 -0
  138. package/dist/templates/Flow/template-flow.d.ts +57 -0
  139. package/dist/templates/Maestro/template-maestro.d.ts +52 -0
  140. package/dist/templates/Studio/template-studio.d.ts +102 -0
  141. package/dist/templates/{vscode-example.d.ts → VisualStudio/shell.d.ts} +1 -1
  142. package/package.json +12 -1
  143. package/dist/components/ui/menubar.cjs +0 -210
  144. package/dist/components/ui/menubar.d.ts +0 -28
  145. package/dist/components/ui/menubar.js +0 -131
  146. package/dist/components/ui/navigation-menu.cjs +0 -122
  147. package/dist/components/ui/navigation-menu.d.ts +0 -12
  148. package/dist/components/ui/navigation-menu.js +0 -64
  149. package/dist/examples/admin-layout-example.cjs +0 -490
  150. package/dist/examples/admin-layout-example.d.ts +0 -92
  151. package/dist/examples/admin-layout-example.js +0 -411
  152. package/dist/examples/app-shell-example.cjs +0 -452
  153. package/dist/examples/app-shell-example.d.ts +0 -52
  154. package/dist/examples/app-shell-example.js +0 -418
  155. package/dist/examples/dashboard-example.cjs +0 -590
  156. package/dist/examples/dashboard-example.d.ts +0 -11
  157. package/dist/examples/dashboard-example.js +0 -556
  158. package/dist/examples/data-management-example.cjs +0 -584
  159. package/dist/examples/data-management-example.d.ts +0 -1
  160. package/dist/examples/data-management-example.js +0 -550
  161. package/dist/examples/flow-editor-layout-example.cjs +0 -309
  162. package/dist/examples/flow-editor-layout-example.d.ts +0 -22
  163. package/dist/examples/flow-editor-layout-example.js +0 -269
  164. package/dist/examples/flow-start-example.cjs +0 -467
  165. package/dist/examples/flow-start-example.d.ts +0 -30
  166. package/dist/examples/flow-start-example.js +0 -433
  167. package/dist/examples/form-builder-example.cjs +0 -674
  168. package/dist/examples/form-builder-example.js +0 -640
  169. package/dist/examples/new-project-example.cjs +0 -550
  170. package/dist/examples/new-project-example.d.ts +0 -30
  171. package/dist/examples/new-project-example.js +0 -516
  172. package/dist/examples/settings-example.cjs +0 -864
  173. package/dist/examples/settings-example.d.ts +0 -1
  174. package/dist/examples/settings-example.js +0 -830
  175. package/dist/examples/vscode-example.cjs +0 -340
  176. package/dist/examples/vscode-example.d.ts +0 -80
  177. package/dist/examples/vscode-example.js +0 -270
  178. package/dist/templates/admin-layout-example.d.ts +0 -92
  179. package/dist/templates/app-shell-example.d.ts +0 -52
  180. package/dist/templates/dashboard-example.d.ts +0 -11
  181. package/dist/templates/data-management-example.d.ts +0 -1
  182. package/dist/templates/flow-editor-layout-example.d.ts +0 -22
  183. package/dist/templates/flow-start-example.d.ts +0 -30
  184. package/dist/templates/form-builder-example.d.ts +0 -1
  185. package/dist/templates/new-project-example.d.ts +0 -30
  186. package/dist/templates/settings-example.d.ts +0 -1
  187. /package/dist/{examples → templates/Forms}/form-builder-example.d.ts +0 -0
@@ -1,590 +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
- DashboardExample: ()=>DashboardExample
28
- });
29
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
- const external_react_namespaceObject = require("react");
31
- const external_lucide_react_namespaceObject = require("lucide-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 data_table_cjs_namespaceObject = require("../components/ui/data-table.cjs");
37
- const dropdown_menu_cjs_namespaceObject = require("../components/ui/dropdown-menu.cjs");
38
- const index_cjs_namespaceObject = require("../components/ui/layout/index.cjs");
39
- const progress_cjs_namespaceObject = require("../components/ui/progress.cjs");
40
- const separator_cjs_namespaceObject = require("../components/ui/separator.cjs");
41
- const stats_card_cjs_namespaceObject = require("../components/ui/stats-card.cjs");
42
- const tabs_cjs_namespaceObject = require("../components/ui/tabs.cjs");
43
- const external_lib_index_cjs_namespaceObject = require("../lib/index.cjs");
44
- const transactions = [
45
- {
46
- id: '1',
47
- customer: 'Olivia Martin',
48
- email: 'olivia@example.com',
49
- amount: 1999.0,
50
- status: 'completed',
51
- date: '2024-01-15'
52
- },
53
- {
54
- id: '2',
55
- customer: 'Jackson Lee',
56
- email: 'jackson@example.com',
57
- amount: 39.0,
58
- status: 'completed',
59
- date: '2024-01-14'
60
- },
61
- {
62
- id: '3',
63
- customer: 'Isabella Nguyen',
64
- email: 'isabella@example.com',
65
- amount: 299.0,
66
- status: 'pending',
67
- date: '2024-01-14'
68
- },
69
- {
70
- id: '4',
71
- customer: 'William Kim',
72
- email: 'will@example.com',
73
- amount: 99.0,
74
- status: 'completed',
75
- date: '2024-01-13'
76
- },
77
- {
78
- id: '5',
79
- customer: 'Sofia Davis',
80
- email: 'sofia@example.com',
81
- amount: 450.0,
82
- status: 'failed',
83
- date: '2024-01-12'
84
- }
85
- ];
86
- const recentActivity = [
87
- {
88
- id: '1',
89
- user: 'Olivia Martin',
90
- action: 'Completed purchase of $1,999.00',
91
- time: '2 min ago'
92
- },
93
- {
94
- id: '2',
95
- user: 'Jackson Lee',
96
- action: 'Created new account',
97
- time: '1 hour ago'
98
- },
99
- {
100
- id: '3',
101
- user: 'Isabella Nguyen',
102
- action: 'Submitted support ticket #1234',
103
- time: '3 hours ago'
104
- },
105
- {
106
- id: '4',
107
- user: 'William Kim',
108
- action: 'Updated billing information',
109
- time: '5 hours ago'
110
- }
111
- ];
112
- const columns = [
113
- (0, data_table_cjs_namespaceObject.DataTableSelectColumn)(),
114
- {
115
- accessorKey: 'customer',
116
- header: ({ column })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTableColumnHeader, {
117
- column: column,
118
- title: "Customer"
119
- }),
120
- cell: ({ row })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
121
- gap: 2,
122
- align: "center",
123
- children: [
124
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.Avatar, {
125
- className: "h-8 w-8",
126
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarFallback, {
127
- children: row.original.customer.split(' ').map((n)=>n[0]).join('')
128
- })
129
- }),
130
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
131
- gap: 0,
132
- children: [
133
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
134
- className: "font-medium",
135
- children: row.original.customer
136
- }),
137
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
138
- className: "text-xs text-muted-foreground",
139
- children: row.original.email
140
- })
141
- ]
142
- })
143
- ]
144
- })
145
- },
146
- {
147
- accessorKey: 'amount',
148
- header: ({ column })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTableColumnHeader, {
149
- column: column,
150
- title: "Amount"
151
- }),
152
- cell: ({ row })=>{
153
- const amount = parseFloat(row.getValue('amount'));
154
- const formatted = new Intl.NumberFormat('en-US', {
155
- style: 'currency',
156
- currency: 'USD'
157
- }).format(amount);
158
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
159
- className: "font-medium",
160
- children: formatted
161
- });
162
- }
163
- },
164
- {
165
- accessorKey: 'status',
166
- header: ({ column })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTableColumnHeader, {
167
- column: column,
168
- title: "Status"
169
- }),
170
- cell: ({ row })=>{
171
- const status = row.getValue('status');
172
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
173
- variant: 'completed' === status ? 'default' : 'pending' === status ? 'secondary' : 'destructive',
174
- children: status
175
- });
176
- }
177
- },
178
- {
179
- accessorKey: 'date',
180
- header: ({ column })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTableColumnHeader, {
181
- column: column,
182
- title: "Date"
183
- })
184
- },
185
- {
186
- id: 'actions',
187
- cell: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenu, {
188
- children: [
189
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
190
- asChild: true,
191
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
192
- variant: "ghost",
193
- size: "icon",
194
- className: "h-8 w-8",
195
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MoreHorizontal, {
196
- className: "h-4 w-4"
197
- })
198
- })
199
- }),
200
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
201
- align: "end",
202
- children: [
203
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
204
- children: "View details"
205
- }),
206
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
207
- children: "Download receipt"
208
- })
209
- ]
210
- })
211
- ]
212
- })
213
- }
214
- ];
215
- function DashboardExample({ className, title = 'Dashboard', description = "Welcome back! Here's an overview of your business.", user = {
216
- name: 'John Doe',
217
- email: 'john@example.com'
218
- } }) {
219
- const [activeTab, setActiveTab] = external_react_namespaceObject.useState('overview');
220
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
221
- className: (0, external_lib_index_cjs_namespaceObject.cn)('min-h-screen bg-background', className),
222
- children: [
223
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
224
- className: "border-b",
225
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
226
- className: "container mx-auto flex h-16 items-center justify-between px-4",
227
- children: [
228
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
229
- children: [
230
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
231
- className: "text-2xl font-bold",
232
- children: title
233
- }),
234
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
235
- className: "text-sm text-muted-foreground",
236
- children: description
237
- })
238
- ]
239
- }),
240
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
241
- gap: 4,
242
- align: "center",
243
- children: [
244
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
245
- variant: "outline",
246
- size: "sm",
247
- children: "Download Report"
248
- }),
249
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(separator_cjs_namespaceObject.Separator, {
250
- orientation: "vertical",
251
- className: "h-8"
252
- }),
253
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
254
- gap: 2,
255
- align: "center",
256
- children: [
257
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(avatar_cjs_namespaceObject.Avatar, {
258
- className: "h-8 w-8",
259
- children: [
260
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarImage, {
261
- src: user.avatar,
262
- alt: user.name
263
- }),
264
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarFallback, {
265
- children: user.name.split(' ').map((n)=>n[0]).join('').toUpperCase()
266
- })
267
- ]
268
- }),
269
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
270
- gap: 0,
271
- className: "hidden text-sm md:flex",
272
- children: [
273
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
274
- className: "font-medium",
275
- children: user.name
276
- }),
277
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
278
- className: "text-xs text-muted-foreground",
279
- children: user.email
280
- })
281
- ]
282
- })
283
- ]
284
- })
285
- ]
286
- })
287
- ]
288
- })
289
- }),
290
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
291
- className: "container mx-auto p-4 md:p-6",
292
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.Tabs, {
293
- value: activeTab,
294
- onValueChange: setActiveTab,
295
- className: "space-y-6",
296
- children: [
297
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsList, {
298
- children: [
299
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
300
- value: "overview",
301
- children: "Overview"
302
- }),
303
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
304
- value: "analytics",
305
- children: "Analytics"
306
- }),
307
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
308
- value: "reports",
309
- children: "Reports"
310
- })
311
- ]
312
- }),
313
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsContent, {
314
- value: "overview",
315
- className: "space-y-6",
316
- children: [
317
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
318
- gap: 4,
319
- cols: 4,
320
- className: "md:grid-cols-2 lg:grid-cols-4",
321
- children: [
322
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
323
- title: "Total Revenue",
324
- value: "$45,231.89",
325
- description: "+20.1% from last month",
326
- icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DollarSign, {
327
- className: "h-4 w-4 text-muted-foreground"
328
- })
329
- }),
330
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
331
- title: "Subscriptions",
332
- value: "+2,350",
333
- description: "+180.1% from last month",
334
- icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Users, {
335
- className: "h-4 w-4 text-muted-foreground"
336
- })
337
- }),
338
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
339
- title: "Sales",
340
- value: "+12,234",
341
- description: "+19% from last month",
342
- icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CreditCard, {
343
- className: "h-4 w-4 text-muted-foreground"
344
- })
345
- }),
346
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
347
- title: "Active Now",
348
- value: "+573",
349
- description: "+201 since last hour",
350
- icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Activity, {
351
- className: "h-4 w-4 text-muted-foreground"
352
- })
353
- })
354
- ]
355
- }),
356
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
357
- gap: 4,
358
- cols: 7,
359
- className: "lg:grid-cols-7",
360
- children: [
361
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
362
- className: "lg:col-span-4",
363
- children: [
364
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
365
- children: [
366
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
367
- children: "Recent Transactions"
368
- }),
369
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
370
- children: "Latest customer transactions"
371
- })
372
- ]
373
- }),
374
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
375
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTable, {
376
- columns: columns,
377
- data: transactions,
378
- searchKey: "customer",
379
- searchPlaceholder: "Search customers...",
380
- compact: true,
381
- showColumnToggle: false
382
- })
383
- })
384
- ]
385
- }),
386
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
387
- className: "lg:col-span-3",
388
- children: [
389
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
390
- children: [
391
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
392
- children: "Recent Activity"
393
- }),
394
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
395
- children: "Latest updates from your team"
396
- })
397
- ]
398
- }),
399
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
400
- className: "space-y-4",
401
- children: recentActivity.map((activity)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
402
- gap: 3,
403
- align: "start",
404
- children: [
405
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(avatar_cjs_namespaceObject.Avatar, {
406
- className: "h-8 w-8",
407
- children: [
408
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarImage, {
409
- src: activity.avatar
410
- }),
411
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarFallback, {
412
- children: activity.user.split(' ').map((n)=>n[0]).join('')
413
- })
414
- ]
415
- }),
416
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
417
- gap: 1,
418
- flex: 1,
419
- children: [
420
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
421
- className: "text-sm",
422
- children: [
423
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
424
- className: "font-medium",
425
- children: activity.user
426
- }),
427
- ' ',
428
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
429
- className: "text-muted-foreground",
430
- children: activity.action
431
- })
432
- ]
433
- }),
434
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
435
- className: "text-xs text-muted-foreground",
436
- children: activity.time
437
- })
438
- ]
439
- })
440
- ]
441
- }, activity.id))
442
- })
443
- ]
444
- })
445
- ]
446
- }),
447
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
448
- children: [
449
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
450
- children: [
451
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
452
- children: "Monthly Goals"
453
- }),
454
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
455
- children: "Track your progress towards monthly targets"
456
- })
457
- ]
458
- }),
459
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardContent, {
460
- className: "space-y-4",
461
- children: [
462
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
463
- gap: 2,
464
- children: [
465
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
466
- justify: "between",
467
- align: "center",
468
- className: "text-sm",
469
- children: [
470
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
471
- children: "Revenue Target"
472
- }),
473
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
474
- className: "font-medium",
475
- children: "$45,231 / $50,000"
476
- })
477
- ]
478
- }),
479
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
480
- value: 90
481
- })
482
- ]
483
- }),
484
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
485
- gap: 2,
486
- children: [
487
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
488
- justify: "between",
489
- align: "center",
490
- className: "text-sm",
491
- children: [
492
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
493
- children: "New Customers"
494
- }),
495
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
496
- className: "font-medium",
497
- children: "2,350 / 3,000"
498
- })
499
- ]
500
- }),
501
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
502
- value: 78
503
- })
504
- ]
505
- }),
506
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
507
- gap: 2,
508
- children: [
509
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
510
- justify: "between",
511
- align: "center",
512
- className: "text-sm",
513
- children: [
514
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
515
- children: "Support Tickets Resolved"
516
- }),
517
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
518
- className: "font-medium",
519
- children: "145 / 150"
520
- })
521
- ]
522
- }),
523
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
524
- value: 97
525
- })
526
- ]
527
- })
528
- ]
529
- })
530
- ]
531
- })
532
- ]
533
- }),
534
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
535
- value: "analytics",
536
- className: "space-y-6",
537
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
538
- children: [
539
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
540
- children: [
541
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
542
- children: "Analytics"
543
- }),
544
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
545
- children: "Detailed analytics coming soon"
546
- })
547
- ]
548
- }),
549
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
550
- className: "h-[400px] flex items-center justify-center text-muted-foreground",
551
- children: "Analytics charts and graphs would go here"
552
- })
553
- ]
554
- })
555
- }),
556
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
557
- value: "reports",
558
- className: "space-y-6",
559
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
560
- children: [
561
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
562
- children: [
563
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
564
- children: "Reports"
565
- }),
566
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
567
- children: "Generate and download reports"
568
- })
569
- ]
570
- }),
571
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
572
- className: "h-[400px] flex items-center justify-center text-muted-foreground",
573
- children: "Report generation interface would go here"
574
- })
575
- ]
576
- })
577
- })
578
- ]
579
- })
580
- })
581
- ]
582
- });
583
- }
584
- exports.DashboardExample = __webpack_exports__.DashboardExample;
585
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
586
- "DashboardExample"
587
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
588
- Object.defineProperty(exports, '__esModule', {
589
- value: true
590
- });
@@ -1,11 +0,0 @@
1
- export interface DashboardExampleProps {
2
- className?: string;
3
- title?: string;
4
- description?: string;
5
- user?: {
6
- name: string;
7
- email: string;
8
- avatar?: string;
9
- };
10
- }
11
- export declare function DashboardExample({ className, title, description, user, }: DashboardExampleProps): import("react/jsx-runtime").JSX.Element;