@elmethis/core 0.1.6 → 0.1.8

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+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])
+          }, [
+            _ctx.title ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.title)
+            }, toDisplayString(_ctx.title), 3)) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass([_ctx.$style.text, unref(textStyle).text])
+            }, toDisplayString(_ctx.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/ElmTooltip.vue.d.ts

@@ -1,10 +1,26 @@
+import { VNodeChild } from 'vue';
 export interface ElmTooltipProps {
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        original?(_: {}): any;
-        tooltip?(_: {}): any;
+    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;

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

@@ -1,23 +1,10 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-cd939485],.v-leave-from[data-v-cd939485]{transform:scale(1);opacity:1}.v-enter-active[data-v-cd939485],.v-leave-active[data-v-cd939485]{transition:opacity .1s,transform .2s}.v-enter-from[data-v-cd939485],.v-leave-to[data-v-cd939485]{transform:scale(.5);opacity:0}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
 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], ["__scopeId", "data-v-cd939485"]]);
+const ElmTooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
   ElmTooltip as default
 };

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

@@ -19,8 +19,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           isHover.value = false;
         })
       }, [
-        renderSlot(_ctx.$slots, "original", {}, void 0, true),
-        createVNode(Transition, null, {
+        renderSlot(_ctx.$slots, "original"),
+        createVNode(Transition, {
+          "leave-from-class": _ctx.$style["v-leave-from"],
+          "enter-to-class": _ctx.$style["v-enter-to"],
+          "enter-active-class": _ctx.$style["v-enter-active"],
+          "leave-active-class": _ctx.$style["v-leave-active"],
+          "enter-from-class": _ctx.$style["v-enter-from"],
+          "leave-to-class": _ctx.$style["v-leave-to"]
+        }, {
           default: withCtx(() => [
             isHover.value ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -35,11 +42,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }
               )
             }, [
-              renderSlot(_ctx.$slots, "tooltip", {}, void 0, true)
+              renderSlot(_ctx.$slots, "tooltip")
             ], 6)) : createCommentVNode("", true)
           ]),
           _: 3
-        })
+        }, 8, ["leave-from-class", "enter-to-class", "enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
       ], 34);
     };
   }

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

@@ -3,16 +3,22 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._tooltip_1tyuh_1{position:fixed;z-index:1000;box-sizing:border-box;padding:.25rem .5rem;border-radius:.25rem;box-shadow:0 0 .25rem #0000001a;color:#000000b3;background-color:#ffffffe6;transform-origin:top}[data-theme=dark] ._tooltip_1tyuh_1{color:#ffffffb3;background-color:#000000e6}"));
+      elementStyle.appendChild(document.createTextNode("._tooltip_13don_1{box-sizing:border-box;position:fixed;z-index:1000;max-width:min(32rem,100vw - 2rem);padding:.5rem 0}._v-enter-to_13don_9,._v-leave-from_13don_10{transform:scale(1);opacity:1}._v-enter-active_13don_15,._v-leave-active_13don_16{transition:opacity .1s,transform .2s}._v-enter-from_13don_20,._v-leave-to_13don_21{transform:scale(.8);opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const tooltip = "_tooltip_1tyuh_1";
+const tooltip = "_tooltip_13don_1";
 const style0 = {
-  tooltip
+  tooltip,
+  "v-enter-to": "_v-enter-to_13don_9",
+  "v-leave-from": "_v-leave-from_13don_10",
+  "v-enter-active": "_v-enter-active_13don_15",
+  "v-leave-active": "_v-leave-active_13don_16",
+  "v-enter-from": "_v-enter-from_13don_20",
+  "v-leave-to": "_v-leave-to_13don_21"
 };
 export {
   style0 as default,

package/dist/components/form/ElmSelect.vue2.mjs

@@ -2,7 +2,8 @@ import { defineComponent, mergeModels, useModel, ref, useTemplateRef, createElem
 import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
 import { mdiArrowDownDropCircleOutline, mdiMenuDown, mdiChevronRight } from "@mdi/js";
 import { onClickOutside } from "@vueuse/core";
-import scss from "../../styles/lib.module.scss.mjs";
+import textStyle from "../../styles/text.module.scss.mjs";
+import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmSelect",
@@ -42,9 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "target",
         ref: target,
-        class: normalizeClass(_ctx.$style.wrapper),
+        class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.active]: isActive.value }]),
         style: normalizeStyle({
-          "--border-color": isActive.value ? "#59b57c" : "transparent",
           backgroundColor: _ctx.disabled || _ctx.loading ? "rgba(0,0,0,0.15)" : void 0
         }),
         onClick: handleToggle
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.header)
         }, [
           createElementVNode("span", {
-            class: normalizeClass([_ctx.$style.label, unref(scss).text]),
+            class: normalizeClass([_ctx.$style.label, unref(textStyle).text]),
             style: normalizeStyle({ color: isActive.value ? "#59b57c" : void 0 })
           }, toDisplayString(_ctx.label), 7)
         ], 2),
@@ -64,27 +64,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.select)
           }, [
             createElementVNode("div", {
-              class: normalizeClass([_ctx.$style.selected, unref(scss).text])
+              class: normalizeClass([_ctx.$style.selected, unref(textStyle).text])
             }, [
               createVNode(Transition, {
                 mode: "out-in",
-                "leave-from-class": unref(scss)["fade-leave-from"],
-                "enter-to-class": unref(scss)["fade-enter-to"],
-                "enter-active-class": unref(scss)["fade-fast-enter-active"],
-                "leave-active-class": unref(scss)["fade-fast-leave-active"],
-                "enter-from-class": unref(scss)["fade-enter-from"],
-                "leave-to-class": unref(scss)["fade-leave-to"]
+                "leave-from-class": _ctx.$style["selected-leave-from"],
+                "enter-to-class": _ctx.$style["selected-enter-to"],
+                "enter-active-class": _ctx.$style["selected-enter-active"],
+                "leave-active-class": _ctx.$style["selected-leave-active"],
+                "enter-from-class": _ctx.$style["selected-enter-from"],
+                "leave-to-class": _ctx.$style["selected-leave-to"]
               }, {
                 default: withCtx(() => [
-                  selectedOption.value ? (openBlock(), createElementBlock("span", {
-                    key: selectedOption.value.label
+                  selectedOption.value ? (openBlock(), createElementBlock("div", {
+                    key: selectedOption.value.id
                   }, [
                     createElementVNode("span", null, toDisplayString(selectedOption.value.label), 1),
                     selectedOption.value.description ? (openBlock(), createElementBlock("span", {
                       key: 0,
                       class: normalizeClass(_ctx.$style.description)
                     }, toDisplayString(selectedOption.value.description), 3)) : createCommentVNode("", true)
-                  ])) : (openBlock(), createElementBlock("span", {
+                  ])) : (openBlock(), createElementBlock("div", {
                     key: 1,
                     class: normalizeClass(_ctx.$style.fallback)
                   }, [
@@ -100,12 +100,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "1.5rem"
             }, null, 8, ["d"]),
             createVNode(Transition, {
-              "enter-from-class": unref(scss)["fade-enter-from"],
-              "enter-active-class": unref(scss)["fade-enter-active"],
-              "enter-to-class": unref(scss)["fade-enter-to"],
-              "leave-from-class": unref(scss)["fade-leave-from"],
-              "leave-active-class": unref(scss)["fade-leave-active"],
-              "leave-to-class": unref(scss)["fade-leave-to"]
+              "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(() => [
                 isActive.value ? (openBlock(), createElementBlock("div", {
@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
                     return openBlock(), createElementBlock("div", {
                       key: option.id,
-                      class: normalizeClass([_ctx.$style.option, unref(scss).text]),
+                      class: normalizeClass([_ctx.$style.option, unref(textStyle).text]),
                       onClick: ($event) => handleSelect(option.id)
                     }, [
                       createVNode(ElmMdiIcon, {

package/dist/components/form/ElmSelect.vue3.mjs

@@ -3,25 +3,27 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._wrapper_1ct8q_1{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;display:flex;flex-direction:column;justify-content:space-between;border-style:solid;border-width:1px;border-color:var(--border-color);transition:border-color .2s,background-color .2s;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_1ct8q_1{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._header_1ct8q_23{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_1ct8q_31{display:inline;margin:0;padding:0;font-size:.75rem;line-height:.75rem;height:.75rem;vertical-align:top;transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}._body_1ct8q_43{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem;cursor:pointer}._select_1ct8q_52{padding:.5rem;width:100%;height:1.25rem;display:flex;justify-content:space-between;align-items:center}._selected_1ct8q_61{width:100%;overflow:hidden}._fallback_1ct8q_66{opacity:.6;display:flex;justify-content:flex-start;align-items:center;gap:.5rem}._pulldown_1ct8q_74{position:absolute;top:4rem;left:0;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._pulldown_1ct8q_74{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._option_1ct8q_90{overflow:hidden;width:100%;padding:.5rem;box-sizing:border-box;border-radius:.25rem;display:flex;justify-content:flex-start;align-items:center;gap:.25rem;transition:background-color .1s;cursor:pointer}._option_1ct8q_90:hover{background-color:#bec2ca4d}[data-theme=dark] ._option_1ct8q_90:hover{background-color:#bec2ca33}._description_1ct8q_110{box-sizing:border-box;opacity:.35;padding-left:.25rem;font-size:.75em;white-space:nowrap;text-overflow:ellipsis}"));
+      elementStyle.appendChild(document.createTextNode("._wrapper_12hry_1{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;display:flex;flex-direction:column;justify-content:space-between;border-style:solid;border-width:1px;border-color:transparent;transition:border-color .2s,background-color .2s;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_12hry_1{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._active_12hry_23{border-color:#59b57c80}._header_12hry_27{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_12hry_35{display:inline;margin:0;padding:0;font-size:.75rem;line-height:.75rem;height:.75rem;vertical-align:top;transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}._body_12hry_47{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem;cursor:pointer}._select_12hry_56{padding:.5rem;width:100%;height:1.25rem;display:flex;justify-content:space-between;align-items:center}._selected_12hry_65{width:100%;overflow:hidden}._fallback_12hry_70{opacity:.6;display:flex;justify-content:flex-start;align-items:center;gap:.5rem}._pulldown_12hry_78{position:absolute;top:4rem;left:0;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._pulldown_12hry_78{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._option_12hry_94{overflow:hidden;width:100%;padding:.5rem;box-sizing:border-box;border-radius:.25rem;display:flex;justify-content:flex-start;align-items:center;gap:.25rem;transition:background-color .1s;cursor:pointer}._option_12hry_94:hover{background-color:#bec2ca4d}[data-theme=dark] ._option_12hry_94:hover{background-color:#bec2ca33}._description_12hry_114{box-sizing:border-box;opacity:.35;padding-left:.25rem;font-size:.75em;white-space:nowrap;text-overflow:ellipsis}._selected-enter-from_12hry_123{opacity:0;transform:translateY(-100%)}._selected-enter-to_12hry_128,._selected-leave-from_12hry_129{opacity:1;transform:translateY(0)}._selected-leave-to_12hry_134{opacity:0;transform:translateY(100%)}._selected-enter-active_12hry_139,._selected-leave-active_12hry_140{transition:opacity .2s,transform .1s}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const wrapper = "_wrapper_1ct8q_1";
-const header = "_header_1ct8q_23";
-const label = "_label_1ct8q_31";
-const body = "_body_1ct8q_43";
-const select = "_select_1ct8q_52";
-const selected = "_selected_1ct8q_61";
-const fallback = "_fallback_1ct8q_66";
-const pulldown = "_pulldown_1ct8q_74";
-const option = "_option_1ct8q_90";
-const description = "_description_1ct8q_110";
+const wrapper = "_wrapper_12hry_1";
+const active = "_active_12hry_23";
+const header = "_header_12hry_27";
+const label = "_label_12hry_35";
+const body = "_body_12hry_47";
+const select = "_select_12hry_56";
+const selected = "_selected_12hry_65";
+const fallback = "_fallback_12hry_70";
+const pulldown = "_pulldown_12hry_78";
+const option = "_option_12hry_94";
+const description = "_description_12hry_114";
 const style0 = {
   wrapper,
+  active,
   header,
   label,
   body,
@@ -30,9 +32,16 @@ const style0 = {
   fallback,
   pulldown,
   option,
-  description
+  description,
+  "selected-enter-from": "_selected-enter-from_12hry_123",
+  "selected-enter-to": "_selected-enter-to_12hry_128",
+  "selected-leave-from": "_selected-leave-from_12hry_129",
+  "selected-leave-to": "_selected-leave-to_12hry_134",
+  "selected-enter-active": "_selected-enter-active_12hry_139",
+  "selected-leave-active": "_selected-leave-active_12hry_140"
 };
 export {
+  active,
   body,
   style0 as default,
   description,

package/dist/components/form/ElmTextField.vue2.mjs

@@ -49,9 +49,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.wrapper),
+        class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.active]: isFocused.value }]),
         style: normalizeStyle({
-          "--border-color": isFocused.value ? "#59b57c" : "transparent",
           backgroundColor: _ctx.disabled || _ctx.loading ? "rgba(0,0,0,0.15)" : void 0
         })
       }, [

package/dist/components/form/ElmTextField.vue3.mjs

@@ -3,36 +3,39 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("@keyframes _loading_taqj4_19{0%{transform-origin:0%;transform:scaleX(0)}40%{transform-origin:0%;transform:scaleX(1)}60%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}._loading_taqj4_19{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#6987b8;transition:opacity .2s;pointer-events:none;animation-name:_loading_taqj4_19;animation-iteration-count:infinite;animation-duration:1.6s}._wrapper_taqj4_33{overflow:hidden;position:relative;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,background-color .2s;border-style:solid;border-width:1px;border-color:var(--border-color);background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_taqj4_33{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._header_taqj4_55{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_taqj4_63{display:inline;margin:0;padding:0;font-size:.75rem;line-height:.75rem;height:.75rem;vertical-align:top;transition:color .2s;color:#000000a6;color:var(--color, rgba(0, 0, 0, .65))}[data-theme=dark] ._label_taqj4_63{color:#ffffffa6;color:var(--color, rgba(255, 255, 255, .65))}._requierd_taqj4_78{padding-inline:.25rem;color:#c56565;font-weight:700}._body_taqj4_84{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem}._left-icon_taqj4_92{margin:auto .25rem;width:24px;height:24px;display:flex;justify-content:center;align-items:center;opacity:.7}[data-theme=dark] ._left-icon_taqj4_92{filter:invert(1)}._input_taqj4_105{all:unset;box-sizing:border-box;padding:.5rem;width:100%;color:#000000b3;caret-color:#000000b3}._input_taqj4_105::-moz-placeholder{opacity:.5}._input_taqj4_105::placeholder{opacity:.5}[data-theme=dark] ._input_taqj4_105::-moz-placeholder{opacity:.7}[data-theme=dark] ._input_taqj4_105::placeholder{opacity:.7}._input_taqj4_105::-moz-selection{background-color:#000000b3;color:#ffffffb3}._input_taqj4_105::selection{background-color:#000000b3;color:#ffffffb3}[data-theme=dark] ._input_taqj4_105{color:#ffffffb3;caret-color:#ffffffb3}[data-theme=dark] ._input_taqj4_105::-moz-selection{background-color:#ffffffb3;color:#000000b3}[data-theme=dark] ._input_taqj4_105::selection{background-color:#ffffffb3;color:#000000b3}._icon-box_taqj4_132{display:flex;justify-content:space-between;align-items:center}._icon_taqj4_132{box-sizing:border-box;border-radius:.125em;padding:.25rem;transition:background-color .2s;cursor:pointer}._icon_taqj4_132:hover{background-color:#80808033}._suffix_taqj4_149{opacity:.6;padding:0 .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}"));
+      elementStyle.appendChild(document.createTextNode("@keyframes _loading_cd6sh_19{0%{transform-origin:0%;transform:scaleX(0)}40%{transform-origin:0%;transform:scaleX(1)}60%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}._loading_cd6sh_19{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#6987b8;transition:opacity .2s;pointer-events:none;animation-name:_loading_cd6sh_19;animation-iteration-count:infinite;animation-duration:1.6s}._wrapper_cd6sh_33{overflow:hidden;position:relative;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,background-color .2s;border-style:solid;border-width:1px;border-color:transparent;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_cd6sh_33{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._active_cd6sh_55{border-color:#59b57c80}._header_cd6sh_59{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_cd6sh_67{display:inline;margin:0;padding:0;font-size:.75rem;line-height:.75rem;height:.75rem;vertical-align:top;transition:color .2s;color:#000000a6;color:var(--color, rgba(0, 0, 0, .65))}[data-theme=dark] ._label_cd6sh_67{color:#ffffffa6;color:var(--color, rgba(255, 255, 255, .65))}._requierd_cd6sh_82{padding-inline:.25rem;color:#c56565;font-weight:700}._body_cd6sh_88{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem}._left-icon_cd6sh_96{margin:auto .25rem;width:24px;height:24px;display:flex;justify-content:center;align-items:center;opacity:.7}[data-theme=dark] ._left-icon_cd6sh_96{filter:invert(1)}._input_cd6sh_109{all:unset;box-sizing:border-box;padding:.5rem;width:100%;color:#000000b3;caret-color:#000000b3}._input_cd6sh_109::-moz-placeholder{opacity:.5}._input_cd6sh_109::placeholder{opacity:.5}[data-theme=dark] ._input_cd6sh_109::-moz-placeholder{opacity:.7}[data-theme=dark] ._input_cd6sh_109::placeholder{opacity:.7}._input_cd6sh_109::-moz-selection{background-color:#000000b3;color:#ffffffb3}._input_cd6sh_109::selection{background-color:#000000b3;color:#ffffffb3}[data-theme=dark] ._input_cd6sh_109{color:#ffffffb3;caret-color:#ffffffb3}[data-theme=dark] ._input_cd6sh_109::-moz-selection{background-color:#ffffffb3;color:#000000b3}[data-theme=dark] ._input_cd6sh_109::selection{background-color:#ffffffb3;color:#000000b3}._icon-box_cd6sh_136{display:flex;justify-content:space-between;align-items:center}._icon_cd6sh_136{box-sizing:border-box;border-radius:.125em;padding:.25rem;transition:background-color .2s;cursor:pointer}._icon_cd6sh_136:hover{background-color:#80808033}._suffix_cd6sh_153{opacity:.6;padding:0 .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const loading = "_loading_taqj4_19";
-const wrapper = "_wrapper_taqj4_33";
-const header = "_header_taqj4_55";
-const label = "_label_taqj4_63";
-const requierd = "_requierd_taqj4_78";
-const body = "_body_taqj4_84";
-const input = "_input_taqj4_105";
-const icon = "_icon_taqj4_132";
-const suffix = "_suffix_taqj4_149";
+const loading = "_loading_cd6sh_19";
+const wrapper = "_wrapper_cd6sh_33";
+const active = "_active_cd6sh_55";
+const header = "_header_cd6sh_59";
+const label = "_label_cd6sh_67";
+const requierd = "_requierd_cd6sh_82";
+const body = "_body_cd6sh_88";
+const input = "_input_cd6sh_109";
+const icon = "_icon_cd6sh_136";
+const suffix = "_suffix_cd6sh_153";
 const style0 = {
   loading,
   wrapper,
+  active,
   header,
   label,
   requierd,
   body,
-  "left-icon": "_left-icon_taqj4_92",
+  "left-icon": "_left-icon_cd6sh_96",
   input,
-  "icon-box": "_icon-box_taqj4_132",
+  "icon-box": "_icon-box_cd6sh_136",
   icon,
   suffix
 };
 export {
+  active,
   body,
   style0 as default,
   header,

package/dist/components/others/ElmJsonComponentRenderer.vue2.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-610548e5],.v-leave-from[data-v-610548e5]{opacity:1}.v-enter-active[data-v-610548e5],.v-leave-active[data-v-610548e5]{transition:opacity .1s}.v-enter-from[data-v-610548e5],.v-leave-to[data-v-610548e5]{opacity:0}\n.v-enter-to[data-v-ea96c386],.v-leave-from[data-v-ea96c386]{opacity:1}.v-enter-active[data-v-ea96c386],.v-leave-active[data-v-ea96c386]{transition:opacity .15s}.v-enter-from[data-v-ea96c386],.v-leave-to[data-v-ea96c386]{opacity:0}\n.v-enter-to[data-v-83a74154],.v-leave-from[data-v-83a74154]{opacity:1}.v-enter-active[data-v-83a74154],.v-leave-active[data-v-83a74154]{transition:opacity .2s}.v-enter-from[data-v-83a74154],.v-leave-to[data-v-83a74154]{opacity:0}\n.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)}\n.v-enter-to[data-v-cd939485],.v-leave-from[data-v-cd939485]{transform:scale(1);opacity:1}.v-enter-active[data-v-cd939485],.v-leave-active[data-v-cd939485]{transition:opacity .1s,transform .2s}.v-enter-from[data-v-cd939485],.v-leave-to[data-v-cd939485]{transform:scale(.5);opacity:0}\n.v-enter-to[data-v-84bc9c5d],.v-leave-from[data-v-84bc9c5d]{opacity:1}.v-enter-active[data-v-84bc9c5d],.v-leave-active[data-v-84bc9c5d]{transition:opacity .15s}.v-enter-from[data-v-84bc9c5d],.v-leave-to[data-v-84bc9c5d]{opacity:0}\n.v-enter-to[data-v-f6774eea],.v-leave-from[data-v-f6774eea]{opacity:1}.v-enter-active[data-v-f6774eea],.v-leave-active[data-v-f6774eea]{transition:opacity .1s}.v-enter-from[data-v-f6774eea],.v-leave-to[data-v-f6774eea]{opacity:0}\n.v-enter-to[data-v-a6508d78],.v-leave-from[data-v-a6508d78]{opacity:1}.v-enter-active[data-v-a6508d78],.v-leave-active[data-v-a6508d78]{transition:opacity .3s}.v-enter-from[data-v-a6508d78],.v-leave-to[data-v-a6508d78]{opacity:0}\n.v-enter-to[data-v-4e995755],.v-leave-from[data-v-4e995755]{opacity:1}.v-enter-active[data-v-4e995755],.v-leave-active[data-v-4e995755]{transition:opacity .3s}.v-enter-from[data-v-4e995755],.v-leave-to[data-v-4e995755]{opacity:0}\n.elmethis-list-common{margin-block:1rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-bulleted-list li{box-sizing:border-box;padding-left:.5rem;margin-block:.75rem}.elmethis-bulleted-list li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+)}.elmethis-numbered-list li{box-sizing:border-box;padding-left:.25rem;margin-block:.75rem;margin-left:.25rem;list-style-type:decimal}.elmethis-numbered-list li::marker{font-weight:700;color:#9771bd}.elmethis-numbered-list li ol li{list-style-type:lower-alpha}.elmethis-numbered-list li ol li ol li{list-style-type:lower-roman}.elmethis-numbered-list li ol li ol li ol li{list-style-type:lower-greek}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-610548e5],.v-leave-from[data-v-610548e5]{opacity:1}.v-enter-active[data-v-610548e5],.v-leave-active[data-v-610548e5]{transition:opacity .1s}.v-enter-from[data-v-610548e5],.v-leave-to[data-v-610548e5]{opacity:0}\n.v-enter-to[data-v-ea96c386],.v-leave-from[data-v-ea96c386]{opacity:1}.v-enter-active[data-v-ea96c386],.v-leave-active[data-v-ea96c386]{transition:opacity .15s}.v-enter-from[data-v-ea96c386],.v-leave-to[data-v-ea96c386]{opacity:0}\n.v-enter-to[data-v-83a74154],.v-leave-from[data-v-83a74154]{opacity:1}.v-enter-active[data-v-83a74154],.v-leave-active[data-v-83a74154]{transition:opacity .2s}.v-enter-from[data-v-83a74154],.v-leave-to[data-v-83a74154]{opacity:0}\n.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)}\n.v-enter-to[data-v-84bc9c5d],.v-leave-from[data-v-84bc9c5d]{opacity:1}.v-enter-active[data-v-84bc9c5d],.v-leave-active[data-v-84bc9c5d]{transition:opacity .15s}.v-enter-from[data-v-84bc9c5d],.v-leave-to[data-v-84bc9c5d]{opacity:0}\n.v-enter-to[data-v-f6774eea],.v-leave-from[data-v-f6774eea]{opacity:1}.v-enter-active[data-v-f6774eea],.v-leave-active[data-v-f6774eea]{transition:opacity .1s}.v-enter-from[data-v-f6774eea],.v-leave-to[data-v-f6774eea]{opacity:0}\n.v-enter-to[data-v-a6508d78],.v-leave-from[data-v-a6508d78]{opacity:1}.v-enter-active[data-v-a6508d78],.v-leave-active[data-v-a6508d78]{transition:opacity .3s}.v-enter-from[data-v-a6508d78],.v-leave-to[data-v-a6508d78]{opacity:0}\n.v-enter-to[data-v-4e995755],.v-leave-from[data-v-4e995755]{opacity:1}.v-enter-active[data-v-4e995755],.v-leave-active[data-v-4e995755]{transition:opacity .3s}.v-enter-from[data-v-4e995755],.v-leave-to[data-v-4e995755]{opacity:0}\n.elmethis-list-common{margin-block:1rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-bulleted-list li{box-sizing:border-box;padding-left:.5rem;margin-block:.75rem}.elmethis-bulleted-list li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+)}.elmethis-numbered-list li{box-sizing:border-box;padding-left:.25rem;margin-block:.75rem;margin-left:.25rem;list-style-type:decimal}.elmethis-numbered-list li::marker{font-weight:700;color:#9771bd}.elmethis-numbered-list li ol li{list-style-type:lower-alpha}.elmethis-numbered-list li ol li ol li{list-style-type:lower-roman}.elmethis-numbered-list li ol li ol li ol li{list-style-type:lower-greek}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -21,11 +21,10 @@ import "@vueuse/core";
 
 
 
-
 import "nanoid";
-import "lodash-es";
 
 
+import "lodash-es";
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmJsonComponentRenderer",

package/dist/components/typography/ElmHeading.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, useSlots, createElementBlock, openBlock, Fragment
 import { useIntersectionObserver } from "@vueuse/core";
 import { kebabCase } from "lodash-es";
 import ElmFragmentIdentifier from "./ElmFragmentIdentifier.vue.mjs";
-import textStyle from "../../styles/text.module.scss.mjs";
+import headingStyle from "../../styles/heading.module.scss.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmHeading",
   props: {
@@ -42,7 +42,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         (openBlock(), createBlock(resolveDynamicComponent(`h${_ctx.level}`), {
           ref_key: "target",
           ref: target,
-          class: normalizeClass([_ctx.$style[`h${_ctx.level}`], _ctx.$style["heading-common"], unref(textStyle).text]),
+          class: normalizeClass([
+            _ctx.$style[`h${_ctx.level}`],
+            _ctx.$style["heading-common"],
+            unref(headingStyle).heading
+          ]),
           id: _ctx.id ?? unref(kebabCase)(_ctx.text),
           style: normalizeStyle({
             "--font-size": _ctx.size ?? `${unref(SIZE_MAP)[_ctx.level]}rem`,

package/dist/index.d.ts

@@ -2,16 +2,14 @@ export type { ElmCodeBlockProps } from './components/code/ElmCodeBlock.vue';
 export { default as ElmCodeBlock } from './components/code/ElmCodeBlock.vue';
 export type { ElmKatexProps } from './components/code/ElmKatex.vue';
 export { default as ElmKatex } from './components/code/ElmKatex.vue';
-export type { ElmColumnProps } from './components/containments/ElmColumn.vue';
-export { default as ElmColumn } from './components/containments/ElmColumn.vue';
-export type { ElmColumnListProps } from './components/containments/ElmColumnList.vue';
-export { default as ElmColumnList } from './components/containments/ElmColumnList.vue';
 export type { ElmDesktopWindowProps } from './components/containments/ElmDesktopWindow.vue';
 export { default as ElmDesktopWindow } from './components/containments/ElmDesktopWindow.vue';
 export type { ElmModalProps } from './components/containments/ElmModal.vue';
 export { default as ElmModal } from './components/containments/ElmModal.vue';
 export type { ElmParallaxProps } from './components/containments/ElmParallax.vue';
 export { default as ElmParallax } from './components/containments/ElmParallax.vue';
+export type { ElmSimpleTooltipProps } from './components/containments/ElmSimpleTooltip.vue';
+export { default as ElmSimpleTooltip } from './components/containments/ElmSimpleTooltip.vue';
 export type { ElmSnackbarProps } from './components/containments/ElmSnackbar.vue';
 export { default as ElmSnackbar } from './components/containments/ElmSnackbar.vue';
 export type { ElmSnackbarContainerProps } from './components/containments/ElmSnackbarContainer.vue';
@@ -44,10 +42,6 @@ export type { ElmSwitchProps } from './components/form/ElmSwitch.vue';
 export { default as ElmSwitch } from './components/form/ElmSwitch.vue';
 export type { ElmTextFieldProps } from './components/form/ElmTextField.vue';
 export { default as ElmTextField } from './components/form/ElmTextField.vue';
-export type { ElmHeadingProps } from './components/typography/ElmHeading.vue';
-export { default as ElmHeading } from './components/typography/ElmHeading.vue';
-export type { ElmFragmentIdentifierProps } from './components/typography/ElmFragmentIdentifier.vue';
-export { default as ElmFragmentIdentifier } from './components/typography/ElmFragmentIdentifier.vue';
 export type { ElmArrowIconProps } from './components/icon/ElmArrowIcon.vue';
 export { default as ElmArrowIcon } from './components/icon/ElmArrowIcon.vue';
 export type { ElmBookmarkIconProps } from './components/icon/ElmBookmarkIcon.vue';
@@ -64,14 +58,12 @@ export type { ElmMdiIconProps } from './components/icon/ElmMdiIcon.vue';
 export { default as ElmMdiIcon } from './components/icon/ElmMdiIcon.vue';
 export type { ElmToggleThemeProps } from './components/icon/ElmToggleTheme.vue';
 export { default as ElmToggleTheme } from './components/icon/ElmToggleTheme.vue';
-export type { ElmInlineTextProps } from './components/typography/ElmInlineText.vue';
-export { default as ElmInlineText } from './components/typography/ElmInlineText.vue';
+export type { ElmBlockImageProps } from './components/media/ElmBlockImage.vue';
+export { default as ElmBlockImage } from './components/media/ElmImage.vue';
 export type { ElmFileProps } from './components/media/ElmFile.vue';
 export { default as ElmFile } from './components/media/ElmFile.vue';
 export type { ElmImageProps } from './components/media/ElmImage.vue';
 export { default as ElmImage } from './components/media/ElmImage.vue';
-export type { ElmBlockImageProps } from './components/media/ElmBlockImage.vue';
-export { default as ElmBlockImage } from './components/media/ElmImage.vue';
 export type { ElmBookmarkProps } from './components/navigation/ElmBookmark.vue';
 export { default as ElmBookmark } from './components/navigation/ElmBookmark.vue';
 export type { ElmBreadcrumbProps } from './components/navigation/ElmBreadcrumb.vue';
@@ -102,6 +94,12 @@ export type { ElmCalloutProps } from './components/typography/ElmCallout.vue';
 export { default as ElmCallout } from './components/typography/ElmCallout.vue';
 export type { ElmDividerProps } from './components/typography/ElmDivider.vue';
 export { default as ElmDivider } from './components/typography/ElmDivider.vue';
+export type { ElmFragmentIdentifierProps } from './components/typography/ElmFragmentIdentifier.vue';
+export { default as ElmFragmentIdentifier } from './components/typography/ElmFragmentIdentifier.vue';
+export type { ElmHeadingProps } from './components/typography/ElmHeading.vue';
+export { default as ElmHeading } from './components/typography/ElmHeading.vue';
+export type { ElmInlineTextProps } from './components/typography/ElmInlineText.vue';
+export { default as ElmInlineText } from './components/typography/ElmInlineText.vue';
 export type { ElmParagraphProps } from './components/typography/ElmParagraph.vue';
 export { default as ElmParagraph } from './components/typography/ElmParagraph.vue';
 export type { ElmListProps } from './components/typography/ElmList.vue';

package/dist/index.mjs

@@ -12,115 +12,113 @@
 })();
 import { default as default2 } from "./components/code/ElmCodeBlock.vue.mjs";
 import { default as default3 } from "./components/code/ElmKatex.vue.mjs";
-import { default as default4 } from "./components/containments/ElmColumn.vue.mjs";
-import { default as default5 } from "./components/containments/ElmColumnList.vue.mjs";
-import { default as default6 } from "./components/containments/ElmDesktopWindow.vue.mjs";
-import { default as default7 } from "./components/containments/ElmModal.vue.mjs";
-import { default as default8 } from "./components/containments/ElmParallax.vue.mjs";
-import { default as default9 } from "./components/containments/ElmSnackbar.vue.mjs";
-import { default as default10 } from "./components/containments/ElmSnackbarContainer.vue.mjs";
-import { default as default11 } from "./components/containments/ElmToggle.vue.mjs";
-import { default as default12 } from "./components/containments/ElmTooltip.vue.mjs";
-import { default as default13 } from "./components/data/ElmProgress.vue.mjs";
-import { default as default14 } from "./components/data/ElmMultiProgress.vue.mjs";
-import { default as default15 } from "./components/data/ElmStatusMessage.vue.mjs";
-import { default as default16 } from "./components/fallback/ElmRectangleWave.vue.mjs";
-import { default as default17 } from "./components/fallback/ElmBlockFallback.vue.mjs";
-import { default as default18 } from "./components/fallback/ElmSpinner.vue.mjs";
-import { default as default19 } from "./components/fallback/ElmUnsupportedBlock.vue.mjs";
-import { default as default20 } from "./components/form/ElmButton.vue.mjs";
-import { default as default21 } from "./components/form/ElmCheckbox.vue.mjs";
-import { default as default22 } from "./components/form/ElmSelect.vue.mjs";
-import { default as default23 } from "./components/form/ElmSwitch.vue.mjs";
-import { default as default24 } from "./components/form/ElmTextField.vue.mjs";
-import { default as default25 } from "./components/typography/ElmHeading.vue.mjs";
-import { default as default26 } from "./components/typography/ElmFragmentIdentifier.vue.mjs";
-import { default as default27 } from "./components/icon/ElmArrowIcon.vue.mjs";
-import { default as default28 } from "./components/icon/ElmBookmarkIcon.vue.mjs";
-import { default as default29 } from "./components/icon/ElmCubeIcon.vue.mjs";
-import { default as default30 } from "./components/icon/ElmDotLoadingIcon.vue.mjs";
-import { default as default31 } from "./components/icon/ElmLanguageIcon.vue.mjs";
-import { default as default32 } from "./components/icon/ElmLoginIcon.vue.mjs";
-import { default as default33 } from "./components/icon/ElmMdiIcon.vue.mjs";
-import { default as default34 } from "./components/icon/ElmToggleTheme.vue.mjs";
-import { default as default35 } from "./components/typography/ElmInlineText.vue.mjs";
-import { default as default36 } from "./components/media/ElmFile.vue.mjs";
-import { default as default37, default as default38 } from "./components/media/ElmImage.vue.mjs";
-import { default as default39 } from "./components/navigation/ElmBookmark.vue.mjs";
-import { default as default40 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
-import { default as default41 } from "./components/navigation/ElmPagetop.vue.mjs";
-import { default as default42 } from "./components/navigation/ElmTableOfContents.vue.mjs";
-import { default as default43 } from "./components/others/ElmColorSample.vue.mjs";
-import { default as default44 } from "./components/others/ElmColorTable.vue.mjs";
-import { default as default45 } from "./components/others/ElmJsonComponentRenderer.vue.mjs";
-import { default as default46 } from "./components/table/ElmTable.vue.mjs";
-import { default as default47 } from "./components/table/ElmTableHeader.vue.mjs";
-import { default as default48 } from "./components/table/ElmTableBody.vue.mjs";
-import { default as default49 } from "./components/table/ElmTableRow.vue.mjs";
-import { default as default50 } from "./components/table/ElmTableCell.vue.mjs";
-import { default as default51 } from "./components/typography/ElmBlockQuote.vue.mjs";
-import { default as default52 } from "./components/typography/ElmCallout.vue.mjs";
-import { default as default53 } from "./components/typography/ElmDivider.vue.mjs";
-import { default as default54 } from "./components/typography/ElmParagraph.vue.mjs";
-import { default as default55 } from "./components/typography/ElmList.vue.mjs";
+import { default as default4 } from "./components/containments/ElmDesktopWindow.vue.mjs";
+import { default as default5 } from "./components/containments/ElmModal.vue.mjs";
+import { default as default6 } from "./components/containments/ElmParallax.vue.mjs";
+import { default as default7 } from "./components/containments/ElmSimpleTooltip.vue.mjs";
+import { default as default8 } from "./components/containments/ElmSnackbar.vue.mjs";
+import { default as default9 } from "./components/containments/ElmSnackbarContainer.vue.mjs";
+import { default as default10 } from "./components/containments/ElmToggle.vue.mjs";
+import { default as default11 } from "./components/containments/ElmTooltip.vue.mjs";
+import { default as default12 } from "./components/data/ElmProgress.vue.mjs";
+import { default as default13 } from "./components/data/ElmMultiProgress.vue.mjs";
+import { default as default14 } from "./components/data/ElmStatusMessage.vue.mjs";
+import { default as default15 } from "./components/fallback/ElmRectangleWave.vue.mjs";
+import { default as default16 } from "./components/fallback/ElmBlockFallback.vue.mjs";
+import { default as default17 } from "./components/fallback/ElmSpinner.vue.mjs";
+import { default as default18 } from "./components/fallback/ElmUnsupportedBlock.vue.mjs";
+import { default as default19 } from "./components/form/ElmButton.vue.mjs";
+import { default as default20 } from "./components/form/ElmCheckbox.vue.mjs";
+import { default as default21 } from "./components/form/ElmSelect.vue.mjs";
+import { default as default22 } from "./components/form/ElmSwitch.vue.mjs";
+import { default as default23 } from "./components/form/ElmTextField.vue.mjs";
+import { default as default24 } from "./components/icon/ElmArrowIcon.vue.mjs";
+import { default as default25 } from "./components/icon/ElmBookmarkIcon.vue.mjs";
+import { default as default26 } from "./components/icon/ElmCubeIcon.vue.mjs";
+import { default as default27 } from "./components/icon/ElmDotLoadingIcon.vue.mjs";
+import { default as default28 } from "./components/icon/ElmLanguageIcon.vue.mjs";
+import { default as default29 } from "./components/icon/ElmLoginIcon.vue.mjs";
+import { default as default30 } from "./components/icon/ElmMdiIcon.vue.mjs";
+import { default as default31 } from "./components/icon/ElmToggleTheme.vue.mjs";
+import { default as default32, default as default33 } from "./components/media/ElmImage.vue.mjs";
+import { default as default34 } from "./components/media/ElmFile.vue.mjs";
+import { default as default35 } from "./components/navigation/ElmBookmark.vue.mjs";
+import { default as default36 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
+import { default as default37 } from "./components/navigation/ElmPagetop.vue.mjs";
+import { default as default38 } from "./components/navigation/ElmTableOfContents.vue.mjs";
+import { default as default39 } from "./components/others/ElmColorSample.vue.mjs";
+import { default as default40 } from "./components/others/ElmColorTable.vue.mjs";
+import { default as default41 } from "./components/others/ElmJsonComponentRenderer.vue.mjs";
+import { default as default42 } from "./components/table/ElmTable.vue.mjs";
+import { default as default43 } from "./components/table/ElmTableHeader.vue.mjs";
+import { default as default44 } from "./components/table/ElmTableBody.vue.mjs";
+import { default as default45 } from "./components/table/ElmTableRow.vue.mjs";
+import { default as default46 } from "./components/table/ElmTableCell.vue.mjs";
+import { default as default47 } from "./components/typography/ElmBlockQuote.vue.mjs";
+import { default as default48 } from "./components/typography/ElmCallout.vue.mjs";
+import { default as default49 } from "./components/typography/ElmDivider.vue.mjs";
+import { default as default50 } from "./components/typography/ElmFragmentIdentifier.vue.mjs";
+import { default as default51 } from "./components/typography/ElmHeading.vue.mjs";
+import { default as default52 } from "./components/typography/ElmInlineText.vue.mjs";
+import { default as default53 } from "./components/typography/ElmParagraph.vue.mjs";
+import { default as default54 } from "./components/typography/ElmList.vue.mjs";
 
 import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
 import { useTyping } from "./hooks/useTyping.mjs";
 export {
-  default27 as ElmArrowIcon,
-  default17 as ElmBlockFallback,
-  default37 as ElmBlockImage,
-  default51 as ElmBlockQuote,
-  default39 as ElmBookmark,
-  default28 as ElmBookmarkIcon,
-  default40 as ElmBreadcrumb,
-  default20 as ElmButton,
-  default52 as ElmCallout,
-  default21 as ElmCheckbox,
+  default24 as ElmArrowIcon,
+  default16 as ElmBlockFallback,
+  default32 as ElmBlockImage,
+  default47 as ElmBlockQuote,
+  default35 as ElmBookmark,
+  default25 as ElmBookmarkIcon,
+  default36 as ElmBreadcrumb,
+  default19 as ElmButton,
+  default48 as ElmCallout,
+  default20 as ElmCheckbox,
   default2 as ElmCodeBlock,
-  default43 as ElmColorSample,
-  default44 as ElmColorTable,
-  default4 as ElmColumn,
-  default5 as ElmColumnList,
-  default29 as ElmCubeIcon,
-  default6 as ElmDesktopWindow,
-  default53 as ElmDivider,
-  default30 as ElmDotLoadingIcon,
-  default36 as ElmFile,
-  default26 as ElmFragmentIdentifier,
-  default25 as ElmHeading,
-  default38 as ElmImage,
-  default35 as ElmInlineText,
-  default45 as ElmJsonComponentRenderer,
+  default39 as ElmColorSample,
+  default40 as ElmColorTable,
+  default26 as ElmCubeIcon,
+  default4 as ElmDesktopWindow,
+  default49 as ElmDivider,
+  default27 as ElmDotLoadingIcon,
+  default34 as ElmFile,
+  default50 as ElmFragmentIdentifier,
+  default51 as ElmHeading,
+  default33 as ElmImage,
+  default52 as ElmInlineText,
+  default41 as ElmJsonComponentRenderer,
   default3 as ElmKatex,
-  default31 as ElmLanguageIcon,
-  default55 as ElmList,
-  default32 as ElmLoginIcon,
-  default33 as ElmMdiIcon,
-  default7 as ElmModal,
-  default14 as ElmMultiProgress,
-  default41 as ElmPagetop,
-  default54 as ElmParagraph,
-  default8 as ElmParallax,
-  default13 as ElmProgress,
-  default16 as ElmRectangleWave,
-  default22 as ElmSelect,
-  default9 as ElmSnackbar,
-  default10 as ElmSnackbarContainer,
-  default18 as ElmSpinner,
-  default15 as ElmStatusMessage,
-  default23 as ElmSwitch,
-  default46 as ElmTable,
-  default48 as ElmTableBody,
-  default50 as ElmTableCell,
-  default47 as ElmTableHeader,
-  default42 as ElmTableOfContents,
-  default49 as ElmTableRow,
-  default24 as ElmTextField,
-  default11 as ElmToggle,
-  default34 as ElmToggleTheme,
-  default12 as ElmTooltip,
-  default19 as ElmUnsupportedBlock,
+  default28 as ElmLanguageIcon,
+  default54 as ElmList,
+  default29 as ElmLoginIcon,
+  default30 as ElmMdiIcon,
+  default5 as ElmModal,
+  default13 as ElmMultiProgress,
+  default37 as ElmPagetop,
+  default53 as ElmParagraph,
+  default6 as ElmParallax,
+  default12 as ElmProgress,
+  default15 as ElmRectangleWave,
+  default21 as ElmSelect,
+  default7 as ElmSimpleTooltip,
+  default8 as ElmSnackbar,
+  default9 as ElmSnackbarContainer,
+  default17 as ElmSpinner,
+  default14 as ElmStatusMessage,
+  default22 as ElmSwitch,
+  default42 as ElmTable,
+  default44 as ElmTableBody,
+  default46 as ElmTableCell,
+  default43 as ElmTableHeader,
+  default38 as ElmTableOfContents,
+  default45 as ElmTableRow,
+  default23 as ElmTextField,
+  default10 as ElmToggle,
+  default31 as ElmToggleTheme,
+  default11 as ElmTooltip,
+  default18 as ElmUnsupportedBlock,
   useElmethisTheme,
   useTyping
 };

package/dist/styles/heading.module.scss.mjs

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._heading_381n9_1{color:#555b67;color:var(--color, #555b67)}._heading_381n9_1::-moz-selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}._heading_381n9_1::selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}[data-theme=dark] ._heading_381n9_1{color:#cccfd5;color:var(--color, #cccfd5)}[data-theme=dark] ._heading_381n9_1::-moz-selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}[data-theme=dark] ._heading_381n9_1::selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const heading = "_heading_381n9_1";
+const headingStyle = {
+  heading
+};
+export {
+  headingStyle as default,
+  heading
+};

package/dist/styles/text.module.scss.mjs

@@ -3,14 +3,14 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._text_xs510_1{color:#555b67;color:var(--color, #555b67)}._text_xs510_1::-moz-selection{color:#bec2ca;background-color:#555b67;background-color:var(--color, #555b67)}._text_xs510_1::selection{color:#bec2ca;background-color:#555b67;background-color:var(--color, #555b67)}[data-theme=dark] ._text_xs510_1{color:#bec2ca;color:var(--color, #bec2ca)}[data-theme=dark] ._text_xs510_1::-moz-selection{color:#555b67;background-color:#bec2ca;background-color:var(--color, #bec2ca)}[data-theme=dark] ._text_xs510_1::selection{color:#555b67;background-color:#bec2ca;background-color:var(--color, #bec2ca)}"));
+      elementStyle.appendChild(document.createTextNode("._text_zryur_1{color:#606875;color:var(--color, #606875)}._text_zryur_1::-moz-selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}._text_zryur_1::selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}[data-theme=dark] ._text_zryur_1{color:#b0b5be;color:var(--color, #b0b5be)}[data-theme=dark] ._text_zryur_1::-moz-selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}[data-theme=dark] ._text_zryur_1::selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const text = "_text_xs510_1";
+const text = "_text_zryur_1";
 const textStyle = {
   text
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "publishConfig": {
     "access": "public"
   },

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

@@ -1,10 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,20 +0,0 @@
-(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.mjs

@@ -1,10 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,18 +0,0 @@
-(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/styles/lib.module.scss.mjs

@@ -1,30 +0,0 @@
-(function() {
-  "use strict";
-  try {
-    if (typeof document != "undefined") {
-      var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._text_1fnqh_1{color:#555b67;color:var(--color, #555b67)}._text_1fnqh_1::-moz-selection{color:#bec2ca;background-color:#555b67;background-color:var(--color, #555b67)}._text_1fnqh_1::selection{color:#bec2ca;background-color:#555b67;background-color:var(--color, #555b67)}[data-theme=dark] ._text_1fnqh_1{color:#bec2ca;color:var(--color, #bec2ca)}[data-theme=dark] ._text_1fnqh_1::-moz-selection{color:#555b67;background-color:#bec2ca;background-color:var(--color, #bec2ca)}[data-theme=dark] ._text_1fnqh_1::selection{color:#555b67;background-color:#bec2ca;background-color:var(--color, #bec2ca)}._fade-enter-to_1fnqh_16,._fade-leave-from_1fnqh_17{opacity:1}._fade-enter-active_1fnqh_21,._fade-leave-active_1fnqh_22{transition:opacity .2s}._fade-enter-from_1fnqh_26,._fade-leave-to_1fnqh_27{opacity:0}._fade-fast-enter-active_1fnqh_39,._fade-fast-leave-active_1fnqh_40{transition:opacity .1s}._fade-slow-enter-active_1fnqh_44,._fade-slow-leave-active_1fnqh_45{transition:opacity .5s}"));
-      document.head.appendChild(elementStyle);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const text = "_text_1fnqh_1";
-const scss = {
-  text,
-  "fade-enter-to": "_fade-enter-to_1fnqh_16",
-  "fade-leave-from": "_fade-leave-from_1fnqh_17",
-  "fade-enter-active": "_fade-enter-active_1fnqh_21",
-  "fade-leave-active": "_fade-leave-active_1fnqh_22",
-  "fade-enter-from": "_fade-enter-from_1fnqh_26",
-  "fade-leave-to": "_fade-leave-to_1fnqh_27",
-  "fade-fast-enter-active": "_fade-fast-enter-active_1fnqh_39",
-  "fade-fast-leave-active": "_fade-fast-leave-active_1fnqh_40",
-  "fade-slow-enter-active": "_fade-slow-enter-active_1fnqh_44",
-  "fade-slow-leave-active": "_fade-slow-leave-active_1fnqh_45"
-};
-export {
-  scss as default,
-  text
-};