vue-stream-markdown 0.0.0-alpha.0

package/dist/segmented-BEtO1eyl.js

@@ -0,0 +1,69 @@
+import { t as button_default } from "./button-D8xx1WIP.js";
+import { Fragment, createBlock, createElementBlock, defineComponent, mergeModels, openBlock, renderList, useModel } from "vue";
+
+//#region src/components/segmented.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { "data-stream-markdown": "segmented" };
+var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "segmented",
+	props: /* @__PURE__ */ mergeModels({
+		options: {
+			type: Array,
+			required: false,
+			default: () => []
+		},
+		buttonStyle: {
+			type: Object,
+			required: false,
+			default: () => ({})
+		}
+	}, {
+		"value": {
+			type: String,
+			required: false,
+			default: ""
+		},
+		"valueModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["change"], ["update:value"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const modelValue = useModel(__props, "value");
+		if (props.options.length && !modelValue.value) modelValue.value = props.options[0].value;
+		function getButtonStyle(item) {
+			return {
+				paddingBlock: "0.25rem",
+				backgroundColor: modelValue.value === item.value ? "var(--accent)" : void 0,
+				...props.buttonStyle
+			};
+		}
+		function onClick(item) {
+			modelValue.value = item.value;
+			emits("change", item.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
+				return openBlock(), createBlock(button_default, {
+					key: item.value,
+					variant: "text",
+					icon: item.icon,
+					name: item.label,
+					"button-style": getButtonStyle(item),
+					onClick: () => onClick(item)
+				}, null, 8, [
+					"icon",
+					"name",
+					"button-style",
+					"onClick"
+				]);
+			}), 128))]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/segmented.vue
+var segmented_default = segmented_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { segmented_default as t };

package/dist/segmented-CWoQcX-H.js

@@ -0,0 +1,6 @@
+import "./composables-qhB1h_ed.js";
+import "./tooltip-RiXixMIt.js";
+import "./button-D8xx1WIP.js";
+import { t as segmented_default } from "./segmented-BEtO1eyl.js";
+
+export { segmented_default as default };

package/dist/segmented-DLmggl-e.css

@@ -0,0 +1,8 @@
+.stream-markdown [data-stream-markdown="segmented"] {
+  border-radius: .375rem;
+  align-items: center;
+  gap: .25rem;
+  padding: .125rem;
+  display: flex;
+}
+

package/dist/shader-BZzu3zGr.js

@@ -0,0 +1,24 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/shader
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "#c6a0f6",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "M6.41 12c0 .9-.47 1.72-1.23 2.17c-.76.44-1.7.44-2.45 0A2.5 2.5 0 0 1 1.5 12c0-1.38 1.1-2.5 2.46-2.5A2.48 2.48 0 0 1 6.4 12h0Zm3.78-7.23A2.85 2.85 0 0 0 4.6 3.6a2.9 2.9 0 0 0 1.77 3.5c2.19.88 2.7 1.75 2.43 4.13a2.85 2.85 0 0 0 5.58 1.17a2.9 2.9 0 0 0-1.77-3.5c-2.19-.88-2.7-1.76-2.43-4.13h0Z"
+	}, null, -1)])]);
+}
+var shader_default = markRaw({
+	name: "catppuccin-shader",
+	render
+});
+
+//#endregion
+export { shader_default as default };

package/dist/shiki-CMgjqKKu.css

@@ -0,0 +1,20 @@
+.stream-markdown [data-stream-markdown="code"] .line {
+  display: block;
+  position: relative;
+}
+.stream-markdown [data-stream-markdown="code"] .line:before {
+  text-align: right;
+  width: 1rem;
+  color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
+  font-size: 13px;
+  font-family: var(--font-mono);
+  content: counter(line);
+  counter-increment: line;
+  user-select: none;
+  margin-right: 1rem;
+  display: inline-block;
+}
+.stream-markdown [data-stream-markdown="code"][data-show-line-numbers="false"] .line:before {
+  display: none;
+}
+

package/dist/shiki-vToM7Pz1.js

@@ -0,0 +1,114 @@
+import { r as useShiki } from "./composables-qhB1h_ed.js";
+import { t as vanilla_default } from "./vanilla-DkX6g0dm.js";
+import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeProps, openBlock, ref, toRefs, unref, watch } from "vue";
+
+//#region src/components/renderers/code/shiki.vue?vue&type=script&setup=true&lang.ts
+var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "shiki",
+	props: {
+		node: {
+			type: Object,
+			required: true
+		},
+		markdownParser: {
+			type: Object,
+			required: true
+		},
+		nodeRenderers: {
+			type: Object,
+			required: true
+		},
+		mediumZoom: {
+			type: Object,
+			required: true
+		},
+		indexKey: {
+			type: [Number, String],
+			required: true
+		},
+		getContainer: {
+			type: Function,
+			required: true
+		},
+		controls: {
+			type: [Boolean, Object],
+			required: false
+		},
+		previewers: {
+			type: [Boolean, Object],
+			required: false
+		},
+		shikiOptions: {
+			type: Object,
+			required: false
+		},
+		mermaidOptions: {
+			type: Object,
+			required: false
+		},
+		katexOptions: {
+			type: Object,
+			required: false
+		},
+		hardenOptions: {
+			type: Object,
+			required: false
+		},
+		codeOptions: {
+			type: Object,
+			required: false
+		},
+		imageOptions: {
+			type: Object,
+			required: false
+		},
+		isDark: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { shikiOptions, codeOptions, isDark } = toRefs(props);
+		const ShikiTokensRenderer = defineAsyncComponent(() => import("./renderer-CZ41eK_V.js"));
+		const code = computed(() => props.node.value.trim());
+		const lang = computed(() => props.node.lang || "");
+		const showLineNumbers = computed(() => {
+			var _codeOptions$value;
+			return typeof ((_codeOptions$value = codeOptions.value) === null || _codeOptions$value === void 0 ? void 0 : _codeOptions$value.lineNumbers) === "boolean" ? codeOptions.value.lineNumbers : true;
+		});
+		const { codeToTokens } = useShiki({
+			lang,
+			shikiOptions,
+			isDark
+		});
+		const tokens = ref();
+		watch(() => [
+			code.value,
+			shikiOptions.value,
+			isDark.value
+		], async () => {
+			tokens.value = await codeToTokens(code.value);
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return tokens.value ? (openBlock(), createBlock(unref(ShikiTokensRenderer), {
+				key: 0,
+				"data-stream-markdown": "code",
+				"data-show-line-numbers": showLineNumbers.value,
+				tokens: tokens.value,
+				"show-line-numbers": showLineNumbers.value
+			}, null, 8, [
+				"data-show-line-numbers",
+				"tokens",
+				"show-line-numbers"
+			])) : (openBlock(), createBlock(vanilla_default, normalizeProps(mergeProps({ key: 1 }, props)), null, 16));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/renderers/code/shiki.vue
+var shiki_default = shiki_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { shiki_default as default };

package/dist/solidity-CLieFYpL.js

@@ -0,0 +1,24 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/solidity
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "#c6a0f6",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "m3 11.5l2.5 4l2.5-4l2.5 4l2.5-4l-2.5-4l-2.5 4m2.5 4h-5m7.5-4H3m10-7l-2.5-4l-2.5 4l-2.5-4l-2.5 4l2.5 4l2.5-4M5.5.5h5M3 4.5h10"
+	}, null, -1)])]);
+}
+var solidity_default = markRaw({
+	name: "catppuccin-solidity",
+	render
+});
+
+//#endregion
+export { solidity_default as default };

package/dist/spin-B2FU3Sx6.css

@@ -0,0 +1,19 @@
+.stream-markdown [data-stream-markdown="spin"] {
+  border: 2px solid var(--foreground);
+  border-top-color: #0000;
+  border-radius: 50%;
+  width: 1rem;
+  height: 1rem;
+  margin-block: 1rem;
+  animation: 1s linear infinite spin;
+  display: inline-block;
+}
+@keyframes spin {
+from {
+    transform: rotate(0);
+}
+to {
+    transform: rotate(360deg);
+}
+}
+

package/dist/spin-Bz4zGBEo.js

@@ -0,0 +1,3 @@
+import { t as spin_default } from "./spin-Ds5W7qC_.js";
+
+export { spin_default as default };

package/dist/spin-Ds5W7qC_.js

@@ -0,0 +1,23 @@
+import { createElementBlock, openBlock } from "vue";
+
+//#region \0plugin-vue:export-helper
+var __plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+
+//#endregion
+//#region src/components/spin.vue
+const _sfc_main = {};
+const _hoisted_1 = {
+	"aria-hidden": "true",
+	"data-stream-markdown": "spin"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1);
+}
+var spin_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { spin_default as t };

package/dist/stata-C0yUiO47.js

@@ -0,0 +1,33 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/stata
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("rect", {
+		width: "13",
+		height: "13",
+		x: "1.5",
+		y: "1.5",
+		fill: "none",
+		stroke: "#7dc4e4",
+		rx: ".722",
+		ry: ".722"
+	}, null, -1), createElementVNode("path", {
+		fill: "none",
+		stroke: "#cad3f5",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "M3.5 12.5h6v-9h3v6h-9v-3h9v-3h-6v9zv-3"
+	}, null, -1)])]);
+}
+var stata_default = markRaw({
+	name: "catppuccin-stata",
+	render
+});
+
+//#endregion
+export { stata_default as default };

package/dist/strong-CvOjLZiq.js

@@ -0,0 +1,83 @@
+import { t as node_list_default } from "./node-list-CGr_EVtn.js";
+import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
+
+//#region src/components/renderers/strong.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { "data-stream-markdown": "strong" };
+var strong_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "strong",
+	props: {
+		node: {
+			type: Object,
+			required: true
+		},
+		markdownParser: {
+			type: Object,
+			required: true
+		},
+		nodeRenderers: {
+			type: Object,
+			required: true
+		},
+		mediumZoom: {
+			type: Object,
+			required: true
+		},
+		indexKey: {
+			type: [Number, String],
+			required: true
+		},
+		getContainer: {
+			type: Function,
+			required: true
+		},
+		controls: {
+			type: [Boolean, Object],
+			required: false
+		},
+		previewers: {
+			type: [Boolean, Object],
+			required: false
+		},
+		shikiOptions: {
+			type: Object,
+			required: false
+		},
+		mermaidOptions: {
+			type: Object,
+			required: false
+		},
+		katexOptions: {
+			type: Object,
+			required: false
+		},
+		hardenOptions: {
+			type: Object,
+			required: false
+		},
+		codeOptions: {
+			type: Object,
+			required: false
+		},
+		imageOptions: {
+			type: Object,
+			required: false
+		},
+		isDark: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("strong", _hoisted_1, [createVNode(node_list_default, mergeProps(props, { nodes: __props.node.children }), null, 16, ["nodes"])]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/renderers/strong.vue
+var strong_default = strong_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { strong_default as default };

package/dist/strong-DpeQmP2J.css

@@ -0,0 +1,4 @@
+.stream-markdown [data-stream-markdown="strong"] {
+  font-weight: 600;
+}
+

package/dist/svelte-rtF4yNGL.js

@@ -0,0 +1,23 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/svelte
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "#f5a97f",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round"
+	}, [createElementVNode("path", { d: "M12.86 6.72s1.39-1.98.08-3.87C11.286.763 9.44 1.6 9.44 1.6S6.15 3.35 4.33 4.59c-1.4 1-2.24 2.26-1.03 4.37c1.22 2.1 4.58 1.21 4.58 1.21" }), createElementVNode("path", { d: "M3.14 9.28s-1.39 1.98-.08 3.87c1.31 1.9 3.5 1.24 3.5 1.24s3.29-1.74 5.11-2.98c1.4-1 2.24-2.26 1.03-4.37c-1.22-2.1-4.58-1.21-4.58-1.21M6.3 6.96l4.14-2.56m-4.92 7.25L9.66 9.1" })], -1)])]);
+}
+var svelte_default = markRaw({
+	name: "catppuccin-svelte",
+	render
+});
+
+//#endregion
+export { svelte_default as default };

package/dist/swift-CzvYoIM0.js

@@ -0,0 +1,24 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/swift
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "#f5a97f",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "M14.34 10.2c.34-1.08 1.1-5.07-4.45-8.62a.48.48 0 0 0-.6.07a.44.44 0 0 0-.02.6c.03.02 2.07 2.5 1.34 5.34c-1.26-.86-6.24-4.81-6.24-4.81L7.25 7.5L1.9 4.05S5.68 8.7 8 10.45c-1.12.4-3.56.82-6.78-1.18a.48.48 0 0 0-.58.06a.44.44 0 0 0-.08.56c.11.18 2.7 4.36 8.14 4.36c1.5 0 2.37-.42 3.08-.77c.43-.2.77-.37 1.14-.37c.93 0 1.54.92 1.54.93c.1.14.27.22.44.21a.46.46 0 0 0 .4-.28c.67-1.55-.49-3.2-.96-3.78h0Z"
+	}, null, -1)])]);
+}
+var swift_default = markRaw({
+	name: "catppuccin-swift",
+	render
+});
+
+//#endregion
+export { swift_default as default };

package/dist/table-4ec9FVB_.js

@@ -0,0 +1,59 @@
+import { Fragment, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderList, renderSlot } from "vue";
+
+//#region src/components/table.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { "data-stream-markdown": "table" };
+const _hoisted_2 = { "data-stream-markdown": "table-header" };
+const _hoisted_3 = { "data-stream-markdown": "table-body" };
+var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "table",
+	props: {
+		getAlign: {
+			type: Function,
+			required: false
+		},
+		headers: {
+			type: Array,
+			required: false
+		},
+		rows: {
+			type: Array,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		function getAlign(index) {
+			var _props$getAlign;
+			return ((_props$getAlign = props.getAlign) === null || _props$getAlign === void 0 ? void 0 : _props$getAlign.call(props, index)) || "left";
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("table", _hoisted_1, [createElementVNode("thead", _hoisted_2, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.headers, (cell, index) => {
+				return openBlock(), createElementBlock("th", {
+					key: `header-${index}`,
+					style: normalizeStyle({ textAlign: getAlign(index) })
+				}, [renderSlot(_ctx.$slots, "header-cell", mergeProps({ ref_for: true }, {
+					cell,
+					cellIndex: index
+				}))], 4);
+			}), 128))])]), createElementVNode("tbody", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, rowIndex) => {
+				return openBlock(), createElementBlock("tr", { key: `${row}-${rowIndex}` }, [(openBlock(true), createElementBlock(Fragment, null, renderList(row.children, (cell, cellIndex) => {
+					return openBlock(), createElementBlock("td", {
+						key: cellIndex,
+						style: normalizeStyle({ textAlign: getAlign(cellIndex) })
+					}, [renderSlot(_ctx.$slots, "body-cell", mergeProps({ ref_for: true }, {
+						cell,
+						rowIndex,
+						cellIndex
+					}))], 4);
+				}), 128))]);
+			}), 128))])]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/table.vue
+var table_default = table_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { table_default as t };

package/dist/table-BWn_kG8W.css

@@ -0,0 +1,19 @@
+.stream-markdown [data-stream-markdown="table-wrapper"] {
+  flex-direction: column;
+  align-items: center;
+  gap: .5rem;
+  margin-block: 1rem;
+  display: flex;
+}
+.stream-markdown [data-stream-markdown="table-controls"] {
+  justify-content: end;
+  align-items: center;
+  gap: .25rem;
+  width: 100%;
+  display: flex;
+}
+.stream-markdown [data-stream-markdown="table-inner-wrapper"] {
+  width: 100%;
+  overflow-x: auto;
+}
+

package/dist/table-CJzlDdmv.css

@@ -0,0 +1,34 @@
+.stream-markdown [data-stream-markdown="table"] {
+  border-collapse: collapse;
+  border: 1px solid var(--border);
+  border-radius: .5rem;
+  width: 100%;
+  overflow: hidden;
+}
+.stream-markdown [data-stream-markdown="table-header"] {
+  background-color: color-mix(in oklab, var(--muted) 80%, transparent);
+  position: relative;
+}
+.stream-markdown [data-stream-markdown="table-body"] {
+  border-color: var(--border);
+  background-color: color-mix(in oklab, var(--muted) 40%, transparent);
+  border-block-width: 1px;
+  font-weight: 600;
+  position: relative;
+}
+.stream-markdown [data-stream-markdown="table"] tr {
+  border-bottom: 1px solid var(--border);
+}
+.stream-markdown [data-stream-markdown="table"] p {
+  margin: 0;
+}
+.stream-markdown [data-stream-markdown="table-header"] th {
+  white-space: nowrap;
+}
+.stream-markdown [data-stream-markdown="table-header"] th, .stream-markdown [data-stream-markdown="table-body"] td {
+  padding-block: .5rem;
+  padding-inline: 1rem;
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+

package/dist/table-CZLbUHiJ.js

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