@vef-framework/components 1.0.98 → 1.0.99

package/lib/vef-input-number/index.cjs

@@ -1,3 +1,153 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/shared"),r=require("antd"),t=require("react");require("../internal/index.cjs");const o=require("./hooks/use-input-number-instance.cjs"),s=require("../internal/utils.cjs");function normalizeValue(e,n){const r=Number.parseFloat(e);return Number.isNaN(r)?null:n?`${r}`:r}const u=t.forwardRef((({size:u,showControls:a,step:i,min:l,max:c,prepend:m,append:d,...g},F)=>{const f=t.useMemo((()=>{const{useStringFormat:e}=g;if(e){const{onChange:e,onEnterKeyPress:r,onBlur:t,onFocus:o}=g;return{stringFormat:!0,onChange:n.isFunction(e)?n=>e(n):void 0,onPressEnter:n.isFunction(r)?e=>r(normalizeValue(e.target.value,!0)):void 0,onBlur:n.isFunction(t)?e=>t(normalizeValue(e.target.value,!0)):void 0,onFocus:n.isFunction(o)?e=>o(normalizeValue(e.target.value,!0)):void 0}}const{onChange:r,onEnterKeyPress:t,onBlur:o,onFocus:s}=g;return{stringFormat:!1,onChange:n.isFunction(r)?e=>r(e):void 0,onPressEnter:n.isFunction(t)?e=>t(normalizeValue(e.target.value,!1)):void 0,onBlur:n.isFunction(o)?e=>o(normalizeValue(e.target.value,!1)):void 0,onFocus:n.isFunction(s)?e=>s(normalizeValue(e.target.value,!1)):void 0}}),[g]),v=o.useInputNumberInstance(F),{useStringFormat:p}=g;if(p){const{useStringFormat:t,defaultValue:o,value:F,onChange:p,onEnterKeyPress:V,onBlur:h,onFocus:z,...b}=g,{stringFormat:x}=f;if(x){const{stringFormat:t,...g}=f;return e.jsx(r.InputNumber,{ref:v,stringMode:!0,addonAfter:d,addonBefore:m,controls:a,css:n.styles.fullWidth,defaultValue:o,max:`${c}`,min:`${l}`,size:s.convertBasicSizeToUiSize(u),step:`${i}`,value:F,...b,...g})}return}const{useStringFormat:V,defaultValue:h,value:z,onChange:b,onEnterKeyPress:x,onBlur:B,onFocus:N,...y}=g,{stringFormat:S}=f;if(!S){const{stringFormat:t,...o}=f;return e.jsx(r.InputNumber,{ref:v,addonAfter:d,addonBefore:m,controls:a,css:n.styles.fullWidth,defaultValue:h,max:c,min:l,step:i,value:z,...y,...o})}}));u.displayName="VefInputNumber",exports.default=u;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+require('../internal/index.cjs');
+const useInputNumberInstance = require('./hooks/use-input-number-instance.cjs');
+const utils = require('../internal/utils.cjs');
+
+function normalizeValue(value, useStringFormat) {
+  const number = Number.parseFloat(value);
+  if (Number.isNaN(number)) {
+    return null;
+  }
+  return useStringFormat ? `${number}` : number;
+}
+const VefInputNumber = react.forwardRef(({
+  size,
+  showControls,
+  step,
+  min,
+  max,
+  prepend,
+  append,
+  ...restProps
+}, ref) => {
+  const eventHandlerGroup = react.useMemo(() => {
+    const { useStringFormat: useStringFormat2 } = restProps;
+    if (useStringFormat2) {
+      const {
+        onChange: onChange3,
+        onEnterKeyPress: onEnterKeyPress3,
+        onBlur: onBlur3,
+        onFocus: onFocus3
+      } = restProps;
+      return {
+        stringFormat: true,
+        onChange: shared.isFunction(onChange3) ? (value2) => onChange3(value2) : void 0,
+        onPressEnter: shared.isFunction(onEnterKeyPress3) ? (event) => onEnterKeyPress3(
+          normalizeValue(
+            event.target.value,
+            true
+          )
+        ) : void 0,
+        onBlur: shared.isFunction(onBlur3) ? (event) => onBlur3(
+          normalizeValue(event.target.value, true)
+        ) : void 0,
+        onFocus: shared.isFunction(onFocus3) ? (event) => onFocus3(
+          normalizeValue(event.target.value, true)
+        ) : void 0
+      };
+    }
+    const {
+      onChange: onChange2,
+      onEnterKeyPress: onEnterKeyPress2,
+      onBlur: onBlur2,
+      onFocus: onFocus2
+    } = restProps;
+    return {
+      stringFormat: false,
+      onChange: shared.isFunction(onChange2) ? (value2) => onChange2(value2) : void 0,
+      onPressEnter: shared.isFunction(onEnterKeyPress2) ? (event) => onEnterKeyPress2(
+        normalizeValue(
+          event.target.value,
+          false
+        )
+      ) : void 0,
+      onBlur: shared.isFunction(onBlur2) ? (event) => onBlur2(
+        normalizeValue(event.target.value, false)
+      ) : void 0,
+      onFocus: shared.isFunction(onFocus2) ? (event) => onFocus2(
+        normalizeValue(event.target.value, false)
+      ) : void 0
+    };
+  }, [restProps]);
+  const inputNumberRef = useInputNumberInstance.useInputNumberInstance(ref);
+  const { useStringFormat } = restProps;
+  if (useStringFormat) {
+    const {
+      useStringFormat: useStringFormat2,
+      defaultValue: defaultValue2,
+      value: value2,
+      onChange: onChange2,
+      onEnterKeyPress: onEnterKeyPress2,
+      onBlur: onBlur2,
+      onFocus: onFocus2,
+      ...commonProps2
+    } = restProps;
+    const { stringFormat: stringFormat2 } = eventHandlerGroup;
+    if (stringFormat2) {
+      const { stringFormat: stringFormat3, ...eventHandlers } = eventHandlerGroup;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        antd.InputNumber,
+        {
+          ref: inputNumberRef,
+          stringMode: true,
+          addonAfter: append,
+          addonBefore: prepend,
+          controls: showControls,
+          css: shared.styles.fullWidth,
+          defaultValue: defaultValue2,
+          max: `${max}`,
+          min: `${min}`,
+          size: utils.convertBasicSizeToUiSize(size),
+          step: `${step}`,
+          value: value2,
+          ...commonProps2,
+          ...eventHandlers
+        }
+      );
+    }
+    return;
+  }
+  const {
+    useStringFormat: _,
+    defaultValue,
+    value,
+    onChange,
+    onEnterKeyPress,
+    onBlur,
+    onFocus,
+    ...commonProps
+  } = restProps;
+  const { stringFormat } = eventHandlerGroup;
+  if (!stringFormat) {
+    const { stringFormat: stringFormat2, ...eventHandlers } = eventHandlerGroup;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.InputNumber,
+      {
+        ref: inputNumberRef,
+        addonAfter: append,
+        addonBefore: prepend,
+        controls: showControls,
+        css: shared.styles.fullWidth,
+        defaultValue,
+        max,
+        min,
+        step,
+        value,
+        ...commonProps,
+        ...eventHandlers
+      }
+    );
+  }
+});
+VefInputNumber.displayName = "VefInputNumber";
+
+exports.default = VefInputNumber;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-input-number/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-layout/common-styles.cjs

@@ -1,6 +1,15 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react"),r=require("@vef-framework/shared"),t=e.css`
-  padding: ${r.themeVariables.paddingXs};
-  ${r.styles.flexCenter}
-`;exports.iconStyle=t;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@emotion/react');
+const shared = require('@vef-framework/shared');
+
+const iconStyle = react.css`
+  padding: ${shared.themeVariables.paddingXs};
+  ${shared.styles.flexCenter}
+`;
+
+exports.iconStyle = iconStyle;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-layout/components/content.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),r=require("react"),{Content:n}=t.Layout;const o=r.memo((function VefContentBase({children:t}){return e.jsx(n,{children:t})}));o.displayName="VefContent",exports.default=o;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const antd = require('antd');
+const react = require('react');
+
+const { Content } = antd.Layout;
+function VefContentBase({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Content, { children });
+}
+const VefContent = react.memo(VefContentBase);
+VefContent.displayName = "VefContent";
+
+exports.default = VefContent;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-layout/components/font-size.cjs

@@ -1,3 +1,73 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),l=require("../../vef-config-provider/store.cjs"),n=require("../../vef-dropdown/index.cjs"),t=require("../../vef-icon/index.cjs"),o=require("../common-styles.cjs");function IconFontSize(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsxs("g",{fill:"none",fillRule:"evenodd",children:[e.jsx("path",{d:"m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"}),e.jsx("path",{d:"M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z",fill:"currentColor"})]})})}function IconFontSizeDecrease(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m10-1h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}function IconFontSizeIncrease(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m7-4v6m3-3h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}const i=[{key:"medium",type:"item",label:"默认字号",icon:e.jsx(t.default,{children:e.jsx(IconFontSizeDecrease,{})})},{key:"large",type:"item",label:"大字号",icon:e.jsx(t.default,{children:e.jsx(IconFontSizeIncrease,{})})}];exports.default=function VefFontSize(){const[r,s]=l.useConfigStore((e=>[e.fontSize,e.setFontSize]));return e.jsx(n.default,{selectable:!0,items:i,selectedKeys:[r],onChange:([e])=>s(e),children:e.jsx("div",{css:o.iconStyle,children:e.jsx(t.default,{size:"large",children:e.jsx(IconFontSize,{})})})})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const store = require('../../vef-config-provider/store.cjs');
+const index$1 = require('../../vef-dropdown/index.cjs');
+const index = require('../../vef-icon/index.cjs');
+const commonStyles = require('../common-styles.cjs');
+
+function IconFontSize(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", fillRule: "evenodd", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z", fill: "currentColor" })
+  ] }) });
+}
+function IconFontSizeDecrease(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      height: 24,
+      viewBox: "0 0 24 24",
+      width: 24,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m10-1h-6", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 })
+    }
+  );
+}
+function IconFontSizeIncrease(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      height: 24,
+      viewBox: "0 0 24 24",
+      width: 24,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m7-4v6m3-3h-6", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 })
+    }
+  );
+}
+const menuItems = [
+  {
+    key: "medium",
+    type: "item",
+    label: "\u9ED8\u8BA4\u5B57\u53F7",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSizeDecrease, {}) })
+  },
+  {
+    key: "large",
+    type: "item",
+    label: "\u5927\u5B57\u53F7",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSizeIncrease, {}) })
+  }
+];
+function VefFontSize() {
+  const [fontSize, setFontSize] = store.useConfigStore((state) => [state.fontSize, state.setFontSize]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index$1.default,
+    {
+      selectable: true,
+      items: menuItems,
+      selectedKeys: [fontSize],
+      onChange: ([fontSize2]) => setFontSize(fontSize2),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: commonStyles.iconStyle, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { size: "large", children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSize, {}) }) })
+    }
+  );
+}
+
+exports.default = VefFontSize;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-layout/components/fullscreen.cjs

@@ -1,3 +1,28 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("lucide-react"),t=require("react"),i=require("../../vef-icon/index.cjs"),c=require("../../vef-tooltip/index.cjs"),n=require("../common-styles.cjs");exports.default=function VefFullscreen(){const[s,l]=t.useState(!1),u=t.useCallback((()=>{s?(document.exitFullscreen(),l(!1)):(document.body.requestFullscreen(),l(!0))}),[s]);return e.jsx(c.default,{content:s?"退出全屏":"全屏",delay:.5,children:e.jsx("div",{css:n.iconStyle,onClick:u,children:e.jsx(i.default,{size:"large",children:s?e.jsx(r.MinimizeIcon,{}):e.jsx(r.MaximizeIcon,{})})})})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const react = require('react');
+const index$1 = require('../../vef-icon/index.cjs');
+const index = require('../../vef-tooltip/index.cjs');
+const commonStyles = require('../common-styles.cjs');
+
+function VefFullscreen() {
+  const [isFullscreen, setIsFullscreen] = react.useState(false);
+  const handleClick = react.useCallback(() => {
+    if (isFullscreen) {
+      document.exitFullscreen();
+      setIsFullscreen(false);
+    } else {
+      document.body.requestFullscreen();
+      setIsFullscreen(true);
+    }
+  }, [isFullscreen]);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { content: isFullscreen ? "\u9000\u51FA\u5168\u5C4F" : "\u5168\u5C4F", delay: 0.5, children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: commonStyles.iconStyle, onClick: handleClick, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { size: "large", children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinimizeIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MaximizeIcon, {}) }) }) });
+}
+
+exports.default = VefFullscreen;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-layout/components/header-action-icons.cjs

@@ -1,17 +1,43 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),i=require("@vef-framework/shared"),s=require("../../vef-divider/index.cjs"),t=require("./font-size.cjs"),a=require("./fullscreen.cjs"),o=require("./message.cjs"),u=require("./search.cjs"),n=require("./user-avatar.cjs"),l=r.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const shared = require('@vef-framework/shared');
+const index = require('../../vef-divider/index.cjs');
+const fontSize = require('./font-size.cjs');
+const fullscreen = require('./fullscreen.cjs');
+const message = require('./message.cjs');
+const search = require('./search.cjs');
+const userAvatar = require('./user-avatar.cjs');
+
+const wrapperStyle = react.css`
   display: flex;
   align-items: center;
-  column-gap: ${i.themeVariables.marginXxs};
+  column-gap: ${shared.themeVariables.marginXxs};
 
   > div:not(.vef-divider) {
-    border-radius: ${i.themeVariables.borderRadius};
-    transition: background-color ${i.themeVariables.motionDurationMid} ${i.themeVariables.motionEaseInOut};
+    border-radius: ${shared.themeVariables.borderRadius};
+    transition: background-color ${shared.themeVariables.motionDurationMid} ${shared.themeVariables.motionEaseInOut};
 
     &:hover {
       cursor: pointer;
-      background-color: ${i.themeVariables.colorFillTertiary};
+      background-color: ${shared.themeVariables.colorFillTertiary};
     }
   }
-`;exports.default=function VefHeaderActionIcons(){return e.jsxs("div",{css:l,children:[e.jsx(s.default,{orientation:"vertical"}),e.jsx(u.default,{}),e.jsx(t.default,{}),e.jsx(a.default,{}),e.jsx(o.default,{}),e.jsx(n.default,{})]})};
+`;
+function VefHeaderActionIcons() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: wrapperStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.default, { orientation: "vertical" }),
+    /* @__PURE__ */ jsxRuntime.jsx(search.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(fontSize.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(fullscreen.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(message.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(userAvatar.default, {})
+  ] });
+}
+
+exports.default = VefHeaderActionIcons;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-layout/components/header-content.cjs

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("../../vef-breadcrumb/index.cjs"),o=require("../hooks/use-layout-context.cjs");function VefHeaderContent(){const[n,s]=o.useLayoutContextSelector((e=>[e.breadcrumbItems,e.onBreadcrumbClick]));return e.jsx("div",{children:r.isArray(n)&&n.length>0&&e.jsx(t.default,{items:n,onClick:s})})}VefHeaderContent.displayName="VefHeaderContent",exports.default=VefHeaderContent;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const index = require('../../vef-breadcrumb/index.cjs');
+const useLayoutContext = require('../hooks/use-layout-context.cjs');
+
+function VefHeaderContent() {
+  const [breadcrumbItems, onBreadcrumbClick] = useLayoutContext.useLayoutContextSelector((ctx) => [ctx.breadcrumbItems, ctx.onBreadcrumbClick]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: shared.isArray(breadcrumbItems) && breadcrumbItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      items: breadcrumbItems,
+      onClick: onBreadcrumbClick
+    }
+  ) });
+}
+VefHeaderContent.displayName = "VefHeaderContent";
+
+exports.default = VefHeaderContent;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-layout/components/header.cjs

@@ -1,14 +1,80 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/shared"),i=require("antd"),s=require("react"),n=require("../../vef-button/index.cjs"),o=require("../../vef-icon/index.cjs"),a=require("../../vef-popover/index.cjs"),l=require("../store.cjs"),c=require("./header-action-icons.cjs"),d=require("./header-content.cjs"),u=require("./icon-menu-fold-left.cjs"),x=require("./icon-menu-unfold-left.cjs"),h=require("./menu-groups.cjs"),{Header:f}=i.Layout,m=r.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react$1 = require('react');
+const index = require('../../vef-button/index.cjs');
+const index$1 = require('../../vef-icon/index.cjs');
+const index$2 = require('../../vef-popover/index.cjs');
+const store = require('../store.cjs');
+const headerActionIcons = require('./header-action-icons.cjs');
+const headerContent = require('./header-content.cjs');
+const iconMenuFoldLeft = require('./icon-menu-fold-left.cjs');
+const iconMenuUnfoldLeft = require('./icon-menu-unfold-left.cjs');
+const menuGroups = require('./menu-groups.cjs');
+
+const { Header } = antd.Layout;
+const headerStyle = react.css`
   --vef-layout-header-height: 60px;
-  --vef-layout-header-padding: 0 ${t.themeVariables.paddingSm};
+  --vef-layout-header-padding: 0 ${shared.themeVariables.paddingSm};
 
   line-height: unset;
-  background-color: ${t.themeVariables.colorBgContainer};
-  border-bottom: ${t.themeVariables.lineWidth} ${t.themeVariables.lineType} ${t.themeVariables.colorBorderSecondary};
+  background-color: ${shared.themeVariables.colorBgContainer};
+  border-bottom: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorderSecondary};
   display: grid;
   grid-template-columns: max-content minmax(min-content, 1fr) max-content;
   align-items: center;
-  column-gap: ${t.themeVariables.margin};
-`;function IconApps(r){return e.jsx("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsxs("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.8,children:[e.jsx("rect",{height:6.5,rx:2,width:6.5,x:3.75,y:3.75}),e.jsx("path",{d:"M15.586 3.818a2 2 0 0 1 2.828 0l1.768 1.768a2 2 0 0 1 0 2.828l-1.768 1.768a2 2 0 0 1-2.828 0l-1.768-1.768a2 2 0 0 1 0-2.828z"}),e.jsx("rect",{height:6.5,rx:1.5,width:6.5,x:3.75,y:13.75}),e.jsx("rect",{height:6.5,rx:2,width:6.5,x:13.75,y:13.75})]})})}const j=s.memo((function VefHeaderBase(){const[r,i]=l.useLayoutStore((e=>[e.siderCollapsed,e.setSiderCollapsed]));return e.jsxs(f,{css:m,children:[e.jsxs("div",{css:t.styles.flexCenter,children:[e.jsx(n.default,{color:"default",variant:"text",icon:e.jsx(o.default,{size:"huge",children:r?e.jsx(x.default,{}):e.jsx(u.default,{})}),onClick:()=>i(!r)}),e.jsx(a.default,{content:e.jsx(h.default,{}),placement:"bottomRight",trigger:"click",children:e.jsx(n.default,{color:"default",variant:"text",icon:e.jsx(o.default,{size:"huge",children:e.jsx(IconApps,{})})})})]}),e.jsx(d.default,{}),e.jsx(c.default,{})]})}));j.displayName="VefHeader",exports.default=j;
+  column-gap: ${shared.themeVariables.margin};
+`;
+function IconApps(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { height: 6.5, rx: 2, width: 6.5, x: 3.75, y: 3.75 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.586 3.818a2 2 0 0 1 2.828 0l1.768 1.768a2 2 0 0 1 0 2.828l-1.768 1.768a2 2 0 0 1-2.828 0l-1.768-1.768a2 2 0 0 1 0-2.828z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { height: 6.5, rx: 1.5, width: 6.5, x: 3.75, y: 13.75 }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { height: 6.5, rx: 2, width: 6.5, x: 13.75, y: 13.75 })
+  ] }) });
+}
+function VefHeaderBase() {
+  const [siderCollapsed, setSiderCollapsed] = store.useLayoutStore((state) => [state.siderCollapsed, state.setSiderCollapsed]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Header, { css: headerStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { css: shared.styles.flexCenter, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index.default,
+        {
+          color: "default",
+          variant: "text",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { size: "huge", children: siderCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(iconMenuUnfoldLeft.default, {}) : /* @__PURE__ */ jsxRuntime.jsx(iconMenuFoldLeft.default, {}) }),
+          onClick: () => setSiderCollapsed(!siderCollapsed)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index$2.default,
+        {
+          content: /* @__PURE__ */ jsxRuntime.jsx(menuGroups.default, {}),
+          placement: "bottomRight",
+          trigger: "click",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            index.default,
+            {
+              color: "default",
+              variant: "text",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { size: "huge", children: /* @__PURE__ */ jsxRuntime.jsx(IconApps, {}) })
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(headerContent.default, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(headerActionIcons.default, {})
+  ] });
+}
+const VefHeader = react$1.memo(VefHeaderBase);
+VefHeader.displayName = "VefHeader";
+
+exports.default = VefHeader;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-layout/components/icon-boy.cjs

@@ -1,3 +1,74 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@emotion/react/jsx-runtime");const a=require("react").memo((function SvgIconBoy(a){return c.jsxs("svg",{className:"icon-boy_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",...a,children:[c.jsx("path",{d:"M512.002 0C229.382 0 .237 229.145.237 511.765.237 685.839 87.185 839.597 220 932.046c25.884-90.133 91.287-158.031 180.288-189.033a306 306 0 0 1 11.245-3.682c.6-.183 1.19-.383 1.795-.562a325 325 0 0 1 27.058-6.868c.933-.196 1.874-.37 2.807-.558a345 345 0 0 1 14.722-2.62 351 351 0 0 1 10.429-1.453c1.254-.158 2.499-.33 3.757-.47a355 355 0 0 1 14.168-1.359h51.705c4.757.354 9.454.82 14.123 1.35 1.32.154 2.628.333 3.94.5a345 345 0 0 1 14.393 2.099c3.415.574 6.806 1.2 10.167 1.87 1.149.229 2.315.441 3.456.683a328 328 0 0 1 26.446 6.709c1.067.317 2.116.662 3.178.991 3.224 1 6.426 2.045 9.592 3.14 89.284 30.882 154.903 98.838 180.9 189.147 132.722-92.466 219.603-246.166 219.603-420.174C1023.763 229.14 794.622 0 512.002 0m0 725.32c-130.373 0-236.491-103.56-240.743-232.896-.146-.092-.292-.167-.438-.259-4.993-93.353 43.813-165.065 105.598-206.971.358-.246.703-.5 1.062-.741 2.357-1.583 4.747-3.082 7.138-4.578.937-.587 1.853-1.199 2.799-1.77 38.04-23.106 79.896-35.18 116.717-34.48 2.62-.087 5.23-.2 7.871-.2 2.507 0 4.977.113 7.468.188 28.237-.487 59.406 6.534 89.563 20.212a241 241 0 0 1 61.725 39.377c50.227 43.089 86.59 107.847 82.188 188.963l-.2.117c-4.186 129.399-110.329 233.039-240.748 233.039",fill:"#A0D9F6"}),c.jsx("path",{d:"M376.414 285.194c.354-.242.704-.504 1.062-.741-.358.241-.703.5-1.062.74m143.051-41.581c-2.49-.075-4.96-.187-7.467-.187-2.64 0-5.252.112-7.871.2 2.523.05 5.043.104 7.517.27a156 156 0 0 1 7.821-.283M472.28 386.726c-46.308 81.238-124.764 153.205-201.025 105.698 4.253 129.336 110.37 232.897 240.744 232.897 130.42 0 236.566-103.64 240.748-233.039-63.725 39.66-230.815-17.875-280.467-105.556m-87.664-106.85c.937-.584 1.857-1.2 2.799-1.77-.95.574-1.862 1.186-2.8 1.77m224.413-16.051a260.3 260.3 0 0 1 61.726 39.377 241.1 241.1 0 0 0-61.726-39.377",fill:"#FCE9EA"}),c.jsx("path",{d:"M610.498 738.656c1.067.317 2.116.662 3.178.991-1.062-.329-2.111-.674-3.178-.99m-170.117-6.755c.933-.196 1.874-.37 2.807-.558-.937.187-1.878.362-2.807.558m-28.854 7.43c.6-.183 1.192-.383 1.795-.562-.603.179-1.195.379-1.795.562m211.736 3.457q1.097.382 2.183.77a119.4 119.4 0 0 1-10.458 22.11c17.142 26.397 12.84 141.49-12.919 123.398l-45.096-31.756-44.98-31.64 2.958-2.078c-.983.025-1.966.075-2.957.075-1.033 0-2.053-.054-3.078-.079l2.961 2.082-44.98 31.64-45.095 31.756c-25.9 18.125-30.19-97.405-12.878-123.535a119.3 119.3 0 0 1-10.357-21.915c.57-.204 1.137-.408 1.711-.603-89 30.998-154.404 98.9-180.287 189.033 82.82 57.653 183.457 91.483 292.003 91.483 108.616 0 209.316-33.876 292.161-91.59-25.984-90.31-91.603-158.27-180.892-189.151m-42.667-11.524c1.149.229 2.315.441 3.456.683-1.14-.242-2.303-.458-3.456-.683m-112.257-3.99c1.253-.154 2.499-.33 3.756-.47-1.257.14-2.503.312-3.756.47m83.753-.483c1.32.15 2.628.333 3.94.5-1.312-.163-2.616-.342-3.94-.5",fill:"#CFE07D"}),c.jsx("path",{d:"M408.929 765.527c3.44-5.19 7.73-6.872 12.877-3.252l45.096 31.756 42.018 29.557c1.029.025 2.045.08 3.078.08.991 0 1.974-.05 2.957-.076l42.022-29.561 45.096-31.756c5.173-3.653 9.475-1.912 12.92 3.39a119.3 119.3 0 0 0 10.457-22.111l-2.182-.77a307 307 0 0 0-9.592-3.14c-1.062-.33-2.111-.675-3.178-.992a327 327 0 0 0-26.446-6.71c-1.14-.24-2.307-.453-3.456-.682a332 332 0 0 0-24.56-3.97c-1.312-.166-2.62-.35-3.94-.5a368 368 0 0 0-14.123-1.349h-51.705A355 355 0 0 0 472.1 726.8c-1.258.142-2.503.317-3.757.47a338 338 0 0 0-25.15 4.074c-.938.187-1.88.362-2.808.558a329 329 0 0 0-27.058 6.868c-.604.179-1.196.379-1.795.562a298 298 0 0 0-12.957 4.285 119.4 119.4 0 0 0 10.354 21.911",fill:"#FEFEFE"}),c.jsx("path",{d:"m602.073 762.275-45.096 31.756-42.022 29.561-2.957 2.078 44.98 31.64 45.095 31.756c25.76 18.092 30.061-97.001 12.92-123.397-3.44-5.306-7.743-7.047-12.92-3.394m-180.267 0c-5.148-3.62-9.437-1.937-12.877 3.252-17.313 26.13-13.024 141.66 12.877 123.535l45.096-31.756 44.98-31.64-2.962-2.082-42.018-29.557z",fill:"#7EA701"}),c.jsx("path",{d:"M472.279 386.726c49.652 87.68 216.742 145.217 280.467 105.556l.2-.117c4.402-81.116-31.965-145.874-82.188-188.963a260.5 260.5 0 0 0-61.726-39.377c-30.156-13.678-61.326-20.7-89.563-20.212-2.627.046-5.247.108-7.82.283 8.337 29.52-8.268 88.264-39.37 142.83",fill:"#F7B970"}),c.jsx("path",{d:"M472.279 386.726c31.102-54.57 47.711-113.31 39.37-142.83a149 149 0 0 0-7.518-.27c-36.82-.7-78.677 11.373-116.717 34.48-.942.57-1.862 1.186-2.8 1.77-2.39 1.495-4.78 2.994-7.138 4.577-.358.241-.703.5-1.062.74-61.784 41.907-110.59 113.62-105.597 206.972.146.092.292.167.437.259 76.261 47.507 154.717-24.46 201.025-105.698",fill:"#FBCE77"})]})}));exports.default=a;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('react');
+
+function SvgIconBoy(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: "icon-boy_svg__icon",
+      viewBox: "0 0 1024 1024",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M512.002 0C229.382 0 .237 229.145.237 511.765.237 685.839 87.185 839.597 220 932.046c25.884-90.133 91.287-158.031 180.288-189.033a306 306 0 0 1 11.245-3.682c.6-.183 1.19-.383 1.795-.562a325 325 0 0 1 27.058-6.868c.933-.196 1.874-.37 2.807-.558a345 345 0 0 1 14.722-2.62 351 351 0 0 1 10.429-1.453c1.254-.158 2.499-.33 3.757-.47a355 355 0 0 1 14.168-1.359h51.705c4.757.354 9.454.82 14.123 1.35 1.32.154 2.628.333 3.94.5a345 345 0 0 1 14.393 2.099c3.415.574 6.806 1.2 10.167 1.87 1.149.229 2.315.441 3.456.683a328 328 0 0 1 26.446 6.709c1.067.317 2.116.662 3.178.991 3.224 1 6.426 2.045 9.592 3.14 89.284 30.882 154.903 98.838 180.9 189.147 132.722-92.466 219.603-246.166 219.603-420.174C1023.763 229.14 794.622 0 512.002 0m0 725.32c-130.373 0-236.491-103.56-240.743-232.896-.146-.092-.292-.167-.438-.259-4.993-93.353 43.813-165.065 105.598-206.971.358-.246.703-.5 1.062-.741 2.357-1.583 4.747-3.082 7.138-4.578.937-.587 1.853-1.199 2.799-1.77 38.04-23.106 79.896-35.18 116.717-34.48 2.62-.087 5.23-.2 7.871-.2 2.507 0 4.977.113 7.468.188 28.237-.487 59.406 6.534 89.563 20.212a241 241 0 0 1 61.725 39.377c50.227 43.089 86.59 107.847 82.188 188.963l-.2.117c-4.186 129.399-110.329 233.039-240.748 233.039",
+            fill: "#A0D9F6"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M376.414 285.194c.354-.242.704-.504 1.062-.741-.358.241-.703.5-1.062.74m143.051-41.581c-2.49-.075-4.96-.187-7.467-.187-2.64 0-5.252.112-7.871.2 2.523.05 5.043.104 7.517.27a156 156 0 0 1 7.821-.283M472.28 386.726c-46.308 81.238-124.764 153.205-201.025 105.698 4.253 129.336 110.37 232.897 240.744 232.897 130.42 0 236.566-103.64 240.748-233.039-63.725 39.66-230.815-17.875-280.467-105.556m-87.664-106.85c.937-.584 1.857-1.2 2.799-1.77-.95.574-1.862 1.186-2.8 1.77m224.413-16.051a260.3 260.3 0 0 1 61.726 39.377 241.1 241.1 0 0 0-61.726-39.377",
+            fill: "#FCE9EA"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M610.498 738.656c1.067.317 2.116.662 3.178.991-1.062-.329-2.111-.674-3.178-.99m-170.117-6.755c.933-.196 1.874-.37 2.807-.558-.937.187-1.878.362-2.807.558m-28.854 7.43c.6-.183 1.192-.383 1.795-.562-.603.179-1.195.379-1.795.562m211.736 3.457q1.097.382 2.183.77a119.4 119.4 0 0 1-10.458 22.11c17.142 26.397 12.84 141.49-12.919 123.398l-45.096-31.756-44.98-31.64 2.958-2.078c-.983.025-1.966.075-2.957.075-1.033 0-2.053-.054-3.078-.079l2.961 2.082-44.98 31.64-45.095 31.756c-25.9 18.125-30.19-97.405-12.878-123.535a119.3 119.3 0 0 1-10.357-21.915c.57-.204 1.137-.408 1.711-.603-89 30.998-154.404 98.9-180.287 189.033 82.82 57.653 183.457 91.483 292.003 91.483 108.616 0 209.316-33.876 292.161-91.59-25.984-90.31-91.603-158.27-180.892-189.151m-42.667-11.524c1.149.229 2.315.441 3.456.683-1.14-.242-2.303-.458-3.456-.683m-112.257-3.99c1.253-.154 2.499-.33 3.756-.47-1.257.14-2.503.312-3.756.47m83.753-.483c1.32.15 2.628.333 3.94.5-1.312-.163-2.616-.342-3.94-.5",
+            fill: "#CFE07D"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M408.929 765.527c3.44-5.19 7.73-6.872 12.877-3.252l45.096 31.756 42.018 29.557c1.029.025 2.045.08 3.078.08.991 0 1.974-.05 2.957-.076l42.022-29.561 45.096-31.756c5.173-3.653 9.475-1.912 12.92 3.39a119.3 119.3 0 0 0 10.457-22.111l-2.182-.77a307 307 0 0 0-9.592-3.14c-1.062-.33-2.111-.675-3.178-.992a327 327 0 0 0-26.446-6.71c-1.14-.24-2.307-.453-3.456-.682a332 332 0 0 0-24.56-3.97c-1.312-.166-2.62-.35-3.94-.5a368 368 0 0 0-14.123-1.349h-51.705A355 355 0 0 0 472.1 726.8c-1.258.142-2.503.317-3.757.47a338 338 0 0 0-25.15 4.074c-.938.187-1.88.362-2.808.558a329 329 0 0 0-27.058 6.868c-.604.179-1.196.379-1.795.562a298 298 0 0 0-12.957 4.285 119.4 119.4 0 0 0 10.354 21.911",
+            fill: "#FEFEFE"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "m602.073 762.275-45.096 31.756-42.022 29.561-2.957 2.078 44.98 31.64 45.095 31.756c25.76 18.092 30.061-97.001 12.92-123.397-3.44-5.306-7.743-7.047-12.92-3.394m-180.267 0c-5.148-3.62-9.437-1.937-12.877 3.252-17.313 26.13-13.024 141.66 12.877 123.535l45.096-31.756 44.98-31.64-2.962-2.082-42.018-29.557z",
+            fill: "#7EA701"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M472.279 386.726c49.652 87.68 216.742 145.217 280.467 105.556l.2-.117c4.402-81.116-31.965-145.874-82.188-188.963a260.5 260.5 0 0 0-61.726-39.377c-30.156-13.678-61.326-20.7-89.563-20.212-2.627.046-5.247.108-7.82.283 8.337 29.52-8.268 88.264-39.37 142.83",
+            fill: "#F7B970"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M472.279 386.726c31.102-54.57 47.711-113.31 39.37-142.83a149 149 0 0 0-7.518-.27c-36.82-.7-78.677 11.373-116.717 34.48-.942.57-1.862 1.186-2.8 1.77-2.39 1.495-4.78 2.994-7.138 4.577-.358.241-.703.5-1.062.74-61.784 41.907-110.59 113.62-105.597 206.972.146.092.292.167.437.259 76.261 47.507 154.717-24.46 201.025-105.698",
+            fill: "#FBCE77"
+          }
+        )
+      ]
+    }
+  );
+}
+const Memo = react.memo(SvgIconBoy);
+
+exports.default = Memo;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */