@elmethis/core 0.1.0

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

@@ -0,0 +1,72 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, createVNode, withCtx, createElementVNode, unref, normalizeClass, toDisplayString, Transition, createBlock, createCommentVNode } from "vue";
+import { parseToRgb, parseToHsl, rgbToColorString } from "polished";
+import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
+import { useClipboard } from "@vueuse/core";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiCheck } from "@mdi/js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmColorSample",
+  props: {
+    color: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { blue, green, red } = parseToRgb(props.color);
+    const { hue, saturation, lightness } = parseToHsl(props.color);
+    const hex = rgbToColorString(parseToRgb(props.color));
+    const rgb = `rgb(${red}, ${green}, ${blue})`;
+    const hsl = `hsl(${Math.floor(hue)}, ${Math.floor(saturation * 100)}%, ${Math.floor(lightness * 100)}%)`;
+    const { copy, copied } = useClipboard();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({ "--color": _ctx.color })
+      }, [
+        createVNode(ElmTooltip, null, {
+          original: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style["color-bg"]),
+              style: normalizeStyle({
+                "--background-color": _ctx.color
+              }),
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(copy)(unref(hex)))
+            }, [
+              createVNode(Transition, null, {
+                default: withCtx(() => [
+                  unref(copied) ? (openBlock(), createBlock(ElmMdiIcon, {
+                    key: 0,
+                    d: unref(mdiCheck),
+                    size: "1em",
+                    color: "white"
+                  }, null, 8, ["d"])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ], 6),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.text),
+              onClick: _cache[1] || (_cache[1] = ($event) => unref(copy)(unref(hex)))
+            }, toDisplayString(unref(hex)), 3)
+          ]),
+          tooltip: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.text),
+              onClick: _cache[2] || (_cache[2] = ($event) => unref(copy)(unref(hex)))
+            }, toDisplayString(unref(hex)), 3),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.text),
+              onClick: _cache[3] || (_cache[3] = ($event) => unref(copy)(rgb))
+            }, toDisplayString(rgb), 2),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.text),
+              onClick: _cache[4] || (_cache[4] = ($event) => unref(copy)(hsl))
+            }, toDisplayString(hsl), 2)
+          ]),
+          _: 1
+        })
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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,240 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-610548e5],.v-leave-from[data-v-610548e5]{opacity:1}.v-enter-active[data-v-610548e5],.v-leave-active[data-v-610548e5]{transition:opacity .1s}.v-enter-from[data-v-610548e5],.v-leave-to[data-v-610548e5]{opacity:0}\n.v-enter-to[data-v-ad203f10],.v-leave-from[data-v-ad203f10]{opacity:1}.v-enter-active[data-v-ad203f10],.v-leave-active[data-v-ad203f10]{transition:opacity .15s}.v-enter-from[data-v-ad203f10],.v-leave-to[data-v-ad203f10]{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-3d63d491],.v-leave-from[data-v-3d63d491]{opacity:1}.v-enter-active[data-v-3d63d491],.v-leave-active[data-v-3d63d491]{transition:opacity .2s;transform-origin:top}.v-enter-from[data-v-3d63d491],.v-leave-to[data-v-3d63d491]{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-84bc9c5d],.v-leave-from[data-v-84bc9c5d]{opacity:1}.v-enter-active[data-v-84bc9c5d],.v-leave-active[data-v-84bc9c5d]{transition:opacity .15s}.v-enter-from[data-v-84bc9c5d],.v-leave-to[data-v-84bc9c5d]{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-4e995755],.v-leave-from[data-v-4e995755]{opacity:1}.v-enter-active[data-v-4e995755],.v-leave-active[data-v-4e995755]{transition:opacity .3s}.v-enter-from[data-v-4e995755],.v-leave-to[data-v-4e995755]{opacity:0}\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 "@mdi/js";
+
+import "polished";
+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.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmTableBody = defineAsyncComponent({
+      loader: () => import("../table/ElmTableBody.vue2.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const AsyncElmTableRow = defineAsyncComponent({
+      loader: () => import("../table/ElmTableRow.vue.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", {}, { default: () => render2(slots.default) }),
+        List: ({ props: props2, slots }) => h(
+          AsyncElmList,
+          {
+            listStyle: (props2 == null ? void 0 : props2.listStyle) === "unordered" ? "unordered" : "ordered"
+          },
+          { default: () => render2(slots.default) }
+        ),
+        BlockQuote: ({ props: props2, slots }) => h(
+          AsyncElmBlockQuote,
+          { cite: props2 == null ? void 0 : props2.cite },
+          { default: () => render2(slots.default) }
+        ),
+        Callout: ({ props: props2, slots }) => h(
+          AsyncElmCallout,
+          { type: props2 == null ? void 0 : props2.type },
+          { default: () => 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
+        }),
+        CodeBlock: ({ props: props2, slots }) => slots != null ? h(
+          AsyncElmCodeBlock,
+          { code: props2.code, language: props2.language },
+          { default: () => 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 }) => {
+          let header = void 0;
+          if (slots.header != null) {
+            const headerSlot = slots.header;
+            header = h(
+              AsyncElmTableHeader,
+              {},
+              { default: () => render2(headerSlot) }
+            );
+          }
+          return h(
+            AsyncElmTable,
+            { caption: props2 == null ? void 0 : props2.caption, hasRowHeader: props2 == null ? void 0 : props2.hasRowHeader },
+            {
+              body: () => h(AsyncElmTableBody, {}, { default: () => render2(slots.body) }),
+              header: header ? () => header : void 0
+            }
+          );
+        },
+        TableRow: ({ slots }) => h(AsyncElmTableRow, {}, { default: () => render2(slots.default) }),
+        TableCell: ({ slots }) => h(AsyncElmTableCell, {}, { default: () => render2(slots.default) }),
+        ColumnList: ({ slots }) => h(
+          "div",
+          { class: style["column-list"] },
+          { default: () => render2(slots.default) }
+        ),
+        Column: ({ slots }) => h(
+          "div",
+          { class: style.column },
+          { default: () => 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.stories.d.ts

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

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

@@ -0,0 +1,46 @@
+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;
+    hasRowHeader?: boolean;
+}
+declare function __VLS_template(): {
+    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: {};
+    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<{}>, {
+    hasRowHeader: boolean;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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,61 @@
+import { defineComponent, computed, provide, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createVNode, unref } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import { mdiTable } from "@mdi/js";
+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: {},
+    hasRowHeader: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const hasRowHeader = computed(() => props.hasRowHeader);
+    provide("hasRowHeader", hasRowHeader);
+    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
+};