vue-stream-markdown 0.2.1 → 0.2.3

package/dist/{inline-code-BZNE1ALQ.js → inline-code-B5lfHACE.js}

@@ -53,6 +53,10 @@ var inline_code_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{inline-math-DFUJNhmp.js → inline-math-CPkpjl8t.js}

@@ -1,6 +1,6 @@
-import { g as useMathRenderer } from "./composables-CL-BX9Ri.js";
-import "./icon-MRs2P5TP.js";
-import { t as error_component_default } from "./error-component-xzXxODeR.js";
+import { g as useMathRenderer } from "./composables-CzUVrTt_.js";
+import "./icon-DcLTFhFW.js";
+import { t as error_component_default } from "./error-component-BTe-SuY7.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/inline-math.vue?vue&type=script&setup=true&lang.ts
@@ -56,6 +56,10 @@ var inline_math_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{link-ClKb1qAC.js → link-BACrkxRW.js}

@@ -1,7 +1,7 @@
-import { i as useSanitizers } from "./composables-CL-BX9Ri.js";
-import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
-import "./icon-MRs2P5TP.js";
-import { t as error_component_default } from "./error-component-xzXxODeR.js";
+import { i as useSanitizers } from "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+import "./icon-DcLTFhFW.js";
+import { t as error_component_default } from "./error-component-BTe-SuY7.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
 
 //#region src/components/renderers/link.vue?vue&type=script&setup=true&lang.ts
@@ -57,6 +57,10 @@ var link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{list-BdM_gwie.js → list-Cu8G46hK.js}

@@ -1,5 +1,5 @@
-import "./composables-CL-BX9Ri.js";
-import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/list.vue?vue&type=script&setup=true&lang.ts
@@ -54,6 +54,10 @@ var list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{list-item-DaRd7Yu3.js → list-item-BMgDS1tS.js}

@@ -1,5 +1,5 @@
-import "./composables-CL-BX9Ri.js";
-import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/list-item.vue?vue&type=script&setup=true&lang.ts
@@ -60,6 +60,10 @@ var list_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{math-CLweuHzM.js → math-XsZX0VMw.js}

@@ -1,6 +1,6 @@
-import { g as useMathRenderer } from "./composables-CL-BX9Ri.js";
-import "./icon-MRs2P5TP.js";
-import { t as error_component_default } from "./error-component-xzXxODeR.js";
+import { g as useMathRenderer } from "./composables-CzUVrTt_.js";
+import "./icon-DcLTFhFW.js";
+import { t as error_component_default } from "./error-component-BTe-SuY7.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/math.vue?vue&type=script&setup=true&lang.ts
@@ -56,6 +56,10 @@ var math_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{mermaid-CyLU2UYz.js → mermaid-CQdSlhqn.js}

@@ -1,9 +1,9 @@
-import { G as useControls, _ as throttle, m as useMermaid } from "./composables-CL-BX9Ri.js";
-import "./tooltip-DkCGsj0S.js";
-import { t as button_default } from "./button-CRnH8Rzt.js";
-import "./icon-MRs2P5TP.js";
-import { t as error_component_default } from "./error-component-xzXxODeR.js";
-import { t as zoom_container_default } from "./zoom-container-H5FZmzwY.js";
+import { G as useControls, _ as throttle, m as useMermaid } from "./composables-CzUVrTt_.js";
+import "./tooltip-DarhJuZR.js";
+import { t as button_default } from "./button-DVWlhfQ9.js";
+import "./icon-DcLTFhFW.js";
+import { t as error_component_default } from "./error-component-BTe-SuY7.js";
+import { t as zoom_container_default } from "./zoom-container-DQMpHHGQ.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
@@ -61,10 +61,19 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false
 		},
+		interactive: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
 		throttle: {
 			type: Number,
 			required: false,
@@ -91,7 +100,9 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			return "bottom-right";
 		});
 		const renderFlag = ref(false);
+		const renderAttempt = ref(false);
 		const svg = ref();
+		const error = ref();
 		const containerRef = ref();
 		const code = computed(() => props.node.value.trim());
 		const nodeLoading = computed(() => !!props.node.loading);
@@ -149,13 +160,13 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			}
 		}
 		const render = throttle(props.throttle, async () => {
-			const data = await renderMermaid(code.value);
-			if (data) {
+			const { valid, svg: data, error: err } = await renderMermaid(code.value);
+			if (valid) {
 				svg.value = data;
 				nextTick(() => {
 					updateHeight();
 				});
-			}
+			} else error.value = err;
 			renderFlag.value = true;
 		});
 		const mermaidControls = computed(() => resolveControls("mermaid", [], props));
@@ -166,7 +177,12 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			nodeLoading.value
 		], render, { immediate: true });
 		watch(loading, (curr, prev) => {
-			if (!curr && prev) renderFlag.value = false;
+			if (renderAttempt.value) return;
+			if (!curr && prev) {
+				renderAttempt.value = true;
+				renderFlag.value = false;
+				render();
+			}
 		}, { immediate: true });
 		if (!props.containerHeight) useResizeObserver(containerRef, () => {
 			updateHeight();
@@ -186,9 +202,13 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			})) : (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
 				key: 1,
 				variant: "mermaid"
-			}, props), null, 16))], 64)) : createCommentVNode("v-if", true), createVNode(zoom_container_default, {
+			}, props, {
+				message: error.value,
+				"show-icon": false
+			}), null, 16, ["message"]))], 64)) : createCommentVNode("v-if", true), createVNode(zoom_container_default, {
 				"show-control": showControl.value,
-				position: controlPosition.value
+				position: controlPosition.value,
+				interactive: __props.interactive
 			}, {
 				controls: withCtx((buttonProps) => [(openBlock(true), createElementBlock(Fragment, null, renderList(mermaidControls.value, (item) => {
 					return openBlock(), createBlock(button_default, mergeProps({ ref_for: true }, {
@@ -204,7 +224,11 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 					innerHTML: svg.value
 				}, null, 8, _hoisted_1)]),
 				_: 1
-			}, 8, ["show-control", "position"])], 4);
+			}, 8, [
+				"show-control",
+				"position",
+				"interactive"
+			])], 4);
 		};
 	}
 });

package/dist/{modal-vHG2jmSe.js → modal-C1riNMrs.js}

@@ -1,4 +1,4 @@
-import { K as useContext } from "./composables-CL-BX9Ri.js";
+import { K as useContext, R as isClient } from "./composables-CzUVrTt_.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
 import { createReusableTemplate, useEventListener } from "@vueuse/core";
 
@@ -14,7 +14,7 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		zIndex: {
 			type: Number,
 			required: false,
-			default: 100
+			default: 9999
 		},
 		modalStyle: {
 			type: Object,
@@ -27,7 +27,7 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		transition: {
 			type: String,
 			required: false,
-			default: "modal"
+			default: "stream-markdown-modal"
 		},
 		close: {
 			type: Function,
@@ -47,13 +47,16 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const slots = useSlots();
 		const open = useModel(__props, "open");
 		const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
-		const { getContainer } = useContext();
-		const container = computed(() => getContainer() || "body");
+		const { getOverlayContainer } = useContext();
 		const modalStyle = computed(() => ({
 			...props.modalStyle,
 			zIndex: props.zIndex
 		}));
 		const showHeader = computed(() => !!props.title || !!slots.title || !!slots.extra);
+		const container = computed(() => {
+			if (!isClient()) return "body";
+			return getOverlayContainer() || document.body;
+		});
 		useEventListener(document, "keyup", (event) => {
 			if (event.key === "Escape" || event.key === "Esc") if (props.close) props.close();
 			else open.value = false;

package/dist/modal-C7O4jt5-.js

@@ -0,0 +1,4 @@
+import "./composables-CzUVrTt_.js";
+import { t as modal_default } from "./modal-C1riNMrs.js";
+
+export { modal_default as default };

package/dist/{node-list-3yGs9Kcx.js → node-list-7H-lIfUX.js}

@@ -1,4 +1,4 @@
-import { K as useContext } from "./composables-CL-BX9Ri.js";
+import { K as useContext } from "./composables-CzUVrTt_.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/markdown.vue?vue&type=script&setup=true&lang.ts
@@ -54,6 +54,10 @@ var markdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false
@@ -130,6 +134,10 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false
@@ -170,7 +178,7 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			return openBlock(true), createElementBlock(Fragment, null, renderList(nodes.value, (item) => {
 				return openBlock(), createElementBlock(Fragment, { key: item.key }, [enableTransition.value && !excludeTransition.includes(item.node.type) ? (openBlock(), createBlock(Transition, {
 					key: 0,
-					name: "typewriter",
+					name: "stream-markdown-typewriter",
 					appear: ""
 				}, {
 					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(getNodeComponent(item.node)), mergeProps({ ref_for: true }, getNodeBindings(item.node), { "node-key": item.key }), null, 16, ["node-key"]))]),

package/dist/node-list-DMwAmH_n.js

@@ -0,0 +1,4 @@
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+
+export { node_list_default as default };

package/dist/{paragraph-LV8LrqLS.js → paragraph-Cfd37HUK.js}

@@ -1,5 +1,5 @@
-import "./composables-CL-BX9Ri.js";
-import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/paragraph.vue?vue&type=script&setup=true&lang.ts
@@ -55,6 +55,10 @@ var paragraph_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/previewers-C7PKsIbc.js

@@ -0,0 +1,10 @@
+import { defineAsyncComponent } from "vue";
+
+//#region src/components/previewers/index.ts
+const CODE_PREVIEWERS = {
+	html: defineAsyncComponent(() => import("./html-DfTs9nEm.js")),
+	mermaid: defineAsyncComponent(() => import("./mermaid-CQdSlhqn.js"))
+};
+
+//#endregion
+export { CODE_PREVIEWERS as t };

package/dist/segmented-BRTZXoDN.js

@@ -0,0 +1,7 @@
+import "./composables-CzUVrTt_.js";
+import "./tooltip-DarhJuZR.js";
+import "./button-DVWlhfQ9.js";
+import "./icon-DcLTFhFW.js";
+import { t as segmented_default } from "./segmented-C9j-IIDc.js";
+
+export { segmented_default as default };

package/dist/{segmented-ChmGPy3i.js → segmented-C9j-IIDc.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-CRnH8Rzt.js";
+import { t as button_default } from "./button-DVWlhfQ9.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, mergeModels, openBlock, renderList, useModel } from "vue";
 
 //#region src/components/segmented.vue?vue&type=script&setup=true&lang.ts
@@ -30,10 +30,13 @@ var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const emits = __emit;
 		const modelValue = useModel(__props, "value");
 		if (props.options.length && !modelValue.value) modelValue.value = props.options[0].value;
+		function isButtonActive(item) {
+			return modelValue.value === item.value;
+		}
 		function getButtonStyle(item) {
 			return {
 				paddingBlock: "0.25rem",
-				backgroundColor: modelValue.value === item.value ? "var(--accent)" : void 0,
+				backgroundColor: isButtonActive(item) ? "var(--accent)" : void 0,
 				...props.buttonStyle
 			};
 		}
@@ -49,11 +52,13 @@ var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					icon: item.icon,
 					name: item.label,
 					"button-style": getButtonStyle(item),
+					"data-active": isButtonActive(item),
 					onClick: () => onClick(item)
 				}, null, 8, [
 					"icon",
 					"name",
 					"button-style",
+					"data-active",
 					"onClick"
 				]);
 			}), 128))]);

package/dist/{shiki-Dp1kiUyz.js → shiki-BoBbCakv.js}

@@ -1,5 +1,5 @@
-import { q as useCodeOptions, r as useShiki } from "./composables-CL-BX9Ri.js";
-import { t as vanilla_default } from "./vanilla-D2g3JpWZ.js";
+import { q as useCodeOptions, r as useShiki } from "./composables-CzUVrTt_.js";
+import { t as vanilla_default } from "./vanilla-Z6d1vQmX.js";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeStyle, openBlock, ref, toRefs, unref, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
 
@@ -55,6 +55,10 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false
@@ -63,7 +67,7 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { shikiOptions, codeOptions, isDark } = toRefs(props);
-		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-l2VX-xoX.js"));
+		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-zn-KUQJD.js"));
 		const code = computed(() => props.node.value.trim());
 		const lang = computed(() => props.node.lang || "");
 		const { showLineNumbers } = useCodeOptions({
@@ -96,7 +100,7 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		}, { immediate: true });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Transition, {
-				name: "code-fade",
+				name: "stream-markdown-code-switch",
 				mode: "out-in"
 			}, {
 				default: withCtx(() => [tokens.value ? (openBlock(), createElementBlock("div", {

package/dist/{strong-CcKSE5Jo.js → strong-BzOBAWrG.js}

@@ -1,5 +1,5 @@
-import "./composables-CL-BX9Ri.js";
-import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
+import "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/strong.vue?vue&type=script&setup=true&lang.ts
@@ -55,6 +55,10 @@ var strong_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/table-D6j6Gl87.js

@@ -0,0 +1,3 @@
+import { t as table_default } from "./table-tZ8TA3cu.js";
+
+export { table_default as default };

package/dist/{table-Bk4vJ8-K.js → table-YY5M01Jm.js}

@@ -1,10 +1,10 @@
-import { A as tableDataToMarkdown, G as useControls, K as useContext, O as extractTableDataFromElement, V as save, b as useI18n, j as tableDataToTSV, k as tableDataToCSV } from "./composables-CL-BX9Ri.js";
-import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
-import "./tooltip-DkCGsj0S.js";
-import { t as button_default } from "./button-CRnH8Rzt.js";
-import "./icon-MRs2P5TP.js";
+import { A as tableDataToMarkdown, G as useControls, K as useContext, O as extractTableDataFromElement, V as save, b as useI18n, j as tableDataToTSV, k as tableDataToCSV } from "./composables-CzUVrTt_.js";
+import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+import "./tooltip-DarhJuZR.js";
+import { t as button_default } from "./button-DVWlhfQ9.js";
+import "./icon-DcLTFhFW.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
-import { t as table_default$1 } from "./table-BMlD4JhL.js";
+import { t as table_default$1 } from "./table-tZ8TA3cu.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";
 import { useClipboard } from "@vueuse/core";
 
@@ -63,6 +63,10 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{text-DP2IAZrc.js → text-DbHMEN3P.js}

@@ -53,6 +53,10 @@ var text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/{thematic-break-DIO-A8eY.js → thematic-break-CdlhHAEZ.js}

@@ -53,6 +53,10 @@ var thematic_break_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false

package/dist/theme.css

@@ -1,4 +1,4 @@
-.stream-markdown.light {
+:is(.stream-markdown, .stream-markdown-overlay).light {
   --background: oklch(1 0 0);
   --foreground: oklch(0.141 0.005 285.823);
   --card: oklch(1 0 0);
@@ -32,7 +32,7 @@
   --sidebar-ring: oklch(0.708 0 0);
 }
 
-.stream-markdown.dark {
+:is(.stream-markdown, .stream-markdown-overlay).dark {
   --background: oklch(0.141 0.005 285.823);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.21 0.006 285.885);

package/dist/{tooltip-DkCGsj0S.js → tooltip-DarhJuZR.js}

@@ -1,4 +1,4 @@
-import { E as useFloating, K as useContext } from "./composables-CL-BX9Ri.js";
+import { E as useFloating, K as useContext } from "./composables-CzUVrTt_.js";
 import { Fragment, Teleport, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, toDisplayString, toRefs, unref } from "vue";
 
 //#region src/components/tooltip.vue?vue&type=script&setup=true&lang.ts
@@ -29,8 +29,9 @@ var tooltip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	},
 	setup(__props, { expose: __expose }) {
 		const { placement, delay, trigger } = toRefs(__props);
-		const { getContainer } = useContext();
+		const { hideTooltip, getContainer } = useContext();
 		const { referenceEl: _referenceEl, floatingEl: _floatingEl, open, appendTo, floatingStyle, show, hide, onMouseEnter, onMouseLeave, onClick, onFloatingEnter, onFloatingLeave } = useFloating({
+			hideTooltip,
 			placement,
 			delay,
 			trigger,

package/dist/tooltip-vDDEbLwf.js

@@ -0,0 +1,4 @@
+import "./composables-CzUVrTt_.js";
+import { t as tooltip_default } from "./tooltip-DarhJuZR.js";
+
+export { tooltip_default as default };

package/dist/vanilla-CzQw2_b4.js

@@ -0,0 +1,4 @@
+import "./composables-CzUVrTt_.js";
+import { t as vanilla_default } from "./vanilla-Z6d1vQmX.js";
+
+export { vanilla_default as default };

package/dist/{vanilla-D2g3JpWZ.js → vanilla-Z6d1vQmX.js}

@@ -1,4 +1,4 @@
-import { q as useCodeOptions } from "./composables-CL-BX9Ri.js";
+import { q as useCodeOptions } from "./composables-CzUVrTt_.js";
 import { computed, defineComponent, h, renderList, toRefs } from "vue";
 
 //#region src/components/renderers/code/vanilla.ts

package/dist/{yaml-eOuEqAWX.js → yaml-DL5ozHZ_.js}

@@ -1,4 +1,4 @@
-import { t as table_default } from "./table-BMlD4JhL.js";
+import { t as table_default } from "./table-tZ8TA3cu.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
 
 //#region src/components/renderers/yaml.vue?vue&type=script&setup=true&lang.ts
@@ -54,6 +54,10 @@ var yaml_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: false
 		},
+		uiOptions: {
+			type: Object,
+			required: false
+		},
 		isDark: {
 			type: Boolean,
 			required: false