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

package/dist/examples/admin-layout-example.cjs

@@ -42,6 +42,7 @@ __webpack_require__.d(__webpack_exports__, {
     AdminBreadcrumb: ()=>AdminBreadcrumb
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../lib/index.cjs");
 const external_lucide_react_namespaceObject = require("lucide-react");
@@ -53,135 +54,355 @@ const breadcrumb_cjs_namespaceObject = require("../components/ui/breadcrumb.cjs"
 const data_table_cjs_namespaceObject = require("../components/ui/data-table.cjs");
 const pagination_cjs_namespaceObject = require("../components/ui/pagination.cjs");
 const layout_index_cjs_namespaceObject = require("../components/ui/layout/index.cjs");
-function AdminLayout({ className, children, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, index_cjs_namespaceObject.cn)('flex h-[700px] w-full flex-col overflow-hidden rounded-lg border bg-background', className),
-        ...props,
-        children: children
-    });
+function AdminLayout(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(10);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("flex h-[700px] w-full flex-col overflow-hidden rounded-lg border bg-background", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: t1,
+            ...props,
+            children: children
+        });
+        $[6] = children;
+        $[7] = props;
+        $[8] = t1;
+        $[9] = t2;
+    } else t2 = $[9];
+    return t2;
 }
-function AdminHeader({ className, logo, title, children, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("header", {
-        className: (0, index_cjs_namespaceObject.cn)('flex h-14 items-center justify-between border-b bg-background px-4', className),
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                gap: 3,
-                align: "center",
-                children: [
-                    logo,
-                    title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: "text-lg font-semibold",
-                        children: title
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
-                gap: 2,
-                align: "center",
-                children: children
-            })
-        ]
-    });
+function AdminHeader(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(20);
+    let children;
+    let className;
+    let logo;
+    let props;
+    let title;
+    if ($[0] !== t0) {
+        ({ className, logo, title, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = logo;
+        $[4] = props;
+        $[5] = title;
+    } else {
+        children = $[1];
+        className = $[2];
+        logo = $[3];
+        props = $[4];
+        title = $[5];
+    }
+    let t1;
+    if ($[6] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("flex h-14 items-center justify-between border-b bg-background px-4", className);
+        $[6] = className;
+        $[7] = t1;
+    } else t1 = $[7];
+    let t2;
+    if ($[8] !== title) {
+        t2 = title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "text-lg font-semibold",
+            children: title
+        });
+        $[8] = title;
+        $[9] = t2;
+    } else t2 = $[9];
+    let t3;
+    if ($[10] !== logo || $[11] !== t2) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            gap: 3,
+            align: "center",
+            children: [
+                logo,
+                t2
+            ]
+        });
+        $[10] = logo;
+        $[11] = t2;
+        $[12] = t3;
+    } else t3 = $[12];
+    let t4;
+    if ($[13] !== children) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
+            gap: 2,
+            align: "center",
+            children: children
+        });
+        $[13] = children;
+        $[14] = t4;
+    } else t4 = $[14];
+    let t5;
+    if ($[15] !== props || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("header", {
+            className: t1,
+            ...props,
+            children: [
+                t3,
+                t4
+            ]
+        });
+        $[15] = props;
+        $[16] = t1;
+        $[17] = t3;
+        $[18] = t4;
+        $[19] = t5;
+    } else t5 = $[19];
+    return t5;
 }
-function AdminHeaderActions({ notifications, avatar }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-        gap: 1,
-        align: "center",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
-                variant: "ghost",
-                size: "icon",
-                className: "relative",
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Bell, {
-                        className: "h-5 w-5"
-                    }),
-                    notifications && notifications > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: "absolute -right-0.5 -top-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-destructive text-[10px] text-destructive-foreground",
-                        children: notifications
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                variant: "ghost",
-                size: "icon",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.HelpCircle, {
-                    className: "h-5 w-5"
-                })
-            }),
-            avatar || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "ml-2 flex h-8 w-8 items-center justify-center rounded-full bg-primary text-xs font-medium text-primary-foreground",
-                children: "SN"
+function AdminHeaderActions(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(11);
+    const { notifications, avatar } = t0;
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Bell, {
+            className: "h-5 w-5"
+        });
+        $[0] = t1;
+    } else t1 = $[0];
+    let t2;
+    if ($[1] !== notifications) {
+        t2 = notifications && notifications > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "absolute -right-0.5 -top-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-destructive text-[10px] text-destructive-foreground",
+            children: notifications
+        });
+        $[1] = notifications;
+        $[2] = t2;
+    } else t2 = $[2];
+    let t3;
+    if ($[3] !== t2) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
+            variant: "ghost",
+            size: "icon",
+            className: "relative",
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[3] = t2;
+        $[4] = t3;
+    } else t3 = $[4];
+    let t4;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+            variant: "ghost",
+            size: "icon",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.HelpCircle, {
+                className: "h-5 w-5"
             })
-        ]
-    });
+        });
+        $[5] = t4;
+    } else t4 = $[5];
+    let t5;
+    if ($[6] !== avatar) {
+        t5 = avatar || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "ml-2 flex h-8 w-8 items-center justify-center rounded-full bg-primary text-xs font-medium text-primary-foreground",
+            children: "SN"
+        });
+        $[6] = avatar;
+        $[7] = t5;
+    } else t5 = $[7];
+    let t6;
+    if ($[8] !== t3 || $[9] !== t5) {
+        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            gap: 1,
+            align: "center",
+            children: [
+                t3,
+                t4,
+                t5
+            ]
+        });
+        $[8] = t3;
+        $[9] = t5;
+        $[10] = t6;
+    } else t6 = $[10];
+    return t6;
 }
-function AdminContent({ className, children, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
-        flex: 1,
-        overflow: "hidden",
-        className: className,
-        ...props,
-        children: children
-    });
+function AdminContent(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(8);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== children || $[5] !== className || $[6] !== props) {
+        t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
+            flex: 1,
+            overflow: "hidden",
+            className: className,
+            ...props,
+            children: children
+        });
+        $[4] = children;
+        $[5] = className;
+        $[6] = props;
+        $[7] = t1;
+    } else t1 = $[7];
+    return t1;
 }
-function AdminSidebar({ className, children, width = 280, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
-        className: (0, index_cjs_namespaceObject.cn)('border-r bg-muted/30', className),
-        style: {
+function AdminSidebar(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(14);
+    let children;
+    let className;
+    let props;
+    let t1;
+    if ($[0] !== t0) {
+        ({ className, children, width: t1, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+        $[4] = t1;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+        t1 = $[4];
+    }
+    const width = void 0 === t1 ? 280 : t1;
+    let t2;
+    if ($[5] !== className) {
+        t2 = (0, index_cjs_namespaceObject.cn)("border-r bg-muted/30", className);
+        $[5] = className;
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== width) {
+        t3 = {
             width
-        },
-        ...props,
-        children: children
-    });
+        };
+        $[7] = width;
+        $[8] = t3;
+    } else t3 = $[8];
+    let t4;
+    if ($[9] !== children || $[10] !== props || $[11] !== t2 || $[12] !== t3) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
+            className: t2,
+            style: t3,
+            ...props,
+            children: children
+        });
+        $[9] = children;
+        $[10] = props;
+        $[11] = t2;
+        $[12] = t3;
+        $[13] = t4;
+    } else t4 = $[13];
+    return t4;
 }
-function AdminSidebarHeader({ title, onSearch, onAdd }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-        justify: "between",
-        align: "center",
-        className: "border-b px-4 py-3",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "text-sm font-medium",
-                children: title
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                gap: 1,
-                align: "center",
-                children: [
-                    onSearch && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                        variant: "ghost",
-                        size: "icon",
-                        className: "h-7 w-7",
-                        onClick: onSearch,
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
-                            className: "h-4 w-4"
-                        })
-                    }),
-                    onAdd && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                        variant: "ghost",
-                        size: "icon",
-                        className: "h-7 w-7",
-                        onClick: onAdd,
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
-                            className: "h-4 w-4"
-                        })
-                    })
-                ]
+function AdminSidebarHeader(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(12);
+    const { title, onSearch, onAdd } = t0;
+    let t1;
+    if ($[0] !== title) {
+        t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "text-sm font-medium",
+            children: title
+        });
+        $[0] = title;
+        $[1] = t1;
+    } else t1 = $[1];
+    let t2;
+    if ($[2] !== onSearch) {
+        t2 = onSearch && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7",
+            onClick: onSearch,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                className: "h-4 w-4"
+            })
+        });
+        $[2] = onSearch;
+        $[3] = t2;
+    } else t2 = $[3];
+    let t3;
+    if ($[4] !== onAdd) {
+        t3 = onAdd && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7",
+            onClick: onAdd,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
+                className: "h-4 w-4"
             })
-        ]
-    });
+        });
+        $[4] = onAdd;
+        $[5] = t3;
+    } else t3 = $[5];
+    let t4;
+    if ($[6] !== t2 || $[7] !== t3) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            gap: 1,
+            align: "center",
+            children: [
+                t2,
+                t3
+            ]
+        });
+        $[6] = t2;
+        $[7] = t3;
+        $[8] = t4;
+    } else t4 = $[8];
+    let t5;
+    if ($[9] !== t1 || $[10] !== t4) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            justify: "between",
+            align: "center",
+            className: "border-b px-4 py-3",
+            children: [
+                t1,
+                t4
+            ]
+        });
+        $[9] = t1;
+        $[10] = t4;
+        $[11] = t5;
+    } else t5 = $[11];
+    return t5;
 }
-function AdminSidebarNav({ items, selectedId, onSelect }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
-        className: "flex-1",
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
-            className: "p-2",
-            children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+function AdminSidebarNav(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(9);
+    const { items, selectedId, onSelect } = t0;
+    let t1;
+    if ($[0] !== items || $[1] !== onSelect || $[2] !== selectedId) {
+        let t2;
+        if ($[4] !== onSelect || $[5] !== selectedId) {
+            t2 = (item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
                     gap: 2,
                     align: "center",
-                    className: (0, index_cjs_namespaceObject.cn)('cursor-pointer rounded-md px-3 py-2 text-sm transition-colors', selectedId === item.id ? 'bg-primary/10 text-primary' : 'text-muted-foreground hover:bg-muted hover:text-foreground'),
+                    className: (0, index_cjs_namespaceObject.cn)("cursor-pointer rounded-md px-3 py-2 text-sm transition-colors", selectedId === item.id ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-muted hover:text-foreground"),
                     onClick: ()=>onSelect?.(item.id),
                     children: [
                         item.icon,
@@ -191,265 +412,576 @@ function AdminSidebarNav({ items, selectedId, onSelect }) {
                         }),
                         item.badge
                     ]
-                }, item.id))
-        })
-    });
+                }, item.id);
+            $[4] = onSelect;
+            $[5] = selectedId;
+            $[6] = t2;
+        } else t2 = $[6];
+        t1 = items.map(t2);
+        $[0] = items;
+        $[1] = onSelect;
+        $[2] = selectedId;
+        $[3] = t1;
+    } else t1 = $[3];
+    let t2;
+    if ($[7] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
+            className: "flex-1",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
+                className: "p-2",
+                children: t1
+            })
+        });
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
 }
-function AdminMain({ className, children, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
-        flex: 1,
-        overflow: "hidden",
-        className: className,
-        ...props,
-        children: children
-    });
+function AdminMain(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(8);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== children || $[5] !== className || $[6] !== props) {
+        t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
+            flex: 1,
+            overflow: "hidden",
+            className: className,
+            ...props,
+            children: children
+        });
+        $[4] = children;
+        $[5] = className;
+        $[6] = props;
+        $[7] = t1;
+    } else t1 = $[7];
+    return t1;
 }
-function AdminBreadcrumb({ items }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(breadcrumb_cjs_namespaceObject.Breadcrumb, {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(breadcrumb_cjs_namespaceObject.BreadcrumbList, {
-            children: items.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+function AdminBreadcrumb(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(6);
+    const { items } = t0;
+    let t1;
+    if ($[0] !== items) {
+        let t2;
+        if ($[2] !== items.length) {
+            t2 = (item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
                     children: [
                         index > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(breadcrumb_cjs_namespaceObject.BreadcrumbSeparator, {}),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(breadcrumb_cjs_namespaceObject.BreadcrumbItem, {
                             children: index === items.length - 1 ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(breadcrumb_cjs_namespaceObject.BreadcrumbPage, {
                                 children: item.label
                             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(breadcrumb_cjs_namespaceObject.BreadcrumbLink, {
-                                href: item.href || '#',
+                                href: item.href || "#",
                                 children: item.label
                             })
                         })
                     ]
-                }, item.label))
-        })
-    });
-}
-function AdminPageHeader({ title, breadcrumb, actions, tabs, activeTab, onTabChange }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: "border-b px-6 py-4",
-        children: [
-            breadcrumb && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "mb-2",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AdminBreadcrumb, {
-                    items: breadcrumb
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                justify: "between",
-                align: "center",
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
-                        className: "text-xl font-semibold",
-                        children: title
-                    }),
-                    actions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
-                        gap: 2,
-                        align: "center",
-                        children: actions
-                    })
-                ]
-            }),
-            tabs && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.Tabs, {
-                value: activeTab,
-                onValueChange: onTabChange,
-                className: "mt-4",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsList, {
-                    className: "h-auto bg-transparent p-0",
-                    children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
-                            value: tab.value,
-                            className: "rounded-none border-b-2 border-transparent px-4 pb-2 pt-1 data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",
-                            children: tab.label
-                        }, tab.value))
-                })
+                }, item.label);
+            $[2] = items.length;
+            $[3] = t2;
+        } else t2 = $[3];
+        t1 = items.map(t2);
+        $[0] = items;
+        $[1] = t1;
+    } else t1 = $[1];
+    let t2;
+    if ($[4] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(breadcrumb_cjs_namespaceObject.Breadcrumb, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(breadcrumb_cjs_namespaceObject.BreadcrumbList, {
+                children: t1
             })
-        ]
-    });
+        });
+        $[4] = t1;
+        $[5] = t2;
+    } else t2 = $[5];
+    return t2;
 }
-function AdminToolbar({ children, actions }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-        justify: "between",
-        align: "center",
-        className: "border-b px-6 py-3",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
-                gap: 3,
-                align: "center",
-                children: children
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
-                gap: 2,
-                align: "center",
-                children: actions
+function AdminPageHeader(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(17);
+    const { title, breadcrumb, actions, tabs, activeTab, onTabChange } = t0;
+    let t1;
+    if ($[0] !== breadcrumb) {
+        t1 = breadcrumb && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "mb-2",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AdminBreadcrumb, {
+                items: breadcrumb
             })
-        ]
-    });
-}
-function AdminFilter({ label, value, options, onValueChange }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-        gap: 1.5,
-        align: "center",
-        className: "text-sm",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
-                className: "text-muted-foreground",
-                children: [
-                    label,
-                    ":"
-                ]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
-                value: value,
-                onValueChange: onValueChange,
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
-                        className: "h-7 w-auto gap-1 border-0 bg-transparent px-1 font-medium shadow-none",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {})
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectContent, {
-                        children: options.map((option)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
-                                value: option.value,
-                                children: option.label
-                            }, option.value))
-                    })
-                ]
+        });
+        $[0] = breadcrumb;
+        $[1] = t1;
+    } else t1 = $[1];
+    let t2;
+    if ($[2] !== title) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+            className: "text-xl font-semibold",
+            children: title
+        });
+        $[2] = title;
+        $[3] = t2;
+    } else t2 = $[3];
+    let t3;
+    if ($[4] !== actions) {
+        t3 = actions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
+            gap: 2,
+            align: "center",
+            children: actions
+        });
+        $[4] = actions;
+        $[5] = t3;
+    } else t3 = $[5];
+    let t4;
+    if ($[6] !== t2 || $[7] !== t3) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            justify: "between",
+            align: "center",
+            children: [
+                t2,
+                t3
+            ]
+        });
+        $[6] = t2;
+        $[7] = t3;
+        $[8] = t4;
+    } else t4 = $[8];
+    let t5;
+    if ($[9] !== activeTab || $[10] !== onTabChange || $[11] !== tabs) {
+        t5 = tabs && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.Tabs, {
+            value: activeTab,
+            onValueChange: onTabChange,
+            className: "mt-4",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsList, {
+                className: "h-auto bg-transparent p-0",
+                children: tabs.map(_temp)
             })
-        ]
-    });
+        });
+        $[9] = activeTab;
+        $[10] = onTabChange;
+        $[11] = tabs;
+        $[12] = t5;
+    } else t5 = $[12];
+    let t6;
+    if ($[13] !== t1 || $[14] !== t4 || $[15] !== t5) {
+        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "border-b px-6 py-4",
+            children: [
+                t1,
+                t4,
+                t5
+            ]
+        });
+        $[13] = t1;
+        $[14] = t4;
+        $[15] = t5;
+        $[16] = t6;
+    } else t6 = $[16];
+    return t6;
+}
+function _temp(tab) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsTrigger, {
+        value: tab.value,
+        className: "rounded-none border-b-2 border-transparent px-4 pb-2 pt-1 data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",
+        children: tab.label
+    }, tab.value);
+}
+function AdminToolbar(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(7);
+    const { children, actions } = t0;
+    let t1;
+    if ($[0] !== children) {
+        t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
+            gap: 3,
+            align: "center",
+            children: children
+        });
+        $[0] = children;
+        $[1] = t1;
+    } else t1 = $[1];
+    let t2;
+    if ($[2] !== actions) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
+            gap: 2,
+            align: "center",
+            children: actions
+        });
+        $[2] = actions;
+        $[3] = t2;
+    } else t2 = $[3];
+    let t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            justify: "between",
+            align: "center",
+            className: "border-b px-6 py-3",
+            children: [
+                t1,
+                t2
+            ]
+        });
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+    } else t3 = $[6];
+    return t3;
+}
+function AdminFilter(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(14);
+    const { label, value, options, onValueChange } = t0;
+    let t1;
+    if ($[0] !== label) {
+        t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+            className: "text-muted-foreground",
+            children: [
+                label,
+                ":"
+            ]
+        });
+        $[0] = label;
+        $[1] = t1;
+    } else t1 = $[1];
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
+            className: "h-7 w-auto gap-1 border-0 bg-transparent px-1 font-medium shadow-none",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {})
+        });
+        $[2] = t2;
+    } else t2 = $[2];
+    let t3;
+    if ($[3] !== options) {
+        t3 = options.map(_temp2);
+        $[3] = options;
+        $[4] = t3;
+    } else t3 = $[4];
+    let t4;
+    if ($[5] !== t3) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectContent, {
+            children: t3
+        });
+        $[5] = t3;
+        $[6] = t4;
+    } else t4 = $[6];
+    let t5;
+    if ($[7] !== onValueChange || $[8] !== t4 || $[9] !== value) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
+            value: value,
+            onValueChange: onValueChange,
+            children: [
+                t2,
+                t4
+            ]
+        });
+        $[7] = onValueChange;
+        $[8] = t4;
+        $[9] = value;
+        $[10] = t5;
+    } else t5 = $[10];
+    let t6;
+    if ($[11] !== t1 || $[12] !== t5) {
+        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            gap: 1.5,
+            align: "center",
+            className: "text-sm",
+            children: [
+                t1,
+                t5
+            ]
+        });
+        $[11] = t1;
+        $[12] = t5;
+        $[13] = t6;
+    } else t6 = $[13];
+    return t6;
 }
-function AdminPagination({ total, page, pageSize, onPageChange, onPageSizeChange }) {
+function _temp2(option) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
+        value: option.value,
+        children: option.label
+    }, option.value);
+}
+function AdminPagination(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(56);
+    const { total, page, pageSize, onPageChange, onPageSizeChange } = t0;
     const totalPages = Math.ceil(total / pageSize);
     const start = (page - 1) * pageSize + 1;
     const end = Math.min(page * pageSize, total);
-    const getPageNumbers = ()=>{
-        const pages = [];
-        const delta = 1;
-        for(let i = 1; i <= totalPages; i++)if (1 === i || i === totalPages || i >= page - delta && i <= page + delta) pages.push(i);
-        return pages;
-    };
-    const pageNumbers = getPageNumbers();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-        justify: "between",
-        align: "center",
-        className: "border-t px-6 py-3",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
-                className: "text-sm text-muted-foreground",
+    let t1;
+    if ($[0] !== page || $[1] !== totalPages) {
+        const getPageNumbers = ()=>{
+            const pages = [];
+            for(let i = 1; i <= totalPages; i++)if (1 === i || i === totalPages || i >= page - 1 && i <= page + 1) pages.push(i);
+            return pages;
+        };
+        t1 = getPageNumbers();
+        $[0] = page;
+        $[1] = totalPages;
+        $[2] = t1;
+    } else t1 = $[2];
+    const pageNumbers = t1;
+    let t2;
+    if ($[3] !== end || $[4] !== start || $[5] !== total) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+            className: "text-sm text-muted-foreground",
+            children: [
+                start,
+                " - ",
+                end,
+                " / ",
+                total
+            ]
+        });
+        $[3] = end;
+        $[4] = start;
+        $[5] = total;
+        $[6] = t2;
+    } else t2 = $[6];
+    const t3 = 1 === page;
+    let t4;
+    if ($[7] !== onPageChange) {
+        t4 = ()=>onPageChange?.(1);
+        $[7] = onPageChange;
+        $[8] = t4;
+    } else t4 = $[8];
+    let t5;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsLeft, {
+            className: "h-4 w-4"
+        });
+        $[9] = t5;
+    } else t5 = $[9];
+    let t6;
+    if ($[10] !== t3 || $[11] !== t4) {
+        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                disabled: t3,
+                onClick: t4,
+                children: t5
+            })
+        });
+        $[10] = t3;
+        $[11] = t4;
+        $[12] = t6;
+    } else t6 = $[12];
+    let t7;
+    if ($[13] !== onPageChange || $[14] !== page) {
+        t7 = ()=>page > 1 && onPageChange?.(page - 1);
+        $[13] = onPageChange;
+        $[14] = page;
+        $[15] = t7;
+    } else t7 = $[15];
+    const t8 = 1 === page && "pointer-events-none opacity-50";
+    let t9;
+    if ($[16] !== t8) {
+        t9 = (0, index_cjs_namespaceObject.cn)(t8);
+        $[16] = t8;
+        $[17] = t9;
+    } else t9 = $[17];
+    let t10;
+    if ($[18] !== t7 || $[19] !== t9) {
+        t10 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationPrevious, {
+                onClick: t7,
+                className: t9
+            })
+        });
+        $[18] = t7;
+        $[19] = t9;
+        $[20] = t10;
+    } else t10 = $[20];
+    let t11;
+    if ($[21] !== onPageChange || $[22] !== page || $[23] !== pageNumbers) {
+        t11 = pageNumbers.map((pageNum, index)=>{
+            const prevPage = pageNumbers[index - 1];
+            const showEllipsis = prevPage && pageNum - prevPage > 1;
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
                 children: [
-                    start,
-                    " - ",
-                    end,
-                    " / ",
-                    total
+                    showEllipsis && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationEllipsis, {})
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationLink, {
+                            onClick: ()=>onPageChange?.(pageNum),
+                            isActive: page === pageNum,
+                            children: pageNum
+                        })
+                    })
                 ]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                gap: 4,
-                align: "center",
+            }, pageNum);
+        });
+        $[21] = onPageChange;
+        $[22] = page;
+        $[23] = pageNumbers;
+        $[24] = t11;
+    } else t11 = $[24];
+    let t12;
+    if ($[25] !== onPageChange || $[26] !== page || $[27] !== totalPages) {
+        t12 = ()=>page < totalPages && onPageChange?.(page + 1);
+        $[25] = onPageChange;
+        $[26] = page;
+        $[27] = totalPages;
+        $[28] = t12;
+    } else t12 = $[28];
+    const t13 = page === totalPages && "pointer-events-none opacity-50";
+    let t14;
+    if ($[29] !== t13) {
+        t14 = (0, index_cjs_namespaceObject.cn)(t13);
+        $[29] = t13;
+        $[30] = t14;
+    } else t14 = $[30];
+    let t15;
+    if ($[31] !== t12 || $[32] !== t14) {
+        t15 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationNext, {
+                onClick: t12,
+                className: t14
+            })
+        });
+        $[31] = t12;
+        $[32] = t14;
+        $[33] = t15;
+    } else t15 = $[33];
+    const t16 = page === totalPages;
+    let t17;
+    if ($[34] !== onPageChange || $[35] !== totalPages) {
+        t17 = ()=>onPageChange?.(totalPages);
+        $[34] = onPageChange;
+        $[35] = totalPages;
+        $[36] = t17;
+    } else t17 = $[36];
+    let t18;
+    if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+        t18 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsRight, {
+            className: "h-4 w-4"
+        });
+        $[37] = t18;
+    } else t18 = $[37];
+    let t19;
+    if ($[38] !== t16 || $[39] !== t17) {
+        t19 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8",
+                disabled: t16,
+                onClick: t17,
+                children: t18
+            })
+        });
+        $[38] = t16;
+        $[39] = t17;
+        $[40] = t19;
+    } else t19 = $[40];
+    let t20;
+    if ($[41] !== t10 || $[42] !== t11 || $[43] !== t15 || $[44] !== t19 || $[45] !== t6) {
+        t20 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.Pagination, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(pagination_cjs_namespaceObject.PaginationContent, {
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.Pagination, {
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(pagination_cjs_namespaceObject.PaginationContent, {
+                    t6,
+                    t10,
+                    t11,
+                    t15,
+                    t19
+                ]
+            })
+        });
+        $[41] = t10;
+        $[42] = t11;
+        $[43] = t15;
+        $[44] = t19;
+        $[45] = t6;
+        $[46] = t20;
+    } else t20 = $[46];
+    let t21;
+    if ($[47] !== onPageSizeChange || $[48] !== pageSize) {
+        t21 = onPageSizeChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            gap: 2,
+            align: "center",
+            className: "text-sm",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "text-muted-foreground",
+                    children: "Items"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
+                    value: String(pageSize),
+                    onValueChange: (v)=>onPageSizeChange(Number(v)),
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
+                            className: "h-8 w-16",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {})
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.SelectContent, {
                             children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                        variant: "ghost",
-                                        size: "icon",
-                                        className: "h-8 w-8",
-                                        disabled: 1 === page,
-                                        onClick: ()=>onPageChange?.(1),
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsLeft, {
-                                            className: "h-4 w-4"
-                                        })
-                                    })
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
+                                    value: "10",
+                                    children: "10"
                                 }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationPrevious, {
-                                        onClick: ()=>page > 1 && onPageChange?.(page - 1),
-                                        className: (0, index_cjs_namespaceObject.cn)(1 === page && 'pointer-events-none opacity-50')
-                                    })
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
+                                    value: "25",
+                                    children: "25"
                                 }),
-                                pageNumbers.map((pageNum, index)=>{
-                                    const prevPage = pageNumbers[index - 1];
-                                    const showEllipsis = prevPage && pageNum - prevPage > 1;
-                                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
-                                        children: [
-                                            showEllipsis && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
-                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationEllipsis, {})
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
-                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationLink, {
-                                                    onClick: ()=>onPageChange?.(pageNum),
-                                                    isActive: page === pageNum,
-                                                    children: pageNum
-                                                })
-                                            })
-                                        ]
-                                    }, pageNum);
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
+                                    value: "50",
+                                    children: "50"
                                 }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationNext, {
-                                        onClick: ()=>page < totalPages && onPageChange?.(page + 1),
-                                        className: (0, index_cjs_namespaceObject.cn)(page === totalPages && 'pointer-events-none opacity-50')
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pagination_cjs_namespaceObject.PaginationItem, {
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                        variant: "ghost",
-                                        size: "icon",
-                                        className: "h-8 w-8",
-                                        disabled: page === totalPages,
-                                        onClick: ()=>onPageChange?.(totalPages),
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsRight, {
-                                            className: "h-4 w-4"
-                                        })
-                                    })
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
+                                    value: "100",
+                                    children: "100"
                                 })
                             ]
                         })
-                    }),
-                    onPageSizeChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
-                        gap: 2,
-                        align: "center",
-                        className: "text-sm",
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                className: "text-muted-foreground",
-                                children: "Items"
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
-                                value: String(pageSize),
-                                onValueChange: (v)=>onPageSizeChange(Number(v)),
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
-                                        className: "h-8 w-16",
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {})
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.SelectContent, {
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
-                                                value: "10",
-                                                children: "10"
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
-                                                value: "25",
-                                                children: "25"
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
-                                                value: "50",
-                                                children: "50"
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
-                                                value: "100",
-                                                children: "100"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
+                    ]
+                })
+            ]
+        });
+        $[47] = onPageSizeChange;
+        $[48] = pageSize;
+        $[49] = t21;
+    } else t21 = $[49];
+    let t22;
+    if ($[50] !== t20 || $[51] !== t21) {
+        t22 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            gap: 4,
+            align: "center",
+            children: [
+                t20,
+                t21
+            ]
+        });
+        $[50] = t20;
+        $[51] = t21;
+        $[52] = t22;
+    } else t22 = $[52];
+    let t23;
+    if ($[53] !== t2 || $[54] !== t22) {
+        t23 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
+            justify: "between",
+            align: "center",
+            className: "border-t px-6 py-3",
+            children: [
+                t2,
+                t22
+            ]
+        });
+        $[53] = t2;
+        $[54] = t22;
+        $[55] = t23;
+    } else t23 = $[55];
+    return t23;
 }
 exports.AdminBreadcrumb = __webpack_exports__.AdminBreadcrumb;
 exports.AdminContent = __webpack_exports__.AdminContent;