@icc-grow/web-components 1.0.0

package/dist/es/components/i-menu/src/menu.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,109 @@
+import { useMenuStore as e } from "./useMenuStore.mjs";
+import { throttle as t } from "../../../utils/throttle.mjs";
+import n from "./menu-node.mjs";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createSlots as s, defineComponent as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, onMounted as f, onUnmounted as p, openBlock as m, provide as h, ref as g, renderList as _, renderSlot as v, unref as y, watch as b, withCtx as x } from "vue";
+//#region src/components/i-menu/src/menu.vue?vue&type=script&setup=true&lang.ts
+var S = /* @__PURE__ */ c({
+	name: "i-menu",
+	__name: "menu",
+	props: {
+		items: { default: () => [] },
+		props: { default: void 0 },
+		rowKey: {
+			type: [String, Function],
+			default: "value"
+		},
+		modelValue: { default: void 0 },
+		accordion: {
+			type: Boolean,
+			default: !0
+		},
+		collapseBreakpoint: { default: void 0 },
+		indent: { default: 30 },
+		collapsed: {
+			type: Boolean,
+			default: void 0
+		},
+		width: { default: 150 }
+	},
+	emits: [
+		"update:modelValue",
+		"select",
+		"update:collapsed",
+		"collapse-change"
+	],
+	setup(c, { expose: S, emit: C }) {
+		let w = c, T = C, E = e({
+			props: w,
+			emit: (e, ...t) => {
+				e === "update:modelValue" ? T("update:modelValue", t[0]) : e === "select" && T("select", t[0], t[1]);
+			}
+		}), D = g(null), O = g(w.collapsed ?? !1), k = i({
+			get: () => w.collapsed === void 0 ? O.value : w.collapsed,
+			set: (e) => {
+				O.value = e, T("update:collapsed", e), T("collapse-change", e);
+			}
+		});
+		b(k, (e) => {
+			e ? E.clearExpandedKeys() : E.restoreExpandedKeys();
+		}), b(() => w.collapsed, (e) => {
+			e !== void 0 && (O.value = e);
+		});
+		let A = null;
+		function j() {
+			if (!w.collapseBreakpoint || !D.value) return;
+			let e = w.collapseBreakpoint, n = t(() => {
+				if (!D.value) return;
+				let t = D.value.getBoundingClientRect().width < e;
+				t !== k.value && (k.value = t);
+			}, 200);
+			if (typeof ResizeObserver < "u") {
+				let e = new ResizeObserver(n);
+				e.observe(D.value), A = () => e.disconnect();
+			} else window.addEventListener("resize", n), A = () => window.removeEventListener("resize", n);
+		}
+		return f(() => {
+			j();
+		}), p(() => {
+			A?.(), A = null;
+		}), h("MENU_CONTEXT", {
+			get flatMap() {
+				return E.flatMap.value;
+			},
+			get expandedKeys() {
+				return E.expandedKeys.value;
+			},
+			activeKey: E.activeKey,
+			isCollapsed: k,
+			accordion: i(() => w.accordion ?? !0),
+			indent: i(() => w.indent ?? 30),
+			getLabel: E.getLabel,
+			getIcon: E.getIcon,
+			isDisabled: E.isDisabled,
+			handleSelect: E.handleSelect,
+			handleToggle: E.handleToggle
+		}), S({
+			collapse: () => {
+				k.value = !0;
+			},
+			expand: () => {
+				k.value = !1;
+			},
+			isCollapsed: k
+		}), (e, t) => (m(), o("nav", {
+			ref_key: "menuRef",
+			ref: D,
+			class: u(["i-menu box-border flex flex-col", { "is-collapsed": k.value }]),
+			style: d({ width: k.value ? "34px" : c.width + "px" })
+		}, [(m(!0), o(r, null, _(y(E).topLevelKeys.value, (t) => (m(), a(n, {
+			key: t,
+			"node-key": t
+		}, s({ _: 2 }, [e.$slots.item ? {
+			name: "item",
+			fn: x((t) => [v(e.$slots, "item", l({ ref_for: !0 }, t))]),
+			key: "0"
+		} : void 0]), 1032, ["node-key"]))), 128))], 6));
+	}
+});
+//#endregion
+export { S as default };

package/dist/es/components/i-menu/src/useMenuStore.mjs

@@ -0,0 +1,112 @@
+import { computed as e, ref as t, watch as n } from "vue";
+//#region src/components/i-menu/src/useMenuStore.ts
+var r = {
+	label: "label",
+	icon: "icon",
+	children: "children",
+	disabled: "disabled"
+};
+function i(e, t) {
+	return typeof t == "function" ? t(e) : e[t] ?? (console.warn(`[i-menu] 缺少 rowKey: "${t}"`, e), `__fallback_${JSON.stringify(e)}`);
+}
+function a(e, t, n) {
+	return e[t ?? n];
+}
+function o(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	function a(e, o, s, c) {
+		let l = [];
+		for (let u of e) {
+			let e = i(u, n);
+			l.push(e);
+			let d = u[t.children], f = Array.isArray(d) ? d : [], p = f.length > 0, m = {
+				key: e,
+				raw: u,
+				depth: o,
+				parentKey: s,
+				ancestorKeys: [...c],
+				siblingKeys: [],
+				childrenKeys: [],
+				hasChildren: p
+			};
+			r.set(e, m), p && (m.childrenKeys = a(f, o + 1, e, [...c, e]));
+		}
+		for (let e of l) {
+			let t = r.get(e);
+			t && (t.siblingKeys = l);
+		}
+		return l;
+	}
+	return a(e, 0, null, []), r;
+}
+function s(i) {
+	let { props: s, emit: c } = i, l = e(() => ({
+		...r,
+		...s.props
+	})), u = e(() => s.rowKey ?? "value"), d = e(() => o(s.items ?? [], l.value, u.value)), f = e(() => {
+		let e = [];
+		for (let [, t] of d.value) t.depth === 0 && e.push(t.key);
+		return e;
+	}), p = t(/* @__PURE__ */ new Set()), m = t(s.modelValue);
+	function h(e) {
+		return a(e, l.value.label, "label") ?? "";
+	}
+	function g(e) {
+		return a(e, l.value.icon, "icon");
+	}
+	function _(e) {
+		return !!a(e, l.value.disabled, "disabled");
+	}
+	function v(e) {
+		if (e === void 0) return /* @__PURE__ */ new Set();
+		let t = d.value.get(e);
+		return t ? new Set(t.ancestorKeys) : /* @__PURE__ */ new Set();
+	}
+	function y(e) {
+		let t = d.value.get(e);
+		if (!t?.hasChildren) return;
+		let n = s.accordion ?? !0, r = p.value, i = new Set(r);
+		if (i.has(e)) i.delete(e);
+		else {
+			if (n) for (let n of t.siblingKeys) n !== e && i.delete(n);
+			i.add(e);
+		}
+		p.value = i;
+	}
+	function b(e) {
+		let t = d.value.get(e);
+		if (!t || t.hasChildren || _(t.raw)) return;
+		m.value = e, c("update:modelValue", e);
+		let n = t.ancestorKeys.map((e) => d.value.get(e)?.raw).filter((e) => e !== void 0);
+		c("select", t.raw, n);
+	}
+	n(() => s.modelValue, (e) => {
+		if (m.value = e, e !== void 0) {
+			let t = v(e), n = new Set(p.value);
+			for (let e of t) n.add(e);
+			p.value = n;
+		}
+	}, { immediate: !0 });
+	function x() {
+		p.value = /* @__PURE__ */ new Set();
+	}
+	function S() {
+		p.value = v(m.value);
+	}
+	return {
+		flatMap: d,
+		topLevelKeys: f,
+		expandedKeys: p,
+		activeKey: m,
+		fields: l,
+		getLabel: h,
+		getIcon: g,
+		isDisabled: _,
+		handleToggle: y,
+		handleSelect: b,
+		clearExpandedKeys: x,
+		restoreExpandedKeys: S
+	};
+}
+//#endregion
+export { s as useMenuStore };

package/dist/es/components/i-message/src/manager.mjs

@@ -0,0 +1,97 @@
+import { createFeedbackChannel as e } from "../../../feedback/core/manager.mjs";
+import t from "./message-container.mjs";
+import { isVNode as n, reactive as r } from "vue";
+//#region src/components/i-message/src/manager.ts
+var i = 3e3, a = 0;
+function o(e) {
+	let t = l.get(e);
+	if (!t || t.paused || !t.visible || t.duration <= 0) return;
+	let n = Date.now() - t.startAt;
+	t.remaining = Math.max(t.remaining - n, 0), t.paused = !0, f(t);
+}
+function s(e) {
+	let t = l.get(e);
+	if (!(!t || !t.paused || !t.visible || t.duration <= 0)) {
+		if (t.remaining <= 0) {
+			g(e);
+			return;
+		}
+		m(t);
+	}
+}
+function c(e) {
+	let t = l.get(e);
+	t && (f(t), l.remove(e));
+}
+var l = e({
+	namespace: "message",
+	container: t,
+	props: {
+		onClose: g,
+		onPause: o,
+		onResume: s,
+		onAfterLeave: c
+	}
+});
+function u(e) {
+	return typeof e == "object" && !!e && !n(e) && "content" in e;
+}
+function d(e) {
+	return u(e) ? e : { content: e };
+}
+function f(e) {
+	e.timer &&= (clearTimeout(e.timer), null);
+}
+function p(e) {
+	e.hasClosed || (e.hasClosed = !0, e.onClose?.());
+}
+function m(e) {
+	e.duration <= 0 || !e.visible || (f(e), e.paused = !1, e.startAt = Date.now(), e.timer = setTimeout(() => {
+		g(e.id);
+	}, e.remaining));
+}
+function h(e, t) {
+	let n = d(t), o = n.duration ?? i, s = r({
+		id: ++a,
+		visible: !0,
+		zIndex: l.nextLayer(),
+		type: e,
+		content: n.content,
+		duration: o,
+		closable: n.closable ?? !1,
+		timer: null,
+		startAt: 0,
+		remaining: o,
+		paused: !1,
+		hasClosed: !1,
+		onClose: n.onClose
+	});
+	return l.add(s), m(s), { close: () => {
+		g(s.id);
+	} };
+}
+function g(e) {
+	let t = l.get(e);
+	!t || !t.visible || (f(t), t.visible = !1, p(t));
+}
+function _() {
+	l.instances.filter((e) => e.visible).map((e) => e.id).forEach((e) => {
+		g(e);
+	});
+}
+var v = {
+	success(e) {
+		return h("success", e);
+	},
+	warning(e) {
+		return h("warning", e);
+	},
+	error(e) {
+		return h("error", e);
+	},
+	closeAll() {
+		_();
+	}
+};
+//#endregion
+export { v as IMessage };

package/dist/es/components/i-message/src/message-container.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./message-container.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                                   */
+//#region src/components/i-message/src/message-container.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-50d135d7"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-message/src/message-container.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,49 @@
+import e from "../../i-transition/index.mjs";
+import t from "./message.mjs";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, renderList as d, unref as f, withCtx as p } from "vue";
+//#region src/components/i-message/src/message-container.vue?vue&type=script&setup=true&lang.ts
+var m = /* @__PURE__ */ c({
+	name: "i-message-container",
+	__name: "message-container",
+	props: { instances: {} },
+	emits: [
+		"close",
+		"pause",
+		"resume",
+		"afterLeave"
+	],
+	setup(c, { emit: m }) {
+		let h = c, g = m, _ = r(() => ({ zIndex: h.instances.reduce((e, t) => Math.max(e, t.zIndex), 1e3) }));
+		function v(e) {
+			g("afterLeave", e);
+		}
+		return (r, c) => (u(), o("div", {
+			class: "i-message-container fixed flex flex-col items-center gap-12 pointer-events-none",
+			style: l(_.value)
+		}, [(u(!0), o(n, null, d(h.instances, (n) => (u(), o("div", {
+			key: n.id,
+			class: "i-message-container__item relative flex w-full justify-center",
+			style: l({ zIndex: n.zIndex })
+		}, [s(f(e), {
+			name: "fade-in-down",
+			appear: "",
+			onAfterLeave: (e) => v(n.id)
+		}, {
+			default: p(() => [n.visible ? (u(), i(t, {
+				key: 0,
+				instance: n,
+				onClose: (e) => g("close", n.id),
+				onPause: (e) => g("pause", n.id),
+				onResume: (e) => g("resume", n.id)
+			}, null, 8, [
+				"instance",
+				"onClose",
+				"onPause",
+				"onResume"
+			])) : a("", !0)]),
+			_: 2
+		}, 1032, ["onAfterLeave"])], 4))), 128))], 4));
+	}
+});
+//#endregion
+export { m as default };

package/dist/es/components/i-message/src/message.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./message.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                         */
+//#region src/components/i-message/src/message.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-67b9550c"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-message/src/message.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,68 @@
+import e from "../../i-icon/index.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, isVNode as c, normalizeClass as l, normalizeStyle as u, openBlock as d, toDisplayString as f, unref as p } from "vue";
+//#region src/components/i-message/src/message.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "i-message__content min-w-0 flex-1 text-13 leading-16 text-black" }, h = { key: 0 }, g = /* @__PURE__ */ s({
+	name: "i-message",
+	__name: "message",
+	props: { instance: {} },
+	emits: [
+		"close",
+		"pause",
+		"resume"
+	],
+	setup(g, { emit: _ }) {
+		let v = g, y = _, b = {
+			success: "i-message--success bg-success-10 border-success",
+			warning: "i-message--warning bg-warning-10 border-warning",
+			error: "i-message--error bg-danger-10 border-danger"
+		}, x = {
+			success: "text-success",
+			warning: "text-warning",
+			error: "text-danger"
+		}, S = {
+			success: "icon-success",
+			warning: "icon-warning",
+			error: "icon-clear-fill"
+		}, C = s({
+			name: "MessageVNodeContent",
+			props: { content: {
+				type: Object,
+				required: !0
+			} },
+			setup(e) {
+				return () => e.content;
+			}
+		}), w = t(() => typeof v.instance.content == "string"), T = t(() => c(v.instance.content) ? v.instance.content : null), E = t(() => b[v.instance.type]), D = t(() => x[v.instance.type]), O = t(() => S[v.instance.type]);
+		function k(e) {
+			e.stopPropagation(), y("close");
+		}
+		return (t, s) => (d(), i("div", {
+			class: "i-message pointer-events-auto relative bg-white",
+			style: u({ zIndex: g.instance.zIndex }),
+			onMouseenter: s[0] ||= (e) => y("pause"),
+			onMouseleave: s[1] ||= (e) => y("resume")
+		}, [a("div", { class: l(["i-message__wrap flex items-start gap-8 rounded-10 border border-solid px-12 py-11", E.value]) }, [
+			o(p(e), {
+				name: O.value,
+				size: 16,
+				class: l(["i-message__icon shrink-0", D.value])
+			}, null, 8, ["name", "class"]),
+			a("div", m, [w.value ? (d(), i("span", h, f(g.instance.content), 1)) : T.value ? (d(), n(p(C), {
+				key: 1,
+				content: T.value
+			}, null, 8, ["content"])) : r("", !0)]),
+			g.instance.closable ? (d(), i("button", {
+				key: 0,
+				type: "button",
+				class: "i-message__close flex shrink-0 size-16 items-center justify-center border-none bg-transparent p-0 text-black-30",
+				onClick: k
+			}, [o(p(e), {
+				name: "icon-close",
+				size: 14,
+				class: "pointer-events-none"
+			})])) : r("", !0)
+		], 2)], 36));
+	}
+});
+//#endregion
+export { g as default };

package/dist/es/components/i-notification/src/manager.mjs

@@ -0,0 +1,89 @@
+import { createFeedbackChannel as e } from "../../../feedback/core/manager.mjs";
+import t from "./notification-container.mjs";
+import { reactive as n } from "vue";
+//#region src/components/i-notification/src/manager.ts
+var r = 5e3, i = 0;
+function a(e) {
+	return e;
+}
+function o(e) {
+	let t = l.get(e);
+	if (!t || t.paused || !t.visible || t.duration <= 0) return;
+	let n = Date.now() - t.startAt;
+	t.remaining = Math.max(t.remaining - n, 0), t.paused = !0, u(t);
+}
+function s(e) {
+	let t = l.get(e);
+	if (!(!t || !t.paused || !t.visible || t.duration <= 0)) {
+		if (t.remaining <= 0) {
+			m(e);
+			return;
+		}
+		f(t);
+	}
+}
+function c(e) {
+	let t = l.get(e);
+	t && (u(t), l.remove(e));
+}
+var l = e({
+	namespace: "notification",
+	container: t,
+	props: {
+		onClose: m,
+		onPause: o,
+		onResume: s,
+		onAfterLeave: c
+	}
+});
+function u(e) {
+	e.timer &&= (clearTimeout(e.timer), null);
+}
+function d(e) {
+	e.hasClosed || (e.hasClosed = !0, e.onClose?.());
+}
+function f(e) {
+	e.duration <= 0 || !e.visible || (u(e), e.paused = !1, e.startAt = Date.now(), e.timer = setTimeout(() => {
+		m(e.id);
+	}, e.remaining));
+}
+function p(e, t) {
+	let o = a(t), s = o.duration ?? r, c = n({
+		id: ++i,
+		visible: !0,
+		zIndex: l.nextLayer(),
+		type: e,
+		title: o.title,
+		content: o.content,
+		duration: s,
+		closable: o.closable ?? !0,
+		timer: null,
+		startAt: 0,
+		remaining: s,
+		paused: !1,
+		hasClosed: !1,
+		onClose: o.onClose
+	});
+	return l.add(c), f(c), { close: () => {
+		m(c.id);
+	} };
+}
+function m(e) {
+	let t = l.get(e);
+	!t || !t.visible || (u(t), t.visible = !1, d(t));
+}
+function h() {
+	l.instances.filter((e) => e.visible).map((e) => e.id).forEach((e) => {
+		m(e);
+	});
+}
+var g = Object.assign((e) => p("primary", e), {
+	error(e) {
+		return p("error", e);
+	},
+	closeAll() {
+		h();
+	}
+});
+//#endregion
+export { g as INotification };

package/dist/es/components/i-notification/src/notification-container.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./notification-container.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                                        */
+//#region src/components/i-notification/src/notification-container.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-f9d43a74"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-notification/src/notification-container.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,50 @@
+import e from "../../i-transition/index.mjs";
+import t from "./notification.mjs";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, renderList as d, unref as f, withCtx as p } from "vue";
+//#region src/components/i-notification/src/notification-container.vue?vue&type=script&setup=true&lang.ts
+var m = ["data-notification-id"], h = /* @__PURE__ */ c({
+	name: "i-notification-container",
+	__name: "notification-container",
+	props: { instances: {} },
+	emits: [
+		"close",
+		"pause",
+		"resume",
+		"afterLeave"
+	],
+	setup(c, { emit: h }) {
+		let g = c, _ = h, v = r(() => ({ zIndex: g.instances.reduce((e, t) => Math.max(e, t.zIndex), 1e3) }));
+		function y(e) {
+			_("afterLeave", e);
+		}
+		return (r, c) => (u(), o("div", {
+			class: "i-notification-container fixed flex flex-col items-end gap-15 pointer-events-none",
+			style: l(v.value)
+		}, [(u(!0), o(n, null, d(g.instances, (n) => (u(), i(f(e), {
+			key: n.id,
+			name: "bounce-right",
+			appear: "",
+			onAfterLeave: (e) => y(n.id)
+		}, {
+			default: p(() => [n.visible ? (u(), o("div", {
+				key: 0,
+				class: "i-notification-container__item relative flex w-full justify-end",
+				"data-notification-id": n.id,
+				style: l({ zIndex: n.zIndex })
+			}, [s(t, {
+				instance: n,
+				onClose: (e) => _("close", n.id),
+				onPause: (e) => _("pause", n.id),
+				onResume: (e) => _("resume", n.id)
+			}, null, 8, [
+				"instance",
+				"onClose",
+				"onPause",
+				"onResume"
+			])], 12, m)) : a("", !0)]),
+			_: 2
+		}, 1032, ["onAfterLeave"]))), 128))], 4));
+	}
+});
+//#endregion
+export { h as default };

package/dist/es/components/i-notification/src/notification.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./notification.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                              */
+//#region src/components/i-notification/src/notification.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-eb2bbbec"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-notification/src/notification.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,54 @@
+import e from "../../i-icon/index.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, isVNode as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
+//#region src/components/i-notification/src/notification.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "i-notification__title pr-24 text-16 font-600 leading-19 text-black" }, m = { class: "i-notification__content min-w-0 text-12 leading-18 text-black-50" }, h = { key: 0 }, g = /* @__PURE__ */ s({
+	name: "i-notification",
+	__name: "notification",
+	props: { instance: {} },
+	emits: [
+		"close",
+		"pause",
+		"resume"
+	],
+	setup(g, { emit: _ }) {
+		let v = g, y = _, b = {
+			primary: "i-notification--primary border-primary bg-white",
+			error: "i-notification--error border-danger bg-white"
+		}, x = s({
+			name: "NotificationVNodeContent",
+			props: { content: {
+				type: Object,
+				required: !0
+			} },
+			setup(e) {
+				return () => e.content;
+			}
+		}), S = t(() => typeof v.instance.content == "string"), C = t(() => c(v.instance.content) ? v.instance.content : null), w = t(() => b[v.instance.type]);
+		function T(e) {
+			e.stopPropagation(), y("close");
+		}
+		return (t, s) => (u(), i("div", {
+			class: "i-notification pointer-events-auto relative box-border bg-white rounded-l-10",
+			onMouseenter: s[0] ||= (e) => y("pause"),
+			onMouseleave: s[1] ||= (e) => y("resume")
+		}, [a("div", { class: l(["i-notification__wrap relative flex flex-col gap-8 rounded-l-10 border-l-5 px-30 pt-25 pb-30", w.value]) }, [
+			a("div", p, d(g.instance.title), 1),
+			a("div", m, [S.value ? (u(), i("span", h, d(g.instance.content), 1)) : C.value ? (u(), n(f(x), {
+				key: 1,
+				content: C.value
+			}, null, 8, ["content"])) : r("", !0)]),
+			g.instance.closable ? (u(), i("button", {
+				key: 0,
+				type: "button",
+				class: "i-notification__close absolute right-15 top-15 flex size-16 items-center justify-center border-none bg-transparent p-0 text-black",
+				onClick: T
+			}, [o(f(e), {
+				name: "icon-close",
+				size: 16,
+				class: "pointer-events-none"
+			})])) : r("", !0)
+		], 2)], 32));
+	}
+});
+//#endregion
+export { g as default };

package/dist/es/components/i-overlay/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/overlay.mjs";
+import n from "./src/overlay-panel.mjs";
+//#region src/components/i-overlay/index.ts
+var r = e(t), i = e(n);
+//#endregion
+export { i as IOverlayPanel, r as default };