@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/examples/dashboard-example.cjs

@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     DashboardExample: ()=>DashboardExample
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const avatar_cjs_namespaceObject = require("../components/ui/avatar.cjs");
@@ -212,44 +213,460 @@ const columns = [
             })
     }
 ];
-function DashboardExample({ className, title = 'Dashboard', description = "Welcome back! Here's an overview of your business.", user = {
-    name: 'John Doe',
-    email: 'john@example.com'
-} }) {
-    const [activeTab, setActiveTab] = external_react_namespaceObject.useState('overview');
+function DashboardExample(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(39);
+    const { className, title: t1, description: t2, user: t3 } = t0;
+    const title = void 0 === t1 ? "Dashboard" : t1;
+    const description = void 0 === t2 ? "Welcome back! Here's an overview of your business." : t2;
+    const user = void 0 === t3 ? {
+        name: "John Doe",
+        email: "john@example.com"
+    } : t3;
+    const [activeTab, setActiveTab] = external_react_namespaceObject.useState("overview");
+    let t4;
+    if ($[0] !== className) {
+        t4 = (0, external_lib_index_cjs_namespaceObject.cn)("min-h-screen bg-background", className);
+        $[0] = className;
+        $[1] = t4;
+    } else t4 = $[1];
+    let t5;
+    if ($[2] !== title) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+            className: "text-2xl font-bold",
+            children: title
+        });
+        $[2] = title;
+        $[3] = t5;
+    } else t5 = $[3];
+    let t6;
+    if ($[4] !== description) {
+        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+            className: "text-sm text-muted-foreground",
+            children: description
+        });
+        $[4] = description;
+        $[5] = t6;
+    } else t6 = $[5];
+    let t7;
+    if ($[6] !== t5 || $[7] !== t6) {
+        t7 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            children: [
+                t5,
+                t6
+            ]
+        });
+        $[6] = t5;
+        $[7] = t6;
+        $[8] = t7;
+    } else t7 = $[8];
+    let t8;
+    let t9;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+            variant: "outline",
+            size: "sm",
+            children: "Download Report"
+        });
+        t9 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(separator_cjs_namespaceObject.Separator, {
+            orientation: "vertical",
+            className: "h-8"
+        });
+        $[9] = t8;
+        $[10] = t9;
+    } else {
+        t8 = $[9];
+        t9 = $[10];
+    }
+    const T0 = avatar_cjs_namespaceObject.AvatarFallback;
+    const t10 = user.name.split(" ").map(_temp).join("").toUpperCase();
+    let t11;
+    if ($[11] !== T0 || $[12] !== t10) {
+        t11 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(T0, {
+            children: t10
+        });
+        $[11] = T0;
+        $[12] = t10;
+        $[13] = t11;
+    } else t11 = $[13];
+    let t12;
+    if ($[14] !== user.name) {
+        t12 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "font-medium",
+            children: user.name
+        });
+        $[14] = user.name;
+        $[15] = t12;
+    } else t12 = $[15];
+    let t13;
+    if ($[16] !== user.email) {
+        t13 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "text-xs text-muted-foreground",
+            children: user.email
+        });
+        $[16] = user.email;
+        $[17] = t13;
+    } else t13 = $[17];
+    let t14;
+    if ($[18] !== t12 || $[19] !== t13) {
+        t14 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+            gap: 0,
+            className: "hidden text-sm md:flex",
+            children: [
+                t12,
+                t13
+            ]
+        });
+        $[18] = t12;
+        $[19] = t13;
+        $[20] = t14;
+    } else t14 = $[20];
+    let t15;
+    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+        t15 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsList, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
+                    value: "overview",
+                    children: "Overview"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
+                    value: "analytics",
+                    children: "Analytics"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
+                    value: "reports",
+                    children: "Reports"
+                })
+            ]
+        });
+        $[21] = t15;
+    } else t15 = $[21];
+    let t16;
+    if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+        t16 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
+            title: "Total Revenue",
+            value: "$45,231.89",
+            description: "+20.1% from last month",
+            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DollarSign, {
+                className: "h-4 w-4 text-muted-foreground"
+            })
+        });
+        $[22] = t16;
+    } else t16 = $[22];
+    let t17;
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+        t17 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
+            title: "Subscriptions",
+            value: "+2,350",
+            description: "+180.1% from last month",
+            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Users, {
+                className: "h-4 w-4 text-muted-foreground"
+            })
+        });
+        $[23] = t17;
+    } else t17 = $[23];
+    let t18;
+    if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+        t18 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
+            title: "Sales",
+            value: "+12,234",
+            description: "+19% from last month",
+            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CreditCard, {
+                className: "h-4 w-4 text-muted-foreground"
+            })
+        });
+        $[24] = t18;
+    } else t18 = $[24];
+    let t19;
+    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+        t19 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
+            gap: 4,
+            cols: 4,
+            className: "md:grid-cols-2 lg:grid-cols-4",
+            children: [
+                t16,
+                t17,
+                t18,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
+                    title: "Active Now",
+                    value: "+573",
+                    description: "+201 since last hour",
+                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Activity, {
+                        className: "h-4 w-4 text-muted-foreground"
+                    })
+                })
+            ]
+        });
+        $[25] = t19;
+    } else t19 = $[25];
+    let t20;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+        t20 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
+                    children: "Recent Transactions"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
+                    children: "Latest customer transactions"
+                })
+            ]
+        });
+        $[26] = t20;
+    } else t20 = $[26];
+    let t21;
+    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+        t21 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
+            className: "lg:col-span-4",
+            children: [
+                t20,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTable, {
+                        columns: columns,
+                        data: transactions,
+                        searchKey: "customer",
+                        searchPlaceholder: "Search customers...",
+                        compact: true,
+                        showColumnToggle: false
+                    })
+                })
+            ]
+        });
+        $[27] = t21;
+    } else t21 = $[27];
+    let t22;
+    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+        t22 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
+                    children: "Recent Activity"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
+                    children: "Latest updates from your team"
+                })
+            ]
+        });
+        $[28] = t22;
+    } else t22 = $[28];
+    let t23;
+    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+        t23 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
+            gap: 4,
+            cols: 7,
+            className: "lg:grid-cols-7",
+            children: [
+                t21,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
+                    className: "lg:col-span-3",
+                    children: [
+                        t22,
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
+                            className: "space-y-4",
+                            children: recentActivity.map(_temp3)
+                        })
+                    ]
+                })
+            ]
+        });
+        $[29] = t23;
+    } else t23 = $[29];
+    let t24;
+    if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+        t24 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
+                    children: "Monthly Goals"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
+                    children: "Track your progress towards monthly targets"
+                })
+            ]
+        });
+        $[30] = t24;
+    } else t24 = $[30];
+    let t25;
+    if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+        t25 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                    justify: "between",
+                    align: "center",
+                    className: "text-sm",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            children: "Revenue Target"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "font-medium",
+                            children: "$45,231 / $50,000"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
+                    value: 90
+                })
+            ]
+        });
+        $[31] = t25;
+    } else t25 = $[31];
+    let t26;
+    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+        t26 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                    justify: "between",
+                    align: "center",
+                    className: "text-sm",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            children: "New Customers"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "font-medium",
+                            children: "2,350 / 3,000"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
+                    value: 78
+                })
+            ]
+        });
+        $[32] = t26;
+    } else t26 = $[32];
+    let t27;
+    if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+        t27 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsContent, {
+            value: "overview",
+            className: "space-y-6",
+            children: [
+                t19,
+                t23,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
+                    children: [
+                        t24,
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardContent, {
+                            className: "space-y-4",
+                            children: [
+                                t25,
+                                t26,
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+                                    gap: 2,
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                                            justify: "between",
+                                            align: "center",
+                                            className: "text-sm",
+                                            children: [
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                    children: "Support Tickets Resolved"
+                                                }),
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                    className: "font-medium",
+                                                    children: "145 / 150"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
+                                            value: 97
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        });
+        $[33] = t27;
+    } else t27 = $[33];
+    let t28;
+    if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+        t28 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
+            value: "analytics",
+            className: "space-y-6",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
+                                children: "Analytics"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
+                                children: "Detailed analytics coming soon"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
+                        className: "h-[400px] flex items-center justify-center text-muted-foreground",
+                        children: "Analytics charts and graphs would go here"
+                    })
+                ]
+            })
+        });
+        $[34] = t28;
+    } else t28 = $[34];
+    let t29;
+    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+        t29 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
+            value: "reports",
+            className: "space-y-6",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
+                                children: "Reports"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
+                                children: "Generate and download reports"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
+                        className: "h-[400px] flex items-center justify-center text-muted-foreground",
+                        children: "Report generation interface would go here"
+                    })
+                ]
+            })
+        });
+        $[35] = t29;
+    } else t29 = $[35];
+    let t30;
+    if ($[36] !== activeTab || $[37] !== setActiveTab) {
+        t30 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+            className: "container mx-auto p-4 md:p-6",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.Tabs, {
+                value: activeTab,
+                onValueChange: setActiveTab,
+                className: "space-y-6",
+                children: [
+                    t15,
+                    t27,
+                    t28,
+                    t29
+                ]
+            })
+        });
+        $[36] = activeTab;
+        $[37] = setActiveTab;
+        $[38] = t30;
+    } else t30 = $[38];
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: (0, external_lib_index_cjs_namespaceObject.cn)('min-h-screen bg-background', className),
+        className: t4,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
                 className: "border-b",
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                     className: "container mx-auto flex h-16 items-center justify-between px-4",
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
-                                    className: "text-2xl font-bold",
-                                    children: title
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                                    className: "text-sm text-muted-foreground",
-                                    children: description
-                                })
-                            ]
-                        }),
+                        t7,
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                             gap: 4,
                             align: "center",
                             children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                    variant: "outline",
-                                    size: "sm",
-                                    children: "Download Report"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(separator_cjs_namespaceObject.Separator, {
-                                    orientation: "vertical",
-                                    className: "h-8"
-                                }),
+                                t8,
+                                t9,
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                                     gap: 2,
                                     align: "center",
@@ -261,25 +678,10 @@ function DashboardExample({ className, title = 'Dashboard', description = "Welco
                                                     src: user.avatar,
                                                     alt: user.name
                                                 }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarFallback, {
-                                                    children: user.name.split(' ').map((n)=>n[0]).join('').toUpperCase()
-                                                })
+                                                t11
                                             ]
                                         }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                            gap: 0,
-                                            className: "hidden text-sm md:flex",
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                    className: "font-medium",
-                                                    children: user.name
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                    className: "text-xs text-muted-foreground",
-                                                    children: user.email
-                                                })
-                                            ]
-                                        })
+                                        t14
                                     ]
                                 })
                             ]
@@ -287,299 +689,58 @@ function DashboardExample({ className, title = 'Dashboard', description = "Welco
                     ]
                 })
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
-                className: "container mx-auto p-4 md:p-6",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.Tabs, {
-                    value: activeTab,
-                    onValueChange: setActiveTab,
-                    className: "space-y-6",
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsList, {
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
-                                    value: "overview",
-                                    children: "Overview"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
-                                    value: "analytics",
-                                    children: "Analytics"
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
-                                    value: "reports",
-                                    children: "Reports"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsContent, {
-                            value: "overview",
-                            className: "space-y-6",
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
-                                    gap: 4,
-                                    cols: 4,
-                                    className: "md:grid-cols-2 lg:grid-cols-4",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
-                                            title: "Total Revenue",
-                                            value: "$45,231.89",
-                                            description: "+20.1% from last month",
-                                            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DollarSign, {
-                                                className: "h-4 w-4 text-muted-foreground"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
-                                            title: "Subscriptions",
-                                            value: "+2,350",
-                                            description: "+180.1% from last month",
-                                            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Users, {
-                                                className: "h-4 w-4 text-muted-foreground"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
-                                            title: "Sales",
-                                            value: "+12,234",
-                                            description: "+19% from last month",
-                                            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CreditCard, {
-                                                className: "h-4 w-4 text-muted-foreground"
-                                            })
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(stats_card_cjs_namespaceObject.StatsCard, {
-                                            title: "Active Now",
-                                            value: "+573",
-                                            description: "+201 since last hour",
-                                            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Activity, {
-                                                className: "h-4 w-4 text-muted-foreground"
-                                            })
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
-                                    gap: 4,
-                                    cols: 7,
-                                    className: "lg:grid-cols-7",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
-                                            className: "lg:col-span-4",
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
-                                                            children: "Recent Transactions"
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
-                                                            children: "Latest customer transactions"
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
-                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTable, {
-                                                        columns: columns,
-                                                        data: transactions,
-                                                        searchKey: "customer",
-                                                        searchPlaceholder: "Search customers...",
-                                                        compact: true,
-                                                        showColumnToggle: false
-                                                    })
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
-                                            className: "lg:col-span-3",
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
-                                                            children: "Recent Activity"
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
-                                                            children: "Latest updates from your team"
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
-                                                    className: "space-y-4",
-                                                    children: recentActivity.map((activity)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                                                            gap: 3,
-                                                            align: "start",
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(avatar_cjs_namespaceObject.Avatar, {
-                                                                    className: "h-8 w-8",
-                                                                    children: [
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarImage, {
-                                                                            src: activity.avatar
-                                                                        }),
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarFallback, {
-                                                                            children: activity.user.split(' ').map((n)=>n[0]).join('')
-                                                                        })
-                                                                    ]
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                                    gap: 1,
-                                                                    flex: 1,
-                                                                    children: [
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
-                                                                            className: "text-sm",
-                                                                            children: [
-                                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                                    className: "font-medium",
-                                                                                    children: activity.user
-                                                                                }),
-                                                                                ' ',
-                                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                                    className: "text-muted-foreground",
-                                                                                    children: activity.action
-                                                                                })
-                                                                            ]
-                                                                        }),
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                                                                            className: "text-xs text-muted-foreground",
-                                                                            children: activity.time
-                                                                        })
-                                                                    ]
-                                                                })
-                                                            ]
-                                                        }, activity.id))
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
-                                                    children: "Monthly Goals"
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
-                                                    children: "Track your progress towards monthly targets"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardContent, {
-                                            className: "space-y-4",
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                    gap: 2,
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                                                            justify: "between",
-                                                            align: "center",
-                                                            className: "text-sm",
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                    children: "Revenue Target"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                    className: "font-medium",
-                                                                    children: "$45,231 / $50,000"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
-                                                            value: 90
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                    gap: 2,
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                                                            justify: "between",
-                                                            align: "center",
-                                                            className: "text-sm",
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                    children: "New Customers"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                    className: "font-medium",
-                                                                    children: "2,350 / 3,000"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
-                                                            value: 78
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                    gap: 2,
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                                                            justify: "between",
-                                                            align: "center",
-                                                            className: "text-sm",
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                    children: "Support Tickets Resolved"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                                    className: "font-medium",
-                                                                    children: "145 / 150"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_cjs_namespaceObject.Progress, {
-                                                            value: 97
-                                                        })
-                                                    ]
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
-                            value: "analytics",
-                            className: "space-y-6",
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
-                                                children: "Analytics"
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
-                                                children: "Detailed analytics coming soon"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
-                                        className: "h-[400px] flex items-center justify-center text-muted-foreground",
-                                        children: "Analytics charts and graphs would go here"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsContent, {
-                            value: "reports",
-                            className: "space-y-6",
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.Card, {
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(card_cjs_namespaceObject.CardHeader, {
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardTitle, {
-                                                children: "Reports"
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardDescription, {
-                                                children: "Generate and download reports"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.CardContent, {
-                                        className: "h-[400px] flex items-center justify-center text-muted-foreground",
-                                        children: "Report generation interface would go here"
-                                    })
-                                ]
+            t30
+        ]
+    });
+}
+function _temp3(activity) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+        gap: 3,
+        align: "start",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(avatar_cjs_namespaceObject.Avatar, {
+                className: "h-8 w-8",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarImage, {
+                        src: activity.avatar
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(avatar_cjs_namespaceObject.AvatarFallback, {
+                        children: activity.user.split(" ").map(_temp2).join("")
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+                gap: 1,
+                flex: 1,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
+                        className: "text-sm",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "font-medium",
+                                children: activity.user
+                            }),
+                            " ",
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-muted-foreground",
+                                children: activity.action
                             })
-                        })
-                    ]
-                })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                        className: "text-xs text-muted-foreground",
+                        children: activity.time
+                    })
+                ]
             })
         ]
-    });
+    }, activity.id);
+}
+function _temp2(n_0) {
+    return n_0[0];
+}
+function _temp(n) {
+    return n[0];
 }
 exports.DashboardExample = __webpack_exports__.DashboardExample;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [