@vx-oss/docs-react 1.0.4 → 1.0.5

package/dist/components/dialog/search.js

@@ -1,351 +1 @@
-"use client";
-import { cn } from "../../utils/cn.js";
-import { buttonVariants } from "../ui/button.js";
-import { useRouter } from "@vx-oss/docs-core/framework";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRight, Hash, SearchIcon } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { Fragment as Fragment$1, createContext, use, useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
-import { T, useTranslations } from "@fuma-translate/react";
-import { useOnChange } from "@vx-oss/docs-core/utils/use-on-change";
-import scrollIntoView from "scroll-into-view-if-needed";
-import { Dialog, DialogContent, DialogOverlay, DialogTitle } from "@radix-ui/react-dialog";
-import { createMarkdownRenderer } from "@vx-oss/docs-core/content/md";
-import rehypeRaw from "rehype-raw";
-import { visit } from "unist-util-visit";
-//#region src/components/dialog/search.tsx
-const RootContext = createContext(null);
-const ListContext = createContext(null);
-const TagsListContext = createContext(null);
-const PreContext = createContext(false);
-const mdRenderer = createMarkdownRenderer({
-	remarkRehypeOptions: { allowDangerousHtml: true },
-	rehypePlugins: [rehypeRaw, rehypeCustomElements]
-});
-const mdComponents = {
-	mark(props) {
-		return /* @__PURE__ */ jsx("span", {
-			...props,
-			className: "text-fd-primary underline"
-		});
-	},
-	a: "span",
-	p(props) {
-		return /* @__PURE__ */ jsx("p", {
-			...props,
-			className: "min-w-0"
-		});
-	},
-	strong(props) {
-		return /* @__PURE__ */ jsx("strong", {
-			...props,
-			className: "text-fd-accent-foreground font-medium"
-		});
-	},
-	code(props) {
-		if (use(PreContext)) return /* @__PURE__ */ jsx("code", {
-			...props,
-			className: "mask-[linear-gradient(to_bottom,white,white_30px,transparent_80px)]"
-		});
-		return /* @__PURE__ */ jsx("code", {
-			...props,
-			className: "border rounded-md px-px bg-fd-secondary text-fd-secondary-foreground"
-		});
-	},
-	custom({ _tagName = "fragment", children, ...rest }) {
-		return /* @__PURE__ */ jsxs("span", {
-			className: "inline-flex max-w-full items-center border p-0.5 rounded-md bg-fd-card text-fd-card-foreground divide-x divide-fd-border",
-			children: [
-				/* @__PURE__ */ jsx("code", {
-					className: "rounded-sm px-0.5 me-1 bg-fd-primary font-medium text-xs text-fd-primary-foreground border-none",
-					children: _tagName
-				}),
-				Object.entries(rest).map(([k, v]) => {
-					if (typeof v !== "string") return;
-					return /* @__PURE__ */ jsxs("code", {
-						className: "truncate text-xs text-fd-muted-foreground px-1",
-						children: [/* @__PURE__ */ jsxs("span", {
-							className: "text-fd-card-foreground",
-							children: [k, ": "]
-						}), v]
-					}, k);
-				}),
-				children && /* @__PURE__ */ jsx("span", {
-					className: "ps-1",
-					children
-				})
-			]
-		});
-	},
-	pre(props) {
-		return /* @__PURE__ */ jsx("pre", {
-			...props,
-			className: cn("flex flex-col border rounded-md my-0.5 p-2 bg-fd-secondary text-fd-secondary-foreground max-h-20 overflow-hidden", props.className),
-			children: /* @__PURE__ */ jsx(PreContext, {
-				value: true,
-				children: props.children
-			})
-		});
-	}
-};
-function rehypeCustomElements() {
-	return (tree) => {
-		visit(tree, (node) => {
-			if (node.type === "element" && document.createElement(node.tagName) instanceof HTMLUnknownElement) {
-				node.properties._tagName = node.tagName;
-				node.tagName = "custom";
-			}
-		});
-	};
-}
-function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading = false, onSelect: onSelectProp, children }) {
-	const router = useRouter();
-	const onOpenChangeCallback = useRef(onOpenChange);
-	onOpenChangeCallback.current = onOpenChange;
-	const onSearchChangeCallback = useRef(onSearchChange);
-	onSearchChangeCallback.current = onSearchChange;
-	const onSelect = (item) => {
-		if (item.type === "action") item.onSelect();
-		else if (item.external) window.open(item.url, "_blank")?.focus();
-		else router.push(item.url);
-		onOpenChange(false);
-		onSelectProp?.(item);
-	};
-	const onSelectCallback = useRef(onSelect);
-	onSelectCallback.current = onSelect;
-	return /* @__PURE__ */ jsx(Dialog, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsx(RootContext, {
-			value: useMemo(() => ({
-				open,
-				search,
-				isLoading,
-				onOpenChange: (v) => onOpenChangeCallback.current(v),
-				onSearchChange: (v) => onSearchChangeCallback.current(v),
-				onSelect: (v) => onSelectCallback.current(v)
-			}), [
-				isLoading,
-				open,
-				search
-			]),
-			children
-		})
-	});
-}
-function SearchDialogHeader(props) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: cn("flex flex-row items-center gap-2 p-3", props.className)
-	});
-}
-function SearchDialogInput(props) {
-	const t = useTranslations({ note: "search dialog" });
-	const { search, onSearchChange } = useSearch();
-	return /* @__PURE__ */ jsx("input", {
-		...props,
-		value: search,
-		onChange: (e) => onSearchChange(e.target.value),
-		placeholder: t("Search"),
-		className: "w-0 flex-1 bg-transparent text-lg placeholder:text-fd-muted-foreground focus-visible:outline-none"
-	});
-}
-function SearchDialogClose({ children = "ESC", className, ...props }) {
-	const { onOpenChange } = useSearch();
-	const t = useTranslations({ note: "search dialog" });
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": t("Close Search", { note: "aria-label" }),
-		onClick: () => onOpenChange(false),
-		className: cn(buttonVariants({
-			color: "outline",
-			size: "sm",
-			className: "font-mono text-fd-muted-foreground"
-		}), className),
-		...props,
-		children
-	});
-}
-function SearchDialogFooter(props) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: cn("bg-fd-secondary/50 p-3 empty:hidden", props.className)
-	});
-}
-function SearchDialogOverlay(props) {
-	return /* @__PURE__ */ jsx(DialogOverlay, {
-		...props,
-		className: cn("fixed inset-0 z-50 backdrop-blur-xs bg-fd-overlay data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out", props.className)
-	});
-}
-function SearchDialogContent({ children, ...props }) {
-	const t = useTranslations({ note: "search dialog" });
-	return /* @__PURE__ */ jsxs(DialogContent, {
-		"aria-describedby": void 0,
-		...props,
-		className: cn("fixed left-1/2 top-4 md:top-[calc(50%-250px)] z-50 w-[calc(100%-1rem)] max-w-screen-sm -translate-x-1/2 rounded-xl border bg-fd-popover text-fd-popover-foreground shadow-2xl shadow-black/50 overflow-hidden data-[state=closed]:animate-fd-dialog-out data-[state=open]:animate-fd-dialog-in", "*:border-b *:has-[+:last-child[data-empty=true]]:border-b-0 *:data-[empty=true]:border-b-0 *:last:border-b-0", props.className),
-		children: [/* @__PURE__ */ jsx(DialogTitle, {
-			className: "hidden",
-			children: t("Search")
-		}), children]
-	});
-}
-function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div", {
-	className: "py-12 text-center text-sm text-fd-muted-foreground",
-	children: /* @__PURE__ */ jsx(T, {
-		text: "No results found",
-		note: "search dialog"
-	})
-}), Item = (props) => /* @__PURE__ */ jsx(SearchDialogListItem, { ...props }), ...props }) {
-	const ref = useRef(null);
-	const { onSelect } = useSearch();
-	const [active, setActive] = useState(() => items && items.length > 0 ? items[0].id : null);
-	const onKey = useEffectEvent((e) => {
-		if (!items || e.isComposing || e.keyCode === 229) return;
-		if (e.key === "ArrowDown" || e.key == "ArrowUp") {
-			let idx = items.findIndex((item) => item.id === active);
-			if (idx === -1) idx = 0;
-			else if (e.key === "ArrowDown") idx++;
-			else idx--;
-			setActive(items.at(idx % items.length)?.id ?? null);
-			e.preventDefault();
-		}
-		if (e.key === "Enter") {
-			const selected = items.find((item) => item.id === active);
-			if (selected) onSelect(selected);
-			e.preventDefault();
-		}
-	});
-	useEffect(() => {
-		const element = ref.current;
-		if (!element) return;
-		const observer = new ResizeObserver(() => {
-			const viewport = element.firstElementChild;
-			element.style.setProperty("--fd-animated-height", `${viewport.clientHeight}px`);
-		});
-		const viewport = element.firstElementChild;
-		if (viewport) observer.observe(viewport);
-		window.addEventListener("keydown", onKey);
-		return () => {
-			observer.disconnect();
-			window.removeEventListener("keydown", onKey);
-		};
-	}, []);
-	useOnChange(items, () => {
-		if (items && items.length > 0) setActive(items[0].id);
-	});
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		ref,
-		"data-empty": items === null,
-		className: cn("overflow-hidden h-(--fd-animated-height) transition-[height]", props.className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("w-full flex flex-col overflow-y-auto max-h-[460px] p-1", !items && "hidden"),
-			children: /* @__PURE__ */ jsxs(ListContext, {
-				value: useMemo(() => ({
-					active,
-					setActive
-				}), [active]),
-				children: [items?.length === 0 && Empty(), items?.map((item) => /* @__PURE__ */ jsx(Fragment$1, { children: Item({
-					item,
-					onClick: () => onSelect(item)
-				}) }, item.id))]
-			})
-		})
-	});
-}
-function SearchDialogListItem({ item, className, children, renderMarkdown = (s) => /* @__PURE__ */ jsx(mdRenderer.Markdown, {
-	components: mdComponents,
-	children: s
-}), renderHighlights: _, ...props }) {
-	const { active: activeId, setActive } = useSearchList();
-	const active = item.id === activeId;
-	if (item.type === "action") children ??= item.node;
-	else children ??= /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx("div", {
-			className: "inline-flex items-center text-fd-muted-foreground text-xs empty:hidden",
-			children: item.breadcrumbs?.map((item, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [i > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 rtl:rotate-180" }), item] }, i))
-		}),
-		item.type !== "page" && /* @__PURE__ */ jsx("div", {
-			role: "none",
-			className: "absolute inset-s-3 inset-y-0 w-px bg-fd-border"
-		}),
-		item.type === "heading" && /* @__PURE__ */ jsx(Hash, { className: "absolute inset-s-6 top-2.5 size-4 text-fd-muted-foreground" }),
-		/* @__PURE__ */ jsx("div", {
-			className: cn("min-w-0", item.type === "text" && "ps-4", item.type === "heading" && "ps-8", item.type === "page" || item.type === "heading" ? "font-medium" : "text-fd-popover-foreground/80"),
-			children: typeof item.content === "string" ? renderMarkdown(item.content) : item.content
-		})
-	] });
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		ref: useCallback((element) => {
-			if (active && element) scrollIntoView(element, {
-				scrollMode: "if-needed",
-				block: "nearest",
-				boundary: element.parentElement
-			});
-		}, [active]),
-		"aria-selected": active,
-		className: cn("relative select-none shrink-0 px-2.5 py-2 text-start text-sm overflow-hidden rounded-lg", active && "bg-fd-accent text-fd-accent-foreground", className),
-		onPointerMove: () => setActive(item.id),
-		...props,
-		children
-	});
-}
-function SearchDialogIcon(props) {
-	const { isLoading } = useSearch();
-	return /* @__PURE__ */ jsx(SearchIcon, {
-		...props,
-		className: cn("size-5 text-fd-muted-foreground", isLoading && "animate-pulse duration-400", props.className)
-	});
-}
-const itemVariants = cva("rounded-md border px-2 py-0.5 text-xs font-medium text-fd-muted-foreground transition-colors", { variants: { active: { true: "bg-fd-accent text-fd-accent-foreground" } } });
-function TagsList({ tag, onTagChange, allowClear = false, ...props }) {
-	const onTagChangeCallback = useRef(onTagChange);
-	onTagChangeCallback.current = onTagChange;
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: cn("flex items-center gap-1 flex-wrap", props.className),
-		children: /* @__PURE__ */ jsx(TagsListContext, {
-			value: useMemo(() => ({
-				value: tag,
-				onValueChange: (v) => onTagChangeCallback.current(v),
-				allowClear
-			}), [allowClear, tag]),
-			children: props.children
-		})
-	});
-}
-function TagsListItem({ value, className, ...props }) {
-	const { onValueChange, value: selectedValue, allowClear } = useTagsList();
-	const selected = value === selectedValue;
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"data-active": selected,
-		className: cn(itemVariants({
-			active: selected,
-			className
-		})),
-		onClick: () => onValueChange(selected && allowClear ? void 0 : value),
-		tabIndex: -1,
-		...props,
-		children: props.children
-	});
-}
-function useSearch() {
-	const ctx = use(RootContext);
-	if (!ctx) throw new Error("Missing <SearchDialog />");
-	return ctx;
-}
-function useTagsList() {
-	const ctx = use(TagsListContext);
-	if (!ctx) throw new Error("Missing <TagsList />");
-	return ctx;
-}
-function useSearchList() {
-	const ctx = use(ListContext);
-	if (!ctx) throw new Error("Missing <SearchDialogList />");
-	return ctx;
-}
-//#endregion
-export { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogListItem, SearchDialogOverlay, TagsList, TagsListItem, useSearch, useSearchList, useTagsList };
+export * from '@vx-oss/docs-vezham-ui/components/dialog/search';

package/dist/components/dynamic-codeblock.core.js

@@ -1,51 +1 @@
-"use client";
-import { cn } from "../utils/cn.js";
-import { CodeBlock, Pre } from "./codeblock.js";
-import { jsx } from "react/jsx-runtime";
-import { createContext, use, useId } from "react";
-import { useShikiDynamic } from "@vx-oss/docs-core/highlight/shiki/react";
-//#region src/components/dynamic-codeblock.core.tsx
-const PropsContext = createContext(void 0);
-function DefaultPre(props) {
-	const extraProps = use(PropsContext);
-	return /* @__PURE__ */ jsx(CodeBlock, {
-		...props,
-		...extraProps,
-		className: cn("my-0", props.className, extraProps?.className),
-		children: /* @__PURE__ */ jsx(Pre, { children: props.children })
-	});
-}
-function DynamicCodeBlock({ lang, code, codeblock, options, wrapInSuspense = true, highlighter }) {
-	const id = useId();
-	const shikiOptions = {
-		lang,
-		defaultColor: false,
-		...options,
-		components: {
-			pre: DefaultPre,
-			...options?.components
-		}
-	};
-	let node = useShikiDynamic(highlighter, code, shikiOptions, [
-		id,
-		lang,
-		code
-	]);
-	if (wrapInSuspense) node ??= /* @__PURE__ */ jsx(Placeholder, {
-		code,
-		components: shikiOptions.components
-	});
-	return /* @__PURE__ */ jsx(PropsContext, {
-		value: codeblock,
-		children: node
-	});
-}
-function Placeholder({ code, components = {} }) {
-	const { pre: Pre = "pre", code: Code = "code" } = components;
-	return /* @__PURE__ */ jsx(Pre, { children: /* @__PURE__ */ jsx(Code, { children: code.split("\n").map((line, i) => /* @__PURE__ */ jsx("span", {
-		className: "line",
-		children: line
-	}, i)) }) });
-}
-//#endregion
-export { DynamicCodeBlock };
+export * from '@vx-oss/docs-vezham-ui/components/dynamic-codeblock.core';

package/dist/components/dynamic-codeblock.js

@@ -1,17 +1 @@
-"use client";
-import { DynamicCodeBlock as DynamicCodeBlock$1 } from "./dynamic-codeblock.core.js";
-import { jsx } from "react/jsx-runtime";
-import { defaultShikiFactory } from "@vx-oss/docs-core/highlight/shiki/full";
-//#region src/components/dynamic-codeblock.tsx
-function DynamicCodeBlock(props) {
-	return /* @__PURE__ */ jsx(DynamicCodeBlock$1, {
-		highlighter: () => defaultShikiFactory.getOrInit(),
-		options: { themes: {
-			light: "github-light",
-			dark: "github-dark"
-		} },
-		...props
-	});
-}
-//#endregion
-export { DynamicCodeBlock };
+export * from '@vx-oss/docs-vezham-ui/components/dynamic-codeblock';

package/dist/components/files.js

@@ -1,40 +1 @@
-"use client";
-import { cn } from "../utils/cn.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FileIcon, FolderIcon, FolderOpen } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { useState } from "react";
-//#region src/components/files.tsx
-const itemVariants = cva("flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-fd-accent hover:text-fd-accent-foreground [&_svg]:size-4");
-function Files({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("not-prose rounded-md border bg-fd-card p-2", className),
-		...props,
-		children: props.children
-	});
-}
-function File({ name, icon = /* @__PURE__ */ jsx(FileIcon, {}), className, ...rest }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn(itemVariants({ className })),
-		...rest,
-		children: [icon, name]
-	});
-}
-function Folder({ name, defaultOpen = false, ...props }) {
-	const [open, setOpen] = useState(defaultOpen);
-	return /* @__PURE__ */ jsxs(Collapsible, {
-		open,
-		onOpenChange: setOpen,
-		...props,
-		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
-			className: cn(itemVariants({ className: "w-full" })),
-			children: [open ? /* @__PURE__ */ jsx(FolderOpen, {}) : /* @__PURE__ */ jsx(FolderIcon, {}), name]
-		}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
-			className: "ms-2 flex flex-col border-l ps-2",
-			children: props.children
-		}) })]
-	});
-}
-//#endregion
-export { File, Files, Folder };
+export * from '@vx-oss/docs-vezham-ui/components/files';

package/dist/components/github-info.js

@@ -1,75 +1 @@
-import { cn } from "../utils/cn.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { GitFork, Star } from "lucide-react";
-import { use } from "react";
-//#region src/components/github-info.tsx
-async function fetchRepositoryInfo({ owner, repo, token, baseUrl = "https://api.github.com", fetchOptions = { next: { revalidate: 60 } } }) {
-	const endpoint = `${baseUrl}/repos/${owner}/${repo}`;
-	const headers = new Headers(fetchOptions.headers);
-	headers.set("Content-Type", "application/json");
-	if (token) headers.set("Authorization", `Bearer ${token}`);
-	const response = await fetch(endpoint, {
-		...fetchOptions,
-		headers
-	});
-	if (!response.ok) {
-		const message = await response.text();
-		throw new Error(`Failed to fetch repository data: ${message}`);
-	}
-	const data = await response.json();
-	return {
-		stars: data.stargazers_count,
-		forks: data.forks_count
-	};
-}
-/**
-* Uses compact notation (e.g., 1.5K, 2.3M).
-*/
-const formatterOptions = {
-	notation: "compact",
-	maximumFractionDigits: 1
-};
-const defaultFormatter = new Intl.NumberFormat(void 0, formatterOptions);
-const promises = {};
-function GithubInfo({ repo, owner, token, baseUrl, fetchOptions, locale, ...props }) {
-	const options = {
-		repo,
-		owner,
-		token,
-		baseUrl,
-		fetchOptions
-	};
-	const { stars, forks } = use(promises[JSON.stringify(options)] ??= fetchRepositoryInfo(options));
-	const formatter = locale ? new Intl.NumberFormat(locale, formatterOptions) : defaultFormatter;
-	return /* @__PURE__ */ jsxs("a", {
-		href: `https://github.com/${owner}/${repo}`,
-		rel: "noreferrer noopener",
-		target: "_blank",
-		...props,
-		className: cn("flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 transition-colors hover:text-fd-accent-foreground hover:bg-fd-accent", props.className),
-		children: [/* @__PURE__ */ jsxs("p", {
-			className: "flex items-center gap-2 truncate",
-			children: [
-				/* @__PURE__ */ jsxs("svg", {
-					fill: "currentColor",
-					viewBox: "0 0 24 24",
-					className: "size-3.5",
-					children: [/* @__PURE__ */ jsx("title", { children: "GitHub" }), /* @__PURE__ */ jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })]
-				}),
-				owner,
-				"/",
-				repo
-			]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex text-xs items-center gap-1 text-fd-muted-foreground",
-			children: [
-				/* @__PURE__ */ jsx(Star, { className: "size-3" }),
-				/* @__PURE__ */ jsx("span", { children: formatter.format(stars) }),
-				/* @__PURE__ */ jsx(GitFork, { className: "size-3 ms-2" }),
-				/* @__PURE__ */ jsx("span", { children: formatter.format(forks) })
-			]
-		})]
-	});
-}
-//#endregion
-export { GithubInfo, fetchRepositoryInfo };
+export * from '@vx-oss/docs-vezham-ui/components/github-info';

package/dist/components/heading.js

@@ -1,38 +1 @@
-"use client";
-import { cn } from "../utils/cn.js";
-import { buttonVariants } from "./ui/button.js";
-import { useCopyButton } from "../utils/use-copy-button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CopyCheckIcon, LinkIcon } from "lucide-react";
-import { useTranslations } from "@fuma-translate/react";
-//#region src/components/heading.tsx
-function Heading({ as, ...props }) {
-	const As = as ?? "h1";
-	const t = useTranslations({ note: "heading anchor" });
-	const [isChecked, onCopy] = useCopyButton(() => {
-		if (!props.id) return;
-		const url = new URL(window.location.href);
-		url.hash = props.id;
-		return navigator.clipboard.writeText(url.href);
-	});
-	if (!props.id) return /* @__PURE__ */ jsx(As, { ...props });
-	return /* @__PURE__ */ jsxs(As, {
-		...props,
-		className: cn("group/heading flex scroll-m-28 flex-row items-center gap-1", props.className),
-		children: [/* @__PURE__ */ jsx("a", {
-			"data-card": "",
-			href: `#${props.id}`,
-			children: props.children
-		}), /* @__PURE__ */ jsx("button", {
-			"aria-label": t("Copy Anchor Link", { note: "aria-label" }),
-			className: cn(buttonVariants({
-				variant: "ghost",
-				size: "icon-xs"
-			}), "not-prose shrink-0 text-fd-muted-foreground opacity-0 transition-opacity group-hover/heading:opacity-100"),
-			onClick: onCopy,
-			children: isChecked ? /* @__PURE__ */ jsx(CopyCheckIcon, {}) : /* @__PURE__ */ jsx(LinkIcon, {})
-		})]
-	});
-}
-//#endregion
-export { Heading };
+export * from '@vx-oss/docs-vezham-ui/components/heading';

package/dist/components/image-zoom.js

@@ -1,32 +1 @@
-"use client";
-import { Uncontrolled } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.9_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
-import "./image-zoom2.css";
-import { Image } from "@vx-oss/docs-core/framework";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/image-zoom.tsx
-function getImageSrc(src) {
-	if (typeof src === "string") return src;
-	if (typeof src === "object") {
-		if ("default" in src) return src.default.src;
-		return src.src;
-	}
-	return "";
-}
-function ImageZoom({ zoomInProps, children, rmiz, ...props }) {
-	return /* @__PURE__ */ jsx(Uncontrolled, {
-		zoomMargin: 20,
-		wrapElement: "span",
-		...rmiz,
-		zoomImg: {
-			src: getImageSrc(props.src),
-			sizes: void 0,
-			...zoomInProps
-		},
-		children: children ?? /* @__PURE__ */ jsx(Image, {
-			sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px",
-			...props
-		})
-	});
-}
-//#endregion
-export { ImageZoom };
+export * from '@vx-oss/docs-vezham-ui/components/image-zoom';

package/dist/components/inline-toc.js

@@ -1,28 +1 @@
-"use client";
-import { cn } from "../utils/cn.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown } from "lucide-react";
-import { useTranslations } from "@fuma-translate/react";
-//#region src/components/inline-toc.tsx
-function InlineTOC({ items, ...props }) {
-	const t = useTranslations({ note: "inline table of contents" });
-	return /* @__PURE__ */ jsxs(Collapsible, {
-		...props,
-		className: cn("not-prose rounded-lg border bg-fd-card text-fd-card-foreground", props.className),
-		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
-			className: "group inline-flex w-full items-center justify-between px-4 py-2.5 font-medium",
-			children: [props.children ?? t("Table of Contents"), /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 transition-transform duration-200 group-data-[state=open]:rotate-180" })]
-		}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col p-4 pt-0 text-sm text-fd-muted-foreground",
-			children: items.map((item) => /* @__PURE__ */ jsx("a", {
-				href: item.url,
-				className: "border-s py-1.5 hover:text-fd-accent-foreground",
-				style: { paddingInlineStart: 12 * Math.max(item.depth - 1, 0) },
-				children: item.title
-			}, item.url))
-		}) })]
-	});
-}
-//#endregion
-export { InlineTOC };
+export * from '@vx-oss/docs-vezham-ui/components/inline-toc';