@elmethis/vue 0.1.0

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

@@ -0,0 +1,58 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createVNode, renderSlot } from "vue";
+import ElmInlineText from "./ElmInlineText.vue.mjs";
+import { rgba } from "polished";
+import { useIntersectionObserver } from "@vueuse/core";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiAlertOctagram, mdiAlert, mdiShieldAlert, mdiLightbulbOn, mdiInformation } from "@mdi/js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmCallout",
+  props: {
+    type: { default: "note" }
+  },
+  setup(__props) {
+    const colors = {
+      note: { code: "#6987b8", icon: mdiInformation },
+      tip: { code: "#59b57c", icon: mdiLightbulbOn },
+      important: { code: "#9771bd", icon: mdiShieldAlert },
+      warning: { code: "#b8a36e", icon: mdiAlert },
+      caution: { code: "#b36472", icon: mdiAlertOctagram }
+    };
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("aside", {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass(_ctx.$style.callout),
+        style: normalizeStyle({
+          "--border-color": colors[__props.type].code,
+          "--bg-color": unref(rgba)(colors[__props.type].code, 0.1),
+          "--scale": targetIsVisible.value ? 1 : 0
+        })
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createVNode(ElmMdiIcon, {
+            d: colors[__props.type].icon,
+            size: "1.25em",
+            color: colors[__props.type].code
+          }, null, 8, ["d", "color"]),
+          createVNode(ElmInlineText, {
+            text: __props.type.toUpperCase(),
+            color: colors[__props.type].code
+          }, null, 8, ["text", "color"])
+        ], 2),
+        createElementVNode("div", null, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode('._callout_1gvd6_1{margin-block:2rem;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-left:solid 4px var(--border-color)}._callout_1gvd6_1:before{z-index:-1;position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:var(--bg-color);transition:transform .8s;transform:scaleX(var(--scale));transform-origin:left;pointer-events:none}._header_1gvd6_26{display:flex;align-items:center;gap:.5rem}'));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const callout = "_callout_1gvd6_1";
+const header = "_header_1gvd6_26";
+const style0 = {
+  callout,
+  header
+};
+export {
+  callout,
+  style0 as default,
+  header
+};

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

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

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

@@ -0,0 +1,11 @@
+import { Property } from 'csstype';
+export interface ElmDividerProps {
+    /**
+     * The margin of the divider.
+     */
+    margin?: Property.MarginBlock;
+}
+declare const _default: import('vue').DefineComponent<ElmDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLHRElement;
+}, HTMLHRElement>;
+export default _default;

package/dist/components/typography/ElmDivider.vue.mjs

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

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

@@ -0,0 +1,29 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmDivider",
+  props: {
+    margin: {}
+  },
+  setup(__props) {
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("hr", {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass(_ctx.$style.divider),
+        style: normalizeStyle({
+          "--scale": targetIsVisible.value ? 1 : 0,
+          "--margin-block": __props.margin
+        })
+      }, null, 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode('._divider_10gwr_1{margin-block:var(--margin-block);position:relative;display:block;width:100%;overflow:visible;border:none;border-bottom:1px solid #555b67;transform:scaleX(var(--scale));transition:transform 1.2s}[data-theme=dark] ._divider_10gwr_1{border-bottom-color:#bec2ca}._divider_10gwr_1:before{position:absolute;content:"";height:5px;width:5px;top:-2px;border-radius:50%;background-color:#555b67}[data-theme=dark] ._divider_10gwr_1:before{background-color:#bec2ca}._divider_10gwr_1:before{left:0}._divider_10gwr_1:after{position:absolute;content:"";height:5px;width:5px;top:-2px;border-radius:50%;background-color:#555b67}[data-theme=dark] ._divider_10gwr_1:after{background-color:#bec2ca}._divider_10gwr_1:after{right:0}'));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const divider = "_divider_10gwr_1";
+const style0 = {
+  divider
+};
+export {
+  style0 as default,
+  divider
+};

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

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

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

@@ -0,0 +1,8 @@
+export interface ElmFragmentIdentifierProps {
+    /**
+     * ID of the heading element.
+     */
+    id: string;
+}
+declare const _default: import('vue').DefineComponent<ElmFragmentIdentifierProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmFragmentIdentifierProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/typography/ElmFragmentIdentifier.vue.mjs

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

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

@@ -0,0 +1,27 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmFragmentIdentifier",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    const handleHashClick = (id) => {
+      const url = new URL(window.location.href);
+      url.hash = id;
+      window.history.replaceState(null, "", url.toString());
+      const target = document.getElementById(id);
+      if (target != null) {
+        target.scrollIntoView({ behavior: "smooth" });
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(_ctx.$style.fragment),
+        onClick: _cache[0] || (_cache[0] = ($event) => handleHashClick(__props.id))
+      }, "#", 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._fragment_1kofp_1{font-size:1rem;width:1rem;height:1rem;padding:.125rem;margin-inline-start:.5rem;border-radius:.125rem;display:inline-flex;justify-content:center;align-items:center;color:#b69545;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:1;transition:background-color .2s,opacity .1s,transform .1s}._fragment_1kofp_1:hover{background-color:#868e9c33}._fragment_1kofp_1:active{opacity:.5;transform:translate(1px) translateY(1px)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const fragment = "_fragment_1kofp_1";
+const style0 = {
+  fragment
+};
+export {
+  style0 as default,
+  fragment
+};

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

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

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

@@ -0,0 +1,49 @@
+import { Property } from 'csstype';
+import { VNode } from 'vue';
+export interface ElmHeadingProps {
+    /**
+     * Text to display
+     */
+    text?: string;
+    /**
+     * Font size of the text. Default is `'1.5rem'`.
+     */
+    size?: Property.FontSize;
+    /**
+     * ID of the heading element.
+     * Default is kebab-cased `text`. (using lodash)
+     */
+    id?: string;
+    /**
+     * Whether to disable fragment identifier.
+     * Default is `false`.
+     */
+    disableFragmentIdentifier?: boolean;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode[];
+    }> & {
+        default?: () => VNode[];
+    };
+    refs: {
+        target: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmHeadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeadingProps> & Readonly<{}>, {
+    disableFragmentIdentifier: boolean;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: unknown;
+}, 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/typography/ElmHeading.vue.mjs

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

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

@@ -0,0 +1,95 @@
+import { defineComponent, ref, useSlots, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, unref, normalizeClass, withCtx, createCommentVNode, createElementBlock, h, isVNode } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+import { kebabCase } from "lodash-es";
+import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
+import headingStyle from "../../styles/heading.module.scss.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmHeading",
+  props: {
+    text: {},
+    size: {},
+    id: {},
+    disableFragmentIdentifier: { type: Boolean, default: false },
+    level: { default: 1 }
+  },
+  setup(__props) {
+    const SIZE_MAP = Object.freeze({
+      1: 1.5,
+      2: 1.4,
+      3: 1.3,
+      4: 1.2,
+      5: 1.15,
+      6: 1.1
+    });
+    const props = __props;
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    const slots = useSlots();
+    const renderSlots = () => {
+      if (slots.default != null) {
+        return slots.default();
+      } else if (props.text != null) {
+        return h("span", {}, props.text);
+      } else {
+        return h("span");
+      }
+    };
+    const extractTextFromVNode = (vnodes) => {
+      const nodes = Array.isArray(vnodes) ? vnodes : [vnodes];
+      const extract = (node) => {
+        if (typeof node.children === "string") {
+          return node.children;
+        }
+        if (Array.isArray(node.children)) {
+          return node.children.map((child) => {
+            return isVNode(child) ? extract(child) : typeof child === "string" ? child : "";
+          }).join("");
+        }
+        return "";
+      };
+      return nodes.map(extract).join("");
+    };
+    const extractId = () => {
+      if (props.id) return props.id;
+      if (slots.default) return kebabCase(extractTextFromVNode(slots.default()));
+      return kebabCase(props.text);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(`h${__props.level}`), {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass([
+          _ctx.$style[`h${__props.level}`],
+          _ctx.$style["heading-common"],
+          unref(headingStyle).heading
+        ]),
+        id: __props.id ?? unref(kebabCase)(__props.text),
+        style: normalizeStyle({
+          "--font-size": __props.size ?? `${unref(SIZE_MAP)[__props.level]}rem`,
+          "--scale": targetIsVisible.value ? 1 : 0,
+          "--opacity": targetIsVisible.value ? 1 : 0
+        })
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(() => renderSlots()))),
+          !__props.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
+            key: 0,
+            id: extractId()
+          }, null, 8, ["id"])) : createCommentVNode("", true),
+          __props.level === 2 ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: normalizeClass(_ctx.$style["h2__underline"]),
+            "aria-hidden": ""
+          }, null, 2)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "id", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,39 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode('._heading-common_1sxzn_1{margin-block:1.5rem;position:relative;font-size:var(--font-size);line-height:var(--font-size);opacity:var(--opacity);transition:color .4s,opacity .8s}._h1_1sxzn_10:after{position:absolute;content:"";bottom:-10px;left:0;width:100%;height:.25px;background-color:#00000080;transition:transform .8s;transform:scaleX(var(--scale))}[data-theme=dark] ._h1_1sxzn_10:after{background-color:#ffffff80}._h1_1sxzn_10:before{position:absolute;content:"";bottom:-12px;left:45%;width:10%;height:2px;background-color:#0009;transition:transform .8s;transform:scaleY(var(--scale));transform-origin:top}[data-theme=dark] ._h1_1sxzn_10:before{background-color:#fff9}._h2_1sxzn_40:after{position:absolute;content:"";right:2px;bottom:-4px;width:6px;height:8px;opacity:.8;transform:skew(-25deg);background-color:#000c}[data-theme=dark] ._h2_1sxzn_40:after{background-color:#fffc}._h2_1sxzn_40:before{position:absolute;content:"";right:10px;bottom:-4px;width:6px;height:8px;opacity:.8;transform:skew(-25deg);background-color:#000c}[data-theme=dark] ._h2_1sxzn_40:before{background-color:#fffc}._h2__underline_1sxzn_68{overflow:hidden;position:absolute;content:"";bottom:-6px;left:0;width:100%;height:.25px;background-color:#00000080;transition:transform .8s;transform:scaleX(var(--scale));transform-origin:left}[data-theme=dark] ._h2__underline_1sxzn_68{background-color:#ffffff80}._h3_1sxzn_85{box-sizing:border-box;padding-left:.75rem}._h3_1sxzn_85:after{position:absolute;content:"";width:3px;height:50%;top:25%;left:0;background-color:#000c}[data-theme=dark] ._h3_1sxzn_85:after{background-color:#fffc}._h4_1sxzn_102,._h5_1sxzn_106,._h6_1sxzn_110{position:relative}'));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const h1 = "_h1_1sxzn_10";
+const h2 = "_h2_1sxzn_40";
+const h2__underline = "_h2__underline_1sxzn_68";
+const h3 = "_h3_1sxzn_85";
+const h4 = "_h4_1sxzn_102";
+const h5 = "_h5_1sxzn_106";
+const h6 = "_h6_1sxzn_110";
+const style0 = {
+  "heading-common": "_heading-common_1sxzn_1",
+  h1,
+  h2,
+  h2__underline,
+  h3,
+  h4,
+  h5,
+  h6
+};
+export {
+  style0 as default,
+  h1,
+  h2,
+  h2__underline,
+  h3,
+  h4,
+  h5,
+  h6
+};

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as ElmInlineText } from './ElmInlineText.vue';
+declare const meta: Meta<typeof ElmInlineText>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Colored: Story;
+export declare const Kbd: Story;
+export declare const Background: Story;
+export declare const Ruby: Story;
+export declare const Link: Story;
+export declare const LinkWithOgp: Story;

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

@@ -0,0 +1,85 @@
+import { Property } from 'csstype';
+import { VNodeChild } from 'vue';
+export interface ElmInlineTextProps {
+    /**
+     * The text to display.
+     */
+    text?: string;
+    /**
+     * Specifies the color of the text.
+     *
+     * e.g.) `'red'`, `'#ff0000'`, `'rgba(255, 0, 0, 0.5)'`
+     */
+    color?: Property.Color;
+    /**
+     * Specifies the font size of the text.
+     */
+    size?: Property.FontSize;
+    /**
+     * Specifies whether the text should be bold.
+     */
+    bold?: boolean;
+    /**
+     * Specifies whether the text should be italic.
+     */
+    italic?: boolean;
+    /**
+     * Specifies whether the text should be underlined.
+     */
+    underline?: boolean;
+    /**
+     * Specifies whether the text should be strikethrough.
+     */
+    strikethrough?: boolean;
+    /**
+     * Specifies whether the text should be displayed as code.
+     */
+    code?: boolean;
+    kbd?: boolean;
+    /**
+     * Specifies the background color of the text.
+     */
+    backgroundColor?: Property.BackgroundColor;
+    /**
+     * The ruby text to display.
+     */
+    ruby?: string;
+    /**
+     * The URL to navigate to.
+     *
+     * e.g. `https://example.com`
+     */
+    href?: string;
+    favicon?: string;
+    ogp?: {
+        title: string;
+        description?: string;
+        image?: 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<ElmInlineTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmInlineTextProps> & Readonly<{}>, {
+    size: Property.FontSize;
+    code: boolean;
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strikethrough: 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/typography/ElmInlineText.vue.mjs

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