@antdv-next/mobile 0.0.0-stage → 0.1.1

package/dist/typography/TypographyBase.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,228 @@
+import { isRenderable } from "../_util/index.js";
+import { useControlled } from "../_util/hooks/useControlled.js";
+import RenderNode_default from "../_util/RenderNode.js";
+import { useLocale } from "../locale/index.js";
+import { copyText } from "./copy.js";
+import Decorate from "./Decorate.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { CheckOutlined, CopyOutlined } from "@antdv-next/icons";
+// src/typography/TypographyBase.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = ["disabled", "aria-label"];
+var TypographyBase_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmTypographyBase",
+	inheritAttrs: false,
+	__name: "TypographyBase",
+	props: {
+		component: {},
+		kind: {},
+		level: {},
+		type: {},
+		disabled: { type: Boolean },
+		mark: { type: Boolean },
+		code: { type: Boolean },
+		keyboard: { type: Boolean },
+		underline: { type: Boolean },
+		delete: { type: Boolean },
+		strong: { type: Boolean },
+		italic: { type: Boolean },
+		ellipsis: {
+			type: [Boolean, Object],
+			default: false
+		},
+		copyable: {
+			type: [Boolean, Object],
+			default: false
+		},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: [
+		"expand",
+		"update:expanded",
+		"copy"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const locale = useLocale("Typography");
+		const rootRef = ref();
+		const contentRef = ref();
+		const tags = computed(() => {
+			const list = [];
+			if (props.strong) list.push("strong");
+			if (props.underline) list.push("u");
+			if (props.delete) list.push("del");
+			if (props.code) list.push("code");
+			if (props.mark) list.push("mark");
+			if (props.keyboard) list.push("kbd");
+			if (props.italic) list.push("i");
+			return list;
+		});
+		const ellipsisConfig = computed(() => {
+			if (!props.ellipsis) return void 0;
+			return typeof props.ellipsis === "object" ? props.ellipsis : {};
+		});
+		const rows = computed(() => Math.max(Math.floor(Number(ellipsisConfig.value?.rows ?? 1)) || 1, 1));
+		const expandable = computed(() => ellipsisConfig.value?.expandable ?? false);
+		const [expanded, setExpanded] = useControlled({ get expanded() {
+			return ellipsisConfig.value?.expanded;
+		} }, "expanded", {
+			defaultValue: () => !!ellipsisConfig.value?.defaultExpanded,
+			onChange: (value) => emit("update:expanded", value)
+		});
+		/** The text is rendered truncated (and measured) in this state. */
+		const collapsed = computed(() => !!ellipsisConfig.value && !(expandable.value && expanded.value));
+		const singleLine = computed(() => rows.value === 1);
+		const overflowed = ref(false);
+		function measure() {
+			const el = contentRef.value;
+			if (!el || !collapsed.value || !expandable.value) {
+				overflowed.value = false;
+				return;
+			}
+			overflowed.value = singleLine.value ? el.scrollWidth > el.clientWidth + 1 : el.scrollHeight > el.clientHeight + 1;
+		}
+		let observer;
+		onMounted(() => {
+			measure();
+			if (typeof ResizeObserver !== "undefined" && rootRef.value) {
+				observer = new ResizeObserver(measure);
+				observer.observe(rootRef.value);
+			}
+		});
+		onUpdated(measure);
+		onBeforeUnmount(() => observer?.disconnect());
+		function toggleExpand(event) {
+			const next = !expanded.value;
+			setExpanded(next);
+			emit("expand", next, event);
+		}
+		const showCollapse = computed(() => !!ellipsisConfig.value && expandable.value === "collapsible" && expanded.value);
+		const copyConfig = computed(() => {
+			if (!props.copyable) return void 0;
+			return typeof props.copyable === "object" ? props.copyable : {};
+		});
+		const copied = ref(false);
+		let copyTimer;
+		const copyIcon = computed(() => {
+			const icon = copyConfig.value?.icon;
+			const icons = Array.isArray(icon) ? icon : [icon];
+			return copied.value ? icons[1] : icons[0];
+		});
+		function getRenderedText() {
+			const root = rootRef.value;
+			if (!root) return "";
+			const clone = root.cloneNode(true);
+			clone.querySelectorAll(".am-typography-action").forEach((node) => node.remove());
+			return clone.textContent ?? "";
+		}
+		async function handleCopy(event) {
+			event.preventDefault();
+			event.stopPropagation();
+			if (props.disabled) return;
+			const { text } = copyConfig.value ?? {};
+			const value = typeof text === "function" ? await text() : text;
+			await copyText(value ?? getRenderedText().trim());
+			copied.value = true;
+			emit("copy", event);
+			clearTimeout(copyTimer);
+			copyTimer = setTimeout(() => {
+				copied.value = false;
+			}, 3e3);
+		}
+		onBeforeUnmount(() => clearTimeout(copyTimer));
+		const classNames = computed(() => [
+			"am-typography",
+			`am-typography-${props.kind}`,
+			{
+				[`am-typography-title-${props.level}`]: props.kind === "title",
+				[`am-typography-${props.type}`]: !!props.type,
+				"am-typography-disabled": props.disabled,
+				"am-typography-ellipsis": collapsed.value,
+				"am-typography-ellipsis-single-line": collapsed.value && singleLine.value,
+				"am-typography-ellipsis-multiple-line": collapsed.value && !singleLine.value,
+				"am-typography-ellipsis-overflowed": collapsed.value && overflowed.value
+			},
+			props.rootClass,
+			props.classes?.root
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.component), mergeProps(_ctx.$attrs, {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: classNames.value,
+				style: __props.styles?.root,
+				"aria-disabled": __props.disabled || void 0
+			}), {
+				default: withCtx(() => [collapsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", {
+					ref_key: "contentRef",
+					ref: contentRef,
+					class: "am-typography-ellipsis-content",
+					style: normalizeStyle(singleLine.value ? void 0 : { WebkitLineClamp: rows.value })
+				}, [expandable.value && overflowed.value && !singleLine.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(["am-typography-action am-typography-expand", __props.classes?.action]),
+					style: normalizeStyle(__props.styles?.action),
+					"aria-label": unref(locale).expand,
+					onClick: toggleExpand
+				}, [renderSlot(_ctx.$slots, "ellipsisSymbol", { expanded: false }, () => [unref(isRenderable)(ellipsisConfig.value?.symbol) ? (openBlock(), createBlock(unref(RenderNode_default), {
+					key: 0,
+					node: ellipsisConfig.value?.symbol,
+					params: false
+				}, null, 8, ["node"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(locale).expand), 1)], 64))])], 14, _hoisted_1)) : createCommentVNode("", true), createVNode(unref(Decorate), { tags: tags.value }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["tags"])], 4), expandable.value && overflowed.value && singleLine.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(["am-typography-action am-typography-expand", __props.classes?.action]),
+					style: normalizeStyle(__props.styles?.action),
+					"aria-label": unref(locale).expand,
+					onClick: toggleExpand
+				}, [renderSlot(_ctx.$slots, "ellipsisSymbol", { expanded: false }, () => [unref(isRenderable)(ellipsisConfig.value?.symbol) ? (openBlock(), createBlock(unref(RenderNode_default), {
+					key: 0,
+					node: ellipsisConfig.value?.symbol,
+					params: false
+				}, null, 8, ["node"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(locale).expand), 1)], 64))])], 14, _hoisted_2)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(Decorate), { tags: tags.value }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["tags"]), showCollapse.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(["am-typography-action am-typography-collapse", __props.classes?.action]),
+					style: normalizeStyle(__props.styles?.action),
+					"aria-label": unref(locale).collapse,
+					onClick: toggleExpand
+				}, [renderSlot(_ctx.$slots, "ellipsisSymbol", { expanded: true }, () => [unref(isRenderable)(ellipsisConfig.value?.symbol) ? (openBlock(), createBlock(unref(RenderNode_default), {
+					key: 0,
+					node: ellipsisConfig.value?.symbol,
+					params: true
+				}, null, 8, ["node"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(locale).collapse), 1)], 64))])], 14, _hoisted_3)) : createCommentVNode("", true)], 64)), copyConfig.value ? (openBlock(), createElementBlock("button", {
+					key: 2,
+					type: "button",
+					class: normalizeClass(["am-typography-action am-typography-copy", [{ "am-typography-copy-success": copied.value }, __props.classes?.action]]),
+					style: normalizeStyle(__props.styles?.action),
+					disabled: __props.disabled || void 0,
+					"aria-label": copied.value ? unref(locale).copied : unref(locale).copy,
+					onClick: handleCopy
+				}, [renderSlot(_ctx.$slots, "copyIcon", { copied: copied.value }, () => [unref(isRenderable)(copyIcon.value) ? (openBlock(), createBlock(unref(RenderNode_default), {
+					key: 0,
+					node: copyIcon.value
+				}, null, 8, ["node"])) : copied.value ? (openBlock(), createBlock(unref(CheckOutlined), { key: 1 })) : (openBlock(), createBlock(unref(CopyOutlined), { key: 2 }))])], 14, _hoisted_4)) : createCommentVNode("", true)]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"aria-disabled"
+			]);
+		};
+	}
+});
+export { TypographyBase_vue_vue_type_script_setup_true_lang_default as default };

package/dist/typography/TypographyParagraph.js

@@ -0,0 +1,4 @@
+import TypographyParagraph_vue_vue_type_script_setup_true_lang_default from "./TypographyParagraph.vue_vue_type_script_setup_true_lang.js";
+// src/typography/TypographyParagraph.vue
+var TypographyParagraph_default = TypographyParagraph_vue_vue_type_script_setup_true_lang_default;
+export { TypographyParagraph_default as default };

package/dist/typography/TypographyParagraph.vue.d.ts

@@ -0,0 +1,22 @@
+import type { TypographyBaseSlots, TypographyParagraphProps } from './interface';
+type __VLS_Slots = TypographyBaseSlots;
+declare const __VLS_base: import("vue").DefineComponent<TypographyParagraphProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (event: MouseEvent) => any;
+    expand: (expanded: boolean, event: MouseEvent) => any;
+    "update:expanded": (expanded: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TypographyParagraphProps> & Readonly<{
+    onCopy?: ((event: MouseEvent) => any) | undefined;
+    onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+}>, {
+    ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+    copyable: boolean | import("./interface").TypographyCopyConfig;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/typography/TypographyParagraph.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import TypographyBase_default from "./TypographyBase.js";
+import { createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
+// src/typography/TypographyParagraph.vue?vue&type=script&setup=true&lang.ts
+var TypographyParagraph_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmTypographyParagraph",
+	__name: "TypographyParagraph",
+	props: {
+		type: {},
+		disabled: { type: Boolean },
+		mark: { type: Boolean },
+		code: { type: Boolean },
+		keyboard: { type: Boolean },
+		underline: { type: Boolean },
+		delete: { type: Boolean },
+		strong: { type: Boolean },
+		italic: { type: Boolean },
+		ellipsis: {
+			type: [Boolean, Object],
+			default: false
+		},
+		copyable: {
+			type: [Boolean, Object],
+			default: false
+		},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: [
+		"expand",
+		"update:expanded",
+		"copy"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TypographyBase_default, mergeProps(props, {
+				kind: "paragraph",
+				component: "div",
+				onExpand: _cache[0] || (_cache[0] = (expanded, event) => emit("expand", expanded, event)),
+				"onUpdate:expanded": _cache[1] || (_cache[1] = (expanded) => emit("update:expanded", expanded)),
+				onCopy: _cache[2] || (_cache[2] = (event) => emit("copy", event))
+			}), createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 2
+			}, [_ctx.$slots.ellipsisSymbol ? {
+				name: "ellipsisSymbol",
+				fn: withCtx((ctx) => [renderSlot(_ctx.$slots, "ellipsisSymbol", normalizeProps(guardReactiveProps(ctx)))]),
+				key: "0"
+			} : void 0, _ctx.$slots.copyIcon ? {
+				name: "copyIcon",
+				fn: withCtx((ctx) => [renderSlot(_ctx.$slots, "copyIcon", normalizeProps(guardReactiveProps(ctx)))]),
+				key: "1"
+			} : void 0]), 1040);
+		};
+	}
+});
+export { TypographyParagraph_vue_vue_type_script_setup_true_lang_default as default };

package/dist/typography/TypographyText.js

@@ -0,0 +1,4 @@
+import TypographyText_vue_vue_type_script_setup_true_lang_default from "./TypographyText.vue_vue_type_script_setup_true_lang.js";
+// src/typography/TypographyText.vue
+var TypographyText_default = TypographyText_vue_vue_type_script_setup_true_lang_default;
+export { TypographyText_default as default };

package/dist/typography/TypographyText.vue.d.ts

@@ -0,0 +1,22 @@
+import type { TypographyBaseSlots, TypographyTextProps } from './interface';
+type __VLS_Slots = TypographyBaseSlots;
+declare const __VLS_base: import("vue").DefineComponent<TypographyTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (event: MouseEvent) => any;
+    expand: (expanded: boolean, event: MouseEvent) => any;
+    "update:expanded": (expanded: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TypographyTextProps> & Readonly<{
+    onCopy?: ((event: MouseEvent) => any) | undefined;
+    onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+}>, {
+    ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+    copyable: boolean | import("./interface").TypographyCopyConfig;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/typography/TypographyText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import TypographyBase_default from "./TypographyBase.js";
+import { createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
+// src/typography/TypographyText.vue?vue&type=script&setup=true&lang.ts
+var TypographyText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmTypographyText",
+	__name: "TypographyText",
+	props: {
+		type: {},
+		disabled: { type: Boolean },
+		mark: { type: Boolean },
+		code: { type: Boolean },
+		keyboard: { type: Boolean },
+		underline: { type: Boolean },
+		delete: { type: Boolean },
+		strong: { type: Boolean },
+		italic: { type: Boolean },
+		ellipsis: {
+			type: [Boolean, Object],
+			default: false
+		},
+		copyable: {
+			type: [Boolean, Object],
+			default: false
+		},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: [
+		"expand",
+		"update:expanded",
+		"copy"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TypographyBase_default, mergeProps(props, {
+				kind: "text",
+				component: "span",
+				onExpand: _cache[0] || (_cache[0] = (expanded, event) => emit("expand", expanded, event)),
+				"onUpdate:expanded": _cache[1] || (_cache[1] = (expanded) => emit("update:expanded", expanded)),
+				onCopy: _cache[2] || (_cache[2] = (event) => emit("copy", event))
+			}), createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 2
+			}, [_ctx.$slots.ellipsisSymbol ? {
+				name: "ellipsisSymbol",
+				fn: withCtx((ctx) => [renderSlot(_ctx.$slots, "ellipsisSymbol", normalizeProps(guardReactiveProps(ctx)))]),
+				key: "0"
+			} : void 0, _ctx.$slots.copyIcon ? {
+				name: "copyIcon",
+				fn: withCtx((ctx) => [renderSlot(_ctx.$slots, "copyIcon", normalizeProps(guardReactiveProps(ctx)))]),
+				key: "1"
+			} : void 0]), 1040);
+		};
+	}
+});
+export { TypographyText_vue_vue_type_script_setup_true_lang_default as default };

package/dist/typography/TypographyTitle.js

@@ -0,0 +1,4 @@
+import TypographyTitle_vue_vue_type_script_setup_true_lang_default from "./TypographyTitle.vue_vue_type_script_setup_true_lang.js";
+// src/typography/TypographyTitle.vue
+var TypographyTitle_default = TypographyTitle_vue_vue_type_script_setup_true_lang_default;
+export { TypographyTitle_default as default };

package/dist/typography/TypographyTitle.vue.d.ts

@@ -0,0 +1,23 @@
+import type { TypographyBaseSlots, TypographyTitleLevel, TypographyTitleProps } from './interface';
+type __VLS_Slots = TypographyBaseSlots;
+declare const __VLS_base: import("vue").DefineComponent<TypographyTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (event: MouseEvent) => any;
+    expand: (expanded: boolean, event: MouseEvent) => any;
+    "update:expanded": (expanded: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TypographyTitleProps> & Readonly<{
+    onCopy?: ((event: MouseEvent) => any) | undefined;
+    onExpand?: ((expanded: boolean, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+}>, {
+    ellipsis: boolean | import("./interface").TypographyEllipsisConfig;
+    level: TypographyTitleLevel;
+    copyable: boolean | import("./interface").TypographyCopyConfig;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/typography/TypographyTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import TypographyBase_default from "./TypographyBase.js";
+import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
+// src/typography/TypographyTitle.vue?vue&type=script&setup=true&lang.ts
+var TypographyTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmTypographyTitle",
+	__name: "TypographyTitle",
+	props: {
+		level: { default: 1 },
+		type: {},
+		disabled: { type: Boolean },
+		mark: { type: Boolean },
+		code: { type: Boolean },
+		keyboard: { type: Boolean },
+		underline: { type: Boolean },
+		delete: { type: Boolean },
+		strong: { type: Boolean },
+		italic: { type: Boolean },
+		ellipsis: {
+			type: [Boolean, Object],
+			default: false
+		},
+		copyable: {
+			type: [Boolean, Object],
+			default: false
+		},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: [
+		"expand",
+		"update:expanded",
+		"copy"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const mergedLevel = computed(() => [
+			1,
+			2,
+			3,
+			4,
+			5
+		].includes(props.level) ? props.level : 1);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TypographyBase_default, mergeProps(props, {
+				kind: "title",
+				component: `h${mergedLevel.value}`,
+				level: mergedLevel.value,
+				onExpand: _cache[0] || (_cache[0] = (expanded, event) => emit("expand", expanded, event)),
+				"onUpdate:expanded": _cache[1] || (_cache[1] = (expanded) => emit("update:expanded", expanded)),
+				onCopy: _cache[2] || (_cache[2] = (event) => emit("copy", event))
+			}), createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 2
+			}, [_ctx.$slots.ellipsisSymbol ? {
+				name: "ellipsisSymbol",
+				fn: withCtx((ctx) => [renderSlot(_ctx.$slots, "ellipsisSymbol", normalizeProps(guardReactiveProps(ctx)))]),
+				key: "0"
+			} : void 0, _ctx.$slots.copyIcon ? {
+				name: "copyIcon",
+				fn: withCtx((ctx) => [renderSlot(_ctx.$slots, "copyIcon", normalizeProps(guardReactiveProps(ctx)))]),
+				key: "1"
+			} : void 0]), 1040, ["component", "level"]);
+		};
+	}
+});
+export { TypographyTitle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/typography/copy.d.ts

@@ -0,0 +1,2 @@
+/** Copies text with the async clipboard API, falling back to `execCommand` (http pages, old WebViews). */
+export declare function copyText(text: string): Promise<boolean>;

package/dist/typography/copy.js

@@ -0,0 +1,25 @@
+// src/typography/copy.ts
+/** Copies text with the async clipboard API, falling back to `execCommand` (http pages, old WebViews). */
+async function copyText(text) {
+	if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) try {
+		await navigator.clipboard.writeText(text);
+		return true;
+	} catch {}
+	if (typeof document === "undefined") return false;
+	const textarea = document.createElement("textarea");
+	textarea.value = text;
+	textarea.setAttribute("readonly", "");
+	textarea.style.cssText = "position: fixed; top: 0; left: 0; opacity: 0; pointer-events: none;";
+	document.body.appendChild(textarea);
+	textarea.select();
+	textarea.setSelectionRange(0, text.length);
+	let success = false;
+	try {
+		success = !!document.execCommand?.("copy");
+	} catch {
+		success = false;
+	}
+	textarea.remove();
+	return success;
+}
+export { copyText };