@elmethis/vue 0.1.0

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(${__props.imageUrl1})`,
+            transform: `scale(1.2) translateY(${unref(y) / 400}%)`,
+            transformOrigin: "bottom"
+          })
+        }, null, 6),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.parallax),
+          style: normalizeStyle({
+            backgroundImage: `url(${__props.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/ElmSimpleTooltip.stories.d.ts

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

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

@@ -0,0 +1,21 @@
+export interface ElmSimpleTooltipProps {
+    title?: string;
+    text: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmSimpleTooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmSimpleTooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/ElmSimpleTooltip.vue.mjs

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

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

@@ -0,0 +1,37 @@
+import { defineComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, unref, createElementBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
+import ElmTooltip from "./ElmTooltip.vue.mjs";
+import headingStyle from "../../styles/heading.module.scss.mjs";
+import textStyle from "../../styles/text.module.scss.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmSimpleTooltip",
+  props: {
+    title: {},
+    text: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ElmTooltip, null, {
+        original: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        tooltip: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([_ctx.$style.container, unref(headingStyle).heading])
+          }, [
+            __props.title ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.title)
+            }, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass([_ctx.$style.text, unref(textStyle).text])
+            }, toDisplayString(__props.text), 3)
+          ], 2)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._container_108uw_1{box-sizing:border-box;padding:.5rem;border-radius:.25rem;box-shadow:0 0 .125rem #0003;color:#000000b3;background-color:#ffffffe6;transform-origin:top}[data-theme=dark] ._container_108uw_1{color:#ffffffb3;background-color:#000000e6}._title_108uw_15{box-sizing:border-box;padding-bottom:.25rem;font-weight:700}._text_108uw_21{opacity:.9}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const container = "_container_108uw_1";
+const title = "_title_108uw_15";
+const text = "_text_108uw_21";
+const style0 = {
+  container,
+  title,
+  text
+};
+export {
+  container,
+  style0 as default,
+  text,
+  title
+};

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+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,41 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createVNode, createElementVNode, resolveDynamicComponent, unref, normalizeStyle } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import { mdiCloseCircleOutline } from "@mdi/js";
+import ElmMdiIcon from "../icon/ElmMdiIcon.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(ElmMdiIcon, {
+          d: unref(mdiCloseCircleOutline),
+          size: "1em",
+          class: normalizeClass(_ctx.$style.icon),
+          onClick: __props.close
+        }, null, 8, ["d", "class", "onClick"]),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.progress),
+          style: normalizeStyle({
+            animationDuration: `${__props.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_57kuh_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_57kuh_1{box-shadow:0 0 .25rem #00000080;background-color:#0003}._icon_57kuh_18{padding:.25rem;border-radius:50%;cursor:pointer;transition:background-color .2s}._icon_57kuh_18:hover{background-color:#0000001a}[data-theme=dark] ._icon_57kuh_18:hover{background-color:#ffffff1a}@keyframes _progress_57kuh_41{0%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}._progress_57kuh_41{position:absolute;width:100%;height:3px;bottom:0;left:0;background-color:#6987b8;animation-name:_progress_57kuh_41;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_57kuh_1";
+const icon = "_icon_57kuh_18";
+const progress = "_progress_57kuh_41";
+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,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".fade-enter-active[data-v-12f55baa],.fade-leave-active[data-v-12f55baa]{transition:all .3s ease}.fade-enter-from[data-v-12f55baa],.fade-leave-to[data-v-12f55baa]{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-12f55baa"]]);
+export {
+  ElmSnackbarContainer as default
+};

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

@@ -0,0 +1,33 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, createBlock, mergeProps } from "vue";
+import ElmSnackbar from "./ElmSnackbar.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmSnackbarContainer",
+  props: {
+    snackbars: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["snackbar-screen"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style["snackbar-container"])
+        }, [
+          createVNode(TransitionGroup, { name: "fade" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.snackbars, (snackbar) => {
+                return openBlock(), createBlock(ElmSnackbar, mergeProps({ ref_for: true }, snackbar, {
+                  key: snackbar.id
+                }), null, 16);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,19 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._snackbar-screen_rfxmg_1{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;display:flex;justify-content:flex-end;align-items:flex-end;pointer-events:none}._snackbar-container_rfxmg_14{margin:1rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.5rem}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const style0 = {
+  "snackbar-screen": "_snackbar-screen_rfxmg_1",
+  "snackbar-container": "_snackbar-container_rfxmg_14"
+};
+export {
+  style0 as default
+};

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

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

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

@@ -0,0 +1,41 @@
+import { Property } from 'csstype';
+import { VNode } from 'vue';
+export interface ElmToggleProps {
+    /**
+     * The summary of the toggle.
+     */
+    summary?: string;
+    /**
+     * The margin of the toggle.
+     */
+    margin?: Property.MarginBlock;
+}
+type __VLS_Props = ElmToggleProps;
+type __VLS_PublicProps = {
+    "isOpen"?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => VNode[];
+        summary?: () => VNode[];
+    }> & {
+        default: () => VNode[];
+        summary?: () => VNode[];
+    };
+    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;
+}>, {}, {}, {}, {}, 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/ElmToggle.vue.mjs

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

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

@@ -0,0 +1,106 @@
+import { defineComponent, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, unref, createBlock, renderSlot, Transition, withCtx, createCommentVNode } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiChevronRight, mdiPlus, mdiChevronUp } from "@mdi/js";
+import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmToggle",
+  props: /* @__PURE__ */ mergeModels({
+    summary: {},
+    margin: {}
+  }, {
+    "isOpen": { type: Boolean, ...{
+      default: false
+    } },
+    "isOpenModifiers": {}
+  }),
+  emits: ["update:isOpen"],
+  setup(__props) {
+    const isOpen = useModel(__props, "isOpen");
+    const handleClick = (event) => {
+      event.preventDefault();
+      isOpen.value = !isOpen.value;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.toggle, { [_ctx.$style.open]: isOpen.value }]),
+        style: normalizeStyle({ "--margin-block": __props.margin })
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.summary),
+          onClick: handleClick,
+          style: normalizeStyle({
+            borderRadius: isOpen.value ? "0.25rem 0.25rem 0rem 0rem" : "0.25rem"
+          })
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["summary-left"])
+          }, [
+            createVNode(ElmMdiIcon, {
+              class: normalizeClass(_ctx.$style.icon),
+              d: unref(mdiChevronRight),
+              style: normalizeStyle({ "--rotate": isOpen.value ? "90deg" : "0deg" }),
+              color: "#59b57c"
+            }, null, 8, ["class", "d", "style"]),
+            createElementVNode("div", null, [
+              __props.summary != null ? (openBlock(), createBlock(ElmInlineText, {
+                key: 0,
+                text: __props.summary
+              }, null, 8, ["text"])) : renderSlot(_ctx.$slots, "summary", { key: 1 })
+            ])
+          ], 2),
+          createVNode(ElmMdiIcon, {
+            class: normalizeClass(_ctx.$style.icon),
+            d: unref(mdiPlus),
+            style: normalizeStyle({ "--rotate": isOpen.value ? "135deg" : "0deg" }),
+            color: isOpen.value ? "#b36472" : "#59b57c"
+          }, null, 8, ["class", "d", "style", "color"])
+        ], 6),
+        createElementVNode("div", {
+          class: normalizeClass([
+            _ctx.$style.content,
+            {
+              [_ctx.$style["content-open"]]: isOpen.value
+            }
+          ])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        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(() => [
+            isOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.close),
+              onClick: handleClick
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.$style["close-button"])
+              }, [
+                createVNode(ElmMdiIcon, {
+                  d: unref(mdiChevronUp),
+                  size: "1.25em",
+                  color: "#c56565"
+                }, null, 8, ["d"]),
+                createVNode(ElmInlineText, {
+                  text: "CLOSE",
+                  color: "#8e3636"
+                })
+              ], 2)
+            ], 2)) : createCommentVNode("", true)
+          ]),
+          _: 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/containments/ElmToggle.vue3.mjs

@@ -0,0 +1,44 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._toggle_1khh5_1{margin-block:var(--margin-block);display:grid;grid-template-rows:3rem 0fr;transition:grid .2s}._open_1khh5_8{grid-template-rows:3rem 1fr}._summary_1khh5_12{box-sizing:border-box;padding:1rem;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;border:1px solid rgba(0,0,0,.125);background-color:#3e434b0d}[data-theme=dark] ._summary_1khh5_12{border:1px solid rgba(255,255,255,.125);background-color:#bec2ca1a}._summary-left_1khh5_30{display:flex;gap:.5rem;align-items:center}._icon_1khh5_36{transform:rotate(0);transform:rotate(var(--rotate, 0deg));transition:transform .2s}._content_1khh5_41{margin:0;padding:.75rem;display:block;overflow:hidden;border-radius:0 0 .25rem .25rem;background-color:#ffffff1a;border-style:solid;border-width:0px;border-color:#00000020;opacity:0;transition:opacity .15s}[data-theme=dark] ._content_1khh5_41{border-style:solid;border-width:0px;border-color:#ffffff20;background-color:#bec2ca0d}._content-open_1khh5_61{border-width:1px;opacity:1}._close_1khh5_66{margin-block:.25rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.25rem}._close-button_1khh5_75{padding:.25rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;opacity:.7;transition:background-color .1s;border-radius:.25rem}._close-button_1khh5_75:hover{background-color:#c5656526}._v-enter-to_1khh5_92,._v-leave-from_1khh5_93{opacity:1;transform:scaleY(1)}._v-enter-active_1khh5_98,._v-leave-active_1khh5_99{transition:opacity .2s,transform .2s;transform-origin:top}._v-enter-from_1khh5_104,._v-leave-to_1khh5_105{opacity:0;transform:scaleY(0)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const toggle = "_toggle_1khh5_1";
+const open = "_open_1khh5_8";
+const summary = "_summary_1khh5_12";
+const icon = "_icon_1khh5_36";
+const content = "_content_1khh5_41";
+const close = "_close_1khh5_66";
+const style0 = {
+  toggle,
+  open,
+  summary,
+  "summary-left": "_summary-left_1khh5_30",
+  icon,
+  content,
+  "content-open": "_content-open_1khh5_61",
+  close,
+  "close-button": "_close-button_1khh5_75",
+  "v-enter-to": "_v-enter-to_1khh5_92",
+  "v-leave-from": "_v-leave-from_1khh5_93",
+  "v-enter-active": "_v-enter-active_1khh5_98",
+  "v-leave-active": "_v-leave-active_1khh5_99",
+  "v-enter-from": "_v-enter-from_1khh5_104",
+  "v-leave-to": "_v-leave-to_1khh5_105"
+};
+export {
+  close,
+  content,
+  style0 as default,
+  icon,
+  open,
+  summary,
+  toggle
+};

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

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

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

@@ -0,0 +1,40 @@
+import { VNodeChild } from 'vue';
+export interface ElmTooltipProps {
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * The original element that will be wrapped by the tooltip.
+         */
+        original: () => VNodeChild;
+        /**
+         * The tooltip content that will be displayed when the original element is hovered.
+         */
+        tooltip: () => VNodeChild;
+    }> & {
+        /**
+         * The original element that will be wrapped by the tooltip.
+         */
+        original: () => VNodeChild;
+        /**
+         * The tooltip content that will be displayed when the original element is hovered.
+         */
+        tooltip: () => VNodeChild;
+    };
+    refs: {
+        el: HTMLSpanElement;
+    };
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmTooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    el: HTMLSpanElement;
+}, HTMLSpanElement>;
+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/ElmTooltip.vue.mjs

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