@tulip-systems/core 0.8.2 → 0.9.0

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

@@ -0,0 +1,46 @@
+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 };

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

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

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

@@ -0,0 +1,13 @@
+import { Loader } from "../ui/loader.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(Loader, {})
+	});
+}
+
+//#endregion
+export { RootLoading };

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

@@ -0,0 +1,22 @@
+import { Permission } from "../../modules/auth/lib/permissions.mjs";
+import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+//#endregion
+export { Tab, TabLayout, TabLayoutProps };

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

@@ -0,0 +1,50 @@
+"use client";
+
+import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.client.mjs";
+import { ListLayout } from "./list-layout.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 = /* @__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;
+				return /* @__PURE__ */ jsx(Allowed, {
+					permission: tab.permission,
+					children
+				}, tab.segment);
+			}) })
+		}), /* @__PURE__ */ jsx(TabsContent, {
+			value: selectedTab?.segment ?? "",
+			children: /* @__PURE__ */ jsx(ListLayout, { children })
+		})]
+	});
+}
+
+//#endregion
+export { TabLayout };

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+type DataListItemProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListItem({
+  children,
+  className,
+  ...props
+}: DataListItemProps): react_jsx_runtime0.JSX.Element;
+type DataListTitleProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListTitle({
+  children,
+  className,
+  ...props
+}: DataListTitleProps): react_jsx_runtime0.JSX.Element;
+type DataListValueProps = React.HTMLAttributes<HTMLElement>;
+declare function DataListValue({
+  children,
+  className,
+  ...props
+}: DataListValueProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataList, DataListItem, DataListItemProps, DataListProps, DataListTitle, DataListTitleProps, DataListValue, DataListValueProps };

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

@@ -0,0 +1,35 @@
+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("font-semibold text-sm 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 };

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

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+type DataStackLayoutProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackLayout({
+  children,
+  className,
+  ...props
+}: DataStackLayoutProps): react_jsx_runtime0.JSX.Element;
+type DataStackRowProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackRow({
+  children,
+  className,
+  ...props
+}: DataStackRowProps): react_jsx_runtime0.JSX.Element;
+type DataStackColumnProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackColumn({
+  children,
+  className,
+  ...props
+}: DataStackRowProps): react_jsx_runtime0.JSX.Element;
+type DataStackProps = React.HTMLAttributes<HTMLOListElement>;
+declare function DataStack({
+  children,
+  className,
+  ...props
+}: DataStackProps): react_jsx_runtime0.JSX.Element;
+type DataStackTitleProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackTitle({
+  children,
+  className,
+  ...props
+}: DataStackTitleProps): react_jsx_runtime0.JSX.Element;
+type DataStackValueProps = React.HTMLAttributes<HTMLElement>;
+declare function DataStackValue({
+  children,
+  className,
+  ...props
+}: DataStackValueProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataStack, DataStackColumn, DataStackColumnProps, DataStackGrid, DataStackGridProps, DataStackLayout, DataStackLayoutProps, DataStackProps, DataStackRow, DataStackRowProps, DataStackTitle, DataStackTitleProps, DataStackValue, DataStackValueProps };

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

@@ -0,0 +1,56 @@
+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("font-medium text-sm 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 };

package/dist/src/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 { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../ui/dropdown-menu.client.mjs";
+import { useAuthClient } from "../../modules/auth/hooks/use-auth-client.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 { useRouter } from "next/navigation";
+import Link from "next/link";
+import { useTheme } from "next-themes";
+
+//#region src/components/navigation/admin-sidebar-header.client.tsx
+function AdminSidebarHeader() {
+	const router = useRouter();
+	const authClient = useAuthClient();
+	const { theme, setTheme } = useTheme();
+	const [open, setOpen] = React.useState(false);
+	const { setOpenMobile } = useSidebar();
+	const sessionQuery = useSession(authClient);
+	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: "font-bold text-md text-muted-foreground",
+						children: sessionQuery.data?.user.name
+					})]
+				}), /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "h-4 w-4 text-muted-foreground" })]
+			})
+		}), /* @__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 };

package/dist/src/components/navigation/admin-sidebar-paths.client.d.mts

@@ -0,0 +1,91 @@
+import { Permission } from "../../modules/auth/lib/permissions.mjs";
+import { Sidebar } from "../ui/sidebar.client.mjs";
+import "../../../auth.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Route } from "next";
+
+//#region src/components/navigation/admin-sidebar-paths.client.d.ts
+/**
+ * Paths
+ */
+declare function Paths({
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Sidebar>): react_jsx_runtime0.JSX.Element;
+/**
+ * Path Group
+ */
+type PathGroupProps = React$1.ComponentProps<"div"> & {
+  /**
+   * Permission to check with the any strategy for displaying the group
+   * @example { project: ["view", "create"], client: ["view"], drive: ["view"] }
+   */
+  permission?: Permission[];
+};
+declare function PathGroup({
+  permission,
+  ...props
+}: PathGroupProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Path Group Title
+ */
+declare function PathGroupTitle(props: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+/**
+ * Path Group Items
+ */
+declare function PathGroupItems(props: React$1.PropsWithChildren): react_jsx_runtime0.JSX.Element;
+/**
+ * Path
+ */
+type PathProps = React$1.ComponentProps<"li"> & {
+  permission?: Permission;
+  isActive?: boolean;
+  segment?: string;
+};
+declare function Path({
+  permission,
+  children,
+  isActive,
+  segment,
+  ...props
+}: PathProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Path Button
+ */
+declare function PathLink({
+  href,
+  children
+}: React$1.PropsWithChildren<{
+  href: Route;
+}>): react_jsx_runtime0.JSX.Element;
+/**
+ * Path Items
+ */
+declare function PathItems(props: React$1.ComponentProps<"ul">): react_jsx_runtime0.JSX.Element | null;
+/**
+ * Path Sub Item
+ */
+type PathSubItemProps = React$1.ComponentProps<"li"> & {
+  permission?: Permission;
+  isActive?: boolean;
+  segment?: string;
+};
+declare function PathSubItem({
+  permission,
+  isActive,
+  segment,
+  children,
+  ...props
+}: PathSubItemProps): react_jsx_runtime0.JSX.Element;
+/**
+ * Path Button
+ */
+declare function PathSubItemLink({
+  href,
+  children
+}: React$1.PropsWithChildren<{
+  href: Route;
+}>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Path, PathGroup, PathGroupItems, PathGroupProps, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths };

package/dist/src/components/navigation/admin-sidebar-paths.client.mjs

@@ -0,0 +1,143 @@
+"use client";
+
+import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, useSidebar } from "../ui/sidebar.client.mjs";
+import { AdminSidebarHeader } from "./admin-sidebar-header.client.mjs";
+import { AdminSidebarHeaderLoading, AdminSidebarMenuContentLoading } from "./admin-sidebar-skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Suspense } from "react";
+import { useSelectedLayoutSegments } from "next/navigation";
+import Link from "next/link";
+
+//#region src/components/navigation/admin-sidebar-paths.client.tsx
+/**
+* Paths
+*/
+function Paths({ children, ...props }) {
+	return /* @__PURE__ */ jsxs(Sidebar, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(AdminSidebarHeaderLoading, {}),
+				children: /* @__PURE__ */ jsx(AdminSidebarHeader, {})
+			}),
+			/* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(AdminSidebarMenuContentLoading, {}),
+				children: /* @__PURE__ */ jsx(SidebarMenu, { children })
+			}) }),
+			/* @__PURE__ */ jsx(SidebarRail, {})
+		]
+	});
+}
+function PathGroup({ permission, ...props }) {
+	if (!permission) return /* @__PURE__ */ jsx(SidebarGroup, { ...props });
+	return /* @__PURE__ */ jsx(Allowed, {
+		permission,
+		strategy: "any",
+		children: /* @__PURE__ */ jsx(SidebarGroup, { ...props })
+	});
+}
+/**
+* Path Group Title
+*/
+function PathGroupTitle(props) {
+	return /* @__PURE__ */ jsx(SidebarGroupLabel, { ...props });
+}
+/**
+* Path Group Items
+*/
+function PathGroupItems(props) {
+	return /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: props.children }) });
+}
+/**
+* Path Context
+*/
+const PathContext = React$1.createContext({});
+function Path({ permission, children, isActive, segment, ...props }) {
+	const currentSegments = useSelectedLayoutSegments();
+	if (!permission) return /* @__PURE__ */ jsx(PathContext, {
+		value: { isActive: isActive || segment === currentSegments?.[0] },
+		children: /* @__PURE__ */ jsx(SidebarMenuItem, {
+			...props,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(Allowed, {
+		permission,
+		children: /* @__PURE__ */ jsx(PathContext, {
+			value: { isActive: isActive || segment === currentSegments?.[0] },
+			children: /* @__PURE__ */ jsx(SidebarMenuItem, {
+				...props,
+				children
+			})
+		})
+	});
+}
+/**
+* Path Button
+*/
+function PathLink({ href, children }) {
+	const { isMobile, toggleSidebar } = useSidebar();
+	const { isActive } = React$1.useContext(PathContext);
+	return /* @__PURE__ */ jsx(SidebarMenuButton, {
+		asChild: true,
+		isActive,
+		children: /* @__PURE__ */ jsx(Link, {
+			href,
+			onClick: isMobile ? toggleSidebar : void 0,
+			children
+		})
+	});
+}
+/**
+* Path Items
+*/
+function PathItems(props) {
+	const { isActive } = React$1.useContext(PathContext);
+	if (!isActive) return null;
+	return /* @__PURE__ */ jsx(SidebarMenuSub, { ...props });
+}
+/**
+* Path Sub Item Context
+*/
+const PathSubItemContext = React$1.createContext({});
+function PathSubItem({ permission, isActive, segment, children, ...props }) {
+	const currentSegments = useSelectedLayoutSegments();
+	if (!permission) return /* @__PURE__ */ jsx(PathSubItemContext, {
+		value: { isActive: isActive || segment === currentSegments?.[1] },
+		children: /* @__PURE__ */ jsx(SidebarMenuSubItem, {
+			...props,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(Allowed, {
+		permission,
+		children: /* @__PURE__ */ jsx(PathSubItemContext, {
+			value: { isActive: isActive || segment === currentSegments?.[1] },
+			children: /* @__PURE__ */ jsx(SidebarMenuSubItem, {
+				...props,
+				children
+			})
+		})
+	});
+}
+/**
+* Path Button
+*/
+function PathSubItemLink({ href, children }) {
+	const { isMobile, toggleSidebar } = useSidebar();
+	const { isActive } = React$1.useContext(PathSubItemContext);
+	return /* @__PURE__ */ jsx(SidebarMenuSubButton, {
+		asChild: true,
+		isActive,
+		children: /* @__PURE__ */ jsx(Link, {
+			href,
+			onClick: isMobile ? toggleSidebar : void 0,
+			children
+		})
+	});
+}
+
+//#endregion
+export { Path, PathGroup, PathGroupItems, PathGroupTitle, PathItems, PathLink, PathSubItem, PathSubItemLink, Paths };

package/dist/src/components/navigation/admin-sidebar-skeleton.mjs

@@ -0,0 +1,30 @@
+import { Button } from "../ui/button.mjs";
+import { DropdownMenu, DropdownMenuTrigger } from "../ui/dropdown-menu.client.mjs";
+import { Skeleton } from "../ui/skeleton.mjs";
+import { SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuSkeleton } from "../ui/sidebar.client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+
+//#region src/components/navigation/admin-sidebar-skeleton.tsx
+/**
+* SidebarMenuContentLoading
+*/
+function AdminSidebarMenuContentLoading() {
+	return /* @__PURE__ */ jsx(SidebarMenu, { children: Array.from({ length: 20 }).map((_, index) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(SidebarMenuSkeleton, {}) }) }, index)) });
+}
+/**
+*
+*/
+function AdminSidebarHeaderLoading() {
+	return /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsx(DropdownMenu, { children: /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			disabled: true,
+			children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" })
+		})
+	}) }) });
+}
+
+//#endregion
+export { AdminSidebarHeaderLoading, AdminSidebarMenuContentLoading };