@elmethis/core 1.0.0-alpha.16 → 1.0.0-alpha.161

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,8 @@
+const h5 = "_h5_1av6v_1";
+const style0 = {
+  h5
+};
+export {
+  style0 as default,
+  h5
+};

package/dist/components/headings/ElmHeading6.css

@@ -0,0 +1,25 @@
+._h6_15uaq_1 {
+  margin-block: 0.5rem;
+  font-size: var(--font-size);
+  transition: color 400ms;
+  color: rgba(0, 0, 0, 0.8);
+}
+._h6_15uaq_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+._h6_15uaq_1::selection {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h6_15uaq_1 {
+  color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h6_15uaq_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._h6_15uaq_1::selection {
+  color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}

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,8 @@
+const h6 = "_h6_15uaq_1";
+const style0 = {
+  h6
+};
+export {
+  style0 as default,
+  h6
+};

package/dist/components/icon/ElmArrowIcon.css

@@ -0,0 +1,44 @@
+@keyframes _loading_hcczr_27 {
+0% {
+    background-position: 200% 0%;
+}
+33% {
+    background-position: 100% 0%;
+}
+66% {
+    background-position: 100% 0%;
+}
+100% {
+    background-position: 0% 0%;
+}
+}
+._arrow_hcczr_15 {
+  width: var(--size);
+  height: var(--size);
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0 50%, rgba(0, 0, 0, 0.2) 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, rgba(255, 255, 255, 0.7) 0 50%, rgba(255, 255, 255, 0.2) 50%);
+  background-size: 200% 100%;
+}
+._loading_hcczr_27 {
+  animation-name: _loading_hcczr_27;
+  animation-duration: 1600ms;
+  animation-iteration-count: infinite;
+}
+._normal_hcczr_33 {
+  background: rgba(0, 0, 0, 0.7);
+  transition: background 400ms;
+}
+[data-theme=dark] ._normal_hcczr_33 {
+  background: rgba(255, 255, 255, 0.7);
+}
+._pending_hcczr_41 {
+  background: rgba(0, 0, 0, 0.2);
+  transition: background 400ms;
+}
+[data-theme=dark] ._pending_hcczr_41 {
+  background: rgba(255, 255, 255, 0.2);
+}

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,17 @@
+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.css

@@ -0,0 +1,40 @@
+._wrapper_19n7v_1 {
+  all: unset;
+  box-sizing: border-box;
+  padding: 0.5rem;
+  width: 5rem;
+  height: 5.5rem;
+  border-radius: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  cursor: pointer;
+  transition: background-color 100ms;
+}
+._wrapper_19n7v_1:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._wrapper_19n7v_1:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+._favicon_19n7v_22 {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+._favicon-svg_19n7v_27 {
+  width: 2.5rem;
+  height: 2.5rem;
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._favicon-svg_19n7v_27 {
+  color: rgba(255, 255, 255, 0.7);
+}
+._text_19n7v_36 {
+  width: 4rem;
+  text-align: center;
+  vertical-align: middle;
+  line-height: 0.75rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

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,15 @@
+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.css

@@ -0,0 +1,38 @@
+._cube_oh6hr_1 {
+  position: relative;
+  transform-style: preserve-3d;
+  transform: rotateX(-30deg) rotateY(-45deg);
+  animation: _elmethis-cube-icon-rotate_oh6hr_1 1500ms infinite linear;
+}
+._face_oh6hr_8 {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+  backface-visibility: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.2);
+}
+[data-theme=dark] ._face_oh6hr_8 {
+  border-color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.2);
+}
+@keyframes _elmethis-cube-icon-rotate_oh6hr_1 {
+from {
+    transform: rotateX(-30deg) rotateY(-45deg) rotateZ(0deg);
+}
+to {
+    transform: rotateX(-30deg) rotateY(315deg) rotateZ(360deg);
+}
+}

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,12 @@
+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.css

@@ -0,0 +1,41 @@
+@keyframes _bounce_1k0sy_1 {
+0% {
+    transform: translateY(0%) scaleY(0.3) scaleX(1.5);
+}
+10% {
+    transform: scaleY(0.8) scaleX(1.2);
+}
+100% {
+    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: 0.4s;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  animation-timing-function: ease-out;
+  transition: background-color 400ms;
+  background-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._wrapper_1k0sy_12 ._dot_1k0sy_18 {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+._wrapper_1k0sy_12 ._dot_1k0sy_18:nth-last-of-type(1) {
+  animation-delay: -100ms;
+}
+._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: 100ms;
+}

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,14 @@
+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.css

@@ -0,0 +1,12 @@
+.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 100ms;
+}
+.v-enter-from[data-v-880dc126],
+.v-leave-to[data-v-880dc126] {
+  opacity: 0;
+}

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;