@vx-oss/docs-react 1.0.3 → 1.0.5

package/dist/layouts/flux/index.js

@@ -1,146 +1 @@
-"use client";
-import { cn } from "../../utils/cn.js";
-import { buttonVariants } from "../../components/ui/button.js";
-import { TreeContextProvider } from "../../contexts/tree.js";
-import { useSearchContext } from "../../contexts/search.js";
-import { LinkItem, baseSlots } from "../shared/client.js";
-import { getLayoutTabs, useLinkItems } from "../shared/index.js";
-import { TabDropdown } from "./slots/tab-dropdown.js";
-import { Sidebar as Sidebar$1, SidebarProvider, SidebarTrigger, useSidebar } from "./slots/sidebar.js";
-import { Container } from "./slots/container.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Languages } from "lucide-react";
-import { createContext, use, useMemo } from "react";
-import { motion } from "motion/react";
-import { RemoveScroll } from "react-remove-scroll";
-//#region src/layouts/flux/index.tsx
-const LayoutContext = createContext(null);
-function useFluxLayout() {
-	const context = use(LayoutContext);
-	if (!context) throw new Error("Please use Flux layout components under <DocsLayout /> (`@vx-oss/docs-react/layouts/flux`).");
-	return context;
-}
-const { useBaseSlots } = baseSlots({ useProps() {
-	return useFluxLayout().props;
-} });
-function DocsLayout(props) {
-	const { tree, nav = {}, sidebar: { enabled: sidebarEnabled = true, tabs: _tabs, defaultOpenLevel, prefetch, ...sidebarProps } = {}, tabs: defaultTabs = _tabs, children, containerProps, renderNavigationPanel = (props) => /* @__PURE__ */ jsx(NavigationPanel, { ...props }), 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,
-		container: defaultSlots.container ?? Container,
-		tabDropdown: defaultSlots.tabDropdown ?? TabDropdown,
-		sidebar: defaultSlots.sidebar ?? {
-			root: Sidebar$1,
-			provider: SidebarProvider,
-			trigger: SidebarTrigger,
-			useSidebar
-		}
-	};
-	return /* @__PURE__ */ jsx(LayoutContext, {
-		value: {
-			props: baseProps,
-			slots,
-			...linkItems
-		},
-		children: /* @__PURE__ */ jsxs(TreeContextProvider, {
-			tree,
-			children: [/* @__PURE__ */ jsx(slots.sidebar.provider, {
-				defaultOpenLevel,
-				prefetch,
-				children: /* @__PURE__ */ jsxs(slots.container, {
-					...containerProps,
-					children: [sidebarEnabled && /* @__PURE__ */ jsx(slots.sidebar.root, { ...sidebarProps }), children]
-				})
-			}), renderNavigationPanel({
-				head: /* @__PURE__ */ jsxs(Fragment, { children: [slots.navTitle && /* @__PURE__ */ jsx(slots.navTitle, { className: "inline-flex items-center gap-2.5 text-sm font-semibold" }), nav.children] }),
-				tabDropdown: slots.tabDropdown && tabs.length > 0 && /* @__PURE__ */ jsx(slots.tabDropdown, {
-					className: "flex-1",
-					tabs
-				}),
-				tool: /* @__PURE__ */ jsxs(Fragment, { children: [
-					slots.languageSelect && /* @__PURE__ */ jsx(slots.languageSelect.root, { children: /* @__PURE__ */ jsx(Languages, { className: "size-4.5" }) }),
-					slots.searchTrigger && /* @__PURE__ */ jsx(slots.searchTrigger.sm, {
-						hideIfDisabled: true,
-						className: "rounded-lg"
-					}),
-					slots.sidebar && /* @__PURE__ */ jsx(slots.sidebar.trigger, { className: cn(buttonVariants({
-						variant: "ghost",
-						size: "icon-sm",
-						className: "overflow-hidden"
-					})) }),
-					slots.themeSwitch && /* @__PURE__ */ jsx(slots.themeSwitch, { className: "p-1 h-full ms-1 rounded-xl bg-fd-muted *:rounded-lg" })
-				] }),
-				link: linkItems.menuItems.filter((item) => item.type === "icon").map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
-					item,
-					className: cn(buttonVariants({
-						size: "icon-sm",
-						color: "ghost"
-					})),
-					"aria-label": item.label,
-					children: item.icon
-				}, i))
-			})]
-		})
-	});
-}
-function NavigationPanel({ head, tabDropdown, tool, link, children = (v) => v, ...props }) {
-	const { open } = useSearchContext();
-	return /* @__PURE__ */ jsx(motion.div, {
-		...props,
-		className: cn("fixed left-1/2 w-[calc(100%-var(--removed-body-scroll-bar-size,0px))] translate-x-[calc(-50%-var(--removed-body-scroll-bar-size,0px)/2)] bottom-0 z-40 bg-fd-popover text-fd-popover-foreground border-t shadow-lg sm:bottom-6 sm:rounded-2xl sm:border sm:max-w-[380px]", props.className),
-		animate: props.animate ?? {
-			scale: open ? .9 : 1,
-			translateY: open ? 20 : 0,
-			opacity: open ? .8 : 1
-		},
-		children: children(/* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-row items-center ps-2.5 p-1 gap-2 min-h-11",
-			children: [head, /* @__PURE__ */ jsx("div", {
-				id: "flux-layout-slot",
-				className: "flex-1"
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-row gap-1.5 overflow-x-auto overflow-y-hidden p-2 sm:p-1",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "flex flex-row items-center gap-2 min-w-0 flex-1",
-					children: tabDropdown
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex flex-row items-center text-fd-muted-foreground border-x px-0.5 empty:hidden",
-					children: link
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex flex-row items-center text-fd-muted-foreground empty:hidden",
-					children: tool
-				})
-			]
-		})] }))
-	});
-}
-function NavigationPanelOverlay({ enabled = false, className, ...props }) {
-	return /* @__PURE__ */ jsx(RemoveScroll, {
-		enabled,
-		children: /* @__PURE__ */ jsx(motion.div, {
-			className: cn("fixed inset-0 z-30 pr-(--removed-body-scroll-bar-size,0) backdrop-blur-md bg-fd-background/60", !enabled && "pointer-events-none", className),
-			initial: "hide",
-			variants: {
-				show: { opacity: 1 },
-				hide: { opacity: 0 }
-			},
-			animate: enabled ? "show" : "hide",
-			exit: "hide",
-			...props
-		})
-	});
-}
-//#endregion
-export { DocsLayout, NavigationPanel, NavigationPanelOverlay, useFluxLayout };
+export * from '@vx-oss/docs-vezham-ui/layouts/flux';

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

@@ -1,104 +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 { TOC, TOCProvider } from "./slots/toc.js";
-import { Footer } from "./slots/footer.js";
-import { Breadcrumb } from "./slots/breadcrumb.js";
-import { Container } from "./slots/container.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/flux/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/flux/page`).");
-	return context;
-}
-function DocsPage({ full = false, tableOfContent: { enabled: tocEnabled = !full, single, ...tocProps } = {}, breadcrumb: { enabled: breadcrumbEnabled = true, ...breadcrumb } = {}, footer: { enabled: footerEnabled = true, ...footer } = {}, toc = [], slots: defaultSlots = {}, children, ...containerProps }) {
-	const slots = {
-		breadcrumb: defaultSlots.breadcrumb ?? Breadcrumb,
-		footer: defaultSlots.footer ?? Footer,
-		container: defaultSlots.container ?? Container,
-		toc: defaultSlots.toc ?? {
-			provider: TOCProvider,
-			main: TOC
-		}
-	};
-	return /* @__PURE__ */ jsx(PageContext, {
-		value: {
-			full,
-			slots
-		},
-		children: /* @__PURE__ */ jsxs(slots.toc.provider, {
-			single,
-			toc: tocEnabled ? toc : [],
-			children: [tocEnabled && (tocProps.component ?? /* @__PURE__ */ jsx(slots.toc.main, { ...tocProps })), /* @__PURE__ */ jsxs(slots.container, {
-				...containerProps,
-				children: [
-					breadcrumbEnabled && (breadcrumb.component ?? /* @__PURE__ */ jsx(slots.breadcrumb, { ...breadcrumb })),
-					children,
-					footerEnabled && (footer.component ?? /* @__PURE__ */ jsx(slots.footer, { ...footer }))
-				]
-			})]
-		})
-	});
-}
-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, useDocsPage };
+export * from '@vx-oss/docs-vezham-ui/layouts/flux/page';

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

package/dist/layouts/flux/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/flux/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-[1200px]", props.className),
-			children: props.children
-		})
-	});
-}
-//#endregion
-export { Container };
+export * from '@vx-oss/docs-vezham-ui/layouts/flux/page/slots/container';

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

package/dist/layouts/flux/page/slots/toc.js

@@ -1,181 +1 @@
-"use client";
-import { cn } from "../../../../utils/cn.js";
-import { TOCScrollArea, toc_exports, useItems, useTOCItems } from "../../../../components/toc/index.js";
-import { default_exports } from "../../../../components/toc/default.js";
-import { clerk_exports } from "../../../../components/toc/clerk.js";
-import { useTreePath } from "../../../../contexts/tree.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/ui/collapsible.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown } from "lucide-react";
-import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
-import { useTranslations } from "@fuma-translate/react";
-import { createPortal } from "react-dom";
-import { AnimatePresence, motion } from "motion/react";
-//#region src/layouts/flux/page/slots/toc.tsx
-const TocPopoverContext = createContext(null);
-const { TOCProvider } = toc_exports;
-function TOC({ container, trigger, content, header, footer, style = "normal", list }) {
-	const items = useTOCItems();
-	const { TOCItems, TOCEmpty, TOCItem } = style === "clerk" ? clerk_exports : default_exports;
-	if (items.length === 0 && !header && !footer) return;
-	return /* @__PURE__ */ jsxs(PageTOCPopover, {
-		...container,
-		children: [/* @__PURE__ */ jsxs(PageTOCPopoverContent, {
-			...content,
-			children: [
-				header,
-				/* @__PURE__ */ jsx(TOCScrollArea, { children: /* @__PURE__ */ jsxs(TOCItems, {
-					...list,
-					children: [items.length === 0 && /* @__PURE__ */ jsx(TOCEmpty, {}), items.map((item) => /* @__PURE__ */ jsx(TOCItem, { item }, item.url))]
-				}) }),
-				footer
-			]
-		}), /* @__PURE__ */ jsx(PageTOCPopoverTrigger, { ...trigger })]
-	});
-}
-function PageTOCPopover(props) {
-	const [container, setContainer] = useState(null);
-	useEffect(() => {
-		const element = document.getElementById("flux-layout-slot");
-		if (!element) return;
-		setContainer(element);
-	}, []);
-	if (!container) return;
-	return createPortal(/* @__PURE__ */ jsx(PageTOCPopoverPhysical, { ...props }), container);
-}
-function PageTOCPopoverPhysical({ className, children, ...rest }) {
-	const ref = useRef(null);
-	const [open, setOpen] = useState(false);
-	const onClick = useEffectEvent((e) => {
-		if (!open) return;
-		if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-	});
-	useEffect(() => {
-		window.addEventListener("click", onClick);
-		return () => {
-			window.removeEventListener("click", onClick);
-		};
-	}, []);
-	return /* @__PURE__ */ jsx(TocPopoverContext, {
-		value: useMemo(() => ({
-			open,
-			setOpen
-		}), [setOpen, open]),
-		children: /* @__PURE__ */ jsx(Collapsible, {
-			open,
-			onOpenChange: setOpen,
-			"data-toc-popover": "",
-			className: cn("relative h-9 animate-fd-fade-in", className),
-			...rest,
-			children: /* @__PURE__ */ jsx("header", {
-				ref,
-				className: cn("absolute w-full bottom-0 border rounded-xl transition-colors bg-fd-secondary text-fd-secondary-foreground backdrop-blur-sm", open && "shadow-lg bg-fd-popover/80 text-fd-popover-foreground"),
-				children
-			})
-		})
-	});
-}
-function PageTOCPopoverTrigger({ className, ...props }) {
-	const t = useTranslations({ note: "table of contents" });
-	const { open } = use(TocPopoverContext);
-	const items = useItems();
-	const selectedIdx = items.findIndex((item) => item.active);
-	const path = useTreePath().at(-1);
-	const spanProps = {
-		transition: { duration: .1 },
-		initial: {
-			opacity: 0,
-			y: 10
-		},
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		exit: {
-			opacity: 0,
-			y: -10
-		},
-		className: cn(open && "text-fd-popover-foreground")
-	};
-	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
-		className: cn("flex w-full h-8.5 items-center text-sm text-fd-muted-foreground gap-2.5 px-2 text-start focus-visible:outline-none [&_svg]:size-4", className),
-		"data-toc-popover-trigger": "",
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(ProgressCircle, {
-				value: (items.findLastIndex((item) => item.active) + 1) / Math.max(1, items.length),
-				max: 1,
-				className: cn("shrink-0", open && "text-fd-primary")
-			}),
-			/* @__PURE__ */ jsx(AnimatePresence, {
-				mode: "wait",
-				children: items[selectedIdx] && !open ? /* @__PURE__ */ jsx(motion.span, {
-					...spanProps,
-					children: items[selectedIdx].original.title
-				}, selectedIdx) : path ? /* @__PURE__ */ jsx(motion.span, {
-					...spanProps,
-					children: path.name
-				}, path.$id ?? ":pathId") : /* @__PURE__ */ jsx(motion.span, {
-					...spanProps,
-					children: t("On this page")
-				}, ":toc")
-			}),
-			/* @__PURE__ */ jsx(ChevronDown, { className: cn("ms-auto shrink-0 transition-transform", open && "rotate-180") })
-		]
-	});
-}
-function clamp(input, min, max) {
-	if (input < min) return min;
-	if (input > max) return max;
-	return input;
-}
-function ProgressCircle({ value, strokeWidth = 1.5, size = 18, min = 0, max = 100, style, ...restSvgProps }) {
-	const normalizedValue = clamp(value, min, max);
-	const radius = size / 2 - strokeWidth;
-	const circumference = 2 * Math.PI * radius;
-	const progress = normalizedValue / max * circumference;
-	const circleProps = {
-		cx: size / 2,
-		cy: size / 2,
-		r: radius,
-		fill: "none",
-		strokeWidth
-	};
-	return /* @__PURE__ */ jsxs("svg", {
-		role: "progressbar",
-		viewBox: `0 0 ${size} ${size}`,
-		"aria-valuenow": normalizedValue,
-		"aria-valuemin": min,
-		"aria-valuemax": max,
-		style: {
-			width: size,
-			height: size,
-			...style
-		},
-		...restSvgProps,
-		children: [/* @__PURE__ */ jsx("circle", {
-			...circleProps,
-			className: "stroke-current/25"
-		}), /* @__PURE__ */ jsx("circle", {
-			...circleProps,
-			stroke: "currentColor",
-			strokeDasharray: circumference,
-			strokeDashoffset: circumference - progress,
-			strokeLinecap: "round",
-			transform: `rotate(-90 ${size / 2} ${size / 2})`,
-			className: "transition-all"
-		})]
-	});
-}
-function PageTOCPopoverContent(props) {
-	return /* @__PURE__ */ jsx(CollapsibleContent, {
-		"data-toc-popover-content": "",
-		...props,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col px-2 max-h-[50vh]",
-			children: props.children
-		})
-	});
-}
-//#endregion
-export { TOC, TOCProvider };
+export * from '@vx-oss/docs-vezham-ui/layouts/flux/page/slots/toc';

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

@@ -1,13 +1 @@
-"use client";
-import { cn } from "../../../utils/cn.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/layouts/flux/slots/container.tsx
-function Container(props) {
-	return /* @__PURE__ */ jsx("div", {
-		id: "nd-flux-layout",
-		...props,
-		className: cn("flex flex-col items-center pb-24 overflow-x-clip", props.className)
-	});
-}
-//#endregion
-export { Container };
+export * from '@vx-oss/docs-vezham-ui/layouts/flux/slots/container';