fumadocs-ui 14.2.0 → 14.3.0

package/dist/layouts/links.d.ts

@@ -0,0 +1,80 @@
+import { type AnchorHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+interface BaseItem {
+    /**
+     * Restrict where the item is displayed
+     *
+     * @defaultValue 'all'
+     */
+    on?: 'menu' | 'nav' | 'all';
+}
+export interface BaseLinkType extends BaseItem {
+    url: string;
+    /**
+     * When the item is marked as active
+     *
+     * @defaultValue 'url'
+     */
+    active?: 'url' | 'nested-url' | 'none';
+    external?: boolean;
+}
+export interface MainItemType extends BaseLinkType {
+    type?: 'main';
+    icon?: ReactNode;
+    text: ReactNode;
+    description?: ReactNode;
+}
+export interface IconItemType extends BaseLinkType {
+    type: 'icon';
+    /**
+     * `aria-label` of icon button
+     */
+    label?: string;
+    icon: ReactNode;
+    text: ReactNode;
+    /**
+     * @defaultValue true
+     */
+    secondary?: boolean;
+}
+interface ButtonItem extends BaseLinkType {
+    type: 'button';
+    icon?: ReactNode;
+    text: ReactNode;
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+}
+export interface MenuItemType extends BaseItem {
+    type: 'menu';
+    icon?: ReactNode;
+    text: ReactNode;
+    url?: string;
+    items: ((MainItemType & {
+        /**
+         * Options when displayed on navigation menu
+         */
+        menu?: HTMLAttributes<HTMLElement> & {
+            banner?: ReactNode;
+            footer?: ReactNode;
+        };
+    }) | CustomItem)[];
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+}
+interface CustomItem extends BaseItem {
+    type: 'custom';
+    /**
+     * @defaultValue false
+     */
+    secondary?: boolean;
+    children: ReactNode;
+}
+export type LinkItemType = MainItemType | IconItemType | ButtonItem | MenuItemType | CustomItem;
+export declare const BaseLinkItem: import("react").ForwardRefExoticComponent<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
+    item: BaseLinkType;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=links.d.ts.map

package/dist/layouts/links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../src/layouts/links.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,UAAU,QAAQ;IAChB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;CAC7B;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,YAAY,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,YAAY;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAEhB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CACH,CAAC,YAAY,GAAG;QACd;;WAEG;QACH,IAAI,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;YACnC,MAAM,CAAC,EAAE,SAAS,CAAC;YACnB,MAAM,CAAC,EAAE,SAAS,CAAC;SACpB,CAAC;KACH,CAAC,GACF,UAAU,CACb,EAAE,CAAC;IAEJ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,QAAQ;IACnC,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,UAAU,CAAC;AAEf,eAAO,MAAM,YAAY;UAEyC,YAAY;qDAmB5E,CAAC"}

package/dist/layouts/links.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from 'fumadocs-core/link';
+import { usePathname } from 'next/navigation';
+import { forwardRef, } from 'react';
+import { isActive } from '../utils/is-active';
+export const BaseLinkItem = forwardRef(({ item, ...props }, ref) => {
+    const pathname = usePathname();
+    const activeType = item.active ?? 'url';
+    const active = activeType !== 'none' &&
+        isActive(item.url, pathname, activeType === 'nested-url');
+    return (_jsx(Link, { ref: ref, href: item.url, external: item.external, ...props, "data-active": active, children: props.children }));
+});
+BaseLinkItem.displayName = 'BaseLinkItem';

package/dist/layouts/shared.d.ts

@@ -1,2 +1,48 @@
-import 'react';
-export { B as BaseLayoutProps, S as SharedNavProps, g as getLinks, r as replaceOrDefault } from '../shared-SScCiV7b.js';
+import type { ReactNode } from 'react';
+import type { LinkItemType } from '../layouts/links';
+import type { NavProviderProps, TitleProps } from '../components/layout/nav';
+interface NavOptions extends SharedNavProps {
+    enabled: boolean;
+    component: ReactNode;
+}
+export interface SharedNavProps extends TitleProps, NavProviderProps {
+    /**
+     * Show/hide search toggle
+     *
+     * Note: Enable/disable search from root provider instead
+     */
+    enableSearch?: boolean;
+    children?: ReactNode;
+}
+export interface BaseLayoutProps {
+    /**
+     * Remove theme switcher component
+     */
+    disableThemeSwitch?: boolean;
+    /**
+     * Enable Language Switch
+     *
+     * @defaultValue false
+     */
+    i18n?: boolean;
+    /**
+     * GitHub url
+     */
+    githubUrl?: string;
+    links?: LinkItemType[];
+    /**
+     * Replace or disable navbar
+     */
+    nav?: Partial<NavOptions>;
+    children?: ReactNode;
+}
+/**
+ * Get Links Items with shortcuts
+ */
+export declare function getLinks(links?: LinkItemType[], githubUrl?: string): LinkItemType[];
+export declare function replaceOrDefault(obj: {
+    enabled?: boolean;
+    component?: ReactNode;
+} | undefined, def: ReactNode, customComponentProps?: object, disabled?: ReactNode): ReactNode;
+export {};
+//# sourceMappingURL=shared.d.ts.map

package/dist/layouts/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/layouts/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG5E,UAAU,UAAW,SAAQ,cAAc;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU,EAAE,gBAAgB;IAClE;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAE1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CACtB,KAAK,CAAC,EAAE,YAAY,EAAE,EACtB,SAAS,CAAC,EAAE,MAAM,GACjB,YAAY,EAAE,CAoBhB;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EACC;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GACD,SAAS,EACb,GAAG,EAAE,SAAS,EACd,oBAAoB,CAAC,EAAE,MAAM,EAC7B,QAAQ,CAAC,EAAE,SAAS,GACnB,SAAS,CAMX"}

package/dist/layouts/shared.js

@@ -1,9 +1,27 @@
-import {
-  getLinks,
-  replaceOrDefault
-} from "../chunk-E3VO2QQT.js";
-import "../chunk-MLKGABMK.js";
-export {
-  getLinks,
-  replaceOrDefault
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+/**
+ * Get Links Items with shortcuts
+ */
+export function getLinks(links, githubUrl) {
+    let result = links ?? [];
+    if (githubUrl)
+        result = [
+            ...result,
+            {
+                type: 'icon',
+                url: githubUrl,
+                text: 'Github',
+                icon: (_jsx("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", children: _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" }) })),
+                external: true,
+            },
+        ];
+    return result;
+}
+export function replaceOrDefault(obj, def, customComponentProps, disabled) {
+    if (obj?.enabled === false)
+        return disabled;
+    if (obj?.component !== undefined)
+        return _jsx(Slot, { ...customComponentProps, children: obj.component });
+    return def;
+}

package/dist/mdx.client.d.ts

@@ -1,6 +1,4 @@
-import { CodeBlockProps } from './components/codeblock.js';
-import 'react';
-
+import * as Base from './components/codeblock';
 /**
  * You are NOT supposed to use this component directly.
  *
@@ -8,6 +6,5 @@ import 'react';
  *
  * @internal
  */
-declare function Pre(props: CodeBlockProps): React.ReactElement;
-
-export { Pre };
+export declare function Pre(props: Base.CodeBlockProps): React.ReactElement;
+//# sourceMappingURL=mdx.client.d.ts.map

package/dist/mdx.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx.client.d.ts","sourceRoot":"","sources":["../src/mdx.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,IAAI,MAAM,wBAAwB,CAAC;AAE/C;;;;;;GAMG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,YAAY,CAMlE"}

package/dist/mdx.client.js

@@ -1,20 +1,13 @@
-"use client";
-import {
-  CodeBlock,
-  Pre
-} from "./chunk-5KVEK5A7.js";
-import "./chunk-2KMKNVSN.js";
-import "./chunk-QKOA6KEZ.js";
-import "./chunk-2FLZOPQN.js";
-import "./chunk-5QPVK7QM.js";
-import "./chunk-TK3TM3MR.js";
-import "./chunk-MLKGABMK.js";
-
-// src/mdx.client.tsx
-import { jsx } from "react/jsx-runtime";
-function Pre2(props) {
-  return /* @__PURE__ */ jsx(CodeBlock, { ...props, children: /* @__PURE__ */ jsx(Pre, { children: props.children }) });
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Base from './components/codeblock';
+/**
+ * You are NOT supposed to use this component directly.
+ *
+ * This should be referenced in the output generated by the Rehype Code plugin.
+ *
+ * @internal
+ */
+export function Pre(props) {
+    return (_jsx(Base.CodeBlock, { ...props, children: _jsx(Base.Pre, { children: props.children }) }));
 }
-export {
-  Pre2 as Pre
-};

package/dist/mdx.d.ts

@@ -1,28 +1,25 @@
-import * as react from 'react';
-import { FC, HTMLAttributes, AnchorHTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Card, Cards } from './components/card.js';
-
-declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): React.ReactElement;
-declare function Table(props: TableHTMLAttributes<HTMLTableElement>): React.ReactElement;
+import type { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from 'react';
+import { Card, Cards } from './components/card';
+declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): import("react/jsx-runtime").JSX.Element;
+declare function Table(props: TableHTMLAttributes<HTMLTableElement>): import("react/jsx-runtime").JSX.Element;
 declare const defaultMdxComponents: {
     pre: FC<HTMLAttributes<HTMLPreElement>>;
     Card: typeof Card;
     Cards: typeof Cards;
     a: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
     img: typeof Image;
-    h1: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
-    h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
-    h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
-    h4: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
-    h5: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
-    h6: (props: React.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime.JSX.Element;
+    h1: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
+    h2: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
+    h3: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
+    h4: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
+    h5: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
+    h6: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
     table: typeof Table;
-    Callout: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
-        title?: react.ReactNode;
+    Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
+        title?: import("react").ReactNode;
         type?: "info" | "warn" | "error";
-        icon?: react.ReactNode;
-    } & react.RefAttributes<HTMLDivElement>>;
+        icon?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
 };
 /**
  * **Server Component Only**
@@ -35,7 +32,8 @@ declare const defaultMdxComponents: {
  *
  * @param c - MDX Components
  * @returns MDX Components with re-created client components
+ * @deprecated no longer used
  */
-declare function createComponents<Components extends Record<string, FC<unknown>>>(c: Components): Components;
-
-export { createComponents, defaultMdxComponents as default };
+export declare function createComponents<Components extends Record<string, FC<unknown>>>(c: Components): Components;
+export { defaultMdxComponents as default };
+//# sourceMappingURL=mdx.d.ts.map

package/dist/mdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx.d.ts","sourceRoot":"","sources":["../src/mdx.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,EAAE,EACF,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAMhD,iBAAS,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,2CAQxD;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,2CAM1D;AAED,QAAA,MAAM,oBAAoB;SACZ,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;;;OAGnC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;;gBAE1C,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;gBAGlC,cAAc,CAAC,kBAAkB,CAAC;;;;;;;CAK/C,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAC9C,CAAC,EAAE,UAAU,GAAG,UAAU,CAU3B;AAED,OAAO,EAAE,oBAAoB,IAAI,OAAO,EAAE,CAAC"}

package/dist/mdx.js

@@ -1,62 +1,53 @@
-import { Pre } from "./mdx.client"
-import {
-  Heading
-} from "./chunk-IHIFNFRB.js";
-import {
-  Callout
-} from "./chunk-CPGKWLLV.js";
-import "./chunk-5QPVK7QM.js";
-import {
-  Card,
-  Cards
-} from "./chunk-GHOAONNQ.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import "./chunk-MLKGABMK.js";
-
-// src/mdx.tsx
-import Link from "fumadocs-core/link";
-import NextImage from "next/image";
-import { jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from 'fumadocs-core/link';
+import NextImage from 'next/image';
+import { Card, Cards } from './components/card';
+import { Callout } from './components/callout';
+import { Heading } from './components/heading';
+import { cn } from './utils/cn';
+import { Pre } from './mdx.client';
 function Image(props) {
-  return /* @__PURE__ */ jsx(
-    NextImage,
-    {
-      sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px",
-      ...props,
-      className: twMerge("rounded-lg", props.className)
-    }
-  );
+    return (_jsx(NextImage, { sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px", ...props, className: cn('rounded-lg', props.className) }));
 }
 function Table(props) {
-  return /* @__PURE__ */ jsx("div", { className: "relative overflow-auto", children: /* @__PURE__ */ jsx("table", { ...props }) });
+    return (_jsx("div", { className: "relative overflow-auto", children: _jsx("table", { ...props }) }));
 }
-var defaultMdxComponents = {
-  pre: Pre,
-  Card,
-  Cards,
-  a: Link,
-  img: Image,
-  h1: (props) => /* @__PURE__ */ jsx(Heading, { as: "h1", ...props }),
-  h2: (props) => /* @__PURE__ */ jsx(Heading, { as: "h2", ...props }),
-  h3: (props) => /* @__PURE__ */ jsx(Heading, { as: "h3", ...props }),
-  h4: (props) => /* @__PURE__ */ jsx(Heading, { as: "h4", ...props }),
-  h5: (props) => /* @__PURE__ */ jsx(Heading, { as: "h5", ...props }),
-  h6: (props) => /* @__PURE__ */ jsx(Heading, { as: "h6", ...props }),
-  table: Table,
-  Callout
+const defaultMdxComponents = {
+    pre: Pre,
+    Card,
+    Cards,
+    a: Link,
+    img: Image,
+    h1: (props) => (_jsx(Heading, { as: "h1", ...props })),
+    h2: (props) => (_jsx(Heading, { as: "h2", ...props })),
+    h3: (props) => (_jsx(Heading, { as: "h3", ...props })),
+    h4: (props) => (_jsx(Heading, { as: "h4", ...props })),
+    h5: (props) => (_jsx(Heading, { as: "h5", ...props })),
+    h6: (props) => (_jsx(Heading, { as: "h6", ...props })),
+    table: Table,
+    Callout,
 };
-function createComponents(c) {
-  const mapped = Object.entries(c).map(([k, V]) => {
-    return [
-      k,
-      Object.keys(V).length === 0 ? (props) => /* @__PURE__ */ jsx(V, { ...props }) : V
-    ];
-  });
-  return Object.fromEntries(mapped);
+/**
+ * **Server Component Only**
+ *
+ * Sometimes, if you directly pass a client component to MDX Components, it will throw an error
+ *
+ * To solve this, you can re-create the component in a server component like: `(props) => <Component {...props} />`
+ *
+ * This function does that for you
+ *
+ * @param c - MDX Components
+ * @returns MDX Components with re-created client components
+ * @deprecated no longer used
+ */
+export function createComponents(c) {
+    const mapped = Object.entries(c).map(([k, V]) => {
+        // Client components are empty objects
+        return [
+            k,
+            Object.keys(V).length === 0 ? (props) => _jsx(V, { ...props }) : V,
+        ];
+    });
+    return Object.fromEntries(mapped);
 }
-export {
-  createComponents,
-  defaultMdxComponents as default
-};
+export { defaultMdxComponents as default };

package/dist/og.d.ts

@@ -1,7 +1,6 @@
 import { ImageResponse } from 'next/og';
-import { ReactElement, ReactNode } from 'react';
-import { ImageResponseOptions } from 'next/dist/compiled/@vercel/og/types';
-
+import type { ReactElement, ReactNode } from 'react';
+import type { ImageResponseOptions } from 'next/dist/compiled/@vercel/og/types';
 interface GenerateProps {
     title: ReactNode;
     description?: ReactNode;
@@ -10,7 +9,7 @@ interface GenerateProps {
     primaryTextColor?: string;
     site?: ReactNode;
 }
-declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
-declare function generate({ primaryColor, primaryTextColor, ...props }: GenerateProps): ReactElement;
-
-export { generate, generateOGImage };
+export declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
+export declare function generate({ primaryColor, primaryTextColor, ...props }: GenerateProps): ReactElement;
+export {};
+//# sourceMappingURL=og.d.ts.map

package/dist/og.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"og.d.ts","sourceRoot":"","sources":["../src/og.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,UAAU,aAAa;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,GAAG,oBAAoB,GAC5C,aAAa,CA0Bf;AAED,wBAAgB,QAAQ,CAAC,EACvB,YAAsC,EACtC,gBAAqC,EACrC,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,YAAY,CAqD9B"}

package/dist/og.js

@@ -1,104 +1,45 @@
-import "./chunk-MLKGABMK.js";
-
-// src/og.tsx
-import { ImageResponse } from "next/og";
-import { jsx, jsxs } from "react/jsx-runtime";
-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
-    }
-  );
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImageResponse } from 'next/og';
+export 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
-                  },
-                  children: props.site
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "p",
-          {
-            style: {
-              fontWeight: 800,
-              fontSize: "82px"
-            },
-            children: props.title
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "p",
-          {
-            style: {
-              fontSize: "52px",
-              color: "rgba(240,240,240,0.8)"
-            },
-            children: props.description
-          }
-        )
-      ]
-    }
-  );
+export function generate({ primaryColor = 'rgba(255,150,255,0.3)', primaryTextColor = 'rgb(255,150,255)', ...props }) {
+    return (_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: [_jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: '16px',
+                    marginBottom: '12px',
+                    color: primaryTextColor,
+                }, children: [props.icon, _jsx("p", { style: {
+                            fontSize: '56px',
+                            fontWeight: 600,
+                        }, children: props.site })] }), _jsx("p", { style: {
+                    fontWeight: 800,
+                    fontSize: '82px',
+                }, children: props.title }), _jsx("p", { style: {
+                    fontSize: '52px',
+                    color: 'rgba(240,240,240,0.8)',
+                }, children: props.description })] }));
 }
-export {
-  generate,
-  generateOGImage
-};

package/dist/page.client.d.ts

@@ -1,42 +1,10 @@
-import { TOCItemType } from 'fumadocs-core/server';
-import { ReactNode, ReactElement } from 'react';
-import { BreadcrumbOptions } from 'fumadocs-core/breadcrumb';
-
-interface TOCProps {
-    /**
-     * Custom content in TOC container, before the main TOC
-     */
-    header?: ReactNode;
-    /**
-     * Custom content in TOC container, after the main TOC
-     */
-    footer?: ReactNode;
-    children: ReactNode;
-}
-declare function Toc({ header, footer, children }: TOCProps): ReactElement;
-declare function TocPopover({ items, ...props }: TOCProps & {
-    items: TOCItemType[];
-    className?: string;
-}): ReactElement;
-declare function TOCItems({ items, isMenu, }: {
-    items: TOCItemType[];
-    isMenu?: boolean;
-}): React.ReactElement;
-
-interface BreadcrumbProps extends Omit<BreadcrumbOptions, 'includePage'> {
-    /**
-     * Show the full path to the current page
-     *
-     * @defaultValue false
-     */
-    full?: boolean;
-}
-declare function Breadcrumb({ full, ...options }: BreadcrumbProps): React.ReactNode;
-
-declare function LastUpdate(props: {
+import { type HTMLAttributes } from 'react';
+export declare function PageContainer(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeader(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function LastUpdate(props: {
     date: Date;
-}): React.ReactElement;
-interface FooterProps {
+}): import("react/jsx-runtime").JSX.Element;
+export interface FooterProps {
     /**
      * Items including information for the next and previous page
      */
@@ -51,6 +19,5 @@ interface FooterProps {
         };
     };
 }
-declare function Footer({ items }: FooterProps): React.ReactElement;
-
-export { Breadcrumb, type BreadcrumbProps, Footer, type FooterProps, LastUpdate, TOCItems, type TOCProps, Toc, TocPopover };
+export declare function Footer({ items }: FooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page.client.d.ts.map