@elmethis/core 1.0.0-alpha.15 → 1.0.0-alpha.151

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

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

@@ -0,0 +1,148 @@
+import { defineComponent, useCssModule, h, ref, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, createBlock, unref, defineAsyncComponent } from "vue";
+import { Icon } from "@iconify/vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmLanguageIcon",
+  props: {
+    size: { default: 24 },
+    language: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const style = useCssModule();
+    const Fallback = h(Icon, { icon: "mdi:terminal-line", class: style.icon });
+    const render = () => {
+      switch (props.language.toLowerCase()) {
+        case "rust":
+        case "rs":
+          return defineAsyncComponent({
+            loader: () => import("./languages/Rust.vue.mjs"),
+            loadingComponent: Fallback
+          });
+        case "javascript":
+        case "js":
+          return h(Icon, {
+            icon: "devicon:javascript",
+            class: style.icon
+          });
+        case "typescript":
+        case "ts":
+          return h(Icon, {
+            icon: "devicon:typescript",
+            class: style.icon
+          });
+        case "bash":
+        case "sh":
+        case "shell":
+          return defineAsyncComponent({
+            loader: () => import("./languages/Bash.vue.mjs"),
+            loadingComponent: Fallback
+          });
+        case "tf":
+        case "terraform":
+        case "hcl":
+          return h(Icon, {
+            icon: "devicon:terraform",
+            class: style.icon
+          });
+        case "html":
+          return h(Icon, {
+            icon: "devicon:html5",
+            class: style.icon
+          });
+        case "css":
+          return defineAsyncComponent({
+            loader: () => import("./languages/Css.vue.mjs"),
+            loadingComponent: Fallback
+          });
+        case "npm":
+          return h(Icon, {
+            icon: "devicon:npm",
+            class: style.icon
+          });
+        case "java":
+          return h(Icon, {
+            icon: "devicon:java",
+            class: style.icon
+          });
+        case "kotlin":
+        case "kt":
+          return h(Icon, {
+            icon: "devicon:kotlin",
+            class: style.icon
+          });
+        case "go":
+        case "golang":
+          return h(Icon, {
+            icon: "logos:go",
+            class: style.icon
+          });
+        case "python":
+        case "py":
+          return h(Icon, {
+            icon: "devicon:python",
+            class: style.icon
+          });
+        case "sql":
+          return h(Icon, {
+            icon: "vscode-icons:file-type-sql",
+            class: style.icon
+          });
+        case "json":
+          return h(Icon, {
+            icon: "devicon:json",
+            class: style.icon
+          });
+        case "lua":
+          return h(Icon, {
+            icon: "devicon:lua",
+            class: style.icon
+          });
+        case "cs":
+        case "csharp":
+          return h(Icon, {
+            icon: "devicon:csharp",
+            class: style.icon
+          });
+        case "cpp":
+        case "c++":
+          return h(Icon, {
+            icon: "devicon:cplusplus",
+            class: style.icon
+          });
+        case "c":
+          return h(Icon, {
+            icon: "devicon:c",
+            class: style.icon
+          });
+        default:
+          return Fallback;
+      }
+    };
+    const Icon$1 = ref(render());
+    watch(
+      () => props.language,
+      () => {
+        Icon$1.value = render();
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.block),
+        style: normalizeStyle({ "--size": `${_ctx.size}px` })
+      }, [
+        createVNode(Transition, { mode: "out-in" }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(unref(Icon$1), {
+              class: normalizeClass(_ctx.$style.icon),
+              key: _ctx.language
+            }, null, 8, ["class"]))
+          ]),
+          _: 1
+        })
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,11 @@
+const block = "_block_fz7i5_1";
+const icon = "_icon_fz7i5_7";
+const style0 = {
+  block,
+  icon
+};
+export {
+  block,
+  style0 as default,
+  icon
+};

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

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

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

@@ -0,0 +1,18 @@
+export interface ElmLoginIconProps {
+    /**
+     * Specifies the width of the icon.
+     */
+    size?: string;
+    /**
+     * Specifies whether the icon is for login or logout.
+     */
+    isLogin?: boolean;
+    /**
+     * Specifies whether the icon is loading.
+     */
+    isLoading?: boolean;
+}
+declare const _default: import('vue').DefineComponent<ElmLoginIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmLoginIconProps> & Readonly<{}>, {
+    size: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

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

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

@@ -0,0 +1,37 @@
+import { defineComponent, createBlock, openBlock, withCtx, createVNode, unref, normalizeStyle, normalizeClass } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmLoginIcon",
+  props: {
+    size: { default: "2rem" },
+    isLogin: { type: Boolean },
+    isLoading: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ElmTooltip, null, {
+        original: withCtx(() => [
+          createVNode(unref(Icon), {
+            class: normalizeClass(_ctx.$style.icon),
+            style: normalizeStyle({
+              "--width": _ctx.size,
+              "--color": _ctx.isLoading ? "gray" : _ctx.isLogin ? "#b36472" : "#6987b8"
+            }),
+            icon: _ctx.isLoading ? "svg-spinners:ring-resize" : _ctx.isLogin ? "mdi:logout-variant" : "mdi:login-variant"
+          }, null, 8, ["class", "style", "icon"])
+        ]),
+        tooltip: withCtx(() => [
+          createVNode(ElmInlineText, {
+            text: _ctx.isLoading ? "Loading..." : _ctx.isLogin ? "Logout" : "Login"
+          }, null, 8, ["text"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,8 @@
+const icon = "_icon_1rb0v_1";
+const style0 = {
+  icon
+};
+export {
+  style0 as default,
+  icon
+};

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

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