@vef-framework/starter 1.0.135 → 2.0.1

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

@@ -0,0 +1,35 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { useNavigate } from '@tanstack/react-router';
+import { scheduleMicrotask } from '@vef-framework/shared';
+import { useCallback } from 'react';
+import '../../../constants/index.js';
+import { INDEX_ROUTE_PATH } from '../../../constants/router.js';
+
+function useTabNavigate({
+  async = false
+} = {}) {
+  const navigate = useNavigate();
+  return useCallback((tab) => {
+    const doNavigate = () => {
+      if (tab) {
+        navigate({
+          to: tab.fullPath,
+          params: tab.params,
+          search: tab.search,
+          viewTransition: false
+        });
+      } else {
+        navigate({
+          to: INDEX_ROUTE_PATH,
+          viewTransition: false
+        });
+      }
+    };
+    if (async) {
+      return scheduleMicrotask(doNavigate);
+    }
+    return doNavigate();
+  }, [async, navigate]);
+}
+
+export { useTabNavigate };

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

@@ -0,0 +1,77 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { ClassNames } from '@emotion/react';
+import { breakpoints } from '@vef-framework/components';
+import { useMemo, useEffect } from 'react';
+import '../../stores/index.js';
+import { BaseLayout } from '../base-layout/index.js';
+import './components/index.js';
+import { LayoutStoreProvider } from './store.js';
+import { sidebar } from './styles.js';
+import './props.js';
+import { useThemeStore } from '../../stores/theme.js';
+import { Sidebar } from './components/sidebar.js';
+import { ThemeConfig } from './components/theme-config/index.js';
+import { Search } from './components/search/index.js';
+import { Header } from './components/header/index.js';
+import { Tabs } from './components/tabs/index.js';
+
+function Layout({
+  title,
+  logo,
+  headerActions,
+  userMenuItems,
+  onLogout,
+  children
+}) {
+  const isSidebarCollapsed = useThemeStore((state) => state.isSidebarCollapsed);
+  const isMainContentMaximum = useThemeStore((state) => state.isMainContentMaximum);
+  const menuLayout = useThemeStore((state) => state.menuLayout);
+  const sidebarProps = useMemo(() => {
+    if (menuLayout === "horizontal") {
+      return {};
+    }
+    return {
+      isSidebarCollapsed,
+      sidebar: /* @__PURE__ */ jsx(Sidebar, { isSidebarCollapsed, logo, title })
+    };
+  }, [isSidebarCollapsed, menuLayout, logo, title]);
+  useEffect(() => {
+    const query = globalThis.matchMedia(`(max-width: ${breakpoints.md})`);
+    const handleChange = (event) => {
+      if (event.matches) {
+        const {
+          isSidebarCollapsed: isSidebarCollapsed2
+        } = useThemeStore.getState();
+        if (!isSidebarCollapsed2) {
+          useThemeStore.setState((state) => {
+            state.isSidebarCollapsed = true;
+          });
+        }
+      }
+    };
+    query.addEventListener("change", handleChange);
+    return () => {
+      query.removeEventListener("change", handleChange);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(LayoutStoreProvider, { children: /* @__PURE__ */ jsx(ClassNames, { children: ({
+    css
+  }) => /* @__PURE__ */ jsxs(
+    BaseLayout,
+    {
+      isMainContentMaximum,
+      sidebarClassName: css(sidebar),
+      tabs: /* @__PURE__ */ jsx(Tabs, {}),
+      header: /* @__PURE__ */ jsx(Header, { headerActions, logo, title, userMenuItems, onLogout }),
+      ...sidebarProps,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ThemeConfig, {}),
+        /* @__PURE__ */ jsx(Search, {})
+      ]
+    }
+  ) }) });
+}
+
+export { Layout };

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

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

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

@@ -0,0 +1,18 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { createComponentStore } from '@vef-framework/core';
+
+const {
+  StoreProvider: LayoutStoreProvider,
+  useStore: useLayoutStore
+} = createComponentStore("Layout", (set) => {
+  return {
+    isSearchVisible: false,
+    setIsSearchVisible: (isSearchVisible) => {
+      set((state) => {
+        state.isSearchVisible = isSearchVisible;
+      });
+    }
+  };
+});
+
+export { LayoutStoreProvider, useLayoutStore };

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

@@ -0,0 +1,12 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { css } from '@emotion/react';
+import { globalCssVars } from '@vef-framework/components';
+
+const sidebar = /* @__PURE__ */ css({
+  display: "flex",
+  flexDirection: "column",
+  boxShadow: "2px 0 8px 0 rgb(29, 35, 41, 0.05)",
+  background: globalCssVars.colorBgContainer
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3Qgc2lkZWJhciA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBib3hTaGFkb3c6IFwiMnB4IDAgOHB4IDAgcmdiKDI5LCAzNSwgNDEsIDAuMDUpXCIsXG4gIGJhY2tncm91bmQ6IGdsb2JhbENzc1ZhcnMuY29sb3JCZ0NvbnRhaW5lclxufSk7XG4iXX0= */");
+
+export { sidebar };

package/dist/es/components/login/icon-login.js

@@ -0,0 +1,145 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+function IconLogin(props) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 700 700", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props, children: [
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsx("clipPath", { id: "login-icon_svg__u", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#login-icon_svg__c" }) }),
+      /* @__PURE__ */ jsx("clipPath", { id: "login-icon_svg__v", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#login-icon_svg__d" }) }),
+      /* @__PURE__ */ jsx("clipPath", { id: "login-icon_svg__w", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#login-icon_svg__e" }) }),
+      /* @__PURE__ */ jsx("clipPath", { id: "login-icon_svg__x", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#login-icon_svg__f" }) }),
+      /* @__PURE__ */ jsx("clipPath", { id: "login-icon_svg__y", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#login-icon_svg__g" }) }),
+      /* @__PURE__ */ jsx("clipPath", { id: "login-icon_svg__z", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#login-icon_svg__h" }) }),
+      /* @__PURE__ */ jsx("clipPath", { id: "login-icon_svg__A", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#login-icon_svg__i" }) }),
+      /* @__PURE__ */ jsx("clipPath", { id: "login-icon_svg__B", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#login-icon_svg__j" }) }),
+      /* @__PURE__ */ jsx("path", { d: "M311.3 464.9v29.6h9.8v-26.6c-3.5-2.6-7.1-3.1-9.8-3", id: "login-icon_svg__c" }),
+      /* @__PURE__ */ jsx("path", { d: "M333.9 319.5s11.1-4 27.7 0 26.5 20.5 27 33.8c.6 13.3-5.4 95.3-27.4 116.1-21.9 20.7-77.3 10.5-88.6 6.2S253 454.2 253 454.2l56.7-40.3 3-86.5z", id: "login-icon_svg__d" }),
+      /* @__PURE__ */ jsx("path", { d: "m296.9 315.3-1.3-.1s-13.8.4-18.2 5.8c-4.3 5.4-7.3 30.5-7.3 30.5l8.6 64.5s5.2 9.1 31.4 9.1 36.5-10.7 36.5-10.7l-2.4-30.2s4.4-6.8 5.1-14.2c.7-7.3-6.5-46.4-14.3-52.1s-25.2-3.2-25.2-3.2z", id: "login-icon_svg__e" }),
+      /* @__PURE__ */ jsx("path", { d: "m280.3 414.8-1.6 1.2s-47.1 15.2-51.5 29.5 2.6 96.3 2.6 96.3 12.8 10.1 24.1-1l.9-76.6 47.6-17.6 13.8.4s16.5-11.8 17.5-12.6 14-10.1 14-10.1l-8-13.2z", id: "login-icon_svg__f" }),
+      /* @__PURE__ */ jsx("path", { d: "M313.8 422.3s-24.9 21.2-27 36.9 0 84.8 0 84.8 16.1 10.7 27 0c0 0-4.5-63.1 5.2-73.8s26.8-20.4 28.9-36.3-1.2-19.6-1.2-19.6l-16.5-2.7z", id: "login-icon_svg__g" }),
+      /* @__PURE__ */ jsx("path", { d: "M295.2 301.4s2.3 4.7.4 13.8c0 0 1.4 4.4 6.5 4.3s7.6-4.9 7.6-4.9-2.4-3.9-1.4-12.1l.1-3.1-6.4-4.3z", id: "login-icon_svg__h" }),
+      /* @__PURE__ */ jsx("path", { d: "M280.7 276.4s-13.1-.5-5.8-26.9c0 0 6.7 5.1 18.7 5.8s25.3.4 27 21.7c.7 13.8-12.2 25.6-12.2 25.6l-11.7-7.4z", id: "login-icon_svg__i" }),
+      /* @__PURE__ */ jsx("path", { d: "M280.1 273.1s-3.6 30 7.4 31.7 18.3-10.9 18.3-10.9 5.5-.7 5-6.5c-.6-5.8-4.9-3.6-4.9-3.6s-4.9-2.1-4.8-7.3c0 0-5.9 1.4-8.6-4.1 0 0-4.5 3.1-9-1.7 0 0-1.2 2.8-3.4 2.4", id: "login-icon_svg__j" }),
+      /* @__PURE__ */ jsxs("linearGradient", { id: "login-icon_svg__a", children: [
+        /* @__PURE__ */ jsx("stop", { offset: 0, stopColor: "#b0d8ff" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.015, stopColor: "#b3d9ff" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.145, stopColor: "#c4e1ff" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.301, stopColor: "#d1e7ff" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.512, stopColor: "#d8eaff" }),
+        /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#daebff" })
+      ] }),
+      /* @__PURE__ */ jsx("linearGradient", { gradientUnits: "userSpaceOnUse", id: "login-icon_svg__k", x1: 128.383, x2: 131.427, xlinkHref: "#login-icon_svg__a", y1: 74.959, y2: 390.046 }),
+      /* @__PURE__ */ jsxs("linearGradient", { gradientTransform: "rotate(-2.292 542.315 401.673)", gradientUnits: "userSpaceOnUse", id: "login-icon_svg__l", x1: 101.309, x2: 101.309, y1: 417.977, y2: 484.522, children: [
+        /* @__PURE__ */ jsx("stop", { offset: 0.366, stopColor: "#86cf94" }),
+        /* @__PURE__ */ jsx("stop", { offset: 0.989, stopColor: "#008166" })
+      ] }),
+      /* @__PURE__ */ jsx("linearGradient", { gradientUnits: "userSpaceOnUse", id: "login-icon_svg__m", x1: 391.539, x2: 391.539, xlinkHref: "#login-icon_svg__a", y1: 112.999, y2: 364.581 })
+    ] }),
+    /* @__PURE__ */ jsx("path", { d: "M557.1 189.1h36.4v46.6h-36.4z", fill: "#b0d8ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M559.3 191.2h32v42.3h-32z", fill: "#fff" }),
+    /* @__PURE__ */ jsx("path", { d: "M595.9 148.7h61.2v75.8h-61.2z", fill: "#b0d8ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M599.5 152.1h54.1v69h-54.1z", fill: "#fff" }),
+    /* @__PURE__ */ jsx("path", { d: "M247.3 367.5H17c-3 0-5.4-2.4-5.4-5.4V122.3c0-3 2.4-5.4 5.4-5.4h230.3c3 0 5.4 2.4 5.4 5.4v239.8c0 3-2.4 5.4-5.4 5.4", fill: "#b0d8ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M243.4 367.5H16.7c-2.8 0-5-2.3-5-5V126.3c0-2.8 2.3-5 5-5h226.7c2.8 0 5 2.3 5 5v236.2c0 2.7-2.2 5-5 5", fill: "url(#login-icon_svg__k)" }),
+    /* @__PURE__ */ jsx("path", { d: "M237.9 177.9H23.6c-1 0-1.7-.8-1.7-1.7v-42.6c0-1 .8-1.7 1.7-1.7h214.3c1 0 1.7.8 1.7 1.7v42.6c.1.9-.7 1.7-1.7 1.7", fill: "#d5e1f7" }),
+    /* @__PURE__ */ jsx("path", { d: "M236.7 176.7H22.4c-1 0-1.7-.8-1.7-1.7v-42.6c0-1 .8-1.7 1.7-1.7h214.3c1 0 1.7.8 1.7 1.7V175c.1.9-.7 1.7-1.7 1.7", fill: "#fff" }),
+    /* @__PURE__ */ jsx("path", { d: "M238.1 359.7H23.7c-1 0-1.7-.8-1.7-1.7v-42.6c0-1 .8-1.7 1.7-1.7H238c1 0 1.7.8 1.7 1.7V358c.1.9-.7 1.7-1.6 1.7", fill: "#d5e1f7" }),
+    /* @__PURE__ */ jsx("path", { d: "M236.7 358H22.4c-1 0-1.7-.8-1.7-1.7v-42.6c0-1 .8-1.7 1.7-1.7h214.3c1 0 1.7.8 1.7 1.7v42.6c.1.9-.7 1.7-1.7 1.7", fill: "#fff" }),
+    /* @__PURE__ */ jsx("path", { d: "M93.5 324.7H31.4c-1.8 0-3.2-1.4-3.2-3.2s1.4-3.2 3.2-3.2h62.1c1.8 0 3.2 1.4 3.2 3.2s-1.4 3.2-3.2 3.2M230.4 339.8h-199c-1.8 0-3.2-1.4-3.2-3.2s1.4-3.2 3.2-3.2h199c1.8 0 3.2 1.4 3.2 3.2s-1.5 3.2-3.2 3.2", fill: "#d5e1f7" }),
+    /* @__PURE__ */ jsx("path", { d: "M232.2 351.6H29.5c-.7 0-1.3-.6-1.3-1.3v-3.7c0-.7.6-1.3 1.3-1.3h202.7c.7 0 1.3.6 1.3 1.3v3.7c.1.7-.5 1.3-1.3 1.3", fill: "#ebf5ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M21.9 305V186.9c0-.7.6-1.3 1.3-1.3h43.5c.7 0 1.3.6 1.3 1.3V305c0 .7-.6 1.3-1.3 1.3H23.2c-.7 0-1.3-.6-1.3-1.3", fill: "#d5e1f7" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 303.4V185.3c0-.7.6-1.3 1.3-1.3h43.5c.7 0 1.3.6 1.3 1.3v118.2c0 .7-.6 1.3-1.3 1.3H22.3c-.8-.1-1.3-.7-1.3-1.4", fill: "#fff" }),
+    /* @__PURE__ */ jsx("path", { d: "M78.1 303.9V188c0-1.3 1.1-2.4 2.4-2.4h157.3c1.3 0 2.4 1.1 2.4 2.4v115.9c0 1.3-1.1 2.4-2.4 2.4H80.5c-1.3 0-2.4-1.1-2.4-2.4", fill: "#d5e1f7" }),
+    /* @__PURE__ */ jsx("path", { d: "M76.3 302.3V186.4c0-1.3 1.1-2.4 2.4-2.4H236c1.3 0 2.4 1.1 2.4 2.4v115.9c0 1.3-1.1 2.4-2.4 2.4H78.7c-1.3 0-2.4-1.1-2.4-2.4", fill: "#fff" }),
+    /* @__PURE__ */ jsx("path", { d: "M130.9 195.4h-47c-.7 0-1.3-.6-1.3-1.3v-3.9c0-.7.6-1.3 1.3-1.3h47c.7 0 1.3.6 1.3 1.3v3.9c-.1.7-.6 1.3-1.3 1.3", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M229.8 210.5H83.9c-.7 0-1.3-.6-1.3-1.3v-3.8c0-.7.6-1.3 1.3-1.3h145.9c.7 0 1.3.6 1.3 1.3v3.8c0 .7-.6 1.3-1.3 1.3", fill: "#d5e1f7" }),
+    /* @__PURE__ */ jsx("path", { d: "M229.8 222.3H83.9c-.7 0-1.3-.6-1.3-1.3v-3.8c0-.7.6-1.3 1.3-1.3h145.9c.7 0 1.3.6 1.3 1.3v3.8c0 .7-.6 1.3-1.3 1.3", fill: "#ebf5ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M130.9 234h-47c-.7 0-1.3-.6-1.3-1.3v-3.9c0-.7.6-1.3 1.3-1.3h47c.7 0 1.3.6 1.3 1.3v3.9c-.1.8-.6 1.3-1.3 1.3", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M229.8 249.1H83.9c-.7 0-1.3-.6-1.3-1.3V244c0-.7.6-1.3 1.3-1.3h145.9c.7 0 1.3.6 1.3 1.3v3.8c0 .8-.6 1.3-1.3 1.3", fill: "#d5e1f7" }),
+    /* @__PURE__ */ jsx("path", { d: "M229.8 260.9H83.9c-.7 0-1.3-.6-1.3-1.3v-3.8c0-.7.6-1.3 1.3-1.3h145.9c.7 0 1.3.6 1.3 1.3v3.8c0 .7-.6 1.3-1.3 1.3", fill: "#ebf5ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M130.9 272.7h-47c-.7 0-1.3-.6-1.3-1.3v-3.9c0-.7.6-1.3 1.3-1.3h47c.7 0 1.3.6 1.3 1.3v3.9c-.1.7-.6 1.3-1.3 1.3", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M229.8 287.8H83.9c-.7 0-1.3-.6-1.3-1.3v-3.8c0-.7.6-1.3 1.3-1.3h145.9c.7 0 1.3.6 1.3 1.3v3.8c0 .7-.6 1.3-1.3 1.3", fill: "#d5e1f7" }),
+    /* @__PURE__ */ jsx("path", { d: "M229.8 299.6H83.9c-.7 0-1.3-.6-1.3-1.3v-3.8c0-.7.6-1.3 1.3-1.3h145.9c.7 0 1.3.6 1.3 1.3v3.8c0 .7-.6 1.3-1.3 1.3", fill: "#ebf5ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M61.8 225.8h-36c-1 0-1.8-.8-1.8-1.8v-33.1c0-1 .8-1.8 1.8-1.8h36c1 0 1.8.8 1.8 1.8V224c.1 1-.7 1.8-1.8 1.8M61.8 269.3h-36c-1 0-1.8-.8-1.8-1.8v-33.1c0-1 .8-1.8 1.8-1.8h36c1 0 1.8.8 1.8 1.8v33.1c.1 1-.7 1.8-1.8 1.8M124.5 172.2H80.4c-1 0-1.8-.8-1.8-1.8v-9.9c0-1 .8-1.8 1.8-1.8h44.1c1 0 1.8.8 1.8 1.8v9.9c0 .9-.8 1.8-1.8 1.8M71.3 172.2h-44c-1 0-1.8-.8-1.8-1.8v-9.9c0-1 .8-1.8 1.8-1.8h44.1c1 0 1.8.8 1.8 1.8v9.9c0 .9-.8 1.8-1.9 1.8M178.1 172.2H134c-1 0-1.8-.8-1.8-1.8v-9.9c0-1 .8-1.8 1.8-1.8h44.1c1 0 1.8.8 1.8 1.8v9.9c.1.9-.8 1.8-1.8 1.8M231.8 172.2h-44.1c-1 0-1.8-.8-1.8-1.8v-9.9c0-1 .8-1.8 1.8-1.8h44.1c1 0 1.8.8 1.8 1.8v9.9c0 .9-.8 1.8-1.8 1.8M231.6 154H26.1c-1.1 0-2-.9-2-2v-14.9c0-1.1.9-2 2-2h205.5c1.1 0 2 .9 2 2V152c0 1.1-.9 2-2 2", fill: "#daebff" }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 256.5, cy: 565.8, fill: "#e2eefa", rx: 64.2, ry: 17.3 }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 98.2, cy: 538.9, fill: "#e2eefa", rx: 30.8, ry: 9.6 }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 315.6, cy: 545.4, fill: "#e2eefa", rx: 52.8, ry: 13 }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 613.8, cy: 523.6, fill: "#e2eefa", rx: 83.2, ry: 9.1 }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 450.3, cy: 569.4, fill: "#e2eefa", rx: 24, ry: 7.5 }),
+    /* @__PURE__ */ jsx("path", { d: "M3 495.3h657v4.4H3z", fill: "#d3e2f9" }),
+    /* @__PURE__ */ jsx("path", { d: "M692.3 523.9H537.5c-1.9 0-3.4-1.5-3.4-3.4V261.1c0-1.9 1.5-3.4 3.4-3.4h154.8c1.9 0 3.4 1.5 3.4 3.4v259.4c.1 1.9-1.5 3.4-3.4 3.4", fill: "#d1e3ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M548.9 452.9H615v55.7h-66.1z", fill: "#e3eeff" }),
+    /* @__PURE__ */ jsx("path", { d: "M614.9 452.9h65.5v55.7h-65.5z", fill: "#e3eeff" }),
+    /* @__PURE__ */ jsx("path", { d: "M548.9 271.8h131.6V320H548.9zM548.9 332.2h131.6v48.2H548.9zM548.9 392.6h131.6v48.2H548.9z", fill: "#f5fcff" }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 600.6, cy: 469.5, fill: "#d1e3ff", rx: 4.7, ry: 4.4 }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 630.1, cy: 469.5, fill: "#d1e3ff", rx: 4.7, ry: 4.4 }),
+    /* @__PURE__ */ jsxs("g", { stroke: "#b6d4ff", strokeMiterlimit: 10, children: [
+      /* @__PURE__ */ jsx("path", { d: "M552.2 282.6h11v36.7h-11zM563.2 282.6h11v36.7h-11zM574.3 282.6h11v36.7h-11zM585.3 282.6h11v36.7h-11zM596.3 282.6h11v36.7h-11zM617.3 343.4h11v36.7h-11zM628.3 343.4h11v36.7h-11zM600.847 359.237v10.5h-38.6v-10.5zM604.526 348.701v10.5h-38.6v-10.5z", fill: "#d1e3ff", strokeWidth: 0.221 }),
+      /* @__PURE__ */ jsx("path", { d: "M605.166 369.676v10.5h-38.6v-10.5zM639.3 343.4h11v36.7h-11zM650.3 343.4h11v36.7h-11zM661.3 343.4h11v36.7h-11zM560.1 404h11v36.7h-11zM571.1 404h11v36.7h-11zM582.1 404h11v36.7h-11zM593.1 404h11v36.7h-11zM604.1 404h11v36.7h-11zM631.3 316.4l-10.4 3.6-13.4-34.5 10.4-3.6zM643.1 316.4l-10.3 3.6-13.4-34.5 10.3-3.6z", fill: "#d1e3ff", strokeWidth: 0.221 }),
+      /* @__PURE__ */ jsx("path", { d: "m664.9 313-8.8 6.3-23.3-29.3 8.8-6.3z", fill: "#d1e3ff", strokeWidth: 0.221 }),
+      /* @__PURE__ */ jsx("ellipse", { cx: 649, cy: 414.6, fill: "#d1e3ff", rx: 16.5, ry: 15.7, strokeWidth: 0.221 }),
+      /* @__PURE__ */ jsx("path", { d: "M649 433.5c-11 0-19.9-8.5-19.9-18.9s8.9-18.9 19.9-18.9", fill: "none", strokeWidth: 0.515 }),
+      /* @__PURE__ */ jsx("path", { d: "M636.5 437.6h23.9v3.1h-23.9z", fill: "#d1e3ff", strokeWidth: 0.221 }),
+      /* @__PURE__ */ jsx("path", { d: "M647.5 429.3h1.6v9h-1.6z", fill: "#d1e3ff", strokeWidth: 0.221 })
+    ] }),
+    /* @__PURE__ */ jsx("path", { d: "M115.1 499.1s23.9-1.3 23.9-6.1c0-3.8-14.6-.6-14.6-.6s16-4.6 23.3-8.4c1.6-.8 3.3-1.7 4.4-3.2 1.1-1.4 1.6-3.5.7-5.1-1.2-2.1-4.2-2.3-6.7-2-9.8 1.2-16.7 6.4-25.6 10.9 6.5-3.3 12.2-7.4 17.6-12.2 5-4.4 10.7-8.6 14-14.5 2.1-3.7 2.9-9.2-.8-12.3-3.6-3-8.7-1.6-12.6-.2-10.5 3.7-19.7 11-25.7 20.3 1.6-4.4 2.8-8.8 3.6-13.4.3-1.8.5-4.1-1-5.2-2-1.4-4.6.5-6.1 2.3-3.7 4.5-6.5 9.8-8.3 15.4 1.2-12.5 2.4-25.3-.3-37.6-.6-2.8-1.5-5.6-3.2-7.9-1.8-2.3-4.6-3.9-7.4-3.6-2.7.3-4.9 2.2-6.8 4.2-5.9 6.5-9.3 15.2-9.5 24s2.8 17.6 8.3 24.4c-2.9-3.1-6.2-5.7-9.8-8-.8-.5-2-.9-2.6-.2-.3.4-.3.9-.3 1.4.5 6 4.5 10.9 8.4 15.5-7.8-9-19.9-14.1-31.8-13.2-1.4.1-3.1.4-3.8 1.7-.4.7-.4 1.6-.4 2.4.6 6 5.9 10.3 11.1 13.3 4.4 2.6 8.9 4.7 13.5 6.8-2.6-.4-5.3-.5-7.9-.3-.6 0-1.3.1-1.6.6-.7.9.3 2.1 1.2 2.8 6.6 4.8 15 7.1 23.1 6.5", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M142.2 454.6c.3-.2.6.3.3.5-7.6 5.7-14.6 12.2-20.8 19.4-6.3 7.3-11.3 15.2-16.2 23.4-.2.3-.6.1-.5-.3 8.2-17.1 22-32 37.2-43m-34.3 6.1c-4.4 11.2-7 25.2-6.1 37.3 0 .3.5.3.5 0 .2-12.1 2-25.6 6.3-37 0-.4-.6-.6-.7-.3m-15.2-24.6c-2.1 20.5-.4 42.4 5.1 62.2.1.3.6.2.5-.2-2.1-10.4-4-20.8-4.8-31.4-.8-10.2-.7-20.4-.4-30.6 0-.2-.3-.2-.4 0m-18.5 30.6c6.2 8.7 13 24.9 21.1 32 .3.3.7-.2.5-.5-7.3-8-14.5-23.1-21-31.8-.3-.3-.8 0-.6.3m66.4 13.5c-12.2 5.5-24.8 12-35.2 20.6-.3.3 0 .8.4.6 11.4-7.6 22.4-15 35-20.7.2-.1.1-.6-.2-.5m-76-1.5c8.9 5.3 18.4 16.7 28.1 20.4.3.1.6-.3.2-.5-9.4-4.6-19-15.2-28.1-20.4-.2-.1-.5.4-.2.5", fill: "url(#login-icon_svg__l)", opacity: 0.45 }),
+    /* @__PURE__ */ jsx("path", { d: "M75.9 497.7h52v43.5h-52z", fill: "#b0d8ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M117.7 497.7h10.2v43.5h-10.2z", fill: "#daebff" }),
+    /* @__PURE__ */ jsx("path", { d: "M511.9 340.1H275.6c-2.6 0-4.8-2.1-4.8-4.8V150.9c0-2.6 2.1-4.8 4.8-4.8h236.3c2.6 0 4.8 2.1 4.8 4.8v184.4c-.1 2.6-2.2 4.8-4.8 4.8", fill: "#b0d8ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M507.6 340.1H275.5c-2.6 0-4.7-2.1-4.7-4.7V155.5c0-2.6 2.1-4.7 4.7-4.7h232.1c2.6 0 4.7 2.1 4.7 4.7v179.9c-.1 2.6-2.2 4.7-4.7 4.7", fill: "url(#login-icon_svg__m)" }),
+    /* @__PURE__ */ jsx("path", { d: "M340 170.4h-27.1c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2H340c.9 0 1.7.9 1.7 2s-.7 2-1.7 2", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M366.5 188.2h-46c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h46c.9 0 1.7.9 1.7 2 0 1.2-.8 2-1.7 2", fill: "#006dfe" }),
+    /* @__PURE__ */ jsx("path", { d: "M385 188.2h70.1c.9 0 1.7-.9 1.7-2s-.8-2-1.7-2H385c-.9 0-1.7.9-1.7 2 0 1.2.8 2 1.7 2", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M366.5 206.1h-46c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h46c.9 0 1.7.9 1.7 2s-.8 2-1.7 2", fill: "#006dfe" }),
+    /* @__PURE__ */ jsx("path", { d: "M358.9 223.9h-46c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h46c.9 0 1.7.9 1.7 2s-.8 2-1.7 2", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M456.4 223.9h-78.9c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h78.9c.9 0 1.7.9 1.7 2s-.8 2-1.7 2M406.2 206.1H383c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h23.2c.9 0 1.7.9 1.7 2s-.7 2-1.7 2M447 206.1h-23.2c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2H447c.9 0 1.7.9 1.7 2s-.8 2-1.7 2M343.7 241.8h-30.2c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h30.2c.9 0 1.7.9 1.7 2s-.8 2-1.7 2", fill: "#006dfe" }),
+    /* @__PURE__ */ jsx("path", { d: "M406.3 241.8h-46c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h46c.9 0 1.7.9 1.7 2s-.8 2-1.7 2", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M439.8 241.8h-17.2c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h17.2c.9 0 1.7.9 1.7 2s-.7 2-1.7 2M372.1 259.6h-26.9c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h26.9c.9 0 1.7.9 1.7 2s-.7 2-1.7 2M436.5 259.6h-46c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h46c.9 0 1.7.9 1.7 2s-.7 2-1.7 2M421.8 277.4h-86.1c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h86.1c.9 0 1.7.9 1.7 2 0 1.2-.8 2-1.7 2M486.2 277.4h-52c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h52c.9 0 1.7.9 1.7 2 0 1.2-.7 2-1.7 2M358.9 295.3h-46c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h46c.9 0 1.7.9 1.7 2s-.8 2-1.7 2", fill: "#006dfe" }),
+    /* @__PURE__ */ jsx("path", { d: "M414.5 295.3h-46c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h46c.9 0 1.7.9 1.7 2s-.7 2-1.7 2", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M418.9 313.1h-69.8c-.9 0-1.7-.9-1.7-2s.8-2 1.7-2h69.8c.9 0 1.7.9 1.7 2s-.7 2-1.7 2M288.8 166.4h3.4v4h-3.4zM288.8 184.3h3.4v4h-3.4zM288.8 202.1h3.4v4h-3.4zM288.8 219.9h3.4v4h-3.4zM288.8 237.8h3.4v4h-3.4zM288.8 255.6h3.4v4h-3.4zM288.8 264.5h3.4v4h-3.4zM288.8 273.5h3.4v4h-3.4zM288.8 282.4h3.4v4h-3.4zM288.8 291.3h3.4v4h-3.4zM288.8 300.2h3.4v4h-3.4zM288.8 309.1h3.4v4h-3.4zM288.8 318.1h3.4v4h-3.4zM468.4 321.2l-12.3-6.2c-.4-.2-.6-.6-.6-1.1v-1.3c0-.5.2-.9.6-1.1l12.3-6.2c.7-.3 1.4.2 1.4 1.1v.5c0 .5-.3.9-.6 1.1l-8.5 4.1c-.9.4-.9 1.8 0 2.2l8.5 4.1c.4.2.6.6.6 1.1v.5c.1 1-.7 1.6-1.4 1.2M479.6 301.9l-5.7 23.2c-.1.5-.5.9-1 .9-.7 0-1.2-.8-1-1.6l5.7-23.2c.1-.5.5-.9 1-.9.7 0 1.2.8 1 1.6M495.4 315.1l-12.3 6.2c-.7.3-1.4-.2-1.4-1.1v-.5c0-.5.3-.9.6-1.1l8.5-4.1c.9-.4.9-1.8 0-2.2l-8.5-4.1c-.4-.2-.6-.6-.6-1.1v-.5c0-.9.8-1.5 1.4-1.1l12.3 6.2c.4.2.6.6.6 1.1v1.3c.1.3-.2.8-.6 1", fill: "#006dfe" }),
+    /* @__PURE__ */ jsx("use", { fill: "#b0d8ff", xlinkHref: "#login-icon_svg__c" }),
+    /* @__PURE__ */ jsx("path", { clipPath: "url(#login-icon_svg__u)", d: "M309 470.5s8.4 1.5 13.2 10.4c4.8 9 8.8-1 7.9-5.1s-.4-8.3-2.9-11.4-7.2-7.6-13.7-5.9-7.3.8-6.9 4.6c.4 3.9 1 8 1 8", opacity: 0.34 }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 280.6, cy: 541, fill: "#191e56", rx: 7.5, ry: 8.3 }),
+    /* @__PURE__ */ jsx("path", { d: "M324.2 548.5c0 4.6-3.4 8.3-7.5 8.3-4.2 0-7.5-3.7-7.5-8.3s3.4-8.3 7.5-8.3 7.5 3.7 7.5 8.3M359.8 541c0 4.6-3.4 8.3-7.5 8.3-4.2 0-7.5-3.7-7.5-8.3s3.4-8.3 7.5-8.3 7.5 3.7 7.5 8.3", fill: "#191e56" }),
+    /* @__PURE__ */ jsx("path", { d: "M309.5 494.3s6.6-2.7 13.6 0l.2 9.4 34.2 28.2v6.7h-10.1l-.1-5.2-26.3-20.3.2 25.6-1.3 6h-6.8l-1.3-6-.3-25-26.1 19.6-.1 5-9.4.1v-7.1l33.6-27.4v-5.7z", fill: "#0542bf" }),
+    /* @__PURE__ */ jsx("use", { fill: "#006dfe", xlinkHref: "#login-icon_svg__d" }),
+    /* @__PURE__ */ jsx("path", { clipPath: "url(#login-icon_svg__v)", d: "M336 315.5s10.5 1.8 16.1 14.8 4.4 32.4 2.9 57.6 5.8 25.8 6.6 43.3-3.3 34-26.4 41.9c-23.1 7.8-42.5 11.4-72.2 6.6l-22.1-25.2 10.7-49.1s20-20 22.5-35.1c2.5-15 21.9-52.5 29.7-58s32.2 3.2 32.2 3.2", fill: "#004efc" }),
+    /* @__PURE__ */ jsx("use", { fill: "#ffab00", xlinkHref: "#login-icon_svg__e" }),
+    /* @__PURE__ */ jsx("path", { clipPath: "url(#login-icon_svg__w)", d: "M327.2 327.4s-3.6 4.2-2.3 12c1.3 7.7 7 18.6 4.8 22.7s-6.3 11-5.4 12.6 2.7 2.5 2.7 2.5l11.8 7.5s3.1.9 5.3-.6l1.5.4-34.8 18.7-4-5.8s12.6-13.7 13.8-18.3c1.1-4.6.3-5 2.9-9.6s5.2-7.6 3.5-12.7-4.7-13.4-4.1-18.3 1-7.9 4.3-11.1M281.4 328s-2.2 9.1.1 20.2 8.2 39.8 8.2 39.8l1.4-.7c0 .1-9.7-48.9-9.7-59.3", fill: "#fe8e00" }),
+    /* @__PURE__ */ jsx("path", { d: "M250 538.1s-.8 6.6-.8 12c0 5.3 3.6 9.6 1.8 14.6-1.9 5-17.1 5.2-28 6.4-10.9 1.3-20.5-1-19.1-9.2s19-4.9 25.9-15.1c6.9-10.1 4.8-11.8 4.8-11.8zM308.2 543.2s-.8 6.6-.8 12c0 5.3 3.6 9.6 1.8 14.6-1.9 5-17.1 5.2-28 6.4-10.9 1.3-20.5-1-19.1-9.2s19-4.9 25.9-15.1c6.9-10.1 4.8-11.8 4.8-11.8z", fill: "#ffab00" }),
+    /* @__PURE__ */ jsx("use", { fill: "#1e2889", xlinkHref: "#login-icon_svg__f" }),
+    /* @__PURE__ */ jsx("path", { clipPath: "url(#login-icon_svg__x)", d: "M225.7 436.9s19.1 4.3 22.6 28 7.6 41.1 7.6 41.1l9.7-34.8 34-18.2 21.1-16.6 10.7-24.5-16.9-8.9-51.4 4.3-27 14z", fill: "#1a1a7c" }),
+    /* @__PURE__ */ jsx("use", { fill: "#1e2889", xlinkHref: "#login-icon_svg__g" }),
+    /* @__PURE__ */ jsx("path", { clipPath: "url(#login-icon_svg__y)", d: "M282.4 491c.6-1.9 9.3-37.1 45.2-28.9l11.3-5.4s14.8-12.2 15.8-13.8c1.1-1.5.2-14 .3-15.7.2-1.7 0-19.9 0-19.9l-71.1-1.7 1 25.4-2.5 38.8z", fill: "#1a1a7c" }),
+    /* @__PURE__ */ jsx("path", { d: "M118.4 580.7V414.4c0-.3.2-.5.5-.5h4.6c.3 0 .5.2.5.5v166.3c0 .3-.2.5-.5.5h-4.6c-.3 0-.5-.2-.5-.5M392.3 580.7V414.4c0-.3.2-.5.5-.5h4.6c.3 0 .5.2.5.5v166.3c0 .3-.2.5-.5.5h-4.6c-.2 0-.5-.2-.5-.5M186.9 559.7l-10.2-146.9c0-.6.4-1.1 1-1.2l3.3-.2c.6 0 1.1.4 1.2 1l10.2 146.9c0 .6-.4 1.1-1 1.2l-3.3.2c-.7.1-1.2-.4-1.2-1M452 559.7l-10.2-146.9c0-.6.4-1.1 1-1.2l3.3-.2c.6 0 1.1.4 1.2 1l10.2 146.9c0 .6-.4 1.1-1 1.2l-3.3.2c-.7.1-1.2-.4-1.2-1", fill: "#191e56" }),
+    /* @__PURE__ */ jsx("path", { d: "M456.5 419.4H108.3c-.6 0-1-.4-1-1v-9.1c0-.6.4-1 1-1h348.3c.6 0 1 .4 1 1v9.1c-.1.6-.5 1-1.1 1", fill: "#0542bf" }),
+    /* @__PURE__ */ jsx("path", { d: "M359.7 382H432v8.8h-72.3z", fill: "#ffab00" }),
+    /* @__PURE__ */ jsx("path", { d: "M361.6 390.8h72.3v8.8h-72.3z", fill: "#00d967" }),
+    /* @__PURE__ */ jsx("path", { d: "M358.1 399.5h72.3v8.8h-72.3z", fill: "#de4d30" }),
+    /* @__PURE__ */ jsx("path", { d: "m187.5 299.9 3.9 5.4c1.8-3.8 5.6-5.5 8-6.3l-5.4-4.1s-.9 0-2.1.3c-1.5.5-3.3 1.6-4.2 4.3-.1.2-.1.3-.2.4", fill: "#9bb4c9" }),
+    /* @__PURE__ */ jsx("path", { d: "M133.7 345.5c0 2.5 1.8 4.6 4.1 5.2.4.1.8.1 1.2.1s.7 0 1-.1c2.4-.5 4.3-2.6 4.3-5.2 0-1-.3-1.9-.7-2.6-.4-.6-.9-1.2-1.5-1.6-.9-.7-2-1-3.2-1-2.8-.2-5.2 2.2-5.2 5.2M181.4 294.3c0 1 .3 2 .8 2.8.4.6.9 1.2 1.5 1.6.8.6 1.9.9 3 .9.3 0 .7 0 1-.1.9-2.7 2.8-3.8 4.2-4.3.1-.3.1-.6.1-.9 0-2.9-2.4-5.3-5.3-5.3-3 0-5.3 2.4-5.3 5.3", fill: "#4143c5" }),
+    /* @__PURE__ */ jsx("path", { d: "M142.1 341.2c.6.4 1.1 1 1.5 1.6l22.8-25.1 4.8-5.2 7-7.7 5.5-6.1c-.6-.4-1.1-.9-1.5-1.6l-6.6 7.2-4.6 5.1-4.9 5.4z", fill: "#9bb4c9" }),
+    /* @__PURE__ */ jsx("path", { d: "M130.9 403.9v-.1c17.6-6.5 32.5-.5 33.7 0-3.5.9-16.7 3.8-33.7.1", fill: "#4143c5" }),
+    /* @__PURE__ */ jsx("path", { d: "m137.8 350.6 7.9 45.4 1.1 6 .1.6 2.1-.4v-.2l-1.1-6.2-7.9-45.2c-.3.1-.7.1-1 .1-.4.1-.8 0-1.2-.1", fill: "#9bb4c9" }),
+    /* @__PURE__ */ jsx("path", { d: "m190.7 308 5.4 12.1.9 2.1 8.1-6.9 7.3-6.8 4.4-4.1-1.5-1.3h-.1l-13.5-5.8s-.9.1-2.1.5c-2.4.7-6.2 2.4-8 6.3-.2.4-.4.9-.5 1.4-.2.7-.3 1.5-.4 2.5", fill: "#4143c5" }),
+    /* @__PURE__ */ jsx("path", { d: "M211.2 317.7c5.4-5.1 7.7-11.3 5.3-13.9-2.5-2.6-8.8-.7-14.2 4.4s-7.7 11.3-5.3 13.9c2.5 2.7 8.8.7 14.2-4.4M130.9 403.9h33.7v4.4h-33.7z", fill: "#859ad0" }),
+    /* @__PURE__ */ jsx("path", { d: "M476.3 514.8c0 .4-.1.8-.2 1.1-1.7 4.3-12.9 7.7-26.4 7.7-13.7 0-25-3.4-26.5-7.8l-.2-1c0-4.9 11.9-8.8 26.7-8.8 14.7 0 26.6 4 26.6 8.8", fill: "#191e56" }),
+    /* @__PURE__ */ jsx("path", { d: "m476.1 516-9.2 54.1c-16.8 9.5-34.5 0-34.5 0l-9.2-54.3c1.5 4.4 12.8 7.8 26.5 7.8 13.5 0 24.7-3.3 26.4-7.6", fill: "#0542bf" }),
+    /* @__PURE__ */ jsx("use", { fill: "#ffaca6", xlinkHref: "#login-icon_svg__h" }),
+    /* @__PURE__ */ jsx("path", { clipPath: "url(#login-icon_svg__z)", d: "M294.9 307.3s8.9-1.8 16.6 4.3c0 0 .5-13.1.9-13.5.3-.4-14.3-7-14.3-7s-5.2 3.1-5.3 5.5c-.2 2.5 2.1 10.7 2.1 10.7", fill: "#ea756c" }),
+    /* @__PURE__ */ jsx("use", { fill: "#1e2889", xlinkHref: "#login-icon_svg__i" }),
+    /* @__PURE__ */ jsx("path", { clipPath: "url(#login-icon_svg__A)", d: "M271.2 267.3s.2 1.5 6 0 13.1-3.9 22.7 2.3 13.2 19.1 20.8 17.6l-5.7 12.2-12.4 8s-19.8-5.7-20.6-7.9-6.4-15.5-7.2-17.5-2-7.1-2-7.1z", fill: "#172272" }),
+    /* @__PURE__ */ jsx("use", { fill: "#ffaca6", xlinkHref: "#login-icon_svg__j" }),
+    /* @__PURE__ */ jsx("path", { clipPath: "url(#login-icon_svg__B)", d: "M278.1 277s6.9.6 13.6 2 10.2 11.1 17.2 10c7.1-1.2 4-5 4-5l-6.6-8.9-15.4-5-9.3-1.5-3.8 3.1z", fill: "#ea756c" }),
+    /* @__PURE__ */ jsx("path", { d: "M327 377.2s-11.3 11.9-19.9 14.9-12.7 0-16.1 6.9l-.7 1.5s12.4 4 21.3-.4l27.2-15.4z", fill: "#ffaca6" }),
+    /* @__PURE__ */ jsx("path", { d: "M225.7 400.9h101.8v7.4H225.7z", fill: "#78c2ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M300.5 408.3h-88.7L199 346.1h88.7z", fill: "#b0d8ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M293.9 408.3h-88.7l-12.9-62.2H281z", fill: "#78c2ff" }),
+    /* @__PURE__ */ jsx("path", { d: "M456.5 375.6h44.2v19.5h-44.2z", fill: "#daebff" }),
+    /* @__PURE__ */ jsx("path", { d: "M474.3 395.2h44.2v19.5h-44.2z", fill: "#ebf5ff" }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 239.6, cy: 372, fill: "#fff", rx: 8.3, ry: 9.2, transform: "rotate(-8.069 239.64 372.176)" })
+  ] });
+}
+
+export { IconLogin };

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

@@ -0,0 +1,158 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { useRouter, useSearch } from '@tanstack/react-router';
+import { globalCssVars, useThemeTokens, useForm, showSuccessNotification, Group, Stack, SplitText, Text, TypingAnimation, Center, Title, Icon } from '@vef-framework/components';
+import { useInterval } from '@vef-framework/hooks';
+import { encryptUsingRSA, noop, z, getLocalizedDateTime } from '@vef-framework/shared';
+import { UserRoundIcon, LockKeyholeIcon } from 'lucide-react';
+import { useState } from 'react';
+import '../../stores/index.js';
+import { LogoIcon } from '../logo-icon/index.js';
+import { IconLogin } from './icon-login.js';
+import { logo, title, icon, leftContent, formControl, copyright, rightContent, login, date } from './styles.js';
+import { getRandomWelcomeMessage } from './welcome-messages.js';
+import './payload.js';
+import './props.js';
+import { useAppStore } from '../../stores/app.js';
+
+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 defaultTitle = "VEF 中后台管理系统";
+const defaultDescription = "一款极度快速的开发框架, 用于构建中后台管理系统";
+const titleStyle = {
+  "--vef-typography-title-margin-bottom": 0
+};
+const descriptionStyle = /* @__PURE__ */ css({
+  height: "32px",
+  lineHeight: "32px",
+  fontSize: globalCssVars.fontSizeLg
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xvZ2luL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnlCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xvZ2luL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgdHlwZSB7IExvZ2luUGFyYW1zIH0gZnJvbSBcIi4vcGF5bG9hZFwiO1xuaW1wb3J0IHR5cGUgeyBMb2dpblByb3BzIH0gZnJvbSBcIi4vcHJvcHNcIjtcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VSb3V0ZXIsIHVzZVNlYXJjaCB9IGZyb20gXCJAdGFuc3RhY2svcmVhY3Qtcm91dGVyXCI7XG5pbXBvcnQgeyBDZW50ZXIsIGdsb2JhbENzc1ZhcnMsIEdyb3VwLCBJY29uLCBzaG93U3VjY2Vzc05vdGlmaWNhdGlvbiwgU3BsaXRUZXh0LCBTdGFjaywgVGV4dCwgVGl0bGUsIFR5cGluZ0FuaW1hdGlvbiwgdXNlRm9ybSwgdXNlVGhlbWVUb2tlbnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdXNlSW50ZXJ2YWwgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvaG9va3NcIjtcbmltcG9ydCB7IGVuY3J5cHRVc2luZ1JTQSwgZ2V0TG9jYWxpemVkRGF0ZVRpbWUsIG5vb3AsIHogfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvc2hhcmVkXCI7XG5pbXBvcnQgeyBMb2NrS2V5aG9sZUljb24sIFVzZXJSb3VuZEljb24gfSBmcm9tIFwibHVjaWRlLXJlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyB1c2VBcHBTdG9yZSB9IGZyb20gXCIuLi8uLi9zdG9yZXNcIjtcbmltcG9ydCB7IExvZ29JY29uIH0gZnJvbSBcIi4uL2xvZ28taWNvblwiO1xuaW1wb3J0IHsgSWNvbkxvZ2luIH0gZnJvbSBcIi4vaWNvbi1sb2dpblwiO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gXCIuL3N0eWxlc1wiO1xuaW1wb3J0IHsgZ2V0UmFuZG9tV2VsY29tZU1lc3NhZ2UgfSBmcm9tIFwiLi93ZWxjb21lLW1lc3NhZ2VzXCI7XG5cbmNvbnN0IGRlZmF1bHRUaXRsZSA9IFwiVkVGIOS4reWQjuWPsOeuoeeQhuezu+e7n1wiO1xuY29uc3QgZGVmYXVsdERlc2NyaXB0aW9uID0gXCLkuIDmrL7mnoHluqblv6vpgJ/nmoTlvIDlj5HmoYbmnrYsIOeUqOS6juaehOW7uuS4reWQjuWPsOeuoeeQhuezu+e7n1wiO1xuXG5jb25zdCB0aXRsZVN0eWxlID0ge1xuICBcIi0tdmVmLXR5cG9ncmFwaHktdGl0bGUtbWFyZ2luLWJvdHRvbVwiOiAwXG59IGFzIENTU1Byb3BlcnRpZXM7XG5jb25zdCBkZXNjcmlwdGlvblN0eWxlID0gY3NzKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIGZvbnRTaXplOiBnbG9iYWxDc3NWYXJzLmZvbnRTaXplTGdcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gTG9naW4oe1xuICBsb2dvLFxuICB0aXRsZSA9IGRlZmF1bHRUaXRsZSxcbiAgZGVzY3JpcHRpb24gPSBkZWZhdWx0RGVzY3JpcHRpb24sXG4gIHB1YmxpY0tleSxcbiAgb25Mb2dpblxufTogTG9naW5Qcm9wcykge1xuICBjb25zdCB7IGNvbG9yUHJpbWFyeSB9ID0gdXNlVGhlbWVUb2tlbnMoKTtcblxuICBjb25zdCByb3V0ZXIgPSB1c2VSb3V0ZXIoKTtcbiAgY29uc3QgeyByZWRpcmVjdCB9ID0gdXNlU2VhcmNoKHtcbiAgICBzdHJpY3Q6IGZhbHNlXG4gIH0pO1xuXG4gIGNvbnN0IHtcbiAgICBGb3JtLFxuICAgIFN1Ym1pdEJ1dHRvbixcbiAgICBBcHBGaWVsZFxuICB9ID0gdXNlRm9ybSh7XG4gICAgZGVmYXVsdFZhbHVlczoge1xuICAgICAgdHlwZTogXCJwYXNzd29yZFwiLFxuICAgICAgcHJpbmNpcGFsOiBcIlwiLFxuICAgICAgY3JlZGVudGlhbHM6IFwiXCJcbiAgICB9IGFzIExvZ2luUGFyYW1zLFxuICAgIHZhbGlkYXRvcnM6IHtcbiAgICAgIG9uU3VibWl0OiB6Lm9iamVjdCh7XG4gICAgICAgIHR5cGU6IHoubGl0ZXJhbChcInBhc3N3b3JkXCIpLFxuICAgICAgICBwcmluY2lwYWw6IHouc3RyaW5nKCkubm9uZW1wdHkoXCLor7fovpPlhaXotKblj7dcIiksXG4gICAgICAgIGNyZWRlbnRpYWxzOiB6LnN0cmluZygpLm5vbmVtcHR5KFwi6K+36L6T5YWl5a+G56CBXCIpXG4gICAgICB9KVxuICAgIH0sXG4gICAgYXN5bmMgb25TdWJtaXQoeyB2YWx1ZSB9KSB7XG4gICAgICBpZiAocHVibGljS2V5KSB7XG4gICAgICAgIGNvbnN0IGVuY3J5cHRlZFBhc3N3b3JkID0gZW5jcnlwdFVzaW5nUlNBKHZhbHVlLmNyZWRlbnRpYWxzLCBwdWJsaWNLZXkpO1xuICAgICAgICB2YWx1ZS5jcmVkZW50aWFscyA9IGVuY3J5cHRlZFBhc3N3b3JkO1xuICAgICAgfVxuXG4gICAgICBjb25zdCByZXN1bHQgPSBhd2FpdCBvbkxvZ2luKHZhbHVlKS5jYXRjaChub29wKTtcblxuICAgICAgaWYgKCFyZXN1bHQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjb25zdCB7IG1lc3NhZ2UsIHRva2VucyB9ID0gcmVzdWx0O1xuICAgICAgdXNlQXBwU3RvcmUuc2V0U3RhdGUoc3RhdGUgPT4ge1xuICAgICAgICBzdGF0ZS5pc0F1dGhlbnRpY2F0ZWQgPSB0cnVlO1xuICAgICAgICBzdGF0ZS5hdXRoVG9rZW5zID0gdG9rZW5zO1xuICAgICAgfSk7XG5cbiAgICAgIGF3YWl0IHJvdXRlci5pbnZhbGlkYXRlKCk7XG4gICAgICBhd2FpdCByb3V0ZXIubmF2aWdhdGUoe1xuICAgICAgICB0bzogcmVkaXJlY3QsXG4gICAgICAgIHJlcGxhY2U6IHRydWVcbiAgICAgIH0pO1xuXG4gICAgICBzaG93U3VjY2Vzc05vdGlmaWNhdGlvbihnZXRSYW5kb21XZWxjb21lTWVzc2FnZSgpLCB7XG4gICAgICAgIHRpdGxlOiBtZXNzYWdlIHx8IFwi55m75b2V5oiQ5YqfXCJcbiAgICAgIH0pO1xuICAgIH1cbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8R3JvdXAgY3NzPXtzdHlsZXMubG9naW59IGdhcD17MH0ganVzdGlmeT1cImNlbnRlclwiPlxuICAgICAgPGRpdiBjc3M9e3N0eWxlcy5sb2dvfT5cbiAgICAgICAge2xvZ28gfHwgPExvZ29JY29uIHByaW1hcnlDb2xvcj17Y29sb3JQcmltYXJ5fSAvPn1cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8U3RhY2sgYWxpZ249XCJjZW50ZXJcIiBjc3M9e3N0eWxlcy5sZWZ0Q29udGVudH0+XG4gICAgICAgIDxTdGFjayBjc3M9e3N0eWxlcy50aXRsZX0gc3R5bGU9e3sgcG9zaXRpb246IFwicmVsYXRpdmVcIiwgekluZGV4OiAxIH19PlxuICAgICAgICAgIDxTcGxpdFRleHRcbiAgICAgICAgICAgIGRlbGF5PXs4MH1cbiAgICAgICAgICAgIGR1cmF0aW9uPXszfVxuICAgICAgICAgICAgZWFzZT1cImVsYXN0aWMub3V0KDEsIDAuMylcIlxuICAgICAgICAgICAgZnJvbT17eyBvcGFjaXR5OiAwLCB5OiAxOCB9fVxuICAgICAgICAgICAgcm9vdE1hcmdpbj1cIjBcIlxuICAgICAgICAgICAgc3BsaXRUeXBlPVwiY2hhcnNcIlxuICAgICAgICAgICAgdGFnPVwiaDFcIlxuICAgICAgICAgICAgdGV4dD17dGl0bGV9XG4gICAgICAgICAgICB0ZXh0QWxpZ249XCJjZW50ZXJcIlxuICAgICAgICAgICAgdGhyZXNob2xkPXswLjF9XG4gICAgICAgICAgICB0bz17eyBvcGFjaXR5OiAxLCB5OiAwIH19XG4gICAgICAgICAgLz5cblxuICAgICAgICAgIDxUZXh0IGNzcz17ZGVzY3JpcHRpb25TdHlsZX0+XG4gICAgICAgICAgICA8VHlwaW5nQW5pbWF0aW9uPntkZXNjcmlwdGlvbn08L1R5cGluZ0FuaW1hdGlvbj5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvU3RhY2s+XG5cbiAgICAgICAgPENlbnRlciBjc3M9e3N0eWxlcy5pY29ufSBzdHlsZT17eyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLCB6SW5kZXg6IDEgfX0+XG4gICAgICAgICAgPEljb25Mb2dpbiAvPlxuICAgICAgICA8L0NlbnRlcj5cbiAgICAgIDwvU3RhY2s+XG5cbiAgICAgIDxTdGFjayBjc3M9e3N0eWxlcy5yaWdodENvbnRlbnR9IGdhcD1cImxhcmdlXCIganVzdGlmeT1cImNlbnRlclwiPlxuICAgICAgICA8VG9kYXkgLz5cblxuICAgICAgICA8U3RhY2sgZ2FwPVwic21hbGxcIj5cbiAgICAgICAgICA8VGl0bGUgbGV2ZWw9ezJ9IHN0eWxlPXt0aXRsZVN0eWxlfT5cbiAgICAgICAgICAgIPCflJEg6Lqr5Lu96K6k6K+BXG4gICAgICAgICAgPC9UaXRsZT5cblxuICAgICAgICAgIDxUZXh0IHR5cGU9XCJzZWNvbmRhcnlcIj7or7fovpPlhaXmgqjnmoTotKblj7flkozlr4bnoIHov5vooYznmbvlvZU8L1RleHQ+XG4gICAgICAgIDwvU3RhY2s+XG5cbiAgICAgICAgPEZvcm0+XG4gICAgICAgICAgPFN0YWNrPlxuICAgICAgICAgICAgPEFwcEZpZWxkIG5hbWU9XCJwcmluY2lwYWxcIj5cbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGZpZWxkID0+IChcbiAgICAgICAgICAgICAgICAgIDxmaWVsZC5JbnB1dFxuICAgICAgICAgICAgICAgICAgICBjc3M9e3N0eWxlcy5mb3JtQ29udHJvbH1cbiAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCLotKblj7dcIlxuICAgICAgICAgICAgICAgICAgICBwcmVmaXg9ezxJY29uIGNvbXBvbmVudD17VXNlclJvdW5kSWNvbn0gLz59XG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9BcHBGaWVsZD5cblxuICAgICAgICAgICAgPEFwcEZpZWxkIG5hbWU9XCJjcmVkZW50aWFsc1wiPlxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgZmllbGQgPT4gKFxuICAgICAgICAgICAgICAgICAgPGZpZWxkLlBhc3N3b3JkXG4gICAgICAgICAgICAgICAgICAgIGNzcz17c3R5bGVzLmZvcm1Db250cm9sfVxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIuWvhueggVwiXG4gICAgICAgICAgICAgICAgICAgIHByZWZpeD17PEljb24gY29tcG9uZW50PXtMb2NrS2V5aG9sZUljb259IC8+fVxuICAgICAgICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvQXBwRmllbGQ+XG5cbiAgICAgICAgICAgIDxTdWJtaXRCdXR0b25cbiAgICAgICAgICAgICAgYmxvY2tcbiAgICAgICAgICAgICAgY3NzPXtzdHlsZXMuZm9ybUNvbnRyb2x9XG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIOeZu+W9lVxuICAgICAgICAgICAgPC9TdWJtaXRCdXR0b24+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9Gb3JtPlxuXG4gICAgICAgIDxkaXYgY3NzPXtzdHlsZXMuY29weXJpZ2h0fT5cbiAgICAgICAgICA8VGV4dCB0eXBlPVwic2Vjb25kYXJ5XCI+XG4gICAgICAgICAgICBDb3B5cmlnaHQgwqlcbiAgICAgICAgICAgIHtcIiBcIn1cbiAgICAgICAgICAgIHtuZXcgRGF0ZSgpLmdldEZ1bGxZZWFyKCl9XG4gICAgICAgICAgICB7XCIgXCJ9XG4gICAgICAgICAgICBWRUYuXG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9Hcm91cD5cbiAgKTtcbn1cblxuZnVuY3Rpb24gVG9kYXkoKSB7XG4gIGNvbnN0IFt0b2RheSwgc2V0VG9kYXldID0gdXNlU3RhdGUoZ2V0TG9jYWxpemVkRGF0ZVRpbWUpO1xuXG4gIHVzZUludGVydmFsKFxuICAgICgpID0+IHNldFRvZGF5KGdldExvY2FsaXplZERhdGVUaW1lKCkpLFxuICAgIDEwMDAsXG4gICAge1xuICAgICAgYXV0b0ludm9rZTogdHJ1ZVxuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtzdHlsZXMuZGF0ZX0+XG4gICAgICA8VGV4dCB0eXBlPVwic2Vjb25kYXJ5XCI+XG4gICAgICAgIPCflbDvuI8g5LuK5aSp5pivXG4gICAgICAgIHtcIiBcIn1cbiAgICAgIDwvVGV4dD5cblxuICAgICAgPFRleHQgY3NzPXt7IGNvbG9yOiBcInZhcigtLXZlZi1jb2xvci1pbmZvKVwiIH19PlxuICAgICAgICB7dG9kYXl9XG4gICAgICA8L1RleHQ+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCB7IHR5cGUgTG9naW5QYXJhbXMsIHR5cGUgTG9naW5SZXN1bHQgfSBmcm9tIFwiLi9wYXlsb2FkXCI7XG5cbmV4cG9ydCB7IHR5cGUgTG9naW5Qcm9wcyB9IGZyb20gXCIuL3Byb3BzXCI7XG4iXX0= */");
+function Login({
+  logo: logo$1,
+  title: title$1 = defaultTitle,
+  description = defaultDescription,
+  publicKey,
+  onLogin
+}) {
+  const {
+    colorPrimary
+  } = useThemeTokens();
+  const router = useRouter();
+  const {
+    redirect
+  } = useSearch({
+    strict: false
+  });
+  const {
+    Form,
+    SubmitButton,
+    AppField
+  } = useForm({
+    defaultValues: {
+      type: "password",
+      principal: "",
+      credentials: ""
+    },
+    validators: {
+      onSubmit: z.object({
+        type: z.literal("password"),
+        principal: z.string().nonempty("请输入账号"),
+        credentials: z.string().nonempty("请输入密码")
+      })
+    },
+    async onSubmit({
+      value
+    }) {
+      if (publicKey) {
+        const encryptedPassword = encryptUsingRSA(value.credentials, publicKey);
+        value.credentials = encryptedPassword;
+      }
+      const result = await onLogin(value).catch(noop);
+      if (!result) {
+        return;
+      }
+      const {
+        message,
+        tokens
+      } = result;
+      useAppStore.setState((state) => {
+        state.isAuthenticated = true;
+        state.authTokens = tokens;
+      });
+      await router.invalidate();
+      await router.navigate({
+        to: redirect,
+        replace: true
+      });
+      showSuccessNotification(getRandomWelcomeMessage(), {
+        title: message || "登录成功"
+      });
+    }
+  });
+  return /* @__PURE__ */ jsxs(Group, { css: login, gap: 0, justify: "center", children: [
+    /* @__PURE__ */ jsx("div", { css: logo, children: logo$1 || /* @__PURE__ */ jsx(LogoIcon, { primaryColor: colorPrimary }) }),
+    /* @__PURE__ */ jsxs(Stack, { align: "center", css: leftContent, children: [
+      /* @__PURE__ */ jsxs(Stack, { css: title, style: {
+        position: "relative",
+        zIndex: 1
+      }, children: [
+        /* @__PURE__ */ jsx(SplitText, { delay: 80, duration: 3, ease: "elastic.out(1, 0.3)", from: {
+          opacity: 0,
+          y: 18
+        }, rootMargin: "0", splitType: "chars", tag: "h1", text: title$1, textAlign: "center", threshold: 0.1, to: {
+          opacity: 1,
+          y: 0
+        } }),
+        /* @__PURE__ */ jsx(Text, { css: descriptionStyle, children: /* @__PURE__ */ jsx(TypingAnimation, { children: description }) })
+      ] }),
+      /* @__PURE__ */ jsx(Center, { css: icon, style: {
+        position: "relative",
+        zIndex: 1
+      }, children: /* @__PURE__ */ jsx(IconLogin, {}) })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { css: rightContent, gap: "large", justify: "center", children: [
+      /* @__PURE__ */ jsx(Today, {}),
+      /* @__PURE__ */ jsxs(Stack, { gap: "small", children: [
+        /* @__PURE__ */ jsx(Title, { level: 2, style: titleStyle, children: "🔑 身份认证" }),
+        /* @__PURE__ */ jsx(Text, { type: "secondary", children: "请输入您的账号和密码进行登录" })
+      ] }),
+      /* @__PURE__ */ jsx(Form, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsx(AppField, { name: "principal", children: (field) => /* @__PURE__ */ jsx(field.Input, { css: formControl, placeholder: "账号", prefix: /* @__PURE__ */ jsx(Icon, { component: UserRoundIcon }), size: "large" }) }),
+        /* @__PURE__ */ jsx(AppField, { name: "credentials", children: (field) => /* @__PURE__ */ jsx(field.Password, { css: formControl, placeholder: "密码", prefix: /* @__PURE__ */ jsx(Icon, { component: LockKeyholeIcon }), size: "large" }) }),
+        /* @__PURE__ */ jsx(SubmitButton, { block: true, css: formControl, size: "large", children: "登录" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { css: copyright, children: /* @__PURE__ */ jsxs(Text, { type: "secondary", children: [
+        "Copyright ©",
+        " ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " ",
+        "VEF."
+      ] }) })
+    ] })
+  ] });
+}
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "bmprav",
+  styles: "color:var(--vef-color-info)"
+} : {
+  name: "bmprav",
+  styles: "color:var(--vef-color-info)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xvZ2luL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2TVkiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvbG9naW4vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB0eXBlIHsgTG9naW5QYXJhbXMgfSBmcm9tIFwiLi9wYXlsb2FkXCI7XG5pbXBvcnQgdHlwZSB7IExvZ2luUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVJvdXRlciwgdXNlU2VhcmNoIH0gZnJvbSBcIkB0YW5zdGFjay9yZWFjdC1yb3V0ZXJcIjtcbmltcG9ydCB7IENlbnRlciwgZ2xvYmFsQ3NzVmFycywgR3JvdXAsIEljb24sIHNob3dTdWNjZXNzTm90aWZpY2F0aW9uLCBTcGxpdFRleHQsIFN0YWNrLCBUZXh0LCBUaXRsZSwgVHlwaW5nQW5pbWF0aW9uLCB1c2VGb3JtLCB1c2VUaGVtZVRva2VucyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB1c2VJbnRlcnZhbCB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9ob29rc1wiO1xuaW1wb3J0IHsgZW5jcnlwdFVzaW5nUlNBLCBnZXRMb2NhbGl6ZWREYXRlVGltZSwgbm9vcCwgeiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcbmltcG9ydCB7IExvY2tLZXlob2xlSWNvbiwgVXNlclJvdW5kSWNvbiB9IGZyb20gXCJsdWNpZGUtcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZUFwcFN0b3JlIH0gZnJvbSBcIi4uLy4uL3N0b3Jlc1wiO1xuaW1wb3J0IHsgTG9nb0ljb24gfSBmcm9tIFwiLi4vbG9nby1pY29uXCI7XG5pbXBvcnQgeyBJY29uTG9naW4gfSBmcm9tIFwiLi9pY29uLWxvZ2luXCI7XG5pbXBvcnQgKiBhcyBzdHlsZXMgZnJvbSBcIi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBnZXRSYW5kb21XZWxjb21lTWVzc2FnZSB9IGZyb20gXCIuL3dlbGNvbWUtbWVzc2FnZXNcIjtcblxuY29uc3QgZGVmYXVsdFRpdGxlID0gXCJWRUYg5Lit5ZCO5Y+w566h55CG57O757ufXCI7XG5jb25zdCBkZWZhdWx0RGVzY3JpcHRpb24gPSBcIuS4gOasvuaegeW6puW/q+mAn+eahOW8gOWPkeahhuaetiwg55So5LqO5p6E5bu65Lit5ZCO5Y+w566h55CG57O757ufXCI7XG5cbmNvbnN0IHRpdGxlU3R5bGUgPSB7XG4gIFwiLS12ZWYtdHlwb2dyYXBoeS10aXRsZS1tYXJnaW4tYm90dG9tXCI6IDBcbn0gYXMgQ1NTUHJvcGVydGllcztcbmNvbnN0IGRlc2NyaXB0aW9uU3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbiAgZm9udFNpemU6IGdsb2JhbENzc1ZhcnMuZm9udFNpemVMZ1xufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBMb2dpbih7XG4gIGxvZ28sXG4gIHRpdGxlID0gZGVmYXVsdFRpdGxlLFxuICBkZXNjcmlwdGlvbiA9IGRlZmF1bHREZXNjcmlwdGlvbixcbiAgcHVibGljS2V5LFxuICBvbkxvZ2luXG59OiBMb2dpblByb3BzKSB7XG4gIGNvbnN0IHsgY29sb3JQcmltYXJ5IH0gPSB1c2VUaGVtZVRva2VucygpO1xuXG4gIGNvbnN0IHJvdXRlciA9IHVzZVJvdXRlcigpO1xuICBjb25zdCB7IHJlZGlyZWN0IH0gPSB1c2VTZWFyY2goe1xuICAgIHN0cmljdDogZmFsc2VcbiAgfSk7XG5cbiAgY29uc3Qge1xuICAgIEZvcm0sXG4gICAgU3VibWl0QnV0dG9uLFxuICAgIEFwcEZpZWxkXG4gIH0gPSB1c2VGb3JtKHtcbiAgICBkZWZhdWx0VmFsdWVzOiB7XG4gICAgICB0eXBlOiBcInBhc3N3b3JkXCIsXG4gICAgICBwcmluY2lwYWw6IFwiXCIsXG4gICAgICBjcmVkZW50aWFsczogXCJcIlxuICAgIH0gYXMgTG9naW5QYXJhbXMsXG4gICAgdmFsaWRhdG9yczoge1xuICAgICAgb25TdWJtaXQ6IHoub2JqZWN0KHtcbiAgICAgICAgdHlwZTogei5saXRlcmFsKFwicGFzc3dvcmRcIiksXG4gICAgICAgIHByaW5jaXBhbDogei5zdHJpbmcoKS5ub25lbXB0eShcIuivt+i+k+WFpei0puWPt1wiKSxcbiAgICAgICAgY3JlZGVudGlhbHM6IHouc3RyaW5nKCkubm9uZW1wdHkoXCLor7fovpPlhaXlr4bnoIFcIilcbiAgICAgIH0pXG4gICAgfSxcbiAgICBhc3luYyBvblN1Ym1pdCh7IHZhbHVlIH0pIHtcbiAgICAgIGlmIChwdWJsaWNLZXkpIHtcbiAgICAgICAgY29uc3QgZW5jcnlwdGVkUGFzc3dvcmQgPSBlbmNyeXB0VXNpbmdSU0EodmFsdWUuY3JlZGVudGlhbHMsIHB1YmxpY0tleSk7XG4gICAgICAgIHZhbHVlLmNyZWRlbnRpYWxzID0gZW5jcnlwdGVkUGFzc3dvcmQ7XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IG9uTG9naW4odmFsdWUpLmNhdGNoKG5vb3ApO1xuXG4gICAgICBpZiAoIXJlc3VsdCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IHsgbWVzc2FnZSwgdG9rZW5zIH0gPSByZXN1bHQ7XG4gICAgICB1c2VBcHBTdG9yZS5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICAgIHN0YXRlLmlzQXV0aGVudGljYXRlZCA9IHRydWU7XG4gICAgICAgIHN0YXRlLmF1dGhUb2tlbnMgPSB0b2tlbnM7XG4gICAgICB9KTtcblxuICAgICAgYXdhaXQgcm91dGVyLmludmFsaWRhdGUoKTtcbiAgICAgIGF3YWl0IHJvdXRlci5uYXZpZ2F0ZSh7XG4gICAgICAgIHRvOiByZWRpcmVjdCxcbiAgICAgICAgcmVwbGFjZTogdHJ1ZVxuICAgICAgfSk7XG5cbiAgICAgIHNob3dTdWNjZXNzTm90aWZpY2F0aW9uKGdldFJhbmRvbVdlbGNvbWVNZXNzYWdlKCksIHtcbiAgICAgICAgdGl0bGU6IG1lc3NhZ2UgfHwgXCLnmbvlvZXmiJDlip9cIlxuICAgICAgfSk7XG4gICAgfVxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxHcm91cCBjc3M9e3N0eWxlcy5sb2dpbn0gZ2FwPXswfSBqdXN0aWZ5PVwiY2VudGVyXCI+XG4gICAgICA8ZGl2IGNzcz17c3R5bGVzLmxvZ299PlxuICAgICAgICB7bG9nbyB8fCA8TG9nb0ljb24gcHJpbWFyeUNvbG9yPXtjb2xvclByaW1hcnl9IC8+fVxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxTdGFjayBhbGlnbj1cImNlbnRlclwiIGNzcz17c3R5bGVzLmxlZnRDb250ZW50fT5cbiAgICAgICAgPFN0YWNrIGNzcz17c3R5bGVzLnRpdGxlfSBzdHlsZT17eyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLCB6SW5kZXg6IDEgfX0+XG4gICAgICAgICAgPFNwbGl0VGV4dFxuICAgICAgICAgICAgZGVsYXk9ezgwfVxuICAgICAgICAgICAgZHVyYXRpb249ezN9XG4gICAgICAgICAgICBlYXNlPVwiZWxhc3RpYy5vdXQoMSwgMC4zKVwiXG4gICAgICAgICAgICBmcm9tPXt7IG9wYWNpdHk6IDAsIHk6IDE4IH19XG4gICAgICAgICAgICByb290TWFyZ2luPVwiMFwiXG4gICAgICAgICAgICBzcGxpdFR5cGU9XCJjaGFyc1wiXG4gICAgICAgICAgICB0YWc9XCJoMVwiXG4gICAgICAgICAgICB0ZXh0PXt0aXRsZX1cbiAgICAgICAgICAgIHRleHRBbGlnbj1cImNlbnRlclwiXG4gICAgICAgICAgICB0aHJlc2hvbGQ9ezAuMX1cbiAgICAgICAgICAgIHRvPXt7IG9wYWNpdHk6IDEsIHk6IDAgfX1cbiAgICAgICAgICAvPlxuXG4gICAgICAgICAgPFRleHQgY3NzPXtkZXNjcmlwdGlvblN0eWxlfT5cbiAgICAgICAgICAgIDxUeXBpbmdBbmltYXRpb24+e2Rlc2NyaXB0aW9ufTwvVHlwaW5nQW5pbWF0aW9uPlxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9TdGFjaz5cblxuICAgICAgICA8Q2VudGVyIGNzcz17c3R5bGVzLmljb259IHN0eWxlPXt7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsIHpJbmRleDogMSB9fT5cbiAgICAgICAgICA8SWNvbkxvZ2luIC8+XG4gICAgICAgIDwvQ2VudGVyPlxuICAgICAgPC9TdGFjaz5cblxuICAgICAgPFN0YWNrIGNzcz17c3R5bGVzLnJpZ2h0Q29udGVudH0gZ2FwPVwibGFyZ2VcIiBqdXN0aWZ5PVwiY2VudGVyXCI+XG4gICAgICAgIDxUb2RheSAvPlxuXG4gICAgICAgIDxTdGFjayBnYXA9XCJzbWFsbFwiPlxuICAgICAgICAgIDxUaXRsZSBsZXZlbD17Mn0gc3R5bGU9e3RpdGxlU3R5bGV9PlxuICAgICAgICAgICAg8J+UkSDouqvku73orqTor4FcbiAgICAgICAgICA8L1RpdGxlPlxuXG4gICAgICAgICAgPFRleHQgdHlwZT1cInNlY29uZGFyeVwiPuivt+i+k+WFpeaCqOeahOi0puWPt+WSjOWvhueggei/m+ihjOeZu+W9lTwvVGV4dD5cbiAgICAgICAgPC9TdGFjaz5cblxuICAgICAgICA8Rm9ybT5cbiAgICAgICAgICA8U3RhY2s+XG4gICAgICAgICAgICA8QXBwRmllbGQgbmFtZT1cInByaW5jaXBhbFwiPlxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgZmllbGQgPT4gKFxuICAgICAgICAgICAgICAgICAgPGZpZWxkLklucHV0XG4gICAgICAgICAgICAgICAgICAgIGNzcz17c3R5bGVzLmZvcm1Db250cm9sfVxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIui0puWPt1wiXG4gICAgICAgICAgICAgICAgICAgIHByZWZpeD17PEljb24gY29tcG9uZW50PXtVc2VyUm91bmRJY29ufSAvPn1cbiAgICAgICAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L0FwcEZpZWxkPlxuXG4gICAgICAgICAgICA8QXBwRmllbGQgbmFtZT1cImNyZWRlbnRpYWxzXCI+XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBmaWVsZCA9PiAoXG4gICAgICAgICAgICAgICAgICA8ZmllbGQuUGFzc3dvcmRcbiAgICAgICAgICAgICAgICAgICAgY3NzPXtzdHlsZXMuZm9ybUNvbnRyb2x9XG4gICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwi5a+G56CBXCJcbiAgICAgICAgICAgICAgICAgICAgcHJlZml4PXs8SWNvbiBjb21wb25lbnQ9e0xvY2tLZXlob2xlSWNvbn0gLz59XG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9BcHBGaWVsZD5cblxuICAgICAgICAgICAgPFN1Ym1pdEJ1dHRvblxuICAgICAgICAgICAgICBibG9ja1xuICAgICAgICAgICAgICBjc3M9e3N0eWxlcy5mb3JtQ29udHJvbH1cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg55m75b2VXG4gICAgICAgICAgICA8L1N1Ym1pdEJ1dHRvbj5cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L0Zvcm0+XG5cbiAgICAgICAgPGRpdiBjc3M9e3N0eWxlcy5jb3B5cmlnaHR9PlxuICAgICAgICAgIDxUZXh0IHR5cGU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICAgIENvcHlyaWdodCDCqVxuICAgICAgICAgICAge1wiIFwifVxuICAgICAgICAgICAge25ldyBEYXRlKCkuZ2V0RnVsbFllYXIoKX1cbiAgICAgICAgICAgIHtcIiBcIn1cbiAgICAgICAgICAgIFZFRi5cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9TdGFjaz5cbiAgICA8L0dyb3VwPlxuICApO1xufVxuXG5mdW5jdGlvbiBUb2RheSgpIHtcbiAgY29uc3QgW3RvZGF5LCBzZXRUb2RheV0gPSB1c2VTdGF0ZShnZXRMb2NhbGl6ZWREYXRlVGltZSk7XG5cbiAgdXNlSW50ZXJ2YWwoXG4gICAgKCkgPT4gc2V0VG9kYXkoZ2V0TG9jYWxpemVkRGF0ZVRpbWUoKSksXG4gICAgMTAwMCxcbiAgICB7XG4gICAgICBhdXRvSW52b2tlOiB0cnVlXG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3N0eWxlcy5kYXRlfT5cbiAgICAgIDxUZXh0IHR5cGU9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAg8J+VsO+4jyDku4rlpKnmmK9cbiAgICAgICAge1wiIFwifVxuICAgICAgPC9UZXh0PlxuXG4gICAgICA8VGV4dCBjc3M9e3sgY29sb3I6IFwidmFyKC0tdmVmLWNvbG9yLWluZm8pXCIgfX0+XG4gICAgICAgIHt0b2RheX1cbiAgICAgIDwvVGV4dD5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IHsgdHlwZSBMb2dpblBhcmFtcywgdHlwZSBMb2dpblJlc3VsdCB9IGZyb20gXCIuL3BheWxvYWRcIjtcblxuZXhwb3J0IHsgdHlwZSBMb2dpblByb3BzIH0gZnJvbSBcIi4vcHJvcHNcIjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+function Today() {
+  const [today, setToday] = useState(getLocalizedDateTime);
+  useInterval(() => setToday(getLocalizedDateTime()), 1e3, {
+    autoInvoke: true
+  });
+  return /* @__PURE__ */ jsxs("div", { css: date, children: [
+    /* @__PURE__ */ jsxs(Text, { type: "secondary", children: [
+      "🕰️ 今天是",
+      " "
+    ] }),
+    /* @__PURE__ */ jsx(Text, { css: _ref, children: today })
+  ] });
+}
+
+export { Login };

package/dist/es/components/login/payload.js

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

package/dist/es/components/login/props.js

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