@elmethis/vue 0.1.0

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,49 @@
+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(__props.colors, (color) => {
+          return openBlock(), createElementBlock("div", {
+            class: normalizeClass(_ctx.$style["row-container"])
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style["color-name"]),
+              style: normalizeStyle({ "--color": color.code })
+            }, toDisplayString(color.name), 7),
+            (openBlock(), createElementBlock(Fragment, null, renderList([
+              -3,
+              -0.25,
+              -0.2,
+              -0.15,
+              -0.1,
+              -0.05,
+              0,
+              0.05,
+              0.1,
+              0.15,
+              0.2,
+              0.25,
+              0.3
+            ], (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-vite';
+import { default as ElmJsonComponentRenderer } from './ElmJsonComponentRenderer.vue';
+declare const meta: Meta<typeof ElmJsonComponentRenderer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const InlineIcon: Story;
+export declare const InlineKatex: Story;
+export declare const Heading: Story;
+export declare const UnorderedList: Story;
+export declare const OrderedList: Story;
+export declare const BlockQuote: Story;
+export declare const Callout: Story;
+export declare const Divider: Story;
+export declare const Toggle: Story;
+export declare const Bookmark: Story;
+export declare const File: Story;
+export declare const Image: Story;
+export declare const CodeBlock: Story;
+export declare const Katex: Story;
+export declare const Table: Story;
+export declare const ColumnList: Story;
+export declare const 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, {}, HTMLDivElement>;
+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,189 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".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, ref, computed, watch, createElementBlock, openBlock, createBlock, resolveDynamicComponent, h } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmKatex from "../code/ElmKatex.vue.mjs";
+import ElmMermaid from "../code/ElmMermaid.vue.mjs";
+import ElmInlineIcon from "../icon/ElmInlineIcon.vue.mjs";
+import ElmHeading from "../typography/ElmHeading.vue.mjs";
+import ElmParagraph from "../typography/ElmParagraph.vue.mjs";
+import _sfc_main$2 from "../typography/ElmList.vue.mjs";
+
+import ElmBlockQuote from "../typography/ElmBlockQuote.vue.mjs";
+import ElmCallout from "../typography/ElmCallout.vue.mjs";
+import ElmDivider from "../typography/ElmDivider.vue.mjs";
+import ElmToggle from "../containments/ElmToggle.vue.mjs";
+import ElmBookmark from "../navigation/ElmBookmark.vue.mjs";
+import ElmFile from "../media/ElmFile.vue.mjs";
+import ElmImage from "../media/ElmImage.vue.mjs";
+import ElmCodeBlock from "../code/ElmCodeBlock.vue.mjs";
+import ElmTable from "../table/ElmTable.vue.mjs";
+import ElmTableHeader from "../table/ElmTableHeader.vue.mjs";
+import _sfc_main$1 from "../table/ElmTableBody.vue.mjs";
+import ElmTableRow from "../table/ElmTableRow.vue.mjs";
+import ElmTableCell from "../table/ElmTableCell.vue.mjs";
+import ElmUnsupportedBlock from "../fallback/ElmUnsupportedBlock.vue.mjs";
+import { kebabCase } from "lodash-es";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmJsonComponentRenderer",
+  props: {
+    jsonComponents: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const style = useCssModule();
+    const convertInlineComponentsToPlainText = (inlineComponents) => {
+      return inlineComponents.map((component) => {
+        if (component.type === "Text") {
+          return component.props.text;
+        } else {
+          return "";
+        }
+      }).join("");
+    };
+    const defaultRenderFunctionMap = (render2) => {
+      return {
+        Text: ({ props: props2 }) => {
+          if (props2.katex) {
+            return h(ElmKatex, { expression: props2.text, block: false });
+          } else {
+            return h(ElmInlineText, {
+              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(ElmInlineIcon, { src: props2.src, alt: props2.alt }),
+        Heading: ({ props: props2, slots }) => h(
+          ElmHeading,
+          {
+            level: props2.level,
+            id: kebabCase(convertInlineComponentsToPlainText(slots.default))
+          },
+          { default: () => render2(slots.default) }
+        ),
+        Paragraph: ({ slots }) => h(ElmParagraph, {}, { default: () => render2(slots.default) }),
+        ListItem: ({ slots }) => h("li", {}, { default: () => render2(slots.default) }),
+        List: ({ props: props2, slots }) => h(
+          _sfc_main$2,
+          {
+            listStyle: props2?.listStyle === "unordered" ? "unordered" : "ordered"
+          },
+          { default: () => render2(slots.default) }
+        ),
+        BlockQuote: ({ props: props2, slots }) => h(
+          ElmBlockQuote,
+          { cite: props2?.cite },
+          { default: () => render2(slots.default) }
+        ),
+        Callout: ({ props: props2, slots }) => h(
+          ElmCallout,
+          { type: props2?.type },
+          { default: () => render2(slots.default) }
+        ),
+        Divider: ({}) => h(ElmDivider, {}),
+        Toggle: ({ slots }) => h(
+          ElmToggle,
+          {},
+          {
+            default: () => render2(slots.default),
+            summary: () => render2(slots.summary)
+          }
+        ),
+        Bookmark: ({ props: props2 }) => h(ElmBookmark, {
+          url: props2.url,
+          title: props2.title,
+          description: props2.description,
+          image: props2.image
+        }),
+        File: ({ props: props2 }) => h(ElmFile, { src: props2.src, name: props2.name }),
+        Image: ({ props: props2 }) => h(ElmImage, {
+          src: props2.src,
+          alt: props2.alt,
+          block: true,
+          enableModal: true
+        }),
+        CodeBlock: ({ props: props2, slots }) => slots != null ? h(
+          ElmCodeBlock,
+          { code: props2.code, language: props2.language },
+          { default: () => render2(slots.default) }
+        ) : h(ElmCodeBlock, { code: props2.code, language: props2.language }),
+        Katex: ({ props: props2 }) => h(ElmKatex, { expression: props2.expression, block: true }),
+        Mermaid: ({ props: props2 }) => h(ElmMermaid, { code: props2.code }),
+        Table: ({ props: props2, slots }) => {
+          let header = void 0;
+          if (slots.header != null) {
+            const headerSlot = slots.header;
+            header = h(ElmTableHeader, {}, { default: () => render2(headerSlot) });
+          }
+          return h(
+            ElmTable,
+            { caption: props2?.caption, hasRowHeader: props2?.hasRowHeader },
+            {
+              body: () => h(_sfc_main$1, {}, { default: () => render2(slots.body) }),
+              header: header ? () => header : void 0
+            }
+          );
+        },
+        TableRow: ({ slots }) => h(ElmTableRow, {}, { default: () => render2(slots.default) }),
+        TableCell: ({ slots }) => h(ElmTableCell, {}, { 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(ElmUnsupportedBlock, { details: 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 = ref(render(props.jsonComponents));
+    const components = computed(() => ({
+      render: () => renderResult.value
+    }));
+    watch(
+      () => props.jsonComponents,
+      (newComponents) => {
+        renderResult.value = render(newComponents);
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        (openBlock(), createBlock(resolveDynamicComponent(components.value)))
+      ]);
+    };
+  }
+});
+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/ElmMarkdown.stories.d.ts

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

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

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

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

@@ -0,0 +1,255 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".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, ref, computed, watch, createElementBlock, openBlock, Fragment, renderList, createBlock, resolveDynamicComponent, h } from "vue";
+import { marked as k } from "../../node_modules/.pnpm/marked@16.4.1/node_modules/marked/lib/marked.esm.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmHeading from "../typography/ElmHeading.vue.mjs";
+import ElmParagraph from "../typography/ElmParagraph.vue.mjs";
+import _sfc_main$2 from "../typography/ElmList.vue.mjs";
+
+import ElmBlockQuote from "../typography/ElmBlockQuote.vue.mjs";
+import ElmDivider from "../typography/ElmDivider.vue.mjs";
+import ElmImage from "../media/ElmImage.vue.mjs";
+import ElmCodeBlock from "../code/ElmCodeBlock.vue.mjs";
+import ElmTable from "../table/ElmTable.vue.mjs";
+import ElmTableHeader from "../table/ElmTableHeader.vue.mjs";
+import _sfc_main$1 from "../table/ElmTableBody.vue.mjs";
+import ElmTableRow from "../table/ElmTableRow.vue.mjs";
+import ElmTableCell from "../table/ElmTableCell.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmMarkdown",
+  props: {
+    markdown: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const renderByToken = ({ tokens }) => {
+      const results = [];
+      for (const token of tokens) {
+        switch (token.type) {
+          case "blockquote":
+            if (token.tokens != null && token.tokens.length !== 0) {
+              results.push(
+                h(
+                  ElmBlockQuote,
+                  {},
+                  {
+                    default: () => renderByToken({ tokens: token.tokens })
+                  }
+                )
+              );
+            }
+            break;
+          case "br":
+            results.push(h("br"));
+            break;
+          case "code":
+            results.push(
+              h(ElmCodeBlock, {
+                code: token.text.trim(),
+                language: token.lang
+              })
+            );
+            break;
+          case "codespan":
+            results.push(h(ElmInlineText, { text: token.text, code: true }));
+            break;
+          case "def":
+            h("span", "aaa");
+            break;
+          case "del":
+            results.push(
+              token.tokens != null && token.tokens.length !== 0 ? h(
+                ElmInlineText,
+                { strikethrough: true },
+                {
+                  default: () => renderByToken({ tokens: token.tokens })
+                }
+              ) : h(ElmInlineText, { text: token.text, strikethrough: true })
+            );
+            break;
+          case "em":
+            results.push(
+              token.tokens != null && token.tokens.length !== 0 ? h(
+                ElmInlineText,
+                { italic: true },
+                {
+                  default: () => renderByToken({ tokens: token.tokens })
+                }
+              ) : h(ElmInlineText, { text: token.text, italic: true })
+            );
+            break;
+          case "escape":
+            break;
+          case "heading":
+            if (token.tokens && token.tokens.length !== 0) {
+              results.push(
+                h(
+                  ElmHeading,
+                  { level: token.depth },
+                  {
+                    default: () => renderByToken({ tokens: token.tokens })
+                  }
+                )
+              );
+            } else {
+              results.push(h(ElmHeading, { level: token.depth, text: token.text }));
+            }
+            break;
+          case "hr":
+            results.push(h(ElmDivider));
+            break;
+          case "html":
+            break;
+          case "image":
+            results.push(
+              h(ElmImage, {
+                block: true,
+                enableModal: true,
+                src: token.href,
+                alt: token.text
+              })
+            );
+            break;
+          case "link":
+            results.push(
+              token.tokens != null && token.tokens.length !== 0 ? h(ElmInlineText, {
+                text: token.text,
+                href: token.href
+              }) : h(ElmInlineText, { text: token.text, href: token.href })
+            );
+            break;
+          case "list":
+            const listItems = token.items.map(
+              (item) => h("li", {}, renderByToken({ tokens: item.tokens }))
+            );
+            results.push(
+              h(
+                _sfc_main$2,
+                {
+                  listStyle: token.ordered ? "ordered" : "unordered"
+                },
+                { default: () => listItems }
+              )
+            );
+            break;
+          case "list_item":
+            results.push(
+              token.tokens != null && token.tokens.length !== 0 ? h(
+                "li",
+                {},
+                {
+                  default: () => renderByToken({ tokens: token.tokens })
+                }
+              ) : h("li", { text: token.text })
+            );
+            break;
+          case "paragraph":
+            if (token.tokens && token.tokens.length !== 0) {
+              results.push(
+                h(
+                  ElmParagraph,
+                  {},
+                  {
+                    default: () => renderByToken({ tokens: token.tokens })
+                  }
+                )
+              );
+            }
+            break;
+          case "space":
+            break;
+          case "strong":
+            results.push(
+              token.tokens != null && token.tokens.length !== 0 ? h(
+                ElmInlineText,
+                { bold: true },
+                {
+                  default: () => renderByToken({ tokens: token.tokens })
+                }
+              ) : h(ElmInlineText, { text: token.text, bold: true })
+            );
+            break;
+          case "table":
+            const renderTableCells = ({
+              cells
+            }) => cells.map(
+              (cell) => h(
+                ElmTableCell,
+                {},
+                { default: () => renderByToken({ tokens: cell.tokens }) }
+              )
+            );
+            const headerRow = h(
+              ElmTableRow,
+              {},
+              { default: () => renderTableCells({ cells: token.header }) }
+            );
+            const bodyRows = token.rows.map(
+              (row) => h(
+                ElmTableRow,
+                {},
+                { default: () => renderTableCells({ cells: row }) }
+              )
+            );
+            const table = h(
+              ElmTable,
+              {},
+              {
+                header: () => h(ElmTableHeader, {}, { default: () => headerRow }),
+                body: () => h(_sfc_main$1, {}, { default: () => bodyRows })
+              }
+            );
+            results.push(table);
+            break;
+          case "text":
+            results.push(
+              token.tokens != null && token.tokens.length !== 0 ? h(
+                ElmInlineText,
+                {},
+                {
+                  default: () => renderByToken({ tokens: token.tokens })
+                }
+              ) : h(ElmInlineText, { text: token.text })
+            );
+            break;
+        }
+      }
+      return results;
+    };
+    const renderMarkdown = ({ markdown }) => {
+      const tokens = k.setOptions({ gfm: true }).lexer(markdown);
+      return renderByToken({ tokens });
+    };
+    const renderResult = ref(renderMarkdown({ markdown: props.markdown }));
+    const components = computed(() => ({
+      render: () => renderResult.value
+    }));
+    watch(
+      () => props.markdown,
+      (md) => {
+        if (md != null) renderResult.value = renderMarkdown({ markdown: md });
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(components.value, (component) => {
+          return openBlock(), createBlock(resolveDynamicComponent(component));
+        }), 256))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./ElmMarkdown.vue.mjs";
+export {
+  _sfc_main as default
+};

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

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