@elmethis/core 1.0.0-alpha.16 → 1.0.0-alpha.160

package/dist/components/data/ElmProgress.css

@@ -0,0 +1,84 @@
+._progress_17sza_1 {
+  display: none;
+}
+@keyframes _loading_17sza_23 {
+0% {
+    transform: scaleX(0);
+    transform-origin: left;
+}
+49% {
+    transform: scaleX(1);
+    transform-origin: left;
+}
+51% {
+    transform: scaleX(1);
+    transform-origin: right;
+}
+100% {
+    transform: scaleX(0);
+    transform-origin: right;
+}
+}
+._loading_17sza_23 {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  transition: transform 800ms;
+  transform: scaleX(0);
+  transform: var(--scale-x, scaleX(0));
+  transform-origin: left;
+  background-color: rgba(0, 0, 0, 0.8);
+  background-color: var(--color, rgba(0, 0, 0, 0.8));
+  animation-name: _loading_17sza_23;
+  animation-duration: 1600ms;
+  animation-iteration-count: infinite;
+}
+[data-theme=dark] ._loading_17sza_23 {
+  background-color: rgba(255, 255, 255, 0.8);
+  background-color: var(--color, rgba(255, 255, 255, 0.8));
+}
+._container_17sza_40 {
+  width: 100%;
+  height: var(--weight);
+  position: relative;
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._container_17sza_40 {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+._container_17sza_40 ._value_17sza_51 {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  transition: transform 800ms;
+  transform: scaleX(0);
+  transform: var(--scale-x, scaleX(0));
+  transform-origin: left;
+  background-color: rgba(0, 0, 0, 0.8);
+  background-color: var(--color, rgba(0, 0, 0, 0.8));
+}
+[data-theme=dark] ._container_17sza_40 ._value_17sza_51 {
+  background-color: rgba(255, 255, 255, 0.8);
+  background-color: var(--color, rgba(255, 255, 255, 0.8));
+}
+._container_17sza_40 ._buffer_17sza_64 {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  transition: transform 400ms;
+  transform: scaleX(0);
+  transform: var(--scale-x, scaleX(0));
+  transform-origin: left;
+  background-color: rgba(0, 0, 0, 0.8);
+  background-color: var(--color, rgba(0, 0, 0, 0.8));
+  opacity: 0.25;
+}
+[data-theme=dark] ._container_17sza_40 ._buffer_17sza_64 {
+  background-color: rgba(255, 255, 255, 0.8);
+  background-color: var(--color, rgba(255, 255, 255, 0.8));
+}

package/dist/components/data/ElmProgress.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Primary: Story;
 export declare const WithBuffer: Story;
 export declare const Bold: Story;
 export declare const WithColor: Story;
+export declare const Loading: Story;

package/dist/components/data/ElmProgress.vue.d.ts

@@ -15,7 +15,7 @@ export interface ElmProgressProps {
     /**
      * The weight of the progress.
      */
-    weight: Property.Height<string | number>;
+    weight?: Property.Height<string | number>;
     /**
      * Whether the progress should be round.
      */
@@ -24,10 +24,15 @@ export interface ElmProgressProps {
      * The color of the progress.
      */
     color?: string;
+    /**
+     * Whether the progress is loading.
+     */
+    loading?: boolean;
 }
 declare const _default: import('vue').DefineComponent<ElmProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmProgressProps> & Readonly<{}>, {
     max: number;
     weight: Property.Height<string | number>;
     round: boolean;
+    loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

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

@@ -0,0 +1,53 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from "vue";
+const _hoisted_1 = ["value", "max"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmProgress",
+  props: {
+    value: {},
+    buffer: {},
+    max: { default: 100 },
+    weight: { default: "4px" },
+    round: { type: Boolean, default: true },
+    color: {},
+    loading: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("progress", {
+          class: normalizeClass(_ctx.$style.progress),
+          value: _ctx.value,
+          max: _ctx.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
+          })
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.value),
+            style: normalizeStyle({
+              "--scale-x": `scaleX(${_ctx.loading ? 0 : _ctx.value / _ctx.max})`
+            })
+          }, null, 6),
+          _ctx.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})`
+            })
+          }, null, 6)
+        ], 6)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,20 @@
+const progress = "_progress_17sza_1";
+const loading = "_loading_17sza_23";
+const container = "_container_17sza_40";
+const value = "_value_17sza_51";
+const buffer = "_buffer_17sza_64";
+const style0 = {
+  progress,
+  loading,
+  container,
+  value,
+  buffer
+};
+export {
+  buffer,
+  container,
+  style0 as default,
+  loading,
+  progress,
+  value
+};

package/dist/components/data/ElmStatusMessage.css

@@ -0,0 +1,12 @@
+.v-enter-to[data-v-0a79ebd0],
+.v-leave-from[data-v-0a79ebd0] {
+  opacity: 1;
+}
+.v-enter-active[data-v-0a79ebd0],
+.v-leave-active[data-v-0a79ebd0] {
+  transition: opacity 150ms;
+}
+.v-enter-from[data-v-0a79ebd0],
+.v-leave-to[data-v-0a79ebd0] {
+  opacity: 0;
+}

package/dist/components/data/ElmStatusMessage.stories.d.ts

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

package/dist/components/data/ElmStatusMessage.vue.d.ts

@@ -0,0 +1,6 @@
+export interface ElmStatusMessageProps {
+    status: 'success' | 'error' | 'warning' | 'pending';
+    message: string;
+}
+declare const _default: import('vue').DefineComponent<ElmStatusMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmStatusMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmStatusMessage.vue2.mjs";
+import style0 from "./ElmStatusMessage.vue3.mjs";
+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-0a79ebd0"]]);
+export {
+  ElmStatusMessage as default
+};

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

@@ -0,0 +1,75 @@
+import { defineComponent, createBlock, openBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, unref } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmStatusMessage",
+  props: {
+    status: {},
+    message: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, { mode: "out-in" }, {
+        default: withCtx(() => [
+          _ctx.status === "pending" ? (openBlock(), createElementBlock("div", {
+            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(ElmInlineText, {
+              text: _ctx.message,
+              color: "#6987b8"
+            }, null, 8, ["text"])
+          ], 2)) : _ctx.status === "error" ? (openBlock(), createElementBlock("div", {
+            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(ElmInlineText, {
+              text: _ctx.message,
+              color: "#c56565"
+            }, null, 8, ["text"])
+          ], 2)) : _ctx.status === "warning" ? (openBlock(), createElementBlock("div", {
+            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(ElmInlineText, {
+              text: _ctx.message,
+              color: "#cdb57b"
+            }, null, 8, ["text"])
+          ], 2)) : (openBlock(), createElementBlock("div", {
+            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(ElmInlineText, {
+              text: _ctx.message,
+              color: "#59b57c"
+            }, null, 8, ["text"])
+          ], 2))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,11 @@
+const wrapper = "_wrapper_1vrbm_1";
+const icon = "_icon_1vrbm_7";
+const style0 = {
+  wrapper,
+  icon
+};
+export {
+  style0 as default,
+  icon,
+  wrapper
+};

package/dist/components/data/ElmStatusMessage2.css

@@ -0,0 +1,9 @@
+._wrapper_1vrbm_1 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+._icon_1vrbm_7 {
+  width: 20px;
+  height: 20px;
+}

package/dist/components/fallback/ElmBlockFallback.css

@@ -0,0 +1,7 @@
+._elmethis-block-fallback_uo36g_1 {
+  width: 100%;
+  height: 8rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/dist/components/fallback/ElmBlockFallback.stories.d.ts

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

package/dist/components/fallback/ElmBlockFallback.vue.d.ts

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

package/dist/components/fallback/ElmBlockFallback.vue.mjs

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

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

@@ -0,0 +1,17 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode } from "vue";
+import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmBlockFallback",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["elmethis-block-fallback"])
+      }, [
+        createVNode(ElmDotLoadingIcon)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/fallback/ElmBlockFallback.vue3.mjs

@@ -0,0 +1,6 @@
+const style0 = {
+  "elmethis-block-fallback": "_elmethis-block-fallback_uo36g_1"
+};
+export {
+  style0 as default
+};

package/dist/components/fallback/ElmRectangleWave.css

@@ -0,0 +1,33 @@
+@keyframes _wave_oz31b_1 {
+0% {
+    transform: scale(0);
+    opacity: 0;
+}
+30% {
+    opacity: 0;
+}
+40% {
+    opacity: 1;
+}
+100% {
+    transform: scale(1);
+    opacity: 0;
+}
+}
+._rectangle-wave_oz31b_17 {
+  box-sizing: border-box;
+  position: absolute;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  animation-name: _wave_oz31b_1;
+  animation-duration: 1200ms;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._rectangle-wave_oz31b_17 {
+  border-color: rgba(255, 255, 255, 0.7);
+}

package/dist/components/fallback/ElmRectangleWave.vue.d.ts

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

package/dist/components/fallback/ElmRectangleWave.vue.mjs

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

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

@@ -0,0 +1,15 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmRectangleWave",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "aria-hidden": "",
+        class: normalizeClass(_ctx.$style["rectangle-wave"])
+      }, null, 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/fallback/ElmRectangleWave.vue3.mjs

@@ -0,0 +1,9 @@
+const wave = "_wave_oz31b_1";
+const style0 = {
+  "rectangle-wave": "_rectangle-wave_oz31b_17",
+  wave
+};
+export {
+  style0 as default,
+  wave
+};

package/dist/components/fallback/ElmSpinner.css

@@ -0,0 +1,25 @@
+@keyframes _draw-line_9wi4r_1 {
+0% {
+    stroke-dashoffset: 0%;
+}
+100% {
+    stroke-dashoffset: 400%;
+}
+}
+@keyframes _rotate_9wi4r_1 {
+0% {
+    transform: rotate(180deg);
+}
+100% {
+    transform: rotate(-180deg);
+}
+}
+._circle_9wi4r_17 {
+  stroke-dasharray: 200%;
+  animation: _draw-line_9wi4r_1 1200ms infinite ease-in-out, _rotate_9wi4r_1 1200ms infinite linear;
+  transform-origin: center;
+  stroke: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._circle_9wi4r_17 {
+  stroke: rgba(255, 255, 255, 0.7);
+}

package/dist/components/fallback/ElmSpinner.stories.d.ts

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

package/dist/components/fallback/ElmSpinner.vue.d.ts

@@ -0,0 +1,9 @@
+export interface ElmSpinnerProps {
+    radius?: number;
+    weight?: number;
+}
+declare const _default: import('vue').DefineComponent<ElmSpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmSpinnerProps> & Readonly<{}>, {
+    weight: number;
+    radius: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

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

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

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

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

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

@@ -0,0 +1,12 @@
+const circle = "_circle_9wi4r_17";
+const rotate = "_rotate_9wi4r_1";
+const style0 = {
+  circle,
+  "draw-line": "_draw-line_9wi4r_1",
+  rotate
+};
+export {
+  circle,
+  style0 as default,
+  rotate
+};

package/dist/components/form/ElmButton.css

@@ -0,0 +1,12 @@
+.v-enter-to[data-v-afd6570b],
+.v-leave-from[data-v-afd6570b] {
+  opacity: 1;
+}
+.v-enter-active[data-v-afd6570b],
+.v-leave-active[data-v-afd6570b] {
+  transition: opacity 100ms;
+}
+.v-enter-from[data-v-afd6570b],
+.v-leave-to[data-v-afd6570b] {
+  opacity: 0;
+}

package/dist/components/form/ElmButton.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as ElmButton } from './ElmButton.vue';
+declare const meta: Meta<typeof ElmButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Block: Story;
+export declare const Loading: Story;
+export declare const Flex: Story;
+export declare const Disabled: Story;
+export declare const WithPrimary: Story;

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

@@ -0,0 +1,41 @@
+export interface ElmButtonProps {
+    /**
+     * Whether the button is in loading state.
+     */
+    loading?: boolean;
+    /**
+     * Whether the button is block.
+     */
+    block?: boolean;
+    /**
+     * Whether the button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button is primary.
+     */
+    primary?: boolean;
+    onClick: () => void;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmButtonProps> & Readonly<{}>, {
+    block: boolean;
+    loading: boolean;
+    disabled: boolean;
+    primary: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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