@elmethis/vue 0.1.0

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

@@ -0,0 +1,147 @@
+import { defineComponent, h, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, Transition, unref, withCtx, createBlock, resolveDynamicComponent } from "vue";
+import ElmMdiIcon from "./ElmMdiIcon.vue.mjs";
+import { mdiCodeJson } from "@mdi/js";
+import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
+import _sfc_main$h from "./languages/Rust.vue.mjs";
+import _sfc_main$g from "./languages/Javascript.vue.mjs";
+import _sfc_main$f from "./languages/Typescript.vue.mjs";
+import Bash from "./languages/Bash.vue.mjs";
+import _sfc_main$e from "./languages/Terraform.vue.mjs";
+import _sfc_main$d from "./languages/Html.vue.mjs";
+import _sfc_main$c from "./languages/Css.vue.mjs";
+import _sfc_main$b from "./languages/Npm.vue.mjs";
+import _sfc_main$a from "./languages/Java.vue.mjs";
+import _sfc_main$9 from "./languages/Kotlin.vue.mjs";
+import _sfc_main$8 from "./languages/Go.vue.mjs";
+import _sfc_main$7 from "./languages/Python.vue.mjs";
+import _sfc_main$6 from "./languages/Sql.vue.mjs";
+import _sfc_main$5 from "./languages/Json.vue.mjs";
+import _sfc_main$4 from "./languages/Lua.vue.mjs";
+import _sfc_main$3 from "./languages/Csharp.vue.mjs";
+import _sfc_main$2 from "./languages/Cplusplus.vue.mjs";
+import _sfc_main$1 from "./languages/C.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmLanguageIcon",
+  props: {
+    size: { default: 24 },
+    language: {}
+  },
+  setup(__props) {
+    const normalizeLanguage = (language) => {
+      switch (language) {
+        case "rust":
+        case "rs":
+          return "rust";
+        case "javascript":
+        case "js":
+          return "javascript";
+        case "typescript":
+        case "ts":
+          return "typescript";
+        case "bash":
+        case "sh":
+        case "shell":
+          return "shell";
+        case "tf":
+        case "terraform":
+        case "hcl":
+          return "terraform";
+        case "html":
+        case "html5":
+          return "html";
+        case "css":
+        case "css3":
+          return "css";
+        case "npm":
+          return "npm";
+        case "java":
+          return "java";
+        case "kotlin":
+        case "kt":
+          return "kotlin";
+        case "go":
+        case "golang":
+          return "go";
+        case "python":
+        case "py":
+          return "python";
+        case "sql":
+          return "sql";
+        case "json":
+          return "json";
+        case "lua":
+          return "lua";
+        case "cs":
+        case "c#":
+        case "csharp":
+          return "csharp";
+        case "cpp":
+        case "c++":
+          return "cpp";
+        case "c":
+        case "clang":
+          return "c";
+        default:
+          return "file";
+      }
+    };
+    const props = __props;
+    const Fallback = h(ElmMdiIcon, {
+      d: mdiCodeJson,
+      size: props.size ? `${props.size}px` : void 0
+    });
+    const defineIcon = (component) => h(component, props);
+    const ICON_MAP = {
+      rust: defineIcon(_sfc_main$h),
+      javascript: defineIcon(_sfc_main$g),
+      typescript: defineIcon(_sfc_main$f),
+      shell: defineIcon(Bash),
+      terraform: defineIcon(_sfc_main$e),
+      html: defineIcon(_sfc_main$d),
+      css: defineIcon(_sfc_main$c),
+      npm: defineIcon(_sfc_main$b),
+      java: defineIcon(_sfc_main$a),
+      kotlin: defineIcon(_sfc_main$9),
+      go: defineIcon(_sfc_main$8),
+      python: defineIcon(_sfc_main$7),
+      sql: defineIcon(_sfc_main$6),
+      json: defineIcon(_sfc_main$5),
+      lua: defineIcon(_sfc_main$4),
+      csharp: defineIcon(_sfc_main$3),
+      cpp: defineIcon(_sfc_main$2),
+      c: defineIcon(_sfc_main$1),
+      file: h(Fallback)
+    };
+    const render = () => {
+      const normalizedLanguage = normalizeLanguage(props.language);
+      return ICON_MAP[normalizedLanguage];
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.block),
+        style: normalizeStyle({ "--size": __props.size })
+      }, [
+        createVNode(Transition, {
+          mode: "out-in",
+          "enter-from-class": unref(fadeStyle)["fade-enter-from"],
+          "enter-active-class": unref(fadeStyle)["fade-enter-active"],
+          "enter-to-class": unref(fadeStyle)["fade-enter-to"],
+          "leave-from-class": unref(fadeStyle)["fade-leave-from"],
+          "leave-active-class": unref(fadeStyle)["fade-leave-active"],
+          "leave-to-class": unref(fadeStyle)["fade-leave-to"]
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(render()), {
+              class: normalizeClass(_ctx.$style.icon),
+              key: __props.language
+            }, null, 8, ["class"]))
+          ]),
+          _: 1
+        }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._block_1kc6l_1{box-sizing:border-box;display:inline-block;height:var(--size);width:var(--size)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const block = "_block_1kc6l_1";
+const style0 = {
+  block
+};
+export {
+  block,
+  style0 as default
+};

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+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,36 @@
+import { defineComponent, createBlock, openBlock, withCtx, createVNode, unref, normalizeClass } from "vue";
+import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmMdiIcon from "./ElmMdiIcon.vue.mjs";
+import { mdiLoading, mdiLogoutVariant, mdiLoginVariant } from "@mdi/js";
+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(ElmMdiIcon, {
+            class: normalizeClass(_ctx.$style.icon),
+            d: __props.isLoading ? unref(mdiLoading) : __props.isLogin ? unref(mdiLogoutVariant) : unref(mdiLoginVariant),
+            color: __props.isLoading ? "gray" : __props.isLogin ? "#b36472" : "#6987b8",
+            size: __props.size
+          }, null, 8, ["class", "d", "color", "size"])
+        ]),
+        tooltip: withCtx(() => [
+          createVNode(ElmInlineText, {
+            text: __props.isLoading ? "Loading..." : __props.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_qdybm_1{box-sizing:border-box;padding:.25rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s}._icon_qdybm_1:hover{background-color:#0000001a}[data-theme=dark] ._icon_qdybm_1:hover{background-color:#ffffff1a}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const icon = "_icon_qdybm_1";
+const style0 = {
+  icon
+};
+export {
+  style0 as default,
+  icon
+};

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

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

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

@@ -0,0 +1,11 @@
+export interface ElmMdiIconProps {
+    size?: string;
+    d: string;
+    color?: string;
+    lightColor?: string;
+    darkColor?: string;
+}
+declare const _default: import('vue').DefineComponent<ElmMdiIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmMdiIconProps> & Readonly<{}>, {
+    size: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

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

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

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

@@ -0,0 +1,34 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode } from "vue";
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = ["d"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmMdiIcon",
+  props: {
+    size: { default: "1em" },
+    d: {},
+    color: {},
+    lightColor: {},
+    darkColor: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        viewBox: "0 0 24 24",
+        width: __props.size,
+        height: __props.size,
+        focusable: "false",
+        role: "img",
+        class: normalizeClass(_ctx.$style.icon),
+        style: normalizeStyle({
+          "--color": __props.lightColor ?? __props.color,
+          "--dark-color": __props.darkColor ?? __props.color
+        })
+      }, [
+        createElementVNode("path", { d: __props.d }, null, 8, _hoisted_2)
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { Property } from 'csstype';
+export interface ElmSquareLoadingIconProps {
+    size?: Property.Width;
+    dimensions?: number;
+}
+declare const _default: import('vue').DefineComponent<ElmSquareLoadingIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmSquareLoadingIconProps> & Readonly<{}>, {
+    size: Property.Width;
+    dimensions: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,37 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList } from "vue";
+const DURATION = 1200;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmSquareLoadingIcon",
+  props: {
+    size: { default: "3rem" },
+    dimensions: { default: 4 }
+  },
+  setup(__props) {
+    const props = __props;
+    const DELAY = DURATION / (props.dimensions * 3);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.wrapper),
+        style: normalizeStyle({
+          "--size": __props.size,
+          "--dimensions": __props.dimensions,
+          "--duration": `${DURATION}ms`
+        })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(__props.dimensions).fill(null), (_, rowIndex) => {
+          return openBlock(), createElementBlock(Fragment, null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(__props.dimensions).fill(null), (_2, columnIndex) => {
+              return openBlock(), createElementBlock("div", {
+                class: normalizeClass(_ctx.$style.square),
+                style: normalizeStyle({ "--delay": `${DELAY * (rowIndex + columnIndex)}ms` })
+              }, null, 6);
+            }), 256))
+          ], 64);
+        }), 256))
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("@keyframes _appear_13xd3_1{0%{transform:scale(0)}20%{transform:scale(0)}80%{transform:scale(1)}to{transform:scale(1)}}._wrapper_13xd3_15{margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--dimensions),auto);grid-template-rows:repeat(var(--dimensions),auto);justify-content:start}._square_13xd3_24{width:calc(var(--size) / var(--dimensions));height:calc(var(--size) / var(--dimensions));animation-name:_appear_13xd3_1;animation-iteration-count:infinite;animation-fill-mode:both;animation-direction:alternate;animation-duration:var(--duration);animation-delay:var(--delay);background-color:#606875}[data-theme=dark] ._square_13xd3_24{background-color:#b0b5be}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const wrapper = "_wrapper_13xd3_15";
+const square = "_square_13xd3_24";
+const appear = "_appear_13xd3_1";
+const style0 = {
+  wrapper,
+  square,
+  appear
+};
+export {
+  appear,
+  style0 as default,
+  square,
+  wrapper
+};

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

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

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

@@ -0,0 +1,11 @@
+import { Property } from 'csstype';
+export interface ElmToggleThemeProps {
+    /**
+     * Specifies the size of the dot.
+     */
+    size?: Property.Width<string | number>;
+}
+declare const _default: import('vue').DefineComponent<ElmToggleThemeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmToggleThemeProps> & Readonly<{}>, {
+    size: Property.Width<string | number>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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,41 @@
+import { defineComponent, createElementBlock, unref, openBlock, normalizeClass, createStaticVNode } from "vue";
+import { useElmethisTheme } from "../../hooks/useElmethisTheme.mjs";
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = ["width", "height"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmToggleTheme",
+  props: {
+    size: { default: "2rem" }
+  },
+  setup(__props) {
+    const { isDarkTheme, toggleTheme } = useElmethisTheme();
+    return (_ctx, _cache) => {
+      return !unref(isDarkTheme) ? (openBlock(), createElementBlock("svg", {
+        key: 0,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: __props.size,
+        height: __props.size,
+        viewBox: "0 0 24 24",
+        class: normalizeClass(_ctx.$style.icon),
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(toggleTheme) && unref(toggleTheme)(...args))
+      }, [..._cache[2] || (_cache[2] = [
+        createStaticVNode('<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="2" stroke-dashoffset="2" d="M12 19v1M19 12h1M12 5v-1M5 12h-1"><animate fill="freeze" attributeName="d" begin="1.2s" dur="0.2s" values="M12 19v1M19 12h1M12 5v-1M5 12h-1;M12 21v1M21 12h1M12 3v-1M3 12h-1"></animate><animate fill="freeze" attributeName="stroke-dashoffset" begin="1.2s" dur="0.2s" values="2;0"></animate></path><path stroke-dasharray="2" stroke-dashoffset="2" d="M17 17l0.5 0.5M17 7l0.5 -0.5M7 7l-0.5 -0.5M7 17l-0.5 0.5"><animate fill="freeze" attributeName="d" begin="1.4s" dur="0.2s" values="M17 17l0.5 0.5M17 7l0.5 -0.5M7 7l-0.5 -0.5M7 17l-0.5 0.5;M18.5 18.5l0.5 0.5M18.5 5.5l0.5 -0.5M5.5 5.5l-0.5 -0.5M5.5 18.5l-0.5 0.5"></animate><animate fill="freeze" attributeName="stroke-dashoffset" begin="1.4s" dur="0.2s" values="2;0"></animate></path><animateTransform attributeName="transform" dur="30s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"></animateTransform></g><g fill="currentColor"><path d="M15.22 6.03L17.75 4.09L14.56 4L13.5 1L12.44 4L9.25 4.09L11.78 6.03L10.87 9.09L13.5 7.28L16.13 9.09L15.22 6.03Z"><animate fill="freeze" attributeName="fill-opacity" dur="0.4s" values="1;0"></animate></path><path d="M19.61 12.25L21.25 11L19.19 10.95L18.5 9L17.81 10.95L15.75 11L17.39 12.25L16.8 14.23L18.5 13.06L20.2 14.23L19.61 12.25Z"><animate fill="freeze" attributeName="fill-opacity" begin="0.2s" dur="0.4s" values="1;0"></animate></path></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 6 C7 12.08 11.92 17 18 17 C18.53 17 19.05 16.96 19.56 16.89 C17.95 19.36 15.17 21 12 21 C7.03 21 3 16.97 3 12 C3 8.83 4.64 6.05 7.11 4.44 C7.04 4.95 7 5.47 7 6 Z"><set fill="freeze" attributeName="opacity" begin="0.6s" to="0"></set></path><mask id="lineMdMoonToSunnyOutlineLoopTransition0"><circle cx="12" cy="12" r="12" fill="#fff"></circle><circle cx="12" cy="12" r="8"><animate fill="freeze" attributeName="r" begin="0.6s" dur="0.4s" values="8;4"></animate></circle><circle cx="18" cy="6" r="12" fill="#fff"><animate fill="freeze" attributeName="cx" begin="0.6s" dur="0.4s" values="18;22"></animate><animate fill="freeze" attributeName="cy" begin="0.6s" dur="0.4s" values="6;2"></animate><animate fill="freeze" attributeName="r" begin="0.6s" dur="0.4s" values="12;3"></animate></circle><circle cx="18" cy="6" r="10"><animate fill="freeze" attributeName="cx" begin="0.6s" dur="0.4s" values="18;22"></animate><animate fill="freeze" attributeName="cy" begin="0.6s" dur="0.4s" values="6;2"></animate><animate fill="freeze" attributeName="r" begin="0.6s" dur="0.4s" values="10;1"></animate></circle></mask><circle cx="12" cy="12" r="10" mask="url(#lineMdMoonToSunnyOutlineLoopTransition0)" opacity="0" fill="currentColor"><animate fill="freeze" attributeName="r" begin="0.6s" dur="0.4s" values="10;6"></animate><set fill="freeze" attributeName="opacity" begin="0.6s" to="1"></set></circle>', 5)
+      ])], 10, _hoisted_1)) : (openBlock(), createElementBlock("svg", {
+        key: 1,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: __props.size,
+        height: __props.size,
+        viewBox: "0 0 24 24",
+        class: normalizeClass(_ctx.$style.icon),
+        onClick: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(toggleTheme) && unref(toggleTheme)(...args))
+      }, [..._cache[3] || (_cache[3] = [
+        createStaticVNode('<path fill-opacity="0" d="M15.22 6.03l2.53-1.94L14.56 4L13.5 1l-1.06 3l-3.19.09l2.53 1.94l-.91 3.06l2.63-1.81l2.63 1.81z" fill="currentColor"><animate id="lineMdSunnyOutlineToMoonLoopTransition0" fill="freeze" attributeName="fill-opacity" begin="0.6s;lineMdSunnyOutlineToMoonLoopTransition0.begin+6s" dur="0.4s" values="0;1"></animate><animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyOutlineToMoonLoopTransition0.begin+2.2s" dur="0.4s" values="1;0"></animate></path><path fill-opacity="0" d="M13.61 5.25L15.25 4l-2.06-.05L12.5 2l-.69 1.95L9.75 4l1.64 1.25l-.59 1.98l1.7-1.17l1.7 1.17z" fill="currentColor"><animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyOutlineToMoonLoopTransition0.begin+3s" dur="0.4s" values="0;1"></animate><animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyOutlineToMoonLoopTransition0.begin+5.2s" dur="0.4s" values="1;0"></animate></path><path fill-opacity="0" d="M19.61 12.25L21.25 11l-2.06-.05L18.5 9l-.69 1.95l-2.06.05l1.64 1.25l-.59 1.98l1.7-1.17l1.7 1.17z" fill="currentColor"><animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyOutlineToMoonLoopTransition0.begin+0.4s" dur="0.4s" values="0;1"></animate><animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyOutlineToMoonLoopTransition0.begin+2.8s" dur="0.4s" values="1;0"></animate></path><path fill-opacity="0" d="M20.828 9.731l1.876-1.439l-2.366-.067L19.552 6l-.786 2.225l-2.366.067l1.876 1.439L17.601 12l1.951-1.342L21.503 12z" fill="currentColor"><animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyOutlineToMoonLoopTransition0.begin+3.4s" dur="0.4s" values="0;1"></animate><animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyOutlineToMoonLoopTransition0.begin+5.6s" dur="0.4s" values="1;0"></animate></path><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><g><path stroke-dasharray="2" stroke-dashoffset="4" d="M12 21v1M21 12h1M12 3v-1M3 12h-1"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="4;2"></animate></path><path stroke-dasharray="2" stroke-dashoffset="4" d="M18.5 18.5l0.5 0.5M18.5 5.5l0.5 -0.5M5.5 5.5l-0.5 -0.5M5.5 18.5l-0.5 0.5"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="4;2"></animate></path><set fill="freeze" attributeName="opacity" begin="0.5s" to="0"></set></g><path d="M7 6 C7 12.08 11.92 17 18 17 C18.53 17 19.05 16.96 19.56 16.89 C17.95 19.36 15.17 21 12 21 C7.03 21 3 16.97 3 12 C3 8.83 4.64 6.05 7.11 4.44 C7.04 4.95 7 5.47 7 6 Z" opacity="0"><set fill="freeze" attributeName="opacity" begin="0.5s" to="1"></set></path></g><mask id="lineMdSunnyOutlineToMoonLoopTransition1"><circle cx="12" cy="12" r="12" fill="#fff"></circle><circle cx="12" cy="12" r="4"><animate fill="freeze" attributeName="r" begin="0.1s" dur="0.4s" values="4;8"></animate></circle><circle cx="22" cy="2" r="3" fill="#fff"><animate fill="freeze" attributeName="cx" begin="0.1s" dur="0.4s" values="22;18"></animate><animate fill="freeze" attributeName="cy" begin="0.1s" dur="0.4s" values="2;6"></animate><animate fill="freeze" attributeName="r" begin="0.1s" dur="0.4s" values="3;12"></animate></circle><circle cx="22" cy="2" r="1"><animate fill="freeze" attributeName="cx" begin="0.1s" dur="0.4s" values="22;18"></animate><animate fill="freeze" attributeName="cy" begin="0.1s" dur="0.4s" values="2;6"></animate><animate fill="freeze" attributeName="r" begin="0.1s" dur="0.4s" values="1;10"></animate></circle></mask><circle cx="12" cy="12" r="6" mask="url(#lineMdSunnyOutlineToMoonLoopTransition1)" fill="currentColor"><animate fill="freeze" attributeName="r" begin="0.1s" dur="0.4s" values="6;10"></animate><set fill="freeze" attributeName="opacity" begin="0.5s" to="0"></set></circle>', 7)
+      ])], 10, _hoisted_2));
+    };
+  }
+});
+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_17of1_1{box-sizing:border-box;padding:.25rem;color:#555b67;border-radius:50%;cursor:pointer;box-shadow:0 0 .125rem #0000004d;background-color:#fff3}[data-theme=dark] ._icon_17of1_1{box-shadow:0 0 .125rem #0009;background-color:#0003;box-sizing:border-box;padding:.25rem;color:#b0b5be;border-radius:50%;cursor:pointer}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const icon = "_icon_17of1_1";
+const style0 = {
+  icon
+};
+export {
+  style0 as default,
+  icon
+};

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

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

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

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

@@ -0,0 +1,34 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeClass } from "vue";
+const _hoisted_1 = ["width", "height"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Bash",
+  props: {
+    size: { default: 24 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 128 128",
+        width: __props.size,
+        height: __props.size
+      }, [
+        _cache[0] || (_cache[0] = createElementVNode("path", {
+          fill: "none",
+          d: "M4.24 4.24h119.53v119.53H4.24z"
+        }, 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, 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))
+      ], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/icon/languages/Bash.vue3.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/C.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;