@elmethis/core 1.0.0-alpha.189 → 1.0.0-alpha.190

package/dist/components/icon/ElmLoginIcon.vue2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, withCtx, createVNode, unref, normalizeStyle, normalizeClass } from "vue";
 import { Icon } from "@iconify/vue";
 import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmLoginIcon",
   props: {

package/dist/components/media/ElmBlockImage.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-0a4181a9],.v-leave-from[data-v-0a4181a9]{opacity:1}.v-enter-active[data-v-0a4181a9],.v-leave-active[data-v-0a4181a9]{transition:opacity .3s}.v-enter-from[data-v-0a4181a9],.v-leave-to[data-v-0a4181a9]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-42e56906],.v-leave-from[data-v-42e56906]{opacity:1}.v-enter-active[data-v-42e56906],.v-leave-active[data-v-42e56906]{transition:opacity .3s}.v-enter-from[data-v-42e56906],.v-leave-to[data-v-42e56906]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmBlockImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-0a4181a9"]]);
+const ElmBlockImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-42e56906"]]);
 export {
   ElmBlockImage as default
 };

package/dist/components/media/ElmBlockImage.vue2.mjs

@@ -2,10 +2,11 @@ import { defineComponent, ref, createElementBlock, openBlock, Fragment, createEl
 import ElmRectangleWave from "../fallback/ElmRectangleWave.vue.mjs";
 import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
 import { useImage, onKeyStroke } from "@vueuse/core";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
-import { Icon } from "@iconify/vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import { mdiMessageImageOutline } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
 const _hoisted_1 = ["src", "alt"];
-const _hoisted_2 = ["src", "alt"];
+const _hoisted_2 = ["d"];
+const _hoisted_3 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmBlockImage",
   props: {
@@ -68,7 +69,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 0,
               class: normalizeClass(_ctx.$style["alt-container"])
             }, [
-              createVNode(unref(Icon), { icon: "material-symbols:image-outline" }),
+              (openBlock(), createElementBlock("svg", {
+                class: normalizeClass(_ctx.$style["alt-icon"]),
+                viewBox: "0 0 24 24",
+                width: "1rem",
+                height: "1rem",
+                fill: "currentColor"
+              }, [
+                createElementVNode("path", { d: unref(mdiMessageImageOutline) }, null, 8, _hoisted_2)
+              ], 2)),
               createElementVNode("div", {
                 class: normalizeClass(_ctx.$style["alt-text"])
               }, [
@@ -94,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: _cache[1] || (_cache[1] = () => {
                   isModalOpen.value = false;
                 })
-              }, null, 10, _hoisted_2)
+              }, null, 10, _hoisted_3)
             ], 2)) : createCommentVNode("", true)
           ]),
           _: 1

package/dist/components/media/ElmBlockImage.vue3.mjs

@@ -3,27 +3,28 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._container_24o6q_1{margin-block:1rem;width:100%;display:flex;justify-content:center;align-items:center}._image_24o6q_9{overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;display:block;max-width:100%;height:var(--height);opacity:var(--opacity);transition:opacity .4s;cursor:zoom-in}._alt-container_24o6q_21{margin:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;color:#6987b8;opacity:.8}._alt-text_24o6q_31{width:-moz-fit-content;width:fit-content}._error_24o6q_35{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:10rem;line-height:1.5rem;color:#c56565}._fallback_24o6q_47{margin-block:1rem;margin:0;padding:0;position:relative;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;aspect-ratio:1200/630}._modal_24o6q_60{z-index:1000;position:fixed;width:100%;height:100vh;top:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;cursor:zoom-out}._modal_24o6q_60 ._modal-image_24o6q_73{width:100vw;height:100vh;-o-object-fit:contain;object-fit:contain}"));
+      elementStyle.appendChild(document.createTextNode("._container_1n578_1{margin-block:1rem;width:100%;display:flex;justify-content:center;align-items:center}._image_1n578_9{overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;display:block;max-width:100%;height:var(--height);opacity:var(--opacity);transition:opacity .4s;cursor:zoom-in}._alt-container_1n578_21{margin:1rem;display:flex;justify-content:center;align-items:flex-end;gap:.5rem;color:#6987b8;opacity:.8}._alt-icon_1n578_31{fill:#6987b8}._alt-text_1n578_35{width:-moz-fit-content;width:fit-content}._error_1n578_39{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:10rem;line-height:1.5rem;color:#c56565}._fallback_1n578_51{margin-block:1rem;margin:0;padding:0;position:relative;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;aspect-ratio:1200/630}._modal_1n578_64{z-index:1000;position:fixed;width:100%;height:100vh;top:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;cursor:zoom-out}._modal_1n578_64 ._modal-image_1n578_77{width:100vw;height:100vh;-o-object-fit:contain;object-fit:contain}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const container = "_container_24o6q_1";
-const image = "_image_24o6q_9";
-const error = "_error_24o6q_35";
-const fallback = "_fallback_24o6q_47";
-const modal = "_modal_24o6q_60";
+const container = "_container_1n578_1";
+const image = "_image_1n578_9";
+const error = "_error_1n578_39";
+const fallback = "_fallback_1n578_51";
+const modal = "_modal_1n578_64";
 const style0 = {
   container,
   image,
-  "alt-container": "_alt-container_24o6q_21",
-  "alt-text": "_alt-text_24o6q_31",
+  "alt-container": "_alt-container_1n578_21",
+  "alt-icon": "_alt-icon_1n578_31",
+  "alt-text": "_alt-text_1n578_35",
   error,
   fallback,
   modal,
-  "modal-image": "_modal-image_24o6q_73"
+  "modal-image": "_modal-image_1n578_77"
 };
 export {
   container,

package/dist/components/media/ElmFile.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, unref, createBlock, createCommentVNode } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 const _hoisted_1 = { style: { opacity: 0.6 } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmFile",

package/dist/components/media/ElmFile.vue3.mjs

@@ -3,21 +3,21 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._file_ox390_1{margin-block:var(--margin-block);box-sizing:border-box;width:100%;padding:1rem;box-shadow:0 0 .25rem #0003;display:flex;justify-content:space-between;align-items:center;background-color:#fff3}[data-theme=dark] ._file_ox390_1{background-color:#0003}._file_ox390_1 ._left-container_ox390_15{display:flex;justify-content:flex-start;align-items:center;gap:.75rem}._file_ox390_1 ._left-container_ox390_15 ._icon_ox390_21{width:20px;height:20px;transition:color .2s;color:#000c}[data-theme=dark] ._file_ox390_1 ._left-container_ox390_15 ._icon_ox390_21{color:#fffc}._file_ox390_1 ._right-container_ox390_30{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}._file_ox390_1 ._right-container_ox390_30 ._download-icon_ox390_36{padding:.125rem;width:20px;height:20px;cursor:pointer;transition:color .2s,background-color .2s;color:#000c}[data-theme=dark] ._file_ox390_1 ._right-container_ox390_30 ._download-icon_ox390_36{color:#fffc}._file_ox390_1 ._right-container_ox390_30 ._download-icon_ox390_36:hover{background-color:#0000001a}[data-theme=dark] ._file_ox390_1 ._right-container_ox390_30 ._download-icon_ox390_36:hover{background-color:#ffffff1a}"));
+      elementStyle.appendChild(document.createTextNode("._file_q7zca_1{margin-block:var(--margin-block);box-sizing:border-box;width:100%;padding:1rem;box-shadow:0 0 .125rem #0003;border-radius:.25rem;display:flex;justify-content:space-between;align-items:center;background-color:#fff3}[data-theme=dark] ._file_q7zca_1{background-color:#0003}._file_q7zca_1 ._left-container_q7zca_16{display:flex;justify-content:flex-start;align-items:center;gap:.75rem}._file_q7zca_1 ._left-container_q7zca_16 ._icon_q7zca_22{width:20px;height:20px;transition:color .2s;color:#000c}[data-theme=dark] ._file_q7zca_1 ._left-container_q7zca_16 ._icon_q7zca_22{color:#fffc}._file_q7zca_1 ._right-container_q7zca_31{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}._file_q7zca_1 ._right-container_q7zca_31 ._download-icon_q7zca_37{padding:.125rem;width:20px;height:20px;cursor:pointer;transition:color .2s,background-color .2s;color:#000c}[data-theme=dark] ._file_q7zca_1 ._right-container_q7zca_31 ._download-icon_q7zca_37{color:#fffc}._file_q7zca_1 ._right-container_q7zca_31 ._download-icon_q7zca_37:hover{background-color:#0000001a}[data-theme=dark] ._file_q7zca_1 ._right-container_q7zca_31 ._download-icon_q7zca_37:hover{background-color:#ffffff1a}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const file = "_file_ox390_1";
-const icon = "_icon_ox390_21";
+const file = "_file_q7zca_1";
+const icon = "_icon_q7zca_22";
 const style0 = {
   file,
-  "left-container": "_left-container_ox390_15",
+  "left-container": "_left-container_q7zca_16",
   icon,
-  "right-container": "_right-container_ox390_30",
-  "download-icon": "_download-icon_ox390_36"
+  "right-container": "_right-container_q7zca_31",
+  "download-icon": "_download-icon_q7zca_37"
 };
 export {
   style0 as default,

package/dist/components/media/ElmImage.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-aae1a3f7],.v-leave-from[data-v-aae1a3f7]{opacity:1}.v-enter-active[data-v-aae1a3f7],.v-leave-active[data-v-aae1a3f7]{transition:opacity .3s}.v-enter-from[data-v-aae1a3f7],.v-leave-to[data-v-aae1a3f7]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-a6508d78],.v-leave-from[data-v-a6508d78]{opacity:1}.v-enter-active[data-v-a6508d78],.v-leave-active[data-v-a6508d78]{transition:opacity .3s}.v-enter-from[data-v-a6508d78],.v-leave-to[data-v-a6508d78]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-aae1a3f7"]]);
+const ElmImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-a6508d78"]]);
 export {
   ElmImage as default
 };

package/dist/components/media/ElmImage.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVN
 import ElmRectangleWave from "../fallback/ElmRectangleWave.vue.mjs";
 import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
 import { useImage, onKeyStroke } from "@vueuse/core";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 const _hoisted_1 = ["src", "alt"];
 const _hoisted_2 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/navigation/ElmBookmark.vue.d.ts

@@ -46,8 +46,8 @@ export interface ElmBookmarkProps {
     favicon?: string;
 }
 declare const _default: import('vue').DefineComponent<ElmBookmarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBookmarkProps> & Readonly<{}>, {
-    openInNewTab: boolean;
     hideUrl: boolean;
+    openInNewTab: boolean;
     description: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/navigation/ElmBookmark.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createVNode, Fragment, unref } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 import ElmImage from "../media/ElmImage.vue.mjs";
 const _hoisted_1 = ["href", "target"];
 const _hoisted_2 = ["src"];

package/dist/components/navigation/ElmBreadcrumb.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList, createElementVNode, createBlock, createCommentVNode, createVNode, unref } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 import { useIntersectionObserver } from "@vueuse/core";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/navigation/ElmPagetop.vue.d.ts

@@ -2,7 +2,7 @@ export interface ElmPagetopProps {
     /**
      * Specifies the position of the button.
      */
-    position?: 'left' | 'right';
+    position?: "left" | "right";
 }
 declare const _default: import('vue').DefineComponent<ElmPagetopProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmPagetopProps> & Readonly<{}>, {
     position: "left" | "right";

package/dist/components/navigation/ElmTableOfContents.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createVNode, unref } from "vue";
 import { Icon } from "@iconify/vue";
-import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 const _hoisted_1 = ["href"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmTableOfContents",

package/dist/components/others/ElmColorSample.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-9606dccc],.v-leave-from[data-v-9606dccc]{opacity:1}.v-enter-active[data-v-9606dccc],.v-leave-active[data-v-9606dccc]{transition:opacity .3s}.v-enter-from[data-v-9606dccc],.v-leave-to[data-v-9606dccc]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-061854af],.v-leave-from[data-v-061854af]{opacity:1}.v-enter-active[data-v-061854af],.v-leave-active[data-v-061854af]{transition:opacity .3s}.v-enter-from[data-v-061854af],.v-leave-to[data-v-061854af]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmColorSample = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-9606dccc"]]);
+const ElmColorSample = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-061854af"]]);
 export {
   ElmColorSample as default
 };

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

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+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 Unsupported: Story;

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

@@ -0,0 +1,6 @@
+import { Component } from 'jarkup-ts';
+export interface ElmJsonComponentRendererProps {
+    jsonComponents: Component[];
+}
+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, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmJsonComponentRenderer.vue2.mjs";
+import style0 from "./ElmJsonComponentRenderer.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmJsonComponentRenderer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmJsonComponentRenderer as default
+};

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

@@ -0,0 +1,217 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-a7487e3e],.v-leave-from[data-v-a7487e3e]{opacity:1}.v-enter-active[data-v-a7487e3e],.v-leave-active[data-v-a7487e3e]{transition:opacity .1s}.v-enter-from[data-v-a7487e3e],.v-leave-to[data-v-a7487e3e]{opacity:0}\n.v-enter-to[data-v-17343ed2],.v-leave-from[data-v-17343ed2]{opacity:1}.v-enter-active[data-v-17343ed2],.v-leave-active[data-v-17343ed2]{transition:opacity .15s}.v-enter-from[data-v-17343ed2],.v-leave-to[data-v-17343ed2]{opacity:0}\n.v-enter-to[data-v-83a74154],.v-leave-from[data-v-83a74154]{opacity:1}.v-enter-active[data-v-83a74154],.v-leave-active[data-v-83a74154]{transition:opacity .2s}.v-enter-from[data-v-83a74154],.v-leave-to[data-v-83a74154]{opacity:0}\n.fade-enter-active[data-v-12f55baa],.fade-leave-active[data-v-12f55baa]{transition:all .3s ease}.fade-enter-from[data-v-12f55baa],.fade-leave-to[data-v-12f55baa]{opacity:0;transform:translate(30px)}\n.v-enter-to[data-v-6b2a5911],.v-leave-from[data-v-6b2a5911]{opacity:1}.v-enter-active[data-v-6b2a5911],.v-leave-active[data-v-6b2a5911]{transition:opacity .2s;transform-origin:top}.v-enter-from[data-v-6b2a5911],.v-leave-to[data-v-6b2a5911]{opacity:0}\n.v-enter-to[data-v-cd939485],.v-leave-from[data-v-cd939485]{transform:scale(1);opacity:1}.v-enter-active[data-v-cd939485],.v-leave-active[data-v-cd939485]{transition:opacity .1s,transform .2s}.v-enter-from[data-v-cd939485],.v-leave-to[data-v-cd939485]{transform:scale(.5);opacity:0}\n.v-enter-to[data-v-227d59df],.v-leave-from[data-v-227d59df]{opacity:1}.v-enter-active[data-v-227d59df],.v-leave-active[data-v-227d59df]{transition:opacity .15s}.v-enter-from[data-v-227d59df],.v-leave-to[data-v-227d59df]{opacity:0}\n.v-enter-to[data-v-324befdb],.v-leave-from[data-v-324befdb]{opacity:1}.v-enter-active[data-v-324befdb],.v-leave-active[data-v-324befdb]{transition:opacity .1s}.v-enter-from[data-v-324befdb],.v-leave-to[data-v-324befdb]{opacity:0}\n.v-enter-to[data-v-a6508d78],.v-leave-from[data-v-a6508d78]{opacity:1}.v-enter-active[data-v-a6508d78],.v-leave-active[data-v-a6508d78]{transition:opacity .3s}.v-enter-from[data-v-a6508d78],.v-leave-to[data-v-a6508d78]{opacity:0}\n.v-enter-to[data-v-061854af],.v-leave-from[data-v-061854af]{opacity:1}.v-enter-active[data-v-061854af],.v-leave-active[data-v-061854af]{transition:opacity .3s}.v-enter-from[data-v-061854af],.v-leave-to[data-v-061854af]{opacity:0}\n.elmethis-table-header-thead{text-align:left;transition:background-color .4s,color .4s;border-bottom:2px solid rgba(128,128,128,.5)}.elmethis-table-header-thead tr td::-moz-selection,.elmethis-table-header-thead tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}.elmethis-table-header-thead tr td::selection,.elmethis-table-header-thead tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-thead tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-thead tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-thead tr td::selection,[data-theme=dark] .elmethis-table-header-thead tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}\n.elmethis-table-header-body tr{transition:background-color .2s}.elmethis-table-header-body tr:nth-child(odd){background-color:transparent}.elmethis-table-header-body tr:nth-child(2n){background-color:#00000006}[data-theme=dark] .elmethis-table-header-body tr:nth-child(2n){background-color:#ffffff06}.elmethis-table-header-body tr:hover,[data-theme=dark] .elmethis-table-header-body tr:hover{background-color:#6987b826}.elmethis-table-header-body tr td,.elmethis-table-header-body tr th{color:#000000b3}[data-theme=dark] .elmethis-table-header-body tr td,[data-theme=dark] .elmethis-table-header-body tr th{color:#ffffffb3}.elmethis-table-header-body tr td::-moz-selection,.elmethis-table-header-body tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}.elmethis-table-header-body tr td::selection,.elmethis-table-header-body tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-body tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-body tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-body tr td::selection,[data-theme=dark] .elmethis-table-header-body tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}\ntd.cell[data-v-43a0650e]{padding:.75rem 1rem;border-top:1px solid rgba(0,0,0,.15);border-right:1px dotted rgba(0,0,0,.1)}[data-theme=dark] td.cell[data-v-43a0650e]{border-top-color:#ffffff26;border-right-color:#ffffff1a}th.cell[data-v-43a0650e]{padding:.75rem 1rem;border-right:1px dotted rgba(0,0,0,.15)}[data-theme=dark] th.cell[data-v-43a0650e]{border-right:1px dotted rgba(255,255,255,.15)}\n.elmethis-list-common{margin-block:1rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-bulleted-list li{box-sizing:border-box;padding-left:.5rem;margin-block:.75rem}.elmethis-bulleted-list li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+)}.elmethis-numbered-list li{box-sizing:border-box;padding-left:.25rem;margin-block:.75rem;margin-left:.25rem;list-style-type:decimal}.elmethis-numbered-list li::marker{font-weight:700;color:#9771bd}.elmethis-numbered-list li ol li{list-style-type:lower-alpha}.elmethis-numbered-list li ol li ol li{list-style-type:lower-roman}.elmethis-numbered-list li ol li ol li ol li{list-style-type:lower-greek}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import { defineComponent, useCssModule, defineAsyncComponent, createBlock, openBlock, resolveDynamicComponent, unref, h } from "vue";
+import "polished";
+import "@iconify/vue";
+
+import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
+import "@vueuse/core";
+
+
+
+
+
+
+
+import "nanoid";
+import "lodash-es";
+
+
+
+
+
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmJsonComponentRenderer",
+  props: {
+    jsonComponents: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const style = useCssModule();
+    const AsyncElmInlineText = defineAsyncComponent({
+      loader: () => import("../typography/ElmInlineText.vue.mjs")
+    });
+    const AsyncElmKatex = defineAsyncComponent({
+      loader: () => import("../code/ElmKatex.vue.mjs")
+    });
+    const AsyncElmInlineIcon = defineAsyncComponent({
+      loader: () => import("../icon/ElmInlineIcon.vue.mjs")
+    });
+    const AsyncElmHeading = defineAsyncComponent({
+      loader: () => import("../typography/ElmHeading.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmParagraph = defineAsyncComponent({
+      loader: () => import("../typography/ElmParagraph.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmList = defineAsyncComponent({
+      loader: () => import("../typography/ElmList.vue3.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmBlockQuote = defineAsyncComponent({
+      loader: () => import("../typography/ElmBlockQuote.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmCallout = defineAsyncComponent({
+      loader: () => import("../typography/ElmCallout.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmDivider = defineAsyncComponent({
+      loader: () => import("../typography/ElmDivider.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmToggle = defineAsyncComponent({
+      loader: () => import("../containments/ElmToggle.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmBookmark = defineAsyncComponent({
+      loader: () => import("../navigation/ElmBookmark.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmFile = defineAsyncComponent({
+      loader: () => import("../media/ElmFile.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmBlockImage = defineAsyncComponent({
+      loader: () => import("../media/ElmBlockImage.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmCodeBlock = defineAsyncComponent({
+      loader: () => import("../code/ElmCodeBlock.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmTable = defineAsyncComponent({
+      loader: () => import("../table/ElmTable.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmTableHeader = defineAsyncComponent({
+      loader: () => import("../table/ElmTableHeader.vue3.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmTableBody = defineAsyncComponent({
+      loader: () => import("../table/ElmTableBody.vue3.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmTableRow = defineAsyncComponent({
+      loader: () => import("../table/ElmTableRow.vue2.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmTableCell = defineAsyncComponent({
+      loader: () => import("../table/ElmTableCell.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmUnsupportedBlock = defineAsyncComponent({
+      loader: () => import("../fallback/ElmUnsupportedBlock.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const defaultRenderFunctionMap = (render2) => {
+      return {
+        Text: ({ props: props2 }) => {
+          if (props2.katex) {
+            return h(AsyncElmKatex, { expression: props2.text, block: false });
+          } else {
+            return h(AsyncElmInlineText, {
+              text: props2.text,
+              color: props2.color,
+              backgroundColor: props2.backgroundColor,
+              bold: props2.bold,
+              italic: props2.italic,
+              underline: props2.underline,
+              strikethrough: props2.strikethrough,
+              code: props2.code,
+              ruby: props2.ruby,
+              href: props2.href,
+              favicon: props2.favicon
+            });
+          }
+        },
+        Icon: ({ props: props2 }) => h(AsyncElmInlineIcon, { src: props2.src, alt: props2.alt }),
+        Heading: ({ props: props2, slots }) => h(
+          AsyncElmHeading,
+          {
+            level: props2.level
+          },
+          { default: render2(slots.default) }
+        ),
+        Paragraph: ({ slots }) => h(AsyncElmParagraph, {}, { default: render2(slots.default) }),
+        ListItem: ({ slots }) => h("li", {}, render2(slots.default)),
+        List: ({ props: props2, slots }) => h(
+          AsyncElmList,
+          {
+            listStyle: (props2 == null ? void 0 : props2.listStyle) === "unordered" ? "unordered" : "ordered"
+          },
+          render2(slots.default)
+        ),
+        BlockQuote: ({ props: props2, slots }) => h(AsyncElmBlockQuote, { cite: props2 == null ? void 0 : props2.cite }, render2(slots.default)),
+        Callout: ({ props: props2, slots }) => h(AsyncElmCallout, { type: props2 == null ? void 0 : props2.type }, render2(slots.default)),
+        Divider: ({}) => h(AsyncElmDivider, {}),
+        Toggle: ({ slots }) => h(
+          AsyncElmToggle,
+          {},
+          {
+            default: render2(slots.default),
+            summary: render2(slots.summary)
+          }
+        ),
+        Bookmark: ({ props: props2 }) => h(AsyncElmBookmark, {
+          url: props2.url,
+          title: props2.title,
+          description: props2.description,
+          image: props2.image
+        }),
+        File: ({ props: props2 }) => h(AsyncElmFile, { src: props2.src, name: props2.name }),
+        Image: ({ props: props2 }) => h(AsyncElmBlockImage, {
+          src: props2.src,
+          alt: props2.alt,
+          enableModal: true
+        }),
+        CodeBlock: ({ props: props2, slots }) => slots != null ? h(
+          AsyncElmCodeBlock,
+          { code: props2.code, language: props2.language },
+          render2(slots.default)
+        ) : h(AsyncElmCodeBlock, { code: props2.code, language: props2.language }),
+        Katex: ({ props: props2 }) => h(AsyncElmKatex, { expression: props2.expression, block: true }),
+        Table: ({ props: props2, slots }) => h(
+          AsyncElmTable,
+          { caption: props2 == null ? void 0 : props2.caption },
+          {
+            body: h(AsyncElmTableBody, {}, render2(slots.body)),
+            header: slots.header != null ? h(AsyncElmTableHeader, {}, render2(slots.header)) : void 0
+          }
+        ),
+        TableRow: ({ slots }) => h(AsyncElmTableRow, {}, render2(slots.default)),
+        TableCell: ({ slots }) => h(AsyncElmTableCell, {}, render2(slots.default)),
+        ColumnList: ({ slots }) => h("div", { class: style["column-list"] }, render2(slots.default)),
+        Column: ({ slots }) => h("div", { class: style.column }, render2(slots.default)),
+        Unsupported: ({ props: props2 }) => h(AsyncElmUnsupportedBlock, { details: props2 == null ? void 0 : props2.details })
+      };
+    };
+    const render = (jsonComponents) => {
+      const results = [];
+      for (const component of jsonComponents) {
+        const renderFunction = defaultRenderFunctionMap(render)[component.type];
+        results.push(renderFunction(component));
+      }
+      return results;
+    };
+    const renderResult = render(props.jsonComponents);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(() => unref(renderResult)));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,21 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._column-list_1at6s_1{box-sizing:content-box;padding-block:.25rem;width:100%;display:flex;flex-direction:row;gap:.5rem;justify-content:space-around;overflow:auto}._column_1at6s_1{flex:1}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const column = "_column_1at6s_1";
+const style0 = {
+  "column-list": "_column-list_1at6s_1",
+  column
+};
+export {
+  column,
+  style0 as default
+};

package/dist/components/table/ElmTable.vue.d.ts

@@ -1,14 +1,33 @@
+import { default as ElmTableHeader } from './ElmTableHeader.vue';
+import { default as ElmTableBody } from './ElmTableBody.vue';
 import { Property } from 'csstype';
 export interface ElmTableProps {
     /**
      * The margin of the table.
      */
     margin?: Property.MarginBlock;
+    caption?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+    slots: Readonly<{
+        /**
+         * (Optional) The header slot of the table.
+         */
+        header?: InstanceType<typeof ElmTableHeader>;
+        /**
+         * The body slot of the table.
+         */
+        body: InstanceType<typeof ElmTableBody>;
+    }> & {
+        /**
+         * (Optional) The header slot of the table.
+         */
+        header?: InstanceType<typeof ElmTableHeader>;
+        /**
+         * The body slot of the table.
+         */
+        body: InstanceType<typeof ElmTableBody>;
     };
     refs: {};
     rootEl: HTMLTableElement;

package/dist/components/table/ElmTable.vue.mjs

@@ -1,19 +1,10 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".table[data-v-6ed1a868]{margin-block:var(--margin-block);border-collapse:collapse;border-spacing:0;box-shadow:0 0 .125rem #0000001a}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 import _sfc_main from "./ElmTable.vue2.mjs";
-
+import style0 from "./ElmTable.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const ElmTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ed1a868"]]);
+const cssModules = {
+  "$style": style0
+};
+const ElmTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
   ElmTable as default
 };