@vef-framework/starter 2.0.4 → 2.0.6

package/dist/es/components/layout/components/theme-config/menu-layout-card.js

@@ -1,42 +1,39 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { globalCssVars } from '@vef-framework/components';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+import { jsxs as X, jsx as b, Fragment as A } from "@emotion/react/jsx-runtime";
+import { css as c } from "@emotion/react";
+import { globalCssVars as I } from "@vef-framework/components";
+function l() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const cardStyle = /* @__PURE__ */ css({
+const d = /* @__PURE__ */ c({
   cursor: "pointer",
   display: "flex",
   height: "68px",
   width: "96px",
   gap: "6px",
   padding: "6px",
-  border: `2px solid transparent`,
-  borderRadius: globalCssVars.borderRadius,
-  boxShadow: globalCssVars.shadowSm,
-  transition: `border-color ${globalCssVars.motionDurationMid} ease`,
+  border: "2px solid transparent",
+  borderRadius: I.borderRadius,
+  boxShadow: I.shadowSm,
+  transition: `border-color ${I.motionDurationMid} ease`,
   "&:hover": {
-    borderColor: globalCssVars.colorPrimary
+    borderColor: I.colorPrimary
   },
   "&.selected": {
-    borderColor: globalCssVars.colorPrimary
+    borderColor: I.colorPrimary
   },
   ".dark &": {
     boxShadow: "0 1px 3px 0 rgb(255 255 255 / 0.3), 0 1px 2px -1px rgb(255 255 255 / 0.3)"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0IiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
-const layoutStyle = {
-  header: /* @__PURE__ */ css({
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0IiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"), g = {
+  header: /* @__PURE__ */ c({
     flex: "none",
     height: "16px",
-    backgroundColor: globalCssVars.colorPrimary,
+    backgroundColor: I.colorPrimary,
     borderRadius: "4px"
   }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ1UiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"),
-  main: /* @__PURE__ */ css({
+  main: /* @__PURE__ */ c({
     flex: "auto",
-    backgroundColor: globalCssVars.colorPrimary200,
+    backgroundColor: I.colorPrimary200,
     borderRadius: "4px"
   }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1EiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"),
   wrapper: process.env.NODE_ENV === "production" ? {
@@ -45,27 +42,28 @@ const layoutStyle = {
   } : {
     name: "8xclx9",
     styles: "flex:auto;display:flex;flex-direction:column;gap:6px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q1ciLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    toString: l
   },
-  sidebar: /* @__PURE__ */ css({
+  sidebar: /* @__PURE__ */ c({
     width: "18px",
     height: "100%",
-    backgroundColor: globalCssVars.colorPrimary300,
+    backgroundColor: I.colorPrimary300,
     borderRadius: "4px"
   }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRFciLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */")
 };
-function MenuLayoutCard({
-  mode,
-  ...props
+function x({
+  mode: G,
+  ...i
 }) {
-  const body = /* @__PURE__ */ jsxs("div", { css: layoutStyle.wrapper, children: [
-    /* @__PURE__ */ jsx("div", { css: layoutStyle.header }),
-    /* @__PURE__ */ jsx("div", { css: layoutStyle.main })
+  const C = /* @__PURE__ */ X("div", { css: g.wrapper, children: [
+    /* @__PURE__ */ b("div", { css: g.header }),
+    /* @__PURE__ */ b("div", { css: g.main })
   ] });
-  return /* @__PURE__ */ jsx("div", { css: cardStyle, ...props, children: mode === "horizontal" ? body : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { css: layoutStyle.sidebar }),
-    body
+  return /* @__PURE__ */ b("div", { css: d, ...i, children: G === "horizontal" ? C : /* @__PURE__ */ X(A, { children: [
+    /* @__PURE__ */ b("div", { css: g.sidebar }),
+    C
   ] }) });
 }
-
-export { MenuLayoutCard };
+export {
+  x as MenuLayoutCard
+};

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

@@ -1,29 +1,28 @@
-/*! @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 { Center, Tooltip } from '@vef-framework/components';
-import { clsx } from '@vef-framework/core';
-import '../../../../stores/index.js';
-import { MenuLayoutCard } from './menu-layout-card.js';
-import { useThemeStore } from '../../../../stores/theme.js';
-
-function MenuLayout() {
-  const menuLayout = useThemeStore((state) => state.menuLayout);
-  return /* @__PURE__ */ jsxs(Center, { gap: "large", children: [
-    /* @__PURE__ */ jsx(Tooltip, { placement: "bottom", title: "垂直菜单模式", children: /* @__PURE__ */ jsx(MenuLayoutCard, { mode: "vertical", className: clsx({
-      selected: menuLayout === "vertical"
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { Center as n, Tooltip as m } from "@vef-framework/components";
+import { clsx as a } from "@vef-framework/core";
+import "../../../../stores/index.js";
+import { MenuLayoutCard as l } from "./menu-layout-card.js";
+import { useThemeStore as o } from "../../../../stores/theme.js";
+function f() {
+  const r = o((t) => t.menuLayout);
+  return /* @__PURE__ */ i(n, { gap: "large", children: [
+    /* @__PURE__ */ e(m, { placement: "bottom", title: "垂直菜单模式", children: /* @__PURE__ */ e(l, { mode: "vertical", className: a({
+      selected: r === "vertical"
     }), onClick: () => {
-      useThemeStore.setState((state) => {
-        state.menuLayout = "vertical";
+      o.setState((t) => {
+        t.menuLayout = "vertical";
       });
     } }) }),
-    /* @__PURE__ */ jsx(Tooltip, { placement: "bottom", title: "水平菜单模式", children: /* @__PURE__ */ jsx(MenuLayoutCard, { mode: "horizontal", className: clsx({
-      selected: menuLayout === "horizontal"
+    /* @__PURE__ */ e(m, { placement: "bottom", title: "水平菜单模式", children: /* @__PURE__ */ e(l, { mode: "horizontal", className: a({
+      selected: r === "horizontal"
     }), onClick: () => {
-      useThemeStore.setState((state) => {
-        state.menuLayout = "horizontal";
+      o.setState((t) => {
+        t.menuLayout = "horizontal";
       });
     } }) })
   ] });
 }
-
-export { MenuLayout };
+export {
+  f as MenuLayout
+};

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

@@ -1,18 +1,16 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Button, showSuccessMessage, Icon } from '@vef-framework/components';
-import { RefreshCwIcon } from 'lucide-react';
-import '../../../../stores/index.js';
-import { useThemeStore } from '../../../../stores/theme.js';
-
-function Operations() {
-  return /* @__PURE__ */ jsx(Button, { block: true, danger: true, icon: /* @__PURE__ */ jsx(Icon, { component: RefreshCwIcon }), onClick: () => {
-    useThemeStore.setState({
-      ...useThemeStore.getInitialState(),
-      isThemeConfigVisible: true
-    }, true);
-    showSuccessMessage("主题配置已重置成功");
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as o, showSuccessMessage as r, Icon as i } from "@vef-framework/components";
+import { RefreshCwIcon as n } from "lucide-react";
+import "../../../../stores/index.js";
+import { useThemeStore as t } from "../../../../stores/theme.js";
+function f() {
+  return /* @__PURE__ */ e(o, { block: !0, danger: !0, icon: /* @__PURE__ */ e(i, { component: n }), onClick: () => {
+    t.setState({
+      ...t.getInitialState(),
+      isThemeConfigVisible: !0
+    }, !0), r("主题配置已重置成功");
   }, children: "重置配置" });
 }
-
-export { Operations };
+export {
+  f as Operations
+};

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

@@ -1,29 +1,27 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { ColorPicker } from '@vef-framework/components';
-import { useDidUpdate } from '@vef-framework/hooks';
-import { useState, useTransition } from 'react';
-import '../../../../stores/index.js';
-import { useThemeStore } from '../../../../stores/theme.js';
-
-function ThemeColorPicker({
-  color
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { ColorPicker as l } from "@vef-framework/components";
+import { useDidUpdate as u } from "@vef-framework/hooks";
+import { useState as c, useTransition as p } from "react";
+import "../../../../stores/index.js";
+import { useThemeStore as a } from "../../../../stores/theme.js";
+function V({
+  color: t
 }) {
-  const currentValue = useThemeStore((state) => state.colors[color]);
-  const [localValue, setLocalValue] = useState(currentValue);
-  useDidUpdate(() => {
-    setLocalValue(currentValue);
-  }, [currentValue]);
-  const [_, startTransition] = useTransition();
-  return /* @__PURE__ */ jsx(ColorPicker, { arrow: false, format: "hex", value: localValue, onChange: (value) => {
-    setLocalValue(value.toHexString());
-  }, onChangeComplete: (value) => {
-    startTransition(() => {
-      useThemeStore.setState((state) => {
-        state.colors[color] = value.toHexString();
+  const e = a((o) => o.colors[t]), [n, r] = c(e);
+  u(() => {
+    r(e);
+  }, [e]);
+  const [f, i] = p();
+  return /* @__PURE__ */ m(l, { arrow: !1, format: "hex", value: n, onChange: (o) => {
+    r(o.toHexString());
+  }, onChangeComplete: (o) => {
+    i(() => {
+      a.setState((s) => {
+        s.colors[t] = o.toHexString();
       });
     });
   } });
 }
-
-export { ThemeColorPicker };
+export {
+  V as ThemeColorPicker
+};

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

@@ -1,25 +1,23 @@
-/*! @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, semanticColors } from '@vef-framework/components';
-import { ConfigItem } from './config-item.js';
-import { ThemeColorPicker } from './theme-color-picker.js';
-
-const wrapperStyle = /* @__PURE__ */ css({
+import { jsx as b } from "@emotion/react/jsx-runtime";
+import { css as I } from "@emotion/react";
+import { globalCssVars as m, semanticColors as G } from "@vef-framework/components";
+import { ConfigItem as g } from "./config-item.js";
+import { ThemeColorPicker as l } from "./theme-color-picker.js";
+const X = /* @__PURE__ */ I({
   display: "flex",
   flexDirection: "column",
-  gap: globalCssVars.spacingSm
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy90aGVtZS1jb2xvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFxQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90aGVtZS1jb25maWcvdGhlbWUtY29sb3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgU2VtYW50aWNDb2xvciB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycywgc2VtYW50aWNDb2xvcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyBDb25maWdJdGVtIH0gZnJvbSBcIi4vY29uZmlnLWl0ZW1cIjtcbmltcG9ydCB7IFRoZW1lQ29sb3JQaWNrZXIgfSBmcm9tIFwiLi90aGVtZS1jb2xvci1waWNrZXJcIjtcblxuY29uc3Qgd3JhcHBlclN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU21cbn0pO1xuXG5jb25zdCBzZW1hbnRpY0NvbG9yTGFiZWxzOiBSZWNvcmQ8U2VtYW50aWNDb2xvciwgc3RyaW5nPiA9IHtcbiAgcHJpbWFyeTogXCLkuLvoibJcIixcbiAgaW5mbzogXCLkv6Hmga/oibJcIixcbiAgc3VjY2VzczogXCLmiJDlip/oibJcIixcbiAgd2FybmluZzogXCLorablkYroibJcIixcbiAgZXJyb3I6IFwi6ZSZ6K+v6ImyXCJcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbG9ycygpIHtcbiAgY29uc3QgaXRlbXMgPSBzZW1hbnRpY0NvbG9ycy5tYXAoY29sb3IgPT4gKFxuICAgIDxDb25maWdJdGVtXG4gICAgICBrZXk9e2NvbG9yfVxuICAgICAgbGFiZWw9e3NlbWFudGljQ29sb3JMYWJlbHNbY29sb3JdfVxuICAgID5cbiAgICAgIDxUaGVtZUNvbG9yUGlja2VyIGNvbG9yPXtjb2xvcn0gLz5cbiAgICA8L0NvbmZpZ0l0ZW0+XG4gICkpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZX0+XG4gICAgICB7aXRlbXN9XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0= */");
-const semanticColorLabels = {
+  gap: m.spacingSm
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy90aGVtZS1jb2xvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFxQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90aGVtZS1jb25maWcvdGhlbWUtY29sb3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgU2VtYW50aWNDb2xvciB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycywgc2VtYW50aWNDb2xvcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyBDb25maWdJdGVtIH0gZnJvbSBcIi4vY29uZmlnLWl0ZW1cIjtcbmltcG9ydCB7IFRoZW1lQ29sb3JQaWNrZXIgfSBmcm9tIFwiLi90aGVtZS1jb2xvci1waWNrZXJcIjtcblxuY29uc3Qgd3JhcHBlclN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU21cbn0pO1xuXG5jb25zdCBzZW1hbnRpY0NvbG9yTGFiZWxzOiBSZWNvcmQ8U2VtYW50aWNDb2xvciwgc3RyaW5nPiA9IHtcbiAgcHJpbWFyeTogXCLkuLvoibJcIixcbiAgaW5mbzogXCLkv6Hmga/oibJcIixcbiAgc3VjY2VzczogXCLmiJDlip/oibJcIixcbiAgd2FybmluZzogXCLorablkYroibJcIixcbiAgZXJyb3I6IFwi6ZSZ6K+v6ImyXCJcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbG9ycygpIHtcbiAgY29uc3QgaXRlbXMgPSBzZW1hbnRpY0NvbG9ycy5tYXAoY29sb3IgPT4gKFxuICAgIDxDb25maWdJdGVtXG4gICAgICBrZXk9e2NvbG9yfVxuICAgICAgbGFiZWw9e3NlbWFudGljQ29sb3JMYWJlbHNbY29sb3JdfVxuICAgID5cbiAgICAgIDxUaGVtZUNvbG9yUGlja2VyIGNvbG9yPXtjb2xvcn0gLz5cbiAgICA8L0NvbmZpZ0l0ZW0+XG4gICkpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZX0+XG4gICAgICB7aXRlbXN9XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0= */"), Z = {
   primary: "主色",
   info: "信息色",
   success: "成功色",
   warning: "警告色",
   error: "错误色"
 };
-function ThemeColors() {
-  const items = semanticColors.map((color) => /* @__PURE__ */ jsx(ConfigItem, { label: semanticColorLabels[color], children: /* @__PURE__ */ jsx(ThemeColorPicker, { color }) }, color));
-  return /* @__PURE__ */ jsx("div", { css: wrapperStyle, children: items });
+function o() {
+  const i = G.map((c) => /* @__PURE__ */ b(g, { label: Z[c], children: /* @__PURE__ */ b(l, { color: c }) }, c));
+  return /* @__PURE__ */ b("div", { css: X, children: i });
 }
-
-export { ThemeColors };
+export {
+  o as ThemeColors
+};

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

@@ -1,4 +1,8 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-export { useColorSchemeUpdater } from './use-color-scheme-updater.js';
-export { useMenuNavigate } from './use-menu-navigate.js';
-export { useTabNavigate } from './use-tab-navigate.js';
+import { useColorSchemeUpdater as r } from "./use-color-scheme-updater.js";
+import { useMenuNavigate as t } from "./use-menu-navigate.js";
+import { useTabNavigate as p } from "./use-tab-navigate.js";
+export {
+  r as useColorSchemeUpdater,
+  t as useMenuNavigate,
+  p as useTabNavigate
+};

package/dist/es/components/layout/hooks/use-color-scheme-updater.js

@@ -1,68 +1,60 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { useReducedMotion, useColorScheme } from '@vef-framework/hooks';
-import '../../../stores/index.js';
-import { useThemeStore } from '../../../stores/theme.js';
-
-function getNextColorScheme(colorScheme) {
-  return colorScheme === "system" ? "light" : colorScheme === "light" ? "dark" : "system";
+import { useReducedMotion as y, useColorScheme as g } from "@vef-framework/hooks";
+import "../../../stores/index.js";
+import { useThemeStore as l } from "../../../stores/theme.js";
+function v(t) {
+  return t === "system" ? "light" : t === "light" ? "dark" : "system";
 }
-function removeColorSchemeTransitionClass() {
+function a() {
   document.documentElement.classList.remove("color-scheme-transition");
 }
-function useColorSchemeUpdater() {
-  const currentColorScheme = useThemeStore((state) => state.colorScheme);
-  const reducedMotion = useReducedMotion(false, {
-    getInitialValueInEffect: false
+function I() {
+  const t = l((e) => e.colorScheme), f = y(!1, {
+    getInitialValueInEffect: !1
+  }), n = g("light", {
+    getInitialValueInEffect: !1
   });
-  const systemColorScheme = useColorScheme("light", {
-    getInitialValueInEffect: false
-  });
-  function updateColorSchemeInternal(colorScheme) {
-    useThemeStore.setState((state) => {
-      state.colorScheme = colorScheme;
+  function i(e) {
+    l.setState((s) => {
+      s.colorScheme = e;
     });
   }
-  function updateColorScheme(nextColorScheme, position, isLoop = false) {
-    if (reducedMotion) {
-      updateColorSchemeInternal(nextColorScheme);
+  function h(e, s, c = !1) {
+    if (f) {
+      i(e);
       return;
     }
-    if (isLoop && (currentColorScheme === "system" && systemColorScheme === "light" || currentColorScheme === "dark" && systemColorScheme === "dark")) {
-      updateColorSchemeInternal(nextColorScheme);
+    if (c && (t === "system" && n === "light" || t === "dark" && n === "dark")) {
+      i(e);
       return;
     }
-    if (!isLoop && (nextColorScheme === "system" && currentColorScheme === systemColorScheme || currentColorScheme === "system" && nextColorScheme === systemColorScheme)) {
-      updateColorSchemeInternal(nextColorScheme);
+    if (!c && (e === "system" && t === n || t === "system" && e === n)) {
+      i(e);
       return;
     }
     document.documentElement.classList.add("color-scheme-transition");
-    const transition = document.startViewTransition(() => {
-      updateColorSchemeInternal(nextColorScheme);
-    });
-    const {
-      x,
-      y
-    } = position;
-    const radius = Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y));
-    const isDarken = nextColorScheme === "dark" || nextColorScheme === "system" && systemColorScheme === "dark";
-    transition.ready.then(() => {
-      const animation = document.documentElement.animate({
-        clipPath: [`circle(0px at ${x}px ${y}px)`, `circle(${radius}px at ${x}px ${y}px)`]
+    const m = document.startViewTransition(() => {
+      i(e);
+    }), {
+      x: o,
+      y: r
+    } = s, p = Math.hypot(Math.max(o, window.innerWidth - o), Math.max(r, window.innerHeight - r)), d = e === "dark" || e === "system" && n === "dark";
+    m.ready.then(() => {
+      const u = document.documentElement.animate({
+        clipPath: [`circle(0px at ${o}px ${r}px)`, `circle(${p}px at ${o}px ${r}px)`]
       }, {
         duration: 800,
         easing: "ease-out",
-        direction: isDarken ? "normal" : "reverse",
-        pseudoElement: isDarken ? "::view-transition-new(root)" : "::view-transition-old(root)"
+        direction: d ? "normal" : "reverse",
+        pseudoElement: d ? "::view-transition-new(root)" : "::view-transition-old(root)"
       });
-      animation.addEventListener("cancel", removeColorSchemeTransitionClass);
-      animation.addEventListener("remove", removeColorSchemeTransitionClass);
-    });
-    transition.finished.then(removeColorSchemeTransitionClass);
+      u.addEventListener("cancel", a), u.addEventListener("remove", a);
+    }), m.finished.then(a);
   }
   return {
-    getNextColorScheme,
-    updateColorScheme
+    getNextColorScheme: v,
+    updateColorScheme: h
   };
 }
-
-export { useColorSchemeUpdater };
+export {
+  I as useColorSchemeUpdater
+};

package/dist/es/components/layout/hooks/use-menu-navigate.js

@@ -1,25 +1,24 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { useNavigate } from '@tanstack/react-router';
-import { isPlainObject } from '@vef-framework/shared';
-import { useCallback } from 'react';
-
-function useMenuNavigate() {
-  const navigate = useNavigate();
-  return useCallback(({
-    path,
-    meta
+import { useNavigate as s } from "@tanstack/react-router";
+import { isPlainObject as t } from "@vef-framework/shared";
+import { useCallback as n } from "react";
+function p() {
+  const a = s();
+  return n(({
+    path: i,
+    meta: o
   }) => {
     const {
-      params,
-      search
-    } = meta ?? {};
-    return navigate({
-      to: path,
-      params: isPlainObject(params) ? params : void 0,
-      search: isPlainObject(search) ? search : void 0,
-      viewTransition: false
+      params: r,
+      search: e
+    } = o ?? {};
+    return a({
+      to: i,
+      params: t(r) ? r : void 0,
+      search: t(e) ? e : void 0,
+      viewTransition: !1
     });
-  }, [navigate]);
+  }, [a]);
 }
-
-export { useMenuNavigate };
+export {
+  p as useMenuNavigate
+};

package/dist/es/components/layout/hooks/use-tab-navigate.js

@@ -1,35 +1,27 @@
-/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
-import { useNavigate } from '@tanstack/react-router';
-import { scheduleMicrotask } from '@vef-framework/shared';
-import { useCallback } from 'react';
-import '../../../constants/index.js';
-import { INDEX_ROUTE_PATH } from '../../../constants/router.js';
-
-function useTabNavigate({
-  async = false
+import { useNavigate as o } from "@tanstack/react-router";
+import { scheduleMicrotask as t } from "@vef-framework/shared";
+import { useCallback as s } from "react";
+import "../../../constants/index.js";
+import { INDEX_ROUTE_PATH as f } from "../../../constants/router.js";
+function c({
+  async: a = !1
 } = {}) {
-  const navigate = useNavigate();
-  return useCallback((tab) => {
-    const doNavigate = () => {
-      if (tab) {
-        navigate({
-          to: tab.fullPath,
-          params: tab.params,
-          search: tab.search,
-          viewTransition: false
-        });
-      } else {
-        navigate({
-          to: INDEX_ROUTE_PATH,
-          viewTransition: false
-        });
-      }
+  const e = o();
+  return s((r) => {
+    const i = () => {
+      e(r ? {
+        to: r.fullPath,
+        params: r.params,
+        search: r.search,
+        viewTransition: !1
+      } : {
+        to: f,
+        viewTransition: !1
+      });
     };
-    if (async) {
-      return scheduleMicrotask(doNavigate);
-    }
-    return doNavigate();
-  }, [async, navigate]);
+    return a ? t(i) : i();
+  }, [a, e]);
 }
-
-export { useTabNavigate };
+export {
+  c as useTabNavigate
+};