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

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

@@ -0,0 +1,21 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._color-bg_819fg_1{width:5rem;height:2rem;border-radius:.25rem;background-color:var(--background-color);cursor:pointer;transition:opacity .1s}._color-bg_819fg_1:active{opacity:.5}._text_819fg_13{margin-block:.125rem;padding:.125rem;border-radius:.125rem;transition:color .1s,background-color .1s,opacity .1s;color:var(--color);cursor:pointer}._text_819fg_13:hover{color:#fff;background-color:var(--color)}._text_819fg_13:active{opacity:.5}._text_819fg_13::-moz-selection{color:#fff;background-color:var(--color)}._text_819fg_13::selection{color:#fff;background-color:var(--color)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const text = "_text_819fg_13";
+const style0 = {
+  "color-bg": "_color-bg_819fg_1",
+  text
+};
+export {
+  style0 as default,
+  text
+};

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

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

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

@@ -0,0 +1,11 @@
+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.mjs

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

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

@@ -0,0 +1,45 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, toDisplayString, createVNode, unref } from "vue";
+import { darken } from "polished";
+import ElmColorSample from "./ElmColorSample.vue.mjs";
+const _sfc_main = /* @__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(_ctx.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([
+              -0.2,
+              -0.15,
+              -0.1,
+              -0.05,
+              0,
+              0.05,
+              0.1,
+              0.15,
+              0.2
+            ], (darkness) => {
+              return createVNode(ElmColorSample, {
+                color: unref(darken)(darkness, color.code)
+              }, null, 8, ["color"]);
+            }), 64))
+          ], 2);
+        }), 256))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,22 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._container_2ivef_1{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.25rem}._container_2ivef_1 ._row-container_2ivef_8{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;gap:.25rem}._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::-moz-selection{background-color:var(--color);color:#fff}._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);
+  }
+})();
+const container = "_container_2ivef_1";
+const style0 = {
+  container,
+  "row-container": "_row-container_2ivef_8",
+  "color-name": "_color-name_2ivef_15"
+};
+export {
+  container,
+  style0 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/others/ElmTyping.stories.d.ts

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

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

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

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

@@ -1,14 +1,39 @@
+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(): {
-    slots: {
-        default?(_: {}): any;
+    attrs: Partial<{}>;
+    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: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<ElmTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

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

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

@@ -0,0 +1,57 @@
+import { defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createVNode, unref } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import { mdiTable } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+  viewBox: "0 0 24 24",
+  width: "1rem",
+  height: "1rem"
+};
+const _hoisted_3 = ["d"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTable",
+  props: {
+    margin: {},
+    caption: {}
+  },
+  setup(__props) {
+    const slots = useSlots();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("table", {
+        class: normalizeClass(_ctx.$style.table),
+        style: normalizeStyle({
+          "--margin-block": _ctx.margin
+        })
+      }, [
+        _ctx.caption != null ? (openBlock(), createElementBlock("caption", _hoisted_1, [
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.$style["caption"])
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(_ctx.$style.spacing)
+            }, null, 2),
+            createElementVNode("span", {
+              class: normalizeClass(_ctx.$style["caption-inner"])
+            }, [
+              (openBlock(), createElementBlock("svg", _hoisted_2, [
+                createElementVNode("path", {
+                  d: unref(mdiTable),
+                  fill: "#6987b8"
+                }, null, 8, _hoisted_3)
+              ])),
+              createVNode(ElmInlineText, { text: _ctx.caption }, null, 8, ["text"])
+            ], 2),
+            createElementVNode("span", {
+              class: normalizeClass(_ctx.$style.spacing)
+            }, null, 2)
+          ], 2)
+        ])) : createCommentVNode("", true),
+        slots.header != null ? renderSlot(_ctx.$slots, "header", { key: 1 }) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "body")
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,27 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._table_zpzea_1{margin-block:var(--margin-block);border-collapse:collapse;border-spacing:0;box-shadow:0 0 .125rem #0003;overflow:hidden;border-radius:.125rem;color:#000000b3}[data-theme=dark] ._table_zpzea_1{color:#ffffffb3}._caption_zpzea_14{position:relative;width:100%;display:inline-flex;justify-content:center;align-items:center;gap:1rem;margin-block-end:1rem}._caption-inner_zpzea_24{display:inline-flex;justify-content:center;align-items:center;gap:.25rem}._spacing_zpzea_31{flex-grow:1;height:1px;background-color:#80808033}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const table = "_table_zpzea_1";
+const caption = "_caption_zpzea_14";
+const spacing = "_spacing_zpzea_31";
+const style0 = {
+  table,
+  caption,
+  "caption-inner": "_caption-inner_zpzea_24",
+  spacing
+};
+export {
+  caption,
+  style0 as default,
+  spacing,
+  table
+};

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

@@ -1,14 +1,18 @@
+import { default as ElmTableRow } from './ElmTableRow.vue';
 export interface ElmTableBodyProps {
 }
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: InstanceType<typeof ElmTableRow>[];
+    }> & {
+        default: InstanceType<typeof ElmTableRow>[];
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableSectionElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmTableBodyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<ElmTableBodyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableSectionElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,15 @@
+import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
+const _hoisted_1 = { class: "elmethis-table-header-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableBody",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("tbody", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/table/ElmTableBody.vue3.mjs

@@ -0,0 +1,17 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".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))}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import _sfc_main from "./ElmTableBody.vue.mjs";
+
+export {
+  _sfc_main as default
+};