@vef-framework/starter 2.0.11 → 2.1.0

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

@@ -1,75 +1,79 @@
-import { jsx as g } from "@emotion/react/jsx-runtime";
-import { css as e } from "@emotion/react";
-import { globalCssVars as X } from "@vef-framework/components";
-import { useShallow as a, DragDropProvider as m, AnimatePresence as u, clsx as s, moveDragItem as V, RestrictToHorizontalAxis as W } from "@vef-framework/core";
-import "../../../../constants/index.js";
-import "../../../../stores/index.js";
-import "../../hooks/index.js";
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+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 o } from "./tab-item.js";
-import { useTabStore as c } from "../../../../stores/tab.js";
-import { useTabNavigate as Z } from "../../hooks/use-tab-navigate.js";
-import { INDEX_ROUTE_PATH as Y } from "../../../../constants/router.js";
-const h = /* @__PURE__ */ e({
-  display: "flex",
-  alignItems: "center",
-  height: "var(--vef-layout-tabs-height)",
-  columnGap: X.spacingXs,
-  width: "max-content"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90YWJzL3RhYi1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBBbmltYXRlUHJlc2VuY2UsIGNsc3gsIERyYWdEcm9wUHJvdmlkZXIsIG1vdmVEcmFnSXRlbSwgUmVzdHJpY3RUb0hvcml6b250YWxBeGlzLCB1c2VTaGFsbG93IH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvcmVcIjtcblxuaW1wb3J0IHsgSU5ERVhfUk9VVEVfUEFUSCB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IHVzZVRhYlN0b3JlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgdXNlVGFiTmF2aWdhdGUgfSBmcm9tIFwiLi4vLi4vaG9va3NcIjtcbmltcG9ydCB7IENvbnRleHRNZW51IH0gZnJvbSBcIi4vY29udGV4dC1tZW51XCI7XG5pbXBvcnQgeyBUYWJJdGVtIH0gZnJvbSBcIi4vdGFiLWl0ZW1cIjtcblxuY29uc3QgdGFiTGlzdFN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCJ2YXIoLS12ZWYtbGF5b3V0LXRhYnMtaGVpZ2h0KVwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICB3aWR0aDogXCJtYXgtY29udGVudFwiXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYkxpc3QoKSB7XG4gIGNvbnN0IHsgc2V0VGFicywgcmVtb3ZlVGFiIH0gPSB1c2VUYWJTdG9yZShcbiAgICB1c2VTaGFsbG93KCh7IHNldFRhYnMsIHJlbW92ZVRhYiB9KSA9PiB7XG4gICAgICByZXR1cm4geyBzZXRUYWJzLCByZW1vdmVUYWIgfTtcbiAgICB9KVxuICApO1xuXG4gIGNvbnN0IGFjdGl2ZVRhYklkID0gdXNlVGFiU3RvcmUoc3RhdGUgPT4gc3RhdGUuYWN0aXZlVGFiSWQpO1xuICBjb25zdCB0YWJzID0gdXNlVGFiU3RvcmUoc3RhdGUgPT4gc3RhdGUudGFicyk7XG5cbiAgY29uc3QgbmF2aWdhdGUgPSB1c2VUYWJOYXZpZ2F0ZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPERyYWdEcm9wUHJvdmlkZXJcbiAgICAgIC8vIFRPRE8gT3B0aW1pemUgdHlwZSBtaXNtYXRjaFxuICAgICAgbW9kaWZpZXJzPXtbUmVzdHJpY3RUb0hvcml6b250YWxBeGlzIGFzIG5ldmVyXX1cbiAgICAgIG9uRHJhZ0VuZD17ZXZlbnQgPT4ge1xuICAgICAgICBzZXRUYWJzKFxuICAgICAgICAgIG1vdmVEcmFnSXRlbSh0YWJzLCBldmVudClcbiAgICAgICAgKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdiBjc3M9e3RhYkxpc3RTdHlsZX0+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge1xuICAgICAgICAgICAgdGFicy5tYXAoKHRhYiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPENvbnRleHRNZW51IGtleT17dGFiLmlkfSB0YWJJZD17dGFiLmlkfT5cbiAgICAgICAgICAgICAgICA8VGFiSXRlbVxuICAgICAgICAgICAgICAgICAgbGF5b3V0XG4gICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICBsYWJlbD17dGFiLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgdGFiSWQ9e3RhYi5pZH1cbiAgICAgICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgICAgICAgICAgICAgeDogMCxcbiAgICAgICAgICAgICAgICAgICAgc2NhbGU6IDFcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goe1xuICAgICAgICAgICAgICAgICAgICBhY3RpdmU6IHRhYi5pZCA9PT0gYWN0aXZlVGFiSWRcbiAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgZXhpdD17e1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgICAgICAgICAgICB4OiAtMjAsXG4gICAgICAgICAgICAgICAgICAgIHNjYWxlOiAwLjgsXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IHtcbiAgICAgICAgICAgICAgICAgICAgICBlYXNlOiBcImVhc2VJblwiXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBpbml0aWFsPXt7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgICAgICAgICAgIHg6IDIwLFxuICAgICAgICAgICAgICAgICAgICBzY2FsZTogMC44XG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgICAgICBkdXJhdGlvbjogMC4zLFxuICAgICAgICAgICAgICAgICAgICBkZWxheTogaW5kZXggKiAwLjA1LFxuICAgICAgICAgICAgICAgICAgICBlYXNlOiBcImVhc2VPdXRcIlxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2V2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgdGFyZ2V0RWxlbWVudCA9IGV2ZW50LmN1cnJlbnRUYXJnZXQ7XG4gICAgICAgICAgICAgICAgICAgIG5hdmlnYXRlKHRhYik7XG4gICAgICAgICAgICAgICAgICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgaWYgKHRhcmdldEVsZW1lbnQuaXNDb25uZWN0ZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRhcmdldEVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICBpbmxpbmU6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHRhYnMubGVuZ3RoID09PSAxICYmIHRhYi5mdWxsUGF0aCA9PT0gSU5ERVhfUk9VVEVfUEFUSCkge1xuICAgICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICAgIHJlbW92ZVRhYih0YWIuaWQsIG5hdmlnYXRlKTtcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9Db250ZXh0TWVudT5cbiAgICAgICAgICAgICkpXG4gICAgICAgICAgfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvRHJhZ0Ryb3BQcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
-function L() {
-  const {
-    setTabs: l,
-    removeTab: G
-  } = c(a(({
-    setTabs: I,
-    removeTab: C
-  }) => ({
-    setTabs: I,
-    removeTab: C
-  }))), t = c((I) => I.activeTabId), A = c((I) => I.tabs), i = Z();
-  return /* @__PURE__ */ g(
-    m,
-    {
-      modifiers: [W],
-      onDragEnd: (I) => {
-        l(V(A, I));
-      },
-      children: /* @__PURE__ */ g("div", { css: h, children: /* @__PURE__ */ g(u, { children: A.map((I, C) => /* @__PURE__ */ g(n, { tabId: I.id, children: /* @__PURE__ */ g(o, { layout: !0, index: C, label: I.label, tabId: I.id, animate: {
-        opacity: 1,
-        x: 0,
-        scale: 1
-      }, className: s({
-        active: I.id === t
-      }), exit: {
-        opacity: 0,
-        x: -20,
-        scale: 0.8,
-        transition: {
-          ease: "easeIn"
-        }
-      }, initial: {
-        opacity: 0,
-        x: 20,
-        scale: 0.8
-      }, transition: {
-        duration: 0.3,
-        delay: C * 0.05,
-        ease: "easeOut"
-      }, onClick: (d) => {
-        const b = d.currentTarget;
-        i(I), requestAnimationFrame(() => {
-          b.isConnected && b.scrollIntoView({
-            inline: "center",
-            behavior: "smooth"
-          });
-        });
-      }, onClose: () => {
-        A.length === 1 && I.fullPath === Y || G(I.id, i);
-      } }) }, I.id)) }) })
-    }
-  );
+import { TabItem as r } from "./tab-item.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { globalCssVars as a } from "@vef-framework/components";
+import { AnimatePresence as o, DragDropProvider as s, RestrictToHorizontalAxis as c, clsx as l, moveDragItem as u, useShallow as d } from "@vef-framework/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYi1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVcUIiLCJmaWxlIjoidGFiLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IEFuaW1hdGVQcmVzZW5jZSwgY2xzeCwgRHJhZ0Ryb3BQcm92aWRlciwgbW92ZURyYWdJdGVtLCBSZXN0cmljdFRvSG9yaXpvbnRhbEF4aXMsIHVzZVNoYWxsb3cgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuXG5pbXBvcnQgeyBJTkRFWF9ST1VURV9QQVRIIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlVGFiU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyB1c2VUYWJOYXZpZ2F0ZSB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuaW1wb3J0IHsgQ29udGV4dE1lbnUgfSBmcm9tIFwiLi9jb250ZXh0LW1lbnVcIjtcbmltcG9ydCB7IFRhYkl0ZW0gfSBmcm9tIFwiLi90YWItaXRlbVwiO1xuXG5jb25zdCB0YWJMaXN0U3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcInZhcigtLXZlZi1sYXlvdXQtdGFicy1oZWlnaHQpXCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHMsXG4gIHdpZHRoOiBcIm1heC1jb250ZW50XCIsXG4gIG1hcmdpbklubGluZTogMVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJMaXN0KCkge1xuICBjb25zdCB7IHNldFRhYnMsIHJlbW92ZVRhYiB9ID0gdXNlVGFiU3RvcmUoXG4gICAgdXNlU2hhbGxvdygoeyBzZXRUYWJzLCByZW1vdmVUYWIgfSkgPT4ge1xuICAgICAgcmV0dXJuIHsgc2V0VGFicywgcmVtb3ZlVGFiIH07XG4gICAgfSlcbiAgKTtcblxuICBjb25zdCBhY3RpdmVUYWJJZCA9IHVzZVRhYlN0b3JlKHN0YXRlID0+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)) })
+		})
+	});
 }
-export {
-  L as TabList
-};
+//#endregion
+export { m as TabList };

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

@@ -1,71 +1,73 @@
-import { jsx as C } from "@emotion/react/jsx-runtime";
-import { css as s } from "@emotion/react";
-import { globalCssVars as d, ScrollArea as X } from "@vef-framework/components";
-import { clsx as t } from "@vef-framework/core";
-import { useIsomorphicEffect as e } from "@vef-framework/hooks";
-import { useRef as i, useState as W, useCallback as o } from "react";
-import { TabList as V } from "./tab-list.js";
-const A = /* @__PURE__ */ s({
-  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 ${d.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 ${d.motionDurationMid} ease`,
-    pointerEvents: "none"
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RhYnMvdGFicy1jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd5QiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90YWJzL3RhYnMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUG9zaXRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBNYXliZVVuZGVmaW5lZCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzLCBTY3JvbGxBcmVhIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IGNsc3ggfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuaW1wb3J0IHsgdXNlSXNvbW9ycGhpY0VmZmVjdCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9ob29rc1wiO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgVGFiTGlzdCB9IGZyb20gXCIuL3RhYi1saXN0XCI7XG5cbmNvbnN0IHRhYnNXcmFwcGVyU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcImF1dG9cIixcbiAgXCImLnNoYWRvdy1yaWdodDo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgd2lkdGg6IFwiMTBweFwiLFxuICAgIGJveFNoYWRvdzogXCJpbnNldCAtMTBweCAwIDhweCAtOHB4IHZhcigtLXZlZi1jb2xvci1zcGxpdClcIixcbiAgICB0cmFuc2l0aW9uOiBgYm94LXNoYWRvdyAke2dsb2JhbENzc1ZhcnMubW90aW9uRHVyYXRpb25NaWR9IGVhc2VgLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gIH0sXG4gIFwiJi5zaGFkb3ctbGVmdDo6YmVmb3JlXCI6IHtcbiAgICBjb250ZW50OiBcIicnXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB0b3A6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTBweFwiLFxuICAgIGJveFNoYWRvdzogXCJpbnNldCAxMHB4IDAgOHB4IC04cHggdmFyKC0tdmVmLWNvbG9yLXNwbGl0KVwiLFxuICAgIHRyYW5zaXRpb246IGBib3gtc2hhZG93ICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCJcbiAgfVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzQ29udGFpbmVyKCkge1xuICBjb25zdCB0YWJzQ29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaXNPdmVyZmxvd1JlZiA9IHVzZVJlZihmYWxzZSk7XG4gIGNvbnN0IG92ZXJmbG93V2lkdGhSZWYgPSB1c2VSZWYoMCk7XG4gIGNvbnN0IFtyb290Q2xhc3NOYW1lLCBzZXRSb290Q2xhc3NOYW1lXSA9IHVzZVN0YXRlPE1heWJlVW5kZWZpbmVkPHN0cmluZz4+KCk7XG5cbiAgLy8gVXBkYXRlIG92ZXJmbG93IHN0YXRlIGFuZCBzaGFkb3cgY2xhc3Nlc1xuICBjb25zdCB1cGRhdGVPdmVyZmxvd1N0YXRlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmICh0YWJzQ29udGFpbmVyUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGNvbnRhaW5lckVsID0gdGFic0NvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgICAgb3ZlcmZsb3dXaWR0aFJlZi5jdXJyZW50ID0gY29udGFpbmVyRWwuc2Nyb2xsV2lkdGggLSBjb250YWluZXJFbC5jbGllbnRXaWR0aDtcbiAgICAgIGlzT3ZlcmZsb3dSZWYuY3VycmVudCA9IG92ZXJmbG93V2lkdGhSZWYuY3VycmVudCA+IDA7XG4gICAgICBjb25zdCB7IHNjcm9sbExlZnQgfSA9IGNvbnRhaW5lckVsO1xuXG4gICAgICBzZXRSb290Q2xhc3NOYW1lKGNsc3goe1xuICAgICAgICBcInNoYWRvdy1sZWZ0XCI6IHNjcm9sbExlZnQgPiAwLFxuICAgICAgICBcInNoYWRvdy1yaWdodFwiOiBzY3JvbGxMZWZ0IDwgb3ZlcmZsb3dXaWR0aFJlZi5jdXJyZW50XG4gICAgICB9KSk7XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgdXNlSXNvbW9ycGhpY0VmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgY29udGFpbmVyRWwgPSB0YWJzQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG5cbiAgICBpZiAoIWNvbnRhaW5lckVsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gSW5pdGlhbCBjYWxjdWxhdGlvblxuICAgIHVwZGF0ZU92ZXJmbG93U3RhdGUoKTtcblxuICAgIC8vIENyZWF0ZSBSZXNpemVPYnNlcnZlciB0byB3YXRjaCBmb3IgY29udGFpbmVyIHNpemUgY2hhbmdlc1xuICAgIGNvbnN0IHJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKCgpID0+IHtcbiAgICAgIHVwZGF0ZU92ZXJmbG93U3RhdGUoKTtcbiAgICB9KTtcblxuICAgIHJlc2l6ZU9ic2VydmVyLm9ic2VydmUoY29udGFpbmVyRWwpO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHJlc2l6ZU9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICB9O1xuICB9LCBbdXBkYXRlT3ZlcmZsb3dTdGF0ZV0pO1xuXG4gIGNvbnN0IGhhbmRsZVNjcm9sbFBvc2l0aW9uQ2hhbmdlID0gdXNlQ2FsbGJhY2soKHsgeCB9OiBQb3NpdGlvbikgPT4ge1xuICAgIGlmIChpc092ZXJmbG93UmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldFJvb3RDbGFzc05hbWUoY2xzeCh7XG4gICAgICAgIFwic2hhZG93LWxlZnRcIjogeCA+IDAsXG4gICAgICAgIFwic2hhZG93LXJpZ2h0XCI6IHggPCBvdmVyZmxvd1dpZHRoUmVmLmN1cnJlbnRcbiAgICAgIH0pKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxTY3JvbGxBcmVhXG4gICAgICBjbGFzc05hbWU9e3Jvb3RDbGFzc05hbWV9XG4gICAgICBjc3M9e3RhYnNXcmFwcGVyU3R5bGV9XG4gICAgICBzY3JvbGxiYXJQYWRkaW5nPXsxfVxuICAgICAgc2Nyb2xsYmFyU2l6ZT17NX1cbiAgICAgIHR5cGU9XCJzY3JvbGxcIlxuICAgICAgdmlld3BvcnRSZWY9e3RhYnNDb250YWluZXJSZWZ9XG4gICAgICBvblNjcm9sbFBvc2l0aW9uQ2hhbmdlPXtoYW5kbGVTY3JvbGxQb3NpdGlvbkNoYW5nZX1cbiAgICA+XG4gICAgICA8VGFiTGlzdCAvPlxuICAgIDwvU2Nyb2xsQXJlYT5cbiAgKTtcbn1cbiJdfQ== */");
-function y() {
-  const b = i(null), G = i(!1), g = i(0), [n, m] = W(), l = o(() => {
-    if (b.current) {
-      const c = b.current;
-      g.current = c.scrollWidth - c.clientWidth, G.current = g.current > 0;
-      const {
-        scrollLeft: I
-      } = c;
-      m(t({
-        "shadow-left": I > 0,
-        "shadow-right": I < g.current
-      }));
-    }
-  }, []);
-  e(() => {
-    const c = b.current;
-    if (!c)
-      return;
-    l();
-    const I = new ResizeObserver(() => {
-      l();
-    });
-    return I.observe(c), () => {
-      I.disconnect();
-    };
-  }, [l]);
-  const Z = o(({
-    x: c
-  }) => {
-    G.current && m(t({
-      "shadow-left": c > 0,
-      "shadow-right": c < g.current
-    }));
-  }, []);
-  return /* @__PURE__ */ C(X, { className: n, css: A, scrollbarPadding: 1, scrollbarSize: 5, type: "scroll", viewportRef: b, onScrollPositionChange: Z, children: /* @__PURE__ */ C(V, {}) });
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+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/components";
+import { clsx as i } from "@vef-framework/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/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXeUIiLCJmaWxlIjoidGFicy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBQb3NpdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IE1heWJlVW5kZWZpbmVkIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL3NoYXJlZFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMsIFNjcm9sbEFyZWEgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb3JlXCI7XG5pbXBvcnQgeyB1c2VJc29tb3JwaGljRWZmZWN0IH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBUYWJMaXN0IH0gZnJvbSBcIi4vdGFiLWxpc3RcIjtcblxuY29uc3QgdGFic1dyYXBwZXJTdHlsZSA9IGNzcyh7XG4gIGZsZXg6IFwiYXV0b1wiLFxuICBcIiYuc2hhZG93LXJpZ2h0OjphZnRlclwiOiB7XG4gICAgY29udGVudDogXCInJ1wiLFxuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICByaWdodDogMCxcbiAgICB3aWR0aDogXCIxMHB4XCIsXG4gICAgYm94U2hhZG93OiBcImluc2V0IC0xMHB4IDAgOHB4IC04cHggdmFyKC0tdmVmLWNvbG9yLXNwbGl0KVwiLFxuICAgIHRyYW5zaXRpb246IGBib3gtc2hhZG93ICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCJcbiAgfSxcbiAgXCImLnNoYWRvdy1sZWZ0OjpiZWZvcmVcIjoge1xuICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIxMHB4XCIsXG4gICAgYm94U2hhZG93OiBcImluc2V0IDEwcHggMCA4cHggLThweCB2YXIoLS12ZWYtY29sb3Itc3BsaXQpXCIsXG4gICAgdHJhbnNpdGlvbjogYGJveC1zaGFkb3cgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICB9XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnNDb250YWluZXIoKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCB0YWJzQ29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaXNPdmVyZmxvd1JlZiA9IHVzZVJlZihmYWxzZSk7XG4gIGNvbnN0IG92ZXJmbG93V2lkdGhSZWYgPSB1c2VSZWYoMCk7XG4gIGNvbnN0IFtyb290Q2xhc3NOYW1lLCBzZXRSb290Q2xhc3NOYW1lXSA9IHVzZVN0YXRlPE1heWJlVW5kZWZpbmVkPHN0cmluZz4+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, {})
+	});
 }
-export {
-  y as TabsContainer
-};
+//#endregion
+export { d as TabsContainer };

package/dist/es/components/layout/components/theme-config/color-scheme-switcher.js

@@ -1,41 +1,58 @@
-import { jsx as I } from "@emotion/react/jsx-runtime";
-import { css as C } from "@emotion/react";
-import { globalCssVars as t, Center as l, Icon as c, Segmented as d } from "@vef-framework/components";
-import { SunIcon as o, MoonIcon as X, SunMoon as m } from "lucide-react";
-import { useRef as W } from "react";
-import "../../../../stores/index.js";
-import "../../hooks/index.js";
-import { useThemeStore as n } from "../../../../stores/theme.js";
-import { useColorSchemeUpdater as e } from "../../hooks/use-color-scheme-updater.js";
-const g = /* @__PURE__ */ C({
-  height: `calc(${t.controlHeight} - var(--vef-segmented-track-padding) * 2)`,
-  width: "64px"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb2xvci1zY2hlbWUtc3dpdGNoZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90aGVtZS1jb25maWcvY29sb3Itc2NoZW1lLXN3aXRjaGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUG9zaXRpb24sIFNlZ21lbnRlZE9wdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB0eXBlIHsgQ29sb3JTY2hlbWUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2VudGVyLCBnbG9iYWxDc3NWYXJzLCBJY29uLCBTZWdtZW50ZWQgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgTW9vbkljb24sIFN1bkljb24sIFN1bk1vb24gfSBmcm9tIFwibHVjaWRlLXJlYWN0XCI7XG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgdXNlVGhlbWVTdG9yZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9zdG9yZXNcIjtcbmltcG9ydCB7IHVzZUNvbG9yU2NoZW1lVXBkYXRlciB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuXG5jb25zdCBpdGVtU3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IGBjYWxjKCR7Z2xvYmFsQ3NzVmFycy5jb250cm9sSGVpZ2h0fSAtIHZhcigtLXZlZi1zZWdtZW50ZWQtdHJhY2stcGFkZGluZykgKiAyKWAsXG4gIHdpZHRoOiBcIjY0cHhcIlxufSk7XG5cbmNvbnN0IG9wdGlvbnM6IFNlZ21lbnRlZE9wdGlvbltdID0gW1xuICB7XG4gICAgbGFiZWw6IChcbiAgICAgIDxDZW50ZXIgY3NzPXtpdGVtU3R5bGV9PlxuICAgICAgICA8SWNvbiBjb21wb25lbnQ9e1N1bkljb259IC8+XG4gICAgICA8L0NlbnRlcj5cbiAgICApLFxuICAgIHZhbHVlOiBcImxpZ2h0XCJcbiAgfSxcbiAge1xuICAgIGxhYmVsOiAoXG4gICAgICA8Q2VudGVyIGNzcz17aXRlbVN0eWxlfT5cbiAgICAgICAgPEljb24gY29tcG9uZW50PXtNb29uSWNvbn0gLz5cbiAgICAgIDwvQ2VudGVyPlxuICAgICksXG4gICAgdmFsdWU6IFwiZGFya1wiXG4gIH0sXG4gIHtcbiAgICBsYWJlbDogKFxuICAgICAgPENlbnRlciBjc3M9e2l0ZW1TdHlsZX0+XG4gICAgICAgIDxJY29uIGNvbXBvbmVudD17U3VuTW9vbn0gLz5cbiAgICAgIDwvQ2VudGVyPlxuICAgICksXG4gICAgdmFsdWU6IFwic3lzdGVtXCJcbiAgfVxuXTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbG9yU2NoZW1lU3dpdGNoZXIoKSB7XG4gIGNvbnN0IGNvbG9yU2NoZW1lID0gdXNlVGhlbWVTdG9yZShzdGF0ZSA9PiBzdGF0ZS5jb2xvclNjaGVtZSk7XG4gIGNvbnN0IHsgdXBkYXRlQ29sb3JTY2hlbWUgfSA9IHVzZUNvbG9yU2NoZW1lVXBkYXRlcigpO1xuICBjb25zdCBwb3NpdGlvblJlZiA9IHVzZVJlZjxQb3NpdGlvbj4oe1xuICAgIHg6IHdpbmRvdy5pbm5lcldpZHRoIC8gMixcbiAgICB5OiB3aW5kb3cuaW5uZXJIZWlnaHQgLyAyXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFNlZ21lbnRlZFxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgIHZhbHVlPXtjb2xvclNjaGVtZX1cbiAgICAgIG9uQ2hhbmdlPXt2YWx1ZSA9PiB7XG4gICAgICAgIHVwZGF0ZUNvbG9yU2NoZW1lKHZhbHVlIGFzIENvbG9yU2NoZW1lLCBwb3NpdGlvblJlZi5jdXJyZW50KTtcbiAgICAgIH19XG4gICAgICBvbkNsaWNrPXtldmVudCA9PiB7XG4gICAgICAgIHBvc2l0aW9uUmVmLmN1cnJlbnQgPSB7XG4gICAgICAgICAgeDogZXZlbnQuY2xpZW50WCxcbiAgICAgICAgICB5OiBldmVudC5jbGllbnRZXG4gICAgICAgIH07XG4gICAgICB9fVxuICAgIC8+XG4gICk7XG59XG4iXX0= */"), A = [{
-  label: /* @__PURE__ */ I(l, { css: g, children: /* @__PURE__ */ I(c, { component: o }) }),
-  value: "light"
-}, {
-  label: /* @__PURE__ */ I(l, { css: g, children: /* @__PURE__ */ I(c, { component: X }) }),
-  value: "dark"
-}, {
-  label: /* @__PURE__ */ I(l, { css: g, children: /* @__PURE__ */ I(c, { component: m }) }),
-  value: "system"
-}];
-function p() {
-  const G = n((b) => b.colorScheme), {
-    updateColorScheme: Z
-  } = e(), i = W({
-    x: window.innerWidth / 2,
-    y: window.innerHeight / 2
-  });
-  return /* @__PURE__ */ I(d, { options: A, value: G, onChange: (b) => {
-    Z(b, i.current);
-  }, onClick: (b) => {
-    i.current = {
-      x: b.clientX,
-      y: b.clientY
-    };
-  } });
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { useThemeStore as e } from "../../../../stores/theme.js";
+import { useColorSchemeUpdater as t } from "../../hooks/use-color-scheme-updater.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { Center as r, Icon as i, Segmented as a, globalCssVars as o } from "@vef-framework/components";
+import { MoonIcon as s, SunIcon as c, SunMoon as l } from "lucide-react";
+import { useRef as u } from "react";
+import { css as d } from "@emotion/react";
+//#region src/components/layout/components/theme-config/color-scheme-switcher.tsx
+var f = /* @__PURE__ */ d({
+	height: `calc(${o.controlHeight} - var(--vef-segmented-track-padding) * 2)`,
+	width: "64px"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbG9yLXNjaGVtZS1zd2l0Y2hlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWtCIiwiZmlsZSI6ImNvbG9yLXNjaGVtZS1zd2l0Y2hlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFBvc2l0aW9uLCBTZWdtZW50ZWRPcHRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENlbnRlciwgZ2xvYmFsQ3NzVmFycywgSWNvbiwgU2VnbWVudGVkIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IE1vb25JY29uLCBTdW5JY29uLCBTdW5Nb29uIH0gZnJvbSBcImx1Y2lkZS1yZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZVRoZW1lU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyB1c2VDb2xvclNjaGVtZVVwZGF0ZXIgfSBmcm9tIFwiLi4vLi4vaG9va3NcIjtcblxuY29uc3QgaXRlbVN0eWxlID0gY3NzKHtcbiAgaGVpZ2h0OiBgY2FsYygke2dsb2JhbENzc1ZhcnMuY29udHJvbEhlaWdodH0gLSB2YXIoLS12ZWYtc2VnbWVudGVkLXRyYWNrLXBhZGRpbmcpICogMilgLFxuICB3aWR0aDogXCI2NHB4XCJcbn0pO1xuXG5jb25zdCBvcHRpb25zOiBTZWdtZW50ZWRPcHRpb25bXSA9IFtcbiAge1xuICAgIGxhYmVsOiAoXG4gICAgICA8Q2VudGVyIGNzcz17aXRlbVN0eWxlfT5cbiAgICAgICAgPEljb24gY29tcG9uZW50PXtTdW5JY29ufSAvPlxuICAgICAgPC9DZW50ZXI+XG4gICAgKSxcbiAgICB2YWx1ZTogXCJsaWdodFwiXG4gIH0sXG4gIHtcbiAgICBsYWJlbDogKFxuICAgICAgPENlbnRlciBjc3M9e2l0ZW1TdHlsZX0+XG4gICAgICAgIDxJY29uIGNvbXBvbmVudD17TW9vbkljb259IC8+XG4gICAgICA8L0NlbnRlcj5cbiAgICApLFxuICAgIHZhbHVlOiBcImRhcmtcIlxuICB9LFxuICB7XG4gICAgbGFiZWw6IChcbiAgICAgIDxDZW50ZXIgY3NzPXtpdGVtU3R5bGV9PlxuICAgICAgICA8SWNvbiBjb21wb25lbnQ9e1N1bk1vb259IC8+XG4gICAgICA8L0NlbnRlcj5cbiAgICApLFxuICAgIHZhbHVlOiBcInN5c3RlbVwiXG4gIH1cbl07XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xvclNjaGVtZVN3aXRjaGVyKCk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgY29sb3JTY2hlbWUgPSB1c2VUaGVtZVN0b3JlKHN0YXRlID0+IHN0YXRlLmNvbG9yU2NoZW1lKTtcbiAgY29uc3QgeyB1cGRhdGVDb2xvclNjaGVtZSB9ID0gdXNlQ29sb3JTY2hlbWVVcGRhdGVyKCk7XG4gIGNvbnN0IHBvc2l0aW9uUmVmID0gdXNlUmVmPFBvc2l0aW9uPih7XG4gICAgeDogd2luZG93LmlubmVyV2lkdGggLyAyLFxuICAgIHk6IHdpbmRvdy5pbm5lckhlaWdodCAvIDJcbiAgfSk7XG5cbiAgZnVuY3Rpb24gaGFuZGxlQ2hhbmdlKHZhbHVlOiBzdHJpbmcgfCBudW1iZXIpOiB2b2lkIHtcbiAgICB1cGRhdGVDb2xvclNjaGVtZSh2YWx1ZSBhcyBDb2xvclNjaGVtZSwgcG9zaXRpb25SZWYuY3VycmVudCk7XG4gIH1cblxuICBmdW5jdGlvbiBoYW5kbGVDbGljayhldmVudDogUmVhY3QuTW91c2VFdmVudCk6IHZvaWQge1xuICAgIHBvc2l0aW9uUmVmLmN1cnJlbnQgPSB7XG4gICAgICB4OiBldmVudC5jbGllbnRYLFxuICAgICAgeTogZXZlbnQuY2xpZW50WVxuICAgIH07XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTZWdtZW50ZWRcbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB2YWx1ZT17Y29sb3JTY2hlbWV9XG4gICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */"), p = [
+	{
+		label: /* @__PURE__ */ n(r, {
+			css: f,
+			children: /* @__PURE__ */ n(i, { component: c })
+		}),
+		value: "light"
+	},
+	{
+		label: /* @__PURE__ */ n(r, {
+			css: f,
+			children: /* @__PURE__ */ n(i, { component: s })
+		}),
+		value: "dark"
+	},
+	{
+		label: /* @__PURE__ */ n(r, {
+			css: f,
+			children: /* @__PURE__ */ n(i, { component: l })
+		}),
+		value: "system"
+	}
+];
+function m() {
+	let r = e((e) => e.colorScheme), { updateColorScheme: i } = t(), o = u({
+		x: window.innerWidth / 2,
+		y: window.innerHeight / 2
+	});
+	function s(e) {
+		i(e, o.current);
+	}
+	function c(e) {
+		o.current = {
+			x: e.clientX,
+			y: e.clientY
+		};
+	}
+	return /* @__PURE__ */ n(a, {
+		options: p,
+		value: r,
+		onChange: s,
+		onClick: c
+	});
 }
-export {
-  p as ColorSchemeSwitcher
-};
+//#endregion
+export { m as ColorSchemeSwitcher };

package/dist/es/components/layout/components/theme-config/color-scheme.js

@@ -1,52 +1,65 @@
-import { jsxs as X, jsx as I } from "@emotion/react/jsx-runtime";
-import { css as e } from "@emotion/react";
-import { globalCssVars as o, Center as m, Switch as c } from "@vef-framework/components";
-import { useShallow as s } from "@vef-framework/core";
-import "../../../../stores/index.js";
-import { ColorSchemeSwitcher as W } from "./color-scheme-switcher.js";
-import { ConfigItem as b } from "./config-item.js";
-import { useThemeStore as A } from "../../../../stores/theme.js";
-const a = /* @__PURE__ */ e({
-  display: "flex",
-  flexDirection: "column",
-  gap: o.spacingMd
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb2xvci1zY2hlbWUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFxQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90aGVtZS1jb25maWcvY29sb3Itc2NoZW1lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2VudGVyLCBnbG9iYWxDc3NWYXJzLCBTd2l0Y2ggfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdXNlU2hhbGxvdyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb3JlXCI7XG5cbmltcG9ydCB7IHVzZVRoZW1lU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyBDb2xvclNjaGVtZVN3aXRjaGVyIH0gZnJvbSBcIi4vY29sb3Itc2NoZW1lLXN3aXRjaGVyXCI7XG5pbXBvcnQgeyBDb25maWdJdGVtIH0gZnJvbSBcIi4vY29uZmlnLWl0ZW1cIjtcblxuY29uc3Qgd3JhcHBlclN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWRcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29sb3JTY2hlbWUoKSB7XG4gIGNvbnN0IHtcbiAgICBpc0dyYXlzY2FsZU1vZGUsXG4gICAgaXNDb2xvckJsaW5kTW9kZSxcbiAgICBpc01lbnVBY2NvcmRpb25Nb2RlXG4gIH0gPSB1c2VUaGVtZVN0b3JlKFxuICAgIHVzZVNoYWxsb3coXG4gICAgICBzdGF0ZSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICBpc0dyYXlzY2FsZU1vZGUsXG4gICAgICAgICAgaXNDb2xvckJsaW5kTW9kZSxcbiAgICAgICAgICBpc01lbnVBY2NvcmRpb25Nb2RlXG4gICAgICAgIH0gPSBzdGF0ZTtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIGlzR3JheXNjYWxlTW9kZSxcbiAgICAgICAgICBpc0NvbG9yQmxpbmRNb2RlLFxuICAgICAgICAgIGlzTWVudUFjY29yZGlvbk1vZGVcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICApXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlfT5cbiAgICAgIDxDZW50ZXI+XG4gICAgICAgIDxDb2xvclNjaGVtZVN3aXRjaGVyIC8+XG4gICAgICA8L0NlbnRlcj5cblxuICAgICAgPENvbmZpZ0l0ZW0gbGFiZWw9XCLngbDluqbmqKHlvI9cIj5cbiAgICAgICAgPFN3aXRjaFxuICAgICAgICAgIGNoZWNrZWQ9e2lzR3JheXNjYWxlTW9kZX1cbiAgICAgICAgICBvbkNoYW5nZT17XG4gICAgICAgICAgICB2YWx1ZSA9PiB7XG4gICAgICAgICAgICAgIHVzZVRoZW1lU3RvcmUuc2V0U3RhdGUoc3RhdGUgPT4ge1xuICAgICAgICAgICAgICAgIHN0YXRlLmlzR3JheXNjYWxlTW9kZSA9IHZhbHVlO1xuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L0NvbmZpZ0l0ZW0+XG5cbiAgICAgIDxDb25maWdJdGVtIGxhYmVsPVwi6Imy5byx5qih5byPXCI+XG4gICAgICAgIDxTd2l0Y2hcbiAgICAgICAgICBjaGVja2VkPXtpc0NvbG9yQmxpbmRNb2RlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtcbiAgICAgICAgICAgIHZhbHVlID0+IHtcbiAgICAgICAgICAgICAgdXNlVGhlbWVTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICAgICAgICAgICAgc3RhdGUuaXNDb2xvckJsaW5kTW9kZSA9IHZhbHVlO1xuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L0NvbmZpZ0l0ZW0+XG5cbiAgICAgIDxDb25maWdJdGVtIGxhYmVsPVwi6I+c5Y2V5omL6aOO55C05qih5byPXCI+XG4gICAgICAgIDxTd2l0Y2hcbiAgICAgICAgICBjaGVja2VkPXtpc01lbnVBY2NvcmRpb25Nb2RlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtcbiAgICAgICAgICAgIHZhbHVlID0+IHtcbiAgICAgICAgICAgICAgdXNlVGhlbWVTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICAgICAgICAgICAgc3RhdGUuaXNNZW51QWNjb3JkaW9uTW9kZSA9IHZhbHVlO1xuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L0NvbmZpZ0l0ZW0+XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0= */");
-function y() {
-  const {
-    isGrayscaleMode: l,
-    isColorBlindMode: i,
-    isMenuAccordionMode: G
-  } = A(s((g) => {
-    const {
-      isGrayscaleMode: C,
-      isColorBlindMode: Z,
-      isMenuAccordionMode: d
-    } = g;
-    return {
-      isGrayscaleMode: C,
-      isColorBlindMode: Z,
-      isMenuAccordionMode: d
-    };
-  }));
-  return /* @__PURE__ */ X("div", { css: a, children: [
-    /* @__PURE__ */ I(m, { children: /* @__PURE__ */ I(W, {}) }),
-    /* @__PURE__ */ I(b, { label: "灰度模式", children: /* @__PURE__ */ I(c, { checked: l, onChange: (g) => {
-      A.setState((C) => {
-        C.isGrayscaleMode = g;
-      });
-    } }) }),
-    /* @__PURE__ */ I(b, { label: "色弱模式", children: /* @__PURE__ */ I(c, { checked: i, onChange: (g) => {
-      A.setState((C) => {
-        C.isColorBlindMode = g;
-      });
-    } }) }),
-    /* @__PURE__ */ I(b, { label: "菜单手风琴模式", children: /* @__PURE__ */ I(c, { checked: G, onChange: (g) => {
-      A.setState((C) => {
-        C.isMenuAccordionMode = g;
-      });
-    } }) })
-  ] });
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { useThemeStore as e } from "../../../../stores/theme.js";
+import { ColorSchemeSwitcher as t } from "./color-scheme-switcher.js";
+import { ConfigItem as n } from "./config-item.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Center as a, Switch as o, globalCssVars as s } from "@vef-framework/components";
+import { useShallow as c } from "@vef-framework/core";
+import { css as l } from "@emotion/react";
+//#region src/components/layout/components/theme-config/color-scheme.tsx
+var u = /* @__PURE__ */ l({
+	display: "flex",
+	flexDirection: "column",
+	gap: s.spacingMd
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbG9yLXNjaGVtZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXFCIiwiZmlsZSI6ImNvbG9yLXNjaGVtZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENlbnRlciwgZ2xvYmFsQ3NzVmFycywgU3dpdGNoIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHVzZVNoYWxsb3cgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZVN0b3JlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVTd2l0Y2hlciB9IGZyb20gXCIuL2NvbG9yLXNjaGVtZS1zd2l0Y2hlclwiO1xuaW1wb3J0IHsgQ29uZmlnSXRlbSB9IGZyb20gXCIuL2NvbmZpZy1pdGVtXCI7XG5cbmNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbG9yU2NoZW1lKCk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3Qge1xuICAgIGlzR3JheXNjYWxlTW9kZSxcbiAgICBpc0NvbG9yQmxpbmRNb2RlLFxuICAgIGlzTWVudUFjY29yZGlvbk1vZGVcbiAgfSA9IHVzZVRoZW1lU3RvcmUoXG4gICAgdXNlU2hhbGxvdyhcbiAgICAgIHN0YXRlID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBpc0dyYXlzY2FsZU1vZGU6IHN0YXRlLmlzR3JheXNjYWxlTW9kZSxcbiAgICAgICAgICBpc0NvbG9yQmxpbmRNb2RlOiBzdGF0ZS5pc0NvbG9yQmxpbmRNb2RlLFxuICAgICAgICAgIGlzTWVudUFjY29yZGlvbk1vZGU6IHN0YXRlLmlzTWVudUFjY29yZGlvbk1vZGVcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICApXG4gICk7XG5cbiAgZnVuY3Rpb24gaGFuZGxlR3JheXNjYWxlTW9kZUNoYW5nZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHVzZVRoZW1lU3RvcmUuc2V0U3RhdGUoc3RhdGUgPT4ge1xuICAgICAgc3RhdGUuaXNHcmF5c2NhbGVNb2RlID0gdmFsdWU7XG4gICAgfSk7XG4gIH1cblxuICBmdW5jdGlvbiBoYW5kbGVDb2xvckJsaW5kTW9kZUNoYW5nZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHVzZVRoZW1lU3RvcmUuc2V0U3RhdGUoc3RhdGUgPT4ge1xuICAgICAgc3RhdGUuaXNDb2xvckJsaW5kTW9kZSA9IHZhbHVlO1xuICAgIH0pO1xuICB9XG5cbiAgZnVuY3Rpb24gaGFuZGxlTWVudUFjY29yZGlvbk1vZGVDaGFuZ2UodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB1c2VUaGVtZVN0b3JlLnNldFN0YXRlKHN0YXRlID0+IHtcbiAgICAgIHN0YXRlLmlzTWVudUFjY29yZGlvbk1vZGUgPSB2YWx1ZTtcbiAgICB9KTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZX0+XG4gICAgICA8Q2VudGVyPlxuICAgICAgICA8Q29sb3JTY2hlbWVTd2l0Y2hlciAvPlxuICAgICAgPC9DZW50ZXI+XG5cbiAgICAgIDxDb25maWdJdGVtIGxhYmVsPVwi54Gw5bqm5qih5byPXCI+XG4gICAgICAgIDxTd2l0Y2hcbiAgICAgICAgICBjaGVja2VkPXtpc0dyYXlzY2FsZU1vZGV9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUdyYXlzY2FsZU1vZGVDaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICA8L0NvbmZpZ0l0ZW0+XG5cbiAgICAgIDxDb25maWdJdGVtIGxhYmVsPVwi6Imy5byx5qih5byPXCI+XG4gICAgICAgIDxTd2l0Y2hcbiAgICAgICAgICBjaGVja2VkPXtpc0NvbG9yQmxpbmRNb2RlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDb2xvckJsaW5kTW9kZUNoYW5nZX1cbiAgICAgICAgLz5cbiAgICAgIDwvQ29uZmlnSXRlbT5cblxuICAgICAgPENvbmZpZ0l0ZW0gbGFiZWw9XCLoj5zljZXmiYvpo47nkLTmqKHlvI9cIj5cbiAgICAgICAgPFN3aXRjaFxuICAgICAgICAgIGNoZWNrZWQ9e2lzTWVudUFjY29yZGlvbk1vZGV9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU1lbnVBY2NvcmRpb25Nb2RlQ2hhbmdlfVxuICAgICAgICAvPlxuICAgICAgPC9Db25maWdJdGVtPlxuICAgIDwvZGl2PlxuICApO1xufVxuIl19 */");
+function d() {
+	let { isGrayscaleMode: s, isColorBlindMode: l, isMenuAccordionMode: d } = e(c((e) => ({
+		isGrayscaleMode: e.isGrayscaleMode,
+		isColorBlindMode: e.isColorBlindMode,
+		isMenuAccordionMode: e.isMenuAccordionMode
+	})));
+	function f(t) {
+		e.setState((e) => {
+			e.isGrayscaleMode = t;
+		});
+	}
+	function p(t) {
+		e.setState((e) => {
+			e.isColorBlindMode = t;
+		});
+	}
+	function m(t) {
+		e.setState((e) => {
+			e.isMenuAccordionMode = t;
+		});
+	}
+	return /* @__PURE__ */ i("div", {
+		css: u,
+		children: [
+			/* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(t, {}) }),
+			/* @__PURE__ */ r(n, {
+				label: "灰度模式",
+				children: /* @__PURE__ */ r(o, {
+					checked: s,
+					onChange: f
+				})
+			}),
+			/* @__PURE__ */ r(n, {
+				label: "色弱模式",
+				children: /* @__PURE__ */ r(o, {
+					checked: l,
+					onChange: p
+				})
+			}),
+			/* @__PURE__ */ r(n, {
+				label: "菜单手风琴模式",
+				children: /* @__PURE__ */ r(o, {
+					checked: d,
+					onChange: m
+				})
+			})
+		]
+	});
 }
-export {
-  y as ColorScheme
-};
+//#endregion
+export { d as ColorScheme };

package/dist/es/components/layout/components/theme-config/config-item.js

@@ -1,22 +1,20 @@
-import { jsxs as W, jsx as I } from "@emotion/react/jsx-runtime";
-import { css as Z } from "@emotion/react";
-import { globalCssVars as y } from "@vef-framework/components";
-const m = /* @__PURE__ */ Z({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  columnGap: y.spacingXs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb25maWctaXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWtCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb25maWctaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcblxuaW50ZXJmYWNlIENvbmZpZ0l0ZW1Qcm9wcyBleHRlbmRzIFByb3BzV2l0aENoaWxkcmVuIHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBsYWJlbDogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBpdGVtU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbmZpZ0l0ZW0oe1xuICBjbGFzc05hbWUsXG4gIGxhYmVsLFxuICBjaGlsZHJlblxufTogQ29uZmlnSXRlbVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gY3NzPXtpdGVtU3R5bGV9PlxuICAgICAgPHNwYW4+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvc3Bhbj5cblxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufVxuIl19 */");
-function n({
-  className: b,
-  label: c,
-  children: l
-}) {
-  return /* @__PURE__ */ W("div", { className: b, css: m, children: [
-    /* @__PURE__ */ I("span", { children: c }),
-    l
-  ] });
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { globalCssVars as n } from "@vef-framework/components";
+import { css as r } from "@emotion/react";
+//#region src/components/layout/components/theme-config/config-item.tsx
+var i = /* @__PURE__ */ r({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	columnGap: n.spacingXs
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbmZpZy1pdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0IiLCJmaWxlIjoiY29uZmlnLWl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBQcm9wc1dpdGhDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBDb25maWdJdGVtUHJvcHMgZXh0ZW5kcyBQcm9wc1dpdGhDaGlsZHJlbiB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgaXRlbVN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgY29sdW1uR2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb25maWdJdGVtKHtcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgY2hpbGRyZW5cbn06IENvbmZpZ0l0ZW1Qcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBjc3M9e2l0ZW1TdHlsZX0+XG4gICAgICA8c3Bhbj57bGFiZWx9PC9zcGFuPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufVxuIl19 */");
+function a({ className: n, label: r, children: a }) {
+	return /* @__PURE__ */ t("div", {
+		className: n,
+		css: i,
+		children: [/* @__PURE__ */ e("span", { children: r }), a]
+	});
 }
-export {
-  n as ConfigItem
-};
+//#endregion
+export { a as ConfigItem };