@donotdev/ui 0.0.14 → 0.0.15

package/dist/internal/providers/NavigationProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationProvider.d.ts","sourceRoot":"","sources":["../../../src/internal/providers/NavigationProvider.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD;;GAEG;AACH,UAAU,uBAAuB;IAC/B,6CAA6C;IAC7C,MAAM,EAAE,SAAS,CAAC;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,uBAAuB,2CAqBrE"}
+{"version":3,"file":"NavigationProvider.d.ts","sourceRoot":"","sources":["../../../src/internal/providers/NavigationProvider.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;GAEG;AACH,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD;;GAEG;AACH,UAAU,uBAAuB;IAC/B,6CAA6C;IAC7C,MAAM,EAAE,SAAS,CAAC;IAClB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,uBAAuB,2CAkBrE"}

package/dist/internal/providers/NavigationProvider.js

@@ -53,20 +53,18 @@ import { useAbortControllerStore, useOverlayStore } from '@donotdev/core';
  * @author AMBROISE PARK Consulting
  */
 export function NavigationProvider({ router }) {
-    const abortAll = useAbortControllerStore((state) => state.abortAll);
-    const closeAll = useOverlayStore((state) => state.closeAll);
     useEffect(() => {
         // Subscribe to navigation events using router.subscribe()
         // This replaces the useLocation() + useEffect pattern from the old implementation
         const unsubscribe = router.subscribe(() => {
             // When navigation occurs, abort all pending requests and close overlays
             // This prevents memory leaks and race conditions
-            abortAll();
-            closeAll();
+            useAbortControllerStore.getState().abortAll();
+            useOverlayStore.getState().closeAll();
         });
         // Cleanup subscription on unmount
         return unsubscribe;
-    }, [router, abortAll, closeAll]);
+    }, [router]);
     // RouterProvider manages its own children from the router configuration
     // No need to render children prop (kept for backwards compatibility)
     return _jsx(RouterProvider, { router: router });

package/dist/providers/ViteAppProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViteAppProviders.d.ts","sourceRoot":"","sources":["../../src/providers/ViteAppProviders.tsx"],"names":[],"mappings":"AAcA,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA2BxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,2CAkCxD"}
+{"version":3,"file":"ViteAppProviders.d.ts","sourceRoot":"","sources":["../../src/providers/ViteAppProviders.tsx"],"names":[],"mappings":"AAcA,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA2BxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,2CAmCxD"}

package/dist/providers/ViteAppProviders.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-import { lazy, Suspense } from 'react';
+import { lazy, Suspense, useMemo } from 'react';
 // Import virtual modules to populate globalThis._DNDEV_CONFIG_ before any components load
 import 'virtual:env';
 import 'virtual:themes';
@@ -76,9 +76,7 @@ export function ViteAppProviders(props) {
     // Create router instance using React Router v7 data router pattern
     // Virtual modules are loaded at module level (lines 20-26), so routes are available
     // HomePage.tsx is automatically assigned path "/" by RouteDiscovery convention
-    const router = createAppRouter({
-        routeGroups,
-        layout,
-    });
+    // Memoized so the router instance is stable across re-renders (Item 86)
+    const router = useMemo(() => createAppRouter({ routeGroups, layout }), [routeGroups, layout]);
     return (_jsxs(AppConfigProvider, { config: config, platform: "vite", children: [_jsx(SentryInitializer, {}), _jsx(ViteStoresInitializer, { customStores: customStores, children: _jsx(Suspense, { fallback: null, children: _jsxs(HelmetProvider, { children: [_jsx(FaviconHead, {}), _jsx(PerformanceHints, {}), _jsx(NavigationProvider, { router: router })] }) }) })] }));
 }

package/dist/routing/GoToInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoToInput.d.ts","sourceRoot":"","sources":["../../src/routing/GoToInput.tsx"],"names":[],"mappings":"AA+BA,QAAA,MAAM,SAAS,+CAyEd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"GoToInput.d.ts","sourceRoot":"","sources":["../../src/routing/GoToInput.tsx"],"names":[],"mappings":"AA+BA,QAAA,MAAM,SAAS,+CAwEd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/routing/GoToInput.js

@@ -22,7 +22,6 @@ const GoToInput = () => {
     const { t } = useTranslation('dndev');
     const [value, setValue] = useState('');
     const inputRef = useRef(null);
-    const openCommandDialog = useOverlayStore((state) => state.openCommandDialog);
     const isCommandDialogOpen = useOverlayStore((state) => state.isCommandDialogOpen);
     // Clear input when dialog closes
     useEffect(() => {
@@ -31,14 +30,14 @@ const GoToInput = () => {
         }
     }, [isCommandDialogOpen]);
     const handleFocus = useCallback(() => {
-        openCommandDialog(value);
-    }, [openCommandDialog, value]);
+        useOverlayStore.getState().openCommandDialog(value);
+    }, [value]);
     const handleKeyDown = useCallback((e) => {
         if (e.key === 'Enter') {
             e.preventDefault();
-            openCommandDialog(value);
+            useOverlayStore.getState().openCommandDialog(value);
         }
-    }, [openCommandDialog, value]);
+    }, [value]);
     return (_jsxs(Stack, { direction: "row", align: "center", className: "dndev-relative dndev-w-full dndev-max-w-sm", role: "search", children: [_jsx(Search, { className: "dndev-absolute dndev-size-md", style: { insetInlineStart: '0.75rem', opacity: 0.5 }, "aria-hidden": "true" }), _jsx("input", { ref: inputRef, type: "text", value: value, onChange: (e) => setValue(e.target.value), onFocus: handleFocus, onKeyDown: handleKeyDown, placeholder: t('globalGoTo.searchPlaceholder', 'Search pages...'), className: "dndev-input dndev-w-full", style: { paddingInlineStart: '2.5rem', paddingInlineEnd: '5rem' }, "aria-label": t('globalGoTo.ariaLabel', 'Search navigation') }), _jsx("div", { className: "dndev-absolute dndev-flex dndev-items-center dndev-text-sm", style: { insetInlineEnd: '0.75rem', gap: '0.25rem', opacity: 0.5 }, "aria-hidden": "true", children: _jsx("kbd", { style: {
                         padding: '0.25rem 0.5rem',
                         fontSize: 'var(--font-size-xs)',

package/dist/routing/hooks/hooks.next.js

@@ -1 +1 @@
-"use client";import{useRouter as p}from"next/navigation";import{useCallback as h}from"react";import{isClient as D,useOverlayStore as v}from"@donotdev/core";import*as F from"@donotdev/crud";var y={forms:{},startSubmit:()=>{},setUploading:()=>{},setValidating:()=>{},setSubmitting:()=>{},setSuccess:()=>{},setError:()=>{},reset:()=>{},cleanup:()=>{},setIsDirty:()=>{},hasDirtyForms:()=>!1,getDirtyFormIds:()=>[],getStatus:()=>"idle",isLoading:()=>!1,getUploadProgress:()=>0,getError:()=>null,getIsDirty:()=>!1},m=F?.useFormStore;function x(e){return m?m(e):e(y)}x.getState=()=>m&&typeof m.getState=="function"?m.getState():y;async function T(e="You have unsaved changes. Discard them?"){return x.getState().hasDirtyForms()&&typeof window<"u"&&window.confirm?window.confirm(e):!0}function g(){let e=p(),t=v(r=>r.closeAll);return h(async(r,u)=>{if(r==="back")return t(),e.back();if(await T()){if(t(),u?.preserveScroll&&D()){let o=window.scrollY;u?.replace?e.replace(r):e.push(r),requestAnimationFrame(()=>{window.scrollTo({top:o,behavior:"auto"})});return}return u?.replace?e.replace(r):e.push(r)}},[e,t])}function w(){let e=p();return h(()=>e.back(),[e])}function E(){let e=p();return h(()=>e.refresh(),[e])}function b(){let e=p();return h(t=>e.prefetch(t),[e])}import{usePathname as I,useSearchParams as N}from"next/navigation";function f(){let e=I(),t=N(),r=t.toString()?`?${t.toString()}`:"";return{pathname:e||"/",search:r,hash:"",state:null}}import{useParams as O}from"next/navigation";function S(){return O()}function G(e){let r=S()[e];if(typeof r=="string")return r;if(Array.isArray(r)&&r.length>0)return r[0]}import{useSearchParams as C}from"next/navigation";function R(){return C()}import{usePathname as L}from"next/navigation";function _(e){let t=L(),r=e.replace(/:[^/]+/g,"([^/]+)").replace(/\*/g,".*"),u=new RegExp(`^${r}$`),i=t.match(u);if(!i)return null;let o=e.match(/:[^/]+/g)?.map(n=>n.slice(1))||[],s={};return o.forEach((n,c)=>{s[n]=i[c+1]||""}),{params:s,pathname:t,pattern:e}}import{useCallback as A}from"react";function U(){let e=R(),t=g(),r=f(),u=A((s,n)=>{let c=new URLSearchParams(e.toString());c.set(s,n);let l=c.toString(),P=`${r.pathname||"/"}${l?`?${l}`:""}`;t(P)},[e,t,r.pathname]),i=A(s=>{let n=new URLSearchParams(e.toString());n.delete(s);let c=n.toString(),a=`${r.pathname||"/"}${c?`?${c}`:""}`;t(a)},[e,t,r.pathname]),o=A(()=>{let s=r.pathname||"/";t(s)},[t,r.pathname]);return{query:e,setQuery:u,removeQuery:i,clearQueries:o}}import{useMemo as Q}from"react";import{isClient as j,FEATURE_STATUS as q}from"@donotdev/core";import{useAuthConfig as Y}from"@donotdev/core";import*as $ from"@donotdev/auth";import{DEGRADED_AUTH_API as K}from"@donotdev/core";var k=$?.useAuth;function M(e){return K[e]}function d(e){return k?k(e):M(e)}function B(e={}){let{auth:t,redirectTo:r,condition:u}=e,i=f(),o=Y(),s=d("user"),n=d("can"),c=d("status");return Q(()=>{if(!j())return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(c===q.INITIALIZING)return{shouldRedirect:!1,redirectTo:null,isChecking:!0};if(u){let a=u(s,c);return{shouldRedirect:a,redirectTo:a&&r||null,isChecking:!1}}if(t!==!1&&t!==void 0){if(!n)return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(!n.navigate(t)){let a=null;return typeof t=="object"&&t.required&&!s?i.search.includes("code=")||i.search.includes("state=")||i.search.includes("error=")?a=`${o.authRoute}${i.search}`:a=o.authRoute:typeof t=="object"&&t.role?a=o.roleRoute:typeof t=="object"&&t.tier?a=o.tierRoute:a=o.roleRoute,{shouldRedirect:!0,redirectTo:r||a,isChecking:!1}}}return{shouldRedirect:!1,redirectTo:null,isChecking:!1}},[t,c,s,n,u,r,i.search,o.authRoute,o.roleRoute,o.tierRoute])}export{w as useBack,f as useLocation,_ as useMatch,g as useNavigate,S as useParams,b as usePrefetch,U as useQueryParams,B as useRedirectGuard,E as useRefresh,G as useRouteParam,R as useSearchParams};
+"use client";import{useRouter as f}from"next/navigation";import{useCallback as h}from"react";import{isClient as S,useOverlayStore as y}from"@donotdev/core";function d(){let e=f(),t=y(r=>r.closeAll);return h((r,i)=>{if(r==="back")return t(),e.back();if(t(),i?.preserveScroll&&S()){let s=window.scrollY;i?.replace?e.replace(r):e.push(r),requestAnimationFrame(()=>{window.scrollTo({top:s,behavior:"auto"})});return}return i?.replace?e.replace(r):e.push(r)},[e,t])}function k(){let e=f();return h(()=>e.back(),[e])}function T(){let e=f();return h(()=>e.refresh(),[e])}function v(){let e=f();return h(t=>e.prefetch(t),[e])}import{usePathname as b,useSearchParams as N}from"next/navigation";function l(){let e=b(),t=N(),r=t.toString()?`?${t.toString()}`:"";return{pathname:e||"/",search:r,hash:"",state:null}}import{useParams as w}from"next/navigation";function g(){return w()}function C(e){let r=g()[e];if(typeof r=="string")return r;if(Array.isArray(r)&&r.length>0)return r[0]}import{useSearchParams as I}from"next/navigation";function R(){return I()}import{usePathname as G}from"next/navigation";function $(e){let t=G(),r=e.replace(/:[^/]+/g,"([^/]+)").replace(/\*/g,".*"),i=new RegExp(`^${r}$`),s=t.match(i);if(!s)return null;let o=e.match(/:[^/]+/g)?.map(a=>a.slice(1))||[],n={};return o.forEach((a,c)=>{n[a]=s[c+1]||""}),{params:n,pathname:t,pattern:e}}import{useCallback as P}from"react";function K(){let e=R(),t=d(),r=l(),i=P((n,a)=>{let c=new URLSearchParams(e.toString());c.set(n,a);let m=c.toString(),x=`${r.pathname||"/"}${m?`?${m}`:""}`;t(x)},[e,t,r.pathname]),s=P(n=>{let a=new URLSearchParams(e.toString());a.delete(n);let c=a.toString(),u=`${r.pathname||"/"}${c?`?${c}`:""}`;t(u)},[e,t,r.pathname]),o=P(()=>{let n=r.pathname||"/";t(n)},[t,r.pathname]);return{query:e,setQuery:i,removeQuery:s,clearQueries:o}}import{useMemo as E}from"react";import{isClient as Q,FEATURE_STATUS as F}from"@donotdev/core";import{useAuthConfig as M}from"@donotdev/core";import*as O from"@donotdev/auth";import{DEGRADED_AUTH_API as U}from"@donotdev/core";var A=O?.useAuth;function L(e){return U[e]}function p(e){return A?A(e):L(e)}function j(e={}){let{auth:t,redirectTo:r,condition:i}=e,s=l(),o=M(),n=p("user"),a=p("can"),c=p("status");return E(()=>{if(!Q())return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(c===F.INITIALIZING)return{shouldRedirect:!1,redirectTo:null,isChecking:!0};if(i){let u=i(n,c);return{shouldRedirect:u,redirectTo:u&&r||null,isChecking:!1}}if(t!==!1&&t!==void 0){if(!a)return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(!a.navigate(t)){let u=null;return typeof t=="object"&&t.required&&!n?s.search.includes("code=")||s.search.includes("state=")||s.search.includes("error=")?u=`${o.authRoute}${s.search}`:u=o.authRoute:typeof t=="object"&&t.role?u=o.roleRoute:typeof t=="object"&&t.tier?u=o.tierRoute:u=o.roleRoute,{shouldRedirect:!0,redirectTo:r||u,isChecking:!1}}}return{shouldRedirect:!1,redirectTo:null,isChecking:!1}},[t,c,n,a,i,r,s.search,o.authRoute,o.roleRoute,o.tierRoute])}export{k as useBack,l as useLocation,$ as useMatch,d as useNavigate,g as useParams,v as usePrefetch,K as useQueryParams,j as useRedirectGuard,T as useRefresh,C as useRouteParam,R as useSearchParams};

package/dist/routing/hooks/hooks.vite.js

@@ -1 +1 @@
-"use client";import{useCallback as p}from"react";import{useNavigate as T}from"react-router-dom";import{isClient as k,useOverlayStore as D}from"@donotdev/core";import*as F from"@donotdev/crud";var y={forms:{},startSubmit:()=>{},setUploading:()=>{},setValidating:()=>{},setSubmitting:()=>{},setSuccess:()=>{},setError:()=>{},reset:()=>{},cleanup:()=>{},setIsDirty:()=>{},hasDirtyForms:()=>!1,getDirtyFormIds:()=>[],getStatus:()=>"idle",isLoading:()=>!1,getUploadProgress:()=>0,getError:()=>null,getIsDirty:()=>!1},f=F?.useFormStore;function P(e){return f?f(e):e(y)}P.getState=()=>f&&typeof f.getState=="function"?f.getState():y;async function x(e="You have unsaved changes. Discard them?"){return P.getState().hasDirtyForms()&&typeof window<"u"&&window.confirm?window.confirm(e):!0}function h(){let e=T(),t=D(r=>r.closeAll);return p(async(r,c)=>{if(r==="back")return t(),e(-1);if(await x())return t(),c?.replace?e(r,{replace:!0}):e(r)},[e,t])}function w(){let e=T();return p(()=>e(-1),[e])}function E(){return p(()=>{k()&&window.location.reload()},[])}function b(){return p(e=>{},[])}import{useLocation as I}from"react-router-dom";function m(){return I()}import{useParams as L}from"react-router-dom";function g(){return L()}function O(e){let r=g()[e];if(typeof r=="string")return r;if(Array.isArray(r)&&r.length>0)return r[0]}import{useSearchParams as G}from"react-router-dom";function R(){return G()[0]}import{useMatch as C}from"react-router-dom";function _(e){return C(e)}import{useCallback as S}from"react";function N(){let e=R(),t=h(),r=m(),c=S((n,i)=>{let a=new URLSearchParams(e.toString());a.set(n,i);let l=a.toString(),A=`${r.pathname||"/"}${l?`?${l}`:""}`;t(A)},[e,t,r.pathname]),u=S(n=>{let i=new URLSearchParams(e.toString());i.delete(n);let a=i.toString(),o=`${r.pathname||"/"}${a?`?${a}`:""}`;t(o)},[e,t,r.pathname]),s=S(()=>{let n=r.pathname||"/";t(n)},[t,r.pathname]);return{query:e,setQuery:c,removeQuery:u,clearQueries:s}}import{useMemo as $}from"react";import{isClient as Q,FEATURE_STATUS as j}from"@donotdev/core";import{useAuthConfig as q}from"@donotdev/core";import*as U from"@donotdev/auth";import{DEGRADED_AUTH_API as M}from"@donotdev/core";var v=U?.useAuth;function K(e){return M[e]}function d(e){return v?v(e):K(e)}function B(e={}){let{auth:t,redirectTo:r,condition:c}=e,u=m(),s=q(),n=d("user"),i=d("can"),a=d("status");return $(()=>{if(!Q())return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(a===j.INITIALIZING)return{shouldRedirect:!1,redirectTo:null,isChecking:!0};if(c){let o=c(n,a);return{shouldRedirect:o,redirectTo:o&&r||null,isChecking:!1}}if(t!==!1&&t!==void 0){if(!i)return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(!i.navigate(t)){let o=null;return typeof t=="object"&&t.required&&!n?u.search.includes("code=")||u.search.includes("state=")||u.search.includes("error=")?o=`${s.authRoute}${u.search}`:o=s.authRoute:typeof t=="object"&&t.role?o=s.roleRoute:typeof t=="object"&&t.tier?o=s.tierRoute:o=s.roleRoute,{shouldRedirect:!0,redirectTo:r||o,isChecking:!1}}}return{shouldRedirect:!1,redirectTo:null,isChecking:!1}},[t,a,n,i,c,r,u.search,s.authRoute,s.roleRoute,s.tierRoute])}export{w as useBack,m as useLocation,_ as useMatch,h as useNavigate,g as useParams,b as usePrefetch,N as useQueryParams,B as useRedirectGuard,E as useRefresh,O as useRouteParam,R as useSearchParams};
+"use client";import{useCallback as m}from"react";import{useNavigate as P}from"react-router-dom";import{isClient as y,useOverlayStore as S}from"@donotdev/core";function h(){let e=P(),t=S(r=>r.closeAll);return m((r,i)=>r==="back"?(t(),e(-1)):(t(),i?.replace?e(r,{replace:!0}):e(r)),[e,t])}function v(){let e=P();return m(()=>e(-1),[e])}function k(){return m(()=>{y()&&window.location.reload()},[])}function T(){return m(e=>{},[])}import{useLocation as C}from"react-router-dom";function f(){return C()}import{useParams as I}from"react-router-dom";function d(){return I()}function b(e){let r=d()[e];if(typeof r=="string")return r;if(Array.isArray(r)&&r.length>0)return r[0]}import{useSearchParams as G}from"react-router-dom";function g(){return G()[0]}import{useMatch as w}from"react-router-dom";function L(e){return w(e)}import{useCallback as R}from"react";function N(){let e=g(),t=h(),r=f(),i=R((n,u)=>{let a=new URLSearchParams(e.toString());a.set(n,u);let l=a.toString(),A=`${r.pathname||"/"}${l?`?${l}`:""}`;t(A)},[e,t,r.pathname]),c=R(n=>{let u=new URLSearchParams(e.toString());u.delete(n);let a=u.toString(),o=`${r.pathname||"/"}${a?`?${a}`:""}`;t(o)},[e,t,r.pathname]),s=R(()=>{let n=r.pathname||"/";t(n)},[t,r.pathname]);return{query:e,setQuery:i,removeQuery:c,clearQueries:s}}import{useMemo as $}from"react";import{isClient as M,FEATURE_STATUS as Q}from"@donotdev/core";import{useAuthConfig as E}from"@donotdev/core";import*as K from"@donotdev/auth";import{DEGRADED_AUTH_API as O}from"@donotdev/core";var x=K?.useAuth;function U(e){return O[e]}function p(e){return x?x(e):U(e)}function _(e={}){let{auth:t,redirectTo:r,condition:i}=e,c=f(),s=E(),n=p("user"),u=p("can"),a=p("status");return $(()=>{if(!M())return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(a===Q.INITIALIZING)return{shouldRedirect:!1,redirectTo:null,isChecking:!0};if(i){let o=i(n,a);return{shouldRedirect:o,redirectTo:o&&r||null,isChecking:!1}}if(t!==!1&&t!==void 0){if(!u)return{shouldRedirect:!1,redirectTo:null,isChecking:!1};if(!u.navigate(t)){let o=null;return typeof t=="object"&&t.required&&!n?c.search.includes("code=")||c.search.includes("state=")||c.search.includes("error=")?o=`${s.authRoute}${c.search}`:o=s.authRoute:typeof t=="object"&&t.role?o=s.roleRoute:typeof t=="object"&&t.tier?o=s.tierRoute:o=s.roleRoute,{shouldRedirect:!0,redirectTo:r||o,isChecking:!1}}}return{shouldRedirect:!1,redirectTo:null,isChecking:!1}},[t,a,n,u,i,r,c.search,s.authRoute,s.roleRoute,s.tierRoute])}export{v as useBack,f as useLocation,L as useMatch,h as useNavigate,d as useParams,T as usePrefetch,N as useQueryParams,_ as useRedirectGuard,k as useRefresh,b as useRouteParam,g as useSearchParams};

package/dist/routing/hooks/useNavigate.next.d.ts

@@ -1,5 +1,5 @@
 import type { NavigateOptions } from './types';
-export declare function useNavigate(): (to: string, options?: NavigateOptions) => Promise<void>;
+export declare function useNavigate(): (to: string, options?: NavigateOptions) => void;
 export declare function useBack(): () => void;
 export declare function useRefresh(): () => void;
 export declare function usePrefetch(): (to: string) => void;

package/dist/routing/hooks/useNavigate.next.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigate.next.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useNavigate.next.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,WAAW,SAKZ,MAAM,YAAY,eAAe,mBAgC/C;AAED,wBAAgB,OAAO,eAGtB;AAED,wBAAgB,UAAU,eAGzB;AAED,wBAAgB,WAAW,SAED,MAAM,UAC/B"}
+{"version":3,"file":"useNavigate.next.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useNavigate.next.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,WAAW,SAKlB,MAAM,YAAY,eAAe,UA0BzC;AAED,wBAAgB,OAAO,eAGtB;AAED,wBAAgB,UAAU,eAGzB;AAED,wBAAgB,WAAW,SAED,MAAM,UAC/B"}

package/dist/routing/hooks/useNavigate.next.js

@@ -11,20 +11,14 @@
 import { useRouter as useNextRouter } from 'next/navigation';
 import { useCallback } from 'react';
 import { isClient, useOverlayStore } from '@donotdev/core';
-import { checkFormNavigationSafe } from '../../utils/useFormStoreSafe';
 export function useNavigate() {
     const router = useNextRouter();
     const closeAll = useOverlayStore((state) => state.closeAll);
-    return useCallback(async (to, options) => {
+    return useCallback((to, options) => {
         if (to === 'back') {
             closeAll();
             return router.back();
         }
-        // Check FormStore for dirty forms before navigation (safe - works if CRUD not installed)
-        const shouldProceed = await checkFormNavigationSafe();
-        if (!shouldProceed) {
-            return; // Navigation blocked by user
-        }
         closeAll();
         if (options?.preserveScroll && isClient()) {
             const scrollY = window.scrollY;

package/dist/routing/hooks/useNavigate.vite.d.ts

@@ -1,5 +1,5 @@
 import type { NavigateOptions } from './types';
-export declare function useNavigate(): (to: string, options?: NavigateOptions) => Promise<void>;
+export declare function useNavigate(): (to: string, options?: NavigateOptions) => void | Promise<void>;
 export declare function useBack(): () => void | Promise<void>;
 export declare function useRefresh(): () => void;
 export declare function usePrefetch(): (_to: string) => void;

package/dist/routing/hooks/useNavigate.vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigate.vite.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useNavigate.vite.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,WAAW,SAKZ,MAAM,YAAY,eAAe,mBAmB/C;AAED,wBAAgB,OAAO,+BAGtB;AAED,wBAAgB,UAAU,eAIzB;AAED,wBAAgB,WAAW,UACA,MAAM,UAGhC"}
+{"version":3,"file":"useNavigate.vite.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useNavigate.vite.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,WAAW,SAKlB,MAAM,YAAY,eAAe,0BAazC;AAED,wBAAgB,OAAO,+BAGtB;AAED,wBAAgB,UAAU,eAIzB;AAED,wBAAgB,WAAW,UACA,MAAM,UAGhC"}

package/dist/routing/hooks/useNavigate.vite.js

@@ -11,20 +11,14 @@
 import { useCallback } from 'react';
 import { useNavigate as useRouterNavigate } from 'react-router-dom';
 import { isClient, useOverlayStore } from '@donotdev/core';
-import { checkFormNavigationSafe } from '../../utils/useFormStoreSafe';
 export function useNavigate() {
     const navigate = useRouterNavigate();
     const closeAll = useOverlayStore((state) => state.closeAll);
-    return useCallback(async (to, options) => {
+    return useCallback((to, options) => {
         if (to === 'back') {
             closeAll();
             return navigate(-1);
         }
-        // Check FormStore for dirty forms before navigation (safe - works if CRUD not installed)
-        const shouldProceed = await checkFormNavigationSafe();
-        if (!shouldProceed) {
-            return; // Navigation blocked by user
-        }
         closeAll();
         if (options?.replace)
             return navigate(to, { replace: true });

package/dist/routing/useRouteDiscovery.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationRoute as CoreNavigationRoute } from '@donotdev/core';
 import type { JSX } from 'react';
 import type { ReactNode } from 'react';
 /**
@@ -41,22 +42,10 @@ export interface RouteGroup {
     routes: RouteInfo[];
 }
 /**
- * Navigation route interface for UI components
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
+ * Navigation route - re-exported from @donotdev/core (Item 90)
+ * Core's version is the single source of truth with richer fields.
  */
-export interface NavigationRoute {
-    /** Route path */
-    path: string;
-    /** Display label */
-    label: string;
-    /** Optional icon component */
-    icon?: ReactNode;
-    /** Additional route metadata */
-    meta?: any;
-}
+export type NavigationRoute = CoreNavigationRoute;
 /**
  * Hook that provides auto-discovered routes from virtual module system
  *

package/dist/routing/useRouteDiscovery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRouteDiscovery.d.ts","sourceRoot":"","sources":["../../src/routing/useRouteDiscovery.ts"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,qCAAqC;IACrC,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,iBAAiB,IAAI,UAAU,EAAE,CA2BhD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,mBAAmB,IAAI,UAAU,EAAE,CAmBlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,6BAA6B,IAAI,eAAe,EAAE,CAgBjE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,gBAK3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB;;;;;;SAQ/B"}
+{"version":3,"file":"useRouteDiscovery.d.ts","sourceRoot":"","sources":["../../src/routing/useRouteDiscovery.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAsB,eAAe,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,qCAAqC;IACrC,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,iBAAiB,IAAI,UAAU,EAAE,CA2BhD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,mBAAmB,IAAI,UAAU,EAAE,CAoBlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,6BAA6B,IAAI,eAAe,EAAE,CAcjE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,gBAK3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB;;;;;;SAQ/B"}

package/dist/routing/useRouteDiscovery.js

@@ -23,7 +23,7 @@
  * ```
  */
 import { useMemo } from 'react';
-import { useNavigationStore, getRoutes, getRouteManifest, buildRoutePath, } from '@donotdev/core';
+import { useNavigationStore, getRoutes, getRouteManifest, } from '@donotdev/core';
 import { useAuthSafe } from '../utils/useAuthSafe';
 /**
  * Hook that provides auto-discovered routes from virtual module system
@@ -108,9 +108,11 @@ export function useAccessibleRoutes() {
             .map((group) => ({
             ...group,
             routes: group.routes.filter((route) => {
-                // Use same filtering logic as AuthGuard for consistency
+                // Use same filtering logic as AuthGuard for consistency (Item 88)
                 if (route.auth === false)
                     return true;
+                if (route.auth === true)
+                    return !!user;
                 if (typeof route.auth === 'object' && route.auth.required) {
                     return !!user;
                 }
@@ -149,9 +151,8 @@ export function useAccessibleRoutes() {
  */
 export function useAccessibleNavigationRoutes() {
     const user = useAuthSafe('user');
-    const { getFilteredRoutes } = useNavigationStore();
     return useMemo(() => {
-        const filteredRoutes = getFilteredRoutes({
+        const filteredRoutes = useNavigationStore.getState().getFilteredRoutes({
             authenticated: !!user,
             role: user?.role || 'user',
         });
@@ -161,7 +162,7 @@ export function useAccessibleNavigationRoutes() {
             icon: route.icon,
             meta: route.meta,
         }));
-    }, [getFilteredRoutes, user]);
+    }, [user]);
 }
 /**
  * Hook that returns all discovered routes as a flat list

package/dist/styles/index.css

@@ -3580,6 +3580,10 @@ em {
   flex-shrink: 0;
 }
 
+.dndev-combobox-create-btn:hover {
+  opacity: 0.8;
+}
+
 .dndev-combobox-open .dndev-input-with-trailing-icon .dndev-input-icon svg,
 .dndev-combobox-open .dndev-input-with-trailing-icon .dndev-input-icon > * {
   transform: rotate(180deg);
@@ -9485,9 +9489,12 @@ main[role='main'][data-routing-animation='none'] {
 /* Desktop: opt-in via data-footer-mode="scroll" */
 
 .dndev-layout[data-footer-mode='scroll'] {
-  overflow-y: auto;
+  height: auto;
+  min-height: 100dvh;
+  max-height: none;
+  overflow-y: visible;
   overflow-x: hidden;
-  grid-template-rows: var(--header-height) 1fr auto;
+  grid-template-rows: var(--header-height) minmax(calc(100dvh - var(--header-height)), auto) auto;
 }
 
 .dndev-layout[data-footer-mode='scroll'] header[role='banner'] {
@@ -9511,6 +9518,7 @@ main[role='main'][data-routing-animation='none'] {
 .dndev-layout[data-footer-mode='scroll'] footer[role='contentinfo'] {
     grid-column: 2 / -1;
     height: auto;
+    margin-top: var(--gap-lg);
   }
 
 :is(.dndev-layout[data-footer-mode='scroll'] footer[role='contentinfo']) > * {
@@ -9522,9 +9530,12 @@ main[role='main'][data-routing-animation='none'] {
 
 @media (width <=1023px) {
   .dndev-layout {
-    overflow-y: auto;
+    height: auto;
+    min-height: 100dvh;
+    max-height: none;
+    overflow-y: visible;
     overflow-x: hidden;
-    grid-template-rows: var(--header-height) 1fr auto;
+    grid-template-rows: var(--header-height) minmax(calc(100dvh - var(--header-height)), auto) auto;
   }
 
     .dndev-layout header[role='banner'] {
@@ -9540,6 +9551,7 @@ main[role='main'][data-routing-animation='none'] {
 
     .dndev-layout footer[role='contentinfo'] {
       height: auto;
+      margin-top: var(--gap-lg);
     }
 
       :is(.dndev-layout footer[role='contentinfo']) > * {
@@ -9587,7 +9599,6 @@ header[role='banner'] {
   padding-inline-start: var(--content-padding);
   padding-inline-end: var(--content-padding);
 
-  /* Theme-aware styling - 100% controlled by theme system */
   background: var(--background);
   border-bottom: var(--border-hairline) solid var(--border);
 
@@ -9936,7 +9947,6 @@ footer[role='contentinfo'] {
   min-height: var(--footer-height);
   z-index: var(--z-footer);
 
-  /* Theme-aware styling - 100% controlled by theme system */
   background: var(--background);
   border-top: var(--border-hairline) solid var(--border);
 

package/dist/utils/useFormStoreSafe.d.ts

@@ -12,9 +12,9 @@ declare const DEGRADED_FORM_STORE_STATE: {
     readonly setError: () => void;
     readonly reset: () => void;
     readonly cleanup: () => void;
-    readonly setIsDirty: () => void;
+    readonly setIsDirty: (_formId: string, _isDirty: boolean) => void;
     readonly hasDirtyForms: () => boolean;
-    readonly getDirtyFormIds: () => never[];
+    readonly getDirtyFormIds: () => string[];
     readonly getStatus: () => "idle";
     readonly isLoading: () => boolean;
     readonly getUploadProgress: () => number;
@@ -44,18 +44,5 @@ export declare function useFormStoreSafe<T>(selector: (state: FormStoreLike) =>
 export declare namespace useFormStoreSafe {
     var getState: () => typeof DEGRADED_FORM_STORE_STATE;
 }
-/**
- * Check if any forms are dirty (safe version).
- * Returns false if CRUD package not available.
- */
-export declare function useHasDirtyFormsSafe(): boolean;
-/**
- * Check if navigation should be blocked (safe version).
- * Returns a function that checks FormStore and shows confirmation if needed.
- *
- * @param message - Confirmation message
- * @returns Promise<boolean> - true if navigation should proceed
- */
-export declare function checkFormNavigationSafe(message?: string): Promise<boolean>;
 export {};
 //# sourceMappingURL=useFormStoreSafe.d.ts.map

package/dist/utils/useFormStoreSafe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormStoreSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useFormStoreSafe.ts"],"names":[],"mappings":"AAwBA;;;GAGG;AACH,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;CAqBrB,CAAC;AAEX,sFAAsF;AACtF,KAAK,aAAa,GAAG,OAAO,yBAAyB,CAAC;AAQtD;;GAEG;AACH,eAAO,MAAM,oBAAoB,SAAyC,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,GAAG,CAAC,CAK5E;yBALe,gBAAgB;wBAmBA,OAAO,yBAAyB;;AAOhE;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C;AAED;;;;;;GAMG;AACH,wBAAsB,uBAAuB,CAC3C,OAAO,SAA4C,GAClD,OAAO,CAAC,OAAO,CAAC,CAUlB"}
+{"version":3,"file":"useFormStoreSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useFormStoreSafe.ts"],"names":[],"mappings":"AAwBA;;;GAGG;AACH,QAAA,MAAM,yBAAyB;;;;;;;;;;mCAYP,MAAM,YAAY,OAAO;;oCAElB,MAAM,EAAE;;;;;;CAO7B,CAAC;AAEX,sFAAsF;AACtF,KAAK,aAAa,GAAG,OAAO,yBAAyB,CAAC;AAQtD;;GAEG;AACH,eAAO,MAAM,oBAAoB,SAAyC,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,GAAG,CAAC,CAK5E;yBALe,gBAAgB;wBAaA,OAAO,yBAAyB"}

package/dist/utils/useFormStoreSafe.js

@@ -11,7 +11,7 @@
  *
  * @see packages/ui/src/utils/useAuthSafe.ts for pattern reference
  * @see docs/development/GRACEFUL_DEGRADATION.md
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -34,8 +34,8 @@ const DEGRADED_FORM_STORE_STATE = {
     reset: () => { },
     cleanup: () => { },
     // Dirty state management
-    setIsDirty: () => { },
-    hasDirtyForms: () => false, // Key method - returns false when degraded
+    setIsDirty: (_formId, _isDirty) => { },
+    hasDirtyForms: () => false,
     getDirtyFormIds: () => [],
     // Getters
     getStatus: () => 'idle',
@@ -75,12 +75,6 @@ export function useFormStoreSafe(selector) {
  * Use this in non-React contexts or for one-time checks.
  *
  * @returns FormStore state, or degraded state if CRUD not available
- *
- * @example
- * ```tsx
- * const state = useFormStoreSafe.getState();
- * const hasDirty = state.hasDirtyForms(); // Always safe to call
- * ```
  */
 useFormStoreSafe.getState = () => {
     if (realUseFormStore && typeof realUseFormStore.getState === 'function') {
@@ -88,27 +82,3 @@ useFormStoreSafe.getState = () => {
     }
     return DEGRADED_FORM_STORE_STATE;
 };
-/**
- * Check if any forms are dirty (safe version).
- * Returns false if CRUD package not available.
- */
-export function useHasDirtyFormsSafe() {
-    return useFormStoreSafe((state) => state.hasDirtyForms());
-}
-/**
- * Check if navigation should be blocked (safe version).
- * Returns a function that checks FormStore and shows confirmation if needed.
- *
- * @param message - Confirmation message
- * @returns Promise<boolean> - true if navigation should proceed
- */
-export async function checkFormNavigationSafe(message = 'You have unsaved changes. Discard them?') {
-    const state = useFormStoreSafe.getState();
-    const hasDirtyForms = state.hasDirtyForms();
-    if (!hasDirtyForms)
-        return true; // No dirty forms = allow navigation
-    if (typeof window !== 'undefined' && window.confirm) {
-        return window.confirm(message);
-    }
-    return true;
-}

package/dist/vite-routing/RootLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../src/vite-routing/RootLayout.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA0LnD;;GAEG;AACH,UAAU,oBAAoB;IAC5B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAgC1D"}
+{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../src/vite-routing/RootLayout.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAwLnD;;GAEG;AACH,UAAU,oBAAoB;IAC5B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAgC1D"}

package/dist/vite-routing/RootLayout.js

@@ -51,21 +51,17 @@ const RedirectOverlay = lazy(() => import('../components/common/RedirectOverlay'
 function CustomScrollRestoration() {
     const location = useLocation();
     const scrollPositions = useRef(new Map());
-    const isFirstRender = useRef(true);
+    const prevLocationKey = useRef(null);
     useEffect(() => {
-        // Skip on first render (initial page load)
-        if (isFirstRender.current) {
-            isFirstRender.current = false;
-            return;
-        }
         const mainElement = document.querySelector('main[role="main"]');
         if (!mainElement)
             return;
-        // Save current scroll position before navigating
-        const currentKey = location.key;
-        // Check if this is a back/forward navigation (location.state can indicate this)
-        // For now, we'll use a simple heuristic: if we have a saved position, it's likely POP
-        const savedPosition = scrollPositions.current.get(currentKey);
+        // Save scroll position of the page we're leaving (Item 89)
+        if (prevLocationKey.current) {
+            scrollPositions.current.set(prevLocationKey.current, mainElement.scrollTop);
+        }
+        // Check if this is a back/forward navigation (POP) by checking saved position
+        const savedPosition = scrollPositions.current.get(location.key);
         if (savedPosition !== undefined) {
             // POP navigation - restore scroll position
             requestAnimationFrame(() => {
@@ -75,11 +71,10 @@ function CustomScrollRestoration() {
         else {
             // PUSH navigation - scroll to top
             mainElement.scrollTop = 0;
-            // Save this position for potential back navigation
-            scrollPositions.current.set(currentKey, 0);
         }
-        // Cleanup: Keep only last 10 positions to prevent memory leaks
-        if (scrollPositions.current.size > 10) {
+        prevLocationKey.current = location.key;
+        // Cleanup: Keep only last 20 positions to prevent memory leaks
+        if (scrollPositions.current.size > 20) {
             const firstKey = scrollPositions.current.keys().next().value;
             if (firstKey) {
                 scrollPositions.current.delete(firstKey);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/ui",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "type": "module",
   "private": false,
   "license": "SEE LICENSE IN LICENSE.md",
@@ -44,7 +44,7 @@
   "scripts": {
     "dev": "tsc --noEmit --watch --listFiles false --listEmittedFiles false",
     "clean": "rimraf dist tsconfig.tsbuildinfo",
-    "type-check": "tsc --noEmit"
+    "type-check": "bunx tsc --noEmit"
   },
   "dependencies": {
     "@fontsource/inter": "^5.2.8",
@@ -56,14 +56,14 @@
     "react-hook-form": "^7.71.1"
   },
   "peerDependencies": {
-    "@donotdev/adv-comps": "^0.0.11",
-    "@donotdev/auth": "^0.0.7",
-    "@donotdev/billing": "^0.0.6",
-    "@donotdev/components": "^0.0.17",
-    "@donotdev/core": "^0.0.24",
-    "@donotdev/crud": "^0.0.15",
-    "@donotdev/firebase": "^0.0.10",
-    "@donotdev/oauth": "^0.0.6",
+    "@donotdev/adv-comps": "^0.0.13",
+    "@donotdev/auth": "^0.0.9",
+    "@donotdev/billing": "^0.0.8",
+    "@donotdev/components": "^0.0.19",
+    "@donotdev/core": "^0.0.25",
+    "@donotdev/crud": "^0.0.16",
+    "@donotdev/firebase": "^0.0.12",
+    "@donotdev/oauth": "^0.0.8",
     "firebase": "^12.9.0",
     "lucide-react": "^0.574.0",
     "react": "^19.2.4",