@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.4

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

@@ -0,0 +1,108 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/mdx/components/heading-copy-link.tsx
+var heading_copy_link_exports = {};
+__export(heading_copy_link_exports, {
+  HeadingCopyLink: () => HeadingCopyLink,
+  headingCopyUrl: () => headingCopyUrl
+});
+module.exports = __toCommonJS(heading_copy_link_exports);
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/mdx/components/heading-copy-link.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function headingCopyUrl({ href, id }) {
+  const url = new URL(href);
+  url.hash = id;
+  return url.toString();
+}
+function HeadingCopyLink({
+  className,
+  id,
+  children,
+  iconOnly = false
+}) {
+  const handleClick = (e) => {
+    if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+      return;
+    }
+    const url = headingCopyUrl({ href: window.location.href, id });
+    navigator.clipboard?.writeText(url).catch(() => {
+    });
+    window.setTimeout(() => {
+      document.getElementById(id)?.scrollIntoView({ block: "start" });
+    }, 0);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "a",
+    {
+      "aria-label": iconOnly ? `Copy link to ${id}` : void 0,
+      href: `#${id}`,
+      onClick: handleClick,
+      className: cn(
+        "not-markdown-prose group/heading-link rounded-button border-0 p-0 text-inherit no-underline decoration-transparent transition-colors duration-150 [--link-underline-offset:-0.08em] [--link-underline-thickness:1px] hover:text-inherit hover:no-underline active:text-inherit active:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
+        iconOnly ? "inline-flex items-center align-[-0.05em]" : "inline",
+        className
+      ),
+      children: [
+        children ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative inline no-underline after:pointer-events-none after:absolute after:bottom-[var(--link-underline-offset)] after:left-0 after:h-[var(--link-underline-thickness)] after:w-full after:rounded-inline-code after:bg-transparent after:transition-colors after:duration-100 after:ease-out after:content-[''] group-hover/heading-link:after:bg-[color-mix(in_oklch,currentColor_38%,transparent)] group-focus-visible/heading-link:after:bg-[color-mix(in_oklch,currentColor_38%,transparent)]", children }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "inline-flex h-[1em] items-center align-[-0.06em] text-foreground-3 transition-[color,opacity] duration-150 group-hover/heading-link:text-foreground-2 group-focus-visible/heading-link:text-foreground-2",
+              iconOnly ? "opacity-100" : "ml-1.5 opacity-0 group-hover/heading-link:opacity-100 group-focus-visible/heading-link:opacity-100"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Link, { "aria-hidden": "true", className: "block size-[0.8em] shrink-0" })
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeadingCopyLink,
+  headingCopyUrl
+});

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function headingCopyUrl({ href, id }: {
+    href: string;
+    id: string;
+}): string;
+/**
+ * Tiny client island that wraps a heading and provides click-to-copy.
+ *
+ * - Clicking the heading copies the URL with hash to clipboard.
+ * - A link icon appears on hover / focus-visible.
+ * - No toast — silent copy.
+ * - Lets native anchor navigation happen on middle-click or modifier keys.
+ */
+declare function HeadingCopyLink({ className, id, children, iconOnly, }: {
+    className?: string;
+    id: string;
+    children?: ReactNode;
+    iconOnly?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { HeadingCopyLink, headingCopyUrl };

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

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function headingCopyUrl({ href, id }: {
+    href: string;
+    id: string;
+}): string;
+/**
+ * Tiny client island that wraps a heading and provides click-to-copy.
+ *
+ * - Clicking the heading copies the URL with hash to clipboard.
+ * - A link icon appears on hover / focus-visible.
+ * - No toast — silent copy.
+ * - Lets native anchor navigation happen on middle-click or modifier keys.
+ */
+declare function HeadingCopyLink({ className, id, children, iconOnly, }: {
+    className?: string;
+    id: string;
+    children?: ReactNode;
+    iconOnly?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { HeadingCopyLink, headingCopyUrl };

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

@@ -0,0 +1,81 @@
+"use client";
+
+// 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/mdx/components/heading-copy-link.tsx
+import { Link as LinkIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function headingCopyUrl({ href, id }) {
+  const url = new URL(href);
+  url.hash = id;
+  return url.toString();
+}
+function HeadingCopyLink({
+  className,
+  id,
+  children,
+  iconOnly = false
+}) {
+  const handleClick = (e) => {
+    if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+      return;
+    }
+    const url = headingCopyUrl({ href: window.location.href, id });
+    navigator.clipboard?.writeText(url).catch(() => {
+    });
+    window.setTimeout(() => {
+      document.getElementById(id)?.scrollIntoView({ block: "start" });
+    }, 0);
+  };
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      "aria-label": iconOnly ? `Copy link to ${id}` : void 0,
+      href: `#${id}`,
+      onClick: handleClick,
+      className: cn(
+        "not-markdown-prose group/heading-link rounded-button border-0 p-0 text-inherit no-underline decoration-transparent transition-colors duration-150 [--link-underline-offset:-0.08em] [--link-underline-thickness:1px] hover:text-inherit hover:no-underline active:text-inherit active:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
+        iconOnly ? "inline-flex items-center align-[-0.05em]" : "inline",
+        className
+      ),
+      children: [
+        children ? /* @__PURE__ */ jsx("span", { className: "relative inline no-underline after:pointer-events-none after:absolute after:bottom-[var(--link-underline-offset)] after:left-0 after:h-[var(--link-underline-thickness)] after:w-full after:rounded-inline-code after:bg-transparent after:transition-colors after:duration-100 after:ease-out after:content-[''] group-hover/heading-link:after:bg-[color-mix(in_oklch,currentColor_38%,transparent)] group-focus-visible/heading-link:after:bg-[color-mix(in_oklch,currentColor_38%,transparent)]", children }) : null,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "inline-flex h-[1em] items-center align-[-0.06em] text-foreground-3 transition-[color,opacity] duration-150 group-hover/heading-link:text-foreground-2 group-focus-visible/heading-link:text-foreground-2",
+              iconOnly ? "opacity-100" : "ml-1.5 opacity-0 group-hover/heading-link:opacity-100 group-focus-visible/heading-link:opacity-100"
+            ),
+            children: /* @__PURE__ */ jsx(LinkIcon, { "aria-hidden": "true", className: "block size-[0.8em] shrink-0" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  HeadingCopyLink,
+  headingCopyUrl
+};

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

@@ -0,0 +1,166 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/mdx/components/heading.tsx
+var heading_exports = {};
+__export(heading_exports, {
+  Heading: () => Heading
+});
+module.exports = __toCommonJS(heading_exports);
+var import_heading_copy_link = require("./heading-copy-link.js");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/utils/heading-ids.ts
+var import_react = require("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 ((0, import_react.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";
+  }
+}
+
+// src/kernel/components/mdx/components/heading.tsx
+var import_react2 = require("react");
+var import_jsx_runtime = (
+  // @ts-expect-error — polymorphic `as` prop with spread is safe at runtime
+  require("react/jsx-runtime")
+);
+function isBrElement(node) {
+  return (0, import_react2.isValidElement)(node) && node.type === "br";
+}
+function cleanHeadingChildren(children) {
+  const childArray = import_react2.Children.toArray(children).filter(
+    (child) => !isBrElement(child)
+  );
+  while (childArray.length > 0 && typeof childArray[0] === "string" && childArray[0].trim() === "") {
+    childArray.shift();
+  }
+  while (childArray.length > 0 && typeof childArray[childArray.length - 1] === "string" && childArray[childArray.length - 1].trim() === "") {
+    childArray.pop();
+  }
+  if (childArray.length === 0) return null;
+  if (childArray.length === 1) return childArray[0];
+  return childArray;
+}
+function hasNestedLink(children) {
+  for (const child of import_react2.Children.toArray(children)) {
+    if (!(0, import_react2.isValidElement)(child)) continue;
+    if (typeof child.props === "object" && child.props !== null && "href" in child.props) {
+      return true;
+    }
+    if (typeof child.props === "object" && child.props !== null && "children" in child.props && hasNestedLink(child.props.children)) {
+      return true;
+    }
+  }
+  return false;
+}
+function Heading({
+  as: Tag,
+  children,
+  className,
+  id,
+  ...props
+}) {
+  const cleaned = cleanHeadingChildren(children);
+  const headingId = id ?? headingToHTMLId(cleaned);
+  const isEmpty = !headingId || headingId === "empty-heading";
+  const classes = cn("scroll-mt-20", className);
+  if (isEmpty) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { className, ...props, children: cleaned });
+  }
+  if (hasNestedLink(cleaned)) {
+    return (
+      // @ts-expect-error — polymorphic `as` prop with spread is safe at runtime
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tag, { id: headingId, className: cn("group/heading", classes), ...props, children: [
+        cleaned,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_heading_copy_link.HeadingCopyLink,
+          {
+            id: headingId,
+            iconOnly: true,
+            className: "ml-1.5 opacity-0 group-hover/heading:opacity-100 focus-visible:opacity-100 hover:opacity-100"
+          }
+        )
+      ] })
+    );
+  }
+  return (
+    // @ts-expect-error — polymorphic `as` prop with spread is safe at runtime
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { id: headingId, className: classes, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading_copy_link.HeadingCopyLink, { id: headingId, children: cleaned }) })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Heading
+});

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeadingElement, HeadingProps } from '../types.cjs';
+import 'mdx/types.js';
+import 'react';
+
+declare function Heading<T extends HeadingElement>({ as: Tag, children, className, id, ...props }: HeadingProps<T>): react_jsx_runtime.JSX.Element;
+
+export { Heading };

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeadingElement, HeadingProps } from '../types.js';
+import 'mdx/types.js';
+import 'react';
+
+declare function Heading<T extends HeadingElement>({ as: Tag, children, className, id, ...props }: HeadingProps<T>): react_jsx_runtime.JSX.Element;
+
+export { Heading };

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

@@ -0,0 +1,144 @@
+// src/kernel/components/mdx/components/heading.tsx
+import { HeadingCopyLink } from "./heading-copy-link.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/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";
+  }
+}
+
+// src/kernel/components/mdx/components/heading.tsx
+import {
+  Children,
+  isValidElement as isValidElement2
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function isBrElement(node) {
+  return isValidElement2(node) && node.type === "br";
+}
+function cleanHeadingChildren(children) {
+  const childArray = Children.toArray(children).filter(
+    (child) => !isBrElement(child)
+  );
+  while (childArray.length > 0 && typeof childArray[0] === "string" && childArray[0].trim() === "") {
+    childArray.shift();
+  }
+  while (childArray.length > 0 && typeof childArray[childArray.length - 1] === "string" && childArray[childArray.length - 1].trim() === "") {
+    childArray.pop();
+  }
+  if (childArray.length === 0) return null;
+  if (childArray.length === 1) return childArray[0];
+  return childArray;
+}
+function hasNestedLink(children) {
+  for (const child of Children.toArray(children)) {
+    if (!isValidElement2(child)) continue;
+    if (typeof child.props === "object" && child.props !== null && "href" in child.props) {
+      return true;
+    }
+    if (typeof child.props === "object" && child.props !== null && "children" in child.props && hasNestedLink(child.props.children)) {
+      return true;
+    }
+  }
+  return false;
+}
+function Heading({
+  as: Tag,
+  children,
+  className,
+  id,
+  ...props
+}) {
+  const cleaned = cleanHeadingChildren(children);
+  const headingId = id ?? headingToHTMLId(cleaned);
+  const isEmpty = !headingId || headingId === "empty-heading";
+  const classes = cn("scroll-mt-20", className);
+  if (isEmpty) {
+    return (
+      // @ts-expect-error — polymorphic `as` prop with spread is safe at runtime
+      /* @__PURE__ */ jsx(Tag, { className, ...props, children: cleaned })
+    );
+  }
+  if (hasNestedLink(cleaned)) {
+    return (
+      // @ts-expect-error — polymorphic `as` prop with spread is safe at runtime
+      /* @__PURE__ */ jsxs(Tag, { id: headingId, className: cn("group/heading", classes), ...props, children: [
+        cleaned,
+        /* @__PURE__ */ jsx(
+          HeadingCopyLink,
+          {
+            id: headingId,
+            iconOnly: true,
+            className: "ml-1.5 opacity-0 group-hover/heading:opacity-100 focus-visible:opacity-100 hover:opacity-100"
+          }
+        )
+      ] })
+    );
+  }
+  return (
+    // @ts-expect-error — polymorphic `as` prop with spread is safe at runtime
+    /* @__PURE__ */ jsx(Tag, { id: headingId, className: classes, ...props, children: /* @__PURE__ */ jsx(HeadingCopyLink, { id: headingId, children: cleaned }) })
+  );
+}
+export {
+  Heading
+};

package/dist/kernel/components/mdx/components/hr.cjs

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/mdx/components/hr.tsx
+var hr_exports = {};
+__export(hr_exports, {
+  Hr: () => Hr
+});
+module.exports = __toCommonJS(hr_exports);
+var import_separator = require("../../ui/separator.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Hr({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_separator.Separator, { className, ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Hr
+});

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

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

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

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

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

@@ -0,0 +1,9 @@
+// src/kernel/components/mdx/components/hr.tsx
+import { Separator } from "../../ui/separator.js";
+import { jsx } from "react/jsx-runtime";
+function Hr({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Separator, { className, ...props });
+}
+export {
+  Hr
+};