@docubook/mdx 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Wildan Nursahidan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,118 @@
+# @docubook/mdx
+
+Framework-agnostic MDX components for React with adapter entrypoints.
+
+## Entrypoints
+
+- `@docubook/mdx`: server-safe convenience export (alias to subset `core/server`).
+- `@docubook/mdx/core/server`: core components safe for React Server Components.
+- `@docubook/mdx/core/client`: interactive core components (client-only).
+- `@docubook/mdx/next`: Next.js adapters for Link, Image, Button, and Card.
+- `@docubook/mdx/react-router`: React Router DOM adapters.
+
+Note: in the current `nextjs app router` integration, the helper uses direct split imports from `core/server` and `core/client` (not the root `@docubook/mdx`).
+
+## Adapter Dependency Notes
+
+- `@docubook/mdx/next` expects `next` as optional peer dependency.
+- `@docubook/mdx/react-router` expects `react-router-dom` as optional peer dependency.
+- Root and `core/server` entrypoints do not require framework adapters.
+
+## Recommended Pattern
+
+For app-level MDX registration, use a helper function in app layer (for example `createDocsMdxComponents` in `mdx-components.ts`) and keep framework-specific wiring there.
+
+This keeps `lib/markdown.ts` small, avoids repeated component maps, and keeps RSC boundaries explicit.
+
+## Next.js App Router
+
+Use split imports to avoid Turbopack/RSC errors:
+
+- Import server-safe components from `@docubook/mdx/core/server`.
+- Import client-only components from `@docubook/mdx/core/client`.
+- Import Next adapters from `@docubook/mdx/next`.
+- `@docubook/mdx/core` is intentionally not exported; use `@docubook/mdx/core/server` or `@docubook/mdx/core/client` explicitly.
+
+### 1) Helper in mdx-components.ts
+
+```ts
+import dynamic from "next/dynamic";
+import {
+	NextImageMdx as Image,
+	NextLinkMdx as Link,
+} from "@docubook/mdx/next";
+import { Pre } from "@docubook/mdx/core/client";
+
+const Button = dynamic(() => import("@docubook/mdx/next").then((m) => ({ default: m.NextButtonMdx })));
+const Card = dynamic(() => import("@docubook/mdx/next").then((m) => ({ default: m.NextCardMdx })));
+const Note = dynamic(() => import("@docubook/mdx/core/server").then((m) => ({ default: m.Note })));
+const Tooltip = dynamic(() => import("@docubook/mdx/core/client").then((m) => ({ default: m.Tooltip })));
+const Accordion = dynamic(() => import("@docubook/mdx/core/client").then((m) => ({ default: m.Accordion })));
+
+export function createDocsMdxComponents(): Record<string, unknown> {
+	return {
+		Note,
+		Tooltip,
+		Accordion,
+		Card,
+		Button,
+		pre: Pre,
+		img: Image,
+		a: Link,
+	};
+}
+```
+
+### 2) Service integration in markdown.ts
+
+```ts
+import { createMdxContentService } from "@docubook/core";
+import { createDocsMdxComponents } from "@/mdx-components";
+import Outlet from "@/lib/markdown/OutletMdx";
+
+const components = {
+	...createDocsMdxComponents(),
+	Outlet,
+};
+
+const docsService = createMdxContentService({
+	parseOptions: { components },
+});
+```
+
+## Component Split Reference
+
+Use this as practical guidance for helper imports:
+
+|   Component    |      Runtime      |         Import Path         |                             Notes                              |
+| -------------- | ----------------- | --------------------------- | -------------------------------------------------------------- |
+| CardGroup      | Server-safe       | `@docubook/mdx/core/server` | Non-interactive layout component.                              |
+| Changes        | Server-safe       | `@docubook/mdx/core/server` | Used together with `Release`.                                  |
+| Kbd            | Server-safe       | `@docubook/mdx/core/server` | The markdown alias `kbd` is also available in helper mapping.  |
+| Note           | Server-safe       | `@docubook/mdx/core/server` | Can be used in the helper without a dedicated client boundary. |
+| Release        | Server-safe       | `@docubook/mdx/core/server` | Changelog component without React client hooks.                |
+| Stepper        | Server-safe       | `@docubook/mdx/core/server` | Pairs with `StepperItem`.                                      |
+| StepperItem    | Server-safe       | `@docubook/mdx/core/server` | Used inside `Stepper`.                                         |
+| Youtube        | Server-safe       | `@docubook/mdx/core/server` | Iframe embed without React client hooks.                       |
+| Accordion      | Client-only       | `@docubook/mdx/core/client` | Uses state/context.                                            |
+| AccordionGroup | Client-only       | `@docubook/mdx/core/client` | Context provider for `Accordion`.                              |
+| Tooltip        | Client-only       | `@docubook/mdx/core/client` | Uses hover state.                                              |
+| File           | Client-only       | `@docubook/mdx/core/client` | Interactive tree item (hover/toggle).                          |
+| Files          | Client-only       | `@docubook/mdx/core/client` | Interactive tree container.                                    |
+| Folder         | Client-only       | `@docubook/mdx/core/client` | Expand/collapse state.                                         |
+| Pre            | Client-only       | `@docubook/mdx/core/client` | Uses interactive copy action.                                  |
+| NextButtonMdx  | Adapter (Next.js) | `@docubook/mdx/next`        | `Button` wrapper with Next Link behavior.                      |
+| NextCardMdx    | Adapter (Next.js) | `@docubook/mdx/next`        | `Card` wrapper with Next Link behavior.                        |
+| NextImageMdx   | Adapter (Next.js) | `@docubook/mdx/next`        | For `img` mapping in Next App Router.                          |
+| NextLinkMdx    | Adapter (Next.js) | `@docubook/mdx/next`        | For `a` mapping in Next App Router.                            |
+
+## Loading Strategy (Helper)
+
+- Prefer static import for high-frequency primitives: `a`, `img`, `pre`.
+- Prefer dynamic import for heavier or less-frequent interactive components.
+- Keep route/data-coupled components (like `Outlet`) in app layer instead of package core.
+- Keep the helper in app layer and keep markdown service focused on content compile/read logic only.
+
+## License
+
+MIT

package/dist/Card-L5O7G4xG.d.cts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as Icons from 'lucide-react';
+import { ComponentType, ComponentProps, ReactNode } from 'react';
+
+type LinkLikeProps = Omit<ComponentProps<"a">, "href"> & {
+    href: string;
+};
+type LinkRenderer = ComponentType<LinkLikeProps>;
+
+type ButtonProps = {
+    icon?: keyof typeof Icons;
+    text?: string;
+    href: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    size?: "sm" | "md" | "lg";
+    variation?: "primary" | "accent" | "outline";
+    LinkComponent?: LinkRenderer;
+};
+declare function Button({ icon, text, href, target, size, variation, LinkComponent, }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type IconName = keyof typeof Icons;
+interface CardProps {
+    title: string;
+    icon?: IconName;
+    href?: string;
+    horizontal?: boolean;
+    children: ReactNode;
+    className?: string;
+    LinkComponent?: LinkRenderer;
+}
+declare function Card({ title, icon, href, horizontal, children, className, LinkComponent, }: CardProps): react_jsx_runtime.JSX.Element;
+
+export { Button as B, Card as C, type LinkLikeProps as L, type LinkRenderer as a };

package/dist/Card-L5O7G4xG.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as Icons from 'lucide-react';
+import { ComponentType, ComponentProps, ReactNode } from 'react';
+
+type LinkLikeProps = Omit<ComponentProps<"a">, "href"> & {
+    href: string;
+};
+type LinkRenderer = ComponentType<LinkLikeProps>;
+
+type ButtonProps = {
+    icon?: keyof typeof Icons;
+    text?: string;
+    href: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    size?: "sm" | "md" | "lg";
+    variation?: "primary" | "accent" | "outline";
+    LinkComponent?: LinkRenderer;
+};
+declare function Button({ icon, text, href, target, size, variation, LinkComponent, }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type IconName = keyof typeof Icons;
+interface CardProps {
+    title: string;
+    icon?: IconName;
+    href?: string;
+    horizontal?: boolean;
+    children: ReactNode;
+    className?: string;
+    LinkComponent?: LinkRenderer;
+}
+declare function Card({ title, icon, href, horizontal, children, className, LinkComponent, }: CardProps): react_jsx_runtime.JSX.Element;
+
+export { Button as B, Card as C, type LinkLikeProps as L, type LinkRenderer as a };

package/dist/Image-DZPezRHi.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+type ImageProps = ComponentProps<"img">;
+declare function Image({ src, alt, width, height, ...props }: ImageProps): react_jsx_runtime.JSX.Element | null;
+
+export { Image as I };

package/dist/Image-DZPezRHi.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+type ImageProps = ComponentProps<"img">;
+declare function Image({ src, alt, width, height, ...props }: ImageProps): react_jsx_runtime.JSX.Element | null;
+
+export { Image as I };

package/dist/Stepper-B7xt0Dyr.d.cts

@@ -0,0 +1,53 @@
+import React__default, { FC, ReactNode, ComponentProps, PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface YoutubeProps {
+    videoId: string;
+    className?: string;
+}
+declare const Youtube: FC<YoutubeProps>;
+
+interface CardGroupProps {
+    children: ReactNode;
+    cols?: number;
+    className?: string;
+}
+declare function CardGroup({ children, cols, className }: CardGroupProps): react_jsx_runtime.JSX.Element;
+
+interface KbdProps extends React__default.HTMLAttributes<HTMLElement> {
+    show?: string;
+    type?: "window" | "mac";
+    children?: React__default.ReactNode;
+}
+declare function Kbd({ show: keyProp, type, children, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+
+declare function Link({ href, target, rel, ...props }: ComponentProps<"a">): react_jsx_runtime.JSX.Element | null;
+
+declare const noteVariants: (props?: ({
+    variant?: "note" | "danger" | "warning" | "success" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface NoteProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof noteVariants> {
+    title?: string;
+    type?: "note" | "danger" | "warning" | "success";
+}
+declare function Note({ className, title, type, children, ...props }: NoteProps): react_jsx_runtime.JSX.Element;
+
+interface ReleaseProps extends PropsWithChildren {
+    version: string;
+    title: string;
+    date?: string;
+}
+declare function Release({ version, title, date, children }: ReleaseProps): react_jsx_runtime.JSX.Element;
+interface ChangesProps extends PropsWithChildren {
+    type: "added" | "fixed" | "improved" | "deprecated" | "removed";
+}
+declare function Changes({ type, children }: ChangesProps): react_jsx_runtime.JSX.Element;
+
+declare function Stepper({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
+declare function StepperItem({ children, title, }: PropsWithChildren & {
+    title?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { CardGroup as C, Kbd as K, Link as L, Note as N, Release as R, Stepper as S, type YoutubeProps as Y, StepperItem as a, Changes as b, Youtube as c };

package/dist/Stepper-B7xt0Dyr.d.ts

@@ -0,0 +1,53 @@
+import React__default, { FC, ReactNode, ComponentProps, PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface YoutubeProps {
+    videoId: string;
+    className?: string;
+}
+declare const Youtube: FC<YoutubeProps>;
+
+interface CardGroupProps {
+    children: ReactNode;
+    cols?: number;
+    className?: string;
+}
+declare function CardGroup({ children, cols, className }: CardGroupProps): react_jsx_runtime.JSX.Element;
+
+interface KbdProps extends React__default.HTMLAttributes<HTMLElement> {
+    show?: string;
+    type?: "window" | "mac";
+    children?: React__default.ReactNode;
+}
+declare function Kbd({ show: keyProp, type, children, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+
+declare function Link({ href, target, rel, ...props }: ComponentProps<"a">): react_jsx_runtime.JSX.Element | null;
+
+declare const noteVariants: (props?: ({
+    variant?: "note" | "danger" | "warning" | "success" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface NoteProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof noteVariants> {
+    title?: string;
+    type?: "note" | "danger" | "warning" | "success";
+}
+declare function Note({ className, title, type, children, ...props }: NoteProps): react_jsx_runtime.JSX.Element;
+
+interface ReleaseProps extends PropsWithChildren {
+    version: string;
+    title: string;
+    date?: string;
+}
+declare function Release({ version, title, date, children }: ReleaseProps): react_jsx_runtime.JSX.Element;
+interface ChangesProps extends PropsWithChildren {
+    type: "added" | "fixed" | "improved" | "deprecated" | "removed";
+}
+declare function Changes({ type, children }: ChangesProps): react_jsx_runtime.JSX.Element;
+
+declare function Stepper({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
+declare function StepperItem({ children, title, }: PropsWithChildren & {
+    title?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { CardGroup as C, Kbd as K, Link as L, Note as N, Release as R, Stepper as S, type YoutubeProps as Y, StepperItem as a, Changes as b, Youtube as c };

package/dist/adapters/next/index.cjs

@@ -0,0 +1,204 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/adapters/next/index.tsx
+var next_exports = {};
+__export(next_exports, {
+  NextButtonMdx: () => NextButtonMdx,
+  NextCardMdx: () => NextCardMdx,
+  NextImageMdx: () => NextImageMdx,
+  NextLinkMdx: () => NextLinkMdx
+});
+module.exports = __toCommonJS(next_exports);
+var import_link = __toESM(require("next/link"), 1);
+var import_image = __toESM(require("next/image"), 1);
+
+// src/core/components/Button.tsx
+var Icons = __toESM(require("lucide-react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button({
+  icon,
+  text,
+  href,
+  target,
+  size = "md",
+  variation = "primary",
+  LinkComponent
+}) {
+  const baseStyles = "inline-flex items-center justify-center rounded font-medium focus:outline-none transition no-underline";
+  const sizeStyles = {
+    sm: "px-3 py-1 my-6 text-sm",
+    md: "px-4 py-2 my-6 text-base",
+    lg: "px-5 py-3 my-6 text-lg"
+  };
+  const variationStyles = {
+    primary: "bg-primary text-white hover:bg-primary/90",
+    accent: "bg-accent text-white hover:bg-accent/90",
+    outline: "border border-accent text-accent hover:bg-accent/10"
+  };
+  const Icon = icon ? Icons[icon] : null;
+  const className = `${baseStyles} ${sizeStyles[size]} ${variationStyles[variation]}`;
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: text }),
+    Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "mr-2 h-5 w-5" })
+  ] });
+  if (LinkComponent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      LinkComponent,
+      {
+        href,
+        target,
+        rel: target === "_blank" ? "noopener noreferrer" : void 0,
+        className,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "a",
+    {
+      href,
+      target,
+      rel: target === "_blank" ? "noopener noreferrer" : void 0,
+      className,
+      children: inner
+    }
+  );
+}
+
+// src/core/components/Card.tsx
+var Icons2 = __toESM(require("lucide-react"), 1);
+var import_clsx = __toESM(require("clsx"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Card({
+  title,
+  icon,
+  href,
+  horizontal,
+  children,
+  className,
+  LinkComponent
+}) {
+  const Icon = icon ? Icons2[icon] : null;
+  const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: (0, import_clsx.default)(
+        "border rounded-lg shadow-sm p-4 transition-all duration-200",
+        "bg-card text-card-foreground border-border",
+        "hover:bg-accent/5 hover:border-accent/30",
+        "flex gap-2",
+        horizontal ? "flex-row items-start gap-1" : "flex-col space-y-1",
+        className
+      ),
+      children: [
+        Icon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { className: (0, import_clsx.default)("w-5 h-5 text-primary shrink-0", horizontal && "mt-0.5") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-base font-semibold text-foreground leading-6", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm text-muted-foreground -mt-3", children })
+        ] })
+      ]
+    }
+  );
+  if (!href) return content;
+  if (LinkComponent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LinkComponent, { href, className: "no-underline block", children: content });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { className: "no-underline block", href, children: content });
+}
+
+// src/adapters/next/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function isExternalHref(href) {
+  return /^(https?:|mailto:|tel:)/i.test(href);
+}
+function NextLinkMdx({ href, ...props }) {
+  if (!href) return null;
+  if (isExternalHref(href)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "a",
+      {
+        href,
+        ...props,
+        target: props.target ?? "_blank",
+        rel: props.rel ?? "noopener noreferrer"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link.default, { href, ...props });
+}
+var NextLinkRenderer = ({ href, ...props }) => {
+  if (isExternalHref(href)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "a",
+      {
+        href,
+        ...props,
+        target: props.target ?? "_blank",
+        rel: props.rel ?? "noopener noreferrer"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link.default, { href, ...props });
+};
+function NextButtonMdx(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { ...props, LinkComponent: NextLinkRenderer });
+}
+function NextCardMdx(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Card, { ...props, LinkComponent: NextLinkRenderer });
+}
+function NextImageMdx({
+  src,
+  alt = "alt",
+  width = 800,
+  height = 350,
+  ...props
+}) {
+  if (!src) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_image.default,
+    {
+      src,
+      alt,
+      width,
+      height,
+      quality: 85,
+      sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 800px",
+      className: "w-full h-auto rounded-lg transition-transform duration-300 group-hover:scale-[1.01]",
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NextButtonMdx,
+  NextCardMdx,
+  NextImageMdx,
+  NextLinkMdx
+});

package/dist/adapters/next/index.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import NextImage from 'next/image';
+import { ComponentProps } from 'react';
+import { B as Button, C as Card } from '../../Card-L5O7G4xG.cjs';
+import 'lucide-react';
+
+declare function NextLinkMdx({ href, ...props }: ComponentProps<"a">): react_jsx_runtime.JSX.Element | null;
+declare function NextButtonMdx(props: ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function NextCardMdx(props: ComponentProps<typeof Card>): react_jsx_runtime.JSX.Element;
+type NextImageMdxProps = Omit<ComponentProps<"img">, "src"> & {
+    src?: ComponentProps<typeof NextImage>["src"];
+};
+declare function NextImageMdx({ src, alt, width, height, ...props }: NextImageMdxProps): react_jsx_runtime.JSX.Element | null;
+
+export { NextButtonMdx, NextCardMdx, NextImageMdx, NextLinkMdx };

package/dist/adapters/next/index.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import NextImage from 'next/image';
+import { ComponentProps } from 'react';
+import { B as Button, C as Card } from '../../Card-L5O7G4xG.js';
+import 'lucide-react';
+
+declare function NextLinkMdx({ href, ...props }: ComponentProps<"a">): react_jsx_runtime.JSX.Element | null;
+declare function NextButtonMdx(props: ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function NextCardMdx(props: ComponentProps<typeof Card>): react_jsx_runtime.JSX.Element;
+type NextImageMdxProps = Omit<ComponentProps<"img">, "src"> & {
+    src?: ComponentProps<typeof NextImage>["src"];
+};
+declare function NextImageMdx({ src, alt, width, height, ...props }: NextImageMdxProps): react_jsx_runtime.JSX.Element | null;
+
+export { NextButtonMdx, NextCardMdx, NextImageMdx, NextLinkMdx };