@tulip-systems/core 0.4.0 → 0.4.1

package/dist/components/layouts/not-found-page.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found-page.d.mts","names":[],"sources":["../../../src/components/layouts/not-found-page.tsx"],"sourcesContent":[],"mappings":";;;iBAEgB,iBAAA,CAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA;iBAQjB,YAAA,CAAA,GAAY,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/layouts/not-found-page.mjs

@@ -0,0 +1,20 @@
+import { NotFoundSection } from "./not-found-section.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layouts/not-found-page.tsx
+function AdminNotFoundPage() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative z-0 grid h-[100dvh] w-full place-items-center",
+		children: /* @__PURE__ */ jsx(NotFoundSection, { href: "/admin" })
+	});
+}
+function NotFoundPage() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative z-0 grid h-[100dvh] w-full place-items-center",
+		children: /* @__PURE__ */ jsx(NotFoundSection, {})
+	});
+}
+
+//#endregion
+export { AdminNotFoundPage, NotFoundPage };
+//# sourceMappingURL=not-found-page.mjs.map

package/dist/components/layouts/not-found-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found-page.mjs","names":[],"sources":["../../../src/components/layouts/not-found-page.tsx"],"sourcesContent":["import { NotFoundSection } from \"./not-found-section\";\n\nexport function AdminNotFoundPage() {\n  return (\n    <div className=\"relative z-0 grid h-[100dvh] w-full place-items-center\">\n      <NotFoundSection href=\"/admin\" />\n    </div>\n  );\n}\n\nexport function NotFoundPage() {\n  return (\n    <div className=\"relative z-0 grid h-[100dvh] w-full place-items-center\">\n      <NotFoundSection />\n    </div>\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,oBAAoB;AAClC,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,mBAAgB,MAAK,WAAW;GAC7B;;AAIV,SAAgB,eAAe;AAC7B,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,oBAAkB;GACf"}

package/dist/components/layouts/not-found-section.mjs

@@ -0,0 +1,30 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { buttonVariants } from "../ui/button.mjs";
+import { HomeIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+
+//#region src/components/layouts/not-found-section.tsx
+function NotFoundSection({ href }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center gap-12 text-center",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "text-foreground space-y-2",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "text-9xl font-bold leading-none",
+				children: "404"
+			}), /* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-bold lg:text-3xl",
+				children: "Oeps, deze pagina is niet gevonden."
+			})]
+		}), href && /* @__PURE__ */ jsxs(Link, {
+			href,
+			className: cn(buttonVariants({ variant: "secondary" }), "text-foreground"),
+			children: [/* @__PURE__ */ jsx(HomeIcon, { className: "mr-2 size-4" }), "Terug naar home"]
+		})]
+	});
+}
+
+//#endregion
+export { NotFoundSection };
+//# sourceMappingURL=not-found-section.mjs.map

package/dist/components/layouts/not-found-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found-section.mjs","names":[],"sources":["../../../src/components/layouts/not-found-section.tsx"],"sourcesContent":["import { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { HomeIcon } from \"lucide-react\";\nimport type { Route } from \"next\";\nimport Link from \"next/link\";\n\nexport function NotFoundSection({ href }: { href?: Route }) {\n  return (\n    <div className=\"flex flex-col items-center gap-12 text-center\">\n      <span className=\"text-foreground space-y-2\">\n        <h2 className=\"text-9xl font-bold leading-none\">404</h2>\n        <h1 className=\"text-2xl font-bold lg:text-3xl\">Oeps, deze pagina is niet gevonden.</h1>\n      </span>\n\n      {href && (\n        <Link\n          href={href}\n          className={cn(buttonVariants({ variant: \"secondary\" }), \"text-foreground\")}\n        >\n          <HomeIcon className=\"mr-2 size-4\" />\n          Terug naar home\n        </Link>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,gBAAgB,EAAE,QAA0B;AAC1D,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAK,WAAU;cACd,oBAAC;IAAG,WAAU;cAAkC;KAAQ,EACxD,oBAAC;IAAG,WAAU;cAAiC;KAAwC;IAClF,EAEN,QACC,qBAAC;GACO;GACN,WAAW,GAAG,eAAe,EAAE,SAAS,aAAa,CAAC,EAAE,kBAAkB;cAE1E,oBAAC,YAAS,WAAU,gBAAgB;IAE/B;GAEL"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"providers.client.d.mts","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"sourcesContent":[],"mappings":";;;;iBAWgB,SAAA;;GAAwB,oBAAiB,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,31 @@
+"use client";
+
+import { IndicatorContextProvider } from "../../lib/hooks/use-indicator.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 { ThemeProvider } from "next-themes";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+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__ */ jsxs(ThemeProvider, {
+			attribute: "class",
+			defaultTheme: "system",
+			enableSystem: true,
+			children: [
+				children,
+				/* @__PURE__ */ jsx(Toaster, {}),
+				/* @__PURE__ */ jsx(ReactQueryDevtools, {})
+			]
+		}) }) })
+	});
+}
+
+//#endregion
+export { Providers };
+//# sourceMappingURL=providers.client.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"providers.client.mjs","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toaster } from \"@/components/ui/sonner.client\";\nimport { IndicatorContextProvider } from \"@/lib/hooks/use-indicator\";\nimport { getQueryClient } from \"@/modules/router/lib/query-client\";\nimport { QueryClientProvider } from \"@tanstack/react-query\";\nimport { ReactQueryDevtools } from \"@tanstack/react-query-devtools\";\nimport { ThemeProvider } from \"next-themes\";\nimport { NuqsAdapter } from \"nuqs/adapters/next/app\";\nimport { PropsWithChildren } from \"react\";\n\nexport function Providers({ children }: PropsWithChildren) {\n  const queryClient = getQueryClient();\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <NuqsAdapter>\n        <IndicatorContextProvider>\n          <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n            {children}\n\n            <Toaster />\n            <ReactQueryDevtools />\n          </ThemeProvider>\n        </IndicatorContextProvider>\n      </NuqsAdapter>\n    </QueryClientProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,UAAU,EAAE,YAA+B;AAGzD,QACE,oBAAC;EAAoB,QAHH,gBAAgB;YAIhC,oBAAC,yBACC,oBAAC,sCACC,qBAAC;GAAc,WAAU;GAAQ,cAAa;GAAS;;IACpD;IAED,oBAAC,YAAU;IACX,oBAAC,uBAAqB;;IACR,GACS,GACf;GACM"}

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

@@ -0,0 +1,37 @@
+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 };
+//# sourceMappingURL=root-layout.server.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root-layout.server.d.mts","names":[],"sources":["../../../src/components/layouts/root-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAWa,cAAA,0BAAsC,EAAA,CAAA,MAAW,EAAX,WAAW,EAAA,GAAA;EA6B9C,QAAA,EAAA;IAAa,KAAA,EAAA,MAAA;IAAY,WAAA,EAAA,MAAA;IAAiB,WAAA,EAAA;MAAA,OAAA,EAAA,IAAA;;;;;;;;;;;;;;;;;iBAA1C,UAAA;;GAAyB,oBAAiB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/layouts/root-layout.server.mjs

@@ -0,0 +1,47 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { registerFonts } from "../../lib/utils/fonts.mjs";
+import { jsx } from "react/jsx-runtime";
+import "server-cli-only";
+
+//#region src/components/layouts/root-layout.server.tsx
+/**
+* Root layout metadata
+*/
+const generateRootLayoutMetadata = (config) => ({
+	metadata: {
+		title: config.general.name,
+		description: "Developed by NewCode",
+		appleWebApp: {
+			capable: true,
+			statusBarStyle: "black-translucent",
+			title: config.general.name
+		}
+	},
+	viewport: {
+		width: "device-width",
+		initialScale: 1,
+		themeColor: [{
+			color: "#ffffff",
+			media: "(prefers-color-scheme: light)"
+		}, {
+			color: "#030303",
+			media: "(prefers-color-scheme: dark)"
+		}]
+	}
+});
+/**
+* Root layout
+*/
+function RootLayout({ children }) {
+	return /* @__PURE__ */ jsx("html", {
+		lang: "nl",
+		children: /* @__PURE__ */ jsx("body", {
+			className: cn("bg-background font-sans antialiased", registerFonts()),
+			children
+		})
+	});
+}
+
+//#endregion
+export { RootLayout, generateRootLayoutMetadata };
+//# sourceMappingURL=root-layout.server.mjs.map

package/dist/components/layouts/root-layout.server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-layout.server.mjs","names":[],"sources":["../../../src/components/layouts/root-layout.server.tsx"],"sourcesContent":["import \"server-cli-only\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { registerFonts } from \"@/lib/utils/fonts\";\nimport { TulipConfig } from \"@/modules/config/lib/config\";\nimport type { Metadata, Viewport } from \"next\";\nimport { PropsWithChildren } from \"react\";\n\n/**\n * Root layout metadata\n */\nexport const generateRootLayoutMetadata = (config: TulipConfig) => ({\n  metadata: {\n    title: config.general.name,\n    description: \"Developed by NewCode\",\n    appleWebApp: {\n      capable: true,\n      statusBarStyle: \"black-translucent\",\n      title: config.general.name,\n    },\n  } satisfies Metadata,\n  viewport: {\n    width: \"device-width\",\n    initialScale: 1,\n    themeColor: [\n      {\n        color: \"#ffffff\",\n        media: \"(prefers-color-scheme: light)\",\n      },\n      {\n        color: \"#030303\",\n        media: \"(prefers-color-scheme: dark)\",\n      },\n    ],\n  } satisfies Viewport,\n});\n\n/**\n * Root layout\n */\nexport function RootLayout({ children }: PropsWithChildren) {\n  return (\n    <html lang=\"nl\">\n      <body className={cn(\"bg-background font-sans antialiased\", registerFonts())}>{children}</body>\n    </html>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,MAAa,8BAA8B,YAAyB;CAClE,UAAU;EACR,OAAO,OAAO,QAAQ;EACtB,aAAa;EACb,aAAa;GACX,SAAS;GACT,gBAAgB;GAChB,OAAO,OAAO,QAAQ;GACvB;EACF;CACD,UAAU;EACR,OAAO;EACP,cAAc;EACd,YAAY,CACV;GACE,OAAO;GACP,OAAO;GACR,EACD;GACE,OAAO;GACP,OAAO;GACR,CACF;EACF;CACF;;;;AAKD,SAAgB,WAAW,EAAE,YAA+B;AAC1D,QACE,oBAAC;EAAK,MAAK;YACT,oBAAC;GAAK,WAAW,GAAG,uCAAuC,eAAe,CAAC;GAAG;IAAgB;GACzF"}

package/dist/components/layouts/root-loading.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime253 from "react/jsx-runtime";
+
+//#region src/components/layouts/root-loading.d.ts
+declare function RootLoading(): react_jsx_runtime253.JSX.Element;
+//#endregion
+export { RootLoading };
+//# sourceMappingURL=root-loading.d.mts.map

package/dist/components/layouts/root-loading.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-loading.d.mts","names":[],"sources":["../../../src/components/layouts/root-loading.tsx"],"sourcesContent":[],"mappings":";;;iBAEgB,WAAA,CAAA,GAAW,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/layouts/root-loading.mjs

@@ -0,0 +1,14 @@
+import { Spinner } from "../ui/spinner.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/layouts/root-loading.tsx
+function RootLoading() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid h-dvh w-full place-items-center",
+		children: /* @__PURE__ */ jsx(Spinner, {})
+	});
+}
+
+//#endregion
+export { RootLoading };
+//# sourceMappingURL=root-loading.mjs.map

package/dist/components/layouts/root-loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-loading.mjs","names":[],"sources":["../../../src/components/layouts/root-loading.tsx"],"sourcesContent":["import { Spinner } from \"../ui/spinner\";\n\nexport function RootLoading() {\n  return (\n    <div className=\"grid h-dvh w-full place-items-center\">\n      <Spinner />\n    </div>\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,cAAc;AAC5B,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,YAAU;GACP"}

package/dist/components/layouts/tab-layout.d.mts

@@ -0,0 +1,23 @@
+import { Permission } from "../../modules/auth/lib/permissions.mjs";
+import * as react_jsx_runtime254 from "react/jsx-runtime";
+import { Route } from "next";
+
+//#region src/components/layouts/tab-layout.d.ts
+type Tab = {
+  name: string;
+  href: Route;
+  segment: string;
+  icon?: React.ReactNode;
+  permission?: Permission;
+};
+type TabLayoutProps = {
+  tabs: Tab[];
+  children: React.ReactNode;
+};
+declare function TabLayout({
+  tabs,
+  children
+}: TabLayoutProps): react_jsx_runtime254.JSX.Element;
+//#endregion
+export { Tab, TabLayout, TabLayoutProps };
+//# sourceMappingURL=tab-layout.d.mts.map

package/dist/components/layouts/tab-layout.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-layout.d.mts","names":[],"sources":["../../../src/components/layouts/tab-layout.tsx"],"sourcesContent":[],"mappings":";;;;;KAUY,GAAA;;QAEJ;EAFI,OAAG,EAAA,MAAA;EAEP,IAAA,CAAA,EAEC,KAAA,CAAM,SAFP;EAEC,UAAM,CAAA,EACA,UADA;CACA;AAAU,KAGb,cAAA,GAHa;EAGb,IAAA,EACJ,GADI,EAAA;EAKI,QAAA,EAHJ,KAAA,CAAM,SAGO;CAAG;AAAM,iBAAlB,SAAA,CAAkB;EAAA,IAAA;EAAA;AAAA,CAAA,EAAY,cAAZ,CAAA,EAA0B,oBAAA,CAAA,GAAA,CAAA,OAA1B"}

package/dist/components/layouts/tab-layout.mjs

@@ -0,0 +1,51 @@
+"use client";
+
+import { ListLayout } from "./list-layout.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
+import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter, useSelectedLayoutSegment } from "next/navigation";
+
+//#region src/components/layouts/tab-layout.tsx
+function TabLayout({ tabs, children }) {
+	const segment = useSelectedLayoutSegment();
+	const router = useRouter();
+	const [selectedTab, setSelectedTab] = useState(tabs.find((tab) => tab.segment === segment) ?? tabs[0]);
+	return /* @__PURE__ */ jsxs(Tabs, {
+		value: selectedTab?.segment,
+		onValueChange: (value) => {
+			const newSelectedTab = tabs.find((tab) => tab.segment === value);
+			if (!newSelectedTab) return;
+			setSelectedTab(newSelectedTab);
+			router.replace(newSelectedTab.href);
+		},
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "mb-10 max-w-full overflow-x-auto",
+			children: /* @__PURE__ */ jsx(TabsList, { children: tabs.map((tab) => {
+				const children$1 = /* @__PURE__ */ jsxs(TabsTrigger, {
+					value: tab.segment,
+					children: [tab.icon && /* @__PURE__ */ jsx("span", {
+						className: "mr-2",
+						children: tab.icon
+					}), /* @__PURE__ */ jsx("span", {
+						className: "capitalize",
+						children: tab.name
+					})]
+				}, tab.segment);
+				if (!tab.permission) return children$1;
+				return /* @__PURE__ */ jsx(Allowed, {
+					permission: tab.permission,
+					children: children$1
+				}, tab.segment);
+			}) })
+		}), /* @__PURE__ */ jsx(TabsContent, {
+			value: selectedTab?.segment ?? "",
+			children: /* @__PURE__ */ jsx(ListLayout, { children })
+		})]
+	});
+}
+
+//#endregion
+export { TabLayout };
+//# sourceMappingURL=tab-layout.mjs.map

package/dist/components/layouts/tab-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-layout.mjs","names":["children"],"sources":["../../../src/components/layouts/tab-layout.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { Permission } from \"@/modules/auth/lib/permissions\";\nimport type { Route } from \"next\";\nimport { useRouter, useSelectedLayoutSegment } from \"next/navigation\";\nimport { useState } from \"react\";\nimport { ListLayout } from \"./list-layout\";\n\nexport type Tab = {\n  name: string;\n  href: Route;\n  segment: string;\n  icon?: React.ReactNode;\n  permission?: Permission;\n};\n\nexport type TabLayoutProps = {\n  tabs: Tab[];\n  children: React.ReactNode;\n};\n\nexport function TabLayout({ tabs, children }: TabLayoutProps) {\n  const segment = useSelectedLayoutSegment();\n  const router = useRouter();\n\n  const initialTab = tabs.find((tab) => tab.segment === segment);\n\n  const [selectedTab, setSelectedTab] = useState(initialTab ?? tabs[0]);\n\n  return (\n    <Tabs\n      value={selectedTab?.segment}\n      onValueChange={(value) => {\n        const newSelectedTab = tabs.find((tab) => tab.segment === value);\n        if (!newSelectedTab) return;\n        setSelectedTab(newSelectedTab);\n        router.replace(newSelectedTab.href);\n      }}\n    >\n      <div className=\"mb-10 max-w-full overflow-x-auto\">\n        <TabsList>\n          {tabs.map((tab) => {\n            const children = (\n              <TabsTrigger key={tab.segment} value={tab.segment}>\n                {tab.icon && <span className=\"mr-2\">{tab.icon}</span>}\n                <span className=\"capitalize\">{tab.name}</span>\n              </TabsTrigger>\n            );\n\n            if (!tab.permission) return children;\n\n            return (\n              <Allowed key={tab.segment} permission={tab.permission}>\n                {children}\n              </Allowed>\n            );\n          })}\n        </TabsList>\n      </div>\n\n      <TabsContent value={selectedTab?.segment ?? \"\"}>\n        <ListLayout>{children}</ListLayout>\n      </TabsContent>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAgB,UAAU,EAAE,MAAM,YAA4B;CAC5D,MAAM,UAAU,0BAA0B;CAC1C,MAAM,SAAS,WAAW;CAI1B,MAAM,CAAC,aAAa,kBAAkB,SAFnB,KAAK,MAAM,QAAQ,IAAI,YAAY,QAAQ,IAED,KAAK,GAAG;AAErE,QACE,qBAAC;EACC,OAAO,aAAa;EACpB,gBAAgB,UAAU;GACxB,MAAM,iBAAiB,KAAK,MAAM,QAAQ,IAAI,YAAY,MAAM;AAChE,OAAI,CAAC,eAAgB;AACrB,kBAAe,eAAe;AAC9B,UAAO,QAAQ,eAAe,KAAK;;aAGrC,oBAAC;GAAI,WAAU;aACb,oBAAC,sBACE,KAAK,KAAK,QAAQ;IACjB,MAAMA,aACJ,qBAAC;KAA8B,OAAO,IAAI;gBACvC,IAAI,QAAQ,oBAAC;MAAK,WAAU;gBAAQ,IAAI;OAAY,EACrD,oBAAC;MAAK,WAAU;gBAAc,IAAI;OAAY;OAF9B,IAAI,QAGR;AAGhB,QAAI,CAAC,IAAI,WAAY,QAAOA;AAE5B,WACE,oBAAC;KAA0B,YAAY,IAAI;eACxCA;OADW,IAAI,QAER;KAEZ,GACO;IACP,EAEN,oBAAC;GAAY,OAAO,aAAa,WAAW;aAC1C,oBAAC,cAAY,WAAsB;IACvB;GACT"}

package/dist/components/lists/data-list.d.mts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime255 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/lists/data-list.d.ts
+type DataListProps = React.HTMLAttributes<HTMLOListElement>;
+declare function DataList({
+  children,
+  className,
+  ...props
+}: DataListProps): react_jsx_runtime255.JSX.Element;
+type DataListItemProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListItem({
+  children,
+  className,
+  ...props
+}: DataListItemProps): react_jsx_runtime255.JSX.Element;
+type DataListTitleProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListTitle({
+  children,
+  className,
+  ...props
+}: DataListTitleProps): react_jsx_runtime255.JSX.Element;
+type DataListValueProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListValue({
+  children,
+  className,
+  ...props
+}: DataListValueProps): react_jsx_runtime255.JSX.Element;
+//#endregion
+export { DataList, DataListItem, DataListItemProps, DataListProps, DataListTitle, DataListTitleProps, DataListValue, DataListValueProps };
+//# sourceMappingURL=data-list.d.mts.map

package/dist/components/lists/data-list.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.d.mts","names":[],"sources":["../../../src/components/lists/data-list.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,aAAA,GAAgB,KAAA,CAAM,eAAe;iBAEjC,QAAA;;;;GAA4C,gBAAa,oBAAA,CAAA,GAAA,CAAA;KAQ7D,iBAAA,GAAoB,KAAA,CAAM,eAAe;AAVzC,iBAYI,YAAA,CAZiC;EAAA,QAAA;EAAA,SAAf;EAAA,GAAA;AAAc,CAAd,EAY8B,iBAZhB,CAAA,EAYiC,oBAAA,CAAA,GAAA,CAAA,OAZjC;AAEhC,KAwBJ,kBAAA,GAAqB,KAAA,CAAM,cAxBf,CAwB8B,WAxB9B,CAAA;AAAG,iBA0BX,aAAA,CA1BW;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0BsC,kBA1BtC,CAAA,EA0BwD,oBAAA,CAAA,GAAA,CAAA,OA1BxD;AAAU,KAkCzB,kBAAA,GAAqB,KAAA,CAAM,cAlCF,CAkCiB,WAlCjB,CAAA;AAAuB,iBAoC5C,aAAA,CApC4C;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoCK,kBApCL,CAAA,EAoCuB,oBAAA,CAAA,GAAA,CAAA,OApCvB"}

package/dist/components/lists/data-list.mjs

@@ -0,0 +1,36 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/lists/data-list.tsx
+function DataList({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dl", {
+		...props,
+		className: cn("divide-y", className),
+		children
+	});
+}
+function DataListItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("items-center py-3 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4", className),
+		children
+	});
+}
+function DataListTitle({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dt", {
+		...props,
+		className: cn("text-sm font-semibold leading-6", className),
+		children
+	});
+}
+function DataListValue({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dd", {
+		...props,
+		className: cn("mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0", className),
+		children
+	});
+}
+
+//#endregion
+export { DataList, DataListItem, DataListTitle, DataListValue };
+//# sourceMappingURL=data-list.mjs.map

package/dist/components/lists/data-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.mjs","names":[],"sources":["../../../src/components/lists/data-list.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport type React from \"react\";\n\nexport type DataListProps = React.HTMLAttributes<HTMLOListElement>;\n\nexport function DataList({ children, className, ...props }: DataListProps) {\n  return (\n    <dl {...props} className={cn(\"divide-y\", className)}>\n      {children}\n    </dl>\n  );\n}\n\nexport type DataListItemProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListItem({ children, className, ...props }: DataListItemProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"items-center py-3 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type DataListTitleProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListTitle({ children, className, ...props }: DataListTitleProps) {\n  return (\n    <dt {...props} className={cn(\"text-sm font-semibold leading-6\", className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport type DataListValueProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListValue({ children, className, ...props }: DataListValueProps) {\n  return (\n    <dd {...props} className={cn(\"mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0\", className)}>\n      {children}\n    </dd>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,SAAwB;AACzE,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,YAAY,UAAU;EAChD;GACE;;AAMT,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,0EACA,UACD;EAEA;GACG;;AAMV,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,mCAAmC,UAAU;EACvE;GACE;;AAMT,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,gDAAgD,UAAU;EACpF;GACE"}

package/dist/components/lists/data-stack.d.mts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime259 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/lists/data-stack.d.ts
+type DataStackGridProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackGrid({
+  children,
+  className,
+  ...props
+}: DataStackGridProps): react_jsx_runtime259.JSX.Element;
+type DataStackLayoutProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackLayout({
+  children,
+  className,
+  ...props
+}: DataStackLayoutProps): react_jsx_runtime259.JSX.Element;
+type DataStackRowProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackRow({
+  children,
+  className,
+  ...props
+}: DataStackRowProps): react_jsx_runtime259.JSX.Element;
+type DataStackColumnProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackColumn({
+  children,
+  className,
+  ...props
+}: DataStackRowProps): react_jsx_runtime259.JSX.Element;
+type DataStackProps = React.HTMLAttributes<HTMLOListElement>;
+declare function DataStack({
+  children,
+  className,
+  ...props
+}: DataStackProps): react_jsx_runtime259.JSX.Element;
+type DataStackTitleProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackTitle({
+  children,
+  className,
+  ...props
+}: DataStackTitleProps): react_jsx_runtime259.JSX.Element;
+type DataStackValueProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackValue({
+  children,
+  className,
+  ...props
+}: DataStackValueProps): react_jsx_runtime259.JSX.Element;
+//#endregion
+export { DataStack, DataStackColumn, DataStackColumnProps, DataStackGrid, DataStackGridProps, DataStackLayout, DataStackLayoutProps, DataStackProps, DataStackRow, DataStackRowProps, DataStackTitle, DataStackTitleProps, DataStackValue, DataStackValueProps };
+//# sourceMappingURL=data-stack.d.mts.map

package/dist/components/lists/data-stack.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-stack.d.mts","names":[],"sources":["../../../src/components/lists/data-stack.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,kBAAA,GAAqB,KAAA,CAAM,eAAe;iBAEtC,aAAA;;;;GAAiD,qBAAkB,oBAAA,CAAA,GAAA,CAAA;KAQvE,oBAAA,GAAuB,KAAA,CAAM,eAAe;AAV5C,iBAYI,eAAA,CAZsC;EAAA,QAAA;EAArB,SAAM;EAAA,GAAA;AAAc,CAAA,EAYc,oBAZd,CAAA,EAYkC,oBAAA,CAAA,GAAA,CAAA,OAZlC;AAErC,KAkBJ,iBAAA,GAAoB,KAAA,CAAM,cAlBT,CAkBwB,WAlBxB,CAAA;AAAG,iBAoBhB,YAAA,CApBgB;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoBgC,iBApBhC,CAAA,EAoBiD,oBAAA,CAAA,GAAA,CAAA,OApBjD;AAAU,KA2B9B,oBAAA,GAAuB,KAAA,CAAM,cA3BC,CA2Bc,WA3Bd,CAAA;AAAuB,iBA6BjD,eAAA,CA7BiD;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6BE,iBA7BF,CAAA,EA6BmB,oBAAA,CAAA,GAAA,CAAA,OA7BnB;AAAkB,KAqCvE,cAAA,GAAiB,KAAA,CAAM,cArCgD,CAqCjC,gBArCiC,CAAA;AAAA,iBAuCnE,SAAA,CAvCmE;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuCtB,cAvCsB,CAAA,EAuCR,oBAAA,CAAA,GAAA,CAAA,OAvCQ;AAQvE,KAuCA,mBAAA,GAAsB,KAAA,CAAM,cAvCL,CAuCoB,WAvCd,CAAA;AAEzB,iBAuCA,cAAA,CAvCe;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuCmC,mBAvCnC,CAAA,EAuCsD,oBAAA,CAAA,GAAA,CAAA,OAvCtD;AAAG,KA+CtB,mBAAA,GAAsB,KAAA,CAAM,cA/CN,CA+CqB,WA/CrB,CAAA;AAAU,iBAiD5B,cAAA,CAjD4B;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDsB,mBAjDtB,CAAA,EAiDyC,oBAAA,CAAA,GAAA,CAAA,OAjDzC"}

package/dist/components/lists/data-stack.mjs

@@ -0,0 +1,57 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/lists/data-stack.tsx
+function DataStackGrid({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("grid gap-10 md:grid-cols-2 xl:grid-cols-3", className),
+		children
+	});
+}
+function DataStackLayout({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex flex-col gap-y-8", className),
+		children
+	});
+}
+function DataStackRow({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex flex-col gap-8 md:flex-row", className),
+		children
+	});
+}
+function DataStackColumn({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex flex-col gap-8", className),
+		children
+	});
+}
+function DataStack({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dl", {
+		...props,
+		className: cn("w-full space-y-3", className),
+		children
+	});
+}
+function DataStackTitle({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dt", {
+		...props,
+		className: cn("text-sm font-medium leading-none", className),
+		children
+	});
+}
+function DataStackValue({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("dd", {
+		...props,
+		className: cn("mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0", className),
+		children
+	});
+}
+
+//#endregion
+export { DataStack, DataStackColumn, DataStackGrid, DataStackLayout, DataStackRow, DataStackTitle, DataStackValue };
+//# sourceMappingURL=data-stack.mjs.map

package/dist/components/lists/data-stack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-stack.mjs","names":[],"sources":["../../../src/components/lists/data-stack.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport type React from \"react\";\n\nexport type DataStackGridProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackGrid({ children, className, ...props }: DataStackGridProps) {\n  return (\n    <div {...props} className={cn(\"grid gap-10 md:grid-cols-2 xl:grid-cols-3\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport type DataStackLayoutProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackLayout({ children, className, ...props }: DataStackLayoutProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-col gap-y-8\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport type DataStackRowProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackRow({ children, className, ...props }: DataStackRowProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-col gap-8 md:flex-row\", className)}>\n      {children}\n    </div>\n  );\n}\nexport type DataStackColumnProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackColumn({ children, className, ...props }: DataStackRowProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-col gap-8\", className)}>\n      {children}\n    </div>\n  );\n}\n\nexport type DataStackProps = React.HTMLAttributes<HTMLOListElement>;\n\nexport function DataStack({ children, className, ...props }: DataStackProps) {\n  return (\n    <dl {...props} className={cn(\"w-full space-y-3\", className)}>\n      {children}\n    </dl>\n  );\n}\n\nexport type DataStackTitleProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackTitle({ children, className, ...props }: DataStackTitleProps) {\n  return (\n    <dt {...props} className={cn(\"text-sm font-medium leading-none\", className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport type DataStackValueProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataStackValue({ children, className, ...props }: DataStackValueProps) {\n  return (\n    <dd {...props} className={cn(\"mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0\", className)}>\n      {children}\n    </dd>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,6CAA6C,UAAU;EAClF;GACG;;AAMV,SAAgB,gBAAgB,EAAE,UAAU,WAAW,GAAG,SAA+B;AACvF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,yBAAyB,UAAU;EAC9D;GACG;;AAMV,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mCAAmC,UAAU;EACxE;GACG;;AAKV,SAAgB,gBAAgB,EAAE,UAAU,WAAW,GAAG,SAA4B;AACpF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,uBAAuB,UAAU;EAC5D;GACG;;AAMV,SAAgB,UAAU,EAAE,UAAU,WAAW,GAAG,SAAyB;AAC3E,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,oBAAoB,UAAU;EACxD;GACE;;AAMT,SAAgB,eAAe,EAAE,UAAU,WAAW,GAAG,SAA8B;AACrF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,oCAAoC,UAAU;EACxE;GACE;;AAMT,SAAgB,eAAe,EAAE,UAAU,WAAW,GAAG,SAA8B;AACrF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,gDAAgD,UAAU;EACpF;GACE"}

package/dist/components/navigation/admin-sidebar-header.client.mjs

@@ -0,0 +1,92 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Button } from "../ui/button.mjs";
+import { authClient } from "../../modules/auth/handler/client.client.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../ui/dropdown-menu.mjs";
+import { useSession } from "../../modules/auth/hooks/use-session.mjs";
+import { SidebarHeader, useSidebar } from "../ui/sidebar.client.mjs";
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.client.mjs";
+import { ChevronsUpDownIcon, LaptopIcon, LogOutIcon, MoonIcon, SettingsIcon, SunIcon, SunMoonIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useTheme } from "next-themes";
+
+//#region src/components/navigation/admin-sidebar-header.client.tsx
+function AdminSidebarHeader() {
+	const router = useRouter();
+	const { theme, setTheme } = useTheme();
+	const [open, setOpen] = React.useState(false);
+	const { setOpenMobile } = useSidebar();
+	const sessionQuery = useSession();
+	return /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsxs(DropdownMenu, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				className: "items-center justify-between py-3.5",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ jsxs(Avatar, {
+						className: "h-6 w-6 text-sm",
+						children: [/* @__PURE__ */ jsx(AvatarImage, {
+							src: sessionQuery.data?.user.image ?? void 0,
+							alt: sessionQuery.data?.user.name
+						}), /* @__PURE__ */ jsx(AvatarFallback, { children: sessionQuery.data?.user.name?.[0] ?? "" })]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-md text-muted-foreground font-bold",
+						children: sessionQuery.data?.user.name
+					})]
+				}), /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "text-muted-foreground h-4 w-4" })]
+			})
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			className: "w-44",
+			children: [
+				/* @__PURE__ */ jsx(DropdownMenuItem, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs(Link, {
+						href: "/admin/settings",
+						onClick: () => setOpenMobile(false),
+						children: [/* @__PURE__ */ jsx(SettingsIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Instellingen" })]
+					})
+				}),
+				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+				/* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(SunMoonIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Thema" })] }), /* @__PURE__ */ jsxs(DropdownMenuSubContent, { children: [
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: cn(theme === "light" && "bg-secondary font-bold"),
+						onClick: () => setTheme("light"),
+						children: [/* @__PURE__ */ jsx(SunIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Light" })]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: cn(theme === "dark" && "bg-secondary font-bold"),
+						onClick: () => setTheme("dark"),
+						children: [/* @__PURE__ */ jsx(MoonIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Dark" })]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						className: cn(theme === "system" && "bg-secondary font-bold"),
+						onClick: () => setTheme("system"),
+						children: [/* @__PURE__ */ jsx(LaptopIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "System" })]
+					})
+				] })] }),
+				/* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onClick: () => {
+						setOpenMobile(false);
+						setOpen(false);
+						authClient.signOut({ fetchOptions: { onSuccess: () => {
+							router.replace("/auth/login");
+						} } });
+					},
+					children: [/* @__PURE__ */ jsx(LogOutIcon, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Log out" })]
+				})
+			]
+		})]
+	}) });
+}
+
+//#endregion
+export { AdminSidebarHeader };
+//# sourceMappingURL=admin-sidebar-header.client.mjs.map