@publish.os/nextjs 0.0.1-alpha.5 → 0.0.1-alpha.7

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

@@ -1,19 +1,19 @@
-// src/kernel/components/mdx/mdx.tsx
-import { Blockquote } from "./components/blockquote.js";
-import { Callout } from "./components/callout.js";
-import { CodeBlock } from "./components/code-block.js";
-import { Figure } from "./components/figure.js";
-import { FigureCaption } from "./components/figure-caption.js";
-import { Footnotes } from "./components/footnotes.js";
-import { Heading } from "./components/heading.js";
-import { Hr } from "./components/hr.js";
-import { Image } from "./components/image.js";
-import { InlineCode } from "./components/inline-code.js";
-import { Kbd } from "./components/kbd.js";
-import { Link } from "./components/link.js";
-import { Paragraph } from "./components/paragraph.js";
-import { Pre } from "./components/pre.js";
-import { Strikethrough } from "./components/strikethrough.js";
+// 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 {
   Table,
   TableBodyGroup,
@@ -21,17 +21,17 @@ import {
   TableHeaderCell,
   TableHeadGroup,
   TableRowGroup
-} from "./components/table.js";
-import { TaskList, TaskListInput } from "./components/task-list.js";
-import { Video } from "./components/video.js";
-import { MDXErrorBoundary } from "./error-boundary.js";
-import { rehypeHeadingIds } from "./rehype-heading-ids.js";
+} 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";
 import { compileMDX } from "next-mdx-remote/rsc";
 import remarkGfm from "remark-gfm";
-import { Figure as Figure2 } from "./components/figure.js";
-import { Image as Image2 } from "./components/image.js";
-import { Link as Link2 } from "./components/link.js";
-import { Video as Video2 } from "./components/video.js";
+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";
 var defaultMdxComponents = {
   h1: (props) => /* @__PURE__ */ jsx(Heading, { as: "h1", ...props }),
@@ -72,11 +72,11 @@ function getErrorMessage(error) {
   return error instanceof Error ? error.message : "An error occurred while rendering the content";
 }
 async function MDX({ components, content, pageId, slug }) {
-  const mdx = await compileMDX({
+  let mdx = await compileMDX({
     source: content,
     components: { ...defaultMdxComponents, ...components ?? {} },
     options: {
-      parseFrontmatter: false,
+      parseFrontmatter: !1,
       mdxOptions: {
         rehypePlugins: [rehypeHeadingIds],
         remarkPlugins: [remarkGfm]
@@ -95,11 +95,11 @@ async function MDX({ components, content, pageId, slug }) {
       errorMessage: mdx.errorMessage,
       pageId,
       slug,
-      children: /* @__PURE__ */ jsx("div", { className: "markdown-prose", "data-publishos-mdx-root": true, children: mdx.compiledContent })
+      children: /* @__PURE__ */ jsx("div", { className: "markdown-prose", "data-publishos-mdx-root": !0, children: mdx.compiledContent })
     }
   );
 }
-Object.defineProperty(MDX, "__publishOsMdx", { value: true });
+Object.defineProperty(MDX, "__publishOsMdx", { value: !0 });
 export {
   Figure2 as Figure,
   Image2 as Image,

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

@@ -1,83 +1,27 @@
-// src/utils/heading-ids.ts
-import { isValidElement } from "react";
-var SELF_CLOSING_TAG_RE = new RegExp("<[^>]+/>", "g");
-var PAIRED_TAG_RE = /<\/?\w[^>]*>/g;
-var MDX_BOLD_RE = /\*\*(.*?)\*\*/g;
-var MDX_ITALIC_RE = /\*(.*?)\*/g;
-var MDX_UNDERLINE_BOLD_RE = /__(.*?)__/g;
-var MDX_UNDERLINE_ITALIC_RE = /_(.*?)_/g;
-var MDX_STRIKETHROUGH_RE = /~~(.*?)~~/g;
-var MDX_INLINE_CODE_RE = /`(.*?)`/g;
-var MDX_LINK_RE = /\[(.*?)\]\(.*?\)/g;
-var NON_ALPHANUMERIC_RE = /[^a-z0-9]+/g;
-var LEADING_TRAILING_HYPHEN_RE = /^-+|-+$/g;
-var LEADING_DIGIT_RE = /^(\d)/;
-function extractText(node) {
-  if (typeof node === "string") return node;
-  if (typeof node === "number") return String(node);
-  if (node == null || typeof node === "boolean") return "";
-  if (Array.isArray(node)) {
-    return node.map(extractText).join("");
-  }
-  if (isValidElement(node)) {
-    const element = node;
-    return element.props.children === void 0 ? "" : extractText(element.props.children);
-  }
-  return "";
-}
-function cleanHeadingText(input) {
-  const text = typeof input === "string" ? input : extractText(input);
-  return text.replace(SELF_CLOSING_TAG_RE, "").replace(PAIRED_TAG_RE, "").replace(MDX_BOLD_RE, "$1").replace(MDX_ITALIC_RE, "$1").replace(MDX_UNDERLINE_BOLD_RE, "$1").replace(MDX_UNDERLINE_ITALIC_RE, "$1").replace(MDX_STRIKETHROUGH_RE, "$1").replace(MDX_INLINE_CODE_RE, "$1").replace(MDX_LINK_RE, "$1").trim();
-}
-function slugify(text) {
-  return text.toLowerCase().replace(NON_ALPHANUMERIC_RE, "-").replace(LEADING_TRAILING_HYPHEN_RE, "").replace(LEADING_DIGIT_RE, "id-$1");
-}
-function headingToHTMLId(input) {
-  try {
-    const id = slugify(cleanHeadingText(input));
-    return id || "empty-heading";
-  } catch {
-    return "empty-heading";
-  }
-}
-function createHeadingIdGenerator() {
-  const usedIds = /* @__PURE__ */ new Map();
-  return (input) => {
-    const baseId = headingToHTMLId(input);
-    if (baseId === "empty-heading") return baseId;
-    const count = usedIds.get(baseId) ?? 0;
-    usedIds.set(baseId, count + 1);
-    return count === 0 ? baseId : `${baseId}-${count}`;
-  };
-}
-
-// src/kernel/components/mdx/rehype-heading-ids.ts
+// src/components/mdx/rehype-heading-ids.ts
+import {
+  cleanHeadingText,
+  createHeadingIdGenerator
+} from "@publish.os/nextjs/utils/heading-ids";
 var HEADING_TAG_RE = /^h[1-6]$/;
 function textFromNode(node) {
-  if (node.type === "text" || node.type === "inlineCode") {
-    return typeof node.value === "string" ? node.value : "";
-  }
-  if (!node.children) return "";
-  return node.children.map(textFromNode).join("");
+  return node.type === "text" || node.type === "inlineCode" ? typeof node.value == "string" ? node.value : "" : node.children ? node.children.map(textFromNode).join("") : "";
 }
 function visit(node, callback) {
   callback(node);
-  for (const child of node.children ?? []) {
+  for (let child of node.children ?? [])
     visit(child, callback);
-  }
 }
 function rehypeHeadingIds() {
   return (tree) => {
-    const headingId = createHeadingIdGenerator();
+    let headingId = createHeadingIdGenerator();
     visit(tree, (node) => {
       if (!node.tagName || !HEADING_TAG_RE.test(node.tagName)) return;
-      const text = cleanHeadingText(textFromNode(node));
-      const id = headingId(text);
-      if (!text || id === "empty-heading") return;
-      node.properties = {
+      let text = cleanHeadingText(textFromNode(node)), id = headingId(text);
+      !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/ui/accordion.js

@@ -1,31 +1,8 @@
 "use client";
 
-// src/kernel/components/ui/accordion.tsx
+// src/components/ui/accordion.tsx
 import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
-
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/ui/accordion.tsx
+import { cn } from "@publish.os/nextjs/utils/cn";
 import { jsx } from "react/jsx-runtime";
 function Accordion(props) {
   return /* @__PURE__ */ jsx(BaseAccordion.Root, { ...props });
@@ -51,7 +28,7 @@ function AccordionTrigger({
     {
       className: cn(
         "flex w-full items-center justify-between gap-4 py-3 text-left text-sm font-medium text-foreground-1 transition-colors hover:bg-surface-hover",
-        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-stroke",
         className
       ),
       ...props

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

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

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

@@ -1,6 +1,6 @@
 "use client";
 
-// src/kernel/components/ui/breadcrumb-trail.tsx
+// src/components/ui/breadcrumb-trail.tsx
 import {
   Breadcrumb,
   BreadcrumbEllipsis,
@@ -12,58 +12,30 @@ import {
   BreadcrumbTrailEntry,
   BreadcrumbTrailMenu,
   breadcrumbVariants
-} from "./breadcrumb.js";
-
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/ui/breadcrumb-trail.tsx
+} from "@publish.os/nextjs/kernel/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";
 function sameIndexes(left, right) {
   return left.length === right.length && left.every((value, index) => value === right[index]);
 }
 function leafIndexFor(items) {
-  for (let index = items.length - 1; index >= 0; index -= 1) {
+  for (let index = items.length - 1; index >= 0; index -= 1)
     if (items[index]?.current) return index;
-  }
   return items.length - 1;
 }
 function hideOrderFor(items) {
-  const leafIndex = leafIndexFor(items);
+  let leafIndex = leafIndexFor(items);
   return items.map((_item, index) => index).filter((index) => index > 0 && index !== leafIndex);
 }
 function displayElementsFor({
   hiddenIndexes,
   items
 }) {
-  const elements = [];
-  let insertedMenu = false;
-  items.forEach((item, index) => {
+  let elements = [], insertedMenu = !1;
+  return items.forEach((item, index) => {
     if (hiddenIndexes.has(index)) {
-      if (!insertedMenu) {
-        elements.push({ key: "breadcrumb-menu", type: "menu" });
-        insertedMenu = true;
-      }
+      insertedMenu || (elements.push({ key: "breadcrumb-menu", type: "menu" }), insertedMenu = !0);
       return;
     }
     elements.push({
@@ -72,8 +44,7 @@ function displayElementsFor({
       key: item.href,
       type: "item"
     });
-  });
-  return elements;
+  }), elements;
 }
 function widthFor({
   gapWidth,
@@ -82,13 +53,11 @@ function widthFor({
   menuWidth,
   separatorWidth
 }) {
-  const visibleItemWidths = itemWidths.filter(
+  let visibleItemWidths = itemWidths.filter(
     (_width, index) => !hiddenIndexes.has(index)
-  );
-  const elementCount = visibleItemWidths.length + (hiddenIndexes.size > 0 ? 1 : 0);
+  ), elementCount = visibleItemWidths.length + (hiddenIndexes.size > 0 ? 1 : 0);
   if (elementCount === 0) return 0;
-  const separatorCount = elementCount - 1;
-  const flexChildCount = elementCount + separatorCount;
+  let separatorCount = elementCount - 1, flexChildCount = elementCount + separatorCount;
   return visibleItemWidths.reduce((total, width) => total + width, 0) + (hiddenIndexes.size > 0 ? menuWidth : 0) + separatorWidth * separatorCount + gapWidth * Math.max(flexChildCount - 1, 0);
 }
 function CollapsibleBreadcrumbTrail({
@@ -98,49 +67,36 @@ function CollapsibleBreadcrumbTrail({
   size,
   variant
 }) {
-  const rootRef = useRef(null);
-  const measureListRef = useRef(null);
-  const [hiddenIndexes, setHiddenIndexes] = useState(
+  let rootRef = useRef(null), measureListRef = useRef(null), [hiddenIndexes, setHiddenIndexes] = useState(
     () => hideOrderFor(items)
-  );
-  const hiddenIndexSet = useMemo(() => new Set(hiddenIndexes), [hiddenIndexes]);
-  const hiddenItems = items.filter((_item, index) => hiddenIndexSet.has(index));
-  const elements = displayElementsFor({ hiddenIndexes: hiddenIndexSet, items });
-  useLayoutEffect(() => {
-    const root = rootRef.current;
-    const measureList = measureListRef.current;
+  ), hiddenIndexSet = useMemo(() => new Set(hiddenIndexes), [hiddenIndexes]), hiddenItems = items.filter((_item, index) => hiddenIndexSet.has(index)), elements = displayElementsFor({ hiddenIndexes: hiddenIndexSet, items });
+  return useLayoutEffect(() => {
+    let root = rootRef.current, measureList = measureListRef.current;
     if (!root || !measureList) return;
-    let animationFrame = 0;
-    const measure = () => {
-      cancelAnimationFrame(animationFrame);
-      animationFrame = requestAnimationFrame(() => {
-        const availableWidth = root.clientWidth;
+    let animationFrame = 0, measure = () => {
+      cancelAnimationFrame(animationFrame), animationFrame = requestAnimationFrame(() => {
+        let availableWidth = root.clientWidth;
         if (availableWidth <= 0) return;
-        const itemWidths = Array.from(
+        let itemWidths = Array.from(
           measureList.querySelectorAll(
             "[data-breadcrumb-measure-item]"
           )
-        ).map((node) => node.offsetWidth);
-        const separatorWidth = measureList.querySelector(
+        ).map((node) => node.offsetWidth), separatorWidth = measureList.querySelector(
           "[data-breadcrumb-measure-separator]"
-        )?.offsetWidth ?? 0;
-        const menuWidth = measureList.querySelector(
+        )?.offsetWidth ?? 0, menuWidth = measureList.querySelector(
           "[data-breadcrumb-measure-menu]"
-        )?.offsetWidth ?? 0;
-        const gapWidth = Number.parseFloat(getComputedStyle(measureList).columnGap) || 0;
-        const nextHiddenIndexes = /* @__PURE__ */ new Set();
-        for (const index of hideOrderFor(items)) {
-          const measuredWidth = widthFor({
+        )?.offsetWidth ?? 0, gapWidth = Number.parseFloat(getComputedStyle(measureList).columnGap) || 0, nextHiddenIndexes = /* @__PURE__ */ new Set();
+        for (let index of hideOrderFor(items)) {
+          if (widthFor({
             gapWidth,
             hiddenIndexes: nextHiddenIndexes,
             itemWidths,
             menuWidth,
             separatorWidth
-          });
-          if (measuredWidth <= availableWidth + 1) break;
+          }) <= availableWidth + 1) break;
           nextHiddenIndexes.add(index);
         }
-        const next = Array.from(nextHiddenIndexes).sort(
+        let next = Array.from(nextHiddenIndexes).sort(
           (left, right) => left - right
         );
         setHiddenIndexes(
@@ -149,15 +105,11 @@ function CollapsibleBreadcrumbTrail({
       });
     };
     measure();
-    const resizeObserver = new ResizeObserver(measure);
-    resizeObserver.observe(root);
-    resizeObserver.observe(measureList);
-    return () => {
-      cancelAnimationFrame(animationFrame);
-      resizeObserver.disconnect();
+    let resizeObserver = new ResizeObserver(measure);
+    return resizeObserver.observe(root), resizeObserver.observe(measureList), () => {
+      cancelAnimationFrame(animationFrame), resizeObserver.disconnect();
     };
-  }, [items]);
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative min-w-0", className), ref: rootRef, children: [
+  }, [items]), /* @__PURE__ */ jsxs("div", { className: cn("relative min-w-0", className), ref: rootRef, children: [
     /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { className: "flex-nowrap overflow-hidden", size, children: elements.map((element, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
       index > 0 ? /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: "shrink-0", size }) : null,
       element.type === "menu" ? /* @__PURE__ */ jsx(
@@ -182,6 +134,7 @@ function CollapsibleBreadcrumbTrail({
       {
         "aria-hidden": "true",
         className: "pointer-events-none absolute left-0 top-0 h-0 overflow-hidden",
+        inert: !0,
         style: { visibility: "hidden" },
         children: /* @__PURE__ */ jsxs(
           "ol",

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

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { LinkStyleVariant, LinkButtonVariant } from './link.js';
 import { VariantProps } from 'class-variance-authority';
 import NextLink from 'next/link';
-import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import { ComponentPropsWithoutRef, ReactNode, HTMLAttributes } from 'react';
 import './button.js';
 
 declare const breadcrumbVariants: (props?: ({
@@ -34,11 +34,7 @@ type BreadcrumbTrailItem = {
 };
 type BreadcrumbTrailProps = {
     className?: string;
-    collapseAfter?: number;
-    collapseBefore?: number;
-    collapsed?: boolean;
     items: BreadcrumbTrailItem[];
-    menuLabel?: string;
 } & BreadcrumbSizeProps & BreadcrumbStyleProps;
 declare function BreadcrumbTrailEntry({ item, size, variant, }: {
     item: BreadcrumbTrailItem;
@@ -47,6 +43,6 @@ declare function BreadcrumbTrailMenu({ hidden, menuLabel, size, }: {
     hidden: BreadcrumbTrailItem[];
     menuLabel: string;
 } & BreadcrumbSizeProps & BreadcrumbStyleProps): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbTrail({ className, collapsed, items, menuLabel, size, variant, }: BreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbTrail({ className, items, size, variant, }: BreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
 
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbStyleVariant, BreadcrumbTrail, BreadcrumbTrailEntry, type BreadcrumbTrailItem, BreadcrumbTrailMenu, type BreadcrumbTrailProps, type BreadcrumbVariantProps, breadcrumbVariants };