@tulip-systems/core 0.8.3 → 0.9.0

package/dist/src/components/header/back-button.client.mjs

@@ -0,0 +1,42 @@
+"use client";
+
+import { Icons } from "../common/icons.mjs";
+import { cn } from "../../lib/utils/cn.mjs";
+import { Button } from "../ui/button.mjs";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../ui/context-menu.client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+
+//#region src/components/header/back-button.client.tsx
+function HeaderTopbarBackButton({ className, ...props }) {
+	const router = useRouter();
+	return /* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			...props,
+			variant: "ghost",
+			onClick: () => router.back(),
+			className: cn("h-full w-content rounded-none border-r border-r-border p-0 text-muted-foreground hover:text-foreground", className),
+			children: /* @__PURE__ */ jsx(Icons.chevronLeft, { className: "opacity-50" })
+		})
+	}), /* @__PURE__ */ jsxs(ContextMenuContent, { children: [
+		/* @__PURE__ */ jsxs(ContextMenuItem, {
+			className: "flex gap-3",
+			onClick: () => router.back(),
+			children: [/* @__PURE__ */ jsx(Icons.moveLeft, { className: "w-4" }), "Terug"]
+		}),
+		/* @__PURE__ */ jsxs(ContextMenuItem, {
+			className: "flex gap-3",
+			onClick: () => router.forward(),
+			children: [/* @__PURE__ */ jsx(Icons.moveRight, { className: "w-4" }), "Vooruit"]
+		}),
+		/* @__PURE__ */ jsxs(ContextMenuItem, {
+			className: "flex gap-3",
+			onClick: () => router.refresh(),
+			children: [/* @__PURE__ */ jsx(Icons.refresh, { className: "w-3.5" }), "Verversen"]
+		})
+	] })] });
+}
+
+//#endregion
+export { HeaderTopbarBackButton };

package/dist/src/components/header/bottom-bar.client.d.mts

@@ -0,0 +1,28 @@
+import { Path } from "../../modules/config/paths/types.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/header/bottom-bar.client.d.ts
+/**
+ * Bottombar component
+ */
+type BottomBarProps = {
+  children: React.ReactNode;
+};
+declare function BottomBar({
+  children
+}: BottomBarProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Bottombar link component
+ */
+type BottomBarLink = Omit<Path, "icon" | "badge">;
+type BottomBarLinksProps = React.HTMLAttributes<HTMLElement> & {
+  paths: BottomBarLink[];
+};
+declare function BottomBarLinks({
+  paths,
+  className,
+  ...props
+}: BottomBarLinksProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BottomBar, BottomBarLink, BottomBarLinks, BottomBarLinksProps, BottomBarProps };

package/dist/src/components/header/bottom-bar.client.mjs

@@ -0,0 +1,37 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useSelectedLayoutSegment } from "next/navigation";
+import Link from "next/link";
+
+//#region src/components/header/bottom-bar.client.tsx
+function BottomBar({ children }) {
+	return /* @__PURE__ */ jsx("nav", {
+		className: "flex h-[var(--header-bottom-bar-height)] items-center justify-between overflow-x-auto border-b",
+		children
+	});
+}
+function BottomBarLinks({ paths, className, ...props }) {
+	const currentSegment = useSelectedLayoutSegment();
+	return /* @__PURE__ */ jsx("ul", {
+		...props,
+		className: cn("flex flex-row items-center gap-6 px-content font-medium text-sm", className),
+		children: paths.map(({ href, name, segment, permission }) => {
+			const children = /* @__PURE__ */ jsx(Link, {
+				href,
+				className: cn("w-fit text-nowrap break-keep text-muted-foreground transition-colors hover:text-foreground", currentSegment === segment && "text-primary"),
+				children: name
+			}, href);
+			if (permission) return /* @__PURE__ */ jsx(Allowed, {
+				permission,
+				children
+			}, href);
+			return children;
+		})
+	});
+}
+
+//#endregion
+export { BottomBar, BottomBarLinks };

package/dist/src/components/header/breadcrumbs.client.d.mts

@@ -0,0 +1,34 @@
+import { BreadcrumbSeparator } from "../ui/breadcrumb.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/components/header/breadcrumbs.client.d.ts
+type HeaderBreadcrumb = {
+  label: string;
+  href?: string;
+};
+type HeaderBreadcrumbProps = {
+  breadcrumbs: HeaderBreadcrumb[];
+};
+declare function HeaderBreadcrumbs(props: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+declare const HeaderBreadcrumbSeparator: typeof BreadcrumbSeparator;
+/**
+ * Dropdown menu
+ */
+declare function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+declare function HeaderBreadcrumbsDropdownMenuItem(props: {
+  breadcrumb: HeaderBreadcrumb;
+}): react_jsx_runtime0.JSX.Element;
+/**
+ * Links
+ */
+declare function HeaderBreadcrumbsLink(props: {
+  breadcrumb: HeaderBreadcrumb;
+}): react_jsx_runtime0.JSX.Element;
+/**
+ * Lists
+ */
+declare function HeaderBreadcrumbsMobileList(props: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+declare function HeaderBreadcrumbsDesktopList(props: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { HeaderBreadcrumb, HeaderBreadcrumbProps, HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList };

package/dist/src/components/header/breadcrumbs.client.mjs

@@ -0,0 +1,63 @@
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu.client.mjs";
+import { ScrollArea } from "../ui/scroll-area.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+
+//#region src/components/header/breadcrumbs.client.tsx
+function HeaderBreadcrumbs(props) {
+	return /* @__PURE__ */ jsx(Breadcrumb, { children: props.children });
+}
+const HeaderBreadcrumbSeparator = BreadcrumbSeparator;
+/**
+* Dropdown menu
+*/
+function HeaderBreadcrumbsDropdownMenu(props) {
+	return /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		className: "flex items-center gap-1",
+		children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, {})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "start",
+		children: props.children
+	})] }) });
+}
+function HeaderBreadcrumbsDropdownMenuItem(props) {
+	return /* @__PURE__ */ jsx(DropdownMenuItem, { children: props.breadcrumb.href ? /* @__PURE__ */ jsx(Link, {
+		href: props.breadcrumb.href,
+		children: props.breadcrumb.label
+	}) : /* @__PURE__ */ jsx("span", { children: props.breadcrumb.label }) });
+}
+/**
+* Links
+*/
+function HeaderBreadcrumbsLink(props) {
+	return /* @__PURE__ */ jsx(BreadcrumbItem, { children: props.breadcrumb.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Link, {
+			href: props.breadcrumb.href,
+			className: "truncate",
+			children: props.breadcrumb.label
+		})
+	}) : /* @__PURE__ */ jsx(BreadcrumbPage, {
+		className: "truncate",
+		children: props.breadcrumb.label
+	}) });
+}
+/**
+* Lists
+*/
+function HeaderBreadcrumbsMobileList(props) {
+	return /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "flex-nowrap lg:hidden",
+		children: props.children
+	}) });
+}
+function HeaderBreadcrumbsDesktopList(props) {
+	return /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "hidden flex-nowrap lg:flex",
+		children: props.children
+	}) });
+}
+
+//#endregion
+export { HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList };

package/dist/src/components/header/header.client.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/header/header.client.d.ts
+declare function Header({
+  children,
+  className,
+  ...props
+}: ComponentProps<"header">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Header };

package/dist/src/components/header/header.client.mjs

@@ -0,0 +1,14 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/header/header.client.tsx
+function Header({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("header", {
+		className: cn("sticky top-0 z-30 bg-sidebar backdrop-blur-3xl", className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { Header };

package/dist/src/components/header/indicator.client.mjs

@@ -0,0 +1,24 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { useIndicator } from "../../lib/hooks/use-indicator.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/header/indicator.client.tsx
+const inlineEditIndicatorVariants = cva("absolute top-2 left-3 z-50 size-2 rounded-full bg-primary", {
+	variants: { status: {
+		idle: "bg-transparent",
+		pending: "bg-primary",
+		success: "bg-green-500",
+		error: "bg-destructive"
+	} },
+	defaultVariants: { status: "idle" }
+});
+function Indicator() {
+	const { status } = useIndicator();
+	return /* @__PURE__ */ jsx("div", { className: cn(inlineEditIndicatorVariants({ status })) });
+}
+
+//#endregion
+export { Indicator };

package/dist/src/components/header/mobile-nav-switcher.client.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/header/mobile-nav-switcher.client.d.ts
+declare function HeaderTopbarMobileNavSwitcher({
+  className,
+  ...props
+}: React.HtmlHTMLAttributes<HTMLButtonElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { HeaderTopbarMobileNavSwitcher };

package/dist/src/components/header/mobile-nav-switcher.client.mjs

@@ -0,0 +1,18 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { SidebarTrigger, useSidebar } from "../ui/sidebar.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/header/mobile-nav-switcher.client.tsx
+function HeaderTopbarMobileNavSwitcher({ className, ...props }) {
+	const { isMobile } = useSidebar();
+	return /* @__PURE__ */ jsx(SidebarTrigger, {
+		...props,
+		"data-is-mobile": !!isMobile,
+		className: cn("h-full w-12 rounded-none border-r p-0 data-[is-mobile=false]:hidden", className)
+	});
+}
+
+//#endregion
+export { HeaderTopbarMobileNavSwitcher };

package/dist/src/components/header/top-bar.client.d.mts

@@ -0,0 +1,42 @@
+import { HeaderBreadcrumb } from "./breadcrumbs.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/header/top-bar.client.d.ts
+/**
+ * Topbar component
+ */
+type TopbarProps = {
+  children: React.ReactNode;
+};
+declare function Topbar({
+  children
+}: TopbarProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Topbar title component
+ */
+type TopbarTitleProps = React.HTMLAttributes<HTMLElement> & {
+  isDeleted?: boolean;
+  badge?: React.ReactNode;
+  breadcrumbs: HeaderBreadcrumb[];
+};
+declare function TopbarTitle({
+  breadcrumbs,
+  badge,
+  isDeleted,
+  className,
+  ...props
+}: TopbarTitleProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Topbar tools component
+ */
+type TopbarToolsProps = React.HTMLAttributes<HTMLElement> & {
+  children: React.ReactNode;
+};
+declare function TopbarTools({
+  children,
+  className,
+  ...props
+}: TopbarToolsProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Topbar, TopbarProps, TopbarTitle, TopbarTitleProps, TopbarTools, TopbarToolsProps };

package/dist/src/components/header/top-bar.client.mjs

@@ -0,0 +1,47 @@
+import { Icons } from "../common/icons.mjs";
+import { cn } from "../../lib/utils/cn.mjs";
+import { Badge } from "../ui/badge.mjs";
+import { HeaderTopbarBackButton } from "./back-button.client.mjs";
+import { HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList } from "./breadcrumbs.client.mjs";
+import { Indicator } from "./indicator.client.mjs";
+import { HeaderTopbarMobileNavSwitcher } from "./mobile-nav-switcher.client.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
+
+//#region src/components/header/top-bar.client.tsx
+function Topbar({ children }) {
+	return /* @__PURE__ */ jsxs("nav", {
+		className: "flex h-(--header-top-bar-height) items-center justify-between overflow-x-auto border-b",
+		children: [/* @__PURE__ */ jsx(Indicator, {}), children]
+	});
+}
+function TopbarTitle({ breadcrumbs, badge, isDeleted, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		className: cn("flex h-full items-center gap-4", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "h-full min-w-fit",
+				children: [/* @__PURE__ */ jsx(HeaderTopbarBackButton, {}), /* @__PURE__ */ jsx(HeaderTopbarMobileNavSwitcher, {})]
+			}),
+			/* @__PURE__ */ jsxs(HeaderBreadcrumbs, { children: [/* @__PURE__ */ jsxs(HeaderBreadcrumbsMobileList, { children: [breadcrumbs.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HeaderBreadcrumbsDropdownMenu, { children: breadcrumbs.slice(0, -1).map((breadcrumb, index) => /* @__PURE__ */ jsx(HeaderBreadcrumbsDropdownMenuItem, { breadcrumb }, index)) }), /* @__PURE__ */ jsx(HeaderBreadcrumbSeparator, {})] }), breadcrumbs.slice(-1).map((breadcrumb, index, array) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(HeaderBreadcrumbsLink, { breadcrumb }), index < array.length - 1 && /* @__PURE__ */ jsx(HeaderBreadcrumbSeparator, {})] }, index))] }), /* @__PURE__ */ jsxs(HeaderBreadcrumbsDesktopList, { children: [breadcrumbs.length > 2 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HeaderBreadcrumbsDropdownMenu, { children: breadcrumbs.slice(0, -2).map((breadcrumb, index) => /* @__PURE__ */ jsx(HeaderBreadcrumbsDropdownMenuItem, { breadcrumb }, index)) }), /* @__PURE__ */ jsx(HeaderBreadcrumbSeparator, {})] }), breadcrumbs.slice(-2).map((breadcrumb, index, array) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(HeaderBreadcrumbsLink, { breadcrumb }), index < array.length - 1 && /* @__PURE__ */ jsx(HeaderBreadcrumbSeparator, {})] }, index))] })] }),
+			/* @__PURE__ */ jsx("span", {
+				className: "hidden md:ml-4 md:block",
+				children: isDeleted ? /* @__PURE__ */ jsxs(Badge, {
+					variant: "destructive",
+					children: [/* @__PURE__ */ jsx(Icons.archive, { className: "mr-2 h-3 w-3" }), "Archief"]
+				}) : badge
+			})
+		]
+	});
+}
+function TopbarTools({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex h-full items-center justify-end gap-4 px-6 py-2", className),
+		children
+	});
+}
+
+//#endregion
+export { Topbar, TopbarTitle, TopbarTools };

package/dist/src/components/layouts/admin-content.client.d.mts

@@ -0,0 +1,12 @@
+import { ScrollArea } from "../ui/scroll-area.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/layouts/admin-content.client.d.ts
+declare function AdminContent({
+  children,
+  className,
+  ...props
+}: ComponentProps<typeof ScrollArea>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdminContent };

package/dist/src/components/layouts/admin-content.client.mjs

@@ -0,0 +1,22 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { ScrollArea } from "../ui/scroll-area.mjs";
+import { useSidebar } from "../ui/sidebar.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layouts/admin-content.client.tsx
+function AdminContent({ children, className, ...props }) {
+	const { isMobile, open } = useSidebar();
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		...props,
+		className: cn("h-dvh basis-full", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("h-full max-w-[100vw]", isMobile !== void 0 && !isMobile && open && "max-w-[calc(100vw-var(--sidebar-width))]"),
+			children
+		})
+	});
+}
+
+//#endregion
+export { AdminContent };

package/dist/src/components/layouts/admin-error-pages.d.mts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/layouts/admin-error-pages.d.ts
+/**
+ * Admin Not Found Page
+ */
+declare function AdminNotFoundPage(): react_jsx_runtime0.JSX.Element;
+/**
+ * Admin Not Allowed Page
+ */
+declare function AdminNotAllowedPage(): react_jsx_runtime0.JSX.Element;
+/**
+ * ErrorPage
+ * - If the error is a ServerError and the code is "UNAUTHORIZED", show the NotAllowedPage
+ * - If the error is a ServerError and the code is "NOT_FOUND", show the NotFoundSection
+ * - Else show the ErrorPage
+ */
+declare function AdminErrorPage(props: {
+  error: Error;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdminErrorPage, AdminNotAllowedPage, AdminNotFoundPage };

package/dist/src/components/layouts/admin-error-pages.mjs

@@ -0,0 +1,59 @@
+import { ServerError } from "../../modules/router/lib/error.server.mjs";
+import { Header } from "../header/header.client.mjs";
+import { Topbar, TopbarTitle } from "../header/top-bar.client.mjs";
+import { DefaultErrorSection, NotAllowedSection, NotFoundSection, ServerErrorSection } from "./error-sections.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/layouts/admin-error-pages.tsx
+/**
+* Admin Not Found Page
+*/
+function AdminNotFoundPage() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(Topbar, { children: /* @__PURE__ */ jsx(TopbarTitle, { breadcrumbs: [{ label: "404" }] }) }) }), /* @__PURE__ */ jsx("div", {
+		className: "p-content",
+		children: /* @__PURE__ */ jsx(NotFoundSection, { className: "min-h-[calc(100dvh-var(--header-top-bar-height)-var(--content)-var(--content))]" })
+	})] });
+}
+/**
+* Admin Not Allowed Page
+*/
+function AdminNotAllowedPage() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(Topbar, { children: /* @__PURE__ */ jsx(TopbarTitle, { breadcrumbs: [{ label: "Unauthorized" }] }) }) }), /* @__PURE__ */ jsx("div", {
+		className: "p-content",
+		children: /* @__PURE__ */ jsx(NotAllowedSection, { className: "min-h-[calc(100dvh-var(--header-top-bar-height)-var(--content)-var(--content))]" })
+	})] });
+}
+/**
+* ErrorPage
+* - If the error is a ServerError and the code is "UNAUTHORIZED", show the NotAllowedPage
+* - If the error is a ServerError and the code is "NOT_FOUND", show the NotFoundSection
+* - Else show the ErrorPage
+*/
+function AdminErrorPage(props) {
+	const serverErrorCode = props.error instanceof ServerError ? props.error.code : void 0;
+	/**
+	* If the error is a ServerError and the code is "UNAUTHORIZED", show the NotAllowedPage
+	*/
+	if (serverErrorCode === "UNAUTHORIZED") return /* @__PURE__ */ jsx(AdminNotAllowedPage, {});
+	/**
+	* If the error is a ServerError and the code is "UNAUTHORIZED", show the NotAllowedPage
+	*/
+	if (serverErrorCode === "NOT_FOUND") return /* @__PURE__ */ jsx(AdminNotFoundPage, {});
+	/**
+	* If the error is a ServerError and the code is "UNAUTHORIZED", show the NotAllowedPage
+	*/
+	if (serverErrorCode === "INTERNAL_SERVER_ERROR") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(Topbar, { children: /* @__PURE__ */ jsx(TopbarTitle, { breadcrumbs: [{ label: "Server Error" }] }) }) }), /* @__PURE__ */ jsx("div", {
+		className: "p-content",
+		children: /* @__PURE__ */ jsx(ServerErrorSection, { className: "min-h-[calc(100dvh-var(--header-top-bar-height)-var(--content)-var(--content))]" })
+	})] });
+	/**
+	* Else show the ErrorPage
+	*/
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(Topbar, { children: /* @__PURE__ */ jsx(TopbarTitle, { breadcrumbs: [{ label: "Error" }] }) }) }), /* @__PURE__ */ jsx("div", {
+		className: "p-content",
+		children: /* @__PURE__ */ jsx(DefaultErrorSection, { className: "min-h-[calc(100dvh-var(--header-top-bar-height)-var(--content)-var(--content))]" })
+	})] });
+}
+
+//#endregion
+export { AdminErrorPage, AdminNotAllowedPage, AdminNotFoundPage };

package/dist/src/components/layouts/admin-layout.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/components/layouts/admin-layout.d.ts
+declare function AdminLayout(props: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdminLayout };

package/dist/src/components/layouts/admin-layout.mjs

@@ -0,0 +1,13 @@
+import { SidebarProvider } from "../ui/sidebar.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layouts/admin-layout.tsx
+function AdminLayout(props) {
+	return /* @__PURE__ */ jsx(SidebarProvider, {
+		className: "max-h-dvh overflow-hidden border",
+		children: props.children
+	});
+}
+
+//#endregion
+export { AdminLayout };

package/dist/src/components/layouts/admin-loading.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/components/layouts/admin-loading.d.ts
+declare function AdminLoadingLayout(props: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AdminLoadingLayout };

package/dist/src/components/layouts/admin-loading.mjs

@@ -0,0 +1,13 @@
+import { Skeleton } from "../ui/skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/layouts/admin-loading.tsx
+function AdminLoadingLayout(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "h-dvh",
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-[var(--header-top-bar-height)] w-full rounded-none border-b" }), props.children]
+	});
+}
+
+//#endregion
+export { AdminLoadingLayout };

package/dist/src/components/layouts/empty-page.d.mts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, HTMLAttributes } from "react";
+import { Route } from "next";
+
+//#region src/components/layouts/empty-page.d.ts
+type EmptyPageProps = HTMLAttributes<HTMLDivElement> & {
+  title: string;
+  description?: string;
+  callToAction?: {
+    href: Route;
+    title: string;
+  };
+};
+declare function EmptyPage({
+  className,
+  children,
+  ...props
+}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function EmptyPageTitle({
+  className,
+  children,
+  ...props
+}: ComponentProps<"h2">): react_jsx_runtime0.JSX.Element;
+declare function EmptyPageDescription({
+  className,
+  children,
+  ...props
+}: ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EmptyPage, EmptyPageDescription, EmptyPageProps, EmptyPageTitle };

package/dist/src/components/layouts/empty-page.mjs

@@ -0,0 +1,28 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layouts/empty-page.tsx
+function EmptyPage({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-full min-h-[30rem] w-full flex-col items-center justify-center gap-y-2 border border-dashed text-center", className),
+		...props,
+		children
+	});
+}
+function EmptyPageTitle({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("h2", {
+		className: cn("font-bold text-lg tracking-tight", className),
+		...props,
+		children
+	});
+}
+function EmptyPageDescription({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("max-w-[40ch] text-muted-foreground text-sm", className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { EmptyPage, EmptyPageDescription, EmptyPageTitle };

package/dist/src/components/layouts/error-page.d.mts

@@ -0,0 +1,47 @@
+import * as lucide_react0 from "lucide-react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+import { ComponentProps } from "react";
+
+//#region src/components/layouts/error-page.d.ts
+/**
+ * ErrorPage
+ */
+declare function ErrorPage({
+  className,
+  children,
+  ...props
+}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+/**
+ * ErrorPageCode
+ */
+declare function ErrorPageCode({
+  className,
+  children,
+  ...props
+}: ComponentProps<"h2">): react_jsx_runtime0.JSX.Element;
+/**
+ * ErrorPageIcon
+ */
+declare const errorPageIcons: {
+  serverError: react.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  notAllowed: react.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  default: react.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+};
+declare function ErrorPageIcon({
+  variant,
+  className,
+  ...props
+}: ComponentProps<"svg"> & {
+  variant?: keyof typeof errorPageIcons;
+}): react_jsx_runtime0.JSX.Element;
+/**
+ * ErrorPageDescription
+ */
+declare function ErrorPageDescription({
+  className,
+  children,
+  ...props
+}: ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ErrorPage, ErrorPageCode, ErrorPageDescription, ErrorPageIcon };