@elmethis/core 1.0.0-alpha.192 → 1.0.0-alpha.194

package/dist/components/code/ElmCodeBlock.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-17343ed2],.v-leave-from[data-v-17343ed2]{opacity:1}.v-enter-active[data-v-17343ed2],.v-leave-active[data-v-17343ed2]{transition:opacity .15s}.v-enter-from[data-v-17343ed2],.v-leave-to[data-v-17343ed2]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-ad203f10],.v-leave-from[data-v-ad203f10]{opacity:1}.v-enter-active[data-v-ad203f10],.v-leave-active[data-v-ad203f10]{transition:opacity .15s}.v-enter-from[data-v-ad203f10],.v-leave-to[data-v-ad203f10]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-17343ed2"]]);
+const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-ad203f10"]]);
 export {
   ElmCodeBlock as default
 };

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

@@ -1,10 +1,11 @@
 import { defineComponent, defineAsyncComponent, ref, useTemplateRef, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, createBlock, resolveDynamicComponent, unref, Transition, withCtx, createCommentVNode, h } from "vue";
-import { Icon } from "@iconify/vue";
 import ElmLanguageIcon from "../icon/ElmLanguageIcon.vue.mjs";
 import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
 import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
 import { useClipboard, useIntersectionObserver, useElementHover } from "@vueuse/core";
+import { mdiClipboardCheckMultipleOutline, mdiClipboardMultipleOutline } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmCodeBlock",
   props: {
@@ -64,32 +65,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: "tooltipRef",
             class: normalizeClass(_ctx.$style.header__right)
           }, [
-            createVNode(unref(Icon), {
+            createVNode(ElmMdiIcon, {
+              size: "1.25em",
+              d: unref(copied) ? unref(mdiClipboardCheckMultipleOutline) : unref(mdiClipboardMultipleOutline),
               class: normalizeClass(_ctx.$style["copy-icon"]),
               onClick: _cache[0] || (_cache[0] = () => {
                 unref(copy)(_ctx.code);
               }),
               icon: unref(copied) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline"
-            }, null, 8, ["class", "icon"]),
+            }, null, 8, ["d", "class", "icon"]),
             createVNode(Transition, null, {
               default: withCtx(() => [
                 unref(copied) ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: normalizeClass(_ctx.$style.tooltip)
                 }, [
-                  createVNode(unref(Icon), {
-                    icon: "mdi:clipboard-check-multiple-outline",
-                    class: normalizeClass(_ctx.$style["tooltip-check-icon"])
-                  }, null, 8, ["class"]),
+                  createVNode(ElmMdiIcon, {
+                    size: "1.25em",
+                    d: unref(mdiClipboardCheckMultipleOutline),
+                    class: normalizeClass(_ctx.$style["tooltip-check-icon"]),
+                    color: "#449763"
+                  }, null, 8, ["d", "class"]),
                   createVNode(ElmInlineText, { text: "Copied to Clipboard!" })
                 ], 2)) : unref(isHovered) && !unref(copied) ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: normalizeClass(_ctx.$style.tooltip)
                 }, [
-                  createVNode(unref(Icon), {
-                    icon: "mdi:clipboard-multiple-outline",
-                    class: normalizeClass(_ctx.$style["tooltip-copy-icon"])
-                  }, null, 8, ["class"]),
+                  createVNode(ElmMdiIcon, {
+                    size: "1.25em",
+                    d: unref(mdiClipboardMultipleOutline),
+                    class: normalizeClass(_ctx.$style["tooltip-check-icon"]),
+                    color: "#4c6da2"
+                  }, null, 8, ["d", "class"]),
                   createVNode(ElmInlineText, { text: "Copy to Clipboard" })
                 ], 2)) : createCommentVNode("", true)
               ]),

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

@@ -3,32 +3,30 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._wrapper_136yw_1{margin-block:var(--margin-block);opacity:var(--opacity);display:flex;flex-direction:column;border-radius:.25rem;transition:background-color .4s,opacity .8s;background-color:#fff6;box-shadow:0 0 .25rem #0000001a}[data-theme=dark] ._wrapper_136yw_1{background-color:#ffffff0d;box-shadow:0 0 .25rem #0000004d}._header_136yw_16{box-sizing:border-box;padding:.25rem .5rem .5rem;margin:.5rem;display:flex;flex-direction:row;justify-content:space-between;font-family:Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;border-bottom:solid 1px rgba(0,0,0,.2)}[data-theme=dark] ._header_136yw_16{border-color:#fff3}._header__left_136yw_30{display:flex;flex-direction:row;align-items:center;gap:.5rem}._copy-icon_136yw_37{box-sizing:border-box;padding:.125rem;width:26px;height:26px;border-radius:.125rem;cursor:pointer;transition:background-color .2s;color:#000000b3}[data-theme=dark] ._copy-icon_136yw_37{color:#ffffffb3}._copy-icon_136yw_37:hover{background-color:#0000001a}[data-theme=dark] ._copy-icon_136yw_37:hover{background-color:#ffffff1a}._header__right_136yw_57{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}._code_136yw_65{position:relative;padding:.25rem 1rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(105,135,184,.3) rgba(105,135,184,.15)}._code-body_136yw_73{transition:opacity .2s}._fallback_136yw_77{position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:auto;display:flex;justify-content:center;align-items:center;transition:opacity .2s;pointer-events:none}._tooltip_136yw_92{position:absolute;bottom:-2.5rem;right:0;display:flex;flex-wrap:none;justify-content:center;align-items:center;gap:.25rem;height:20px;white-space:nowrap}._tooltip-copy-icon_136yw_105{width:20px;height:20px;color:#4c6da2}._tooltip-check-icon_136yw_111{width:20px;height:20px;color:#449763}"));
+      elementStyle.appendChild(document.createTextNode("._wrapper_9rw50_1{margin-block:var(--margin-block);opacity:var(--opacity);display:flex;flex-direction:column;border-radius:.25rem;transition:background-color .4s,opacity .8s;background-color:#fff6;box-shadow:0 0 .25rem #0000001a}[data-theme=dark] ._wrapper_9rw50_1{background-color:#ffffff0d;box-shadow:0 0 .25rem #0000004d}._header_9rw50_16{box-sizing:border-box;padding:.25rem .5rem .5rem;margin:.5rem;display:flex;flex-direction:row;justify-content:space-between;font-family:Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;border-bottom:solid 1px rgba(0,0,0,.2)}[data-theme=dark] ._header_9rw50_16{border-color:#fff3}._header__left_9rw50_30{display:flex;flex-direction:row;align-items:center;gap:.5rem}._copy-icon_9rw50_37{box-sizing:border-box;padding:.125rem;width:26px;height:26px;border-radius:.125rem;cursor:pointer;transition:background-color .2s;color:#000000b3}[data-theme=dark] ._copy-icon_9rw50_37{color:#ffffffb3}._copy-icon_9rw50_37:hover{background-color:#0000001a}[data-theme=dark] ._copy-icon_9rw50_37:hover{background-color:#ffffff1a}._header__right_9rw50_57{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem}._code_9rw50_65{position:relative;padding:.25rem 1rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(105,135,184,.3) rgba(105,135,184,.15)}._code-body_9rw50_73{transition:opacity .2s}._fallback_9rw50_77{position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;padding:auto;display:flex;justify-content:center;align-items:center;transition:opacity .2s;pointer-events:none}._tooltip_9rw50_92{position:absolute;bottom:-2.5rem;right:0;display:flex;flex-wrap:none;justify-content:center;align-items:center;gap:.25rem;height:20px;white-space:nowrap}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const wrapper = "_wrapper_136yw_1";
-const header = "_header_136yw_16";
-const header__left = "_header__left_136yw_30";
-const header__right = "_header__right_136yw_57";
-const code = "_code_136yw_65";
-const fallback = "_fallback_136yw_77";
-const tooltip = "_tooltip_136yw_92";
+const wrapper = "_wrapper_9rw50_1";
+const header = "_header_9rw50_16";
+const header__left = "_header__left_9rw50_30";
+const header__right = "_header__right_9rw50_57";
+const code = "_code_9rw50_65";
+const fallback = "_fallback_9rw50_77";
+const tooltip = "_tooltip_9rw50_92";
 const style0 = {
   wrapper,
   header,
   header__left,
-  "copy-icon": "_copy-icon_136yw_37",
+  "copy-icon": "_copy-icon_9rw50_37",
   header__right,
   code,
-  "code-body": "_code-body_136yw_73",
+  "code-body": "_code-body_9rw50_73",
   fallback,
-  tooltip,
-  "tooltip-copy-icon": "_tooltip-copy-icon_136yw_105",
-  "tooltip-check-icon": "_tooltip-check-icon_136yw_111"
+  tooltip
 };
 export {
   code,

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

@@ -1,6 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createVNode, createElementVNode, resolveDynamicComponent, unref, normalizeStyle } from "vue";
-import { Icon } from "@iconify/vue";
 import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import { mdiCloseCircleOutline } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmSnackbar",
   props: {
@@ -19,11 +20,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           text: props.label
         }, null, 8, ["text"])) : (openBlock(), createBlock(resolveDynamicComponent(() => props.children), { key: 1 })),
-        createVNode(unref(Icon), {
-          icon: "mdi:cross-circle-outline",
+        createVNode(ElmMdiIcon, {
+          d: unref(mdiCloseCircleOutline),
+          size: "1em",
           class: normalizeClass(_ctx.$style.icon),
           onClick: _ctx.close
-        }, null, 8, ["class", "onClick"]),
+        }, null, 8, ["d", "class", "onClick"]),
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.progress),
           style: normalizeStyle({

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

@@ -3,16 +3,16 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._snackbar_ti69w_1{position:relative;display:inline-flex;flex-direction:row;gap:1rem;align-items:center;padding:.75rem;pointer-events:all;border-radius:.25rem;box-shadow:0 0 .25rem #00000040;background-color:#ffffff80}[data-theme=dark] ._snackbar_ti69w_1{box-shadow:0 0 .25rem #00000080;background-color:#0003}._icon_ti69w_18{padding:.25rem;border-radius:50%;width:1rem;height:1rem;cursor:pointer;transition:background-color .2s;color:#000000bf}[data-theme=dark] ._icon_ti69w_18{color:#ffffffbf}._icon_ti69w_18:hover{background-color:#0000001a}[data-theme=dark] ._icon_ti69w_18:hover{background-color:#ffffff1a}@keyframes _progress_ti69w_47{0%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}._progress_ti69w_47{position:absolute;width:100%;height:3px;bottom:0;left:0;background-color:#6987b8;animation-name:_progress_ti69w_47;animation-iteration-count:1;animation-fill-mode:both;animation-timing-function:linear}"));
+      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_ti69w_1";
-const icon = "_icon_ti69w_18";
-const progress = "_progress_ti69w_47";
+const snackbar = "_snackbar_57kuh_1";
+const icon = "_icon_57kuh_18";
+const progress = "_progress_57kuh_41";
 const style0 = {
   snackbar,
   icon,

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

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-6b2a5911],.v-leave-from[data-v-6b2a5911]{opacity:1}.v-enter-active[data-v-6b2a5911],.v-leave-active[data-v-6b2a5911]{transition:opacity .2s;transform-origin:top}.v-enter-from[data-v-6b2a5911],.v-leave-to[data-v-6b2a5911]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-3d63d491],.v-leave-from[data-v-3d63d491]{opacity:1}.v-enter-active[data-v-3d63d491],.v-leave-active[data-v-3d63d491]{transition:opacity .2s;transform-origin:top}.v-enter-from[data-v-3d63d491],.v-leave-to[data-v-3d63d491]{opacity:0}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-6b2a5911"]]);
+const ElmToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-3d63d491"]]);
 export {
   ElmToggle as default
 };

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

@@ -1,14 +1,7 @@
 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 { Icon } from "@iconify/vue";
-import { mdiChevronUp } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
-const _hoisted_1 = { style: { display: "flex", gap: "0.5rem" } };
-const _hoisted_2 = {
-  viewBox: "0 0 24 24",
-  width: "1.25rem",
-  height: "1.25rem"
-};
-const _hoisted_3 = ["d"];
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiChevronRight, mdiPlus, mdiChevronUp } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmToggle",
   props: /* @__PURE__ */ mergeModels({
@@ -39,27 +32,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             borderRadius: isOpen.value ? "0.25rem 0.25rem 0rem 0rem" : "0.25rem"
           })
         }, [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(Icon), {
-              icon: "mdi:chevron-right",
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["summary-left"])
+          }, [
+            createVNode(ElmMdiIcon, {
               class: normalizeClass(_ctx.$style.icon),
-              style: normalizeStyle({ "--rotate": isOpen.value ? "90deg" : "0deg" })
-            }, null, 8, ["class", "style"]),
+              d: unref(mdiChevronRight),
+              style: normalizeStyle({ "--rotate": isOpen.value ? "90deg" : "0deg" }),
+              color: "#59b57c"
+            }, null, 8, ["class", "d", "style"]),
             createElementVNode("div", null, [
               _ctx.summary != null ? (openBlock(), createBlock(ElmInlineText, {
                 key: 0,
                 text: _ctx.summary
               }, null, 8, ["text"])) : renderSlot(_ctx.$slots, "summary", { key: 1 }, void 0, true)
             ])
-          ]),
-          createVNode(unref(Icon), {
-            icon: "mdi:plus",
+          ], 2),
+          createVNode(ElmMdiIcon, {
             class: normalizeClass(_ctx.$style.icon),
-            style: normalizeStyle({
-              "--rotate": isOpen.value ? "135deg" : "0deg",
-              "--color": isOpen.value ? "#b36472" : void 0
-            })
-          }, null, 8, ["class", "style"])
+            d: unref(mdiPlus),
+            style: normalizeStyle({ "--rotate": isOpen.value ? "135deg" : "0deg" }),
+            color: isOpen.value ? "#b36472" : "#59b57c"
+          }, null, 8, ["class", "d", "style", "color"])
         ], 6),
         createVNode(Transition, null, {
           default: withCtx(() => [
@@ -82,9 +76,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 class: normalizeClass(_ctx.$style["close-button"])
               }, [
-                (openBlock(), createElementBlock("svg", _hoisted_2, [
-                  createElementVNode("path", { d: unref(mdiChevronUp) }, null, 8, _hoisted_3)
-                ])),
+                createVNode(ElmMdiIcon, {
+                  d: unref(mdiChevronUp),
+                  size: "1.25em",
+                  color: "#c56565"
+                }, null, 8, ["d"]),
                 createVNode(ElmInlineText, {
                   text: "CLOSE",
                   color: "#8e3636"

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

@@ -3,25 +3,26 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._toggle_7zlts_1{margin-block:var(--margin-block)}._summary_7zlts_5{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(128,128,128,.25);background-color:#00000006}[data-theme=dark] ._summary_7zlts_5{background-color:#ffffff1a}._icon_7zlts_22{width:1.25rem;height:1.25rem;color:#59b57c;color:var(--color, #59b57c);transform:rotate(0);transform:rotate(var(--rotate, 0deg));transition:transform .2s}._content_7zlts_30{margin:0;padding:.75rem;display:block;background-color:#ffffff0d;border:1px solid rgba(128,128,128,.25);border-radius:0 0 .25rem .25rem}._close_7zlts_39{margin-block:.25rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.25rem}._close-button_7zlts_48{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;fill:#c56565;opacity:.7;transition:background-color .1s;border-radius:.25rem}._close-button_7zlts_48:hover{background-color:#c5656526}"));
+      elementStyle.appendChild(document.createTextNode("._toggle_vxu3h_1{margin-block:var(--margin-block)}._summary_vxu3h_5{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(128,128,128,.25);background-color:#00000006}[data-theme=dark] ._summary_vxu3h_5{background-color:#ffffff1a}._summary-left_vxu3h_22{display:flex;gap:.5rem;align-items:center}._icon_vxu3h_28{transform:rotate(0);transform:rotate(var(--rotate, 0deg));transition:transform .2s}._content_vxu3h_33{margin:0;padding:.75rem;display:block;background-color:#ffffff0d;border:1px solid rgba(128,128,128,.25);border-radius:0 0 .25rem .25rem}._close_vxu3h_42{margin-block:.25rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.25rem}._close-button_vxu3h_51{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_vxu3h_51:hover{background-color:#c5656526}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const toggle = "_toggle_7zlts_1";
-const summary = "_summary_7zlts_5";
-const icon = "_icon_7zlts_22";
-const content = "_content_7zlts_30";
-const close = "_close_7zlts_39";
+const toggle = "_toggle_vxu3h_1";
+const summary = "_summary_vxu3h_5";
+const icon = "_icon_vxu3h_28";
+const content = "_content_vxu3h_33";
+const close = "_close_vxu3h_42";
 const style0 = {
   toggle,
   summary,
+  "summary-left": "_summary-left_vxu3h_22",
   icon,
   content,
   close,
-  "close-button": "_close-button_7zlts_48"
+  "close-button": "_close-button_vxu3h_51"
 };
 export {
   close,

package/dist/components/data/ElmStatusMessage.vue.mjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-227d59df],.v-leave-from[data-v-227d59df]{opacity:1}.v-enter-active[data-v-227d59df],.v-leave-active[data-v-227d59df]{transition:opacity .15s}.v-enter-from[data-v-227d59df],.v-leave-to[data-v-227d59df]{opacity:0}"));
+      elementStyle.appendChild(document.createTextNode(".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}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
 const cssModules = {
   "$style": style0
 };
-const ElmStatusMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-227d59df"]]);
+const ElmStatusMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-84bc9c5d"]]);
 export {
   ElmStatusMessage as default
 };

package/dist/components/data/ElmStatusMessage.vue2.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, createBlock, openBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, unref } from "vue";
-import { Icon } from "@iconify/vue";
 import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiReload, mdiAlertCircle, mdiAlert, mdiCheckCircle } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ElmStatusMessage",
   props: {
@@ -15,11 +16,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(_ctx.$style.wrapper)
           }, [
-            createVNode(unref(Icon), {
-              icon: "mdi:rotate-clockwise",
-              class: normalizeClass(_ctx.$style.icon),
-              style: { color: "#6987b8" }
-            }, null, 8, ["class"]),
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiReload),
+              color: "#6987b8",
+              size: "1em"
+            }, null, 8, ["d"]),
             createVNode(ElmInlineText, {
               text: _ctx.message,
               color: "#6987b8"
@@ -28,11 +29,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 1,
             class: normalizeClass(_ctx.$style.wrapper)
           }, [
-            createVNode(unref(Icon), {
-              icon: "uis:exclamation-circle",
-              class: normalizeClass(_ctx.$style.icon),
-              style: { color: "#c56565" }
-            }, null, 8, ["class"]),
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiAlertCircle),
+              color: "#c56565",
+              size: "1em"
+            }, null, 8, ["d"]),
             createVNode(ElmInlineText, {
               text: _ctx.message,
               color: "#c56565"
@@ -41,11 +42,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 2,
             class: normalizeClass(_ctx.$style.wrapper)
           }, [
-            createVNode(unref(Icon), {
-              icon: "ic:baseline-warning",
-              class: normalizeClass(_ctx.$style.icon),
-              style: { color: "#cdb57b" }
-            }, null, 8, ["class"]),
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiAlert),
+              color: "#cdb57b",
+              size: "1em"
+            }, null, 8, ["d"]),
             createVNode(ElmInlineText, {
               text: _ctx.message,
               color: "#cdb57b"
@@ -54,11 +55,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 3,
             class: normalizeClass(_ctx.$style.wrapper)
           }, [
-            createVNode(unref(Icon), {
-              icon: "material-symbols-light:check-circle",
-              class: normalizeClass(_ctx.$style.icon),
-              style: { color: "#59b57c" }
-            }, null, 8, ["class"]),
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiCheckCircle),
+              color: "#59b57c",
+              size: "1em"
+            }, null, 8, ["d"]),
             createVNode(ElmInlineText, {
               text: _ctx.message,
               color: "#59b57c"

package/dist/components/data/ElmStatusMessage.vue3.mjs

@@ -3,21 +3,18 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("._wrapper_1vrbm_1{display:inline-flex;align-items:center;gap:.5rem}._icon_1vrbm_7{width:20px;height:20px}"));
+      elementStyle.appendChild(document.createTextNode("._wrapper_aq2cg_1{display:inline-flex;align-items:center;gap:.5rem}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-const wrapper = "_wrapper_1vrbm_1";
-const icon = "_icon_1vrbm_7";
+const wrapper = "_wrapper_aq2cg_1";
 const style0 = {
-  wrapper,
-  icon
+  wrapper
 };
 export {
   style0 as default,
-  icon,
   wrapper
 };

package/dist/components/form/ElmSwitch.vue.d.ts

@@ -25,8 +25,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    color: string;
     size: Property.Width;
+    color: string;
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/form/ElmTextField.vue.d.ts

@@ -1,4 +1,3 @@
-import { VNode, FunctionalComponent } from 'vue';
 export interface ElmTextFieldProps {
     label: string;
     maxLength?: number;
@@ -6,7 +5,7 @@ export interface ElmTextFieldProps {
     placeholder?: string;
     disabled?: boolean;
     loading?: boolean;
-    icon?: VNode | FunctionalComponent;
+    icon?: "default" | "mail" | "user" | "password";
     isPassword?: boolean;
     required?: boolean;
 }
@@ -23,6 +22,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     required: boolean;
+    icon: "default" | "mail" | "user" | "password";
     loading: boolean;
     disabled: boolean;
     isPassword: boolean;

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

@@ -1,7 +1,8 @@
-import { defineComponent, mergeModels, ref, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createBlock, createCommentVNode, unref, toDisplayString, withDirectives, resolveDynamicComponent, vModelDynamic, createVNode } from "vue";
-import { Icon } from "@iconify/vue";
+import { defineComponent, mergeModels, ref, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createBlock, createCommentVNode, unref, toDisplayString, createVNode, withDirectives, vModelDynamic } from "vue";
 import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
 import { nanoid } from "nanoid";
+import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
+import { mdiLockOutline, mdiAccount, mdiEmailOutline, mdiCursorText, mdiEyeOutline, mdiEyeOffOutline, mdiBackspaceOutline } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
 const _hoisted_1 = ["for"];
 const _hoisted_2 = ["id", "type", "placeholder", "disabled", "aria-required"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: {},
     disabled: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
-    icon: {},
+    icon: { default: "default" },
     isPassword: { type: Boolean, default: false },
     required: { type: Boolean, default: false }
   }, {
@@ -34,6 +35,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!props.loading && !props.disabled)
         type.value = type.value === "text" ? "password" : "text";
     };
+    const iconMap = {
+      default: mdiCursorText,
+      mail: mdiEmailOutline,
+      user: mdiAccount,
+      password: mdiLockOutline
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.wrapper),
@@ -66,9 +73,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.body)
         }, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
-            class: normalizeClass(_ctx.$style["left-icon"])
-          }, null, 8, ["class"])),
+          createVNode(ElmMdiIcon, {
+            d: iconMap[_ctx.icon],
+            size: "1.5rem",
+            color: "gray"
+          }, null, 8, ["d"]),
           withDirectives(createElementVNode("input", {
             id: unref(id),
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
@@ -96,17 +105,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 text: _ctx.suffix
               }, null, 8, ["text"])) : createCommentVNode("", true)
             ], 2),
-            _ctx.isPassword ? (openBlock(), createBlock(unref(Icon), {
-              key: 0,
-              icon: type.value === "text" ? "heroicons:eye" : "heroicons:eye-slash",
+            createVNode(ElmMdiIcon, {
+              d: type.value === "text" ? unref(mdiEyeOutline) : unref(mdiEyeOffOutline),
+              size: "1.75em",
+              color: "gray",
               class: normalizeClass(_ctx.$style.icon),
               onClick: handleVisibleSwitch
-            }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
-            createVNode(unref(Icon), {
-              icon: "heroicons:backspace-16-solid",
+            }, null, 8, ["d", "class"]),
+            createVNode(ElmMdiIcon, {
+              d: unref(mdiBackspaceOutline),
+              size: "1.75em",
+              color: "gray",
               class: normalizeClass(_ctx.$style.icon),
               onClick: handleDelete
-            }, null, 8, ["class"])
+            }, null, 8, ["d", "class"])
           ], 2)
         ], 2),
         createElementVNode("div", {

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

@@ -3,22 +3,22 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("@keyframes _loading_bthl1_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_bthl1_19{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#6987b8;transition:opacity .2s;pointer-events:none;animation-name:_loading_bthl1_19;animation-iteration-count:infinite;animation-duration:1.6s}._wrapper_bthl1_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 .25rem #00000026}[data-theme=dark] ._wrapper_bthl1_33{background-color:#ffffff26;box-shadow:0 0 .25rem #000000bf}._header_bthl1_55{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_bthl1_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_bthl1_63{color:#ffffffa6;color:var(--color, rgba(255, 255, 255, .65))}._requierd_bthl1_78{padding-inline:.25rem;color:#c56565;font-weight:700}._body_bthl1_84{display:flex;justify-content:space-between;align-items:center;padding-right:.5rem}._left-icon_bthl1_91{margin:auto .25rem;width:24px;height:24px;display:flex;justify-content:center;align-items:center;opacity:.7}[data-theme=dark] ._left-icon_bthl1_91{filter:invert(1)}._input_bthl1_104{all:unset;box-sizing:border-box;padding:.5rem;width:100%;color:#000000b3;caret-color:#000000b3}._input_bthl1_104::-moz-placeholder{opacity:.5}._input_bthl1_104::placeholder{opacity:.5}[data-theme=dark] ._input_bthl1_104::-moz-placeholder{opacity:.7}[data-theme=dark] ._input_bthl1_104::placeholder{opacity:.7}._input_bthl1_104::-moz-selection{background-color:#000000b3;color:#ffffffb3}._input_bthl1_104::selection{background-color:#000000b3;color:#ffffffb3}[data-theme=dark] ._input_bthl1_104{color:#ffffffb3;caret-color:#ffffffb3}[data-theme=dark] ._input_bthl1_104::-moz-selection{background-color:#ffffffb3;color:#000000b3}[data-theme=dark] ._input_bthl1_104::selection{background-color:#ffffffb3;color:#000000b3}._icon-box_bthl1_131{display:flex;justify-content:space-between;align-items:center}._icon_bthl1_131{box-sizing:border-box;border-radius:50%;padding:.25rem;width:28px;height:28px;transition:background-color .2s;color:gray;cursor:pointer}._icon_bthl1_131:hover{background-color:#80808033}._suffix_bthl1_151{opacity:.6;padding:0 .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}"));
+      elementStyle.appendChild(document.createTextNode("@keyframes _loading_9bqei_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_9bqei_19{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#6987b8;transition:opacity .2s;pointer-events:none;animation-name:_loading_9bqei_19;animation-iteration-count:infinite;animation-duration:1.6s}._wrapper_9bqei_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 .25rem #00000026}[data-theme=dark] ._wrapper_9bqei_33{background-color:#ffffff26;box-shadow:0 0 .25rem #000000bf}._header_9bqei_55{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_9bqei_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_9bqei_63{color:#ffffffa6;color:var(--color, rgba(255, 255, 255, .65))}._requierd_9bqei_78{padding-inline:.25rem;color:#c56565;font-weight:700}._body_9bqei_84{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem}._left-icon_9bqei_92{margin:auto .25rem;width:24px;height:24px;display:flex;justify-content:center;align-items:center;opacity:.7}[data-theme=dark] ._left-icon_9bqei_92{filter:invert(1)}._input_9bqei_105{all:unset;box-sizing:border-box;padding:.5rem;width:100%;color:#000000b3;caret-color:#000000b3}._input_9bqei_105::-moz-placeholder{opacity:.5}._input_9bqei_105::placeholder{opacity:.5}[data-theme=dark] ._input_9bqei_105::-moz-placeholder{opacity:.7}[data-theme=dark] ._input_9bqei_105::placeholder{opacity:.7}._input_9bqei_105::-moz-selection{background-color:#000000b3;color:#ffffffb3}._input_9bqei_105::selection{background-color:#000000b3;color:#ffffffb3}[data-theme=dark] ._input_9bqei_105{color:#ffffffb3;caret-color:#ffffffb3}[data-theme=dark] ._input_9bqei_105::-moz-selection{background-color:#ffffffb3;color:#000000b3}[data-theme=dark] ._input_9bqei_105::selection{background-color:#ffffffb3;color:#000000b3}._icon-box_9bqei_132{display:flex;justify-content:space-between;align-items:center}._icon_9bqei_132{box-sizing:border-box;border-radius:.125em;padding:.25rem;transition:background-color .2s;cursor:pointer}._icon_9bqei_132:hover{background-color:#80808033}._suffix_9bqei_149{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_bthl1_19";
-const wrapper = "_wrapper_bthl1_33";
-const header = "_header_bthl1_55";
-const label = "_label_bthl1_63";
-const requierd = "_requierd_bthl1_78";
-const body = "_body_bthl1_84";
-const input = "_input_bthl1_104";
-const icon = "_icon_bthl1_131";
-const suffix = "_suffix_bthl1_151";
+const loading = "_loading_9bqei_19";
+const wrapper = "_wrapper_9bqei_33";
+const header = "_header_9bqei_55";
+const label = "_label_9bqei_63";
+const requierd = "_requierd_9bqei_78";
+const body = "_body_9bqei_84";
+const input = "_input_9bqei_105";
+const icon = "_icon_9bqei_132";
+const suffix = "_suffix_9bqei_149";
 const style0 = {
   loading,
   wrapper,
@@ -26,9 +26,9 @@ const style0 = {
   label,
   requierd,
   body,
-  "left-icon": "_left-icon_bthl1_91",
+  "left-icon": "_left-icon_9bqei_92",
   input,
-  "icon-box": "_icon-box_bthl1_131",
+  "icon-box": "_icon-box_9bqei_132",
   icon,
   suffix
 };

package/dist/components/icon/ElmBookmarkIcon.vue2.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createElementVNode, unref, createVNode } from "vue";
-import { Icon } from "@iconify/vue";
 import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+import ElmMdiIcon from "./ElmMdiIcon.vue.mjs";
+import { mdiEarth } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -23,11 +24,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.favicon),
           src: _ctx.favicon,
           alt: `favicon of ${_ctx.name ?? _ctx.href}`
-        }, null, 10, _hoisted_2)) : (openBlock(), createBlock(unref(Icon), {
+        }, null, 10, _hoisted_2)) : (openBlock(), createBlock(ElmMdiIcon, {
           key: 1,
-          icon: "mdi:globe",
-          class: normalizeClass(_ctx.$style["favicon-svg"])
-        }, null, 8, ["class"])),
+          d: unref(mdiEarth),
+          size: "2.5rem",
+          style: { "opacity": "0.7" }
+        }, null, 8, ["d"])),
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.text)
         }, [