@uipath/apollo-wind 0.8.0 → 0.9.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 (40) hide show
  1. package/dist/archived-ui-path.svg +3 -0
  2. package/dist/components/ui/index.cjs +10 -10
  3. package/dist/components/ui/input.cjs +1 -1
  4. package/dist/components/ui/input.js +1 -1
  5. package/dist/components/ui/select.cjs +1 -1
  6. package/dist/components/ui/select.js +1 -1
  7. package/dist/components/ui/textarea.cjs +1 -1
  8. package/dist/components/ui/textarea.js +1 -1
  9. package/dist/examples/admin-layout-example.cjs +490 -0
  10. package/dist/examples/admin-layout-example.js +411 -0
  11. package/dist/examples/app-shell-example.cjs +452 -0
  12. package/dist/examples/app-shell-example.js +418 -0
  13. package/dist/examples/dashboard-example.cjs +590 -0
  14. package/dist/examples/dashboard-example.js +556 -0
  15. package/dist/examples/data-management-example.cjs +584 -0
  16. package/dist/examples/data-management-example.js +550 -0
  17. package/dist/examples/flow-editor-layout-example.cjs +309 -0
  18. package/dist/examples/flow-editor-layout-example.js +269 -0
  19. package/dist/examples/flow-start-example.cjs +467 -0
  20. package/dist/examples/flow-start-example.js +433 -0
  21. package/dist/examples/form-builder-example.cjs +674 -0
  22. package/dist/examples/form-builder-example.js +640 -0
  23. package/dist/examples/new-project-example.cjs +550 -0
  24. package/dist/examples/new-project-example.js +516 -0
  25. package/dist/examples/settings-example.cjs +864 -0
  26. package/dist/examples/settings-example.js +830 -0
  27. package/dist/examples/vscode-example.cjs +340 -0
  28. package/dist/examples/vscode-example.js +270 -0
  29. package/dist/templates/admin-layout-example.d.ts +92 -0
  30. package/dist/templates/app-shell-example.d.ts +52 -0
  31. package/dist/templates/dashboard-example.d.ts +11 -0
  32. package/dist/templates/data-management-example.d.ts +1 -0
  33. package/dist/templates/flow-editor-layout-example.d.ts +22 -0
  34. package/dist/templates/flow-start-example.d.ts +30 -0
  35. package/dist/templates/form-builder-example.d.ts +1 -0
  36. package/dist/templates/new-project-example.d.ts +30 -0
  37. package/dist/templates/settings-example.d.ts +1 -0
  38. package/dist/templates/vscode-example.d.ts +80 -0
  39. package/dist/ui-path.svg +11 -0
  40. package/package.json +1 -1
package/dist/examples/dashboard-example.cjs ADDED
@@ -0,0 +1,590 @@
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
+ });