@elmethis/vue 0.4.2 → 0.5.0

package/dist/components/typography/ElmBlockQuote.vue_vue_type_script_setup_true_lang.mjs

@@ -1,60 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref } from "vue";
-import { mdiFormatQuoteClose, mdiFormatQuoteOpen } from "@mdi/js";
-import { useIntersectionObserver } from "@vueuse/core";
-//#region src/components/typography/ElmBlockQuote.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["cite"];
-var _hoisted_2 = ["href"];
-var _hoisted_3 = ["d"];
-var _hoisted_4 = ["d"];
-var ElmBlockQuote_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmBlockQuote",
-	props: { cite: {} },
-	setup(__props) {
-		const target = ref(null);
-		const targetIsVisible = ref(false);
-		useIntersectionObserver(target, ([{ isIntersecting }], _) => {
-			targetIsVisible.value = isIntersecting;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("blockquote", {
-				ref_key: "target",
-				ref: target,
-				class: normalizeClass(_ctx.$style.blockquote),
-				style: normalizeStyle({ "--opacity": targetIsVisible.value ? 1 : 0 }),
-				cite: __props.cite
-			}, [
-				renderSlot(_ctx.$slots, "default"),
-				__props.cite ? (openBlock(), createElementBlock("cite", {
-					key: 0,
-					class: normalizeClass(_ctx.$style.cite)
-				}, [createElementVNode("a", {
-					href: __props.cite,
-					target: "_blank",
-					rel: "noopener noreferrer"
-				}, toDisplayString(__props.cite), 9, _hoisted_2)], 2)) : createCommentVNode("", true),
-				(openBlock(), createElementBlock("svg", {
-					class: normalizeClass(_ctx.$style.icon),
-					style: {
-						"top": "0.25rem",
-						"left": "0.25rem"
-					},
-					viewBox: "0 0 24 24",
-					width: "1rem",
-					height: "1rem"
-				}, [createElementVNode("path", { d: unref(mdiFormatQuoteOpen) }, null, 8, _hoisted_3)], 2)),
-				(openBlock(), createElementBlock("svg", {
-					class: normalizeClass(_ctx.$style.icon),
-					style: {
-						"bottom": "0.25rem",
-						"right": "0.25rem"
-					},
-					viewBox: "0 0 24 24",
-					width: "1rem",
-					height: "1rem"
-				}, [createElementVNode("path", { d: unref(mdiFormatQuoteClose) }, null, 8, _hoisted_4)], 2))
-			], 14, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { ElmBlockQuote_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/typography/ElmBlockQuote.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("._blockquote_aha6d_1{opacity:var(--opacity);box-sizing:border-box;margin-block:2rem;background-color:#868e9c0d;border-left:4px solid #0003;margin:0;padding:1.5rem .5rem 1.5rem 1.5rem;transition:opacity .8s;position:relative}[data-theme=dark] ._blockquote_aha6d_1{border-left-color:#bec2ca33}._cite_aha6d_16{font-size:.75rem;line-height:.75rem;position:absolute;bottom:.5rem;right:2rem}._cite_aha6d_16 a{all:unset;color:#6987b8;cursor:pointer;border-radius:.125rem;padding:0 .25rem;transition:background-color .1s}._cite_aha6d_16 a:hover{background-color:#6987b826}._icon_aha6d_35{fill:#868e9c;width:1rem;height:1rem;margin:0;padding:0;position:absolute}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmBlockQuote_vue_vue_type_style_index_0_lang_module_default = {
-	blockquote: "_blockquote_aha6d_1",
-	cite: "_cite_aha6d_16",
-	icon: "_icon_aha6d_35"
-};
-//#endregion
-export { ElmBlockQuote_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/typography/ElmCallout.mjs

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

package/dist/components/typography/ElmCallout.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmCallout } from './ElmCallout.vue';
-declare const meta: Meta<typeof ElmCallout>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Tip: Story;
-export declare const Important: Story;
-export declare const Warning: Story;
-export declare const Caution: Story;
-export declare const Nested: Story;

package/dist/components/typography/ElmCallout.vue.d.ts

@@ -1,30 +0,0 @@
-export type AlertType = "note" | "tip" | "important" | "warning" | "caution";
-export interface ElmCalloutProps {
-    /**
-     * Type of alert
-     */
-    type?: AlertType;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        target: HTMLElement;
-    };
-    rootEl: HTMLElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmCalloutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCalloutProps> & Readonly<{}>, {
-    type: AlertType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    target: HTMLElement;
-}, HTMLElement>;
-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/typography/ElmCallout.vue_vue_type_script_setup_true_lang.mjs

@@ -1,61 +0,0 @@
-import ElmMdiIcon_default from "../icon/ElmMdiIcon.mjs";
-import ElmInlineText_default from "./ElmInlineText.mjs";
-import { createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref } from "vue";
-import { mdiAlert, mdiAlertOctagram, mdiInformation, mdiLightbulbOn, mdiShieldAlert } from "@mdi/js";
-import { rgba } from "polished";
-import { useIntersectionObserver } from "@vueuse/core";
-//#region src/components/typography/ElmCallout.vue?vue&type=script&setup=true&lang.ts
-var ElmCallout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmCallout",
-	props: { type: { default: "note" } },
-	setup(__props) {
-		const colors = {
-			note: {
-				code: "#6987b8",
-				icon: mdiInformation
-			},
-			tip: {
-				code: "#59b57c",
-				icon: mdiLightbulbOn
-			},
-			important: {
-				code: "#9771bd",
-				icon: mdiShieldAlert
-			},
-			warning: {
-				code: "#b8a36e",
-				icon: mdiAlert
-			},
-			caution: {
-				code: "#b36472",
-				icon: mdiAlertOctagram
-			}
-		};
-		const target = ref(null);
-		const targetIsVisible = ref(false);
-		useIntersectionObserver(target, ([{ isIntersecting }], _) => {
-			targetIsVisible.value = isIntersecting;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("aside", {
-				ref_key: "target",
-				ref: target,
-				class: normalizeClass(_ctx.$style.callout),
-				style: normalizeStyle({
-					"--border-color": colors[__props.type].code,
-					"--bg-color": unref(rgba)(colors[__props.type].code, .1),
-					"--scale": targetIsVisible.value ? 1 : 0
-				})
-			}, [createElementVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(ElmMdiIcon_default, {
-				d: colors[__props.type].icon,
-				size: "1.25em",
-				color: colors[__props.type].code
-			}, null, 8, ["d", "color"]), createVNode(ElmInlineText_default, {
-				text: __props.type.toUpperCase(),
-				color: colors[__props.type].code
-			}, null, 8, ["text", "color"])], 2), createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")])], 6);
-		};
-	}
-});
-//#endregion
-export { ElmCallout_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/typography/ElmCallout.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,19 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._callout_1gvd6_1{box-sizing:border-box;border-left:solid 4px var(--border-color);flex-direction:column;gap:.5rem;margin-block:2rem;padding:.75rem 1rem;display:flex;position:relative}._callout_1gvd6_1:before{z-index:-1;content:\"\";background-color:var(--bg-color);width:100%;height:100%;transform:scaleX(var(--scale));transform-origin:0;pointer-events:none;transition:transform .8s;position:absolute;top:0;left:0}._header_1gvd6_26{align-items:center;gap:.5rem;display:flex}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmCallout_vue_vue_type_style_index_0_lang_module_default = {
-	callout: "_callout_1gvd6_1",
-	header: "_header_1gvd6_26"
-};
-//#endregion
-export { ElmCallout_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/typography/ElmDivider.mjs

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

package/dist/components/typography/ElmDivider.stories.d.ts

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

package/dist/components/typography/ElmDivider.vue.d.ts

@@ -1,11 +0,0 @@
-import { Property } from 'csstype';
-export interface ElmDividerProps {
-    /**
-     * The margin of the divider.
-     */
-    margin?: Property.MarginBlock;
-}
-declare const _default: import('vue').DefineComponent<ElmDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    target: HTMLHRElement;
-}, HTMLHRElement>;
-export default _default;

package/dist/components/typography/ElmDivider.vue_vue_type_script_setup_true_lang.mjs

@@ -1,27 +0,0 @@
-import { createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, ref } from "vue";
-import { useIntersectionObserver } from "@vueuse/core";
-//#region src/components/typography/ElmDivider.vue?vue&type=script&setup=true&lang.ts
-var ElmDivider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmDivider",
-	props: { margin: {} },
-	setup(__props) {
-		const target = ref(null);
-		const targetIsVisible = ref(false);
-		useIntersectionObserver(target, ([{ isIntersecting }], _) => {
-			targetIsVisible.value = isIntersecting;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("hr", {
-				ref_key: "target",
-				ref: target,
-				class: normalizeClass(_ctx.$style.divider),
-				style: normalizeStyle({
-					"--scale": targetIsVisible.value ? 1 : 0,
-					"--margin-block": __props.margin
-				})
-			}, null, 6);
-		};
-	}
-});
-//#endregion
-export { ElmDivider_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/typography/ElmDivider.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("._divider_10gwr_1{margin-block:var(--margin-block);width:100%;transform:scaleX(var(--scale));border:none;border-bottom:1px solid #555b67;transition:transform 1.2s;display:block;position:relative;overflow:visible}[data-theme=dark] ._divider_10gwr_1{border-bottom-color:#bec2ca}._divider_10gwr_1:before{content:\"\";background-color:#555b67;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px}[data-theme=dark] ._divider_10gwr_1:before{background-color:#bec2ca}._divider_10gwr_1:before{left:0}._divider_10gwr_1:after{content:\"\";background-color:#555b67;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px}[data-theme=dark] ._divider_10gwr_1:after{background-color:#bec2ca}._divider_10gwr_1:after{right:0}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmDivider_vue_vue_type_style_index_0_lang_module_default = { divider: "_divider_10gwr_1" };
-//#endregion
-export { ElmDivider_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/typography/ElmFragmentIdentifier.mjs

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

package/dist/components/typography/ElmFragmentIdentifier.stories.d.ts

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

package/dist/components/typography/ElmFragmentIdentifier.vue.d.ts

@@ -1,8 +0,0 @@
-export interface ElmFragmentIdentifierProps {
-    /**
-     * ID of the heading element.
-     */
-    id: string;
-}
-declare const _default: import('vue').DefineComponent<ElmFragmentIdentifierProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmFragmentIdentifierProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
-export default _default;

package/dist/components/typography/ElmFragmentIdentifier.vue_vue_type_script_setup_true_lang.mjs

@@ -1,23 +0,0 @@
-import { createElementBlock, defineComponent, normalizeClass, openBlock } from "vue";
-//#region src/components/typography/ElmFragmentIdentifier.vue?vue&type=script&setup=true&lang.ts
-var ElmFragmentIdentifier_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmFragmentIdentifier",
-	props: { id: {} },
-	setup(__props) {
-		const handleHashClick = (id) => {
-			const url = new URL(window.location.href);
-			url.hash = id;
-			window.history.replaceState(null, "", url.toString());
-			const target = document.getElementById(id);
-			if (target != null) target.scrollIntoView({ behavior: "smooth" });
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", {
-				class: normalizeClass(_ctx.$style.fragment),
-				onClick: _cache[0] || (_cache[0] = ($event) => handleHashClick(__props.id))
-			}, "#", 2);
-		};
-	}
-});
-//#endregion
-export { ElmFragmentIdentifier_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/typography/ElmFragmentIdentifier.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("._fragment_1kofp_1{color:#b69545;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:1;border-radius:.125rem;justify-content:center;align-items:center;width:1rem;height:1rem;margin-inline-start:.5rem;padding:.125rem;font-size:1rem;transition:background-color .2s,opacity .1s,transform .1s;display:inline-flex}._fragment_1kofp_1:hover{background-color:#868e9c33}._fragment_1kofp_1:active{opacity:.5;transform:translate(1px)translateY(1px)}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmFragmentIdentifier_vue_vue_type_style_index_0_lang_module_default = { fragment: "_fragment_1kofp_1" };
-//#endregion
-export { ElmFragmentIdentifier_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/typography/ElmHeading.mjs

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

package/dist/components/typography/ElmHeading.stories.d.ts

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

package/dist/components/typography/ElmHeading.vue.d.ts

@@ -1,49 +0,0 @@
-import { Property } from 'csstype';
-import { VNode } from 'vue';
-export interface ElmHeadingProps {
-    /**
-     * Text to display
-     */
-    text?: string;
-    /**
-     * Font size of the text. Default is `'1.5rem'`.
-     */
-    size?: Property.FontSize;
-    /**
-     * ID of the heading element.
-     * Default is kebab-cased `text`. (using lodash)
-     */
-    id?: string;
-    /**
-     * Whether to disable fragment identifier.
-     * Default is `false`.
-     */
-    disableFragmentIdentifier?: boolean;
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default?: () => VNode[];
-    }> & {
-        default?: () => VNode[];
-    };
-    refs: {
-        target: unknown;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmHeadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmHeadingProps> & Readonly<{}>, {
-    disableFragmentIdentifier: boolean;
-    level: 1 | 2 | 3 | 4 | 5 | 6;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    target: unknown;
-}, any>;
-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/typography/ElmHeading.vue_vue_type_script_setup_true_lang.mjs

@@ -1,94 +0,0 @@
-import ElmFragmentIdentifier_default from "./ElmFragmentIdentifier.mjs";
-import heading_module_default from "../../styles/heading.module.mjs";
-import { createBlock, createCommentVNode, createElementBlock, defineComponent, h, isVNode, normalizeClass, normalizeStyle, openBlock, ref, resolveDynamicComponent, unref, useSlots, withCtx } from "vue";
-import { useIntersectionObserver } from "@vueuse/core";
-import { kebabCase } from "lodash-es";
-//#region src/components/typography/ElmHeading.vue?vue&type=script&setup=true&lang.ts
-var ElmHeading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ElmHeading",
-	props: {
-		text: {},
-		size: {},
-		id: {},
-		disableFragmentIdentifier: {
-			type: Boolean,
-			default: false
-		},
-		level: { default: 1 }
-	},
-	setup(__props) {
-		const SIZE_MAP = Object.freeze({
-			1: 1.5,
-			2: 1.4,
-			3: 1.3,
-			4: 1.2,
-			5: 1.15,
-			6: 1.1
-		});
-		const props = __props;
-		const target = ref(null);
-		const targetIsVisible = ref(false);
-		useIntersectionObserver(target, ([{ isIntersecting }], _) => {
-			targetIsVisible.value = isIntersecting;
-		});
-		const slots = useSlots();
-		const renderSlots = () => {
-			if (slots.default != null) return slots.default();
-			else if (props.text != null) return h("span", {}, props.text);
-			else return h("span");
-		};
-		const extractTextFromVNode = (vnodes) => {
-			const nodes = Array.isArray(vnodes) ? vnodes : [vnodes];
-			const extract = (node) => {
-				if (typeof node.children === "string") return node.children;
-				if (Array.isArray(node.children)) return node.children.map((child) => {
-					return isVNode(child) ? extract(child) : typeof child === "string" ? child : "";
-				}).join("");
-				return "";
-			};
-			return nodes.map(extract).join("");
-		};
-		const extractId = () => {
-			if (props.id) return props.id;
-			if (slots.default) return kebabCase(extractTextFromVNode(slots.default()));
-			return kebabCase(props.text);
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(`h${__props.level}`), {
-				ref_key: "target",
-				ref: target,
-				class: normalizeClass([
-					_ctx.$style[`h${__props.level}`],
-					_ctx.$style["heading-common"],
-					unref(heading_module_default).heading
-				]),
-				id: __props.id ?? unref(kebabCase)(__props.text),
-				style: normalizeStyle({
-					"--font-size": __props.size ?? `${unref(SIZE_MAP)[__props.level]}rem`,
-					"--scale": targetIsVisible.value ? 1 : 0,
-					"--opacity": targetIsVisible.value ? 1 : 0
-				})
-			}, {
-				default: withCtx(() => [
-					(openBlock(), createBlock(resolveDynamicComponent(() => renderSlots()))),
-					!__props.disableFragmentIdentifier ? (openBlock(), createBlock(ElmFragmentIdentifier_default, {
-						key: 0,
-						id: extractId()
-					}, null, 8, ["id"])) : createCommentVNode("", true),
-					__props.level === 2 ? (openBlock(), createElementBlock("span", {
-						key: 1,
-						class: normalizeClass(_ctx.$style["h2__underline"]),
-						"aria-hidden": ""
-					}, null, 2)) : createCommentVNode("", true)
-				]),
-				_: 1
-			}, 8, [
-				"class",
-				"id",
-				"style"
-			]);
-		};
-	}
-});
-//#endregion
-export { ElmHeading_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/typography/ElmHeading.vue_vue_type_style_index_0_lang.module.mjs

@@ -1,25 +0,0 @@
-(function() {
-	//#region \0vite/all-css
-	try {
-		if (typeof document != "undefined") {
-			var elementStyle = document.createElement("style");
-			elementStyle.appendChild(document.createTextNode("._heading-common_1sxzn_1{font-size:var(--font-size);line-height:var(--font-size);opacity:var(--opacity);margin-block:1.5rem;transition:color .4s,opacity .8s;position:relative}._h1_1sxzn_10:after{content:\"\";width:100%;height:.25px;transform:scaleX(var(--scale));background-color:#00000080;transition:transform .8s;position:absolute;bottom:-10px;left:0}[data-theme=dark] ._h1_1sxzn_10:after{background-color:#ffffff80}._h1_1sxzn_10:before{content:\"\";width:10%;height:2px;transform:scaleY(var(--scale));transform-origin:top;background-color:#0009;transition:transform .8s;position:absolute;bottom:-12px;left:45%}[data-theme=dark] ._h1_1sxzn_10:before{background-color:#fff9}._h2_1sxzn_40:after{content:\"\";opacity:.8;background-color:#000c;width:6px;height:8px;position:absolute;bottom:-4px;right:2px;transform:skew(-25deg)}[data-theme=dark] ._h2_1sxzn_40:after{background-color:#fffc}._h2_1sxzn_40:before{content:\"\";opacity:.8;background-color:#000c;width:6px;height:8px;position:absolute;bottom:-4px;right:10px;transform:skew(-25deg)}[data-theme=dark] ._h2_1sxzn_40:before{background-color:#fffc}._h2__underline_1sxzn_68{content:\"\";width:100%;height:.25px;transform:scaleX(var(--scale));transform-origin:0;background-color:#00000080;transition:transform .8s;position:absolute;bottom:-6px;left:0;overflow:hidden}[data-theme=dark] ._h2__underline_1sxzn_68{background-color:#ffffff80}._h3_1sxzn_85{box-sizing:border-box;padding-left:.75rem}._h3_1sxzn_85:after{content:\"\";background-color:#000c;width:3px;height:50%;position:absolute;top:25%;left:0}[data-theme=dark] ._h3_1sxzn_85:after{background-color:#fffc}._h4_1sxzn_102,._h5_1sxzn_106,._h6_1sxzn_110{position:relative}"));
-			document.head.appendChild(elementStyle);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-	//#endregion
-})();
-var ElmHeading_vue_vue_type_style_index_0_lang_module_default = {
-	"heading-common": "_heading-common_1sxzn_1",
-	h1: "_h1_1sxzn_10",
-	h2: "_h2_1sxzn_40",
-	h2__underline: "_h2__underline_1sxzn_68",
-	h3: "_h3_1sxzn_85",
-	h4: "_h4_1sxzn_102",
-	h5: "_h5_1sxzn_106",
-	h6: "_h6_1sxzn_110"
-};
-//#endregion
-export { ElmHeading_vue_vue_type_style_index_0_lang_module_default as default };

package/dist/components/typography/ElmInlineText.mjs

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

package/dist/components/typography/ElmInlineText.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as ElmInlineText } from './ElmInlineText.vue';
-declare const meta: Meta<typeof ElmInlineText>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Colored: Story;
-export declare const Kbd: Story;
-export declare const Background: Story;
-export declare const Ruby: Story;
-export declare const Link: Story;
-export declare const LinkWithOgp: Story;

package/dist/components/typography/ElmInlineText.vue.d.ts

@@ -1,85 +0,0 @@
-import { Property } from 'csstype';
-import { VNodeChild } from 'vue';
-export interface ElmInlineTextProps {
-    /**
-     * The text to display.
-     */
-    text?: string;
-    /**
-     * Specifies the color of the text.
-     *
-     * e.g.) `'red'`, `'#ff0000'`, `'rgba(255, 0, 0, 0.5)'`
-     */
-    color?: Property.Color;
-    /**
-     * Specifies the font size of the text.
-     */
-    size?: Property.FontSize;
-    /**
-     * Specifies whether the text should be bold.
-     */
-    bold?: boolean;
-    /**
-     * Specifies whether the text should be italic.
-     */
-    italic?: boolean;
-    /**
-     * Specifies whether the text should be underlined.
-     */
-    underline?: boolean;
-    /**
-     * Specifies whether the text should be strikethrough.
-     */
-    strikethrough?: boolean;
-    /**
-     * Specifies whether the text should be displayed as code.
-     */
-    code?: boolean;
-    kbd?: boolean;
-    /**
-     * Specifies the background color of the text.
-     */
-    backgroundColor?: Property.BackgroundColor;
-    /**
-     * The ruby text to display.
-     */
-    ruby?: string;
-    /**
-     * The URL to navigate to.
-     *
-     * e.g. `https://example.com`
-     */
-    href?: string;
-    favicon?: string;
-    ogp?: {
-        title: string;
-        description?: string;
-        image?: string;
-    };
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default?: () => VNodeChild;
-    }> & {
-        default?: () => VNodeChild;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ElmInlineTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmInlineTextProps> & Readonly<{}>, {
-    size: Property.FontSize;
-    code: boolean;
-    bold: boolean;
-    italic: boolean;
-    underline: boolean;
-    strikethrough: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};