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

package/dist/kernel/components/mdx/components/copy-code-button.js

@@ -0,0 +1,61 @@
+"use client";
+
+// src/components/mdx/code-block/copy-code-button.tsx
+import { AnimatedIconSwap } from "@components/blocks/animated-icon-swap";
+import { Button } from "@components/ui/button";
+import { CheckIcon, CopyIcon } from "@phosphor-icons/react/ssr";
+import { cn } from "@publish.os/nextjs/utils/cn";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
+function CopyCodeButton({
+  className,
+  code
+}) {
+  let [copied, setCopied] = useState(!1), resetTimer = useRef(null);
+  useEffect(
+    () => () => {
+      resetTimer.current !== null && window.clearTimeout(resetTimer.current);
+    },
+    []
+  );
+  async function copy() {
+    try {
+      await navigator.clipboard.writeText(code), setCopied(!0), resetTimer.current !== null && window.clearTimeout(resetTimer.current), resetTimer.current = window.setTimeout(() => setCopied(!1), 2e3);
+    } catch {
+      setCopied(!1);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "aria-label": copied ? "Copied code" : "Copy code",
+      className: cn(
+        "relative z-content touch-manipulation after:absolute after:-inset-2 after:content-['']",
+        className
+      ),
+      "data-copied": copied ? "true" : void 0,
+      "data-slot": "copy-code-button",
+      iconOnly: !0,
+      onClick: copy,
+      size: "sm",
+      type: "button",
+      variant: "ghost",
+      children: [
+        /* @__PURE__ */ jsx(
+          AnimatedIconSwap,
+          {
+            active: copied,
+            activeIcon: /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", size: 16 }),
+            "aria-hidden": "true",
+            defaultIcon: /* @__PURE__ */ jsx(CopyIcon, { "aria-hidden": "true", size: 16 }),
+            size: 16
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", children: copied ? "Copied" : "" })
+      ]
+    }
+  );
+}
+export {
+  CopyCodeButton
+};

package/dist/kernel/components/mdx/components/figure-caption.d.ts

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

package/dist/kernel/components/mdx/components/figure-caption.js

@@ -1,12 +1,13 @@
-// src/components/mdx/figure-caption.tsx
+// src/components/mdx/figure/figure-caption.tsx
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function FigureCaption({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "figcaption",
     {
+      "data-slot": "figure-caption",
       className: cn(
-        "mt-2 text-sm leading-6 text-typography-caption-foreground",
+        "my-2 px-1 text-start text-xs leading-relaxed text-foreground-3 first:mt-0 last:mb-0 [&>p]:my-0 [&>p]:text-inherit [&>p+p]:mt-2",
         className
       ),
       ...props

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

@@ -1,10 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FigureCaption } from './figure-caption.js';
 import { ReactNode } from 'react';
 
-type FigureProps = React.ComponentPropsWithoutRef<"figure"> & {
+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;
+}
 
 export { Figure, type FigureProps };

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

@@ -1,26 +1,36 @@
-// src/components/mdx/figure.tsx
-import { FigureCaption } from "@publish.os/nextjs/kernel/components/mdx/components/figure-caption";
+// src/components/mdx/figure/figure.tsx
+import { FigureCaption } from "@components/mdx/components/figure-caption";
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { Children, isValidElement } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment, isValidElement } from "react";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
+function containsCaption(children) {
+  return Children.toArray(children).some(
+    (child) => isValidElement(child) && (child.type === "figcaption" || child.type === FigureCaption || child.type === Fragment && containsCaption(child.props.children))
+  );
+}
 function Figure({
   caption,
   children,
   className,
   ...props
 }) {
-  let authoredCaption = caption, mediaChildren = [];
-  return Children.forEach(children, (child) => {
-    if (isValidElement(child) && child.type === "figcaption") {
-      authoredCaption = child.props.children;
-      return;
+  let showFallbackCaption = caption != null && caption !== !1 && !containsCaption(children);
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: cn(
+        "not-markdown-prose my-8 [&>*:has(+figcaption)]:mb-0 [&>figcaption+*]:mt-0",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showFallbackCaption ? /* @__PURE__ */ jsx(FigureCaption, { children: caption }) : null
+      ]
     }
-    mediaChildren.push(child);
-  }), /* @__PURE__ */ jsxs("figure", { className: cn("not-markdown-prose my-8", className), ...props, children: [
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3", children: mediaChildren }),
-    authoredCaption ? /* @__PURE__ */ jsx(FigureCaption, { className: "mx-auto max-w-prose text-center", children: authoredCaption }) : null
-  ] });
+  );
 }
+Figure.Caption = FigureCaption;
 export {
   Figure
 };

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

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

package/dist/kernel/components/mdx/components/heading-copy-link.js

@@ -1,9 +1,9 @@
 "use client";
 
 // src/components/mdx/heading-copy-link.tsx
-import { FrameworkLinkIcon as Link } from "@publish.os/nextjs/kernel/framework-icons";
+import { LinkIcon } from "@phosphor-icons/react/ssr";
 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 headingCopyUrl({ href, id }) {
   let url = new URL(href);
   return url.hash = id, url.toString();
@@ -35,7 +35,7 @@ function HeadingCopyLink({
         className
       ),
       children: [
-        children ? /* @__PURE__ */ jsx("span", { className: "relative inline no-underline after:pointer-events-none after:absolute after:bottom-[var(--link-underline-offset)] after:left-0 after:h-[var(--link-underline-thickness)] after:w-full after:rounded-inline-code after:bg-transparent after:transition-colors after:duration-100 after:ease-out after:content-[''] group-hover/heading-link:after:bg-[color-mix(in_oklch,currentColor_38%,transparent)] group-focus-visible/heading-link:after:bg-[color-mix(in_oklch,currentColor_38%,transparent)]", children }) : null,
+        children ? /* @__PURE__ */ jsx("span", { className: "relative inline no-underline after:pointer-events-none after:absolute after:bottom-(--link-underline-offset) after:left-0 after:h-(--link-underline-thickness) after:w-full after:rounded-inline-code after:bg-transparent after:transition-colors after:duration-100 after:ease-out after:content-[''] group-hover/heading-link:after:bg-[color-mix(in_oklch,currentColor_38%,transparent)] group-focus-visible/heading-link:after:bg-[color-mix(in_oklch,currentColor_38%,transparent)]", children }) : null,
         /* @__PURE__ */ jsx(
           "span",
           {
@@ -44,7 +44,7 @@ function HeadingCopyLink({
               "inline-flex h-[1em] items-center align-[-0.06em] text-typography-caption-foreground transition-[color,opacity] duration-150 group-hover/heading-link:text-typography-body-foreground group-focus-visible/heading-link:text-typography-body-foreground",
               iconOnly ? "opacity-100" : "ml-1.5 opacity-0 group-hover/heading-link:opacity-100 group-focus-visible/heading-link:opacity-100"
             ),
-            children: /* @__PURE__ */ jsx(Link, { "aria-hidden": "true", className: "block size-[0.8em] shrink-0" })
+            children: /* @__PURE__ */ jsx(LinkIcon, { "aria-hidden": "true", className: "block size-[0.8em] shrink-0" })
           }
         )
       ]

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

@@ -1,12 +1,12 @@
 // src/components/mdx/heading.tsx
-import { HeadingCopyLink } from "@publish.os/nextjs/kernel/components/mdx/components/heading-copy-link";
+import { HeadingCopyLink } from "@components/mdx/components/heading-copy-link";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { headingToHTMLId } from "@publish.os/nextjs/utils/heading-ids";
 import {
   Children,
   isValidElement
 } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 function isBrElement(node) {
   return isValidElement(node) && node.type === "br";
 }
@@ -33,7 +33,10 @@ function Heading({
   id,
   ...props
 }) {
-  let cleaned = cleanHeadingChildren(children), headingId = id ?? headingToHTMLId(cleaned), isEmpty = !headingId || headingId === "empty-heading", classes = cn("scroll-mt-20", className);
+  let cleaned = cleanHeadingChildren(children), headingId = id ?? headingToHTMLId(cleaned), isEmpty = !headingId || headingId === "empty-heading", classes = cn(
+    "scroll-mt-[calc(var(--layout-global-nav-height)_+_1.5rem)] supports-[scroll-margin-top:anchor-size(--global-navbar_height)]:scroll-mt-[calc(anchor-size(--global-navbar_height,3.5rem)_+_1.5rem)]",
+    className
+  );
   return isEmpty ? (
     // @ts-expect-error — polymorphic `as` prop with spread is safe at runtime
     /* @__PURE__ */ jsx(Tag, { className, ...props, children: cleaned })

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.js

@@ -1,8 +1,8 @@
 "use client";
 
-// src/components/mdx/image-zoom.tsx
+// 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

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

@@ -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_runtime.JSX.Element | null;
 
 export { Image, type ImageProps };

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

@@ -1,9 +1,13 @@
-// src/components/mdx/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";
+// src/components/mdx/image/image.tsx
+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;
@@ -12,105 +16,127 @@ function parseAspect(value) {
   if (!(!width || !height || !Number.isFinite(width) || !Number.isFinite(height)))
     return width / height;
 }
+function resolveImageLayout({
+  aspect,
+  fill,
+  height,
+  intrinsicHeight,
+  intrinsicWidth,
+  width
+}) {
+  let resolvedWidth = width ?? intrinsicWidth, resolvedHeight = height ?? intrinsicHeight, resolvedAspect = parseAspect(aspect) ?? (resolvedWidth && resolvedHeight ? resolvedWidth / resolvedHeight : void 0), style = {
+    ...resolvedAspect ? { aspectRatio: String(resolvedAspect) } : {},
+    width: fill ? "100%" : resolvedWidth ? `min(100%, ${resolvedWidth}px)` : "100%"
+  };
+  return {
+    width: resolvedWidth,
+    height: resolvedHeight,
+    canOptimizeWithFill: !!(fill && resolvedAspect),
+    style
+  };
+}
+function renderImage({
+  imageProps,
+  fill,
+  height,
+  optimized,
+  priority,
+  quality,
+  sizes,
+  width
+}) {
+  if (optimized && imageProps.src && (fill || width && height)) {
+    let maxWidth = fill ? "var(--publish-content-width, 72rem)" : `${width}px`;
+    return /* @__PURE__ */ jsx(
+      NextImage,
+      {
+        ...fill ? { fill } : { width, height },
+        priority,
+        quality,
+        sizes: sizes ?? `(max-width: 768px) 100vw, min(${maxWidth}, 100vw)`,
+        ...imageProps,
+        src: imageProps.src
+      }
+    );
+  }
+  let { alt, ...nativeProps } = imageProps;
+  return (
+    // biome-ignore lint/performance/noImgElement: remote and dimensionless MDX images do not require Next image optimizer configuration.
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        alt,
+        height: optimized ? void 0 : height,
+        loading: priority ? "eager" : "lazy",
+        width: optimized ? void 0 : width,
+        ...nativeProps
+      }
+    )
+  );
+}
 function Image({
   alt,
   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 resolvedWidth = width ?? intrinsicWidth, resolvedHeight = height ?? intrinsicHeight, resolvedAspect = parseAspect(aspect) ?? (resolvedWidth && resolvedHeight ? resolvedWidth / resolvedHeight : void 0), imageAlt = decorative ? "" : alt ?? "", framed = frame !== !1 && frame !== "none", stringSrc = String(src), useNextImage = optimized && stringSrc.startsWith("/"), shouldFill = fill && resolvedAspect, frameStyle = {
-    ...resolvedAspect ? { aspectRatio: String(resolvedAspect) } : {},
-    width: fill ? "100%" : resolvedWidth ? `min(100%, ${resolvedWidth}px)` : "100%"
-  }, imageClassName = cn(
+  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 = 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",
     className
-  ), image = useNextImage ? shouldFill ? /* @__PURE__ */ jsx(
-    NextImage,
-    {
-      alt: imageAlt,
-      "aria-hidden": decorative || void 0,
-      className: imageClassName,
-      fill: !0,
-      priority,
-      quality,
-      sizes: sizes ?? "(max-width: 768px) 100vw, min(var(--publish-content-width, 72rem), 100vw)",
-      src: stringSrc,
-      ...props
-    }
-  ) : resolvedWidth && resolvedHeight ? /* @__PURE__ */ jsx(
-    NextImage,
-    {
+  ), image = renderImage({
+    fill: layout.canOptimizeWithFill,
+    height: layout.height,
+    optimized: useNextImage,
+    priority,
+    quality,
+    sizes,
+    width: layout.width,
+    imageProps: {
       alt: imageAlt,
       "aria-hidden": decorative || void 0,
       className: imageClassName,
-      height: resolvedHeight,
-      priority,
-      quality,
-      sizes: sizes ?? `(max-width: 768px) 100vw, min(${resolvedWidth}px, 100vw)`,
       src: stringSrc,
-      width: resolvedWidth,
       ...props
     }
-  ) : (
-    // biome-ignore lint/performance/noImgElement: remote and non-manifest images may not have dimensions available at runtime.
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        alt: imageAlt,
-        "aria-hidden": decorative || void 0,
-        className: imageClassName,
-        loading: priority ? "eager" : "lazy",
-        src: stringSrc,
-        ...props
-      }
-    )
-  ) : (
-    // biome-ignore lint/performance/noImgElement: MDX media supports generated project assets, SVGs, and remote CDN images without requiring Next image optimizer configuration.
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        alt: imageAlt,
-        "aria-hidden": decorative || void 0,
-        className: imageClassName,
-        height: resolvedHeight,
-        loading: priority ? "eager" : "lazy",
-        src: stringSrc,
-        width: resolvedWidth,
-        ...props
-      }
-    )
-  ), content = /* @__PURE__ */ jsx(
+  }), content = /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
         "relative mx-auto max-w-full overflow-hidden",
         framed && "rounded-media border border-stroke-2 bg-surface-2"
       ),
-      style: frameStyle,
+      style: layout.style,
       children: /* @__PURE__ */ jsx(ImageZoom, { enabled: zoom, 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.js

@@ -1,12 +1,12 @@
 // 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",
     {
       className: cn(
-        "not-markdown-prose h-fit rounded-inline-code border border-typography-code-stroke bg-typography-code-surface px-[0.35em] py-[0.15em] font-mono text-[0.95em] font-normal leading-[1.25] text-typography-code-foreground [a_&]:text-typography-link-foreground [pre_&]:border-0 [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-inherit",
+        "not-markdown-prose mx-[0.08em] inline-block rounded-inline-code bg-typography-code-surface px-[0.2em] py-[0.05em] font-mono text-[0.875em] font-normal leading-[1.4] text-typography-code-foreground in-[pre]:m-0 in-[pre]:bg-transparent in-[pre]:p-0 in-[pre]:text-[1em] in-[pre]:leading-[inherit] in-[pre]:text-inherit",
         className
       ),
       ...props

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

@@ -9,7 +9,7 @@ declare const kbdVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type KbdProps$1 = HTMLAttributes<HTMLElement> & VariantProps<typeof kbdVariants>;
 
-type KbdProps = KbdProps$1;
-declare function Kbd(props: KbdProps): react_jsx_runtime.JSX.Element;
+type KbdProps = Omit<KbdProps$1, "size">;
+declare function Kbd({ className, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
 
 export { Kbd, type KbdProps };

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

@@ -1,8 +1,9 @@
 // src/components/mdx/kbd.tsx
-import { Kbd as UiKbd } from "@publish.os/nextjs/kernel/components/ui/kbd";
-import { jsx } from "react/jsx-runtime";
-function Kbd(props) {
-  return /* @__PURE__ */ jsx(UiKbd, { ...props });
+import { Kbd as UiKbd } from "@components/ui/kbd";
+import { cn } from "@publish.os/nextjs/utils/cn";
+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) });
 }
 export {
   Kbd

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

@@ -1,8 +1,39 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { L as LinkProps } from '../../../../link-CYaCRDb6.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import '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?: ({
+    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>;
+
+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;
+    prefetch?: LinkProps$1["prefetch"];
+    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;

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 = "#",
@@ -15,7 +15,7 @@ function Link({
     {
       color,
       href,
-      size,
+      size: size ?? null,
       variant,
       ...props
     }

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;
@@ -18,10 +18,7 @@ function Paragraph({
   return childArray.length === 1 && isBlockMediaChild(childArray[0]) ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(
     "p",
     {
-      className: cn(
-        "my-5 text-base leading-7 text-typography-body-foreground",
-        className
-      ),
+      className: cn("my-5 text-typography-body-foreground", className),
       ...props,
       children
     }

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.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.js

@@ -1,12 +1,12 @@
 // 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",
     {
       className: cn(
-        "my-5 space-y-2 pl-6 text-base leading-7 text-typography-body-foreground [&>li]:pl-1",
+        "my-5 space-y-2 pl-6 text-typography-body-foreground [&>li]:pl-1",
         className
       ),
       ...props