@vx-oss/docs-react 1.0.4 → 1.0.5

package/dist/layouts/flux/slots/sidebar.js

@@ -1,243 +1 @@
-"use client";
-import { cn } from "../../../utils/cn.js";
-import { mergeRefs } from "../../../utils/merge-refs.js";
-import { SidebarFolder as SidebarFolder$1, SidebarFolderContent as SidebarFolderContent$1, SidebarFolderLink as SidebarFolderLink$1, SidebarFolderTrigger as SidebarFolderTrigger$1, SidebarItem as SidebarItem$1, SidebarProvider as SidebarProvider$1, SidebarSeparator as SidebarSeparator$1, SidebarViewport, base_exports, useFolder, useFolderDepth } from "../../../components/sidebar/base.js";
-import { createPageTreeRenderer } from "../../../components/sidebar/page-tree.js";
-import { createLinkItemRenderer } from "../../../components/sidebar/link-item.js";
-import { useFluxLayout } from "../index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { SidebarIcon, XIcon } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { useEffect, useEffectEvent, useRef, useState } from "react";
-import { useTranslations } from "@fuma-translate/react";
-import { AnimatePresence, motion } from "motion/react";
-import { RemoveScroll } from "react-remove-scroll";
-//#region src/layouts/flux/slots/sidebar.tsx
-const MotionSidebarItem = motion.create(SidebarItem$1);
-const MotionSidebarFolderTrigger = motion.create(SidebarFolderTrigger$1);
-const MotionSidebarFolderLink = motion.create(SidebarFolderLink$1);
-const MotionSidebarFolderContent = motion.create(SidebarFolderContent$1);
-const itemVariants = cva("relative flex flex-row items-center gap-2 rounded-lg p-2 text-start text-fd-muted-foreground wrap-anywhere [&_svg]:size-4 [&_svg]:shrink-0", { variants: {
-	variant: {
-		link: "transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none data-[active=true]:bg-fd-primary/10 data-[active=true]:text-fd-primary data-[active=true]:hover:transition-colors",
-		button: "transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none"
-	},
-	highlight: { true: "data-[active=true]:before:content-[''] data-[active=true]:before:bg-fd-primary data-[active=true]:before:absolute data-[active=true]:before:w-px data-[active=true]:before:inset-y-2.5 data-[active=true]:before:start-2.5" }
-} });
-function getItemOffset(depth) {
-	return `calc(${2 + 3 * depth} * var(--spacing))`;
-}
-const { useSidebar } = base_exports;
-function SidebarProvider(props) {
-	return /* @__PURE__ */ jsx(SidebarProvider$1, { ...props });
-}
-function Sidebar({ footer, banner, components, ...rest }) {
-	const { menuItems } = useFluxLayout();
-	return /* @__PURE__ */ jsxs(SidebarContent, {
-		...rest,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "flex flex-col gap-3 p-4 pb-2 empty:hidden",
-				children: banner
-			}),
-			/* @__PURE__ */ jsxs(SidebarViewport, {
-				viewport: { className: "*:gap-0!" },
-				children: [menuItems.filter((v) => v.type !== "icon").map((item, i, list) => /* @__PURE__ */ jsx(SidebarLinkItem, {
-					item,
-					className: cn(i === list.length - 1 && "mb-4")
-				}, i)), /* @__PURE__ */ jsx(SidebarPageTree, { ...components })]
-			}),
-			footer
-		]
-	});
-}
-function SidebarTrigger(props) {
-	const { open, setOpen } = useSidebar();
-	const t = useTranslations({ note: "sidebar" });
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": open ? t("Close Sidebar", { note: "aria-label" }) : t("Open Sidebar", { note: "aria-label" }),
-		"aria-expanded": open,
-		"aria-controls": "nd-sidebar",
-		onClick: () => setOpen((prev) => !prev),
-		...props,
-		children: /* @__PURE__ */ jsx(AnimatePresence, {
-			mode: "wait",
-			children: /* @__PURE__ */ jsx(motion.span, {
-				transition: { duration: .2 },
-				initial: {
-					y: "100%",
-					opacity: 0
-				},
-				animate: {
-					y: 0,
-					opacity: 1
-				},
-				exit: {
-					y: "100%",
-					opacity: 0
-				},
-				children: open ? /* @__PURE__ */ jsx(XIcon, {}) : /* @__PURE__ */ jsx(SidebarIcon, {})
-			}, open ? "open" : "closed")
-		})
-	});
-}
-function SidebarContent({ ref: refProp, className, children, ...props }) {
-	const ref = useRef(null);
-	const [blockScroll, setBlockScroll] = useState(false);
-	const { open, setOpen } = useSidebar();
-	const listener = useEffectEvent((e) => {
-		if (open && e.key === "Escape") {
-			setOpen(false);
-			e.preventDefault();
-		}
-	});
-	useEffect(() => {
-		window.addEventListener("keydown", listener);
-		return () => {
-			window.removeEventListener("keydown", listener);
-		};
-	}, []);
-	if (open && !blockScroll) setBlockScroll(true);
-	return /* @__PURE__ */ jsx(RemoveScroll, {
-		enabled: blockScroll,
-		children: /* @__PURE__ */ jsx(motion.div, {
-			className: cn("fixed inset-0 py-10 z-30 backdrop-blur-md bg-fd-background/60", !open && "pointer-events-none"),
-			initial: "hide",
-			variants: {
-				show: { opacity: 1 },
-				hide: { opacity: 0 }
-			},
-			animate: open ? "show" : "hide",
-			exit: "hide",
-			onClick: () => {
-				setOpen(false);
-			},
-			onAnimationComplete: (definition) => {
-				if (definition === "hide") setBlockScroll(false);
-			},
-			children: /* @__PURE__ */ jsx(motion.div, {
-				className: "absolute top-0 min-h-0 inset-x-0 bottom-26 overflow-y-auto fd-scroll-container pr-(--removed-body-scroll-bar-size,0) py-16 mask-[linear-gradient(to_bottom,transparent,white_--spacing(14),white_calc(100%---spacing(14)),transparent)] lg:text-sm",
-				variants: {
-					show: {
-						y: 0,
-						opacity: 1
-					},
-					hide: {
-						y: "80%",
-						opacity: 0
-					}
-				},
-				transition: {
-					duration: .4,
-					ease: [
-						.16,
-						1,
-						.3,
-						1
-					]
-				},
-				children: /* @__PURE__ */ jsx(motion.aside, {
-					id: "nd-sidebar",
-					ref: mergeRefs(ref, refProp),
-					className: cn("mx-auto sm:max-w-[400px]", className),
-					onClick: (e) => e.stopPropagation(),
-					...props,
-					children
-				})
-			})
-		})
-	});
-}
-function SidebarFolder(props) {
-	return /* @__PURE__ */ jsx(SidebarFolder$1, { ...props });
-}
-function SidebarSeparator({ className, style, children, ...props }) {
-	const depth = useFolderDepth();
-	return /* @__PURE__ */ jsx(SidebarSeparator$1, {
-		className: cn("inline-flex items-center gap-2 mb-1.5 px-2 mt-6 empty:mb-0 [&_svg]:size-4 [&_svg]:shrink-0", depth === 0 && "first:mt-0", className),
-		style: {
-			paddingInlineStart: getItemOffset(depth),
-			...style
-		},
-		...props,
-		children
-	});
-}
-function SidebarItem({ className, style, children, ...props }) {
-	const depth = useFolderDepth();
-	return /* @__PURE__ */ jsx(MotionSidebarItem, {
-		className: cn(itemVariants({
-			variant: "link",
-			highlight: depth >= 1
-		}), className),
-		style: {
-			paddingInlineStart: getItemOffset(depth),
-			...style
-		},
-		...props,
-		children
-	});
-}
-function SidebarFolderTrigger({ className, style, ...props }) {
-	const { depth, collapsible } = useFolder();
-	return /* @__PURE__ */ jsx(MotionSidebarFolderTrigger, {
-		className: cn(itemVariants({ variant: collapsible ? "button" : null }), "w-full", className),
-		style: {
-			paddingInlineStart: getItemOffset(depth - 1),
-			...style
-		},
-		...props,
-		children: props.children
-	});
-}
-function SidebarFolderLink({ className, style, ...props }) {
-	const depth = useFolderDepth();
-	return /* @__PURE__ */ jsx(MotionSidebarFolderLink, {
-		className: cn(itemVariants({
-			variant: "link",
-			highlight: depth > 1
-		}), "w-full", className),
-		style: {
-			paddingInlineStart: getItemOffset(depth - 1),
-			...style
-		},
-		...props,
-		children: props.children
-	});
-}
-function SidebarFolderContent({ className, children, ...props }) {
-	const depth = useFolderDepth();
-	const { open } = useFolder();
-	return /* @__PURE__ */ jsx(MotionSidebarFolderContent, {
-		className: cn("relative", depth === 1 && "before:content-[''] before:absolute before:w-px before:inset-y-1 before:bg-fd-border before:start-2.5", className),
-		...props,
-		children: /* @__PURE__ */ jsx(motion.div, {
-			initial: "hide",
-			animate: open ? "show" : "hide",
-			exit: "hide",
-			variants: {
-				show: { opacity: 1 },
-				hide: { opacity: 0 }
-			},
-			children
-		})
-	});
-}
-const SidebarPageTree = createPageTreeRenderer({
-	SidebarFolder,
-	SidebarFolderContent,
-	SidebarSeparator,
-	SidebarFolderLink,
-	SidebarFolderTrigger,
-	SidebarItem
-});
-const SidebarLinkItem = createLinkItemRenderer({
-	SidebarFolder,
-	SidebarFolderContent,
-	SidebarFolderLink,
-	SidebarFolderTrigger,
-	SidebarItem
-});
-//#endregion
-export { Sidebar, SidebarProvider, SidebarTrigger, useSidebar };
+export * from '@vx-oss/docs-vezham-ui/layouts/flux/slots/sidebar';

package/dist/layouts/flux/slots/tab-dropdown.js

@@ -1,88 +1 @@
-"use client";
-import { cn } from "../../../utils/cn.js";
-import { useTabsGroups } from "../../../contexts/tree.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.js";
-import { isLayoutTabActive } from "../../shared/index.js";
-import Link from "@vx-oss/docs-core/link";
-import { usePathname } from "@vx-oss/docs-core/framework";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Check, ChevronsUpDown } from "lucide-react";
-import { useMemo, useState } from "react";
-import { AnimatePresence, motion } from "motion/react";
-//#region src/layouts/flux/slots/tab-dropdown.tsx
-function TabDropdown({ tabs: allTabs, placeholder, className, ...props }) {
-	const [open, setOpen] = useState(false);
-	const pathname = usePathname();
-	const tabs = useTabsGroups(allTabs).findLast((group) => typeof group.active?.root !== "string")?.options;
-	const selectedIdx = useMemo(() => {
-		return tabs?.findLastIndex((item) => isLayoutTabActive(item, pathname)) ?? -1;
-	}, [tabs, pathname]);
-	if (!tabs) return;
-	const selected = selectedIdx !== -1 ? tabs[selectedIdx] : void 0;
-	const onClick = () => {
-		setOpen(false);
-	};
-	const item = selected ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-		className: "size-4.5 shrink-0 empty:hidden",
-		children: selected.icon
-	}), /* @__PURE__ */ jsx("p", {
-		className: "font-medium",
-		children: selected.title
-	})] }) : placeholder;
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [item && /* @__PURE__ */ jsxs(PopoverTrigger, {
-			className: cn("flex items-center gap-2 rounded-xl overflow-hidden p-1.5 border shadow-sm text-sm text-start transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground data-[state=open]:bg-fd-accent data-[state=open]:text-fd-accent-foreground", className),
-			...props,
-			children: [/* @__PURE__ */ jsx(AnimatePresence, {
-				mode: "popLayout",
-				children: /* @__PURE__ */ jsx(motion.span, {
-					className: "flex w-full min-w-0 overflow-hidden items-center text-nowrap gap-1.5",
-					initial: {
-						opacity: 0,
-						y: "100%"
-					},
-					animate: {
-						opacity: 1,
-						y: 0
-					},
-					exit: {
-						opacity: 0,
-						y: "-100%"
-					},
-					children: item
-				}, selectedIdx)
-			}), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "shrink-0 ms-auto size-4 text-fd-muted-foreground" })]
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			align: "start",
-			className: "flex flex-col gap-1 max-w-svw p-1 fd-scroll-container",
-			children: tabs.map((item, i) => {
-				const isActive = i === selectedIdx;
-				if (!isActive && item.unlisted) return;
-				return /* @__PURE__ */ jsxs(Link, {
-					href: item.url,
-					onClick,
-					...item.props,
-					className: cn("flex items-center gap-1.5 rounded-lg p-1.5 hover:bg-fd-accent hover:text-fd-accent-foreground", item.props?.className),
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "shrink-0 mb-auto size-4.5 empty:hidden",
-							children: item.icon
-						}),
-						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-							className: "text-sm font-medium leading-none",
-							children: item.title
-						}), /* @__PURE__ */ jsx("p", {
-							className: "text-[0.8125rem] text-fd-muted-foreground mt-1 empty:hidden",
-							children: item.description
-						})] }),
-						/* @__PURE__ */ jsx(Check, { className: cn("shrink-0 ms-auto size-3.5 text-fd-primary", !isActive && "invisible") })
-					]
-				}, item.url);
-			})
-		})]
-	});
-}
-//#endregion
-export { TabDropdown };
+export * from '@vx-oss/docs-vezham-ui/layouts/flux/slots/tab-dropdown';

package/dist/layouts/glass/index.js

@@ -1,70 +1 @@
-"use client";
-import { TreeContextProvider } from "../../contexts/tree.js";
-import { baseSlots } from "../shared/client.js";
-import { getLayoutTabs, useLinkItems } from "../shared/index.js";
-import { Sidebar, SidebarDrawer, SidebarProvider, useSidebar } from "./slots/sidebar.js";
-import { Header } from "./slots/header.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, use, useMemo } from "react";
-//#region src/layouts/glass/index.tsx
-const LayoutContext = createContext(null);
-function useGlassLayout() {
-	const context = use(LayoutContext);
-	if (!context) throw new Error("Please use Glass layout components under <GlassLayout /> (`@vx-oss/docs-react/layouts/glass`).");
-	return context;
-}
-const { useBaseSlots } = baseSlots({ useProps() {
-	return useGlassLayout().props;
-} });
-function GlassLayout(props) {
-	const { tree, tabs: defaultTabs, aiChat, children, slots: defaultSlots = {} } = props;
-	const linkItems = useLinkItems(props);
-	const { baseSlots, baseProps } = useBaseSlots(props);
-	const tabs = useMemo(() => {
-		if (Array.isArray(defaultTabs)) return defaultTabs;
-		if (typeof defaultTabs === "object") return getLayoutTabs(tree, defaultTabs);
-		if (defaultTabs !== false) return getLayoutTabs(tree);
-		return [];
-	}, [tree, defaultTabs]);
-	const slots = {
-		...baseSlots,
-		header: defaultSlots.header ?? Header,
-		sidebar: defaultSlots.sidebar ?? {
-			drawer: SidebarDrawer,
-			main: Sidebar,
-			provider: SidebarProvider,
-			use: useSidebar
-		}
-	};
-	const leftSpace = "calc(50% - var(--fd-main-width)/2 - var(--fd-left-width))";
-	return /* @__PURE__ */ jsx(LayoutContext, {
-		value: {
-			props: {
-				tabs,
-				aiChat,
-				...baseProps
-			},
-			slots,
-			...linkItems
-		},
-		children: /* @__PURE__ */ jsx(slots.sidebar.provider, {
-			...props.sidebar,
-			children: /* @__PURE__ */ jsx(TreeContextProvider, {
-				tree,
-				children: /* @__PURE__ */ jsxs("div", {
-					id: "fd-glass-layout",
-					className: "grid overflow-x-clip min-h-dvh [--fd-main-width:900px] [--fd-left-width:0px] [--fd-right-width:0px]",
-					style: { gridTemplate: `"left left-margin main right-margin right" 1fr / var(--fd-left-width) ${leftSpace} 1fr calc(50% - var(--fd-main-width)/2 - var(--fd-right-width) + min(${leftSpace}, 0px)) var(--fd-right-width)` },
-					children: [
-						/* @__PURE__ */ jsx(slots.sidebar.drawer, {}),
-						/* @__PURE__ */ jsx(slots.sidebar.main, {}),
-						/* @__PURE__ */ jsx(slots.header, {}),
-						children
-					]
-				})
-			})
-		})
-	});
-}
-//#endregion
-export { GlassLayout, useGlassLayout };
+export * from '@vx-oss/docs-vezham-ui/layouts/glass';

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

@@ -1,92 +1 @@
-"use client";
-import { cn } from "../../../utils/cn.js";
-import { buttonVariants } from "../../../components/ui/button.js";
-import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
-import { Footer } from "./slots/footer.js";
-import { Breadcrumb } from "./slots/breadcrumb.js";
-import { TOC, TOCProvider } from "./slots/toc.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/glass/page/index.tsx
-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/glass/page`).");
-	return context;
-}
-const Empty = [];
-function DocsPage({ full = false, toc = Empty, tableOfContent, children }) {
-	return /* @__PURE__ */ jsx(PageContext, {
-		value: { full },
-		children: /* @__PURE__ */ jsxs(TOCProvider, {
-			toc,
-			children: [/* @__PURE__ */ jsxs("div", {
-				"data-fd-full": full,
-				className: cn("flex flex-col gap-2 p-6 pb-16 min-w-0 [grid-area:main] md:pt-16 md:pb-8", full && "layout:[--fd-main-width:1200px]"),
-				children: [
-					/* @__PURE__ */ jsx(Breadcrumb, {}),
-					children,
-					/* @__PURE__ */ jsx(Footer, {})
-				]
-			}), /* @__PURE__ */ jsx(TOC, { ...tableOfContent })]
-		})
-	});
-}
-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, PageLastUpdate, ViewOptionsPopover, useDocsPage };
+export * from '@vx-oss/docs-vezham-ui/layouts/glass/page';

package/dist/layouts/glass/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/glass/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/glass/page/slots/breadcrumb';

package/dist/layouts/glass/page/slots/footer.js

@@ -1,56 +1 @@
-"use client";
-import { cn } from "../../../../utils/cn.js";
-import { isActive } from "../../../../utils/urls.js";
-import { useFooterItems } from "../../../../utils/use-footer-items.js";
-import Link from "@vx-oss/docs-core/link";
-import { usePathname } from "@vx-oss/docs-core/framework";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { useMemo } from "react";
-import { useTranslations } from "@fuma-translate/react";
-//#region src/layouts/glass/page/slots/footer.tsx
-function Footer({ items, children, className, ...props }) {
-	const footerList = useFooterItems();
-	const pathname = usePathname();
-	const { previous, next } = useMemo(() => {
-		if (items) return items;
-		const idx = footerList.findIndex((item) => isActive(item.url, pathname));
-		if (idx === -1) return {};
-		return {
-			previous: footerList[idx - 1],
-			next: footerList[idx + 1]
-		};
-	}, [
-		footerList,
-		items,
-		pathname
-	]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: cn("@container grid gap-4", previous && next ? "grid-cols-2" : "grid-cols-1", className),
-		...props,
-		children: [previous && /* @__PURE__ */ jsx(FooterItem, {
-			item: previous,
-			index: 0
-		}), next && /* @__PURE__ */ jsx(FooterItem, {
-			item: next,
-			index: 1
-		})]
-	}), children] });
-}
-function FooterItem({ item, index }) {
-	const t = useTranslations({ note: "pagination" });
-	const Icon = index === 0 ? ChevronLeft : ChevronRight;
-	return /* @__PURE__ */ jsxs(Link, {
-		href: item.url,
-		className: cn("flex flex-col gap-2 rounded-lg border p-4 text-sm transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground @max-lg:col-span-full", index === 1 && "text-end"),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: cn("inline-flex items-center gap-1.5 font-medium", index === 1 && "flex-row-reverse"),
-			children: [/* @__PURE__ */ jsx(Icon, { className: "-mx-1 size-4 shrink-0 rtl:rotate-180" }), /* @__PURE__ */ jsx("p", { children: item.name })]
-		}), /* @__PURE__ */ jsx("p", {
-			className: "text-fd-muted-foreground truncate",
-			children: item.description ?? (index === 0 ? t("Previous Page") : t("Next Page"))
-		})]
-	});
-}
-//#endregion
-export { Footer };
+export * from '@vx-oss/docs-vezham-ui/layouts/glass/page/slots/footer';