@elmethis/vue 0.1.0

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,62 @@
+import { defineComponent, computed, provide, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, renderSlot, createElementVNode, createVNode } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import { mdiTable } from "@mdi/js";
+import textStyle from "../../styles/text.module.scss.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, unref(textStyle).text]),
+        style: normalizeStyle({
+          "--margin-block": __props.margin
+        })
+      }, [
+        __props.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: __props.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_x2nyq_1{margin-block:var(--margin-block);border-collapse:collapse;border-spacing:0;box-shadow:0 0 .125rem #0003}._caption_x2nyq_8{position:relative;width:100%;display:inline-flex;justify-content:center;align-items:center;gap:1rem;margin-block-end:1rem}._caption-inner_x2nyq_18{display:inline-flex;justify-content:center;align-items:center;gap:.25rem}._spacing_x2nyq_25{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_x2nyq_1";
+const caption = "_caption_x2nyq_8";
+const spacing = "_spacing_x2nyq_25";
+const style0 = {
+  table,
+  caption,
+  "caption-inner": "_caption-inner_x2nyq_18",
+  spacing
+};
+export {
+  caption,
+  style0 as default,
+  spacing,
+  table
+};

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

@@ -0,0 +1,22 @@
+import { default as ElmTableRow } from './ElmTableRow.vue';
+export interface ElmTableBodyProps {
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: InstanceType<typeof ElmTableRow>[];
+    }> & {
+        default: InstanceType<typeof ElmTableRow>[];
+    };
+    refs: {};
+    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, {}, HTMLTableSectionElement>;
+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/ElmTableBody.vue.mjs

@@ -0,0 +1,15 @@
+import { defineComponent, provide, createElementBlock, openBlock, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableBody",
+  setup(__props) {
+    provide("hasHeader", false);
+    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

@@ -0,0 +1,33 @@
+import { VNodeChild } from 'vue';
+export interface ElmTableCellProps {
+    /**
+     * Whether the cell is a header cell.
+     */
+    hasHeader?: boolean;
+    /**
+     * The text content of the cell.
+     * If not provided, the cell will render its children as content.
+     */
+    text?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: VNodeChild;
+    }> & {
+        default: VNodeChild;
+    };
+    refs: {};
+    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<{}>, {
+    hasHeader: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/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
+};

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

@@ -0,0 +1,28 @@
+import { defineComponent, inject, createBlock, openBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableCell",
+  props: {
+    hasHeader: { type: Boolean, default: false },
+    text: {}
+  },
+  setup(__props) {
+    const hasHeaderInjected = inject("hasHeader");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.hasHeader || unref(hasHeaderInjected) ? "th" : "td"), {
+        class: normalizeClass([
+          _ctx.$style.common,
+          __props.hasHeader || unref(hasHeaderInjected) ? _ctx.$style.th : _ctx.$style.td
+        ])
+      }, {
+        default: withCtx(() => [
+          __props.text == null ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(__props.text), 1)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._common_1puhv_1{padding:.75rem 1rem;color:#000000b3;border-right:1px dotted rgba(0,0,0,.15)}._common_1puhv_1::-moz-selection{color:#ffffffb3;background-color:#000000b3}._common_1puhv_1::selection{color:#ffffffb3;background-color:#000000b3}[data-theme=dark] ._common_1puhv_1{color:#ffffffb3}[data-theme=dark] ._common_1puhv_1::-moz-selection{color:#000000b3;background-color:#ffffffb3}[data-theme=dark] ._common_1puhv_1::selection{color:#000000b3;background-color:#ffffffb3}[data-theme=dark] ._common_1puhv_1{border-right:1px dotted rgba(255,255,255,.15)}._common_1puhv_1:last-child{border-right:none}._td_1puhv_24{border-top:1px solid rgba(0,0,0,.15)}[data-theme=dark] ._td_1puhv_24{border-top-color:#ffffff26}._th_1puhv_31{background-color:#80808026}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const common = "_common_1puhv_1";
+const td = "_td_1puhv_24";
+const th = "_th_1puhv_31";
+const style0 = {
+  common,
+  td,
+  th
+};
+export {
+  common,
+  style0 as default,
+  td,
+  th
+};

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

@@ -0,0 +1,22 @@
+import { default as ElmTableRow } from './ElmTableRow.vue';
+export interface ElmTableHeaderProps {
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: InstanceType<typeof ElmTableRow> | InstanceType<typeof ElmTableRow>[];
+    }> & {
+        default: InstanceType<typeof ElmTableRow> | InstanceType<typeof ElmTableRow>[];
+    };
+    refs: {};
+    rootEl: HTMLTableSectionElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmTableHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableHeaderProps> & 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,17 @@
+import { defineComponent, provide, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableHeader",
+  setup(__props) {
+    provide("hasHeader", true);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("thead", {
+        class: normalizeClass(_ctx.$style.thead)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._thead_1brzu_1{text-align:left;transition:background-color .4s,color .4s;border-bottom:2px solid rgba(128,128,128,.5)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const thead = "_thead_1brzu_1";
+const style0 = {
+  thead
+};
+export {
+  style0 as default,
+  thead
+};

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

@@ -0,0 +1,22 @@
+import { default as ElmTableCell } from './ElmTableCell.vue';
+export interface ElmTableRowProps {
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: InstanceType<typeof ElmTableCell>[];
+    }> & {
+        default: InstanceType<typeof ElmTableCell>[];
+    };
+    refs: {};
+    rootEl: HTMLTableRowElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmTableRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
+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/ElmTableRow.vue.mjs

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

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

@@ -0,0 +1,20 @@
+import { defineComponent, useSlots, inject, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createVNode, resolveDynamicComponent } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTableRow",
+  setup(__props) {
+    const slots = useSlots();
+    const hasRowHeader = inject("hasRowHeader");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("tr", {
+        class: normalizeClass([_ctx.$style.tr, { [_ctx.$style["has-row-header"]]: unref(hasRowHeader) }])
+      }, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(slots, (cell) => {
+          return createVNode(resolveDynamicComponent(cell));
+        }), 64))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,21 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._tr_2ogbz_1{transition:background-color .2s}._tr_2ogbz_1:nth-child(odd){background-color:transparent}._tr_2ogbz_1:nth-child(2n){background-color:#00000004}[data-theme=dark] ._tr_2ogbz_1:nth-child(2n){background-color:#ffffff04}._tr_2ogbz_1:hover,[data-theme=dark] ._tr_2ogbz_1:hover{background-color:#6987b826}._has-row-header_2ogbz_20 td:first-child,._has-row-header_2ogbz_20 tr:first-child{background-color:#80808026}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const tr = "_tr_2ogbz_1";
+const style0 = {
+  tr,
+  "has-row-header": "_has-row-header_2ogbz_20"
+};
+export {
+  style0 as default,
+  tr
+};

package/dist/components/template/ElmTemplate.stories.d.ts

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

package/dist/components/template/ElmTemplate.vue.d.ts

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

package/dist/components/typography/ElmBlockQuote.stories.d.ts

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

package/dist/components/typography/ElmBlockQuote.vue.d.ts

@@ -0,0 +1,24 @@
+export interface ElmBlockQuoteProps {
+    cite?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        target: HTMLQuoteElement;
+    };
+    rootEl: HTMLQuoteElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmBlockQuoteProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBlockQuoteProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLQuoteElement;
+}, HTMLQuoteElement>;
+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/typography/ElmBlockQuote.vue.mjs

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

package/dist/components/typography/ElmBlockQuote.vue2.mjs

@@ -0,0 +1,64 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, createElementVNode, toDisplayString, unref } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+import { mdiFormatQuoteOpen, mdiFormatQuoteClose } from "@mdi/js";
+const _hoisted_1 = ["cite"];
+const _hoisted_2 = ["href"];
+const _hoisted_3 = ["d"];
+const _hoisted_4 = ["d"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmBlockQuote",
+  props: {
+    cite: {}
+  },
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("blockquote", {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass(_ctx.$style.blockquote),
+        style: normalizeStyle({
+          "--opacity": targetIsVisible.value ? 1 : 0
+        }),
+        cite: __props.cite
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        __props.cite ? (openBlock(), createElementBlock("cite", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.cite)
+        }, [
+          createElementVNode("a", {
+            href: __props.cite,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, toDisplayString(__props.cite), 9, _hoisted_2)
+        ], 2)) : createCommentVNode("", true),
+        (openBlock(), createElementBlock("svg", {
+          class: normalizeClass(_ctx.$style.icon),
+          style: { "top": "0.25rem", "left": "0.25rem" },
+          viewBox: "0 0 24 24",
+          width: "1rem",
+          height: "1rem"
+        }, [
+          createElementVNode("path", { d: unref(mdiFormatQuoteOpen) }, null, 8, _hoisted_3)
+        ], 2)),
+        (openBlock(), createElementBlock("svg", {
+          class: normalizeClass(_ctx.$style.icon),
+          style: { "bottom": "0.25rem", "right": "0.25rem" },
+          viewBox: "0 0 24 24",
+          width: "1rem",
+          height: "1rem"
+        }, [
+          createElementVNode("path", { d: unref(mdiFormatQuoteClose) }, null, 8, _hoisted_4)
+        ], 2))
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/typography/ElmBlockQuote.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._blockquote_aha6d_1{position:relative;margin-block:2rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;margin:0;padding:1.5rem .5rem 1.5rem 1.5rem;background-color:#868e9c0d;border-left:4px solid rgba(0,0,0,.2)}[data-theme=dark] ._blockquote_aha6d_1{border-left-color:#bec2ca33}._cite_aha6d_16{position:absolute;font-size:.75rem;line-height:.75rem;bottom:.5rem;right:2rem}._cite_aha6d_16 a{all:unset;color:#6987b8;padding:0 .25rem;border-radius:.125rem;cursor:pointer;transition:background-color .1s}._cite_aha6d_16 a:hover{background-color:#6987b826}._icon_aha6d_35{position:absolute;padding:0;margin:0;width:1rem;height:1rem;fill:#868e9c}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const blockquote = "_blockquote_aha6d_1";
+const cite = "_cite_aha6d_16";
+const icon = "_icon_aha6d_35";
+const style0 = {
+  blockquote,
+  cite,
+  icon
+};
+export {
+  blockquote,
+  cite,
+  style0 as default,
+  icon
+};

package/dist/components/typography/ElmCallout.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as ElmCallout } from './ElmCallout.vue';
+declare const meta: Meta<typeof ElmCallout>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Tip: Story;
+export declare const Important: Story;
+export declare const Warning: Story;
+export declare const Caution: Story;
+export declare const Nested: Story;

package/dist/components/typography/ElmCallout.vue.d.ts

@@ -0,0 +1,30 @@
+export type AlertType = "note" | "tip" | "important" | "warning" | "caution";
+export interface ElmCalloutProps {
+    /**
+     * Type of alert
+     */
+    type?: AlertType;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        target: HTMLElement;
+    };
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmCalloutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCalloutProps> & Readonly<{}>, {
+    type: AlertType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLElement;
+}, HTMLElement>;
+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/typography/ElmCallout.vue.mjs

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