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

package/dist/components/code/shikiInstance.mjs

@@ -0,0 +1,76 @@
+import { createHighlighter } from "shiki";
+let highlighterPromise = null;
+function getHighlighterSingleton() {
+  if (!highlighterPromise) {
+    highlighterPromise = createHighlighter({
+      langs: [
+        "abap",
+        "bash",
+        "c",
+        "clojure",
+        "coffeescript",
+        "c++",
+        "c#",
+        "css",
+        "dart",
+        "diff",
+        "docker",
+        "elixir",
+        "elm",
+        "erlang",
+        "f#",
+        "gherkin",
+        "glsl",
+        "go",
+        "graphql",
+        "groovy",
+        "haskell",
+        "html",
+        "java",
+        "javascript",
+        "json",
+        "julia",
+        "kotlin",
+        "latex",
+        "less",
+        "lisp",
+        "lua",
+        "makefile",
+        "markdown",
+        "matlab",
+        "mermaid",
+        "nix",
+        "objective-c",
+        "ocaml",
+        "pascal",
+        "perl",
+        "php",
+        "plaintext",
+        "powershell",
+        "prolog",
+        "protobuf",
+        "python",
+        "r",
+        "ruby",
+        "rust",
+        "sass",
+        "scala",
+        "scheme",
+        "scss",
+        "shell",
+        "sql",
+        "swift",
+        "toml",
+        "typescript",
+        "wasm",
+        "xml",
+        "yaml"
+      ],
+      themes: ["vitesse-light", "vitesse-dark"]
+    });
+  }
+  return highlighterPromise;
+}
+export {
+  getHighlighterSingleton
+};

package/dist/components/containments/ElmColumn.vue.d.ts

@@ -1,14 +1,15 @@
 export interface ElmColumnProps {
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmColumnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColumnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<ElmColumnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColumnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/containments/ElmColumn.vue.mjs

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

package/dist/components/containments/ElmColumn.vue2.mjs

@@ -0,0 +1,16 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmColumn",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.column)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/containments/ElmColumn.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._column_7qfow_1{flex:1}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const column = "_column_7qfow_1";
+const style0 = {
+  column
+};
+export {
+  column,
+  style0 as default
+};

package/dist/components/containments/ElmColumnList.vue.d.ts

@@ -1,14 +1,15 @@
 export interface ElmColumnListProps {
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmColumnListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColumnListProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<ElmColumnListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColumnListProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/containments/ElmColumnList.vue.mjs

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

package/dist/components/containments/ElmColumnList.vue2.mjs

@@ -0,0 +1,16 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmColumnList",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["column-list"])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/containments/ElmColumnList.vue3.mjs

@@ -0,0 +1,18 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._column-list_id8zo_1{display:flex;flex-direction:row;gap:.5rem}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const style0 = {
+  "column-list": "_column-list_id8zo_1"
+};
+export {
+  style0 as default
+};

package/dist/components/containments/ElmDesktopWindow.vue.d.ts

@@ -7,16 +7,17 @@ export interface ElmDesktopWindowProps {
     minHeight?: Property.MinHeight;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ElmDesktopWindowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDesktopWindowProps> & Readonly<{}>, {
     minHeight: Property.MinHeight;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/containments/ElmDesktopWindow.vue.mjs

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

package/dist/components/containments/ElmDesktopWindow.vue2.mjs

@@ -0,0 +1,42 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmDesktopWindow",
+  props: {
+    minHeight: { default: "6rem" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.window)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createElementVNode("div", {
+            "aria-hidden": "",
+            class: normalizeClass(_ctx.$style.dot),
+            style: { "--bg": "#c48691" }
+          }, null, 2),
+          createElementVNode("div", {
+            "aria-hidden": "",
+            class: normalizeClass(_ctx.$style.dot),
+            style: { "--bg": "#c9b990" }
+          }, null, 2),
+          createElementVNode("div", {
+            "aria-hidden": "",
+            class: normalizeClass(_ctx.$style.dot),
+            style: { "--bg": "#7cc598" }
+          }, null, 2)
+        ], 2),
+        createElementVNode("div", {
+          style: normalizeStyle({ minHeight: _ctx.minHeight })
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 4)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/containments/ElmDesktopWindow.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._window_1y8zq_1{border-radius:.25rem;overflow:hidden;transition:background-color .4s;box-shadow:0 0 .25rem #00000026;background-color:#0000000d}[data-theme=dark] ._window_1y8zq_1{box-shadow:0 0 .25rem #00000059;background-color:#ffffff0d}._window_1y8zq_1 ._header_1y8zq_12{box-sizing:border-box;padding:.5rem .75rem;display:flex;justify-content:flex-start;align-items:center;gap:.5rem;height:2rem;background-color:#0000001a}._window_1y8zq_1 ._header_1y8zq_12 ._dot_1y8zq_22{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--bg)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const window = "_window_1y8zq_1";
+const header = "_header_1y8zq_12";
+const dot = "_dot_1y8zq_22";
+const style0 = {
+  window,
+  header,
+  dot
+};
+export {
+  style0 as default,
+  dot,
+  header,
+  window
+};

package/dist/components/containments/ElmModal.stories.d.ts

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

package/dist/components/containments/ElmModal.vue.d.ts

@@ -0,0 +1,35 @@
+import { Property } from 'csstype';
+export interface ElmModalProps {
+    /**
+     * The width of the modal.
+     * @default '90%'
+     */
+    width: Property.Width;
+}
+type __VLS_Props = ElmModalProps;
+type __VLS_PublicProps = {
+    'isOpen'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:isOpen": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    width: Property.Width;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/containments/ElmModal.vue.mjs

@@ -0,0 +1,22 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-aedf4e8f],.v-leave-from[data-v-aedf4e8f]{opacity:1}.v-enter-active[data-v-aedf4e8f],.v-leave-active[data-v-aedf4e8f]{transition:opacity .2s}.v-enter-from[data-v-aedf4e8f],.v-leave-to[data-v-aedf4e8f]{opacity:0}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import _sfc_main from "./ElmModal.vue2.mjs";
+import style0 from "./ElmModal.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-aedf4e8f"]]);
+export {
+  ElmModal as default
+};

package/dist/components/containments/ElmModal.vue2.mjs

@@ -0,0 +1,44 @@
+import { defineComponent, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, createCommentVNode, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmModal",
+  props: /* @__PURE__ */ mergeModels({
+    width: { default: "90%" }
+  }, {
+    "isOpen": { type: Boolean, ...{
+      default: true
+    } },
+    "isOpenModifiers": {}
+  }),
+  emits: ["update:isOpen"],
+  setup(__props) {
+    const isOpen = useModel(__props, "isOpen");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.provider),
+        style: normalizeStyle({
+          "--opacity": isOpen.value ? 1 : 0,
+          "--pointer-events": isOpen.value ? "auto" : "none"
+        }),
+        onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = false)
+      }, [
+        createVNode(Transition, null, {
+          default: withCtx(() => [
+            isOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.modal),
+              style: normalizeStyle({
+                "--width": _ctx.width
+              })
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 6)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/containments/ElmModal.vue3.mjs

@@ -0,0 +1,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._provider_mnaqt_1{opacity:0;opacity:var(--opacity, 0);pointer-events:none;pointer-events:var(--pointer-events, none);margin:0;padding:0;position:fixed;left:0;top:0;z-index:100;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;transition:opacity .4s;background-color:#000000b3}[data-theme=dark] ._provider_mnaqt_1{background-color:#0000001a}._provider_mnaqt_1 ._modal_mnaqt_21{box-sizing:border-box;width:var(--width);padding:.5rem;box-shadow:0 0 .25rem #0006;background-color:#e9e9e9cc;box-shadow:0 0 .25rem #000c}[data-theme=dark] ._provider_mnaqt_1 ._modal_mnaqt_21{background-color:#161616cc}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const provider = "_provider_mnaqt_1";
+const modal = "_modal_mnaqt_21";
+const style0 = {
+  provider,
+  modal
+};
+export {
+  style0 as default,
+  modal,
+  provider
+};

package/dist/components/containments/ElmParallax.vue.mjs

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

package/dist/components/containments/ElmParallax.vue2.mjs

@@ -0,0 +1,35 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, normalizeStyle, normalizeClass, unref } from "vue";
+import { useWindowScroll } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmParallax",
+  props: {
+    imageUrl1: {},
+    imageUrl2: {}
+  },
+  setup(__props) {
+    const { y } = useWindowScroll();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.parallax),
+          style: normalizeStyle({
+            backgroundImage: `url(${_ctx.imageUrl1})`,
+            transform: `scale(1.2) translateY(${unref(y) / 400}%)`,
+            transformOrigin: "bottom"
+          })
+        }, null, 6),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.parallax),
+          style: normalizeStyle({
+            backgroundImage: `url(${_ctx.imageUrl2})`,
+            transform: `scale(1.2) translateY(${unref(y) / 900}%)`,
+            transformOrigin: "bottom"
+          })
+        }, null, 6)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/containments/ElmParallax.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._parallax_1le2k_1{position:fixed;height:2000vh;width:100%;top:0;left:0;z-index:-1;background-repeat:repeat;background-size:auto;opacity:.2}[data-theme=dark] ._parallax_1le2k_1{opacity:.1}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const parallax = "_parallax_1le2k_1";
+const style0 = {
+  parallax
+};
+export {
+  style0 as default,
+  parallax
+};

package/dist/components/containments/ElmSnackbar.stories.d.ts

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

package/dist/components/containments/ElmSnackbar.vue.d.ts

@@ -0,0 +1,11 @@
+import { VNode } from 'vue';
+export interface ElmSnackbarProps {
+    label?: string;
+    children?: VNode;
+    timeout?: number;
+    close: () => void;
+}
+declare const _default: import('vue').DefineComponent<ElmSnackbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmSnackbarProps> & Readonly<{}>, {
+    timeout: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/containments/ElmSnackbar.vue.mjs

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

package/dist/components/containments/ElmSnackbar.vue2.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createVNode, createElementVNode, resolveDynamicComponent, unref, normalizeStyle } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmSnackbar",
+  props: {
+    label: {},
+    children: {},
+    timeout: { default: 5e3 },
+    close: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.snackbar)
+      }, [
+        props.label != null ? (openBlock(), createBlock(ElmInlineText, {
+          key: 0,
+          text: props.label
+        }, null, 8, ["text"])) : (openBlock(), createBlock(resolveDynamicComponent(() => props.children), { key: 1 })),
+        createVNode(unref(Icon), {
+          icon: "mdi:cross-circle-outline",
+          class: normalizeClass(_ctx.$style.icon),
+          onClick: _ctx.close
+        }, null, 8, ["class", "onClick"]),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.progress),
+          style: normalizeStyle({
+            animationDuration: `${_ctx.timeout}ms`
+          })
+        }, null, 6)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/containments/ElmSnackbar.vue3.mjs

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._snackbar_ti69w_1{position:relative;display:inline-flex;flex-direction:row;gap:1rem;align-items:center;padding:.75rem;pointer-events:all;border-radius:.25rem;box-shadow:0 0 .25rem #00000040;background-color:#ffffff80}[data-theme=dark] ._snackbar_ti69w_1{box-shadow:0 0 .25rem #00000080;background-color:#0003}._icon_ti69w_18{padding:.25rem;border-radius:50%;width:1rem;height:1rem;cursor:pointer;transition:background-color .2s;color:#000000bf}[data-theme=dark] ._icon_ti69w_18{color:#ffffffbf}._icon_ti69w_18:hover{background-color:#0000001a}[data-theme=dark] ._icon_ti69w_18:hover{background-color:#ffffff1a}@keyframes _progress_ti69w_47{0%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}._progress_ti69w_47{position:absolute;width:100%;height:3px;bottom:0;left:0;background-color:#6987b8;animation-name:_progress_ti69w_47;animation-iteration-count:1;animation-fill-mode:both;animation-timing-function:linear}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const snackbar = "_snackbar_ti69w_1";
+const icon = "_icon_ti69w_18";
+const progress = "_progress_ti69w_47";
+const style0 = {
+  snackbar,
+  icon,
+  progress
+};
+export {
+  style0 as default,
+  icon,
+  progress,
+  snackbar
+};

package/dist/components/containments/ElmSnackbarContainer.vue.d.ts

@@ -0,0 +1,10 @@
+export interface ElmSnackbarContainerProps {
+    snackbars: {
+        id: string;
+        label: string;
+        timeout?: number;
+        close: () => void;
+    }[];
+}
+declare const _default: import('vue').DefineComponent<ElmSnackbarContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmSnackbarContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/containments/ElmSnackbarContainer.vue.mjs

@@ -0,0 +1,22 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".fade-enter-active[data-v-031ce55b],.fade-leave-active[data-v-031ce55b]{transition:all .3s ease}.fade-enter-from[data-v-031ce55b],.fade-leave-to[data-v-031ce55b]{opacity:0;transform:translate(30px)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import _sfc_main from "./ElmSnackbarContainer.vue2.mjs";
+import style0 from "./ElmSnackbarContainer.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmSnackbarContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-031ce55b"]]);
+export {
+  ElmSnackbarContainer as default
+};