savor-ui 0.3.0 → 0.3.2

package/dist/es/components/src/layout/aside.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,16 +4,15 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { createSlot as n, defineVaporComponent as r, renderEffect as i, setClass as a, setInsertionState as o, setStyle as s, template as c, unref as l } from "vue";
 //#region ../components/src/layout/aside.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var u = c("<div>", !0), d = /* @__PURE__ */ r({
+var u = c("<div>", 1), d = /*@__PURE__*/ r({
 	name: "SLayoutAside",
 	__name: "aside",
 	props: { width: { default: "220px" } },
-	__multiRoot: !1,
 	setup(r) {
 		let c = t("layout"), d = u();
 		return i(() => {
 			a(d, [l(c).e("aside")]), s(d, { width: l(e)(r.width) });
-		}), o(d, null, 0), n("default", null), d;
+		}), o(d, null, 0), n(), d;
 	}
 });
 //#endregion

package/dist/es/components/src/layout/content.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -2,13 +2,12 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { createSlot as t, defineVaporComponent as n, renderEffect as r, setClass as i, setInsertionState as a, template as o, unref as s } from "vue";
 //#region ../components/src/layout/content.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var c = o("<div>", !0), l = /* @__PURE__ */ n({
+var c = o("<div>", 1), l = /*@__PURE__*/ n({
 	name: "SLayoutContent",
 	__name: "content",
-	__multiRoot: !1,
 	setup(n) {
 		let o = e("layout"), l = c();
-		return r(() => i(l, [s(o).e("content")])), a(l, null, 0), t("default", null), l;
+		return r(() => i(l, [s(o).e("content")])), a(l, null, 0), t(), l;
 	}
 });
 //#endregion

package/dist/es/components/src/layout/footer.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,16 +4,15 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { createSlot as n, defineVaporComponent as r, renderEffect as i, setClass as a, setInsertionState as o, setStyle as s, template as c, unref as l } from "vue";
 //#region ../components/src/layout/footer.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var u = c("<div>", !0), d = /* @__PURE__ */ r({
+var u = c("<div>", 1), d = /*@__PURE__*/ r({
 	name: "SLayoutFooter",
 	__name: "footer",
 	props: { height: { default: "40px" } },
-	__multiRoot: !1,
 	setup(r) {
 		let c = t("layout"), d = u();
 		return i(() => {
 			a(d, [l(c).e("footer")]), s(d, { height: l(e)(r.height) });
-		}), o(d, null, 0), n("default", null), d;
+		}), o(d, null, 0), n(), d;
 	}
 });
 //#endregion

package/dist/es/components/src/layout/header.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,16 +4,15 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { createSlot as n, defineVaporComponent as r, renderEffect as i, setClass as a, setInsertionState as o, setStyle as s, template as c, unref as l } from "vue";
 //#region ../components/src/layout/header.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var u = c("<div>", !0), d = /* @__PURE__ */ r({
+var u = c("<div>", 1), d = /*@__PURE__*/ r({
 	name: "SLayoutHeader",
 	__name: "header",
 	props: { height: { default: "50px" } },
-	__multiRoot: !1,
 	setup(r) {
 		let c = t("layout"), d = u();
 		return i(() => {
 			a(d, [l(c).e("header")]), s(d, { height: l(e)(r.height) });
-		}), o(d, null, 0), n("default", null), d;
+		}), o(d, null, 0), n(), d;
 	}
 });
 //#endregion

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

@@ -5,14 +5,13 @@ import "../../../hooks/index.mjs";
 import n from "./aside.vue.mjs";
 import { computed as r, createSlot as i, defineVaporComponent as a, renderEffect as o, setClass as s, setInsertionState as c, setStyle as l, template as u, unref as d, useSlots as f } from "vue";
 //#region ../components/src/layout/layout.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var p = u("<div>", !0), m = /* @__PURE__ */ a({
+var p = u("<div>", 1), m = /*@__PURE__*/ a({
 	name: "SLayout",
 	__name: "layout",
 	props: {
 		height: { default: "100%" },
 		bgColor: {}
 	},
-	__multiRoot: !1,
 	setup(a) {
 		let u = a, m = t("layout"), h = f(), g = r(() => ({
 			height: e(u.height),
@@ -21,7 +20,7 @@ var p = u("<div>", !0), m = /* @__PURE__ */ a({
 		return o(() => {
 			let e = d(m);
 			s(v, [e.b(), e.is("horizontal", _.value)]), l(v, g.value);
-		}), c(v, null, 0), i("default", null), v;
+		}), c(v, null, 0), i(), v;
 	}
 });
 //#endregion

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

@@ -2,7 +2,7 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { createSlot as t, defineVaporComponent as n, renderEffect as r, setClass as i, setInsertionState as a, setProp as o, setText as s, template as c, toDisplayString as l, unref as u } from "vue";
 //#region ../components/src/link/link.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var d = c(" "), f = c("<a>", !0), p = /* @__PURE__ */ n({
+var d = c(" "), f = c("<a>", 1), p = /*@__PURE__*/ n({
 	name: "SLink",
 	__name: "link",
 	props: {
@@ -12,7 +12,6 @@ var d = c(" "), f = c("<a>", !0), p = /* @__PURE__ */ n({
 		underline: { default: "hover" },
 		disabled: { type: Boolean }
 	},
-	__multiRoot: !1,
 	setup(n) {
 		let c = e("link"), p = f();
 		return r(() => {

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

@@ -1,13 +1,13 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { child as t, createFor as n, createInvoker as r, createSlot as i, createTemplateRefSetter as a, defineVaporComponent as o, delegateEvents as s, mergeModels as c, renderEffect as l, setClass as u, setInsertionState as d, setText as f, template as p, toDisplayString as m, unref as h, useModel as g } from "vue";
+import { child as t, createFor as n, createInvoker as r, createSlot as i, defineVaporComponent as a, delegateEvents as o, mergeModels as s, renderEffect as c, setClass as l, setInsertionState as u, setStaticTemplateRef as d, setText as f, template as p, toDisplayString as m, unref as h, useModel as g } from "vue";
 //#region ../components/src/list/list.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var _ = p(" "), v = p("<li>"), y = p("<div><ul>", !0);
-s("click");
-var b = /* @__PURE__ */ o({
+var _ = p(" "), v = p("<li>"), y = p("<div><ul>", 1);
+o("click");
+var b = /*@__PURE__*/ a({
 	name: "SList",
 	__name: "list",
-	props: /* @__PURE__ */ c({
+	props: /*@__PURE__*/ s({
 		data: {},
 		hover: { type: Boolean },
 		selected: {
@@ -24,32 +24,31 @@ var b = /* @__PURE__ */ o({
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ c(["dragStart", "dragEnd"], ["update:modelValue"]),
-	__multiRoot: !1,
-	setup(o, { emit: s }) {
-		let c = o, p = e("list"), b = g(o, "modelValue"), x = (e) => {
-			b.value = e[c.selectKey];
-		}, S = (e) => b.value === e[c.selectKey] && c.selected, C = a(), w = y(), T = t(w);
-		return l(() => {
+	emits: /*@__PURE__*/ s(["dragStart", "dragEnd"], ["update:modelValue"]),
+	setup(a, { emit: o }) {
+		let s = a, p = e("list"), b = g(a, "modelValue"), x = (e) => {
+			b.value = e[s.selectKey];
+		}, S = (e) => b.value === e[s.selectKey] && s.selected, C = y(), w = t(C);
+		return c(() => {
 			let e = h(p);
-			u(w, [e.b(), { [e.m("border")]: o.border }]), u(T, [e.e("wrapper")]);
-		}), d(T, null, 0), n(() => o.data, (e, t) => {
+			l(C, [e.b(), { [e.m("border")]: a.border }]), l(w, [e.e("wrapper")]);
+		}), u(w, null, 0), n(() => a.data, (e, t) => {
 			let n = v();
-			return l(() => {
+			return c(() => {
 				let t = h(p);
-				u(n, [
+				l(n, [
 					t.e("item"),
 					t.is("selected", S(e.value)),
-					{ [t.m("hover")]: o.hover }
+					{ [t.m("hover")]: a.hover }
 				]);
-			}), d(n, null, 0), i("default", {
+			}), u(n, null, 0), i("default", {
 				index: () => t.value,
 				item: () => e.value
 			}, () => {
 				let t = _();
-				return l(() => f(t, m(e.value))), t;
+				return c(() => f(t, m(e.value))), t;
 			}), n.$evtclick = r(() => x(e.value)), n;
-		}, (e, t) => t, 1), C(T, "wrapperRef"), w;
+		}, (e, t) => t, 9), d(w, "wrapperRef"), C;
 	}
 });
 //#endregion

package/dist/es/components/src/menu/menu-group.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 { menuContextKey as t, menuLevelContextKey as n } from "./types.mjs";
-import { child as r, createIf as i, createSlot as a, createTemplateRefSetter as o, defineVaporComponent as s, inject as c, next as l, onMounted as u, provide as d, renderEffect as f, setClass as p, setInsertionState as m, setText as h, template as g, toDisplayString as _, unref as v, useTemplateRef as y } from "vue";
+import { child as r, createIf as i, createSlot as a, defineVaporComponent as o, inject as s, next as c, onMounted as l, provide as u, renderEffect as d, setClass as f, setInsertionState as p, setStaticTemplateRef as m, setText as h, template as g, toDisplayString as _, unref as v, useTemplateRef as y } from "vue";
 //#region ../components/src/menu/menu-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var b = g("<div>"), x = g(" "), S = g("<div><div><div></div></div><div>", !0), C = /* @__PURE__ */ s({
+var b = g("<div>"), x = g(" "), S = g("<div><div><div></div></div><div>", 1), C = /*@__PURE__*/ o({
 	name: "SMenuGroup",
 	__name: "menu-group",
 	props: {
@@ -11,27 +11,26 @@ var b = g("<div>"), x = g(" "), S = g("<div><div><div></div></div><div>", !0), C
 		title: {},
 		disabled: { type: Boolean }
 	},
-	__multiRoot: !1,
-	setup(s, { slots: g }) {
-		let C = e("menu"), w = y("groupRef"), T = c(t, void 0), E = c(n, void 0), D = E ? E.level + 1 : 1;
-		u(() => {
+	setup(o, { slots: g }) {
+		let C = e("menu"), w = y("groupRef"), T = s(t, void 0), E = s(n, void 0), D = E ? E.level + 1 : 1;
+		l(() => {
 			w.value?.style.setProperty("--s-menu-level", `${D}`);
-		}), d(n, { level: D });
-		let O = o(), k = S(), A = r(k), j = r(A, 1), M = l(A, 1);
-		return f(() => {
+		}), u(n, { level: D });
+		let O = S(), k = r(O), A = r(k, 1), j = c(k, 1);
+		return d(() => {
 			let e = v(C);
-			p(k, [
+			f(O, [
 				e.e("group"),
-				e.is("disabled", s.disabled),
+				e.is("disabled", o.disabled),
 				e.is("collapse", v(T)?.isCollapsed.value)
-			]), p(A, [e.e("group-title")]);
-		}), m(A, 0, 0), i(() => g.icon, () => {
+			]), f(k, [e.e("group-title")]);
+		}), p(k, 0, 0), i(() => g.icon, () => {
 			let e = b();
-			return f(() => p(e, [v(C).e("group-icon")])), m(e, null, 0), a("icon", null), e;
-		}, null, 1), f(() => p(j, [v(C).e("group-label")])), m(j, null, 0), a("title", null, () => {
+			return d(() => f(e, [v(C).e("group-icon")])), p(e, null, 0), a("icon"), e;
+		}), d(() => f(A, [v(C).e("group-label")])), p(A, null, 0), a("title", null, () => {
 			let e = x();
-			return f(() => h(e, _(s.title))), e;
-		}), f(() => p(M, [v(C).e("group-content")])), m(M, null, 0), a("default", null), O(k, w, null, "groupRef"), k;
+			return d(() => h(e, _(o.title))), e;
+		}), d(() => f(j, [v(C).e("group-content")])), p(j, null, 0), a(), m(O, w, null, "groupRef"), O;
 	}
 });
 //#endregion

package/dist/es/components/src/menu/menu-item.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -2,11 +2,11 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { STooltip as t } from "../tooltip/index.mjs";
 import { menuContextKey as n, menuLevelContextKey as r, subMenuContextKey as i } from "./types.mjs";
-import { child as a, createComponent as o, createIf as s, createInvoker as c, createSlot as l, createTemplateRefSetter as u, defineVaporComponent as d, delegateEvents as f, inject as p, next as m, onMounted as h, renderEffect as g, setClass as _, setInsertionState as v, setText as y, template as b, toDisplayString as x, unref as S, useTemplateRef as C, withVaporCtx as w } from "vue";
+import { child as a, createComponent as o, createIf as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, inject as f, next as p, onMounted as m, renderEffect as h, setClass as g, setInsertionState as _, setStaticTemplateRef as v, setText as y, template as b, toDisplayString as x, unref as S, useTemplateRef as C } from "vue";
 //#region ../components/src/menu/menu-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var T = b(" "), E = b("<div><div></div><div></div></div>"), D = b("<div><div></div><div>"), O = b("<div>", !0);
-f("click");
-var k = /* @__PURE__ */ d({
+var w = b(" "), T = b("<div><div></div><div></div></div>"), E = b("<div><div></div><div>"), D = b("<div>", 1);
+d("click");
+var O = /*@__PURE__*/ u({
 	name: "SMenuItem",
 	__name: "menu-item",
 	props: {
@@ -16,56 +16,55 @@ var k = /* @__PURE__ */ d({
 		activePosition: { default: "center" },
 		item: {}
 	},
-	__multiRoot: !1,
-	setup(d) {
-		let f = d, b = e("menu"), k = C("itemRef"), A = p(n, void 0), j = p(i, void 0), M = p(r, void 0), N = () => {
-			A?.itemClick(f.name, f.item), j?.outsideClick();
+	setup(u) {
+		let d = u, b = e("menu"), O = C("itemRef"), k = f(n, void 0), A = f(i, void 0), j = f(r, void 0), M = () => {
+			k?.itemClick(d.name, d.item), A?.outsideClick();
 		};
-		h(() => {
-			j?.registerDescendant(f.name), M || k.value?.style.setProperty("--s-menu-level", "0");
+		m(() => {
+			A?.registerDescendant(d.name), j || O.value?.style.setProperty("--s-menu-level", "0");
 		});
-		let P = u(), F = O();
-		return g(() => _(F, [S(b).e("item")])), v(F, null, 0), s(() => S(A)?.collapsed.value, () => o(S(t), {
-			mini: () => "",
-			"popover-props": () => ({ placement: "right" })
+		let N = D();
+		return h(() => g(N, [S(b).e("item")])), _(N, null, 0), s(() => S(k)?.collapsed.value, () => o(S(t), {
+			mini: "",
+			"popover-props": { placement: "right" }
 		}, {
-			content: w(() => l("default", null, () => {
-				let e = T();
-				return g(() => y(e, x(d.title))), e;
-			})),
-			default: w(() => {
-				let e = E(), t = a(e), n = m(t, 1);
-				return g(() => {
-					let n = S(b), r = S(A), i = d.name, a = d.activePosition, o = r.activeKey;
-					_(e, [
+			content: () => l("default", null, () => {
+				let e = w();
+				return h(() => y(e, x(u.title))), e;
+			}, 4),
+			default: () => {
+				let e = T(), t = a(e), n = p(t, 1);
+				return h(() => {
+					let n = S(b), r = S(k), i = u.name, a = u.activePosition, o = r.activeKey;
+					g(e, [
 						n.e("item-title"),
-						n.is("disabled", d.disabled),
+						n.is("disabled", u.disabled),
 						n.is("active", o.value === i && a === "center"),
 						n.is("active-left", o.value === i && a === "left"),
 						n.is("active-right", o.value === i && a === "right")
-					]), _(t, [n.e("item-icon")]);
-				}), v(t, null, 0), l("icon", null), g(() => _(n, [S(b).e("item-label")])), v(n, null, 0), l("default", null, () => {
-					let e = T();
-					return g(() => y(e, x(d.title))), e;
-				}), e.$evtclick = c(N), e;
-			})
+					]), g(t, [n.e("item-icon")]);
+				}), _(t, null, 0), l("icon"), h(() => g(n, [S(b).e("item-label")])), _(n, null, 0), l("default", null, () => {
+					let e = w();
+					return h(() => y(e, x(u.title))), e;
+				}), e.$evtclick = c(M), e;
+			}
 		}), () => {
-			let e = D(), t = a(e), n = m(t, 1);
-			return g(() => {
-				let n = S(b), r = S(A), i = d.name, a = d.activePosition, o = r.activeKey;
-				_(e, [
+			let e = E(), t = a(e), n = p(t, 1);
+			return h(() => {
+				let n = S(b), r = S(k), i = u.name, a = u.activePosition, o = r.activeKey;
+				g(e, [
 					n.e("item-title"),
-					n.is("disabled", d.disabled),
+					n.is("disabled", u.disabled),
 					n.is("active", o.value === i && a === "center"),
 					n.is("active-left", o.value === i && a === "left"),
 					n.is("active-right", o.value === i && a === "right")
-				]), _(t, [n.e("item-icon")]);
-			}), v(t, null, 0), l("icon", null), g(() => _(n, [S(b).e("item-label")])), v(n, null, 0), l("default", null, () => {
-				let e = T();
-				return g(() => y(e, x(d.title))), e;
-			}), e.$evtclick = c(N), e;
-		}, 5, null, 0), P(F, k, null, "itemRef"), F;
+				]), g(t, [n.e("item-icon")]);
+			}), _(t, null, 0), l("icon"), h(() => g(n, [S(b).e("item-label")])), _(n, null, 0), l("default", null, () => {
+				let e = w();
+				return h(() => y(e, x(u.title))), e;
+			}), e.$evtclick = c(M), e;
+		}, 261), v(N, O, null, "itemRef"), N;
 	}
 });
 //#endregion
-export { k as default };
+export { O as default };

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

@@ -5,12 +5,12 @@ import { useResizeObserver as n } from "../../../hooks/src/use-resize-observer.m
 import "../../../hooks/index.mjs";
 import { SScrollbar as r } from "../scrollbar/index.mjs";
 import { menuContextKey as i } from "./types.mjs";
-import { computed as a, createComponent as o, createIf as s, createSlot as c, createTemplateRefSetter as l, defineVaporComponent as u, mergeModels as d, provide as f, ref as p, renderEffect as m, setClass as h, setInsertionState as g, setStyle as _, template as v, toRefs as y, unref as b, useModel as x, useTemplateRef as S, withVaporCtx as C } from "vue";
+import { computed as a, createComponent as o, createIf as s, createSlot as c, defineVaporComponent as l, mergeModels as u, provide as d, ref as f, renderEffect as p, setClass as m, setInsertionState as h, setStaticTemplateRef as g, setStyle as _, template as v, toRefs as y, unref as b, useModel as x, useTemplateRef as S } from "vue";
 //#region ../components/src/menu/menu.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var w = v("<div>"), T = v("<div>", !0), E = /* @__PURE__ */ u({
+var C = v("<div>"), w = v("<div>", 1), T = /*@__PURE__*/ l({
 	name: "SMenu",
 	__name: "menu",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ u({
 		mode: { default: "vertical" },
 		collapsed: { type: Boolean },
 		width: { default: 220 },
@@ -24,49 +24,48 @@ var w = v("<div>"), T = v("<div>", !0), E = /* @__PURE__ */ u({
 		openKeys: { default: () => [] },
 		openKeysModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d(["itemClick", "openChange"], ["update:activeKey", "update:openKeys"]),
-	__multiRoot: !1,
-	setup(u, { emit: d }) {
-		let v = u, E = d, D = t("menu"), O = a(() => ({ width: v.mode === "horizontal" ? "100%" : v.collapsed ? e(v.collapsedWidth) : e(v.width) })), k = x(u, "activeKey"), A = x(u, "openKeys"), j = (e, t) => {
-			k.value = e, E("itemClick", e, t);
-		}, M = (e) => {
+	emits: /*@__PURE__*/ u(["itemClick", "openChange"], ["update:activeKey", "update:openKeys"]),
+	setup(l, { emit: u }) {
+		let v = l, T = u, E = t("menu"), D = a(() => ({ width: v.mode === "horizontal" ? "100%" : v.collapsed ? e(v.collapsedWidth) : e(v.width) })), O = x(l, "activeKey"), k = x(l, "openKeys"), A = (e, t) => {
+			O.value = e, T("itemClick", e, t);
+		}, j = (e) => {
 			if (v.accordion) {
-				A.value = [e];
+				k.value = [e];
 				return;
 			}
-			A.value = [...A.value, e];
-		}, N = (e) => {
-			A.value = A.value.toSpliced(A.value.indexOf(e), 1);
-		}, { collapsed: P, collapsedWidth: F, mode: I } = y(v), L = p(!1), R = p(void 0), z = (e) => {
-			R.value = e;
-		}, B = S("menuRef");
-		n(B, (e) => {
-			e[0].contentRect.width === F.value ? L.value = !0 : L.value = !1;
-		}), f(i, {
-			mode: I,
-			collapsed: P,
-			collapsedWidth: F,
-			activeKey: k,
-			itemClick: j,
-			openKeys: A,
-			setOpenKey: M,
-			removeOpenKey: N,
-			isCollapsed: L,
-			activePopoverKey: R,
-			setActivePopoverKey: z
+			k.value = [...k.value, e];
+		}, M = (e) => {
+			k.value = k.value.toSpliced(k.value.indexOf(e), 1);
+		}, { collapsed: N, collapsedWidth: P, mode: F } = y(v), I = f(!1), L = f(void 0), R = (e) => {
+			L.value = e;
+		}, z = S("menuRef");
+		n(z, (e) => {
+			e[0].contentRect.width === P.value ? I.value = !0 : I.value = !1;
+		}), d(i, {
+			mode: F,
+			collapsed: N,
+			collapsedWidth: P,
+			activeKey: O,
+			itemClick: A,
+			openKeys: k,
+			setOpenKey: j,
+			removeOpenKey: M,
+			isCollapsed: I,
+			activePopoverKey: L,
+			setActivePopoverKey: R
 		});
-		let V = l(), H = T();
-		return m(() => {
-			let e = b(D);
-			h(H, [e.b(), e.m(b(I))]), _(H, O.value);
-		}), g(H, null, 0), s(() => b(I) === "vertical", () => o(b(r), { padding: () => "4px 0" }, { default: C(() => {
-			let e = w();
-			return m(() => h(e, [b(D).e("content")])), g(e, null, 0), c("default", null), e;
-		}) }), null, 1), g(H, null, 1), s(() => b(I) === "horizontal", () => {
-			let e = w();
-			return m(() => h(e, [b(D).e("content")])), g(e, null, 0), c("default", null), e;
-		}, null, 1), V(H, B, null, "menuRef"), H;
+		let B = w();
+		return p(() => {
+			let e = b(E);
+			m(B, [e.b(), e.m(b(F))]), _(B, D.value);
+		}), h(B, null, 0), s(() => b(F) === "vertical", () => o(b(r), { padding: "4px 0" }, () => {
+			let e = C();
+			return p(() => m(e, [b(E).e("content")])), h(e, null, 0), c(), e;
+		})), h(B, null, 1), s(() => b(F) === "horizontal", () => {
+			let e = C();
+			return p(() => m(e, [b(E).e("content")])), h(e, null, 0), c(), e;
+		}), g(B, z, null, "menuRef"), B;
 	}
 });
 //#endregion
-export { E as default };
+export { T as default };