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

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,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._block_fz7i5_1{display:inline-block;height:var(--size);width:var(--size)}._icon_fz7i5_7{height:var(--size);width:var(--size)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+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,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._icon_1rb0v_1{box-sizing:border-box;width:var(--width);height:var(--width);padding:.25rem;border-radius:.25rem;color:var(--color);cursor:pointer;transition:background-color .2s}._icon_1rb0v_1:hover{background-color:#0000001a}[data-theme=dark] ._icon_1rb0v_1:hover{background-color:#ffffff1a}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+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
+};

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

@@ -0,0 +1,30 @@
+import { defineComponent, createBlock, unref, openBlock, normalizeClass } from "vue";
+import { useElmethisTheme } from "../../hooks/useElmethisTheme.mjs";
+import { Icon } from "@iconify/vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmToggleTheme",
+  props: {
+    size: { default: "2rem" }
+  },
+  setup(__props) {
+    const { isDarkTheme, toggleTheme } = useElmethisTheme();
+    return (_ctx, _cache) => {
+      return !unref(isDarkTheme) ? (openBlock(), createBlock(unref(Icon), {
+        key: 0,
+        icon: "line-md:moon-to-sunny-outline-loop-transition",
+        class: normalizeClass(_ctx.$style.icon),
+        width: _ctx.size,
+        onClick: unref(toggleTheme)
+      }, null, 8, ["class", "width", "onClick"])) : (openBlock(), createBlock(unref(Icon), {
+        key: 1,
+        icon: "line-md:sunny-outline-to-moon-loop-transition",
+        class: normalizeClass(_ctx.$style.icon),
+        width: _ctx.size,
+        onClick: unref(toggleTheme)
+      }, null, 8, ["class", "width", "onClick"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._icon_15e2g_1{box-sizing:border-box;padding:.25rem;color:#000c;border-radius:50%;cursor:pointer;box-shadow:0 0 .125rem #0000004d;background-color:#fff3}[data-theme=dark] ._icon_15e2g_1{box-shadow:0 0 .125rem #0009;background-color:#0003;box-sizing:border-box;padding:.25rem;color:#fffc;border-radius:50%;cursor:pointer}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const icon = "_icon_15e2g_1";
+const style0 = {
+  icon
+};
+export {
+  style0 as default,
+  icon
+};

package/dist/components/icon/languages/Bash.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/{Bash-mlA01V07.js → components/icon/languages/Bash.vue.mjs}

@@ -1,26 +1,31 @@
-import { openBlock as t, createElementBlock as e, createElementVNode as c } from "vue";
-import { _ as o } from "./index-DvtsYpwQ.js";
-const n = {}, s = {
+import { createElementBlock, openBlock, createElementVNode, normalizeClass } from "vue";
+import style0 from "./Bash.vue2.mjs";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 128 128"
 };
-function a(r, l) {
-  return t(), e("svg", s, l[0] || (l[0] = [
-    c("path", {
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [
+    _cache[0] || (_cache[0] = createElementVNode("path", {
       fill: "none",
       d: "M4.24 4.24h119.53v119.53H4.24z"
-    }, null, -1),
-    c("path", {
-      class: "path",
+    }, null, -1)),
+    createElementVNode("path", {
+      class: normalizeClass(_ctx.$style.path),
       d: "M109.01 28.64L71.28 6.24c-2.25-1.33-4.77-2-7.28-2s-5.03.67-7.28 2.01l-37.74 22.4c-4.5 2.67-7.28 7.61-7.28 12.96v44.8c0 5.35 2.77 10.29 7.28 12.96l37.73 22.4c2.25 1.34 4.76 2 7.28 2c2.51 0 5.03-.67 7.28-2l37.74-22.4c4.5-2.67 7.28-7.62 7.28-12.96V41.6c0-5.34-2.77-10.29-7.28-12.96M79.79 98.59l.06 3.22c0 .39-.25.83-.55.99l-1.91 1.1c-.3.15-.56-.03-.56-.42l-.03-3.17c-1.63.68-3.29.84-4.34.42c-.2-.08-.29-.37-.21-.71l.69-2.91c.06-.23.18-.46.34-.6c.06-.06.12-.1.18-.13c.11-.06.22-.07.31-.03c1.14.38 2.59.2 3.99-.5c1.78-.9 2.97-2.72 2.95-4.52c-.02-1.64-.9-2.31-3.05-2.33c-2.74.01-5.3-.53-5.34-4.57c-.03-3.32 1.69-6.78 4.43-8.96l-.03-3.25c0-.4.24-.84.55-1l1.85-1.18c.3-.15.56.04.56.43l.03 3.25c1.36-.54 2.54-.69 3.61-.44c.23.06.34.38.24.75l-.72 2.88c-.06.22-.18.44-.33.58a.8.8 0 0 1-.19.14c-.1.05-.19.06-.28.05c-.49-.11-1.65-.36-3.48.56c-1.92.97-2.59 2.64-2.58 3.88c.02 1.48.77 1.93 3.39 1.97c3.49.06 4.99 1.58 5.03 5.09c.05 3.44-1.79 7.15-4.61 9.41m26.34-60.5l-35.7 22.05c-4.45 2.6-7.73 5.52-7.74 10.89v43.99c0 3.21 1.3 5.29 3.29 5.9c-.65.11-1.32.19-1.98.19c-2.09 0-4.15-.57-5.96-1.64l-37.73-22.4c-3.69-2.19-5.98-6.28-5.98-10.67V41.6c0-4.39 2.29-8.48 5.98-10.67l37.74-22.4c1.81-1.07 3.87-1.64 5.96-1.64s4.15.57 5.96 1.64l37.74 22.4c3.11 1.85 5.21 5.04 5.8 8.63c-1.27-2.67-4.09-3.39-7.38-1.47"
-    }, null, -1),
-    c("path", {
+    }, null, 2),
+    _cache[1] || (_cache[1] = createElementVNode("path", {
       fill: "#4fa847",
       d: "m99.12 90.73l-9.4 5.62c-.25.15-.43.31-.43.61v2.46c0 .3.2.43.45.28l9.54-5.8c.25-.15.29-.42.29-.72v-2.17c0-.3-.2-.42-.45-.28"
-    }, null, -1)
-  ]));
+    }, null, -1))
+  ]);
 }
-const _ = /* @__PURE__ */ o(n, [["render", a], ["__scopeId", "data-v-6cc1bd46"]]);
+const cssModules = {
+  "$style": style0
+};
+const Bash = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules]]);
 export {
-  _ as default
+  Bash as default
 };

package/dist/components/icon/languages/Bash.vue2.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._path_1ccs2_1{fill:#293138}[data-theme=dark] ._path_1ccs2_1{fill:#d2dbe3}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const path = "_path_1ccs2_1";
+const style0 = {
+  path
+};
+export {
+  style0 as default,
+  path
+};

package/dist/components/icon/languages/{JavaScript.vue.d.ts → Css.vue.d.ts}

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/icon/languages/Css.vue.mjs

@@ -0,0 +1,19 @@
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "#3f9de9",
+      d: "m5 3l-.65 3.34h13.59L17.5 8.5H3.92l-.66 3.33h13.59l-.76 3.81l-5.48 1.81l-4.75-1.81l.33-1.64H2.85l-.79 4l7.85 3l9.05-3l1.2-6.03l.24-1.21L21.94 3z"
+    }, null, -1)
+  ]));
+}
+const Css = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Css as default
+};

package/dist/components/icon/languages/Rust.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/icon/languages/Rust.vue.mjs

@@ -0,0 +1,17 @@
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 128 128",
+  fill: "#a84f33"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M62.96.242c-.232.135-1.203 1.528-2.16 3.097c-2.4 3.94-2.426 3.942-5.65.55c-2.098-2.208-2.605-2.612-3.28-2.607c-.44.002-.995.152-1.235.332s-.916 1.612-1.504 3.183c-1.346 3.6-1.41 3.715-2.156 3.86c-.46.086-1.343-.407-3.463-1.929c-1.565-1.125-3.1-2.045-3.411-2.045c-1.291 0-1.655.706-2.27 4.4c-.78 4.697-.754 4.681-4.988 2.758c-1.71-.776-3.33-1.41-3.603-1.41s-.792.293-1.15.652c-.652.652-.653.655-.475 4.246l.178 3.595l-.68.364c-.602.322-1.017.283-3.684-.348c-3.48-.822-4.216-.8-4.92.15l-.516.693l.692 2.964c.38 1.63.745 3.2.814 3.487c.067.287-.05.746-.26 1.02c-.348.448-.717.49-3.94.44c-5.452-.086-5.761.382-3.51 5.3c.718 1.56 1.305 2.98 1.305 3.15c0 .898-.717 1.224-3.794 1.727c-1.722.28-3.218.51-3.326.51c-.107 0-.43.235-.717.522c-.937.936-.671 1.816 1.453 4.814c2.646 3.735 2.642 3.75-1.73 5.421c-4.971 1.902-5.072 2.37-1.287 5.96c3.525 3.344 3.53 3.295-.461 5.804C.208 62.8.162 62.846.085 63.876c-.093 1.253-.071 1.275 3.538 3.48c3.57 2.18 3.57 2.246.067 5.56C-.078 76.48.038 77 5.013 78.877c4.347 1.64 4.353 1.66 1.702 5.394c-1.502 2.117-1.981 3-1.981 3.653c0 1.223.637 1.535 4.44 2.174c3.206.54 3.92.857 3.92 1.741c0 .182-.588 1.612-1.307 3.177c-2.236 4.87-1.981 5.275 3.31 5.275c4.93 0 4.799-.15 3.737 4.294c-.8 3.35-.813 3.992-.088 4.715c.554.556 1.6.494 4.87-.289c2.499-.596 2.937-.637 3.516-.328l.66.354l-.177 3.594c-.178 3.593-.177 3.595.475 4.248c.358.36.884.652 1.165.652s1.903-.63 3.604-1.404c4.22-1.916 4.194-1.932 4.973 2.75c.617 3.711.977 4.4 2.294 4.4c.327 0 1.83-.88 3.34-1.958c2.654-1.893 3.342-2.19 4.049-1.74c.182.115.89 1.67 1.572 3.455c1.003 2.625 1.37 3.31 1.929 3.576c1.062.51 1.72.1 4.218-2.62c3.016-3.286 3.14-3.27 5.602.72c2.72 4.406 3.424 4.396 6.212-.089c2.402-3.864 2.374-3.862 5.621-.47c2.157 2.25 2.616 2.61 3.343 2.61c.464 0 1.019-.175 1.23-.388c.214-.213.92-1.786 1.568-3.496c.649-1.71 1.321-3.2 1.495-3.31c.687-.436 1.398-.13 4.048 1.752c1.56 1.108 3.028 1.96 3.377 1.96c1.296 0 1.764-.92 2.302-4.535c.46-3.082.554-3.378 1.16-3.685c.596-.302.954-.2 3.75 1.07c1.701.77 3.323 1.402 3.604 1.402s.816-.302 1.184-.672l.672-.67l-.184-3.448c-.177-3.29-.16-3.468.364-3.943c.54-.488.596-.486 3.615.204c3.656.835 4.338.857 5.025.17c.671-.67.664-.818-.254-4.69c-1.03-4.346-1.168-4.19 3.78-4.19c3.374 0 3.75-.049 4.18-.523c.718-.793.547-1.702-.896-4.779c-.729-1.55-1.32-2.96-1.315-3.135c.024-.914.743-1.227 4.065-1.767c2.033-.329 3.553-.71 3.829-.96c.923-.833.584-1.918-1.523-4.873c-2.642-3.703-2.63-3.738 1.599-5.297c5.064-1.866 5.209-2.488 1.419-6.09c-3.51-3.335-3.512-3.317.333-5.677c4.648-2.853 4.655-3.496.082-6.335c-3.933-2.44-3.93-2.406-.405-5.753c3.78-3.593 3.678-4.063-1.295-5.965c-4.388-1.679-4.402-1.72-1.735-5.38c1.588-2.18 1.982-2.903 1.982-3.65c0-1.306-.586-1.598-4.436-2.22c-3.216-.52-3.924-.835-3.924-1.75c0-.174.588-1.574 1.307-3.113c1.406-3.013 1.604-4.22.808-4.94c-.428-.387-1-.443-4.067-.392c-3.208.054-3.618.008-4.063-.439c-.486-.488-.48-.557.278-3.725c.931-3.88.935-3.975.17-4.694c-.777-.73-1.262-.718-4.826.121c-2.597.612-3.027.653-3.617.337l-.67-.36l.185-3.582l.186-3.58l-.67-.67c-.369-.37-.891-.67-1.163-.67c-.27 0-1.884.64-3.583 1.421c-2.838 1.306-3.143 1.393-3.757 1.072c-.612-.32-.714-.637-1.237-3.829c-.603-3.693-.977-4.412-2.288-4.412c-.311 0-1.853.925-3.426 2.055c-2.584 1.856-2.93 2.032-3.574 1.807c-.533-.186-.843-.59-1.221-1.599c-.28-.742-.817-2.172-1.194-3.177c-.762-2.028-1.187-2.482-2.328-2.482c-.637 0-1.213.458-3.28 2.604c-3.25 3.375-3.261 3.374-5.65-.545C66.073 1.78 65.075.382 64.81.24c-.597-.32-1.3-.32-1.85.002m2.96 11.798c2.83 2.014 1.326 6.75-2.144 6.75c-3.368 0-5.064-4.057-2.66-6.36c1.358-1.3 3.304-1.459 4.805-.39m-3.558 12.507c1.855.705 2.616.282 6.852-3.8l3.182-3.07l1.347.18c4.225.56 12.627 4.25 17.455 7.666c4.436 3.14 10.332 9.534 12.845 13.93l.537.942l-2.38 5.364c-1.31 2.95-2.382 5.673-2.382 6.053c0 .878.576 2.267 1.13 2.726c.234.195 2.457 1.265 4.939 2.378l4.51 2.025l.178 1.148c.23 1.495.26 5.167.052 6.21l-.163.816h-2.575c-2.987 0-2.756-.267-2.918 3.396c-.118 2.656-.76 4.124-2.22 5.075c-2.377 1.551-6.304 1.27-7.97-.57c-.255-.284-.752-1.705-1.105-3.16c-1.03-4.254-2.413-6.64-5.193-8.965c-.878-.733-1.595-1.418-1.595-1.522c0-.102.965-.915 2.145-1.803c4.298-3.24 6.77-7.012 7.04-10.747c.519-7.126-5.158-13.767-13.602-15.92c-2.002-.51-2.857-.526-27.624-.526c-14.057 0-25.56-.092-25.56-.204c0-.263 3.125-3.295 4.965-4.816c5.054-4.178 11.618-7.465 18.417-9.22l2.35-.61l3.34 3.387c1.839 1.863 3.64 3.5 4.003 3.637M20.3 46.34c1.539 1.008 2.17 3.54 1.26 5.062c-1.405 2.356-4.966 2.455-6.373.178c-2.046-3.309 1.895-7.349 5.113-5.24m90.672.13c4.026 2.454.906 8.493-3.404 6.586c-2.877-1.273-2.97-5.206-.155-6.64c1.174-.6 2.523-.579 3.56.053M32.163 61.5v15.02h-13.28l-.526-2.285c-1.036-4.5-1.472-9.156-1.211-12.969l.182-2.679l4.565-2.047c2.864-1.283 4.706-2.262 4.943-2.625c1.038-1.584.94-2.715-.518-5.933l-.68-1.502h6.523V61.5M70.39 47.132c2.843.74 4.345 2.245 4.349 4.355c.002 1.55-.765 2.52-2.67 3.38c-1.348.61-1.562.625-10.063.708l-8.686.084v-8.92h7.782c6.078 0 8.112.086 9.288.393m-2.934 21.554c1.41.392 3.076 1.616 3.93 2.888c.898 1.337 1.423 3.076 2.667 8.836c1.05 4.87 1.727 6.46 3.62 8.532c2.345 2.566 1.8 2.466 13.514 2.466c5.61 0 10.198.09 10.198.2c0 .197-3.863 4.764-4.03 4.764c-.048 0-2.066-.422-4.484-.939c-6.829-1.458-7.075-1.287-8.642 6.032l-1.008 4.702l-.91.448c-1.518.75-6.453 2.292-9.01 2.82c-4.228.87-8.828 1.162-12.871.821c-6.893-.585-16.02-3.259-16.377-4.8c-.075-.327-.535-2.443-1.018-4.704c-.485-2.26-1.074-4.404-1.31-4.764c-1.13-1.724-2.318-1.83-7.547-.674c-1.98.44-3.708.796-3.84.796c-.248 0-3.923-4.249-3.923-4.535c0-.09 8.728-.194 19.396-.23l19.395-.066l.07-6.89c.05-4.865-.018-6.997-.23-7.25c-.234-.284-1.485-.358-6.011-.358H53.32v-8.36l6.597.001c3.626.002 7.02.12 7.539.264M37.57 100.02c3.084 1.88 1.605 6.804-2.043 6.8c-3.74 0-5.127-4.88-1.94-6.826c1.055-.643 2.908-.63 3.983.026m56.48.206c1.512 1.108 2.015 3.413 1.079 4.95c-2.46 4.034-8.612.827-6.557-3.419c1.01-2.085 3.695-2.837 5.478-1.53" }, null, -1)
+  ]));
+}
+const Rust = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Rust as default
+};

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+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/inline/ElmInlineIcon.vue.d.ts

@@ -0,0 +1,6 @@
+export interface ElmInlineIconProps {
+    src: string;
+    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/inline/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/inline/ElmInlineIcon.vue2.mjs

@@ -0,0 +1,21 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
+const _hoisted_1 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmInlineIcon",
+  props: {
+    src: {},
+    alt: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("img", {
+        class: normalizeClass(_ctx.$style.icon),
+        src: _ctx.src,
+        alt: _ctx.alt
+      }, null, 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/inline/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_egf7j_1{margin:0;padding:0;padding-inline:.125rem;display:inline-block;vertical-align:middle;height:1.5em}._icon_egf7j_1::-moz-selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}._icon_egf7j_1::selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}[data-theme=dark] ._icon_egf7j_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._icon_egf7j_1::-moz-selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}[data-theme=dark] ._icon_egf7j_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_egf7j_1";
+const style0 = {
+  icon
+};
+export {
+  style0 as default,
+  icon
+};

package/dist/components/inline/ElmInlineLink.vue.d.ts

@@ -9,7 +9,8 @@ export interface ElmInlineLinkProps {
      *
      * e.g. `https://example.com`
      */
-    href?: string;
+    href: string;
+    favicon?: string;
     /**
      * Specifies the font size of the text.
      */
@@ -33,5 +34,5 @@ export interface ElmInlineLinkProps {
 declare const _default: import('vue').DefineComponent<ElmInlineLinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmInlineLinkProps> & Readonly<{}>, {
     size: Property.FontSize;
     openInNewTab: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
 export default _default;

package/dist/components/inline/ElmInlineLink.vue.mjs

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

package/dist/components/inline/ElmInlineLink.vue2.mjs

@@ -0,0 +1,55 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createTextVNode, createVNode, toDisplayString, unref } from "vue";
+import { Icon } from "@iconify/vue";
+const _hoisted_1 = ["href", "target"];
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmInlineLink",
+  props: {
+    text: {},
+    href: {},
+    favicon: {},
+    size: { default: "1rem" },
+    openInNewTab: { type: Boolean, default: true },
+    iconType: {},
+    onClick: {}
+  },
+  setup(__props) {
+    const props = __props;
+    function handleClick(event) {
+      if (props.onClick) {
+        event.preventDefault();
+        props.onClick();
+      }
+    }
+    const faviconSrc = ref(props.favicon);
+    const handleError = () => {
+      faviconSrc.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("a", {
+        class: normalizeClass(_ctx.$style.link),
+        href: _ctx.href,
+        style: normalizeStyle({ "--font-size": _ctx.size }),
+        target: _ctx.openInNewTab ? "_blank" : void 0,
+        rel: "noopener noreferrer",
+        onClick: handleClick
+      }, [
+        faviconSrc.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: faviconSrc.value,
+          alt: "favicon",
+          onError: handleError,
+          class: normalizeClass(_ctx.$style.icon)
+        }, null, 42, _hoisted_2)) : createCommentVNode("", true),
+        createTextVNode(" " + toDisplayString(_ctx.text ?? _ctx.href) + " ", 1),
+        createVNode(unref(Icon), {
+          icon: _ctx.iconType != null ? _ctx.iconType === "internal" ? "mdi:chevron-right" : "mdi:external-link" : _ctx.openInNewTab ? "mdi:external-link" : "mdi:chevron-right",
+          class: normalizeClass(_ctx.$style.icon)
+        }, null, 8, ["icon", "class"])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/inline/ElmInlineLink.vue3.mjs

@@ -0,0 +1,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._link_eebb0_1{all:unset;box-sizing:border-box;padding:0 .25rem;font-size:var(--font-size);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;color:#6987b8;border-radius:.125rem .125rem 0 0;border-bottom:dashed 1px #6987b8;transition:background-color .2s,color .2s}._link_eebb0_1:hover{background-color:#6987b833}._link_eebb0_1:active{color:#59b57c;background-color:#59b57c33}._link_eebb0_1:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_eebb0_1:visited:hover{background-color:#9771bd33}._link_eebb0_1:visited:active{color:#59b57c;background-color:#59b57c33}._link_eebb0_1 ._icon_eebb0_33{width:var(--font-size);height:var(--font-size)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const link = "_link_eebb0_1";
+const icon = "_icon_eebb0_33";
+const style0 = {
+  link,
+  icon
+};
+export {
+  style0 as default,
+  icon,
+  link
+};