@elmethis/vue 0.1.0

package/dist/components/code/ElmShikiHighlighter.vue2.mjs

@@ -0,0 +1,55 @@
+import { defineComponent, mergeModels, useModel, ref, onMounted, onServerPrefetch, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
+import { getHighlighterSingleton } from "./shikiInstance.mjs";
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmShikiHighlighter",
+  props: /* @__PURE__ */ mergeModels({
+    code: {},
+    language: { default: "txt" }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const isRendered = useModel(__props, "modelValue");
+    const html = ref(`<pre>${props.code}</pre>`);
+    const render = async () => {
+      if (!isRendered.value) {
+        const highlighter = await getHighlighterSingleton();
+        try {
+          html.value = highlighter.codeToHtml(props.code, {
+            lang: props.language,
+            themes: {
+              dark: "vitesse-dark",
+              light: "vitesse-light"
+            },
+            colorReplacements: {
+              "#ffffff": "transparent",
+              "#121212": "transparent"
+            }
+          });
+        } catch {
+        } finally {
+          isRendered.value = true;
+        }
+      }
+    };
+    onMounted(render);
+    onServerPrefetch(render);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.code)
+      }, [
+        createElementVNode("div", {
+          class: "shiki",
+          innerHTML: html.value
+        }, null, 8, _hoisted_1)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/code/ElmShikiHighlighter.vue3.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._code_1pggw_1{font-size:16px;line-height:24px}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const code = "_code_1pggw_1";
+const style0 = {
+  code
+};
+export {
+  code,
+  style0 as default
+};

package/dist/components/code/shikiInstance.d.ts

@@ -0,0 +1,2 @@
+import { Highlighter } from 'shiki';
+export declare function getHighlighterSingleton(): Promise<Highlighter>;

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.stories.d.ts

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

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

@@ -0,0 +1,19 @@
+export interface ElmColumnProps {
+}
+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<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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+export interface ElmColumnListProps {
+}
+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<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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,37 @@
+import { VNode } from 'vue';
+export interface ElmConfirmModalProps {
+    title: string;
+    closeOnClickOutside?: boolean;
+    onConfirm: () => void | Promise<void>;
+    onSuccess?: () => void;
+    onError?: (error: unknown) => void;
+}
+type __VLS_Props = ElmConfirmModalProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode;
+    }> & {
+        default?: () => VNode;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    closeOnClickOutside: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/ElmConfirmModal.vue.mjs

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

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

@@ -0,0 +1,98 @@
+import { defineComponent, mergeModels, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, normalizeClass, renderSlot, unref } from "vue";
+import ElmButton from "../form/ElmButton.vue.mjs";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiArrowLeft, mdiCheckCircle } from "@mdi/js";
+import ElmHeading from "../typography/ElmHeading.vue.mjs";
+import ElmModal from "./ElmModal.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmConfirmModal",
+  props: /* @__PURE__ */ mergeModels({
+    title: {},
+    closeOnClickOutside: { type: Boolean, default: true },
+    onConfirm: {},
+    onSuccess: {},
+    onError: {}
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const isOpen = useModel(__props, "modelValue");
+    const loading = ref(false);
+    const handleConfirm = async () => {
+      loading.value = true;
+      try {
+        await props.onConfirm();
+        loading.value = false;
+        isOpen.value = false;
+        if (props.onSuccess) props.onSuccess();
+      } catch (e) {
+        if (props.onError) props.onError(e);
+        loading.value = false;
+        isOpen.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ElmModal, {
+        modelValue: isOpen.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isOpen.value = $event),
+        "close-on-click-outside": __props.closeOnClickOutside
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", null, [
+            createVNode(ElmHeading, {
+              level: 2,
+              "disable-fragment-identifier": ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ]),
+              _: 1
+            }),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.body)
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style.button)
+            }, [
+              createVNode(ElmButton, {
+                block: "",
+                onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = false),
+                loading: loading.value
+              }, {
+                default: withCtx(() => [
+                  createVNode(ElmMdiIcon, { d: unref(mdiArrowLeft) }, null, 8, ["d"]),
+                  _cache[2] || (_cache[2] = createElementVNode("span", null, "Cancel", -1))
+                ]),
+                _: 1
+              }, 8, ["loading"]),
+              createVNode(ElmButton, {
+                block: "",
+                onClick: handleConfirm,
+                primary: "",
+                loading: loading.value
+              }, {
+                default: withCtx(() => [
+                  createVNode(ElmMdiIcon, {
+                    d: unref(mdiCheckCircle),
+                    color: "currentColor"
+                  }, null, 8, ["d"]),
+                  _cache[3] || (_cache[3] = createElementVNode("span", null, " Confirm ", -1))
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ], 2)
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue", "close-on-click-outside"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._body_1xnif_1{margin-block:3rem}._button_1xnif_5{width:100%;display:flex;flex-direction:row;gap:.5rem}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const body = "_body_1xnif_1";
+const button = "_button_1xnif_5";
+const style0 = {
+  body,
+  button
+};
+export {
+  body,
+  button,
+  style0 as default
+};

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

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

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

@@ -0,0 +1,27 @@
+import { Property } from 'csstype';
+export interface ElmDesktopWindowProps {
+    /**
+     * The minimum height of the window.
+     * @default '6rem'
+     */
+    minHeight?: Property.MinHeight;
+}
+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<ElmDesktopWindowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDesktopWindowProps> & Readonly<{}>, {
+    minHeight: Property.MinHeight;
+}, {}, {}, {}, 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/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: __props.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-vite';
+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,34 @@
+import { VNode } from 'vue';
+export interface ElmModalProps {
+    width?: string;
+    closeOnClickOutside?: boolean;
+}
+type __VLS_Props = ElmModalProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => VNode;
+    }> & {
+        default?: () => VNode;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    closeOnClickOutside: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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,10 @@
+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]]);
+export {
+  ElmModal as default
+};

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

@@ -0,0 +1,56 @@
+import { defineComponent, mergeModels, useSlots, useModel, createBlock, openBlock, Teleport, createVNode, Transition, unref, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, withModifiers, normalizeStyle, renderSlot } from "vue";
+import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmModal",
+  props: /* @__PURE__ */ mergeModels({
+    width: {},
+    closeOnClickOutside: { type: Boolean, default: true }
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    useSlots();
+    const isOpen = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, {
+          "leave-from-class": unref(fadeStyle)["fade-leave-from"],
+          "enter-to-class": unref(fadeStyle)["fade-enter-to"],
+          "enter-active-class": unref(fadeStyle)["fade-enter-active"],
+          "leave-active-class": unref(fadeStyle)["fade-leave-active"],
+          "enter-from-class": unref(fadeStyle)["fade-enter-from"],
+          "leave-to-class": unref(fadeStyle)["fade-leave-to"]
+        }, {
+          default: withCtx(() => [
+            isOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.provider),
+              onClick: _cache[1] || (_cache[1] = () => {
+                if (__props.closeOnClickOutside) isOpen.value = false;
+              })
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.$style.modal),
+                style: normalizeStyle({
+                  "--width": __props.width
+                }),
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ], 6)
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["leave-from-class", "enter-to-class", "enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
+      ]);
+    };
+  }
+});
+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_iydma_1{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:#23262acc}._provider_iydma_1 ._modal_iydma_16{box-sizing:border-box;max-width:min(500px,100vw - 1rem);width:100%;width:var(--width, 100%);padding:.5rem;border-radius:.25rem;background-color:#fffc}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const provider = "_provider_iydma_1";
+const modal = "_modal_iydma_16";
+const style0 = {
+  provider,
+  modal
+};
+export {
+  style0 as default,
+  modal,
+  provider
+};

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

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

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

@@ -0,0 +1,6 @@
+export interface ElmParallaxProps {
+    imageUrl1: string;
+    imageUrl2: string;
+}
+declare const _default: import('vue').DefineComponent<ElmParallaxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmParallaxProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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
+};