@publish.os/nextjs 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/kernel/components/mdx/components/strikethrough.js

@@ -1,32 +1,14 @@
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/mdx/components/strikethrough.tsx
+// src/components/mdx/strikethrough.tsx
+import { cn } from "@publish.os/nextjs/utils/cn";
 import { jsx } from "react/jsx-runtime";
 function Strikethrough({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "del",
     {
-      className: cn("text-foreground-3 decoration-stroke-1", className),
+      className: cn(
+        "text-typography-caption-foreground decoration-typography-rule-stroke",
+        className
+      ),
       ...props
     }
   );

package/dist/kernel/components/mdx/components/table.js

@@ -1,4 +1,4 @@
-// src/kernel/components/mdx/components/table.tsx
+// src/components/mdx/table.tsx
 import {
   TableBody,
   TableCell,
@@ -6,7 +6,7 @@ import {
   TableHeader,
   TableRow,
   Table as UiTable
-} from "../../ui/table.js";
+} from "@publish.os/nextjs/kernel/components/ui/table";
 import { jsx } from "react/jsx-runtime";
 function Table(props) {
   return /* @__PURE__ */ jsx(UiTable, { ...props });

package/dist/kernel/components/mdx/components/task-list.js

@@ -1,33 +1,12 @@
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/mdx/components/task-list.tsx
+// src/components/mdx/task-list.tsx
+import { cn } from "@publish.os/nextjs/utils/cn";
 import { jsx } from "react/jsx-runtime";
 function TaskList({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "ul",
     {
       className: cn(
-        "my-5 space-y-2 pl-6 text-base leading-7 text-foreground-2 [&>li]:pl-1",
+        "my-5 space-y-2 pl-6 text-base leading-7 text-typography-body-foreground [&>li]:pl-1",
         className
       ),
       ...props
@@ -39,14 +18,13 @@ function TaskListInput({
   className,
   type
 }) {
-  if (type !== "checkbox") return null;
-  return /* @__PURE__ */ jsx(
+  return type !== "checkbox" ? null : /* @__PURE__ */ jsx(
     "span",
     {
       "aria-hidden": "true",
       className: cn(
-        "mr-2 inline-flex size-4 translate-y-0.5 items-center justify-center rounded-checkbox border border-stroke-2 bg-surface-1",
-        checked && "border-accent-solid bg-accent-solid text-accent-foreground",
+        "mr-2 inline-flex size-4 translate-y-0.5 items-center justify-center rounded-checkbox border border-typography-rule-stroke bg-surface-1",
+        checked && "border-accent-1 bg-accent-1 text-accent-1-foreground",
         className
       ),
       "data-checked": checked ? "" : void 0,

package/dist/kernel/components/mdx/components/video-player.js

@@ -1,28 +1,7 @@
 "use client";
 
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/mdx/components/video-player.tsx
+// src/components/mdx/video-player.tsx
+import { cn } from "@publish.os/nextjs/utils/cn";
 import { usePathname } from "next/navigation";
 import { useCallback, useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,84 +15,70 @@ function VideoPlayer({
   title,
   width
 }) {
-  const instanceId = useId();
-  const pathname = usePathname();
-  const [playing, setPlaying] = useState(false);
-  const aspectRatio = width && height ? `${width} / ${height}` : "16 / 9";
-  const mediaKey = embed?.src ?? src;
-  const shellStyle = poster ? {
-    aspectRatio,
-    backgroundImage: `url("${poster}")`,
-    backgroundPosition: "center",
-    backgroundSize: "cover"
-  } : { aspectRatio };
-  const buttonStyle = {
-    ...shellStyle,
+  let instanceId = useId(), pathname = usePathname(), [playing, setPlaying] = useState(!1), aspectRatio = width && height ? `${width} / ${height}` : "16 / 9", mediaKey = embed?.src ?? src, buttonStyle = {
+    ...poster ? {
+      aspectRatio,
+      backgroundImage: `url("${poster}")`,
+      backgroundPosition: "center",
+      backgroundSize: "cover"
+    } : { aspectRatio },
     appearance: "none",
     border: 0,
     borderRadius: "inherit",
     padding: 0
   };
   useEffect(() => {
-    if (mediaKey || pathname) {
-      setPlaying(false);
-    }
-  }, [mediaKey, pathname]);
-  useEffect(() => {
+    (mediaKey || pathname) && setPlaying(!1);
+  }, [mediaKey, pathname]), useEffect(() => {
     function handlePlay(event) {
-      const detail = event.detail;
-      if (detail?.id !== instanceId) {
-        setPlaying(false);
-      }
+      event.detail?.id !== instanceId && setPlaying(!1);
     }
-    window.addEventListener(VIDEO_PLAY_EVENT, handlePlay);
-    return () => window.removeEventListener(VIDEO_PLAY_EVENT, handlePlay);
+    return window.addEventListener(VIDEO_PLAY_EVENT, handlePlay), () => window.removeEventListener(VIDEO_PLAY_EVENT, handlePlay);
   }, [instanceId]);
-  const startPlaying = useCallback(() => {
+  let startPlaying = useCallback(() => {
     window.dispatchEvent(
       new CustomEvent(VIDEO_PLAY_EVENT, { detail: { id: instanceId } })
-    );
-    setPlaying(true);
+    ), setPlaying(!0);
   }, [instanceId]);
-  if (playing) {
-    if (embed) {
-      return /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          allow: embed.allow,
-          allowFullScreen: true,
-          className: cn("block h-full w-full border-0 bg-black", className),
-          referrerPolicy: "strict-origin-when-cross-origin",
-          sandbox: "allow-scripts allow-same-origin allow-presentation allow-popups",
-          src: embed.src,
-          title: embed.title
-        },
-        embed.src
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "video",
-      {
-        autoPlay: true,
-        className: cn("block h-full w-full border-0 bg-black", className),
-        controls: true,
-        playsInline: true,
-        poster,
-        preload: "metadata",
-        src,
-        title,
-        children: /* @__PURE__ */ jsx("track", { kind: "captions" })
-      },
-      src
-    );
-  }
-  return /* @__PURE__ */ jsxs(
+  return playing ? embed ? /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      allow: embed.allow,
+      allowFullScreen: !0,
+      className: cn(
+        "block h-full w-full border-0 bg-media-surface",
+        className
+      ),
+      referrerPolicy: "strict-origin-when-cross-origin",
+      sandbox: "allow-scripts allow-same-origin allow-presentation allow-popups",
+      src: embed.src,
+      title: embed.title
+    },
+    embed.src
+  ) : /* @__PURE__ */ jsx(
+    "video",
+    {
+      autoPlay: !0,
+      className: cn(
+        "block h-full w-full border-0 bg-media-surface",
+        className
+      ),
+      controls: !0,
+      playsInline: !0,
+      poster,
+      preload: "metadata",
+      src,
+      title,
+      children: /* @__PURE__ */ jsx("track", { kind: "captions" })
+    },
+    src
+  ) : /* @__PURE__ */ jsxs(
     "button",
     {
       "aria-label": `Play video: ${title}`,
       className: cn(
         "group relative block h-full w-full appearance-none overflow-hidden border-0 bg-surface-3 p-0 text-foreground-1 outline-none",
-        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent-8",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-stroke",
         className
       ),
       onClick: startPlaying,
@@ -124,20 +89,20 @@ function VideoPlayer({
           "span",
           {
             className: cn(!poster && "absolute inset-0 bg-surface-3"),
-            "aria-hidden": true
+            "aria-hidden": !0
           }
         ),
         /* @__PURE__ */ jsx(
           "span",
           {
-            "aria-hidden": true,
+            "aria-hidden": !0,
             className: cn(
               "absolute inset-0 transition-colors duration-200",
-              poster ? "bg-black/20 group-hover:bg-black/30" : "bg-[radial-gradient(circle_at_center,_rgb(255_255_255_/_8%),_transparent_45%)]"
+              poster ? "bg-media-preview-backdrop group-hover:bg-media-preview-backdrop-hover" : "bg-[radial-gradient(circle_at_center,var(--media-ambient-surface),transparent_45%)]"
             )
           }
         ),
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ jsx("span", { className: "flex size-14 items-center justify-center rounded-full border border-white/40 bg-black/70 text-white shadow-lg transition-transform duration-200 group-hover:scale-105", children: /* @__PURE__ */ jsx("span", { className: "ml-1 block h-0 w-0 border-y-[9px] border-y-transparent border-l-[14px] border-l-current" }) }) })
+        /* @__PURE__ */ jsx("span", { "aria-hidden": !0, className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ jsx("span", { className: "border-shadow-3 flex size-14 items-center justify-center rounded-full border border-media-control-stroke bg-media-control-surface text-media-control-foreground transition-transform duration-200 group-hover:scale-105", children: /* @__PURE__ */ jsx("span", { className: "ml-1 block h-0 w-0 border-y-[9px] border-y-transparent border-l-[14px] border-l-current" }) }) })
       ]
     }
   );

package/dist/kernel/components/mdx/components/video.js

@@ -1,109 +1,72 @@
-// src/kernel/components/mdx/components/video.tsx
-import { FigureCaption } from "./figure-caption.js";
+// src/components/mdx/video.tsx
+import { FigureCaption } from "@publish.os/nextjs/kernel/components/mdx/components/figure-caption";
 import {
   VideoPlayer
-} from "./video-player.js";
-
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/mdx/components/video.tsx
+} from "@publish.os/nextjs/kernel/components/mdx/components/video-player";
+import { cn } from "@publish.os/nextjs/utils/cn";
 import { jsx, jsxs } from "react/jsx-runtime";
 function toNumber(value) {
-  if (typeof value === "number" && Number.isFinite(value)) return value;
-  if (typeof value === "string" && value.trim() !== "") {
-    const parsed = Number(value);
+  if (typeof value == "number" && Number.isFinite(value)) return value;
+  if (typeof value == "string" && value.trim() !== "") {
+    let parsed = Number(value);
     if (Number.isFinite(parsed)) return parsed;
   }
-  return void 0;
 }
 function youtubeId(url) {
   if (url.hostname === "youtu.be") return url.pathname.replace(/^\/+/, "");
-  if (url.hostname.endsWith("youtube.com")) {
-    if (url.pathname.startsWith("/embed/")) {
-      return url.pathname.split("/")[2];
-    }
-    return url.searchParams.get("v") ?? void 0;
-  }
-  return void 0;
+  if (url.hostname.endsWith("youtube.com"))
+    return url.pathname.startsWith("/embed/") ? url.pathname.split("/")[2] : url.searchParams.get("v") ?? void 0;
 }
 function resolveEmbed(src, title) {
   let url;
   try {
     url = new URL(src);
   } catch {
-    return void 0;
+    return;
   }
-  const id = youtubeId(url);
-  if (id) {
+  let id = youtubeId(url);
+  if (id)
     return {
       allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
       src: `https://www.youtube-nocookie.com/embed/${encodeURIComponent(id)}?autoplay=1`,
       title
     };
-  }
   if (url.hostname.endsWith("vimeo.com")) {
-    const id2 = url.pathname.split("/").filter(Boolean).at(-1);
-    if (id2) {
+    let id2 = url.pathname.split("/").filter(Boolean).at(-1);
+    if (id2)
       return {
         allow: "autoplay; fullscreen; picture-in-picture",
         src: `https://player.vimeo.com/video/${encodeURIComponent(id2)}?autoplay=1`,
         title
       };
-    }
   }
   if (url.hostname.endsWith("loom.com")) {
-    const parts = url.pathname.split("/").filter(Boolean);
-    const id2 = parts.at(-1);
-    if (id2) {
+    let id2 = url.pathname.split("/").filter(Boolean).at(-1);
+    if (id2)
       return {
         allow: "autoplay; fullscreen",
         src: `https://www.loom.com/embed/${encodeURIComponent(id2)}?autoplay=1`,
         title
       };
-    }
   }
   if (url.hostname.endsWith("wistia.com")) {
-    const parts = url.pathname.split("/").filter(Boolean);
-    const id2 = parts.at(-1);
-    if (id2) {
+    let id2 = url.pathname.split("/").filter(Boolean).at(-1);
+    if (id2)
       return {
         allow: "autoplay; fullscreen",
         src: `https://fast.wistia.net/embed/iframe/${encodeURIComponent(id2)}?autoPlay=true`,
         title
       };
-    }
   }
   if (url.hostname === "watch.cloudflarestream.com" || url.hostname === "iframe.videodelivery.net") {
-    const id2 = url.pathname.split("/").filter(Boolean).at(-1);
-    if (id2) {
+    let id2 = url.pathname.split("/").filter(Boolean).at(-1);
+    if (id2)
       return {
         allow: "accelerometer; autoplay; encrypted-media; picture-in-picture",
         src: `https://iframe.videodelivery.net/${encodeURIComponent(id2)}?autoplay=true`,
         title
       };
-    }
   }
-  return void 0;
 }
 function Video({
   caption,
@@ -116,18 +79,10 @@ function Video({
   width
 }) {
   if (!src) return null;
-  const videoTitle = title?.trim() || "Video";
-  const numericWidth = toNumber(width);
-  const numericHeight = toNumber(height);
-  const framed = frame !== false && frame !== "none";
-  const embed = resolveEmbed(src, videoTitle);
-  const reservedWidth = numericWidth ?? 1280;
-  const reservedHeight = numericHeight ?? 720;
-  const frameStyle = {
-    aspectRatio: `${reservedWidth} / ${reservedHeight}`,
+  let videoTitle = title?.trim() || "Video", numericWidth = toNumber(width), numericHeight = toNumber(height), framed = frame !== !1 && frame !== "none", embed = resolveEmbed(src, videoTitle), frameStyle = {
+    aspectRatio: `${numericWidth ?? 1280} / ${numericHeight ?? 720}`,
     width: numericWidth ? `min(100%, ${numericWidth}px)` : "100%"
-  };
-  const player = /* @__PURE__ */ jsx(
+  }, player = /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
@@ -149,13 +104,10 @@ function Video({
       )
     }
   );
-  if (caption) {
-    return /* @__PURE__ */ jsxs("figure", { className: "not-markdown-prose my-8", children: [
-      player,
-      /* @__PURE__ */ jsx(FigureCaption, { className: "mx-auto max-w-prose text-center", children: caption })
-    ] });
-  }
-  return /* @__PURE__ */ jsx("div", { className: "not-markdown-prose my-6", children: player });
+  return caption ? /* @__PURE__ */ jsxs("figure", { className: "not-markdown-prose my-8", children: [
+    player,
+    /* @__PURE__ */ jsx(FigureCaption, { className: "mx-auto max-w-prose text-center", children: caption })
+  ] }) : /* @__PURE__ */ jsx("div", { className: "not-markdown-prose my-6", children: player });
 }
 export {
   Video

package/dist/kernel/components/mdx/error-boundary.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MdxErrorBoundaryProps } from './types.js';
+import { M as MdxErrorBoundaryProps } from '../../../types-sM2g9nW0.js';
 import 'mdx/types.js';
 import 'react';
 

package/dist/kernel/components/mdx/error-boundary.js

@@ -1,14 +1,14 @@
 "use client";
 
-// src/kernel/components/mdx/error-boundary.tsx
-import { MDXErrorFallback } from "./error-fallback.js";
-import { unstable_catchError as catchError } from "next/error";
+// src/components/mdx/error-boundary.tsx
+import { MDXErrorFallback } from "@publish.os/nextjs/kernel/components/mdx/error-fallback";
+import { catchError } from "next/error";
 import { jsx } from "react/jsx-runtime";
 function MDXRenderErrorFallback(props, { error }) {
   return /* @__PURE__ */ jsx(
     MDXErrorFallback,
     {
-      errorMessage: props.errorMessage ?? error.message,
+      errorMessage: props.errorMessage ?? (error instanceof Error ? error.message : void 0),
       pageId: props.pageId,
       slug: props.slug
     }
@@ -21,17 +21,14 @@ function MDXErrorBoundary({
   slug,
   children
 }) {
-  if (errorMessage) {
-    return /* @__PURE__ */ jsx(
-      MDXErrorFallback,
-      {
-        errorMessage,
-        pageId,
-        slug
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(MDXRenderErrorBoundary, { pageId, slug, children });
+  return errorMessage ? /* @__PURE__ */ jsx(
+    MDXErrorFallback,
+    {
+      errorMessage,
+      pageId,
+      slug
+    }
+  ) : /* @__PURE__ */ jsx(MDXRenderErrorBoundary, { pageId, slug, children });
 }
 export {
   MDXErrorBoundary

package/dist/kernel/components/mdx/error-fallback.js

@@ -1,16 +1,16 @@
-// src/kernel/components/mdx/error-fallback.tsx
+// src/components/mdx/error-fallback.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function MDXErrorFallback({
   errorMessage = "An error occurred while rendering the content",
   pageId,
   slug
 }) {
-  const isMdxError = errorMessage.includes("[next-mdx-remote]");
+  let isMdxError = errorMessage.includes("[next-mdx-remote]");
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-red-500/25 bg-red-500/10 p-6 text-red-800", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-danger-600 bg-danger-200 p-6 text-danger-1100", children: [
       /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Content Error" }),
       /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm", children: isMdxError ? "There is an issue with the MDX content formatting." : errorMessage }),
-      isMdxError && /* @__PURE__ */ jsx("pre", { className: "mt-3 max-h-40 overflow-auto rounded-codeblock bg-red-500/10 p-3 text-xs", children: errorMessage }),
+      isMdxError && /* @__PURE__ */ jsx("pre", { className: "mt-3 max-h-40 overflow-auto rounded-codeblock bg-danger-300 p-3 text-xs", children: errorMessage }),
       (pageId || slug) && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs opacity-80", children: [
         "Page: ",
         pageId ?? "unknown",

package/dist/kernel/components/mdx/mdx.d.ts

@@ -1,15 +1,72 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MDXComponents } from './types.js';
-export { Figure } from './components/figure.js';
-export { Image } from './components/image.js';
-export { Link } from './components/link.js';
-export { Video } from './components/video.js';
+import { a as MDXComponents } from '../../../types-sM2g9nW0.js';
+import { ReactNode, AnchorHTMLAttributes } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { B as ButtonVariantProps } from '../../../button-CFdx-ohV.js';
+import { VariantProps } from 'class-variance-authority';
 import 'mdx/types.js';
-import 'react';
-import '../ui/link.js';
-import 'class-variance-authority/types';
-import '../ui/button.js';
-import 'class-variance-authority';
+
+type FigureProps = React.ComponentPropsWithoutRef<"figure"> & {
+    caption?: ReactNode;
+    frame?: boolean | "default" | "none";
+};
+declare function Figure({ caption, children, className, ...props }: FigureProps): react_jsx_runtime.JSX.Element;
+
+type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes" | "width"> & {
+    aspect?: number | `${number}/${number}`;
+    caption?: React.ReactNode;
+    decorative?: boolean;
+    fill?: boolean;
+    frame?: boolean | "default" | "none";
+    height?: number;
+    intrinsicHeight?: number;
+    intrinsicWidth?: number;
+    optimized?: boolean;
+    priority?: boolean;
+    quality?: 50 | 60 | 75 | 85 | 95 | 100;
+    sizes?: string;
+    width?: number;
+    zoom?: boolean;
+};
+declare function Image({ alt, aspect, caption, className, decorative, fill, frame, height, intrinsicHeight, intrinsicWidth, optimized, priority, quality, sizes, src, width, zoom, ...props }: ImageProps): react_jsx_runtime.JSX.Element | null;
+
+declare const linkVariants: (props?: ({
+    color?: "accent" | "default" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "inline" | "standalone" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type LinkVariantProps = VariantProps<typeof linkVariants>;
+type LinkStyleVariant = NonNullable<LinkVariantProps["variant"]>;
+type LinkButtonVariant = `button.${NonNullable<ButtonVariantProps["variant"]>}`;
+type LinkVariant = `link.${LinkStyleVariant}` | LinkButtonVariant;
+type NamedLinkColor = "accent" | "default";
+type LinkColor = NamedLinkColor | (string & {});
+type LinkProps = {
+    active?: boolean;
+    children?: ReactNode;
+    color?: LinkColor;
+    disabled?: boolean;
+    href?: string;
+    iconOnly?: ButtonVariantProps["iconOnly"];
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    variant?: LinkVariant;
+} & Omit<LinkVariantProps, "color" | "variant"> & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color" | "href">;
+
+type MdxLinkProps = LinkProps;
+declare function Link({ color, href, size, variant, ...props }: MdxLinkProps): react_jsx_runtime.JSX.Element;
+
+type VideoProps = Omit<React.ComponentPropsWithoutRef<"video">, "height" | "poster" | "src" | "title" | "width"> & {
+    caption?: React.ReactNode;
+    frame?: boolean | "default" | "none";
+    height?: number | string;
+    poster?: string;
+    provider?: "self-hosted" | "youtube" | "vimeo" | "loom" | "wistia" | "cloudflare-stream";
+    src?: string;
+    title?: string;
+    width?: number | string;
+};
+declare function Video({ caption, className, frame, height, poster, src, title, width, }: VideoProps): react_jsx_runtime.JSX.Element | null;
 
 type MDXProps = {
     components?: MDXComponents;
@@ -19,4 +76,4 @@ type MDXProps = {
 };
 declare function MDX({ components, content, pageId, slug }: MDXProps): Promise<react_jsx_runtime.JSX.Element>;
 
-export { MDX, MDXComponents, type MDXProps };
+export { Figure, Image, Link, MDX, MDXComponents, type MDXProps, Video };