@elmethis/core 1.0.0-alpha.18 → 1.0.0-alpha.180

package/dist/components/headings/ElmHeading5.vue2.mjs

@@ -0,0 +1,31 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
+import { kebabCase } from "lodash-es";
+import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmHeading5",
+  props: {
+    text: {},
+    size: { default: "1.15rem" },
+    id: {},
+    disableFragmentIdentifier: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("h5", {
+          class: normalizeClass(_ctx.$style.h5),
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text),
+          style: normalizeStyle({ "--font-size": _ctx.size })
+        }, toDisplayString(_ctx.text), 15, _hoisted_1),
+        !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
+          key: 0,
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text)
+        }, null, 8, ["id"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/headings/ElmHeading5.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._h5_1av6v_1{margin-block:.5rem;font-size:var(--font-size);transition:color .4s;color:#000c}._h5_1av6v_1::-moz-selection{color:#fffc;background-color:#000c}._h5_1av6v_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._h5_1av6v_1{color:#fffc}[data-theme=dark] ._h5_1av6v_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._h5_1av6v_1::selection{color:#000c;background-color:#fffc}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const h5 = "_h5_1av6v_1";
+const style0 = {
+  h5
+};
+export {
+  style0 as default,
+  h5
+};

package/dist/components/headings/ElmHeading6.vue.d.ts

@@ -13,8 +13,14 @@ export interface ElmHeading6Props {
      * Default is kebab-cased `text`. (using lodash)
      */
     id?: string;
+    /**
+     * Whether to disable fragment identifier.
+     * Default is `false`.
+     */
+    disableFragmentIdentifier?: boolean;
 }
 declare const _default: import('vue').DefineComponent<ElmHeading6Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeading6Props> & Readonly<{}>, {
     size: Property.FontSize;
+    disableFragmentIdentifier: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/headings/ElmHeading6.vue.mjs

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

package/dist/components/headings/ElmHeading6.vue2.mjs

@@ -0,0 +1,31 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeStyle, unref, normalizeClass, toDisplayString } from "vue";
+import { kebabCase } from "lodash-es";
+import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
+const _hoisted_1 = ["id"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmHeading6",
+  props: {
+    text: {},
+    size: { default: "1.1rem" },
+    id: {},
+    disableFragmentIdentifier: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("h6", {
+          class: normalizeClass(_ctx.$style.h6),
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text),
+          style: normalizeStyle({ "--font-size": _ctx.size })
+        }, toDisplayString(_ctx.text), 15, _hoisted_1),
+        !_ctx.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier, {
+          key: 0,
+          id: _ctx.id ?? unref(kebabCase)(_ctx.text)
+        }, null, 8, ["id"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/headings/ElmHeading6.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._h6_15uaq_1{margin-block:.5rem;font-size:var(--font-size);transition:color .4s;color:#000c}._h6_15uaq_1::-moz-selection{color:#fffc;background-color:#000c}._h6_15uaq_1::selection{color:#fffc;background-color:#000c}[data-theme=dark] ._h6_15uaq_1{color:#fffc}[data-theme=dark] ._h6_15uaq_1::-moz-selection{color:#000c;background-color:#fffc}[data-theme=dark] ._h6_15uaq_1::selection{color:#000c;background-color:#fffc}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const h6 = "_h6_15uaq_1";
+const style0 = {
+  h6
+};
+export {
+  style0 as default,
+  h6
+};

package/dist/components/icon/ElmArrowIcon.stories.d.ts

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

package/dist/components/icon/ElmArrowIcon.vue.d.ts

@@ -0,0 +1,26 @@
+import { Property } from 'csstype';
+export interface ElmArrowIconProps {
+    /**
+     * Specifies the direction of the arrow.
+     */
+    direction?: 'up' | 'down' | 'left' | 'right';
+    /**
+     * Specifies whether the arrow is in loading state.
+     */
+    loading?: boolean;
+    /**
+     * Specifies whether the arrow is in pending state.
+     */
+    pending?: boolean;
+    /**
+     * Specifies the size of the arrow.
+     */
+    size?: Property.Height;
+}
+declare const _default: import('vue').DefineComponent<ElmArrowIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmArrowIconProps> & Readonly<{}>, {
+    size: Property.Height;
+    loading: boolean;
+    pending: boolean;
+    direction: "up" | "down" | "left" | "right";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/icon/ElmArrowIcon.vue.mjs

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

package/dist/components/icon/ElmArrowIcon.vue2.mjs

@@ -0,0 +1,31 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmArrowIcon",
+  props: {
+    direction: { default: "right" },
+    loading: { type: Boolean, default: false },
+    pending: { type: Boolean, default: false },
+    size: { default: "2rem" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          _ctx.$style.arrow,
+          {
+            [_ctx.$style.normal]: !_ctx.loading && !_ctx.pending,
+            [_ctx.$style.loading]: _ctx.loading,
+            [_ctx.$style.pending]: !_ctx.loading && _ctx.pending
+          }
+        ]),
+        style: normalizeStyle({
+          "--size": _ctx.size,
+          transform: _ctx.direction === "up" ? "rotate(270deg)" : _ctx.direction === "down" ? "rotate(90deg)" : _ctx.direction === "left" ? "rotate(180deg)" : "rotate(0deg)"
+        })
+      }, null, 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/icon/ElmArrowIcon.vue3.mjs

@@ -0,0 +1,29 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("@keyframes _loading_hcczr_27{0%{background-position:200% 0%}33%{background-position:100% 0%}66%{background-position:100% 0%}to{background-position:0% 0%}}._arrow_hcczr_15{width:var(--size);height:var(--size);background:linear-gradient(to right,#000000b3 0,#000000b3 50%,#0003 50%);background-size:200% 100%;clip-path:polygon(50% 33%,0% 33%,0% 66%,50% 66%,50% 100%,100% 50%,50% 0%)}[data-theme=dark] ._arrow_hcczr_15{background:linear-gradient(to right,#ffffffb3 0,#ffffffb3 50%,#fff3 50%);background-size:200% 100%}._loading_hcczr_27{animation-name:_loading_hcczr_27;animation-duration:1.6s;animation-iteration-count:infinite}._normal_hcczr_33{background:#000000b3;transition:background .4s}[data-theme=dark] ._normal_hcczr_33{background:#ffffffb3}._pending_hcczr_41{background:#0003;transition:background .4s}[data-theme=dark] ._pending_hcczr_41{background:#fff3}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const arrow = "_arrow_hcczr_15";
+const loading = "_loading_hcczr_27";
+const normal = "_normal_hcczr_33";
+const pending = "_pending_hcczr_41";
+const style0 = {
+  arrow,
+  loading,
+  normal,
+  pending
+};
+export {
+  arrow,
+  style0 as default,
+  loading,
+  normal,
+  pending
+};

package/dist/components/icon/ElmBookmarkIcon.stories.d.ts

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

package/dist/components/icon/ElmBookmarkIcon.vue.d.ts

@@ -0,0 +1,7 @@
+export interface ElmBookmarkIconProps {
+    name?: string;
+    href: string;
+    favicon?: string;
+}
+declare const _default: import('vue').DefineComponent<ElmBookmarkIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBookmarkIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
+export default _default;

package/dist/components/icon/ElmBookmarkIcon.vue.mjs

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

package/dist/components/icon/ElmBookmarkIcon.vue2.mjs

@@ -0,0 +1,45 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createElementVNode, unref, createVNode } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+const _hoisted_1 = ["href"];
+const _hoisted_2 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmBookmarkIcon",
+  props: {
+    name: {},
+    href: {},
+    favicon: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("a", {
+        class: normalizeClass(_ctx.$style.wrapper),
+        href: _ctx.href,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, [
+        _ctx.favicon != null ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.favicon),
+          src: _ctx.favicon,
+          alt: `favicon of ${_ctx.name ?? _ctx.href}`
+        }, null, 10, _hoisted_2)) : (openBlock(), createBlock(unref(Icon), {
+          key: 1,
+          icon: "mdi:globe",
+          class: normalizeClass(_ctx.$style["favicon-svg"])
+        }, null, 8, ["class"])),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.text)
+        }, [
+          createVNode(ElmInlineText, {
+            text: _ctx.name ?? _ctx.href,
+            size: ".6rem"
+          }, null, 8, ["text"])
+        ], 2)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/icon/ElmBookmarkIcon.vue3.mjs

@@ -0,0 +1,27 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._wrapper_19n7v_1{all:unset;box-sizing:border-box;padding:.5rem;width:5rem;height:5.5rem;border-radius:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;cursor:pointer;transition:background-color .1s}._wrapper_19n7v_1:hover{background-color:#0000001a}[data-theme=dark] ._wrapper_19n7v_1:hover{background-color:#ffffff1a}._favicon_19n7v_22{width:2.5rem;height:2.5rem}._favicon-svg_19n7v_27{width:2.5rem;height:2.5rem;color:#000000b3}[data-theme=dark] ._favicon-svg_19n7v_27{color:#ffffffb3}._text_19n7v_36{width:4rem;text-align:center;vertical-align:middle;line-height:.75rem;overflow:hidden;text-overflow:ellipsis}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const wrapper = "_wrapper_19n7v_1";
+const favicon = "_favicon_19n7v_22";
+const text = "_text_19n7v_36";
+const style0 = {
+  wrapper,
+  favicon,
+  "favicon-svg": "_favicon-svg_19n7v_27",
+  text
+};
+export {
+  style0 as default,
+  favicon,
+  text,
+  wrapper
+};

package/dist/components/icon/ElmCubeIcon.vue.d.ts

@@ -6,5 +6,5 @@ export interface ElmCubeIconProps {
 }
 declare const _default: import('vue').DefineComponent<ElmCubeIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCubeIconProps> & Readonly<{}>, {
     size: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/icon/ElmCubeIcon.vue.mjs

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

package/dist/components/icon/ElmCubeIcon.vue2.mjs

@@ -0,0 +1,41 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList, createElementVNode } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmCubeIcon",
+  props: {
+    size: { default: 128 }
+  },
+  setup(__props) {
+    const props = __props;
+    const commonTranslateZ = computed(() => `translateZ(${props.size / 2}px)`);
+    const faces = [
+      { name: "front", rotate: "" },
+      { name: "back", rotate: "rotateY(180deg)" },
+      { name: "left", rotate: "rotateY(-90deg)" },
+      { name: "right", rotate: "rotateY(90deg)" },
+      { name: "top", rotate: "rotateX(90deg)" },
+      { name: "bottom", rotate: "rotateX(-90deg)" }
+    ];
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.cube),
+        style: normalizeStyle({
+          width: `${_ctx.size}px`,
+          height: `${_ctx.size}px`
+        })
+      }, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(faces, (face) => {
+          return createElementVNode("div", {
+            key: face.name,
+            class: normalizeClass(_ctx.$style.face),
+            style: normalizeStyle({
+              transform: `${face.rotate} ${commonTranslateZ.value}`
+            })
+          }, null, 6);
+        }), 64))
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/icon/ElmCubeIcon.vue3.mjs

@@ -0,0 +1,24 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._cube_oh6hr_1{position:relative;transform-style:preserve-3d;transform:rotateX(-30deg) rotateY(-45deg);animation:_elmethis-cube-icon-rotate_oh6hr_1 1.5s infinite linear}._face_oh6hr_8{position:absolute;width:100%;height:100%;border-radius:2px;display:flex;justify-content:center;align-items:center;font-weight:700;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-style:solid;border-width:1px;border-color:#000000b3;background-color:#fff3}[data-theme=dark] ._face_oh6hr_8{border-color:#ffffffb3;background-color:#0003}@keyframes _elmethis-cube-icon-rotate_oh6hr_1{0%{transform:rotateX(-30deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(-30deg) rotateY(315deg) rotate(360deg)}}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const cube = "_cube_oh6hr_1";
+const face = "_face_oh6hr_8";
+const style0 = {
+  cube,
+  "elmethis-cube-icon-rotate": "_elmethis-cube-icon-rotate_oh6hr_1",
+  face
+};
+export {
+  cube,
+  style0 as default,
+  face
+};

package/dist/components/icon/ElmDotLoadingIcon.vue.d.ts

@@ -12,7 +12,7 @@ export interface ElmDotLoadingIconProps {
     size?: Property.Width<string | number>;
 }
 declare const _default: import('vue').DefineComponent<ElmDotLoadingIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDotLoadingIconProps> & Readonly<{}>, {
-    size: Property.Width<string | number>;
     color: Property.BackgroundColor;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    size: Property.Width<string | number>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/icon/ElmDotLoadingIcon.vue.mjs

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

package/dist/components/icon/ElmDotLoadingIcon.vue2.mjs

@@ -0,0 +1,28 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList, createElementVNode } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmDotLoadingIcon",
+  props: {
+    color: { default: void 0 },
+    size: { default: "64px" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.wrapper),
+        style: normalizeStyle({ width: _ctx.size, height: _ctx.size })
+      }, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(3, (n) => {
+          return createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.dot),
+            "aria-hidden": "",
+            key: n,
+            style: normalizeStyle({ backgroundColor: _ctx.color })
+          }, null, 6);
+        }), 64))
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/icon/ElmDotLoadingIcon.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("@keyframes _bounce_1k0sy_1{0%{transform:translateY(0) scaleY(.3) scaleX(1.5)}10%{transform:scaleY(.8) scaleX(1.2)}to{transform:translateY(-400%) scaleY(1.1)}}._wrapper_1k0sy_12{position:relative;display:flex;justify-content:space-around;align-items:flex-end}._wrapper_1k0sy_12 ._dot_1k0sy_18{width:20%;height:20%;border-radius:50%;animation-name:_bounce_1k0sy_1;animation-duration:.4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-out;transition:background-color .4s;background-color:#000000b3}[data-theme=dark] ._wrapper_1k0sy_12 ._dot_1k0sy_18{background-color:#ffffffb3}._wrapper_1k0sy_12 ._dot_1k0sy_18:nth-last-of-type(1){animation-delay:-.1s}._wrapper_1k0sy_12 ._dot_1k0sy_18:nth-last-of-type(2){animation-delay:0ms}._wrapper_1k0sy_12 ._dot_1k0sy_18:nth-last-of-type(3){animation-delay:.1s}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const wrapper = "_wrapper_1k0sy_12";
+const dot = "_dot_1k0sy_18";
+const bounce = "_bounce_1k0sy_1";
+const style0 = {
+  wrapper,
+  dot,
+  bounce
+};
+export {
+  bounce,
+  style0 as default,
+  dot,
+  wrapper
+};

package/dist/components/icon/ElmLanguageIcon.vue.d.ts

@@ -10,5 +10,5 @@ export interface ElmLanguageIconProps {
 }
 declare const _default: import('vue').DefineComponent<ElmLanguageIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmLanguageIconProps> & Readonly<{}>, {
     size: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/icon/ElmLanguageIcon.vue.mjs

@@ -0,0 +1,22 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-880dc126],.v-leave-from[data-v-880dc126]{opacity:1}.v-enter-active[data-v-880dc126],.v-leave-active[data-v-880dc126]{transition:opacity .1s}.v-enter-from[data-v-880dc126],.v-leave-to[data-v-880dc126]{opacity:0}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import _sfc_main from "./ElmLanguageIcon.vue2.mjs";
+import style0 from "./ElmLanguageIcon.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmLanguageIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-880dc126"]]);
+export {
+  ElmLanguageIcon as default
+};