@blogmcp/mdx-render-vue 0.3.0 → 0.5.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Lukas Zubal
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/composables/index.d.ts

@@ -9,3 +9,4 @@ export { useGallery, gridColsClasses, isMediaObject, isVideoUrl } from './useGal
 export { useYouTube, YOUTUBE_EMBED_BASE, YOUTUBE_IFRAME_ALLOW, } from './useYouTube';
 export { useAudioPlayer } from './useAudioPlayer';
 export { useOptimizedImg, IMG_COMPONENT_KEY } from './useMedia';
+export { useTripMap, parseHandNodes, tripMapFormatTime, MDX_ARTICLE_CONTEXT_KEY, type MdxArticleContext, type TripMapGeoNode, type TripMapGeoResponse, } from './useTripMap';

package/dist/composables/index.js

@@ -4,8 +4,11 @@ import { gridColsClasses, isMediaObject, isVideoUrl, useGallery } from "./useGal
 import { YOUTUBE_EMBED_BASE, YOUTUBE_IFRAME_ALLOW, useYouTube } from "./useYouTube.js";
 import { useAudioPlayer } from "./useAudioPlayer.js";
 import { IMG_COMPONENT_KEY, useOptimizedImg } from "./useMedia.js";
+import { MDX_ARTICLE_CONTEXT_KEY, useTripMap } from "./useTripMap.js";
+import { parseTripMapHandNodes, tripMapFormatTime } from "@blogmcp/mdx-schema/tripmap";
 export {
   IMG_COMPONENT_KEY,
+  MDX_ARTICLE_CONTEXT_KEY,
   YOUTUBE_EMBED_BASE,
   YOUTUBE_IFRAME_ALLOW,
   calloutConfigs,
@@ -15,10 +18,13 @@ export {
   isMediaObject,
   isVideoUrl,
   languageLabels,
+  parseTripMapHandNodes as parseHandNodes,
+  tripMapFormatTime,
   useAudioPlayer,
   useCallout,
   useCodeBlock,
   useGallery,
   useOptimizedImg,
+  useTripMap,
   useYouTube
 };

package/dist/composables/useTripMap.d.ts

@@ -0,0 +1,67 @@
+/**
+ * TripMap composable — Vue binding over the shared framework-free helpers
+ * in @blogmcp/mdx-schema/tripmap (prop parsing, geo-URL contract, texts).
+ *
+ * HARD CONSTRAINT: this module (and every module statically reachable from
+ * the TripMap SFCs) must NOT statically import '@blogmcp/tripmap-core' —
+ * not even its pure '/nodes' subpath. The article-review MCP-App bundles
+ * this package from source into ONE file with that package externalized;
+ * a top-level bare import would break the whole bundle at load time. The
+ * core is reached exclusively via `import('@blogmcp/tripmap-core')` inside
+ * the SFC's intersection handler (rejects harmlessly in the iframe).
+ */
+import { type ComputedRef, type InjectionKey } from 'vue';
+import type { TripMapHandNode, TripMapProps } from '@blogmcp/mdx-schema';
+import { parseTripMapHandNodes, tripMapFormatTime, type TripMapFacadeMedia, type TripMapFacadeStop, type TripMapFacadeThumb, type TripMapUiLabels, type TripMapGeoNode, type TripMapGeoResponse, type TripMapUiTexts } from '@blogmcp/mdx-schema/tripmap';
+export { tripMapFormatTime };
+export { parseTripMapHandNodes as parseHandNodes };
+export type { TripMapGeoNode, TripMapGeoResponse };
+/**
+ * Article identity for AUTO mode (map every geotagged media of the article).
+ * The host app provides it around its MDX render tree (the Nuxt blog does it
+ * in `components/article/MdxContent.vue` for article + preview pages; a bare
+ * consumer that doesn't provide it simply has no auto mode — TripMap then
+ * needs explicit `slugs` or `nodes`).
+ */
+export interface MdxArticleContext {
+    filename: string;
+    language?: string;
+    /**
+     * The article's geotagged media (the GraphQL `contentImagesGeo` rows),
+     * when the host already has them. Lets the SERVER-RENDERED facade carry
+     * real thumbnails with alt text and named stops in AUTO mode — the part of
+     * a TripMap that crawlers and answer engines read. Optional: without it
+     * the live map still fetches everything, only the no-JS view is poorer.
+     */
+    media?: readonly TripMapFacadeMedia[] | null;
+}
+export declare const MDX_ARTICLE_CONTEXT_KEY: InjectionKey<MdxArticleContext | null>;
+export interface UseTripMapResult {
+    slugList: ComputedRef<string[]>;
+    excludeList: ComputedRef<string[]>;
+    handNodes: ComputedRef<TripMapHandNode[]>;
+    /**
+     * Deterministic SSR thumbs: author order for explicit `slugs`, capture
+     * order for AUTO mode when the host provided `context.media`. Alt text
+     * comes from that media (empty when unknown).
+     */
+    facadeThumbs: ComputedRef<TripMapFacadeThumb[]>;
+    /** Named stops for the SSR facade: place-labelled photos + hand-made nodes, chronological. */
+    facadeStops: ComputedRef<TripMapFacadeStop[]>;
+    heightStyle: ComputedRef<{
+        height: string;
+    }>;
+    articleContext: MdxArticleContext | null;
+    isAutoMode: ComputedRef<boolean>;
+    /**
+     * Nothing selects media (no slugs, no article context): the geo call only
+     * fetches the tenant basemap config, so its failure must not sink a map
+     * of hand-made nodes — the wrapper falls back to the core default style.
+     */
+    isConfigOnly: ComputedRef<boolean>;
+    /** Always set: slugs / article selection, or the config-only URL. */
+    geoUrl: ComputedRef<string>;
+    labels: ComputedRef<TripMapUiLabels | undefined>;
+    texts: ComputedRef<TripMapUiTexts>;
+}
+export declare function useTripMap(props: TripMapProps): UseTripMapResult;

package/dist/composables/useTripMap.js

@@ -0,0 +1,39 @@
+import { inject, computed } from "vue";
+import { splitTripMapList, parseTripMapHandNodes, tripMapFacade, TRIPMAP_DEFAULT_HEIGHT, buildTripMapGeoUrl, tripMapPlaybackLabels, tripMapUiTexts } from "@blogmcp/mdx-schema/tripmap";
+import { parseTripMapHandNodes as parseTripMapHandNodes2, tripMapFormatTime } from "@blogmcp/mdx-schema/tripmap";
+const MDX_ARTICLE_CONTEXT_KEY = /* @__PURE__ */ Symbol.for("blogmcp:mdx-article-context");
+function useTripMap(props) {
+  const articleContext = inject(MDX_ARTICLE_CONTEXT_KEY, null);
+  const slugList = computed(() => splitTripMapList(props.slugs));
+  const excludeList = computed(() => splitTripMapList(props.exclude));
+  const handNodes = computed(() => parseTripMapHandNodes(props.nodes));
+  const isAutoMode = computed(() => slugList.value.length === 0);
+  const isConfigOnly = computed(() => slugList.value.length === 0 && !articleContext?.filename);
+  const facade = computed(() => tripMapFacade(props, articleContext));
+  const facadeThumbs = computed(() => facade.value.thumbs);
+  const facadeStops = computed(() => facade.value.stops);
+  const heightStyle = computed(() => ({ height: props.height || TRIPMAP_DEFAULT_HEIGHT }));
+  const geoUrl = computed(() => buildTripMapGeoUrl(props, articleContext));
+  const labels = computed(() => tripMapPlaybackLabels(articleContext?.language));
+  const texts = computed(() => tripMapUiTexts(articleContext?.language));
+  return {
+    slugList,
+    excludeList,
+    handNodes,
+    facadeThumbs,
+    facadeStops,
+    heightStyle,
+    articleContext,
+    isAutoMode,
+    isConfigOnly,
+    geoUrl,
+    labels,
+    texts
+  };
+}
+export {
+  MDX_ARTICLE_CONTEXT_KEY,
+  parseTripMapHandNodes2 as parseHandNodes,
+  tripMapFormatTime,
+  useTripMap
+};

package/dist/edit/TripMapEdit.vue.d.ts

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

package/dist/edit/TripMapEdit.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode } from "vue";
+import { parseTripMapHandNodes } from "@blogmcp/mdx-schema/tripmap";
+const _hoisted_1 = {
+  class: "flex items-center gap-3 rounded-lg border border-blue-500/40 bg-blue-500/5 px-3 py-2",
+  "data-mdx-component": "TripMap"
+};
+const _hoisted_2 = { class: "font-medium" };
+const _hoisted_3 = { class: "text-sm opacity-70" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TripMapEdit",
+  props: {
+    slugs: {},
+    exclude: {},
+    nodes: {},
+    height: {},
+    line: { type: Boolean },
+    filmstrip: { type: Boolean },
+    playback: { type: Boolean },
+    cluster: { type: Boolean },
+    theme: {},
+    detail: {},
+    styleUrl: {},
+    center: {},
+    zoom: {},
+    title: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const slugCount = computed(() => (props.slugs ?? "").split(",").filter((s) => s.trim()).length);
+    const nodeCount = computed(() => parseTripMapHandNodes(props.nodes).length);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("span", { "aria-hidden": "true" }, "🗺", -1)),
+        createElementVNode("span", _hoisted_2, toDisplayString(__props.title || "TripMap"), 1),
+        createElementVNode("span", _hoisted_3, [
+          slugCount.value > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(slugCount.value) + " photos", 1)
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createTextVNode("auto (article media)")
+          ], 64)),
+          nodeCount.value > 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            createTextVNode(" · " + toDisplayString(nodeCount.value) + " waypoints", 1)
+          ], 64)) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/edit/TripMapEdit.vue2.js

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

package/dist/edit/index.d.ts

@@ -16,6 +16,7 @@ export { default as AlertEdit } from './AlertEdit.vue';
 export { default as BadgeEdit } from './BadgeEdit.vue';
 export { default as IconEdit } from './IconEdit.vue';
 export { default as TooltipEdit } from './TooltipEdit.vue';
+export { default as TripMapEdit } from './TripMapEdit.vue';
 export { default as Callout } from './CalloutEdit.vue';
 export { default as CodeBlock } from './CodeBlockEdit.vue';
 export { default as Gallery } from './GalleryEdit.vue';
@@ -27,3 +28,4 @@ export { default as Alert } from './AlertEdit.vue';
 export { default as Badge } from './BadgeEdit.vue';
 export { default as Icon } from './IconEdit.vue';
 export { default as Tooltip } from './TooltipEdit.vue';
+export { default as TripMap } from './TripMapEdit.vue';

package/dist/edit/index.js

@@ -9,6 +9,7 @@ import { default as default16, default as default17 } from "./AlertEdit.vue2.js"
 import { default as default18, default as default19 } from "./BadgeEdit.vue2.js";
 import { default as default20, default as default21 } from "./IconEdit.vue2.js";
 import { default as default22, default as default23 } from "./TooltipEdit.vue2.js";
+import { default as default24, default as default25 } from "./TripMapEdit.vue.js";
 export {
   default16 as Alert,
   default17 as AlertEdit,
@@ -30,6 +31,8 @@ export {
   default21 as IconEdit,
   default22 as Tooltip,
   default23 as TooltipEdit,
+  default24 as TripMap,
+  default25 as TripMapEdit,
   default8 as YouTube,
   default9 as YouTubeEdit
 };

package/dist/index.d.ts

@@ -6,7 +6,7 @@
  * md-editor edit preview (dark theme) and KB blog (light theme, variants).
  */
 export * from './composables';
-export { CalloutEdit, CodeBlockEdit, GalleryEdit, YouTubeEdit, AudioPlayerEdit, Callout as EditCallout, CodeBlock as EditCodeBlock, Gallery as EditGallery, YouTube as EditYouTube, AudioPlayer as EditAudioPlayer, } from './edit';
-export { Callout as RenderCallout, CalloutDefault, CalloutMinimal, CodeBlock as RenderCodeBlock, CodeBlockDefault, Gallery as RenderGallery, GalleryGrid, YouTube as RenderYouTube, YouTubeDefault, AudioPlayer as RenderAudioPlayer, AudioPlayerDefault, getRenderComponent, getComponentVariants, } from './render';
+export { CalloutEdit, CodeBlockEdit, GalleryEdit, YouTubeEdit, AudioPlayerEdit, TripMapEdit, Callout as EditCallout, CodeBlock as EditCodeBlock, Gallery as EditGallery, YouTube as EditYouTube, AudioPlayer as EditAudioPlayer, } from './edit';
+export { Callout as RenderCallout, CalloutDefault, CalloutMinimal, CodeBlock as RenderCodeBlock, CodeBlockDefault, Gallery as RenderGallery, GalleryGrid, YouTube as RenderYouTube, YouTubeDefault, AudioPlayer as RenderAudioPlayer, AudioPlayerDefault, TripMap as RenderTripMap, TripMapDefault, getRenderComponent, getComponentVariants, } from './render';
 export { Callout, CodeBlock, Gallery, YouTube, AudioPlayer, } from './edit';
 export { componentRegistry, getComponentVariants as getRegistryVariants, getRenderComponentAsync, getEditComponentAsync, getEditorConfig, type ComponentRegistration, type EditorConfig, } from './registry';

package/dist/index.js

@@ -4,6 +4,7 @@ import { gridColsClasses, isMediaObject, isVideoUrl, useGallery } from "./compos
 import { YOUTUBE_EMBED_BASE, YOUTUBE_IFRAME_ALLOW, useYouTube } from "./composables/useYouTube.js";
 import { useAudioPlayer } from "./composables/useAudioPlayer.js";
 import { IMG_COMPONENT_KEY, useOptimizedImg } from "./composables/useMedia.js";
+import { MDX_ARTICLE_CONTEXT_KEY, useTripMap } from "./composables/useTripMap.js";
 import { default as default2, default as default3, default as default4 } from "./edit/CalloutEdit.vue.js";
 import { default as default5, default as default6, default as default7 } from "./edit/CodeBlockEdit.vue.js";
 import { default as default8, default as default9, default as default10 } from "./edit/GalleryEdit.vue.js";
@@ -14,24 +15,27 @@ import "@blogmcp/mdx-schema/styles";
 import "./packages/sanitize/dist/html.js";
 import "./_virtual/index.js";
 import "./node_modules/@iconify/vue/dist/iconify.js";
+import { default as default17 } from "./edit/TripMapEdit.vue.js";
 import { getRenderComponent } from "./render/index.js";
 import { componentRegistry, getComponentVariants, getEditComponentAsync, getEditorConfig, getComponentVariants as getComponentVariants2, getRenderComponentAsync } from "./registry.js";
-import { default as default17, default as default18 } from "./render/callout/CalloutDefault.vue.js";
-import { default as default19 } from "./render/callout/CalloutMinimal.vue.js";
-import { default as default20, default as default21 } from "./render/gallery/GalleryGrid.vue.js";
-import { default as default22, default as default23 } from "./render/youtube/YouTubeDefault.vue.js";
-import { default as default24, default as default25 } from "./render/audioplayer/AudioPlayerDefault.vue.js";
-import { default as default26, default as default27 } from "./render/codeblock/CodeBlockDefault.vue.js";
+import { default as default18, default as default19 } from "./render/callout/CalloutDefault.vue.js";
+import { default as default20 } from "./render/callout/CalloutMinimal.vue.js";
+import { default as default21, default as default22 } from "./render/gallery/GalleryGrid.vue.js";
+import { default as default23, default as default24 } from "./render/youtube/YouTubeDefault.vue.js";
+import { default as default25, default as default26 } from "./render/audioplayer/AudioPlayerDefault.vue.js";
+import { default as default27, default as default28 } from "./render/tripmap/TripMapDefault.vue.js";
+import { default as default29, default as default30 } from "./render/codeblock/CodeBlockDefault.vue.js";
+import { parseTripMapHandNodes, tripMapFormatTime } from "@blogmcp/mdx-schema/tripmap";
 export {
   default14 as AudioPlayer,
-  default24 as AudioPlayerDefault,
+  default25 as AudioPlayerDefault,
   default15 as AudioPlayerEdit,
   default2 as Callout,
-  default17 as CalloutDefault,
+  default18 as CalloutDefault,
   default3 as CalloutEdit,
-  default19 as CalloutMinimal,
+  default20 as CalloutMinimal,
   default5 as CodeBlock,
-  default26 as CodeBlockDefault,
+  default29 as CodeBlockDefault,
   default6 as CodeBlockEdit,
   default16 as EditAudioPlayer,
   default4 as EditCallout,
@@ -40,17 +44,21 @@ export {
   default11 as EditYouTube,
   default9 as Gallery,
   default10 as GalleryEdit,
-  default20 as GalleryGrid,
+  default21 as GalleryGrid,
   IMG_COMPONENT_KEY,
-  default25 as RenderAudioPlayer,
-  default18 as RenderCallout,
-  default27 as RenderCodeBlock,
-  default21 as RenderGallery,
-  default22 as RenderYouTube,
+  MDX_ARTICLE_CONTEXT_KEY,
+  default26 as RenderAudioPlayer,
+  default19 as RenderCallout,
+  default30 as RenderCodeBlock,
+  default22 as RenderGallery,
+  default27 as RenderTripMap,
+  default23 as RenderYouTube,
+  default28 as TripMapDefault,
+  default17 as TripMapEdit,
   YOUTUBE_EMBED_BASE,
   YOUTUBE_IFRAME_ALLOW,
   default12 as YouTube,
-  default23 as YouTubeDefault,
+  default24 as YouTubeDefault,
   default13 as YouTubeEdit,
   calloutConfigs,
   calloutIconPaths,
@@ -66,10 +74,13 @@ export {
   isMediaObject,
   isVideoUrl,
   languageLabels,
+  parseTripMapHandNodes as parseHandNodes,
+  tripMapFormatTime,
   useAudioPlayer,
   useCallout,
   useCodeBlock,
   useGallery,
   useOptimizedImg,
+  useTripMap,
   useYouTube
 };

package/dist/registry.js

@@ -82,6 +82,13 @@ const vueWiring = {
       default: () => import("./render/tooltip/Tooltip.vue.js")
     },
     edit: () => import("./edit/TooltipEdit.vue.js")
+  },
+  TripMap: {
+    editor: { icon: "map", color: "#3b82f6", borderColor: "#3b82f6", bgColor: "rgba(59, 130, 246, 0.08)" },
+    render: {
+      default: () => import("./render/tripmap/TripMapDefault.vue2.js")
+    },
+    edit: () => import("./edit/TripMapEdit.vue2.js")
   }
 };
 const componentRegistry = Object.fromEntries(

package/dist/render/index.d.ts

@@ -18,12 +18,14 @@ import { Alert as AlertDefault } from './alert';
 import { Badge as BadgeDefault } from './badge';
 import { Icon as IconDefault } from './icon';
 import { Tooltip as TooltipDefault } from './tooltip';
+import { TripMapDefault } from './tripmap';
 export { CalloutDefault, CalloutMinimal };
 export { CodeBlockDefault };
 export { GalleryGrid, GalleryLightbox };
 export { YouTubeDefault };
 export { AudioPlayerDefault };
 export { ButtonDefault, CardDefault, AlertDefault, BadgeDefault, IconDefault, TooltipDefault };
+export { TripMapDefault };
 export { default as Callout } from './callout';
 export { default as CodeBlock } from './codeblock';
 export { default as Gallery } from './gallery';
@@ -35,6 +37,7 @@ 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 { default as TripMap } from './tripmap';
 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

@@ -1,29 +1,31 @@
-import _sfc_main$a from "./callout/CalloutDefault.vue.js";
-import _sfc_main$9 from "./callout/CalloutMinimal.vue.js";
+import _sfc_main$b from "./callout/CalloutDefault.vue.js";
+import _sfc_main$a from "./callout/CalloutMinimal.vue.js";
 import CodeBlockDefault from "./codeblock/CodeBlockDefault.vue.js";
-import _sfc_main$8 from "./gallery/GalleryGrid.vue.js";
+import _sfc_main$9 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 _sfc_main$8 from "./youtube/YouTubeDefault.vue.js";
+import _sfc_main$7 from "./audioplayer/AudioPlayerDefault.vue.js";
+import _sfc_main$6 from "./button/Button.vue2.js";
+import _sfc_main$5 from "./card/Card.vue2.js";
+import _sfc_main$4 from "./alert/Alert.vue2.js";
+import _sfc_main$3 from "./badge/Badge.vue2.js";
+import _sfc_main$2 from "./icon/Icon.vue2.js";
+import _sfc_main$1 from "./tooltip/Tooltip.vue2.js";
+import _sfc_main from "./tripmap/TripMapDefault.vue.js";
 import { componentRegistry, getComponentVariants, getEditorConfig, getRenderComponentAsync } from "../registry.js";
 const syncRegistry = {
-  Callout: { default: _sfc_main$a, minimal: _sfc_main$9 },
+  Callout: { default: _sfc_main$b, minimal: _sfc_main$a },
   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 }
+  Gallery: { default: _sfc_main$9, grid: _sfc_main$9 },
+  YouTube: { default: _sfc_main$8 },
+  AudioPlayer: { default: _sfc_main$7 },
+  Button: { default: _sfc_main$6 },
+  Card: { default: _sfc_main$5 },
+  Alert: { default: _sfc_main$4 },
+  Badge: { default: _sfc_main$3 },
+  Icon: { default: _sfc_main$2 },
+  Tooltip: { default: _sfc_main$1 },
+  TripMap: { default: _sfc_main }
 };
 function getRenderComponent(componentName, variant = "default") {
   const componentVariants = syncRegistry[componentName];
@@ -31,30 +33,32 @@ function getRenderComponent(componentName, variant = "default") {
   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,
+  _sfc_main$4 as Alert,
+  _sfc_main$4 as AlertDefault,
+  _sfc_main$7 as AudioPlayer,
+  _sfc_main$7 as AudioPlayerDefault,
+  _sfc_main$3 as Badge,
+  _sfc_main$3 as BadgeDefault,
+  _sfc_main$6 as Button,
+  _sfc_main$6 as ButtonDefault,
+  _sfc_main$b as Callout,
+  _sfc_main$b as CalloutDefault,
+  _sfc_main$a as CalloutMinimal,
+  _sfc_main$5 as Card,
+  _sfc_main$5 as CardDefault,
   CodeBlockDefault as CodeBlock,
   CodeBlockDefault,
-  _sfc_main$8 as Gallery,
-  _sfc_main$8 as GalleryGrid,
+  _sfc_main$9 as Gallery,
+  _sfc_main$9 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,
+  _sfc_main$2 as Icon,
+  _sfc_main$2 as IconDefault,
+  _sfc_main$1 as Tooltip,
+  _sfc_main$1 as TooltipDefault,
+  _sfc_main as TripMap,
+  _sfc_main as TripMapDefault,
+  _sfc_main$8 as YouTube,
+  _sfc_main$8 as YouTubeDefault,
   componentRegistry,
   getComponentVariants,
   getEditorConfig,

package/dist/render/tripmap/TripMapDefault.vue.d.ts

@@ -0,0 +1,10 @@
+import type { TripMapProps } from '@blogmcp/mdx-schema';
+declare const _default: import("vue").DefineComponent<TripMapProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TripMapProps> & Readonly<{}>, {
+    line: boolean;
+    filmstrip: boolean;
+    playback: boolean;
+    cluster: boolean;
+    theme: "light" | "dark" | "auto";
+    detail: "popup" | "panel";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;