@publish.os/nextjs 0.0.1-alpha.90 → 0.0.1-alpha.92

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

@@ -1,6 +1,6 @@
 // src/components/mdx/hr.tsx
-import { Separator } from "@publish.os/nextjs/kernel/components/ui/separator";
-import { jsx } from "react/jsx-runtime";
+import { Separator } from "@components/ui/separator";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function Hr({ className, ...props }) {
   return /* @__PURE__ */ jsx(Separator, { className, ...props });
 }

package/dist/kernel/components/mdx/components/image-zoom.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
 
-declare function ImageZoom({ children, enabled, }: {
+declare function ImageZoom({ children, enabled, src, }: {
     children: ReactNode;
     enabled: boolean;
-}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+    src?: string;
+}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null | undefined;
 
 export { ImageZoom };

package/dist/kernel/components/mdx/components/image-zoom.js

@@ -2,12 +2,13 @@
 
 // src/components/mdx/image/image-zoom.tsx
 import Zoom from "react-medium-image-zoom";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function ImageZoom({
   children,
-  enabled
+  enabled,
+  src
 }) {
-  return enabled ? /* @__PURE__ */ jsx(Zoom, { zoomMargin: 40, children }) : children;
+  return enabled ? /* @__PURE__ */ jsx(Zoom, { zoomImg: src ? { src } : void 0, zoomMargin: 40, children }) : children;
 }
 export {
   ImageZoom

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
 type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes" | "width"> & {
     aspect?: number | `${number}/${number}`;
@@ -16,6 +16,6 @@ type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes"
     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 function Image({ alt, aspect, caption, className, decorative: authoredDecorative, fill: authoredFill, frame, height, intrinsicHeight, intrinsicWidth, optimized: authoredOptimized, priority: authoredPriority, quality, sizes, src, width, zoom: authoredZoom, ...props }: ImageProps): react.JSX.Element | null;
 
 export { Image, type ImageProps };

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

@@ -1,9 +1,13 @@
 // src/components/mdx/image/image.tsx
-import { FigureCaption } from "@publish.os/nextjs/kernel/components/mdx/components/figure-caption";
-import { ImageZoom } from "@publish.os/nextjs/kernel/components/mdx/components/image-zoom";
+import { FigureCaption } from "@components/mdx/components/figure-caption";
+import { ImageZoom } from "@components/mdx/components/image-zoom";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import NextImage from "next/image";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
+function resolveImageBoolean(value) {
+  if (value === !0 || value === "true") return !0;
+  if (value === !1 || value === "false") return !1;
+}
 function parseAspect(value) {
   if (typeof value == "number" && Number.isFinite(value) && value > 0)
     return value;
@@ -41,7 +45,7 @@ function renderImage({
   sizes,
   width
 }) {
-  if (optimized && (fill || width && height)) {
+  if (optimized && imageProps.src && (fill || width && height)) {
     let maxWidth = fill ? "var(--publish-content-width, 72rem)" : `${width}px`;
     return /* @__PURE__ */ jsx(
       NextImage,
@@ -50,7 +54,8 @@ function renderImage({
         priority,
         quality,
         sizes: sizes ?? `(max-width: 768px) 100vw, min(${maxWidth}, 100vw)`,
-        ...imageProps
+        ...imageProps,
+        src: imageProps.src
       }
     );
   }
@@ -74,30 +79,30 @@ function Image({
   aspect,
   caption,
   className,
-  decorative = !1,
-  fill = !1,
+  decorative: authoredDecorative,
+  fill: authoredFill,
   frame = "default",
   height,
   intrinsicHeight,
   intrinsicWidth,
-  optimized = !1,
-  priority,
+  optimized: authoredOptimized,
+  priority: authoredPriority,
   quality,
   sizes,
   src,
   width,
-  zoom = !0,
+  zoom: authoredZoom,
   ...props
 }) {
-  if (!src) return null;
-  let layout = resolveImageLayout({
+  if (!src && !props.srcSet) return null;
+  let decorative = resolveImageBoolean(authoredDecorative) ?? !1, fill = resolveImageBoolean(authoredFill) ?? !1, optimized = resolveImageBoolean(authoredOptimized) ?? !1, priority = resolveImageBoolean(authoredPriority), zoom = resolveImageBoolean(authoredZoom) ?? !0, layout = resolveImageLayout({
     aspect,
     fill,
     height,
     intrinsicHeight,
     intrinsicWidth,
     width
-  }), imageAlt = decorative ? "" : alt ?? "", framed = frame !== !1 && frame !== "none", stringSrc = String(src), useNextImage = optimized && stringSrc.startsWith("/"), imageClassName = cn(
+  }), imageAlt = decorative ? "" : alt ?? "", framed = resolveImageBoolean(frame) ?? frame !== "none", stringSrc = src ? String(src) : void 0, useNextImage = !!(optimized && stringSrc?.startsWith("/")), imageClassName = cn(
     "block h-full w-full transition-opacity duration-200",
     fill ? "object-cover" : "object-contain",
     zoom && "cursor-zoom-in hover:opacity-90",
@@ -125,13 +130,13 @@ function Image({
         framed && "rounded-media border border-stroke-2 bg-surface-2"
       ),
       style: layout.style,
-      children: /* @__PURE__ */ jsx(ImageZoom, { enabled: zoom, children: image })
+      children: /* @__PURE__ */ jsx(ImageZoom, { enabled: zoom, src: stringSrc, children: image })
     }
   );
-  return caption ? /* @__PURE__ */ jsxs("figure", { className: "not-markdown-prose my-8", children: [
+  return caption ? /* @__PURE__ */ jsxs("figure", { className: "not-markdown-prose my-8 w-full", children: [
     content,
-    /* @__PURE__ */ jsx(FigureCaption, { className: "mx-auto max-w-prose text-center", children: caption })
-  ] }) : /* @__PURE__ */ jsx("div", { className: "not-markdown-prose my-6 flex justify-center", children: content });
+    /* @__PURE__ */ jsx(FigureCaption, { children: caption })
+  ] }) : /* @__PURE__ */ jsx("div", { className: "not-markdown-prose my-6 flex w-full justify-center", children: content });
 }
 export {
   Image

package/dist/kernel/components/mdx/components/inline-code.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
 type InlineCodeProps = React.ComponentPropsWithoutRef<"code">;
-declare function InlineCode({ className, ...props }: InlineCodeProps): react_jsx_runtime.JSX.Element;
+declare function InlineCode({ className, ...props }: InlineCodeProps): react.JSX.Element;
 
 export { InlineCode, type InlineCodeProps };

package/dist/kernel/components/mdx/components/inline-code.js

@@ -1,6 +1,6 @@
 // src/components/mdx/inline-code.tsx
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function InlineCode({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "code",

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

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes } from 'react';
 
 declare const kbdVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -10,6 +10,6 @@ declare const kbdVariants: (props?: ({
 type KbdProps$1 = HTMLAttributes<HTMLElement> & VariantProps<typeof kbdVariants>;
 
 type KbdProps = Omit<KbdProps$1, "size">;
-declare function Kbd({ className, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
+declare function Kbd({ className, ...props }: KbdProps): react.JSX.Element;
 
 export { Kbd, type KbdProps };

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

@@ -1,7 +1,7 @@
 // src/components/mdx/kbd.tsx
-import { Kbd as UiKbd } from "@publish.os/nextjs/kernel/components/ui/kbd";
+import { Kbd as UiKbd } from "@components/ui/kbd";
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function Kbd({ className, ...props }) {
   return /* @__PURE__ */ jsx(UiKbd, { ...props, size: null, className: cn("text-[0.75em]", className) });
 }

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

@@ -1,13 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, AnchorHTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { LinkProps as LinkProps$1 } from 'next/link';
-import { ReactNode, AnchorHTMLAttributes } from 'react';
 
 declare const buttonVariants: (props?: ({
-    variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    iconOnly?: boolean | null | undefined;
+    readonly variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
+    readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    readonly iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 
@@ -36,6 +36,6 @@ type LinkProps = {
 } & 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;
+declare function Link({ color, href, size, variant, ...props }: MdxLinkProps): react.JSX.Element;
 
 export { Link, type MdxLinkProps };

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

@@ -1,8 +1,8 @@
 // src/components/mdx/link.tsx
 import {
   Link as UiLink
-} from "@publish.os/nextjs/kernel/components/ui/link";
-import { jsx } from "react/jsx-runtime";
+} from "@components/ui/link";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function Link({
   color = "accent",
   href = "#",

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
-declare function Paragraph({ children, className, ...props }: React.ComponentPropsWithoutRef<"p">): react_jsx_runtime.JSX.Element;
+declare function Paragraph({ children, className, ...props }: React.ComponentPropsWithoutRef<"p">): react.JSX.Element;
 
 export { Paragraph };

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

@@ -1,7 +1,7 @@
 // src/components/mdx/paragraph.tsx
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { Children, isValidElement } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment, jsx } from "@publish.os/nextjs/jsx-runtime";
 function isBlockMediaChild(child) {
   if (!isValidElement(child)) return !1;
   let props = child.props;

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

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
 type StrikethroughProps = React.ComponentPropsWithoutRef<"del">;
-declare function Strikethrough({ className, ...props }: StrikethroughProps): react_jsx_runtime.JSX.Element;
+declare function Strikethrough({ className, ...props }: StrikethroughProps): react.JSX.Element;
 
 export { Strikethrough, type StrikethroughProps };

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

@@ -1,6 +1,6 @@
 // src/components/mdx/strikethrough.tsx
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function Strikethrough({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "del",

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

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
-declare function Table(props: React.ComponentPropsWithoutRef<"table">): react_jsx_runtime.JSX.Element;
-declare function TableHeadGroup(props: React.ComponentPropsWithoutRef<"thead">): react_jsx_runtime.JSX.Element;
-declare function TableBodyGroup(props: React.ComponentPropsWithoutRef<"tbody">): react_jsx_runtime.JSX.Element;
-declare function TableRowGroup(props: React.ComponentPropsWithoutRef<"tr">): react_jsx_runtime.JSX.Element;
-declare function TableHeaderCell(props: React.ComponentPropsWithoutRef<"th">): react_jsx_runtime.JSX.Element;
-declare function TableDataCell(props: React.ComponentPropsWithoutRef<"td">): react_jsx_runtime.JSX.Element;
+declare function Table(props: React.ComponentPropsWithoutRef<"table">): react.JSX.Element;
+declare function TableHeadGroup(props: React.ComponentPropsWithoutRef<"thead">): react.JSX.Element;
+declare function TableBodyGroup(props: React.ComponentPropsWithoutRef<"tbody">): react.JSX.Element;
+declare function TableRowGroup(props: React.ComponentPropsWithoutRef<"tr">): react.JSX.Element;
+declare function TableHeaderCell(props: React.ComponentPropsWithoutRef<"th">): react.JSX.Element;
+declare function TableDataCell(props: React.ComponentPropsWithoutRef<"td">): react.JSX.Element;
 
 export { Table, TableBodyGroup, TableDataCell, TableHeadGroup, TableHeaderCell, TableRowGroup };

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

@@ -6,8 +6,8 @@ import {
   TableHeader,
   TableRow,
   Table as UiTable
-} from "@publish.os/nextjs/kernel/components/ui/table";
-import { jsx } from "react/jsx-runtime";
+} from "@components/ui/table";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function Table(props) {
   return /* @__PURE__ */ jsx(UiTable, { ...props });
 }

package/dist/kernel/components/mdx/components/task-list.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
 type TaskListProps = React.ComponentPropsWithoutRef<"ul">;
 type TaskListInputProps = React.ComponentPropsWithoutRef<"input">;
-declare function TaskList({ className, ...props }: TaskListProps): react_jsx_runtime.JSX.Element;
-declare function TaskListInput({ checked, className, type, }: TaskListInputProps): react_jsx_runtime.JSX.Element | null;
+declare function TaskList({ className, ...props }: TaskListProps): react.JSX.Element;
+declare function TaskListInput({ checked, className, type, }: TaskListInputProps): react.JSX.Element | null;
 
 export { TaskList, TaskListInput, type TaskListInputProps, type TaskListProps };

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

@@ -1,6 +1,6 @@
 // src/components/mdx/task-list.tsx
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function TaskList({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "ul",

package/dist/kernel/components/mdx/components/video-player.d.ts

@@ -1,18 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 
 type VideoEmbed = {
     allow: string;
     src: string;
     title: string;
 };
-declare function VideoPlayer({ className, embed, height, poster, src, title, width, }: {
+/** Native playback options and media events applied after the Play button. */
+type NativeVideoProps = Pick<ComponentPropsWithoutRef<"video">, "autoPlay" | "controls" | "controlsList" | "crossOrigin" | "disablePictureInPicture" | "disableRemotePlayback" | "loop" | "muted" | "playsInline" | "preload" | "onAbort" | "onCanPlay" | "onCanPlayThrough" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onError" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRateChange" | "onResize" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onVolumeChange" | "onWaiting">;
+declare function VideoPlayer({ className, embed, height, nativeProps, poster, src, title, width, }: {
     className?: string;
     embed?: VideoEmbed;
     height?: number;
+    nativeProps?: NativeVideoProps;
     poster?: string;
     src: string;
     title: string;
     width?: number;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
-export { type VideoEmbed, VideoPlayer };
+export { type NativeVideoProps, type VideoEmbed, VideoPlayer };

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

@@ -4,12 +4,13 @@
 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";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 var VIDEO_PLAY_EVENT = "publishos:video-play";
 function VideoPlayer({
   className,
   embed,
   height,
+  nativeProps,
   poster,
   src,
   title,
@@ -65,10 +66,13 @@ function VideoPlayer({
       ),
       controls: !0,
       playsInline: !0,
-      poster,
       preload: "metadata",
+      ...nativeProps,
+      height,
+      poster,
       src,
       title,
+      width,
       children: /* @__PURE__ */ jsx("track", { kind: "captions" })
     },
     src

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

@@ -1,15 +1,16 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { NativeVideoProps } from './video-player.js';
 
-type VideoProps = Omit<React.ComponentPropsWithoutRef<"video">, "height" | "poster" | "src" | "title" | "width"> & {
+type VideoProps = NativeVideoProps & {
     caption?: React.ReactNode;
+    className?: string;
     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;
+declare function Video({ caption, className, frame, height, poster, src, title, width, ...nativeProps }: VideoProps): react.JSX.Element | null;
 
 export { Video, type VideoProps };

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

@@ -1,10 +1,10 @@
 // src/components/mdx/video/video.tsx
-import { FigureCaption } from "@publish.os/nextjs/kernel/components/mdx/components/figure-caption";
+import { FigureCaption } from "@components/mdx/components/figure-caption";
 import {
   VideoPlayer
-} from "@publish.os/nextjs/kernel/components/mdx/components/video-player";
+} from "@components/mdx/components/video-player";
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 function toNumber(value) {
   if (typeof value == "number" && Number.isFinite(value)) return value;
   if (typeof value == "string" && value.trim() !== "") {
@@ -76,7 +76,8 @@ function Video({
   poster,
   src,
   title,
-  width
+  width,
+  ...nativeProps
 }) {
   if (!src) return null;
   let videoTitle = title?.trim() || "Video", numericWidth = toNumber(width), numericHeight = toNumber(height), framed = frame !== !1 && frame !== "none", embed = resolveEmbed(src, videoTitle), frameStyle = {
@@ -96,6 +97,7 @@ function Video({
         {
           embed,
           height: numericHeight,
+          nativeProps,
           poster,
           src,
           title: videoTitle,
@@ -106,7 +108,7 @@ function Video({
   );
   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(FigureCaption, { children: caption })
   ] }) : /* @__PURE__ */ jsx("div", { className: "not-markdown-prose my-6", children: player });
 }
 export {

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

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MdxErrorBoundaryProps } from './types.js';
+import * as react from 'react';
+import { M as MdxErrorBoundaryProps } from '../../../types-sM2g9nW0.js';
 import 'mdx/types.js';
-import 'react';
 
-declare function MDXErrorBoundary({ errorMessage, pageId, slug, children, }: MdxErrorBoundaryProps): react_jsx_runtime.JSX.Element;
+declare function MDXErrorBoundary({ errorMessage, pageId, slug, children, }: MdxErrorBoundaryProps): react.JSX.Element;
 
 export { MDXErrorBoundary };

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

@@ -1,9 +1,9 @@
 "use client";
 
 // src/components/mdx/error-boundary.tsx
-import { MDXErrorFallback } from "@publish.os/nextjs/kernel/components/mdx/error-fallback";
+import { MDXErrorFallback } from "@components/mdx/error-fallback";
 import { catchError } from "next/error";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function MDXRenderErrorFallback(props, { error }) {
   return /* @__PURE__ */ jsx(
     MDXErrorFallback,

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

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
 declare function MDXErrorFallback({ errorMessage, pageId, slug, }: {
     errorMessage?: string;
     pageId?: string;
     slug?: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 export { MDXErrorFallback };

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

@@ -1,5 +1,5 @@
 // src/components/mdx/error-fallback.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 function MDXErrorFallback({
   errorMessage = "An error occurred while rendering the content",
   pageId,

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

@@ -1,18 +1,55 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MDXComponents } from './types.js';
-import { P as PageData } from '../../../types-CJWRG05y.js';
-import { ReactNode, AnchorHTMLAttributes } from 'react';
+import * as react from 'react';
+import { ReactNode, AnchorHTMLAttributes, ComponentPropsWithoutRef } from 'react';
+import { a as MDXComponents } from '../../../types-sM2g9nW0.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { a as ButtonVariantProps } from '../../../button-c3WGnxIj.js';
+import { a as ButtonVariantProps } from '../../../button-D6Xp2HBm.js';
 import { VariantProps } from 'class-variance-authority';
 import { LinkProps as LinkProps$1 } from 'next/link';
 import 'mdx/types.js';
 
-type FigureProps = React.ComponentPropsWithoutRef<"figure"> & {
+type OgImageMetadata = string | {
+    src: string;
+    alt?: string;
+};
+type OgMetadata = {
+    title?: string;
+    description?: string;
+    image?: OgImageMetadata;
+};
+type PageStatus = "published" | "draft";
+type PageMetadata = {
+    openGraph?: OgMetadata;
+    robots?: {
+        index?: boolean;
+        follow?: boolean;
+    };
+};
+type PageFrontmatter<TCustom extends Record<string, unknown> = Record<string, unknown>> = TCustom & {
+    title: string;
+    description: string;
+    slug: string;
+    status: PageStatus;
+    metadata: PageMetadata;
+};
+type PageData<TCustom extends Record<string, unknown> = Record<string, unknown>> = {
+    fileID: string;
+    group: string;
+    path: string;
+    frontmatter: PageFrontmatter<TCustom>;
+    body: string;
+};
+
+type FigureCaptionProps = React.ComponentProps<"figcaption">;
+declare function FigureCaption({ className, ...props }: FigureCaptionProps): react.JSX.Element;
+
+type FigureProps = React.ComponentProps<"figure"> & {
+    /** A fallback caption after the children. An authored caption takes precedence. */
     caption?: ReactNode;
-    frame?: boolean | "default" | "none";
 };
-declare function Figure({ caption, children, className, ...props }: FigureProps): react_jsx_runtime.JSX.Element;
+declare function Figure({ caption, children, className, ...props }: FigureProps): react.JSX.Element;
+declare namespace Figure {
+    var Caption: typeof FigureCaption;
+}
 
 type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes" | "width"> & {
     aspect?: number | `${number}/${number}`;
@@ -30,7 +67,7 @@ type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes"
     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 function Image({ alt, aspect, caption, className, decorative: authoredDecorative, fill: authoredFill, frame, height, intrinsicHeight, intrinsicWidth, optimized: authoredOptimized, priority: authoredPriority, quality, sizes, src, width, zoom: authoredZoom, ...props }: ImageProps): react.JSX.Element | null;
 
 declare const linkVariants: (props?: ({
     color?: "default" | "accent" | null | undefined;
@@ -57,27 +94,31 @@ type LinkProps = {
 } & 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;
+declare function Link({ color, href, size, variant, ...props }: MdxLinkProps): react.JSX.Element;
+
+/** Native playback options and media events applied after the Play button. */
+type NativeVideoProps = Pick<ComponentPropsWithoutRef<"video">, "autoPlay" | "controls" | "controlsList" | "crossOrigin" | "disablePictureInPicture" | "disableRemotePlayback" | "loop" | "muted" | "playsInline" | "preload" | "onAbort" | "onCanPlay" | "onCanPlayThrough" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onError" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onPause" | "onPlay" | "onPlaying" | "onProgress" | "onRateChange" | "onResize" | "onSeeked" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onVolumeChange" | "onWaiting">;
 
-type VideoProps = Omit<React.ComponentPropsWithoutRef<"video">, "height" | "poster" | "src" | "title" | "width"> & {
+type VideoProps = NativeVideoProps & {
     caption?: React.ReactNode;
+    className?: string;
     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;
+declare function Video({ caption, className, frame, height, poster, src, title, width, ...nativeProps }: VideoProps): react.JSX.Element | null;
 
 type MDXProps = {
     components?: MDXComponents;
     page: PageData;
 };
-declare function renderMdx({ components, page, siteComponents, }: MDXProps & {
+declare function renderMdx({ components, page, siteComponents, importedComponents, }: MDXProps & {
     siteComponents?: MDXComponents;
-}): Promise<react_jsx_runtime.JSX.Element>;
-declare function MDX(props: MDXProps): Promise<react_jsx_runtime.JSX.Element>;
+    importedComponents?: MDXComponents;
+}): Promise<react.JSX.Element>;
+declare function MDX(props: MDXProps): Promise<react.JSX.Element>;
 
 export { Figure, Image, Link, MDX, MDXComponents, type MDXProps, Video, renderMdx };