@elmethis/core 0.6.3 → 0.6.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Ikuma Yamashita
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: target,
         class: normalizeClass(_ctx.$style.wrapper),
         style: normalizeStyle({
-          "--margin-block": _ctx.margin,
+          "--margin-block": __props.margin,
           "--opacity": targetIsVisible.value ? 1 : 0
         })
       }, [
@@ -56,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.header__left)
           }, [
             createVNode(ElmLanguageIcon, {
-              language: _ctx.language,
+              language: __props.language,
               size: 20
             }, null, 8, ["language"]),
             createElementVNode("span", {
@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               d: unref(copied) ? unref(mdiClipboardCheckMultipleOutline) : unref(mdiClipboardMultipleOutline),
               class: normalizeClass(_ctx.$style["copy-icon"]),
               onClick: _cache[0] || (_cache[0] = () => {
-                unref(copy)(_ctx.code);
+                unref(copy)(__props.code);
               }),
               icon: unref(copied) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline"
             }, null, 8, ["d", "class", "icon"]),
@@ -118,8 +118,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(AsyncElmShikiHighlighter), {
               modelValue: isRendered.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRendered.value = $event),
-              code: _ctx.code,
-              language: _ctx.language
+              code: __props.code,
+              language: __props.language
             }, null, 8, ["modelValue", "code", "language"])
           ], 6),
           createElementVNode("div", {

package/dist/components/code/ElmMermaid.stories.d.ts

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

package/dist/components/code/ElmMermaid.vue.d.ts

@@ -0,0 +1,7 @@
+export interface ElmMermaidProps {
+    code: string;
+}
+declare const _default: import('vue').DefineComponent<ElmMermaidProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmMermaidProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    svgRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(ElmModal, {
         modelValue: isOpen.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isOpen.value = $event),
-        "close-on-click-outside": _ctx.closeOnClickOutside
+        "close-on-click-outside": __props.closeOnClickOutside
       }, {
         default: withCtx(() => [
           createElementVNode("div", null, [
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "disable-fragment-identifier": ""
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.title), 1)
+                createTextVNode(toDisplayString(__props.title), 1)
               ]),
               _: 1
             }),

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

@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 2)
         ], 2),
         createElementVNode("div", {
-          style: normalizeStyle({ minHeight: _ctx.minHeight })
+          style: normalizeStyle({ minHeight: __props.minHeight })
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 4)

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

@@ -30,13 +30,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 0,
               class: normalizeClass(_ctx.$style.provider),
               onClick: _cache[1] || (_cache[1] = () => {
-                if (_ctx.closeOnClickOutside) isOpen.value = false;
+                if (__props.closeOnClickOutside) isOpen.value = false;
               })
             }, [
               createElementVNode("div", {
                 class: normalizeClass(_ctx.$style.modal),
                 style: normalizeStyle({
-                  "--width": _ctx.width
+                  "--width": __props.width
                 }),
                 onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop"]))

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

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.parallax),
           style: normalizeStyle({
-            backgroundImage: `url(${_ctx.imageUrl1})`,
+            backgroundImage: `url(${__props.imageUrl1})`,
             transform: `scale(1.2) translateY(${unref(y) / 400}%)`,
             transformOrigin: "bottom"
           })
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.parallax),
           style: normalizeStyle({
-            backgroundImage: `url(${_ctx.imageUrl2})`,
+            backgroundImage: `url(${__props.imageUrl2})`,
             transform: `scale(1.2) translateY(${unref(y) / 900}%)`,
             transformOrigin: "bottom"
           })

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

@@ -18,13 +18,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass([_ctx.$style.container, unref(headingStyle).heading])
           }, [
-            _ctx.title ? (openBlock(), createElementBlock("div", {
+            __props.title ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(_ctx.$style.title)
-            }, toDisplayString(_ctx.title), 3)) : createCommentVNode("", true),
+            }, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
             createElementVNode("div", {
               class: normalizeClass([_ctx.$style.text, unref(textStyle).text])
-            }, toDisplayString(_ctx.text), 3)
+            }, toDisplayString(__props.text), 3)
           ], 2)
         ]),
         _: 3

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

@@ -24,12 +24,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           d: unref(mdiCloseCircleOutline),
           size: "1em",
           class: normalizeClass(_ctx.$style.icon),
-          onClick: _ctx.close
+          onClick: __props.close
         }, null, 8, ["d", "class", "onClick"]),
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.progress),
           style: normalizeStyle({
-            animationDuration: `${_ctx.timeout}ms`
+            animationDuration: `${__props.timeout}ms`
           })
         }, null, 6)
       ], 2);

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

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(TransitionGroup, { name: "fade" }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.snackbars, (snackbar) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.snackbars, (snackbar) => {
                 return openBlock(), createBlock(ElmSnackbar, mergeProps({ ref_for: true }, snackbar, {
                   key: snackbar.id
                 }), null, 16);

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

@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.toggle, { [_ctx.$style.open]: isOpen.value }]),
-        style: normalizeStyle({ "--margin-block": _ctx.margin })
+        style: normalizeStyle({ "--margin-block": __props.margin })
       }, [
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.summary),
@@ -43,9 +43,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "#59b57c"
             }, null, 8, ["class", "d", "style"]),
             createElementVNode("div", null, [
-              _ctx.summary != null ? (openBlock(), createBlock(ElmInlineText, {
+              __props.summary != null ? (openBlock(), createBlock(ElmInlineText, {
                 key: 0,
-                text: _ctx.summary
+                text: __props.summary
               }, null, 8, ["text"])) : renderSlot(_ctx.$slots, "summary", { key: 1 })
             ])
           ], 2),

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

@@ -22,8 +22,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container),
         style: normalizeStyle({
-          "--weight": _ctx.weight,
-          "--border-radius": _ctx.round ? "calc(var(--weight) / 2)" : void 0
+          "--weight": __props.weight,
+          "--border-radius": __props.round ? "calc(var(--weight) / 2)" : void 0
         })
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(computedProgress.value, (p) => {

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

@@ -16,31 +16,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("progress", {
           class: normalizeClass(_ctx.$style.progress),
-          value: _ctx.value,
-          max: _ctx.max
+          value: __props.value,
+          max: __props.max
         }, null, 10, _hoisted_1),
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.container),
           style: normalizeStyle({
-            "--weight": _ctx.weight,
-            "--border-radius": _ctx.round ? "calc(var(--weight) / 2)" : void 0,
-            "--color": _ctx.color
+            "--weight": __props.weight,
+            "--border-radius": __props.round ? "calc(var(--weight) / 2)" : void 0,
+            "--color": __props.color
           })
         }, [
           createElementVNode("div", {
             class: normalizeClass(_ctx.$style.value),
             style: normalizeStyle({
-              "--scale-x": `scaleX(${_ctx.loading ? 0 : _ctx.value / _ctx.max})`
+              "--scale-x": `scaleX(${__props.loading ? 0 : __props.value / __props.max})`
             })
           }, null, 6),
-          _ctx.loading ? (openBlock(), createElementBlock("div", {
+          __props.loading ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(_ctx.$style.loading)
           }, null, 2)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(_ctx.$style.buffer),
             style: normalizeStyle({
-              "--scale-x": `scaleX(${_ctx.loading ? 0 : _ctx.buffer != null ? _ctx.buffer / _ctx.max : _ctx.value / _ctx.max})`
+              "--scale-x": `scaleX(${__props.loading ? 0 : __props.buffer != null ? __props.buffer / __props.max : __props.value / __props.max})`
             })
           }, null, 6)
         ], 6)

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

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { mode: "out-in" }, {
         default: withCtx(() => [
-          _ctx.status === "pending" ? (openBlock(), createElementBlock("div", {
+          __props.status === "pending" ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(_ctx.$style.wrapper)
           }, [
@@ -22,10 +22,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "1em"
             }, null, 8, ["d"]),
             createVNode(ElmInlineText, {
-              text: _ctx.message,
+              text: __props.message,
               color: "#6987b8"
             }, null, 8, ["text"])
-          ], 2)) : _ctx.status === "error" ? (openBlock(), createElementBlock("div", {
+          ], 2)) : __props.status === "error" ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(_ctx.$style.wrapper)
           }, [
@@ -35,10 +35,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "1em"
             }, null, 8, ["d"]),
             createVNode(ElmInlineText, {
-              text: _ctx.message,
+              text: __props.message,
               color: "#c56565"
             }, null, 8, ["text"])
-          ], 2)) : _ctx.status === "warning" ? (openBlock(), createElementBlock("div", {
+          ], 2)) : __props.status === "warning" ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: normalizeClass(_ctx.$style.wrapper)
           }, [
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "1em"
             }, null, 8, ["d"]),
             createVNode(ElmInlineText, {
-              text: _ctx.message,
+              text: __props.message,
               color: "#cdb57b"
             }, null, 8, ["text"])
           ], 2)) : (openBlock(), createElementBlock("div", {
@@ -61,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "1em"
             }, null, 8, ["d"]),
             createVNode(ElmInlineText, {
-              text: _ctx.message,
+              text: __props.message,
               color: "#59b57c"
             }, null, 8, ["text"])
           ], 2))

package/dist/components/fallback/ElmSpinner.vue2.mjs

@@ -10,16 +10,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("svg", {
-        height: _ctx.radius * 2,
-        width: _ctx.radius * 2
+        height: __props.radius * 2,
+        width: __props.radius * 2
       }, [
         createElementVNode("circle", {
           class: normalizeClass(_ctx.$style.circle),
-          cx: _ctx.radius,
-          cy: _ctx.radius,
-          r: _ctx.radius - _ctx.weight,
+          cx: __props.radius,
+          cy: __props.radius,
+          r: __props.radius - __props.weight,
           fill: "transparent",
-          strokeWidth: _ctx.weight
+          strokeWidth: __props.weight
         }, null, 10, _hoisted_2)
       ], 8, _hoisted_1);
     };

package/dist/components/fallback/ElmUnsupportedBlock.vue2.mjs

@@ -28,12 +28,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             color: "#868e9c"
           })
         ], 2),
-        _ctx.details ? (openBlock(), createElementBlock("div", {
+        __props.details ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(_ctx.$style.details)
         }, [
           createVNode(ElmInlineText, {
-            text: _ctx.details,
+            text: __props.details,
             color: "#868e9c"
           }, null, 8, ["text"])
         ], 2)) : createCommentVNode("", true)

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

@@ -29,18 +29,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([
           _ctx.$style.button,
           {
-            [_ctx.$style.enable]: !_ctx.loading && !_ctx.disabled,
-            [_ctx.$style.colored]: _ctx.color,
-            [_ctx.$style.normal]: !_ctx.color && !_ctx.primary,
-            [_ctx.$style.primary]: !_ctx.color && _ctx.primary
+            [_ctx.$style.enable]: !__props.loading && !__props.disabled,
+            [_ctx.$style.colored]: __props.color,
+            [_ctx.$style.normal]: !__props.color && !__props.primary,
+            [_ctx.$style.primary]: !__props.color && __props.primary
           }
         ]),
         style: normalizeStyle({
-          display: _ctx.block ? "flex" : "inline-flex",
-          width: _ctx.block ? "100%" : "auto",
-          cursor: _ctx.disabled ? "not-allowed" : _ctx.loading ? "progress" : "pointer",
-          "--opacity": _ctx.disabled ? 0.6 : void 0,
-          "--color": _ctx.color
+          display: __props.block ? "flex" : "inline-flex",
+          width: __props.block ? "100%" : "auto",
+          cursor: __props.disabled ? "not-allowed" : __props.loading ? "progress" : "pointer",
+          "--opacity": __props.disabled ? 0.6 : void 0,
+          "--color": __props.color
         }),
         onClick: handleClick
       }, [
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, null, 2)) : createCommentVNode("", true),
         createVNode(Transition, { mode: "out-in" }, {
           default: withCtx(() => [
-            _ctx.loading ? (openBlock(), createBlock(ElmDotLoadingIcon, {
+            __props.loading ? (openBlock(), createBlock(ElmDotLoadingIcon, {
               key: 0,
               size: "1.5rem"
             })) : (openBlock(), createElementBlock("span", {

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

@@ -166,7 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               fill: "transparent"
             }, null, -1))
           ], 2)),
-          createVNode(ElmInlineText, { text: _ctx.label }, null, 8, ["text"])
+          createVNode(ElmInlineText, { text: __props.label }, null, 8, ["text"])
         ])
       ], 2);
     };

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

@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: target,
         class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.active]: isActive.value }]),
         style: normalizeStyle({
-          backgroundColor: _ctx.disabled || _ctx.loading ? "rgba(0,0,0,0.15)" : void 0,
+          backgroundColor: __props.disabled || __props.loading ? "rgba(0,0,0,0.15)" : void 0,
           "--highlight-color": isActive.value ? "#bfa056" : void 0
         }),
         onClick: handleToggle
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("span", {
             class: normalizeClass([_ctx.$style.label, unref(textStyle).text])
-          }, toDisplayString(_ctx.label), 3)
+          }, toDisplayString(__props.label), 3)
         ], 2),
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.body)
@@ -89,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(_ctx.$style.fallback)
                   }, [
                     createVNode(ElmMdiIcon, { d: unref(mdiArrowDownDropCircleOutline) }, null, 8, ["d"]),
-                    createElementVNode("span", null, toDisplayString(_ctx.placeholder ?? "Select an option"), 1)
+                    createElementVNode("span", null, toDisplayString(__props.placeholder ?? "Select an option"), 1)
                   ], 2))
                 ]),
                 _: 1

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

@@ -21,9 +21,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         onClick: handleClick,
         style: normalizeStyle({
-          "--color": _ctx.color,
+          "--color": __props.color,
           "--padding": "2px",
-          "--size": _ctx.size,
+          "--size": __props.size,
           "--width": "calc(var(--size) * 2 + var(--padding) * 2)"
         })
       }, [
@@ -31,14 +31,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass([_ctx.$style.switch]),
           type: "checkbox",
           checked: checked.value,
-          disabled: _ctx.disabled
+          disabled: __props.disabled
         }, null, 10, _hoisted_1),
         createElementVNode("div", {
           class: normalizeClass([
             _ctx.$style.bar,
             {
               [_ctx.$style["bar--checked"]]: checked.value,
-              [_ctx.$style["bar--disabled"]]: _ctx.disabled
+              [_ctx.$style["bar--disabled"]]: __props.disabled
             }
           ])
         }, [
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _ctx.$style.circle,
               {
                 [_ctx.$style["circle--checked"]]: checked.value,
-                [_ctx.$style["circle--disabled"]]: _ctx.disabled
+                [_ctx.$style["circle--disabled"]]: __props.disabled
               }
             ])
           }, null, 2)

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

@@ -58,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.active]: isFocused.value }]),
         style: normalizeStyle({
-          backgroundColor: _ctx.disabled || _ctx.loading ? "rgba(0,0,0,0.15)" : void 0,
+          backgroundColor: __props.disabled || __props.loading ? "rgba(0,0,0,0.15)" : void 0,
           "--highlight-color": isFocused.value ? "#bfa056" : void 0
         })
       }, [
@@ -69,25 +69,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             for: unref(id),
             class: normalizeClass(_ctx.$style.label)
           }, [
-            createElementVNode("span", null, toDisplayString(_ctx.label), 1),
-            _ctx.required ? (openBlock(), createElementBlock("span", {
+            createElementVNode("span", null, toDisplayString(__props.label), 1),
+            __props.required ? (openBlock(), createElementBlock("span", {
               key: 0,
               class: normalizeClass(_ctx.$style.requierd)
             }, "*", 2)) : createCommentVNode("", true)
           ], 10, _hoisted_1),
-          _ctx.maxLength != null ? (openBlock(), createBlock(ElmInlineText, {
+          __props.maxLength != null ? (openBlock(), createBlock(ElmInlineText, {
             key: 0,
-            text: `${input.value.length} / ${_ctx.maxLength}`,
-            color: input.value.length > _ctx.maxLength ? "#c56565" : "gray",
+            text: `${input.value.length} / ${__props.maxLength}`,
+            color: input.value.length > __props.maxLength ? "#c56565" : "gray",
             size: "0.75rem"
           }, null, 8, ["text", "color"])) : createCommentVNode("", true)
         ], 2),
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.body)
         }, [
-          _ctx.icon ? (openBlock(), createBlock(ElmMdiIcon, {
+          __props.icon ? (openBlock(), createBlock(ElmMdiIcon, {
             key: 0,
-            d: iconMap[_ctx.icon],
+            d: iconMap[__props.icon],
             size: "1.5rem",
             color: "gray"
           }, null, 8, ["d"])) : createCommentVNode("", true),
@@ -96,14 +96,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
             type: type.value,
             class: normalizeClass(_ctx.$style.input),
-            placeholder: _ctx.placeholder,
+            placeholder: __props.placeholder,
             onFocus: _cache[1] || (_cache[1] = ($event) => isFocused.value = true),
             onBlur: _cache[2] || (_cache[2] = ($event) => isFocused.value = false),
-            disabled: _ctx.disabled || _ctx.loading,
+            disabled: __props.disabled || __props.loading,
             style: normalizeStyle({
-              cursor: _ctx.disabled ? "not-allowed" : _ctx.loading ? "progress" : "auto"
+              cursor: __props.disabled ? "not-allowed" : __props.loading ? "progress" : "auto"
             }),
-            "aria-required": _ctx.required,
+            "aria-required": __props.required,
             ref: "target"
           }, null, 46, _hoisted_2), [
             [vModelDynamic, input.value]
@@ -114,9 +114,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(_ctx.$style.suffix)
             }, [
-              _ctx.suffix != null ? (openBlock(), createBlock(ElmInlineText, {
+              __props.suffix != null ? (openBlock(), createBlock(ElmInlineText, {
                 key: 0,
-                text: _ctx.suffix
+                text: __props.suffix
               }, null, 8, ["text"])) : createCommentVNode("", true)
             ], 2),
             createVNode(ElmMdiIcon, {
@@ -138,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(_ctx.$style.loading),
           style: normalizeStyle({
-            opacity: _ctx.loading ? 0.2 : 0
+            opacity: __props.loading ? 0.2 : 0
           })
         }, null, 6)
       ], 6);

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

@@ -14,16 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.validation),
         style: normalizeStyle({
-          "--opacity": _ctx.isValid ? 1 : 0.5
+          "--opacity": __props.isValid ? 1 : 0.5
         })
       }, [
         createVNode(ElmMdiIcon, {
-          d: _ctx.isValid ? unref(mdiCheckCircle) : unref(mdiCheckCircleOutline),
-          color: _ctx.isValid ? _ctx.validColor : void 0
+          d: __props.isValid ? unref(mdiCheckCircle) : unref(mdiCheckCircleOutline),
+          color: __props.isValid ? __props.validColor : void 0
         }, null, 8, ["d", "color"]),
         createVNode(ElmInlineText, {
-          text: _ctx.text,
-          color: _ctx.isValid ? _ctx.validColor : void 0
+          text: __props.text,
+          color: __props.isValid ? __props.validColor : void 0
         }, null, 8, ["text", "color"])
       ], 6);
     };

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

@@ -13,14 +13,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([
           _ctx.$style.arrow,
           {
-            [_ctx.$style.normal]: !_ctx.loading && !_ctx.pending,
-            [_ctx.$style.loading]: _ctx.loading,
-            [_ctx.$style.pending]: !_ctx.loading && _ctx.pending
+            [_ctx.$style.normal]: !__props.loading && !__props.pending,
+            [_ctx.$style.loading]: __props.loading,
+            [_ctx.$style.pending]: !__props.loading && __props.pending
           }
         ]),
         style: normalizeStyle({
-          "--size": _ctx.size,
-          transform: _ctx.direction === "up" ? "rotate(270deg)" : _ctx.direction === "down" ? "rotate(90deg)" : _ctx.direction === "left" ? "rotate(180deg)" : "rotate(0deg)"
+          "--size": __props.size,
+          transform: __props.direction === "up" ? "rotate(270deg)" : __props.direction === "down" ? "rotate(90deg)" : __props.direction === "left" ? "rotate(180deg)" : "rotate(0deg)"
         })
       }, null, 6);
     };

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

@@ -15,15 +15,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("a", {
         class: normalizeClass(_ctx.$style.wrapper),
-        href: _ctx.href,
+        href: __props.href,
         target: "_blank",
         rel: "noopener noreferrer"
       }, [
-        _ctx.favicon != null ? (openBlock(), createElementBlock("img", {
+        __props.favicon != null ? (openBlock(), createElementBlock("img", {
           key: 0,
           class: normalizeClass(_ctx.$style.favicon),
-          src: _ctx.favicon,
-          alt: `favicon of ${_ctx.name ?? _ctx.href}`
+          src: __props.favicon,
+          alt: `favicon of ${__props.name ?? __props.href}`
         }, null, 10, _hoisted_2)) : (openBlock(), createBlock(ElmMdiIcon, {
           key: 1,
           d: unref(mdiEarth),
@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.text)
         }, [
           createVNode(ElmInlineText, {
-            text: _ctx.name ?? _ctx.href,
+            text: __props.name ?? __props.href,
             size: ".6rem"
           }, null, 8, ["text"])
         ], 2)

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

@@ -19,8 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.cube),
         style: normalizeStyle({
-          width: `${_ctx.size}px`,
-          height: `${_ctx.size}px`
+          width: `${__props.size}px`,
+          height: `${__props.size}px`
         })
       }, [
         (openBlock(), createElementBlock(Fragment, null, renderList(faces, (face) => {