@questpie/admin 0.0.1

package/dist/views/collection/form-field.mjs

@@ -0,0 +1,42 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { TextField } from "../../components/fields/text-field";
+import { EmailField } from "../../components/fields/email-field";
+import { PasswordField } from "../../components/fields/password-field";
+import { TextareaField } from "../../components/fields/textarea-field";
+import { NumberField } from "../../components/fields/number-field";
+import { CheckboxField } from "../../components/fields/checkbox-field";
+import { SwitchField } from "../../components/fields/switch-field";
+import { SelectField } from "../../components/fields/select-field";
+import { DateField } from "../../components/fields/date-field";
+import { DatetimeField } from "../../components/fields/datetime-field";
+import { CustomField } from "../../components/fields/custom-field";
+
+//#region src/views/collection/form-field.tsx
+/**
+* FormField - Generic form field with React Hook Form integration
+*/
+function FormField({ type = "text", component, options, ...baseProps }) {
+	if (component) return /* @__PURE__ */ jsx(CustomField, {
+		...baseProps,
+		component
+	});
+	switch (type) {
+		case "textarea": return /* @__PURE__ */ jsx(TextareaField, { ...baseProps });
+		case "checkbox": return /* @__PURE__ */ jsx(CheckboxField, { ...baseProps });
+		case "switch": return /* @__PURE__ */ jsx(SwitchField, { ...baseProps });
+		case "select": return /* @__PURE__ */ jsx(SelectField, {
+			...baseProps,
+			options
+		});
+		case "number": return /* @__PURE__ */ jsx(NumberField, { ...baseProps });
+		case "date": return /* @__PURE__ */ jsx(DateField, { ...baseProps });
+		case "datetime": return /* @__PURE__ */ jsx(DatetimeField, { ...baseProps });
+		case "email": return /* @__PURE__ */ jsx(EmailField, { ...baseProps });
+		case "password": return /* @__PURE__ */ jsx(PasswordField, { ...baseProps });
+		default: return /* @__PURE__ */ jsx(TextField, { ...baseProps });
+	}
+}
+
+//#endregion
+export { FormField };

package/dist/views/collection/index.mjs

@@ -0,0 +1,6 @@
+import { FormField } from "./form-field";
+import { CollectionList } from "./collection-list";
+import { CollectionForm } from "./collection-form";
+import { AutoFormFields } from "./auto-form-fields";
+
+export { AutoFormFields, CollectionForm, CollectionList, FormField };

package/dist/views/common/index.mjs

@@ -0,0 +1,4 @@
+import { LocaleSwitcher } from "./locale-switcher";
+import { VersionHistory } from "./version-history";
+
+export { LocaleSwitcher, VersionHistory };

package/dist/views/common/locale-switcher.mjs

@@ -0,0 +1,39 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAdminContext } from "../../hooks/admin-provider";
+import { Badge } from "../../components/ui/badge";
+import { Select, SelectContent, SelectItem, SelectTrigger } from "../../components/ui/select";
+
+//#region src/views/common/locale-switcher.tsx
+function LocaleSwitcher() {
+	const { locale, setLocale, locales } = useAdminContext();
+	const available = locales?.available ?? [];
+	if (!setLocale || available.length <= 1) return null;
+	const currentLocale = locale ?? locales?.default ?? available[0];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(Badge, {
+			variant: "outline",
+			className: "uppercase text-[10px] tracking-wide",
+			children: "Locale"
+		}), /* @__PURE__ */ jsxs(Select, {
+			value: currentLocale,
+			onValueChange: (value) => {
+				if (value) setLocale(value);
+			},
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "h-8 w-[120px]",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: currentLocale?.toUpperCase() ?? "Locale"
+				})
+			}), /* @__PURE__ */ jsx(SelectContent, { children: available.map((code) => /* @__PURE__ */ jsx(SelectItem, {
+				value: code,
+				children: code.toUpperCase()
+			}, code)) })]
+		})]
+	});
+}
+
+//#endregion
+export { LocaleSwitcher };

package/dist/views/common/version-history.mjs

@@ -0,0 +1,272 @@
+import * as React$1 from "react";
+import { useQuery } from "@tanstack/react-query";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAdminContext } from "../../hooks/admin-provider";
+import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/ui/card";
+import { Separator } from "../../components/ui/separator";
+import { Spinner } from "../../components/ui/spinner";
+import { ArrowCounterClockwise, CaretDown, CaretRight, Clock, ClockCounterClockwise, User } from "@phosphor-icons/react";
+
+//#region src/views/common/version-history.tsx
+/**
+* VersionHistory Component
+*
+* Displays version history and audit log for a collection item
+* - Shows all versions with timestamps
+* - Displays who made changes
+* - Allows comparing versions
+* - Shows diff between versions
+* - Ability to restore previous versions
+*/
+function VersionHistory({ collection, itemId, allowRestore = false, onRestore, renderVersion, showFullDiff = false }) {
+	const { client, locale } = useAdminContext();
+	const localeKey = locale ?? "default";
+	const [expandedVersions, setExpandedVersions] = React$1.useState(/* @__PURE__ */ new Set());
+	const { data: versions, isLoading, error } = useQuery({
+		queryKey: [
+			"version-history",
+			collection,
+			itemId,
+			localeKey
+		],
+		queryFn: async () => {
+			return [
+				{
+					id: "v3",
+					versionNumber: 3,
+					createdAt: (/* @__PURE__ */ new Date(Date.now() - 7200 * 1e3)).toISOString(),
+					createdBy: {
+						id: "user1",
+						name: "John Doe",
+						email: "john@example.com"
+					},
+					action: "updated",
+					changes: [{
+						field: "status",
+						oldValue: "pending",
+						newValue: "confirmed"
+					}],
+					data: {}
+				},
+				{
+					id: "v2",
+					versionNumber: 2,
+					createdAt: (/* @__PURE__ */ new Date(Date.now() - 1440 * 60 * 1e3)).toISOString(),
+					createdBy: {
+						id: "user2",
+						name: "Jane Smith",
+						email: "jane@example.com"
+					},
+					action: "updated",
+					changes: [{
+						field: "scheduledAt",
+						oldValue: "2025-01-15T10:00:00",
+						newValue: "2025-01-20T14:00:00"
+					}],
+					data: {}
+				},
+				{
+					id: "v1",
+					versionNumber: 1,
+					createdAt: (/* @__PURE__ */ new Date(Date.now() - 10080 * 60 * 1e3)).toISOString(),
+					createdBy: {
+						id: "user1",
+						name: "John Doe",
+						email: "john@example.com"
+					},
+					action: "created",
+					changes: [],
+					data: {}
+				}
+			];
+		}
+	});
+	const toggleVersion = (versionId) => {
+		setExpandedVersions((prev) => {
+			const next = new Set(prev);
+			if (next.has(versionId)) next.delete(versionId);
+			else next.add(versionId);
+			return next;
+		});
+	};
+	const handleRestore = (versionId) => {
+		onRestore?.(versionId);
+	};
+	const formatDate = (dateString) => {
+		const date = new Date(dateString);
+		const diffMs = (/* @__PURE__ */ new Date()).getTime() - date.getTime();
+		const diffMins = Math.floor(diffMs / 6e4);
+		const diffHours = Math.floor(diffMs / 36e5);
+		const diffDays = Math.floor(diffMs / 864e5);
+		if (diffMins < 1) return "Just now";
+		if (diffMins < 60) return `${diffMins} minute${diffMins > 1 ? "s" : ""} ago`;
+		if (diffHours < 24) return `${diffHours} hour${diffHours > 1 ? "s" : ""} ago`;
+		if (diffDays < 7) return `${diffDays} day${diffDays > 1 ? "s" : ""} ago`;
+		return date.toLocaleDateString();
+	};
+	const getActionBadge = (action) => {
+		const config = {
+			created: {
+				variant: "default",
+				label: "Created"
+			},
+			updated: {
+				variant: "secondary",
+				label: "Updated"
+			},
+			deleted: {
+				variant: "destructive",
+				label: "Deleted"
+			},
+			restored: {
+				variant: "outline",
+				label: "Restored"
+			}
+		}[action];
+		return /* @__PURE__ */ jsx(Badge, {
+			variant: config.variant,
+			children: config.label
+		});
+	};
+	const formatValue = (value) => {
+		if (value === null || value === void 0) return "—";
+		if (typeof value === "boolean") return value ? "Yes" : "No";
+		if (typeof value === "object") return JSON.stringify(value);
+		return String(value);
+	};
+	if (isLoading) return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(ClockCounterClockwise, { className: "h-5 w-5" }), "Version History"]
+	}) }), /* @__PURE__ */ jsx(CardContent, {
+		className: "flex items-center justify-center p-8",
+		children: /* @__PURE__ */ jsx(Spinner, { className: "h-6 w-6" })
+	})] });
+	if (error) return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(ClockCounterClockwise, { className: "h-5 w-5" }), "Version History"]
+	}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("p", {
+		className: "text-sm text-destructive",
+		children: [
+			"Failed to load version history:",
+			" ",
+			error instanceof Error ? error.message : "Unknown error"
+		]
+	}) })] });
+	if (!versions || versions.length === 0) return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(ClockCounterClockwise, { className: "h-5 w-5" }), "Version History"]
+	}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", {
+		className: "text-sm text-muted-foreground",
+		children: "No version history available"
+	}) })] });
+	return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsxs(CardTitle, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx(ClockCounterClockwise, { className: "h-5 w-5" }), "Version History"]
+	}), /* @__PURE__ */ jsxs(CardDescription, { children: [
+		versions.length,
+		" version",
+		versions.length !== 1 ? "s" : ""
+	] })] }), /* @__PURE__ */ jsx(CardContent, {
+		className: "space-y-4",
+		children: versions.map((version, index) => {
+			const isExpanded = expandedVersions.has(version.id);
+			const isLatest = index === 0;
+			return /* @__PURE__ */ jsxs("div", { children: [index > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-4" }), /* @__PURE__ */ jsx("div", {
+				className: "space-y-2",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-6 w-6 shrink-0",
+						onClick: () => toggleVersion(version.id),
+						children: isExpanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex-1 space-y-1",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsxs("span", {
+										className: "text-sm font-medium",
+										children: ["Version ", version.versionNumber]
+									}),
+									getActionBadge(version.action),
+									isLatest && /* @__PURE__ */ jsx(Badge, {
+										variant: "outline",
+										children: "Current"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-4 text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }), formatDate(version.createdAt)]
+								}), version.createdBy && /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ jsx(User, { className: "h-3 w-3" }), version.createdBy.name || version.createdBy.email]
+								})]
+							}),
+							version.changes && version.changes.length > 0 && !isExpanded && /* @__PURE__ */ jsxs("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									version.changes.length,
+									" field",
+									version.changes.length !== 1 ? "s" : "",
+									" changed"
+								]
+							}),
+							isExpanded && /* @__PURE__ */ jsxs("div", {
+								className: "mt-3 space-y-2",
+								children: [
+									version.changes && version.changes.length > 0 ? /* @__PURE__ */ jsx("div", {
+										className: "rounded-lg border bg-muted/50 p-3 space-y-2",
+										children: version.changes.map((change, changeIndex) => /* @__PURE__ */ jsxs("div", {
+											className: "text-xs",
+											children: [/* @__PURE__ */ jsx("div", {
+												className: "font-medium text-foreground mb-1",
+												children: change.field
+											}), /* @__PURE__ */ jsxs("div", {
+												className: "grid grid-cols-2 gap-2",
+												children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+													className: "text-muted-foreground",
+													children: "Old value:"
+												}), /* @__PURE__ */ jsx("div", {
+													className: "font-mono rounded bg-background p-1 mt-1",
+													children: formatValue(change.oldValue)
+												})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+													className: "text-muted-foreground",
+													children: "New value:"
+												}), /* @__PURE__ */ jsx("div", {
+													className: "font-mono rounded bg-background p-1 mt-1",
+													children: formatValue(change.newValue)
+												})] })]
+											})]
+										}, changeIndex))
+									}) : /* @__PURE__ */ jsx("p", {
+										className: "text-xs text-muted-foreground",
+										children: "No changes recorded"
+									}),
+									renderVersion && renderVersion(version),
+									allowRestore && !isLatest && /* @__PURE__ */ jsxs(Button, {
+										variant: "outline",
+										size: "sm",
+										onClick: () => handleRestore(version.id),
+										className: "mt-2",
+										children: [/* @__PURE__ */ jsx(ArrowCounterClockwise, { className: "mr-2 h-3 w-3" }), "Restore this version"]
+									})
+								]
+							})
+						]
+					})]
+				})
+			})] }, version.id);
+		})
+	})] });
+}
+
+//#endregion
+export { VersionHistory };

package/dist/views/index.mjs

@@ -0,0 +1,9 @@
+export * from "./auth"
+
+export * from "./layout"
+
+export * from "./collection"
+
+export * from "./common"
+
+export {  };

package/dist/views/layout/admin-layout.mjs

@@ -0,0 +1,40 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { AdminSidebar } from "./admin-sidebar";
+
+//#region src/views/layout/admin-layout.tsx
+function AdminLayout({ config, activeRoute, LinkComponent, children, className, sidebarProps, renderHeader, renderFooter }) {
+	const showHeader = config.app?.header?.show ?? false;
+	const showFooter = config.app?.footer?.show ?? false;
+	const HeaderComponent = config.app?.header?.component;
+	const FooterComponent = config.app?.footer?.component;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex h-screen flex-col", className),
+		children: [
+			showHeader && /* @__PURE__ */ jsx("header", {
+				className: "border-b",
+				children: renderHeader ? renderHeader() : HeaderComponent && /* @__PURE__ */ jsx(HeaderComponent, {})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-1 overflow-hidden",
+				children: [/* @__PURE__ */ jsx(AdminSidebar, {
+					config,
+					activeRoute,
+					LinkComponent,
+					...sidebarProps
+				}), /* @__PURE__ */ jsx("main", {
+					className: "flex-1 overflow-auto",
+					children
+				})]
+			}),
+			showFooter && /* @__PURE__ */ jsx("footer", {
+				className: "border-t",
+				children: renderFooter ? renderFooter() : FooterComponent && /* @__PURE__ */ jsx(FooterComponent, {})
+			})
+		]
+	});
+}
+
+//#endregion
+export { AdminLayout };

package/dist/views/layout/admin-router.mjs

@@ -0,0 +1,95 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CollectionList } from "../collection/collection-list";
+import { CollectionForm } from "../collection/collection-form";
+import { AutoFormFields } from "../collection/auto-form-fields";
+import { LocaleSwitcher } from "../common/locale-switcher";
+
+//#region src/views/layout/admin-router.tsx
+/**
+* Default Dashboard
+*/
+function DefaultDashboard() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "container py-8",
+		children: [/* @__PURE__ */ jsx("h1", {
+			className: "mb-8 text-3xl font-bold",
+			children: "Dashboard"
+		}), /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "rounded-lg border bg-card p-6",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "font-semibold",
+					children: "Collections"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-2 text-3xl font-bold",
+					children: "--"
+				})]
+			})
+		})]
+	});
+}
+function AdminRouter({ config, segments, navigate, DashboardComponent, collectionComponents, renderFormFields, registry }) {
+	if (segments.length === 0) return /* @__PURE__ */ jsx(DashboardComponent || DefaultDashboard, {});
+	const [collection, idOrNew] = segments;
+	const collectionConfig = config.collections?.[collection];
+	const customComponents = collectionComponents?.[collection];
+	if (!idOrNew) {
+		if (customComponents?.List) return /* @__PURE__ */ jsx(customComponents.List, {});
+		const columns = collectionConfig?.list?.defaultColumns?.map((field) => ({
+			accessorKey: field,
+			header: collectionConfig.fields?.[field]?.label || field
+		})) || [{
+			accessorKey: "id",
+			header: "ID"
+		}];
+		const withRelations = collectionConfig?.list?.with;
+		return /* @__PURE__ */ jsx("div", {
+			className: "container py-8",
+			children: /* @__PURE__ */ jsx(CollectionList, {
+				collection,
+				columns,
+				baseFindOptions: withRelations ? { with: withRelations.reduce((acc, rel) => {
+					acc[rel] = true;
+					return acc;
+				}, {}) } : void 0,
+				realtime: true,
+				headerActions: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(LocaleSwitcher, {}), /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: () => navigate(`/admin/${collection}/new`),
+						className: "rounded bg-primary px-4 py-2 text-primary-foreground",
+						children: ["Create ", collectionConfig?.label || collection]
+					})]
+				}),
+				onRowClick: (item) => {
+					navigate(`/admin/${collection}/${item.id}`);
+				}
+			})
+		});
+	}
+	const id = idOrNew === "new" ? void 0 : idOrNew;
+	if (customComponents?.Form) return /* @__PURE__ */ jsx(customComponents.Form, {});
+	return /* @__PURE__ */ jsx("div", {
+		className: "container max-w-2xl py-8",
+		children: /* @__PURE__ */ jsx(CollectionForm, {
+			collection,
+			id,
+			title: id ? `Edit ${collectionConfig?.label || collection}` : `New ${collectionConfig?.label || collection}`,
+			headerActions: /* @__PURE__ */ jsx(LocaleSwitcher, {}),
+			onSuccess: () => navigate(`/admin/${collection}`),
+			onCancel: () => navigate(`/admin/${collection}`),
+			children: renderFormFields?.(collection) || /* @__PURE__ */ jsx(AutoFormFields, {
+				collection,
+				config: collectionConfig,
+				registry,
+				allCollectionsConfig: config.collections
+			})
+		})
+	});
+}
+
+//#endregion
+export { AdminRouter };

package/dist/views/layout/admin-sidebar.mjs

@@ -0,0 +1,63 @@
+import * as React$1 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+
+//#region src/views/layout/admin-sidebar.tsx
+/**
+* AdminSidebar Component
+*
+* Automatically generated sidebar from admin config
+* Fully customizable via config overrides
+*/
+function AdminSidebar({ config, activeRoute, LinkComponent, className, brandClassName, navClassName, renderBrand, renderNavItem }) {
+	const brand = config.app?.brand;
+	const collections = config.collections || {};
+	const groupedCollections = React$1.useMemo(() => {
+		const groups = { "": {} };
+		Object.entries(collections).forEach(([name, collectionConfig]) => {
+			const group = collectionConfig.group || "";
+			if (!groups[group]) groups[group] = {};
+			groups[group][name] = collectionConfig;
+		});
+		return groups;
+	}, [collections]);
+	return /* @__PURE__ */ jsxs("aside", {
+		className: cn("w-64 border-r bg-neutral-50 dark:bg-neutral-900", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("p-4", brandClassName),
+			children: renderBrand ? renderBrand(config) : /* @__PURE__ */ jsxs(Fragment, { children: [brand?.logo && /* @__PURE__ */ jsx(brand.logo, {}), /* @__PURE__ */ jsx("h1", {
+				className: "text-xl font-bold",
+				children: brand?.name || "Admin"
+			})] })
+		}), /* @__PURE__ */ jsx("nav", {
+			className: cn("space-y-1 p-2", navClassName),
+			children: Object.entries(groupedCollections).map(([groupName, groupCollections]) => /* @__PURE__ */ jsxs("div", { children: [groupName && /* @__PURE__ */ jsx("div", {
+				className: "px-3 py-2 text-xs font-semibold uppercase text-neutral-500",
+				children: groupName
+			}), Object.entries(groupCollections).map(([collectionName, collectionConfig]) => {
+				const isActive = activeRoute === `/admin/${collectionName}`;
+				if (renderNavItem) return /* @__PURE__ */ jsx(React$1.Fragment, { children: renderNavItem({
+					collectionName,
+					config: collectionConfig,
+					isActive
+				}) }, collectionName);
+				return /* @__PURE__ */ jsxs(LinkComponent, {
+					to: `/admin/${collectionName}`,
+					className: "block rounded px-3 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-800",
+					activeProps: { className: "bg-neutral-100 dark:bg-neutral-800 font-medium" },
+					children: [
+						collectionConfig.icon && typeof collectionConfig.icon === "string" && /* @__PURE__ */ jsx("span", {
+							className: "mr-2",
+							children: collectionConfig.icon
+						}),
+						collectionConfig.icon && typeof collectionConfig.icon !== "string" && /* @__PURE__ */ jsx(collectionConfig.icon, {}),
+						collectionConfig.label || collectionName
+					]
+				}, collectionName);
+			})] }, groupName))
+		})]
+	});
+}
+
+//#endregion
+export { AdminSidebar };

package/dist/views/layout/index.mjs

@@ -0,0 +1,5 @@
+import { AdminLayout } from "./admin-layout";
+import { AdminRouter } from "./admin-router";
+import { AdminSidebar } from "./admin-sidebar";
+
+export { AdminLayout, AdminRouter, AdminSidebar };