@tulip-systems/core 0.8.2 → 0.9.0

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 };

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

@@ -0,0 +1,53 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { BugIcon, ServerCrashIcon, ShieldBanIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layouts/error-page.tsx
+/**
+* ErrorPage
+*/
+function ErrorPage({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex h-full min-h-120 w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center", className),
+		children
+	});
+}
+/**
+* ErrorPageCode
+*/
+function ErrorPageCode({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("h2", {
+		className: cn("font-bold text-9xl leading-none", className),
+		...props,
+		children
+	});
+}
+/**
+* ErrorPageIcon
+*/
+const errorPageIcons = {
+	serverError: ServerCrashIcon,
+	notAllowed: ShieldBanIcon,
+	default: BugIcon
+};
+function ErrorPageIcon({ variant = "default", className, ...props }) {
+	const Icon = errorPageIcons[variant];
+	return /* @__PURE__ */ jsx(Icon, {
+		className: cn("size-16 xl:size-24", className),
+		...props
+	});
+}
+/**
+* ErrorPageDescription
+*/
+function ErrorPageDescription({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("font-bold text-2xl lg:text-3xl", className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { ErrorPage, ErrorPageCode, ErrorPageDescription, ErrorPageIcon };

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

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/layouts/error-sections.d.ts
+/**
+ * DefaultErrorSection
+ */
+declare function DefaultErrorSection({
+  className,
+  ...props
+}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+/**
+ * ServerErrorSection
+ */
+declare function ServerErrorSection({
+  className,
+  ...props
+}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+/**
+ * NotFoundSection
+ */
+declare function NotFoundSection(props: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+/**
+ * Not Allowed Section
+ */
+declare function NotAllowedSection(props: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DefaultErrorSection, NotAllowedSection, NotFoundSection, ServerErrorSection };

package/dist/src/components/layouts/error-sections.mjs

@@ -0,0 +1,46 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { ErrorPage, ErrorPageCode, ErrorPageDescription, ErrorPageIcon } from "./error-page.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/layouts/error-sections.tsx
+/**
+* DefaultErrorSection
+*/
+function DefaultErrorSection({ className, ...props }) {
+	return /* @__PURE__ */ jsxs(ErrorPage, {
+		...props,
+		className: cn("text-destructive", className),
+		children: [/* @__PURE__ */ jsx(ErrorPageIcon, { variant: "default" }), /* @__PURE__ */ jsx(ErrorPageDescription, { children: "Oeps, er is iets fout gegaan" })]
+	});
+}
+/**
+* ServerErrorSection
+*/
+function ServerErrorSection({ className, ...props }) {
+	return /* @__PURE__ */ jsxs(ErrorPage, {
+		...props,
+		className: cn("text-destructive", className),
+		children: [/* @__PURE__ */ jsx(ErrorPageIcon, { variant: "serverError" }), /* @__PURE__ */ jsx(ErrorPageDescription, { children: "Oeps, er is iets fout gegaan met de server" })]
+	});
+}
+/**
+* NotFoundSection
+*/
+function NotFoundSection(props) {
+	return /* @__PURE__ */ jsxs(ErrorPage, {
+		...props,
+		children: [/* @__PURE__ */ jsx(ErrorPageCode, { children: "404" }), /* @__PURE__ */ jsx(ErrorPageDescription, { children: "Oeps, deze pagina is niet gevonden." })]
+	});
+}
+/**
+* Not Allowed Section
+*/
+function NotAllowedSection(props) {
+	return /* @__PURE__ */ jsxs(ErrorPage, {
+		...props,
+		children: [/* @__PURE__ */ jsx(ErrorPageIcon, { variant: "notAllowed" }), /* @__PURE__ */ jsx(ErrorPageDescription, { children: "Je hebt geen toegang tot deze pagina." })]
+	});
+}
+
+//#endregion
+export { DefaultErrorSection, NotAllowedSection, NotFoundSection, ServerErrorSection };

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

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

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

@@ -0,0 +1,14 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layouts/list-layout.tsx
+function ListLayout({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("h-full max-w-full space-y-5", className),
+		children
+	});
+}
+
+//#endregion
+export { ListLayout };

package/dist/src/components/layouts/providers.client.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/components/layouts/providers.client.d.ts
+declare function Providers({
+  children
+}: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Providers };

package/dist/src/components/layouts/providers.client.mjs

@@ -0,0 +1,31 @@
+"use client";
+
+import { IndicatorContextProvider } from "../../lib/hooks/use-indicator.mjs";
+import { TooltipProvider } from "../ui/tooltip.client.mjs";
+import { Toaster } from "../ui/sonner.client.mjs";
+import { getQueryClient } from "../../modules/router/lib/query-client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { ThemeProvider } from "next-themes";
+import { NuqsAdapter } from "nuqs/adapters/next/app";
+
+//#region src/components/layouts/providers.client.tsx
+function Providers({ children }) {
+	return /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: getQueryClient(),
+		children: /* @__PURE__ */ jsx(NuqsAdapter, { children: /* @__PURE__ */ jsx(IndicatorContextProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(ThemeProvider, {
+			attribute: "class",
+			defaultTheme: "system",
+			enableSystem: true,
+			children: [
+				children,
+				/* @__PURE__ */ jsx(Toaster, {}),
+				/* @__PURE__ */ jsx(ReactQueryDevtools, {})
+			]
+		}) }) }) })
+	});
+}
+
+//#endregion
+export { Providers };

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/layouts/root-error-pages.d.ts
+/**
+ * Admin Not Found Page
+ */
+declare function RootNotFoundPage(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RootNotFoundPage };

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

@@ -0,0 +1,16 @@
+import { NotFoundSection } from "./error-sections.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layouts/root-error-pages.tsx
+/**
+* Admin Not Found Page
+*/
+function RootNotFoundPage() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative z-0 grid h-dvh w-full place-items-center",
+		children: /* @__PURE__ */ jsx(NotFoundSection, { className: "h-full" })
+	});
+}
+
+//#endregion
+export { RootNotFoundPage };

package/dist/src/components/layouts/root-layout.server.d.mts

@@ -0,0 +1,36 @@
+import { TulipConfig } from "../../modules/config/lib/config.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+import "server-cli-only";
+
+//#region src/components/layouts/root-layout.server.d.ts
+/**
+ * Root layout metadata
+ */
+declare const generateRootLayoutMetadata: (config: TulipConfig) => {
+  metadata: {
+    title: string;
+    description: string;
+    appleWebApp: {
+      capable: true;
+      statusBarStyle: "black-translucent";
+      title: string;
+    };
+  };
+  viewport: {
+    width: string;
+    initialScale: number;
+    themeColor: {
+      color: string;
+      media: string;
+    }[];
+  };
+};
+/**
+ * Root layout
+ */
+declare function RootLayout({
+  children
+}: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RootLayout, generateRootLayoutMetadata };