@vef-framework-react/starter 2.1.0

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

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

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

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

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

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

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

@@ -0,0 +1,56 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useThemeStore as e } from "../../../../stores/theme.js";
+import { ColorScheme as t } from "./color-scheme.js";
+import { MenuLayout as n } from "./menu-layout.js";
+import { Operations as r } from "./operations.js";
+import { ThemeColors as i } from "./theme-colors.js";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+import { Divider as s, Drawer as c, ScrollArea as l, globalCssVars as u } from "@vef-framework-react/components";
+import { ClassNames as d, css as f } from "@emotion/react";
+//#region src/components/layout/components/theme-config/index.tsx
+function p() {
+	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var m = process.env.NODE_ENV === "production" ? {
+	name: "1hcx8jb",
+	styles: "padding:0"
+} : {
+	name: "1hcx8jb",
+	styles: "padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTd0IiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2xhc3NOYW1lcywgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBEaXZpZGVyLCBEcmF3ZXIsIGdsb2JhbENzc1ZhcnMsIFNjcm9sbEFyZWEgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZVN0b3JlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWUgfSBmcm9tIFwiLi9jb2xvci1zY2hlbWVcIjtcbmltcG9ydCB7IE1lbnVMYXlvdXQgfSBmcm9tIFwiLi9tZW51LWxheW91dFwiO1xuaW1wb3J0IHsgT3BlcmF0aW9ucyB9IGZyb20gXCIuL29wZXJhdGlvbnNcIjtcbmltcG9ydCB7IFRoZW1lQ29sb3JzIH0gZnJvbSBcIi4vdGhlbWUtY29sb3JzXCI7XG5cbmNvbnN0IGRyYXdlckJvZHlTdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmc6IDBcbn0pO1xuXG5jb25zdCBjb250ZW50U3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgcGFkZGluZ0Jsb2NrU3RhcnQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICBwYWRkaW5nQmxvY2tFbmQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ0xnXG59KTtcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbmZpZygpOiBSZWFjdC5KU1guRWxlbWVudCB7XG4gIGNvbnN0IGlzVGhlbWVDb25maWdWaXNpYmxlID0gdXNlVGhlbWVTdG9yZShzdGF0ZSA9PiBzdGF0ZS5pc1RoZW1lQ29uZmlnVmlzaWJsZSk7XG5cbiAgZnVuY3Rpb24gaGFuZGxlQ2xvc2UoKTogdm9pZCB7XG4gICAgdXNlVGhlbWVTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICBzdGF0ZS5pc1RoZW1lQ29uZmlnVmlzaWJsZSA9IGZhbHNlO1xuICAgIH0pO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgZm9vdGVyPXs8T3BlcmF0aW9ucyAvPn1cbiAgICAgICAgICBtYXNrPXt7IGNsb3NhYmxlOiB0cnVlIH19XG4gICAgICAgICAgb3Blbj17aXNUaGVtZUNvbmZpZ1Zpc2libGV9XG4gICAgICAgICAgdGl0bGU9XCLkuLvpopjphY3nva5cIlxuICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgIGJvZHk6IGNzcyhkcmF3ZXJCb2R5U3R5bGUpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgPlxuICAgICAgICAgIDxTY3JvbGxBcmVhXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nzcyhjb250ZW50U3R5bGUpfVxuICAgICAgICAgICAgdmlld3BvcnRDbGFzc05hbWU9e2Nzcyhjb250YWluZXJTdHlsZSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPERpdmlkZXI+5Li76aKY5qih5byPPC9EaXZpZGVyPlxuICAgICAgICAgICAgPENvbG9yU2NoZW1lIC8+XG4gICAgICAgICAgICA8RGl2aWRlcj7oj5zljZXluIPlsYA8L0RpdmlkZXI+XG4gICAgICAgICAgICA8TWVudUxheW91dCAvPlxuICAgICAgICAgICAgPERpdmlkZXI+5Li76aKY6aKc6ImyPC9EaXZpZGVyPlxuICAgICAgICAgICAgPFRoZW1lQ29sb3JzIC8+XG4gICAgICAgICAgPC9TY3JvbGxBcmVhPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufVxuIl19 */",
+	toString: p
+}, h = /* @__PURE__ */ f({
+	height: "100%",
+	paddingInline: u.spacingSm,
+	paddingBlockStart: u.spacingXs,
+	paddingBlockEnd: u.spacingLg
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhcUIiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2xhc3NOYW1lcywgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBEaXZpZGVyLCBEcmF3ZXIsIGdsb2JhbENzc1ZhcnMsIFNjcm9sbEFyZWEgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZVN0b3JlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWUgfSBmcm9tIFwiLi9jb2xvci1zY2hlbWVcIjtcbmltcG9ydCB7IE1lbnVMYXlvdXQgfSBmcm9tIFwiLi9tZW51LWxheW91dFwiO1xuaW1wb3J0IHsgT3BlcmF0aW9ucyB9IGZyb20gXCIuL29wZXJhdGlvbnNcIjtcbmltcG9ydCB7IFRoZW1lQ29sb3JzIH0gZnJvbSBcIi4vdGhlbWUtY29sb3JzXCI7XG5cbmNvbnN0IGRyYXdlckJvZHlTdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmc6IDBcbn0pO1xuXG5jb25zdCBjb250ZW50U3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgcGFkZGluZ0Jsb2NrU3RhcnQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICBwYWRkaW5nQmxvY2tFbmQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ0xnXG59KTtcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbmZpZygpOiBSZWFjdC5KU1guRWxlbWVudCB7XG4gIGNvbnN0IGlzVGhlbWVDb25maWdWaXNpYmxlID0gdXNlVGhlbWVTdG9yZShzdGF0ZSA9PiBzdGF0ZS5pc1RoZW1lQ29uZmlnVmlzaWJsZSk7XG5cbiAgZnVuY3Rpb24gaGFuZGxlQ2xvc2UoKTogdm9pZCB7XG4gICAgdXNlVGhlbWVTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICBzdGF0ZS5pc1RoZW1lQ29uZmlnVmlzaWJsZSA9IGZhbHNlO1xuICAgIH0pO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgZm9vdGVyPXs8T3BlcmF0aW9ucyAvPn1cbiAgICAgICAgICBtYXNrPXt7IGNsb3NhYmxlOiB0cnVlIH19XG4gICAgICAgICAgb3Blbj17aXNUaGVtZUNvbmZpZ1Zpc2libGV9XG4gICAgICAgICAgdGl0bGU9XCLkuLvpopjphY3nva5cIlxuICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgIGJvZHk6IGNzcyhkcmF3ZXJCb2R5U3R5bGUpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgPlxuICAgICAgICAgIDxTY3JvbGxBcmVhXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nzcyhjb250ZW50U3R5bGUpfVxuICAgICAgICAgICAgdmlld3BvcnRDbGFzc05hbWU9e2Nzcyhjb250YWluZXJTdHlsZSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPERpdmlkZXI+5Li76aKY5qih5byPPC9EaXZpZGVyPlxuICAgICAgICAgICAgPENvbG9yU2NoZW1lIC8+XG4gICAgICAgICAgICA8RGl2aWRlcj7oj5zljZXluIPlsYA8L0RpdmlkZXI+XG4gICAgICAgICAgICA8TWVudUxheW91dCAvPlxuICAgICAgICAgICAgPERpdmlkZXI+5Li76aKY6aKc6ImyPC9EaXZpZGVyPlxuICAgICAgICAgICAgPFRoZW1lQ29sb3JzIC8+XG4gICAgICAgICAgPC9TY3JvbGxBcmVhPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufVxuIl19 */"), g = /* @__PURE__ */ f({ paddingInline: u.spacingXs }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnVCIiwiZmlsZSI6ImluZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENsYXNzTmFtZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgRGl2aWRlciwgRHJhd2VyLCBnbG9iYWxDc3NWYXJzLCBTY3JvbGxBcmVhIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L2NvbXBvbmVudHNcIjtcblxuaW1wb3J0IHsgdXNlVGhlbWVTdG9yZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9zdG9yZXNcIjtcbmltcG9ydCB7IENvbG9yU2NoZW1lIH0gZnJvbSBcIi4vY29sb3Itc2NoZW1lXCI7XG5pbXBvcnQgeyBNZW51TGF5b3V0IH0gZnJvbSBcIi4vbWVudS1sYXlvdXRcIjtcbmltcG9ydCB7IE9wZXJhdGlvbnMgfSBmcm9tIFwiLi9vcGVyYXRpb25zXCI7XG5pbXBvcnQgeyBUaGVtZUNvbG9ycyB9IGZyb20gXCIuL3RoZW1lLWNvbG9yc1wiO1xuXG5jb25zdCBkcmF3ZXJCb2R5U3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nOiAwXG59KTtcblxuY29uc3QgY29udGVudFN0eWxlID0gY3NzKHtcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU20sXG4gIHBhZGRpbmdCbG9ja1N0YXJ0OiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYcyxcbiAgcGFkZGluZ0Jsb2NrRW5kOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdMZ1xufSk7XG5cbmNvbnN0IGNvbnRhaW5lclN0eWxlID0gY3NzKHtcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHNcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGhlbWVDb25maWcoKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBpc1RoZW1lQ29uZmlnVmlzaWJsZSA9IHVzZVRoZW1lU3RvcmUoc3RhdGUgPT4gc3RhdGUuaXNUaGVtZUNvbmZpZ1Zpc2libGUpO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsb3NlKCk6IHZvaWQge1xuICAgIHVzZVRoZW1lU3RvcmUuc2V0U3RhdGUoc3RhdGUgPT4ge1xuICAgICAgc3RhdGUuaXNUaGVtZUNvbmZpZ1Zpc2libGUgPSBmYWxzZTtcbiAgICB9KTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgPERyYXdlclxuICAgICAgICAgIGZvb3Rlcj17PE9wZXJhdGlvbnMgLz59XG4gICAgICAgICAgbWFzaz17eyBjbG9zYWJsZTogdHJ1ZSB9fVxuICAgICAgICAgIG9wZW49e2lzVGhlbWVDb25maWdWaXNpYmxlfVxuICAgICAgICAgIHRpdGxlPVwi5Li76aKY6YWN572uXCJcbiAgICAgICAgICBjbGFzc05hbWVzPXt7XG4gICAgICAgICAgICBib2R5OiBjc3MoZHJhd2VyQm9keVN0eWxlKVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgID5cbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjc3MoY29udGVudFN0eWxlKX1cbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3MoY29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOaooeW8jzwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxDb2xvclNjaGVtZSAvPlxuICAgICAgICAgICAgPERpdmlkZXI+6I+c5Y2V5biD5bGAPC9EaXZpZGVyPlxuICAgICAgICAgICAgPE1lbnVMYXlvdXQgLz5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOminOiJsjwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxUaGVtZUNvbG9ycyAvPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn1cbiJdfQ== */");
+function _() {
+	let u = e((e) => e.isThemeConfigVisible);
+	function f() {
+		e.setState((e) => {
+			e.isThemeConfigVisible = !1;
+		});
+	}
+	return /* @__PURE__ */ a(d, { children: ({ css: e }) => /* @__PURE__ */ a(c, {
+		footer: /* @__PURE__ */ a(r, {}),
+		mask: { closable: !0 },
+		open: u,
+		title: "主题配置",
+		classNames: { body: e(m) },
+		onClose: f,
+		children: /* @__PURE__ */ o(l, {
+			className: e(h),
+			viewportClassName: e(g),
+			children: [
+				/* @__PURE__ */ a(s, { children: "主题模式" }),
+				/* @__PURE__ */ a(t, {}),
+				/* @__PURE__ */ a(s, { children: "菜单布局" }),
+				/* @__PURE__ */ a(n, {}),
+				/* @__PURE__ */ a(s, { children: "主题颜色" }),
+				/* @__PURE__ */ a(i, {})
+			]
+		})
+	}) });
+}
+//#endregion
+export { _ as ThemeConfig };

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

@@ -0,0 +1,66 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { globalCssVars as n } from "@vef-framework-react/components";
+import { css as r } from "@emotion/react";
+//#region src/components/layout/components/theme-config/menu-layout-card.tsx
+function i() {
+	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var a = /* @__PURE__ */ r({
+	cursor: "pointer",
+	display: "flex",
+	height: "68px",
+	width: "96px",
+	gap: "6px",
+	padding: "6px",
+	border: "2px solid transparent",
+	borderRadius: n.borderRadius,
+	boxShadow: n.shadowSm,
+	transition: `border-color ${n.motionDurationMid} ease`,
+	"&:hover": { borderColor: n.colorPrimary },
+	"&.selected": { borderColor: n.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtbGF5b3V0LWNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVrQiIsImZpbGUiOiJtZW51LWxheW91dC1jYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3JpZW50YXRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuXG5pbnRlcmZhY2UgTWVudUxheW91dENhcmRQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiZGl2XCI+IHtcbiAgbW9kZTogT3JpZW50YXRpb247XG59XG5cbmNvbnN0IGNhcmRTdHlsZSA9IGNzcyh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiNjhweFwiLFxuICB3aWR0aDogXCI5NnB4XCIsXG4gIGdhcDogXCI2cHhcIixcbiAgcGFkZGluZzogXCI2cHhcIixcbiAgYm9yZGVyOiBgMnB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1cyxcbiAgYm94U2hhZG93OiBnbG9iYWxDc3NWYXJzLnNoYWRvd1NtLFxuICB0cmFuc2l0aW9uOiBgYm9yZGVyLWNvbG9yICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiLmRhcmsgJlwiOiB7XG4gICAgYm94U2hhZG93OiBcIjAgMXB4IDNweCAwIHJnYigyNTUgMjU1IDI1NSAvIDAuMyksIDAgMXB4IDJweCAtMXB4IHJnYigyNTUgMjU1IDI1NSAvIDAuMylcIlxuICB9XG59KTtcblxuY29uc3QgbGF5b3V0U3R5bGUgPSB7XG4gIGhlYWRlcjogY3NzKHtcbiAgICBmbGV4OiBcIm5vbmVcIixcbiAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnksXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICBtYWluOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkyMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICB3cmFwcGVyOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgZ2FwOiBcIjZweFwiXG4gIH0pLFxuICBzaWRlYmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjE4cHhcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkzMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUxheW91dENhcmQoeyBtb2RlLCAuLi5wcm9wcyB9OiBNZW51TGF5b3V0Q2FyZFByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBib2R5ID0gKFxuICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS53cmFwcGVyfT5cbiAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5oZWFkZXJ9IC8+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUubWFpbn0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcblxuICBpZiAobW9kZSA9PT0gXCJob3Jpem9udGFsXCIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e2NhcmRTdHlsZX0gey4uLnByb3BzfT5cbiAgICAgICAge2JvZHl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLnNpZGViYXJ9IC8+XG4gICAgICB7Ym9keX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"), o = {
+	header: /* @__PURE__ */ r({
+		flex: "none",
+		height: "16px",
+		backgroundColor: n.colorPrimary,
+		borderRadius: "4px"
+	}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtbGF5b3V0LWNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDVSIsImZpbGUiOiJtZW51LWxheW91dC1jYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3JpZW50YXRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuXG5pbnRlcmZhY2UgTWVudUxheW91dENhcmRQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiZGl2XCI+IHtcbiAgbW9kZTogT3JpZW50YXRpb247XG59XG5cbmNvbnN0IGNhcmRTdHlsZSA9IGNzcyh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiNjhweFwiLFxuICB3aWR0aDogXCI5NnB4XCIsXG4gIGdhcDogXCI2cHhcIixcbiAgcGFkZGluZzogXCI2cHhcIixcbiAgYm9yZGVyOiBgMnB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1cyxcbiAgYm94U2hhZG93OiBnbG9iYWxDc3NWYXJzLnNoYWRvd1NtLFxuICB0cmFuc2l0aW9uOiBgYm9yZGVyLWNvbG9yICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiLmRhcmsgJlwiOiB7XG4gICAgYm94U2hhZG93OiBcIjAgMXB4IDNweCAwIHJnYigyNTUgMjU1IDI1NSAvIDAuMyksIDAgMXB4IDJweCAtMXB4IHJnYigyNTUgMjU1IDI1NSAvIDAuMylcIlxuICB9XG59KTtcblxuY29uc3QgbGF5b3V0U3R5bGUgPSB7XG4gIGhlYWRlcjogY3NzKHtcbiAgICBmbGV4OiBcIm5vbmVcIixcbiAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnksXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICBtYWluOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkyMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICB3cmFwcGVyOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgZ2FwOiBcIjZweFwiXG4gIH0pLFxuICBzaWRlYmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjE4cHhcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkzMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUxheW91dENhcmQoeyBtb2RlLCAuLi5wcm9wcyB9OiBNZW51TGF5b3V0Q2FyZFByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBib2R5ID0gKFxuICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS53cmFwcGVyfT5cbiAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5oZWFkZXJ9IC8+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUubWFpbn0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcblxuICBpZiAobW9kZSA9PT0gXCJob3Jpem9udGFsXCIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e2NhcmRTdHlsZX0gey4uLnByb3BzfT5cbiAgICAgICAge2JvZHl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLnNpZGViYXJ9IC8+XG4gICAgICB7Ym9keX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"),
+	main: /* @__PURE__ */ r({
+		flex: "auto",
+		backgroundColor: n.colorPrimary200,
+		borderRadius: "4px"
+	}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtbGF5b3V0LWNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDUSIsImZpbGUiOiJtZW51LWxheW91dC1jYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3JpZW50YXRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuXG5pbnRlcmZhY2UgTWVudUxheW91dENhcmRQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiZGl2XCI+IHtcbiAgbW9kZTogT3JpZW50YXRpb247XG59XG5cbmNvbnN0IGNhcmRTdHlsZSA9IGNzcyh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiNjhweFwiLFxuICB3aWR0aDogXCI5NnB4XCIsXG4gIGdhcDogXCI2cHhcIixcbiAgcGFkZGluZzogXCI2cHhcIixcbiAgYm9yZGVyOiBgMnB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1cyxcbiAgYm94U2hhZG93OiBnbG9iYWxDc3NWYXJzLnNoYWRvd1NtLFxuICB0cmFuc2l0aW9uOiBgYm9yZGVyLWNvbG9yICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiLmRhcmsgJlwiOiB7XG4gICAgYm94U2hhZG93OiBcIjAgMXB4IDNweCAwIHJnYigyNTUgMjU1IDI1NSAvIDAuMyksIDAgMXB4IDJweCAtMXB4IHJnYigyNTUgMjU1IDI1NSAvIDAuMylcIlxuICB9XG59KTtcblxuY29uc3QgbGF5b3V0U3R5bGUgPSB7XG4gIGhlYWRlcjogY3NzKHtcbiAgICBmbGV4OiBcIm5vbmVcIixcbiAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnksXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICBtYWluOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkyMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICB3cmFwcGVyOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgZ2FwOiBcIjZweFwiXG4gIH0pLFxuICBzaWRlYmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjE4cHhcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkzMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUxheW91dENhcmQoeyBtb2RlLCAuLi5wcm9wcyB9OiBNZW51TGF5b3V0Q2FyZFByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBib2R5ID0gKFxuICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS53cmFwcGVyfT5cbiAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5oZWFkZXJ9IC8+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUubWFpbn0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcblxuICBpZiAobW9kZSA9PT0gXCJob3Jpem9udGFsXCIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e2NhcmRTdHlsZX0gey4uLnByb3BzfT5cbiAgICAgICAge2JvZHl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLnNpZGViYXJ9IC8+XG4gICAgICB7Ym9keX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"),
+	wrapper: process.env.NODE_ENV === "production" ? {
+		name: "8xclx9",
+		styles: "flex:auto;display:flex;flex-direction:column;gap:6px"
+	} : {
+		name: "8xclx9",
+		styles: "flex:auto;display:flex;flex-direction:column;gap:6px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtbGF5b3V0LWNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDVyIsImZpbGUiOiJtZW51LWxheW91dC1jYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3JpZW50YXRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuXG5pbnRlcmZhY2UgTWVudUxheW91dENhcmRQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiZGl2XCI+IHtcbiAgbW9kZTogT3JpZW50YXRpb247XG59XG5cbmNvbnN0IGNhcmRTdHlsZSA9IGNzcyh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiNjhweFwiLFxuICB3aWR0aDogXCI5NnB4XCIsXG4gIGdhcDogXCI2cHhcIixcbiAgcGFkZGluZzogXCI2cHhcIixcbiAgYm9yZGVyOiBgMnB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1cyxcbiAgYm94U2hhZG93OiBnbG9iYWxDc3NWYXJzLnNoYWRvd1NtLFxuICB0cmFuc2l0aW9uOiBgYm9yZGVyLWNvbG9yICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiLmRhcmsgJlwiOiB7XG4gICAgYm94U2hhZG93OiBcIjAgMXB4IDNweCAwIHJnYigyNTUgMjU1IDI1NSAvIDAuMyksIDAgMXB4IDJweCAtMXB4IHJnYigyNTUgMjU1IDI1NSAvIDAuMylcIlxuICB9XG59KTtcblxuY29uc3QgbGF5b3V0U3R5bGUgPSB7XG4gIGhlYWRlcjogY3NzKHtcbiAgICBmbGV4OiBcIm5vbmVcIixcbiAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnksXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICBtYWluOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkyMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICB3cmFwcGVyOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgZ2FwOiBcIjZweFwiXG4gIH0pLFxuICBzaWRlYmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjE4cHhcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkzMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUxheW91dENhcmQoeyBtb2RlLCAuLi5wcm9wcyB9OiBNZW51TGF5b3V0Q2FyZFByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBib2R5ID0gKFxuICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS53cmFwcGVyfT5cbiAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5oZWFkZXJ9IC8+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUubWFpbn0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcblxuICBpZiAobW9kZSA9PT0gXCJob3Jpem9udGFsXCIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e2NhcmRTdHlsZX0gey4uLnByb3BzfT5cbiAgICAgICAge2JvZHl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLnNpZGViYXJ9IC8+XG4gICAgICB7Ym9keX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */",
+		toString: i
+	},
+	sidebar: /* @__PURE__ */ r({
+		width: "18px",
+		height: "100%",
+		backgroundColor: n.colorPrimary300,
+		borderRadius: "4px"
+	}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtbGF5b3V0LWNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEVyIsImZpbGUiOiJtZW51LWxheW91dC1jYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3JpZW50YXRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuXG5pbnRlcmZhY2UgTWVudUxheW91dENhcmRQcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPFwiZGl2XCI+IHtcbiAgbW9kZTogT3JpZW50YXRpb247XG59XG5cbmNvbnN0IGNhcmRTdHlsZSA9IGNzcyh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiNjhweFwiLFxuICB3aWR0aDogXCI5NnB4XCIsXG4gIGdhcDogXCI2cHhcIixcbiAgcGFkZGluZzogXCI2cHhcIixcbiAgYm9yZGVyOiBgMnB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1cyxcbiAgYm94U2hhZG93OiBnbG9iYWxDc3NWYXJzLnNoYWRvd1NtLFxuICB0cmFuc2l0aW9uOiBgYm9yZGVyLWNvbG9yICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgYm9yZGVyQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5XG4gIH0sXG4gIFwiLmRhcmsgJlwiOiB7XG4gICAgYm94U2hhZG93OiBcIjAgMXB4IDNweCAwIHJnYigyNTUgMjU1IDI1NSAvIDAuMyksIDAgMXB4IDJweCAtMXB4IHJnYigyNTUgMjU1IDI1NSAvIDAuMylcIlxuICB9XG59KTtcblxuY29uc3QgbGF5b3V0U3R5bGUgPSB7XG4gIGhlYWRlcjogY3NzKHtcbiAgICBmbGV4OiBcIm5vbmVcIixcbiAgICBoZWlnaHQ6IFwiMTZweFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnksXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICBtYWluOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkyMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pLFxuICB3cmFwcGVyOiBjc3Moe1xuICAgIGZsZXg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgZ2FwOiBcIjZweFwiXG4gIH0pLFxuICBzaWRlYmFyOiBjc3Moe1xuICAgIHdpZHRoOiBcIjE4cHhcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnkzMDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiXG4gIH0pXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUxheW91dENhcmQoeyBtb2RlLCAuLi5wcm9wcyB9OiBNZW51TGF5b3V0Q2FyZFByb3BzKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICBjb25zdCBib2R5ID0gKFxuICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS53cmFwcGVyfT5cbiAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5oZWFkZXJ9IC8+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUubWFpbn0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcblxuICBpZiAobW9kZSA9PT0gXCJob3Jpem9udGFsXCIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e2NhcmRTdHlsZX0gey4uLnByb3BzfT5cbiAgICAgICAge2JvZHl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLnNpZGViYXJ9IC8+XG4gICAgICB7Ym9keX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */")
+};
+function s({ mode: n, ...r }) {
+	let i = /* @__PURE__ */ t("div", {
+		css: o.wrapper,
+		children: [/* @__PURE__ */ e("div", { css: o.header }), /* @__PURE__ */ e("div", { css: o.main })]
+	});
+	return n === "horizontal" ? /* @__PURE__ */ e("div", {
+		css: a,
+		...r,
+		children: i
+	}) : /* @__PURE__ */ t("div", {
+		css: a,
+		...r,
+		children: [/* @__PURE__ */ e("div", { css: o.sidebar }), i]
+	});
+}
+//#endregion
+export { s as MenuLayoutCard };

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

@@ -0,0 +1,42 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useThemeStore as e } from "../../../../stores/theme.js";
+import { MenuLayoutCard as t } from "./menu-layout-card.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { Center as i, Tooltip as a } from "@vef-framework-react/components";
+import { clsx as o } from "@vef-framework-react/core";
+//#region src/components/layout/components/theme-config/menu-layout.tsx
+function s() {
+	let s = e((e) => e.menuLayout);
+	function c() {
+		e.setState((e) => {
+			e.menuLayout = "vertical";
+		});
+	}
+	function l() {
+		e.setState((e) => {
+			e.menuLayout = "horizontal";
+		});
+	}
+	return /* @__PURE__ */ r(i, {
+		gap: "large",
+		children: [/* @__PURE__ */ n(a, {
+			placement: "bottom",
+			title: "垂直菜单模式",
+			children: /* @__PURE__ */ n(t, {
+				className: o({ selected: s === "vertical" }),
+				mode: "vertical",
+				onClick: c
+			})
+		}), /* @__PURE__ */ n(a, {
+			placement: "bottom",
+			title: "水平菜单模式",
+			children: /* @__PURE__ */ n(t, {
+				className: o({ selected: s === "horizontal" }),
+				mode: "horizontal",
+				onClick: l
+			})
+		})]
+	});
+}
+//#endregion
+export { s as MenuLayout };

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

@@ -0,0 +1,23 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useThemeStore as e } from "../../../../stores/theme.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Button as n, Icon as r, showSuccessMessage as i } from "@vef-framework-react/components";
+import { RefreshCwIcon as a } from "lucide-react";
+//#region src/components/layout/components/theme-config/operations.tsx
+function o() {
+	e.setState({
+		...e.getInitialState(),
+		isThemeConfigVisible: !0
+	}, !0), i("主题配置已重置成功");
+}
+function s() {
+	return /* @__PURE__ */ t(n, {
+		block: !0,
+		danger: !0,
+		icon: /* @__PURE__ */ t(r, { component: a }),
+		onClick: o,
+		children: "重置配置"
+	});
+}
+//#endregion
+export { s as Operations };

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

@@ -0,0 +1,29 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useThemeStore as e } from "../../../../stores/theme.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { ColorPicker as n } from "@vef-framework-react/components";
+import { useState as r, useTransition as i } from "react";
+import { useDidUpdate as a } from "@vef-framework-react/hooks";
+//#region src/components/layout/components/theme-config/theme-color-picker.tsx
+function o({ color: o }) {
+	let s = e((e) => e.colors[o]), [c, l] = r(s), [, u] = i();
+	return a(() => {
+		l(s);
+	}, [s]), /* @__PURE__ */ t(n, {
+		arrow: !1,
+		format: "hex",
+		value: c,
+		onChange: (e) => {
+			l(e.toHexString());
+		},
+		onChangeComplete: (t) => {
+			u(() => {
+				e.setState((e) => {
+					e.colors[o] = t.toHexString();
+				});
+			});
+		}
+	});
+}
+//#endregion
+export { o as ThemeColorPicker };

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

@@ -0,0 +1,29 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { ConfigItem as e } from "./config-item.js";
+import { ThemeColorPicker as t } from "./theme-color-picker.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { globalCssVars as r, semanticColors as i } from "@vef-framework-react/components";
+import { css as a } from "@emotion/react";
+//#region src/components/layout/components/theme-config/theme-colors.tsx
+var o = /* @__PURE__ */ a({
+	display: "flex",
+	flexDirection: "column",
+	gap: r.spacingSm
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lLWNvbG9ycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXFCIiwiZmlsZSI6InRoZW1lLWNvbG9ycy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFNlbWFudGljQ29sb3IgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmstcmVhY3QvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMsIHNlbWFudGljQ29sb3JzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrLXJlYWN0L2NvbXBvbmVudHNcIjtcblxuaW1wb3J0IHsgQ29uZmlnSXRlbSB9IGZyb20gXCIuL2NvbmZpZy1pdGVtXCI7XG5pbXBvcnQgeyBUaGVtZUNvbG9yUGlja2VyIH0gZnJvbSBcIi4vdGhlbWUtY29sb3ItcGlja2VyXCI7XG5cbmNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtXG59KTtcblxuY29uc3Qgc2VtYW50aWNDb2xvckxhYmVsczogUmVjb3JkPFNlbWFudGljQ29sb3IsIHN0cmluZz4gPSB7XG4gIHByaW1hcnk6IFwi5Li76ImyXCIsXG4gIGluZm86IFwi5L+h5oGv6ImyXCIsXG4gIHN1Y2Nlc3M6IFwi5oiQ5Yqf6ImyXCIsXG4gIHdhcm5pbmc6IFwi6K2m5ZGK6ImyXCIsXG4gIGVycm9yOiBcIumUmeivr+iJslwiXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGhlbWVDb2xvcnMoKTogUmVhY3QuSlNYLkVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGV9PlxuICAgICAge3NlbWFudGljQ29sb3JzLm1hcChjb2xvciA9PiAoXG4gICAgICAgIDxDb25maWdJdGVtIGtleT17Y29sb3J9IGxhYmVsPXtzZW1hbnRpY0NvbG9yTGFiZWxzW2NvbG9yXX0+XG4gICAgICAgICAgPFRoZW1lQ29sb3JQaWNrZXIgY29sb3I9e2NvbG9yfSAvPlxuICAgICAgICA8L0NvbmZpZ0l0ZW0+XG4gICAgICApKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"), s = {
+	primary: "主色",
+	info: "信息色",
+	success: "成功色",
+	warning: "警告色",
+	error: "错误色"
+};
+function c() {
+	return /* @__PURE__ */ n("div", {
+		css: o,
+		children: i.map((r) => /* @__PURE__ */ n(e, {
+			label: s[r],
+			children: /* @__PURE__ */ n(t, { color: r })
+		}, r))
+	});
+}
+//#endregion
+export { c as ThemeColors };

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

@@ -0,0 +1,4 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import "./use-color-scheme-updater.js";
+import "./use-menu-navigate.js";
+import "./use-tab-navigate.js";

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

@@ -0,0 +1,55 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useThemeStore as e } from "../../../stores/theme.js";
+import { useColorScheme as t, useReducedMotion as n } from "@vef-framework-react/hooks";
+//#region src/components/layout/hooks/use-color-scheme-updater.ts
+function r(e) {
+	switch (e) {
+		case "system": return "light";
+		case "light": return "dark";
+		default: return "system";
+	}
+}
+function i() {
+	document.documentElement.classList.remove("color-scheme-transition");
+}
+function a() {
+	let a = e((e) => e.colorScheme), o = n(!1, { getInitialValueInEffect: !1 }), s = t("light", { getInitialValueInEffect: !1 });
+	function c(t) {
+		e.setState((e) => {
+			e.colorScheme = t;
+		});
+	}
+	function l(e, t, n = !1) {
+		if (o) {
+			c(e);
+			return;
+		}
+		if (n && (a === "system" && s === "light" || a === "dark" && s === "dark")) {
+			c(e);
+			return;
+		}
+		if (!n && (e === "system" && a === s || a === "system" && e === s)) {
+			c(e);
+			return;
+		}
+		document.documentElement.classList.add("color-scheme-transition");
+		let r = document.startViewTransition(() => {
+			c(e);
+		}), { x: l, y: u } = t, d = Math.hypot(Math.max(l, window.innerWidth - l), Math.max(u, window.innerHeight - u)), f = e === "dark" || e === "system" && s === "dark";
+		r.ready.then(() => {
+			let e = document.documentElement.animate({ clipPath: [`circle(0px at ${l}px ${u}px)`, `circle(${d}px at ${l}px ${u}px)`] }, {
+				duration: 800,
+				easing: "ease-out",
+				direction: f ? "normal" : "reverse",
+				pseudoElement: f ? "::view-transition-new(root)" : "::view-transition-old(root)"
+			});
+			e.addEventListener("cancel", i), e.addEventListener("remove", i);
+		}), r.finished.then(i);
+	}
+	return {
+		getNextColorScheme: r,
+		updateColorScheme: l
+	};
+}
+//#endregion
+export { a as useColorSchemeUpdater };

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

@@ -0,0 +1,19 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useNavigate as e } from "@tanstack/react-router";
+import { useCallback as t } from "react";
+import { isPlainObject as n } from "@vef-framework-react/shared";
+//#region src/components/layout/hooks/use-menu-navigate.ts
+function r() {
+	let r = e();
+	return t(({ path: e, meta: t }) => {
+		let { params: i, search: a } = t ?? {};
+		return r({
+			to: e,
+			params: n(i) ? i : void 0,
+			search: n(a) ? a : void 0,
+			viewTransition: !1
+		});
+	}, [r]);
+}
+//#endregion
+export { r as useMenuNavigate };

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

@@ -0,0 +1,25 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import "../../../constants/router.js";
+import { useNavigate as e } from "@tanstack/react-router";
+import { useCallback as t } from "react";
+import { scheduleMicrotask as n } from "@vef-framework-react/shared";
+//#region src/components/layout/hooks/use-tab-navigate.ts
+function r({ async: r = !1 } = {}) {
+	let i = e();
+	return t((e) => {
+		let t = () => {
+			i(e ? {
+				to: e.fullPath,
+				params: e.params,
+				search: e.search,
+				viewTransition: !1
+			} : {
+				to: "/",
+				viewTransition: !1
+			});
+		};
+		return r ? n(t) : t();
+	}, [r, i]);
+}
+//#endregion
+export { r as useTabNavigate };

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

@@ -0,0 +1,63 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { useThemeStore as e } from "../../stores/theme.js";
+import { BaseLayout as t } from "../base-layout/index.js";
+import { LayoutStoreProvider as n } from "./store.js";
+import { Header as r } from "./components/header/index.js";
+import { Search as i } from "./components/search/index.js";
+import { Sidebar as a } from "./components/sidebar.js";
+import { Tabs as o } from "./components/tabs/index.js";
+import { ThemeConfig as s } from "./components/theme-config/index.js";
+import { sidebar as c } from "./styles.js";
+import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { breakpoints as d } from "@vef-framework-react/components";
+import { useEffect as f, useMemo as p } from "react";
+import { ClassNames as m } from "@emotion/react";
+//#region src/components/layout/index.tsx
+function h({ title: h, logo: g, headerActions: _, userMenuItems: v, onLogout: y, children: b }) {
+	let x = e((e) => e.isSidebarCollapsed), S = e((e) => e.isMainContentMaximum), C = e((e) => e.menuLayout), w = p(() => C === "horizontal" ? {} : {
+		isSidebarCollapsed: x,
+		sidebar: /* @__PURE__ */ l(a, {
+			isSidebarCollapsed: x,
+			logo: g,
+			title: h
+		})
+	}, [
+		x,
+		C,
+		g,
+		h
+	]);
+	return f(() => {
+		let t = globalThis.matchMedia(`(max-width: ${d.md})`);
+		function n(t) {
+			if (t.matches) {
+				let { isSidebarCollapsed: t } = e.getState();
+				t || e.setState((e) => {
+					e.isSidebarCollapsed = !0;
+				});
+			}
+		}
+		return t.addEventListener("change", n), () => {
+			t.removeEventListener("change", n);
+		};
+	}, []), /* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(m, { children: ({ css: e }) => /* @__PURE__ */ u(t, {
+		isMainContentMaximum: S,
+		sidebarClassName: e(c),
+		tabs: /* @__PURE__ */ l(o, {}),
+		header: /* @__PURE__ */ l(r, {
+			headerActions: _,
+			logo: g,
+			title: h,
+			userMenuItems: v,
+			onLogout: y
+		}),
+		...w,
+		children: [
+			b,
+			/* @__PURE__ */ l(s, {}),
+			/* @__PURE__ */ l(i, {})
+		]
+	}) }) });
+}
+//#endregion
+export { h as Layout };

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

@@ -0,0 +1,13 @@
+/*! @vef-framework-react/starter v2.1.0 made by Venus | 2026-03-27T08:01:48.007Z */
+import { createComponentStore as e } from "@vef-framework-react/core";
+//#region src/components/layout/store.ts
+var { StoreProvider: t, useStore: n } = e("Layout", (e) => ({
+	isSearchVisible: !1,
+	setIsSearchVisible: (t) => {
+		e((e) => {
+			e.isSearchVisible = t;
+		});
+	}
+}));
+//#endregion
+export { t as LayoutStoreProvider, n as useLayoutStore };