@elmethis/vue 0.4.2 → 0.5.0

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

@@ -1,33 +0,0 @@
-export interface ElmTextFieldProps {
-    label: string;
-    maxLength?: number;
-    suffix?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    icon?: "text" | "pen" | "email" | "user" | "lock" | "key" | "earth" | "tag" | "archive" | "link" | "search";
-    isPassword?: boolean;
-    required?: boolean;
-}
-type __VLS_Props = ElmTextFieldProps;
-declare const __VLS_defaults: {
-    modelValue: string;
-};
-type __VLS_PublicProps = {
-    modelValue?: typeof __VLS_defaults['modelValue'];
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
-    focus: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    required: boolean;
-    loading: boolean;
-    disabled: boolean;
-    isPassword: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    target: HTMLInputElement;
-}, HTMLDivElement>;
-export default _default;

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

@@ -1,143 +0,0 @@
-import ElmMdiIcon_default from "../icon/ElmMdiIcon.mjs";
-import ElmInlineText_default from "../typography/ElmInlineText.mjs";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, ref, toDisplayString, unref, useModel, useTemplateRef, vModelDynamic, withDirectives } from "vue";
-import { mdiAccount, mdiArchive, mdiBackspaceOutline, mdiEarth, mdiEmail, mdiEyeOffOutline, mdiEyeOutline, mdiKey, mdiLinkVariant, mdiLock, mdiMagnify, mdiPen, mdiTag, mdiText } from "@mdi/js";
-import { nanoid } from "nanoid";
-//#region src/components/form/ElmTextField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["for"];
-var _hoisted_2 = [
-	"id",
-	"type",
-	"placeholder",
-	"disabled",
-	"aria-required"
-];
-var ElmTextField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmTextField",
-	props: /* @__PURE__ */ mergeModels({
-		label: {},
-		maxLength: {},
-		suffix: {},
-		placeholder: {},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		icon: {},
-		isPassword: {
-			type: Boolean,
-			default: false
-		},
-		required: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"modelValue": { default: "" },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props, { expose: __expose }) {
-		const id = nanoid();
-		const isFocused = ref(false);
-		const props = __props;
-		const input = useModel(__props, "modelValue");
-		const type = ref(props.isPassword ? "password" : "text");
-		const handleDelete = () => {
-			if (!props.loading && !props.disabled) input.value = "";
-		};
-		const handleVisibleSwitch = () => {
-			if (!props.loading && !props.disabled) type.value = type.value === "text" ? "password" : "text";
-		};
-		const iconMap = {
-			text: mdiText,
-			pen: mdiPen,
-			email: mdiEmail,
-			user: mdiAccount,
-			lock: mdiLock,
-			key: mdiKey,
-			earth: mdiEarth,
-			tag: mdiTag,
-			archive: mdiArchive,
-			link: mdiLinkVariant,
-			search: mdiMagnify
-		};
-		const t = useTemplateRef("target");
-		__expose({ focus: () => {
-			t.value?.focus();
-		} });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.active]: isFocused.value }]),
-				style: normalizeStyle({
-					backgroundColor: __props.disabled || __props.loading ? "rgba(0,0,0,0.15)" : void 0,
-					"--highlight-color": isFocused.value ? "#bfa056" : void 0
-				})
-			}, [
-				createElementVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createElementVNode("label", {
-					for: unref(id),
-					class: normalizeClass(_ctx.$style.label)
-				}, [createElementVNode("span", null, toDisplayString(__props.label), 1), __props.required ? (openBlock(), createElementBlock("span", {
-					key: 0,
-					class: normalizeClass(_ctx.$style.requierd)
-				}, "*", 2)) : createCommentVNode("", true)], 10, _hoisted_1), __props.maxLength != null ? (openBlock(), createBlock(ElmInlineText_default, {
-					key: 0,
-					text: `${input.value.length} / ${__props.maxLength}`,
-					color: input.value.length > __props.maxLength ? "#c56565" : "gray",
-					size: "0.75rem"
-				}, null, 8, ["text", "color"])) : createCommentVNode("", true)], 2),
-				createElementVNode("div", { class: normalizeClass(_ctx.$style.body) }, [
-					__props.icon ? (openBlock(), createBlock(ElmMdiIcon_default, {
-						key: 0,
-						d: iconMap[__props.icon],
-						size: "1.5rem",
-						color: "gray"
-					}, null, 8, ["d"])) : createCommentVNode("", true),
-					withDirectives(createElementVNode("input", {
-						id: unref(id),
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
-						type: type.value,
-						class: normalizeClass(_ctx.$style.input),
-						placeholder: __props.placeholder,
-						onFocus: _cache[1] || (_cache[1] = ($event) => isFocused.value = true),
-						onBlur: _cache[2] || (_cache[2] = ($event) => isFocused.value = false),
-						disabled: __props.disabled || __props.loading,
-						style: normalizeStyle({ cursor: __props.disabled ? "not-allowed" : __props.loading ? "progress" : "auto" }),
-						"aria-required": __props.required,
-						ref: "target"
-					}, null, 46, _hoisted_2), [[vModelDynamic, input.value]]),
-					createElementVNode("div", { class: normalizeClass(_ctx.$style["icon-box"]) }, [
-						createElementVNode("span", { class: normalizeClass(_ctx.$style.suffix) }, [__props.suffix != null ? (openBlock(), createBlock(ElmInlineText_default, {
-							key: 0,
-							text: __props.suffix
-						}, null, 8, ["text"])) : createCommentVNode("", true)], 2),
-						createVNode(ElmMdiIcon_default, {
-							d: type.value === "text" ? unref(mdiEyeOutline) : unref(mdiEyeOffOutline),
-							size: "1.75em",
-							color: "gray",
-							class: normalizeClass(_ctx.$style.icon),
-							onClick: handleVisibleSwitch
-						}, null, 8, ["d", "class"]),
-						createVNode(ElmMdiIcon_default, {
-							d: unref(mdiBackspaceOutline),
-							size: "1.75em",
-							color: "gray",
-							class: normalizeClass(_ctx.$style.icon),
-							onClick: handleDelete
-						}, null, 8, ["d", "class"])
-					], 2)
-				], 2),
-				createElementVNode("div", {
-					class: normalizeClass(_ctx.$style.loading),
-					style: normalizeStyle({ opacity: __props.loading ? .2 : 0 })
-				}, null, 6)
-			], 6);
-		};
-	}
-});
-//#endregion
-export { ElmTextField_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,29 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("@keyframes _loading_1yj0v_19{0%{transform-origin:0%;transform:scaleX(0)}40%{transform-origin:0%;transform:scaleX(1)}60%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}._loading_1yj0v_19{pointer-events:none;background-color:#6987b8;width:100%;height:100%;transition:opacity .2s;animation-name:_loading_1yj0v_19;animation-duration:1.6s;animation-iteration-count:infinite;position:absolute;top:0;left:0}._wrapper_1yj0v_33{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;overflow:hidden;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_1yj0v_33{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._active_1yj0v_55{border-color:var(--highlight-color)}._header_1yj0v_59{box-sizing:border-box;justify-content:space-between;height:.75rem;padding:0 .25rem;display:flex}._label_1yj0v_67{vertical-align:top;color:var(--highlight-color,#000000a6);height:.75rem;margin:0;padding:0;font-size:.75rem;line-height:.75rem;transition:color .2s;display:inline}[data-theme=dark] ._label_1yj0v_67{color:var(--highlight-color,#ffffffa6)}._requierd_1yj0v_82{color:#c56565;padding-inline:.25rem;font-weight:700}._body_1yj0v_88{justify-content:space-between;align-items:center;padding-left:.25rem;padding-right:.25rem;display:flex}._left-icon_1yj0v_96{opacity:.7;justify-content:center;align-items:center;width:24px;height:24px;margin:auto .25rem;display:flex}[data-theme=dark] ._left-icon_1yj0v_96{filter:invert()}._input_1yj0v_109{all:unset;box-sizing:border-box;color:#000000b3;caret-color:#000000b3;width:100%;padding:.5rem}._input_1yj0v_109::placeholder{opacity:.5}[data-theme=dark] ._input_1yj0v_109::placeholder{opacity:.7}._input_1yj0v_109::selection{color:#ffffffb3;background-color:#000000b3}[data-theme=dark] ._input_1yj0v_109{color:#ffffffb3;caret-color:#ffffffb3}[data-theme=dark] ._input_1yj0v_109::selection{color:#000000b3;background-color:#ffffffb3}._icon-box_1yj0v_136{justify-content:space-between;align-items:center;display:flex}._icon_1yj0v_136{box-sizing:border-box;cursor:pointer;border-radius:.125em;padding:.25rem;transition:background-color .2s}._icon_1yj0v_136:hover{background-color:#80808033}._suffix_1yj0v_153{opacity:.6;-webkit-user-select:none;user-select:none;color:#000000a6;padding:0 .5rem;transition:color .2s}[data-theme=dark] ._suffix_1yj0v_153{color:#ffffffa6}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmTextField_vue_vue_type_style_index_0_lang_module_default = {
-	loading: "_loading_1yj0v_19",
-	wrapper: "_wrapper_1yj0v_33",
-	active: "_active_1yj0v_55",
-	header: "_header_1yj0v_59",
-	label: "_label_1yj0v_67",
-	requierd: "_requierd_1yj0v_82",
-	body: "_body_1yj0v_88",
-	"left-icon": "_left-icon_1yj0v_96",
-	input: "_input_1yj0v_109",
-	"icon-box": "_icon-box_1yj0v_136",
-	icon: "_icon_1yj0v_136",
-	suffix: "_suffix_1yj0v_153"
-};
-//#endregion
-export { ElmTextField_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/form/ElmValidation.mjs

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

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

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

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

@@ -1,9 +0,0 @@
-export interface ElmValidationProps {
-    text: string;
-    validColor?: string;
-    isValid: boolean;
-}
-declare const _default: import('vue').DefineComponent<ElmValidationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmValidationProps> & Readonly<{}>, {
-    validColor: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

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

@@ -1,29 +0,0 @@
-import ElmMdiIcon_default from "../icon/ElmMdiIcon.mjs";
-import ElmInlineText_default from "../typography/ElmInlineText.mjs";
-import { createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
-import { mdiCheckCircle, mdiCheckCircleOutline } from "@mdi/js";
-//#region src/components/form/ElmValidation.vue?vue&type=script&setup=true&lang.ts
-var ElmValidation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmValidation",
-	props: {
-		text: {},
-		validColor: { default: "#449763" },
-		isValid: { type: Boolean }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(_ctx.$style.validation),
-				style: normalizeStyle({ "--opacity": __props.isValid ? 1 : .5 })
-			}, [createVNode(ElmMdiIcon_default, {
-				d: __props.isValid ? unref(mdiCheckCircle) : unref(mdiCheckCircleOutline),
-				color: __props.isValid ? __props.validColor : void 0
-			}, null, 8, ["d", "color"]), createVNode(ElmInlineText_default, {
-				text: __props.text,
-				color: __props.isValid ? __props.validColor : void 0
-			}, null, 8, ["text", "color"])], 6);
-		};
-	}
-});
-//#endregion
-export { ElmValidation_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,16 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._validation_r3xix_1{opacity:var(--opacity);justify-content:flex-start;align-items:center;gap:.5rem;padding:.125rem 0;transition:opacity .25s;display:flex}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmValidation_vue_vue_type_style_index_0_lang_module_default = { validation: "_validation_r3xix_1" };
-//#endregion
-export { ElmValidation_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/icon/ElmArrowIcon.mjs

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

package/dist/components/icon/ElmArrowIcon.stories.d.ts

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

package/dist/components/icon/ElmArrowIcon.vue.d.ts

@@ -1,26 +0,0 @@
-import { Property } from 'csstype';
-export interface ElmArrowIconProps {
-    /**
-     * Specifies the direction of the arrow.
-     */
-    direction?: "up" | "down" | "left" | "right";
-    /**
-     * Specifies whether the arrow is in loading state.
-     */
-    loading?: boolean;
-    /**
-     * Specifies whether the arrow is in pending state.
-     */
-    pending?: boolean;
-    /**
-     * Specifies the size of the arrow.
-     */
-    size?: Property.Height;
-}
-declare const _default: import('vue').DefineComponent<ElmArrowIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmArrowIconProps> & Readonly<{}>, {
-    size: Property.Height;
-    loading: boolean;
-    pending: boolean;
-    direction: "up" | "down" | "left" | "right";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

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

@@ -1,34 +0,0 @@
-import { createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock } from "vue";
-//#region src/components/icon/ElmArrowIcon.vue?vue&type=script&setup=true&lang.ts
-var ElmArrowIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmArrowIcon",
-	props: {
-		direction: { default: "right" },
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		pending: {
-			type: Boolean,
-			default: false
-		},
-		size: { default: "2rem" }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass([_ctx.$style.arrow, {
-					[_ctx.$style.normal]: !__props.loading && !__props.pending,
-					[_ctx.$style.loading]: __props.loading,
-					[_ctx.$style.pending]: !__props.loading && __props.pending
-				}]),
-				style: normalizeStyle({
-					"--size": __props.size,
-					transform: __props.direction === "up" ? "rotate(270deg)" : __props.direction === "down" ? "rotate(90deg)" : __props.direction === "left" ? "rotate(180deg)" : "rotate(0deg)"
-				})
-			}, null, 6);
-		};
-	}
-});
-//#endregion
-export { ElmArrowIcon_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/icon/ElmArrowIcon.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,21 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("@keyframes _loading_hcczr_27{0%{background-position:200% 0}33%{background-position:100% 0}66%{background-position:100% 0}to{background-position:0 0}}._arrow_hcczr_15{width:var(--size);height:var(--size);clip-path:polygon(50% 33%,0% 33%,0% 66%,50% 66%,50% 100%,100% 50%,50% 0%);background:linear-gradient(90deg,#000000b3 0 50%,#0003 50%) 0 0/200% 100%}[data-theme=dark] ._arrow_hcczr_15{background:linear-gradient(90deg,#ffffffb3 0 50%,#fff3 50%) 0 0/200% 100%}._loading_hcczr_27{animation-name:_loading_hcczr_27;animation-duration:1.6s;animation-iteration-count:infinite}._normal_hcczr_33{background:#000000b3;transition:background .4s}[data-theme=dark] ._normal_hcczr_33{background:#ffffffb3}._pending_hcczr_41{background:#0003;transition:background .4s}[data-theme=dark] ._pending_hcczr_41{background:#fff3}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmArrowIcon_vue_vue_type_style_index_0_lang_module_default = {
-	arrow: "_arrow_hcczr_15",
-	loading: "_loading_hcczr_27",
-	normal: "_normal_hcczr_33",
-	pending: "_pending_hcczr_41"
-};
-//#endregion
-export { ElmArrowIcon_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/icon/ElmBookmarkIcon.mjs

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

package/dist/components/icon/ElmBookmarkIcon.stories.d.ts

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

package/dist/components/icon/ElmBookmarkIcon.vue.d.ts

@@ -1,7 +0,0 @@
-export interface ElmBookmarkIconProps {
-    name?: string;
-    href: string;
-    favicon?: string;
-}
-declare const _default: import('vue').DefineComponent<ElmBookmarkIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBookmarkIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
-export default _default;

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

@@ -1,40 +0,0 @@
-import ElmMdiIcon_default from "./ElmMdiIcon.mjs";
-import ElmInlineText_default from "../typography/ElmInlineText.mjs";
-import { createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
-import { mdiEarth } from "@mdi/js";
-//#region src/components/icon/ElmBookmarkIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["href"];
-var _hoisted_2 = ["src", "alt"];
-var ElmBookmarkIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmBookmarkIcon",
-	props: {
-		name: {},
-		href: {},
-		favicon: {}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("a", {
-				class: normalizeClass(_ctx.$style.wrapper),
-				href: __props.href,
-				target: "_blank",
-				rel: "noopener noreferrer"
-			}, [__props.favicon != null ? (openBlock(), createElementBlock("img", {
-				key: 0,
-				class: normalizeClass(_ctx.$style.favicon),
-				src: __props.favicon,
-				alt: `favicon of ${__props.name ?? __props.href}`
-			}, null, 10, _hoisted_2)) : (openBlock(), createBlock(ElmMdiIcon_default, {
-				key: 1,
-				d: unref(mdiEarth),
-				size: "2.5rem",
-				style: { "opacity": "0.7" }
-			}, null, 8, ["d"])), createElementVNode("div", { class: normalizeClass(_ctx.$style.text) }, [createVNode(ElmInlineText_default, {
-				text: __props.name ?? __props.href,
-				size: ".6rem"
-			}, null, 8, ["text"])], 2)], 10, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { ElmBookmarkIcon_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/icon/ElmBookmarkIcon.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,20 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._wrapper_1djyj_1{all:unset;box-sizing:border-box;cursor:pointer;border-radius:.25rem;flex-direction:column;justify-content:space-around;align-items:center;width:5rem;height:5.5rem;padding:.5rem;transition:background-color .1s;display:flex}._wrapper_1djyj_1:hover{background-color:#0000001a}[data-theme=dark] ._wrapper_1djyj_1:hover{background-color:#ffffff1a}._favicon_1djyj_22{width:2.5rem;height:2.5rem}._text_1djyj_27{text-align:center;vertical-align:middle;text-overflow:ellipsis;width:4rem;line-height:.75rem;overflow:hidden}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmBookmarkIcon_vue_vue_type_style_index_0_lang_module_default = {
-	wrapper: "_wrapper_1djyj_1",
-	favicon: "_favicon_1djyj_22",
-	text: "_text_1djyj_27"
-};
-//#endregion
-export { ElmBookmarkIcon_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/icon/ElmCubeIcon.mjs

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

package/dist/components/icon/ElmCubeIcon.stories.d.ts

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

package/dist/components/icon/ElmCubeIcon.vue.d.ts

@@ -1,10 +0,0 @@
-export interface ElmCubeIconProps {
-    /**
-     * The size of the cube [px]
-     */
-    size?: number;
-}
-declare const _default: import('vue').DefineComponent<ElmCubeIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCubeIconProps> & Readonly<{}>, {
-    size: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

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

@@ -1,53 +0,0 @@
-import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList } from "vue";
-//#region src/components/icon/ElmCubeIcon.vue?vue&type=script&setup=true&lang.ts
-var ElmCubeIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmCubeIcon",
-	props: { size: { default: 128 } },
-	setup(__props) {
-		const props = __props;
-		const commonTranslateZ = computed(() => `translateZ(${props.size / 2}px)`);
-		const faces = [
-			{
-				name: "front",
-				rotate: ""
-			},
-			{
-				name: "back",
-				rotate: "rotateY(180deg)"
-			},
-			{
-				name: "left",
-				rotate: "rotateY(-90deg)"
-			},
-			{
-				name: "right",
-				rotate: "rotateY(90deg)"
-			},
-			{
-				name: "top",
-				rotate: "rotateX(90deg)"
-			},
-			{
-				name: "bottom",
-				rotate: "rotateX(-90deg)"
-			}
-		];
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(_ctx.$style.cube),
-				style: normalizeStyle({
-					width: `${__props.size}px`,
-					height: `${__props.size}px`
-				})
-			}, [(openBlock(), createElementBlock(Fragment, null, renderList(faces, (face) => {
-				return createElementVNode("div", {
-					key: face.name,
-					class: normalizeClass(_ctx.$style.face),
-					style: normalizeStyle({ transform: `${face.rotate} ${commonTranslateZ.value}` })
-				}, null, 6);
-			}), 64))], 6);
-		};
-	}
-});
-//#endregion
-export { ElmCubeIcon_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/icon/ElmCubeIcon.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,20 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._cube_oh6hr_1{transform-style:preserve-3d;animation:1.5s linear infinite _elmethis-cube-icon-rotate_oh6hr_1;position:relative;transform:rotateX(-30deg)rotateY(-45deg)}._face_oh6hr_8{backface-visibility:hidden;-webkit-user-select:none;user-select:none;background-color:#fff3;border:1px solid #000000b3;border-radius:2px;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex;position:absolute}[data-theme=dark] ._face_oh6hr_8{background-color:#0003;border-color:#ffffffb3}@keyframes _elmethis-cube-icon-rotate_oh6hr_1{0%{transform:rotateX(-30deg)rotateY(-45deg)rotate(0)}to{transform:rotateX(-30deg)rotateY(315deg)rotate(360deg)}}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmCubeIcon_vue_vue_type_style_index_0_lang_module_default = {
-	cube: "_cube_oh6hr_1",
-	"elmethis-cube-icon-rotate": "_elmethis-cube-icon-rotate_oh6hr_1",
-	face: "_face_oh6hr_8"
-};
-//#endregion
-export { ElmCubeIcon_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/icon/ElmDotLoadingIcon.mjs

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

package/dist/components/icon/ElmDotLoadingIcon.stories.d.ts

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

package/dist/components/icon/ElmDotLoadingIcon.vue.d.ts

@@ -1,18 +0,0 @@
-import { Property } from 'csstype';
-export interface ElmDotLoadingIconProps {
-    /**
-     * Specifies the color of the dot.
-     *
-     * e.g.) `'red'`, `'#ff0000'`, `'rgba(255, 0, 0, 0.5)'`
-     */
-    color?: Property.BackgroundColor;
-    /**
-     * Specifies the size of the dot.
-     */
-    size?: Property.Width<string | number>;
-}
-declare const _default: import('vue').DefineComponent<ElmDotLoadingIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDotLoadingIconProps> & Readonly<{}>, {
-    size: Property.Width<string | number>;
-    color: Property.BackgroundColor;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/icon/ElmDotLoadingIcon.vue_vue_type_script_setup_true_lang.mjs

@@ -1,29 +0,0 @@
-import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList } from "vue";
-//#region src/components/icon/ElmDotLoadingIcon.vue?vue&type=script&setup=true&lang.ts
-var ElmDotLoadingIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmDotLoadingIcon",
-	props: {
-		color: { default: void 0 },
-		size: { default: "64px" }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(_ctx.$style.wrapper),
-				style: normalizeStyle({
-					width: __props.size,
-					height: __props.size
-				})
-			}, [(openBlock(), createElementBlock(Fragment, null, renderList(3, (n) => {
-				return createElementVNode("div", {
-					class: normalizeClass(_ctx.$style.dot),
-					"aria-hidden": "",
-					key: n,
-					style: normalizeStyle({ backgroundColor: __props.color })
-				}, null, 6);
-			}), 64))], 6);
-		};
-	}
-});
-//#endregion
-export { ElmDotLoadingIcon_vue_vue_type_script_setup_true_lang_default as default };