@publish.os/nextjs 0.0.1-alpha.81 → 0.0.1-alpha.91

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

@@ -1,18 +1,22 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+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;
 
-export { type VideoEmbed, VideoPlayer };
+export { type NativeVideoProps, type VideoEmbed, VideoPlayer };

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

@@ -1,15 +1,16 @@
 "use client";
 
-// src/components/mdx/video-player.tsx
+// src/components/mdx/video/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";
+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
@@ -102,7 +106,7 @@ function VideoPlayer({
             )
           }
         ),
-        /* @__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" }) }) })
+        /* @__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-14 border-l-current" }) }) })
       ]
     }
   );

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

@@ -1,15 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NativeVideoProps } from './video-player.js';
+import 'react';
 
-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_runtime.JSX.Element | null;
 
 export { Video, type VideoProps };

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

@@ -1,10 +1,10 @@
-// src/components/mdx/video.tsx
-import { FigureCaption } from "@publish.os/nextjs/kernel/components/mdx/components/figure-caption";
+// src/components/mdx/video/video.tsx
+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.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.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,16 +1,24 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { a as MDXComponents } from '../../../types-sM2g9nW0.js';
-import { ReactNode, AnchorHTMLAttributes } from 'react';
+import { P as PageData } from '../../../types-CJWRG05y.js';
+import { ReactNode, AnchorHTMLAttributes, ComponentPropsWithoutRef } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { B as ButtonVariantProps } from '../../../button-CFdx-ohV.js';
+import { a as ButtonVariantProps } from '../../../button-BdCScEKi.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 FigureCaptionProps = React.ComponentProps<"figcaption">;
+declare function FigureCaption({ className, ...props }: FigureCaptionProps): react_jsx_runtime.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 namespace Figure {
+    var Caption: typeof FigureCaption;
+}
 
 type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes" | "width"> & {
     aspect?: number | `${number}/${number}`;
@@ -28,10 +36,10 @@ 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_runtime.JSX.Element | null;
 
 declare const linkVariants: (props?: ({
-    color?: "accent" | "default" | null | undefined;
+    color?: "default" | "accent" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     variant?: "inline" | "standalone" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -49,6 +57,7 @@ type LinkProps = {
     href?: string;
     iconOnly?: ButtonVariantProps["iconOnly"];
     leftIcon?: ReactNode;
+    prefetch?: LinkProps$1["prefetch"];
     rightIcon?: ReactNode;
     variant?: LinkVariant;
 } & Omit<LinkVariantProps, "color" | "variant"> & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color" | "href">;
@@ -56,24 +65,29 @@ type LinkProps = {
 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"> & {
+/** 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 = 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_runtime.JSX.Element | null;
 
 type MDXProps = {
     components?: MDXComponents;
-    content: string;
-    pageId?: string;
-    slug?: string;
+    page: PageData;
 };
-declare function MDX({ components, content, pageId, slug }: MDXProps): Promise<react_jsx_runtime.JSX.Element>;
+declare function renderMdx({ components, page, siteComponents, importedComponents, }: MDXProps & {
+    siteComponents?: MDXComponents;
+    importedComponents?: MDXComponents;
+}): Promise<react_jsx_runtime.JSX.Element>;
+declare function MDX(props: MDXProps): Promise<react_jsx_runtime.JSX.Element>;
 
-export { Figure, Image, Link, MDX, MDXComponents, type MDXProps, Video };
+export { Figure, Image, Link, MDX, MDXComponents, type MDXProps, Video, renderMdx };