@blogmcp/mdx-render-vue 0.1.0

package/dist/render/gallery/GalleryLightbox.vue2.js

@@ -0,0 +1,170 @@
+import { defineComponent, computed, onMounted, onUnmounted, ref, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, withModifiers } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "lightbox-counter absolute top-4 left-4 text-white/80 text-sm select-none"
+};
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = {
+  key: 0,
+  class: "lightbox-caption text-white/80 text-sm mt-3 text-center max-w-[80vw]"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GalleryLightbox",
+  props: {
+    isOpen: { type: Boolean },
+    currentIndex: {},
+    imageCount: {},
+    getImageSrc: { type: Function },
+    getImageAlt: { type: Function },
+    getImageDescription: { type: Function }
+  },
+  emits: ["close", "navigate"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const hasPrev = computed(() => props.currentIndex > 0);
+    const hasNext = computed(() => props.currentIndex < props.imageCount - 1);
+    const showNav = computed(() => props.imageCount > 1);
+    function onKeydown(e) {
+      if (!props.isOpen) return;
+      if (e.key === "Escape") {
+        emit("close");
+      } else if (e.key === "ArrowLeft" && hasPrev.value) {
+        emit("navigate", props.currentIndex - 1);
+      } else if (e.key === "ArrowRight" && hasNext.value) {
+        emit("navigate", props.currentIndex + 1);
+      }
+    }
+    onMounted(() => {
+      document.addEventListener("keydown", onKeydown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("keydown", onKeydown);
+    });
+    const touchStartX = ref(0);
+    const touchStartY = ref(0);
+    function onTouchStart(e) {
+      touchStartX.value = e.touches[0].clientX;
+      touchStartY.value = e.touches[0].clientY;
+    }
+    function onTouchEnd(e) {
+      const dx = e.changedTouches[0].clientX - touchStartX.value;
+      const dy = e.changedTouches[0].clientY - touchStartY.value;
+      if (Math.abs(dx) > 50 && Math.abs(dx) > Math.abs(dy)) {
+        if (dx < 0 && hasNext.value) {
+          emit("navigate", props.currentIndex + 1);
+        } else if (dx > 0 && hasPrev.value) {
+          emit("navigate", props.currentIndex - 1);
+        }
+      }
+    }
+    function onBackdropClick(e) {
+      if (e.target === e.currentTarget) {
+        emit("close");
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "lightbox-fade" }, {
+          default: withCtx(() => [
+            __props.isOpen ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "lightbox-overlay fixed inset-0 z-50 flex items-center justify-center bg-black/90",
+              onClick: onBackdropClick,
+              onTouchstart: onTouchStart,
+              onTouchend: onTouchEnd
+            }, [
+              createElementVNode("button", {
+                class: "lightbox-close absolute top-4 right-4 z-10 text-white/80 hover:text-white p-2",
+                "aria-label": "Close lightbox",
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+              }, [..._cache[4] || (_cache[4] = [
+                createElementVNode("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "28",
+                  height: "28",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("line", {
+                    x1: "18",
+                    y1: "6",
+                    x2: "6",
+                    y2: "18"
+                  }),
+                  createElementVNode("line", {
+                    x1: "6",
+                    y1: "6",
+                    x2: "18",
+                    y2: "18"
+                  })
+                ], -1)
+              ])]),
+              showNav.value ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.currentIndex + 1) + " / " + toDisplayString(__props.imageCount), 1)) : createCommentVNode("", true),
+              showNav.value && hasPrev.value ? (openBlock(), createElementBlock("button", {
+                key: 1,
+                class: "lightbox-prev absolute left-4 top-1/2 -translate-y-1/2 z-10 text-white/80 hover:text-white p-2",
+                "aria-label": "Previous image",
+                onClick: _cache[1] || (_cache[1] = ($event) => emit("navigate", __props.currentIndex - 1))
+              }, [..._cache[5] || (_cache[5] = [
+                createElementVNode("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "32",
+                  height: "32",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("polyline", { points: "15 18 9 12 15 6" })
+                ], -1)
+              ])])) : createCommentVNode("", true),
+              showNav.value && hasNext.value ? (openBlock(), createElementBlock("button", {
+                key: 2,
+                class: "lightbox-next absolute right-4 top-1/2 -translate-y-1/2 z-10 text-white/80 hover:text-white p-2",
+                "aria-label": "Next image",
+                onClick: _cache[2] || (_cache[2] = ($event) => emit("navigate", __props.currentIndex + 1))
+              }, [..._cache[6] || (_cache[6] = [
+                createElementVNode("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "32",
+                  height: "32",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("polyline", { points: "9 18 15 12 9 6" })
+                ], -1)
+              ])])) : createCommentVNode("", true),
+              createElementVNode("div", {
+                class: "flex flex-col items-center max-h-[95vh] max-w-[90vw]",
+                onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                createElementVNode("img", {
+                  src: __props.getImageSrc(__props.currentIndex),
+                  alt: __props.getImageAlt(__props.currentIndex),
+                  class: "lightbox-image max-h-[85vh] max-w-[90vw] object-contain"
+                }, null, 8, _hoisted_2),
+                __props.getImageDescription(__props.currentIndex) ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.getImageDescription(__props.currentIndex)), 1)) : createCommentVNode("", true)
+              ])
+            ], 32)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/render/gallery/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Gallery Render Component Variants
+ */
+export { default as GalleryGrid } from './GalleryGrid.vue';
+export { default as GalleryLightbox } from './GalleryLightbox.vue';
+export { default } from './GalleryGrid.vue';

package/dist/render/gallery/index.js

@@ -0,0 +1,7 @@
+import { default as default2, default as default3 } from "./GalleryGrid.vue.js";
+import { default as default4 } from "./GalleryLightbox.vue.js";
+export {
+  default2 as GalleryGrid,
+  default4 as GalleryLightbox,
+  default3 as default
+};

package/dist/render/icon/Icon.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    name: string;
+    size?: number;
+    color?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/render/icon/Icon.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./Icon.vue2.js";
+export {
+  _sfc_main as default
+};

package/dist/render/icon/Icon.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeStyle } from "vue";
+import { Icon } from "../../node_modules/@iconify/vue/dist/iconify.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Icon",
+  props: {
+    name: {},
+    size: { default: 20 },
+    color: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Icon), {
+        icon: __props.name,
+        width: __props.size,
+        height: __props.size,
+        style: normalizeStyle(__props.color ? { color: __props.color } : void 0),
+        class: "inline-block align-[-0.125em]",
+        "data-mdx-component": "Icon"
+      }, null, 8, ["icon", "width", "height", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/render/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Icon } from './Icon.vue';
+export { default } from './Icon.vue';

package/dist/render/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * MDX Render Components
+ *
+ * These components are used for rendering MDX content in blogs/frontends.
+ * Multiple variants available for each component type.
+ *
+ * Prefer using the async resolver (getRenderComponentAsync) for dynamic loading.
+ * Named exports below are kept for backward compatibility but load all components eagerly.
+ */
+import { CalloutDefault, CalloutMinimal } from './callout';
+import { CodeBlockDefault } from './codeblock';
+import { GalleryGrid, GalleryLightbox } from './gallery';
+import { YouTubeDefault } from './youtube';
+import { AudioPlayerDefault } from './audioplayer';
+import { Button as ButtonDefault } from './button';
+import { Card as CardDefault } from './card';
+import { Alert as AlertDefault } from './alert';
+import { Badge as BadgeDefault } from './badge';
+import { Icon as IconDefault } from './icon';
+import { Tooltip as TooltipDefault } from './tooltip';
+export { CalloutDefault, CalloutMinimal };
+export { CodeBlockDefault };
+export { GalleryGrid, GalleryLightbox };
+export { YouTubeDefault };
+export { AudioPlayerDefault };
+export { ButtonDefault, CardDefault, AlertDefault, BadgeDefault, IconDefault, TooltipDefault };
+export { default as Callout } from './callout';
+export { default as CodeBlock } from './codeblock';
+export { default as Gallery } from './gallery';
+export { default as YouTube } from './youtube';
+export { default as AudioPlayer } from './audioplayer';
+export { default as Button } from './button';
+export { default as Card } from './card';
+export { default as Alert } from './alert';
+export { default as Badge } from './badge';
+export { default as Icon } from './icon';
+export { default as Tooltip } from './tooltip';
+export { getRenderComponentAsync, getComponentVariants, getEditorConfig, componentRegistry, } from '../registry';
+/** @deprecated Use getRenderComponentAsync from registry instead */
+export declare function getRenderComponent(componentName: string, variant?: string): unknown;

package/dist/render/index.js

@@ -0,0 +1,63 @@
+import _sfc_main$a from "./callout/CalloutDefault.vue.js";
+import _sfc_main$9 from "./callout/CalloutMinimal.vue.js";
+import CodeBlockDefault from "./codeblock/CodeBlockDefault.vue.js";
+import _sfc_main$8 from "./gallery/GalleryGrid.vue.js";
+import { default as default2 } from "./gallery/GalleryLightbox.vue.js";
+import _sfc_main$7 from "./youtube/YouTubeDefault.vue.js";
+import _sfc_main$6 from "./audioplayer/AudioPlayerDefault.vue.js";
+import _sfc_main$5 from "./button/Button.vue2.js";
+import _sfc_main$4 from "./card/Card.vue2.js";
+import _sfc_main$3 from "./alert/Alert.vue2.js";
+import _sfc_main$2 from "./badge/Badge.vue2.js";
+import _sfc_main$1 from "./icon/Icon.vue2.js";
+import _sfc_main from "./tooltip/Tooltip.vue2.js";
+import { componentRegistry, getComponentVariants, getEditorConfig, getRenderComponentAsync } from "../registry.js";
+const syncRegistry = {
+  Callout: { default: _sfc_main$a, minimal: _sfc_main$9 },
+  CodeBlock: { default: CodeBlockDefault },
+  Gallery: { default: _sfc_main$8, grid: _sfc_main$8 },
+  YouTube: { default: _sfc_main$7 },
+  AudioPlayer: { default: _sfc_main$6 },
+  Button: { default: _sfc_main$5 },
+  Card: { default: _sfc_main$4 },
+  Alert: { default: _sfc_main$3 },
+  Badge: { default: _sfc_main$2 },
+  Icon: { default: _sfc_main$1 },
+  Tooltip: { default: _sfc_main }
+};
+function getRenderComponent(componentName, variant = "default") {
+  const componentVariants = syncRegistry[componentName];
+  if (!componentVariants) return void 0;
+  return componentVariants[variant] || componentVariants.default;
+}
+export {
+  _sfc_main$3 as Alert,
+  _sfc_main$3 as AlertDefault,
+  _sfc_main$6 as AudioPlayer,
+  _sfc_main$6 as AudioPlayerDefault,
+  _sfc_main$2 as Badge,
+  _sfc_main$2 as BadgeDefault,
+  _sfc_main$5 as Button,
+  _sfc_main$5 as ButtonDefault,
+  _sfc_main$a as Callout,
+  _sfc_main$a as CalloutDefault,
+  _sfc_main$9 as CalloutMinimal,
+  _sfc_main$4 as Card,
+  _sfc_main$4 as CardDefault,
+  CodeBlockDefault as CodeBlock,
+  CodeBlockDefault,
+  _sfc_main$8 as Gallery,
+  _sfc_main$8 as GalleryGrid,
+  default2 as GalleryLightbox,
+  _sfc_main$1 as Icon,
+  _sfc_main$1 as IconDefault,
+  _sfc_main as Tooltip,
+  _sfc_main as TooltipDefault,
+  _sfc_main$7 as YouTube,
+  _sfc_main$7 as YouTubeDefault,
+  componentRegistry,
+  getComponentVariants,
+  getEditorConfig,
+  getRenderComponent,
+  getRenderComponentAsync
+};

package/dist/render/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    label: string;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+}
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    placement: "top" | "bottom" | "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/render/tooltip/Tooltip.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./Tooltip.vue2.js";
+export {
+  _sfc_main as default
+};

package/dist/render/tooltip/Tooltip.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, renderSlot, Teleport, createTextVNode, toDisplayString } from "vue";
+import { tooltip_exports } from "../../node_modules/@ark-ui/vue/dist/components/tooltip/tooltip.js";
+const _hoisted_1 = {
+  class: "inline-flex",
+  "data-mdx-component": "Tooltip"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Tooltip",
+  props: {
+    label: {},
+    placement: { default: "top" }
+  },
+  setup(__props) {
+    const props = __props;
+    const positioning = computed(() => ({ placement: props.placement }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(tooltip_exports).Root, {
+        positioning: positioning.value,
+        "open-delay": 200,
+        "close-delay": 100
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(tooltip_exports).Trigger, { "as-child": "" }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_1, [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }),
+          (openBlock(), createBlock(Teleport, { to: "body" }, [
+            createVNode(unref(tooltip_exports).Positioner, null, {
+              default: withCtx(() => [
+                createVNode(unref(tooltip_exports).Content, { class: "z-50 rounded-md bg-gray-900 px-2.5 py-1.5 text-xs text-white shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(tooltip_exports).Arrow, null, {
+                      default: withCtx(() => [
+                        createVNode(unref(tooltip_exports).ArrowTip, { class: "border-gray-900" })
+                      ]),
+                      _: 1
+                    }),
+                    createTextVNode(" " + toDisplayString(__props.label), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]))
+        ]),
+        _: 3
+      }, 8, ["positioning"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/render/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tooltip } from './Tooltip.vue';
+export { default } from './Tooltip.vue';

package/dist/render/youtube/YouTubeDefault.vue.d.ts

@@ -0,0 +1,3 @@
+import type { YouTubeProps } from '@blogmcp/mdx-schema';
+declare const _default: import("vue").DefineComponent<YouTubeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<YouTubeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/render/youtube/YouTubeDefault.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent, ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { useYouTube } from "../../composables/useYouTube.js";
+import { useOptimizedImg } from "../../composables/useMedia.js";
+const _hoisted_1 = {
+  class: "youtube-embed my-6",
+  "data-mdx-component": "YouTube"
+};
+const _hoisted_2 = {
+  class: "relative w-full rounded-lg overflow-hidden shadow-md",
+  style: { "padding-bottom": "56.25%" }
+};
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["src", "title", "allow"];
+const _hoisted_5 = {
+  key: 0,
+  class: "text-center text-sm text-gray-600 mt-3"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "YouTubeDefault",
+  props: {
+    id: {},
+    title: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { embedUrl, iframeTitle, thumbnailUrl, hasTitle, YOUTUBE_IFRAME_ALLOW } = useYouTube(props);
+    const ImgTag = useOptimizedImg();
+    const activated = ref(false);
+    function activate() {
+      activated.value = true;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          !activated.value ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            class: "absolute inset-0 w-full h-full cursor-pointer border-0 p-0 bg-black group",
+            "aria-label": `Play ${unref(iframeTitle)}`,
+            onClick: activate
+          }, [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(ImgTag)), {
+              src: unref(thumbnailUrl),
+              alt: unref(iframeTitle),
+              sizes: "100vw md:768px lg:1024px",
+              class: "absolute inset-0 w-full h-full object-cover"
+            }, null, 8, ["src", "alt"])),
+            _cache[0] || (_cache[0] = createElementVNode("svg", {
+              class: "absolute inset-0 m-auto w-16 h-16 text-white drop-shadow-lg opacity-90 group-hover:opacity-100 transition-opacity",
+              viewBox: "0 0 68 48",
+              "aria-hidden": "true"
+            }, [
+              createElementVNode("path", {
+                d: "M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55C3.97 2.33 2.27 4.81 1.48 7.74.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z",
+                fill: "red"
+              }),
+              createElementVNode("path", {
+                d: "M45 24L27 14v20",
+                fill: "white"
+              })
+            ], -1))
+          ], 8, _hoisted_3)) : createCommentVNode("", true),
+          activated.value ? (openBlock(), createElementBlock("iframe", {
+            key: 1,
+            src: `${unref(embedUrl)}?autoplay=1`,
+            title: unref(iframeTitle),
+            class: "absolute inset-0 w-full h-full",
+            frameborder: "0",
+            allow: unref(YOUTUBE_IFRAME_ALLOW),
+            allowfullscreen: ""
+          }, null, 8, _hoisted_4)) : createCommentVNode("", true)
+        ]),
+        unref(hasTitle) ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.title), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/render/youtube/YouTubeDefault.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./YouTubeDefault.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/render/youtube/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * YouTube Render Component Variants
+ */
+export { default as YouTubeDefault } from './YouTubeDefault.vue';
+export { default } from './YouTubeDefault.vue';

package/dist/render/youtube/index.js

@@ -0,0 +1,5 @@
+import { default as default2, default as default3 } from "./YouTubeDefault.vue.js";
+export {
+  default2 as YouTubeDefault,
+  default3 as default
+};

package/dist/useAudioPlayer.d.ts

@@ -0,0 +1,22 @@
+import { AudioPlayerProps } from '@blogmcp/mdx-schema';
+import { ComputedRef } from 'vue';
+import { Ref } from 'vue';
+
+/**
+ * Composable for AudioPlayer component logic
+ */
+export declare function useAudioPlayer(props: AudioPlayerProps): {
+    hasTitle: ComputedRef<boolean>;
+    displayTitle: ComputedRef<string>;
+    showTranscription: ComputedRef<boolean>;
+    audioUrl: ComputedRef<string>;
+    transcriptionUrl: ComputedRef<string>;
+    transcriptionText: Ref<string | null, string | null>;
+    transcriptionSummary: Ref<string | null, string | null>;
+    transcriptionLoading: Ref<boolean, boolean>;
+    transcriptionExpanded: Ref<boolean, boolean>;
+    loadTranscription: () => Promise<void>;
+    toggleTranscription: () => void;
+};
+
+export { }

package/dist/useCallout.d.ts

@@ -0,0 +1,46 @@
+import { CalloutProps } from '@blogmcp/mdx-schema';
+import { CalloutType } from '@blogmcp/mdx-schema';
+import { ComputedRef } from 'vue';
+
+export declare interface CalloutConfig {
+    type: CalloutType;
+    icon: string;
+    colors: {
+        bg: string;
+        border: string;
+        text: string;
+        iconColor: string;
+    };
+}
+
+/**
+ * Default callout configurations for each type
+ */
+export declare const calloutConfigs: Record<CalloutType, Omit<CalloutConfig, 'type'>>;
+
+/**
+ * SVG path data for callout icons
+ */
+export declare const calloutIconPaths: Record<string, string>;
+
+/**
+ * Composable for Callout component logic
+ */
+export declare function useCallout(props: CalloutProps): {
+    effectiveType: ComputedRef<CalloutType>;
+    config: ComputedRef<    {
+    icon: string;
+    colors: {
+    bg: string;
+    border: string;
+    text: string;
+    iconColor: string;
+    };
+    type: CalloutType;
+    }>;
+    containerClasses: ComputedRef<string[]>;
+    iconPath: ComputedRef<string>;
+    iconClasses: ComputedRef<string>;
+};
+
+export { }

package/dist/useCodeBlock.d.ts

@@ -0,0 +1,25 @@
+import { CodeBlockProps } from '@blogmcp/mdx-schema';
+import { ComputedRef } from 'vue';
+import { Ref } from 'vue';
+
+/**
+ * Get display label for a language
+ */
+export declare function getLanguageLabel(language?: string): string;
+
+/**
+ * Language label mappings
+ */
+export declare const languageLabels: Record<string, string>;
+
+/**
+ * Composable for CodeBlock component logic
+ */
+export declare function useCodeBlock(props: CodeBlockProps): {
+    copied: Ref<boolean, boolean>;
+    languageLabel: ComputedRef<string>;
+    languageClass: ComputedRef<string>;
+    copyCode: (codeContent: string) => Promise<void>;
+};
+
+export { }