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

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

@@ -1,18 +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 { 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,
@@ -20,20 +20,20 @@ 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";
 
 // src/components/mdx/mod-key.tsx
 import {
   ModKey as UiModKey
-} from "@publish.os/nextjs/kernel/components/ui/mod-key";
+} from "@components/ui/mod-key";
 import { cn } from "@publish.os/nextjs/utils/cn";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 function ModKey({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     UiModKey,
@@ -45,6 +45,19 @@ function ModKey({ className, ...props }) {
   );
 }
 
+// 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) => {
@@ -63,6 +76,29 @@ function remarkCodeTitle() {
   };
 }
 
+// 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) => {
@@ -74,12 +110,160 @@ function remarkKeyboardInput() {
   };
 }
 
+// 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 "@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 as jsx2 } from "react/jsx-runtime";
+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__ */ jsx2(Heading, { as: "h1", ...props }),
   h2: (props) => /* @__PURE__ */ jsx2(Heading, { as: "h2", ...props }),
@@ -138,20 +322,33 @@ function getErrorMessage(error) {
 async function renderMdx({
   components,
   page,
-  siteComponents
+  siteComponents,
+  importedComponents
 }) {
-  let mdx = await compileMDX({
+  let selectedComponents = {
+    ...defaultMdxComponents,
+    ...siteComponents ?? {},
+    ...components ?? {},
+    ...importedComponents ?? {}
+  }, mdx = await compileMDX({
     source: page.body,
-    components: {
-      ...defaultMdxComponents,
-      ...siteComponents ?? {},
-      ...components ?? {}
-    },
+    components: selectedComponents,
     options: {
       parseFrontmatter: !1,
       mdxOptions: {
         rehypePlugins: [rehypeHeadingIds],
-        remarkPlugins: [remarkGfm, remarkCodeTitle, remarkKeyboardInput]
+        remarkPlugins: [
+          remarkGfm,
+          remarkCodeTitle,
+          remarkKeyboardInput,
+          remarkCodeElements,
+          remarkMediaElements,
+          remarkMapSourceAssets,
+          remarkComponentReferences({
+            components: selectedComponents,
+            pagePath: page.path
+          })
+        ]
       }
     }
   }).then(({ content: compiledContent }) => ({
@@ -166,7 +363,7 @@ async function renderMdx({
     {
       errorMessage: mdx.errorMessage,
       pageId: page.fileID,
-      slug: page.slug,
+      slug: page.frontmatter.slug,
       children: /* @__PURE__ */ jsx2("div", { className: "markdown-prose", children: mdx.compiledContent })
     }
   );

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

@@ -5,7 +5,7 @@ import {
 } 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/mdx/types.d.ts

@@ -1,5 +1,5 @@
 import { MDXComponents as MDXComponents$1 } from 'mdx/types.js';
-import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 
 type MDXComponents = MDXComponents$1;
 type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";

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

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import NextImage, { getImageProps as getImageProps$1 } from 'next/dist/shared/lib/image-external';
+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.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.d.ts

@@ -1,16 +1,16 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import * as react from 'react';
 import { ComponentPropsWithoutRef } from 'react';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
 
 type AccordionProps = ComponentPropsWithoutRef<typeof Accordion$1.Root>;
 type AccordionItemProps = ComponentPropsWithoutRef<typeof Accordion$1.Item>;
 type AccordionHeaderProps = ComponentPropsWithoutRef<typeof Accordion$1.Header>;
 type AccordionTriggerProps = ComponentPropsWithoutRef<typeof Accordion$1.Trigger>;
 type AccordionPanelProps = ComponentPropsWithoutRef<typeof Accordion$1.Panel>;
-declare function Accordion(props: AccordionProps): react_jsx_runtime.JSX.Element;
-declare function AccordionItem({ className, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
-declare function AccordionHeader({ className, ...props }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
-declare function AccordionTrigger({ className, ...props }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
-declare function AccordionPanel({ className, ...props }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
+declare function Accordion(props: AccordionProps): react.JSX.Element;
+declare function AccordionItem({ className, ...props }: AccordionItemProps): react.JSX.Element;
+declare function AccordionHeader({ className, ...props }: AccordionHeaderProps): react.JSX.Element;
+declare function AccordionTrigger({ className, ...props }: AccordionTriggerProps): react.JSX.Element;
+declare function AccordionPanel({ className, ...props }: AccordionPanelProps): react.JSX.Element;
 
 export { Accordion, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

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,14 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { BreadcrumbTrailProps } from './breadcrumb.js';
 import 'class-variance-authority/types';
-import '../../../button-CtzUJB8u.js';
+import './button.js';
 import 'class-variance-authority';
 import 'next/link';
-import 'react';
 
 type CollapsibleBreadcrumbTrailProps = BreadcrumbTrailProps & {
     menuLabel?: string;
 };
-declare function CollapsibleBreadcrumbTrail({ className, items, menuLabel, size, variant, }: CollapsibleBreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
+declare function CollapsibleBreadcrumbTrail({ className, items, menuLabel, size, variant, }: CollapsibleBreadcrumbTrailProps): react.JSX.Element;
 
 export { CollapsibleBreadcrumbTrail, type CollapsibleBreadcrumbTrailProps };

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,12 +1,12 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { B as ButtonVariantProps } from '../../../button-CtzUJB8u.js';
+import { ButtonVariantProps } from './button.js';
 import { VariantProps } from 'class-variance-authority';
 import NextLink from 'next/link';
-import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
 
 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;
@@ -23,18 +23,18 @@ type BreadcrumbSizeProps = Pick<BreadcrumbVariantProps, "size">;
 type BreadcrumbStyleProps = {
     variant?: BreadcrumbStyleVariant;
 };
-declare function Breadcrumb({ className, ...props }: ComponentPropsWithoutRef<"nav">): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbList({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"ol">): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbItem({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"li">): react_jsx_runtime.JSX.Element;
+declare function Breadcrumb({ className, ...props }: ComponentPropsWithoutRef<"nav">): react.JSX.Element;
+declare function BreadcrumbList({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"ol">): react.JSX.Element;
+declare function BreadcrumbItem({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"li">): react.JSX.Element;
 type BreadcrumbLinkProps = {
     active?: boolean;
     children?: ReactNode;
     href: string;
 } & BreadcrumbSizeProps & BreadcrumbStyleProps & Omit<ComponentPropsWithoutRef<typeof NextLink>, "href">;
-declare function BreadcrumbLink({ active, children, className, href, size, variant, ...props }: BreadcrumbLinkProps): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbPage({ className, size, variant, ...props }: BreadcrumbSizeProps & BreadcrumbStyleProps & ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbSeparator({ children, className, size, ...props }: BreadcrumbSizeProps & HTMLAttributes<HTMLLIElement>): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbEllipsis({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ active, children, className, href, size, variant, ...props }: BreadcrumbLinkProps): react.JSX.Element;
+declare function BreadcrumbPage({ className, size, variant, ...props }: BreadcrumbSizeProps & BreadcrumbStyleProps & ComponentPropsWithoutRef<"span">): react.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, size, ...props }: BreadcrumbSizeProps & HTMLAttributes<HTMLLIElement>): react.JSX.Element;
+declare function BreadcrumbEllipsis({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"span">): react.JSX.Element;
 type BreadcrumbTrailItem = {
     current?: boolean;
     href: string;
@@ -46,11 +46,11 @@ type BreadcrumbTrailProps = {
 } & BreadcrumbSizeProps & BreadcrumbStyleProps;
 declare function BreadcrumbTrailEntry({ item, size, variant, }: {
     item: BreadcrumbTrailItem;
-} & BreadcrumbSizeProps & BreadcrumbStyleProps): react_jsx_runtime.JSX.Element;
+} & BreadcrumbSizeProps & BreadcrumbStyleProps): react.JSX.Element;
 declare function BreadcrumbTrailMenu({ hidden, menuLabel, size, }: {
     hidden: BreadcrumbTrailItem[];
     menuLabel: string;
-} & BreadcrumbSizeProps & BreadcrumbStyleProps): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbTrail({ className, items, size, variant, }: BreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
+} & BreadcrumbSizeProps & BreadcrumbStyleProps): react.JSX.Element;
+declare function BreadcrumbTrail({ className, items, size, variant, }: BreadcrumbTrailProps): react.JSX.Element;
 
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbStyleVariant, BreadcrumbTrail, BreadcrumbTrailEntry, type BreadcrumbTrailItem, BreadcrumbTrailMenu, type BreadcrumbTrailProps, type BreadcrumbVariantProps, breadcrumbVariants };

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

@@ -1,8 +1,8 @@
 // src/components/ui/breadcrumb.tsx
-import { buttonVariants } from "@publish.os/nextjs/kernel/components/ui/button";
+import { buttonVariants } from "@components/ui/button";
 import {
   linkVariants
-} from "@publish.os/nextjs/kernel/components/ui/link";
+} from "@components/ui/link";
 import {
   Menu,
   MenuLinkItem,
@@ -10,14 +10,14 @@ import {
   MenuPortal,
   MenuPositioner,
   MenuTrigger
-} from "@publish.os/nextjs/kernel/components/ui/menu";
+} from "@components/ui/menu";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
 import NextLink from "next/link";
 import {
   Fragment
 } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "@publish.os/nextjs/jsx-runtime";
 var breadcrumbVariants = cva(
   "flex min-w-0 flex-wrap items-center text-foreground-3",
   {

package/dist/kernel/components/ui/button-group.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { B as ButtonVariantProps } from '../../../button-CtzUJB8u.js';
+import { ButtonVariantProps } from './button.js';
 import { Separator } from '@base-ui/react/separator';
-import { ComponentPropsWithoutRef } from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 type SeparatorProps = ComponentPropsWithoutRef<typeof Separator>;
@@ -11,10 +11,10 @@ declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & VariantProps<typeof buttonGroupVariants>;
-declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): react.JSX.Element;
 type ButtonGroupTextProps = Omit<ComponentPropsWithoutRef<"div">, "color"> & Pick<ButtonVariantProps, "size" | "variant">;
-declare function ButtonGroupText({ className, size, variant, ...props }: ButtonGroupTextProps): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupText({ className, size, variant, ...props }: ButtonGroupTextProps): react.JSX.Element;
 type ButtonGroupSeparatorProps = SeparatorProps;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): react.JSX.Element;
 
 export { ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants };

package/dist/kernel/components/ui/button-group.js

@@ -1,9 +1,9 @@
 // src/components/ui/button-group.tsx
-import { buttonVariants } from "@publish.os/nextjs/kernel/components/ui/button";
-import { Separator } from "@publish.os/nextjs/kernel/components/ui/separator";
+import { buttonVariants } from "@components/ui/button";
+import { Separator } from "@components/ui/separator";
 import { cn } from "@publish.os/nextjs/utils/cn";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@publish.os/nextjs/jsx-runtime";
 var buttonGroupVariants = cva(
   [
     "inline-flex w-fit items-stretch",