@elmethis/vue 0.1.0

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

@@ -0,0 +1,24 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = ["width", "height"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Rust",
+  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",
+        fill: "#a84f33",
+        width: __props.size,
+        height: __props.size
+      }, [..._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)
+      ])], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./Rust.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/components/icon/languages/Sql.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/Sql.vue.mjs

@@ -0,0 +1,26 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = ["width", "height"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Sql",
+  props: {
+    size: { default: 24 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: __props.size,
+        height: __props.size,
+        viewBox: "0 0 128 128"
+      }, [..._cache[0] || (_cache[0] = [
+        createElementVNode("path", {
+          fill: "#00618a",
+          d: "M117.688 98.242c-6.973-.191-12.297.461-16.852 2.379c-1.293.547-3.355.559-3.566 2.18c.711.746.82 1.859 1.387 2.777c1.086 1.754 2.922 4.113 4.559 5.352c1.789 1.348 3.633 2.793 5.551 3.961c3.414 2.082 7.223 3.27 10.504 5.352c1.938 1.23 3.859 2.777 5.75 4.164c.934.684 1.563 1.75 2.773 2.18v-.195c-.637-.812-.801-1.93-1.387-2.777l-2.578-2.578c-2.52-3.344-5.719-6.281-9.117-8.719c-2.711-1.949-8.781-4.578-9.91-7.73l-.199-.199c1.922-.219 4.172-.914 5.949-1.391c2.98-.797 5.645-.59 8.719-1.387l4.164-1.187v-.793c-1.555-1.594-2.664-3.707-4.359-5.152c-4.441-3.781-9.285-7.555-14.273-10.703c-2.766-1.746-6.184-2.883-9.117-4.363c-.988-.496-2.719-.758-3.371-1.586c-1.539-1.961-2.379-4.449-3.566-6.738c-2.488-4.793-4.93-10.023-7.137-15.066c-1.504-3.437-2.484-6.828-4.359-9.91c-9-14.797-18.687-23.73-33.695-32.508c-3.195-1.867-7.039-2.605-11.102-3.57l-6.543-.395c-1.332-.555-2.715-2.184-3.965-2.977C16.977 3.52 4.223-3.312.539 5.672C-1.785 11.34 4.016 16.871 6.09 19.746c1.457 2.012 3.32 4.273 4.359 6.539c.688 1.492.805 2.984 1.391 4.559c1.438 3.883 2.695 8.109 4.559 11.695c.941 1.816 1.98 3.727 3.172 5.352c.727.996 1.98 1.438 2.18 2.973c-1.227 1.715-1.297 4.375-1.984 6.543c-3.098 9.77-1.926 21.91 2.578 29.137c1.383 2.223 4.641 6.98 9.117 5.156c3.918-1.598 3.043-6.539 4.164-10.902c.254-.988.098-1.715.594-2.379v.199l3.57 7.133c2.641 4.254 7.324 8.699 11.297 11.699c2.059 1.555 3.68 4.242 6.344 5.152v-.199h-.199c-.516-.805-1.324-1.137-1.98-1.781c-1.551-1.523-3.277-3.414-4.559-5.156c-3.613-4.902-6.805-10.27-9.711-15.855c-1.391-2.668-2.598-5.609-3.77-8.324c-.453-1.047-.445-2.633-1.387-3.172c-1.281 1.988-3.172 3.598-4.164 5.945c-1.582 3.754-1.789 8.336-2.375 13.082c-.348.125-.195.039-.398.199c-2.762-.668-3.73-3.508-4.758-5.949c-2.594-6.164-3.078-16.09-.793-23.191c.59-1.836 3.262-7.617 2.18-9.316c-.516-1.691-2.219-2.672-3.172-3.965c-1.18-1.598-2.355-3.703-3.172-5.551c-2.125-4.805-3.113-10.203-5.352-15.062c-1.07-2.324-2.875-4.676-4.359-6.738c-1.645-2.289-3.484-3.977-4.758-6.742c-.453-.984-1.066-2.559-.398-3.566c.215-.684.516-.969 1.191-1.191c1.148-.887 4.352.297 5.547.793c3.18 1.32 5.832 2.578 8.527 4.363c1.289.855 2.598 2.512 4.16 2.973h1.785c2.789.641 5.914.195 8.523.988c4.609 1.402 8.738 3.582 12.488 5.949c11.422 7.215 20.766 17.48 27.156 29.734c1.027 1.973 1.473 3.852 2.379 5.945c1.824 4.219 4.125 8.559 5.941 12.688c1.816 4.113 3.582 8.27 6.148 11.695c1.348 1.801 6.551 2.766 8.918 3.766c1.66.699 4.379 1.43 5.949 2.379c3 1.809 5.906 3.965 8.723 5.945c1.402.992 5.73 3.168 5.945 4.957zm-88.605-75.52c-1.453-.027-2.48.156-3.566.395v.199h.195c.695 1.422 1.918 2.34 2.777 3.566l1.98 4.164l.199-.195c1.227-.867 1.789-2.25 1.781-4.363c-.492-.52-.562-1.164-.992-1.785c-.562-.824-1.66-1.289-2.375-1.98zm0 0"
+        }, null, -1)
+      ])], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./Sql.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/components/icon/languages/Terraform.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/Terraform.vue.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = ["width", "height"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Terraform",
+  props: {
+    size: { default: 24 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: __props.size,
+        height: __props.size,
+        viewBox: "0 0 128 128"
+      }, [..._cache[0] || (_cache[0] = [
+        createElementVNode("g", { "fill-rule": "evenodd" }, [
+          createElementVNode("path", {
+            fill: "#5c4ee5",
+            d: "M77.941 44.5v36.836L46.324 62.918V26.082zm0 0"
+          }),
+          createElementVNode("path", {
+            fill: "#4040b2",
+            d: "m81.41 81.336l31.633-18.418V26.082L81.41 44.5zm0 0"
+          }),
+          createElementVNode("path", {
+            fill: "#5c4ee5",
+            d: "M11.242 42.36L42.86 60.776V23.941L11.242 5.523zm66.699 43.015L46.324 66.957v36.82l31.617 18.418zm0 0"
+          })
+        ], -1)
+      ])], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./Terraform.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/components/icon/languages/Typescript.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/Typescript.vue.mjs

@@ -0,0 +1,30 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = ["width", "height"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Typescript",
+  props: {
+    size: { default: 24 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: __props.size,
+        height: __props.size,
+        viewBox: "0 0 128 128"
+      }, [..._cache[0] || (_cache[0] = [
+        createElementVNode("path", {
+          fill: "#fff",
+          d: "M22.67 47h99.67v73.67H22.67z"
+        }, null, -1),
+        createElementVNode("path", {
+          fill: "#007acc",
+          d: "M1.5 63.91v62.5h125v-125H1.5zm100.73-5a15.56 15.56 0 0 1 7.82 4.5a20.6 20.6 0 0 1 3 4c0 .16-5.4 3.81-8.69 5.85c-.12.08-.6-.44-1.13-1.23a7.09 7.09 0 0 0-5.87-3.53c-3.79-.26-6.23 1.73-6.21 5a4.6 4.6 0 0 0 .54 2.34c.83 1.73 2.38 2.76 7.24 4.86c8.95 3.85 12.78 6.39 15.16 10c2.66 4 3.25 10.46 1.45 15.24c-2 5.2-6.9 8.73-13.83 9.9a38.3 38.3 0 0 1-9.52-.1a23 23 0 0 1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9 9 0 0 1 1.15-.73L82 101l3.59-2.08l.75 1.11a16.8 16.8 0 0 0 4.74 4.54c4 2.1 9.46 1.81 12.16-.62a5.43 5.43 0 0 0 .69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5 16.5 0 0 1-3.43-6.25a25 25 0 0 1-.22-8c1.33-6.23 6-10.58 12.82-11.87a31.7 31.7 0 0 1 9.49.26zm-29.34 5.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49 49 0 0 1 .12-5.17C29.08 59 39 59 51 59h21.83z"
+        }, null, -1)
+      ])], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./Typescript.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/components/media/ElmFile.stories.d.ts

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

package/dist/components/media/ElmFile.vue.d.ts

@@ -0,0 +1,21 @@
+import { Property } from 'csstype';
+export interface ElmFileProps {
+    /**
+     * The name of the file.
+     */
+    name?: string;
+    /**
+     * The source of the file.
+     */
+    src: string;
+    /**
+     * The size of the file in bytes.
+     */
+    filesize?: string;
+    /**
+     * The margin of the file.
+     */
+    margin?: Property.MarginBlock;
+}
+declare const _default: import('vue').DefineComponent<ElmFileProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmFileProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/media/ElmFile.vue.mjs

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

package/dist/components/media/ElmFile.vue2.mjs

@@ -0,0 +1,79 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, unref, createBlock, createCommentVNode } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiFileOutline, mdiDownload } from "@mdi/js";
+const _hoisted_1 = { style: { opacity: 0.6 } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmFile",
+  props: {
+    name: {},
+    src: {},
+    filesize: {},
+    margin: {}
+  },
+  setup(__props) {
+    function getLastPathSegmentWithoutQueryOrHash(urlString) {
+      const cleanedUrl = urlString.split(/[?#]/)[0];
+      const pathSegments = cleanedUrl.split("/").filter(Boolean);
+      return pathSegments.length > 0 ? pathSegments[pathSegments.length - 1] : null;
+    }
+    async function downloadFile(url, filename) {
+      let link;
+      try {
+        const response = await fetch(url);
+        if (!response.ok) throw new Error("Failed to download file");
+        const blob = await response.blob();
+        link = document.createElement("a");
+        link.href = URL.createObjectURL(blob);
+        link.download = filename;
+        link.click();
+      } catch (error) {
+        console.error("ERROR:", error);
+      } finally {
+        if (link) URL.revokeObjectURL(link.href);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.file),
+        style: normalizeStyle({ "--margin-block": __props.margin })
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style["left-container"])
+        }, [
+          createVNode(ElmMdiIcon, {
+            d: unref(mdiFileOutline),
+            size: "1.25em"
+          }, null, 8, ["d"]),
+          createVNode(ElmInlineText, {
+            text: __props.name ?? getLastPathSegmentWithoutQueryOrHash(__props.src) ?? "unknown file"
+          }, null, 8, ["text"])
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style["right-container"])
+        }, [
+          createElementVNode("span", _hoisted_1, [
+            __props.filesize ? (openBlock(), createBlock(ElmInlineText, {
+              key: 0,
+              text: __props.filesize
+            }, null, 8, ["text"])) : createCommentVNode("", true)
+          ]),
+          createVNode(ElmMdiIcon, {
+            d: unref(mdiDownload),
+            class: normalizeClass(_ctx.$style["download-icon"]),
+            size: "1.25em",
+            onClick: _cache[0] || (_cache[0] = () => {
+              downloadFile(
+                __props.src,
+                __props.name ?? getLastPathSegmentWithoutQueryOrHash(__props.src) ?? "unknown file"
+              );
+            })
+          }, null, 8, ["d", "class"])
+        ], 2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/media/ElmFile.vue3.mjs

@@ -0,0 +1,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._file_1j0l6_1{margin-block:var(--margin-block);box-sizing:border-box;width:100%;padding:1rem;box-shadow:0 0 .125rem #0003;border-radius:.25rem;display:flex;justify-content:space-between;align-items:center;background-color:#fff3}[data-theme=dark] ._file_1j0l6_1{background-color:#0003}._file_1j0l6_1 ._left-container_1j0l6_16{display:flex;justify-content:flex-start;align-items:center;gap:.75rem}._file_1j0l6_1 ._right-container_1j0l6_22{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}._file_1j0l6_1 ._right-container_1j0l6_22 ._download-icon_1j0l6_28{padding:.125rem;cursor:pointer;transition:color .2s,background-color .2s}._file_1j0l6_1 ._right-container_1j0l6_22 ._download-icon_1j0l6_28:hover{background-color:#0000001a}[data-theme=dark] ._file_1j0l6_1 ._right-container_1j0l6_22 ._download-icon_1j0l6_28:hover{background-color:#ffffff1a}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const file = "_file_1j0l6_1";
+const style0 = {
+  file,
+  "left-container": "_left-container_1j0l6_16",
+  "right-container": "_right-container_1j0l6_22",
+  "download-icon": "_download-icon_1j0l6_28"
+};
+export {
+  style0 as default,
+  file
+};

package/dist/components/media/ElmImage.stories.d.ts

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

package/dist/components/media/ElmImage.vue.d.ts

@@ -0,0 +1,27 @@
+import { Property } from 'csstype';
+export interface ElmImageProps {
+    /**
+     * Image source URL
+     */
+    src: string;
+    /**
+     * Image alt text
+     */
+    alt?: string;
+    block?: boolean;
+    /**
+     * Enable modal on image click. Default: `false`
+     */
+    enableModal?: boolean;
+    /**
+     * The margin of the image.
+     */
+    margin?: Property.MarginBlock;
+}
+declare const _default: import('vue').DefineComponent<ElmImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmImageProps> & Readonly<{}>, {
+    block: boolean;
+    enableModal: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/media/ElmImage.vue.mjs

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

package/dist/components/media/ElmImage.vue2.mjs

@@ -0,0 +1,142 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, createVNode, Transition, unref, withCtx, normalizeStyle, createElementVNode, createCommentVNode } from "vue";
+import ElmRectangleWave from "../fallback/ElmRectangleWave.vue.mjs";
+import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
+import { useImage, onKeyStroke, useIntersectionObserver } from "@vueuse/core";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
+import { mdiMessageImageOutline } from "@mdi/js";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+const _hoisted_1 = ["src", "alt"];
+const _hoisted_2 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmImage",
+  props: {
+    src: {},
+    alt: {},
+    block: { type: Boolean, default: false },
+    enableModal: { type: Boolean, default: false },
+    margin: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { isLoading, error } = useImage({ src: props.src });
+    const isModalOpen = ref(false);
+    onKeyStroke("Escape", (e) => {
+      e.preventDefault();
+      isModalOpen.value = false;
+    });
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      if (props.block) targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.wrapper),
+        ref_key: "target",
+        ref: target
+      }, [
+        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-fast-enter-to"],
+          "leave-from-class": unref(fadeStyle)["fade-fast-leave-from"],
+          "leave-active-class": unref(fadeStyle)["fade-fast-leave-active"],
+          "leave-to-class": unref(fadeStyle)["fade-fast-leave-to"]
+        }, {
+          default: withCtx(() => [
+            unref(error) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.error)
+            }, [
+              createVNode(ElmInlineText, {
+                text: "Error loading image",
+                color: "#c56565",
+                size: "1.5rem"
+              })
+            ], 2)) : unref(isLoading) ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(_ctx.$style.fallback),
+              style: normalizeStyle({ "--margin-block": __props.margin })
+            }, [
+              createVNode(ElmRectangleWave),
+              createElementVNode("div", null, [
+                createVNode(ElmDotLoadingIcon)
+              ])
+            ], 6)) : (openBlock(), createElementBlock("img", {
+              key: 2,
+              class: normalizeClass(__props.block ? _ctx.$style["image-block"] : _ctx.$style.image),
+              src: __props.src,
+              alt: __props.alt,
+              onClick: _cache[0] || (_cache[0] = ($event) => {
+                if (__props.enableModal) isModalOpen.value = true;
+              }),
+              style: normalizeStyle({
+                "--cursor": __props.enableModal ? "zoom-in" : void 0,
+                "--margin-block": __props.margin
+              })
+            }, null, 14, _hoisted_1))
+          ]),
+          _: 1
+        }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"]),
+        createVNode(Transition, {
+          "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(() => [
+            __props.block && !unref(isLoading) && __props.alt != null && __props.alt.trim() !== "" ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style["alt-container"])
+            }, [
+              createVNode(ElmMdiIcon, {
+                d: unref(mdiMessageImageOutline),
+                color: "#6987b8",
+                style: { "flex-shrink": "0" }
+              }, null, 8, ["d"]),
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.$style["alt-text"])
+              }, [
+                createVNode(ElmInlineText, {
+                  text: __props.alt,
+                  size: "0.8rem"
+                }, null, 8, ["text"])
+              ], 2)
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"]),
+        createVNode(Transition, {
+          "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(() => [
+            isModalOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.modal),
+              onClick: _cache[1] || (_cache[1] = ($event) => isModalOpen.value = false)
+            }, [
+              createElementVNode("img", {
+                class: normalizeClass(_ctx.$style["modal-image"]),
+                src: __props.src,
+                alt: __props.alt
+              }, null, 10, _hoisted_2)
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/media/ElmImage.vue3.mjs

@@ -0,0 +1,35 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._wrapper_5m5jq_1{width:100%;display:flex;flex-direction:column;align-items:center;opacity:var(--opacity);transition:opacity .4s}._image_5m5jq_10{display:block;margin-block:var(--margin-block);max-width:100%;max-height:100vh;cursor:var(--cursor)}._error_5m5jq_18{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:10rem;line-height:1.5rem;color:#c56565}._fallback_5m5jq_30{margin-block:var(--margin-block);margin:0;padding:0;position:relative;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;aspect-ratio:1200/630}._image-block_5m5jq_43{overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;display:block;max-width:100%;max-height:100vh;cursor:var(--cursor)}._alt-container_5m5jq_53{max-width:80%;margin:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;color:#6987b8;opacity:.8}._modal_5m5jq_64{position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#23262acc;cursor:zoom-out}._modal-image_5m5jq_78{display:block;max-width:100%;cursor:zoom-out}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const wrapper = "_wrapper_5m5jq_1";
+const image = "_image_5m5jq_10";
+const error = "_error_5m5jq_18";
+const fallback = "_fallback_5m5jq_30";
+const modal = "_modal_5m5jq_64";
+const style0 = {
+  wrapper,
+  image,
+  error,
+  fallback,
+  "image-block": "_image-block_5m5jq_43",
+  "alt-container": "_alt-container_5m5jq_53",
+  modal,
+  "modal-image": "_modal-image_5m5jq_78"
+};
+export {
+  style0 as default,
+  error,
+  fallback,
+  image,
+  modal,
+  wrapper
+};

package/dist/components/navigation/ElmBookmark.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as ElmBookmark } from './ElmBookmark.vue';
+declare const meta: Meta<typeof ElmBookmark>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const WithoutDate: Story;
+export declare const Card: Story;
+export declare const Square: Story;
+export declare const SquareCard: Story;
+export declare const InvalidImage: Story;
+export declare const NoImage: Story;

package/dist/components/navigation/ElmBookmark.vue.d.ts

@@ -0,0 +1,53 @@
+import { Property } from 'csstype';
+export interface ElmBookmarkProps {
+    /**
+     * Whether to hide the URL.
+     */
+    hideUrl?: boolean;
+    /**
+     * Whether to open the link in a new tab.
+     * Defaults to `true`.
+     */
+    openInNewTab?: boolean;
+    /**
+     * The title of the bookmark.
+     */
+    title?: string;
+    /**
+     * The description of the bookmark.
+     */
+    description?: string;
+    /**
+     * The image to display.
+     * This can be a URL or a base64-encoded image.
+     */
+    image?: string;
+    /**
+     * The URL to navigate to.
+     */
+    url?: string;
+    /**
+     * The date the bookmark was created.
+     */
+    createdAt?: string;
+    updatedAt?: string;
+    /**
+     * The function to call when the link is clicked.
+     * If provided, the default behavior (navigating to the URL) is prevented.
+     */
+    onClick?: () => void;
+    /**
+     * The margin of the bookmark.
+     */
+    margin?: Property.MarginBlock;
+    /**
+     * The URL of the favicon.
+     */
+    favicon?: string;
+}
+declare const _default: import('vue').DefineComponent<ElmBookmarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBookmarkProps> & Readonly<{}>, {
+    description: string;
+    hideUrl: boolean;
+    openInNewTab: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/navigation/ElmBookmark.vue.mjs

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