savor-ui 0.3.0 → 0.3.2

package/dist/es/components/src/tabs/index.d.ts

@@ -33,6 +33,10 @@ export declare const STab: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     };
     emit: {};
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -48,6 +52,10 @@ export declare const STab: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     };
     emit: {};
 }>) => VNode & {

package/dist/es/components/src/tabs/tab-pane.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,9 +1,9 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { tabsContextKey as t } from "./types.mjs";
-import { VaporTransition as n, applyVShow as r, computed as i, createComponent as a, createSlot as o, defineVaporComponent as s, inject as c, onMounted as l, renderEffect as u, setClass as d, setInsertionState as f, template as p, unref as m, useSlots as h, withVaporCtx as g } from "vue";
+import { VaporTransition as n, applyVShow as r, computed as i, createComponent as a, createIf as o, createSlot as s, defineVaporComponent as c, inject as l, onMounted as u, renderEffect as d, setClass as f, setInsertionState as p, template as m, unref as h, useSlots as g } from "vue";
 //#region ../components/src/tabs/tab-pane.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var _ = p("<div>"), v = /* @__PURE__ */ s({
+var _ = m("<div>"), v = m("<div>", 1), y = /*@__PURE__*/ c({
 	name: "STabPane",
 	__name: "tab-pane",
 	props: {
@@ -12,23 +12,31 @@ var _ = p("<div>"), v = /* @__PURE__ */ s({
 		disabled: { type: Boolean },
 		closeable: { type: Boolean }
 	},
-	__multiRoot: !1,
-	setup(s) {
-		let p = s, v = e("tabs"), y = h(), b = c(t, void 0), x = i(() => b?.activeKey?.value === p.name), S = i(() => b?.transitionName?.value || "");
-		return l(() => {
-			let e = y.label;
-			if (e && b?.registerLabelDom) {
+	setup(c) {
+		let m = c, y = e("tabs"), b = g(), x = l(t, void 0), S = i(() => x?.activeKey?.value === m.name), C = i(() => x?.transitionName?.value || "");
+		return u(() => {
+			let e = b.label;
+			if (e && x?.registerLabelDom) {
 				let t = e();
-				t instanceof Node && b.registerLabelDom(p.name, t);
+				t instanceof Node && x.registerLabelDom(m.name, t);
 			}
-		}), a(n, {
-			name: () => S.value,
-			persisted: () => ""
-		}, { default: g(() => {
+		}), o(() => C.value === "tabs-slide-left", () => a(n, {
+			name: "tabs-slide-left",
+			persisted: ""
+		}, () => {
 			let e = _();
-			return u(() => d(e, m(v).e("pane"))), f(e, null, 0), o("default", null), r(e, () => x.value), e;
-		}) }, !0);
+			return d(() => f(e, h(y).e("pane"))), p(e, null, 0), s(), r(e, () => S.value), e;
+		}, !0), () => o(() => C.value === "tabs-slide-right", () => a(n, {
+			name: "tabs-slide-right",
+			persisted: ""
+		}, () => {
+			let e = _();
+			return d(() => f(e, h(y).e("pane"))), p(e, null, 0), s(), r(e, () => S.value), e;
+		}, !0), () => {
+			let e = v();
+			return d(() => f(e, h(y).e("pane"))), p(e, null, 0), s(), r(e, () => S.value), e;
+		}, 517), 261);
 	}
 });
 //#endregion
-export { v as default };
+export { y as default };

package/dist/es/components/src/tabs/tab.d.ts

@@ -8,6 +8,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     };
     emit: {};
 }>) => VNode & {

package/dist/es/components/src/tabs/tab.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,9 +1,9 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { tabsContextKey as t } from "./types.mjs";
-import { VaporTransition as n, applyVShow as r, computed as i, createComponent as a, createSlot as o, defineVaporComponent as s, inject as c, onMounted as l, renderEffect as u, setClass as d, setInsertionState as f, template as p, unref as m, useSlots as h, withVaporCtx as g } from "vue";
+import { VaporTransition as n, applyVShow as r, computed as i, createComponent as a, createIf as o, createSlot as s, defineVaporComponent as c, inject as l, onMounted as u, renderEffect as d, setClass as f, setInsertionState as p, template as m, unref as h, useSlots as g } from "vue";
 //#region ../components/src/tabs/tab.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var _ = p("<div>"), v = /* @__PURE__ */ s({
+var _ = m("<div>"), v = m("<div>", 1), y = /*@__PURE__*/ c({
 	name: "STab",
 	__name: "tab",
 	props: {
@@ -12,23 +12,31 @@ var _ = p("<div>"), v = /* @__PURE__ */ s({
 		disabled: { type: Boolean },
 		closeable: { type: Boolean }
 	},
-	__multiRoot: !1,
-	setup(s) {
-		let p = s, v = e("tabs"), y = h(), b = c(t, void 0), x = i(() => b?.activeKey?.value === p.name), S = i(() => b?.transitionName?.value || "");
-		return l(() => {
-			let e = y.label;
-			if (e && b?.registerLabelDom) {
+	setup(c) {
+		let m = c, y = e("tabs"), b = g(), x = l(t, void 0), S = i(() => x?.activeKey?.value === m.name), C = i(() => x?.transitionName?.value || "");
+		return u(() => {
+			let e = b.label;
+			if (e && x?.registerLabelDom) {
 				let t = e();
-				t instanceof Node && b.registerLabelDom(p.name, t);
+				t instanceof Node && x.registerLabelDom(m.name, t);
 			}
-		}), a(n, {
-			name: () => S.value,
-			persisted: () => ""
-		}, { default: g(() => {
+		}), o(() => C.value === "tabs-slide-left", () => a(n, {
+			name: "tabs-slide-left",
+			persisted: ""
+		}, () => {
 			let e = _();
-			return u(() => d(e, m(v).e("pane"))), f(e, null, 0), o("default", null), r(e, () => x.value), e;
-		}) }, !0);
+			return d(() => f(e, h(y).e("pane"))), p(e, null, 0), s(), r(e, () => S.value), e;
+		}, !0), () => o(() => C.value === "tabs-slide-right", () => a(n, {
+			name: "tabs-slide-right",
+			persisted: ""
+		}, () => {
+			let e = _();
+			return d(() => f(e, h(y).e("pane"))), p(e, null, 0), s(), r(e, () => S.value), e;
+		}, !0), () => {
+			let e = v();
+			return d(() => f(e, h(y).e("pane"))), p(e, null, 0), s(), r(e, () => S.value), e;
+		}, 517), 261);
 	}
 });
 //#endregion
-export { v as default };
+export { y as default };

package/dist/es/components/src/tabs/tabs.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -5,14 +5,14 @@ import n from "../../../icons/src/left.vue.mjs";
 import r from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
 import { tabsContextKey as i } from "./types.mjs";
-import { child as a, computed as o, createComponent as s, createFor as ee, createIf as c, createInvoker as l, createSlot as u, createTemplateRefSetter as te, defineVaporComponent as d, delegateEvents as f, mergeModels as p, nextTick as m, on as h, onMounted as ne, onUnmounted as re, provide as ie, ref as g, renderEffect as _, setClass as v, setInsertionState as y, setProp as b, setStyle as ae, setText as x, template as S, toDisplayString as oe, txt as se, unref as C, useModel as ce, useSlots as le, useTemplateRef as w, watch as T, withModifiers as ue } from "vue";
+import { child as a, computed as o, createComponent as s, createFor as ee, createIf as c, createInvoker as l, createSlot as u, createTemplateRefSetter as te, defineVaporComponent as d, delegateEvents as f, mergeModels as p, nextTick as m, on as h, onMounted as g, onUnmounted as _, provide as ne, ref as v, renderEffect as y, setClass as b, setInsertionState as x, setProp as S, setStyle as re, setText as ie, template as C, toDisplayString as ae, txt as oe, unref as w, useModel as se, useSlots as ce, useTemplateRef as T, watch as E, withModifiers as le } from "vue";
 //#region ../components/src/tabs/tabs.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var E = S("<button></button>"), D = S("<span> "), O = S("<span>"), k = S("<div>"), de = S("<div><div><div></div></div>"), fe = S("<div>", !0);
+var D = C("<button></button>"), ue = C("<span> "), O = C("<span>"), k = C("<div>"), de = C("<div><div><div></div></div>"), fe = C("<div>", 1);
 f("click");
-var A = 200, j = 40, M = /* @__PURE__ */ d({
+var pe = 200, me = 40, A = /*@__PURE__*/ d({
 	name: "STabs",
 	__name: "tabs",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ p({
 		modelValue: {},
 		defaultActiveKey: {},
 		type: { default: "line" },
@@ -29,174 +29,178 @@ var A = 200, j = 40, M = /* @__PURE__ */ d({
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ p([
+	emits: /*@__PURE__*/ p([
 		"change",
 		"itemClick",
 		"remove"
 	], ["update:modelValue"]),
-	__multiRoot: !1,
 	setup(d, { emit: f, slots: p }) {
-		let S = d, M = f, N = e("tabs"), pe = le(), P = ce(d, "modelValue"), F = g(""), I = g({}), L = g(0), R = g(0), z = w("scrollContainerRef"), B = w("headerRef"), V = g(!1), H = g(!1), U = g(!1), me = (e) => e.type.name === "STab" || e.type.name === "STabPane", he = (e) => e.type.name === "STabPane", W = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map(), ge = (e, t) => {
-			W.set(e, t);
-			let n = G.get(e);
+		let C = d, A = f, j = e("tabs"), he = ce(), M = se(d, "modelValue"), N = v(""), P = v({}), F = v(0), I = v(0), L = T("scrollContainerRef"), R = T("headerRef"), z = v(!1), B = v(!1), V = v(!1), ge = (e) => e.type.name === "STab" || e.type.name === "STabPane", _e = (e) => e.type.name === "STabPane", H = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), ve = (e, t) => {
+			H.set(e, t);
+			let n = U.get(e);
 			n && n.replaceChildren(t);
-		}, _e = (e, t) => {
-			G.set(e, t);
-			let n = W.get(e);
+		}, ye = (e, t) => {
+			U.set(e, t);
+			let n = H.get(e);
 			n && t.replaceChildren(n);
-		}, K = o(() => {
-			let e = pe.default?.() || [], t = [], n = /* @__PURE__ */ new Set();
+		}, W = o(() => {
+			let e = he.default?.() || [], t = [], n = /* @__PURE__ */ new Set();
 			return ((e) => {
 				e.forEach((e) => {
-					if (me(e)) {
-						let r = e.rawProps || {}, i = r.name();
+					if (ge(e)) {
+						let r = e.rawProps || {}, i = r.name;
 						if (i == null || n.has(i)) return;
 						n.add(i);
-						let a = r.label?.(), o = he(e) ? "tab-pane" : "tab";
+						let a = r.label, o = _e(e) ? "tab-pane" : "tab";
 						t.push({
 							name: i,
 							label: a,
-							disabled: !!r.disabled?.(),
-							closeable: r.closeable?.(),
+							disabled: !!r.disabled,
+							closeable: r.closeable,
 							type: o
 						});
 					}
 				});
 			})(e), t;
-		}), ve = o(() => K.value.some((e) => e.type === "tab-pane")), ye = o(() => ({
-			left: `${L.value}px`,
-			width: `${R.value}px`
-		})), q = () => {
-			if (!P.value || !I.value[P.value] || !z.value) return;
-			let e = I.value[P.value];
-			L.value = e.offsetLeft, R.value = e.offsetWidth;
-		}, J = () => {
-			if (!z.value) return;
-			let { scrollLeft: e, scrollWidth: t, clientWidth: n } = z.value;
-			V.value = t > n, H.value = e > 0, U.value = e + n + 5 < t, q();
-		}, Y = (e) => {
-			z.value && (z.value.scrollTo({
-				left: z.value.scrollLeft + e,
+		}), be = o(() => W.value.some((e) => e.type === "tab-pane")), xe = o(() => ({
+			left: `${F.value}px`,
+			width: `${I.value}px`
+		})), G = () => {
+			if (!M.value || !P.value[M.value] || !L.value) return;
+			let e = P.value[M.value];
+			F.value = e.offsetLeft, I.value = e.offsetWidth;
+		}, K = () => {
+			if (!L.value) return;
+			let { scrollLeft: e, scrollWidth: t, clientWidth: n } = L.value;
+			z.value = t > n, B.value = e > 0, V.value = e + n + 5 < t, G();
+		}, q = (e) => {
+			L.value && (L.value.scrollTo({
+				left: L.value.scrollLeft + e,
 				behavior: "smooth"
-			}), m(J));
-		}, be = () => {
-			Y(-A);
-		}, xe = () => {
-			Y(A);
-		}, X = !1, Se = (e) => {
-			z.value && V.value && !X && (X = !0, e.preventDefault(), z.value.scrollLeft += e.deltaY > 0 ? j : -j, m(() => {
-				J(), X = !1;
-			}));
+			}), m(K));
+		}, Se = () => {
+			q(-200);
 		}, Ce = () => {
-			let e = I.value[P.value], t = z.value;
-			if (!P.value || !e || !t) return;
+			q(pe);
+		}, J = !1, we = (e) => {
+			L.value && z.value && !J && (J = !0, e.preventDefault(), L.value.scrollLeft += e.deltaY > 0 ? me : -40, m(() => {
+				K(), J = !1;
+			}));
+		}, Y = () => {
+			let e = P.value[M.value], t = L.value;
+			if (!M.value || !e || !t) return;
 			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = n.left + n.width / 2 - (r.left + r.width / 2);
 			t.scrollBy({
 				left: i,
 				behavior: "smooth"
 			});
 		};
-		T(K, (e) => {
-			I.value = {}, e.length && !P.value && (P.value = S.defaultActiveKey ?? e[0].name), m(() => {
-				q(), J();
+		E(W, (e) => {
+			P.value = {}, e.length && !M.value && (M.value = C.defaultActiveKey ?? e[0].name), m(() => {
+				G(), K();
 			});
-		}, { immediate: !0 }), T(P, (e, t) => {
-			if (F.value = "", S.animated && t !== void 0 && t !== "") {
-				let n = K.value.findIndex((e) => e.name === t), r = K.value.findIndex((t) => t.name === e);
-				n !== -1 && r !== -1 && (F.value = r > n ? "tabs-slide-left" : "tabs-slide-right");
+		}, { immediate: !0 });
+		let X = !1;
+		E(M, (e, t) => {
+			if (!X && (N.value = "", C.animated && t !== void 0 && t !== "")) {
+				let n = W.value.findIndex((e) => e.name === t), r = W.value.findIndex((t) => t.name === e);
+				n !== -1 && r !== -1 && (N.value = r > n ? "tabs-slide-left" : "tabs-slide-right");
 			}
-			m(() => {
-				q(), Ce(), J();
+			X = !1, m(() => {
+				G(), Y(), K();
 			});
 		});
-		let we = (e) => {
-			P.value = e, M("change", e);
-		}, Te = (e, t) => {
-			M("itemClick", e), !t && P.value !== e && we(e);
-		}, Ee = (e, t) => {
-			t.stopPropagation(), M("remove", e);
+		let Te = (e) => {
+			M.value = e, A("change", e);
+		}, Ee = async (e, t) => {
+			if (A("itemClick", e), !t && M.value !== e) {
+				let t = M.value, n = W.value.findIndex((e) => e.name === t), r = W.value.findIndex((t) => t.name === e);
+				C.animated && n !== -1 && r !== -1 && (N.value = r > n ? "tabs-slide-left" : "tabs-slide-right", X = !0, await m()), Te(e);
+			}
+		}, De = (e, t) => {
+			t.stopPropagation(), A("remove", e);
 		};
-		ie(i, {
-			activeKey: o(() => P.value),
-			transitionName: o(() => F.value),
-			registerLabelDom: ge
+		ne(i, {
+			activeKey: o(() => M.value),
+			transitionName: o(() => N.value),
+			registerLabelDom: ve
 		});
-		let Z = g(null);
-		ne(() => {
+		let Z = v(null);
+		g(() => {
 			m(() => {
-				q(), J(), S.defaultActiveKey && !P.value && (P.value = S.defaultActiveKey);
-			}), z.value && B.value && !Z.value && (Z.value = new ResizeObserver(() => {
-				q(), J();
-			}), Z.value.observe(z.value), Z.value.observe(B.value));
-		}), re(() => {
+				G(), K(), C.defaultActiveKey && !M.value && (M.value = C.defaultActiveKey);
+			}), L.value && R.value && !Z.value && (Z.value = new ResizeObserver(() => {
+				G(), K();
+			}), Z.value.observe(L.value), Z.value.observe(R.value));
+		}), _(() => {
 			Z.value && Z.value.disconnect();
 		});
 		let Q = te(), $ = fe();
-		return _(() => {
-			let e = C(N);
-			v($, [
+		return y(() => {
+			let e = w(j);
+			b($, [
 				e.b(),
 				e.m(d.type),
 				e.m(d.size),
 				{ [e.m("bordered")]: d.bordered }
 			]);
-		}), y($, null, 0), c(() => d.showHeader, () => {
+		}), x($, null, 0), c(() => d.showHeader, () => {
 			let e = de(), i = a(e, 1), o = a(i);
-			return _(() => v(e, C(N).e("header-wrapper"))), y(e, 0, 0), c(() => V.value && d.showArrow, () => {
-				let e = E();
-				return _(() => {
-					let t = C(N), n = H.value;
-					v(e, [t.e("nav-prev"), t.is("disabled", !n)]), b(e, "disabled", !n);
-				}), y(e, null, 0), s(C(n)), e.$evtclick = l(be), e;
-			}, null, 1), _(() => {
-				let e = C(N);
-				v(i, e.e("scroll-container")), v(o, e.e("header"));
-			}), y(o, null, 0), ee(() => K.value, (e) => {
+			return y(() => b(e, w(j).e("header-wrapper"))), x(e, 0, 0), c(() => z.value && d.showArrow, () => {
+				let e = D();
+				return y(() => {
+					let t = w(j), n = B.value;
+					b(e, [t.e("nav-prev"), t.is("disabled", !n)]), S(e, "disabled", !n);
+				}), x(e, null, 0), s(w(n)), e.$evtclick = l(Se), e;
+			}), y(() => {
+				let e = w(j);
+				b(i, e.e("scroll-container")), b(o, e.e("header"));
+			}), x(o, null, 0), ee(() => W.value, (e) => {
 				let n = k();
-				return _(() => {
-					let t = C(N), r = e.value;
-					v(n, [
+				return y(() => {
+					let t = w(j), r = e.value;
+					b(n, [
 						t.e("item"),
-						t.is("active", P.value === r.name),
+						t.is("active", M.value === r.name),
 						t.is("disabled", r.disabled)
 					]);
-				}), y(n, null, 0), c(() => e.value.label, () => {
-					let t = D(), n = se(t);
-					return _(() => x(n, oe(e.value.label))), t;
+				}), x(n, null, 0), c(() => e.value.label, () => {
+					let t = ue(), n = oe(t);
+					return y(() => ie(n, ae(e.value.label))), t;
 				}, () => {
 					let t = O();
-					return _(() => Q(t, (t) => {
-						t && _e(e.value.name, t);
+					return y(() => Q(t, (t) => {
+						t && ye(e.value.name, t);
 					}, !0)), t;
-				}, 5, null, 1), y(n, null, 1), c(() => e.value.closeable ?? S.closeable, () => {
+				}, 517), x(n, null, 1), c(() => e.value.closeable ?? C.closeable, () => {
 					let n = O();
-					return _(() => v(n, C(N).e("close-btn"))), y(n, null, 0), s(C(t)), h(n, "click", l(ue((t) => Ee(e.value.name, t), ["stop"]))), n;
-				}, null, 1), n.$evtclick = l(() => Te(e.value.name, e.value.disabled)), _(() => {
+					return y(() => b(n, w(j).e("close-btn"))), x(n, null, 0), s(w(t)), h(n, "click", le((t) => De(e.value.name, t), ["stop"])), n;
+				}), n.$evtclick = l(() => Ee(e.value.name, e.value.disabled)), y(() => {
 					let t = e.value;
 					Q(n, (e) => {
-						e && (I.value[t.name] = e);
+						e && (P.value[t.name] = e);
 					}, !0);
 				}), n;
-			}, (e) => e.name), y(o, null, 1), c(() => d.type === "line", () => {
+			}, (e) => e.name, 8), x(o, null, 1), c(() => d.type === "line", () => {
 				let e = k();
-				return _(() => {
-					v(e, C(N).e("active-bar")), ae(e, ye.value);
+				return y(() => {
+					b(e, w(j).e("active-bar")), re(e, xe.value);
 				}), e;
-			}, null, 1), Q(o, B, null, "headerRef"), h(i, "scroll", l(J)), h(i, "wheel", l(Se)), Q(i, z, null, "scrollContainerRef"), y(e, null, 2), c(() => V.value && d.showArrow, () => {
-				let e = E();
-				return _(() => {
-					let t = C(N), n = U.value;
-					v(e, [t.e("nav-next"), t.is("disabled", !n)]), b(e, "disabled", !n);
-				}), y(e, null, 0), s(C(r)), e.$evtclick = l(xe), e;
-			}, null, 1), y(e, null, 3), c(() => p.extra, () => {
+			}), Q(o, R, null, "headerRef"), h(i, "scroll", K), h(i, "wheel", we), Q(i, L, null, "scrollContainerRef"), x(e, null, 2), c(() => z.value && d.showArrow, () => {
+				let e = D();
+				return y(() => {
+					let t = w(j), n = V.value;
+					b(e, [t.e("nav-next"), t.is("disabled", !n)]), S(e, "disabled", !n);
+				}), x(e, null, 0), s(w(r)), e.$evtclick = l(Ce), e;
+			}), x(e, null, 3), c(() => p.extra, () => {
 				let e = k();
-				return _(() => v(e, C(N).e("extra"))), y(e, null, 0), u("extra", null), e;
-			}, null, 1), e;
-		}, null, 1), y($, null, 1), c(() => ve.value, () => {
+				return y(() => b(e, w(j).e("extra"))), x(e, null, 0), u("extra"), e;
+			}), e;
+		}), x($, null, 1), c(() => be.value, () => {
 			let e = k();
-			return _(() => v(e, C(N).e("content"))), y(e, null, 0), u("default", null), e;
-		}, null, 1), $;
+			return y(() => b(e, w(j).e("content"))), x(e, null, 0), u(), e;
+		}), $;
 	}
 });
 //#endregion
-export { M as default };
+export { A as default };

package/dist/es/components/src/tag/tag.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,9 +4,9 @@ import t from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
 import { computed as n, createComponent as r, createIf as i, createInvoker as a, createSlot as o, defineVaporComponent as s, delegateEvents as c, renderEffect as l, setClass as u, setInsertionState as d, setStyle as f, template as p, unref as m } from "vue";
 //#region ../components/src/tag/tag.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var h = p("<i>"), g = p("<div>", !0);
+var h = p("<i>"), g = p("<div>", 1);
 c("click");
-var _ = /* @__PURE__ */ s({
+var _ = /*@__PURE__*/ s({
 	name: "STag",
 	__name: "tag",
 	props: {
@@ -16,7 +16,6 @@ var _ = /* @__PURE__ */ s({
 		color: {}
 	},
 	emits: ["close"],
-	__multiRoot: !1,
 	setup(s, { emit: c }) {
 		let p = s, _ = c, v = e("tag"), y = (e) => {
 			_("close", e);
@@ -31,10 +30,10 @@ var _ = /* @__PURE__ */ s({
 				e.m(s.type),
 				e.m(s.size)
 			]), f(x, b.value);
-		}), d(x, null, 0), o("default", null), d(x, null, 1), i(() => s.closeable, () => {
+		}), d(x, null, 0), o(), d(x, null, 1), i(() => s.closeable, () => {
 			let e = h();
 			return l(() => u(e, [m(v).e("icon")])), d(e, null, 0), r(m(t)), e.$evtclick = a(y), e;
-		}, null, 1), x;
+		}), x;
 	}
 });
 //#endregion