@tulip-systems/core 0.2.0

package/dist/components/header/breadcrumbs.client.js

@@ -0,0 +1,64 @@
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu.js";
+import { ScrollArea } from "../ui/scroll-area.js";
+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 };
+//# sourceMappingURL=breadcrumbs.client.js.map

package/dist/components/header/breadcrumbs.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.client.js","names":[],"sources":["../../../src/components/header/breadcrumbs.client.tsx"],"sourcesContent":["import {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\nimport Link from \"next/link\";\nimport { PropsWithChildren } from \"react\";\n\nexport type HeaderBreadcrumb = {\n  label: string;\n  href?: string;\n};\n\nexport type HeaderBreadcrumbProps = {\n  breadcrumbs: HeaderBreadcrumb[];\n};\n\nexport function HeaderBreadcrumbs(props: PropsWithChildren) {\n  return <Breadcrumb>{props.children}</Breadcrumb>;\n}\n\nexport const HeaderBreadcrumbSeparator = BreadcrumbSeparator;\n\n/**\n * Dropdown menu\n */\nexport function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren) {\n  return (\n    <BreadcrumbItem>\n      <DropdownMenu>\n        <DropdownMenuTrigger className=\"flex items-center gap-1\">\n          <BreadcrumbEllipsis />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">{props.children}</DropdownMenuContent>\n      </DropdownMenu>\n    </BreadcrumbItem>\n  );\n}\n\nexport function HeaderBreadcrumbsDropdownMenuItem(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <DropdownMenuItem>\n      {props.breadcrumb.href ? (\n        <Link href={props.breadcrumb.href}>{props.breadcrumb.label}</Link>\n      ) : (\n        <span>{props.breadcrumb.label}</span>\n      )}\n    </DropdownMenuItem>\n  );\n}\n\n/**\n * Links\n */\nexport function HeaderBreadcrumbsLink(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <BreadcrumbItem>\n      {props.breadcrumb.href ? (\n        <BreadcrumbLink asChild>\n          <Link href={props.breadcrumb.href} className=\"truncate\">\n            {props.breadcrumb.label}\n          </Link>\n        </BreadcrumbLink>\n      ) : (\n        <BreadcrumbPage className=\"truncate\">{props.breadcrumb.label}</BreadcrumbPage>\n      )}\n    </BreadcrumbItem>\n  );\n}\n\n/**\n * Lists\n */\nexport function HeaderBreadcrumbsMobileList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"flex-nowrap lg:hidden\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n\nexport function HeaderBreadcrumbsDesktopList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"hidden flex-nowrap lg:flex\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,kBAAkB,OAA0B;AAC1D,QAAO,oBAAC,wBAAY,MAAM,WAAsB;;AAGlD,MAAa,4BAA4B;;;;AAKzC,SAAgB,8BAA8B,OAA0B;AACtE,QACE,oBAAC,4BACC,qBAAC,2BACC,oBAAC;EAAoB,WAAU;YAC7B,oBAAC,uBAAqB;GACF,EACtB,oBAAC;EAAoB,OAAM;YAAS,MAAM;GAA+B,IAC5D,GACA;;AAIrB,SAAgB,kCAAkC,OAAyC;AACzF,QACE,oBAAC,8BACE,MAAM,WAAW,OAChB,oBAAC;EAAK,MAAM,MAAM,WAAW;YAAO,MAAM,WAAW;GAAa,GAElE,oBAAC,oBAAM,MAAM,WAAW,QAAa,GAEtB;;;;;AAOvB,SAAgB,sBAAsB,OAAyC;AAC7E,QACE,oBAAC,4BACE,MAAM,WAAW,OAChB,oBAAC;EAAe;YACd,oBAAC;GAAK,MAAM,MAAM,WAAW;GAAM,WAAU;aAC1C,MAAM,WAAW;IACb;GACQ,GAEjB,oBAAC;EAAe,WAAU;YAAY,MAAM,WAAW;GAAuB,GAEjE;;;;;AAOrB,SAAgB,4BAA4B,OAA0B;AACpE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAAyB,MAAM;GAA0B,GACxE;;AAIjB,SAAgB,6BAA6B,OAA0B;AACrE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAA8B,MAAM;GAA0B,GAC7E"}

package/dist/components/header/header.client.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime43 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_runtime43.JSX.Element;
+//#endregion
+export { Header };
+//# sourceMappingURL=header.client.d.ts.map

package/dist/components/header/header.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.client.d.ts","names":[],"sources":["../../../src/components/header/header.client.tsx"],"sourcesContent":[],"mappings":";;;;iBAGgB,MAAA;;;;GAA0C,2BAAwB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/header/header.client.js

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

package/dist/components/header/header.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.client.js","names":[],"sources":["../../../src/components/header/header.client.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\n\nexport function Header({ children, className, ...props }: ComponentProps<\"header\">) {\n  return (\n    <header className={cn(\"bg-sidebar sticky top-0 z-30 backdrop-blur-3xl\", className)} {...props}>\n      {children}\n    </header>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,OAAO,EAAE,UAAU,UAAW,GAAG,SAAmC;AAClF,QACE,oBAAC;EAAO,WAAW,GAAG,kDAAkD,UAAU;EAAE,GAAI;EACrF;GACM"}

package/dist/components/header/indicator.client.js

@@ -0,0 +1,26 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { useIndicator } from "../../lib/hooks/use-indicator.js";
+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 };
+//# sourceMappingURL=indicator.client.js.map

package/dist/components/header/indicator.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.client.js","names":[],"sources":["../../../src/components/header/indicator.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { IndicatorStatus, useIndicator } from \"@/lib/hooks/use-indicator\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { cva } from \"class-variance-authority\";\n\nconst inlineEditIndicatorVariants = cva(\n  \"absolute top-2 left-3 z-50 size-2 rounded-full bg-primary\",\n  {\n    variants: {\n      status: {\n        idle: \"bg-transparent\",\n        pending: \"bg-primary\",\n        success: \"bg-green-500\",\n        error: \"bg-destructive\",\n      } satisfies Record<IndicatorStatus, string>,\n    },\n    defaultVariants: {\n      status: \"idle\",\n    },\n  },\n);\n\nexport function Indicator() {\n  const { status } = useIndicator();\n\n  return <div className={cn(inlineEditIndicatorVariants({ status }))} />;\n}\n"],"mappings":";;;;;;;;;AAMA,MAAM,8BAA8B,IAClC,6DACA;CACE,UAAU,EACR,QAAQ;EACN,MAAM;EACN,SAAS;EACT,SAAS;EACT,OAAO;EACR,EACF;CACD,iBAAiB,EACf,QAAQ,QACT;CACF,CACF;AAED,SAAgB,YAAY;CAC1B,MAAM,EAAE,WAAW,cAAc;AAEjC,QAAO,oBAAC,SAAI,WAAW,GAAG,4BAA4B,EAAE,QAAQ,CAAC,CAAC,GAAI"}

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

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

package/dist/components/header/mobile-nav-switcher.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-nav-switcher.client.d.ts","names":[],"sources":["../../../src/components/header/mobile-nav-switcher.client.tsx"],"sourcesContent":[],"mappings":";;;iBAKgB,6BAAA;;;GAGb,KAAA,CAAM,mBAAmB,qBAAkB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/header/mobile-nav-switcher.client.js

@@ -0,0 +1,20 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { SidebarTrigger, useSidebar } from "../ui/sidebar.client.js";
+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 };
+//# sourceMappingURL=mobile-nav-switcher.client.js.map

package/dist/components/header/mobile-nav-switcher.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-nav-switcher.client.js","names":[],"sources":["../../../src/components/header/mobile-nav-switcher.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/entry\";\nimport { SidebarTrigger, useSidebar } from \"../entry.client\";\n\nexport function HeaderTopbarMobileNavSwitcher({\n  className,\n  ...props\n}: React.HtmlHTMLAttributes<HTMLButtonElement>) {\n  const { isMobile } = useSidebar();\n\n  return (\n    <SidebarTrigger\n      {...props}\n      data-is-mobile={!!isMobile}\n      className={cn(\n        \"h-full w-12 rounded-none border-r p-0 data-[is-mobile=false]:hidden\",\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAKA,SAAgB,8BAA8B,EAC5C,UACA,GAAG,SAC2C;CAC9C,MAAM,EAAE,aAAa,YAAY;AAEjC,QACE,oBAAC;EACC,GAAI;EACJ,kBAAgB,CAAC,CAAC;EAClB,WAAW,GACT,uEACA,UACD;GACD"}

package/dist/components/header/top-bar.client.d.ts

@@ -0,0 +1,43 @@
+import { HeaderBreadcrumb } from "./breadcrumbs.client.js";
+import * as react_jsx_runtime45 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_runtime45.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_runtime45.JSX.Element;
+/**
+ * Topbar tools component
+ */
+type TopbarToolsProps = React.HTMLAttributes<HTMLElement> & {
+  children: React.ReactNode;
+};
+declare function TopbarTools({
+  children,
+  className,
+  ...props
+}: TopbarToolsProps): react_jsx_runtime45.JSX.Element;
+//#endregion
+export { Topbar, TopbarProps, TopbarTitle, TopbarTitleProps, TopbarTools, TopbarToolsProps };
+//# sourceMappingURL=top-bar.client.d.ts.map

package/dist/components/header/top-bar.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.client.d.ts","names":[],"sources":["../../../src/components/header/top-bar.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAsBY,KAAA,WAAA,GAAW;EAIP,QAAA,EAHJ,KAAA,CAAM,SAGI;CAAA;AAAG,iBAAT,MAAA,CAAS;EAAA;AAAA,CAAA,EAAY,WAAZ,CAAA,EAAuB,mBAAA,CAAA,GAAA,CAAA,OAAvB;;;;AAab,KAAA,gBAAA,GAAmB,KAAA,CAAM,cAAT,CAAwB,WAAxB,CAAA,GAAA;EAAA,SAAA,CAAA,EAAA,OAAA;OAAwB,CAAA,EAE1C,KAAA,CAAM,SAFoC;aAAf,EAGtB,gBAHsB,EAAA;;AAGtB,iBAGC,WAAA,CAHD;EAAA,WAAA;EAAA,KAAA;EAAA,SAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EASZ,gBATY,CAAA,EASI,mBAAA,CAAA,GAAA,CAAA,OATJ;;AAGf;;AACE,KA0EU,gBAAA,GAAmB,KAAA,CAAM,cA1EnC,CA0EkD,WA1ElD,CAAA,GAAA;UACA,EA0EU,KAAA,CAAM,SA1EhB;;AAEA,iBA2Ec,WAAA,CA3Ed;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2E6D,gBA3E7D,CAAA,EA2E6E,mBAAA,CAAA,GAAA,CAAA,OA3E7E"}

package/dist/components/header/top-bar.client.js

@@ -0,0 +1,48 @@
+import { Icons } from "../common/icons.js";
+import { cn } from "../../lib/utils/cn.js";
+import { Badge } from "../ui/badge.js";
+import { HeaderTopbarBackButton } from "./back-button.client.js";
+import { HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList } from "./breadcrumbs.client.js";
+import { HeaderTopbarMobileNavSwitcher } from "./mobile-nav-switcher.client.js";
+import { Indicator } from "./indicator.client.js";
+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-[var(--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",
+				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 };
+//# sourceMappingURL=top-bar.client.js.map

package/dist/components/header/top-bar.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.client.js","names":["Fragment"],"sources":["../../../src/components/header/top-bar.client.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport type React from \"react\";\nimport { Fragment } from \"react\";\nimport { Icons } from \"../common/icons\";\nimport { Badge } from \"../ui/badge\";\nimport { HeaderTopbarBackButton } from \"./back-button.client\";\nimport {\n  HeaderBreadcrumbs,\n  HeaderBreadcrumbsDesktopList,\n  HeaderBreadcrumbsDropdownMenu,\n  HeaderBreadcrumbsDropdownMenuItem,\n  HeaderBreadcrumbSeparator,\n  HeaderBreadcrumbsLink,\n  HeaderBreadcrumbsMobileList,\n  type HeaderBreadcrumb,\n} from \"./breadcrumbs.client\";\nimport { Indicator } from \"./indicator.client\";\nimport { HeaderTopbarMobileNavSwitcher } from \"./mobile-nav-switcher.client\";\n\n/**\n * Topbar component\n */\nexport type TopbarProps = {\n  children: React.ReactNode;\n};\n\nexport function Topbar({ children }: TopbarProps) {\n  return (\n    <nav className=\"flex h-[var(--header-top-bar-height)] items-center justify-between overflow-x-auto border-b\">\n      <Indicator />\n\n      {children}\n    </nav>\n  );\n}\n\n/**\n * Topbar title component\n */\nexport type TopbarTitleProps = React.HTMLAttributes<HTMLElement> & {\n  isDeleted?: boolean;\n  badge?: React.ReactNode;\n  breadcrumbs: HeaderBreadcrumb[];\n};\n\nexport function TopbarTitle({\n  breadcrumbs,\n  badge,\n  isDeleted,\n  className,\n  ...props\n}: TopbarTitleProps) {\n  return (\n    <div {...props} className={cn(\"flex h-full items-center gap-4\", className)}>\n      <div className=\"h-full\">\n        <HeaderTopbarBackButton />\n        <HeaderTopbarMobileNavSwitcher />\n      </div>\n\n      <HeaderBreadcrumbs>\n        <HeaderBreadcrumbsMobileList>\n          {breadcrumbs.length > 1 && (\n            <>\n              <HeaderBreadcrumbsDropdownMenu>\n                {breadcrumbs.slice(0, -1).map((breadcrumb, index) => (\n                  <HeaderBreadcrumbsDropdownMenuItem key={index} breadcrumb={breadcrumb} />\n                ))}\n              </HeaderBreadcrumbsDropdownMenu>\n\n              <HeaderBreadcrumbSeparator />\n            </>\n          )}\n\n          {breadcrumbs.slice(-1).map((breadcrumb, index, array) => (\n            <Fragment key={index}>\n              <HeaderBreadcrumbsLink breadcrumb={breadcrumb} />\n              {index < array.length - 1 && <HeaderBreadcrumbSeparator />}\n            </Fragment>\n          ))}\n        </HeaderBreadcrumbsMobileList>\n\n        <HeaderBreadcrumbsDesktopList>\n          {breadcrumbs.length > 2 && (\n            <>\n              <HeaderBreadcrumbsDropdownMenu>\n                {breadcrumbs.slice(0, -2).map((breadcrumb, index) => (\n                  <HeaderBreadcrumbsDropdownMenuItem key={index} breadcrumb={breadcrumb} />\n                ))}\n              </HeaderBreadcrumbsDropdownMenu>\n\n              <HeaderBreadcrumbSeparator />\n            </>\n          )}\n\n          {breadcrumbs.slice(-2).map((breadcrumb, index, array) => (\n            <Fragment key={index}>\n              <HeaderBreadcrumbsLink breadcrumb={breadcrumb} />\n              {index < array.length - 1 && <HeaderBreadcrumbSeparator />}\n            </Fragment>\n          ))}\n        </HeaderBreadcrumbsDesktopList>\n      </HeaderBreadcrumbs>\n\n      <span className=\"hidden md:ml-4 md:block\">\n        {isDeleted ? (\n          <Badge variant=\"destructive\">\n            <Icons.archive className=\"mr-2 h-3 w-3\" />\n            Archief\n          </Badge>\n        ) : (\n          badge\n        )}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Topbar tools component\n */\nexport type TopbarToolsProps = React.HTMLAttributes<HTMLElement> & {\n  children: React.ReactNode;\n};\n\nexport function TopbarTools({ children, className, ...props }: TopbarToolsProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\"flex h-full items-center justify-end gap-4 px-6 py-2\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA0BA,SAAgB,OAAO,EAAE,YAAyB;AAChD,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC,cAAY,EAEZ;GACG;;AAaV,SAAgB,YAAY,EAC1B,aACA,OACA,WACA,UACA,GAAG,SACgB;AACnB,QACE,qBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,kCAAkC,UAAU;;GACxE,qBAAC;IAAI,WAAU;eACb,oBAAC,2BAAyB,EAC1B,oBAAC,kCAAgC;KAC7B;GAEN,qBAAC,gCACC,qBAAC,0CACE,YAAY,SAAS,KACpB,4CACE,oBAAC,2CACE,YAAY,MAAM,GAAG,GAAG,CAAC,KAAK,YAAY,UACzC,oBAAC,qCAA0D,cAAnB,MAAiC,CACzE,GAC4B,EAEhC,oBAAC,8BAA4B,IAC5B,EAGJ,YAAY,MAAM,GAAG,CAAC,KAAK,YAAY,OAAO,UAC7C,qBAACA,yBACC,oBAAC,yBAAkC,aAAc,EAChD,QAAQ,MAAM,SAAS,KAAK,oBAAC,8BAA4B,KAF7C,MAGJ,CACX,IAC0B,EAE9B,qBAAC,2CACE,YAAY,SAAS,KACpB,4CACE,oBAAC,2CACE,YAAY,MAAM,GAAG,GAAG,CAAC,KAAK,YAAY,UACzC,oBAAC,qCAA0D,cAAnB,MAAiC,CACzE,GAC4B,EAEhC,oBAAC,8BAA4B,IAC5B,EAGJ,YAAY,MAAM,GAAG,CAAC,KAAK,YAAY,OAAO,UAC7C,qBAACA,yBACC,oBAAC,yBAAkC,aAAc,EAChD,QAAQ,MAAM,SAAS,KAAK,oBAAC,8BAA4B,KAF7C,MAGJ,CACX,IAC2B,IACb;GAEpB,oBAAC;IAAK,WAAU;cACb,YACC,qBAAC;KAAM,SAAQ;gBACb,oBAAC,MAAM,WAAQ,WAAU,iBAAiB;MAEpC,GAER;KAEG;;GACH;;AAWV,SAAgB,YAAY,EAAE,UAAU,UAAW,GAAG,SAA2B;AAC/E,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,wDAAwD,UAAU;EAE/E;GACG"}

package/dist/components/layouts/admin-content.client.js

@@ -0,0 +1,24 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { ScrollArea } from "../ui/scroll-area.js";
+import { useSidebar } from "../ui/sidebar.client.js";
+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-[100dvh] 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 };
+//# sourceMappingURL=admin-content.client.js.map

package/dist/components/layouts/admin-content.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-content.client.js","names":[],"sources":["../../../src/components/layouts/admin-content.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/entry\";\nimport { ComponentProps } from \"react\";\nimport { useSidebar } from \"../entry.client\";\nimport { ScrollArea } from \"../ui/scroll-area\";\n\nexport function AdminContent({ children, className, ...props }: ComponentProps<typeof ScrollArea>) {\n  const { isMobile, open } = useSidebar();\n\n  return (\n    <ScrollArea {...props} className={cn(\"h-[100dvh] basis-full\", className)}>\n      <div\n        className={cn(\n          \"h-full max-w-[100vw]\",\n          isMobile !== undefined && !isMobile && open && \"max-w-[calc(100vw-var(--sidebar-width))]\",\n        )}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"mappings":";;;;;;;;;AAOA,SAAgB,aAAa,EAAE,UAAU,UAAW,GAAG,SAA4C;CACjG,MAAM,EAAE,UAAU,SAAS,YAAY;AAEvC,QACE,oBAAC;EAAW,GAAI;EAAO,WAAW,GAAG,yBAAyB,UAAU;YACtE,oBAAC;GACC,WAAW,GACT,wBACA,aAAa,UAAa,CAAC,YAAY,QAAQ,2CAChD;GAEA;IACG;GACK"}

package/dist/components/layouts/admin-layout.server.d.ts

@@ -0,0 +1,14 @@
+import { TDatabaseSchema } from "../../modules/config/db/types.js";
+import { GetTulipParams } from "../../modules/config/lib/resolve.server.js";
+import * as react_jsx_runtime226 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+import "server-cli-only";
+
+//#region src/components/layouts/admin-layout.server.d.ts
+declare function AdminLayout<TSchema extends TDatabaseSchema>({
+  config,
+  children
+}: PropsWithChildren<GetTulipParams<TSchema>>): Promise<react_jsx_runtime226.JSX.Element>;
+//#endregion
+export { AdminLayout };
+//# sourceMappingURL=admin-layout.server.d.ts.map

package/dist/components/layouts/admin-layout.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-layout.server.d.ts","names":[],"sources":["../../../src/components/layouts/admin-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAWsB,4BAA4B;;;GAG/C,kBAAkB,eAAe,YAAS,QAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/layouts/admin-layout.server.js

@@ -0,0 +1,26 @@
+import { getSession } from "../../modules/auth/lib/helpers.server.js";
+import { getTulip } from "../../modules/config/lib/resolve.server.js";
+import { getPaths } from "../../modules/config/paths/get.server.js";
+import { AdminContent } from "./admin-content.client.js";
+import { AdminSidebarProvider } from "./admin-sidebar-context.client.js";
+import { AdminSidebar } from "./admin-sidebar.client.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "server-cli-only";
+
+//#region src/components/layouts/admin-layout.server.tsx
+async function AdminLayout({ config, children }) {
+	const tulip = await getTulip({ config });
+	const session = await getSession(tulip);
+	return /* @__PURE__ */ jsxs(AdminSidebarProvider, {
+		value: {
+			paths: await getPaths(tulip),
+			session
+		},
+		className: "max-h-[100dvh] overflow-hidden border",
+		children: [/* @__PURE__ */ jsx(AdminSidebar, {}), /* @__PURE__ */ jsx(AdminContent, { children })]
+	});
+}
+
+//#endregion
+export { AdminLayout };
+//# sourceMappingURL=admin-layout.server.js.map

package/dist/components/layouts/admin-layout.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-layout.server.js","names":[],"sources":["../../../src/components/layouts/admin-layout.server.tsx"],"sourcesContent":["import \"server-cli-only\";\n\nimport { getSession } from \"@/modules/auth/lib/helpers.server\";\nimport { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport { getTulip, GetTulipParams } from \"@/modules/config/lib/resolve.server\";\nimport { getPaths } from \"@/modules/config/paths/get.server\";\nimport { PropsWithChildren } from \"react\";\nimport { AdminContent } from \"./admin-content.client\";\nimport { AdminSidebarProvider } from \"./admin-sidebar-context.client\";\nimport { AdminSidebar } from \"./admin-sidebar.client\";\n\nexport async function AdminLayout<TSchema extends TDatabaseSchema>({\n  config,\n  children,\n}: PropsWithChildren<GetTulipParams<TSchema>>) {\n  const tulip = await getTulip({ config });\n  const session = await getSession(tulip);\n\n  const paths = await getPaths(tulip);\n\n  return (\n    <AdminSidebarProvider\n      value={{ paths, session }}\n      className=\"max-h-[100dvh] overflow-hidden border\"\n    >\n      <AdminSidebar />\n\n      <AdminContent>{children}</AdminContent>\n    </AdminSidebarProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,eAAsB,YAA6C,EACjE,QACA,YAC6C;CAC7C,MAAM,QAAQ,MAAM,SAAS,EAAE,QAAQ,CAAC;CACxC,MAAM,UAAU,MAAM,WAAW,MAAM;AAIvC,QACE,qBAAC;EACC,OAAO;GAAE,OAJC,MAAM,SAAS,MAAM;GAIf;GAAS;EACzB,WAAU;aAEV,oBAAC,iBAAe,EAEhB,oBAAC,gBAAc,WAAwB;GAClB"}

package/dist/components/layouts/admin-loading.d.ts

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

package/dist/components/layouts/admin-loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-loading.d.ts","names":[],"sources":["../../../src/components/layouts/admin-loading.tsx"],"sourcesContent":[],"mappings":";;;;iBAGgB,YAAA,QAAoB,oBAAiB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/layouts/admin-loading.js

@@ -0,0 +1,14 @@
+import { Skeleton } from "../ui/skeleton.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/layouts/admin-loading.tsx
+function AdminLoading(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 { AdminLoading };
+//# sourceMappingURL=admin-loading.js.map

package/dist/components/layouts/admin-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-loading.js","names":[],"sources":["../../../src/components/layouts/admin-loading.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { Skeleton } from \"../ui/skeleton\";\n\nexport function AdminLoading(props: PropsWithChildren) {\n  return (\n    <div className=\"h-dvh\">\n      <Skeleton className=\"h-[var(--header-top-bar-height)] w-full rounded-none border-b\" />\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,aAAa,OAA0B;AACrD,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC,YAAS,WAAU,kEAAkE,EACrF,MAAM;GACH"}

package/dist/components/layouts/admin-sidebar-context.client.js

@@ -0,0 +1,28 @@
+"use client";
+
+
+import { SidebarProvider } from "../ui/sidebar.client.js";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/layouts/admin-sidebar-context.client.tsx
+/**
+* AdminSidebarContext
+*/
+const AdminSidebarContext = React.createContext({});
+/**
+* AdminSidebarProvider
+*/
+function AdminSidebarProvider({ value, children,...props }) {
+	return /* @__PURE__ */ jsx(SidebarProvider, {
+		...props,
+		children: /* @__PURE__ */ jsx(AdminSidebarContext.Provider, {
+			value,
+			children
+		})
+	});
+}
+
+//#endregion
+export { AdminSidebarContext, AdminSidebarProvider };
+//# sourceMappingURL=admin-sidebar-context.client.js.map

package/dist/components/layouts/admin-sidebar-context.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar-context.client.js","names":[],"sources":["../../../src/components/layouts/admin-sidebar-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ClientSession } from \"@/modules/auth/handler/client.client\";\nimport { PathResult } from \"@/modules/config/paths/types\";\nimport React from \"react\";\nimport { SidebarProvider } from \"../entry.client\";\n\n/**\n * AdminSidebarContextValue\n */\ntype AdminSidebarContextValue = {\n  paths: PathResult;\n  session: ClientSession;\n};\n\n/**\n * AdminSidebarContext\n */\nexport const AdminSidebarContext = React.createContext({} as AdminSidebarContextValue);\n\n/**\n * AdminSidebarProvider\n */\nexport function AdminSidebarProvider({\n  value,\n  children,\n  ...props\n}: React.ComponentProps<typeof SidebarProvider> & { value: AdminSidebarContextValue }) {\n  return (\n    <SidebarProvider {...props}>\n      <AdminSidebarContext.Provider value={value}>{children}</AdminSidebarContext.Provider>\n    </SidebarProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,MAAa,sBAAsB,MAAM,cAAc,EAAE,CAA6B;;;;AAKtF,SAAgB,qBAAqB,EACnC,OACA,SACA,GAAG,SACkF;AACrF,QACE,oBAAC;EAAgB,GAAI;YACnB,oBAAC,oBAAoB;GAAgB;GAAQ;IAAwC;GACrE"}

package/dist/components/layouts/admin-sidebar-header.client.js

@@ -0,0 +1,76 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { Button } from "../ui/button.js";
+import { authClient } from "../../modules/auth/handler/client.client.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../ui/dropdown-menu.js";
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.client.js";
+import { SidebarHeader, useSidebar } from "../ui/sidebar.client.js";
+import { AdminSidebarContext } from "./admin-sidebar-context.client.js";
+import { ChevronsUpDownIcon, LaptopIcon, LogOutIcon, MoonIcon, SunIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { useRouter } from "next/navigation";
+import { useTheme } from "next-themes";
+
+//#region src/components/layouts/admin-sidebar-header.client.tsx
+function AdminSidebarHeader() {
+	const router = useRouter();
+	const { theme, setTheme } = useTheme();
+	const { setOpenMobile } = useSidebar();
+	const { session } = useContext(AdminSidebarContext);
+	return /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsxs(DropdownMenu, { 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: session.user.image ?? void 0,
+						alt: session.user.name
+					}), /* @__PURE__ */ jsx(AvatarFallback, { children: session.user.name?.[0] ?? "" })]
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-md text-muted-foreground font-bold",
+					children: session.user.name
+				})]
+			}), /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "text-muted-foreground h-4 w-4" })]
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		className: "w-44",
+		children: [
+			/* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: /* @__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__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => {
+					setOpenMobile(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.js.map

package/dist/components/layouts/admin-sidebar-header.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar-header.client.js","names":[],"sources":["../../../src/components/layouts/admin-sidebar-header.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar.client\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { authClient } from \"@/modules/auth/handler/client.client\";\nimport { ChevronsUpDownIcon, LaptopIcon, LogOutIcon, MoonIcon, SunIcon } from \"lucide-react\";\nimport { useTheme } from \"next-themes\";\nimport { useRouter } from \"next/navigation\";\nimport { useContext } from \"react\";\nimport { SidebarHeader, useSidebar } from \"../entry.client\";\nimport { AdminSidebarContext } from \"./admin-sidebar-context.client\";\n\nexport function AdminSidebarHeader() {\n  const router = useRouter();\n  const { theme, setTheme } = useTheme();\n\n  const { setOpenMobile } = useSidebar();\n  const { session } = useContext(AdminSidebarContext);\n\n  return (\n    <SidebarHeader>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" className=\"items-center justify-between py-3.5\">\n            <div className=\"flex items-center gap-4\">\n              <Avatar className=\"h-6 w-6 text-sm\">\n                <AvatarImage src={session.user.image ?? undefined} alt={session.user.name} />\n                <AvatarFallback>{session.user.name?.[0] ?? \"\"}</AvatarFallback>\n              </Avatar>\n              <span className=\"text-md text-muted-foreground font-bold\">{session.user.name}</span>\n            </div>\n\n            <ChevronsUpDownIcon className=\"text-muted-foreground h-4 w-4\" />\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent className=\"w-44\">\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <span>Thema</span>\n            </DropdownMenuSubTrigger>\n\n            <DropdownMenuSubContent>\n              <DropdownMenuItem\n                className={cn(theme === \"light\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"light\")}\n              >\n                <SunIcon className=\"mr-2 h-4 w-4\" />\n                <span>Light</span>\n              </DropdownMenuItem>\n\n              <DropdownMenuItem\n                className={cn(theme === \"dark\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"dark\")}\n              >\n                <MoonIcon className=\"mr-2 h-4 w-4\" />\n                <span>Dark</span>\n              </DropdownMenuItem>\n\n              <DropdownMenuItem\n                className={cn(theme === \"system\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"system\")}\n              >\n                <LaptopIcon className=\"mr-2 h-4 w-4\" />\n                <span>System</span>\n              </DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuSub>\n\n          <DropdownMenuSeparator />\n\n          <DropdownMenuItem\n            onClick={() => {\n              setOpenMobile(false);\n              authClient.signOut({\n                fetchOptions: { onSuccess: () => router.replace(\"/auth/login\") },\n              });\n            }}\n          >\n            <LogOutIcon className=\"mr-2 h-4 w-4\" />\n            <span>Log out</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </SidebarHeader>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,qBAAqB;CACnC,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,OAAO,aAAa,UAAU;CAEtC,MAAM,EAAE,kBAAkB,YAAY;CACtC,MAAM,EAAE,YAAY,WAAW,oBAAoB;AAEnD,QACE,oBAAC,2BACC,qBAAC,2BACC,oBAAC;EAAoB;YACnB,qBAAC;GAAO,SAAQ;GAAU,WAAU;cAClC,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAO,WAAU;gBAChB,oBAAC;MAAY,KAAK,QAAQ,KAAK,SAAS;MAAW,KAAK,QAAQ,KAAK;OAAQ,EAC7E,oBAAC,4BAAgB,QAAQ,KAAK,OAAO,MAAM,KAAoB;MACxD,EACT,oBAAC;KAAK,WAAU;eAA2C,QAAQ,KAAK;MAAY;KAChF,EAEN,oBAAC,sBAAmB,WAAU,kCAAkC;IACzD;GACW,EAEtB,qBAAC;EAAoB,WAAU;;GAC7B,qBAAC,8BACC,oBAAC,oCACC,oBAAC,oBAAK,UAAY,GACK,EAEzB,qBAAC;IACC,qBAAC;KACC,WAAW,GAAG,UAAU,WAAW,yBAAyB;KAC5D,eAAe,SAAS,QAAQ;gBAEhC,oBAAC,WAAQ,WAAU,iBAAiB,EACpC,oBAAC,oBAAK,UAAY;MACD;IAEnB,qBAAC;KACC,WAAW,GAAG,UAAU,UAAU,yBAAyB;KAC3D,eAAe,SAAS,OAAO;gBAE/B,oBAAC,YAAS,WAAU,iBAAiB,EACrC,oBAAC,oBAAK,SAAW;MACA;IAEnB,qBAAC;KACC,WAAW,GAAG,UAAU,YAAY,yBAAyB;KAC7D,eAAe,SAAS,SAAS;gBAEjC,oBAAC,cAAW,WAAU,iBAAiB,EACvC,oBAAC,oBAAK,WAAa;MACF;OACI,IACT;GAElB,oBAAC,0BAAwB;GAEzB,qBAAC;IACC,eAAe;AACb,mBAAc,MAAM;AACpB,gBAAW,QAAQ,EACjB,cAAc,EAAE,iBAAiB,OAAO,QAAQ,cAAc,EAAE,EACjE,CAAC;;eAGJ,oBAAC,cAAW,WAAU,iBAAiB,EACvC,oBAAC,oBAAK,YAAc;KACH;;GACC,IACT,GACD"}

package/dist/components/layouts/admin-sidebar.client.js

@@ -0,0 +1,51 @@
+"use client";
+
+
+import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, useSidebar } from "../ui/sidebar.client.js";
+import { AdminSidebarContext } from "./admin-sidebar-context.client.js";
+import { AdminSidebarHeader } from "./admin-sidebar-header.client.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import Link from "next/link";
+import { useSelectedLayoutSegments } from "next/navigation";
+
+//#region src/components/layouts/admin-sidebar.client.tsx
+/**
+* AdminSidebar
+*/
+function AdminSidebar({ ...props }) {
+	const currentSegments = useSelectedLayoutSegments();
+	const { paths } = React$1.useContext(AdminSidebarContext);
+	const { isMobile, toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsxs(Sidebar, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(AdminSidebarHeader, {}),
+			/* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: paths.map((group, index) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [group.name && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group.name }), /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: group.items.map((item) => {
+				const isActive = item.isActive || item.segment === currentSegments?.[0];
+				return /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(SidebarMenuButton, {
+					asChild: true,
+					isActive,
+					children: /* @__PURE__ */ jsxs(Link, {
+						href: item.href,
+						onClick: isMobile ? toggleSidebar : void 0,
+						children: [item.icon, item.name]
+					})
+				}), isActive && !!item.items?.length && /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.items.map((subItem) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(SidebarMenuSubButton, {
+					asChild: true,
+					isActive: subItem.segment === currentSegments?.[1],
+					children: /* @__PURE__ */ jsx(Link, {
+						href: subItem.href,
+						onClick: isMobile ? toggleSidebar : void 0,
+						children: subItem.name
+					})
+				}) }, subItem.name)) })] }, item.name);
+			}) }) })] }, index)) }) }),
+			/* @__PURE__ */ jsx(SidebarRail, {})
+		]
+	});
+}
+
+//#endregion
+export { AdminSidebar };
+//# sourceMappingURL=admin-sidebar.client.js.map

package/dist/components/layouts/admin-sidebar.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar.client.js","names":["React"],"sources":["../../../src/components/layouts/admin-sidebar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n  useSidebar,\n} from \"@/components/ui/sidebar.client\";\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegments } from \"next/navigation\";\nimport * as React from \"react\";\nimport { AdminSidebarContext } from \"./admin-sidebar-context.client\";\nimport { AdminSidebarHeader } from \"./admin-sidebar-header.client\";\n\n/**\n * AdminSidebar\n */\nexport function AdminSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  const currentSegments = useSelectedLayoutSegments();\n\n  const { paths } = React.useContext(AdminSidebarContext);\n  const { isMobile, toggleSidebar } = useSidebar();\n\n  return (\n    <Sidebar {...props}>\n      <AdminSidebarHeader />\n\n      <SidebarContent>\n        <SidebarMenu>\n          {paths.map((group, index) => (\n            <SidebarGroup key={index}>\n              {group.name && <SidebarGroupLabel>{group.name}</SidebarGroupLabel>}\n\n              <SidebarGroupContent>\n                <SidebarMenu>\n                  {group.items.map((item) => {\n                    const isActive = item.isActive || item.segment === currentSegments?.[0];\n\n                    return (\n                      <SidebarMenuItem key={item.name}>\n                        <SidebarMenuButton asChild isActive={isActive}>\n                          <Link href={item.href} onClick={isMobile ? toggleSidebar : undefined}>\n                            {item.icon}\n                            {item.name}\n                          </Link>\n                        </SidebarMenuButton>\n\n                        {isActive && !!item.items?.length && (\n                          <SidebarMenuSub>\n                            {item.items.map((subItem) => (\n                              <SidebarMenuSubItem key={subItem.name}>\n                                <SidebarMenuSubButton\n                                  asChild\n                                  isActive={subItem.segment === currentSegments?.[1]}\n                                >\n                                  <Link\n                                    href={subItem.href}\n                                    onClick={isMobile ? toggleSidebar : undefined}\n                                  >\n                                    {subItem.name}\n                                  </Link>\n                                </SidebarMenuSubButton>\n                              </SidebarMenuSubItem>\n                            ))}\n                          </SidebarMenuSub>\n                        )}\n                      </SidebarMenuItem>\n                    );\n                  })}\n                </SidebarMenu>\n              </SidebarGroupContent>\n            </SidebarGroup>\n          ))}\n        </SidebarMenu>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA0BA,SAAgB,aAAa,EAAE,GAAG,SAA+C;CAC/E,MAAM,kBAAkB,2BAA2B;CAEnD,MAAM,EAAE,UAAUA,QAAM,WAAW,oBAAoB;CACvD,MAAM,EAAE,UAAU,kBAAkB,YAAY;AAEhD,QACE,qBAAC;EAAQ,GAAI;;GACX,oBAAC,uBAAqB;GAEtB,oBAAC,4BACC,oBAAC,yBACE,MAAM,KAAK,OAAO,UACjB,qBAAC,2BACE,MAAM,QAAQ,oBAAC,+BAAmB,MAAM,OAAyB,EAElE,oBAAC,iCACC,oBAAC,yBACE,MAAM,MAAM,KAAK,SAAS;IACzB,MAAM,WAAW,KAAK,YAAY,KAAK,YAAY,kBAAkB;AAErE,WACE,qBAAC,8BACC,oBAAC;KAAkB;KAAkB;eACnC,qBAAC;MAAK,MAAM,KAAK;MAAM,SAAS,WAAW,gBAAgB;iBACxD,KAAK,MACL,KAAK;OACD;MACW,EAEnB,YAAY,CAAC,CAAC,KAAK,OAAO,UACzB,oBAAC,4BACE,KAAK,MAAM,KAAK,YACf,oBAAC,gCACC,oBAAC;KACC;KACA,UAAU,QAAQ,YAAY,kBAAkB;eAEhD,oBAAC;MACC,MAAM,QAAQ;MACd,SAAS,WAAW,gBAAgB;gBAEnC,QAAQ;OACJ;MACc,IAXA,QAAQ,KAYZ,CACrB,GACa,KAzBC,KAAK,KA2BT;KAEpB,GACU,GACM,KAxCL,MAyCJ,CACf,GACU,GACC;GACjB,oBAAC,gBAAc;;GACP"}