@elmethis/vue 0.4.2 → 0.5.0

package/dist/components/others/ElmColorTable.vue.d.ts

@@ -1,11 +0,0 @@
-export interface ElmColorTableProps {
-    /**
-     * The colors to display.
-     */
-    colors: {
-        name: string;
-        code: string;
-    }[];
-}
-declare const _default: import('vue').DefineComponent<ElmColorTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColorTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/others/ElmColorTable.vue_vue_type_script_setup_true_lang.mjs

@@ -1,36 +0,0 @@
-import ElmColorSample_default from "./ElmColorSample.mjs";
-import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref } from "vue";
-import { darken } from "polished";
-//#region src/components/others/ElmColorTable.vue?vue&type=script&setup=true&lang.ts
-var ElmColorTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmColorTable",
-	props: { colors: {} },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.colors, (color) => {
-				return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style["row-container"]) }, [createElementVNode("div", {
-					class: normalizeClass(_ctx.$style["color-name"]),
-					style: normalizeStyle({ "--color": color.code })
-				}, toDisplayString(color.name), 7), (openBlock(), createElementBlock(Fragment, null, renderList([
-					-3,
-					-.25,
-					-.2,
-					-.15,
-					-.1,
-					-.05,
-					0,
-					.05,
-					.1,
-					.15,
-					.2,
-					.25,
-					.3
-				], (darkness) => {
-					return createVNode(ElmColorSample_default, { color: unref(darken)(darkness, color.code) }, null, 8, ["color"]);
-				}), 64))], 2);
-			}), 256))], 2);
-		};
-	}
-});
-//#endregion
-export { ElmColorTable_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/others/ElmColorTable.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,20 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._container_2ivef_1{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.25rem;display:flex}._container_2ivef_1 ._row-container_2ivef_8{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.25rem;display:flex}._container_2ivef_1 ._row-container_2ivef_8 ._color-name_2ivef_15{width:6rem;color:var(--color)}._container_2ivef_1 ._row-container_2ivef_8 ._color-name_2ivef_15::selection{background-color:var(--color);color:#fff}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmColorTable_vue_vue_type_style_index_0_lang_module_default = {
-	container: "_container_2ivef_1",
-	"row-container": "_row-container_2ivef_8",
-	"color-name": "_color-name_2ivef_15"
-};
-//#endregion
-export { ElmColorTable_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/others/ElmCommandPalette.mjs

@@ -1,20 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode(".fade-enter-active[data-v-e975d67d],.fade-leave-active[data-v-e975d67d]{transition:all .1s}.fade-enter-from[data-v-e975d67d],.fade-leave-to[data-v-e975d67d]{opacity:0;transform:translate(.5rem)}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
-import ElmCommandPalette_vue_vue_type_script_setup_true_lang_default from "./ElmCommandPalette.vue_vue_type_script_setup_true_lang.mjs";
-import ElmCommandPalette_vue_vue_type_style_index_0_lang_module_default from "./ElmCommandPalette.vue_vue_type_style_index_0_lang.module.mjs";
-
-var ElmCommandPalette_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ElmCommandPalette_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ElmCommandPalette_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-e975d67d"]]);
-//#endregion
-export { ElmCommandPalette_default as default };

package/dist/components/others/ElmCommandPalette.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmCommandPalette } from './ElmCommandPalette.vue';
-declare const meta: Meta<typeof ElmCommandPalette>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;

package/dist/components/others/ElmCommandPalette.vue.d.ts

@@ -1,46 +0,0 @@
-declare const TAG_COLOR_MAP: {
-    brown: string;
-    crimson: string;
-    amber: string;
-    gold: string;
-    emerald: string;
-    cyan: string;
-    blue: string;
-    purple: string;
-    pink: string;
-};
-export interface Command {
-    id: string;
-    icon?: string;
-    label: string;
-    tag?: {
-        name: string;
-        color: keyof typeof TAG_COLOR_MAP;
-    };
-    description?: string;
-    keywords?: string[];
-    onInvoke?: () => void;
-}
-export interface ElmCommandPaletteProps {
-    commands: Command[];
-    onCommandInvoked?: (command?: Command) => void;
-}
-type __VLS_Props = ElmCommandPaletteProps;
-declare const __VLS_defaults: {
-    modelValue: string;
-    selectedCommandIndex: null;
-};
-type __VLS_PublicProps = {
-    modelValue?: typeof __VLS_defaults['modelValue'];
-    "selectedCommandIndex"?: number | null;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-    "update:selectedCommandIndex": (value: number | null) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:selectedCommandIndex"?: ((value: number | null) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    inputRef: HTMLInputElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/others/ElmCommandPalette.vue_vue_type_script_setup_true_lang.mjs

@@ -1,155 +0,0 @@
-import ElmMdiIcon_default from "../icon/ElmMdiIcon.mjs";
-import ElmInlineText_default from "../typography/ElmInlineText.mjs";
-import { Fragment, TransitionGroup, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, toDisplayString, unref, useModel, useTemplateRef, vModelText, watch, withCtx, withDirectives } from "vue";
-import { mdiConsoleLine, mdiKeyboardReturn } from "@mdi/js";
-import { opacify } from "polished";
-import { onKeyStroke } from "@vueuse/core";
-import Fuse from "fuse.js";
-//#region src/components/others/ElmCommandPalette.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["onClick"];
-var _hoisted_2 = ["src"];
-var ElmCommandPalette_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmCommandPalette",
-	props: /* @__PURE__ */ mergeModels({
-		commands: {},
-		onCommandInvoked: {}
-	}, {
-		"modelValue": { default: "" },
-		"modelModifiers": {},
-		"selectedCommandIndex": { default: null },
-		"selectedCommandIndexModifiers": {}
-	}),
-	emits: ["update:modelValue", "update:selectedCommandIndex"],
-	setup(__props) {
-		const TAG_COLOR_MAP = {
-			brown: "#a17c5b",
-			crimson: "#c56565",
-			amber: "#d48b70",
-			gold: "#cdb57b",
-			emerald: "#59b57c",
-			cyan: "#59a7b5",
-			blue: "#6987b8",
-			purple: "#9771bd",
-			pink: "#c9699e"
-		};
-		const props = __props;
-		const input = useModel(__props, "modelValue");
-		const inputTarget = useTemplateRef("inputRef");
-		const fuse = ref(null);
-		const searchResults = ref([]);
-		const selectedCommandIndex = useModel(__props, "selectedCommandIndex");
-		const FUSE_OPTION = Object.freeze({ keys: ["label", "keywords"] });
-		onMounted(() => {
-			inputTarget.value?.focus();
-			if (fuse.value == null) fuse.value = new Fuse(props.commands, FUSE_OPTION);
-		});
-		const search = (input) => {
-			if (fuse.value == null) fuse.value = new Fuse(props.commands, FUSE_OPTION);
-			searchResults.value = fuse.value.search(input).map((result) => result.item);
-			selectedCommandIndex.value = 0;
-		};
-		const next = () => {
-			if (selectedCommandIndex.value == null) selectedCommandIndex.value = 0;
-			else if (searchResults.value.length - 1 > selectedCommandIndex.value) selectedCommandIndex.value = selectedCommandIndex.value + 1;
-		};
-		const prev = () => {
-			if (selectedCommandIndex.value == null) selectedCommandIndex.value = 0;
-			else if (selectedCommandIndex.value > 0) selectedCommandIndex.value = selectedCommandIndex.value - 1;
-		};
-		const invoke = () => {
-			if (selectedCommandIndex.value !== null) {
-				const command = searchResults.value[selectedCommandIndex.value];
-				if (command != null && command.onInvoke != null) {
-					command.onInvoke();
-					if (props.onCommandInvoked) props.onCommandInvoked(command);
-				}
-			}
-		};
-		onKeyStroke(["ArrowDown", "Tab"], (e) => {
-			e.preventDefault();
-			next();
-		});
-		onKeyStroke("ArrowUp", (e) => {
-			e.preventDefault();
-			prev();
-		});
-		onKeyStroke("Enter", (e) => {
-			e.preventDefault();
-			invoke();
-		});
-		watch(input, (_, input) => {
-			search(input);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(_ctx.$style.palette),
-				style: {
-					"--height": "500px",
-					"--width": "800px"
-				}
-			}, [
-				createElementVNode("header", { class: normalizeClass(_ctx.$style.header) }, [createVNode(ElmMdiIcon_default, { d: unref(mdiConsoleLine) }, null, 8, ["d"]), withDirectives(createElementVNode("input", {
-					class: normalizeClass(_ctx.$style.input),
-					ref: "inputRef",
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
-					type: "text",
-					inputmode: "text"
-				}, null, 2), [[vModelText, input.value]])], 2),
-				createElementVNode("div", { class: normalizeClass(_ctx.$style.body) }, [createVNode(TransitionGroup, { name: "fade" }, {
-					default: withCtx(() => [searchResults.value.length === 0 ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: normalizeClass(_ctx.$style["empty-result"])
-					}, [createVNode(ElmInlineText_default, { text: "search anything..." })], 2)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(searchResults.value, (command, index) => {
-						return openBlock(), createElementBlock("button", {
-							class: normalizeClass([_ctx.$style.command, { [_ctx.$style["command-selected"]]: index === selectedCommandIndex.value }]),
-							onClick: () => {
-								selectedCommandIndex.value = index;
-								invoke();
-							}
-						}, [
-							command.icon ? (openBlock(), createElementBlock("img", {
-								key: 0,
-								class: normalizeClass(_ctx.$style["command-icon"]),
-								src: command.icon
-							}, null, 10, _hoisted_2)) : (openBlock(), createBlock(ElmMdiIcon_default, {
-								key: 1,
-								d: unref(mdiConsoleLine),
-								size: "1rem"
-							}, null, 8, ["d"])),
-							createElementVNode("div", {
-								class: normalizeClass(_ctx.$style.tag),
-								style: normalizeStyle({ "--tag-color": command.tag != null ? unref(opacify)(-.3, TAG_COLOR_MAP[command.tag?.color]) : void 0 })
-							}, toDisplayString(command.tag?.name), 7),
-							createVNode(ElmInlineText_default, {
-								text: command.label,
-								style: {
-									"white-space": "nowrap",
-									"overflow": "hidden",
-									"text-overflow": "ellipsis",
-									"max-width": "24rem"
-								}
-							}, null, 8, ["text"]),
-							createVNode(ElmInlineText_default, {
-								text: command.description ?? "-",
-								style: {
-									"opacity": "0.4",
-									"white-space": "nowrap",
-									"overflow": "hidden",
-									"text-overflow": "ellipsis"
-								}
-							}, null, 8, ["text"]),
-							createElementVNode("div", null, [createVNode(ElmMdiIcon_default, { d: unref(mdiKeyboardReturn) }, null, 8, ["d"])])
-						], 10, _hoisted_1);
-					}), 256))]),
-					_: 1
-				})], 2),
-				createElementVNode("footer", { class: normalizeClass(_ctx.$style.footer) }, [createVNode(ElmInlineText_default, {
-					text: "Esc",
-					kbd: true
-				}), createVNode(ElmInlineText_default, { text: "Close" })], 2)
-			], 2);
-		};
-	}
-});
-//#endregion
-export { ElmCommandPalette_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/others/ElmCommandPalette.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,27 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._palette_12i4e_1{height:clamp(300px, var(--height), 100vh - 2rem);width:clamp(300px, var(--width), 100vw - 1rem);border-radius:.25rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 .125rem #3e434b80}._header_12i4e_11{box-sizing:border-box;color:#3e434b;background-color:#e1e3e6;border-bottom:1px solid #cccfd5bf;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;height:3rem;padding:.5rem;font-size:1.1rem;display:flex}[data-theme=dark] ._header_12i4e_11{background-color:#33373e;border-color:#cccfd54d}._input_12i4e_30{all:unset;caret-color:#788191;color:#3e434b;width:100%;font-family:monospace}[data-theme=dark] ._input_12i4e_30{color:#cccfd5}._body_12i4e_41{-webkit-user-select:none;user-select:none;background-color:#ecedef;flex-direction:column;gap:0;width:100%;height:100%;display:flex;position:relative;overflow:hidden}[data-theme=dark] ._body_12i4e_41{background-color:#3e434b}._empty-result_12i4e_57{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}._command_12i4e_68{all:unset;box-sizing:border-box;grid-gap:.5rem;cursor:pointer;border-bottom:1px solid #cccfd580;border-left:4px solid #0000;grid-template-columns:2rem minmax(min-content,1fr) minmax(min-content,1fr) 50fr 2rem;align-items:center;gap:.5rem;width:100%;min-height:3rem;padding:0 .75rem;transition:background-color .1s;display:grid;overflow:hidden}._command_12i4e_68:hover{background-color:#6987b833}[data-theme=dark] ._command_12i4e_68{border-bottom:1px solid #cccfd533}._command-selected_12i4e_91{background-color:#6987b81a;border-color:#868e9c80}._command-icon_12i4e_96{height:1.5rem}._tag_12i4e_100{box-sizing:border-box;background-color:var(--tag-color);color:#fff;opacity:.7;border-radius:.125rem;padding:.125rem .25rem}._footer_12i4e_109{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#e1e3e6;border-top:1px solid #cccfd5bf;justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem;display:flex}[data-theme=dark] ._footer_12i4e_109{background-color:#33373e;border-color:#cccfd54d}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmCommandPalette_vue_vue_type_style_index_0_lang_module_default = {
-	palette: "_palette_12i4e_1",
-	header: "_header_12i4e_11",
-	input: "_input_12i4e_30",
-	body: "_body_12i4e_41",
-	"empty-result": "_empty-result_12i4e_57",
-	command: "_command_12i4e_68",
-	"command-selected": "_command-selected_12i4e_91",
-	"command-icon": "_command-icon_12i4e_96",
-	tag: "_tag_12i4e_100",
-	footer: "_footer_12i4e_109"
-};
-//#endregion
-export { ElmCommandPalette_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/others/ElmJsonComponentRenderer.mjs

@@ -1,6 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
-import ElmJsonComponentRenderer_vue_vue_type_script_setup_true_lang_default from "./ElmJsonComponentRenderer.vue_vue_type_script_setup_true_lang.mjs";
-import ElmJsonComponentRenderer_vue_vue_type_style_index_0_lang_module_default from "./ElmJsonComponentRenderer.vue_vue_type_style_index_0_lang.module.mjs";
-var ElmJsonComponentRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ElmJsonComponentRenderer_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ElmJsonComponentRenderer_vue_vue_type_style_index_0_lang_module_default }]]);
-//#endregion
-export { ElmJsonComponentRenderer_default as default };

package/dist/components/others/ElmJsonComponentRenderer.stories.d.ts

@@ -1,25 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmJsonComponentRenderer } from './ElmJsonComponentRenderer.vue';
-declare const meta: Meta<typeof ElmJsonComponentRenderer>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const InlineIcon: Story;
-export declare const InlineKatex: Story;
-export declare const Heading: Story;
-export declare const UnorderedList: Story;
-export declare const OrderedList: Story;
-export declare const BlockQuote: Story;
-export declare const Callout: Story;
-export declare const Divider: Story;
-export declare const Toggle: Story;
-export declare const Bookmark: Story;
-export declare const File: Story;
-export declare const Image: Story;
-export declare const CodeBlock: Story;
-export declare const Katex: Story;
-export declare const Table: Story;
-export declare const ColumnList: Story;
-export declare const ColumnListWithRatio: Story;
-export declare const Unsupported: Story;
-export declare const Unified: Story;

package/dist/components/others/ElmJsonComponentRenderer.vue.d.ts

@@ -1,7 +0,0 @@
-import { Component } from 'jarkup-ts';
-export interface ElmJsonComponentRendererProps {
-    jsonComponents: Component[];
-    skipUnsupportedComponentWarning?: boolean;
-}
-declare const _default: import('vue').DefineComponent<ElmJsonComponentRendererProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmJsonComponentRendererProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/others/ElmJsonComponentRenderer.vue_vue_type_script_setup_true_lang.mjs

@@ -1,184 +0,0 @@
-import ElmInlineIcon_default from "../icon/ElmInlineIcon.mjs";
-import ElmImage_default from "../media/ElmImage.mjs";
-import ElmInlineText_default from "../typography/ElmInlineText.mjs";
-import ElmCodeBlock_default from "../code/ElmCodeBlock.mjs";
-import ElmKatex_default from "../code/ElmKatex.mjs";
-import ElmHeading_default from "../typography/ElmHeading.mjs";
-import ElmTabs_default from "../containments/ElmTabs.mjs";
-import ElmToggle_default from "../containments/ElmToggle.mjs";
-import ElmBlockFallback_default from "../fallback/ElmBlockFallback.mjs";
-import ElmUnsupportedBlock_default from "../fallback/ElmUnsupportedBlock.mjs";
-import ElmFile_default from "../media/ElmFile.mjs";
-import ElmBookmark_default from "../navigation/ElmBookmark.mjs";
-import ElmParagraph_default from "../typography/ElmParagraph.mjs";
-import ElmList_default from "../typography/ElmList.mjs";
-import ElmBlockQuote_default from "../typography/ElmBlockQuote.mjs";
-import ElmCallout_default from "../typography/ElmCallout.mjs";
-import ElmDivider_default from "../typography/ElmDivider.mjs";
-import ElmTable_default from "../table/ElmTable.mjs";
-import ElmTableHeader_default from "../table/ElmTableHeader.mjs";
-import ElmTableBody_default from "../table/ElmTableBody.mjs";
-import ElmTableRow_default from "../table/ElmTableRow.mjs";
-import ElmTableCell_default from "../table/ElmTableCell.mjs";
-import { Fragment, computed, createBlock, createElementBlock, defineAsyncComponent, defineComponent, h, normalizeClass, openBlock, ref, resolveDynamicComponent, useCssModule, watch } from "vue";
-import { kebabCase } from "lodash-es";
-//#region src/components/others/ElmJsonComponentRenderer.vue?vue&type=script&setup=true&lang.ts
-var ElmJsonComponentRenderer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmJsonComponentRenderer",
-	props: {
-		jsonComponents: {},
-		skipUnsupportedComponentWarning: { type: Boolean }
-	},
-	setup(__props) {
-		const ElmMermaid = defineAsyncComponent({
-			loader: async () => (await import("../code/ElmMermaid.mjs")).default,
-			loadingComponent: ElmBlockFallback_default
-		});
-		const props = __props;
-		const style = useCssModule();
-		const convertInlineComponentsToPlainText = (inlineComponents) => {
-			return inlineComponents.map((component) => {
-				if (component.type === "Text") return component.props.text;
-				else return "";
-			}).join("");
-		};
-		const defaultRenderFunctionMap = (render) => {
-			return {
-				Text: ({ props }) => {
-					if (props.katex) return h(ElmKatex_default, {
-						expression: props.text,
-						block: false
-					});
-					else return h(ElmInlineText_default, {
-						text: props.text,
-						color: props.color,
-						backgroundColor: props.backgroundColor,
-						bold: props.bold,
-						italic: props.italic,
-						underline: props.underline,
-						strikethrough: props.strikethrough,
-						code: props.code,
-						ruby: props.ruby,
-						href: props.href,
-						favicon: props.favicon
-					});
-				},
-				Icon: ({ props }) => h(ElmInlineIcon_default, {
-					src: props.src,
-					alt: props.alt
-				}),
-				Fragment: ({ slots }) => h(Fragment, {}, render(slots.default)),
-				Heading: ({ props, slots }) => h(ElmHeading_default, {
-					level: props.level,
-					id: kebabCase(convertInlineComponentsToPlainText(slots.default))
-				}, { default: () => render(slots.default) }),
-				Paragraph: ({ props, slots }) => h(ElmParagraph_default, {
-					color: props?.color,
-					backgroundColor: props?.backgroundColor
-				}, { default: () => render(slots.default) }),
-				ListItem: ({ slots }) => h("li", {}, { default: () => render(slots.default) }),
-				List: ({ props, slots }) => h(ElmList_default, { listStyle: props?.listStyle === "unordered" ? "unordered" : "ordered" }, { default: () => render(slots.default) }),
-				BlockQuote: ({ props, slots }) => h(ElmBlockQuote_default, { cite: props?.cite }, { default: () => render(slots.default) }),
-				Callout: ({ props, slots }) => h(ElmCallout_default, { type: props?.type }, { default: () => render(slots.default) }),
-				Divider: ({}) => h(ElmDivider_default, {}),
-				Toggle: ({ slots }) => h(ElmToggle_default, {}, {
-					default: () => render(slots.default),
-					summary: () => render(slots.summary)
-				}),
-				Bookmark: ({ props }) => h(ElmBookmark_default, {
-					url: props.url,
-					title: props.title,
-					description: props.description,
-					image: props.image
-				}),
-				File: ({ props }) => h(ElmFile_default, {
-					src: props.src,
-					name: props.name
-				}),
-				Image: ({ props }) => h(ElmImage_default, {
-					src: props.src,
-					alt: props.alt,
-					width: props.width,
-					height: props.height,
-					srcset: props.srcset,
-					sizes: props.sizes,
-					block: true,
-					enableModal: true
-				}),
-				CodeBlock: ({ props, slots }) => slots != null ? h(ElmCodeBlock_default, {
-					code: props.code,
-					language: props.language
-				}, { default: () => render(slots.default) }) : h(ElmCodeBlock_default, {
-					code: props.code,
-					language: props.language
-				}),
-				Katex: ({ props }) => h(ElmKatex_default, {
-					expression: props.expression,
-					block: true
-				}),
-				Mermaid: ({ props }) => h(ElmMermaid, { code: props.code }),
-				Tab: () => h(Fragment, {}),
-				Tabs: ({ slots }) => {
-					const labels = [];
-					const contents = [];
-					for (const tab of slots.default) {
-						labels.push(h("span", {}, render(tab.slots.labels)));
-						contents.push(h("div", {}, render(tab.slots.contents)));
-					}
-					return h(ElmTabs_default, {}, {
-						tabLabels: () => labels,
-						tabContents: () => contents
-					});
-				},
-				Table: ({ props, slots }) => {
-					let header = void 0;
-					if (slots.header != null) {
-						const headerSlot = slots.header;
-						header = h(ElmTableHeader_default, {}, { default: () => render(headerSlot) });
-					}
-					return h(ElmTable_default, {
-						caption: props?.caption,
-						hasRowHeader: props?.hasRowHeader
-					}, {
-						body: () => h(ElmTableBody_default, {}, { default: () => render(slots.body) }),
-						header: header ? () => header : void 0
-					});
-				},
-				TableRow: ({ slots }) => h(ElmTableRow_default, {}, { default: () => render(slots.default) }),
-				TableCell: ({ slots }) => h(ElmTableCell_default, {}, { default: () => render(slots.default) }),
-				ColumnList: ({ slots }) => h("div", { class: style["column-list"] }, { default: () => render(slots.default) }),
-				Column: ({ props, slots }) => h("div", {
-					class: style.column,
-					style: {
-						"--width-ratio": props?.widthRatio ? props.widthRatio : 1,
-						width: props?.widthRatio ? `${props.widthRatio * 100}%` : void 0
-					}
-				}, { default: () => render(slots.default) }),
-				Unsupported: ({ props }) => h(ElmUnsupportedBlock_default, { details: props?.details })
-			};
-		};
-		const render = (jsonComponents) => {
-			const results = [];
-			for (const component of jsonComponents) {
-				if (props.skipUnsupportedComponentWarning && component.type === "Unsupported") continue;
-				let renderFunction = defaultRenderFunctionMap(render)[component.type];
-				if (!renderFunction) {
-					if (props.skipUnsupportedComponentWarning) continue;
-					renderFunction = () => h(ElmUnsupportedBlock_default, { details: `Unsupported component type: ${component.type}` });
-				}
-				results.push(renderFunction(component));
-			}
-			return results;
-		};
-		const renderResult = ref(render(props.jsonComponents));
-		const components = computed(() => ({ render: () => renderResult.value }));
-		watch(() => props.jsonComponents, (newComponents) => {
-			renderResult.value = render(newComponents);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style["jarkup-body"]) }, [(openBlock(), createBlock(resolveDynamicComponent(components.value)))], 2);
-		};
-	}
-});
-//#endregion
-export { ElmJsonComponentRenderer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/others/ElmJsonComponentRenderer.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,20 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._jarkup-body_735wd_2{--margin-block:3rem}._jarkup-body_735wd_2>*+*{margin-block-start:2em;margin-block-start:var(--margin-block,2em)}._column-list_735wd_10{box-sizing:content-box;flex-direction:row;justify-content:space-around;gap:.25rem;width:100%;padding-block:.25rem;display:flex;overflow:auto}._column_735wd_10{box-sizing:border-box;flex:1;flex:var(--width-ratio,1);padding:.125rem}._column_735wd_10>*+*{margin-block-start:2em}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmJsonComponentRenderer_vue_vue_type_style_index_0_lang_module_default = {
-	"jarkup-body": "_jarkup-body_735wd_2",
-	"column-list": "_column-list_735wd_10",
-	column: "_column_735wd_10"
-};
-//#endregion
-export { ElmJsonComponentRenderer_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/others/ElmMarkdown.mjs

@@ -1,6 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
-import ElmMarkdown_vue_vue_type_script_setup_true_lang_default from "./ElmMarkdown.vue_vue_type_script_setup_true_lang.mjs";
-import ElmMarkdown_vue_vue_type_style_index_0_lang_module_default from "./ElmMarkdown.vue_vue_type_style_index_0_lang.module.mjs";
-var ElmMarkdown_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ElmMarkdown_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ElmMarkdown_vue_vue_type_style_index_0_lang_module_default }]]);
-//#endregion
-export { ElmMarkdown_default as default };

package/dist/components/others/ElmMarkdown.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmMarkdown } from './ElmMarkdown.vue';
-declare const meta: Meta<typeof ElmMarkdown>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const CodeBlock: Story;

package/dist/components/others/ElmMarkdown.vue.d.ts

@@ -1,5 +0,0 @@
-export interface ElmMarkdownProps {
-    markdown: string;
-}
-declare const _default: import('vue').DefineComponent<ElmMarkdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmMarkdownProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;