@vef-framework/starter 1.0.135 → 2.0.2

package/dist/cjs/components/layout/components/search/keyboard-shift-icon.cjs

@@ -0,0 +1,15 @@
+/*! @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');
+
+function KeyboardShiftIcon({
+  size = "1.2em",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { height: size, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.59 5.58L20 12l-8-8z", fill: "currentColor" }) });
+}
+
+exports.KeyboardShiftIcon = KeyboardShiftIcon;

package/dist/cjs/components/layout/components/search/keyboard.cjs

@@ -0,0 +1,32 @@
+/*! @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 react$1 = require('react');
+
+const keyboardStyle = /* @__PURE__ */ react.css({
+  display: "flex",
+  alignItems: "center",
+  columnGap: components.globalCssVars.spacingXs
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NlYXJjaC9rZXlib2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXNCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NlYXJjaC9rZXlib2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzLCBpc0ZyYWdtZW50LCBLZXlib2FyZCBhcyBLZXlib2FyZEludGVybmFsIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IENoaWxkcmVuIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBLZXlib2FyZFByb3BzIGV4dGVuZHMgUHJvcHNXaXRoQ2hpbGRyZW4ge1xuICBpY29uOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IGtleWJvYXJkU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sdW1uR2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYc1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBLZXlib2FyZCh7IGljb24sIGNoaWxkcmVuIH06IEtleWJvYXJkUHJvcHMpIHtcbiAgY29uc3QgaWNvbk5vZGVzID0gQ2hpbGRyZW4ubWFwKGljb24sIG5vZGUgPT4ge1xuICAgIGlmIChpc0ZyYWdtZW50KG5vZGUpKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtDaGlsZHJlbi5tYXAobm9kZS5wcm9wcy5jaGlsZHJlbiwgY2hpbGQgPT4gKFxuICAgICAgICAgICAgPEtleWJvYXJkSW50ZXJuYWw+XG4gICAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICAgIDwvS2V5Ym9hcmRJbnRlcm5hbD5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC8+XG4gICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8S2V5Ym9hcmRJbnRlcm5hbD5cbiAgICAgICAge25vZGV9XG4gICAgICA8L0tleWJvYXJkSW50ZXJuYWw+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17a2V5Ym9hcmRTdHlsZX0+XG4gICAgICB7aWNvbk5vZGVzfVxuICAgICAgPHNwYW4+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
+function Keyboard({
+  icon,
+  children
+}) {
+  const iconNodes = react$1.Children.map(icon, (node) => {
+    if (components.isFragment(node)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: react$1.Children.map(node.props.children, (child) => /* @__PURE__ */ jsxRuntime.jsx(components.Keyboard, { children: child })) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(components.Keyboard, { children: node });
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: keyboardStyle, children: [
+    iconNodes,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+  ] });
+}
+
+exports.Keyboard = Keyboard;

package/dist/cjs/components/layout/components/search/letter-s-icon.cjs

@@ -0,0 +1,15 @@
+/*! @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');
+
+function LetterSIcon({
+  size = "1.2em",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { height: size, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 7a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2v2H9v2h4a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-2V9h4V7z", fill: "currentColor" }) });
+}
+
+exports.LetterSIcon = LetterSIcon;

package/dist/cjs/components/layout/components/search/search-result-item.cjs

@@ -0,0 +1,69 @@
+/*! @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');
+const keyboardReturnIcon = require('./keyboard-return-icon.cjs');
+
+const itemStyle = /* @__PURE__ */ react.css({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  columnGap: components.globalCssVars.spacingMd,
+  padding: components.globalCssVars.spacingMd,
+  borderRadius: components.globalCssVars.borderRadiusLg,
+  backgroundColor: components.globalCssVars.colorFillTertiary,
+  cursor: "pointer",
+  transitionProperty: "background-color, color",
+  transitionDuration: components.globalCssVars.motionDurationMid,
+  transitionTimingFunction: "ease",
+  "& .vef-typography": {
+    transitionProperty: "color",
+    transitionDuration: components.globalCssVars.motionDurationMid,
+    transitionTimingFunction: "ease"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2gtcmVzdWx0LWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCa0IiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvc2VhcmNoL3NlYXJjaC1yZXN1bHQtaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IER5bmFtaWNJY29uTmFtZSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgRHluYW1pY0ljb24sIGdsb2JhbENzc1ZhcnMsIEljb24sIFRleHQgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgTWVudUljb24gfSBmcm9tIFwibHVjaWRlLXJlYWN0XCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBLZXlib2FyZFJldHVybkljb24gfSBmcm9tIFwiLi9rZXlib2FyZC1yZXR1cm4taWNvblwiO1xuXG5pbnRlcmZhY2UgU2VhcmNoUmVzdWx0SXRlbVByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBhY3RpdmU/OiBib29sZWFuO1xuICBpY29uPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBpdGVtU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBwYWRkaW5nOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdNZCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1c0xnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JGaWxsVGVydGlhcnksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJiYWNrZ3JvdW5kLWNvbG9yLCBjb2xvclwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IGdsb2JhbENzc1ZhcnMubW90aW9uRHVyYXRpb25NaWQsXG4gIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogXCJlYXNlXCIsXG4gIFwiJiAudmVmLXR5cG9ncmFwaHlcIjoge1xuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJjb2xvclwiLFxuICAgIHRyYW5zaXRpb25EdXJhdGlvbjogZ2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZCxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IFwiZWFzZVwiXG4gIH1cbn0pO1xuXG5jb25zdCBhY3RpdmVJdGVtU3R5bGUgPSBjc3Moe1xuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5LFxuICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRMaWdodFNvbGlkLFxuICBcIiYgLnZlZi10eXBvZ3JhcGh5XCI6IHtcbiAgICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRMaWdodFNvbGlkXG4gIH1cbn0pO1xuXG5jb25zdCB0aXRsZVN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHMsXG4gIGZsZXg6IFwiYXV0b1wiLFxuICBtaW5XaWR0aDogMFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWFyY2hSZXN1bHRJdGVtKHtcbiAgYWN0aXZlLFxuICBpY29uLFxuICBsYWJlbCxcbiAgLi4ucHJvcHNcbn06IFNlYXJjaFJlc3VsdEl0ZW1Qcm9wcykge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGFjdGl2ZSkge1xuICAgICAgcmVmLmN1cnJlbnQ/LnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6IFwic21vb3RoXCIsIGJsb2NrOiBcImVuZFwiIH0pO1xuICAgIH1cbiAgfSwgW2FjdGl2ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e1tpdGVtU3R5bGUsIGFjdGl2ZSAmJiBhY3RpdmVJdGVtU3R5bGVdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIDxzcGFuIGNzcz17dGl0bGVTdHlsZX0+XG4gICAgICAgIHtpY29uID8gPER5bmFtaWNJY29uIG5hbWU9e2ljb24gYXMgRHluYW1pY0ljb25OYW1lfSAvPiA6IDxJY29uIGNvbXBvbmVudD17TWVudUljb259IC8+fVxuICAgICAgICA8VGV4dCBlbGxpcHNpcz57bGFiZWx9PC9UZXh0PlxuICAgICAgPC9zcGFuPlxuXG4gICAgICA8SWNvbiBjb21wb25lbnQ9e0tleWJvYXJkUmV0dXJuSWNvbn0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
+const activeItemStyle = /* @__PURE__ */ react.css({
+  backgroundColor: components.globalCssVars.colorPrimary,
+  color: components.globalCssVars.colorTextLightSolid,
+  "& .vef-typography": {
+    color: components.globalCssVars.colorTextLightSolid
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2gtcmVzdWx0LWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvc2VhcmNoL3NlYXJjaC1yZXN1bHQtaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IER5bmFtaWNJY29uTmFtZSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgRHluYW1pY0ljb24sIGdsb2JhbENzc1ZhcnMsIEljb24sIFRleHQgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgTWVudUljb24gfSBmcm9tIFwibHVjaWRlLXJlYWN0XCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBLZXlib2FyZFJldHVybkljb24gfSBmcm9tIFwiLi9rZXlib2FyZC1yZXR1cm4taWNvblwiO1xuXG5pbnRlcmZhY2UgU2VhcmNoUmVzdWx0SXRlbVByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBhY3RpdmU/OiBib29sZWFuO1xuICBpY29uPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBpdGVtU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBwYWRkaW5nOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdNZCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1c0xnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JGaWxsVGVydGlhcnksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJiYWNrZ3JvdW5kLWNvbG9yLCBjb2xvclwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IGdsb2JhbENzc1ZhcnMubW90aW9uRHVyYXRpb25NaWQsXG4gIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogXCJlYXNlXCIsXG4gIFwiJiAudmVmLXR5cG9ncmFwaHlcIjoge1xuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJjb2xvclwiLFxuICAgIHRyYW5zaXRpb25EdXJhdGlvbjogZ2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZCxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IFwiZWFzZVwiXG4gIH1cbn0pO1xuXG5jb25zdCBhY3RpdmVJdGVtU3R5bGUgPSBjc3Moe1xuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5LFxuICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRMaWdodFNvbGlkLFxuICBcIiYgLnZlZi10eXBvZ3JhcGh5XCI6IHtcbiAgICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRMaWdodFNvbGlkXG4gIH1cbn0pO1xuXG5jb25zdCB0aXRsZVN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHMsXG4gIGZsZXg6IFwiYXV0b1wiLFxuICBtaW5XaWR0aDogMFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWFyY2hSZXN1bHRJdGVtKHtcbiAgYWN0aXZlLFxuICBpY29uLFxuICBsYWJlbCxcbiAgLi4ucHJvcHNcbn06IFNlYXJjaFJlc3VsdEl0ZW1Qcm9wcykge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGFjdGl2ZSkge1xuICAgICAgcmVmLmN1cnJlbnQ/LnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6IFwic21vb3RoXCIsIGJsb2NrOiBcImVuZFwiIH0pO1xuICAgIH1cbiAgfSwgW2FjdGl2ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e1tpdGVtU3R5bGUsIGFjdGl2ZSAmJiBhY3RpdmVJdGVtU3R5bGVdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIDxzcGFuIGNzcz17dGl0bGVTdHlsZX0+XG4gICAgICAgIHtpY29uID8gPER5bmFtaWNJY29uIG5hbWU9e2ljb24gYXMgRHluYW1pY0ljb25OYW1lfSAvPiA6IDxJY29uIGNvbXBvbmVudD17TWVudUljb259IC8+fVxuICAgICAgICA8VGV4dCBlbGxpcHNpcz57bGFiZWx9PC9UZXh0PlxuICAgICAgPC9zcGFuPlxuXG4gICAgICA8SWNvbiBjb21wb25lbnQ9e0tleWJvYXJkUmV0dXJuSWNvbn0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
+const titleStyle = /* @__PURE__ */ react.css({
+  display: "flex",
+  alignItems: "center",
+  columnGap: components.globalCssVars.spacingXs,
+  flex: "auto",
+  minWidth: 0
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2gtcmVzdWx0LWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDbUIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvc2VhcmNoL3NlYXJjaC1yZXN1bHQtaXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IER5bmFtaWNJY29uTmFtZSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgRHluYW1pY0ljb24sIGdsb2JhbENzc1ZhcnMsIEljb24sIFRleHQgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgTWVudUljb24gfSBmcm9tIFwibHVjaWRlLXJlYWN0XCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBLZXlib2FyZFJldHVybkljb24gfSBmcm9tIFwiLi9rZXlib2FyZC1yZXR1cm4taWNvblwiO1xuXG5pbnRlcmZhY2UgU2VhcmNoUmVzdWx0SXRlbVByb3BzIGV4dGVuZHMgQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBhY3RpdmU/OiBib29sZWFuO1xuICBpY29uPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBpdGVtU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBwYWRkaW5nOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdNZCxcbiAgYm9yZGVyUmFkaXVzOiBnbG9iYWxDc3NWYXJzLmJvcmRlclJhZGl1c0xnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JGaWxsVGVydGlhcnksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJiYWNrZ3JvdW5kLWNvbG9yLCBjb2xvclwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IGdsb2JhbENzc1ZhcnMubW90aW9uRHVyYXRpb25NaWQsXG4gIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogXCJlYXNlXCIsXG4gIFwiJiAudmVmLXR5cG9ncmFwaHlcIjoge1xuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJjb2xvclwiLFxuICAgIHRyYW5zaXRpb25EdXJhdGlvbjogZ2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZCxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IFwiZWFzZVwiXG4gIH1cbn0pO1xuXG5jb25zdCBhY3RpdmVJdGVtU3R5bGUgPSBjc3Moe1xuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JQcmltYXJ5LFxuICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRMaWdodFNvbGlkLFxuICBcIiYgLnZlZi10eXBvZ3JhcGh5XCI6IHtcbiAgICBjb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclRleHRMaWdodFNvbGlkXG4gIH1cbn0pO1xuXG5jb25zdCB0aXRsZVN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHMsXG4gIGZsZXg6IFwiYXV0b1wiLFxuICBtaW5XaWR0aDogMFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWFyY2hSZXN1bHRJdGVtKHtcbiAgYWN0aXZlLFxuICBpY29uLFxuICBsYWJlbCxcbiAgLi4ucHJvcHNcbn06IFNlYXJjaFJlc3VsdEl0ZW1Qcm9wcykge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGFjdGl2ZSkge1xuICAgICAgcmVmLmN1cnJlbnQ/LnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6IFwic21vb3RoXCIsIGJsb2NrOiBcImVuZFwiIH0pO1xuICAgIH1cbiAgfSwgW2FjdGl2ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e1tpdGVtU3R5bGUsIGFjdGl2ZSAmJiBhY3RpdmVJdGVtU3R5bGVdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIDxzcGFuIGNzcz17dGl0bGVTdHlsZX0+XG4gICAgICAgIHtpY29uID8gPER5bmFtaWNJY29uIG5hbWU9e2ljb24gYXMgRHluYW1pY0ljb25OYW1lfSAvPiA6IDxJY29uIGNvbXBvbmVudD17TWVudUljb259IC8+fVxuICAgICAgICA8VGV4dCBlbGxpcHNpcz57bGFiZWx9PC9UZXh0PlxuICAgICAgPC9zcGFuPlxuXG4gICAgICA8SWNvbiBjb21wb25lbnQ9e0tleWJvYXJkUmV0dXJuSWNvbn0gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
+function SearchResultItem({
+  active,
+  icon,
+  label,
+  ...props
+}) {
+  const ref = react$1.useRef(null);
+  react$1.useEffect(() => {
+    if (active) {
+      ref.current?.scrollIntoView({
+        behavior: "smooth",
+        block: "end"
+      });
+    }
+  }, [active]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, css: [itemStyle, active && activeItemStyle, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2gtcmVzdWx0LWl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FTSIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy9zZWFyY2gvc2VhcmNoLXJlc3VsdC1pdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRHluYW1pY0ljb25OYW1lIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBEeW5hbWljSWNvbiwgZ2xvYmFsQ3NzVmFycywgSWNvbiwgVGV4dCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBNZW51SWNvbiB9IGZyb20gXCJsdWNpZGUtcmVhY3RcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IEtleWJvYXJkUmV0dXJuSWNvbiB9IGZyb20gXCIuL2tleWJvYXJkLXJldHVybi1pY29uXCI7XG5cbmludGVyZmFjZSBTZWFyY2hSZXN1bHRJdGVtUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcImRpdlwiPiB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIGljb24/OiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG59XG5cbmNvbnN0IGl0ZW1TdHlsZSA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWQsXG4gIHBhZGRpbmc6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBib3JkZXJSYWRpdXM6IGdsb2JhbENzc1ZhcnMuYm9yZGVyUmFkaXVzTGcsXG4gIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvckZpbGxUZXJ0aWFyeSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgdHJhbnNpdGlvblByb3BlcnR5OiBcImJhY2tncm91bmQtY29sb3IsIGNvbG9yXCIsXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogZ2xvYmFsQ3NzVmFycy5tb3Rpb25EdXJhdGlvbk1pZCxcbiAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiBcImVhc2VcIixcbiAgXCImIC52ZWYtdHlwb2dyYXBoeVwiOiB7XG4gICAgdHJhbnNpdGlvblByb3BlcnR5OiBcImNvbG9yXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBnbG9iYWxDc3NWYXJzLm1vdGlvbkR1cmF0aW9uTWlkLFxuICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogXCJlYXNlXCJcbiAgfVxufSk7XG5cbmNvbnN0IGFjdGl2ZUl0ZW1TdHlsZSA9IGNzcyh7XG4gIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvclByaW1hcnksXG4gIGNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yVGV4dExpZ2h0U29saWQsXG4gIFwiJiAudmVmLXR5cG9ncmFwaHlcIjoge1xuICAgIGNvbG9yOiBnbG9iYWxDc3NWYXJzLmNvbG9yVGV4dExpZ2h0U29saWRcbiAgfVxufSk7XG5cbmNvbnN0IHRpdGxlU3R5bGUgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sdW1uR2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdYcyxcbiAgZmxleDogXCJhdXRvXCIsXG4gIG1pbldpZHRoOiAwXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlYXJjaFJlc3VsdEl0ZW0oe1xuICBhY3RpdmUsXG4gIGljb24sXG4gIGxhYmVsLFxuICAuLi5wcm9wc1xufTogU2VhcmNoUmVzdWx0SXRlbVByb3BzKSB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYWN0aXZlKSB7XG4gICAgICByZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogXCJzbW9vdGhcIiwgYmxvY2s6IFwiZW5kXCIgfSk7XG4gICAgfVxuICB9LCBbYWN0aXZlXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17W2l0ZW1TdHlsZSwgYWN0aXZlICYmIGFjdGl2ZUl0ZW1TdHlsZV19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAgPHNwYW4gY3NzPXt0aXRsZVN0eWxlfT5cbiAgICAgICAge2ljb24gPyA8RHluYW1pY0ljb24gbmFtZT17aWNvbiBhcyBEeW5hbWljSWNvbk5hbWV9IC8+IDogPEljb24gY29tcG9uZW50PXtNZW51SWNvbn0gLz59XG4gICAgICAgIDxUZXh0IGVsbGlwc2lzPntsYWJlbH08L1RleHQ+XG4gICAgICA8L3NwYW4+XG5cbiAgICAgIDxJY29uIGNvbXBvbmVudD17S2V5Ym9hcmRSZXR1cm5JY29ufSAvPlxuICAgIDwvZGl2PlxuICApO1xufVxuIl19 */"], ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { css: titleStyle, children: [
+      icon ? /* @__PURE__ */ jsxRuntime.jsx(components.DynamicIcon, { name: icon }) : /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.MenuIcon }),
+      /* @__PURE__ */ jsxRuntime.jsx(components.Text, { ellipsis: true, children: label })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: keyboardReturnIcon.KeyboardReturnIcon })
+  ] });
+}
+
+exports.SearchResultItem = SearchResultItem;

package/dist/cjs/components/layout/components/search/search-result.cjs

@@ -0,0 +1,135 @@
+/*! @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 shared = require('@vef-framework/shared');
+const react$1 = require('react');
+require('../../../../stores/index.cjs');
+require('../../hooks/index.cjs');
+const store = require('../../store.cjs');
+const searchResultItem = require('./search-result-item.cjs');
+const app = require('../../../../stores/app.cjs');
+const useMenuNavigate = require('../../hooks/use-menu-navigate.cjs');
+
+const resultStyle = /* @__PURE__ */ react.css({
+  display: "flex",
+  flexDirection: "column",
+  rowGap: components.globalCssVars.spacingSm
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2gtcmVzdWx0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm9CIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2gtcmVzdWx0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgV2l0aFBpbnlpbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcblxuaW1wb3J0IHR5cGUgeyBVc2VyTWVudSB9IGZyb20gXCIuLi8uLi8uLi8uLi90eXBlc1wiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IEVtcHR5LCBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IEFuaW1hdGVQcmVzZW5jZSwgbW90aW9uIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvcmVcIjtcbmltcG9ydCB7IHVzZUhvdGtleXMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvaG9va3NcIjtcbmltcG9ydCB7IGdldFBpbnlpbiwgZ2V0UGlueWluSW5pdGlhbHMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvc2hhcmVkXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZUFwcFN0b3JlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgdXNlTWVudU5hdmlnYXRlIH0gZnJvbSBcIi4uLy4uL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VMYXlvdXRTdG9yZSB9IGZyb20gXCIuLi8uLi9zdG9yZVwiO1xuaW1wb3J0IHsgU2VhcmNoUmVzdWx0SXRlbSB9IGZyb20gXCIuL3NlYXJjaC1yZXN1bHQtaXRlbVwiO1xuXG5pbnRlcmZhY2UgU2VhcmNoUmVzdWx0UHJvcHMge1xuICBrZXl3b3JkOiBzdHJpbmc7XG59XG5cbnR5cGUgTWVudUl0ZW0gPSBXaXRoUGlueWluPFVzZXJNZW51LCBcIm5hbWVcIj47XG5cbmNvbnN0IHJlc3VsdFN0eWxlID0gY3NzKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHJvd0dhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU21cbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VhcmNoUmVzdWx0KHsga2V5d29yZCB9OiBTZWFyY2hSZXN1bHRQcm9wcykge1xuICBjb25zdCBzZXRJc1NlYXJjaFZpc2libGUgPSB1c2VMYXlvdXRTdG9yZShzdGF0ZSA9PiBzdGF0ZS5zZXRJc1NlYXJjaFZpc2libGUpO1xuICBjb25zdCB1c2VyTWVudU1hcCA9IHVzZUFwcFN0b3JlKHN0YXRlID0+IHN0YXRlLnVzZXJNZW51TWFwKTtcbiAgY29uc3QgbWVudUl0ZW1zID0gdXNlTWVtbyhcbiAgICAoKSA9PiBidWlsZE1lbnVJdGVtcyh1c2VyTWVudU1hcCA/IFsuLi51c2VyTWVudU1hcC52YWx1ZXMoKV0gOiBbXSksXG4gICAgW3VzZXJNZW51TWFwXVxuICApO1xuICBjb25zdCBtYXRjaGVkTWVudUl0ZW1zID0gdXNlTWVtbyhcbiAgICAoKSA9PiBtZW51SXRlbXMuZmlsdGVyKGl0ZW0gPT4gbWF0Y2goaXRlbSwga2V5d29yZCkpLFxuICAgIFttZW51SXRlbXMsIGtleXdvcmRdXG4gICk7XG4gIGNvbnN0IFthY3RpdmVNZW51UGF0aCwgc2V0QWN0aXZlTWVudVBhdGhdID0gdXNlU3RhdGU8c3RyaW5nPigpO1xuXG4gIGNvbnN0IGhhbmRsZU1lbnVTZWxlY3QgPSAob2Zmc2V0OiAxIHwgLTEpID0+IHtcbiAgICBjb25zdCB7IGxlbmd0aCB9ID0gbWF0Y2hlZE1lbnVJdGVtcztcblxuICAgIGlmIChsZW5ndGggPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBpbmRleCA9IG1hdGNoZWRNZW51SXRlbXMuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5wYXRoID09PSBhY3RpdmVNZW51UGF0aCk7XG5cbiAgICBpZiAoaW5kZXggPT09IC0xKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbmV3SW5kZXggPSAoaW5kZXggKyBvZmZzZXQgKyBsZW5ndGgpICUgbGVuZ3RoO1xuICAgIHNldEFjdGl2ZU1lbnVQYXRoKG1hdGNoZWRNZW51SXRlbXNbbmV3SW5kZXhdIS5wYXRoKTtcbiAgfTtcblxuICBjb25zdCBuYXZpZ2F0ZSA9IHVzZU1lbnVOYXZpZ2F0ZSgpO1xuICB1c2VIb3RrZXlzKFwiZXNjXCIsICgpID0+IHNldElzU2VhcmNoVmlzaWJsZShmYWxzZSksIHsgZW5hYmxlT25Gb3JtVGFnczogdHJ1ZSB9KTtcbiAgdXNlSG90a2V5cyhcImVudGVyXCIsICgpID0+IHtcbiAgICBpZiAoIWFjdGl2ZU1lbnVQYXRoKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0SXNTZWFyY2hWaXNpYmxlKGZhbHNlKTtcbiAgICBjb25zdCBtZW51ID0gdXNlck1lbnVNYXA/LmdldChhY3RpdmVNZW51UGF0aCk7XG5cbiAgICBpZiAobWVudSkge1xuICAgICAgbmF2aWdhdGUobWVudSk7XG4gICAgfVxuICB9LCB7IGVuYWJsZU9uRm9ybVRhZ3M6IHRydWUgfSk7XG4gIHVzZUhvdGtleXMoXCJ1cFwiLCAoKSA9PiBoYW5kbGVNZW51U2VsZWN0KC0xKSwgeyBlbmFibGVPbkZvcm1UYWdzOiB0cnVlIH0pO1xuICB1c2VIb3RrZXlzKFwiZG93blwiLCAoKSA9PiBoYW5kbGVNZW51U2VsZWN0KDEpLCB7IGVuYWJsZU9uRm9ybVRhZ3M6IHRydWUgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWF0Y2hlZE1lbnVJdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICBjb25zdCB7IHBhdGggfSA9IG1hdGNoZWRNZW51SXRlbXNbMF0hO1xuXG4gICAgICBzZXRBY3RpdmVNZW51UGF0aChwYXRoKTtcbiAgICB9XG4gIH0sIFttYXRjaGVkTWVudUl0ZW1zXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNzcz17cmVzdWx0U3R5bGV9PlxuICAgICAgPEFuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAge21hdGNoZWRNZW51SXRlbXMubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICBrZXk9e2l0ZW0ucGF0aH1cbiAgICAgICAgICAgIGxheW91dFxuICAgICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxLCB5OiAwIH19XG4gICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAsIHk6IDIwIH19XG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt7XG4gICAgICAgICAgICAgIGR1cmF0aW9uOiAwLjMsXG4gICAgICAgICAgICAgIGRlbGF5OiBpbmRleCAqIDAuMDUsXG4gICAgICAgICAgICAgIGVhc2U6IFwiZWFzZU91dFwiXG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTZWFyY2hSZXN1bHRJdGVtXG4gICAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlTWVudVBhdGggPT09IGl0ZW0ucGF0aH1cbiAgICAgICAgICAgICAgaWNvbj17aXRlbS5pY29uID09PSBudWxsID8gdW5kZWZpbmVkIDogaXRlbS5pY29ufVxuICAgICAgICAgICAgICBsYWJlbD17aXRlbS5uYW1lfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGFjdGl2ZU1lbnVQYXRoICE9PSBpdGVtLnBhdGgpIHtcbiAgICAgICAgICAgICAgICAgIHNldEFjdGl2ZU1lbnVQYXRoKGl0ZW0ucGF0aCk7XG4gICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgc2V0SXNTZWFyY2hWaXNpYmxlKGZhbHNlKTtcbiAgICAgICAgICAgICAgICBjb25zdCBtZW51ID0gdXNlck1lbnVNYXA/LmdldChpdGVtLnBhdGgpO1xuXG4gICAgICAgICAgICAgICAgaWYgKG1lbnUpIHtcbiAgICAgICAgICAgICAgICAgIG5hdmlnYXRlKG1lbnUpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICApKX1cbiAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuXG4gICAgICA8QW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7bWF0Y2hlZE1lbnVJdGVtcy5sZW5ndGggPT09IDAgJiYgKFxuICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICBrZXk9XCJlbXB0eS1zdGF0ZVwiXG4gICAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IDEsIHNjYWxlOiAxIH19XG4gICAgICAgICAgICBpbml0aWFsPXt7IG9wYWNpdHk6IDAsIHNjYWxlOiAwLjk1IH19XG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjMsIGVhc2U6IFwiZWFzZU91dFwiIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEVtcHR5XG4gICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgICBrZXl3b3JkXG4gICAgICAgICAgICAgICAgICA/IGDmsqHmnInmib7liLDkuI5cIiR7a2V5d29yZH1cIuebuOWFs+eahOiPnOWNlWBcbiAgICAgICAgICAgICAgICAgIDogXCLor7fovpPlhaXlhbPplK7lrZfmkJzntKJcIlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5mdW5jdGlvbiBtYXRjaChtZW51SXRlbTogTWVudUl0ZW0sIGtleXdvcmQ6IHN0cmluZykge1xuICBpZiAoIWtleXdvcmQpIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBjb25zdCB7XG4gICAgbmFtZSxcbiAgICBuYW1lUGlueWluLFxuICAgIG5hbWVQaW55aW5Jbml0aWFsc1xuICB9ID0gbWVudUl0ZW07XG5cbiAgcmV0dXJuIG5hbWUuaW5jbHVkZXMoa2V5d29yZCkgfHwgbmFtZVBpbnlpbi5pbmNsdWRlcyhrZXl3b3JkKSB8fCBuYW1lUGlueWluSW5pdGlhbHMuaW5jbHVkZXMoa2V5d29yZCk7XG59XG5cbmZ1bmN0aW9uIGJ1aWxkTWVudUl0ZW1zKG1lbnVzOiByZWFkb25seSBVc2VyTWVudVtdKTogTWVudUl0ZW1bXSB7XG4gIHJldHVybiBtZW51cy5tYXAobWVudSA9PiB7XG4gICAgY29uc3QgeyBuYW1lIH0gPSBtZW51O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLm1lbnUsXG4gICAgICBuYW1lUGlueWluOiBnZXRQaW55aW4obmFtZSkuam9pbihcIlwiKSxcbiAgICAgIG5hbWVQaW55aW5Jbml0aWFsczogZ2V0UGlueWluSW5pdGlhbHMobmFtZSkuam9pbihcIlwiKVxuICAgIH07XG4gIH0pO1xufVxuIl19 */");
+function SearchResult({
+  keyword
+}) {
+  const setIsSearchVisible = store.useLayoutStore((state) => state.setIsSearchVisible);
+  const userMenuMap = app.useAppStore((state) => state.userMenuMap);
+  const menuItems = react$1.useMemo(() => buildMenuItems(userMenuMap ? [...userMenuMap.values()] : []), [userMenuMap]);
+  const matchedMenuItems = react$1.useMemo(() => menuItems.filter((item) => match(item, keyword)), [menuItems, keyword]);
+  const [activeMenuPath, setActiveMenuPath] = react$1.useState();
+  const handleMenuSelect = (offset) => {
+    const {
+      length
+    } = matchedMenuItems;
+    if (length === 0) {
+      return;
+    }
+    const index = matchedMenuItems.findIndex((item) => item.path === activeMenuPath);
+    if (index === -1) {
+      return;
+    }
+    const newIndex = (index + offset + length) % length;
+    setActiveMenuPath(matchedMenuItems[newIndex].path);
+  };
+  const navigate = useMenuNavigate.useMenuNavigate();
+  hooks.useHotkeys("esc", () => setIsSearchVisible(false), {
+    enableOnFormTags: true
+  });
+  hooks.useHotkeys("enter", () => {
+    if (!activeMenuPath) {
+      return;
+    }
+    setIsSearchVisible(false);
+    const menu = userMenuMap?.get(activeMenuPath);
+    if (menu) {
+      navigate(menu);
+    }
+  }, {
+    enableOnFormTags: true
+  });
+  hooks.useHotkeys("up", () => handleMenuSelect(-1), {
+    enableOnFormTags: true
+  });
+  hooks.useHotkeys("down", () => handleMenuSelect(1), {
+    enableOnFormTags: true
+  });
+  react$1.useEffect(() => {
+    if (matchedMenuItems.length > 0) {
+      const {
+        path
+      } = matchedMenuItems[0];
+      setActiveMenuPath(path);
+    }
+  }, [matchedMenuItems]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: resultStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.AnimatePresence, { children: matchedMenuItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(core.motion.div, { layout: true, animate: {
+      opacity: 1,
+      y: 0
+    }, initial: {
+      opacity: 0,
+      y: 20
+    }, transition: {
+      duration: 0.3,
+      delay: index * 0.05,
+      ease: "easeOut"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx(searchResultItem.SearchResultItem, { active: activeMenuPath === item.path, icon: item.icon === null ? void 0 : item.icon, label: item.name, onClick: () => {
+      if (activeMenuPath !== item.path) {
+        setActiveMenuPath(item.path);
+        return;
+      }
+      setIsSearchVisible(false);
+      const menu = userMenuMap?.get(item.path);
+      if (menu) {
+        navigate(menu);
+      }
+    } }) }, item.path)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.AnimatePresence, { children: matchedMenuItems.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(core.motion.div, { animate: {
+      opacity: 1,
+      scale: 1
+    }, initial: {
+      opacity: 0,
+      scale: 0.95
+    }, transition: {
+      duration: 0.3,
+      ease: "easeOut"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx(components.Empty, { description: keyword ? `没有找到与"${keyword}"相关的菜单` : "请输入关键字搜索" }) }, "empty-state") })
+  ] });
+}
+function match(menuItem, keyword) {
+  if (!keyword) {
+    return false;
+  }
+  const {
+    name,
+    namePinyin,
+    namePinyinInitials
+  } = menuItem;
+  return name.includes(keyword) || namePinyin.includes(keyword) || namePinyinInitials.includes(keyword);
+}
+function buildMenuItems(menus) {
+  return menus.map((menu) => {
+    const {
+      name
+    } = menu;
+    return {
+      ...menu,
+      namePinyin: shared.getPinyin(name).join(""),
+      namePinyinInitials: shared.getPinyinInitials(name).join("")
+    };
+  });
+}
+
+exports.SearchResult = SearchResult;

package/dist/cjs/components/layout/components/sidebar.cjs

@@ -0,0 +1,54 @@
+/*! @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 honeycombPattern = require('./honeycomb-pattern.cjs');
+const logo = require('./logo.cjs');
+const menu = require('./menu.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 logoStyle = process.env.NODE_ENV === "production" ? {
+  name: "dooaqh",
+  styles: "flex:none;height:var(--vef-layout-header-height)"
+} : {
+  name: "dooaqh",
+  styles: "flex:none;height:var(--vef-layout-header-height)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFrQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy9zaWRlYmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTGF5b3V0UHJvcHMgfSBmcm9tIFwiLi4vcHJvcHNcIjtcblxuaW1wb3J0IHsgQ2xhc3NOYW1lcywgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTY3JvbGxBcmVhIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcblxuaW1wb3J0IHsgSG9uZXljb21iUGF0dGVybiB9IGZyb20gXCIuL2hvbmV5Y29tYi1wYXR0ZXJuXCI7XG5pbXBvcnQgeyBMb2dvIH0gZnJvbSBcIi4vbG9nb1wiO1xuaW1wb3J0IHsgTWVudSB9IGZyb20gXCIuL21lbnVcIjtcblxuaW50ZXJmYWNlIFNpZGViYXJQcm9wcyBleHRlbmRzIFBpY2s8TGF5b3V0UHJvcHMsIFwibG9nb1wiIHwgXCJ0aXRsZVwiPiB7XG4gIGlzU2lkZWJhckNvbGxhcHNlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IGxvZ29TdHlsZSA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBoZWlnaHQ6IFwidmFyKC0tdmVmLWxheW91dC1oZWFkZXItaGVpZ2h0KVwiXG59KTtcblxuY29uc3QgbWVudVdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gIGZsZXg6IFwiYXV0b1wiXG59KTtcblxuY29uc3QgbWVudUNvbnRhaW5lclN0eWxlID0gY3NzKHtcbiAgcGFkZGluZzogXCIycHhcIlxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTaWRlYmFyKHtcbiAgaXNTaWRlYmFyQ29sbGFwc2VkLFxuICBsb2dvLFxuICB0aXRsZVxufTogU2lkZWJhclByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxIb25leWNvbWJQYXR0ZXJuIC8+XG5cbiAgICAgIDxMb2dvXG4gICAgICAgIGNzcz17bG9nb1N0eWxlfVxuICAgICAgICBpc1RpdGxlVmlzaWJsZT17IWlzU2lkZWJhckNvbGxhcHNlZH1cbiAgICAgICAgbG9nbz17bG9nb31cbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgLz5cblxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxTY3JvbGxBcmVhXG4gICAgICAgICAgICBjc3M9e21lbnVXcmFwcGVyU3R5bGV9XG4gICAgICAgICAgICBzY3JvbGxiYXJTaXplPXs4fVxuICAgICAgICAgICAgdHlwZT1cInNjcm9sbFwiXG4gICAgICAgICAgICB2aWV3cG9ydENsYXNzTmFtZT17Y3NzKG1lbnVDb250YWluZXJTdHlsZSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1lbnUgaXNTaWRlYmFyQ29sbGFwc2VkPXtpc1NpZGViYXJDb2xsYXBzZWR9IGxheW91dD1cInZlcnRpY2FsXCIgLz5cbiAgICAgICAgICA8L1Njcm9sbEFyZWE+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgPC8+XG4gICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const menuWrapperStyle = process.env.NODE_ENV === "production" ? {
+  name: "1o3mejq",
+  styles: "flex:auto"
+} : {
+  name: "1o3mejq",
+  styles: "flex:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvc2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IExheW91dFByb3BzIH0gZnJvbSBcIi4uL3Byb3BzXCI7XG5cbmltcG9ydCB7IENsYXNzTmFtZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IEhvbmV5Y29tYlBhdHRlcm4gfSBmcm9tIFwiLi9ob25leWNvbWItcGF0dGVyblwiO1xuaW1wb3J0IHsgTG9nbyB9IGZyb20gXCIuL2xvZ29cIjtcbmltcG9ydCB7IE1lbnUgfSBmcm9tIFwiLi9tZW51XCI7XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMgZXh0ZW5kcyBQaWNrPExheW91dFByb3BzLCBcImxvZ29cIiB8IFwidGl0bGVcIj4ge1xuICBpc1NpZGViYXJDb2xsYXBzZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBsb2dvU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcIm5vbmVcIixcbiAgaGVpZ2h0OiBcInZhcigtLXZlZi1sYXlvdXQtaGVhZGVyLWhlaWdodClcIlxufSk7XG5cbmNvbnN0IG1lbnVXcmFwcGVyU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcImF1dG9cIlxufSk7XG5cbmNvbnN0IG1lbnVDb250YWluZXJTdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmc6IFwiMnB4XCJcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2lkZWJhcih7XG4gIGlzU2lkZWJhckNvbGxhcHNlZCxcbiAgbG9nbyxcbiAgdGl0bGVcbn06IFNpZGViYXJQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8SG9uZXljb21iUGF0dGVybiAvPlxuXG4gICAgICA8TG9nb1xuICAgICAgICBjc3M9e2xvZ29TdHlsZX1cbiAgICAgICAgaXNUaXRsZVZpc2libGU9eyFpc1NpZGViYXJDb2xsYXBzZWR9XG4gICAgICAgIGxvZ289e2xvZ299XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIC8+XG5cbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY3NzPXttZW51V3JhcHBlclN0eWxlfVxuICAgICAgICAgICAgc2Nyb2xsYmFyU2l6ZT17OH1cbiAgICAgICAgICAgIHR5cGU9XCJzY3JvbGxcIlxuICAgICAgICAgICAgdmlld3BvcnRDbGFzc05hbWU9e2NzcyhtZW51Q29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNZW51IGlzU2lkZWJhckNvbGxhcHNlZD17aXNTaWRlYmFyQ29sbGFwc2VkfSBsYXlvdXQ9XCJ2ZXJ0aWNhbFwiIC8+XG4gICAgICAgICAgPC9TY3JvbGxBcmVhPlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvPlxuICApO1xufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const menuContainerStyle = process.env.NODE_ENV === "production" ? {
+  name: "eeu0j5",
+  styles: "padding:2px"
+} : {
+  name: "eeu0j5",
+  styles: "padding:2px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCMkIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvc2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IExheW91dFByb3BzIH0gZnJvbSBcIi4uL3Byb3BzXCI7XG5cbmltcG9ydCB7IENsYXNzTmFtZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2Nyb2xsQXJlYSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IEhvbmV5Y29tYlBhdHRlcm4gfSBmcm9tIFwiLi9ob25leWNvbWItcGF0dGVyblwiO1xuaW1wb3J0IHsgTG9nbyB9IGZyb20gXCIuL2xvZ29cIjtcbmltcG9ydCB7IE1lbnUgfSBmcm9tIFwiLi9tZW51XCI7XG5cbmludGVyZmFjZSBTaWRlYmFyUHJvcHMgZXh0ZW5kcyBQaWNrPExheW91dFByb3BzLCBcImxvZ29cIiB8IFwidGl0bGVcIj4ge1xuICBpc1NpZGViYXJDb2xsYXBzZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBsb2dvU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcIm5vbmVcIixcbiAgaGVpZ2h0OiBcInZhcigtLXZlZi1sYXlvdXQtaGVhZGVyLWhlaWdodClcIlxufSk7XG5cbmNvbnN0IG1lbnVXcmFwcGVyU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcImF1dG9cIlxufSk7XG5cbmNvbnN0IG1lbnVDb250YWluZXJTdHlsZSA9IGNzcyh7XG4gIHBhZGRpbmc6IFwiMnB4XCJcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2lkZWJhcih7XG4gIGlzU2lkZWJhckNvbGxhcHNlZCxcbiAgbG9nbyxcbiAgdGl0bGVcbn06IFNpZGViYXJQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8SG9uZXljb21iUGF0dGVybiAvPlxuXG4gICAgICA8TG9nb1xuICAgICAgICBjc3M9e2xvZ29TdHlsZX1cbiAgICAgICAgaXNUaXRsZVZpc2libGU9eyFpc1NpZGViYXJDb2xsYXBzZWR9XG4gICAgICAgIGxvZ289e2xvZ299XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIC8+XG5cbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY3NzPXttZW51V3JhcHBlclN0eWxlfVxuICAgICAgICAgICAgc2Nyb2xsYmFyU2l6ZT17OH1cbiAgICAgICAgICAgIHR5cGU9XCJzY3JvbGxcIlxuICAgICAgICAgICAgdmlld3BvcnRDbGFzc05hbWU9e2NzcyhtZW51Q29udGFpbmVyU3R5bGUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNZW51IGlzU2lkZWJhckNvbGxhcHNlZD17aXNTaWRlYmFyQ29sbGFwc2VkfSBsYXlvdXQ9XCJ2ZXJ0aWNhbFwiIC8+XG4gICAgICAgICAgPC9TY3JvbGxBcmVhPlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvPlxuICApO1xufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+function Sidebar({
+  isSidebarCollapsed,
+  logo: logo$1,
+  title
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(honeycombPattern.HoneycombPattern, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(logo.Logo, { css: logoStyle, isTitleVisible: !isSidebarCollapsed, logo: logo$1, title }),
+    /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, { children: ({
+      css: css2
+    }) => /* @__PURE__ */ jsxRuntime.jsx(components.ScrollArea, { css: menuWrapperStyle, scrollbarSize: 8, type: "scroll", viewportClassName: css2(menuContainerStyle), children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu, { isSidebarCollapsed, layout: "vertical" }) }) })
+  ] });
+}
+
+exports.Sidebar = Sidebar;

package/dist/cjs/components/layout/components/tabs/context-menu.cjs

@@ -0,0 +1,96 @@
+/*! @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 components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const lucideReact = require('lucide-react');
+require('../../../../stores/index.cjs');
+require('../../hooks/index.cjs');
+const tab = require('../../../../stores/tab.cjs');
+const useTabNavigate = require('../../hooks/use-tab-navigate.cjs');
+
+const contextMenuOptions = [{
+  key: "close",
+  icon: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.XIcon }),
+  label: "关闭"
+}, {
+  key: "close-other",
+  icon: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.ChevronsLeftRightEllipsisIcon }),
+  label: "关闭其他"
+}, {
+  key: "close-left",
+  icon: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.ArrowLeftFromLineIcon }),
+  label: "关闭左侧"
+}, {
+  key: "close-right",
+  icon: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.ArrowRightFromLineIcon }),
+  label: "关闭右侧"
+}, {
+  key: "close-all",
+  icon: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.ChevronsRightLeftIcon }),
+  label: "关闭所有"
+}];
+function ContextMenu({
+  children,
+  tabId
+}) {
+  const {
+    removeTab,
+    removeAllTabs,
+    removeAllTabsExcept,
+    removeLeftTabs,
+    removeRightTabs
+  } = tab.useTabStore(core.useShallow(({
+    removeTab: removeTab2,
+    removeAllTabs: removeAllTabs2,
+    removeAllTabsExcept: removeAllTabsExcept2,
+    removeLeftTabs: removeLeftTabs2,
+    removeRightTabs: removeRightTabs2
+  }) => {
+    return {
+      removeTab: removeTab2,
+      removeAllTabs: removeAllTabs2,
+      removeAllTabsExcept: removeAllTabsExcept2,
+      removeLeftTabs: removeLeftTabs2,
+      removeRightTabs: removeRightTabs2
+    };
+  }));
+  const navigate = useTabNavigate.useTabNavigate({
+    async: true
+  });
+  const handleMenuClick = ({
+    key
+  }) => {
+    switch (key) {
+      case "close": {
+        removeTab(tabId, navigate);
+        break;
+      }
+      case "close-other": {
+        removeAllTabsExcept(tabId, navigate);
+        break;
+      }
+      case "close-left": {
+        removeLeftTabs(tabId, navigate);
+        break;
+      }
+      case "close-right": {
+        removeRightTabs(tabId, navigate);
+        break;
+      }
+      case "close-all": {
+        removeAllTabs(navigate);
+        break;
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Dropdown, { trigger: ["contextMenu"], menu: {
+    items: contextMenuOptions,
+    onClick: handleMenuClick
+  }, children });
+}
+
+exports.ContextMenu = ContextMenu;

package/dist/cjs/components/layout/components/tabs/index.cjs

@@ -0,0 +1,40 @@
+/*! @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 mainContentMaximum = require('./main-content-maximum.cjs');
+const reload = require('./reload.cjs');
+const tabsContainer = require('./tabs-container.cjs');
+
+const tabsStyle = /* @__PURE__ */ react.css({
+  position: "relative",
+  zIndex: 1,
+  height: "100%",
+  backgroundColor: components.globalCssVars.colorBgContainer,
+  boxShadow: "0 1px 2px rgb(0, 21, 41, 0.08)",
+  padding: `0 ${components.globalCssVars.spacingSm}`,
+  display: "flex",
+  gap: components.globalCssVars.spacingSm
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RhYnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9rQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9sYXlvdXQvY29tcG9uZW50cy90YWJzL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2xvYmFsQ3NzVmFycyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IE1haW5Db250ZW50TWF4aW11bSB9IGZyb20gXCIuL21haW4tY29udGVudC1tYXhpbXVtXCI7XG5pbXBvcnQgeyBSZWxvYWQgfSBmcm9tIFwiLi9yZWxvYWRcIjtcbmltcG9ydCB7IFRhYnNDb250YWluZXIgfSBmcm9tIFwiLi90YWJzLWNvbnRhaW5lclwiO1xuXG5jb25zdCB0YWJzU3R5bGUgPSBjc3Moe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IDEsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogZ2xvYmFsQ3NzVmFycy5jb2xvckJnQ29udGFpbmVyLFxuICBib3hTaGFkb3c6IFwiMCAxcHggMnB4IHJnYigwLCAyMSwgNDEsIDAuMDgpXCIsXG4gIHBhZGRpbmc6IGAwICR7Z2xvYmFsQ3NzVmFycy5zcGFjaW5nU219YCxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nU21cbn0pO1xuXG5jb25zdCBhY3Rpb25zU3R5bGUgPSBjc3Moe1xuICBmbGV4OiBcIm5vbmVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGNvbHVtbkdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nWHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnMoKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3RhYnNTdHlsZX0+XG4gICAgICA8VGFic0NvbnRhaW5lciAvPlxuXG4gICAgICA8ZGl2IGNzcz17YWN0aW9uc1N0eWxlfT5cbiAgICAgICAgPFJlbG9hZCAvPlxuICAgICAgICA8TWFpbkNvbnRlbnRNYXhpbXVtIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
+const actionsStyle = /* @__PURE__ */ react.css({
+  flex: "none",
+  height: "100%",
+  display: "flex",
+  columnGap: components.globalCssVars.spacingXxs,
+  alignItems: "center"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9jb21wb25lbnRzL3RhYnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCcUIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbGF5b3V0L2NvbXBvbmVudHMvdGFicy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyBNYWluQ29udGVudE1heGltdW0gfSBmcm9tIFwiLi9tYWluLWNvbnRlbnQtbWF4aW11bVwiO1xuaW1wb3J0IHsgUmVsb2FkIH0gZnJvbSBcIi4vcmVsb2FkXCI7XG5pbXBvcnQgeyBUYWJzQ29udGFpbmVyIH0gZnJvbSBcIi4vdGFicy1jb250YWluZXJcIjtcblxuY29uc3QgdGFic1N0eWxlID0gY3NzKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGdsb2JhbENzc1ZhcnMuY29sb3JCZ0NvbnRhaW5lcixcbiAgYm94U2hhZG93OiBcIjAgMXB4IDJweCByZ2IoMCwgMjEsIDQxLCAwLjA4KVwiLFxuICBwYWRkaW5nOiBgMCAke2dsb2JhbENzc1ZhcnMuc3BhY2luZ1NtfWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtXG59KTtcblxuY29uc3QgYWN0aW9uc1N0eWxlID0gY3NzKHtcbiAgZmxleDogXCJub25lXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBjb2x1bW5HYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1h4cyxcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIlxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKCkge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXt0YWJzU3R5bGV9PlxuICAgICAgPFRhYnNDb250YWluZXIgLz5cblxuICAgICAgPGRpdiBjc3M9e2FjdGlvbnNTdHlsZX0+XG4gICAgICAgIDxSZWxvYWQgLz5cbiAgICAgICAgPE1haW5Db250ZW50TWF4aW11bSAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0= */");
+function Tabs() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: tabsStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tabsContainer.TabsContainer, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { css: actionsStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reload.Reload, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(mainContentMaximum.MainContentMaximum, {})
+    ] })
+  ] });
+}
+
+exports.Tabs = Tabs;

package/dist/cjs/components/layout/components/tabs/main-content-maximum.cjs

@@ -0,0 +1,23 @@
+/*! @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 components = require('@vef-framework/components');
+const lucideReact = require('lucide-react');
+require('../../../../stores/index.cjs');
+const theme = require('../../../../stores/theme.cjs');
+
+function MainContentMaximum({
+  className
+}) {
+  const isMainContentMaximum = theme.useThemeStore((state) => state.isMainContentMaximum);
+  return /* @__PURE__ */ jsxRuntime.jsx(components.IconButton, { className, icon: isMainContentMaximum ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShrinkIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExpandIcon, {}), placement: "bottom", tip: isMainContentMaximum ? "退出内容最大化" : "内容最大化", onClick: () => {
+    theme.useThemeStore.setState((state) => {
+      state.isMainContentMaximum = !state.isMainContentMaximum;
+    });
+  } }, String(isMainContentMaximum));
+}
+
+exports.MainContentMaximum = MainContentMaximum;

package/dist/cjs/components/layout/components/tabs/reload.cjs

@@ -0,0 +1,21 @@
+/*! @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 components = require('@vef-framework/components');
+const lucideReact = require('lucide-react');
+require('../../../../helpers/index.cjs');
+require('../../../../hooks/index.cjs');
+const useRouteFullPath = require('../../../../hooks/use-route-full-path.cjs');
+const event = require('../../../../helpers/event.cjs');
+
+function Reload({
+  className
+}) {
+  const fullPath = useRouteFullPath.useRouteFullPath();
+  return /* @__PURE__ */ jsxRuntime.jsx(components.IconButton, { className, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, {}), placement: "bottom", tip: "刷新页面", onClick: () => event.reloadPage(fullPath) });
+}
+
+exports.Reload = Reload;