@hanzo/docs-base-ui 16.5.0 → 16.7.5

package/dist/og/takumi.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ImageResponse, ImageResponseOptions } from "@takumi-rs/image-response";
+
+//#region src/og/takumi.d.ts
+interface GenerateProps {
+  title: ReactNode;
+  description?: ReactNode;
+  icon?: ReactNode;
+  primaryColor?: string;
+  primaryTextColor?: string;
+  site?: ReactNode;
+}
+declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
+declare function generate({
+  primaryColor,
+  primaryTextColor,
+  ...props
+}: GenerateProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { generate, generateOGImage };

package/dist/og/takumi.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ImageResponse } from "@takumi-rs/image-response";
+//#region src/og/takumi.tsx
+function generateOGImage(options) {
+	const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;
+	return new ImageResponse(generate({
+		title,
+		description,
+		icon,
+		site,
+		primaryTextColor,
+		primaryColor
+	}), {
+		width: 1200,
+		height: 630,
+		...rest
+	});
+}
+function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "rgb(255,150,255)", ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			height: "100%",
+			color: "white",
+			padding: "4rem",
+			backgroundColor: "#0c0c0c",
+			backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					alignItems: "center",
+					gap: "16px",
+					marginBottom: "12px",
+					color: primaryTextColor
+				},
+				children: [props.icon, /* @__PURE__ */ jsx("p", {
+					style: {
+						fontSize: "56px",
+						fontWeight: 600,
+						margin: 0
+					},
+					children: props.site
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontWeight: 800,
+					fontSize: "82px",
+					margin: 0
+				},
+				children: props.title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontSize: "52px",
+					color: "rgba(240,240,240,0.8)",
+					margin: 0
+				},
+				children: props.description
+			})
+		]
+	});
+}
+//#endregion
+export { generate, generateOGImage };

package/dist/og.d.ts

@@ -1 +1,22 @@
-export * from "@hanzo/docs-ui/og/next";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ImageResponse } from "next/og";
+import { ImageResponseOptions } from "next/dist/compiled/@vercel/og/types";
+
+//#region src/og.d.ts
+interface GenerateProps {
+  title: ReactNode;
+  description?: ReactNode;
+  icon?: ReactNode;
+  primaryColor?: string;
+  primaryTextColor?: string;
+  site?: ReactNode;
+}
+declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
+declare function generate({
+  primaryColor,
+  primaryTextColor,
+  ...props
+}: GenerateProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { generate, generateOGImage };

package/dist/og.js

@@ -1,3 +1,70 @@
-export * from "@hanzo/docs-ui/og/next"
-
-export {  };
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ImageResponse } from "next/og";
+//#region src/og.tsx
+function generateOGImage(options) {
+	const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;
+	return new ImageResponse(generate({
+		title,
+		description,
+		icon,
+		site,
+		primaryTextColor,
+		primaryColor
+	}), {
+		width: 1200,
+		height: 630,
+		...rest
+	});
+}
+function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "rgb(255,150,255)", ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			height: "100%",
+			color: "white",
+			padding: "4rem",
+			backgroundColor: "#0c0c0c",
+			backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					alignItems: "center",
+					gap: "16px",
+					marginBottom: "12px",
+					color: primaryTextColor
+				},
+				children: [props.icon, /* @__PURE__ */ jsx("p", {
+					style: {
+						fontSize: "56px",
+						fontWeight: 600,
+						margin: 0
+					},
+					children: props.site
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontWeight: 800,
+					fontSize: "82px",
+					margin: 0
+				},
+				children: props.title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontSize: "52px",
+					color: "rgba(240,240,240,0.8)",
+					margin: 0
+				},
+				children: props.description
+			})
+		]
+	});
+}
+//#endregion
+export { generate, generateOGImage };

package/dist/page.d.ts

@@ -1,7 +1,7 @@
-import { PageBreadcrumb, PageLastUpdate } from "./layouts/docs/page/client.js";
-import { DocsBody, DocsDescription, DocsPageProps as DocsPageProps$1, DocsTitle, EditOnGitHub } from "./layouts/docs/page/index.js";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import { Breadcrumb } from "./layouts/docs/page/slots/breadcrumb.js";
+import { DocsBody, DocsDescription, DocsPageProps as DocsPageProps$1, DocsTitle, EditOnGitHub, PageLastUpdate } from "./layouts/docs/page/index.js";
 import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/page.d.ts
 interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {
@@ -25,13 +25,12 @@ interface DocsPageProps extends DocsPageProps$1 {
 /**
  * For separate MDX page
  */
-declare function withArticle(props: ComponentProps<'main'>): react_jsx_runtime23.JSX.Element;
+declare function withArticle(props: ComponentProps<'main'>): react_jsx_runtime0.JSX.Element;
 declare function DocsPage({
   lastUpdate,
   editOnGithub,
   children,
   ...props
-}: DocsPageProps): react_jsx_runtime23.JSX.Element;
+}: DocsPageProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, PageBreadcrumb, PageLastUpdate, withArticle };
-//# sourceMappingURL=page.d.ts.map
+export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, Breadcrumb as PageBreadcrumb, PageLastUpdate, withArticle };

package/dist/page.js

@@ -1,13 +1,10 @@
-'use client';
-
-import { LayoutContext } from "./layouts/docs/client.js";
-import { PageBreadcrumb, PageLastUpdate } from "./layouts/docs/page/client.js";
-import { DocsBody, DocsDescription, DocsTitle, EditOnGitHub, page_exports } from "./layouts/docs/page/index.js";
+"use client";
+import { cn } from "./utils/cn.js";
+import { useIsDocsLayout } from "./layouts/docs/client.js";
+import { Breadcrumb } from "./layouts/docs/page/slots/breadcrumb.js";
+import { DocsBody, DocsDescription, DocsTitle, EditOnGitHub, PageLastUpdate, page_exports } from "./layouts/docs/page/index.js";
 import { page_exports as page_exports$1 } from "./layouts/notebook/page/index.js";
-import { cn } from "@hanzo/docs-ui/cn";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { use } from "react";
-
 //#region src/page.tsx
 /**
 * For separate MDX page
@@ -23,16 +20,14 @@ function withArticle(props) {
 	});
 }
 function DocsPage({ lastUpdate, editOnGithub, children, ...props }) {
-	const { DocsPage: DocsPage$1, EditOnGitHub: EditOnGitHub$1, PageLastUpdate: PageLastUpdate$1 } = use(LayoutContext) ? page_exports : page_exports$1;
-	return /* @__PURE__ */ jsxs(DocsPage$1, {
+	const { DocsPage, EditOnGitHub, PageLastUpdate } = useIsDocsLayout() ? page_exports : page_exports$1;
+	return /* @__PURE__ */ jsxs(DocsPage, {
 		...props,
 		children: [children, /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden",
-			children: [editOnGithub && /* @__PURE__ */ jsx(EditOnGitHub$1, { href: `https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith("/") ? editOnGithub.path.slice(1) : editOnGithub.path}` }), lastUpdate && /* @__PURE__ */ jsx(PageLastUpdate$1, { date: new Date(lastUpdate) })]
+			children: [editOnGithub && /* @__PURE__ */ jsx(EditOnGitHub, { href: `https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith("/") ? editOnGithub.path.slice(1) : editOnGithub.path}` }), lastUpdate && /* @__PURE__ */ jsx(PageLastUpdate, { date: new Date(lastUpdate) })]
 		})]
 	});
 }
-
 //#endregion
-export { DocsBody, DocsDescription, DocsPage, DocsTitle, EditOnGitHub, PageBreadcrumb, PageLastUpdate, withArticle };
-//# sourceMappingURL=page.js.map
+export { DocsBody, DocsDescription, DocsPage, DocsTitle, EditOnGitHub, Breadcrumb as PageBreadcrumb, PageLastUpdate, withArticle };

package/dist/provider/base.d.ts

@@ -1,8 +1,8 @@
+import { SearchProviderProps } from "../contexts/search.js";
 import { DefaultSearchDialogProps } from "../components/dialog/search-default.js";
-import * as react_jsx_runtime132 from "react/jsx-runtime";
+import { I18nProviderProps } from "../contexts/i18n.js";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-import { I18nProviderProps } from "@hanzo/docs-ui/contexts/i18n";
-import { SearchProviderProps } from "@hanzo/docs-ui/contexts/search";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ThemeProvider } from "next-themes";
 
 //#region src/provider/base.d.ts
@@ -44,7 +44,6 @@ declare function RootProvider({
   theme,
   search,
   i18n
-}: RootProviderProps): react_jsx_runtime132.JSX.Element;
+}: RootProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { RootProvider, RootProviderProps };
-//# sourceMappingURL=base.d.ts.map
+export { RootProvider, RootProviderProps };

package/dist/provider/base.js

@@ -1,12 +1,10 @@
-'use client';
-
-import { jsx } from "react/jsx-runtime";
+"use client";
+import { I18nProvider } from "../contexts/i18n.js";
+import { SearchProvider } from "../contexts/search.js";
 import { lazy } from "react";
-import { I18nProvider } from "@hanzo/docs-ui/contexts/i18n";
-import { SearchProvider } from "@hanzo/docs-ui/contexts/search";
-import { DirectionProvider } from "@base-ui/react/direction-provider";
+import { jsx } from "react/jsx-runtime";
 import { ThemeProvider } from "next-themes";
-
+import { DirectionProvider } from "@base-ui/react/direction-provider";
 //#region src/provider/base.tsx
 const DefaultSearchDialog = lazy(() => import("../components/dialog/search-default.js"));
 function RootProvider({ children, dir = "ltr", theme = {}, search, i18n }) {
@@ -33,7 +31,5 @@ function RootProvider({ children, dir = "ltr", theme = {}, search, i18n }) {
 		children: body
 	});
 }
-
 //#endregion
 export { RootProvider };
-//# sourceMappingURL=base.js.map

package/dist/provider/next.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
-import { Framework } from "@hanzo/docs-core/framework";
-import * as react_jsx_runtime131 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import { Framework } from "@hanzo/docs-core/framework";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/next.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,7 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime131.JSX.Element;
+}: RootProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { RootProvider, RootProviderProps };
-//# sourceMappingURL=next.d.ts.map
+export { RootProvider, RootProviderProps };

package/dist/provider/next.js

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { jsx } from "react/jsx-runtime";
 import { NextProvider } from "@hanzo/docs-core/framework/next";
-
 //#region src/provider/next.tsx
 function RootProvider({ components, ...props }) {
 	return /* @__PURE__ */ jsx(NextProvider, {
@@ -15,7 +13,5 @@ function RootProvider({ components, ...props }) {
 		})
 	});
 }
-
 //#endregion
 export { RootProvider };
-//# sourceMappingURL=next.js.map

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

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
-import { Framework } from "@hanzo/docs-core/framework";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import { Framework } from "@hanzo/docs-core/framework";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/react-router.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,7 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime137.JSX.Element;
+}: RootProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { RootProvider, RootProviderProps };
-//# sourceMappingURL=react-router.d.ts.map
+export { RootProvider, RootProviderProps };

package/dist/provider/react-router.js

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { jsx } from "react/jsx-runtime";
 import { ReactRouterProvider } from "@hanzo/docs-core/framework/react-router";
-
 //#region src/provider/react-router.tsx
 function RootProvider({ components, ...props }) {
 	return /* @__PURE__ */ jsx(ReactRouterProvider, {
@@ -15,7 +13,5 @@ function RootProvider({ components, ...props }) {
 		})
 	});
 }
-
 //#endregion
 export { RootProvider };
-//# sourceMappingURL=react-router.js.map

package/dist/provider/tanstack.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
-import { Framework } from "@hanzo/docs-core/framework";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import { Framework } from "@hanzo/docs-core/framework";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/tanstack.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,7 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime79.JSX.Element;
+}: RootProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { RootProvider, RootProviderProps };
-//# sourceMappingURL=tanstack.d.ts.map
+export { RootProvider, RootProviderProps };

package/dist/provider/tanstack.js

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { jsx } from "react/jsx-runtime";
 import { TanstackProvider } from "@hanzo/docs-core/framework/tanstack";
-
 //#region src/provider/tanstack.tsx
 function RootProvider({ components, ...props }) {
 	return /* @__PURE__ */ jsx(TanstackProvider, {
@@ -15,7 +13,5 @@ function RootProvider({ components, ...props }) {
 		})
 	});
 }
-
 //#endregion
 export { RootProvider };
-//# sourceMappingURL=tanstack.js.map

package/dist/provider/waku.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
-import { Framework } from "@hanzo/docs-core/framework";
-import * as react_jsx_runtime78 from "react/jsx-runtime";
 import { ComponentProps } from "react";
+import { Framework } from "@hanzo/docs-core/framework";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/waku.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,7 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime78.JSX.Element;
+}: RootProviderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { RootProvider, RootProviderProps };
-//# sourceMappingURL=waku.d.ts.map
+export { RootProvider, RootProviderProps };

package/dist/provider/waku.js

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { jsx } from "react/jsx-runtime";
 import { WakuProvider } from "@hanzo/docs-core/framework/waku";
-
 //#region src/provider/waku.tsx
 function RootProvider({ components, ...props }) {
 	return /* @__PURE__ */ jsx(WakuProvider, {
@@ -15,7 +13,5 @@ function RootProvider({ components, ...props }) {
 		})
 	});
 }
-
 //#endregion
 export { RootProvider };
-//# sourceMappingURL=waku.js.map