@vef-framework/starter 2.0.10 → 2.1.0

package/dist/es/components/layout/hooks/use-color-scheme-updater.js

@@ -1,60 +1,55 @@
-import { useReducedMotion as y, useColorScheme as g } from "@vef-framework/hooks";
-import "../../../stores/index.js";
-import { useThemeStore as l } from "../../../stores/theme.js";
-function v(t) {
-  return t === "system" ? "light" : t === "light" ? "dark" : "system";
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { useThemeStore as e } from "../../../stores/theme.js";
+import { useColorScheme as t, useReducedMotion as n } from "@vef-framework/hooks";
+//#region src/components/layout/hooks/use-color-scheme-updater.ts
+function r(e) {
+	switch (e) {
+		case "system": return "light";
+		case "light": return "dark";
+		default: return "system";
+	}
 }
-function a() {
-  document.documentElement.classList.remove("color-scheme-transition");
+function i() {
+	document.documentElement.classList.remove("color-scheme-transition");
 }
-function I() {
-  const t = l((e) => e.colorScheme), f = y(!1, {
-    getInitialValueInEffect: !1
-  }), n = g("light", {
-    getInitialValueInEffect: !1
-  });
-  function i(e) {
-    l.setState((s) => {
-      s.colorScheme = e;
-    });
-  }
-  function h(e, s, c = !1) {
-    if (f) {
-      i(e);
-      return;
-    }
-    if (c && (t === "system" && n === "light" || t === "dark" && n === "dark")) {
-      i(e);
-      return;
-    }
-    if (!c && (e === "system" && t === n || t === "system" && e === n)) {
-      i(e);
-      return;
-    }
-    document.documentElement.classList.add("color-scheme-transition");
-    const m = document.startViewTransition(() => {
-      i(e);
-    }), {
-      x: o,
-      y: r
-    } = s, p = Math.hypot(Math.max(o, window.innerWidth - o), Math.max(r, window.innerHeight - r)), d = e === "dark" || e === "system" && n === "dark";
-    m.ready.then(() => {
-      const u = document.documentElement.animate({
-        clipPath: [`circle(0px at ${o}px ${r}px)`, `circle(${p}px at ${o}px ${r}px)`]
-      }, {
-        duration: 800,
-        easing: "ease-out",
-        direction: d ? "normal" : "reverse",
-        pseudoElement: d ? "::view-transition-new(root)" : "::view-transition-old(root)"
-      });
-      u.addEventListener("cancel", a), u.addEventListener("remove", a);
-    }), m.finished.then(a);
-  }
-  return {
-    getNextColorScheme: v,
-    updateColorScheme: h
-  };
+function a() {
+	let a = e((e) => e.colorScheme), o = n(!1, { getInitialValueInEffect: !1 }), s = t("light", { getInitialValueInEffect: !1 });
+	function c(t) {
+		e.setState((e) => {
+			e.colorScheme = t;
+		});
+	}
+	function l(e, t, n = !1) {
+		if (o) {
+			c(e);
+			return;
+		}
+		if (n && (a === "system" && s === "light" || a === "dark" && s === "dark")) {
+			c(e);
+			return;
+		}
+		if (!n && (e === "system" && a === s || a === "system" && e === s)) {
+			c(e);
+			return;
+		}
+		document.documentElement.classList.add("color-scheme-transition");
+		let r = document.startViewTransition(() => {
+			c(e);
+		}), { x: l, y: u } = t, d = Math.hypot(Math.max(l, window.innerWidth - l), Math.max(u, window.innerHeight - u)), f = e === "dark" || e === "system" && s === "dark";
+		r.ready.then(() => {
+			let e = document.documentElement.animate({ clipPath: [`circle(0px at ${l}px ${u}px)`, `circle(${d}px at ${l}px ${u}px)`] }, {
+				duration: 800,
+				easing: "ease-out",
+				direction: f ? "normal" : "reverse",
+				pseudoElement: f ? "::view-transition-new(root)" : "::view-transition-old(root)"
+			});
+			e.addEventListener("cancel", i), e.addEventListener("remove", i);
+		}), r.finished.then(i);
+	}
+	return {
+		getNextColorScheme: r,
+		updateColorScheme: l
+	};
 }
-export {
-  I as useColorSchemeUpdater
-};
+//#endregion
+export { a as useColorSchemeUpdater };

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

@@ -1,24 +1,19 @@
-import { useNavigate as s } from "@tanstack/react-router";
-import { isPlainObject as t } from "@vef-framework/shared";
-import { useCallback as n } from "react";
-function p() {
-  const a = s();
-  return n(({
-    path: i,
-    meta: o
-  }) => {
-    const {
-      params: r,
-      search: e
-    } = o ?? {};
-    return a({
-      to: i,
-      params: t(r) ? r : void 0,
-      search: t(e) ? e : void 0,
-      viewTransition: !1
-    });
-  }, [a]);
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { useNavigate as e } from "@tanstack/react-router";
+import { useCallback as t } from "react";
+import { isPlainObject as n } from "@vef-framework/shared";
+//#region src/components/layout/hooks/use-menu-navigate.ts
+function r() {
+	let r = e();
+	return t(({ path: e, meta: t }) => {
+		let { params: i, search: a } = t ?? {};
+		return r({
+			to: e,
+			params: n(i) ? i : void 0,
+			search: n(a) ? a : void 0,
+			viewTransition: !1
+		});
+	}, [r]);
 }
-export {
-  p as useMenuNavigate
-};
+//#endregion
+export { r as useMenuNavigate };

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

@@ -1,27 +1,25 @@
-import { useNavigate as o } from "@tanstack/react-router";
-import { scheduleMicrotask as t } from "@vef-framework/shared";
-import { useCallback as s } from "react";
-import "../../../constants/index.js";
-import { INDEX_ROUTE_PATH as f } from "../../../constants/router.js";
-function c({
-  async: a = !1
-} = {}) {
-  const e = o();
-  return s((r) => {
-    const i = () => {
-      e(r ? {
-        to: r.fullPath,
-        params: r.params,
-        search: r.search,
-        viewTransition: !1
-      } : {
-        to: f,
-        viewTransition: !1
-      });
-    };
-    return a ? t(i) : i();
-  }, [a, e]);
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import "../../../constants/router.js";
+import { useNavigate as e } from "@tanstack/react-router";
+import { useCallback as t } from "react";
+import { scheduleMicrotask as n } from "@vef-framework/shared";
+//#region src/components/layout/hooks/use-tab-navigate.ts
+function r({ async: r = !1 } = {}) {
+	let i = e();
+	return t((e) => {
+		let t = () => {
+			i(e ? {
+				to: e.fullPath,
+				params: e.params,
+				search: e.search,
+				viewTransition: !1
+			} : {
+				to: "/",
+				viewTransition: !1
+			});
+		};
+		return r ? n(t) : t();
+	}, [r, i]);
 }
-export {
-  c as useTabNavigate
-};
+//#endregion
+export { r as useTabNavigate };

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

@@ -1,63 +1,63 @@
-import { jsx as r, jsxs as C } from "@emotion/react/jsx-runtime";
-import { ClassNames as S } from "@emotion/react";
-import { breakpoints as L } from "@vef-framework/components";
-import { useMemo as x, useEffect as y } from "react";
-import "../../stores/index.js";
-import { BaseLayout as M } from "../base-layout/index.js";
-import "./components/index.js";
-import { LayoutStoreProvider as g } from "./store.js";
-import { sidebar as v } from "./styles.js";
-import "./props.js";
-import { useThemeStore as o } from "../../stores/theme.js";
-import { Sidebar as T } from "./components/sidebar.js";
-import { ThemeConfig as E } from "./components/theme-config/index.js";
-import { Search as j } from "./components/search/index.js";
-import { Header as N } from "./components/header/index.js";
-import { Tabs as P } from "./components/tabs/index.js";
-function R({
-  title: t,
-  logo: i,
-  headerActions: n,
-  userMenuItems: d,
-  onLogout: p,
-  children: f
-}) {
-  const a = o((e) => e.isSidebarCollapsed), u = o((e) => e.isMainContentMaximum), m = o((e) => e.menuLayout), c = x(() => m === "horizontal" ? {} : {
-    isSidebarCollapsed: a,
-    sidebar: /* @__PURE__ */ r(T, { isSidebarCollapsed: a, logo: i, title: t })
-  }, [a, m, i, t]);
-  return y(() => {
-    const e = globalThis.matchMedia(`(max-width: ${L.md})`), s = (h) => {
-      if (h.matches) {
-        const {
-          isSidebarCollapsed: l
-        } = o.getState();
-        l || o.setState((b) => {
-          b.isSidebarCollapsed = !0;
-        });
-      }
-    };
-    return e.addEventListener("change", s), () => {
-      e.removeEventListener("change", s);
-    };
-  }, []), /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(S, { children: ({
-    css: e
-  }) => /* @__PURE__ */ C(
-    M,
-    {
-      isMainContentMaximum: u,
-      sidebarClassName: e(v),
-      tabs: /* @__PURE__ */ r(P, {}),
-      header: /* @__PURE__ */ r(N, { headerActions: n, logo: i, title: t, userMenuItems: d, onLogout: p }),
-      ...c,
-      children: [
-        f,
-        /* @__PURE__ */ r(E, {}),
-        /* @__PURE__ */ r(j, {})
-      ]
-    }
-  ) }) });
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { useThemeStore as e } from "../../stores/theme.js";
+import { BaseLayout as t } from "../base-layout/index.js";
+import { LayoutStoreProvider as n } from "./store.js";
+import { Header as r } from "./components/header/index.js";
+import { Search as i } from "./components/search/index.js";
+import { Sidebar as a } from "./components/sidebar.js";
+import { Tabs as o } from "./components/tabs/index.js";
+import { ThemeConfig as s } from "./components/theme-config/index.js";
+import { sidebar as c } from "./styles.js";
+import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { breakpoints as d } from "@vef-framework/components";
+import { useEffect as f, useMemo as p } from "react";
+import { ClassNames as m } from "@emotion/react";
+//#region src/components/layout/index.tsx
+function h({ title: h, logo: g, headerActions: _, userMenuItems: v, onLogout: y, children: b }) {
+	let x = e((e) => e.isSidebarCollapsed), S = e((e) => e.isMainContentMaximum), C = e((e) => e.menuLayout), w = p(() => C === "horizontal" ? {} : {
+		isSidebarCollapsed: x,
+		sidebar: /* @__PURE__ */ l(a, {
+			isSidebarCollapsed: x,
+			logo: g,
+			title: h
+		})
+	}, [
+		x,
+		C,
+		g,
+		h
+	]);
+	return f(() => {
+		let t = globalThis.matchMedia(`(max-width: ${d.md})`);
+		function n(t) {
+			if (t.matches) {
+				let { isSidebarCollapsed: t } = e.getState();
+				t || e.setState((e) => {
+					e.isSidebarCollapsed = !0;
+				});
+			}
+		}
+		return t.addEventListener("change", n), () => {
+			t.removeEventListener("change", n);
+		};
+	}, []), /* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(m, { children: ({ css: e }) => /* @__PURE__ */ u(t, {
+		isMainContentMaximum: S,
+		sidebarClassName: e(c),
+		tabs: /* @__PURE__ */ l(o, {}),
+		header: /* @__PURE__ */ l(r, {
+			headerActions: _,
+			logo: g,
+			title: h,
+			userMenuItems: v,
+			onLogout: y
+		}),
+		...w,
+		children: [
+			b,
+			/* @__PURE__ */ l(s, {}),
+			/* @__PURE__ */ l(i, {})
+		]
+	}) }) });
 }
-export {
-  R as Layout
-};
+//#endregion
+export { h as Layout };

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

@@ -1,16 +1,13 @@
-import { createComponentStore as t } from "@vef-framework/core";
-const {
-  StoreProvider: s,
-  useStore: a
-} = t("Layout", (e) => ({
-  isSearchVisible: !1,
-  setIsSearchVisible: (r) => {
-    e((o) => {
-      o.isSearchVisible = r;
-    });
-  }
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { createComponentStore as e } from "@vef-framework/core";
+//#region src/components/layout/store.ts
+var { StoreProvider: t, useStore: n } = e("Layout", (e) => ({
+	isSearchVisible: !1,
+	setIsSearchVisible: (t) => {
+		e((e) => {
+			e.isSearchVisible = t;
+		});
+	}
 }));
-export {
-  s as LayoutStoreProvider,
-  a as useLayoutStore
-};
+//#endregion
+export { t as LayoutStoreProvider, n as useLayoutStore };

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

@@ -1,11 +1,12 @@
-import { css as c } from "@emotion/react";
-import { globalCssVars as y } from "@vef-framework/components";
-const i = /* @__PURE__ */ c({
-  display: "flex",
-  flexDirection: "column",
-  boxShadow: "2px 0 8px 0 rgb(29, 35, 41, 0.05)",
-  background: y.colorBgContainer
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL2xheW91dC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3Qgc2lkZWJhciA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBib3hTaGFkb3c6IFwiMnB4IDAgOHB4IDAgcmdiKDI5LCAzNSwgNDEsIDAuMDUpXCIsXG4gIGJhY2tncm91bmQ6IGdsb2JhbENzc1ZhcnMuY29sb3JCZ0NvbnRhaW5lclxufSk7XG4iXX0= */");
-export {
-  i as sidebar
-};
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { globalCssVars as e } from "@vef-framework/components";
+import { css as t } from "@emotion/react";
+//#region src/components/layout/styles.ts
+var n = /* @__PURE__ */ t({
+	display: "flex",
+	flexDirection: "column",
+	boxShadow: "1px 0 0 0 var(--vef-color-border-secondary), 2px 0 8px 0 rgb(0 0 0 / 0.04)",
+	background: e.colorBgContainer
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IHNpZGViYXIgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgYm94U2hhZG93OiBcIjFweCAwIDAgMCB2YXIoLS12ZWYtY29sb3ItYm9yZGVyLXNlY29uZGFyeSksIDJweCAwIDhweCAwIHJnYigwIDAgMCAvIDAuMDQpXCIsXG4gIGJhY2tncm91bmQ6IGdsb2JhbENzc1ZhcnMuY29sb3JCZ0NvbnRhaW5lclxufSk7XG4iXX0= */");
+//#endregion
+export { n as sidebar };