@vx-oss/docs-react 1.0.3

package/dist/provider/base.js

@@ -0,0 +1,73 @@
+"use client";
+import { I18nProvider } from "../contexts/i18n.js";
+import { SearchProvider } from "../contexts/search.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useEffectEvent } from "react";
+import { ThemeProvider, useTheme, useTheme as useTheme$1 } from "next-themes";
+import { flushSync } from "react-dom";
+import { DirectionProvider } from "@radix-ui/react-direction";
+//#region src/provider/base.tsx
+/**
+* Whether the event should be ignored because the user is interacting with an editable element,
+* or an opened dialog (e.g. the search dialog).
+*/
+function isTypingTarget(target) {
+	if (!(target instanceof HTMLElement)) return false;
+	if (target.isContentEditable) return true;
+	if ([
+		"INPUT",
+		"TEXTAREA",
+		"SELECT"
+	].includes(target.tagName)) return true;
+	return target.closest("[role=\"dialog\"]") !== null;
+}
+/**
+* Toggle between light/dark mode with a hotkey, must be placed under `next-themes` provider.
+*/
+function ThemeHotKey({ hotKey }) {
+	const { setTheme, resolvedTheme } = useTheme$1();
+	const onKeyDown = useEffectEvent((e) => {
+		if (e.defaultPrevented || e.isComposing || e.keyCode === 229) return;
+		if (isTypingTarget(e.target)) return;
+		if (!(typeof hotKey === "string" ? !e.metaKey && !e.ctrlKey && !e.altKey && e.key.toLowerCase() === hotKey.toLowerCase() : hotKey(e))) return;
+		e.preventDefault();
+		const next = resolvedTheme === "dark" ? "light" : "dark";
+		if (document?.startViewTransition) document.startViewTransition(() => flushSync(() => setTheme(next)));
+		else setTheme(next);
+	});
+	useEffect(() => {
+		window.addEventListener("keydown", onKeyDown);
+		return () => {
+			window.removeEventListener("keydown", onKeyDown);
+		};
+	}, []);
+	return null;
+}
+function RootProvider({ children, dir = "ltr", theme = {}, search, i18n }) {
+	let body = children;
+	if (search?.enabled !== false) body = /* @__PURE__ */ jsx(SearchProvider, {
+		...search,
+		children: body
+	});
+	if (theme?.enabled !== false) {
+		const { enabled: _, hotKey = "d", ...themeProps } = theme;
+		body = /* @__PURE__ */ jsxs(ThemeProvider, {
+			attribute: "class",
+			defaultTheme: "system",
+			enableSystem: true,
+			disableTransitionOnChange: true,
+			...themeProps,
+			children: [hotKey !== false && /* @__PURE__ */ jsx(ThemeHotKey, { hotKey }), body]
+		});
+	}
+	if (i18n) body = /* @__PURE__ */ jsx(I18nProvider, {
+		...i18n,
+		children: body
+	});
+	return /* @__PURE__ */ jsx(DirectionProvider, {
+		dir,
+		children: body
+	});
+}
+//#endregion
+export { RootProvider, useTheme };

package/dist/provider/next.d.ts

@@ -0,0 +1,16 @@
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { Framework } from "@vx-oss/docs-core/framework";
+import { ComponentProps } from "react";
+//#region src/provider/next.d.ts
+interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
+  /**
+   * Custom framework components to override Next.js defaults
+   */
+  components?: {
+    Link?: Framework['Link'];
+    Image?: Framework['Image'];
+  };
+}
+declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
+//#endregion
+export { RootProvider, RootProviderProps };

package/dist/provider/next.js

@@ -0,0 +1,17 @@
+"use client";
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { jsx } from "react/jsx-runtime";
+import { NextProvider } from "@vx-oss/docs-core/framework/next";
+//#region src/provider/next.tsx
+function RootProvider({ components, ...props }) {
+	return /* @__PURE__ */ jsx(NextProvider, {
+		Link: components?.Link,
+		Image: components?.Image,
+		children: /* @__PURE__ */ jsx(RootProvider$1, {
+			...props,
+			children: props.children
+		})
+	});
+}
+//#endregion
+export { RootProvider };

package/dist/provider/react-router.d.ts

@@ -0,0 +1,16 @@
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { Framework } from "@vx-oss/docs-core/framework";
+import { ComponentProps } from "react";
+//#region src/provider/react-router.d.ts
+interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
+  /**
+   * Custom framework components to override React Router defaults
+   */
+  components?: {
+    Link?: Framework['Link'];
+    Image?: Framework['Image'];
+  };
+}
+declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
+//#endregion
+export { RootProvider, RootProviderProps };

package/dist/provider/react-router.js

@@ -0,0 +1,17 @@
+"use client";
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { jsx } from "react/jsx-runtime";
+import { ReactRouterProvider } from "@vx-oss/docs-core/framework/react-router";
+//#region src/provider/react-router.tsx
+function RootProvider({ components, ...props }) {
+	return /* @__PURE__ */ jsx(ReactRouterProvider, {
+		Link: components?.Link,
+		Image: components?.Image,
+		children: /* @__PURE__ */ jsx(RootProvider$1, {
+			...props,
+			children: props.children
+		})
+	});
+}
+//#endregion
+export { RootProvider };

package/dist/provider/tanstack.d.ts

@@ -0,0 +1,16 @@
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { Framework } from "@vx-oss/docs-core/framework";
+import { ComponentProps } from "react";
+//#region src/provider/tanstack.d.ts
+interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
+  /**
+   * Custom framework components to override Tanstack Router defaults
+   */
+  components?: {
+    Link?: Framework['Link'];
+    Image?: Framework['Image'];
+  };
+}
+declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
+//#endregion
+export { RootProvider, RootProviderProps };

package/dist/provider/tanstack.js

@@ -0,0 +1,17 @@
+"use client";
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { jsx } from "react/jsx-runtime";
+import { TanstackProvider } from "@vx-oss/docs-core/framework/tanstack";
+//#region src/provider/tanstack.tsx
+function RootProvider({ components, ...props }) {
+	return /* @__PURE__ */ jsx(TanstackProvider, {
+		Link: components?.Link,
+		Image: components?.Image,
+		children: /* @__PURE__ */ jsx(RootProvider$1, {
+			...props,
+			children: props.children
+		})
+	});
+}
+//#endregion
+export { RootProvider };

package/dist/provider/waku.d.ts

@@ -0,0 +1,16 @@
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { Framework } from "@vx-oss/docs-core/framework";
+import { ComponentProps } from "react";
+//#region src/provider/waku.d.ts
+interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
+  /**
+   * Custom framework components to override Waku defaults
+   */
+  components?: {
+    Link?: Framework['Link'];
+    Image?: Framework['Image'];
+  };
+}
+declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
+//#endregion
+export { RootProvider, RootProviderProps };

package/dist/provider/waku.js

@@ -0,0 +1,17 @@
+"use client";
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { jsx } from "react/jsx-runtime";
+import { WakuProvider } from "@vx-oss/docs-core/framework/waku";
+//#region src/provider/waku.tsx
+function RootProvider({ components, ...props }) {
+	return /* @__PURE__ */ jsx(WakuProvider, {
+		Link: components?.Link,
+		Image: components?.Image,
+		children: /* @__PURE__ */ jsx(RootProvider$1, {
+			...props,
+			children: props.children
+		})
+	});
+}
+//#endregion
+export { RootProvider };