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

package/dist/kernel/components/blocks/sidebar.d.ts

@@ -1,15 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
-import { a as SidebarTreeNode } from '../../../sidebar-types-DKpR27II.js';
-export { b as SidebarActiveState, c as SidebarDepth, S as SidebarNodePrimitiveProps } from '../../../sidebar-types-DKpR27II.js';
-import '../../../types-CJWRG05y.js';
+import { R as ResolvedNavigation } from '../../../sidebar-types-CMrMM0Nj.js';
+export { a as SidebarActiveState, b as SidebarDepth, c as SidebarNavigationNode, S as SidebarNodePrimitiveProps } from '../../../sidebar-types-CMrMM0Nj.js';
 
 type SidebarProps = {
     className?: string;
     currentPath?: string;
     title?: ReactNode;
-    tree: SidebarTreeNode[];
+    navigation: ResolvedNavigation;
 };
-declare function Sidebar({ className, currentPath, title, tree }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ className, currentPath, title, navigation, }: SidebarProps): react.JSX.Element;
 
-export { Sidebar, type SidebarProps, SidebarTreeNode };
+export { Sidebar, type SidebarProps };

package/dist/kernel/components/blocks/sidebar.js

@@ -15,45 +15,103 @@ import {
   useRef,
   useState
 } from "react";
-import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
+
+// src/components/block/sidebar/sidebar-navigation-view.ts
 function normalizePath(path) {
   if (!path) return "";
   let [withoutQuery = ""] = path.split(/[?#]/);
   return withoutQuery === "/" ? "/" : withoutQuery.replace(/\/+$/g, "");
 }
+function nodePath(node) {
+  if (node.type === "page") return node.page.path;
+  if (node.type === "group") return node.route;
+}
+function pathSpecificity(nodes, path) {
+  let normalizedPath = normalizePath(path), specificity = -1;
+  for (let node of nodes) {
+    let candidate = normalizePath(nodePath(node));
+    candidate && (normalizedPath === candidate || normalizedPath.startsWith(`${candidate}/`)) && (specificity = Math.max(specificity, candidate.length)), node.type === "view" ? specificity = Math.max(specificity, pathSpecificity(node.items, path)) : "children" in node && (specificity = Math.max(
+      specificity,
+      pathSpecificity(node.children ?? [], path)
+    ));
+  }
+  return specificity;
+}
+function focusedViewForPath(nodes, path) {
+  let selected, selectedDepth = -1, selectedSpecificity = -1;
+  function visit(entries, depth) {
+    for (let node of entries)
+      if (node.type === "view") {
+        let specificity = pathSpecificity(node.items, path);
+        specificity >= 0 && (depth > selectedDepth || depth === selectedDepth && specificity > selectedSpecificity) && (selected = node, selectedDepth = depth, selectedSpecificity = specificity), visit(node.items, depth + 1);
+      } else "children" in node && visit(node.children ?? [], depth);
+  }
+  return visit(nodes, 0), selected;
+}
+function focusedViewForTarget(nodes, target) {
+  if (typeof target != "string")
+    return findNamedView(nodes, target.view);
+  let group = findGroup(nodes, target);
+  return group ? focusedViewForPath(nodes, group.route) : findNamedView(nodes, target);
+}
+function findNavigationView(nodes, viewId) {
+  if (viewId)
+    for (let node of nodes) {
+      if (node.type === "view" && (node.viewId === viewId || node.id === viewId))
+        return node;
+      let nested = node.type === "view" ? findNavigationView(node.items, viewId) : "children" in node ? findNavigationView(node.children ?? [], viewId) : void 0;
+      if (nested) return nested;
+    }
+}
+function findNamedView(nodes, viewId) {
+  return findNavigationView(nodes, viewId);
+}
+function findGroup(nodes, groupKey) {
+  for (let node of nodes) {
+    if (node.type === "group" && node.groupKey === groupKey) return node;
+    let nested = node.type === "view" ? findGroup(node.items, groupKey) : "children" in node ? findGroup(node.children ?? [], groupKey) : void 0;
+    if (nested) return nested;
+  }
+}
+
+// src/components/block/sidebar/sidebar.tsx
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
+function normalizePath2(path) {
+  if (!path) return "";
+  let [withoutQuery = ""] = path.split(/[?#]/);
+  return withoutQuery === "/" ? "/" : withoutQuery.replace(/\/+$/g, "");
+}
 function isExternalHref(href) {
   return /^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith("//");
 }
 function nodeHref(node) {
-  if (node.type === "link" || "href" in node && typeof node.href == "string") return node.href;
-  if ("path" in node && typeof node.path == "string") return node.path;
+  if (node.type === "link" || node.type === "page" || node.type === "group" && node.presentation === "page") return node.href;
 }
-function nodePath(node) {
-  if (node.type !== "link" && "path" in node && typeof node.path == "string")
-    return node.path;
+function nodePath2(node) {
+  if (node.type === "page") return node.page.path;
+  if (node.type === "group" && node.presentation === "page") return node.route;
 }
 function nodeChildren(node) {
-  return Array.isArray(node.children) ? node.children : [];
+  return node.type === "view" ? node.items : "children" in node ? node.children ?? [] : [];
 }
 function nodeKey(node, parentKey) {
-  let prefix = parentKey ? `${parentKey}/` : "";
-  return node.type === "page" ? `${prefix}page:${node.fileID}` : node.type === "link" ? `${prefix}link:${node.id}` : `${prefix}${node.type}:${node.id}`;
+  return `${parentKey ? `${parentKey}/` : ""}${node.type}:${node.id}`;
 }
 function isActivePath(path, currentPath) {
   if (!path || isExternalHref(path)) return !1;
-  let normalizedPath = normalizePath(path), normalizedCurrentPath = normalizePath(currentPath);
+  let normalizedPath = normalizePath2(path), normalizedCurrentPath = normalizePath2(currentPath);
   return normalizedPath ? normalizedCurrentPath === normalizedPath || normalizedCurrentPath.startsWith(`${normalizedPath}/`) : !1;
 }
 function isExactActivePath(path, currentPath) {
-  return !path || isExternalHref(path) ? !1 : normalizePath(path) === normalizePath(currentPath);
+  return !path || isExternalHref(path) ? !1 : normalizePath2(path) === normalizePath2(currentPath);
 }
 function createActiveIndex({
   currentPath,
-  tree
+  nodes
 }) {
   let activeIndex = /* @__PURE__ */ new Map();
   function visit(node) {
-    let path = nodePath(node), exactActive = isExactActivePath(path, currentPath), pathActive = node.type === "page" && isActivePath(path, currentPath), childActive = !1;
+    let path = nodePath2(node), exactActive = isExactActivePath(path, currentPath), pathActive = (node.type === "page" || node.type === "group") && isActivePath(path, currentPath), childActive = !1;
     for (let child of nodeChildren(node))
       childActive = visit(child) || childActive;
     let activeState = exactActive ? "path-active" : childActive || pathActive ? "child-path-active" : void 0;
@@ -62,7 +120,7 @@ function createActiveIndex({
       initiallyExpanded: exactActive || pathActive || childActive
     }), exactActive || pathActive || childActive;
   }
-  for (let node of tree)
+  for (let node of nodes)
     visit(node);
   return activeIndex;
 }
@@ -73,7 +131,7 @@ function nodeContentId({
   instanceId,
   node
 }) {
-  let key = "path" in node && node.path ? node.path : node.type === "page" ? node.fileID : node.id;
+  let key = node.type === "page" ? node.page.path : node.type === "group" ? node.route : node.id;
   return `sidebar-${safeIdPart(instanceId)}-${safeIdPart(key)}`;
 }
 function clampDepth(depth) {
@@ -88,6 +146,7 @@ function ExpandableChildren({
   expanded,
   instanceId,
   nodes,
+  onSwitchView,
   parentExpanded,
   renderChildren
 }) {
@@ -112,6 +171,7 @@ function ExpandableChildren({
           instanceId,
           itemKey: nodeKey(child, contentId),
           node: child,
+          onSwitchView,
           parentExpanded: childFocusable
         },
         nodeKey(child, contentId)
@@ -127,18 +187,19 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
   instanceId,
   itemKey,
   node,
+  onSwitchView,
   parentExpanded
 }) {
-  let nodes = nodeChildren(node), href = nodeHref(node), activeInfo = activeIndex.get(node), activeState = activeInfo?.activeState, initiallyExpanded = !!activeInfo?.initiallyExpanded, isExpandable = nodes.length > 0 && (node.type === "folder" || node.type === "page"), [expanded, setExpanded] = useState(initiallyExpanded), [renderChildren, setRenderChildren] = useState(initiallyExpanded), interactedRef = useRef(!1), lastPathRef = useRef(normalizePath(currentPath)), contentId = nodeContentId({ instanceId, node });
+  let nodes = nodeChildren(node), href = nodeHref(node), activeInfo = activeIndex.get(node), activeState = activeInfo?.activeState, initiallyExpanded = !!activeInfo?.initiallyExpanded, hasChildren = nodes.length > 0, isExpandable = hasChildren && (node.type === "folder" || node.type === "page" || node.type === "group" && node.presentation === "folder"), [expanded, setExpanded] = useState(initiallyExpanded), [renderChildren, setRenderChildren] = useState(initiallyExpanded), interactedRef = useRef(!1), lastPathRef = useRef(normalizePath2(currentPath)), contentId = nodeContentId({ instanceId, node });
   useEffect(() => {
-    let normalizedCurrentPath = normalizePath(currentPath);
+    let normalizedCurrentPath = normalizePath2(currentPath);
     lastPathRef.current !== normalizedCurrentPath && (interactedRef.current = !1, lastPathRef.current = normalizedCurrentPath), initiallyExpanded && !expanded && !interactedRef.current && (setRenderChildren(!0), startTransition(() => setExpanded(!0)));
   }, [currentPath, expanded, initiallyExpanded]);
   let toggleExpanded = useCallback(() => {
     interactedRef.current = !0, setRenderChildren(!0), setExpanded((value) => !value);
   }, []), expandOnNavigate = useCallback(() => {
     interactedRef.current = !0, setRenderChildren(!0), setExpanded(!0);
-  }, []), pageWithChildrenLinkClick = node.type === "page" && nodes.length > 0 ? expandOnNavigate : void 0, children = isExpandable && nodes.length > 0 ? /* @__PURE__ */ jsx(
+  }, []), pageWithChildrenLinkClick = (node.type === "page" || node.type === "group" && node.presentation === "page") && hasChildren ? expandOnNavigate : void 0, children = isExpandable && hasChildren ? /* @__PURE__ */ jsx(
     ExpandableChildren,
     {
       activeIndex,
@@ -149,10 +210,25 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
       expanded,
       instanceId,
       nodes,
+      onSwitchView,
       parentExpanded,
       renderChildren
     }
-  ) : node.type === "section" && nodes.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-px", children: nodes.map((child) => /* @__PURE__ */ jsx(
+  ) : node.type === "section" && hasChildren ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-px", children: nodes.map((child) => /* @__PURE__ */ jsx(
+    SidebarTreeItem2,
+    {
+      activeIndex,
+      activeItemRef,
+      currentPath,
+      depth,
+      instanceId,
+      itemKey: nodeKey(child, itemKey),
+      node: child,
+      onSwitchView,
+      parentExpanded
+    },
+    nodeKey(child, itemKey)
+  )) }) : node.type === "view" && hasChildren ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-px", children: nodes.map((child) => /* @__PURE__ */ jsx(
     SidebarTreeItem2,
     {
       activeIndex,
@@ -162,11 +238,12 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
       instanceId,
       itemKey: nodeKey(child, itemKey),
       node: child,
+      onSwitchView,
       parentExpanded
     },
     nodeKey(child, itemKey)
   )) }) : null;
-  return /* @__PURE__ */ jsx(
+  return node.type === "view" ? children : /* @__PURE__ */ jsx(
     SidebarNode,
     {
       activeState,
@@ -178,17 +255,45 @@ var SidebarTreeItem = memo(function SidebarTreeItem2({
       isExpandable,
       node,
       onLinkClick: pageWithChildrenLinkClick,
+      onSwitchView: node.type === "switch-view" ? () => onSwitchView(node.target) : void 0,
       onToggle: isExpandable ? toggleExpanded : void 0,
       parentExpanded,
-      title: node.title,
+      title: node.label ?? "",
       children
     }
   );
 });
-function Sidebar({ className, currentPath, title, tree }) {
-  let resolvedCurrentPath = usePathname() ?? currentPath ?? "", instanceId = useId(), activeItemRef = useRef(null), viewportRef = useRef(null), activeIndex = useMemo(
-    () => createActiveIndex({ currentPath: resolvedCurrentPath, tree }),
-    [resolvedCurrentPath, tree]
+function Sidebar({
+  className,
+  currentPath,
+  title,
+  navigation
+}) {
+  let resolvedCurrentPath = usePathname() ?? currentPath ?? "", normalizedCurrentPath = normalizePath2(resolvedCurrentPath), [selection, setSelection] = useState(() => ({
+    path: normalizedCurrentPath,
+    viewId: focusedViewForPath(navigation.items, resolvedCurrentPath)?.id
+  })), defaultViewId = focusedViewForPath(
+    navigation.items,
+    resolvedCurrentPath
+  )?.id, viewId = selection.path === normalizedCurrentPath ? selection.viewId : defaultViewId, selectedView = findNavigationView(navigation.items, viewId), visibleNodes = selectedView?.type === "view" ? selectedView.items : navigation.items, switchView = useCallback(
+    (target) => {
+      let targetView = focusedViewForTarget(navigation.items, target);
+      setSelection({ path: normalizedCurrentPath, viewId: targetView?.id });
+    },
+    [navigation.items, normalizedCurrentPath]
+  );
+  useEffect(() => {
+    setSelection({
+      path: normalizedCurrentPath,
+      viewId: defaultViewId
+    });
+  }, [defaultViewId, normalizedCurrentPath]);
+  let instanceId = useId(), activeItemRef = useRef(null), viewportRef = useRef(null), activeIndex = useMemo(
+    () => createActiveIndex({
+      currentPath: resolvedCurrentPath,
+      nodes: visibleNodes
+    }),
+    [resolvedCurrentPath, visibleNodes]
   );
   return useEffect(() => {
     let viewport = viewportRef.current, win = viewport?.ownerDocument.defaultView;
@@ -219,7 +324,7 @@ function Sidebar({ className, currentPath, title, tree }) {
             scrollbarClassName: "opacity-0 transition-opacity data-[hovering]:opacity-100 data-[scrolling]:opacity-100",
             variant: "gradient",
             viewportRef,
-            children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-px px-2 py-3", children: tree.map((node) => /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-px px-2 py-3", children: visibleNodes.map((node) => /* @__PURE__ */ jsx(
               SidebarTreeItem,
               {
                 activeIndex,
@@ -229,6 +334,7 @@ function Sidebar({ className, currentPath, title, tree }) {
                 instanceId,
                 itemKey: nodeKey(node, ""),
                 node,
+                onSwitchView: switchView,
                 parentExpanded: !0
               },
               nodeKey(node, "")

package/dist/kernel/components/blocks/theme-toggle.d.ts

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as ButtonProps } from '../../../button-BdCScEKi.js';
+import * as react from 'react';
+import { B as ButtonProps } from '../../../button-D6Xp2HBm.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
-import 'react';
 
 type ThemeToggleProps = Omit<ButtonProps, "children" | "iconOnly" | "leftIcon" | "loading" | "rightIcon">;
-declare function ThemeToggle({ className, onClick, size, title, type, variant, ...props }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
+declare function ThemeToggle({ className, onClick, size, title, type, variant, ...props }: ThemeToggleProps): react.JSX.Element;
 
 export { ThemeToggle, type ThemeToggleProps };

package/dist/kernel/components/blocks/toc-client.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 
 type TocHeading = {
@@ -20,21 +20,21 @@ type TocClientProps = {
     title: string;
     children: ReactNode;
 };
-declare function TocClientProvider({ className, desktopClassName, desktopListClassName, headings, levels, listClassName, mobileClassName, mobileQuery, readingOffset, title, children, }: TocClientProps): react_jsx_runtime.JSX.Element;
+declare function TocClientProvider({ className, desktopClassName, desktopListClassName, headings, levels, listClassName, mobileClassName, mobileQuery, readingOffset, title, children, }: TocClientProps): react.JSX.Element;
 declare function TocDesktop({ children }: {
     children?: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 declare function TocMobile({ children }: {
     children?: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 declare function TocMobileHeader({ children }: {
     children?: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 declare function TocLinksSlot({ className, listClassName, viewport, }: {
     className?: string;
     listClassName?: string;
     viewport?: "desktop" | "mobile";
-}): react_jsx_runtime.JSX.Element;
-declare function TocTitle({ children, className, ...props }: React.ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
+declare function TocTitle({ children, className, ...props }: React.ComponentPropsWithoutRef<"span">): react.JSX.Element;
 
 export { TocClientProvider, TocDesktop, TocLinksSlot, TocMobile, TocMobileHeader, TocTitle };

package/dist/kernel/components/blocks/toc.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TocDesktop, TocLinksSlot, TocMobile, TocMobileHeader, TocTitle } from './toc-client.js';
+import * as react from 'react';
 import { ReactNode } from 'react';
+import { TocDesktop, TocLinksSlot, TocMobile, TocMobileHeader, TocTitle } from './toc-client.js';
 
 type TocProps = {
     children?: ReactNode;
@@ -15,7 +15,7 @@ type TocProps = {
     readingOffset?: number;
     title?: string;
 };
-declare function TocRoot({ className, content, desktopClassName, desktopListClassName, levels, listClassName, mobileClassName, mobileQuery, readingOffset, title, children, }: TocProps): react_jsx_runtime.JSX.Element | null;
+declare function TocRoot({ className, content, desktopClassName, desktopListClassName, levels, listClassName, mobileClassName, mobileQuery, readingOffset, title, children, }: TocProps): react.JSX.Element | null;
 declare const Toc: typeof TocRoot & {
     Desktop: typeof TocDesktop;
     Links: typeof TocLinksSlot;

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

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

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

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
 
 declare const calloutVariants: (props?: ({
     color?: "neutral" | "info" | "warning" | "danger" | "success" | null | undefined;
@@ -11,6 +11,6 @@ type CalloutProps = Omit<ComponentPropsWithoutRef<"aside">, "color" | "title" |
     icon?: ReactNode;
     title?: ReactNode;
 };
-declare function Callout({ children, className, color, icon, title, variant, ...props }: CalloutProps): react_jsx_runtime.JSX.Element;
+declare function Callout({ children, className, color, icon, title, variant, ...props }: CalloutProps): react.JSX.Element;
 
 export { Callout, type CalloutProps, calloutVariants };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { BundledTheme } from 'shiki';
 
 type CodeBlockProps = Omit<React.ComponentPropsWithoutRef<"div">, "style"> & {
@@ -7,6 +7,6 @@ type CodeBlockProps = Omit<React.ComponentPropsWithoutRef<"div">, "style"> & {
     lightTheme?: BundledTheme;
     darkTheme?: BundledTheme;
 };
-declare function CodeBlock({ children, className, code, language, lightTheme, darkTheme, title, ...props }: CodeBlockProps): Promise<react_jsx_runtime.JSX.Element>;
+declare function CodeBlock({ children, className, code, language, lightTheme, darkTheme, title, ...props }: CodeBlockProps): Promise<react.JSX.Element>;
 
 export { CodeBlock, type CodeBlockProps };

package/dist/kernel/components/mdx/components/copy-code-button.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
 declare function CopyCodeButton({ className, code, }: {
     className?: string;
     code: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 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';
+import * as react from 'react';
 
 type FigureCaptionProps = React.ComponentProps<"figcaption">;
-declare function FigureCaption({ className, ...props }: FigureCaptionProps): react_jsx_runtime.JSX.Element;
+declare function FigureCaption({ className, ...props }: FigureCaptionProps): react.JSX.Element;
 
 export { FigureCaption, type FigureCaptionProps };

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

@@ -1,12 +1,12 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FigureCaption } from './figure-caption.js';
+import * as react from 'react';
 import { ReactNode } from 'react';
+import { FigureCaption } from './figure-caption.js';
 
 type FigureProps = React.ComponentProps<"figure"> & {
     /** A fallback caption after the children. An authored caption takes precedence. */
     caption?: ReactNode;
 };
-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;
 }

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

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

package/dist/kernel/components/mdx/components/heading-copy-link.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 
 declare function headingCopyUrl({ href, id }: {
@@ -18,6 +18,6 @@ declare function HeadingCopyLink({ className, id, children, iconOnly, }: {
     id: string;
     children?: ReactNode;
     iconOnly?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 export { HeadingCopyLink, headingCopyUrl };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
 type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
@@ -8,6 +8,6 @@ type HeadingProps<T extends HeadingElement> = {
     className?: string;
 };
 
-declare function Heading<T extends HeadingElement>({ as: Tag, children, className, id, ...props }: HeadingProps<T>): react_jsx_runtime.JSX.Element;
+declare function Heading<T extends HeadingElement>({ as: Tag, children, className, id, ...props }: HeadingProps<T>): react.JSX.Element;
 
 export { Heading };

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

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Separator as Separator$1 } from '@base-ui/react/separator';
+import * as react from 'react';
 import { ComponentPropsWithoutRef } from 'react';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
 
 type SeparatorProps = ComponentPropsWithoutRef<typeof Separator$1>;
-declare function Separator({ className, orientation, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
+declare function Separator({ className, orientation, ...props }: SeparatorProps): react.JSX.Element;
 
 type HrProps = React.ComponentPropsWithoutRef<typeof Separator>;
-declare function Hr({ className, ...props }: HrProps): react_jsx_runtime.JSX.Element;
+declare function Hr({ className, ...props }: HrProps): react.JSX.Element;
 
 export { Hr, type HrProps };

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

@@ -5,9 +5,10 @@ import Zoom from "react-medium-image-zoom";
 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: 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 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

@@ -130,7 +130,7 @@ 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 w-full", children: [

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/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/link.d.ts

@@ -1,8 +1,8 @@
-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?: ({
     readonly variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
@@ -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/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/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 };