@elmethis/vue 0.1.0

package/dist/components/form/ElmValidation.stories.d.ts

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

package/dist/components/form/ElmValidation.vue.d.ts

@@ -0,0 +1,9 @@
+export interface ElmValidationProps {
+    text: string;
+    validColor?: string;
+    isValid: boolean;
+}
+declare const _default: import('vue').DefineComponent<ElmValidationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmValidationProps> & Readonly<{}>, {
+    validColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/form/ElmValidation.vue.mjs

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

package/dist/components/form/ElmValidation.vue2.mjs

@@ -0,0 +1,34 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, unref } from "vue";
+import { mdiCheckCircle, mdiCheckCircleOutline } from "@mdi/js";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmValidation",
+  props: {
+    text: {},
+    validColor: { default: "#449763" },
+    isValid: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.validation),
+        style: normalizeStyle({
+          "--opacity": __props.isValid ? 1 : 0.5
+        })
+      }, [
+        createVNode(ElmMdiIcon, {
+          d: __props.isValid ? unref(mdiCheckCircle) : unref(mdiCheckCircleOutline),
+          color: __props.isValid ? __props.validColor : void 0
+        }, null, 8, ["d", "color"]),
+        createVNode(ElmInlineText, {
+          text: __props.text,
+          color: __props.isValid ? __props.validColor : void 0
+        }, null, 8, ["text", "color"])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/form/ElmValidation.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._validation_r3xix_1{display:flex;justify-content:flex-start;align-items:center;padding:.125rem 0;gap:.5rem;opacity:var(--opacity);transition:opacity .25s}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const validation = "_validation_r3xix_1";
+const style0 = {
+  validation
+};
+export {
+  style0 as default,
+  validation
+};

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+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]: !__props.loading && !__props.pending,
+            [_ctx.$style.loading]: __props.loading,
+            [_ctx.$style.pending]: !__props.loading && __props.pending
+          }
+        ]),
+        style: normalizeStyle({
+          "--size": __props.size,
+          transform: __props.direction === "up" ? "rotate(270deg)" : __props.direction === "down" ? "rotate(90deg)" : __props.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 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 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-vite';
+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,47 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createElementVNode, unref, createVNode } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmMdiIcon from "./ElmMdiIcon.vue.mjs";
+import { mdiEarth } from "@mdi/js";
+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: __props.href,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, [
+        __props.favicon != null ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.favicon),
+          src: __props.favicon,
+          alt: `favicon of ${__props.name ?? __props.href}`
+        }, null, 10, _hoisted_2)) : (openBlock(), createBlock(ElmMdiIcon, {
+          key: 1,
+          d: unref(mdiEarth),
+          size: "2.5rem",
+          style: { "opacity": "0.7" }
+        }, null, 8, ["d"])),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.text)
+        }, [
+          createVNode(ElmInlineText, {
+            text: __props.name ?? __props.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,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._wrapper_1djyj_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_1djyj_1:hover{background-color:#0000001a}[data-theme=dark] ._wrapper_1djyj_1:hover{background-color:#ffffff1a}._favicon_1djyj_22{width:2.5rem;height:2.5rem}._text_1djyj_27{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_1djyj_1";
+const favicon = "_favicon_1djyj_22";
+const text = "_text_1djyj_27";
+const style0 = {
+  wrapper,
+  favicon,
+  text
+};
+export {
+  style0 as default,
+  favicon,
+  text,
+  wrapper
+};

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

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

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

@@ -0,0 +1,10 @@
+export interface ElmCubeIconProps {
+    /**
+     * The size of the cube [px]
+     */
+    size?: number;
+}
+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, {}, 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: `${__props.size}px`,
+          height: `${__props.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.stories.d.ts

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

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

@@ -0,0 +1,18 @@
+import { Property } from 'csstype';
+export interface ElmDotLoadingIconProps {
+    /**
+     * Specifies the color of the dot.
+     *
+     * e.g.) `'red'`, `'#ff0000'`, `'rgba(255, 0, 0, 0.5)'`
+     */
+    color?: Property.BackgroundColor;
+    /**
+     * Specifies the size of the dot.
+     */
+    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, {}, 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: __props.size, height: __props.size })
+      }, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(3, (n) => {
+          return createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.dot),
+            "aria-hidden": "",
+            key: n,
+            style: normalizeStyle({ backgroundColor: __props.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_1sgwe_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_1sgwe_12{position:relative;display:flex;justify-content:space-around;align-items:flex-end}._wrapper_1sgwe_12 ._dot_1sgwe_18{width:20%;height:20%;border-radius:50%;animation-name:_bounce_1sgwe_1;animation-duration:.4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-out;transition:background-color .4s;background-color:#606875}[data-theme=dark] ._wrapper_1sgwe_12 ._dot_1sgwe_18{background-color:#b0b5be}._wrapper_1sgwe_12 ._dot_1sgwe_18:nth-last-of-type(1){animation-delay:-.1s}._wrapper_1sgwe_12 ._dot_1sgwe_18:nth-last-of-type(2){animation-delay:0ms}._wrapper_1sgwe_12 ._dot_1sgwe_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_1sgwe_12";
+const dot = "_dot_1sgwe_18";
+const bounce = "_bounce_1sgwe_1";
+const style0 = {
+  wrapper,
+  dot,
+  bounce
+};
+export {
+  bounce,
+  style0 as default,
+  dot,
+  wrapper
+};

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

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

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

@@ -0,0 +1,12 @@
+export interface ElmInlineIconProps {
+    /**
+     * The source URL of the icon.
+     */
+    src: string;
+    /**
+     * The alt text for the icon.
+     */
+    alt?: string;
+}
+declare const _default: import('vue').DefineComponent<ElmInlineIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmInlineIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLImageElement>;
+export default _default;

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

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

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

@@ -0,0 +1,27 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass } from "vue";
+const _hoisted_1 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmInlineIcon",
+  props: {
+    src: {},
+    alt: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const icon = ref(props.src);
+    const handleError = () => {
+      icon.value = `data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="gray" d="M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>`;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("img", {
+        class: normalizeClass(_ctx.$style.icon),
+        src: icon.value,
+        alt: __props.alt,
+        onError: handleError
+      }, null, 42, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._icon_19g82_1{margin:0;padding:0;display:inline-block;vertical-align:middle;height:1em}._icon_19g82_1::-moz-selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}._icon_19g82_1::selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}[data-theme=dark] ._icon_19g82_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._icon_19g82_1::-moz-selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}[data-theme=dark] ._icon_19g82_1::selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const icon = "_icon_19g82_1";
+const style0 = {
+  icon
+};
+export {
+  style0 as default,
+  icon
+};

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

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

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

@@ -0,0 +1,15 @@
+export interface ElmLanguageIconProps {
+    /**
+     * The size of the icon.
+     */
+    size?: number;
+    /**
+     * The language of the icon.
+     */
+    language: string;
+}
+export type Language = "rust" | "javascript" | "typescript" | "shell" | "terraform" | "html" | "css" | "npm" | "java" | "kotlin" | "go" | "python" | "sql" | "json" | "lua" | "csharp" | "cpp" | "c" | "file";
+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, {}, 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]]);
+export {
+  ElmLanguageIcon as default
+};