@lonik/prestige 0.0.0

package/dist/ui.js

@@ -0,0 +1,675 @@
+import React, { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+import { Link, Outlet, useHydrated, useLocation } from "@tanstack/react-router";
+import collections from "virtual:prestige/collection-all";
+import config from "virtual:prestige/config";
+import { ArrowLeft, ArrowRight, BookOpen, ChevronRight, ExternalLink, Github, Menu, Moon, Sun, SunMoon, X } from "lucide-react";
+import "@docsearch/css";
+import { DocSearch } from "@docsearch/react";
+import { ThemeProvider, useTheme } from "@lonik/themer";
+import clsx from "clsx";
+
+//#region src/ui/components/aside/aside.tsx
+const typeMap = {
+	note: "bg-blue-50/50 dark:bg-blue-900/20 border-blue-500 text-blue-900 dark:text-blue-200",
+	tip: "bg-purple-50/50 dark:bg-purple-900/20 border-purple-500 text-purple-900 dark:text-purple-200",
+	caution: "bg-yellow-50/50 dark:bg-yellow-900/20 border-yellow-500 text-yellow-900 dark:text-yellow-200",
+	danger: "bg-red-50/50 dark:bg-red-900/20 border-red-500 text-red-900 dark:text-red-200"
+};
+const defaultTitles = {
+	note: "Note",
+	tip: "Tip",
+	caution: "Caution",
+	danger: "Danger"
+};
+function Aside({ type = "note", title, children, className, ...props }) {
+	const iconProps = {
+		className: "w-5 h-5 flex-shrink-0",
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	};
+	const Icon = () => {
+		switch (type) {
+			case "note": return /* @__PURE__ */ jsxs("svg", {
+				...iconProps,
+				children: [
+					/* @__PURE__ */ jsx("circle", {
+						cx: "12",
+						cy: "12",
+						r: "10"
+					}),
+					/* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+					/* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+				]
+			});
+			case "tip": return /* @__PURE__ */ jsxs("svg", {
+				...iconProps,
+				children: [
+					/* @__PURE__ */ jsx("path", { d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" }),
+					/* @__PURE__ */ jsx("path", { d: "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" }),
+					/* @__PURE__ */ jsx("path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" }),
+					/* @__PURE__ */ jsx("path", { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" })
+				]
+			});
+			case "caution": return /* @__PURE__ */ jsxs("svg", {
+				...iconProps,
+				children: [
+					/* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+					/* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
+					/* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
+				]
+			});
+			case "danger": return /* @__PURE__ */ jsxs("svg", {
+				...iconProps,
+				children: [
+					/* @__PURE__ */ jsx("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }),
+					/* @__PURE__ */ jsx("path", { d: "M12 8v4" }),
+					/* @__PURE__ */ jsx("path", { d: "M12 16h.01" })
+				]
+			});
+			default: return null;
+		}
+	};
+	return /* @__PURE__ */ jsxs("aside", {
+		"aria-label": defaultTitles[type],
+		className: `relative my-6 px-4 py-3 border-l-4 rounded-lg ${typeMap[type]} ${className || ""}`,
+		...props,
+		children: [/* @__PURE__ */ jsxs("p", {
+			className: "flex items-center gap-2 mb-2 mt-0 font-bold text-lg",
+			children: [/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {}) }), title || defaultTitles[type]]
+		}), /* @__PURE__ */ jsx("section", {
+			className: "[&>p]:mt-0 [&>p]:mb-2 [&>p:last-child]:mb-0 text-sm",
+			children
+		})]
+	});
+}
+
+//#endregion
+//#region src/ui/components/code/code.tsx
+function Code({ code, children }) {
+	return /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code ?? children }) });
+}
+
+//#endregion
+//#region src/ui/components/tabs/tabs.tsx
+function Tabs({ orientation = "horizontal", className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		className: `w-full ${className || ""}`,
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.List, {
+		"data-slot": "tabs-list",
+		className: `flex w-full overflow-x-auto border-b border-default-200 no-scrollbar ${className || ""}`,
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
+		"data-slot": "tabs-trigger",
+		className: `
+        -mb-px flex items-center justify-center whitespace-nowrap border-b-2 border-transparent 
+        px-4 py-2.5 text-sm font-medium transition-colors cursor-pointer
+        text-default-600 hover:text-default-900 hover:border-default-300
+        aria-selected:border-primary-500 aria-selected:text-primary-500 
+        focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2
+        disabled:pointer-events-none disabled:opacity-50
+        ${className || ""}
+      `,
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
+		"data-slot": "tabs-content",
+		className: `mt-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 ${className || ""}`,
+		...props
+	});
+}
+
+//#endregion
+//#region src/ui/components/package-managers/package-managers.tsx
+const MANAGERS = [
+	"npm",
+	"pnpm",
+	"yarn",
+	"bun"
+];
+function generateCommand(pm, type, pkg, dev, args) {
+	const parts = [];
+	switch (type) {
+		case "add":
+			parts.push(pm === "npm" ? "npm install" : `${pm} add`);
+			if (dev) parts.push("-D");
+			if (pkg) parts.push(pkg);
+			break;
+		case "create":
+			parts.push(`${pm} create`);
+			if (pkg) parts.push(pkg);
+			break;
+		case "exec":
+			if (pm === "npm") parts.push("npx");
+			else if (pm === "bun") parts.push("bun x");
+			else parts.push(`${pm} dlx`);
+			if (pkg) parts.push(pkg);
+			break;
+		case "run":
+			parts.push(pm === "yarn" ? "yarn" : `${pm} run`);
+			if (pkg) parts.push(pkg);
+			break;
+	}
+	if (args) {
+		if (pm === "npm" && (type === "exec" || type === "run")) parts.push("--");
+		parts.push(args);
+	}
+	return parts.join(" ");
+}
+function PackageManagers({ pkg, type = "add", dev = false, args, className }) {
+	return /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "npm",
+		className: `my-6 ${className || ""}`,
+		children: [/* @__PURE__ */ jsx(TabsList, { children: MANAGERS.map((pm) => /* @__PURE__ */ jsx(TabsTrigger, {
+			value: pm,
+			children: pm.toLowerCase()
+		}, pm)) }), MANAGERS.map((pm) => {
+			return /* @__PURE__ */ jsx(TabsContent, {
+				keepMounted: true,
+				value: pm,
+				children: /* @__PURE__ */ jsx(Code, {
+					language: "bash",
+					children: generateCommand(pm, type, pkg, dev, args)
+				})
+			}, pm);
+		})]
+	});
+}
+
+//#endregion
+//#region src/ui/core/github/github.tsx
+function GitHub({ github }) {
+	if (!github) return null;
+	return /* @__PURE__ */ jsx("a", {
+		href: github,
+		target: "_blank",
+		rel: "noreferrer",
+		"aria-label": "GitHub repository",
+		title: "GitHub repository",
+		className: "inline-flex h-8 w-8 items-center justify-center rounded border border-default-200 bg-default-50 text-default-500 hover:bg-default-100",
+		children: /* @__PURE__ */ jsx(Github, { size: 16 })
+	});
+}
+
+//#endregion
+//#region src/ui/core/search/search.tsx
+function Search({ algolia }) {
+	if (!algolia) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "prestige-search",
+		children: /* @__PURE__ */ jsx(DocSearch, {
+			appId: algolia.appId,
+			apiKey: algolia.apiKey,
+			indices: algolia.indices
+		})
+	});
+}
+
+//#endregion
+//#region src/ui/core/theme/theme.tsx
+const themeOrder = [
+	"system",
+	"light",
+	"dark"
+];
+function Theme() {
+	const { theme, setTheme } = useTheme();
+	const currentTheme = theme ?? "system";
+	const hydrated = useHydrated();
+	const nextTheme = (value) => {
+		return themeOrder[(themeOrder.indexOf(value) + 1) % themeOrder.length];
+	};
+	const icon = currentTheme === "light" ? /* @__PURE__ */ jsx(Sun, { size: 16 }) : currentTheme === "dark" ? /* @__PURE__ */ jsx(Moon, { size: 16 }) : /* @__PURE__ */ jsx(SunMoon, { size: 16 });
+	return /* @__PURE__ */ jsx("button", {
+		suppressHydrationWarning: true,
+		type: "button",
+		"aria-label": `Theme: ${currentTheme}. Click to switch theme`,
+		title: `Theme: ${currentTheme}`,
+		className: "inline-flex h-8 w-8 items-center justify-center rounded-md border border-default-200 bg-default-50 text-default-500 hover:bg-default-100 cursor-pointer",
+		onClick: () => setTheme(nextTheme(currentTheme)),
+		children: hydrated && icon
+	});
+}
+
+//#endregion
+//#region src/ui/core/header/header.tsx
+function Header({ customHeaderTitle }) {
+	const location = useLocation();
+	return /* @__PURE__ */ jsx("header", {
+		className: "sticky top-0 z-40 flex h-header  border-b border-default-200 bg-default-50/80 px-4 backdrop-blur-md",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "container mx-auto flex max-w-360  items-center justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-4 items-baseline",
+				children: [/* @__PURE__ */ jsx(Link, {
+					className: "text-sm rounded hover:bg-default-100 text-default-500",
+					to: "/",
+					children: customHeaderTitle ? customHeaderTitle() : /* @__PURE__ */ jsx("span", { children: config.title })
+				}), collections.map((collection) => {
+					const isActive = location.pathname === `/${collection.id}` || location.pathname.startsWith(`/${collection.id}/`);
+					return /* @__PURE__ */ jsx(Link, {
+						to: `/${collection.defaultLink}`,
+						className: `border-b-2 text-sm rounded hover:bg-default-100 active:bg-default-200 capitalize ${isActive ? "border-default-800 text-default-800 font-medium" : "border-b-transparent text-default-500"}`,
+						children: collection.label
+					}, collection.id);
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Search, { algolia: config.algolia }),
+					/* @__PURE__ */ jsx(GitHub, { github: config.github }),
+					/* @__PURE__ */ jsx(Theme, {})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+//#region src/ui/routes/content/content-navigations.tsx
+function ContentNavigation({ isNext, navigation }) {
+	const label = isNext ? "Next" : "Previous";
+	return /* @__PURE__ */ jsx(Link, {
+		to: "/" + navigation.slug,
+		className: clsx(" flex-1 h-20 mb-4 border border-default-200 hover:bg-default-50 rounded-md cursor-pointer flex items-center px-4", isNext ? "justify-end" : "justify-start"),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx("flex items-center gap-4", isNext && "flex-row-reverse"),
+			children: [isNext ? /* @__PURE__ */ jsx(ArrowRight, { className: "text-default-400" }) : /* @__PURE__ */ jsx(ArrowLeft, { className: "text-default-400" }), /* @__PURE__ */ jsxs("div", {
+				className: clsx("flex flex-col", isNext && "items-end"),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-xs tracking-widest font-mono",
+					children: label.toLocaleUpperCase()
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-2xl font-li text-default-700",
+					children: navigation.label
+				})]
+			})]
+		})
+	});
+}
+function ContentNavigations({ prev, next }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "lg:flex flex-row  items-center gap-2 mt-2 lg:mt-20 px-6",
+		children: [prev && /* @__PURE__ */ jsx(ContentNavigation, { navigation: prev }), next && /* @__PURE__ */ jsx(ContentNavigation, {
+			navigation: next,
+			isNext: true
+		})]
+	});
+}
+
+//#endregion
+//#region src/ui/routes/content/table-of-contents/use-table-of-contents.ts
+function useTableOfContents(toc) {
+	const [activeId, setActiveId] = useState("");
+	useEffect(() => {
+		if (toc.length === 0) return;
+		const handleScroll = () => {
+			const headingElements = toc.map((item) => {
+				const id = item.href.startsWith("#") ? item.href.slice(1) : item.href;
+				return document.getElementById(id);
+			}).filter((el) => el !== null);
+			const scrollPosition = window.scrollY + 100;
+			let currentActiveId = "";
+			for (let i = headingElements.length - 1; i >= 0; i--) {
+				const element = headingElements[i];
+				if (element && element.offsetTop <= scrollPosition) {
+					currentActiveId = element.id;
+					break;
+				}
+			}
+			if (!currentActiveId && headingElements.length > 0 && headingElements[0]) currentActiveId = headingElements[0].id;
+			setActiveId(currentActiveId ? `#${currentActiveId}` : "");
+		};
+		window.addEventListener("scroll", handleScroll, { passive: true });
+		setTimeout(handleScroll, 100);
+		return () => window.removeEventListener("scroll", handleScroll);
+	}, [toc]);
+	const handleLinkClick = (e, href) => {
+		e.preventDefault();
+		const id = href.startsWith("#") ? href.slice(1) : href;
+		const element = document.getElementById(id);
+		if (element) {
+			element.scrollIntoView({ behavior: "smooth" });
+			window.history.pushState(null, "", href.startsWith("#") ? href : `#${href}`);
+		}
+	};
+	return {
+		activeId,
+		handleLinkClick
+	};
+}
+
+//#endregion
+//#region src/ui/routes/content/table-of-contents/mobile-table-of-contents.tsx
+function MobileTableOfContent({ toc }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const { activeId, handleLinkClick } = useTableOfContents(toc);
+	const containerRef = useRef(null);
+	useEffect(() => {
+		function handleClickOutside(event) {
+			if (containerRef.current && !containerRef.current.contains(event.target)) setIsOpen(false);
+		}
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+		};
+	}, []);
+	if (toc.length === 0) return null;
+	const activeItem = toc.find((item) => {
+		return (item.href.startsWith("#") ? item.href : `#${item.href}`) === activeId;
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className: "sticky top-header z-30 -mx-6 -mt-10 mb-8 bg-default-50/95 backdrop-blur border-b border-default-200 dark:border-default-800 lg:hidden px-6 pl-12",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsxs("button", {
+				onClick: () => setIsOpen((prev) => !prev),
+				className: "flex w-full items-center justify-between gap-4 px-6 py-3 text-sm text-default-500 font-medium  cursor-pointer",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx("span", { children: "On this page" }), /* @__PURE__ */ jsx(ChevronRight, { className: clsx("w-4 h-4 transition-transform duration-200", isOpen && "rotate-90") })]
+				}), activeItem && /* @__PURE__ */ jsx("span", {
+					className: "truncate  font-normal max-w-[50%] text-right",
+					children: activeItem.value
+				})]
+			}), isOpen && /* @__PURE__ */ jsx("div", {
+				className: "absolute left-6 right-6 top-full mt-2 max-h-[60vh] overflow-y-auto rounded-lg border border-default-200 bg-background shadow-xl",
+				children: /* @__PURE__ */ jsx("ul", {
+					className: "p-4 space-y-2.5 text-sm",
+					children: toc.map((item) => {
+						const itemHref = item.href.startsWith("#") ? item.href : `#${item.href}`;
+						const isActive = activeId === itemHref;
+						return /* @__PURE__ */ jsx("li", {
+							style: { paddingLeft: `${(item.depth - 1) * .75}rem` },
+							children: /* @__PURE__ */ jsx("a", {
+								href: itemHref,
+								className: clsx("block transition-colors duration-200 line-clamp-2", isActive ? "text-primary-600 font-medium" : "text-default-600"),
+								onClick: (e) => {
+									handleLinkClick(e, item.href);
+									setIsOpen(false);
+								},
+								children: item.value
+							})
+						}, itemHref);
+					})
+				})
+			})]
+		})
+	});
+}
+
+//#endregion
+//#region src/ui/routes/content/table-of-contents/web-table-of-contents.tsx
+function WebTableOfContent({ toc }) {
+	const { activeId, handleLinkClick } = useTableOfContents(toc);
+	if (toc.length === 0) return null;
+	return /* @__PURE__ */ jsxs("nav", {
+		className: "sticky top-header h-main pt-4 overflow-y-auto w-64 shrink-0 hidden lg:block",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-xs font-mono tracking-widest",
+			children: "ON THIS PAGE"
+		}), /* @__PURE__ */ jsx("ul", {
+			className: "text-sm my-4",
+			children: toc.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+				href: `${item.href}`,
+				className: clsx("border-l py-1 px-4 block hover:text-default-700 dark:hover:text-slate-100 transition-colors duration-200 line-clamp-2", activeId === item.href ? "text-default-700 border-default-600 font-medium" : "text-default-500  border-default-200 "),
+				onClick: (e) => handleLinkClick(e, item.href),
+				children: item.value
+			}) }, item.href))
+		})]
+	});
+}
+
+//#endregion
+//#region src/ui/core/prestige-page.tsx
+function PrestigePage({ children, toc = [], prev = null, next = null }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex lg:gap-6 items-start max-w-[100vw]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex-1 min-w-0",
+			children: [
+				/* @__PURE__ */ jsx(MobileTableOfContent, { toc }),
+				/* @__PURE__ */ jsx("article", {
+					className: "prose max-w-none wrap-break-word py-15 px-6",
+					children
+				}),
+				/* @__PURE__ */ jsx(ContentNavigations, {
+					prev,
+					next
+				})
+			]
+		}), /* @__PURE__ */ jsx(WebTableOfContent, { toc })]
+	});
+}
+
+//#endregion
+//#region src/ui/utils.ts
+function isExternalURL(str) {
+	try {
+		const url = new URL(str);
+		return url.protocol === "http:" || url.protocol === "https:";
+	} catch {
+		return false;
+	}
+}
+
+//#endregion
+//#region src/ui/routes/collection/sidebar.tsx
+function SidebarGroup({ group, onLinkClick }) {
+	const [open, setIsOpen] = useState(true);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-4 flex flex-col gap-1",
+		children: [/* @__PURE__ */ jsxs("button", {
+			className: "flex items-center w-full gap-2",
+			onClick: () => setIsOpen((prev) => !prev),
+			children: [/* @__PURE__ */ jsx(ChevronRight, {
+				size: 18,
+				className: clsx("transform transition cursor-pointer ml-1", open && "rotate-90")
+			}), /* @__PURE__ */ jsx("span", {
+				className: "font-mono text-xs tracking-widest",
+				children: group.label.toUpperCase()
+			})]
+		}), open && /* @__PURE__ */ jsx("div", {
+			className: "mb-2",
+			children: group.items.map((item) => {
+				if ("slug" in item || "link" in item) {
+					const key = "slug" in item ? item.slug : item.link;
+					return /* @__PURE__ */ jsx(SidebarLink, {
+						showIcon: false,
+						link: item,
+						onLinkClick
+					}, key);
+				}
+				return /* @__PURE__ */ jsx(SidebarGroup, { group: item }, item.label);
+			})
+		})]
+	});
+}
+function SidebarLink({ link, onLinkClick, showIcon }) {
+	if ("slug" in link || !isExternalURL(link.link)) return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center ",
+		children: /* @__PURE__ */ jsxs(Link, {
+			onClick: onLinkClick,
+			activeProps: { className: "text-default-700 font-medium" },
+			className: "w-full inline-flex gap-2 py-1 px-2 rounded hover:bg-default-100 text-sm mr-2 items-center text-default-500",
+			to: "slug" in link ? `/${link.slug}` : link.link,
+			children: [showIcon && /* @__PURE__ */ jsx(BookOpen, { className: "w-4" }), link.label]
+		})
+	});
+	else return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center ",
+		children: /* @__PURE__ */ jsxs("a", {
+			onClick: onLinkClick,
+			className: "w-full inline-flex gap-2 py-1 px-2 rounded hover:bg-default-100 text-sm mr-2 items-center text-default-500",
+			href: link.link,
+			target: "_blank",
+			rel: "noreferrer",
+			children: [showIcon && /* @__PURE__ */ jsx(ExternalLink, { className: "w-4" }), link.label]
+		})
+	});
+}
+function Sidebar({ sidebar, onLinkClick }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full lg:w-sidebar border-r border-default-200 h-full overflow-auto lg:h-main lg:sticky top-header pt-4",
+		children: sidebar.items.map((item) => {
+			if ("slug" in item || "link" in item) {
+				const key = "slug" in item ? item.slug : item.link;
+				return /* @__PURE__ */ jsx(SidebarLink, {
+					showIcon: true,
+					onLinkClick,
+					link: item
+				}, key);
+			}
+			return /* @__PURE__ */ jsx(SidebarGroup, { group: item }, item.label);
+		})
+	});
+}
+
+//#endregion
+//#region src/ui/routes/collection/mobile-sidebar.tsx
+function SidebarOverlay({ sidebar }) {
+	const [isOpen, setIsOpen] = useState(false);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "lg:hidden",
+		children: [/* @__PURE__ */ jsx("button", {
+			className: "bg-transparent p-3 -mt-[2px] text-default-700 top-header left-0 fixed  z-50",
+			onClick: () => setIsOpen((prev) => !prev),
+			children: isOpen ? /* @__PURE__ */ jsx(X, {}) : /* @__PURE__ */ jsx(Menu, {})
+		}), isOpen && /* @__PURE__ */ jsx("div", {
+			className: "fixed top-[calc(var(--spacing-header)+44 )] shadow-xl left-0 overflow-auto z-10 bg-default-50 w-full h-screen",
+			children: /* @__PURE__ */ jsx(Sidebar, {
+				onLinkClick: () => setIsOpen(false),
+				sidebar
+			})
+		})]
+	});
+}
+function MobileSidebar({ sidebar }) {
+	return /* @__PURE__ */ jsx(SidebarOverlay, { sidebar });
+}
+
+//#endregion
+//#region src/ui/routes/collection/collection.route.tsx
+function CollectionRoute(sidebar, id) {
+	return { component: () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "container mx-auto flex max-w-360 lg:gap-6",
+			children: [
+				/* @__PURE__ */ jsx(MobileSidebar, { sidebar }),
+				/* @__PURE__ */ jsx("div", {
+					className: "hidden lg:block",
+					children: sidebar && /* @__PURE__ */ jsx(Sidebar, { sidebar })
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex-1 pb-20",
+					children: /* @__PURE__ */ jsx(Outlet, {})
+				})
+			]
+		});
+	} };
+}
+
+//#endregion
+//#region src/ui/routes/content/content.route.tsx
+function ContentRoute(inlineData) {
+	const { frontmatter, prev, next, toc, default: Component } = inlineData;
+	return {
+		head: () => {
+			const metas = [];
+			const description = frontmatter.description;
+			const title = frontmatter.title;
+			if (title) metas.push({ title: title + " | " + config.title });
+			if (description) metas.push({
+				name: "description",
+				content: description
+			});
+			return { meta: metas };
+		},
+		component: () => {
+			return /* @__PURE__ */ jsxs("div", {
+				className: "flex lg:gap-6 items-start max-w-[100vw]",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ jsx(MobileTableOfContent, { toc }),
+						/* @__PURE__ */ jsx("article", {
+							className: "prose max-w-none wrap-break-word py-15 px-6",
+							children: /* @__PURE__ */ jsx(Component, {})
+						}),
+						/* @__PURE__ */ jsx(ContentNavigations, {
+							prev,
+							next
+						})
+					]
+				}), /* @__PURE__ */ jsx(WebTableOfContent, { toc })]
+			});
+		}
+	};
+}
+
+//#endregion
+//#region src/ui/routes/not-found.tsx
+function NotFound() {
+	return /* @__PURE__ */ jsx("h1", { children: "This page could not be found." });
+}
+
+//#endregion
+//#region src/ui/core/footer/footer.tsx
+function License() {
+	if (!config.license) return null;
+	return /* @__PURE__ */ jsxs("a", {
+		target: "_blank",
+		href: config.license.url,
+		children: ["Released under: ", config.license.label]
+	});
+}
+function Footer() {
+	return /* @__PURE__ */ jsx("footer", {
+		className: "mt-10 flex items-center justify-center border-t border-t-default-100 pt-10 bg-default-50 text-sm py-10 text-default-700",
+		children: /* @__PURE__ */ jsx(License, {})
+	});
+}
+
+//#endregion
+//#region src/ui/routes/prestige-shell.tsx
+function PrestigeShell({ children, options }) {
+	return /* @__PURE__ */ jsxs(ThemeProvider, {
+		attribute: "data-theme",
+		defaultTheme: "system",
+		children: [
+			/* @__PURE__ */ jsx(Header, {
+				customHeaderTitle: options?.customHeaderTitle,
+				...options
+			}),
+			/* @__PURE__ */ jsx("main", {
+				className: "min-h-[calc(100vh-var(--spacing-header))]",
+				children
+			}),
+			/* @__PURE__ */ jsx(Footer, {})
+		]
+	});
+}
+
+//#endregion
+export { Aside, Code, CollectionRoute, ContentRoute, Header, NotFound, PackageManagers, PrestigePage, PrestigeShell, Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=ui.js.map