@elmethis/vue 0.1.0

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+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: __props.radius * 2,
+        width: __props.radius * 2
+      }, [
+        createElementVNode("circle", {
+          class: normalizeClass(_ctx.$style.circle),
+          cx: __props.radius,
+          cy: __props.radius,
+          r: __props.radius - __props.weight,
+          fill: "transparent",
+          strokeWidth: __props.weight
+        }, null, 10, _hoisted_2)
+      ], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,24 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("@keyframes _draw-line_mzcfh_1{0%{stroke-dashoffset:0%}to{stroke-dashoffset:400%}}@keyframes _rotate_mzcfh_1{0%{transform:rotate(180deg)}to{transform:rotate(-180deg)}}._circle_mzcfh_17{stroke-dasharray:200%;animation:_draw-line_mzcfh_1 1.2s infinite ease-in-out,_rotate_mzcfh_1 1.2s infinite linear;transform-origin:center;stroke:#555b67}[data-theme=dark] ._circle_mzcfh_17{stroke:#b0b5be}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const circle = "_circle_mzcfh_17";
+const rotate = "_rotate_mzcfh_1";
+const style0 = {
+  circle,
+  "draw-line": "_draw-line_mzcfh_1",
+  rotate
+};
+export {
+  circle,
+  style0 as default,
+  rotate
+};

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

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

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

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

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

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

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

@@ -0,0 +1,46 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, createVNode, unref } from "vue";
+import { mdiInformation } from "@mdi/js";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+const _hoisted_1 = ["d"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmUnsupportedBlock",
+  props: {
+    details: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.unsupported)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.message)
+        }, [
+          (openBlock(), createElementBlock("svg", {
+            viewBox: "0 0 24 24",
+            width: "1.25rem",
+            height: "1.25rem",
+            class: normalizeClass(_ctx.$style.icon)
+          }, [
+            createElementVNode("path", { d: unref(mdiInformation) }, null, 8, _hoisted_1)
+          ], 2)),
+          createVNode(ElmInlineText, {
+            text: "UNSUPPORTED BLOCK",
+            color: "#868e9c"
+          })
+        ], 2),
+        __props.details ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.details)
+        }, [
+          createVNode(ElmInlineText, {
+            text: __props.details,
+            color: "#868e9c"
+          }, null, 8, ["text"])
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,29 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._unsupported_1imfj_1{box-sizing:border-box;padding:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border:1px dashed rgba(134,142,156,.5)}._message_1imfj_12{display:flex;gap:.5rem;justify-content:center;align-items:center}._icon_1imfj_19{fill:#868e9c}._details_1imfj_23{opacity:.75}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const unsupported = "_unsupported_1imfj_1";
+const message = "_message_1imfj_12";
+const icon = "_icon_1imfj_19";
+const details = "_details_1imfj_23";
+const style0 = {
+  unsupported,
+  message,
+  icon,
+  details
+};
+export {
+  style0 as default,
+  details,
+  icon,
+  message,
+  unsupported
+};

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+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,42 @@
+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;
+    color?: string;
+    /**
+     * 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,23 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-d15a5efe],.v-leave-from[data-v-d15a5efe]{opacity:1}.v-enter-active[data-v-d15a5efe],.v-leave-active[data-v-d15a5efe]{transition:opacity .1s}.v-enter-from[data-v-d15a5efe],.v-leave-to[data-v-d15a5efe]{opacity:0}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+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-d15a5efe"]]);
+export {
+  ElmButton as default
+};

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

@@ -0,0 +1,71 @@
+import { defineComponent, ref, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createVNode, Transition, withCtx, createBlock, renderSlot } from "vue";
+import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmButton",
+  props: {
+    loading: { type: Boolean, default: false },
+    block: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    color: {},
+    primary: { type: Boolean, default: false },
+    onClick: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const clicked = ref(false);
+    const id = ref();
+    const handleClick = () => {
+      if (!props.loading && !props.disabled && props.onClick) {
+        clicked.value = true;
+        id.value = window.setTimeout(() => clicked.value = false, 300);
+        props.onClick();
+      }
+    };
+    onUnmounted(() => {
+      if (id.value) clearTimeout(id.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass([
+          _ctx.$style.button,
+          {
+            [_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: __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
+      }, [
+        clicked.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.ripple)
+        }, null, 2)) : createCommentVNode("", true),
+        createVNode(Transition, { mode: "out-in" }, {
+          default: withCtx(() => [
+            __props.loading ? (openBlock(), createBlock(ElmDotLoadingIcon, {
+              key: 0,
+              size: "1.5rem"
+            })) : (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: normalizeClass(_ctx.$style.flex)
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 2))
+          ]),
+          _: 3
+        })
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,39 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._button_1eklp_1{all:unset;position:relative;overflow:hidden;min-height:2.75rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;box-sizing:border-box;padding:.5rem 1.5rem;line-height:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:opacity .2s,transform .2s;opacity:var(--opacity);box-shadow:0 0 .125rem #0003}[data-theme=dark] ._button_1eklp_1{box-shadow:0 0 .125rem #0009}._normal_1eklp_23{color:#0009;background-color:#fffc}[data-theme=dark] ._normal_1eklp_23,._primary_1eklp_32{color:#fff9;background-color:#3e434b}[data-theme=dark] ._primary_1eklp_32{color:#0009;background-color:#fffc}._colored_1eklp_41{background-color:var(--color)}._enable_1eklp_45{transition:opacity .2s,transform .2s}[data-theme=dark] ._enable_1eklp_45:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}[data-theme=dark] ._enable_1eklp_45:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._enable_1eklp_45:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}._enable_1eklp_45:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._flex_1eklp_65{display:flex;justify-content:center;align-items:center;gap:.5rem}@keyframes _button-ripple_1eklp_1{0%{transform:scale(0);opacity:1}to{transform:scale(1.2);opacity:0}}._ripple_1eklp_82{position:absolute;pointer-events:none;border-radius:50%;background-color:#80808059;width:100%;aspect-ratio:1/1;transition:none;opacity:0;animation-name:_button-ripple_1eklp_1;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:ease-out}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const button = "_button_1eklp_1";
+const normal = "_normal_1eklp_23";
+const primary = "_primary_1eklp_32";
+const colored = "_colored_1eklp_41";
+const enable = "_enable_1eklp_45";
+const flex = "_flex_1eklp_65";
+const ripple = "_ripple_1eklp_82";
+const style0 = {
+  button,
+  normal,
+  primary,
+  colored,
+  enable,
+  flex,
+  ripple,
+  "button-ripple": "_button-ripple_1eklp_1"
+};
+export {
+  button,
+  colored,
+  style0 as default,
+  enable,
+  flex,
+  normal,
+  primary,
+  ripple
+};

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

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

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

@@ -0,0 +1,26 @@
+export interface ElmCheckboxProps {
+    /**
+     * The label displayed.
+     */
+    label: string;
+    /**
+     * Whether the checkbox is in a loading state.
+     */
+    loading?: boolean;
+    /**
+     * Whether the checkbox is disabled.
+     */
+    disable?: boolean;
+}
+type __VLS_Props = ElmCheckboxProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,177 @@
+import { defineComponent, mergeModels, useModel, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, normalizeStyle } from "vue";
+import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
+const _hoisted_1 = { style: {
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem"
+} };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    loading: { type: Boolean, default: false },
+    disable: { type: Boolean }
+  }, {
+    "modelValue": { type: Boolean, ...{} },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const isChecked = useModel(__props, "modelValue");
+    function toggleCheck() {
+      if (!props.loading && !props.disable) {
+        isChecked.value = !isChecked.value;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          _ctx.$style.container,
+          {
+            [_ctx.$style["container--disable"]]: props.disable
+          }
+        ]),
+        onClick: toggleCheck
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(), createElementBlock("svg", {
+            width: "24",
+            height: "24",
+            class: normalizeClass(_ctx.$style.checkbox)
+          }, [
+            createElementVNode("circle", {
+              cx: "0",
+              cy: "0",
+              r: "2",
+              class: normalizeClass(_ctx.$style.loading),
+              style: normalizeStyle({ opacity: props.loading ? 1 : 0 })
+            }, [..._cache[0] || (_cache[0] = [
+              createElementVNode("animate", {
+                attributeName: "cx",
+                values: "4; 20; 20; 4; 4",
+                dur: "1.2s",
+                repeatCount: "indefinite",
+                keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
+                calcMode: "spline"
+              }, null, -1),
+              createElementVNode("animate", {
+                attributeName: "cy",
+                values: "4; 4; 20; 20; 4",
+                dur: "1.2s",
+                repeatCount: "indefinite",
+                keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
+                calcMode: "spline"
+              }, null, -1)
+            ])], 6),
+            createElementVNode("circle", {
+              cx: "20",
+              cy: "20",
+              r: "2",
+              class: normalizeClass(_ctx.$style.loading),
+              style: normalizeStyle({ opacity: props.loading ? 1 : 0 })
+            }, [..._cache[1] || (_cache[1] = [
+              createElementVNode("animate", {
+                attributeName: "cx",
+                values: "20; 4; 4; 20; 20",
+                dur: "1.2s",
+                repeatCount: "indefinite",
+                keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
+                calcMode: "spline"
+              }, null, -1),
+              createElementVNode("animate", {
+                attributeName: "cy",
+                values: "20; 20; 4; 4; 20",
+                dur: "1.2s",
+                repeatCount: "indefinite",
+                keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
+                calcMode: "spline"
+              }, null, -1)
+            ])], 6),
+            createElementVNode("rect", {
+              x: "4",
+              y: "4",
+              width: "16",
+              height: "16",
+              class: normalizeClass([
+                _ctx.$style.rect,
+                {
+                  [_ctx.$style["rect--checked"]]: isChecked.value,
+                  [_ctx.$style["rect--loading"]]: props.loading
+                }
+              ]),
+              strokeWidth: "0.8"
+            }, null, 2),
+            isChecked.value ? (openBlock(), createElementBlock("polyline", {
+              key: 0,
+              class: normalizeClass(_ctx.$style["check-line"]),
+              points: "5,12 10,17 19,8",
+              strokeWidth: "1.5",
+              fill: "transparent"
+            }, null, 2)) : createCommentVNode("", true),
+            _cache[2] || (_cache[2] = createElementVNode("line", {
+              x1: "0",
+              y1: "1",
+              x2: "4",
+              y2: "1",
+              strokeWidth: "2",
+              fill: "transparent"
+            }, null, -1)),
+            _cache[3] || (_cache[3] = createElementVNode("line", {
+              x1: "4",
+              y1: "0",
+              x2: "24",
+              y2: "0",
+              strokeWidth: "1",
+              fill: "transparent"
+            }, null, -1)),
+            _cache[4] || (_cache[4] = createElementVNode("line", {
+              x1: "0",
+              y1: "4",
+              x2: "0",
+              y2: "16",
+              strokeWidth: "1",
+              fill: "transparent"
+            }, null, -1)),
+            _cache[5] || (_cache[5] = createElementVNode("line", {
+              x1: "0",
+              y1: "18",
+              x2: "0",
+              y2: "20",
+              strokeWidth: "1",
+              fill: "transparent"
+            }, null, -1)),
+            _cache[6] || (_cache[6] = createElementVNode("line", {
+              x1: "0",
+              y1: "24",
+              x2: "20",
+              y2: "24",
+              strokeWidth: "1",
+              fill: "transparent"
+            }, null, -1)),
+            _cache[7] || (_cache[7] = createElementVNode("line", {
+              x1: "20",
+              y1: "23",
+              x2: "24",
+              y2: "23",
+              strokeWidth: "1.5",
+              fill: "transparent"
+            }, null, -1)),
+            _cache[8] || (_cache[8] = createElementVNode("line", {
+              x1: "24",
+              y1: "4",
+              x2: "24",
+              y2: "20",
+              style: { strokeWidth: 1 },
+              fill: "transparent"
+            }, null, -1))
+          ], 2)),
+          createVNode(ElmInlineText, { text: __props.label }, null, 8, ["text"])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,34 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._container_101ok_1{width:-moz-fit-content;width:fit-content;font-family:sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:opacity .2s}._container_101ok_1:hover{opacity:.8}._container--disable_101ok_11{opacity:.45;cursor:not-allowed}._container--disable_101ok_11:hover{opacity:.45}._checkbox_101ok_19{stroke:#000c;fill:transparent}[data-theme=dark] ._checkbox_101ok_19{stroke:#fffc}._rect_101ok_27{transition:all .2s}._rect--loading_101ok_30{opacity:.3}._rect--checked_101ok_33{fill:#000c}[data-theme=dark] ._rect--checked_101ok_33{fill:#fffc}._loading_101ok_40{transition:opacity .2s;fill:#000000b3}[data-theme=dark] ._loading_101ok_40{fill:#ffffffb3}@keyframes _elmethis-checkbox-check-line_101ok_1{0%{stroke-dashoffset:100%}to{stroke-dashoffset:0%}}._check-line_101ok_56{stroke-dasharray:100%;animation-name:_elmethis-checkbox-check-line_101ok_1;animation-duration:.2s;animation-timing-function:ease-in-out;animation-delay:.1s;animation-fill-mode:both;transform-origin:center;stroke:#ffffffe6}[data-theme=dark] ._check-line_101ok_56{stroke:#000000e6}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const container = "_container_101ok_1";
+const checkbox = "_checkbox_101ok_19";
+const rect = "_rect_101ok_27";
+const loading = "_loading_101ok_40";
+const style0 = {
+  container,
+  "container--disable": "_container--disable_101ok_11",
+  checkbox,
+  rect,
+  "rect--loading": "_rect--loading_101ok_30",
+  "rect--checked": "_rect--checked_101ok_33",
+  loading,
+  "check-line": "_check-line_101ok_56",
+  "elmethis-checkbox-check-line": "_elmethis-checkbox-check-line_101ok_1"
+};
+export {
+  checkbox,
+  container,
+  style0 as default,
+  loading,
+  rect
+};

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

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