@elmethis/core 0.6.3 → 0.7.0

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/code/ElmMermaid.vue.mjs

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

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

@@ -0,0 +1,59 @@
+import { defineComponent, useCssModule, ref, useTemplateRef, watch, onMounted, createElementBlock, openBlock, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmMermaid",
+  props: {
+    code: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const classes = useCssModule();
+    const isRendered = ref(false);
+    const elementRef = useTemplateRef("svgRef");
+    const renderMermaid = async () => {
+      if (!elementRef.value) return;
+      isRendered.value = false;
+      const { default: mermaid } = await import("mermaid");
+      try {
+        mermaid.initialize({
+          startOnLoad: false,
+          theme: "base",
+          themeVariables: {
+            mainBkg: "#fbfcff",
+            lineColor: "#606875",
+            primaryColor: "#6c7483",
+            secondaryColor: "#e9dec5",
+            tertiaryColor: "#f5f6f8",
+            tertiaryBorderColor: "#e2d4b2",
+            tertiaryTextColor: "#b69545",
+            // Sequence Diagram
+            signalColor: "#949ba7"
+            // default: textColor
+          }
+        });
+        const { svg } = await mermaid.render(classes.mermaid, props.code);
+        elementRef.value.innerHTML = svg;
+        isRendered.value = true;
+      } catch (error) {
+        console.error("Mermaid render error:", error);
+        elementRef.value.innerHTML = `<pre>${props.code}</pre>`;
+      }
+    };
+    watch(() => props.code, renderMermaid);
+    onMounted(renderMermaid);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: "svgRef",
+        class: normalizeClass([
+          _ctx.$style.mermaid,
+          {
+            [_ctx.$style.raw]: !isRendered.value,
+            [_ctx.$style.rendered]: isRendered.value
+          }
+        ])
+      }, null, 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,26 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._mermaid_1r2yy_1{display:block}._mermaid_1r2yy_1::-moz-selection{color:#cccfd5;background-color:#494f59}._mermaid_1r2yy_1::selection{color:#cccfd5;background-color:#494f59}._raw_1r2yy_9{opacity:0}._rendered_1r2yy_13{opacity:1}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const mermaid = "_mermaid_1r2yy_1";
+const raw = "_raw_1r2yy_9";
+const rendered = "_rendered_1r2yy_13";
+const style0 = {
+  mermaid,
+  raw,
+  rendered
+};
+export {
+  style0 as default,
+  mermaid,
+  raw,
+  rendered
+};

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)