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

package/dist/kernel/components/mdx/components/image-zoom.cjs

@@ -0,0 +1,49 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/mdx/components/image-zoom.tsx
+var image_zoom_exports = {};
+__export(image_zoom_exports, {
+  ImageZoom: () => ImageZoom
+});
+module.exports = __toCommonJS(image_zoom_exports);
+var import_react_medium_image_zoom = __toESM(require("react-medium-image-zoom"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function ImageZoom({
+  children,
+  enabled
+}) {
+  if (!enabled) return children;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_medium_image_zoom.default, { zoomMargin: 40, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ImageZoom
+});

package/dist/kernel/components/mdx/components/image-zoom.d.cts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ImageZoom({ children, enabled, }: {
+    children: ReactNode;
+    enabled: boolean;
+}): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+
+export { ImageZoom };

package/dist/kernel/components/mdx/components/image-zoom.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ImageZoom({ children, enabled, }: {
+    children: ReactNode;
+    enabled: boolean;
+}): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+
+export { ImageZoom };

package/dist/kernel/components/mdx/components/image-zoom.js

@@ -0,0 +1,15 @@
+"use client";
+
+// src/kernel/components/mdx/components/image-zoom.tsx
+import Zoom from "react-medium-image-zoom";
+import { jsx } from "react/jsx-runtime";
+function ImageZoom({
+  children,
+  enabled
+}) {
+  if (!enabled) return children;
+  return /* @__PURE__ */ jsx(Zoom, { zoomMargin: 40, children });
+}
+export {
+  ImageZoom
+};

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

@@ -0,0 +1,192 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/mdx/components/image.tsx
+var image_exports = {};
+__export(image_exports, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(image_exports);
+var import_figure_caption = require("./figure-caption.js");
+var import_image_zoom = require("./image-zoom.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/kernel/components/mdx/components/image.tsx
+var import_image = __toESM(require("next/image"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function parseAspect(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value > 0) {
+    return value;
+  }
+  if (typeof value !== "string") return void 0;
+  const [width, height] = value.split("/").map((part) => Number(part.trim()));
+  if (!width || !height || !Number.isFinite(width) || !Number.isFinite(height)) {
+    return void 0;
+  }
+  return width / height;
+}
+function Image({
+  alt,
+  aspect,
+  caption,
+  className,
+  decorative = false,
+  fill = false,
+  frame = "default",
+  height,
+  intrinsicHeight,
+  intrinsicWidth,
+  optimized = false,
+  priority,
+  quality,
+  sizes,
+  src,
+  width,
+  zoom = true,
+  ...props
+}) {
+  if (!src) return null;
+  const resolvedWidth = width ?? intrinsicWidth;
+  const resolvedHeight = height ?? intrinsicHeight;
+  const resolvedAspect = parseAspect(aspect) ?? (resolvedWidth && resolvedHeight ? resolvedWidth / resolvedHeight : void 0);
+  const imageAlt = decorative ? "" : alt ?? "";
+  const framed = frame !== false && frame !== "none";
+  const stringSrc = String(src);
+  const useNextImage = optimized && stringSrc.startsWith("/");
+  const shouldFill = fill && resolvedAspect;
+  const frameStyle = {
+    ...resolvedAspect ? { aspectRatio: String(resolvedAspect) } : {},
+    width: fill ? "100%" : resolvedWidth ? `min(100%, ${resolvedWidth}px)` : "100%"
+  };
+  const imageClassName = cn(
+    "block h-full w-full transition-opacity duration-200",
+    fill ? "object-cover" : "object-contain",
+    zoom && "cursor-zoom-in hover:opacity-90",
+    className
+  );
+  const image = useNextImage ? shouldFill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_image.default,
+    {
+      alt: imageAlt,
+      "aria-hidden": decorative || void 0,
+      className: imageClassName,
+      fill: true,
+      priority,
+      quality,
+      sizes: sizes ?? "(max-width: 768px) 100vw, min(var(--publish-content-width, 72rem), 100vw)",
+      src: stringSrc,
+      ...props
+    }
+  ) : resolvedWidth && resolvedHeight ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_image.default,
+    {
+      alt: imageAlt,
+      "aria-hidden": decorative || void 0,
+      className: imageClassName,
+      height: resolvedHeight,
+      priority,
+      quality,
+      sizes: sizes ?? `(max-width: 768px) 100vw, min(${resolvedWidth}px, 100vw)`,
+      src: stringSrc,
+      width: resolvedWidth,
+      ...props
+    }
+  ) : (
+    // biome-ignore lint/performance/noImgElement: remote and non-manifest images may not have dimensions available at runtime.
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        alt: imageAlt,
+        "aria-hidden": decorative || void 0,
+        className: imageClassName,
+        loading: priority ? "eager" : "lazy",
+        src: stringSrc,
+        ...props
+      }
+    )
+  ) : (
+    // biome-ignore lint/performance/noImgElement: MDX media supports generated tenant assets, SVGs, and remote CDN images without requiring Next image optimizer configuration.
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        alt: imageAlt,
+        "aria-hidden": decorative || void 0,
+        className: imageClassName,
+        height: resolvedHeight,
+        loading: priority ? "eager" : "lazy",
+        src: stringSrc,
+        width: resolvedWidth,
+        ...props
+      }
+    )
+  );
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: cn(
+        "relative mx-auto max-w-full overflow-hidden",
+        framed && "rounded-media border border-stroke-2 bg-surface-2"
+      ),
+      style: frameStyle,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image_zoom.ImageZoom, { enabled: zoom, children: image })
+    }
+  );
+  if (caption) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className: "not-markdown-prose my-8", children: [
+      content,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_figure_caption.FigureCaption, { className: "mx-auto max-w-prose text-center", children: caption })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "not-markdown-prose my-6 flex justify-center", children: content });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image
+});

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

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes" | "width"> & {
+    aspect?: number | `${number}/${number}`;
+    caption?: React.ReactNode;
+    decorative?: boolean;
+    fill?: boolean;
+    frame?: boolean | "default" | "none";
+    height?: number;
+    intrinsicHeight?: number;
+    intrinsicWidth?: number;
+    optimized?: boolean;
+    priority?: boolean;
+    quality?: 50 | 60 | 75 | 85 | 95 | 100;
+    sizes?: string;
+    width?: number;
+    zoom?: boolean;
+};
+declare function Image({ alt, aspect, caption, className, decorative, fill, frame, height, intrinsicHeight, intrinsicWidth, optimized, priority, quality, sizes, src, width, zoom, ...props }: ImageProps): react_jsx_runtime.JSX.Element | null;
+
+export { Image, type ImageProps };

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

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes" | "width"> & {
+    aspect?: number | `${number}/${number}`;
+    caption?: React.ReactNode;
+    decorative?: boolean;
+    fill?: boolean;
+    frame?: boolean | "default" | "none";
+    height?: number;
+    intrinsicHeight?: number;
+    intrinsicWidth?: number;
+    optimized?: boolean;
+    priority?: boolean;
+    quality?: 50 | 60 | 75 | 85 | 95 | 100;
+    sizes?: string;
+    width?: number;
+    zoom?: boolean;
+};
+declare function Image({ alt, aspect, caption, className, decorative, fill, frame, height, intrinsicHeight, intrinsicWidth, optimized, priority, quality, sizes, src, width, zoom, ...props }: ImageProps): react_jsx_runtime.JSX.Element | null;
+
+export { Image, type ImageProps };

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

@@ -0,0 +1,157 @@
+// src/kernel/components/mdx/components/image.tsx
+import { FigureCaption } from "./figure-caption.js";
+import { ImageZoom } from "./image-zoom.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/mdx/components/image.tsx
+import NextImage from "next/image";
+import { jsx, jsxs } from "react/jsx-runtime";
+function parseAspect(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value > 0) {
+    return value;
+  }
+  if (typeof value !== "string") return void 0;
+  const [width, height] = value.split("/").map((part) => Number(part.trim()));
+  if (!width || !height || !Number.isFinite(width) || !Number.isFinite(height)) {
+    return void 0;
+  }
+  return width / height;
+}
+function Image({
+  alt,
+  aspect,
+  caption,
+  className,
+  decorative = false,
+  fill = false,
+  frame = "default",
+  height,
+  intrinsicHeight,
+  intrinsicWidth,
+  optimized = false,
+  priority,
+  quality,
+  sizes,
+  src,
+  width,
+  zoom = true,
+  ...props
+}) {
+  if (!src) return null;
+  const resolvedWidth = width ?? intrinsicWidth;
+  const resolvedHeight = height ?? intrinsicHeight;
+  const resolvedAspect = parseAspect(aspect) ?? (resolvedWidth && resolvedHeight ? resolvedWidth / resolvedHeight : void 0);
+  const imageAlt = decorative ? "" : alt ?? "";
+  const framed = frame !== false && frame !== "none";
+  const stringSrc = String(src);
+  const useNextImage = optimized && stringSrc.startsWith("/");
+  const shouldFill = fill && resolvedAspect;
+  const frameStyle = {
+    ...resolvedAspect ? { aspectRatio: String(resolvedAspect) } : {},
+    width: fill ? "100%" : resolvedWidth ? `min(100%, ${resolvedWidth}px)` : "100%"
+  };
+  const imageClassName = cn(
+    "block h-full w-full transition-opacity duration-200",
+    fill ? "object-cover" : "object-contain",
+    zoom && "cursor-zoom-in hover:opacity-90",
+    className
+  );
+  const image = useNextImage ? shouldFill ? /* @__PURE__ */ jsx(
+    NextImage,
+    {
+      alt: imageAlt,
+      "aria-hidden": decorative || void 0,
+      className: imageClassName,
+      fill: true,
+      priority,
+      quality,
+      sizes: sizes ?? "(max-width: 768px) 100vw, min(var(--publish-content-width, 72rem), 100vw)",
+      src: stringSrc,
+      ...props
+    }
+  ) : resolvedWidth && resolvedHeight ? /* @__PURE__ */ jsx(
+    NextImage,
+    {
+      alt: imageAlt,
+      "aria-hidden": decorative || void 0,
+      className: imageClassName,
+      height: resolvedHeight,
+      priority,
+      quality,
+      sizes: sizes ?? `(max-width: 768px) 100vw, min(${resolvedWidth}px, 100vw)`,
+      src: stringSrc,
+      width: resolvedWidth,
+      ...props
+    }
+  ) : (
+    // biome-ignore lint/performance/noImgElement: remote and non-manifest images may not have dimensions available at runtime.
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        alt: imageAlt,
+        "aria-hidden": decorative || void 0,
+        className: imageClassName,
+        loading: priority ? "eager" : "lazy",
+        src: stringSrc,
+        ...props
+      }
+    )
+  ) : (
+    // biome-ignore lint/performance/noImgElement: MDX media supports generated tenant assets, SVGs, and remote CDN images without requiring Next image optimizer configuration.
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        alt: imageAlt,
+        "aria-hidden": decorative || void 0,
+        className: imageClassName,
+        height: resolvedHeight,
+        loading: priority ? "eager" : "lazy",
+        src: stringSrc,
+        width: resolvedWidth,
+        ...props
+      }
+    )
+  );
+  const content = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative mx-auto max-w-full overflow-hidden",
+        framed && "rounded-media border border-stroke-2 bg-surface-2"
+      ),
+      style: frameStyle,
+      children: /* @__PURE__ */ jsx(ImageZoom, { enabled: zoom, children: image })
+    }
+  );
+  if (caption) {
+    return /* @__PURE__ */ jsxs("figure", { className: "not-markdown-prose my-8", children: [
+      content,
+      /* @__PURE__ */ jsx(FigureCaption, { className: "mx-auto max-w-prose text-center", children: caption })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "not-markdown-prose my-6 flex justify-center", children: content });
+}
+export {
+  Image
+};

package/dist/kernel/components/mdx/components/inline-code.cjs

@@ -0,0 +1,66 @@
+"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/inline-code.tsx
+var inline_code_exports = {};
+__export(inline_code_exports, {
+  InlineCode: () => InlineCode
+});
+module.exports = __toCommonJS(inline_code_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/inline-code.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function InlineCode({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "code",
+    {
+      className: cn(
+        "not-markdown-prose h-fit rounded-inline-code border border-stroke-2 bg-surface-2 px-[0.35em] py-[0.15em] font-mono text-[0.95em] font-normal leading-[1.25] text-foreground-1 [a_&]:text-accent-1 [pre_&]:border-0 [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-inherit",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InlineCode
+});

package/dist/kernel/components/mdx/components/inline-code.d.cts

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

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

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

package/dist/kernel/components/mdx/components/inline-code.js

@@ -0,0 +1,39 @@
+// 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/inline-code.tsx
+import { jsx } from "react/jsx-runtime";
+function InlineCode({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "code",
+    {
+      className: cn(
+        "not-markdown-prose h-fit rounded-inline-code border border-stroke-2 bg-surface-2 px-[0.35em] py-[0.15em] font-mono text-[0.95em] font-normal leading-[1.25] text-foreground-1 [a_&]:text-accent-1 [pre_&]:border-0 [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-inherit",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  InlineCode
+};

package/dist/kernel/components/mdx/components/kbd.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/kbd.tsx
+var kbd_exports = {};
+__export(kbd_exports, {
+  Kbd: () => Kbd
+});
+module.exports = __toCommonJS(kbd_exports);
+var import_kbd = require("../../ui/kbd.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Kbd(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_kbd.Kbd, { ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Kbd
+});

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KbdProps as KbdProps$1 } from '../../ui/kbd.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react';
+
+type KbdProps = KbdProps$1;
+declare function Kbd(props: KbdProps): react_jsx_runtime.JSX.Element;
+
+export { Kbd, type KbdProps };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KbdProps as KbdProps$1 } from '../../ui/kbd.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react';
+
+type KbdProps = KbdProps$1;
+declare function Kbd(props: KbdProps): react_jsx_runtime.JSX.Element;
+
+export { Kbd, type KbdProps };

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

@@ -0,0 +1,9 @@
+// src/kernel/components/mdx/components/kbd.tsx
+import { Kbd as UiKbd } from "../../ui/kbd.js";
+import { jsx } from "react/jsx-runtime";
+function Kbd(props) {
+  return /* @__PURE__ */ jsx(UiKbd, { ...props });
+}
+export {
+  Kbd
+};