@vezham/start 26.0.0-alpha.5 → 26.0.0-alpha.6

package/README.md

@@ -1 +1,3 @@
 # @vezham/start
+
+App providers, routing, and framework adapters.

package/dist/lib/layouts/app/index.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type AppShellProps = {
+    children: ReactNode;
+    contentClassName?: string;
+    footer?: ReactNode;
+    footerClassName?: string;
+    header?: ReactNode;
+    headerClassName?: string;
+    mainClassName?: string;
+    sidebar?: ReactNode;
+    sidebarClassName?: string;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+export declare const AppShell: ({ children, className, contentClassName, footer, footerClassName, header, headerClassName, mainClassName, sidebar, sidebarClassName, ...props }: AppShellProps) => import("react").JSX.Element;
+export declare const AppLayout: ({ children, className, contentClassName, footer, footerClassName, header, headerClassName, mainClassName, sidebar, sidebarClassName, ...props }: AppShellProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/layouts/app/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/app/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMhE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,eAAO,MAAM,QAAQ,GAAI,iJAYtB,aAAa,gCAiDf,CAAA;AAED,eAAO,MAAM,SAAS,oJAnDnB,aAAa,gCAmDiB,CAAA"}

package/dist/lib/layouts/app/index.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/layouts/app/index.tsx
+var cx = (...classNames) => {
+	return classNames.filter(Boolean).join(" ");
+};
+var AppShell = ({ children, className, contentClassName, footer, footerClassName, header, headerClassName, mainClassName, sidebar, sidebarClassName, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "app-shell",
+		className: cx("bg-background text-foreground min-h-svh", className),
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "app-shell-frame",
+			className: "flex min-h-svh",
+			children: [sidebar ? /* @__PURE__ */ jsx("aside", {
+				"data-slot": "app-sidebar",
+				className: cx("bg-background hidden w-64 shrink-0 border-r md:block", sidebarClassName),
+				children: sidebar
+			}) : null, /* @__PURE__ */ jsxs("div", {
+				"data-slot": "app-main",
+				className: cx("flex min-w-0 flex-1 flex-col", mainClassName),
+				children: [
+					header ? /* @__PURE__ */ jsx("header", {
+						"data-slot": "app-header",
+						className: cx("bg-background shrink-0 border-b", headerClassName),
+						children: header
+					}) : null,
+					/* @__PURE__ */ jsx("main", {
+						"data-slot": "app-content",
+						className: cx("min-w-0 flex-1", contentClassName),
+						children
+					}),
+					footer ? /* @__PURE__ */ jsx("footer", {
+						"data-slot": "app-footer",
+						className: cx("bg-background shrink-0 border-t", footerClassName),
+						children: footer
+					}) : null
+				]
+			})]
+		})
+	});
+};
+var AppLayout = AppShell;
+//#endregion
+export { AppLayout, AppShell };

package/dist/lib/layouts/docs/components.d.ts

@@ -0,0 +1,4 @@
+import { DocsLayoutProps, DocsPageProps } from './types';
+export declare const DocsLayout: ({ shell, ...props }: DocsLayoutProps) => import("react").JSX.Element;
+export declare const DocsPage: ({ full, shell, toc, ...props }: DocsPageProps) => import("react").JSX.Element;
+//# sourceMappingURL=components.d.ts.map

package/dist/lib/layouts/docs/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/components.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE7D,eAAO,MAAM,UAAU,GAAI,qBAA8B,eAAe,gCAGvE,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,gCAKtB,aAAa,gCA2Bf,CAAA"}

package/dist/lib/layouts/docs/components.js

@@ -0,0 +1,29 @@
+import { layouts } from "./layouts.js";
+import { DocsPageContent } from "./page-content.js";
+import { getPageComponents } from "./pages.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/layouts/docs/components.tsx
+var DocsLayout = ({ shell = "docs", ...props }) => {
+	const Layout = layouts[shell];
+	return /* @__PURE__ */ jsx(Layout, { ...props });
+};
+var DocsPage = ({ full, shell = "docs", toc, ...props }) => {
+	const { Page, Body, Description, Title } = getPageComponents(shell);
+	const content = full ? /* @__PURE__ */ jsx(Body, { children: props.children }) : /* @__PURE__ */ jsx(DocsPageContent, {
+		...props,
+		Body,
+		Description,
+		Title
+	});
+	if (shell === "home") return /* @__PURE__ */ jsx("article", {
+		className: `mx-auto flex w-full min-w-0 flex-col gap-4 px-6 py-10 ${full ? "max-w-7xl" : "max-w-4xl"}`,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Page, {
+		full,
+		toc,
+		children: content
+	});
+};
+//#endregion
+export { DocsLayout, DocsPage };

package/dist/lib/layouts/docs/index.d.ts

@@ -0,0 +1,3 @@
+export { DocsLayout, DocsLayout as DocsLayoutShell, DocsPage, DocsPage as DocsPageShell } from './components';
+export type { DocsLayoutProps, DocsPageProps, DocsShell } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/layouts/docs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,UAAU,IAAI,eAAe,EAC7B,QAAQ,EACR,QAAQ,IAAI,aAAa,EAC1B,MAAM,cAAc,CAAA;AACrB,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}

package/dist/lib/layouts/docs/index.js

@@ -0,0 +1,2 @@
+import { DocsLayout, DocsPage } from "./components.js";
+export { DocsLayout, DocsLayout as DocsLayoutShell, DocsPage, DocsPage as DocsPageShell };

package/dist/lib/layouts/docs/layout-components.d.ts

@@ -0,0 +1,9 @@
+import { DocsLayoutProps } from './types';
+type Props = Omit<DocsLayoutProps, 'shell'>;
+export declare const HomeDocsLayout: (props: Props) => import("react").JSX.Element;
+export declare const GlassDocsLayout: (props: Props) => import("react").JSX.Element;
+export declare const FluxDocsLayout: (props: Props) => import("react").JSX.Element;
+export declare const NotebookDocsLayout: (props: Props) => import("react").JSX.Element;
+export declare const StandardDocsLayout: (props: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=layout-components.d.ts.map

package/dist/lib/layouts/docs/layout-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-components.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/layout-components.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;AAuB3C,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,gCAG1C,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,gCAO3C,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,gCAU1C,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,gCAc9C,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,gCAuB9C,CAAA"}

package/dist/lib/layouts/docs/layout-components.js

@@ -0,0 +1,81 @@
+import { createElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import { DocsLayout } from "@vezham/docs-react/layouts/docs";
+import { DocsLayout as DocsLayout$1 } from "@vezham/docs-react/layouts/flux";
+import { GlassLayout } from "@vezham/docs-react/layouts/glass";
+import { HomeLayout } from "@vezham/docs-react/layouts/home";
+import { DocsLayout as DocsLayout$2 } from "@vezham/docs-react/layouts/notebook";
+//#region src/lib/layouts/docs/layout-components.tsx
+var getLayoutInputs = (props) => {
+	const { tree, nav, links, githubUrl, i18n, themeSwitch, searchToggle, tabMode, ...layoutProps } = props;
+	return {
+		children: props.children,
+		tree,
+		base: {
+			nav,
+			links,
+			githubUrl,
+			i18n,
+			themeSwitch,
+			searchToggle
+		},
+		layoutProps,
+		tabMode
+	};
+};
+var HomeDocsLayout = (props) => {
+	const { base, children } = getLayoutInputs(props);
+	return /* @__PURE__ */ jsx(HomeLayout, {
+		...base,
+		children
+	});
+};
+var GlassDocsLayout = (props) => {
+	const { base, children, tree } = getLayoutInputs(props);
+	return /* @__PURE__ */ jsx(GlassLayout, {
+		...base,
+		tree,
+		tabs: { transform: (option) => option },
+		children
+	});
+};
+var FluxDocsLayout = (props) => {
+	const { base, children, tree } = getLayoutInputs(props);
+	return /* @__PURE__ */ jsx(DocsLayout$1, {
+		...base,
+		tree,
+		containerProps: { className: "[&>[data-layout-main]]:w-full" },
+		children
+	});
+};
+var NotebookDocsLayout = (props) => {
+	const { base, children, layoutProps, tabMode, tree } = getLayoutInputs(props);
+	const notebookTabMode = tabMode === "top" ? "navbar" : tabMode === "auto" ? "sidebar" : tabMode;
+	return /* @__PURE__ */ jsx(DocsLayout$2, {
+		...base,
+		...layoutProps,
+		tree,
+		tabMode: notebookTabMode,
+		children
+	});
+};
+var StandardDocsLayout = (props) => {
+	const { base, children, layoutProps, tabMode, tree } = getLayoutInputs(props);
+	const { sidebar, ...docsLayoutProps } = layoutProps;
+	const { banner, footer, ...sidebarProps } = sidebar ?? {};
+	const docsTabMode = tabMode === "navbar" ? "top" : tabMode === "sidebar" ? "auto" : tabMode;
+	return /* @__PURE__ */ jsx(DocsLayout, {
+		...base,
+		...docsLayoutProps,
+		sidebar: sidebar && {
+			...sidebarProps,
+			banner: typeof banner === "function" ? createElement(banner) : banner,
+			footer: typeof footer === "function" ? createElement(footer) : footer
+		},
+		tree,
+		tabMode: docsTabMode,
+		children
+	});
+};
+//#endregion
+export { FluxDocsLayout, GlassDocsLayout, HomeDocsLayout, NotebookDocsLayout, StandardDocsLayout };

package/dist/lib/layouts/docs/layouts.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { DocsLayoutProps, DocsShell } from './types';
+type Props = Omit<DocsLayoutProps, 'shell'>;
+export declare const layouts: Record<DocsShell, (props: Props) => ReactNode>;
+export {};
+//# sourceMappingURL=layouts.d.ts.map

package/dist/lib/layouts/docs/layouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/layouts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEzD,KAAK,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAMlE,CAAA"}

package/dist/lib/layouts/docs/layouts.js

@@ -0,0 +1,11 @@
+import { FluxDocsLayout, GlassDocsLayout, HomeDocsLayout, NotebookDocsLayout, StandardDocsLayout } from "./layout-components.js";
+//#region src/lib/layouts/docs/layouts.ts
+var layouts = {
+	docs: StandardDocsLayout,
+	flux: FluxDocsLayout,
+	glass: GlassDocsLayout,
+	home: HomeDocsLayout,
+	notebook: NotebookDocsLayout
+};
+//#endregion
+export { layouts };

package/dist/lib/layouts/docs/page-actions.d.ts

@@ -0,0 +1,4 @@
+export declare const PageActions: ({ markdownUrl }: {
+    markdownUrl: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=page-actions.d.ts.map

package/dist/lib/layouts/docs/page-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-actions.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/page-actions.tsx"],"names":[],"mappings":"AAyEA,eAAO,MAAM,WAAW,GAAI,iBAAiB;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,gCAgHnE,CAAA"}

package/dist/lib/layouts/docs/page-actions.js

@@ -0,0 +1,154 @@
+import { pageActionsVariants } from "./page-actions.variants.js";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, ButtonGroup, Dropdown } from "@vezham/react-v3";
+import { writeClipboardText } from "@vezham/docs-react/utils/clipboard";
+import { AltArrowDown, ChatRound, ClipboardCheck, CodeFile, Copy, Cursor, FileText, SquareArrowUp } from "@vezham/icons-react";
+//#region src/lib/layouts/docs/page-actions.tsx
+var styles = pageActionsVariants();
+var getPageActions = (markdownUrl) => {
+	const prompt = `Read ${typeof window === "undefined" ? markdownUrl : new URL(markdownUrl, window.location.origin).href}, I want to ask questions about this page.`;
+	return [
+		{
+			id: "markdown",
+			title: "View as Markdown",
+			description: "View page as Markdown format",
+			href: markdownUrl,
+			icon: FileText
+		},
+		{
+			id: "cursor",
+			title: "Add to Cursor",
+			description: "Install MCP Server on Cursor",
+			href: "cursor://anysphere.cursor-deeplink/mcp/install?name=vezham-react&config=eyJjb21tYW5kIjoibnB4IC15IEBoZXJvdWkvcmVhY3QtbWNwQGxhdGVzdCJ9",
+			icon: Cursor
+		},
+		{
+			id: "vscode",
+			title: "Add to VS Code",
+			description: "Install MCP Server on VS Code",
+			href: "vscode:mcp/install?%7B%22name%22%3A%22vezham-react%22%2C%22type%22%3A%22stdio%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40vezham%2Freact-mcp%40latest%22%5D%7D",
+			icon: CodeFile
+		},
+		{
+			id: "chatgpt",
+			title: "Open in ChatGPT",
+			description: "Ask questions about this page",
+			href: `https://chatgpt.com/?${new URLSearchParams({
+				hints: "search",
+				q: prompt
+			})}`,
+			icon: ChatRound
+		},
+		{
+			id: "claude",
+			title: "Open in Claude",
+			description: "Ask questions about this page",
+			href: `https://claude.ai/new?${new URLSearchParams({ q: prompt })}`,
+			icon: ChatRound
+		}
+	];
+};
+var PageActions = ({ markdownUrl }) => {
+	const [copiedAction, setCopiedAction] = useState();
+	const [isLoading, setLoading] = useState();
+	const [isOpen, setOpen] = useState(false);
+	const [error, setError] = useState();
+	const copiedTimer = useRef(void 0);
+	useEffect(() => () => clearTimeout(copiedTimer.current), []);
+	const actions = getPageActions(markdownUrl);
+	const copy = async (action) => {
+		setLoading(action);
+		setError(void 0);
+		try {
+			let text;
+			if (action === "markdown") {
+				const response = await fetch(markdownUrl);
+				if (!response.ok) throw new Error("Unable to load Markdown");
+				text = await response.text();
+			} else text = `Use this documentation page as context when helping me: ${new URL(markdownUrl, window.location.origin).href}`;
+			await writeClipboardText(text);
+			clearTimeout(copiedTimer.current);
+			setCopiedAction(action);
+			copiedTimer.current = setTimeout(() => setCopiedAction(void 0), 2e3);
+		} catch {
+			setError("Unable to copy. Please try again.");
+		} finally {
+			setLoading(void 0);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: styles.root(),
+		children: [
+			/* @__PURE__ */ jsxs(Button, {
+				isDisabled: Boolean(isLoading),
+				size: "md",
+				variant: "tertiary",
+				onPress: () => copy("prompt"),
+				children: [copiedAction === "prompt" ? /* @__PURE__ */ jsx(ClipboardCheck, { size: 16 }) : /* @__PURE__ */ jsx(ChatRound, { size: 16 }), copiedAction === "prompt" ? "Copied" : "Copy Prompt"]
+			}),
+			/* @__PURE__ */ jsxs(ButtonGroup, {
+				size: "md",
+				variant: "tertiary",
+				children: [/* @__PURE__ */ jsxs(Button, {
+					isDisabled: Boolean(isLoading),
+					onPress: () => copy("markdown"),
+					children: [copiedAction === "markdown" ? /* @__PURE__ */ jsx(ClipboardCheck, { size: 16 }) : /* @__PURE__ */ jsx(Copy, { size: 16 }), copiedAction === "markdown" ? "Copied" : "Copy Markdown"]
+				}), /* @__PURE__ */ jsxs(Dropdown, {
+					isOpen,
+					onOpenChange: setOpen,
+					children: [/* @__PURE__ */ jsxs(Button, {
+						"aria-label": "More page actions",
+						isIconOnly: true,
+						size: "md",
+						variant: "tertiary",
+						children: [/* @__PURE__ */ jsx(ButtonGroup.Separator, {}), /* @__PURE__ */ jsx(AltArrowDown, {
+							size: 14,
+							className: styles.chevron({ open: isOpen })
+						})]
+					}), /* @__PURE__ */ jsx(Dropdown.Popover, {
+						placement: "bottom end",
+						children: /* @__PURE__ */ jsx(Dropdown.Menu, {
+							"aria-label": "Page actions",
+							children: actions.map((action) => {
+								const Icon = action.icon;
+								const isAI = action.id === "chatgpt" || action.id === "claude";
+								return /* @__PURE__ */ jsxs(Dropdown.Item, {
+									href: action.href,
+									id: action.id,
+									rel: "noreferrer noopener",
+									target: "_blank",
+									textValue: action.title,
+									children: [
+										/* @__PURE__ */ jsx(Icon, {
+											size: 16,
+											className: styles.icon()
+										}),
+										/* @__PURE__ */ jsxs("span", {
+											className: styles.itemContent(),
+											children: [/* @__PURE__ */ jsx("span", { children: action.title }), /* @__PURE__ */ jsx("span", {
+												className: styles.description(),
+												children: action.description
+											})]
+										}),
+										isAI && /* @__PURE__ */ jsx(SquareArrowUp, {
+											size: 14,
+											className: styles.externalIcon()
+										})
+									]
+								}, action.id);
+							})
+						})
+					})]
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: styles.error(),
+				children: error
+			})
+		]
+	});
+};
+//#endregion
+export { PageActions };

package/dist/lib/layouts/docs/page-actions.variants.d.ts

@@ -0,0 +1,44 @@
+export declare const pageActionsVariants: import('tailwind-variants').TVReturnType<{
+    open: {
+        true: {
+            chevron: string;
+        };
+    };
+}, {
+    root: string;
+    chevron: string;
+    icon: string;
+    itemContent: string;
+    description: string;
+    externalIcon: string;
+    error: string;
+}, undefined, {
+    open: {
+        true: {
+            chevron: string;
+        };
+    };
+}, {
+    root: string;
+    chevron: string;
+    icon: string;
+    itemContent: string;
+    description: string;
+    externalIcon: string;
+    error: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    open: {
+        true: {
+            chevron: string;
+        };
+    };
+}, {
+    root: string;
+    chevron: string;
+    icon: string;
+    itemContent: string;
+    description: string;
+    externalIcon: string;
+    error: string;
+}>>;
+//# sourceMappingURL=page-actions.variants.d.ts.map

package/dist/lib/layouts/docs/page-actions.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-actions.variants.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/page-actions.variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAY9B,CAAA"}

package/dist/lib/layouts/docs/page-actions.variants.js

@@ -0,0 +1,17 @@
+import { tv } from "@vezham/react-v3";
+//#region src/lib/layouts/docs/page-actions.variants.ts
+var pageActionsVariants = tv({
+	slots: {
+		root: "flex flex-wrap items-center justify-end gap-2",
+		chevron: "text-muted transition-transform",
+		icon: "mt-0.5 shrink-0",
+		itemContent: "flex min-w-0 flex-1 flex-col",
+		description: "text-muted text-xs",
+		externalIcon: "text-muted",
+		error: "text-danger w-full text-sm"
+	},
+	variants: { open: { true: { chevron: "rotate-180" } } },
+	defaultVariants: { open: false }
+});
+//#endregion
+export { pageActionsVariants };

package/dist/lib/layouts/docs/page-content.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { PageComponents } from './pages';
+type Props = {
+    children: ReactNode;
+    description?: ReactNode;
+    markdownUrl?: string;
+    title?: ReactNode;
+} & Pick<PageComponents, 'Body' | 'Description' | 'Title'>;
+export declare const DocsPageContent: ({ children, description, markdownUrl, title, Body, Description, Title }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=page-content.d.ts.map

package/dist/lib/layouts/docs/page-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/page-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,CAAC,CAAA;AAE1D,eAAO,MAAM,eAAe,GAAI,yEAQ7B,KAAK,gCAWP,CAAA"}

package/dist/lib/layouts/docs/page-content.js

@@ -0,0 +1,13 @@
+import { PageActions } from "./page-actions.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/layouts/docs/page-content.tsx
+var DocsPageContent = ({ children, description, markdownUrl, title, Body, Description, Title }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+	title || markdownUrl ? /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-start gap-3 lg:flex-row lg:justify-between lg:gap-4",
+		children: [title ? /* @__PURE__ */ jsx(Title, { children: title }) : /* @__PURE__ */ jsx("span", {}), markdownUrl ? /* @__PURE__ */ jsx(PageActions, { markdownUrl }) : null]
+	}) : null,
+	description ? /* @__PURE__ */ jsx(Description, { children: description }) : null,
+	/* @__PURE__ */ jsx(Body, { children })
+] });
+//#endregion
+export { DocsPageContent };

package/dist/lib/layouts/docs/pages.d.ts

@@ -0,0 +1,57 @@
+import { ComponentProps } from 'react';
+import { DocsBody, DocsDescription, DocsPage as DocsPagePrimitive, DocsTitle } from '@vezham/docs-react/layouts/docs/page';
+import { DocsBody as NotebookDocsBody, DocsDescription as NotebookDocsDescription, DocsPage as NotebookDocsPage, DocsTitle as NotebookDocsTitle } from '@vezham/docs-react/layouts/notebook/page';
+import { DocsShell } from './types';
+import * as FluxPage from '@vezham/docs-react/layouts/flux/page';
+import * as GlassPage from '@vezham/docs-react/layouts/glass/page';
+export type DocsPageToc = ComponentProps<typeof DocsPagePrimitive>['toc'];
+declare const pages: {
+    docs: {
+        Page: typeof DocsPagePrimitive;
+        Body: typeof DocsBody;
+        Description: typeof DocsDescription;
+        Title: typeof DocsTitle;
+    };
+    notebook: {
+        Page: typeof NotebookDocsPage;
+        Body: typeof NotebookDocsBody;
+        Description: typeof NotebookDocsDescription;
+        Title: typeof NotebookDocsTitle;
+    };
+    flux: {
+        Page: typeof FluxPage.DocsPage;
+        Body: typeof FluxPage.DocsBody;
+        Description: typeof FluxPage.DocsDescription;
+        Title: typeof FluxPage.DocsTitle;
+    };
+    glass: {
+        Page: typeof GlassPage.DocsPage;
+        Body: typeof GlassPage.DocsBody;
+        Description: typeof GlassPage.DocsDescription;
+        Title: typeof GlassPage.DocsTitle;
+    };
+};
+export type PageComponents = (typeof pages)[keyof typeof pages];
+export declare const getPageComponents: (shell: DocsShell) => {
+    Page: typeof DocsPagePrimitive;
+    Body: typeof DocsBody;
+    Description: typeof DocsDescription;
+    Title: typeof DocsTitle;
+} | {
+    Page: typeof NotebookDocsPage;
+    Body: typeof NotebookDocsBody;
+    Description: typeof NotebookDocsDescription;
+    Title: typeof NotebookDocsTitle;
+} | {
+    Page: typeof FluxPage.DocsPage;
+    Body: typeof FluxPage.DocsBody;
+    Description: typeof FluxPage.DocsDescription;
+    Title: typeof FluxPage.DocsTitle;
+} | {
+    Page: typeof GlassPage.DocsPage;
+    Body: typeof GlassPage.DocsBody;
+    Description: typeof GlassPage.DocsDescription;
+    Title: typeof GlassPage.DocsTitle;
+};
+export {};
+//# sourceMappingURL=pages.d.ts.map

package/dist/lib/layouts/docs/pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/pages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EACL,QAAQ,EACR,eAAe,EACf,QAAQ,IAAI,iBAAiB,EAC7B,SAAS,EACV,MAAM,sCAAsC,CAAA;AAC7C,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAA;AAChE,OAAO,KAAK,SAAS,MAAM,uCAAuC,CAAA;AAClE,OAAO,EACL,QAAQ,IAAI,gBAAgB,EAC5B,eAAe,IAAI,uBAAuB,EAC1C,QAAQ,IAAI,gBAAgB,EAC5B,SAAS,IAAI,iBAAiB,EAC/B,MAAM,0CAA0C,CAAA;AAEjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAA;AAEzE,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyBV,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,OAAO,KAAK,CAAC,CAAA;AAE/D,eAAO,MAAM,iBAAiB,GAAI,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;CAEjD,CAAA"}

package/dist/lib/layouts/docs/pages.js

@@ -0,0 +1,36 @@
+import { DocsBody, DocsDescription, DocsPage, DocsTitle } from "@vezham/docs-react/layouts/docs/page";
+import * as FluxPage from "@vezham/docs-react/layouts/flux/page";
+import * as GlassPage from "@vezham/docs-react/layouts/glass/page";
+import { DocsBody as DocsBody$1, DocsDescription as DocsDescription$1, DocsPage as DocsPage$1, DocsTitle as DocsTitle$1 } from "@vezham/docs-react/layouts/notebook/page";
+//#region src/lib/layouts/docs/pages.ts
+var pages = {
+	docs: {
+		Page: DocsPage,
+		Body: DocsBody,
+		Description: DocsDescription,
+		Title: DocsTitle
+	},
+	notebook: {
+		Page: DocsPage$1,
+		Body: DocsBody$1,
+		Description: DocsDescription$1,
+		Title: DocsTitle$1
+	},
+	flux: {
+		Page: FluxPage.DocsPage,
+		Body: FluxPage.DocsBody,
+		Description: FluxPage.DocsDescription,
+		Title: FluxPage.DocsTitle
+	},
+	glass: {
+		Page: GlassPage.DocsPage,
+		Body: GlassPage.DocsBody,
+		Description: GlassPage.DocsDescription,
+		Title: GlassPage.DocsTitle
+	}
+};
+var getPageComponents = (shell) => {
+	return pages[shell === "home" ? "docs" : shell];
+};
+//#endregion
+export { getPageComponents };

package/dist/lib/layouts/docs/types.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps, ReactNode } from 'react';
+import { DocsLayout as DocsLayoutPrimitive } from '@vezham/docs-react/layouts/docs';
+import { DocsLayout as NotebookLayoutPrimitive } from '@vezham/docs-react/layouts/notebook';
+import { DocsPageToc } from './pages';
+export type DocsShell = 'docs' | 'flux' | 'glass' | 'home' | 'notebook';
+export type DocsLayoutProps = {
+    children: ReactNode;
+    shell?: DocsShell;
+} & Omit<ComponentProps<typeof DocsLayoutPrimitive>, 'children' | 'sidebar' | 'tabs' | 'tabMode'> & Omit<ComponentProps<typeof NotebookLayoutPrimitive>, 'children' | 'tabs' | 'tabMode'> & Pick<ComponentProps<typeof NotebookLayoutPrimitive>, 'tabs'> & {
+    tabMode?: ComponentProps<typeof DocsLayoutPrimitive>['tabMode'] | ComponentProps<typeof NotebookLayoutPrimitive>['tabMode'];
+};
+export type DocsPageProps = {
+    children: ReactNode;
+    description?: ReactNode;
+    full?: boolean;
+    markdownUrl?: string;
+    shell?: DocsShell;
+    title?: ReactNode;
+    toc: DocsPageToc;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/layouts/docs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/docs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACnF,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE3F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAA;AAEvE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAC1C,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAC5C,GACC,IAAI,CACF,cAAc,CAAC,OAAO,uBAAuB,CAAC,EAC9C,UAAU,GAAG,MAAM,GAAG,SAAS,CAChC,GACD,IAAI,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC7D,OAAO,CAAC,EACJ,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,SAAS,CAAC,GACrD,cAAc,CAAC,OAAO,uBAAuB,CAAC,CAAC,SAAS,CAAC,CAAA;CAC9D,CAAA;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,GAAG,EAAE,WAAW,CAAA;CACjB,CAAA"}