@elmethis/vue 0.4.2 → 0.5.0

package/dist/components/form/ElmButton.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,26 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._button_1ykfy_1{all:unset;box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:pointer;min-height:2.75rem;opacity:var(--opacity);border:1px solid #cdb57b99;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;line-height:1.5rem;transition:opacity .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 0 .125rem #80808040}._button-ornament_1ykfy_21{content:\"\";clip-path:polygon(100% 0%,1000% 100%,0% 100%);background-color:#dbcaa099;width:1rem;height:1rem;position:absolute;bottom:-1px;right:-1px}._normal_1ykfy_32{color:#0009;background-color:#fffc}[data-theme=dark] ._normal_1ykfy_32,._primary_1ykfy_41{color:#fff9;background-color:#3e434b}[data-theme=dark] ._primary_1ykfy_41{color:#0009;background-color:#fffc}._colored_1ykfy_50{background-color:var(--color)}._enable_1ykfy_54{transition:opacity .2s,transform .1s,box-shadow .2s}[data-theme=dark] ._enable_1ykfy_54:hover{opacity:.7;opacity:var(--opacity,.7);transform:translate(-1px)translateY(-1px)}[data-theme=dark] ._enable_1ykfy_54:active{opacity:.5;opacity:var(--opacity,.5);transform:translate(1px)translateY(1px)}._enable_1ykfy_54:hover{opacity:.7;opacity:var(--opacity,.7);transform:translate(-1px)translateY(-1px);box-shadow:.125rem .125rem .125rem #80808040}._enable_1ykfy_54:active{opacity:.5;opacity:var(--opacity,.5);transform:translate(1px)translateY(1px);box-shadow:-1px -1px .125rem #80808040}._flex_1ykfy_76{justify-content:center;align-items:center;gap:.5rem;display:flex}@keyframes _button-ripple_1ykfy_1{0%{opacity:1;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.2)}}._ripple_1ykfy_97{pointer-events:none;aspect-ratio:1;opacity:0;background-color:#cdb57b26;border-radius:50%;width:100%;transition:none;animation-name:_button-ripple_1ykfy_1;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both;position:absolute}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmButton_vue_vue_type_style_index_0_lang_module_default = {
-	button: "_button_1ykfy_1",
-	"button-ornament": "_button-ornament_1ykfy_21",
-	normal: "_normal_1ykfy_32",
-	primary: "_primary_1ykfy_41",
-	colored: "_colored_1ykfy_50",
-	enable: "_enable_1ykfy_54",
-	flex: "_flex_1ykfy_76",
-	ripple: "_ripple_1ykfy_97",
-	"button-ripple": "_button-ripple_1ykfy_1"
-};
-//#endregion
-export { ElmButton_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/form/ElmCheckbox.mjs

@@ -1,6 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
-import ElmCheckbox_vue_vue_type_script_setup_true_lang_default from "./ElmCheckbox.vue_vue_type_script_setup_true_lang.mjs";
-import ElmCheckbox_vue_vue_type_style_index_0_lang_module_default from "./ElmCheckbox.vue_vue_type_style_index_0_lang.module.mjs";
-var ElmCheckbox_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ElmCheckbox_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ElmCheckbox_vue_vue_type_style_index_0_lang_module_default }]]);
-//#endregion
-export { ElmCheckbox_default as default };

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

@@ -1,6 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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_vue_type_script_setup_true_lang.mjs

@@ -1,159 +0,0 @@
-import ElmInlineText_default from "../typography/ElmInlineText.mjs";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, useModel } from "vue";
-//#region src/components/form/ElmCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { style: {
-	display: "flex",
-	alignItems: "center",
-	gap: "0.5rem"
-} };
-var ElmCheckbox_vue_vue_type_script_setup_true_lang_default = /* @__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_default, { text: __props.label }, null, 8, ["text"])])], 2);
-		};
-	}
-});
-//#endregion
-export { ElmCheckbox_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/ElmCheckbox.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,26 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._container_101ok_1{-webkit-user-select:none;user-select:none;cursor:pointer;width:fit-content;font-family:sans-serif;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:#0000}[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{fill:#000000b3;transition:opacity .2s}[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%;transform-origin:50%;stroke:#ffffffe6;animation-name:_elmethis-checkbox-check-line_101ok_1;animation-duration:.2s;animation-timing-function:ease-in-out;animation-delay:.1s;animation-fill-mode:both}[data-theme=dark] ._check-line_101ok_56{stroke:#000000e6}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmCheckbox_vue_vue_type_style_index_0_lang_module_default = {
-	container: "_container_101ok_1",
-	"container--disable": "_container--disable_101ok_11",
-	checkbox: "_checkbox_101ok_19",
-	rect: "_rect_101ok_27",
-	"rect--loading": "_rect--loading_101ok_30",
-	"rect--checked": "_rect--checked_101ok_33",
-	loading: "_loading_101ok_40",
-	"check-line": "_check-line_101ok_56",
-	"elmethis-checkbox-check-line": "_elmethis-checkbox-check-line_101ok_1"
-};
-//#endregion
-export { ElmCheckbox_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/form/ElmSelect.mjs

@@ -1,6 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
-import ElmSelect_vue_vue_type_script_setup_true_lang_default from "./ElmSelect.vue_vue_type_script_setup_true_lang.mjs";
-import ElmSelect_vue_vue_type_style_index_0_lang_module_default from "./ElmSelect.vue_vue_type_style_index_0_lang.module.mjs";
-var ElmSelect_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ElmSelect_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ElmSelect_vue_vue_type_style_index_0_lang_module_default }]]);
-//#endregion
-export { ElmSelect_default as default };

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

@@ -1,6 +0,0 @@
-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;

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

@@ -1,48 +0,0 @@
-export interface ElmSelectProps {
-    label: string;
-    placeholder?: string;
-    disabled?: boolean;
-    loading?: boolean;
-}
-type __VLS_Props = ElmSelectProps;
-type __VLS_PublicProps = {
-    "options"?: Array<{
-        id: string;
-        label: string;
-        description?: string;
-    }>;
-    "selected-option"?: {
-        id: string;
-        label: string;
-        description?: string;
-    } | null;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:options": (value: {
-        id: string;
-        label: string;
-        description?: string;
-    }[]) => any;
-    "update:selected-option": (value: {
-        id: string;
-        label: string;
-        description?: string;
-    } | null) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:options"?: ((value: {
-        id: string;
-        label: string;
-        description?: string;
-    }[]) => any) | undefined;
-    "onUpdate:selected-option"?: ((value: {
-        id: string;
-        label: string;
-        description?: string;
-    } | null) => any) | undefined;
-}>, {
-    loading: boolean;
-    disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    target: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

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

@@ -1,129 +0,0 @@
-import ElmMdiIcon_default from "../icon/ElmMdiIcon.mjs";
-import transition_fade_module_default from "../../styles/transition-fade.module.mjs";
-import text_module_default from "../../styles/text.module.mjs";
-import { Fragment, Transition, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useModel, useTemplateRef, withCtx } from "vue";
-import { mdiArrowDownDropCircleOutline, mdiChevronRight, mdiMenuDown } from "@mdi/js";
-import { onClickOutside } from "@vueuse/core";
-//#region src/components/form/ElmSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["onClick"];
-var ElmSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmSelect",
-	props: /* @__PURE__ */ mergeModels({
-		label: {},
-		placeholder: {},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"options": {},
-		"optionsModifiers": {},
-		"selected-option": {},
-		"selected-optionModifiers": {}
-	}),
-	emits: ["update:options", "update:selected-option"],
-	setup(__props) {
-		const options = useModel(__props, "options");
-		const selectedOption = useModel(__props, "selected-option");
-		const isActive = ref(false);
-		const handleToggle = () => {
-			isActive.value = !isActive.value;
-		};
-		const handleSelect = (id) => {
-			if (options.value) {
-				const [selected] = options.value.filter((option) => option.id === id);
-				selectedOption.value = selected;
-			}
-		};
-		const target = useTemplateRef("target");
-		onClickOutside(target, (_) => {
-			if (isActive.value) isActive.value = false;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "target",
-				ref: target,
-				class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.active]: isActive.value }]),
-				style: normalizeStyle({
-					backgroundColor: __props.disabled || __props.loading ? "rgba(0,0,0,0.15)" : void 0,
-					"--highlight-color": isActive.value ? "#bfa056" : void 0
-				}),
-				onClick: handleToggle
-			}, [createElementVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createElementVNode("span", { class: normalizeClass([_ctx.$style.label, unref(text_module_default).text]) }, toDisplayString(__props.label), 3)], 2), createElementVNode("div", { class: normalizeClass(_ctx.$style.body) }, [createElementVNode("div", { class: normalizeClass(_ctx.$style.select) }, [
-				createElementVNode("div", { class: normalizeClass([_ctx.$style.selected, unref(text_module_default).text]) }, [createVNode(Transition, {
-					mode: "out-in",
-					"leave-from-class": _ctx.$style["selected-leave-from"],
-					"enter-to-class": _ctx.$style["selected-enter-to"],
-					"enter-active-class": _ctx.$style["selected-enter-active"],
-					"leave-active-class": _ctx.$style["selected-leave-active"],
-					"enter-from-class": _ctx.$style["selected-enter-from"],
-					"leave-to-class": _ctx.$style["selected-leave-to"]
-				}, {
-					default: withCtx(() => [selectedOption.value ? (openBlock(), createElementBlock("div", { key: selectedOption.value.id }, [createElementVNode("span", null, toDisplayString(selectedOption.value.label), 1), selectedOption.value.description ? (openBlock(), createElementBlock("span", {
-						key: 0,
-						class: normalizeClass(_ctx.$style.description)
-					}, toDisplayString(selectedOption.value.description), 3)) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("div", {
-						key: 1,
-						class: normalizeClass(_ctx.$style.fallback)
-					}, [createVNode(ElmMdiIcon_default, { d: unref(mdiArrowDownDropCircleOutline) }, null, 8, ["d"]), createElementVNode("span", null, toDisplayString(__props.placeholder ?? "Select an option"), 1)], 2))]),
-					_: 1
-				}, 8, [
-					"leave-from-class",
-					"enter-to-class",
-					"enter-active-class",
-					"leave-active-class",
-					"enter-from-class",
-					"leave-to-class"
-				])], 2),
-				createVNode(ElmMdiIcon_default, {
-					d: unref(mdiMenuDown),
-					size: "1.5rem"
-				}, null, 8, ["d"]),
-				createVNode(Transition, {
-					"enter-from-class": unref(transition_fade_module_default)["fade-enter-from"],
-					"enter-active-class": unref(transition_fade_module_default)["fade-enter-active"],
-					"enter-to-class": unref(transition_fade_module_default)["fade-enter-to"],
-					"leave-from-class": unref(transition_fade_module_default)["fade-leave-from"],
-					"leave-active-class": unref(transition_fade_module_default)["fade-leave-active"],
-					"leave-to-class": unref(transition_fade_module_default)["fade-leave-to"]
-				}, {
-					default: withCtx(() => [isActive.value ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: normalizeClass(_ctx.$style.pulldown)
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
-						return openBlock(), createElementBlock("div", {
-							key: option.id,
-							class: normalizeClass([_ctx.$style.option, unref(text_module_default).text]),
-							onClick: ($event) => handleSelect(option.id)
-						}, [
-							createVNode(ElmMdiIcon_default, {
-								d: unref(mdiChevronRight),
-								color: "#868e9c",
-								size: "0.75em"
-							}, null, 8, ["d"]),
-							createElementVNode("span", null, toDisplayString(option.label), 1),
-							option.description ? (openBlock(), createElementBlock("span", {
-								key: 0,
-								class: normalizeClass(_ctx.$style.description)
-							}, toDisplayString(option.description), 3)) : createCommentVNode("", true)
-						], 10, _hoisted_1);
-					}), 128))], 2)) : createCommentVNode("", true)]),
-					_: 1
-				}, 8, [
-					"enter-from-class",
-					"enter-active-class",
-					"enter-to-class",
-					"leave-from-class",
-					"leave-active-class",
-					"leave-to-class"
-				])
-			], 2)], 2)], 6);
-		};
-	}
-});
-//#endregion
-export { ElmSelect_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/ElmSelect.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,34 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._wrapper_yirxk_1{-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fffc;border:1px solid #0000;border-radius:.25rem;flex-direction:column;justify-content:space-between;width:100%;padding:.25rem;transition:border-color .2s,background-color .2s;display:flex;position:relative;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_yirxk_1{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._active_yirxk_23{border-color:var(--highlight-color)}._header_yirxk_27{box-sizing:border-box;justify-content:space-between;height:.75rem;padding:0 .25rem;display:flex}._label_yirxk_35{vertical-align:top;-webkit-user-select:none;user-select:none;height:.75rem;color:var(--highlight-color);margin:0;padding:0;font-size:.75rem;line-height:.75rem;transition:color .2s;display:inline}._body_yirxk_48{cursor:pointer;justify-content:space-between;align-items:center;padding-left:.25rem;padding-right:.25rem;display:flex}._select_yirxk_57{justify-content:space-between;align-items:center;width:100%;height:1.25rem;padding:.5rem;display:flex}._selected_yirxk_66{width:100%;overflow:hidden}._fallback_yirxk_71{opacity:.6;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}._pulldown_yirxk_79{box-sizing:border-box;background-color:#fffc;border-radius:.25rem;width:100%;padding:.25rem;position:absolute;top:4rem;left:0;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._pulldown_yirxk_79{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._option_yirxk_95{box-sizing:border-box;cursor:pointer;border-radius:.25rem;justify-content:flex-start;align-items:center;gap:.25rem;width:100%;padding:.5rem;transition:background-color .1s;display:flex;overflow:hidden}._option_yirxk_95:hover{background-color:#bec2ca4d}[data-theme=dark] ._option_yirxk_95:hover{background-color:#bec2ca33}._description_yirxk_115{box-sizing:border-box;opacity:.35;white-space:nowrap;text-overflow:ellipsis;padding-left:.25rem;font-size:.75em}._selected-enter-from_yirxk_124{opacity:0;transform:translateY(-100%)}._selected-enter-to_yirxk_129,._selected-leave-from_yirxk_130{opacity:1;transform:translateY(0%)}._selected-leave-to_yirxk_135{opacity:0;transform:translateY(100%)}._selected-enter-active_yirxk_140,._selected-leave-active_yirxk_141{transition:opacity .2s,transform .1s}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmSelect_vue_vue_type_style_index_0_lang_module_default = {
-	wrapper: "_wrapper_yirxk_1",
-	active: "_active_yirxk_23",
-	header: "_header_yirxk_27",
-	label: "_label_yirxk_35",
-	body: "_body_yirxk_48",
-	select: "_select_yirxk_57",
-	selected: "_selected_yirxk_66",
-	fallback: "_fallback_yirxk_71",
-	pulldown: "_pulldown_yirxk_79",
-	option: "_option_yirxk_95",
-	description: "_description_yirxk_115",
-	"selected-enter-from": "_selected-enter-from_yirxk_124",
-	"selected-enter-to": "_selected-enter-to_yirxk_129",
-	"selected-leave-from": "_selected-leave-from_yirxk_130",
-	"selected-leave-to": "_selected-leave-to_yirxk_135",
-	"selected-enter-active": "_selected-enter-active_yirxk_140",
-	"selected-leave-active": "_selected-leave-active_yirxk_141"
-};
-//#endregion
-export { ElmSelect_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/form/ElmSwitch.mjs

@@ -1,6 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
-import ElmSwitch_vue_vue_type_script_setup_true_lang_default from "./ElmSwitch.vue_vue_type_script_setup_true_lang.mjs";
-import ElmSwitch_vue_vue_type_style_index_0_lang_module_default from "./ElmSwitch.vue_vue_type_style_index_0_lang.module.mjs";
-var ElmSwitch_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ElmSwitch_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ElmSwitch_vue_vue_type_style_index_0_lang_module_default }]]);
-//#endregion
-export { ElmSwitch_default as default };

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

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

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

@@ -1,32 +0,0 @@
-import { Property } from 'csstype';
-export interface ElmSwitchProps {
-    /**
-     * The color of the switch when checked.
-     */
-    color: string;
-    /**
-     * The size of the switch.
-     */
-    size: Property.Width;
-    /**
-     * Whether the switch is disabled.
-     */
-    disabled?: boolean;
-}
-type __VLS_Props = ElmSwitchProps;
-declare const __VLS_defaults: {
-    modelValue: boolean;
-};
-type __VLS_PublicProps = {
-    modelValue?: typeof __VLS_defaults['modelValue'];
-} & __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;
-}>, {
-    size: Property.Width;
-    color: string;
-    disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

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

@@ -1,49 +0,0 @@
-import { createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, useModel } from "vue";
-//#region src/components/form/ElmSwitch.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["checked", "disabled"];
-var ElmSwitch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmSwitch",
-	props: /* @__PURE__ */ mergeModels({
-		color: { default: "#bfa056" },
-		size: { default: "18px" },
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"modelValue": { default: false },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const checked = useModel(__props, "modelValue");
-		const handleClick = () => {
-			if (!props.disabled) checked.value = !checked.value;
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				onClick: handleClick,
-				style: normalizeStyle({
-					"--color": __props.color,
-					"--padding": "2px",
-					"--size": __props.size,
-					"--width": "calc(var(--size) * 2 + var(--padding) * 2)"
-				})
-			}, [createElementVNode("input", {
-				class: normalizeClass([_ctx.$style.switch]),
-				type: "checkbox",
-				checked: checked.value,
-				disabled: __props.disabled
-			}, null, 10, _hoisted_1), createElementVNode("div", { class: normalizeClass([_ctx.$style.bar, {
-				[_ctx.$style["bar--checked"]]: checked.value,
-				[_ctx.$style["bar--disabled"]]: __props.disabled
-			}]) }, [createElementVNode("div", { class: normalizeClass([_ctx.$style.circle, {
-				[_ctx.$style["circle--checked"]]: checked.value,
-				[_ctx.$style["circle--disabled"]]: __props.disabled
-			}]) }, null, 2)], 2)], 4);
-		};
-	}
-});
-//#endregion
-export { ElmSwitch_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/ElmSwitch.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,24 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._switch_gpty5_1{display:none}._bar_gpty5_5{z-index:0;padding:var(--padding);width:var(--width);height:var(--size);border-radius:calc((var(--size) + var(--padding)) / 2);cursor:pointer;background-color:#80808040;transition:opacity .3s,background-color .3s;position:relative;box-shadow:0 0 2px #0000001a}._bar--checked_gpty5_17{background-color:var(--color);opacity:.9}._bar--disabled_gpty5_21{cursor:not-allowed}._circle_gpty5_25{z-index:1;width:var(--size);height:var(--size);top:var(--padding);left:var(--padding);background-color:#ffffffe6;border-radius:50%;transition:transform .3s,opacity .3s,background-color .3s;position:absolute}._circle--checked_gpty5_36{transform:translateX(calc(var(--width) - var(--size)))}._circle--disabled_gpty5_39{opacity:.5;background-color:gray}._circle_gpty5_25:hover{opacity:.8}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmSwitch_vue_vue_type_style_index_0_lang_module_default = {
-	"switch": "_switch_gpty5_1",
-	bar: "_bar_gpty5_5",
-	"bar--checked": "_bar--checked_gpty5_17",
-	"bar--disabled": "_bar--disabled_gpty5_21",
-	circle: "_circle_gpty5_25",
-	"circle--checked": "_circle--checked_gpty5_36",
-	"circle--disabled": "_circle--disabled_gpty5_39"
-};
-//#endregion
-export { ElmSwitch_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/form/ElmTextField.mjs

@@ -1,6 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
-import ElmTextField_vue_vue_type_script_setup_true_lang_default from "./ElmTextField.vue_vue_type_script_setup_true_lang.mjs";
-import ElmTextField_vue_vue_type_style_index_0_lang_module_default from "./ElmTextField.vue_vue_type_style_index_0_lang.module.mjs";
-var ElmTextField_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ElmTextField_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ElmTextField_vue_vue_type_style_index_0_lang_module_default }]]);
-//#endregion
-export { ElmTextField_default as default };

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

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