@vef-framework/starter 1.0.135 → 2.0.1

package/dist/cjs/components/n-progress/event.cjs

@@ -0,0 +1,10 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+const nProgressEventEmitter = shared.createEventEmitter();
+
+exports.nProgressEventEmitter = nProgressEventEmitter;

package/dist/cjs/components/n-progress/index.cjs

@@ -0,0 +1,34 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactNprogress = require('@tanem/react-nprogress');
+const hooks = require('@vef-framework/hooks');
+const react = require('react');
+require('./components/index.cjs');
+const event = require('./event.cjs');
+const container = require('./components/container.cjs');
+const bar = require('./components/bar.cjs');
+
+function NProgress() {
+  const [isAnimating, setIsAnimating] = react.useState(false);
+  const {
+    animationDuration,
+    progress,
+    isFinished
+  } = reactNprogress.useNProgress({
+    isAnimating
+  });
+  hooks.useEmitterEvent(event.nProgressEventEmitter, "start", () => {
+    setIsAnimating(true);
+  });
+  hooks.useEmitterEvent(event.nProgressEventEmitter, "complete", () => {
+    setIsAnimating(false);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(container.Container, { animationDuration, isFinished, children: /* @__PURE__ */ jsxRuntime.jsx(bar.Bar, { progress }) });
+}
+
+exports.nProgressEventEmitter = event.nProgressEventEmitter;
+exports.NProgress = NProgress;

package/dist/cjs/components/not-found/index.cjs

@@ -0,0 +1,47 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactRouter = require('@tanstack/react-router');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const lucideReact = require('lucide-react');
+require('../../constants/index.cjs');
+const notFoundIcon = require('./not-found-icon.cjs');
+const router = require('../../constants/router.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 notFoundTitle = "抱歉, 您访问的页面不存在!";
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : {
+  name: "13udsys",
+  styles: "height:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL25vdC1mb3VuZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL25vdC1mb3VuZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VMb2NhdGlvbiwgdXNlTmF2aWdhdGUgfSBmcm9tIFwiQHRhbnN0YWNrL3JlYWN0LXJvdXRlclwiO1xuaW1wb3J0IHsgQnV0dG9uLCBDZW50ZXIsIEljb24sIFJlc3VsdCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuaW1wb3J0IHsgQXJyb3dMZWZ0SWNvbiB9IGZyb20gXCJsdWNpZGUtcmVhY3RcIjtcblxuaW1wb3J0IHsgSU5ERVhfUk9VVEVfUEFUSCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IE5vdEZvdW5kSWNvbiB9IGZyb20gXCIuL25vdC1mb3VuZC1pY29uXCI7XG5cbmNvbnN0IG5vdEZvdW5kVGl0bGUgPSBcIuaKseatiSwg5oKo6K6/6Zeu55qE6aG16Z2i5LiN5a2Y5ZyoIVwiO1xuXG5leHBvcnQgZnVuY3Rpb24gTm90Rm91bmQoKSB7XG4gIGNvbnN0IG5hdmlnYXRlID0gdXNlTmF2aWdhdGUoKTtcbiAgY29uc3QgcGF0aG5hbWUgPSB1c2VMb2NhdGlvbih7XG4gICAgc2VsZWN0OiBzdGF0ZSA9PiBzdGF0ZS5wYXRobmFtZVxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxDZW50ZXIgY3NzPXt7IGhlaWdodDogXCIxMDAlXCIgfX0+XG4gICAgICA8UmVzdWx0XG4gICAgICAgIHN1YlRpdGxlPXtwYXRobmFtZX1cbiAgICAgICAgdGl0bGU9e25vdEZvdW5kVGl0bGV9XG4gICAgICAgIGV4dHJhPXsoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17PEljb24gY29tcG9uZW50PXtBcnJvd0xlZnRJY29ufSAvPn1cbiAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICB0eXBlPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBuYXZpZ2F0ZSh7XG4gICAgICAgICAgICAgIHRvOiBJTkRFWF9ST1VURV9QQVRILFxuICAgICAgICAgICAgICByZXBsYWNlOiB0cnVlXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICDlm57liLDpppbpobVcbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKX1cbiAgICAgICAgaWNvbj17KFxuICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICBhbmltYXRlPXt7IHNjYWxlOiAxLCBvcGFjaXR5OiAxIH19XG4gICAgICAgICAgICBpbml0aWFsPXt7IHNjYWxlOiAwLjk1LCBvcGFjaXR5OiAwIH19XG4gICAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjMsIGVhc2U6IFwiZWFzZU91dFwiIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE5vdEZvdW5kSWNvbiBoZWlnaHQ9XCI0MHZoXCIgd2lkdGg9XCI0MHZoXCIgLz5cbiAgICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICAgICl9XG4gICAgICAvPlxuICAgIDwvQ2VudGVyPlxuICApO1xufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+function NotFound() {
+  const navigate = reactRouter.useNavigate();
+  const pathname = reactRouter.useLocation({
+    select: (state) => state.pathname
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Center, { css: _ref, children: /* @__PURE__ */ jsxRuntime.jsx(components.Result, { subTitle: pathname, title: notFoundTitle, extra: /* @__PURE__ */ jsxRuntime.jsx(components.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(components.Icon, { component: lucideReact.ArrowLeftIcon }), size: "large", type: "primary", onClick: () => navigate({
+    to: router.INDEX_ROUTE_PATH,
+    replace: true
+  }), children: "回到首页" }), icon: /* @__PURE__ */ jsxRuntime.jsx(core.motion.div, { animate: {
+    scale: 1,
+    opacity: 1
+  }, initial: {
+    scale: 0.95,
+    opacity: 0
+  }, transition: {
+    duration: 0.3,
+    ease: "easeOut"
+  }, children: /* @__PURE__ */ jsxRuntime.jsx(notFoundIcon.NotFoundIcon, { height: "40vh", width: "40vh" }) }) }) });
+}
+
+exports.NotFound = NotFound;

package/dist/cjs/components/not-found/not-found-icon.cjs

@@ -0,0 +1,205 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function NotFoundIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__a", spreadMethod: "pad", x1: -0.136, x2: 0.5, y1: 0.5, y2: 0.472, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__b", spreadMethod: "pad", x1: -0.136, x2: 0.5, y1: 0.5, y2: 0.472, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__c", spreadMethod: "pad", x1: 0, x2: 1, y1: -0.031, y2: -0.031, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#fff5de" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#fbd2ac" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__d", spreadMethod: "pad", x1: -0.136, x2: 0.5, y1: 0.5, y2: 0.476, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__e", spreadMethod: "pad", x1: -0.136, x2: 0.5, y1: 0.5, y2: 0.476, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__f", spreadMethod: "pad", x1: -0.136, x2: 0.5, y1: 0.5, y2: 0.476, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__g", spreadMethod: "pad", x1: -0.136, x2: 0.5, y1: 0.5, y2: 0.476, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__h", spreadMethod: "pad", x1: -0.136, x2: 0.5, y1: 0.5, y2: 0.434, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__i", spreadMethod: "pad", x1: 0.431, x2: 0.603, y1: -0.065, y2: 0, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.032, stopColor: "#afdef9" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#7cc9f9" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__j", spreadMethod: "pad", x1: 0.059, x2: 0.6, y1: 0.609, y2: 0.371, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__k", spreadMethod: "pad", x1: 0.445, x2: 0.583, y1: -0.065, y2: 0, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.032, stopColor: "#afdef9" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#7cc9f9" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__l", spreadMethod: "pad", x1: 0.284, x2: 0.5, y1: 0.87, y2: 0.305, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__m", spreadMethod: "pad", x1: 0.431, x2: 0.603, y1: -0.065, y2: 0, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.032, stopColor: "#afdef9" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#7cc9f9" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__n", spreadMethod: "pad", x1: 0.111, x2: 0.5, y1: 0.87, y2: 0.305, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__o", spreadMethod: "pad", x1: 0.111, x2: 0.5, y1: 0.87, y2: 0.305, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__p", spreadMethod: "pad", x1: 0.123, x2: 0.5, y1: 0.87, y2: 0.305, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__q", spreadMethod: "pad", x1: 0.5, x2: 0.504, y1: -0.192, y2: 0.87, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__r", spreadMethod: "pad", x1: 0, x2: 1.356, y1: 0.5, y2: 0.565, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__s", spreadMethod: "pad", x1: 0, x2: 0.75, y1: 0.5, y2: 0.529, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__t", spreadMethod: "pad", x1: -0.184, x2: 1.099, y1: 0.498, y2: 0.509, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__u", spreadMethod: "pad", x1: 0.38, x2: 0.705, y1: 0.5, y2: 0.796, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__v", spreadMethod: "pad", x1: 0, x2: 1.356, y1: 0.5, y2: 0.796, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__w", spreadMethod: "pad", x1: -0.449, x2: 1.606, y1: 0.5, y2: 0.5, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__x", spreadMethod: "pad", x1: 0, x2: 1.356, y1: 0.5, y2: 0.796, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__y", spreadMethod: "pad", x1: 0.802, x2: 0.402, y1: 0.781, y2: 0.012, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__z", spreadMethod: "pad", x1: 0.17, x2: 0.731, y1: 0.776, y2: 0.273, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__A", spreadMethod: "pad", x1: 0, x2: 0.85, y1: 0.669, y2: 0.361, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__B", spreadMethod: "pad", x1: 0, x2: 0.85, y1: 0.644, y2: 0.382, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__C", spreadMethod: "pad", x1: 0, x2: 0.85, y1: 0.639, y2: 0.385, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#98d6fa" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#47b0f1" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__D", spreadMethod: "pad", x1: 1, x2: 0, y1: -0.118, y2: -0.118, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#f5dda7" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#fa9a41" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__E", spreadMethod: "pad", x1: 0.863, x2: 0, y1: -0.028, y2: -0.028, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#923629" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#57352c" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#42352c" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.7, stopColor: "#2c2422" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#1d181c" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__F", spreadMethod: "pad", x1: 0.863, x2: 0, y1: -0.028, y2: -0.028, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#923629" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.3, stopColor: "#57352c" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.5, stopColor: "#42352c" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0.7, stopColor: "#2c2422" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#1d181c" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__G", spreadMethod: "pad", x1: 0.317, x2: 0.774, y1: 0.907, y2: 0.5, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#ffb859" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#f97b61" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__H", spreadMethod: "pad", x1: 0.339, x2: 0.817, y1: 0.23, y2: 0.592, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#ffb859" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#f97b61" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { gradientUnits: "objectBoundingBox", id: "not-found-icon_svg__I", spreadMethod: "pad", x1: 0.44, x2: 0.579, y1: 0.572, y2: 0.445, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 0, stopColor: "#ffb859" }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: 1, stopColor: "#f97b61" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0h1024v1024H0Z", fill: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M76.8 581.8 72 559.4l-4.2-23.8-3.6-28.8-1.9-26.5-.2-22.1.3-11.2.8-11.2 1.2-11.2 1.7-11.2 2.1-10.9 2.7-10.6 2.5-7.9 2.8-7.7 3.1-7.4 3.5-7.1 3.9-7 4.3-6.6 4.7-6.3 5.2-6 5.6-5.6 6.1-5.2 6.6-4.8 7.2-4.4 5.9-3 6.4-2.8 6.7-2.5 7.3-2.2 7.7-1.9 17.7-3.4 16.8-2.8 15.8-2.2 16-1.8 29.3-2.5 21.2-1.1 56.2-2.4 22.6-1.8 10.4-1.2 10.3-1.6 9.9-2.2 9.4-2.5 6.9-2.3 6.8-2.7 6.6-3 6.5-3.5 6.1-3.8 6.2-4.3 6-4.9 22.9-21.2 14.4-11.9 12.4-8.6 6.1-3.6 5.6-2.8 5.2-2.2 5.3-1.8 5.2-1.3 10-1.4 10.5-.2 8.1.5 28.8 2.6 7.3.3 7.4-.4 7.5-.9 7.4-1.4 7.5-1.8 7.5-2.2 14.5-5.4 17.6-8.2 9.8-5.2 17.9-10.6 28.7-18.8 12.7-6.2 8.9-3.6 13.3-4.4 15.5-4 17.2-2.7 8.8-.8 9.2-.3 9.5.3 14.3 1.6 14.6 3.3 7.2 2.2 7.1 2.8 7.3 3.4 7.2 3.9 6.9 4.4 6.9 5 6.9 5.8 6.8 6.5 5.1 5.4 10 12.5 9.8 14.9 8.6 16.1 4.2 9.1 4.1 9.9 7.4 21.1 6.4 23.3 3 13 2.8 14 1.5 23.4 2.4 47.1.8 38.6-.5 29.5-.7 14.5-1.2 13.9-3 23.3-1.7 9.5-4.2 17.5-2.7 8.6-3 8-3.2 7.5-3.6 6.9-3.2 5.5-3.5 5-3.6 4.7-3.9 4.3-9.5 9-4.4 4.8-3.4 4.6-2.7 4.3-2.3 4.8-1.6 4.5-1 4.3-.4 4.1.1 4.3.5 4 1 4 1.5 3.8 4 7.2 5.4 6.7 4.2 4 4.6 3.7 5 3.4 5.2 3 5.4 2.6 5.4 2.2 5.6 1.8 5.4 1.4 8.4 1.5 2.5.9 2 1.2 1.5 1.5 1.2 1.7.9 2.5.4 2.8-.2 3.4-.8 4.1-3.1 7.9-2.4 4.6-3.2 5.1-4.5 6.3-5.5 6.8-6.5 7.2-7 6.9-7.8 7-8.7 7.2-9 6.8-9.8 6.6-10.5 6.5-8 4.5-17 8.3-14.3 6-7.4 2.6-9.9 3.1-15.6 4.3-20.1 5-21.6 4.8-25.3 5.1-26.5 4.9-29.4 4.8-30.4 4.4-32.6 4.1-22 2.4-46 4-47 2.8-24 .8-24 .4-23.9-.1-24-.5-23.9-1.1-23.6-1.6-23.3-2.2-17.5-2-17.1-2.4-16.7-2.8-16.4-3.1-16.4-3.6-15.9-4-15.3-4.4L213 802l-8.6-4-8.2-4.4-7.8-4.7-7.4-5.2-7.2-5.5-6.8-5.8-6.5-6.1-6.1-6.4-7.8-8.9-7.2-9.2-6.6-9.5-6.2-9.8-5.8-9.9-5.2-10-4.9-10.2-8.5-19.9-5.4-14.9-4.6-14-4-13.7-6-23.8z", fill: "#47b0f1", fillOpacity: 0.05 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m158 329 3.1 1.6 1.2 1.1 1.5 3 .2 1.8-.3 3-.7 1.8-1.2 1.5-1.5 1.2-1.8.7-2 .3h-79l-2-.3-1.8-.7-1.5-1.2-1.2-1.5-.7-1.8-.3-2 .3-3 .7-1.8 1.2-1.5 1.5-1.2 1.8-.7 2-.3H109l1.9-.3 1.6-.6 1.4-1.1 1.1-1.3.7-1.6.3-2.1-.3-1.9-.6-1.6-1.1-1.4-1.3-1.1-1.6-.7-1.9-.3H106l-1.7-.7-2.6-2-1.5-3-.2-2.8.3-2 .7-1.8 1.2-1.5 1.5-1.2 1.8-.7 2-.3h79l2 .3 1.8.7 1.5 1.2 1.2 1.5.7 1.8.3 3-.3 2-.7 1.8-1.2 1.5-1.5 1.2-1.8.7-2 .3H155l-1.9.3-1.6.6-1.4 1.1-1.1 1.3-.7 1.6-.3 1.9.3 2.1.6 1.6 1.1 1.4 1.3 1.1 1.6.7 1.9.3z", fill: "url(#not-found-icon_svg__a)", fillOpacity: 0.1 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m858 159 3.1 1.6 1.2 1.1 1.5 3 .2 1.8-.3 3-.7 1.8-1.2 1.5-1.5 1.2-1.8.7-2 .3h-79l-2-.3-1.8-.7-1.5-1.2-1.2-1.5-.7-1.8-.3-2 .3-3 .7-1.8 1.2-1.5 1.5-1.2 1.8-.7 2-.3H809l1.9-.3 1.6-.6 1.4-1.1 1.1-1.3.7-1.6.3-2.1-.3-1.9-.6-1.6-1.1-1.4-1.3-1.1-1.6-.7-1.9-.3H806l-1.7-.7-2.6-2-1.5-3-.2-2.8.3-2 .7-1.8 1.2-1.5 1.5-1.2 1.8-.7 2-.3h79l2 .3 1.8.7 1.5 1.2 1.2 1.5.7 1.8.3 3-.3 2-.7 1.8-1.2 1.5-1.5 1.2-1.8.7-2 .3H855l-1.9.3-1.6.6-1.4 1.1-1.1 1.3-.7 1.6-.3 1.9.3 2.1.6 1.6 1.1 1.4 1.3 1.1 1.6.7 1.9.3z", fill: "url(#not-found-icon_svg__b)", fillOpacity: 0.1 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m514.5 712 32.9.2 31.8.7 30.9 1.1 30.8 1.5 29.5 1.8 28.2 2.2 28.2 2.7 26.5 3 24.8 3.2 24.8 3.7 22.7 3.9 20.7 4 13.5.3 12.9.8 12.4 1.1 12.4 1.6 11.6 1.9 10.9 2.2 10.8 2.6 9.8 2.9 8.8 3.1 8.8 3.6 7.5 3.7 6.5 3.8 4.7 3.2 3.9 3.3 3.3 3.2 2.7 3.3 2.3 3.6 1.6 3.6 1 3.6.3 3.6-.3 3.5-.9 3.5-1.5 3.5-2.2 3.5-2.5 3.2-3.1 3.1-3.8 3.2-4.4 3.2-6.1 3.7-7.2 3.7-8.2 3.5-8.5 3.1-9.3 2.8-10.2 2.7-10.3 2.3-11.1 2-11.8 1.6-27.4 7.1-15.7 3.5.5 6.3-.3 4.4-.8 4.3-1.3 4.3-1.8 4.3-2.5 4.3-5.9 7.8-8.1 8-4.9 3.9-6.2 4.5-7 4.4-7.8 4.3-8.8 4.3-8.6 3.8-19.5 7.3-21.7 6.5-23.3 5.6-12.7 2.4-16.8 2.8-17.6 2.4-18.6 1.9-18.6 1.4-19.3.8-19.9.3-31-.7-14.8-.8-29.1-2.7-14-1.8-26.4-4.4-13.1-2.7-24-6-22.1-7.1-10.2-3.8-9.4-4-8.6-4.1-8.7-4.7-7.6-4.7-6.8-4.7-5.8-4.7-4.6-4.3-4-4.2-3.3-4.3-2.7-4.2-2.2-4.2-28-2.4-26.4-2.6-24.9-2.9-24.9-3.3-23-3.6-21.2-3.7-21.2-4.2-19-4.4-17-4.4-12.9-3.8-11.4-3.7-10-3.8-8.9-3.6-7.4-3.5-6.3-3.5-5.3-3.3-8.3-6.3-3.1-3.2-2.4-3.1-1.8-2.9-1.2-2.9-.7-2.9-.3-2.9.2-2.8.8-2.9 1.1-2.8 1.8-2.9 2.3-3 3-3.1 3.6-3.1 9.5-6.5 6.1-3.3 15.7-7.1 9.7-3.7 11-3.7 12.4-3.7 16.4-4.4 18.4-4.3 20.5-4.2 20.5-3.7 22.3-3.6 24.1-3.3 24.1-3 25.6-2.6 27.2-2.5 55.4-3.7 29.6-1.3 59.9-1.6z", fill: "url(#not-found-icon_svg__c)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m686.6 226.6-1.6-3.7-2-3.2-2.4-2.9-2.8-2.6-3-2.2-3.4-1.9-7.1-2.6-3.8-.8-3.8-.4-7.5.3 5.9-2.9 3.3-1.1 3.5-.8 6.9-.7 3.5.2 3.3.5 3.1 1 3 1.4 2.6 1.9 2.3 2.4 2.3-2.3 2.7-1.9 2.9-1.4 3.1-.9 3.3-.6 3.5-.2 7 .7 3.4.8 6.4 2.4 2.8 1.6-7.4-.3-7.6 1.2-7.2 2.7-3.3 1.9-3.1 2.2-2.8 2.5-2.4 2.9-2 3.2z", fill: "url(#not-found-icon_svg__d)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m770 214.1-1.1-2.6-3-4.2-2-1.8-2.9-2-3.1-1.6-3.4-1.1-3.5-.6-3.5-.2-3.4.2 3-1.5 3.4-1.3 3.6-.7 3.6-.3 2.4.1 4.5 1.1 3.8 2.3 1.6 1.7 1.6-1.7 3.9-2.2 4.5-1.1 2.4-.1 3.6.2 3.6.8 3.4 1.2 3 1.6-3.5-.3-3.4.3-3.6.6-3.4 1.2-3.1 1.5-2.9 2-2.5 2.4-2 2.8z", fill: "url(#not-found-icon_svg__e)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m735.2 179.6-1.1-2.6-3-4.2-2-1.8-2.8-2-3.2-1.5-3.4-1.2-3.5-.6-3.4-.2-3.5.3 3-1.6 3.4-1.3 3.6-.7 3.6-.3 2.4.1 4.5 1.1 3.8 2.3 1.6 1.7 1.7-1.6 3.8-2.3 4.5-1.1 2.4-.1 3.6.3 3.6.7 3.4 1.2 3 1.6-3.5-.2-3.4.2-3.6.7-3.3 1.1-3.2 1.5-2.9 2-2.5 2.4-2 2.9z", fill: "url(#not-found-icon_svg__f)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m840.7 220.1-1.1-2.4-1.4-1.9-3.7-3.1-4.5-1.8-2.5-.5h-4.8l2.9-1.4 3.2-.9 2.3-.3 4.3.3 2 .7 1.8 1.1 1.5 1.5 1.6-1.5 1.7-1 4.2-1 4.4.3 3.3.9 2.8 1.4h-4.8l-2.4.4-4.5 1.9-3.8 3-1.4 2z", fill: "url(#not-found-icon_svg__g)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m54.2 676.4-7.9-3.2-6.7-2.2-5.6-1.4-4.8-.5h-4l-3.3.5-2.9 1-2.4 1.4-2 1.8-1.7 2.3-1.4 2.8-1 3.5-.7 4.3-.1 5.1.4 6.2 1.3 4.8 1.4 3.8 1.7 3 1.8 2.4 2 1.7 2.1 1.3 6 7.6 4.7 6.8 3.6 5.9 2.6 5.2 1.8 4.6 1.1 4 1.2 7.7 1.2 4.3 2.8 5.2 1.8 2.4 2.2 2.1 2.5 1.9 3 1.5 3.1 1.1 3.6.7 4.2.3 4.2-.3 4.8-.9 10.1-2.7 4.1-.5 3.7.1 3.5.7 3.2 1.3 3.1 1.8 3 2.5 2.8 3.2 2.7 4.1 2.6 5 2.4 6.2 2.2 7.5 4.4 5.2 4.7 4.8 5.2 4.4 5.6 4 6.1 3.5 6.6 3.1 7.1 2.8 7.7 2.2 8.4 1.8 9 1.4 9.8.8 10.6.2 11.5-.3 12.5-1.1 9.1-1.2 7.3-1.6 5.8-1.7 4.5-2 3.5-2.1 2.5-2.1 1.9-2.3 1.2-2.4.7-2.6.1-2.9-.5-3.1-1.2-3.6-2-4-3.1-4.7-4.4-5.4-5.9-6.1-7.6-7-9.8-8-12.1-9.1-12.6-4.8-10-3.4-16.3-4.2-2-1.1-1.9-1.5-1.6-2.1-1.5-2.6-1.2-3.4-1-4.3-.6-5.3-.4-9.8-.7-2.9-1.3-2.9-1.7-2.6-2.3-2.5-2.9-2.5-3.7-2.3-4.6-2.1-11-4.1-4.4-2.2-3.4-2.3-2.5-2.4-1.9-2.5-1.2-2.6-.7-2.8-.1-3 .5-3.3-3.1-4.1-3.1-3.2-3-2.4-3-1.7-3-1.1-3.1-.5h-3.2l-3.3.6-3.6 1.3-3.8 1.9-8.8 6.1L81 679l-4 1.7-3.8 1-3.5.5-3.3-.1-3.2-.6-3-1.2-3.1-1.6z", fill: "url(#not-found-icon_svg__h)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m52.6 691.5 48.3 32.2-2.1-9.9-2.2-8.4-2.2-7.1-3.3-8.6 4.4 9.7 3.4 8.8 2.8 9.1.9 4.3.3 3.4 40.2 26.9.5-20.5-.4-6.9-.7-5.2-.8-3.8 1.6 4.6.7 3.5 1.7 13.9.4 9.1-.5 7 37.1 24.7-.4-.4.8-8.1.1-7-.7-6.4 1.2 3.6.8 6.4.4 7.3-.1 6.1 30.6 20.3-3.9 3.9-31.5-22.3-6 2.7-8.1 2-4.5.5h-7.3l6.6-.8 5.5-1.2 4.4-1.5 3.6-1.7 2.8-1.9 2.5 1.5-88.8-62.8.6.6-6.8.8-6.4.2-6-.2-5.7-.6-5.4-1.1-5.2-1.4 1.2-.3 8.8 1.5 4.6.5 5.7.3 8.2-.7 4.6-.9zM94 768.4l4-.2 4.5-.8 5-1.5 5.7-2.3 6.5-3.4 7.2-4.4 8.2-5.7 2.3 2.2-5.5 4-5.4 3.4-5.2 2.7-5.4 2.4-5 1.7-4.7 1.2-4.7.7-4.1.2z", fill: "url(#not-found-icon_svg__i)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m89.6 607.3-7.5-4.8-6.3-3.5-5.4-2.4-4.6-1.5-3.9-.8-3.2-.1-2.8.3-2.4.8-2.1 1.2-1.9 1.7-1.5 2.3-1.4 2.8-1 3.6-.7 4.5-.3 5.5.2 6.9 5.3 21.2 1.9 9.3 1.2 8.1.3 5.3v5.1l-.8 7.7.2 7 1.5 7.6 3 8.1 2.1 4 2.7 4 3 3.7 3.7 3.7 4.3 3.5 7.2 4.5 4.4 2 10.9 4.3 4.8 2.4 3.8 2.4 2.8 2.4 2.1 2.5 1.5 2.4.9 2.4.4 2.6-.2 2.7-.7 2.9-1.3 3.2-2.1 3.5-.5 3.4v3.3l.6 3.1 1.2 3.1 1.7 3 2.3 3 3.2 3 4 3 5 3.1 6.1 3 7.5 3 9 3 10.7 2.9 12.6 2.8 14.8 2.7 12.2 1.7 10.1 1.1 8.1.4 11.6-.3 7.7-1.2 3.6-1.2 2.7-1.4 2.1-1.5 1.6-1.6 1.2-1.9.8-2.1.5-2.3v-2.6l-.5-3.4-1-3.9-1.6-4.2-3.1-6.4-3.9-7-9-14.4-5.5-5.9-4-5-2.3-3.4-3.2-5.9-1.5-4.5-.9-4.2-.5-4.3.1-7.6 1.6-10.9.1-3.8-.3-3.8-1.5-4.8-1.4-2.4-1.8-2.2-2.3-2.1-3.2-2.1-3.4-1.8-4.3-1.6-9-2.7-3.2-1.5-2.9-2-2.6-2.5-2.4-3-2.2-3.5-1.9-4.3-1.6-5.1-1.3-5.9-1-7-.4-8.1-.8-3-1.3-2.6-1.6-2.1-2.1-1.8-2.6-1.5-3.3-1.1-3.9-.7-4.9-.3-5.9.4-7.1 1-8.5 1.9-3.6.4h-3.5l-3.6-.6-3.7-1.1-3.7-1.6-3.9-2.3-4-3-4.2-3.7z", fill: "url(#not-found-icon_svg__j)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m74.9 624.7 35.5 45.1 1.7-4.9 1.2-4.7.6-4.7.2-4.7-.4-4.7-1-5.1 2.8 9 .6 3.6.1 3.8-.5 4.5-.7 2.9-2.9 7.2 30 38.2 2.8-4.5 2.2-4.7 1.8-5.2 1.3-5.8.8-6.4.3-7.1.7 5.7-.1 4.2-.4 5.2-1 5.3-1.4 5.6-1.4 3.6-3.6 6.6 26.7 33.9 2.2-4.1 2.5-6.3.8-3.7.3-4.1.5 6.2-.3 3.4-1.5 6.1-2.6 5L212 799h-6.2l-38-50.6-8.7 3.2-8.9 1.6-4.3.2-3.9-.3-3.1-.7-4.9-1.7 4.2.8 4.2.3 4.4-.2 4.4-.7 4.7-1.1 4.8-1.8 5-2.3-28.8-38.5.5.9-7.3 2.3-7.1 1.7-7.1 1.1-6.5.6-6.3.1-5.4-.5-3.4-.6-5.3-1.9 3.3 1 3.8.6 4.5.2 5.2-.2 6-.7 6.9-1.4 8.1-2.1 9.2-3-.5.2-32.1-42.9.2.5-5.4.1-5-.5-4.6-.9-4.3-1.5-4-1.9-3.7-2.4-3.6-2.9-3.3-3.4.5-.1 1.3.8 6.5 4.5 3.5 1.8 3.9 1.6 8.3 2 8.2.3z", fill: "url(#not-found-icon_svg__k)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m199.2 608.8 3.6-4.5 3.2-3.2 2.9-2.1 2.7-1.3 2.6-.6h2.4l2.4.6 2.5 1.3 2.5 2.1 2.7 3 2.9 4.2 3 5.7 1.1 5.3 2 15.9 1.7 4.8 1.4 2.1 1.8 2 2.5 2.1 2.8 1.7 3.7 1.8 8.9 3.4 3.2 1.8 2.5 1.9 1.9 2.1 1.4 2.2.9 2.5.4 2.6v3l-.7 3.3-1.3 3.8-2 4.4-3 5-1.4 3.8-.6 3.2v2.8l.6 2.4 1.1 2.2 1.6 1.9 2.2 1.7 3.1 1.6 6.7 2.2 2 1.3 1.5 1.5 1 1.8.6 2.2.1 2.6-.5 3.3-1.3 4.1-2.2 5-3.4 6.1-4.8 7.4-2.2 5.7-1.2 4.6-.4 3.7.2 3.1.8 2.4 1.1 2 4.1 3.7 4.4 5.1 3.2 5.8 1.2 3.3 1 3.7.6 4.3.1 4.3-.4 4.8-1 5.6-1.5 5.4-2.4 6.1-3.3 7-2.1 3.5-4.6 5.5-2.4 2.1-3.5 2.3-3.7 1.6-3.7 1-3.9.5h-4l-4-.5-3.9-.9-7.7-2.8-5.5-2.8-5-3.3-4.5-3.7-3.6-3.6-2.1-2.7-2.6-4.6-1-3.3-.7-3.4-.2-3.5.3-5.4 3.2-21.1.2-4.6-.2-2.9-.6-2.5-1-2.3-3.1-3.4-2.3-1.7-13-7.5-7.4-5.2-4.9-5.3-1.9-3-1.4-3.4-1-3.9-.3-2.9.7-7 1-4.2 7.6-10.4 3.4-5.1 1.7-4.5.3-5.3-1.2-6.4-1.5-3.9-4.9-9.9-6.5-11.3-.4-1.6v-1.7l.7-2 3.2-5.4 5.8-8.9 3.3-3.8 3.5-5 3.8-6.4 4.1-8.1z", fill: "url(#not-found-icon_svg__l)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m216.1 638.5 11.4 56.9 5.5-8.5 4.4-7.5 3.4-6.6 3.8-8.3-3.8 9.9-3.8 8.6-4.5 8.4-2.4 3.7-2.2 2.7 9.5 47.4 14.8-14.2 4.6-5.1 3.2-4.1 2.1-3.3-2.1 4.3-2 3-8.6 11-6.2 6.8-5.2 4.6 8.7 43.6v-.5l6.2-5.2 5.1-4.8 4.1-5-1.8 3.3-3.9 5.1-4.9 5.5-4.3 4.2 7.2 36h-5.5l-6.5-38.1-6.2-2.3-7.1-4.3-3.5-2.8-5.2-5.1 5.3 4 4.6 3 4.2 2.1 3.8 1.3 3.4.7.6 2.9L224 684.5l-.1.9-5.3-4.3-4.7-4.3-4.1-4.4-3.6-4.5-3.1-4.6-2.6-4.7 1 .6 5.2 7.4 2.9 3.6 3.9 4.2 6.2 5.3 3.9 2.6zM191 722.1l2.9 2.7 3.8 2.6 4.6 2.5 5.7 2.4 6.9 2.2 8.3 2 9.8 1.8v3.1l-6.7-1-6.2-1.5-5.6-1.7-5.5-2.2-4.8-2.3-4.1-2.4-3.8-2.8-3-2.8z", fill: "url(#not-found-icon_svg__m)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m744.8 605.1-15.9-59.2 19.7-5.3-8.2-30.6-19.7 5.3-39.3-146.8-32.4 8.7L688.3 524l-48 12.7-2.5.1-4.3-.9-2.6-1.5-1.9-1.7-1.4-2-.9-2.3-1.2-7.5-14.8-133.4-32.1 8.6 15.6 145 1.2 6.3 2.8 7.7 1.8 3.1 3.9 4.7 3.7 3.1 3.7 2.4 3.6 1.8 3.7 1.2 3.8.8 3.8.2 3.9-.3 4.1-.9 62.3-16.7 15.9 59.3z", fill: "url(#not-found-icon_svg__n)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m329.5 604.3 9.3-52.5 17.4 3.1 4.8-27-17.4-3.1 22.9-129.9-28.7-5.1-22.9 129.9-40.1-7-3.1-.9-2.4-1.2-1.9-1.6-1.5-2.1-.9-2.1-.4-2.1.2-2.1 1.8-6.3 37.3-110.5-28.4-5-40.9 119.9-1.4 5.4-.6 4.6v4l.6 3.6.9 3.1 2.1 4.2 2.4 3.6 2.6 3 2.9 2.4 3.3 2 3.5 1.5 4 1 55.2 9.7-9.2 52.4z", fill: "url(#not-found-icon_svg__o)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m479.2 571.9 3.3.6 3.9.1 4.7-.6 3.8-.8 3.4-1.2 3.1-1.5 3.1-2.2 2.8-2.7 2.7-3.2 2.3-4 2.1-4.6 1.7-5.6 31.5-117.3.9-4.4.4-4.3v-4.3l-.6-4.1-1-4.2-1.6-4.1-1.7-3.1-2-2.8-2.6-2.6-3-2.3-3.6-2.1-4.2-1.8-4.9-1.6-47.2-12.7-4.1-.8-3.9-.2-3.9.3-3.9.9-3.8 1.4-3.9 2-3.6 2.6-3.1 2.9-2.8 3.4-2.4 4-2 4.4-1.7 5.2-31.3 116.8-1.1 5.1-.4 4.7.1 4.4.8 4.1 1.2 3.8 1.8 3.6 2.6 3.7 2.9 3.2 3.3 2.8 3.8 2.4 4.2 2 4.7 1.6zm-2.6-26.1-35.3-9.4-2.9-1-2.2-1.3-1.8-1.5-1.2-1.7-.8-2-.4-2.3.1-2.8.6-3.3 30.4-113.3.7-1.9 1-1.7 1.4-1.4 1.7-1.1 3.6-1 4.8.5 38.8 10.4 2.8 1.1 2.1 1.3 1.5 1.6 1 1.8.5 2.3v2.8l-.6 3.3-31 114.9-1.2 2.6-1.3 1.7-1.3 1.2-1.8.8-2.3.4-3-.2z", fill: "url(#not-found-icon_svg__p)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m872.4 186.5-148.3 96M872.5 226l95.5 56.5", fill: "none", stroke: "#47b0f1" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M873 282h-48v518h48Z", fill: "url(#not-found-icon_svg__q)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M899 753H799v47h100Z", fill: "url(#not-found-icon_svg__r)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M911 770H787v30h124Z", fill: "url(#not-found-icon_svg__s)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M968 282H680v26h288Z", fill: "url(#not-found-icon_svg__t)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m873 184-48 98h48Z", fill: "url(#not-found-icon_svg__u)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M922.5 306v246", fill: "none", stroke: "#47b0f1" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m913 561 .3 2.4.9 2.1 1.4 1.9 1.9 1.4 2.1.9 2.4.3 2.4-.3 2.1-.9 1.9-1.4 1.4-1.9.9-2.1.3-2.4-.3-2.4-.9-2.1-1.4-1.9-1.9-1.4-2.1-.9-2.4-.3-2.4.3-2.1.9-1.9 1.4-1.4 1.9-.9 2.1z", fill: "url(#not-found-icon_svg__v)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m667 277 3.3.3 3 .8 2.8 1.4 2.5 1.7 2.2 2.2 1.7 2.5 1.4 2.8.8 3 .3 3.3-.3 3.3-.8 3-1.4 2.8-1.7 2.5-2.2 2.2-2.5 1.7-2.8 1.4-3 .8-3.3.3-3.3-.3-3-.8-2.8-1.4-2.5-1.7-2.2-2.2-1.7-2.5-1.4-2.8-.8-3-.3-3.3.3-3.3.8-3 1.4-2.8 1.7-2.5 2.2-2.2 2.5-1.7 2.8-1.4 3-.8zm0 10-2.1.3-1.9.8-1.7 1.2-1.2 1.7-.8 1.9-.3 2.1.3 2.1.8 1.9 1.2 1.7 1.7 1.2 1.9.8 2.1.3 2.1-.3 1.9-.8 1.7-1.2 1.2-1.7.8-1.9.3-2.1-.3-2.1-.8-1.9-1.2-1.7-1.7-1.2-1.9-.8z", fill: "url(#not-found-icon_svg__w)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m666.4 306 .2 79", fill: "none", stroke: "#47b0f1" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m658 385 .3 2.4.9 2.1 1.4 1.9 1.9 1.4 2.1.9 2.4.3 2.4-.3 2.1-.9 1.9-1.4 1.4-1.9.9-2.1.3-2.4-.3-2.4-.9-2.1-1.4-1.9-1.9-1.4-2.1-.9-2.4-.3-2.4.3-2.1.9-1.9 1.4-1.4 1.9-.9 2.1z", fill: "url(#not-found-icon_svg__x)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m909.4 796.5.5-6.1v-5.3l-.5-4.6-.9-4-1.3-3.3-1.7-3-2-2.5-2.3-2.1-2.8-1.8-3.3-1.4-3.7-1.1-4.4-.7 5-.2 4.5.2 4.2.7 3.9 1 3.5 1.4 3.5 1.8 3.1 2.2 2.8 2.5 2.5 2.8 2.2 3.3 1.7 3.3 1.4 3.7 1.1 4 .7 4.4.3 4.8z", fill: "url(#not-found-icon_svg__y)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m921.1 796.6 1.1-6.4.5-6-.1-5.4-.6-5.1-1.2-4.6-1.6-4.4-2-4-2.6-3.8-3-3.5-3.7-3.3-4.2-3.1 5.2 1.7 9.3 4.2 4.2 2.5 4 3 3.6 3.4 4.8 6.1 2.1 3.7 3.6 8.4 2.8 10.4 1.1 6.2-14.1.4z", fill: "url(#not-found-icon_svg__z)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m948.1 797-.4-6.3.3-5.4.8-4.7 1.2-4.1 1.6-3.6 2.1-3.1 2.4-2.6 2.9-2.3 3.4-1.9 4-1.5 4.6-1.1h-9.8l-3.3.3-6.7 1.4-3.2 1.3-3.2 1.8-3.3 2.3-3 2.8-3 3.6-3.2 4.6-2.7 4.9-2.7 6.1-2.8 7.5 15.2-.3z", fill: "url(#not-found-icon_svg__A)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m898.4 811 15.3-.5 5.8-1.3 2.5-1.1 2.1-1.5 1.6-1.9 1-1.6 1.1-4.5.2-3-.3-3.9-.8-3.7-1.3-3.5-1.8-3.3-2.1-3.1-2.6-2.7-3-2.4-3.2-2.1-3.5-1.7-3.8-1.2-3.9-.7-4.2-.3-4.2.3-3.9.7-3.8 1.2-3.5 1.7-3.2 2.1-3 2.4-2.6 2.7-2.1 3.1-1.8 3.3-1.3 3.5-.8 3.7-.3 3.9.2 3 1.3 4.4 1 1.7 1.9 1.9 2.2 1.5 2.8 1.1 6.2 1.3z", fill: "url(#not-found-icon_svg__B)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m931.6 811 7.3-.1 3.2-.3 4.2-1.4 2.3-2.1.7-1.4.7-4.1-.3-3.2-.9-3-1.4-2.7-1.9-2.5-2.2-2-2.7-1.8-2.9-1.3-3.2-.8-3.5-.3-3.5.3-3.2.8-2.9 1.3-2.7 1.8-2.2 2-1.9 2.5-1.4 2.7-.9 3-.3 3.2.2 2.3.6 1.8.8 1.4 2.5 2.1 4.6 1.4z", fill: "url(#not-found-icon_svg__C)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m543.1 868.5 6.2 2.2 3.7 1.7 3.4 2.4.9 1.9-.7 1.9-1.2 1.3-9.6 6-2.2 1.8-1.3 1.6-1 1.8-.3 1.7.6 3.3 2.2 3.2 2.2 2.4 4.4 3.7 8.5 3.9 5.3 1.9 14.5 4 17.2 3.6 20.7 2.8 11.1 1 12.1.6 12.1.2 12.6-.3 13.3-.8 20-2.3 20.8-3.8 9.8-2.4 8.5-2.4 13.4-4.8 6.3-2.9 5.2-2.8 4.2-2.7 3.3-2.6 3.3-3.1 2.5-2.9 1.8-2.8 1.2-2.8.8-2.9.3-2.9v-2.8l-.5-2.7-1.3-3.5-1.7-3.4-2.3-3.3-2.7-3-6.2-5.3-4.7-2.8-7.6-3.8-8.8-3.6-11.3-4.1-12.2-3.8-14.4-3.8-9.9-2.2-22.1-3.9-11.4-1.6-12-1.2-12.6-.8-12.6-.4-13 .2-13.4.6-12 1-19.1 2.3-15.9 3-5.9 1.5-10.2 3.5-3.4 1.6-3.1 1.9-2 1.7-2.7 4.1-2 5-.4 2.4.1 2.4.7 2.3 1.2 2.1 2.1 2.3 3 2.3 3.4 1.9 4.6 2z", fill: "url(#not-found-icon_svg__D)", fillOpacity: 0.4 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m686.3 716.6.5-2.7 1.1-3 3.4-5.8 4.1-5 7.7-6.5 5.3-5.9 2.4-3.7 2-4.3.9-2.9.5-3.1.1-3.2-1-4.8-2.7-5.1-2.4-3-2.5-2.4-2.6-1.9-2.7-1.4-2.9-1-2.9-.5-3-.2-2.9.3-5.8 1.7-5.3 3.2-4.6 4.6-2 2.7-5.6 11.5-5.1 12.4-1 4.1v3.5l.5 1.2 1.9 2.3.8 1.9.4 2.2v3.6l-.6 4.2-1.1 4.2-1.3 4.2-4.5 11.5v.5l.6.3 2-.3 4.7-1.3 9.3-3.6 16.3-7z", fill: "#ebb0b0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m704.1 644.6-2.9-2.3-2.7-1.6-2.3-.9-2.5-.5h-2.3l-2.1.4-4 1.9-4.1 3.8-2 2.8-2.8 5.8-1.5 5.3-.1 3.1 2 7.7-1.9 3.3-4.2 5.3 1.6 3.4 2.6-1.8h1l.8.4.9 2.1.1 1.5-.3 1.5-.8 1.4-1.2 1.2-1.8.9-3.7.9-.7.1v-.3l-.2 5.2.8 2.7 11 8.8 4.1 2.1 2.3.2 9.4-3.5 5.7-2.9 3.1-2.2 3.5-3.1 2.1-2.4 1.7-2.8 1.5-3.1 1.9-6.6.7-8.7-.2-4.8-.8-4.4-1.1-3.4-2.8-5.7-2.6-4.4-2.7-3.7z", fill: "#131322" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M752.3 846.6v2.6l.5 2 .9 1.5 1.2 1.3 1.7.9 2.2.7 2.9.2 3.8-.2 4.9-.8 3.2-1.2 4.3-2.5 1.6-1.6.9-1.6.5-1.4V845l-.4-1.5-1-1.3-1.3-1.1-1.9-1-2.7-.8-7.7-1.2 1.2.6 3-3 1.2-1.8.3-1-.3-.6-.8-.3h-2l-2.6.6-2.6 1.2-2.6 1.9-2.7 2.7-2.8 3.6zM670.4 919.8l1.8-2.3 1.8-1.5 1.8-.9 2-.3 2.2.2 2.5.9 2.8 1.7 3.4 2.8 3.9 4 2.2 3.2 1.4 2.8.9 2.5.4 2.5-.2 2.1-.5 1.7-1 1.4-1.4 1-1.8.6-2 .1-2.4-.4-2.9-1-6.6-3.1-1.4-1 1.4.3.8 4.8v2.4l-.4 1.1-.7.4-1-.3-1.9-1.3-1.6-1.9-1.5-2.4-1.1-2.8-.8-3.3-.5-4v-4.6z", fill: "#efba9e" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m655.8 805.3-29.6-62-1.5-2.3-2.1-2.3-2.5-2.1-6-3.6-6.1-2.4-4.7-.9-4 .6-3.1 1.1-6 3.5-5.3 4.4-14.9 15.5-5.1 6.3-5.7 7.8-7 10.5-9.4 14.4 2.3 5.7 6.9 8.2 1.6.9 1.3-.1 2.3-.9 37.5-23.7 6.4 24.5 5 16.5 3.7 9.2 1.4 1.6 1.5.6 1.6.1 3.2-1.3 2.9-2.1 33.4-29.7", fill: "url(#not-found-icon_svg__E)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m511.1 873.9 2 7.8-.2 2.9-1 1.4-1.7 1.6-4.5 2.5-1.6.5h-2.8l-15.7-4.4-7.6-2.7-7.9-3.8-2.1-1.4-1.6-1.6-.8-1.4-.2-1.7.4-1.4 1.1-1.4 1.5-1.1 2-.8 5.3-1.1 6.7.3 23.1 4.1 2.5.5z", fill: "#333" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m623.9 837.6-7.8-8.1-6.9-8-18.9-23.8-6.4-7.7-9.4-9.8-5.2-4.8-10.2-8.2-3.8-2.3-2.7-1.3-3.2-1-6.3-1.3-2.5.1-5.2 1.3-4.9 2-2 1.3-2.4 2.1-4.9 5.8-4.6 6.8-5.2 9.7-7.6 25.3-2.7 10.8-2.3 12.4-1.9 15.7-1.7 20.8.1 2 .7 1.9 1 1.8 3 2.9 1.8 1 2.2.5 2.1-.1 2-.6 3.7-2.6 1.7-1.8 2.1-3.1 6.2-11 16.4-24.5 4.8-9.2 1.2-3.7 15.1 26.4 16.4 26.3 4 5.3 7.3 7.4 6.5 5 3.7 2.4 4 2.1 4.2 1.7 4.6 1.4 4.6.9 5 .3 5.2-.4 3.9-.6 4-1.2 4.2-1.6 10-5.1 7.5-4.8 2.6-2.4 2.2-2.5 2.1-3 4-7.4.1-1.3-.5-2.5-2.3-6.3-3.4-6.9-3.2-5.8-2-3-3.1-2.7-4.2-2.9-5.8-3.1-7.4-3.4z", fill: "url(#not-found-icon_svg__F)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m672 727.3 1.9-2.4 2.2-2.1 2.5-1.7 2.8-1.4 2.9-.9 3.2-.5 3.1-.2 6.2 1 2.8 1.1 2.6 1.4 2.2 1.9 3 3.3 2.7 3.8 4.8 8.1 5.2 8.7 5 9.3 2.2 4.8 8.9 22.7 3.9 8.7 8.4 17 9.1 17.2 1.9 4.3 1.4 4.3.9 6v3.1l-.6 2.9-.9 2.2-1.3 1.5-1.7 1.1-2 .7-2.3.1-5.1-.8-2.9-1.1-2.4-1.4-4.2-3.8-16.8-18.4-7.4-8.9-7.1-9.2-6.5-9.2-5.9-9.4-4.1-7.2-3.7-7.5-3.4-7.7-3-7.9-2.6-8.1-2.3-8.5-1.9-9-1.5-9.5", fill: "url(#not-found-icon_svg__G)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m647.4 724.3 4.7-4.1 4.5-3.2 4.5-2.5 4.5-1.8 4.4-1.2 4.4-.5 4.5.1 4.6.6 4.7 1.4 4.9 2 5.1 2.8 2.3 1.8 2.2 2.3 2.1 2.9 2 3.7 2.1 5 1.9 5.9 1.6 6.9 1.1 7.1 1.3 15.8-.1 16.9-.6 8.8-2.3 17.5-1.7 8.7-2.1 8.6-2.4 8.1-2.8 7.8-3.2 7.5-3.6 6.9-3.9 6.1-3.3 4.4-3.4 3.8-3.7 3.3-3.7 2.8-5.5 3.3-5.3 2.6-5 1.9-4.8 1.2-5.1.9-4.8.3-4.6-.1-4.4-.5-4.4-1-8-2.9-3.8-1.9-4.7-3.1-4.3-3.3-3.8-3.7-3.4-4-2.8-4.1-2.3-4-1.8-4.4-1.1-4-.5-3.8-.1-9.8.5-9.7 1-9.5 1.6-9.3 2.1-9.2 2.6-9 3.2-9 3.7-8.8 4.3-8.7 4.9-8.6 5.6-8.6 6.1-8.5 6.8-8.5z", fill: "url(#not-found-icon_svg__H)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m639 759.8 2.6-6.3 2.5-4.9 2.5-3.6 2.4-2.7 2.4-1.9 2.4-1.3 2.4-.6 2.5-.1 2.6.5 2.9 1.2 3.1 1.9 3.5 2.8 3.9 4 4.4 5.3 1.4 4.6 1.5 7.1 1.3 10.5 1.2 14.7 1 19.8.5 26.2v33.8l-.8 42.6-2.2 4.9-2.1 3.6-2 2.4-2 1.4-1.8.9-1.9.2-2-.4-2.2-1-2.4-1.8-2.8-2.9-3.1-4.3-5.2-16-4.5-15.6-3.9-15.2-3.1-14.8-2.5-14.5-1.9-14.1-1.3-13.9-.7-13.5-.1-13.3.5-13z", fill: "url(#not-found-icon_svg__I)" })
+  ] });
+}
+
+exports.NotFoundIcon = NotFoundIcon;

package/dist/cjs/components/page/index.cjs

@@ -0,0 +1,58 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'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 scrollContent = require('./scroll-content.cjs');
+const styles = require('./styles.cjs');
+const usePageKey = require('./use-page-key.cjs');
+require('./props.cjs');
+const viewportContext = require('./viewport-context.cjs');
+
+const pageVariants = {
+  initial: {
+    translateX: -100,
+    opacity: 0
+  },
+  animate: {
+    translateX: 0,
+    opacity: 1
+  }
+};
+const pageTransition = {
+  duration: 0.3,
+  ease: "easeOut"
+};
+function Page({
+  className,
+  aside,
+  asideClassName,
+  asideWidth = 280,
+  header,
+  headerClassName,
+  footer,
+  footerClassName,
+  actionBar,
+  actionBarClassName,
+  scrollable,
+  children
+}) {
+  const pageKey = usePageKey.usePageKey();
+  const content = scrollable ? /* @__PURE__ */ jsxRuntime.jsx(scrollContent.ScrollContent, { actionBar, actionBarClassName, className, children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className, css: [styles.content, styles.defaultContent, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3BhZ2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEVSIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9wYWdlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVHJhbnNpdGlvbiwgVmFyaWFudHMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuXG5pbXBvcnQgdHlwZSB7IFBhZ2VQcm9wcyB9IGZyb20gXCIuL3Byb3BzXCI7XG5cbmltcG9ydCB7IGdldFNwYWNpbmdWYWx1ZSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuXG5pbXBvcnQgeyBTY3JvbGxDb250ZW50IH0gZnJvbSBcIi4vc2Nyb2xsLWNvbnRlbnRcIjtcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tIFwiLi9zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVBhZ2VLZXkgfSBmcm9tIFwiLi91c2UtcGFnZS1rZXlcIjtcblxuY29uc3QgcGFnZVZhcmlhbnRzOiBWYXJpYW50cyA9IHtcbiAgaW5pdGlhbDoge1xuICAgIHRyYW5zbGF0ZVg6IC0xMDAsXG4gICAgb3BhY2l0eTogMFxuICB9LFxuICBhbmltYXRlOiB7XG4gICAgdHJhbnNsYXRlWDogMCxcbiAgICBvcGFjaXR5OiAxXG4gIH1cbn07XG5jb25zdCBwYWdlVHJhbnNpdGlvbjogVHJhbnNpdGlvbiA9IHtcbiAgZHVyYXRpb246IDAuMyxcbiAgZWFzZTogXCJlYXNlT3V0XCJcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBQYWdlKHtcbiAgY2xhc3NOYW1lLFxuICBhc2lkZSxcbiAgYXNpZGVDbGFzc05hbWUsXG4gIGFzaWRlV2lkdGggPSAyODAsXG4gIGhlYWRlcixcbiAgaGVhZGVyQ2xhc3NOYW1lLFxuICBmb290ZXIsXG4gIGZvb3RlckNsYXNzTmFtZSxcbiAgYWN0aW9uQmFyLFxuICBhY3Rpb25CYXJDbGFzc05hbWUsXG4gIHNjcm9sbGFibGUsXG4gIGNoaWxkcmVuXG59OiBQYWdlUHJvcHMpIHtcbiAgY29uc3QgcGFnZUtleSA9IHVzZVBhZ2VLZXkoKTtcblxuICBjb25zdCBjb250ZW50ID0gc2Nyb2xsYWJsZVxuICAgID8gKFxuICAgICAgICA8U2Nyb2xsQ29udGVudFxuICAgICAgICAgIGFjdGlvbkJhcj17YWN0aW9uQmFyfVxuICAgICAgICAgIGFjdGlvbkJhckNsYXNzTmFtZT17YWN0aW9uQmFyQ2xhc3NOYW1lfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1Njcm9sbENvbnRlbnQ+XG4gICAgICApXG4gICAgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICBjc3M9e1tzdHlsZXMuY29udGVudCwgc3R5bGVzLmRlZmF1bHRDb250ZW50XX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuXG4gIHJldHVybiAoXG4gICAgPG1vdGlvbi5kaXZcbiAgICAgIGtleT17cGFnZUtleX1cbiAgICAgIGFuaW1hdGU9XCJhbmltYXRlXCJcbiAgICAgIGNzcz17c3R5bGVzLnBhZ2V9XG4gICAgICBpbml0aWFsPVwiaW5pdGlhbFwiXG4gICAgICB0cmFuc2l0aW9uPXtwYWdlVHJhbnNpdGlvbn1cbiAgICAgIHZhcmlhbnRzPXtwYWdlVmFyaWFudHN9XG4gICAgPlxuICAgICAge1xuICAgICAgICBhc2lkZSAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXthc2lkZUNsYXNzTmFtZX1cbiAgICAgICAgICAgIGNzcz17c3R5bGVzLmFzaWRlfVxuICAgICAgICAgICAgc3R5bGU9e3sgd2lkdGg6IGdldFNwYWNpbmdWYWx1ZShhc2lkZVdpZHRoKSB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHthc2lkZX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKVxuICAgICAgfVxuXG4gICAgICA8ZGl2IGNzcz17c3R5bGVzLm1haW59PlxuICAgICAgICB7XG4gICAgICAgICAgaGVhZGVyICYmIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtoZWFkZXJDbGFzc05hbWV9IGNzcz17c3R5bGVzLmhlYWRlcn0+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApXG4gICAgICAgIH1cblxuICAgICAgICB7Y29udGVudH1cblxuICAgICAgICB7XG4gICAgICAgICAgZm9vdGVyICYmIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtmb290ZXJDbGFzc05hbWV9IGNzcz17c3R5bGVzLmZvb3Rlcn0+XG4gICAgICAgICAgICAgIHtmb290ZXJ9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApXG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvbW90aW9uLmRpdj5cbiAgKTtcbn1cblxuZXhwb3J0IHsgdHlwZSBQYWdlUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuZXhwb3J0IHsgdXNlVmlld3BvcnRIZWlnaHQgfSBmcm9tIFwiLi92aWV3cG9ydC1jb250ZXh0XCI7XG4iXX0= */"], children });
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.motion.div, { animate: "animate", css: styles.page, initial: "initial", transition: pageTransition, variants: pageVariants, children: [
+    aside && /* @__PURE__ */ jsxRuntime.jsx("div", { className: asideClassName, css: styles.aside, style: {
+      width: components.getSpacingValue(asideWidth)
+    }, children: aside }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { css: styles.main, children: [
+      header && /* @__PURE__ */ jsxRuntime.jsx("div", { className: headerClassName, css: styles.header, children: header }),
+      content,
+      footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: footerClassName, css: styles.footer, children: footer })
+    ] })
+  ] }, pageKey);
+}
+
+exports.useViewportHeight = viewportContext.useViewportHeight;
+exports.Page = Page;

package/dist/cjs/components/page/props.cjs

@@ -0,0 +1,3 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+

package/dist/cjs/components/page/scroll-content.cjs

@@ -0,0 +1,65 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'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 styles = require('./styles.cjs');
+const viewportContext = require('./viewport-context.cjs');
+
+const actionBarVariants = {
+  initial: {
+    opacity: 0,
+    y: 60
+  },
+  animate: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      ease: "easeOut"
+    }
+  },
+  exit: {
+    opacity: 0,
+    y: 60,
+    transition: {
+      ease: "easeIn"
+    }
+  }
+};
+const actionBarTransition = {
+  duration: 0.3
+};
+function ScrollContent({
+  className,
+  actionBar,
+  actionBarClassName,
+  children
+}) {
+  const {
+    ref: actionBarRef,
+    height: actionBarHeight
+  } = hooks.useElementSize({
+    box: "border-box"
+  });
+  const {
+    ref: viewportRef,
+    height: viewportHeight
+  } = hooks.useElementSize({
+    box: "border-box"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, { children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsx(components.ScrollArea, { className, css: [styles.content, styles.scrollWrapper, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3BhZ2Uvc2Nyb2xsLWNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEWSIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9wYWdlL3Njcm9sbC1jb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVHJhbnNpdGlvbiwgVmFyaWFudHMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuaW1wb3J0IHR5cGUgeyBDU1NQcm9wZXJ0aWVzLCBQcm9wc1dpdGhDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFNjcm9sbEFyZWEgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29yZVwiO1xuaW1wb3J0IHsgdXNlRWxlbWVudFNpemUgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvaG9va3NcIjtcblxuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gXCIuL3N0eWxlc1wiO1xuaW1wb3J0IHsgVmlld3BvcnRQcm92aWRlciB9IGZyb20gXCIuL3ZpZXdwb3J0LWNvbnRleHRcIjtcblxuaW50ZXJmYWNlIFNjcm9sbENvbnRlbnRQcm9wcyBleHRlbmRzIFByb3BzV2l0aENoaWxkcmVuIHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBhY3Rpb25CYXI/OiBSZWFjdE5vZGU7XG4gIGFjdGlvbkJhckNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgYWN0aW9uQmFyVmFyaWFudHM6IFZhcmlhbnRzID0ge1xuICBpbml0aWFsOiB7XG4gICAgb3BhY2l0eTogMCxcbiAgICB5OiA2MFxuICB9LFxuICBhbmltYXRlOiB7XG4gICAgb3BhY2l0eTogMSxcbiAgICB5OiAwLFxuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGVhc2U6IFwiZWFzZU91dFwiXG4gICAgfVxuICB9LFxuICBleGl0OiB7XG4gICAgb3BhY2l0eTogMCxcbiAgICB5OiA2MCxcbiAgICB0cmFuc2l0aW9uOiB7XG4gICAgICBlYXNlOiBcImVhc2VJblwiXG4gICAgfVxuICB9XG59O1xuXG5jb25zdCBhY3Rpb25CYXJUcmFuc2l0aW9uOiBUcmFuc2l0aW9uID0ge1xuICBkdXJhdGlvbjogMC4zXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU2Nyb2xsQ29udGVudCh7XG4gIGNsYXNzTmFtZSxcbiAgYWN0aW9uQmFyLFxuICBhY3Rpb25CYXJDbGFzc05hbWUsXG4gIGNoaWxkcmVuXG59OiBTY3JvbGxDb250ZW50UHJvcHMpIHtcbiAgY29uc3QgeyByZWY6IGFjdGlvbkJhclJlZiwgaGVpZ2h0OiBhY3Rpb25CYXJIZWlnaHQgfSA9IHVzZUVsZW1lbnRTaXplKHtcbiAgICBib3g6IFwiYm9yZGVyLWJveFwiXG4gIH0pO1xuICBjb25zdCB7IHJlZjogdmlld3BvcnRSZWYsIGhlaWdodDogdmlld3BvcnRIZWlnaHQgfSA9IHVzZUVsZW1lbnRTaXplKHtcbiAgICBib3g6IFwiYm9yZGVyLWJveFwiXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8U2Nyb2xsQXJlYVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e1tzdHlsZXMuY29udGVudCwgc3R5bGVzLnNjcm9sbFdyYXBwZXJdfVxuICAgICAgICAgICAgdmlld3BvcnRDbGFzc05hbWU9e2NzcyhzdHlsZXMuc2Nyb2xsQ29udGFpbmVyKX1cbiAgICAgICAgICAgIHZpZXdwb3J0UmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHZpZXdwb3J0U3R5bGU9e3tcbiAgICAgICAgICAgICAgXCItLXZlZi1wYWdlLWFjdGlvbi1iYXItaGVpZ2h0XCI6IGAke2FjdGlvbkJhckhlaWdodH1weGBcbiAgICAgICAgICAgIH0gYXMgQ1NTUHJvcGVydGllc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Vmlld3BvcnRQcm92aWRlciB2YWx1ZT17dmlld3BvcnRIZWlnaHR9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1ZpZXdwb3J0UHJvdmlkZXI+XG4gICAgICAgICAgPC9TY3JvbGxBcmVhPlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuXG4gICAgICA8QW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICB7XG4gICAgICAgICAgYWN0aW9uQmFyICYmIChcbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIHJlZj17YWN0aW9uQmFyUmVmfVxuICAgICAgICAgICAgICBhbmltYXRlPVwiYW5pbWF0ZVwiXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YWN0aW9uQmFyQ2xhc3NOYW1lfVxuICAgICAgICAgICAgICBjc3M9e3N0eWxlcy5hY3Rpb25CYXJ9XG4gICAgICAgICAgICAgIGV4aXQ9XCJleGl0XCJcbiAgICAgICAgICAgICAgaW5pdGlhbD1cImluaXRpYWxcIlxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXthY3Rpb25CYXJUcmFuc2l0aW9ufVxuICAgICAgICAgICAgICB2YXJpYW50cz17YWN0aW9uQmFyVmFyaWFudHN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHthY3Rpb25CYXJ9XG4gICAgICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICAgICAgKVxuICAgICAgICB9XG4gICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICA8Lz5cbiAgKTtcbn1cbiJdfQ== */"], viewportClassName: css(styles.scrollContainer), viewportRef, viewportStyle: {
+      "--vef-page-action-bar-height": `${actionBarHeight}px`
+    }, children: /* @__PURE__ */ jsxRuntime.jsx(viewportContext.ViewportProvider, { value: viewportHeight, children }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.AnimatePresence, { children: actionBar && /* @__PURE__ */ jsxRuntime.jsx(core.motion.div, { ref: actionBarRef, animate: "animate", className: actionBarClassName, css: styles.actionBar, exit: "exit", initial: "initial", transition: actionBarTransition, variants: actionBarVariants, children: actionBar }) })
+  ] });
+}
+
+exports.ScrollContent = ScrollContent;