@vef-framework/starter 1.0.135 → 2.0.2

package/dist/cjs/components/layout/components/tabs/tab-item.cjs

@@ -0,0 +1,84 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const hooks = require('@vef-framework/hooks');
+const lucideReact = require('lucide-react');
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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 tabItemStyle = /* @__PURE__ */ react.css({
+  flex: "none",
+  height: "calc(100% - 12px)",
+  display: "flex",
+  alignItems: "center",
+  columnGap: components.globalCssVars.spacingXs,
+  paddingInlineStart: components.globalCssVars.spacingSm,
+  paddingInlineEnd: `calc(${components.globalCssVars.spacingSm} - 3px)`,
+  borderRadius: components.globalCssVars.borderRadiusSm,
+  cursor: "pointer",
+  border: `1px solid ${components.globalCssVars.colorBorderSecondary}`,
+  userSelect: "none",
+  backgroundColor: components.globalCssVars.colorBgContainer,
+  transitionDuration: components.globalCssVars.motionDurationMid,
+  transitionProperty: "color, border-color, background-color",
+  transitionTimingFunction: "ease",
+  "&:hover": {
+    color: components.globalCssVars.colorPrimaryText,
+    borderColor: components.globalCssVars.colorPrimaryBorder,
+    "& .vef-btn-sm": {
+      "--vef-btn-text-color": components.globalCssVars.colorPrimaryText,
+      "--vef-btn-text-color-hover": components.globalCssVars.colorPrimaryTextHover,
+      "--vef-btn-text-color-active": components.globalCssVars.colorPrimaryTextActive
+    }
+  },
+  "&.active": {
+    color: components.globalCssVars.colorPrimaryText,
+    borderColor: components.globalCssVars.colorPrimaryBorder,
+    backgroundColor: components.globalCssVars.colorPrimaryBg,
+    "& .vef-btn-sm": {
+      "--vef-btn-text-color": components.globalCssVars.colorPrimaryText,
+      "--vef-btn-text-color-hover": components.globalCssVars.colorPrimaryTextHover,
+      "--vef-btn-text-color-active": components.globalCssVars.colorPrimaryTextActive
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RhYnMvdGFiLWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVxQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90YWJzL3RhYi1pdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMsIEljb25CdXR0b24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgbW90aW9uLCB1c2VTb3J0YWJsZSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb3JlXCI7XG5pbXBvcnQgeyB1c2VNZXJnZWRSZWYgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvaG9va3NcIjtcbmltcG9ydCB7IFhJY29uIH0gZnJvbSBcImx1Y2lkZS1yZWFjdFwiO1xuXG5pbnRlcmZhY2UgVGFiSXRlbVByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8dHlwZW9mIG1vdGlvbi5kaXY+IHtcbiAgaW5kZXg6IG51bWJlcjtcbiAgdGFiSWQ6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IHRhYkl0ZW1TdHlsZSA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBoZWlnaHQ6IFwiY2FsYygxMDAlIC0gMTJweClcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHMsXG4gIHBhZGRpbmdJbmxpbmVTdGFydDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU20sXG4gIHBhZGRpbmdJbmxpbmVFbmQ6IGBjYWxjKCR7Z2xvYmFsQ3NzVmFycy5zcGFjaW5nU219IC0gM3B4KWAsXG4gIGJvcmRlclJhZGl1czogZ2xvYmFsQ3NzVmFycy5ib3JkZXJSYWRpdXNTbSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Z2xvYmFsQ3NzVmFycy5jb2xvckJvcmRlclNlY29uZGFyeX1gLFxuICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yQmdDb250YWluZXIsXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogZ2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZCxcbiAgdHJhbnNpdGlvblByb3BlcnR5OiBcImNvbG9yLCBib3JkZXItY29sb3IsIGJhY2tncm91bmQtY29sb3JcIixcbiAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiBcImVhc2VcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlUZXh0LFxuICAgIGJvcmRlckNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeUJvcmRlcixcbiAgICBcIiYgLnZlZi1idG4tc21cIjoge1xuICAgICAgXCItLXZlZi1idG4tdGV4dC1jb2xvclwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeVRleHQsXG4gICAgICBcIi0tdmVmLWJ0bi10ZXh0LWNvbG9yLWhvdmVyXCI6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5VGV4dEhvdmVyLFxuICAgICAgXCItLXZlZi1idG4tdGV4dC1jb2xvci1hY3RpdmVcIjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlUZXh0QWN0aXZlXG4gICAgfVxuICB9LFxuICBcIiYuYWN0aXZlXCI6IHtcbiAgICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlUZXh0LFxuICAgIGJvcmRlckNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeUJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5QmcsXG4gICAgXCImIC52ZWYtYnRuLXNtXCI6IHtcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3JcIjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlUZXh0LFxuICAgICAgXCItLXZlZi1idG4tdGV4dC1jb2xvci1ob3ZlclwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeVRleHRIb3ZlcixcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3ItYWN0aXZlXCI6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5VGV4dEFjdGl2ZVxuICAgIH1cbiAgfVxufSk7XG5cbmNvbnN0IGNsb3NlSWNvblN0eWxlID0gY3NzKHtcbiAgXCImLnZlZi1idG4tc21cIjoge1xuICAgIFwiLS12ZWYtY29udHJvbC1oZWlnaHQtc21cIjogXCIyMHB4XCIsXG4gICAgXCItLXZlZi1idXR0b24tY29udGVudC1mb250LXNpemUtc21cIjogXCIxMnB4XCJcbiAgfVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJJdGVtKHtcbiAgcmVmLFxuICBpbmRleCxcbiAgdGFiSWQsXG4gIGxhYmVsLFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogVGFiSXRlbVByb3BzKSB7XG4gIGNvbnN0IHsgcmVmOiBzb3J0YWJsZVJlZiB9ID0gdXNlU29ydGFibGUoe1xuICAgIGlkOiB0YWJJZCxcbiAgICBpbmRleFxuICB9KTtcbiAgY29uc3QgbWVyZ2VkUmVmID0gdXNlTWVyZ2VkUmVmPEhUTUxEaXZFbGVtZW50Pihzb3J0YWJsZVJlZiwgcmVmKTtcblxuICByZXR1cm4gKFxuICAgIDxtb3Rpb24uZGl2XG4gICAgICByZWY9e21lcmdlZFJlZn1cbiAgICAgIGNzcz17dGFiSXRlbVN0eWxlfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIDxzcGFuPntsYWJlbH08L3NwYW4+XG5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGNzcz17Y2xvc2VJY29uU3R5bGV9XG4gICAgICAgIGljb249ezxYSWNvbiAvPn1cbiAgICAgICAgc2hhcGU9XCJyb3VuZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIG9uQ2xpY2s9e2V2ZW50ID0+IHtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICBvbkNsb3NlPy4oKTtcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9tb3Rpb24uZGl2PlxuICApO1xufVxuIl19 */");
+const closeIconStyle = process.env.NODE_ENV === "production" ? {
+  name: "n4rgm7",
+  styles: "&.vef-btn-sm{--vef-control-height-sm:20px;--vef-button-content-font-size-sm:12px;}"
+} : {
+  name: "n4rgm7",
+  styles: "&.vef-btn-sm{--vef-control-height-sm:20px;--vef-button-content-font-size-sm:12px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RhYnMvdGFiLWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EdUIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGFicy90YWItaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzLCBJY29uQnV0dG9uIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG1vdGlvbiwgdXNlU29ydGFibGUgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuaW1wb3J0IHsgdXNlTWVyZ2VkUmVmIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2hvb2tzXCI7XG5pbXBvcnQgeyBYSWNvbiB9IGZyb20gXCJsdWNpZGUtcmVhY3RcIjtcblxuaW50ZXJmYWNlIFRhYkl0ZW1Qcm9wcyBleHRlbmRzIENvbXBvbmVudFByb3BzPHR5cGVvZiBtb3Rpb24uZGl2PiB7XG4gIGluZGV4OiBudW1iZXI7XG4gIHRhYklkOiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdE5vZGU7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCB0YWJJdGVtU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcIm5vbmVcIixcbiAgaGVpZ2h0OiBcImNhbGMoMTAwJSAtIDEycHgpXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICBwYWRkaW5nSW5saW5lU3RhcnQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtLFxuICBwYWRkaW5nSW5saW5lRW5kOiBgY2FsYygke2dsb2JhbENzc1ZhcnMuc3BhY2luZ1NtfSAtIDNweClgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzU20sXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGJvcmRlcjogYDFweCBzb2xpZCAke2dsb2JhbENzc1ZhcnMuY29sb3JCb3JkZXJTZWNvbmRhcnl9YCxcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvckJnQ29udGFpbmVyLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IGdsb2JhbENzc1ZhcnMubW90aW9uRHVyYXRpb25NaWQsXG4gIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJjb2xvciwgYm9yZGVyLWNvbG9yLCBiYWNrZ3JvdW5kLWNvbG9yXCIsXG4gIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogXCJlYXNlXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgY29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5VGV4dCxcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlCb3JkZXIsXG4gICAgXCImIC52ZWYtYnRuLXNtXCI6IHtcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3JcIjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlUZXh0LFxuICAgICAgXCItLXZlZi1idG4tdGV4dC1jb2xvci1ob3ZlclwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeVRleHRIb3ZlcixcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3ItYWN0aXZlXCI6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5VGV4dEFjdGl2ZVxuICAgIH1cbiAgfSxcbiAgXCImLmFjdGl2ZVwiOiB7XG4gICAgY29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5VGV4dCxcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlCb3JkZXIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeUJnLFxuICAgIFwiJiAudmVmLWJ0bi1zbVwiOiB7XG4gICAgICBcIi0tdmVmLWJ0bi10ZXh0LWNvbG9yXCI6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5VGV4dCxcbiAgICAgIFwiLS12ZWYtYnRuLXRleHQtY29sb3ItaG92ZXJcIjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlUZXh0SG92ZXIsXG4gICAgICBcIi0tdmVmLWJ0bi10ZXh0LWNvbG9yLWFjdGl2ZVwiOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeVRleHRBY3RpdmVcbiAgICB9XG4gIH1cbn0pO1xuXG5jb25zdCBjbG9zZUljb25TdHlsZSA9IGNzcyh7XG4gIFwiJi52ZWYtYnRuLXNtXCI6IHtcbiAgICBcIi0tdmVmLWNvbnRyb2wtaGVpZ2h0LXNtXCI6IFwiMjBweFwiLFxuICAgIFwiLS12ZWYtYnV0dG9uLWNvbnRlbnQtZm9udC1zaXplLXNtXCI6IFwiMTJweFwiXG4gIH1cbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFiSXRlbSh7XG4gIHJlZixcbiAgaW5kZXgsXG4gIHRhYklkLFxuICBsYWJlbCxcbiAgb25DbG9zZSxcbiAgLi4ucHJvcHNcbn06IFRhYkl0ZW1Qcm9wcykge1xuICBjb25zdCB7IHJlZjogc29ydGFibGVSZWYgfSA9IHVzZVNvcnRhYmxlKHtcbiAgICBpZDogdGFiSWQsXG4gICAgaW5kZXhcbiAgfSk7XG4gIGNvbnN0IG1lcmdlZFJlZiA9IHVzZU1lcmdlZFJlZjxIVE1MRGl2RWxlbWVudD4oc29ydGFibGVSZWYsIHJlZik7XG5cbiAgcmV0dXJuIChcbiAgICA8bW90aW9uLmRpdlxuICAgICAgcmVmPXttZXJnZWRSZWZ9XG4gICAgICBjc3M9e3RhYkl0ZW1TdHlsZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICA8c3Bhbj57bGFiZWx9PC9zcGFuPlxuXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBjc3M9e2Nsb3NlSWNvblN0eWxlfVxuICAgICAgICBpY29uPXs8WEljb24gLz59XG4gICAgICAgIHNoYXBlPVwicm91bmRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBvbkNsaWNrPXtldmVudCA9PiB7XG4gICAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgb25DbG9zZT8uKCk7XG4gICAgICAgIH19XG4gICAgICAvPlxuICAgIDwvbW90aW9uLmRpdj5cbiAgKTtcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+function TabItem({
+  ref,
+  index,
+  tabId,
+  label,
+  onClose,
+  ...props
+}) {
+  const {
+    ref: sortableRef
+  } = core.useSortable({
+    id: tabId,
+    index
+  });
+  const mergedRef = hooks.useMergedRef(sortableRef, ref);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.motion.div, { ref: mergedRef, css: tabItemStyle, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(components.IconButton, { css: closeIconStyle, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}), shape: "round", size: "small", onClick: (event) => {
+      event.stopPropagation();
+      onClose?.();
+    } })
+  ] });
+}
+
+exports.TabItem = TabItem;

package/dist/cjs/components/layout/components/tabs/tab-list.cjs

@@ -0,0 +1,91 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+require('../../../../constants/index.cjs');
+require('../../../../stores/index.cjs');
+require('../../hooks/index.cjs');
+const contextMenu = require('./context-menu.cjs');
+const tabItem = require('./tab-item.cjs');
+const tab = require('../../../../stores/tab.cjs');
+const useTabNavigate = require('../../hooks/use-tab-navigate.cjs');
+const router = require('../../../../constants/router.cjs');
+
+const tabListStyle = /* @__PURE__ */ react.css({
+  display: "flex",
+  alignItems: "center",
+  height: "var(--vef-layout-tabs-height)",
+  columnGap: components.globalCssVars.spacingXs,
+  width: "max-content"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90YWJzL3RhYi1saXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBBbmltYXRlUHJlc2VuY2UsIGNsc3gsIERyYWdEcm9wUHJvdmlkZXIsIG1vdmVEcmFnSXRlbSwgUmVzdHJpY3RUb0hvcml6b250YWxBeGlzLCB1c2VTaGFsbG93IH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvcmVcIjtcblxuaW1wb3J0IHsgSU5ERVhfUk9VVEVfUEFUSCB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IHVzZVRhYlN0b3JlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgdXNlVGFiTmF2aWdhdGUgfSBmcm9tIFwiLi4vLi4vaG9va3NcIjtcbmltcG9ydCB7IENvbnRleHRNZW51IH0gZnJvbSBcIi4vY29udGV4dC1tZW51XCI7XG5pbXBvcnQgeyBUYWJJdGVtIH0gZnJvbSBcIi4vdGFiLWl0ZW1cIjtcblxuY29uc3QgdGFiTGlzdFN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCJ2YXIoLS12ZWYtbGF5b3V0LXRhYnMtaGVpZ2h0KVwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICB3aWR0aDogXCJtYXgtY29udGVudFwiXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYkxpc3QoKSB7XG4gIGNvbnN0IHsgc2V0VGFicywgcmVtb3ZlVGFiIH0gPSB1c2VUYWJTdG9yZShcbiAgICB1c2VTaGFsbG93KCh7IHNldFRhYnMsIHJlbW92ZVRhYiB9KSA9PiB7XG4gICAgICByZXR1cm4geyBzZXRUYWJzLCByZW1vdmVUYWIgfTtcbiAgICB9KVxuICApO1xuXG4gIGNvbnN0IGFjdGl2ZVRhYklkID0gdXNlVGFiU3RvcmUoc3RhdGUgPT4gc3RhdGUuYWN0aXZlVGFiSWQpO1xuICBjb25zdCB0YWJzID0gdXNlVGFiU3RvcmUoc3RhdGUgPT4gc3RhdGUudGFicyk7XG5cbiAgY29uc3QgbmF2aWdhdGUgPSB1c2VUYWJOYXZpZ2F0ZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPERyYWdEcm9wUHJvdmlkZXJcbiAgICAgIC8vIFRPRE8gT3B0aW1pemUgdHlwZSBtaXNtYXRjaFxuICAgICAgbW9kaWZpZXJzPXtbUmVzdHJpY3RUb0hvcml6b250YWxBeGlzIGFzIG5ldmVyXX1cbiAgICAgIG9uRHJhZ0VuZD17ZXZlbnQgPT4ge1xuICAgICAgICBzZXRUYWJzKFxuICAgICAgICAgIG1vdmVEcmFnSXRlbSh0YWJzLCBldmVudClcbiAgICAgICAgKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdiBjc3M9e3RhYkxpc3RTdHlsZX0+XG4gICAgICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICAgICAge1xuICAgICAgICAgICAgdGFicy5tYXAoKHRhYiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPENvbnRleHRNZW51IGtleT17dGFiLmlkfSB0YWJJZD17dGFiLmlkfT5cbiAgICAgICAgICAgICAgICA8VGFiSXRlbVxuICAgICAgICAgICAgICAgICAgbGF5b3V0XG4gICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICBsYWJlbD17dGFiLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgdGFiSWQ9e3RhYi5pZH1cbiAgICAgICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgICAgICAgICAgICAgeDogMCxcbiAgICAgICAgICAgICAgICAgICAgc2NhbGU6IDFcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goe1xuICAgICAgICAgICAgICAgICAgICBhY3RpdmU6IHRhYi5pZCA9PT0gYWN0aXZlVGFiSWRcbiAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgZXhpdD17e1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgICAgICAgICAgICB4OiAtMjAsXG4gICAgICAgICAgICAgICAgICAgIHNjYWxlOiAwLjgsXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IHtcbiAgICAgICAgICAgICAgICAgICAgICBlYXNlOiBcImVhc2VJblwiXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBpbml0aWFsPXt7XG4gICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgICAgICAgICAgIHg6IDIwLFxuICAgICAgICAgICAgICAgICAgICBzY2FsZTogMC44XG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgICAgICBkdXJhdGlvbjogMC4zLFxuICAgICAgICAgICAgICAgICAgICBkZWxheTogaW5kZXggKiAwLjA1LFxuICAgICAgICAgICAgICAgICAgICBlYXNlOiBcImVhc2VPdXRcIlxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2V2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgdGFyZ2V0RWxlbWVudCA9IGV2ZW50LmN1cnJlbnRUYXJnZXQ7XG4gICAgICAgICAgICAgICAgICAgIG5hdmlnYXRlKHRhYik7XG4gICAgICAgICAgICAgICAgICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgaWYgKHRhcmdldEVsZW1lbnQuaXNDb25uZWN0ZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRhcmdldEVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICAgICAgICAgICAgICAgICAgICBpbmxpbmU6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHRhYnMubGVuZ3RoID09PSAxICYmIHRhYi5mdWxsUGF0aCA9PT0gSU5ERVhfUk9VVEVfUEFUSCkge1xuICAgICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICAgIHJlbW92ZVRhYih0YWIuaWQsIG5hdmlnYXRlKTtcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9Db250ZXh0TWVudT5cbiAgICAgICAgICAgICkpXG4gICAgICAgICAgfVxuICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvRHJhZ0Ryb3BQcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+function TabList() {
+  const {
+    setTabs,
+    removeTab
+  } = tab.useTabStore(core.useShallow(({
+    setTabs: setTabs2,
+    removeTab: removeTab2
+  }) => {
+    return {
+      setTabs: setTabs2,
+      removeTab: removeTab2
+    };
+  }));
+  const activeTabId = tab.useTabStore((state) => state.activeTabId);
+  const tabs = tab.useTabStore((state) => state.tabs);
+  const navigate = useTabNavigate.useTabNavigate();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.DragDropProvider,
+    {
+      modifiers: [core.RestrictToHorizontalAxis],
+      onDragEnd: (event) => {
+        setTabs(core.moveDragItem(tabs, event));
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: tabListStyle, children: /* @__PURE__ */ jsxRuntime.jsx(core.AnimatePresence, { children: tabs.map((tab, index) => /* @__PURE__ */ jsxRuntime.jsx(contextMenu.ContextMenu, { tabId: tab.id, children: /* @__PURE__ */ jsxRuntime.jsx(tabItem.TabItem, { layout: true, index, label: tab.label, tabId: tab.id, animate: {
+        opacity: 1,
+        x: 0,
+        scale: 1
+      }, className: core.clsx({
+        active: tab.id === activeTabId
+      }), exit: {
+        opacity: 0,
+        x: -20,
+        scale: 0.8,
+        transition: {
+          ease: "easeIn"
+        }
+      }, initial: {
+        opacity: 0,
+        x: 20,
+        scale: 0.8
+      }, transition: {
+        duration: 0.3,
+        delay: index * 0.05,
+        ease: "easeOut"
+      }, onClick: (event) => {
+        const targetElement = event.currentTarget;
+        navigate(tab);
+        requestAnimationFrame(() => {
+          if (targetElement.isConnected) {
+            targetElement.scrollIntoView({
+              inline: "center",
+              behavior: "smooth"
+            });
+          }
+        });
+      }, onClose: () => {
+        if (tabs.length === 1 && tab.fullPath === router.INDEX_ROUTE_PATH) {
+          return;
+        }
+        removeTab(tab.id, navigate);
+      } }) }, tab.id)) }) })
+    }
+  );
+}
+
+exports.TabList = TabList;

package/dist/cjs/components/layout/components/tabs/tabs-container.cjs

@@ -0,0 +1,85 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const hooks = require('@vef-framework/hooks');
+const react$1 = require('react');
+const tabList = require('./tab-list.cjs');
+
+const tabsWrapperStyle = /* @__PURE__ */ react.css({
+  flex: "auto",
+  "&.shadow-right::after": {
+    content: "''",
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    right: 0,
+    width: "10px",
+    boxShadow: "inset -10px 0 8px -8px var(--vef-color-split)",
+    transition: `box-shadow ${components.globalCssVars.motionDurationMid} ease`,
+    pointerEvents: "none"
+  },
+  "&.shadow-left::before": {
+    content: "''",
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    width: "10px",
+    boxShadow: "inset 10px 0 8px -8px var(--vef-color-split)",
+    transition: `box-shadow ${components.globalCssVars.motionDurationMid} ease`,
+    pointerEvents: "none"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RhYnMvdGFicy1jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd5QiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90YWJzL3RhYnMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUG9zaXRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHR5cGUgeyBNYXliZVVuZGVmaW5lZCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzLCBTY3JvbGxBcmVhIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IGNsc3ggfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuaW1wb3J0IHsgdXNlSXNvbW9ycGhpY0VmZmVjdCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9ob29rc1wiO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgVGFiTGlzdCB9IGZyb20gXCIuL3RhYi1saXN0XCI7XG5cbmNvbnN0IHRhYnNXcmFwcGVyU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcImF1dG9cIixcbiAgXCImLnNoYWRvdy1yaWdodDo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgd2lkdGg6IFwiMTBweFwiLFxuICAgIGJveFNoYWRvdzogXCJpbnNldCAtMTBweCAwIDhweCAtOHB4IHZhcigtLXZlZi1jb2xvci1zcGxpdClcIixcbiAgICB0cmFuc2l0aW9uOiBgYm94LXNoYWRvdyAke2dsb2JhbENzc1ZhcnMubW90aW9uRHVyYXRpb25NaWR9IGVhc2VgLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gIH0sXG4gIFwiJi5zaGFkb3ctbGVmdDo6YmVmb3JlXCI6IHtcbiAgICBjb250ZW50OiBcIicnXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB0b3A6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTBweFwiLFxuICAgIGJveFNoYWRvdzogXCJpbnNldCAxMHB4IDAgOHB4IC04cHggdmFyKC0tdmVmLWNvbG9yLXNwbGl0KVwiLFxuICAgIHRyYW5zaXRpb246IGBib3gtc2hhZG93ICR7Z2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZH0gZWFzZWAsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCJcbiAgfVxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzQ29udGFpbmVyKCkge1xuICBjb25zdCB0YWJzQ29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaXNPdmVyZmxvd1JlZiA9IHVzZVJlZihmYWxzZSk7XG4gIGNvbnN0IG92ZXJmbG93V2lkdGhSZWYgPSB1c2VSZWYoMCk7XG4gIGNvbnN0IFtyb290Q2xhc3NOYW1lLCBzZXRSb290Q2xhc3NOYW1lXSA9IHVzZVN0YXRlPE1heWJlVW5kZWZpbmVkPHN0cmluZz4+KCk7XG5cbiAgLy8gVXBkYXRlIG92ZXJmbG93IHN0YXRlIGFuZCBzaGFkb3cgY2xhc3Nlc1xuICBjb25zdCB1cGRhdGVPdmVyZmxvd1N0YXRlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmICh0YWJzQ29udGFpbmVyUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGNvbnRhaW5lckVsID0gdGFic0NvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgICAgb3ZlcmZsb3dXaWR0aFJlZi5jdXJyZW50ID0gY29udGFpbmVyRWwuc2Nyb2xsV2lkdGggLSBjb250YWluZXJFbC5jbGllbnRXaWR0aDtcbiAgICAgIGlzT3ZlcmZsb3dSZWYuY3VycmVudCA9IG92ZXJmbG93V2lkdGhSZWYuY3VycmVudCA+IDA7XG4gICAgICBjb25zdCB7IHNjcm9sbExlZnQgfSA9IGNvbnRhaW5lckVsO1xuXG4gICAgICBzZXRSb290Q2xhc3NOYW1lKGNsc3goe1xuICAgICAgICBcInNoYWRvdy1sZWZ0XCI6IHNjcm9sbExlZnQgPiAwLFxuICAgICAgICBcInNoYWRvdy1yaWdodFwiOiBzY3JvbGxMZWZ0IDwgb3ZlcmZsb3dXaWR0aFJlZi5jdXJyZW50XG4gICAgICB9KSk7XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgdXNlSXNvbW9ycGhpY0VmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgY29udGFpbmVyRWwgPSB0YWJzQ29udGFpbmVyUmVmLmN1cnJlbnQ7XG5cbiAgICBpZiAoIWNvbnRhaW5lckVsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gSW5pdGlhbCBjYWxjdWxhdGlvblxuICAgIHVwZGF0ZU92ZXJmbG93U3RhdGUoKTtcblxuICAgIC8vIENyZWF0ZSBSZXNpemVPYnNlcnZlciB0byB3YXRjaCBmb3IgY29udGFpbmVyIHNpemUgY2hhbmdlc1xuICAgIGNvbnN0IHJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKCgpID0+IHtcbiAgICAgIHVwZGF0ZU92ZXJmbG93U3RhdGUoKTtcbiAgICB9KTtcblxuICAgIHJlc2l6ZU9ic2VydmVyLm9ic2VydmUoY29udGFpbmVyRWwpO1xuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHJlc2l6ZU9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICB9O1xuICB9LCBbdXBkYXRlT3ZlcmZsb3dTdGF0ZV0pO1xuXG4gIGNvbnN0IGhhbmRsZVNjcm9sbFBvc2l0aW9uQ2hhbmdlID0gdXNlQ2FsbGJhY2soKHsgeCB9OiBQb3NpdGlvbikgPT4ge1xuICAgIGlmIChpc092ZXJmbG93UmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldFJvb3RDbGFzc05hbWUoY2xzeCh7XG4gICAgICAgIFwic2hhZG93LWxlZnRcIjogeCA+IDAsXG4gICAgICAgIFwic2hhZG93LXJpZ2h0XCI6IHggPCBvdmVyZmxvd1dpZHRoUmVmLmN1cnJlbnRcbiAgICAgIH0pKTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxTY3JvbGxBcmVhXG4gICAgICBjbGFzc05hbWU9e3Jvb3RDbGFzc05hbWV9XG4gICAgICBjc3M9e3RhYnNXcmFwcGVyU3R5bGV9XG4gICAgICBzY3JvbGxiYXJQYWRkaW5nPXsxfVxuICAgICAgc2Nyb2xsYmFyU2l6ZT17NX1cbiAgICAgIHR5cGU9XCJzY3JvbGxcIlxuICAgICAgdmlld3BvcnRSZWY9e3RhYnNDb250YWluZXJSZWZ9XG4gICAgICBvblNjcm9sbFBvc2l0aW9uQ2hhbmdlPXtoYW5kbGVTY3JvbGxQb3NpdGlvbkNoYW5nZX1cbiAgICA+XG4gICAgICA8VGFiTGlzdCAvPlxuICAgIDwvU2Nyb2xsQXJlYT5cbiAgKTtcbn1cbiJdfQ== */");
+function TabsContainer() {
+  const tabsContainerRef = react$1.useRef(null);
+  const isOverflowRef = react$1.useRef(false);
+  const overflowWidthRef = react$1.useRef(0);
+  const [rootClassName, setRootClassName] = react$1.useState();
+  const updateOverflowState = react$1.useCallback(() => {
+    if (tabsContainerRef.current) {
+      const containerEl = tabsContainerRef.current;
+      overflowWidthRef.current = containerEl.scrollWidth - containerEl.clientWidth;
+      isOverflowRef.current = overflowWidthRef.current > 0;
+      const {
+        scrollLeft
+      } = containerEl;
+      setRootClassName(core.clsx({
+        "shadow-left": scrollLeft > 0,
+        "shadow-right": scrollLeft < overflowWidthRef.current
+      }));
+    }
+  }, []);
+  hooks.useIsomorphicEffect(() => {
+    const containerEl = tabsContainerRef.current;
+    if (!containerEl) {
+      return;
+    }
+    updateOverflowState();
+    const resizeObserver = new ResizeObserver(() => {
+      updateOverflowState();
+    });
+    resizeObserver.observe(containerEl);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [updateOverflowState]);
+  const handleScrollPositionChange = react$1.useCallback(({
+    x
+  }) => {
+    if (isOverflowRef.current) {
+      setRootClassName(core.clsx({
+        "shadow-left": x > 0,
+        "shadow-right": x < overflowWidthRef.current
+      }));
+    }
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(components.ScrollArea, { className: rootClassName, css: tabsWrapperStyle, scrollbarPadding: 1, scrollbarSize: 5, type: "scroll", viewportRef: tabsContainerRef, onScrollPositionChange: handleScrollPositionChange, children: /* @__PURE__ */ jsxRuntime.jsx(tabList.TabList, {}) });
+}
+
+exports.TabsContainer = TabsContainer;

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

@@ -0,0 +1,49 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+const lucideReact = require('lucide-react');
+const react$1 = require('react');
+require('../../../../stores/index.cjs');
+require('../../hooks/index.cjs');
+const theme = require('../../../../stores/theme.cjs');
+const useColorSchemeUpdater = require('../../hooks/use-color-scheme-updater.cjs');
+
+const itemStyle = /* @__PURE__ */ react.css({
+  height: `calc(${components.globalCssVars.controlHeight} - var(--vef-segmented-track-padding) * 2)`,
+  width: "64px"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb2xvci1zY2hlbWUtc3dpdGNoZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90aGVtZS1jb25maWcvY29sb3Itc2NoZW1lLXN3aXRjaGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUG9zaXRpb24sIFNlZ21lbnRlZE9wdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB0eXBlIHsgQ29sb3JTY2hlbWUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2VudGVyLCBnbG9iYWxDc3NWYXJzLCBJY29uLCBTZWdtZW50ZWQgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgTW9vbkljb24sIFN1bkljb24sIFN1bk1vb24gfSBmcm9tIFwibHVjaWRlLXJlYWN0XCI7XG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgdXNlVGhlbWVTdG9yZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9zdG9yZXNcIjtcbmltcG9ydCB7IHVzZUNvbG9yU2NoZW1lVXBkYXRlciB9IGZyb20gXCIuLi8uLi9ob29rc1wiO1xuXG5jb25zdCBpdGVtU3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IGBjYWxjKCR7Z2xvYmFsQ3NzVmFycy5jb250cm9sSGVpZ2h0fSAtIHZhcigtLXZlZi1zZWdtZW50ZWQtdHJhY2stcGFkZGluZykgKiAyKWAsXG4gIHdpZHRoOiBcIjY0cHhcIlxufSk7XG5cbmNvbnN0IG9wdGlvbnM6IFNlZ21lbnRlZE9wdGlvbltdID0gW1xuICB7XG4gICAgbGFiZWw6IChcbiAgICAgIDxDZW50ZXIgY3NzPXtpdGVtU3R5bGV9PlxuICAgICAgICA8SWNvbiBjb21wb25lbnQ9e1N1bkljb259IC8+XG4gICAgICA8L0NlbnRlcj5cbiAgICApLFxuICAgIHZhbHVlOiBcImxpZ2h0XCJcbiAgfSxcbiAge1xuICAgIGxhYmVsOiAoXG4gICAgICA8Q2VudGVyIGNzcz17aXRlbVN0eWxlfT5cbiAgICAgICAgPEljb24gY29tcG9uZW50PXtNb29uSWNvbn0gLz5cbiAgICAgIDwvQ2VudGVyPlxuICAgICksXG4gICAgdmFsdWU6IFwiZGFya1wiXG4gIH0sXG4gIHtcbiAgICBsYWJlbDogKFxuICAgICAgPENlbnRlciBjc3M9e2l0ZW1TdHlsZX0+XG4gICAgICAgIDxJY29uIGNvbXBvbmVudD17U3VuTW9vbn0gLz5cbiAgICAgIDwvQ2VudGVyPlxuICAgICksXG4gICAgdmFsdWU6IFwic3lzdGVtXCJcbiAgfVxuXTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbG9yU2NoZW1lU3dpdGNoZXIoKSB7XG4gIGNvbnN0IGNvbG9yU2NoZW1lID0gdXNlVGhlbWVTdG9yZShzdGF0ZSA9PiBzdGF0ZS5jb2xvclNjaGVtZSk7XG4gIGNvbnN0IHsgdXBkYXRlQ29sb3JTY2hlbWUgfSA9IHVzZUNvbG9yU2NoZW1lVXBkYXRlcigpO1xuICBjb25zdCBwb3NpdGlvblJlZiA9IHVzZVJlZjxQb3NpdGlvbj4oe1xuICAgIHg6IHdpbmRvdy5pbm5lcldpZHRoIC8gMixcbiAgICB5OiB3aW5kb3cuaW5uZXJIZWlnaHQgLyAyXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFNlZ21lbnRlZFxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgIHZhbHVlPXtjb2xvclNjaGVtZX1cbiAgICAgIG9uQ2hhbmdlPXt2YWx1ZSA9PiB7XG4gICAgICAgIHVwZGF0ZUNvbG9yU2NoZW1lKHZhbHVlIGFzIENvbG9yU2NoZW1lLCBwb3NpdGlvblJlZi5jdXJyZW50KTtcbiAgICAgIH19XG4gICAgICBvbkNsaWNrPXtldmVudCA9PiB7XG4gICAgICAgIHBvc2l0aW9uUmVmLmN1cnJlbnQgPSB7XG4gICAgICAgICAgeDogZXZlbnQuY2xpZW50WCxcbiAgICAgICAgICB5OiBldmVudC5jbGllbnRZXG4gICAgICAgIH07XG4gICAgICB9fVxuICAgIC8+XG4gICk7XG59XG4iXX0= */");
+const options = [{
+  label: /* @__PURE__ */ jsxRuntime.jsx(components.Center, { css: itemStyle, children: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.SunIcon }) }),
+  value: "light"
+}, {
+  label: /* @__PURE__ */ jsxRuntime.jsx(components.Center, { css: itemStyle, children: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.MoonIcon }) }),
+  value: "dark"
+}, {
+  label: /* @__PURE__ */ jsxRuntime.jsx(components.Center, { css: itemStyle, children: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.SunMoon }) }),
+  value: "system"
+}];
+function ColorSchemeSwitcher() {
+  const colorScheme = theme.useThemeStore((state) => state.colorScheme);
+  const {
+    updateColorScheme
+  } = useColorSchemeUpdater.useColorSchemeUpdater();
+  const positionRef = react$1.useRef({
+    x: window.innerWidth / 2,
+    y: window.innerHeight / 2
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Segmented, { options, value: colorScheme, onChange: (value) => {
+    updateColorScheme(value, positionRef.current);
+  }, onClick: (event) => {
+    positionRef.current = {
+      x: event.clientX,
+      y: event.clientY
+    };
+  } });
+}
+
+exports.ColorSchemeSwitcher = ColorSchemeSwitcher;

package/dist/cjs/components/layout/components/theme-config/color-scheme.cjs

@@ -0,0 +1,57 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+require('../../../../stores/index.cjs');
+const colorSchemeSwitcher = require('./color-scheme-switcher.cjs');
+const configItem = require('./config-item.cjs');
+const theme = require('../../../../stores/theme.cjs');
+
+const wrapperStyle = /* @__PURE__ */ react.css({
+  display: "flex",
+  flexDirection: "column",
+  gap: components.globalCssVars.spacingMd
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb2xvci1zY2hlbWUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFxQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90aGVtZS1jb25maWcvY29sb3Itc2NoZW1lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2VudGVyLCBnbG9iYWxDc3NWYXJzLCBTd2l0Y2ggfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdXNlU2hhbGxvdyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb3JlXCI7XG5cbmltcG9ydCB7IHVzZVRoZW1lU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyBDb2xvclNjaGVtZVN3aXRjaGVyIH0gZnJvbSBcIi4vY29sb3Itc2NoZW1lLXN3aXRjaGVyXCI7XG5pbXBvcnQgeyBDb25maWdJdGVtIH0gZnJvbSBcIi4vY29uZmlnLWl0ZW1cIjtcblxuY29uc3Qgd3JhcHBlclN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWRcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29sb3JTY2hlbWUoKSB7XG4gIGNvbnN0IHtcbiAgICBpc0dyYXlzY2FsZU1vZGUsXG4gICAgaXNDb2xvckJsaW5kTW9kZSxcbiAgICBpc01lbnVBY2NvcmRpb25Nb2RlXG4gIH0gPSB1c2VUaGVtZVN0b3JlKFxuICAgIHVzZVNoYWxsb3coXG4gICAgICBzdGF0ZSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICBpc0dyYXlzY2FsZU1vZGUsXG4gICAgICAgICAgaXNDb2xvckJsaW5kTW9kZSxcbiAgICAgICAgICBpc01lbnVBY2NvcmRpb25Nb2RlXG4gICAgICAgIH0gPSBzdGF0ZTtcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIGlzR3JheXNjYWxlTW9kZSxcbiAgICAgICAgICBpc0NvbG9yQmxpbmRNb2RlLFxuICAgICAgICAgIGlzTWVudUFjY29yZGlvbk1vZGVcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICApXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlfT5cbiAgICAgIDxDZW50ZXI+XG4gICAgICAgIDxDb2xvclNjaGVtZVN3aXRjaGVyIC8+XG4gICAgICA8L0NlbnRlcj5cblxuICAgICAgPENvbmZpZ0l0ZW0gbGFiZWw9XCLngbDluqbmqKHlvI9cIj5cbiAgICAgICAgPFN3aXRjaFxuICAgICAgICAgIGNoZWNrZWQ9e2lzR3JheXNjYWxlTW9kZX1cbiAgICAgICAgICBvbkNoYW5nZT17XG4gICAgICAgICAgICB2YWx1ZSA9PiB7XG4gICAgICAgICAgICAgIHVzZVRoZW1lU3RvcmUuc2V0U3RhdGUoc3RhdGUgPT4ge1xuICAgICAgICAgICAgICAgIHN0YXRlLmlzR3JheXNjYWxlTW9kZSA9IHZhbHVlO1xuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L0NvbmZpZ0l0ZW0+XG5cbiAgICAgIDxDb25maWdJdGVtIGxhYmVsPVwi6Imy5byx5qih5byPXCI+XG4gICAgICAgIDxTd2l0Y2hcbiAgICAgICAgICBjaGVja2VkPXtpc0NvbG9yQmxpbmRNb2RlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtcbiAgICAgICAgICAgIHZhbHVlID0+IHtcbiAgICAgICAgICAgICAgdXNlVGhlbWVTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICAgICAgICAgICAgc3RhdGUuaXNDb2xvckJsaW5kTW9kZSA9IHZhbHVlO1xuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L0NvbmZpZ0l0ZW0+XG5cbiAgICAgIDxDb25maWdJdGVtIGxhYmVsPVwi6I+c5Y2V5omL6aOO55C05qih5byPXCI+XG4gICAgICAgIDxTd2l0Y2hcbiAgICAgICAgICBjaGVja2VkPXtpc01lbnVBY2NvcmRpb25Nb2RlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtcbiAgICAgICAgICAgIHZhbHVlID0+IHtcbiAgICAgICAgICAgICAgdXNlVGhlbWVTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICAgICAgICAgICAgc3RhdGUuaXNNZW51QWNjb3JkaW9uTW9kZSA9IHZhbHVlO1xuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L0NvbmZpZ0l0ZW0+XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0= */");
+function ColorScheme() {
+  const {
+    isGrayscaleMode,
+    isColorBlindMode,
+    isMenuAccordionMode
+  } = theme.useThemeStore(core.useShallow((state) => {
+    const {
+      isGrayscaleMode: isGrayscaleMode2,
+      isColorBlindMode: isColorBlindMode2,
+      isMenuAccordionMode: isMenuAccordionMode2
+    } = state;
+    return {
+      isGrayscaleMode: isGrayscaleMode2,
+      isColorBlindMode: isColorBlindMode2,
+      isMenuAccordionMode: isMenuAccordionMode2
+    };
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: wrapperStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.Center, { children: /* @__PURE__ */ jsxRuntime.jsx(colorSchemeSwitcher.ColorSchemeSwitcher, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(configItem.ConfigItem, { label: "灰度模式", children: /* @__PURE__ */ jsxRuntime.jsx(components.Switch, { checked: isGrayscaleMode, onChange: (value) => {
+      theme.useThemeStore.setState((state) => {
+        state.isGrayscaleMode = value;
+      });
+    } }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(configItem.ConfigItem, { label: "色弱模式", children: /* @__PURE__ */ jsxRuntime.jsx(components.Switch, { checked: isColorBlindMode, onChange: (value) => {
+      theme.useThemeStore.setState((state) => {
+        state.isColorBlindMode = value;
+      });
+    } }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(configItem.ConfigItem, { label: "菜单手风琴模式", children: /* @__PURE__ */ jsxRuntime.jsx(components.Switch, { checked: isMenuAccordionMode, onChange: (value) => {
+      theme.useThemeStore.setState((state) => {
+        state.isMenuAccordionMode = value;
+      });
+    } }) })
+  ] });
+}
+
+exports.ColorScheme = ColorScheme;

package/dist/cjs/components/layout/components/theme-config/config-item.cjs

@@ -0,0 +1,27 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+
+const itemStyle = /* @__PURE__ */ react.css({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  columnGap: components.globalCssVars.spacingXs
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb25maWctaXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWtCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9jb25maWctaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcblxuaW50ZXJmYWNlIENvbmZpZ0l0ZW1Qcm9wcyBleHRlbmRzIFByb3BzV2l0aENoaWxkcmVuIHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBsYWJlbDogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBpdGVtU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbmZpZ0l0ZW0oe1xuICBjbGFzc05hbWUsXG4gIGxhYmVsLFxuICBjaGlsZHJlblxufTogQ29uZmlnSXRlbVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gY3NzPXtpdGVtU3R5bGV9PlxuICAgICAgPHNwYW4+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvc3Bhbj5cblxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufVxuIl19 */");
+function ConfigItem({
+  className,
+  label,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, css: itemStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+    children
+  ] });
+}
+
+exports.ConfigItem = ConfigItem;

package/dist/cjs/components/layout/components/theme-config/index.cjs

@@ -0,0 +1,59 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+require('../../../../stores/index.cjs');
+const colorScheme = require('./color-scheme.cjs');
+const menuLayout = require('./menu-layout.cjs');
+const operations = require('./operations.cjs');
+const themeColors = require('./theme-colors.cjs');
+const theme = require('../../../../stores/theme.cjs');
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const drawerBodyStyle = process.env.NODE_ENV === "production" ? {
+  name: "1hcx8jb",
+  styles: "padding:0"
+} : {
+  name: "1hcx8jb",
+  styles: "padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3dCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IERpdmlkZXIsIERyYXdlciwgZ2xvYmFsQ3NzVmFycywgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHVzZVRoZW1lU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyBDb2xvclNjaGVtZSB9IGZyb20gXCIuL2NvbG9yLXNjaGVtZVwiO1xuaW1wb3J0IHsgTWVudUxheW91dCB9IGZyb20gXCIuL21lbnUtbGF5b3V0XCI7XG5pbXBvcnQgeyBPcGVyYXRpb25zIH0gZnJvbSBcIi4vb3BlcmF0aW9uc1wiO1xuaW1wb3J0IHsgVGhlbWVDb2xvcnMgfSBmcm9tIFwiLi90aGVtZS1jb2xvcnNcIjtcblxuY29uc3QgZHJhd2VyQm9keVN0eWxlID0gY3NzKHtcbiAgcGFkZGluZzogMFxufSk7XG5jb25zdCBjb250ZW50U3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgcGFkZGluZ0Jsb2NrU3RhcnQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICBwYWRkaW5nQmxvY2tFbmQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ0xnXG59KTtcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbmZpZygpIHtcbiAgY29uc3QgaXNUaGVtZUNvbmZpZ1Zpc2libGUgPSB1c2VUaGVtZVN0b3JlKHN0YXRlID0+IHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICB1c2VUaGVtZVN0b3JlLnNldFN0YXRlKHN0YXRlID0+IHtcbiAgICAgIHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlID0gZmFsc2U7XG4gICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgY2xvc2FibGU9e3sgcGxhY2VtZW50OiBcImVuZFwiIH19XG4gICAgICAgICAgb3Blbj17aXNUaGVtZUNvbmZpZ1Zpc2libGV9XG4gICAgICAgICAgdGl0bGU9XCLkuLvpopjphY3nva5cIlxuICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgIGJvZHk6IGNzcyhkcmF3ZXJCb2R5U3R5bGUpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBmb290ZXI9e1xuICAgICAgICAgICAgPE9wZXJhdGlvbnMgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgID5cbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjc3MoY29udGVudFN0eWxlKX1cbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3MoY29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOaooeW8jzwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxDb2xvclNjaGVtZSAvPlxuICAgICAgICAgICAgPERpdmlkZXI+6I+c5Y2V5biD5bGAPC9EaXZpZGVyPlxuICAgICAgICAgICAgPE1lbnVMYXlvdXQgLz5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOminOiJsjwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxUaGVtZUNvbG9ycyAvPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const contentStyle = /* @__PURE__ */ react.css({
+  height: "100%",
+  paddingInline: components.globalCssVars.spacingSm,
+  paddingBlockStart: components.globalCssVars.spacingXs,
+  paddingBlockEnd: components.globalCssVars.spacingLg
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXFCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IERpdmlkZXIsIERyYXdlciwgZ2xvYmFsQ3NzVmFycywgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHVzZVRoZW1lU3RvcmUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vc3RvcmVzXCI7XG5pbXBvcnQgeyBDb2xvclNjaGVtZSB9IGZyb20gXCIuL2NvbG9yLXNjaGVtZVwiO1xuaW1wb3J0IHsgTWVudUxheW91dCB9IGZyb20gXCIuL21lbnUtbGF5b3V0XCI7XG5pbXBvcnQgeyBPcGVyYXRpb25zIH0gZnJvbSBcIi4vb3BlcmF0aW9uc1wiO1xuaW1wb3J0IHsgVGhlbWVDb2xvcnMgfSBmcm9tIFwiLi90aGVtZS1jb2xvcnNcIjtcblxuY29uc3QgZHJhd2VyQm9keVN0eWxlID0gY3NzKHtcbiAgcGFkZGluZzogMFxufSk7XG5jb25zdCBjb250ZW50U3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgcGFkZGluZ0Jsb2NrU3RhcnQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1hzLFxuICBwYWRkaW5nQmxvY2tFbmQ6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ0xnXG59KTtcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3Moe1xuICBwYWRkaW5nSW5saW5lOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUaGVtZUNvbmZpZygpIHtcbiAgY29uc3QgaXNUaGVtZUNvbmZpZ1Zpc2libGUgPSB1c2VUaGVtZVN0b3JlKHN0YXRlID0+IHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICB1c2VUaGVtZVN0b3JlLnNldFN0YXRlKHN0YXRlID0+IHtcbiAgICAgIHN0YXRlLmlzVGhlbWVDb25maWdWaXNpYmxlID0gZmFsc2U7XG4gICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgY2xvc2FibGU9e3sgcGxhY2VtZW50OiBcImVuZFwiIH19XG4gICAgICAgICAgb3Blbj17aXNUaGVtZUNvbmZpZ1Zpc2libGV9XG4gICAgICAgICAgdGl0bGU9XCLkuLvpopjphY3nva5cIlxuICAgICAgICAgIGNsYXNzTmFtZXM9e3tcbiAgICAgICAgICAgIGJvZHk6IGNzcyhkcmF3ZXJCb2R5U3R5bGUpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBmb290ZXI9e1xuICAgICAgICAgICAgPE9wZXJhdGlvbnMgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgID5cbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjc3MoY29udGVudFN0eWxlKX1cbiAgICAgICAgICAgIHZpZXdwb3J0Q2xhc3NOYW1lPXtjc3MoY29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOaooeW8jzwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxDb2xvclNjaGVtZSAvPlxuICAgICAgICAgICAgPERpdmlkZXI+6I+c5Y2V5biD5bGAPC9EaXZpZGVyPlxuICAgICAgICAgICAgPE1lbnVMYXlvdXQgLz5cbiAgICAgICAgICAgIDxEaXZpZGVyPuS4u+mimOminOiJsjwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxUaGVtZUNvbG9ycyAvPlxuICAgICAgICAgIDwvU2Nyb2xsQXJlYT5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn1cbiJdfQ== */");
+const containerStyle = /* @__PURE__ */ react.css({
+  paddingInline: components.globalCssVars.spacingXs
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ1QiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90aGVtZS1jb25maWcvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2xhc3NOYW1lcywgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBEaXZpZGVyLCBEcmF3ZXIsIGdsb2JhbENzc1ZhcnMsIFNjcm9sbEFyZWEgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZVN0b3JlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWUgfSBmcm9tIFwiLi9jb2xvci1zY2hlbWVcIjtcbmltcG9ydCB7IE1lbnVMYXlvdXQgfSBmcm9tIFwiLi9tZW51LWxheW91dFwiO1xuaW1wb3J0IHsgT3BlcmF0aW9ucyB9IGZyb20gXCIuL29wZXJhdGlvbnNcIjtcbmltcG9ydCB7IFRoZW1lQ29sb3JzIH0gZnJvbSBcIi4vdGhlbWUtY29sb3JzXCI7XG5cbmNvbnN0IGRyYXdlckJvZHlTdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmc6IDBcbn0pO1xuY29uc3QgY29udGVudFN0eWxlID0gY3NzKHtcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU20sXG4gIHBhZGRpbmdCbG9ja1N0YXJ0OiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYcyxcbiAgcGFkZGluZ0Jsb2NrRW5kOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdMZ1xufSk7XG5cbmNvbnN0IGNvbnRhaW5lclN0eWxlID0gY3NzKHtcbiAgcGFkZGluZ0lubGluZTogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHNcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGhlbWVDb25maWcoKSB7XG4gIGNvbnN0IGlzVGhlbWVDb25maWdWaXNpYmxlID0gdXNlVGhlbWVTdG9yZShzdGF0ZSA9PiBzdGF0ZS5pc1RoZW1lQ29uZmlnVmlzaWJsZSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgdXNlVGhlbWVTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICBzdGF0ZS5pc1RoZW1lQ29uZmlnVmlzaWJsZSA9IGZhbHNlO1xuICAgIH0pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgPERyYXdlclxuICAgICAgICAgIGNsb3NhYmxlPXt7IHBsYWNlbWVudDogXCJlbmRcIiB9fVxuICAgICAgICAgIG9wZW49e2lzVGhlbWVDb25maWdWaXNpYmxlfVxuICAgICAgICAgIHRpdGxlPVwi5Li76aKY6YWN572uXCJcbiAgICAgICAgICBjbGFzc05hbWVzPXt7XG4gICAgICAgICAgICBib2R5OiBjc3MoZHJhd2VyQm9keVN0eWxlKVxuICAgICAgICAgIH19XG4gICAgICAgICAgZm9vdGVyPXtcbiAgICAgICAgICAgIDxPcGVyYXRpb25zIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICA+XG4gICAgICAgICAgPFNjcm9sbEFyZWFcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y3NzKGNvbnRlbnRTdHlsZSl9XG4gICAgICAgICAgICB2aWV3cG9ydENsYXNzTmFtZT17Y3NzKGNvbnRhaW5lclN0eWxlKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RGl2aWRlcj7kuLvpopjmqKHlvI88L0RpdmlkZXI+XG4gICAgICAgICAgICA8Q29sb3JTY2hlbWUgLz5cbiAgICAgICAgICAgIDxEaXZpZGVyPuiPnOWNleW4g+WxgDwvRGl2aWRlcj5cbiAgICAgICAgICAgIDxNZW51TGF5b3V0IC8+XG4gICAgICAgICAgICA8RGl2aWRlcj7kuLvpopjpopzoibI8L0RpdmlkZXI+XG4gICAgICAgICAgICA8VGhlbWVDb2xvcnMgLz5cbiAgICAgICAgICA8L1Njcm9sbEFyZWE+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59XG4iXX0= */");
+function ThemeConfig() {
+  const isThemeConfigVisible = theme.useThemeStore((state) => state.isThemeConfigVisible);
+  const handleClose = () => {
+    theme.useThemeStore.setState((state) => {
+      state.isThemeConfigVisible = false;
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, { children: ({
+    css: css2
+  }) => /* @__PURE__ */ jsxRuntime.jsx(components.Drawer, { closable: {
+    placement: "end"
+  }, open: isThemeConfigVisible, title: "主题配置", classNames: {
+    body: css2(drawerBodyStyle)
+  }, footer: /* @__PURE__ */ jsxRuntime.jsx(operations.Operations, {}), onClose: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(components.ScrollArea, { className: css2(contentStyle), viewportClassName: css2(containerStyle), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.Divider, { children: "主题模式" }),
+    /* @__PURE__ */ jsxRuntime.jsx(colorScheme.ColorScheme, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Divider, { children: "菜单布局" }),
+    /* @__PURE__ */ jsxRuntime.jsx(menuLayout.MenuLayout, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Divider, { children: "主题颜色" }),
+    /* @__PURE__ */ jsxRuntime.jsx(themeColors.ThemeColors, {})
+  ] }) }) });
+}
+
+exports.ThemeConfig = ThemeConfig;

package/dist/cjs/components/layout/components/theme-config/menu-layout-card.cjs

@@ -0,0 +1,75 @@
+/*! @vef-framework/starter v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:22.856Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  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__ */ react.css({
+  cursor: "pointer",
+  display: "flex",
+  height: "68px",
+  width: "96px",
+  gap: "6px",
+  padding: "6px",
+  border: `2px solid transparent`,
+  borderRadius: components.globalCssVars.borderRadius,
+  boxShadow: components.globalCssVars.shadowSm,
+  transition: `border-color ${components.globalCssVars.motionDurationMid} ease`,
+  "&:hover": {
+    borderColor: components.globalCssVars.colorPrimary
+  },
+  "&.selected": {
+    borderColor: components.globalCssVars.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__ */ react.css({
+    flex: "none",
+    height: "16px",
+    backgroundColor: components.globalCssVars.colorPrimary,
+    borderRadius: "4px"
+  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ1UiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"),
+  main: /* @__PURE__ */ react.css({
+    flex: "auto",
+    backgroundColor: components.globalCssVars.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" ? {
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q1ciLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  sidebar: /* @__PURE__ */ react.css({
+    width: "18px",
+    height: "100%",
+    backgroundColor: components.globalCssVars.colorPrimary300,
+    borderRadius: "4px"
+  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy9tZW51LWxheW91dC1jYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRFciLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGhlbWUtY29uZmlnL21lbnUtbGF5b3V0LWNhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcmllbnRhdGlvbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmludGVyZmFjZSBNZW51TGF5b3V0Q2FyZFByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBtb2RlOiBPcmllbnRhdGlvbjtcbn1cblxuY29uc3QgY2FyZFN0eWxlID0gY3NzKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGhlaWdodDogXCI2OHB4XCIsXG4gIHdpZHRoOiBcIjk2cHhcIixcbiAgZ2FwOiBcIjZweFwiLFxuICBwYWRkaW5nOiBcIjZweFwiLFxuICBib3JkZXI6IGAycHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzLFxuICBib3hTaGFkb3c6IGdsb2JhbENzc1ZhcnMuc2hhZG93U20sXG4gIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgJHtnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkfSBlYXNlYCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICBib3JkZXJDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnlcbiAgfSxcbiAgXCIuZGFyayAmXCI6IHtcbiAgICBib3hTaGFkb3c6IFwiMCAxcHggM3B4IDAgcmdiKDI1NSAyNTUgMjU1IC8gMC4zKSwgMCAxcHggMnB4IC0xcHggcmdiKDI1NSAyNTUgMjU1IC8gMC4zKVwiXG4gIH1cbn0pO1xuXG5jb25zdCBsYXlvdXRTdHlsZSA9IHtcbiAgaGVhZGVyOiBjc3Moe1xuICAgIGZsZXg6IFwibm9uZVwiLFxuICAgIGhlaWdodDogXCIxNnB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeSxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIG1haW46IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTIwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSksXG4gIHdyYXBwZXI6IGNzcyh7XG4gICAgZmxleDogXCJhdXRvXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBnYXA6IFwiNnB4XCJcbiAgfSksXG4gIHNpZGViYXI6IGNzcyh7XG4gICAgd2lkdGg6IFwiMThweFwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yUHJpbWFyeTMwMCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNHB4XCJcbiAgfSlcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51TGF5b3V0Q2FyZCh7IG1vZGUsIC4uLnByb3BzIH06IE1lbnVMYXlvdXRDYXJkUHJvcHMpIHtcbiAgY29uc3QgYm9keSA9IChcbiAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUud3JhcHBlcn0+XG4gICAgICA8ZGl2IGNzcz17bGF5b3V0U3R5bGUuaGVhZGVyfSAvPlxuICAgICAgPGRpdiBjc3M9e2xheW91dFN0eWxlLm1haW59IC8+XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17Y2FyZFN0eWxlfSB7Li4ucHJvcHN9PlxuICAgICAge1xuICAgICAgICBtb2RlID09PSBcImhvcml6b250YWxcIlxuICAgICAgICAgID8gYm9keVxuICAgICAgICAgIDogKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxkaXYgY3NzPXtsYXlvdXRTdHlsZS5zaWRlYmFyfSAvPlxuICAgICAgICAgICAgICAgIHtib2R5fVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */")
+};
+function MenuLayoutCard({
+  mode,
+  ...props
+}) {
+  const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { css: layoutStyle.wrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { css: layoutStyle.header }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { css: layoutStyle.main })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: cardStyle, ...props, children: mode === "horizontal" ? body : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { css: layoutStyle.sidebar }),
+    body
+  ] }) });
+}
+
+exports.MenuLayoutCard = MenuLayoutCard;