@vef-framework/starter 2.0.4 → 2.0.5

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

@@ -1,53 +1,46 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { globalCssVars } from '@vef-framework/components';
-import { useShallow, DragDropProvider, AnimatePresence, clsx, moveDragItem, RestrictToHorizontalAxis } from '@vef-framework/core';
-import '../../../../constants/index.js';
-import '../../../../stores/index.js';
-import '../../hooks/index.js';
-import { ContextMenu } from './context-menu.js';
-import { TabItem } from './tab-item.js';
-import { useTabStore } from '../../../../stores/tab.js';
-import { useTabNavigate } from '../../hooks/use-tab-navigate.js';
-import { INDEX_ROUTE_PATH } from '../../../../constants/router.js';
-
-const tabListStyle = /* @__PURE__ */ css({
+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";
+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: globalCssVars.spacingXs,
+  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 TabList() {
+function L() {
   const {
-    setTabs,
-    removeTab
-  } = useTabStore(useShallow(({
-    setTabs: setTabs2,
-    removeTab: removeTab2
-  }) => {
-    return {
-      setTabs: setTabs2,
-      removeTab: removeTab2
-    };
-  }));
-  const activeTabId = useTabStore((state) => state.activeTabId);
-  const tabs = useTabStore((state) => state.tabs);
-  const navigate = useTabNavigate();
-  return /* @__PURE__ */ jsx(
-    DragDropProvider,
+    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: [RestrictToHorizontalAxis],
-      onDragEnd: (event) => {
-        setTabs(moveDragItem(tabs, event));
+      modifiers: [W],
+      onDragEnd: (I) => {
+        l(V(A, I));
       },
-      children: /* @__PURE__ */ jsx("div", { css: tabListStyle, children: /* @__PURE__ */ jsx(AnimatePresence, { children: tabs.map((tab, index) => /* @__PURE__ */ jsx(ContextMenu, { tabId: tab.id, children: /* @__PURE__ */ jsx(TabItem, { layout: true, index, label: tab.label, tabId: tab.id, animate: {
+      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: clsx({
-        active: tab.id === activeTabId
+      }, className: s({
+        active: I.id === t
       }), exit: {
         opacity: 0,
         x: -20,
@@ -61,27 +54,22 @@ function TabList() {
         scale: 0.8
       }, transition: {
         duration: 0.3,
-        delay: index * 0.05,
+        delay: C * 0.05,
         ease: "easeOut"
-      }, onClick: (event) => {
-        const targetElement = event.currentTarget;
-        navigate(tab);
-        requestAnimationFrame(() => {
-          if (targetElement.isConnected) {
-            targetElement.scrollIntoView({
-              inline: "center",
-              behavior: "smooth"
-            });
-          }
+      }, onClick: (d) => {
+        const b = d.currentTarget;
+        i(I), requestAnimationFrame(() => {
+          b.isConnected && b.scrollIntoView({
+            inline: "center",
+            behavior: "smooth"
+          });
         });
       }, onClose: () => {
-        if (tabs.length === 1 && tab.fullPath === INDEX_ROUTE_PATH) {
-          return;
-        }
-        removeTab(tab.id, navigate);
-      } }) }, tab.id)) }) })
+        A.length === 1 && I.fullPath === Y || G(I.id, i);
+      } }) }, I.id)) }) })
     }
   );
 }
-
-export { TabList };
+export {
+  L as TabList
+};

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

@@ -1,13 +1,11 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { globalCssVars, ScrollArea } from '@vef-framework/components';
-import { clsx } from '@vef-framework/core';
-import { useIsomorphicEffect } from '@vef-framework/hooks';
-import { useRef, useState, useCallback } from 'react';
-import { TabList } from './tab-list.js';
-
-const tabsWrapperStyle = /* @__PURE__ */ css({
+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: "''",
@@ -17,7 +15,7 @@ const tabsWrapperStyle = /* @__PURE__ */ css({
     right: 0,
     width: "10px",
     boxShadow: "inset -10px 0 8px -8px var(--vef-color-split)",
-    transition: `box-shadow ${globalCssVars.motionDurationMid} ease`,
+    transition: `box-shadow ${d.motionDurationMid} ease`,
     pointerEvents: "none"
   },
   "&.shadow-left::before": {
@@ -28,54 +26,46 @@ const tabsWrapperStyle = /* @__PURE__ */ css({
     left: 0,
     width: "10px",
     boxShadow: "inset 10px 0 8px -8px var(--vef-color-split)",
-    transition: `box-shadow ${globalCssVars.motionDurationMid} ease`,
+    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 TabsContainer() {
-  const tabsContainerRef = useRef(null);
-  const isOverflowRef = useRef(false);
-  const overflowWidthRef = useRef(0);
-  const [rootClassName, setRootClassName] = useState();
-  const updateOverflowState = useCallback(() => {
-    if (tabsContainerRef.current) {
-      const containerEl = tabsContainerRef.current;
-      overflowWidthRef.current = containerEl.scrollWidth - containerEl.clientWidth;
-      isOverflowRef.current = overflowWidthRef.current > 0;
+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
-      } = containerEl;
-      setRootClassName(clsx({
-        "shadow-left": scrollLeft > 0,
-        "shadow-right": scrollLeft < overflowWidthRef.current
+        scrollLeft: I
+      } = c;
+      m(t({
+        "shadow-left": I > 0,
+        "shadow-right": I < g.current
       }));
     }
   }, []);
-  useIsomorphicEffect(() => {
-    const containerEl = tabsContainerRef.current;
-    if (!containerEl) {
+  e(() => {
+    const c = b.current;
+    if (!c)
       return;
-    }
-    updateOverflowState();
-    const resizeObserver = new ResizeObserver(() => {
-      updateOverflowState();
+    l();
+    const I = new ResizeObserver(() => {
+      l();
     });
-    resizeObserver.observe(containerEl);
-    return () => {
-      resizeObserver.disconnect();
+    return I.observe(c), () => {
+      I.disconnect();
     };
-  }, [updateOverflowState]);
-  const handleScrollPositionChange = useCallback(({
-    x
+  }, [l]);
+  const Z = o(({
+    x: c
   }) => {
-    if (isOverflowRef.current) {
-      setRootClassName(clsx({
-        "shadow-left": x > 0,
-        "shadow-right": x < overflowWidthRef.current
-      }));
-    }
+    G.current && m(t({
+      "shadow-left": c > 0,
+      "shadow-right": c < g.current
+    }));
   }, []);
-  return /* @__PURE__ */ jsx(ScrollArea, { className: rootClassName, css: tabsWrapperStyle, scrollbarPadding: 1, scrollbarSize: 5, type: "scroll", viewportRef: tabsContainerRef, onScrollPositionChange: handleScrollPositionChange, children: /* @__PURE__ */ jsx(TabList, {}) });
+  return /* @__PURE__ */ C(X, { className: n, css: A, scrollbarPadding: 1, scrollbarSize: 5, type: "scroll", viewportRef: b, onScrollPositionChange: Z, children: /* @__PURE__ */ C(V, {}) });
 }
-
-export { TabsContainer };
+export {
+  y as TabsContainer
+};

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

@@ -1,45 +1,41 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { globalCssVars, Center, Icon, Segmented } from '@vef-framework/components';
-import { SunIcon, MoonIcon, SunMoon } from 'lucide-react';
-import { useRef } from 'react';
-import '../../../../stores/index.js';
-import '../../hooks/index.js';
-import { useThemeStore } from '../../../../stores/theme.js';
-import { useColorSchemeUpdater } from '../../hooks/use-color-scheme-updater.js';
-
-const itemStyle = /* @__PURE__ */ css({
-  height: `calc(${globalCssVars.controlHeight} - var(--vef-segmented-track-padding) * 2)`,
+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= */");
-const options = [{
-  label: /* @__PURE__ */ jsx(Center, { css: itemStyle, children: /* @__PURE__ */ jsx(Icon, { component: SunIcon }) }),
+}, 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__ */ jsx(Center, { css: itemStyle, children: /* @__PURE__ */ jsx(Icon, { component: MoonIcon }) }),
+  label: /* @__PURE__ */ I(l, { css: g, children: /* @__PURE__ */ I(c, { component: X }) }),
   value: "dark"
 }, {
-  label: /* @__PURE__ */ jsx(Center, { css: itemStyle, children: /* @__PURE__ */ jsx(Icon, { component: SunMoon }) }),
+  label: /* @__PURE__ */ I(l, { css: g, children: /* @__PURE__ */ I(c, { component: m }) }),
   value: "system"
 }];
-function ColorSchemeSwitcher() {
-  const colorScheme = useThemeStore((state) => state.colorScheme);
-  const {
-    updateColorScheme
-  } = useColorSchemeUpdater();
-  const positionRef = useRef({
+function p() {
+  const G = n((b) => b.colorScheme), {
+    updateColorScheme: Z
+  } = e(), i = W({
     x: window.innerWidth / 2,
     y: window.innerHeight / 2
   });
-  return /* @__PURE__ */ jsx(Segmented, { options, value: colorScheme, onChange: (value) => {
-    updateColorScheme(value, positionRef.current);
-  }, onClick: (event) => {
-    positionRef.current = {
-      x: event.clientX,
-      y: event.clientY
+  return /* @__PURE__ */ I(d, { options: A, value: G, onChange: (b) => {
+    Z(b, i.current);
+  }, onClick: (b) => {
+    i.current = {
+      x: b.clientX,
+      y: b.clientY
     };
   } });
 }
-
-export { ColorSchemeSwitcher };
+export {
+  p as ColorSchemeSwitcher
+};

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

@@ -1,53 +1,52 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { globalCssVars, Center, Switch } from '@vef-framework/components';
-import { useShallow } from '@vef-framework/core';
-import '../../../../stores/index.js';
-import { ColorSchemeSwitcher } from './color-scheme-switcher.js';
-import { ConfigItem } from './config-item.js';
-import { useThemeStore } from '../../../../stores/theme.js';
-
-const wrapperStyle = /* @__PURE__ */ css({
+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: globalCssVars.spacingMd
+  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 ColorScheme() {
+function y() {
   const {
-    isGrayscaleMode,
-    isColorBlindMode,
-    isMenuAccordionMode
-  } = useThemeStore(useShallow((state) => {
+    isGrayscaleMode: l,
+    isColorBlindMode: i,
+    isMenuAccordionMode: G
+  } = A(s((g) => {
     const {
-      isGrayscaleMode: isGrayscaleMode2,
-      isColorBlindMode: isColorBlindMode2,
-      isMenuAccordionMode: isMenuAccordionMode2
-    } = state;
+      isGrayscaleMode: C,
+      isColorBlindMode: Z,
+      isMenuAccordionMode: d
+    } = g;
     return {
-      isGrayscaleMode: isGrayscaleMode2,
-      isColorBlindMode: isColorBlindMode2,
-      isMenuAccordionMode: isMenuAccordionMode2
+      isGrayscaleMode: C,
+      isColorBlindMode: Z,
+      isMenuAccordionMode: d
     };
   }));
-  return /* @__PURE__ */ jsxs("div", { css: wrapperStyle, children: [
-    /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(ColorSchemeSwitcher, {}) }),
-    /* @__PURE__ */ jsx(ConfigItem, { label: "灰度模式", children: /* @__PURE__ */ jsx(Switch, { checked: isGrayscaleMode, onChange: (value) => {
-      useThemeStore.setState((state) => {
-        state.isGrayscaleMode = value;
+  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__ */ jsx(ConfigItem, { label: "色弱模式", children: /* @__PURE__ */ jsx(Switch, { checked: isColorBlindMode, onChange: (value) => {
-      useThemeStore.setState((state) => {
-        state.isColorBlindMode = value;
+    /* @__PURE__ */ I(b, { label: "色弱模式", children: /* @__PURE__ */ I(c, { checked: i, onChange: (g) => {
+      A.setState((C) => {
+        C.isColorBlindMode = g;
       });
     } }) }),
-    /* @__PURE__ */ jsx(ConfigItem, { label: "菜单手风琴模式", children: /* @__PURE__ */ jsx(Switch, { checked: isMenuAccordionMode, onChange: (value) => {
-      useThemeStore.setState((state) => {
-        state.isMenuAccordionMode = value;
+    /* @__PURE__ */ I(b, { label: "菜单手风琴模式", children: /* @__PURE__ */ I(c, { checked: G, onChange: (g) => {
+      A.setState((C) => {
+        C.isMenuAccordionMode = g;
       });
     } }) })
   ] });
 }
-
-export { ColorScheme };
+export {
+  y as ColorScheme
+};

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

@@ -1,23 +1,22 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { globalCssVars } from '@vef-framework/components';
-
-const itemStyle = /* @__PURE__ */ css({
+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: globalCssVars.spacingXs
+  columnGap: y.spacingXs
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb25maWctaXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWtCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb25maWctaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcblxuaW50ZXJmYWNlIENvbmZpZ0l0ZW1Qcm9wcyBleHRlbmRzIFByb3BzV2l0aENoaWxkcmVuIHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBsYWJlbDogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBpdGVtU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbmZpZ0l0ZW0oe1xuICBjbGFzc05hbWUsXG4gIGxhYmVsLFxuICBjaGlsZHJlblxufTogQ29uZmlnSXRlbVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gY3NzPXtpdGVtU3R5bGV9PlxuICAgICAgPHNwYW4+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvc3Bhbj5cblxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufVxuIl19 */");
-function ConfigItem({
-  className,
-  label,
-  children
+function n({
+  className: b,
+  label: c,
+  children: l
 }) {
-  return /* @__PURE__ */ jsxs("div", { className, css: itemStyle, children: [
-    /* @__PURE__ */ jsx("span", { children: label }),
-    children
+  return /* @__PURE__ */ W("div", { className: b, css: m, children: [
+    /* @__PURE__ */ I("span", { children: c }),
+    l
   ] });
 }
-
-export { ConfigItem };
+export {
+  n as ConfigItem
+};

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

@@ -1,55 +1,51 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css, ClassNames } from '@emotion/react';
-import { globalCssVars, Drawer, ScrollArea, Divider } from '@vef-framework/components';
-import '../../../../stores/index.js';
-import { ColorScheme } from './color-scheme.js';
-import { MenuLayout } from './menu-layout.js';
-import { Operations } from './operations.js';
-import { ThemeColors } from './theme-colors.js';
-import { useThemeStore } from '../../../../stores/theme.js';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+import { jsx as I, jsxs as i } from "@emotion/react/jsx-runtime";
+import { css as A, ClassNames as Z } from "@emotion/react";
+import { globalCssVars as c, Drawer as W, ScrollArea as X, Divider as b } from "@vef-framework/components";
+import "../../../../stores/index.js";
+import { ColorScheme as m } from "./color-scheme.js";
+import { MenuLayout as V } from "./menu-layout.js";
+import { Operations as d } from "./operations.js";
+import { ThemeColors as y } from "./theme-colors.js";
+import { useThemeStore as C } from "../../../../stores/theme.js";
+function N() {
   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).";
 }
-const drawerBodyStyle = process.env.NODE_ENV === "production" ? {
+const a = process.env.NODE_ENV === "production" ? {
   name: "1hcx8jb",
   styles: "padding:0"
 } : {
   name: "1hcx8jb",
   styles: "padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3dCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IERpdmlkZXIsIERyYXdlciwgZ2xvYmFsQ3NzVmFycywgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHVzZVRoZW1lU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyBDb2xvclNjaGVtZSB9IGZyb20gXCIuL2NvbG9yLXNjaGVtZVwiO1xuaW1wb3J0IHsgTWVudUxheW91dCB9IGZyb20gXCIuL21lbnUtbGF5b3V0XCI7XG5pbXBvcnQgeyBPcGVyYXRpb25zIH0gZnJvbSBcIi4vb3BlcmF0aW9uc1wiO1xuaW1wb3J0IHsgVGhlbWVDb2xvcnMgfSBmcm9tIFwiLi90aGVtZS1jb2xvcnNcIjtcblxuY29uc3QgZHJhd2VyQm9keVN0eWxlID0gY3NzKHtcbiAgcGFkZGluZzogMFxufSk7XG5jb25zdCBjb250ZW50U3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgcGFkZGluZ0Jsb2NrU3RhcnQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICBwYWRkaW5nQmxvY2tFbmQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ0xnXG59KTtcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbmZpZygpIHtcbiAgY29uc3QgaXNUaGVtZUNvbmZpZ1Zpc2libGUgPSB1c2VUaGVtZVN0b3JlKHN0YXRlID0+IHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICB1c2VUaGVtZVN0b3JlLnNldFN0YXRlKHN0YXRlID0+IHtcbiAgICAgIHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlID0gZmFsc2U7XG4gICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgY2xvc2FibGU9e3sgcGxhY2VtZW50OiBcImVuZFwiIH19XG4gICAgICAgICAgb3Blbj17aXNUaGVtZUNvbmZpZ1Zpc2libGV9XG4gICAgICAgICAgdGl0bGU9XCLkuLvpopjphY3nva5cIlxuICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgIGJvZHk6IGNzcyhkcmF3ZXJCb2R5U3R5bGUpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBmb290ZXI9e1xuICAgICAgICAgICAgPE9wZXJhdGlvbnMgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgID5cbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjc3MoY29udGVudFN0eWxlKX1cbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3MoY29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOaooeW8jzwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxDb2xvclNjaGVtZSAvPlxuICAgICAgICAgICAgPERpdmlkZXI+6I+c5Y2V5biD5bGAPC9EaXZpZGVyPlxuICAgICAgICAgICAgPE1lbnVMYXlvdXQgLz5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOminOiJsjwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxUaGVtZUNvbG9ycyAvPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const contentStyle = /* @__PURE__ */ css({
+  toString: N
+}, t = /* @__PURE__ */ A({
   height: "100%",
-  paddingInline: globalCssVars.spacingSm,
-  paddingBlockStart: globalCssVars.spacingXs,
-  paddingBlockEnd: globalCssVars.spacingLg
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXFCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IERpdmlkZXIsIERyYXdlciwgZ2xvYmFsQ3NzVmFycywgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHVzZVRoZW1lU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyBDb2xvclNjaGVtZSB9IGZyb20gXCIuL2NvbG9yLXNjaGVtZVwiO1xuaW1wb3J0IHsgTWVudUxheW91dCB9IGZyb20gXCIuL21lbnUtbGF5b3V0XCI7XG5pbXBvcnQgeyBPcGVyYXRpb25zIH0gZnJvbSBcIi4vb3BlcmF0aW9uc1wiO1xuaW1wb3J0IHsgVGhlbWVDb2xvcnMgfSBmcm9tIFwiLi90aGVtZS1jb2xvcnNcIjtcblxuY29uc3QgZHJhd2VyQm9keVN0eWxlID0gY3NzKHtcbiAgcGFkZGluZzogMFxufSk7XG5jb25zdCBjb250ZW50U3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgcGFkZGluZ0Jsb2NrU3RhcnQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICBwYWRkaW5nQmxvY2tFbmQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ0xnXG59KTtcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbmZpZygpIHtcbiAgY29uc3QgaXNUaGVtZUNvbmZpZ1Zpc2libGUgPSB1c2VUaGVtZVN0b3JlKHN0YXRlID0+IHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICB1c2VUaGVtZVN0b3JlLnNldFN0YXRlKHN0YXRlID0+IHtcbiAgICAgIHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlID0gZmFsc2U7XG4gICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgY2xvc2FibGU9e3sgcGxhY2VtZW50OiBcImVuZFwiIH19XG4gICAgICAgICAgb3Blbj17aXNUaGVtZUNvbmZpZ1Zpc2libGV9XG4gICAgICAgICAgdGl0bGU9XCLkuLvpopjphY3nva5cIlxuICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgIGJvZHk6IGNzcyhkcmF3ZXJCb2R5U3R5bGUpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBmb290ZXI9e1xuICAgICAgICAgICAgPE9wZXJhdGlvbnMgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgID5cbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjc3MoY29udGVudFN0eWxlKX1cbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3MoY29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOaooeW8jzwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxDb2xvclNjaGVtZSAvPlxuICAgICAgICAgICAgPERpdmlkZXI+6I+c5Y2V5biD5bGAPC9EaXZpZGVyPlxuICAgICAgICAgICAgPE1lbnVMYXlvdXQgLz5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOminOiJsjwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxUaGVtZUNvbG9ycyAvPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn1cbiJdfQ== */");
-const containerStyle = /* @__PURE__ */ css({
-  paddingInline: globalCssVars.spacingXs
+  paddingInline: c.spacingSm,
+  paddingBlockStart: c.spacingXs,
+  paddingBlockEnd: c.spacingLg
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXFCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IERpdmlkZXIsIERyYXdlciwgZ2xvYmFsQ3NzVmFycywgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHVzZVRoZW1lU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyBDb2xvclNjaGVtZSB9IGZyb20gXCIuL2NvbG9yLXNjaGVtZVwiO1xuaW1wb3J0IHsgTWVudUxheW91dCB9IGZyb20gXCIuL21lbnUtbGF5b3V0XCI7XG5pbXBvcnQgeyBPcGVyYXRpb25zIH0gZnJvbSBcIi4vb3BlcmF0aW9uc1wiO1xuaW1wb3J0IHsgVGhlbWVDb2xvcnMgfSBmcm9tIFwiLi90aGVtZS1jb2xvcnNcIjtcblxuY29uc3QgZHJhd2VyQm9keVN0eWxlID0gY3NzKHtcbiAgcGFkZGluZzogMFxufSk7XG5jb25zdCBjb250ZW50U3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgcGFkZGluZ0Jsb2NrU3RhcnQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICBwYWRkaW5nQmxvY2tFbmQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ0xnXG59KTtcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbmZpZygpIHtcbiAgY29uc3QgaXNUaGVtZUNvbmZpZ1Zpc2libGUgPSB1c2VUaGVtZVN0b3JlKHN0YXRlID0+IHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICB1c2VUaGVtZVN0b3JlLnNldFN0YXRlKHN0YXRlID0+IHtcbiAgICAgIHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlID0gZmFsc2U7XG4gICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgY2xvc2FibGU9e3sgcGxhY2VtZW50OiBcImVuZFwiIH19XG4gICAgICAgICAgb3Blbj17aXNUaGVtZUNvbmZpZ1Zpc2libGV9XG4gICAgICAgICAgdGl0bGU9XCLkuLvpopjphY3nva5cIlxuICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgIGJvZHk6IGNzcyhkcmF3ZXJCb2R5U3R5bGUpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBmb290ZXI9e1xuICAgICAgICAgICAgPE9wZXJhdGlvbnMgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgID5cbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjc3MoY29udGVudFN0eWxlKX1cbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3MoY29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOaooeW8jzwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxDb2xvclNjaGVtZSAvPlxuICAgICAgICAgICAgPERpdmlkZXI+6I+c5Y2V5biD5bGAPC9EaXZpZGVyPlxuICAgICAgICAgICAgPE1lbnVMYXlvdXQgLz5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOminOiJsjwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxUaGVtZUNvbG9ycyAvPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn1cbiJdfQ== */"), n = /* @__PURE__ */ A({
+  paddingInline: c.spacingXs
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ1QiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90aGVtZS1jb25maWcvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2xhc3NOYW1lcywgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBEaXZpZGVyLCBEcmF3ZXIsIGdsb2JhbENzc1ZhcnMsIFNjcm9sbEFyZWEgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZVN0b3JlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWUgfSBmcm9tIFwiLi9jb2xvci1zY2hlbWVcIjtcbmltcG9ydCB7IE1lbnVMYXlvdXQgfSBmcm9tIFwiLi9tZW51LWxheW91dFwiO1xuaW1wb3J0IHsgT3BlcmF0aW9ucyB9IGZyb20gXCIuL29wZXJhdGlvbnNcIjtcbmltcG9ydCB7IFRoZW1lQ29sb3JzIH0gZnJvbSBcIi4vdGhlbWUtY29sb3JzXCI7XG5cbmNvbnN0IGRyYXdlckJvZHlTdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmc6IDBcbn0pO1xuY29uc3QgY29udGVudFN0eWxlID0gY3NzKHtcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU20sXG4gIHBhZGRpbmdCbG9ja1N0YXJ0OiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYcyxcbiAgcGFkZGluZ0Jsb2NrRW5kOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdMZ1xufSk7XG5cbmNvbnN0IGNvbnRhaW5lclN0eWxlID0gY3NzKHtcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHNcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGhlbWVDb25maWcoKSB7XG4gIGNvbnN0IGlzVGhlbWVDb25maWdWaXNpYmxlID0gdXNlVGhlbWVTdG9yZShzdGF0ZSA9PiBzdGF0ZS5pc1RoZW1lQ29uZmlnVmlzaWJsZSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgdXNlVGhlbWVTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICBzdGF0ZS5pc1RoZW1lQ29uZmlnVmlzaWJsZSA9IGZhbHNlO1xuICAgIH0pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgPERyYXdlclxuICAgICAgICAgIGNsb3NhYmxlPXt7IHBsYWNlbWVudDogXCJlbmRcIiB9fVxuICAgICAgICAgIG9wZW49e2lzVGhlbWVDb25maWdWaXNpYmxlfVxuICAgICAgICAgIHRpdGxlPVwi5Li76aKY6YWN572uXCJcbiAgICAgICAgICBjbGFzc05hbWVzPXt7XG4gICAgICAgICAgICBib2R5OiBjc3MoZHJhd2VyQm9keVN0eWxlKVxuICAgICAgICAgIH19XG4gICAgICAgICAgZm9vdGVyPXtcbiAgICAgICAgICAgIDxPcGVyYXRpb25zIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICA+XG4gICAgICAgICAgPFNjcm9sbEFyZWFcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y3NzKGNvbnRlbnRTdHlsZSl9XG4gICAgICAgICAgICB2aWV3cG9ydENsYXNzTmFtZT17Y3NzKGNvbnRhaW5lclN0eWxlKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RGl2aWRlcj7kuLvpopjmqKHlvI88L0RpdmlkZXI+XG4gICAgICAgICAgICA8Q29sb3JTY2hlbWUgLz5cbiAgICAgICAgICAgIDxEaXZpZGVyPuiPnOWNleW4g+WxgDwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxNZW51TGF5b3V0IC8+XG4gICAgICAgICAgICA8RGl2aWRlcj7kuLvpopjpopzoibI8L0RpdmlkZXI+XG4gICAgICAgICAgICA8VGhlbWVDb2xvcnMgLz5cbiAgICAgICAgICA8L1Njcm9sbEFyZWE+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59XG4iXX0= */");
-function ThemeConfig() {
-  const isThemeConfigVisible = useThemeStore((state) => state.isThemeConfigVisible);
-  const handleClose = () => {
-    useThemeStore.setState((state) => {
-      state.isThemeConfigVisible = false;
+function z() {
+  const l = C((g) => g.isThemeConfigVisible), G = () => {
+    C.setState((g) => {
+      g.isThemeConfigVisible = !1;
     });
   };
-  return /* @__PURE__ */ jsx(ClassNames, { children: ({
-    css: css2
-  }) => /* @__PURE__ */ jsx(Drawer, { closable: {
+  return /* @__PURE__ */ I(Z, { children: ({
+    css: g
+  }) => /* @__PURE__ */ I(W, { closable: {
     placement: "end"
-  }, open: isThemeConfigVisible, title: "主题配置", classNames: {
-    body: css2(drawerBodyStyle)
-  }, footer: /* @__PURE__ */ jsx(Operations, {}), onClose: handleClose, children: /* @__PURE__ */ jsxs(ScrollArea, { className: css2(contentStyle), viewportClassName: css2(containerStyle), children: [
-    /* @__PURE__ */ jsx(Divider, { children: "主题模式" }),
-    /* @__PURE__ */ jsx(ColorScheme, {}),
-    /* @__PURE__ */ jsx(Divider, { children: "菜单布局" }),
-    /* @__PURE__ */ jsx(MenuLayout, {}),
-    /* @__PURE__ */ jsx(Divider, { children: "主题颜色" }),
-    /* @__PURE__ */ jsx(ThemeColors, {})
+  }, open: l, title: "主题配置", classNames: {
+    body: g(a)
+  }, footer: /* @__PURE__ */ I(d, {}), onClose: G, children: /* @__PURE__ */ i(X, { className: g(t), viewportClassName: g(n), children: [
+    /* @__PURE__ */ I(b, { children: "主题模式" }),
+    /* @__PURE__ */ I(m, {}),
+    /* @__PURE__ */ I(b, { children: "菜单布局" }),
+    /* @__PURE__ */ I(V, {}),
+    /* @__PURE__ */ I(b, { children: "主题颜色" }),
+    /* @__PURE__ */ I(y, {})
   ] }) }) });
 }
-
-export { ThemeConfig };
+export {
+  z as ThemeConfig
+};