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

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,214 @@
+(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-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.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", {}, 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, hasRowHeader: props2 == null ? void 0 : props2.hasRowHeader },
+          {
+            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,42 @@
+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(): {
-    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<{}>, {
+    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 & {

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 "../../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: {},
+    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
+};

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_h3hx3_1{margin-block:var(--margin-block);border-collapse:collapse;border-spacing:0;box-shadow:0 0 .125rem #0003;color:#000000b3}[data-theme=dark] ._table_h3hx3_1{color:#ffffffb3}._caption_h3hx3_12{position:relative;width:100%;display:inline-flex;justify-content:center;align-items:center;gap:1rem;margin-block-end:1rem}._caption-inner_h3hx3_22{display:inline-flex;justify-content:center;align-items:center;gap:.25rem}._spacing_h3hx3_29{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_h3hx3_1";
+const caption = "_caption_h3hx3_12";
+const spacing = "_spacing_h3hx3_29";
+const style0 = {
+  table,
+  caption,
+  "caption-inner": "_caption-inner_h3hx3_22",
+  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,14 @@
+import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableBody",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("tbody", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -1,3 +1,4 @@
+import { VNodeChild } from 'vue';
 export interface ElmTableCellProps {
     /**
      * Whether the cell is a header cell.
@@ -10,11 +11,14 @@ export interface ElmTableCellProps {
     text?: string;
 }
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: VNodeChild;
+    }> & {
+        default: VNodeChild;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ElmTableCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableCellProps> & Readonly<{}>, {

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

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