@vx-oss/docs-react 1.0.3 → 1.0.5

package/dist/components/ui/button.js

@@ -1,20 +1 @@
-import { cva } from "class-variance-authority";
-//#region src/components/ui/button.tsx
-const variants = {
-	primary: "bg-fd-primary text-fd-primary-foreground hover:bg-fd-primary/80 disabled:bg-fd-secondary disabled:text-fd-secondary-foreground",
-	outline: "border hover:bg-fd-accent hover:text-fd-accent-foreground",
-	ghost: "hover:bg-fd-accent hover:text-fd-accent-foreground",
-	secondary: "border bg-fd-secondary text-fd-secondary-foreground hover:bg-fd-accent hover:text-fd-accent-foreground"
-};
-const buttonVariants = cva("inline-flex items-center justify-center rounded-md p-2 text-sm font-medium transition-colors duration-100 disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring", { variants: {
-	variant: variants,
-	color: variants,
-	size: {
-		sm: "gap-1 px-2 py-1.5 text-xs",
-		icon: "p-1.5 [&_svg]:size-5",
-		"icon-sm": "p-1.5 [&_svg]:size-4.5",
-		"icon-xs": "p-1 [&_svg]:size-4"
-	}
-} });
-//#endregion
-export { buttonVariants };
+export * from '@vx-oss/docs-vezham-ui/components/ui/button';

package/dist/components/ui/collapsible.js

@@ -1,21 +1 @@
-"use client";
-import { cn } from "../../utils/cn.js";
-import { jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import * as Primitive from "@radix-ui/react-collapsible";
-//#region src/components/ui/collapsible.tsx
-const Collapsible = Primitive.Root;
-const CollapsibleTrigger = Primitive.CollapsibleTrigger;
-function CollapsibleContent({ children, ...props }) {
-	const [mounted, setMounted] = useState(false);
-	useEffect(() => {
-		setMounted(true);
-	}, []);
-	return /* @__PURE__ */ jsx(Primitive.CollapsibleContent, {
-		...props,
-		className: cn("overflow-hidden", mounted && "data-[state=closed]:animate-fd-collapsible-up data-[state=open]:animate-fd-collapsible-down", props.className),
-		children
-	});
-}
-//#endregion
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+export * from '@vx-oss/docs-vezham-ui/components/ui/collapsible';

package/dist/components/ui/popover.js

@@ -1,20 +1 @@
-"use client";
-import { cn } from "../../utils/cn.js";
-import { jsx } from "react/jsx-runtime";
-import "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-//#region src/components/ui/popover.tsx
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
-		align,
-		sideOffset,
-		side: "bottom",
-		className: cn("z-50 origin-(--radix-popover-content-transform-origin) overflow-y-auto max-h-(--radix-popover-content-available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in", className),
-		...props
-	}) });
-}
-const PopoverClose = PopoverPrimitive.PopoverClose;
-//#endregion
-export { Popover, PopoverClose, PopoverContent, PopoverTrigger };
+export * from '@vx-oss/docs-vezham-ui/components/ui/popover';

package/dist/components/ui/scroll-area.js

@@ -1,34 +1 @@
-import { cn } from "../../utils/cn.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import * as Primitive from "@radix-ui/react-scroll-area";
-//#region src/components/ui/scroll-area.tsx
-function ScrollArea({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Primitive.Root, {
-		type: "scroll",
-		className: cn("overflow-hidden", className),
-		...props,
-		children: [
-			children,
-			/* @__PURE__ */ jsx(Primitive.Corner, {}),
-			/* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" })
-		]
-	});
-}
-function ScrollViewport({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(Primitive.Viewport, {
-		className: cn("size-full rounded-[inherit]", className),
-		...props,
-		children
-	});
-}
-function ScrollBar({ className, orientation = "vertical", ...props }) {
-	return /* @__PURE__ */ jsx(Primitive.Scrollbar, {
-		orientation,
-		className: cn("flex select-none data-[state=hidden]:animate-fd-fade-out", orientation === "vertical" && "h-full w-1.5", orientation === "horizontal" && "h-1.5 flex-col", className),
-		...props,
-		children: /* @__PURE__ */ jsx(Primitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-fd-border" })
-	});
-}
-//#endregion
-export { ScrollArea, ScrollBar, ScrollViewport };
+export * from '@vx-oss/docs-vezham-ui/components/ui/scroll-area';

package/dist/components/ui/tabs.js

@@ -1,102 +1 @@
-"use client";
-import { mergeRefs } from "../../utils/merge-refs.js";
-import { jsx } from "react/jsx-runtime";
-import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
-import * as Primitive from "@radix-ui/react-tabs";
-//#region src/components/ui/tabs.tsx
-const listeners = /* @__PURE__ */ new Map();
-const TabsContext = createContext(null);
-function useTabContext() {
-	const ctx = use(TabsContext);
-	if (!ctx) throw new Error("You must wrap your component in <Tabs>");
-	return ctx;
-}
-const TabsList = Primitive.TabsList;
-const TabsTrigger = Primitive.TabsTrigger;
-function Tabs({ ref, groupId, persist = false, updateAnchor = false, defaultValue, value: _value, onValueChange: _onValueChange, ...props }) {
-	const tabsRef = useRef(null);
-	const valueToIdMap = useMemo(() => /* @__PURE__ */ new Map(), []);
-	const panels = useMemo(() => /* @__PURE__ */ new Map(), []);
-	const [value, setValue] = _value === void 0 ? useState(defaultValue) : [_value, useEffectEvent((v) => _onValueChange?.(v))];
-	useLayoutEffect(() => {
-		if (!groupId) return;
-		let previous = sessionStorage.getItem(groupId);
-		if (persist) previous ??= localStorage.getItem(groupId);
-		if (previous) setValue(previous);
-		const groupListeners = listeners.get(groupId) ?? /* @__PURE__ */ new Set();
-		groupListeners.add(setValue);
-		listeners.set(groupId, groupListeners);
-		return () => {
-			groupListeners.delete(setValue);
-		};
-	}, [
-		groupId,
-		persist,
-		setValue
-	]);
-	useLayoutEffect(() => {
-		const openFromHash = () => {
-			const hash = window.location.hash.slice(1);
-			if (!hash) return;
-			for (const [value, id] of valueToIdMap.entries()) if (id === hash) {
-				setValue(value);
-				tabsRef.current?.scrollIntoView();
-				return;
-			}
-			const target = document.getElementById(hash);
-			if (!target) return;
-			for (const [value, panel] of panels.entries()) {
-				if (!panel.contains(target)) continue;
-				setValue(value);
-				requestAnimationFrame(() => target.scrollIntoView());
-				return;
-			}
-		};
-		openFromHash();
-		window.addEventListener("hashchange", openFromHash);
-		return () => window.removeEventListener("hashchange", openFromHash);
-	}, [
-		setValue,
-		valueToIdMap,
-		panels
-	]);
-	return /* @__PURE__ */ jsx(Primitive.Tabs, {
-		ref: mergeRefs(ref, tabsRef),
-		value,
-		onValueChange: (v) => {
-			if (updateAnchor) {
-				const id = valueToIdMap.get(v);
-				if (id) window.history.replaceState(null, "", `#${id}`);
-			}
-			if (groupId) {
-				const groupListeners = listeners.get(groupId);
-				if (groupListeners) for (const listener of groupListeners) listener(v);
-				sessionStorage.setItem(groupId, v);
-				if (persist) localStorage.setItem(groupId, v);
-			} else setValue(v);
-		},
-		...props,
-		children: /* @__PURE__ */ jsx(TabsContext, {
-			value: useMemo(() => ({
-				valueToIdMap,
-				panels
-			}), [valueToIdMap, panels]),
-			children: props.children
-		})
-	});
-}
-function TabsContent({ value, ref, ...props }) {
-	const { valueToIdMap, panels } = useTabContext();
-	if (props.id) valueToIdMap.set(value, props.id);
-	return /* @__PURE__ */ jsx(Primitive.TabsContent, {
-		ref: mergeRefs(ref, (element) => {
-			if (element) panels.set(value, element);
-			else panels.delete(value);
-		}),
-		value,
-		...props,
-		children: props.children
-	});
-}
-//#endregion
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export * from '@vx-oss/docs-vezham-ui/components/ui/tabs';

package/dist/contexts/i18n.js

@@ -1,37 +1 @@
-"use client";
-import { usePathname, useRouter } from "@vx-oss/docs-core/framework";
-import { jsx } from "react/jsx-runtime";
-import { createContext, use, useMemo, useRef } from "react";
-import { TranslationProvider } from "@fuma-translate/react";
-//#region src/contexts/i18n.tsx
-const LocaleContext = createContext({});
-function useI18n() {
-	return use(LocaleContext);
-}
-const Empty = {};
-function I18nProvider({ locales = [], locale, onLocaleChange, children, translations = Empty }) {
-	const router = useRouter();
-	const pathname = usePathname();
-	const onChange = (value) => {
-		if (onLocaleChange) return onLocaleChange(value);
-		const segments = pathname.split("/").filter((v) => v.length > 0);
-		if (segments.length === 0 || segments[0] !== locale) segments.unshift(value);
-		else segments[0] = value;
-		router.push(`/${segments.join("/")}`);
-	};
-	const onChangeRef = useRef(onChange);
-	onChangeRef.current = onChange;
-	return /* @__PURE__ */ jsx(LocaleContext, {
-		value: useMemo(() => ({
-			locale,
-			locales,
-			onChange: (v) => onChangeRef.current(v)
-		}), [locale, locales]),
-		children: /* @__PURE__ */ jsx(TranslationProvider, {
-			translations,
-			children
-		})
-	});
-}
-//#endregion
-export { I18nProvider, useI18n };
+export * from '@vx-oss/docs-vezham-ui/contexts/i18n';

package/dist/contexts/search.js

@@ -1,68 +1 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Suspense, createContext, lazy, use, useEffect, useEffectEvent, useMemo, useState } from "react";
-//#region src/contexts/search.tsx
-const SearchContext = createContext({
-	enabled: false,
-	open: false,
-	hotKey: [],
-	setOpenSearch: () => void 0
-});
-function useSearchContext() {
-	return use(SearchContext);
-}
-function MetaOrControl() {
-	const [key, setKey] = useState("⌘");
-	useEffect(() => {
-		if (/Windows|Linux/i.test(window.navigator.userAgent)) setKey("Ctrl");
-	}, []);
-	return key;
-}
-const DEFAULT_HOT_KEYS = [{
-	key: (e) => e.metaKey || e.ctrlKey,
-	display: /* @__PURE__ */ jsx(MetaOrControl, {})
-}, {
-	key: "k",
-	display: "K"
-}];
-const DefaultSearchDialog = lazy(() => import("../components/dialog/search-default.js"));
-function SearchProvider({ SearchDialog = DefaultSearchDialog, children, preload = true, options, hotKey = DEFAULT_HOT_KEYS, links }) {
-	const [isOpen, setIsOpen] = useState(preload ? false : void 0);
-	const onKeyDown = useEffectEvent((e) => {
-		if (hotKey.every((v) => typeof v.key === "string" ? e.key === v.key : v.key(e))) {
-			setIsOpen((open) => !open);
-			e.preventDefault();
-		}
-	});
-	useEffect(() => {
-		window.addEventListener("keydown", onKeyDown);
-		return () => {
-			window.removeEventListener("keydown", onKeyDown);
-		};
-	}, []);
-	return /* @__PURE__ */ jsxs(SearchContext, {
-		value: useMemo(() => ({
-			enabled: true,
-			open: isOpen ?? false,
-			hotKey,
-			setOpenSearch: setIsOpen
-		}), [isOpen, hotKey]),
-		children: [/* @__PURE__ */ jsx(Suspense, {
-			fallback: null,
-			children: isOpen !== void 0 && /* @__PURE__ */ jsx(SearchDialog, {
-				open: isOpen,
-				onOpenChange: setIsOpen,
-				links,
-				...options
-			})
-		}), children]
-	});
-}
-/**
-* Show children only when search is enabled via React Context
-*/
-function SearchOnly({ children }) {
-	if (useSearchContext().enabled) return children;
-}
-//#endregion
-export { SearchOnly, SearchProvider, useSearchContext };
+export * from '@vx-oss/docs-vezham-ui/contexts/search';

package/dist/contexts/tree.js

@@ -1,91 +1 @@
-"use client";
-import { usePathname } from "@vx-oss/docs-core/framework";
-import { jsx } from "react/jsx-runtime";
-import { createContext, use, useMemo, useRef } from "react";
-import * as PageTree from "@vx-oss/docs-core/page-tree";
-import { searchPath } from "@vx-oss/docs-core/breadcrumb";
-//#region src/contexts/tree.tsx
-const TreeContext = createContext(null);
-const PathContext = createContext([]);
-function TreeContextProvider({ tree: rawTree, children }) {
-	const nextIdRef = useRef(0);
-	const pathname = usePathname();
-	const tree = useMemo(() => rawTree, [rawTree.$id]);
-	const path = useMemo(() => {
-		return searchPath(tree.children, pathname) ?? (tree.fallback ? searchPath(tree.fallback.children, pathname) : null) ?? [];
-	}, [tree, pathname]);
-	const root = path.findLast((item) => item.type === "folder" && item.root) ?? tree;
-	root.$id ??= String(nextIdRef.current++);
-	return /* @__PURE__ */ jsx(TreeContext, {
-		value: useMemo(() => ({
-			root,
-			full: tree
-		}), [root, tree]),
-		children: /* @__PURE__ */ jsx(PathContext, {
-			value: path,
-			children
-		})
-	});
-}
-function useTreePath() {
-	return use(PathContext);
-}
-function useTreeContext() {
-	const ctx = use(TreeContext);
-	if (!ctx) throw new Error("You must wrap this component under <DocsLayout />");
-	return ctx;
-}
-/**
-* Group tabs by the root folders on the current page's path (outermost first): each tab is
-* matched to its root folder, linking to the projection of current page when possible.
-*
-* Tabs not bound to the page tree are appended to the group of `root: true` folders.
-*/
-function useTabsGroups(tabs) {
-	const { full: tree } = useTreeContext();
-	const path = use(PathContext);
-	return useMemo(() => {
-		const out = [];
-		const last = path[path.length - 1];
-		const page = last?.type === "page" ? last : void 0;
-		let scope = tree.fallback && !tree.children.includes(path[0]) ? tree.fallback : tree;
-		for (const node of path) {
-			if (node.type !== "folder" || !node.root) continue;
-			const group = {
-				active: node,
-				options: []
-			};
-			collectTabs(scope, node, page, tabs, group.options);
-			if (group.options.length > 0) out.push(group);
-			scope = node;
-		}
-		const custom = tabs.filter((tab) => !tab.$folder);
-		if (custom.length > 0) {
-			const group = out.findLast((group) => group.active?.root === true);
-			if (group) group.options.push(...custom);
-			else out.push({ options: custom });
-		}
-		return out;
-	}, [
-		tabs,
-		tree,
-		path
-	]);
-}
-/** collect the tabs of root folders with the same type as `active` within a scope */
-function collectTabs(scope, active, page, tabs, out) {
-	for (const node of scope.children) {
-		if (node.type !== "folder") continue;
-		if (node.root === active.root) {
-			const tab = tabs.find((tab) => tab.$folder && (tab.$folder === node || tab.$folder.$id === node.$id));
-			if (!tab) continue;
-			const projection = page && PageTree.findProjection(active, node, page);
-			out.push(projection ? {
-				...tab,
-				url: projection.url
-			} : tab);
-		} else if (!node.root) collectTabs(node, active, page, tabs, out);
-	}
-}
-//#endregion
-export { TreeContextProvider, useTabsGroups, useTreeContext, useTreePath };
+export * from '@vx-oss/docs-vezham-ui/contexts/tree';

package/dist/i18n.js

@@ -1,38 +1 @@
-import keys_default from "./.translations/keys.js";
-//#region src/i18n.tsx
-function uiTranslations() {
-	return { keys: keys_default };
-}
-function i18nProvider(translations, lang) {
-	const t = translations.extend(uiTranslations());
-	if ("config" in t) {
-		const { defaultLanguage, languages } = t.config;
-		const locale = lang ?? defaultLanguage;
-		return {
-			locale: lang,
-			translations: t.get(locale) ?? t.get(defaultLanguage),
-			locales: languages.map((code) => ({
-				locale: code,
-				name: t.get(code).displayName ?? "English"
-			}))
-		};
-	}
-	return { translations: t.get() };
-}
-function defineI18nUI(config, localeTranslations = {}) {
-	return {
-		...config,
-		provider(locale = config.defaultLanguage) {
-			return {
-				locale,
-				translations: localeTranslations[locale],
-				locales: config.languages.map((code) => ({
-					locale: code,
-					name: localeTranslations[code]?.displayName ?? code
-				}))
-			};
-		}
-	};
-}
-//#endregion
-export { defineI18nUI, i18nProvider, uiTranslations };
+export * from '@vx-oss/docs-vezham-ui/i18n';

package/dist/index.js

@@ -0,0 +1 @@
+export * from '@vx-oss/docs-vezham-ui';

package/dist/layouts/docs/index.js

@@ -1,23 +1 @@
-import { getLayoutTabs } from "../shared/index.js";
-import { LayoutBody, useDocsLayout } from "./client.js";
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-//#region src/layouts/docs/index.tsx
-function DocsLayout({ tree, sidebar: { tabs: _tabs, tabMode: _tabMode, ...sidebarProps } = {}, tabs: layoutTabs = _tabs, tabMode = _tabMode, children, ...props }) {
-	const tabs = useMemo(() => {
-		if (Array.isArray(layoutTabs)) return layoutTabs;
-		if (typeof layoutTabs === "object") return getLayoutTabs(tree, layoutTabs);
-		if (layoutTabs !== false) return getLayoutTabs(tree);
-		return [];
-	}, [tree, layoutTabs]);
-	return /* @__PURE__ */ jsx(LayoutBody, {
-		tree,
-		tabs,
-		tabMode,
-		sidebar: sidebarProps,
-		...props,
-		children
-	});
-}
-//#endregion
-export { DocsLayout, useDocsLayout };
+export * from '@vx-oss/docs-vezham-ui/layouts/docs';

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

@@ -1,124 +1 @@
-"use client";
-import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
-import { cn } from "../../../utils/cn.js";
-import { buttonVariants } from "../../../components/ui/button.js";
-import { TOC, TOCPopover, TOCProvider } from "./slots/toc.js";
-import { Footer } from "./slots/footer.js";
-import { Breadcrumb } from "./slots/breadcrumb.js";
-import { Container } from "./slots/container.js";
-import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Edit } from "lucide-react";
-import { createContext, use, useEffect, useState } from "react";
-import { useTranslations } from "@fuma-translate/react";
-//#region src/layouts/docs/page/index.tsx
-var page_exports = /* @__PURE__ */ __exportAll({
-	DocsBody: () => DocsBody,
-	DocsDescription: () => DocsDescription,
-	DocsPage: () => DocsPage,
-	DocsTitle: () => DocsTitle,
-	EditOnGitHub: () => EditOnGitHub,
-	MarkdownCopyButton: () => MarkdownCopyButton,
-	PageBreadcrumb: () => Breadcrumb,
-	PageFooter: () => Footer,
-	PageLastUpdate: () => PageLastUpdate,
-	ViewOptionsPopover: () => ViewOptionsPopover,
-	useDocsPage: () => useDocsPage
-});
-const PageContext = createContext(null);
-function useDocsPage() {
-	const context = use(PageContext);
-	if (!context) throw new Error("Please use page components under <DocsPage /> (`@vx-oss/docs-react/layouts/docs/page`).");
-	return context;
-}
-function DocsPage({ full = false, tableOfContent: { enabled: tocEnabled = !full, single, ...tocProps } = {}, tableOfContentPopover: { enabled: tocPopoverEnabled, ...tocPopoverProps } = {}, breadcrumb: { enabled: breadcrumbEnabled = true, ...breadcrumb } = {}, footer: { enabled: footerEnabled = true, ...footer } = {}, toc = [], slots: defaultSlots = {}, children, ...containerProps }) {
-	tocPopoverEnabled ??= Boolean(toc.length > 0 || tocPopoverProps.header || tocPopoverProps.footer);
-	const slots = {
-		breadcrumb: defaultSlots.breadcrumb ?? Breadcrumb,
-		footer: defaultSlots.footer ?? Footer,
-		toc: defaultSlots.toc ?? {
-			provider: TOCProvider,
-			main: TOC,
-			popover: TOCPopover
-		},
-		container: defaultSlots.container ?? Container
-	};
-	return /* @__PURE__ */ jsx(PageContext, {
-		value: {
-			full,
-			slots
-		},
-		children: /* @__PURE__ */ jsxs(slots.toc.provider, {
-			single,
-			toc: tocEnabled || tocPopoverEnabled ? toc : [],
-			children: [
-				tocPopoverEnabled && (tocPopoverProps.component ?? /* @__PURE__ */ jsx(slots.toc.popover, { ...tocPopoverProps })),
-				/* @__PURE__ */ jsxs(slots.container, {
-					...containerProps,
-					children: [
-						breadcrumbEnabled && (breadcrumb.component ?? /* @__PURE__ */ jsx(slots.breadcrumb, { ...breadcrumb })),
-						children,
-						footerEnabled && (footer.component ?? /* @__PURE__ */ jsx(slots.footer, { ...footer }))
-					]
-				}),
-				tocEnabled && (tocProps.component ?? /* @__PURE__ */ jsx(slots.toc.main, { ...tocProps }))
-			]
-		})
-	});
-}
-function EditOnGitHub(props) {
-	const t = useTranslations({ note: "edit page" });
-	return /* @__PURE__ */ jsx("a", {
-		target: "_blank",
-		rel: "noreferrer noopener",
-		...props,
-		className: cn(buttonVariants({
-			color: "secondary",
-			size: "sm"
-		}), "gap-1.5 not-prose", props.className),
-		children: props.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Edit, { className: "size-3.5" }), t("Edit on GitHub")] })
-	});
-}
-/**
-* Add typography styles
-*/
-function DocsBody({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: cn("prose flex-1", className),
-		children
-	});
-}
-function DocsDescription({ children, className, ...props }) {
-	if (children === void 0) return null;
-	return /* @__PURE__ */ jsx("p", {
-		...props,
-		className: cn("mb-8 text-lg text-fd-muted-foreground", className),
-		children
-	});
-}
-function DocsTitle({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx("h1", {
-		...props,
-		className: cn("text-[1.75em] font-semibold", className),
-		children
-	});
-}
-function PageLastUpdate({ date: value, ...props }) {
-	const t = useTranslations({ note: "page footer" });
-	const [date, setDate] = useState("");
-	useEffect(() => {
-		setDate(value.toLocaleDateString());
-	}, [value]);
-	return /* @__PURE__ */ jsxs("p", {
-		...props,
-		className: cn("text-sm text-fd-muted-foreground", props.className),
-		children: [
-			t("Last updated on"),
-			" ",
-			date
-		]
-	});
-}
-//#endregion
-export { DocsBody, DocsDescription, DocsPage, DocsTitle, EditOnGitHub, MarkdownCopyButton, Breadcrumb as PageBreadcrumb, Footer as PageFooter, PageLastUpdate, ViewOptionsPopover, page_exports, useDocsPage };
+export * from '@vx-oss/docs-vezham-ui/layouts/docs/page';

package/dist/layouts/docs/page/slots/breadcrumb.js

@@ -1,44 +1 @@
-"use client";
-import { cn } from "../../../../utils/cn.js";
-import { useTreeContext, useTreePath } from "../../../../contexts/tree.js";
-import Link from "@vx-oss/docs-core/link";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRight } from "lucide-react";
-import { Fragment as Fragment$1, useMemo } from "react";
-import { getBreadcrumbItemsFromPath } from "@vx-oss/docs-core/breadcrumb";
-//#region src/layouts/docs/page/slots/breadcrumb.tsx
-function Breadcrumb({ includeRoot, includeSeparator, includePage, ...props }) {
-	const path = useTreePath();
-	const { root } = useTreeContext();
-	const items = useMemo(() => {
-		return getBreadcrumbItemsFromPath(root, path, {
-			includePage,
-			includeSeparator,
-			includeRoot
-		});
-	}, [
-		includePage,
-		includeRoot,
-		includeSeparator,
-		path,
-		root
-	]);
-	if (items.length === 0) return null;
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: cn("flex items-center gap-1.5 text-sm text-fd-muted-foreground", props.className),
-		children: items.map((item, i) => {
-			const className = cn("truncate", i === items.length - 1 && "text-fd-primary font-medium");
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [i !== 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 shrink-0" }), item.url ? /* @__PURE__ */ jsx(Link, {
-				href: item.url,
-				className: cn(className, "transition-opacity hover:opacity-80"),
-				children: item.name
-			}) : /* @__PURE__ */ jsx("span", {
-				className,
-				children: item.name
-			})] }, i);
-		})
-	});
-}
-//#endregion
-export { Breadcrumb };
+export * from '@vx-oss/docs-vezham-ui/layouts/docs/page/slots/breadcrumb';

package/dist/layouts/docs/page/slots/container.js

@@ -1,22 +1 @@
-"use client";
-import { cn } from "../../../../utils/cn.js";
-import { useDocsPage } from "../index.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/layouts/docs/page/slots/container.tsx
-function Container(props) {
-	const { full } = useDocsPage();
-	return /* @__PURE__ */ jsx("main", {
-		className: "grid [grid-area:main] justify-items-center",
-		"data-layout-main": "",
-		children: /* @__PURE__ */ jsx("article", {
-			id: "nd-page",
-			"data-layout-content": "",
-			"data-full": full,
-			...props,
-			className: cn("flex flex-col min-w-0 w-full max-w-[900px] px-4 py-6 gap-4 md:px-6 md:pt-8 xl:px-8 xl:pt-14", full && "max-w-[1168px]", props.className),
-			children: props.children
-		})
-	});
-}
-//#endregion
-export { Container };
+export * from '@vx-oss/docs-vezham-ui/layouts/docs/page/slots/container';