@vx-oss/docs-react 1.0.4 → 1.0.5

package/dist/components/codeblock.js

@@ -1,126 +1 @@
-"use client";
-import { cn } from "../utils/cn.js";
-import { buttonVariants } from "./ui/button.js";
-import { useCopyButton } from "../utils/use-copy-button.js";
-import { mergeRefs } from "../utils/merge-refs.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, Clipboard } from "lucide-react";
-import { createContext, use, useMemo, useRef } from "react";
-import { useTranslations } from "@fuma-translate/react";
-//#region src/components/codeblock.tsx
-const TabsContext = createContext(null);
-function Pre(props) {
-	return /* @__PURE__ */ jsx("pre", {
-		...props,
-		className: cn("min-w-full w-max *:flex *:flex-col", props.className),
-		children: props.children
-	});
-}
-function CodeBlock({ ref, title, allowCopy = true, keepBackground = false, icon, viewportProps = {}, children, Actions = (props) => /* @__PURE__ */ jsx("div", {
-	...props,
-	className: cn("empty:hidden", props.className)
-}), ...props }) {
-	const inTab = use(TabsContext) !== null;
-	const areaRef = useRef(null);
-	if (allowCopy === "true") allowCopy = true;
-	else if (allowCopy === "false") allowCopy = false;
-	return /* @__PURE__ */ jsxs("figure", {
-		ref,
-		dir: "ltr",
-		...props,
-		tabIndex: -1,
-		className: cn(inTab ? "bg-fd-secondary -mx-px -mb-px last:rounded-b-xl" : "my-4 bg-fd-card rounded-xl", keepBackground && "bg-(--shiki-light-bg) dark:bg-(--shiki-dark-bg)", "shiki relative border shadow-sm not-prose overflow-hidden text-sm", props.className),
-		children: [title ? /* @__PURE__ */ jsxs("div", {
-			className: "flex text-fd-muted-foreground items-center gap-2 h-9.5 border-b px-4",
-			children: [
-				typeof icon === "string" ? /* @__PURE__ */ jsx("div", {
-					className: "[&_svg]:size-3.5",
-					dangerouslySetInnerHTML: { __html: icon }
-				}) : icon,
-				/* @__PURE__ */ jsx("figcaption", {
-					className: "flex-1 truncate",
-					children: title
-				}),
-				Actions({
-					className: "-me-2",
-					children: allowCopy && /* @__PURE__ */ jsx(CopyButton, { containerRef: areaRef })
-				})
-			]
-		}) : Actions({
-			className: "absolute top-3 right-2 z-2 backdrop-blur-lg rounded-lg text-fd-muted-foreground",
-			children: allowCopy && /* @__PURE__ */ jsx(CopyButton, { containerRef: areaRef })
-		}), /* @__PURE__ */ jsx("div", {
-			ref: areaRef,
-			...viewportProps,
-			role: "region",
-			tabIndex: 0,
-			className: cn("text-[0.8125rem] py-3.5 overflow-auto max-h-[600px] fd-scroll-container focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-fd-ring", viewportProps.className),
-			style: {
-				"--padding-right": !title ? "calc(var(--spacing) * 8)" : void 0,
-				counterSet: props["data-line-numbers"] ? `line ${Number(props["data-line-numbers-start"] ?? 1) - 1}` : void 0,
-				...viewportProps.style
-			},
-			children
-		})]
-	});
-}
-function CopyButton({ className, containerRef, ...props }) {
-	const t = useTranslations({ note: "code block" });
-	const [checked, onClick] = useCopyButton(() => {
-		const pre = containerRef.current?.getElementsByTagName("pre").item(0);
-		if (!pre) return;
-		const clone = pre.cloneNode(true);
-		clone.querySelectorAll(".nd-copy-ignore").forEach((node) => {
-			node.replaceWith("\n");
-		});
-		navigator.clipboard.writeText(clone.textContent ?? "");
-	});
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"data-checked": checked || void 0,
-		className: cn(buttonVariants({
-			className: "hover:text-fd-accent-foreground data-checked:text-fd-accent-foreground",
-			size: "icon-xs"
-		}), className),
-		"aria-label": checked ? t("Copied Text", { note: "aria-label" }) : t("Copy Text", { note: "aria-label" }),
-		onClick,
-		...props,
-		children: checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Clipboard, {})
-	});
-}
-function CodeBlockTabs({ ref, ...props }) {
-	const containerRef = useRef(null);
-	const nested = use(TabsContext) !== null;
-	return /* @__PURE__ */ jsx(Tabs, {
-		ref: mergeRefs(containerRef, ref),
-		...props,
-		className: cn("bg-fd-card rounded-xl border", !nested && "my-4", props.className),
-		children: /* @__PURE__ */ jsx(TabsContext, {
-			value: useMemo(() => ({
-				containerRef,
-				nested
-			}), [nested]),
-			children: props.children
-		})
-	});
-}
-function CodeBlockTabsList(props) {
-	return /* @__PURE__ */ jsx(TabsList, {
-		...props,
-		className: cn("flex flex-row px-2 overflow-x-auto text-fd-muted-foreground", props.className),
-		children: props.children
-	});
-}
-function CodeBlockTabsTrigger({ children, ...props }) {
-	return /* @__PURE__ */ jsxs(TabsTrigger, {
-		...props,
-		className: cn("relative group inline-flex text-sm font-medium text-nowrap items-center transition-colors gap-2 px-2 py-1.5 hover:text-fd-accent-foreground data-[state=active]:text-fd-primary [&_svg]:size-3.5", props.className),
-		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-x-2 bottom-0 h-px group-data-[state=active]:bg-fd-primary" }), children]
-	});
-}
-function CodeBlockTab(props) {
-	return /* @__PURE__ */ jsx(TabsContent, { ...props });
-}
-//#endregion
-export { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };
+export * from '@vx-oss/docs-vezham-ui/components/codeblock';

package/dist/components/codeblock.rsc.js

@@ -1,22 +1 @@
-import { cn } from "../utils/cn.js";
-import { CodeBlock, Pre } from "./codeblock.js";
-import { jsx } from "react/jsx-runtime";
-import { highlight } from "@vx-oss/docs-core/highlight";
-//#region src/components/codeblock.rsc.tsx
-async function ServerCodeBlock({ code, codeblock, ...options }) {
-	return await highlight(code, {
-		defaultColor: false,
-		...options,
-		components: {
-			pre: (props) => /* @__PURE__ */ jsx(CodeBlock, {
-				...props,
-				...codeblock,
-				className: cn("my-0", props.className, codeblock?.className),
-				children: /* @__PURE__ */ jsx(Pre, { children: props.children })
-			}),
-			...options.components
-		}
-	});
-}
-//#endregion
-export { ServerCodeBlock };
+export * from '@vx-oss/docs-vezham-ui/components/codeblock.rsc';

package/dist/components/dialog/search-algolia.js

@@ -1,64 +1,2 @@
-"use client";
-import { useI18n } from "../../contexts/i18n.js";
-import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { useOnChange } from "@vx-oss/docs-core/utils/use-on-change";
-import { useDocsSearch } from "@vx-oss/docs-core/search/client";
-import { algoliaClient } from "@vx-oss/docs-core/search/client/algolia";
-//#region src/components/dialog/search-algolia.tsx
-function AlgoliaSearchDialog({ searchOptions, tags = [], defaultTag, showAlgolia = false, allowClear = false, links = [], footer, ...props }) {
-	const [tag, setTag] = useState(defaultTag);
-	const { locale } = useI18n();
-	const { search, setSearch, query } = useDocsSearch({ client: algoliaClient({
-		tag,
-		locale,
-		...searchOptions
-	}) });
-	const defaultItems = useMemo(() => {
-		if (links.length === 0) return null;
-		return links.map(([name, link]) => ({
-			type: "page",
-			id: name,
-			content: name,
-			url: link
-		}));
-	}, [links]);
-	useOnChange(defaultTag, (v) => {
-		setTag(v);
-	});
-	const label = showAlgolia && /* @__PURE__ */ jsx(AlgoliaTitle, {});
-	return /* @__PURE__ */ jsxs(SearchDialog, {
-		search,
-		onSearchChange: setSearch,
-		isLoading: query.isLoading,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(SearchDialogOverlay, {}),
-			/* @__PURE__ */ jsxs(SearchDialogContent, { children: [/* @__PURE__ */ jsxs(SearchDialogHeader, { children: [
-				/* @__PURE__ */ jsx(SearchDialogIcon, {}),
-				/* @__PURE__ */ jsx(SearchDialogInput, {}),
-				/* @__PURE__ */ jsx(SearchDialogClose, {})
-			] }), /* @__PURE__ */ jsx(SearchDialogList, { items: query.data !== "empty" ? query.data : defaultItems })] }),
-			/* @__PURE__ */ jsxs(SearchDialogFooter, { children: [tags.length > 0 ? /* @__PURE__ */ jsxs(TagsList, {
-				tag,
-				onTagChange: setTag,
-				allowClear,
-				children: [tags.map((tag) => /* @__PURE__ */ jsx(TagsListItem, {
-					value: tag.value,
-					children: tag.name
-				}, tag.value)), label]
-			}) : label, footer] })
-		]
-	});
-}
-function AlgoliaTitle() {
-	return /* @__PURE__ */ jsx("a", {
-		href: "https://algolia.com",
-		rel: "noreferrer noopener",
-		className: "ms-auto text-xs text-fd-muted-foreground",
-		children: "Search powered by Algolia"
-	});
-}
-//#endregion
-export { AlgoliaSearchDialog as default };
+export * from '@vx-oss/docs-vezham-ui/components/dialog/search-algolia';
+export { default } from '@vx-oss/docs-vezham-ui/components/dialog/search-algolia';

package/dist/components/dialog/search-default.js

@@ -1,66 +1,2 @@
-"use client";
-import { useI18n } from "../../contexts/i18n.js";
-import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { use, useMemo, useState } from "react";
-import { useOnChange } from "@vx-oss/docs-core/utils/use-on-change";
-import { useDocsSearch } from "@vx-oss/docs-core/search/client";
-import { fetchClient } from "@vx-oss/docs-core/search/client/fetch";
-//#region src/components/dialog/search-default.tsx
-let STATIC;
-function DefaultSearchDialog({ type, defaultTag, tags = [], api, delayMs, allowClear = false, links = [], footer, ...props }) {
-	const { locale } = useI18n();
-	const [tag, setTag] = useState(defaultTag);
-	let client;
-	if (type === "static") client = use(STATIC ??= import("@vx-oss/docs-core/search/client/orama-static")).staticClient({
-		from: api,
-		locale,
-		tag
-	});
-	else client = fetchClient({
-		api,
-		locale,
-		tag
-	});
-	const { search, setSearch, query } = useDocsSearch({
-		client,
-		delayMs
-	});
-	const defaultItems = useMemo(() => {
-		if (links.length === 0) return null;
-		return links.map(([name, link]) => ({
-			type: "page",
-			id: name,
-			content: name,
-			url: link
-		}));
-	}, [links]);
-	useOnChange(defaultTag, (v) => {
-		setTag(v);
-	});
-	return /* @__PURE__ */ jsxs(SearchDialog, {
-		search,
-		onSearchChange: setSearch,
-		isLoading: query.isLoading,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(SearchDialogOverlay, {}),
-			/* @__PURE__ */ jsxs(SearchDialogContent, { children: [/* @__PURE__ */ jsxs(SearchDialogHeader, { children: [
-				/* @__PURE__ */ jsx(SearchDialogIcon, {}),
-				/* @__PURE__ */ jsx(SearchDialogInput, {}),
-				/* @__PURE__ */ jsx(SearchDialogClose, {})
-			] }), /* @__PURE__ */ jsx(SearchDialogList, { items: query.data !== "empty" ? query.data : defaultItems })] }),
-			/* @__PURE__ */ jsxs(SearchDialogFooter, { children: [tags.length > 0 && /* @__PURE__ */ jsx(TagsList, {
-				tag,
-				onTagChange: setTag,
-				allowClear,
-				children: tags.map((tag) => /* @__PURE__ */ jsx(TagsListItem, {
-					value: tag.value,
-					children: tag.name
-				}, tag.value))
-			}), footer] })
-		]
-	});
-}
-//#endregion
-export { DefaultSearchDialog as default };
+export * from '@vx-oss/docs-vezham-ui/components/dialog/search-default';
+export { default } from '@vx-oss/docs-vezham-ui/components/dialog/search-default';

package/dist/components/dialog/search-orama.js

@@ -1,69 +1,2 @@
-"use client";
-import { useI18n } from "../../contexts/i18n.js";
-import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { useOnChange } from "@vx-oss/docs-core/utils/use-on-change";
-import { useDocsSearch } from "@vx-oss/docs-core/search/client";
-import { oramaCloudClient } from "@vx-oss/docs-core/search/client/orama-cloud";
-//#region src/components/dialog/search-orama.tsx
-/**
-* Orama Cloud integration
-*/
-function OramaSearchDialog({ client, searchOptions, tags = [], defaultTag, showOrama = true, allowClear = false, index, footer, links = [], ...props }) {
-	const { locale } = useI18n();
-	const [tag, setTag] = useState(defaultTag);
-	const { search, setSearch, query } = useDocsSearch({ client: oramaCloudClient({
-		client,
-		index,
-		params: searchOptions,
-		locale,
-		tag
-	}) });
-	const defaultItems = useMemo(() => {
-		if (links.length === 0) return null;
-		return links.map(([name, link]) => ({
-			type: "page",
-			id: name,
-			content: name,
-			url: link
-		}));
-	}, [links]);
-	useOnChange(defaultTag, (v) => {
-		setTag(v);
-	});
-	const label = showOrama && /* @__PURE__ */ jsx(Label, {});
-	return /* @__PURE__ */ jsxs(SearchDialog, {
-		search,
-		onSearchChange: setSearch,
-		isLoading: query.isLoading,
-		...props,
-		children: [/* @__PURE__ */ jsx(SearchDialogOverlay, {}), /* @__PURE__ */ jsxs(SearchDialogContent, { children: [
-			/* @__PURE__ */ jsxs(SearchDialogHeader, { children: [
-				/* @__PURE__ */ jsx(SearchDialogIcon, {}),
-				/* @__PURE__ */ jsx(SearchDialogInput, {}),
-				/* @__PURE__ */ jsx(SearchDialogClose, {})
-			] }),
-			/* @__PURE__ */ jsx(SearchDialogList, { items: query.data !== "empty" ? query.data : defaultItems }),
-			/* @__PURE__ */ jsxs(SearchDialogFooter, { children: [tags.length > 0 ? /* @__PURE__ */ jsxs(TagsList, {
-				tag,
-				onTagChange: setTag,
-				allowClear,
-				children: [tags.map((tag) => /* @__PURE__ */ jsx(TagsListItem, {
-					value: tag.value,
-					children: tag.name
-				}, tag.value)), label]
-			}) : label, footer] })
-		] })]
-	});
-}
-function Label() {
-	return /* @__PURE__ */ jsx("a", {
-		href: "https://orama.com",
-		rel: "noreferrer noopener",
-		className: "ms-auto text-xs text-fd-muted-foreground",
-		children: "Search powered by Orama"
-	});
-}
-//#endregion
-export { OramaSearchDialog as default };
+export * from '@vx-oss/docs-vezham-ui/components/dialog/search-orama';
+export { default } from '@vx-oss/docs-vezham-ui/components/dialog/search-orama';