@elmethis/vue 0.4.1 → 0.5.0

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

@@ -1,95 +0,0 @@
-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

@@ -1,39 +0,0 @@
-(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

@@ -1,12 +0,0 @@
-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

@@ -1,85 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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
-};

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

@@ -1,155 +0,0 @@
-import { defineComponent, useCssModule, useSlots, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, unref, toDisplayString, resolveDynamicComponent, h } from "vue";
-import { getLuminance } from "polished";
-import ElmInlineIcon from "../icon/ElmInlineIcon.vue.mjs";
-import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
-import { mdiOpenInNew } from "@mdi/js";
-import textStyle from "../../styles/text.module.scss.mjs";
-import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
-import ElmImage from "../media/ElmImage.vue.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmInlineText",
-  props: {
-    text: {},
-    color: {},
-    size: { default: "1em" },
-    bold: { type: Boolean, default: false },
-    italic: { type: Boolean, default: false },
-    underline: { type: Boolean, default: false },
-    strikethrough: { type: Boolean, default: false },
-    code: { type: Boolean, default: false },
-    kbd: { type: Boolean },
-    backgroundColor: {},
-    ruby: {},
-    href: {},
-    favicon: {},
-    ogp: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const style = useCssModule();
-    const slots = useSlots();
-    const renderLink = () => {
-      const children = [];
-      if (props.favicon) {
-        children.push(h(ElmInlineIcon, { src: props.favicon, alt: "favicon" }));
-      }
-      if (slots.default) {
-        children.push(h(slots.default));
-      } else {
-        children.push(h("span", {}, props.text ?? props.href));
-      }
-      children.push(
-        h(ElmMdiIcon, {
-          d: mdiOpenInNew,
-          size: "0.8em",
-          color: "gray",
-          style: { opacity: 0.75 }
-        })
-      );
-      return h(
-        "a",
-        {
-          class: style.link,
-          href: props.href,
-          style: { "--font-size": props.size },
-          target: "_blank",
-          rel: "noopener noreferrer"
-        },
-        children
-      );
-    };
-    const render = () => {
-      const backgroundColor = props.backgroundColor != null ? getLuminance(props.backgroundColor) < 0.5 ? "rgba(255, 255, 255, 0.7)" : "rgba(0, 0, 0, 0.7)" : void 0;
-      let vnode = slots.default ? h(
-        "span",
-        {
-          class: [style.text, textStyle.text]
-        },
-        { default: slots.default }
-      ) : h(
-        "span",
-        {
-          class: [style.text, textStyle.text]
-        },
-        props.text
-      );
-      if (props.kbd) {
-        vnode = h("kbd", { class: style.kbd }, vnode);
-      }
-      if (props.strikethrough) {
-        vnode = h("del", {}, vnode);
-      }
-      if (props.italic) {
-        vnode = h("em", {}, vnode);
-      }
-      if (props.underline) {
-        vnode = h("ins", {}, vnode);
-      }
-      if (props.bold) {
-        vnode = h("strong", {}, vnode);
-      }
-      if (props.code) {
-        vnode = h("code", { class: style.code }, vnode);
-      }
-      if (props.ruby) {
-        vnode = h(
-          "ruby",
-          {
-            class: style.text
-          },
-          [h("span", {}, vnode), h("rt", {}, props.ruby)]
-        );
-      }
-      const wrappedVnode = h(
-        "span",
-        {
-          class: [style.text, textStyle.text],
-          style: {
-            "--color": props.color ?? backgroundColor,
-            "--font-size": props.size,
-            "--background-color": props.backgroundColor
-          }
-        },
-        [vnode]
-      );
-      return wrappedVnode;
-    };
-    return (_ctx, _cache) => {
-      const _component_ElmInlineText = resolveComponent("ElmInlineText", true);
-      return __props.href && __props.ogp ? (openBlock(), createBlock(ElmTooltip, { key: 0 }, {
-        original: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(renderLink())))
-        ]),
-        tooltip: withCtx(() => [
-          __props.ogp ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.ogp)
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style["ogp-text"])
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass([unref(textStyle).text, _ctx.$style["ogp-title"]])
-              }, toDisplayString(__props.ogp.title), 3),
-              __props.ogp.description ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass([unref(textStyle).text, _ctx.$style["ogp-description"]])
-              }, toDisplayString(__props.ogp.description), 3)) : createCommentVNode("", true)
-            ], 2),
-            __props.ogp.image ? (openBlock(), createBlock(ElmImage, {
-              key: 0,
-              src: __props.ogp.image
-            }, null, 8, ["src"])) : createCommentVNode("", true)
-          ], 2)) : (openBlock(), createBlock(_component_ElmInlineText, {
-            key: 1,
-            text: __props.href
-          }, null, 8, ["text"]))
-        ]),
-        _: 1
-      })) : __props.href ? (openBlock(), createBlock(resolveDynamicComponent(renderLink()), { key: 1 })) : (openBlock(), createBlock(resolveDynamicComponent(render()), { key: 2 }));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,35 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('._text_1gswr_1{padding:0;margin:0;white-space:pre-line;font-size:1em;font-size:var(--font-size, 1em);line-height:1em;line-height:var(--font-size, 1em);background-color:var(--background-color);transition:color .2s;text-decoration-color:var(--color)}._code_1gswr_12{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_1gswr_21{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_1gswr_21{background-color:#404040}._kbd_1gswr_21:before{z-index:-1;position:absolute;content:"";bottom:-.25em;left:0;height:100%;width:100%;background-color:#ccc;border-radius:0 0 .125rem .125rem;box-shadow:0 0 .125em #00000080}[data-theme=dark] ._kbd_1gswr_21:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}._link_1gswr_47{all:unset;box-sizing:border-box;padding:0 .25rem;font-size:var(--font-size);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;color:#6987b8;border-radius:.125rem;transition:background-color .2s,color .2s,opacity .2s}._link_1gswr_47:hover{background-color:#6987b833}._link_1gswr_47:active{opacity:.5}._link_1gswr_47:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_1gswr_47:visited:hover{background-color:#9771bd33}._ogp_1gswr_74{display:flex;flex-direction:column;gap:.25rem;overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;background-color:#fffc}[data-theme=dark] ._ogp_1gswr_74{background-color:#ffffff1a}._ogp-text_1gswr_87{box-sizing:border-box;padding:.5rem}._ogp-title_1gswr_92{box-sizing:border-box;font-weight:700;padding-block-end:.25rem}._ogp-description_1gswr_98{opacity:.7;padding:.25rem}'));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const text = "_text_1gswr_1";
-const code = "_code_1gswr_12";
-const kbd = "_kbd_1gswr_21";
-const link = "_link_1gswr_47";
-const ogp = "_ogp_1gswr_74";
-const style0 = {
-  text,
-  code,
-  kbd,
-  link,
-  ogp,
-  "ogp-text": "_ogp-text_1gswr_87",
-  "ogp-title": "_ogp-title_1gswr_92",
-  "ogp-description": "_ogp-description_1gswr_98"
-};
-export {
-  code,
-  style0 as default,
-  kbd,
-  link,
-  ogp,
-  text
-};

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

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

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

@@ -1,31 +0,0 @@
-export interface ElmListProps {
-    /**
-     * The type of list to render.
-     * - `unordered` `<ul/>` for a **bulleted** list
-     * - `ordered` `<ol/>`  for a **numbered** list
-     */
-    listStyle: "unordered" | "ordered";
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        target: unknown;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmListProps> & Readonly<{}>, {
-    listStyle: "unordered" | "ordered";
-}, {}, {}, {}, 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/ElmList.vue.mjs

@@ -1,36 +0,0 @@
-import { defineComponent, ref, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot } from "vue";
-import { useIntersectionObserver } from "@vueuse/core";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmList",
-  props: {
-    listStyle: { default: "unordered" }
-  },
-  setup(__props) {
-    const target = ref(null);
-    const targetIsVisible = ref(false);
-    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
-      targetIsVisible.value = isIntersecting;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.listStyle === "unordered" ? "ul" : "ol"), {
-        ref_key: "target",
-        ref: target,
-        class: normalizeClass([
-          "elmethis-list-common",
-          __props.listStyle === "unordered" ? "elmethis-bulleted-list" : "elmethis-numbered-list"
-        ]),
-        style: normalizeStyle({
-          "--opacity": targetIsVisible.value ? 1 : 0
-        })
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,17 +0,0 @@
-(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 _sfc_main from "./ElmList.vue.mjs";
-
-export {
-  _sfc_main as default
-};

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

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

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

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

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

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

@@ -1,33 +0,0 @@
-import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
-import { useIntersectionObserver } from "@vueuse/core";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ElmParagraph",
-  props: {
-    color: {},
-    backgroundColor: {}
-  },
-  setup(__props) {
-    const target = ref(null);
-    const targetIsVisible = ref(false);
-    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
-      targetIsVisible.value = isIntersecting;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("p", {
-        ref_key: "target",
-        ref: target,
-        class: normalizeClass(_ctx.$style.paragraph),
-        style: normalizeStyle({
-          "--opacity": targetIsVisible.value ? 1 : 0,
-          "--color": __props.color,
-          "--background-color": __props.backgroundColor
-        })
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,20 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._paragraph_1tklt_1{margin-block:2rem;opacity:var(--opacity);transition:opacity .8s;color:var(--color);background-color:inherit;background-color:var(--background-color, inherit)}._paragraph_1tklt_1::-moz-selection{color:#ffffffb3;background-color:#000000b3}._paragraph_1tklt_1::selection{color:#ffffffb3;background-color:#000000b3}[data-theme=dark] ._paragraph_1tklt_1{color:#ffffffb3}[data-theme=dark] ._paragraph_1tklt_1::-moz-selection{color:#000000b3;background-color:#ffffffb3}[data-theme=dark] ._paragraph_1tklt_1::selection{color:#000000b3;background-color:#ffffffb3}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const paragraph = "_paragraph_1tklt_1";
-const style0 = {
-  paragraph
-};
-export {
-  style0 as default,
-  paragraph
-};

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

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

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

@@ -1,21 +0,0 @@
-import { Property } from 'csstype';
-export interface ElmTypingAnimationProps {
-    /**
-     * The texts to display.
-     */
-    texts: string[];
-    /**
-     * The interval between each text.
-     */
-    interval?: number;
-    /**
-     * The font size of the text.
-     */
-    fontSize: Property.FontSize<string | number>;
-}
-declare const _default: import('vue').DefineComponent<ElmTypingAnimationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTypingAnimationProps> & Readonly<{}>, {
-    texts: string[];
-    interval: number;
-    fontSize: Property.FontSize<string | number>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
-export default _default;