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

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

@@ -1,19 +1,18 @@
 // src/components/mdx/mdx.tsx
-import { Blockquote } from "@publish.os/nextjs/kernel/components/mdx/components/blockquote";
-import { Callout } from "@publish.os/nextjs/kernel/components/mdx/components/callout";
-import { CodeBlock } from "@publish.os/nextjs/kernel/components/mdx/components/code-block";
-import { Figure } from "@publish.os/nextjs/kernel/components/mdx/components/figure";
-import { FigureCaption } from "@publish.os/nextjs/kernel/components/mdx/components/figure-caption";
-import { Footnotes } from "@publish.os/nextjs/kernel/components/mdx/components/footnotes";
-import { Heading } from "@publish.os/nextjs/kernel/components/mdx/components/heading";
-import { Hr } from "@publish.os/nextjs/kernel/components/mdx/components/hr";
-import { Image } from "@publish.os/nextjs/kernel/components/mdx/components/image";
-import { InlineCode } from "@publish.os/nextjs/kernel/components/mdx/components/inline-code";
-import { Kbd } from "@publish.os/nextjs/kernel/components/mdx/components/kbd";
-import { Link } from "@publish.os/nextjs/kernel/components/mdx/components/link";
-import { Paragraph } from "@publish.os/nextjs/kernel/components/mdx/components/paragraph";
-import { Pre } from "@publish.os/nextjs/kernel/components/mdx/components/pre";
-import { Strikethrough } from "@publish.os/nextjs/kernel/components/mdx/components/strikethrough";
+import { Blockquote } from "@components/mdx/components/blockquote";
+import { Callout } from "@components/mdx/components/callout";
+import { CodeBlock } from "@components/mdx/components/code-block";
+import { Figure } from "@components/mdx/components/figure";
+import { FigureCaption } from "@components/mdx/components/figure-caption";
+import { Footnotes } from "@components/mdx/components/footnotes";
+import { Heading } from "@components/mdx/components/heading";
+import { Hr } from "@components/mdx/components/hr";
+import { Image } from "@components/mdx/components/image";
+import { InlineCode } from "@components/mdx/components/inline-code";
+import { Kbd } from "@components/mdx/components/kbd";
+import { Link } from "@components/mdx/components/link";
+import { Paragraph } from "@components/mdx/components/paragraph";
+import { Strikethrough } from "@components/mdx/components/strikethrough";
 import {
   Table,
   TableBodyGroup,
@@ -21,65 +20,335 @@ import {
   TableHeaderCell,
   TableHeadGroup,
   TableRowGroup
-} from "@publish.os/nextjs/kernel/components/mdx/components/table";
-import { TaskList, TaskListInput } from "@publish.os/nextjs/kernel/components/mdx/components/task-list";
-import { Video } from "@publish.os/nextjs/kernel/components/mdx/components/video";
-import { MDXErrorBoundary } from "@publish.os/nextjs/kernel/components/mdx/error-boundary";
-import { rehypeHeadingIds } from "@publish.os/nextjs/kernel/components/mdx/rehype-heading-ids";
+} from "@components/mdx/components/table";
+import { TaskList, TaskListInput } from "@components/mdx/components/task-list";
+import { Video } from "@components/mdx/components/video";
+import { MDXErrorBoundary } from "@components/mdx/error-boundary";
+import { rehypeHeadingIds } from "@components/mdx/rehype-heading-ids";
 import { compileMDX } from "next-mdx-remote/rsc";
 import remarkGfm from "remark-gfm";
-import { Figure as Figure2 } from "@publish.os/nextjs/kernel/components/mdx/components/figure";
-import { Image as Image2 } from "@publish.os/nextjs/kernel/components/mdx/components/image";
-import { Link as Link2 } from "@publish.os/nextjs/kernel/components/mdx/components/link";
-import { Video as Video2 } from "@publish.os/nextjs/kernel/components/mdx/components/video";
-import { jsx } from "react/jsx-runtime";
+
+// src/components/mdx/mod-key.tsx
+import {
+  ModKey as UiModKey
+} from "@components/ui/mod-key";
+import { cn } from "@publish.os/nextjs/utils/cn";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
+function ModKey({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    UiModKey,
+    {
+      ...props,
+      size: null,
+      className: cn("text-[0.75em]", className)
+    }
+  );
+}
+
+// src/components/mdx/plugins/remark-code-elements.ts
+function remarkCodeElements() {
+  return (tree) => {
+    function visit(node, insidePre = !1) {
+      if ((node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement") && node.name === "code" && !insidePre && node.data && Reflect.deleteProperty(node.data, "_mdxExplicitJsx"), "children" in node) {
+        let childInsidePre = insidePre || (node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement") && node.name === "pre";
+        for (let child of node.children) visit(child, childInsidePre);
+      }
+    }
+    visit(tree);
+  };
+}
+
+// src/components/mdx/plugins/remark-code-title.ts
+function remarkCodeTitle() {
+  return (tree) => {
+    function visit(node) {
+      if (node.type === "code") {
+        let title = /^title="(.*)"$/.exec(node.meta?.trim() ?? "")?.[1];
+        title !== void 0 && (node.data = {
+          ...node.data,
+          hProperties: { ...node.data?.hProperties ?? {}, title }
+        });
+      }
+      if ("children" in node)
+        for (let child of node.children) visit(child);
+    }
+    visit(tree);
+  };
+}
+
+// src/components/mdx/plugins/remark-component-references.ts
+function remarkComponentReferences({
+  components,
+  pagePath
+}) {
+  return () => (tree) => {
+    function visit(node) {
+      if ((node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement") && node.name && /^[A-Z]/.test(node.name)) {
+        let rootName = node.name.split(".")[0];
+        if (rootName && !components[rootName]) {
+          let file = rootName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), position = node.position?.start;
+          throw new Error(
+            `Undefined MDX component "${rootName}" on page "${pagePath}"` + (position ? ` (body line ${position.line}, column ${position.column})` : "") + (rootName.endsWith("Icon") ? `. For a Phosphor icon, use import { ${rootName} } from "@phosphor-icons/react/ssr".` : `. Add publish.os/components/mdx/${file}.tsx with a named ${rootName} export, or supply it through the MDX components prop.`)
+          );
+        }
+      }
+      if ("children" in node)
+        for (let child of node.children) visit(child);
+    }
+    visit(tree);
+  };
+}
+
+// src/components/mdx/plugins/remark-keyboard-input.ts
+function remarkKeyboardInput() {
+  return (tree) => {
+    function visit(node) {
+      if ((node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement") && node.name === "kbd" && node.data && Reflect.deleteProperty(node.data, "_mdxExplicitJsx"), "children" in node)
+        for (let child of node.children) visit(child);
+    }
+    visit(tree);
+  };
+}
+
+// src/components/mdx/plugins/remark-media-elements.ts
+var mediaElements = /* @__PURE__ */ new Set(["img", "figure", "figcaption"]);
+function remarkMediaElements() {
+  return (tree) => {
+    function visit(node) {
+      if ((node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement") && node.name && mediaElements.has(node.name) && node.data && Reflect.deleteProperty(node.data, "_mdxExplicitJsx"), "children" in node)
+        for (let child of node.children) visit(child);
+    }
+    visit(tree);
+  };
+}
+
+// src/lib/hosting/framework-paths.ts
+var FRAMEWORK_PREFIX = "/publishos", SOURCE_ASSET_PREFIX = `${FRAMEWORK_PREFIX}/assets`, INTERNAL_PREFIX = `${FRAMEWORK_PREFIX}/internal`, SITE_API_PREFIX = `${FRAMEWORK_PREFIX}/api`, SEARCH_PREFIX = `${INTERNAL_PREFIX}/search`, PAGEFIND_MODULE_URL = `${SEARCH_PREFIX}/pagefind.js`, PAGEFIND_ENTRY_URL = `${SEARCH_PREFIX}/pagefind-entry.json`, IMAGE_OPTIMIZER_PATH = `${SITE_API_PREFIX}/image`;
+var OG_SERVICE_PREFIX = `${SITE_API_PREFIX}/og`, PUBLIC_INTERNAL_DIRECTORY = INTERNAL_PREFIX.slice(1), PUBLIC_FONT_DIRECTORY = `${PUBLIC_INTERNAL_DIRECTORY}/fonts`, PUBLIC_SEARCH_DIRECTORY = `public/${PUBLIC_INTERNAL_DIRECTORY}/search`, FRAMEWORK_PROXY_MATCHER = `/((?!${FRAMEWORK_PREFIX.slice(1)}(?:/|$)|_next/static|_next/image|_next/webpack-hmr).*)`;
+
+// src/lib/assets/map-source-asset-url.ts
+var SOURCE_ASSET_PATH = "/assets/", URL_PROPS = [
+  "action",
+  "cite",
+  "data",
+  "formAction",
+  "href",
+  "poster",
+  "src",
+  "xlinkHref"
+];
+function hasUnsafeControlCharacters(value) {
+  for (let character of value) {
+    let code = character.codePointAt(0) ?? 0;
+    if (code <= 31 || code >= 127 && code <= 159) return !0;
+  }
+  return !1;
+}
+function assertSafeAssetPath(path) {
+  if (path.includes("\\") || hasUnsafeControlCharacters(path))
+    throw new TypeError("Local asset URLs must use safe path segments.");
+  for (let segment of path.split("/")) {
+    if (!segment)
+      throw new TypeError("Local asset URLs must use safe path segments.");
+    let decoded;
+    try {
+      decoded = decodeURIComponent(segment);
+    } catch {
+      throw new TypeError("Local asset URLs must use valid URL encoding.");
+    }
+    if (decoded === "." || decoded === ".." || decoded.includes("/") || decoded.includes("\\") || hasUnsafeControlCharacters(decoded))
+      throw new TypeError("Local asset URLs must use safe path segments.");
+  }
+}
+function mapSourceAssetUrl(value) {
+  if (typeof value != "string" || !value.startsWith(SOURCE_ASSET_PATH))
+    return value;
+  let suffixIndex = value.search(/[?#]/u), pathname = suffixIndex < 0 ? value : value.slice(0, suffixIndex), suffix = suffixIndex < 0 ? "" : value.slice(suffixIndex), path = pathname.slice(SOURCE_ASSET_PATH.length);
+  return assertSafeAssetPath(path), `${SOURCE_ASSET_PREFIX}/${path}${suffix}`;
+}
+function mapSourceSet(value) {
+  let candidates = [], cursor = 0;
+  for (; cursor < value.length; ) {
+    for (; cursor < value.length && /[\s,]/u.test(value[cursor] ?? ""); )
+      cursor += 1;
+    if (cursor >= value.length) break;
+    let start = cursor;
+    for (; cursor < value.length && !/\s/u.test(value[cursor] ?? ""); )
+      cursor += 1;
+    let url = value.slice(start, cursor), endsCandidate = url.endsWith(",");
+    endsCandidate && (url = url.replace(/,+$/u, ""));
+    let mapped = String(mapSourceAssetUrl(url));
+    if (endsCandidate) {
+      candidates.push(mapped);
+      continue;
+    }
+    for (; cursor < value.length && /\s/u.test(value[cursor] ?? ""); )
+      cursor += 1;
+    let descriptorStart = cursor;
+    for (; cursor < value.length && value[cursor] !== ","; ) cursor += 1;
+    let descriptor = value.slice(descriptorStart, cursor).trim();
+    candidates.push(descriptor ? `${mapped} ${descriptor}` : mapped), value[cursor] === "," && (cursor += 1);
+  }
+  return candidates.join(", ");
+}
+function mapSourceAssetProps(props) {
+  if (!props || typeof props != "object") return props;
+  let source = props, mapped;
+  for (let name of URL_PROPS) {
+    let value = source[name], next = mapSourceAssetUrl(value);
+    next !== value && (mapped ??= { ...source }, mapped[name] = next);
+  }
+  if (typeof source.srcSet == "string") {
+    let next = mapSourceSet(source.srcSet);
+    next !== source.srcSet && (mapped ??= { ...source }, mapped.srcSet = next);
+  }
+  return mapped ?? props;
+}
+
+// src/lib/assets/remark-map-source-assets.ts
+var imageBooleanAttributes = /* @__PURE__ */ new Set([
+  "decorative",
+  "fill",
+  "frame",
+  "optimized",
+  "priority",
+  "zoom"
+]);
+function preserveImageControlLiteral(node) {
+  if (!(node.name !== "Image" && node.name !== "img" || !node.attributes))
+    for (let attribute of node.attributes) {
+      if (attribute.type !== "mdxJsxAttribute" || !attribute.value || typeof attribute.value != "object")
+        continue;
+      let expression = attribute.value.value;
+      if (typeof expression != "string") continue;
+      let value = expression.trim();
+      if (imageBooleanAttributes.has(attribute.name ?? "") && (value === "true" || value === "false")) {
+        attribute.value = value;
+        continue;
+      }
+      let isPositiveNumber = (candidate) => {
+        let number = Number(candidate);
+        return candidate !== "" && Number.isFinite(number) && number > 0;
+      }, unquotedValue = value.replace(/^(?:"(.*)"|'(.*)')$/u, "$1$2"), ratio = unquotedValue.match(
+        /^(\d+(?:\.\d+)?)\s*\/\s*(\d+(?:\.\d+)?)$/u
+      ), isPositiveAspect = isPositiveNumber(unquotedValue) || ratio !== null && Number(ratio[1]) > 0 && Number(ratio[2]) > 0;
+      (attribute.name === "width" || attribute.name === "height") && /^\d+$/u.test(value) && isPositiveNumber(value) && Number.isSafeInteger(Number(value)) ? attribute.value = value : attribute.name === "aspect" && isPositiveAspect && (attribute.value = unquotedValue);
+    }
+}
+function mapAttribute(node) {
+  if (preserveImageControlLiteral(node), (node.type === "image" || node.type === "link" || node.type === "definition") && typeof node.url == "string") {
+    let prop = node.type === "image" ? "src" : "href", props = mapSourceAssetProps({ [prop]: node.url });
+    typeof props[prop] == "string" && (node.url = props[prop]);
+  }
+  for (let attribute of node.attributes ?? []) {
+    if (attribute.type !== "mdxJsxAttribute" || typeof attribute.value != "string")
+      continue;
+    let mapped = mapSourceAssetProps({
+      [attribute.name ?? ""]: attribute.value
+    });
+    attribute.name && typeof mapped[attribute.name] == "string" && (attribute.value = mapped[attribute.name]);
+  }
+}
+function remarkMapSourceAssets() {
+  return (tree) => {
+    let visit = (node) => {
+      mapAttribute(node), node.children?.forEach(visit);
+    };
+    visit(tree);
+  };
+}
+
+// src/components/mdx/mdx.tsx
+import { Figure as Figure2 } from "@components/mdx/components/figure";
+import { Image as Image2 } from "@components/mdx/components/image";
+import { Link as Link2 } from "@components/mdx/components/link";
+import { Video as Video2 } from "@components/mdx/components/video";
+import { jsx as jsx2 } from "@publish.os/nextjs/jsx-runtime";
 var defaultMdxComponents = {
-  h1: (props) => /* @__PURE__ */ jsx(Heading, { as: "h1", ...props }),
-  h2: (props) => /* @__PURE__ */ jsx(Heading, { as: "h2", ...props }),
-  h3: (props) => /* @__PURE__ */ jsx(Heading, { as: "h3", ...props }),
-  h4: (props) => /* @__PURE__ */ jsx(Heading, { as: "h4", ...props }),
-  h5: (props) => /* @__PURE__ */ jsx(Heading, { as: "h5", ...props }),
-  h6: (props) => /* @__PURE__ */ jsx(Heading, { as: "h6", ...props }),
-  a: (props) => /* @__PURE__ */ jsx(Link, { ...props }),
-  p: (props) => /* @__PURE__ */ jsx(Paragraph, { ...props }),
-  blockquote: (props) => /* @__PURE__ */ jsx(Blockquote, { ...props }),
+  h1: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h1", ...props }),
+  h2: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h2", ...props }),
+  h3: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h3", ...props }),
+  h4: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h4", ...props }),
+  h5: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h5", ...props }),
+  h6: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h6", ...props }),
+  Heading,
+  a: Link,
+  p: Paragraph,
+  blockquote: Blockquote,
+  Blockquote,
   Callout,
-  code: (props) => /* @__PURE__ */ jsx(InlineCode, { ...props }),
+  code: InlineCode,
+  InlineCode,
   CodeBlock,
-  del: (props) => /* @__PURE__ */ jsx(Strikethrough, { ...props }),
-  figcaption: (props) => /* @__PURE__ */ jsx(FigureCaption, { ...props }),
-  figure: (props) => /* @__PURE__ */ jsx(Figure, { ...props }),
+  del: Strikethrough,
+  figcaption: FigureCaption,
+  FigureCaption,
+  figure: Figure,
   Figure,
-  hr: (props) => /* @__PURE__ */ jsx(Hr, { ...props }),
-  img: (props) => /* @__PURE__ */ jsx(Image, { ...props }),
+  hr: Hr,
+  Hr,
+  img: Image,
   Image,
-  input: (props) => /* @__PURE__ */ jsx(TaskListInput, { ...props }),
-  Kbd: (props) => /* @__PURE__ */ jsx(Kbd, { ...props }),
-  kbd: (props) => /* @__PURE__ */ jsx(Kbd, { ...props }),
-  pre: (props) => /* @__PURE__ */ jsx(Pre, { ...props }),
-  section: (props) => /* @__PURE__ */ jsx(Footnotes, { ...props }),
-  table: (props) => /* @__PURE__ */ jsx(Table, { ...props }),
-  tbody: (props) => /* @__PURE__ */ jsx(TableBodyGroup, { ...props }),
-  td: (props) => /* @__PURE__ */ jsx(TableDataCell, { ...props }),
-  th: (props) => /* @__PURE__ */ jsx(TableHeaderCell, { ...props }),
-  thead: (props) => /* @__PURE__ */ jsx(TableHeadGroup, { ...props }),
-  tr: (props) => /* @__PURE__ */ jsx(TableRowGroup, { ...props }),
-  ul: (props) => /* @__PURE__ */ jsx(TaskList, { ...props }),
-  video: (props) => /* @__PURE__ */ jsx(Video, { ...props }),
+  input: TaskListInput,
+  TaskListInput,
+  Kbd,
+  ModKey,
+  kbd: Kbd,
+  pre: CodeBlock,
+  Paragraph,
+  section: Footnotes,
+  Footnotes,
+  Strikethrough,
+  table: Table,
+  Table,
+  tbody: TableBodyGroup,
+  TableBodyGroup,
+  td: TableDataCell,
+  TableDataCell,
+  th: TableHeaderCell,
+  TableHeaderCell,
+  thead: TableHeadGroup,
+  TableHeadGroup,
+  tr: TableRowGroup,
+  TableRowGroup,
+  ul: TaskList,
+  TaskList,
+  video: Video,
   Video
 };
 function getErrorMessage(error) {
   return error instanceof Error ? error.message : "An error occurred while rendering the content";
 }
-async function MDX({ components, content, pageId, slug }) {
-  let mdx = await compileMDX({
-    source: content,
-    components: { ...defaultMdxComponents, ...components ?? {} },
+async function renderMdx({
+  components,
+  page,
+  siteComponents,
+  importedComponents
+}) {
+  let selectedComponents = {
+    ...defaultMdxComponents,
+    ...siteComponents ?? {},
+    ...components ?? {},
+    ...importedComponents ?? {}
+  }, mdx = await compileMDX({
+    source: page.body,
+    components: selectedComponents,
     options: {
       parseFrontmatter: !1,
       mdxOptions: {
         rehypePlugins: [rehypeHeadingIds],
-        remarkPlugins: [remarkGfm]
+        remarkPlugins: [
+          remarkGfm,
+          remarkCodeTitle,
+          remarkKeyboardInput,
+          remarkCodeElements,
+          remarkMediaElements,
+          remarkMapSourceAssets,
+          remarkComponentReferences({
+            components: selectedComponents,
+            pagePath: page.path
+          })
+        ]
       }
     }
   }).then(({ content: compiledContent }) => ({
@@ -89,21 +358,25 @@ async function MDX({ components, content, pageId, slug }) {
     compiledContent: null,
     errorMessage: getErrorMessage(error)
   }));
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     MDXErrorBoundary,
     {
       errorMessage: mdx.errorMessage,
-      pageId,
-      slug,
-      children: /* @__PURE__ */ jsx("div", { className: "markdown-prose", "data-publishos-mdx-root": !0, children: mdx.compiledContent })
+      pageId: page.fileID,
+      slug: page.slug,
+      children: /* @__PURE__ */ jsx2("div", { className: "markdown-prose", children: mdx.compiledContent })
     }
   );
 }
+async function MDX(props) {
+  return renderMdx(props);
+}
 Object.defineProperty(MDX, "__publishOsMdx", { value: !0 });
 export {
   Figure2 as Figure,
   Image2 as Image,
   Link2 as Link,
   MDX,
-  Video2 as Video
+  Video2 as Video,
+  renderMdx
 };

package/dist/kernel/components/mdx/rehype-heading-ids.d.ts

@@ -1,5 +1,6 @@
 type RehypeNode = {
     children?: RehypeNode[];
+    name?: string;
     properties?: Record<string, unknown>;
     tagName?: string;
     type?: string;

package/dist/kernel/components/mdx/rehype-heading-ids.js

@@ -1,11 +1,11 @@
-// src/components/mdx/rehype-heading-ids.ts
+// src/components/mdx/plugins/rehype-heading-ids.ts
 import {
   cleanHeadingText,
   createHeadingIdGenerator
 } from "@publish.os/nextjs/utils/heading-ids";
 var HEADING_TAG_RE = /^h[1-6]$/;
 function textFromNode(node) {
-  return node.type === "text" || node.type === "inlineCode" ? typeof node.value == "string" ? node.value : "" : node.children ? node.children.map(textFromNode).join("") : "";
+  return node.type === "text" || node.type === "inlineCode" ? typeof node.value == "string" ? node.value : "" : node.tagName === "img" ? typeof node.properties?.alt == "string" ? node.properties.alt : "" : node.tagName === "br" || node.name === "br" ? " " : node.children ? node.children.map(textFromNode).join("") : "";
 }
 function visit(node, callback) {
   callback(node);
@@ -17,8 +17,10 @@ function rehypeHeadingIds() {
     let headingId = createHeadingIdGenerator();
     visit(tree, (node) => {
       if (!node.tagName || !HEADING_TAG_RE.test(node.tagName)) return;
-      let text = cleanHeadingText(textFromNode(node)), id = headingId(text);
-      !text || id === "empty-heading" || (node.properties = {
+      let text = cleanHeadingText(textFromNode(node));
+      if (!text) return;
+      let id = headingId(text);
+      id !== "empty-heading" && (node.properties = {
         ...node.properties,
         id
       });

package/dist/kernel/components/next-image.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import NextImage, { getImageProps as getImageProps$1 } from 'next/dist/shared/lib/image-external';
+import { ComponentProps } from 'react';
+export { ImageProps } from 'next/image';
+
+type NextImageComponentProps = ComponentProps<typeof NextImage>;
+/** Keep the helper callable from server and client components. */
+declare function getImageProps(props: Parameters<typeof getImageProps$1>[0]): ReturnType<typeof getImageProps$1>;
+/** Keep remote image URLs direct while preserving Next.js behavior for local assets. */
+declare function PublishOsNextImage(props: NextImageComponentProps): react_jsx_runtime.JSX.Element;
+
+export { PublishOsNextImage as default, getImageProps };

package/dist/kernel/components/next-image.js

@@ -0,0 +1,61 @@
+// src/components/next-image.tsx
+import NextImage, {
+  getImageProps as nextGetImageProps
+} from "next/dist/shared/lib/image-external";
+
+// src/lib/hosting/framework-paths.ts
+var FRAMEWORK_PREFIX = "/publishos", SOURCE_ASSET_PREFIX = `${FRAMEWORK_PREFIX}/assets`, INTERNAL_PREFIX = `${FRAMEWORK_PREFIX}/internal`, SITE_API_PREFIX = `${FRAMEWORK_PREFIX}/api`, SEARCH_PREFIX = `${INTERNAL_PREFIX}/search`, PAGEFIND_MODULE_URL = `${SEARCH_PREFIX}/pagefind.js`, PAGEFIND_ENTRY_URL = `${SEARCH_PREFIX}/pagefind-entry.json`, IMAGE_OPTIMIZER_PATH = `${SITE_API_PREFIX}/image`;
+var OG_SERVICE_PREFIX = `${SITE_API_PREFIX}/og`, PUBLIC_INTERNAL_DIRECTORY = INTERNAL_PREFIX.slice(1), PUBLIC_FONT_DIRECTORY = `${PUBLIC_INTERNAL_DIRECTORY}/fonts`, PUBLIC_SEARCH_DIRECTORY = `public/${PUBLIC_INTERNAL_DIRECTORY}/search`, FRAMEWORK_PROXY_MATCHER = `/((?!${FRAMEWORK_PREFIX.slice(1)}(?:/|$)|_next/static|_next/image|_next/webpack-hmr).*)`;
+
+// src/lib/assets/map-source-asset-url.ts
+var SOURCE_ASSET_PATH = "/assets/";
+function hasUnsafeControlCharacters(value) {
+  for (let character of value) {
+    let code = character.codePointAt(0) ?? 0;
+    if (code <= 31 || code >= 127 && code <= 159) return !0;
+  }
+  return !1;
+}
+function assertSafeAssetPath(path) {
+  if (path.includes("\\") || hasUnsafeControlCharacters(path))
+    throw new TypeError("Local asset URLs must use safe path segments.");
+  for (let segment of path.split("/")) {
+    if (!segment)
+      throw new TypeError("Local asset URLs must use safe path segments.");
+    let decoded;
+    try {
+      decoded = decodeURIComponent(segment);
+    } catch {
+      throw new TypeError("Local asset URLs must use valid URL encoding.");
+    }
+    if (decoded === "." || decoded === ".." || decoded.includes("/") || decoded.includes("\\") || hasUnsafeControlCharacters(decoded))
+      throw new TypeError("Local asset URLs must use safe path segments.");
+  }
+}
+function mapSourceAssetUrl(value) {
+  if (typeof value != "string" || !value.startsWith(SOURCE_ASSET_PATH))
+    return value;
+  let suffixIndex = value.search(/[?#]/u), pathname = suffixIndex < 0 ? value : value.slice(0, suffixIndex), suffix = suffixIndex < 0 ? "" : value.slice(suffixIndex), path = pathname.slice(SOURCE_ASSET_PATH.length);
+  return assertSafeAssetPath(path), `${SOURCE_ASSET_PREFIX}/${path}${suffix}`;
+}
+
+// src/components/next-image.tsx
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
+function resolveImageProps(props) {
+  let remote = typeof props.src == "string" && /^https?:\/\//iu.test(props.src);
+  return {
+    ...props,
+    src: mapSourceAssetUrl(props.src),
+    unoptimized: remote || props.unoptimized
+  };
+}
+function getImageProps(props) {
+  return nextGetImageProps(resolveImageProps(props));
+}
+function PublishOsNextImage(props) {
+  return /* @__PURE__ */ jsx(NextImage, { ...resolveImageProps(props) });
+}
+export {
+  PublishOsNextImage as default,
+  getImageProps
+};

package/dist/kernel/components/ui/accordion.js

@@ -3,7 +3,7 @@
 // src/components/ui/accordion.tsx
 import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function Accordion(props) {
   return /* @__PURE__ */ jsx(BaseAccordion.Root, { ...props });
 }

package/dist/kernel/components/ui/breadcrumb-trail.d.ts

@@ -1,27 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { a as LinkStyleVariant, b as LinkButtonVariant } from '../../../link-CYaCRDb6.js';
-import { VariantProps } from 'class-variance-authority';
-import { ReactNode } from 'react';
-
-declare const breadcrumbVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type BreadcrumbVariantProps = VariantProps<typeof breadcrumbVariants>;
-type BreadcrumbStyleVariant = "default" | `link.${LinkStyleVariant}` | LinkButtonVariant;
-type BreadcrumbSizeProps = Pick<BreadcrumbVariantProps, "size">;
-type BreadcrumbStyleProps = {
-    variant?: BreadcrumbStyleVariant;
-};
-type BreadcrumbTrailItem = {
-    current?: boolean;
-    href: string;
-    title: ReactNode;
-};
-type BreadcrumbTrailProps = {
-    className?: string;
-    items: BreadcrumbTrailItem[];
-} & BreadcrumbSizeProps & BreadcrumbStyleProps;
+import { BreadcrumbTrailProps } from './breadcrumb.js';
+import 'class-variance-authority/types';
+import './button.js';
+import 'class-variance-authority';
+import 'react';
+import 'next/link';
 
 type CollapsibleBreadcrumbTrailProps = BreadcrumbTrailProps & {
     menuLabel?: string;

package/dist/kernel/components/ui/breadcrumb-trail.js

@@ -12,10 +12,10 @@ import {
   BreadcrumbTrailEntry,
   BreadcrumbTrailMenu,
   breadcrumbVariants
-} from "@publish.os/nextjs/kernel/components/ui/breadcrumb";
+} from "@components/ui/breadcrumb";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { Fragment, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 function sameIndexes(left, right) {
   return left.length === right.length && left.every((value, index) => value === right[index]);
 }

package/dist/kernel/components/ui/breadcrumb.d.ts

@@ -1,10 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { LinkStyleVariant, LinkButtonVariant } from './link.js';
+import { ButtonVariantProps } from './button.js';
 import { VariantProps } from 'class-variance-authority';
 import NextLink from 'next/link';
-import { ComponentPropsWithoutRef, ReactNode, HTMLAttributes } from 'react';
-import './button.js';
+import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+
+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"]>}`;
 
 declare const breadcrumbVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;