@vef-framework-react/starter 2.1.0

package/dist/es/components/layout/components/search/search-result.js

@@ -0,0 +1,102 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useAppStore as e } from "../../../../stores/app.js";
+import { useMenuNavigate as t } from "../../hooks/use-menu-navigate.js";
+import { useLayoutStore as n } from "../../store.js";
+import { SearchResultItem as r } from "./search-result-item.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Empty as o, globalCssVars as s } from "@vef-framework-react/components";
+import { AnimatePresence as c, motion as l } from "@vef-framework-react/core";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { css as p } from "@emotion/react";
+import { getPinyin as m, getPinyinInitials as h } from "@vef-framework-react/shared";
+import { useHotkeys as g } from "@vef-framework-react/hooks";
+//#region src/components/layout/components/search/search-result.tsx
+var _ = /* @__PURE__ */ p({
+	display: "flex",
+	flexDirection: "column",
+	rowGap: s.spacingSm
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC1yZXN1bHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCb0IiLCJmaWxlIjoic2VhcmNoLXJlc3VsdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFdpdGhQaW55aW4gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3Qvc2hhcmVkXCI7XG5cbmltcG9ydCB0eXBlIHsgVXNlck1lbnUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vdHlwZXNcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBFbXB0eSwgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBBbmltYXRlUHJlc2VuY2UsIG1vdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb3JlXCI7XG5pbXBvcnQgeyB1c2VIb3RrZXlzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L2hvb2tzXCI7XG5pbXBvcnQgeyBnZXRQaW55aW4sIGdldFBpbnlpbkluaXRpYWxzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L3NoYXJlZFwiO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyB1c2VBcHBTdG9yZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9zdG9yZXNcIjtcbmltcG9ydCB7IHVzZU1lbnVOYXZpZ2F0ZSB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuaW1wb3J0IHsgdXNlTGF5b3V0U3RvcmUgfSBmcm9tIFwiLi4vLi4vc3RvcmVcIjtcbmltcG9ydCB7IFNlYXJjaFJlc3VsdEl0ZW0gfSBmcm9tIFwiLi9zZWFyY2gtcmVzdWx0LWl0ZW1cIjtcblxuaW50ZXJmYWNlIFNlYXJjaFJlc3VsdFByb3BzIHtcbiAga2V5d29yZDogc3RyaW5nO1xufVxuXG50eXBlIE1lbnVJdGVtID0gV2l0aFBpbnlpbjxVc2VyTWVudSwgXCJuYW1lXCI+O1xuXG5jb25zdCByZXN1bHRTdHlsZSA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICByb3dHYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlYXJjaFJlc3VsdCh7IGtleXdvcmQgfTogU2VhcmNoUmVzdWx0UHJvcHMpIHtcbiAgY29uc3Qgc2V0SXNTZWFyY2hWaXNpYmxlID0gdXNlTGF5b3V0U3RvcmUoc3RhdGUgPT4gc3RhdGUuc2V0SXNTZWFyY2hWaXNpYmxlKTtcbiAgY29uc3QgdXNlck1lbnVNYXAgPSB1c2VBcHBTdG9yZShzdGF0ZSA9PiBzdGF0ZS51c2VyTWVudU1hcCk7XG4gIGNvbnN0IG1lbnVJdGVtcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gYnVpbGRNZW51SXRlbXModXNlck1lbnVNYXAgPyBbLi4udXNlck1lbnVNYXAudmFsdWVzKCldIDogW10pLFxuICAgIFt1c2VyTWVudU1hcF1cbiAgKTtcbiAgY29uc3QgbWF0Y2hlZE1lbnVJdGVtcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVudUl0ZW1zLmZpbHRlcihpdGVtID0+IG1hdGNoKGl0ZW0sIGtleXdvcmQpKSxcbiAgICBbbWVudUl0ZW1zLCBrZXl3b3JkXVxuICApO1xuICBjb25zdCBbYWN0aXZlTWVudVBhdGgsIHNldEFjdGl2ZU1lbnVQYXRoXSA9IHVzZVN0YXRlPHN0cmluZz4oKTtcblxuICBmdW5jdGlvbiBoYW5kbGVNZW51U2VsZWN0KG9mZnNldDogMSB8IC0xKTogdm9pZCB7XG4gICAgY29uc3QgeyBsZW5ndGggfSA9IG1hdGNoZWRNZW51SXRlbXM7XG5cbiAgICBpZiAobGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgaW5kZXggPSBtYXRjaGVkTWVudUl0ZW1zLmZpbmRJbmRleChpdGVtID0+IGl0ZW0ucGF0aCA9PT0gYWN0aXZlTWVudVBhdGgpO1xuXG4gICAgaWYgKGluZGV4ID09PSAtMSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG5ld0luZGV4ID0gKGluZGV4ICsgb2Zmc2V0ICsgbGVuZ3RoKSAlIGxlbmd0aDtcbiAgICBzZXRBY3RpdmVNZW51UGF0aChtYXRjaGVkTWVudUl0ZW1zW25ld0luZGV4XSEucGF0aCk7XG4gIH1cblxuICBjb25zdCBuYXZpZ2F0ZSA9IHVzZU1lbnVOYXZpZ2F0ZSgpO1xuICB1c2VIb3RrZXlzKFwiZXNjXCIsICgpID0+IHNldElzU2VhcmNoVmlzaWJsZShmYWxzZSksIHsgZW5hYmxlT25Gb3JtVGFnczogdHJ1ZSB9KTtcbiAgdXNlSG90a2V5cyhcImVudGVyXCIsICgpID0+IHtcbiAgICBpZiAoIWFjdGl2ZU1lbnVQYXRoKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0SXNTZWFyY2hWaXNpYmxlKGZhbHNlKTtcbiAgICBjb25zdCBtZW51ID0gdXNlck1lbnVNYXA/LmdldChhY3RpdmVNZW51UGF0aCk7XG5cbiAgICBpZiAobWVudSkge1xuICAgICAgbmF2aWdhdGUobWVudSk7XG4gICAgfVxuICB9LCB7IGVuYWJsZU9uRm9ybVRhZ3M6IHRydWUgfSk7XG4gIHVzZUhvdGtleXMoXCJ1cFwiLCAoKSA9PiBoYW5kbGVNZW51U2VsZWN0KC0xKSwgeyBlbmFibGVPbkZvcm1UYWdzOiB0cnVlIH0pO1xuICB1c2VIb3RrZXlzKFwiZG93blwiLCAoKSA9PiBoYW5kbGVNZW51U2VsZWN0KDEpLCB7IGVuYWJsZU9uRm9ybVRhZ3M6IHRydWUgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWF0Y2hlZE1lbnVJdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICBjb25zdCB7IHBhdGggfSA9IG1hdGNoZWRNZW51SXRlbXNbMF0hO1xuXG4gICAgICBzZXRBY3RpdmVNZW51UGF0aChwYXRoKTtcbiAgICB9XG4gIH0sIFttYXRjaGVkTWVudUl0ZW1zXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17cmVzdWx0U3R5bGV9PlxuICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAge21hdGNoZWRNZW51SXRlbXMubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICBrZXk9e2l0ZW0ucGF0aH1cbiAgICAgICAgICAgIGxheW91dFxuICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxLCB5OiAwIH19XG4gICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAsIHk6IDIwIH19XG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt7XG4gICAgICAgICAgICAgIGR1cmF0aW9uOiAwLjMsXG4gICAgICAgICAgICAgIGRlbGF5OiBpbmRleCAqIDAuMDUsXG4gICAgICAgICAgICAgIGVhc2U6IFwiZWFzZU91dFwiXG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZWFyY2hSZXN1bHRJdGVtXG4gICAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlTWVudVBhdGggPT09IGl0ZW0ucGF0aH1cbiAgICAgICAgICAgICAgaWNvbj17aXRlbS5pY29uID09PSBudWxsID8gdW5kZWZpbmVkIDogaXRlbS5pY29ufVxuICAgICAgICAgICAgICBsYWJlbD17aXRlbS5uYW1lfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGFjdGl2ZU1lbnVQYXRoICE9PSBpdGVtLnBhdGgpIHtcbiAgICAgICAgICAgICAgICAgIHNldEFjdGl2ZU1lbnVQYXRoKGl0ZW0ucGF0aCk7XG4gICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgc2V0SXNTZWFyY2hWaXNpYmxlKGZhbHNlKTtcbiAgICAgICAgICAgICAgICBjb25zdCBtZW51ID0gdXNlck1lbnVNYXA/LmdldChpdGVtLnBhdGgpO1xuXG4gICAgICAgICAgICAgICAgaWYgKG1lbnUpIHtcbiAgICAgICAgICAgICAgICAgIG5hdmlnYXRlKG1lbnUpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICApKX1cbiAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuXG4gICAgICA8QW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7bWF0Y2hlZE1lbnVJdGVtcy5sZW5ndGggPT09IDAgJiYgKFxuICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICBrZXk9XCJlbXB0eS1zdGF0ZVwiXG4gICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEsIHNjYWxlOiAxIH19XG4gICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAsIHNjYWxlOiAwLjk1IH19XG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjMsIGVhc2U6IFwiZWFzZU91dFwiIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEVtcHR5XG4gICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgICBrZXl3b3JkXG4gICAgICAgICAgICAgICAgICA/IGDmsqHmnInmib7liLDkuI5cIiR7a2V5d29yZH1cIuebuOWFs+eahOiPnOWNlWBcbiAgICAgICAgICAgICAgICAgIDogXCLor7fovpPlhaXlhbPplK7lrZfmkJzntKJcIlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5mdW5jdGlvbiBtYXRjaChtZW51SXRlbTogTWVudUl0ZW0sIGtleXdvcmQ6IHN0cmluZykge1xuICBpZiAoIWtleXdvcmQpIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBjb25zdCB7XG4gICAgbmFtZSxcbiAgICBuYW1lUGlueWluLFxuICAgIG5hbWVQaW55aW5Jbml0aWFsc1xuICB9ID0gbWVudUl0ZW07XG5cbiAgcmV0dXJuIG5hbWUuaW5jbHVkZXMoa2V5d29yZCkgfHwgbmFtZVBpbnlpbi5pbmNsdWRlcyhrZXl3b3JkKSB8fCBuYW1lUGlueWluSW5pdGlhbHMuaW5jbHVkZXMoa2V5d29yZCk7XG59XG5cbmZ1bmN0aW9uIGJ1aWxkTWVudUl0ZW1zKG1lbnVzOiByZWFkb25seSBVc2VyTWVudVtdKTogTWVudUl0ZW1bXSB7XG4gIHJldHVybiBtZW51cy5tYXAobWVudSA9PiB7XG4gICAgY29uc3QgeyBuYW1lIH0gPSBtZW51O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLm1lbnUsXG4gICAgICBuYW1lUGlueWluOiBnZXRQaW55aW4obmFtZSkuam9pbihcIlwiKSxcbiAgICAgIG5hbWVQaW55aW5Jbml0aWFsczogZ2V0UGlueWluSW5pdGlhbHMobmFtZSkuam9pbihcIlwiKVxuICAgIH07XG4gIH0pO1xufVxuIl19 */");
+function v({ keyword: s }) {
+	let p = n((e) => e.setIsSearchVisible), m = e((e) => e.userMenuMap), h = d(() => b(m ? [...m.values()] : []), [m]), v = d(() => h.filter((e) => y(e, s)), [h, s]), [x, S] = f();
+	function C(e) {
+		let { length: t } = v;
+		if (t === 0) return;
+		let n = v.findIndex((e) => e.path === x);
+		n !== -1 && S(v[(n + e + t) % t].path);
+	}
+	let w = t();
+	return g("esc", () => p(!1), { enableOnFormTags: !0 }), g("enter", () => {
+		if (!x) return;
+		p(!1);
+		let e = m?.get(x);
+		e && w(e);
+	}, { enableOnFormTags: !0 }), g("up", () => C(-1), { enableOnFormTags: !0 }), g("down", () => C(1), { enableOnFormTags: !0 }), u(() => {
+		if (v.length > 0) {
+			let { path: e } = v[0];
+			S(e);
+		}
+	}, [v]), /* @__PURE__ */ a("div", {
+		css: _,
+		children: [/* @__PURE__ */ i(c, { children: v.map((e, t) => /* @__PURE__ */ i(l.div, {
+			layout: !0,
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			initial: {
+				opacity: 0,
+				y: 20
+			},
+			transition: {
+				duration: .3,
+				delay: t * .05,
+				ease: "easeOut"
+			},
+			children: /* @__PURE__ */ i(r, {
+				active: x === e.path,
+				icon: e.icon === null ? void 0 : e.icon,
+				label: e.name,
+				onClick: () => {
+					if (x !== e.path) {
+						S(e.path);
+						return;
+					}
+					p(!1);
+					let t = m?.get(e.path);
+					t && w(t);
+				}
+			})
+		}, e.path)) }), /* @__PURE__ */ i(c, { children: v.length === 0 && /* @__PURE__ */ i(l.div, {
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			transition: {
+				duration: .3,
+				ease: "easeOut"
+			},
+			children: /* @__PURE__ */ i(o, { description: s ? `没有找到与"${s}"相关的菜单` : "请输入关键字搜索" })
+		}, "empty-state") })]
+	});
+}
+function y(e, t) {
+	if (!t) return !1;
+	let { name: n, namePinyin: r, namePinyinInitials: i } = e;
+	return n.includes(t) || r.includes(t) || i.includes(t);
+}
+function b(e) {
+	return e.map((e) => {
+		let { name: t } = e;
+		return {
+			...e,
+			namePinyin: m(t).join(""),
+			namePinyinInitials: h(t).join("")
+		};
+	});
+}
+//#endregion
+export { v as SearchResult };

package/dist/es/components/layout/components/sidebar.js

@@ -0,0 +1,56 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { Logo as e } from "./logo.js";
+import { Menu as t } from "./menu.js";
+import { HoneycombPattern as n } from "./honeycomb-pattern.js";
+import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { ScrollArea as o } from "@vef-framework-react/components";
+import { ClassNames as s } from "@emotion/react";
+//#region src/components/layout/components/sidebar.tsx
+function c() {
+	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var l = process.env.NODE_ENV === "production" ? {
+	name: "dooaqh",
+	styles: "flex:none;height:var(--vef-layout-header-height)"
+} : {
+	name: "dooaqh",
+	styles: "flex:none;height:var(--vef-layout-header-height)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFrQiIsImZpbGUiOiJzaWRlYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTGF5b3V0UHJvcHMgfSBmcm9tIFwiLi4vcHJvcHNcIjtcblxuaW1wb3J0IHsgQ2xhc3NOYW1lcywgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTY3JvbGxBcmVhIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L2NvbXBvbmVudHNcIjtcblxuaW1wb3J0IHsgSG9uZXljb21iUGF0dGVybiB9IGZyb20gXCIuL2hvbmV5Y29tYi1wYXR0ZXJuXCI7XG5pbXBvcnQgeyBMb2dvIH0gZnJvbSBcIi4vbG9nb1wiO1xuaW1wb3J0IHsgTWVudSB9IGZyb20gXCIuL21lbnVcIjtcblxuaW50ZXJmYWNlIFNpZGViYXJQcm9wcyBleHRlbmRzIFBpY2s8TGF5b3V0UHJvcHMsIFwibG9nb1wiIHwgXCJ0aXRsZVwiPiB7XG4gIGlzU2lkZWJhckNvbGxhcHNlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IGxvZ29TdHlsZSA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBoZWlnaHQ6IFwidmFyKC0tdmVmLWxheW91dC1oZWFkZXItaGVpZ2h0KVwiXG59KTtcblxuY29uc3QgbWVudVdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gIGZsZXg6IFwiYXV0b1wiXG59KTtcblxuY29uc3QgbWVudUNvbnRhaW5lclN0eWxlID0gY3NzKHtcbiAgcGFkZGluZ0lubGluZTogXCIycHhcIlxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTaWRlYmFyKHtcbiAgaXNTaWRlYmFyQ29sbGFwc2VkLFxuICBsb2dvLFxuICB0aXRsZVxufTogU2lkZWJhclByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8SG9uZXljb21iUGF0dGVybiAvPlxuXG4gICAgICA8TG9nb1xuICAgICAgICBjc3M9e2xvZ29TdHlsZX1cbiAgICAgICAgaXNUaXRsZVZpc2libGU9eyFpc1NpZGViYXJDb2xsYXBzZWR9XG4gICAgICAgIGxvZ289e2xvZ299XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIC8+XG5cbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY3NzPXttZW51V3JhcHBlclN0eWxlfVxuICAgICAgICAgICAgc2Nyb2xsYmFyU2l6ZT17OH1cbiAgICAgICAgICAgIHR5cGU9XCJzY3JvbGxcIlxuICAgICAgICAgICAgdmlld3BvcnRDbGFzc05hbWU9e2NzcyhtZW51Q29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNZW51IGlzU2lkZWJhckNvbGxhcHNlZD17aXNTaWRlYmFyQ29sbGFwc2VkfSBsYXlvdXQ9XCJ2ZXJ0aWNhbFwiIC8+XG4gICAgICAgICAgPC9TY3JvbGxBcmVhPlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvPlxuICApO1xufVxuIl19 */",
+	toString: c
+}, u = process.env.NODE_ENV === "production" ? {
+	name: "1o3mejq",
+	styles: "flex:auto"
+} : {
+	name: "1o3mejq",
+	styles: "flex:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUIiLCJmaWxlIjoic2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IExheW91dFByb3BzIH0gZnJvbSBcIi4uL3Byb3BzXCI7XG5cbmltcG9ydCB7IENsYXNzTmFtZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IEhvbmV5Y29tYlBhdHRlcm4gfSBmcm9tIFwiLi9ob25leWNvbWItcGF0dGVyblwiO1xuaW1wb3J0IHsgTG9nbyB9IGZyb20gXCIuL2xvZ29cIjtcbmltcG9ydCB7IE1lbnUgfSBmcm9tIFwiLi9tZW51XCI7XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMgZXh0ZW5kcyBQaWNrPExheW91dFByb3BzLCBcImxvZ29cIiB8IFwidGl0bGVcIj4ge1xuICBpc1NpZGViYXJDb2xsYXBzZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBsb2dvU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcIm5vbmVcIixcbiAgaGVpZ2h0OiBcInZhcigtLXZlZi1sYXlvdXQtaGVhZGVyLWhlaWdodClcIlxufSk7XG5cbmNvbnN0IG1lbnVXcmFwcGVyU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcImF1dG9cIlxufSk7XG5cbmNvbnN0IG1lbnVDb250YWluZXJTdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmdJbmxpbmU6IFwiMnB4XCJcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2lkZWJhcih7XG4gIGlzU2lkZWJhckNvbGxhcHNlZCxcbiAgbG9nbyxcbiAgdGl0bGVcbn06IFNpZGViYXJQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEhvbmV5Y29tYlBhdHRlcm4gLz5cblxuICAgICAgPExvZ29cbiAgICAgICAgY3NzPXtsb2dvU3R5bGV9XG4gICAgICAgIGlzVGl0bGVWaXNpYmxlPXshaXNTaWRlYmFyQ29sbGFwc2VkfVxuICAgICAgICBsb2dvPXtsb2dvfVxuICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAvPlxuXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPFNjcm9sbEFyZWFcbiAgICAgICAgICAgIGNzcz17bWVudVdyYXBwZXJTdHlsZX1cbiAgICAgICAgICAgIHNjcm9sbGJhclNpemU9ezh9XG4gICAgICAgICAgICB0eXBlPVwic2Nyb2xsXCJcbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3MobWVudUNvbnRhaW5lclN0eWxlKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TWVudSBpc1NpZGViYXJDb2xsYXBzZWQ9e2lzU2lkZWJhckNvbGxhcHNlZH0gbGF5b3V0PVwidmVydGljYWxcIiAvPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICA8Lz5cbiAgKTtcbn1cbiJdfQ== */",
+	toString: c
+}, d = process.env.NODE_ENV === "production" ? {
+	name: "6beyek",
+	styles: "padding-inline:2px"
+} : {
+	name: "6beyek",
+	styles: "padding-inline:2px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCMkIiLCJmaWxlIjoic2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IExheW91dFByb3BzIH0gZnJvbSBcIi4uL3Byb3BzXCI7XG5cbmltcG9ydCB7IENsYXNzTmFtZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IEhvbmV5Y29tYlBhdHRlcm4gfSBmcm9tIFwiLi9ob25leWNvbWItcGF0dGVyblwiO1xuaW1wb3J0IHsgTG9nbyB9IGZyb20gXCIuL2xvZ29cIjtcbmltcG9ydCB7IE1lbnUgfSBmcm9tIFwiLi9tZW51XCI7XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMgZXh0ZW5kcyBQaWNrPExheW91dFByb3BzLCBcImxvZ29cIiB8IFwidGl0bGVcIj4ge1xuICBpc1NpZGViYXJDb2xsYXBzZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBsb2dvU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcIm5vbmVcIixcbiAgaGVpZ2h0OiBcInZhcigtLXZlZi1sYXlvdXQtaGVhZGVyLWhlaWdodClcIlxufSk7XG5cbmNvbnN0IG1lbnVXcmFwcGVyU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcImF1dG9cIlxufSk7XG5cbmNvbnN0IG1lbnVDb250YWluZXJTdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmdJbmxpbmU6IFwiMnB4XCJcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2lkZWJhcih7XG4gIGlzU2lkZWJhckNvbGxhcHNlZCxcbiAgbG9nbyxcbiAgdGl0bGVcbn06IFNpZGViYXJQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEhvbmV5Y29tYlBhdHRlcm4gLz5cblxuICAgICAgPExvZ29cbiAgICAgICAgY3NzPXtsb2dvU3R5bGV9XG4gICAgICAgIGlzVGl0bGVWaXNpYmxlPXshaXNTaWRlYmFyQ29sbGFwc2VkfVxuICAgICAgICBsb2dvPXtsb2dvfVxuICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAvPlxuXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPFNjcm9sbEFyZWFcbiAgICAgICAgICAgIGNzcz17bWVudVdyYXBwZXJTdHlsZX1cbiAgICAgICAgICAgIHNjcm9sbGJhclNpemU9ezh9XG4gICAgICAgICAgICB0eXBlPVwic2Nyb2xsXCJcbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3MobWVudUNvbnRhaW5lclN0eWxlKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TWVudSBpc1NpZGViYXJDb2xsYXBzZWQ9e2lzU2lkZWJhckNvbGxhcHNlZH0gbGF5b3V0PVwidmVydGljYWxcIiAvPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICA8Lz5cbiAgKTtcbn1cbiJdfQ== */",
+	toString: c
+};
+function f({ isSidebarCollapsed: c, logo: f, title: p }) {
+	return /* @__PURE__ */ a(r, { children: [
+		/* @__PURE__ */ i(n, {}),
+		/* @__PURE__ */ i(e, {
+			css: l,
+			isTitleVisible: !c,
+			logo: f,
+			title: p
+		}),
+		/* @__PURE__ */ i(s, { children: ({ css: e }) => /* @__PURE__ */ i(o, {
+			css: u,
+			scrollbarSize: 8,
+			type: "scroll",
+			viewportClassName: e(d),
+			children: /* @__PURE__ */ i(t, {
+				isSidebarCollapsed: c,
+				layout: "vertical"
+			})
+		}) })
+	] });
+}
+//#endregion
+export { f as Sidebar };

package/dist/es/components/layout/components/tabs/context-menu.js

@@ -0,0 +1,73 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useTabStore as e } from "../../../../stores/tab.js";
+import { useTabNavigate as t } from "../../hooks/use-tab-navigate.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { Dropdown as r, Icon as i } from "@vef-framework-react/components";
+import { useShallow as a } from "@vef-framework-react/core";
+import { ArrowLeftFromLineIcon as o, ArrowRightFromLineIcon as s, ChevronsLeftRightEllipsisIcon as c, ChevronsRightLeftIcon as l, XIcon as u } from "lucide-react";
+//#region src/components/layout/components/tabs/context-menu.tsx
+var d = [
+	{
+		key: "close",
+		icon: /* @__PURE__ */ n(i, { component: u }),
+		label: "关闭"
+	},
+	{
+		key: "close-other",
+		icon: /* @__PURE__ */ n(i, { component: c }),
+		label: "关闭其他"
+	},
+	{
+		key: "close-left",
+		icon: /* @__PURE__ */ n(i, { component: o }),
+		label: "关闭左侧"
+	},
+	{
+		key: "close-right",
+		icon: /* @__PURE__ */ n(i, { component: s }),
+		label: "关闭右侧"
+	},
+	{
+		key: "close-all",
+		icon: /* @__PURE__ */ n(i, { component: l }),
+		label: "关闭所有"
+	}
+];
+function f({ children: i, tabId: o }) {
+	let { removeTab: s, removeAllTabs: c, removeAllTabsExcept: l, removeLeftTabs: u, removeRightTabs: f } = e(a(({ removeTab: e, removeAllTabs: t, removeAllTabsExcept: n, removeLeftTabs: r, removeRightTabs: i }) => ({
+		removeTab: e,
+		removeAllTabs: t,
+		removeAllTabsExcept: n,
+		removeLeftTabs: r,
+		removeRightTabs: i
+	}))), p = t({ async: !0 });
+	function m({ key: e }) {
+		switch (e) {
+			case "close":
+				s(o, p);
+				break;
+			case "close-other":
+				l(o, p);
+				break;
+			case "close-left":
+				u(o, p);
+				break;
+			case "close-right":
+				f(o, p);
+				break;
+			case "close-all":
+				c(p);
+				break;
+		}
+	}
+	return /* @__PURE__ */ n(r, {
+		trigger: ["contextMenu"],
+		menu: {
+			items: d,
+			onClick: m
+		},
+		children: i
+	});
+}
+//#endregion
+export { f as ContextMenu };

package/dist/es/components/layout/components/tabs/index.js

@@ -0,0 +1,35 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { MainContentMaximum as e } from "./main-content-maximum.js";
+import { Reload as t } from "./reload.js";
+import { TabsContainer as n } from "./tabs-container.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { globalCssVars as a } from "@vef-framework-react/components";
+import { css as o } from "@emotion/react";
+//#region src/components/layout/components/tabs/index.tsx
+var s = /* @__PURE__ */ o({
+	position: "relative",
+	zIndex: 1,
+	height: "100%",
+	backgroundColor: "var(--vef-color-bg-container)",
+	boxShadow: "0 1px 0 0 var(--vef-color-border-secondary), 0 2px 8px 0 rgb(0 0 0 / 0.06)",
+	paddingInline: a.spacingMd,
+	display: "flex",
+	gap: a.spacingSm
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPa0IiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L2NvbXBvbmVudHNcIjtcblxuaW1wb3J0IHsgTWFpbkNvbnRlbnRNYXhpbXVtIH0gZnJvbSBcIi4vbWFpbi1jb250ZW50LW1heGltdW1cIjtcbmltcG9ydCB7IFJlbG9hZCB9IGZyb20gXCIuL3JlbG9hZFwiO1xuaW1wb3J0IHsgVGFic0NvbnRhaW5lciB9IGZyb20gXCIuL3RhYnMtY29udGFpbmVyXCI7XG5cbmNvbnN0IHRhYnNTdHlsZSA9IGNzcyh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLXZlZi1jb2xvci1iZy1jb250YWluZXIpXCIsXG4gIGJveFNoYWRvdzogXCIwIDFweCAwIDAgdmFyKC0tdmVmLWNvbG9yLWJvcmRlci1zZWNvbmRhcnkpLCAwIDJweCA4cHggMCByZ2IoMCAwIDAgLyAwLjA2KVwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdNZCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU21cbn0pO1xuXG5jb25zdCBhY3Rpb25zU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcIm5vbmVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnMoKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXt0YWJzU3R5bGV9PlxuICAgICAgPFRhYnNDb250YWluZXIgLz5cblxuICAgICAgPGRpdiBjc3M9e2FjdGlvbnNTdHlsZX0+XG4gICAgICAgIDxSZWxvYWQgLz5cbiAgICAgICAgPE1haW5Db250ZW50TWF4aW11bSAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0= */"), c = /* @__PURE__ */ o({
+	flex: "none",
+	height: "100%",
+	display: "flex",
+	columnGap: a.spacingXxs,
+	alignItems: "center"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFCIiwiZmlsZSI6ImluZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IE1haW5Db250ZW50TWF4aW11bSB9IGZyb20gXCIuL21haW4tY29udGVudC1tYXhpbXVtXCI7XG5pbXBvcnQgeyBSZWxvYWQgfSBmcm9tIFwiLi9yZWxvYWRcIjtcbmltcG9ydCB7IFRhYnNDb250YWluZXIgfSBmcm9tIFwiLi90YWJzLWNvbnRhaW5lclwiO1xuXG5jb25zdCB0YWJzU3R5bGUgPSBjc3Moe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IDEsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS12ZWYtY29sb3ItYmctY29udGFpbmVyKVwiLFxuICBib3hTaGFkb3c6IFwiMCAxcHggMCAwIHZhcigtLXZlZi1jb2xvci1ib3JkZXItc2Vjb25kYXJ5KSwgMCAycHggOHB4IDAgcmdiKDAgMCAwIC8gMC4wNilcIixcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWQsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtXG59KTtcblxuY29uc3QgYWN0aW9uc1N0eWxlID0gY3NzKHtcbiAgZmxleDogXCJub25lXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1h4cyxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIlxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKCk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17dGFic1N0eWxlfT5cbiAgICAgIDxUYWJzQ29udGFpbmVyIC8+XG5cbiAgICAgIDxkaXYgY3NzPXthY3Rpb25zU3R5bGV9PlxuICAgICAgICA8UmVsb2FkIC8+XG4gICAgICAgIDxNYWluQ29udGVudE1heGltdW0gLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufVxuIl19 */");
+function l() {
+	return /* @__PURE__ */ i("div", {
+		css: s,
+		children: [/* @__PURE__ */ r(n, {}), /* @__PURE__ */ i("div", {
+			css: c,
+			children: [/* @__PURE__ */ r(t, {}), /* @__PURE__ */ r(e, {})]
+		})]
+	});
+}
+//#endregion
+export { l as Tabs };

package/dist/es/components/layout/components/tabs/main-content-maximum.js

@@ -0,0 +1,23 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useThemeStore as e } from "../../../../stores/theme.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { IconButton as n } from "@vef-framework-react/components";
+import { ExpandIcon as r, ShrinkIcon as i } from "lucide-react";
+//#region src/components/layout/components/tabs/main-content-maximum.tsx
+function a({ className: a }) {
+	let o = e((e) => e.isMainContentMaximum), s = t(o ? i : r, {}), c = o ? "退出内容最大化" : "内容最大化";
+	function l() {
+		e.setState((e) => {
+			e.isMainContentMaximum = !e.isMainContentMaximum;
+		});
+	}
+	return /* @__PURE__ */ t(n, {
+		className: a,
+		icon: s,
+		placement: "bottom",
+		tip: c,
+		onClick: l
+	});
+}
+//#endregion
+export { a as MainContentMaximum };

package/dist/es/components/layout/components/tabs/reload.js

@@ -0,0 +1,22 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { reloadPage as e } from "../../../../helpers/event.js";
+import { useRouteFullPath as t } from "../../../../hooks/use-route-full-path.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { IconButton as r } from "@vef-framework-react/components";
+import { RefreshCwIcon as i } from "lucide-react";
+//#region src/components/layout/components/tabs/reload.tsx
+function a({ className: a }) {
+	let o = t();
+	function s() {
+		e(o);
+	}
+	return /* @__PURE__ */ n(r, {
+		className: a,
+		icon: /* @__PURE__ */ n(i, {}),
+		placement: "bottom",
+		tip: "刷新页面",
+		onClick: s
+	});
+}
+//#endregion
+export { a as Reload };

package/dist/es/components/layout/components/tabs/tab-item.js

@@ -0,0 +1,84 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { IconButton as n, globalCssVars as r } from "@vef-framework-react/components";
+import { motion as i, useSortable as a } from "@vef-framework-react/core";
+import { XIcon as o } from "lucide-react";
+import { css as s } from "@emotion/react";
+import { useMergedRef as c } from "@vef-framework-react/hooks";
+//#region src/components/layout/components/tabs/tab-item.tsx
+function l() {
+	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var u = /* @__PURE__ */ s({
+	flex: "none",
+	height: "calc(100% - 12px)",
+	display: "flex",
+	alignItems: "center",
+	columnGap: "2px",
+	paddingInline: r.spacingSm,
+	borderRadius: r.borderRadiusSm,
+	cursor: "pointer",
+	userSelect: "none",
+	backgroundColor: "transparent",
+	color: r.colorTextTertiary,
+	fontSize: "13px",
+	transitionDuration: r.motionDurationMid,
+	transitionProperty: "color, background-color",
+	transitionTimingFunction: "ease",
+	"& .close-btn": {
+		opacity: 0,
+		transition: `opacity ${r.motionDurationFast} ease`
+	},
+	"&:hover": {
+		color: r.colorTextSecondary,
+		backgroundColor: r.colorFillQuaternary,
+		"& .close-btn": { opacity: .5 },
+		"& .vef-btn-sm": {
+			"--vef-btn-text-color": r.colorTextTertiary,
+			"--vef-btn-text-color-hover": r.colorTextSecondary,
+			"--vef-btn-text-color-active": r.colorTextSecondary
+		}
+	},
+	"&.active": {
+		color: r.colorPrimary,
+		backgroundColor: r.colorFillTertiary,
+		boxShadow: `0 0 0 1px ${r.colorPrimaryBorder}`,
+		fontWeight: 500,
+		"& .close-btn": { opacity: .6 },
+		"& .vef-btn-sm": {
+			"--vef-btn-text-color": r.colorPrimary,
+			"--vef-btn-text-color-hover": r.colorPrimaryHover,
+			"--vef-btn-text-color-active": r.colorPrimaryActive
+		}
+	}
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYi1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlcUIiLCJmaWxlIjoidGFiLWl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycywgSWNvbkJ1dHRvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBtb3Rpb24sIHVzZVNvcnRhYmxlIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L2NvcmVcIjtcbmltcG9ydCB7IHVzZU1lcmdlZFJlZiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9ob29rc1wiO1xuaW1wb3J0IHsgWEljb24gfSBmcm9tIFwibHVjaWRlLXJlYWN0XCI7XG5cbmludGVyZmFjZSBUYWJJdGVtUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczx0eXBlb2YgbW90aW9uLmRpdj4ge1xuICBpbmRleDogbnVtYmVyO1xuICB0YWJJZDogc3RyaW5nO1xuICBsYWJlbDogUmVhY3ROb2RlO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgdGFiSXRlbVN0eWxlID0gY3NzKHtcbiAgZmxleDogXCJub25lXCIsXG4gIGhlaWdodDogXCJjYWxjKDEwMCUgLSAxMnB4KVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sdW1uR2FwOiBcIjJweFwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1c1NtLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIGNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yVGV4dFRlcnRpYXJ5LFxuICBmb250U2l6ZTogXCIxM3B4XCIsXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogZ2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZCxcbiAgdHJhbnNpdGlvblByb3BlcnR5OiBcImNvbG9yLCBiYWNrZ3JvdW5kLWNvbG9yXCIsXG4gIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogXCJlYXNlXCIsXG5cbiAgXCImIC5jbG9zZS1idG5cIjoge1xuICAgIG9wYWNpdHk6IDAsXG4gICAgdHJhbnNpdGlvbjogYG9wYWNpdHkgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uRmFzdH0gZWFzZWBcbiAgfSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yVGV4dFNlY29uZGFyeSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JGaWxsUXVhdGVybmFyeSxcblxuICAgIFwiJiAuY2xvc2UtYnRuXCI6IHtcbiAgICAgIG9wYWNpdHk6IDAuNVxuICAgIH0sXG5cbiAgICBcIiYgLnZlZi1idG4tc21cIjoge1xuICAgICAgXCItLXZlZi1idG4tdGV4dC1jb2xvclwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yVGV4dFRlcnRpYXJ5LFxuICAgICAgXCItLXZlZi1idG4tdGV4dC1jb2xvci1ob3ZlclwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yVGV4dFNlY29uZGFyeSxcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3ItYWN0aXZlXCI6IGdsb2JhbENzc1ZhcnMuY29sb3JUZXh0U2Vjb25kYXJ5XG4gICAgfVxuICB9LFxuXG4gIFwiJi5hY3RpdmVcIjoge1xuICAgIGNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JGaWxsVGVydGlhcnksXG4gICAgYm94U2hhZG93OiBgMCAwIDAgMXB4ICR7Z2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlCb3JkZXJ9YCxcbiAgICBmb250V2VpZ2h0OiA1MDAsXG5cbiAgICBcIiYgLmNsb3NlLWJ0blwiOiB7XG4gICAgICBvcGFjaXR5OiAwLjZcbiAgICB9LFxuXG4gICAgXCImIC52ZWYtYnRuLXNtXCI6IHtcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3JcIjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnksXG4gICAgICBcIi0tdmVmLWJ0bi10ZXh0LWNvbG9yLWhvdmVyXCI6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5SG92ZXIsXG4gICAgICBcIi0tdmVmLWJ0bi10ZXh0LWNvbG9yLWFjdGl2ZVwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeUFjdGl2ZVxuICAgIH1cbiAgfVxufSk7XG5cbmNvbnN0IGNsb3NlSWNvblN0eWxlID0gY3NzKHtcbiAgXCImLnZlZi1idG4tc21cIjoge1xuICAgIFwiLS12ZWYtY29udHJvbC1oZWlnaHQtc21cIjogXCIxOHB4XCIsXG4gICAgXCItLXZlZi1idXR0b24tY29udGVudC1mb250LXNpemUtc21cIjogXCIxMXB4XCJcbiAgfVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJJdGVtKHtcbiAgcmVmLFxuICBpbmRleCxcbiAgdGFiSWQsXG4gIGxhYmVsLFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogVGFiSXRlbVByb3BzKSB7XG4gIGNvbnN0IHsgcmVmOiBzb3J0YWJsZVJlZiB9ID0gdXNlU29ydGFibGUoe1xuICAgIGlkOiB0YWJJZCxcbiAgICBpbmRleFxuICB9KTtcbiAgY29uc3QgbWVyZ2VkUmVmID0gdXNlTWVyZ2VkUmVmPEhUTUxEaXZFbGVtZW50Pihzb3J0YWJsZVJlZiwgcmVmKTtcblxuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICByZWY9e21lcmdlZFJlZn1cbiAgICAgIGNzcz17dGFiSXRlbVN0eWxlfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIDxzcGFuPntsYWJlbH08L3NwYW4+XG5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT1cImNsb3NlLWJ0blwiXG4gICAgICAgIGNzcz17Y2xvc2VJY29uU3R5bGV9XG4gICAgICAgIGljb249ezxYSWNvbiAvPn1cbiAgICAgICAgc2hhcGU9XCJyb3VuZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIG9uQ2xpY2s9e2V2ZW50ID0+IHtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICBvbkNsb3NlPy4oKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9tb3Rpb24uZGl2PlxuICApO1xufVxuIl19 */"), d = process.env.NODE_ENV === "production" ? {
+	name: "wq5ula",
+	styles: "&.vef-btn-sm{--vef-control-height-sm:18px;--vef-button-content-font-size-sm:11px;}"
+} : {
+	name: "wq5ula",
+	styles: "&.vef-btn-sm{--vef-control-height-sm:18px;--vef-button-content-font-size-sm:11px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYi1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRXVCIiwiZmlsZSI6InRhYi1pdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMsIEljb25CdXR0b24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgbW90aW9uLCB1c2VTb3J0YWJsZSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb3JlXCI7XG5pbXBvcnQgeyB1c2VNZXJnZWRSZWYgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvaG9va3NcIjtcbmltcG9ydCB7IFhJY29uIH0gZnJvbSBcImx1Y2lkZS1yZWFjdFwiO1xuXG5pbnRlcmZhY2UgVGFiSXRlbVByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8dHlwZW9mIG1vdGlvbi5kaXY+IHtcbiAgaW5kZXg6IG51bWJlcjtcbiAgdGFiSWQ6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IHRhYkl0ZW1TdHlsZSA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBoZWlnaHQ6IFwiY2FsYygxMDAlIC0gMTJweClcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbHVtbkdhcDogXCIycHhcIixcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU20sXG4gIGJvcmRlclJhZGl1czogZ2xvYmFsQ3NzVmFycy5ib3JkZXJSYWRpdXNTbSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRUZXJ0aWFyeSxcbiAgZm9udFNpemU6IFwiMTNweFwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IGdsb2JhbENzc1ZhcnMubW90aW9uRHVyYXRpb25NaWQsXG4gIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJjb2xvciwgYmFja2dyb3VuZC1jb2xvclwiLFxuICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IFwiZWFzZVwiLFxuXG4gIFwiJiAuY2xvc2UtYnRuXCI6IHtcbiAgICBvcGFjaXR5OiAwLFxuICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbkZhc3R9IGVhc2VgXG4gIH0sXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRTZWNvbmRhcnksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yRmlsbFF1YXRlcm5hcnksXG5cbiAgICBcIiYgLmNsb3NlLWJ0blwiOiB7XG4gICAgICBvcGFjaXR5OiAwLjVcbiAgICB9LFxuXG4gICAgXCImIC52ZWYtYnRuLXNtXCI6IHtcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3JcIjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRUZXJ0aWFyeSxcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3ItaG92ZXJcIjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRTZWNvbmRhcnksXG4gICAgICBcIi0tdmVmLWJ0bi10ZXh0LWNvbG9yLWFjdGl2ZVwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yVGV4dFNlY29uZGFyeVxuICAgIH1cbiAgfSxcblxuICBcIiYuYWN0aXZlXCI6IHtcbiAgICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yRmlsbFRlcnRpYXJ5LFxuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCAke2dsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5Qm9yZGVyfWAsXG4gICAgZm9udFdlaWdodDogNTAwLFxuXG4gICAgXCImIC5jbG9zZS1idG5cIjoge1xuICAgICAgb3BhY2l0eTogMC42XG4gICAgfSxcblxuICAgIFwiJiAudmVmLWJ0bi1zbVwiOiB7XG4gICAgICBcIi0tdmVmLWJ0bi10ZXh0LWNvbG9yXCI6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5LFxuICAgICAgXCItLXZlZi1idG4tdGV4dC1jb2xvci1ob3ZlclwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeUhvdmVyLFxuICAgICAgXCItLXZlZi1idG4tdGV4dC1jb2xvci1hY3RpdmVcIjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlBY3RpdmVcbiAgICB9XG4gIH1cbn0pO1xuXG5jb25zdCBjbG9zZUljb25TdHlsZSA9IGNzcyh7XG4gIFwiJi52ZWYtYnRuLXNtXCI6IHtcbiAgICBcIi0tdmVmLWNvbnRyb2wtaGVpZ2h0LXNtXCI6IFwiMThweFwiLFxuICAgIFwiLS12ZWYtYnV0dG9uLWNvbnRlbnQtZm9udC1zaXplLXNtXCI6IFwiMTFweFwiXG4gIH1cbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFiSXRlbSh7XG4gIHJlZixcbiAgaW5kZXgsXG4gIHRhYklkLFxuICBsYWJlbCxcbiAgb25DbG9zZSxcbiAgLi4ucHJvcHNcbn06IFRhYkl0ZW1Qcm9wcykge1xuICBjb25zdCB7IHJlZjogc29ydGFibGVSZWYgfSA9IHVzZVNvcnRhYmxlKHtcbiAgICBpZDogdGFiSWQsXG4gICAgaW5kZXhcbiAgfSk7XG4gIGNvbnN0IG1lcmdlZFJlZiA9IHVzZU1lcmdlZFJlZjxIVE1MRGl2RWxlbWVudD4oc29ydGFibGVSZWYsIHJlZik7XG5cbiAgcmV0dXJuIChcbiAgICA8bW90aW9uLmRpdlxuICAgICAgcmVmPXttZXJnZWRSZWZ9XG4gICAgICBjc3M9e3RhYkl0ZW1TdHlsZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICA8c3Bhbj57bGFiZWx9PC9zcGFuPlxuXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBjbGFzc05hbWU9XCJjbG9zZS1idG5cIlxuICAgICAgICBjc3M9e2Nsb3NlSWNvblN0eWxlfVxuICAgICAgICBpY29uPXs8WEljb24gLz59XG4gICAgICAgIHNoYXBlPVwicm91bmRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBvbkNsaWNrPXtldmVudCA9PiB7XG4gICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgb25DbG9zZT8uKCk7XG4gICAgICAgIH19XG4gICAgICAvPlxuICAgIDwvbW90aW9uLmRpdj5cbiAgKTtcbn1cbiJdfQ== */",
+	toString: l
+};
+function f({ ref: r, index: s, tabId: l, label: f, onClose: p, ...m }) {
+	let { ref: h } = a({
+		id: l,
+		index: s
+	}), g = c(h, r);
+	return /* @__PURE__ */ t(i.div, {
+		ref: g,
+		css: u,
+		...m,
+		children: [/* @__PURE__ */ e("span", { children: f }), /* @__PURE__ */ e(n, {
+			className: "close-btn",
+			css: d,
+			icon: /* @__PURE__ */ e(o, {}),
+			shape: "round",
+			size: "small",
+			onClick: (e) => {
+				e.stopPropagation(), p?.();
+			}
+		})]
+	});
+}
+//#endregion
+export { f as TabItem };

package/dist/es/components/layout/components/tabs/tab-list.js

@@ -0,0 +1,79 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import "../../../../constants/router.js";
+import { useTabStore as e } from "../../../../stores/tab.js";
+import { useTabNavigate as t } from "../../hooks/use-tab-navigate.js";
+import { ContextMenu as n } from "./context-menu.js";
+import { TabItem as r } from "./tab-item.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { globalCssVars as a } from "@vef-framework-react/components";
+import { AnimatePresence as o, DragDropProvider as s, RestrictToHorizontalAxis as c, clsx as l, moveDragItem as u, useShallow as d } from "@vef-framework-react/core";
+import { css as f } from "@emotion/react";
+//#region src/components/layout/components/tabs/tab-list.tsx
+var p = /* @__PURE__ */ f({
+	display: "flex",
+	alignItems: "center",
+	height: "var(--vef-layout-tabs-height)",
+	columnGap: a.spacingXs,
+	width: "max-content",
+	marginInline: 1
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVcUIiLCJmaWxlIjoidGFiLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IEFuaW1hdGVQcmVzZW5jZSwgY2xzeCwgRHJhZ0Ryb3BQcm92aWRlciwgbW92ZURyYWdJdGVtLCBSZXN0cmljdFRvSG9yaXpvbnRhbEF4aXMsIHVzZVNoYWxsb3cgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29yZVwiO1xuXG5pbXBvcnQgeyBJTkRFWF9ST1VURV9QQVRIIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlVGFiU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyB1c2VUYWJOYXZpZ2F0ZSB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuaW1wb3J0IHsgQ29udGV4dE1lbnUgfSBmcm9tIFwiLi9jb250ZXh0LW1lbnVcIjtcbmltcG9ydCB7IFRhYkl0ZW0gfSBmcm9tIFwiLi90YWItaXRlbVwiO1xuXG5jb25zdCB0YWJMaXN0U3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcInZhcigtLXZlZi1sYXlvdXQtdGFicy1oZWlnaHQpXCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHMsXG4gIHdpZHRoOiBcIm1heC1jb250ZW50XCIsXG4gIG1hcmdpbklubGluZTogMVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJMaXN0KCkge1xuICBjb25zdCB7IHNldFRhYnMsIHJlbW92ZVRhYiB9ID0gdXNlVGFiU3RvcmUoXG4gICAgdXNlU2hhbGxvdygoeyBzZXRUYWJzLCByZW1vdmVUYWIgfSkgPT4ge1xuICAgICAgcmV0dXJuIHsgc2V0VGFicywgcmVtb3ZlVGFiIH07XG4gICAgfSlcbiAgKTtcblxuICBjb25zdCBhY3RpdmVUYWJJZCA9IHVzZVRhYlN0b3JlKHN0YXRlID0+IHN0YXRlLmFjdGl2ZVRhYklkKTtcbiAgY29uc3QgdGFicyA9IHVzZVRhYlN0b3JlKHN0YXRlID0+IHN0YXRlLnRhYnMpO1xuXG4gIGNvbnN0IG5hdmlnYXRlID0gdXNlVGFiTmF2aWdhdGUoKTtcblxuICByZXR1cm4gKFxuICAgIDxEcmFnRHJvcFByb3ZpZGVyXG4gICAgICBtb2RpZmllcnM9e1tSZXN0cmljdFRvSG9yaXpvbnRhbEF4aXNdfVxuICAgICAgb25EcmFnRW5kPXtldmVudCA9PiB7XG4gICAgICAgIHNldFRhYnMoXG4gICAgICAgICAgbW92ZURyYWdJdGVtKHRhYnMsIGV2ZW50KVxuICAgICAgICApO1xuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2IGNzcz17dGFiTGlzdFN0eWxlfT5cbiAgICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgICB7XG4gICAgICAgICAgICB0YWJzLm1hcCgodGFiLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8Q29udGV4dE1lbnUga2V5PXt0YWIuaWR9IHRhYklkPXt0YWIuaWR9PlxuICAgICAgICAgICAgICAgIDxUYWJJdGVtXG4gICAgICAgICAgICAgICAgICBsYXlvdXRcbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIGxhYmVsPXt0YWIubGFiZWx9XG4gICAgICAgICAgICAgICAgICB0YWJJZD17dGFiLmlkfVxuICAgICAgICAgICAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgICAgICBzY2FsZTogMVxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeCh7XG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZTogdGFiLmlkID09PSBhY3RpdmVUYWJJZFxuICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgICAgICAgICAgIHg6IC0yMCxcbiAgICAgICAgICAgICAgICAgICAgc2NhbGU6IDAuOCxcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjoge1xuICAgICAgICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluXCJcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICAgICAgICAgICAgeDogMjAsXG4gICAgICAgICAgICAgICAgICAgIHNjYWxlOiAwLjhcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7XG4gICAgICAgICAgICAgICAgICAgIGR1cmF0aW9uOiAwLjMsXG4gICAgICAgICAgICAgICAgICAgIGRlbGF5OiBpbmRleCAqIDAuMDUsXG4gICAgICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZU91dFwiXG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCB0YXJnZXRFbGVtZW50ID0gZXZlbnQuY3VycmVudFRhcmdldDtcbiAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGUodGFiKTtcbiAgICAgICAgICAgICAgICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBpZiAodGFyZ2V0RWxlbWVudC5pc0Nvbm5lY3RlZCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGFyZ2V0RWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGlubGluZTogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgb25DbG9zZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAodGFicy5sZW5ndGggPT09IDEgJiYgdGFiLmZ1bGxQYXRoID09PSBJTkRFWF9ST1VURV9QQVRIKSB7XG4gICAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgcmVtb3ZlVGFiKHRhYi5pZCwgbmF2aWdhdGUpO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L0NvbnRleHRNZW51PlxuICAgICAgICAgICAgKSlcbiAgICAgICAgICB9XG4gICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgPC9kaXY+XG4gICAgPC9EcmFnRHJvcFByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
+function m() {
+	let { setTabs: a, removeTab: f } = e(d(({ setTabs: e, removeTab: t }) => ({
+		setTabs: e,
+		removeTab: t
+	}))), m = e((e) => e.activeTabId), h = e((e) => e.tabs), g = t();
+	return /* @__PURE__ */ i(s, {
+		modifiers: [c],
+		onDragEnd: (e) => {
+			a(u(h, e));
+		},
+		children: /* @__PURE__ */ i("div", {
+			css: p,
+			children: /* @__PURE__ */ i(o, { children: h.map((e, t) => /* @__PURE__ */ i(n, {
+				tabId: e.id,
+				children: /* @__PURE__ */ i(r, {
+					layout: !0,
+					index: t,
+					label: e.label,
+					tabId: e.id,
+					animate: {
+						opacity: 1,
+						x: 0,
+						scale: 1
+					},
+					className: l({ active: e.id === m }),
+					exit: {
+						opacity: 0,
+						x: -20,
+						scale: .8,
+						transition: { ease: "easeIn" }
+					},
+					initial: {
+						opacity: 0,
+						x: 20,
+						scale: .8
+					},
+					transition: {
+						duration: .3,
+						delay: t * .05,
+						ease: "easeOut"
+					},
+					onClick: (t) => {
+						let n = t.currentTarget;
+						g(e), requestAnimationFrame(() => {
+							n.isConnected && n.scrollIntoView({
+								inline: "center",
+								behavior: "smooth"
+							});
+						});
+					},
+					onClose: () => {
+						h.length === 1 && e.fullPath === "/" || f(e.id, g);
+					}
+				})
+			}, e.id)) })
+		})
+	});
+}
+//#endregion
+export { m as TabList };

package/dist/es/components/layout/components/tabs/tabs-container.js

@@ -0,0 +1,73 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { TabList as e } from "./tab-list.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { ScrollArea as n, globalCssVars as r } from "@vef-framework-react/components";
+import { clsx as i } from "@vef-framework-react/core";
+import { useCallback as a, useRef as o, useState as s } from "react";
+import { css as c } from "@emotion/react";
+import { useIsomorphicEffect as l } from "@vef-framework-react/hooks";
+//#region src/components/layout/components/tabs/tabs-container.tsx
+var u = /* @__PURE__ */ c({
+	flex: "auto",
+	"&.shadow-right::after": {
+		content: "''",
+		position: "absolute",
+		top: 0,
+		bottom: 0,
+		right: 0,
+		width: "10px",
+		boxShadow: "inset -10px 0 8px -8px var(--vef-color-split)",
+		transition: `box-shadow ${r.motionDurationMid} ease`,
+		pointerEvents: "none"
+	},
+	"&.shadow-left::before": {
+		content: "''",
+		position: "absolute",
+		top: 0,
+		bottom: 0,
+		left: 0,
+		width: "10px",
+		boxShadow: "inset 10px 0 8px -8px var(--vef-color-split)",
+		transition: `box-shadow ${r.motionDurationMid} ease`,
+		pointerEvents: "none"
+	}
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXeUIiLCJmaWxlIjoidGFicy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBQb3NpdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IE1heWJlVW5kZWZpbmVkIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L3NoYXJlZFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMsIFNjcm9sbEFyZWEgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay1yZWFjdC9jb3JlXCI7XG5pbXBvcnQgeyB1c2VJc29tb3JwaGljRWZmZWN0IH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBUYWJMaXN0IH0gZnJvbSBcIi4vdGFiLWxpc3RcIjtcblxuY29uc3QgdGFic1dyYXBwZXJTdHlsZSA9IGNzcyh7XG4gIGZsZXg6IFwiYXV0b1wiLFxuICBcIiYuc2hhZG93LXJpZ2h0OjphZnRlclwiOiB7XG4gICAgY29udGVudDogXCInJ1wiLFxuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICByaWdodDogMCxcbiAgICB3aWR0aDogXCIxMHB4XCIsXG4gICAgYm94U2hhZG93OiBcImluc2V0IC0xMHB4IDAgOHB4IC04cHggdmFyKC0tdmVmLWNvbG9yLXNwbGl0KVwiLFxuICAgIHRyYW5zaXRpb246IGBib3gtc2hhZG93ICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCJcbiAgfSxcbiAgXCImLnNoYWRvdy1sZWZ0OjpiZWZvcmVcIjoge1xuICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIxMHB4XCIsXG4gICAgYm94U2hhZG93OiBcImluc2V0IDEwcHggMCA4cHggLThweCB2YXIoLS12ZWYtY29sb3Itc3BsaXQpXCIsXG4gICAgdHJhbnNpdGlvbjogYGJveC1zaGFkb3cgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICB9XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnNDb250YWluZXIoKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCB0YWJzQ29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaXNPdmVyZmxvd1JlZiA9IHVzZVJlZihmYWxzZSk7XG4gIGNvbnN0IG92ZXJmbG93V2lkdGhSZWYgPSB1c2VSZWYoMCk7XG4gIGNvbnN0IFtyb290Q2xhc3NOYW1lLCBzZXRSb290Q2xhc3NOYW1lXSA9IHVzZVN0YXRlPE1heWJlVW5kZWZpbmVkPHN0cmluZz4+KCk7XG5cbiAgdXNlSXNvbW9ycGhpY0VmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgY29udGFpbmVyRWwgPSB0YWJzQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG5cbiAgICBpZiAoIWNvbnRhaW5lckVsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgZnVuY3Rpb24gdXBkYXRlT3ZlcmZsb3dTdGF0ZSgpOiB2b2lkIHtcbiAgICAgIGlmICghY29udGFpbmVyRWwpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBvdmVyZmxvd1dpZHRoUmVmLmN1cnJlbnQgPSBjb250YWluZXJFbC5zY3JvbGxXaWR0aCAtIGNvbnRhaW5lckVsLmNsaWVudFdpZHRoO1xuICAgICAgaXNPdmVyZmxvd1JlZi5jdXJyZW50ID0gb3ZlcmZsb3dXaWR0aFJlZi5jdXJyZW50ID4gMDtcbiAgICAgIGNvbnN0IHsgc2Nyb2xsTGVmdCB9ID0gY29udGFpbmVyRWw7XG5cbiAgICAgIHNldFJvb3RDbGFzc05hbWUoY2xzeCh7XG4gICAgICAgIFwic2hhZG93LWxlZnRcIjogc2Nyb2xsTGVmdCA+IDAsXG4gICAgICAgIFwic2hhZG93LXJpZ2h0XCI6IHNjcm9sbExlZnQgPCBvdmVyZmxvd1dpZHRoUmVmLmN1cnJlbnRcbiAgICAgIH0pKTtcbiAgICB9XG5cbiAgICB1cGRhdGVPdmVyZmxvd1N0YXRlKCk7XG5cbiAgICBjb25zdCByZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XG4gICAgICB1cGRhdGVPdmVyZmxvd1N0YXRlKCk7XG4gICAgfSk7XG5cbiAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKGNvbnRhaW5lckVsKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICByZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGhhbmRsZVNjcm9sbFBvc2l0aW9uQ2hhbmdlID0gdXNlQ2FsbGJhY2soKHsgeCB9OiBQb3NpdGlvbikgPT4ge1xuICAgIGlmIChpc092ZXJmbG93UmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldFJvb3RDbGFzc05hbWUoY2xzeCh7XG4gICAgICAgIFwic2hhZG93LWxlZnRcIjogeCA+IDAsXG4gICAgICAgIFwic2hhZG93LXJpZ2h0XCI6IHggPCBvdmVyZmxvd1dpZHRoUmVmLmN1cnJlbnRcbiAgICAgIH0pKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxTY3JvbGxBcmVhXG4gICAgICBjbGFzc05hbWU9e3Jvb3RDbGFzc05hbWV9XG4gICAgICBjc3M9e3RhYnNXcmFwcGVyU3R5bGV9XG4gICAgICBzY3JvbGxiYXJQYWRkaW5nPXsxfVxuICAgICAgc2Nyb2xsYmFyU2l6ZT17NX1cbiAgICAgIHR5cGU9XCJzY3JvbGxcIlxuICAgICAgdmlld3BvcnRSZWY9e3RhYnNDb250YWluZXJSZWZ9XG4gICAgICBvblNjcm9sbFBvc2l0aW9uQ2hhbmdlPXtoYW5kbGVTY3JvbGxQb3NpdGlvbkNoYW5nZX1cbiAgICA+XG4gICAgICA8VGFiTGlzdCAvPlxuICAgIDwvU2Nyb2xsQXJlYT5cbiAgKTtcbn1cbiJdfQ== */");
+function d() {
+	let r = o(null), c = o(!1), d = o(0), [f, p] = s();
+	return l(() => {
+		let e = r.current;
+		if (!e) return;
+		function t() {
+			if (!e) return;
+			d.current = e.scrollWidth - e.clientWidth, c.current = d.current > 0;
+			let { scrollLeft: t } = e;
+			p(i({
+				"shadow-left": t > 0,
+				"shadow-right": t < d.current
+			}));
+		}
+		t();
+		let n = new ResizeObserver(() => {
+			t();
+		});
+		return n.observe(e), () => {
+			n.disconnect();
+		};
+	}, []), /* @__PURE__ */ t(n, {
+		className: f,
+		css: u,
+		scrollbarPadding: 1,
+		scrollbarSize: 5,
+		type: "scroll",
+		viewportRef: r,
+		onScrollPositionChange: a(({ x: e }) => {
+			c.current && p(i({
+				"shadow-left": e > 0,
+				"shadow-right": e < d.current
+			}));
+		}, []),
+		children: /* @__PURE__ */ t(e, {})
+	});
+}
+//#endregion
+export { d as TabsContainer };