@vertesia/ui 1.0.0-dev.20260203.130115Z → 1.0.0-dev.20260227.112605Z

package/lib/esm/layout/FullHeightLayout.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+export function FullHeightLayout({ className, children }) {
+    return (_jsx("div", { className: clsx("flex flex-col", "h-full", "overflow-y-auto", "px-2", className), children: children }));
+}
+FullHeightLayout.Fixed = function Fixed({ heightClass, className, children }) {
+    return (_jsx("div", { className: clsx("w-full", heightClass, className), children: children }));
+};
+FullHeightLayout.Body = function Body({ className, children }) {
+    return (_jsx("div", { className: clsx("grow overflow-auto", "min-h-0", "p-2", className), children: children }));
+};
+FullHeightLayout.VR = function VDivider({}) {
+    return (_jsx("div", { className: "w-[1px] border border-red-200" }));
+};
+FullHeightLayout.HR = function HDivider({}) {
+    return (_jsx("div", { className: "w-full h-1 border-b border-red-200" }));
+};
+//# sourceMappingURL=FullHeightLayout.js.map

package/lib/esm/layout/FullHeightLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullHeightLayout.js","sourceRoot":"","sources":["../../../src/layout/FullHeightLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAA6B;IAC/E,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC;AAOD,gBAAgB,CAAC,KAAK,GAAG,SAAS,KAAK,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAc;IACpF,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,QAAQ,EACR,WAAW,EACX,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAA;AAMD,gBAAgB,CAAC,IAAI,GAAG,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAa;IACpE,OAAO,CACH,cACI,SAAS,EAAE,IAAI,CACX,oBAAoB,EACpB,SAAS,EACT,KAAK,EACL,SAAS,CACZ,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAA;AAGD,gBAAgB,CAAC,EAAE,GAAG,SAAS,QAAQ,CAAC,EAAkB;IACtD,OAAO,CACH,cAAK,SAAS,EAAC,+BAA+B,GAAO,CACxD,CAAC;AACN,CAAC,CAAA;AAGD,gBAAgB,CAAC,EAAE,GAAG,SAAS,QAAQ,CAAC,EAAkB;IACtD,OAAO,CACH,cAAK,SAAS,EAAC,oCAAoC,GAAO,CAC7D,CAAC;AACN,CAAC,CAAA"}

package/lib/esm/layout/Navbar.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Menu, Search } from 'lucide-react';
+import { Button } from '@vertesia/ui/core';
+import { useSidebarToggle } from './SidebarContext.js';
+import { TitleBar } from './TitleBar.js';
+export function Navbar({ children, logo, onSearch, title }) {
+    return (_jsxs("div", { className: "sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8", children: [_jsx(HamburgerButton, {}), _jsx("div", { className: "lg:hidden", children: logo }), onSearch && _jsx(NavbarSeparator, { visible: 'mobile' }), _jsxs("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6", children: [_jsx(TitleBar, { title: title }), onSearch && _jsx(SearchBox, { onSearch: onSearch }), _jsx("div", { className: "flex items-center gap-x-4 lg:gap-x-6 ml-auto", children: children })] })] }));
+}
+function SearchBox({}) {
+    return (_jsxs("form", { className: "relative flex flex-1", action: "#", method: "GET", children: [_jsx("label", { htmlFor: "search-field", className: "sr-only", children: "Search" }), _jsx(Search, { className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400", "aria-hidden": "true" }), _jsx("input", { id: "search-field", className: "block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm", placeholder: "Search...", type: "search", name: "search" })] }));
+}
+export function HamburgerButton() {
+    const { toggleDesktop, toggleMobile } = useSidebarToggle();
+    const toggle = () => {
+        if (window.innerWidth < 1024) {
+            toggleMobile();
+        }
+        else {
+            toggleDesktop();
+        }
+    };
+    return (_jsx(_Fragment, { children: _jsx(Button, { variant: 'ghost', size: 'icon', onClick: () => toggle(), className: "p-2 rounded-full transition-colors w-full text-center ", children: _jsx(Menu, { "aria-hidden": "true", size: 24 }) }) }));
+}
+export function NavbarSeparator({ visible }) {
+    let visibility = "";
+    if (visible) {
+        visibility = visible === "mobile" ? "lg:hidden" : "hidden lg:block";
+    }
+    return (_jsx("div", { className: `h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${visibility}`, "aria-hidden": "true" }));
+}
+export function NavbarIconButton({ title, icon: Icon, onClick }) {
+    return (_jsxs("button", { type: "button", className: "-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500", onClick: onClick, children: [_jsx("span", { className: "sr-only", children: title }), _jsx(Icon, { className: "size-6", "aria-hidden": "true", title: title })] }));
+}
+export function NavbarButton({ children, onClick }) {
+    return (_jsx(Button, { onClick: onClick, children: children }));
+}
+export function NavbarLink({ href, onClick, children }) {
+    return (_jsx("a", { className: "dark:text-slate-50", href: href, onClick: onClick, children: children }));
+}
+//# sourceMappingURL=Navbar.js.map

package/lib/esm/layout/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/layout/Navbar.tsx"],"names":[],"mappings":"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"}

package/lib/esm/layout/Sidebar.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useSidebarToggle } from './SidebarContext';
+import { Dot } from 'lucide-react';
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@vertesia/ui/core';
+import { Nav } from "@vertesia/ui/router";
+export function Sidebar({ children, logo, className }) {
+    return (_jsxs("div", { className: clsx(className || "bg-indigo-600 dark:bg-indigo-950", "flex flex-col h-full"), children: [logo &&
+                _jsx("div", { className: "-mx-2 flex h-auto my-4 shrink-0 self-start", children: logo }), _jsx("div", { className: "flex-1 min-h-0 overflow-hidden px-0 lg:px-2", children: _jsx("nav", { className: "h-full flex flex-col", children: _jsx("ul", { role: "list", className: "flex flex-col gap-y-2 overflow-y-auto h-full", children: children }) }) })] }));
+}
+export function SidebarSection({ children, title, action, isFooter = false, className }) {
+    const { isOpen } = useSidebarToggle();
+    let header = isOpen ? _jsxs(_Fragment, { children: [title || "", action] }) : _jsx(Dot, { className: 'size-6' });
+    return (_jsxs("li", { className: isFooter ? 'mt-auto' : '', children: [title && _jsx("div", { className: "text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70", children: header }), _jsx("ul", { "data-sidebar": "menu", className: clsx("flex w-full min-w-0 flex-col gap-1", className), children: children })] }));
+}
+export function SidebarTooltip({ children, text }) {
+    const { isOpen } = useSidebarToggle();
+    return (isOpen ? _jsx(_Fragment, { children: children }) :
+        _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: 'right', children: text })] }) }));
+}
+export function SidebarItem({ external, className, tools, children, icon: Icon, href, current, onClick, replace }) {
+    const { toggleMobile } = useSidebarToggle();
+    const _closeSideBar = () => {
+        setTimeout(() => {
+            toggleMobile(false);
+        }, 100);
+    };
+    const onClickWrapper = (event) => {
+        if (external) {
+            window.open(href, '_blank');
+            event.preventDefault(); // Prevent default link behavior
+            event.stopPropagation(); // Stop the event from propagating
+        }
+        else if (onClick) {
+            onClick(event);
+        }
+    };
+    return (_jsx("li", { children: _jsx(Nav, { onClick: _closeSideBar, replace: replace, children: _jsx(SidebarTooltip, { text: children, children: _jsxs("a", { href: href, onClick: onClickWrapper, className: clsx(current
+                        ? 'bg-sidebar-accent text-sidebar-accent-foreground'
+                        : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8', className), children: [Icon &&
+                            _jsx(Icon, { className: clsx(current
+                                    ? 'bg-sidebar-accent text-sidebar-accent-foreground'
+                                    : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'size-4 shrink-0'), "aria-hidden": "true" }), children, tools && _jsx("div", { className: 'flex items-center ml-auto', children: tools })] }) }) }) }));
+}
+//# sourceMappingURL=Sidebar.js.map

package/lib/esm/layout/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/layout/Sidebar.tsx"],"names":[],"mappings":"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"}

package/lib/esm/layout/SidebarContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+export const SidebarContext = createContext({
+    isOpen: false,
+    toggleMobile: () => void 0,
+    toggleDesktop: () => void 0,
+});
+export function useSidebarToggle() {
+    return useContext(SidebarContext);
+}
+//# sourceMappingURL=SidebarContext.js.map

package/lib/esm/layout/SidebarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContext.js","sourceRoot":"","sources":["../../../src/layout/SidebarContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQlD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAqB;IAC5D,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB;IAC5B,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACtC,CAAC"}

package/lib/esm/layout/TitleBar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TitleBar({ title }) {
+    return _jsx("div", { className: 'self-center text-lg font-semibold', children: title });
+}
+//# sourceMappingURL=TitleBar.js.map

package/lib/esm/layout/TitleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.js","sourceRoot":"","sources":["../../../src/layout/TitleBar.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAiB;IAC7C,OAAO,cAAK,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAO,CAAA;AAC3E,CAAC"}

package/lib/esm/layout/index.js

@@ -0,0 +1,7 @@
+export * from "./FullHeightLayout.js";
+export * from "./AppLayout.js";
+export * from "./Navbar.js";
+export * from "./Sidebar.js";
+export * from "./SidebarContext.js";
+export * from "./TitleBar.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/lib/esm/router/FixLinks.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { BASE_PATH } from "./HistoryNavigator";
+export function FixLinks({ basePath, children }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current) {
+            const divElem = ref.current;
+            const listener = (ev) => {
+                const elem = ev.target;
+                if (elem.tagName.toLowerCase() === 'a') {
+                    ev[BASE_PATH] = basePath;
+                }
+            };
+            divElem.addEventListener('click', listener);
+            return () => {
+                divElem.removeEventListener('click', listener);
+            };
+        }
+    }, [ref.current]);
+    return (_jsx("div", { ref: ref, className: "h-full w-full", children: children }));
+}
+//# sourceMappingURL=FixLinks.js.map

package/lib/esm/router/FixLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixLinks.js","sourceRoot":"","sources":["../../../src/router/FixLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiB;IAC1D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;YAC5B,MAAM,QAAQ,GAAG,CAAC,EAAc,EAAE,EAAE;gBAChC,MAAM,IAAI,GAAG,EAAE,CAAC,MAAqB,CAAC;gBACtC,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;oBACpC,EAAU,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC;gBACtC,CAAC;YACL,CAAC,CAAA;YACD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YAC5C,OAAO,GAAG,EAAE;gBACR,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACnD,CAAC,CAAA;QACL,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAClB,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAO,CAC5D,CAAA;AACL,CAAC"}

package/lib/esm/router/HistoryNavigator.js

@@ -0,0 +1,198 @@
+import { joinPath } from "./path";
+import { PathWithParams } from "./PathWithParams";
+const BASE_PATH = Symbol('BASE_PATH');
+export { BASE_PATH };
+export class LocationChangeEvent {
+    name;
+    type;
+    location;
+    state;
+    _canceled = false;
+    constructor(name, type, location, state) {
+        this.name = name;
+        this.type = type;
+        this.location = location;
+        this.state = state;
+    }
+    get isPageLoad() {
+        return this.type === 'initial';
+    }
+    get isBackForward() {
+        return this.type === 'popState';
+    }
+    get isLinkClick() {
+        return this.type === 'linkClick';
+    }
+    get isNavigation() {
+        return this.type === 'navigate';
+    }
+    get isCancelable() {
+        return this.name === 'beforeChange';
+    }
+    cancel() {
+        if (this.name === 'afterChange') {
+            throw new Error('Cannot cancel afterChange event');
+        }
+        this._canceled = true;
+    }
+}
+export class BeforeLocationChangeEvent extends LocationChangeEvent {
+    constructor(type, location, state) {
+        super('beforeChange', type, location, state);
+    }
+}
+export class AfterLocationChangeEvent extends LocationChangeEvent {
+    constructor(type, location, state) {
+        super('afterChange', type, location, state);
+    }
+}
+function getElementHrefAsUrl(elem) {
+    if (elem && elem.tagName.toLowerCase() === 'a') {
+        const href = elem?.href.trim();
+        if (typeof href === 'string' && href.length > 0) {
+            return new URL(href);
+        }
+    }
+    return null;
+}
+export class HistoryNavigator {
+    // params to preserve in the query string when navigating
+    stickyParams;
+    _popStateListener;
+    _linkNavListener;
+    _listeners = [];
+    constructor() {
+    }
+    addListener(listener) {
+        this._listeners.push(listener);
+    }
+    fireLocationChange(event) {
+        for (const listener of this._listeners) {
+            listener(event);
+        }
+    }
+    /**
+     * Should be called when the page is first loaded.
+     * It will fire a location change event with type `initial` and the current window.location as the location
+     */
+    firePageLoad() {
+        this.fireLocationChange(new AfterLocationChangeEvent('initial', new URL(window.location.href)));
+    }
+    addStickyParams(path) {
+        if (this.stickyParams) {
+            return new PathWithParams(path).add(this.stickyParams).toString();
+        }
+        return path;
+    }
+    navigate(to, options = {}) {
+        if (options.stepsBack && options.stepsBack > 0) {
+            this.stepBack(options.stepsBack, options);
+            return;
+        }
+        if (options.basePath) {
+            let basePath = options.basePath;
+            if (!basePath.startsWith('/')) {
+                basePath = '/' + basePath;
+            }
+            to = joinPath(basePath, to);
+        }
+        to = this.addStickyParams(to);
+        this._navigate(new URL(to, window.location.href), 'navigate', options);
+    }
+    stepBack(steps, options = {}) {
+        const historyChain = window.history.state.historyChain || [];
+        const to = historyChain.length >= steps
+            ? new URL(historyChain[historyChain.length - steps].href, window.location.href)
+            : new URL(window.location.origin, window.location.href);
+        this._navigate(to, 'popState', options);
+        const stateToStore = {
+            from: window.location.href,
+            historyChain: historyChain.slice(0, -steps),
+            data: options.state || undefined,
+            title: options.title || document.title
+        };
+        window.history['replaceState'](stateToStore, '', to.href);
+        this.fireLocationChange(new AfterLocationChangeEvent('popState', to, options.state));
+    }
+    _navigate(to, type, options) {
+        const beforeEvent = new BeforeLocationChangeEvent(type, to, options.state);
+        this.fireLocationChange(beforeEvent);
+        if (beforeEvent._canceled) {
+            return;
+        }
+        // Build navigation chain by preserving previous history
+        const currentState = window.history.state;
+        const currentTitle = options.title || document.title;
+        // Create new history chain entry
+        const newChainEntry = {
+            title: currentTitle,
+            href: window.location.pathname + window.location.search + window.location.hash
+        };
+        // Build the history chain - clear if using replace
+        let historyChain = [];
+        if (!options.replace && currentState?.historyChain) {
+            historyChain = [...currentState.historyChain];
+        }
+        // Only add to chain if not replacing
+        if (!options.replace) {
+            historyChain.push(newChainEntry);
+            // Limit chain length to prevent memory issues (keep last 10 entries)
+            if (historyChain.length > 10) {
+                historyChain = historyChain.slice(-10);
+            }
+        }
+        const stateToStore = {
+            from: window.location.href,
+            historyChain: historyChain,
+            data: options.state || undefined,
+            title: options.title || document.title
+        };
+        window.history[options.replace ? 'replaceState' : 'pushState'](stateToStore, '', to.href);
+        this.fireLocationChange(new AfterLocationChangeEvent(type, to, options.state));
+    }
+    start() {
+        if (typeof window === "undefined") {
+            return;
+        }
+        const _popStateListener = (ev) => {
+            let type = ev.state ? 'popState' : 'linkClick';
+            const to = new URL(window.location.href);
+            let state = undefined;
+            if (ev.state) {
+                type = 'popState';
+                state = ev.state.data;
+            }
+            else {
+                type = 'linkClick';
+            }
+            this.fireLocationChange(new AfterLocationChangeEvent(type, to, state));
+        };
+        const _linkNavListener = (ev) => {
+            const target = ev.target;
+            // Skip anchors with download attribute or blob: URLs - they are file downloads, not navigation
+            if (target.tagName.toLowerCase() === 'a' && (target.hasAttribute('download') ||
+                target.href?.startsWith('blob:'))) {
+                return;
+            }
+            const url = getElementHrefAsUrl(target);
+            if (url && url.origin === window.location.origin) {
+                ev.preventDefault();
+                const to = new URL(this.addStickyParams(url.href));
+                const basePath = ev[BASE_PATH] || ev.target[BASE_PATH];
+                if (basePath) {
+                    to.pathname = joinPath(basePath, to.pathname);
+                }
+                this._navigate(to, 'linkClick', {});
+            }
+        };
+        this._popStateListener = _popStateListener;
+        this._linkNavListener = _linkNavListener;
+        window.addEventListener('popstate', _popStateListener);
+        document.body.addEventListener('click', this._linkNavListener);
+    }
+    stop() {
+        this._popStateListener && window.removeEventListener('popstate', this._popStateListener);
+        this._linkNavListener && document.body.removeEventListener('click', this._linkNavListener);
+    }
+}
+//# sourceMappingURL=HistoryNavigator.js.map

package/lib/esm/router/HistoryNavigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryNavigator.js","sourceRoot":"","sources":["../../../src/router/HistoryNavigator.ts"],"names":[],"mappings":"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"}

package/lib/esm/router/Nav.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNavigate, useRouterContext } from "./Router";
+export function Nav({ children, onClick, replace = true }) {
+    const navigate = useNavigate();
+    const _onClick = (ev) => {
+        const link = ev.target.closest('a');
+        if (link && link.href) {
+            ev.stopPropagation();
+            ev.preventDefault();
+            navigate(link.href, { replace });
+            onClick?.(ev);
+        }
+    };
+    return (_jsx("span", { onClick: _onClick, children: children }));
+}
+export function NavLink({ children, href, className, topLevelNav, clearBreadcrumbs = false }) {
+    const { router } = useRouterContext();
+    const _onClick = (ev) => {
+        ev.stopPropagation();
+        ev.preventDefault();
+        const actualRouter = topLevelNav ? router.getTopRouter() : router;
+        actualRouter.navigate(href, { replace: clearBreadcrumbs });
+    };
+    return (_jsx("a", { href: href, className: className, onClick: _onClick, children: children }));
+}
+//# sourceMappingURL=Nav.js.map

package/lib/esm/router/Nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../src/router/Nav.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAmBzD,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,EAAY;IAC/D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,CAAC,EAAkB,EAAE,EAAE;QACpC,MAAM,IAAI,GAAI,EAAE,CAAC,MAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACpB,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YACjC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;IACL,CAAC,CAAA;IACD,OAAO,CACH,eAAM,OAAO,EAAE,QAAQ,YAAG,QAAQ,GAAQ,CAC7C,CAAA;AACL,CAAC;AAeD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,GAAG,KAAK,EAAgB;IACtG,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,CAAC,EAAkB,EAAE,EAAE;QACpC,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,EAAE,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QAClE,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAG,CAAC,CAAC;IAChE,CAAC,CAAA;IACD,OAAO,CACH,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,YAAG,QAAQ,GAAK,CACzE,CAAA;AACL,CAAC"}

package/lib/esm/router/NestedNavigationContext.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FixLinks } from "./FixLinks";
+import { RouteComponent } from "./RouteComponent";
+import { ReactRouterContext, useRouterContext } from "./Router";
+import { joinPath } from "./path";
+export function NestedNavigationContext({ basePath, fixLinks = false, children }) {
+    const ctx = useRouterContext();
+    const wrapWithFixLinks = fixLinks ?
+        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })
+        : (elem) => elem;
+    return (_jsx(ReactRouterContext.Provider, { value: {
+            ...ctx,
+            navigate: (to, options) => {
+                const actualBasePath = options?.basePath ? joinPath(basePath, options.basePath) : basePath;
+                return ctx.navigate(to, { ...options, basePath: actualBasePath });
+            }
+        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));
+}
+//# sourceMappingURL=NestedNavigationContext.js.map

package/lib/esm/router/NestedNavigationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedNavigationContext.js","sourceRoot":"","sources":["../../../src/router/NestedNavigationContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAQlC,MAAM,UAAU,uBAAuB,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAgC;IAC1G,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC;QAC/B,CAAC,IAAS,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,QAAQ,EAAE,GAAG,CAAC,gBAAgB,YAAG,IAAI,GAAY;QAC1E,CAAC,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC;IAE1B,OAAO,CACH,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE;YAChC,GAAG,GAAG;YACN,QAAQ,EAAE,CAAC,EAAU,EAAE,OAAyB,EAAE,EAAE;gBAChD,MAAM,cAAc,GAAG,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;gBAC3F,OAAO,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC;YACtE,CAAC;SACJ,YACI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,GACjC,CACjC,CAAA;AACL,CAAC"}

package/lib/esm/router/NestedRouterProvider.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { FixLinks } from "./FixLinks";
+import { createRoute404 } from "./Route404";
+import { RouteComponent } from "./RouteComponent";
+import { NestedRouter, ReactRouterContext, useRouterContext } from "./Router";
+export function NestedRouterProvider({ routes, index, children, fixLinks = false }) {
+    const ctx = useRouterContext();
+    const [nestedRouteMatch, setNestedRouteMatch] = useState(undefined);
+    const nestedRouter = useMemo(() => {
+        if (typeof window === 'undefined')
+            return null;
+        const basePath = ctx.matchedRoutePath;
+        const nestedRouter = new NestedRouter(ctx.router, basePath, routes);
+        nestedRouter.index = index;
+        return nestedRouter;
+    }, []);
+    useEffect(() => {
+        if (nestedRouter) {
+            if (ctx.matchedRoutePath !== nestedRouter.basePath) {
+                // the change doesn't belong to this nested router
+                // it should be handled by the top level router which will change the page or the nested router
+                return;
+            }
+            const route = nestedRouter.match(ctx.remainingPath || '/') || createRoute404();
+            setNestedRouteMatch(route);
+        }
+    }, [nestedRouter, ctx.remainingPath]);
+    const wrapWithFixLinks = fixLinks ?
+        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })
+        : (elem) => elem;
+    return nestedRouteMatch && (_jsx(ReactRouterContext.Provider, { value: {
+            ...ctx,
+            router: nestedRouter,
+            route: nestedRouteMatch.value,
+            params: nestedRouteMatch.params,
+            matchedRoutePath: '/' + nestedRouteMatch.matchedSegments.join('/'),
+            remainingPath: nestedRouteMatch.remainingSegments ? '/' + nestedRouteMatch.remainingSegments.join('/') : undefined,
+            navigate: (to, options) => {
+                return nestedRouter.navigate(to, options);
+            }
+        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));
+}
+//# sourceMappingURL=NestedRouterProvider.js.map

package/lib/esm/router/NestedRouterProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedRouterProvider.js","sourceRoot":"","sources":["../../../src/router/NestedRouterProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAS,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAarF,MAAM,UAAU,oBAAoB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAuB;IACnG,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAC/B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA+B,SAAS,CAAC,CAAC;IAClG,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QAC/C,MAAM,QAAQ,GAAG,GAAG,CAAC,gBAAgB,CAAC;QACtC,MAAM,YAAY,GAAG,IAAI,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QACpE,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC;QAC3B,OAAO,YAAY,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAGP,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,YAAY,EAAE,CAAC;YACf,IAAI,GAAG,CAAC,gBAAgB,KAAK,YAAY,CAAC,QAAQ,EAAE,CAAC;gBACjD,kDAAkD;gBAClD,+FAA+F;gBAC/F,OAAO;YACX,CAAC;YACD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa,IAAI,GAAG,CAAC,IAAI,cAAc,EAAE,CAAC;YAC/E,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC;IAGtC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC;QAC/B,CAAC,IAAS,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,QAAQ,EAAE,GAAG,CAAC,gBAAgB,YAAG,IAAI,GAAY;QAC1E,CAAC,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC;IAE1B,OAAO,gBAAgB,IAAI,CACvB,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE;YAChC,GAAG,GAAG;YACN,MAAM,EAAE,YAAa;YACrB,KAAK,EAAE,gBAAgB,CAAC,KAAK;YAC7B,MAAM,EAAE,gBAAgB,CAAC,MAAM;YAC/B,gBAAgB,EAAE,GAAG,GAAG,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;YAClE,aAAa,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;YAClH,QAAQ,EAAE,CAAC,EAAU,EAAE,OAAyB,EAAE,EAAE;gBAChD,OAAO,YAAa,CAAC,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;YAC/C,CAAC;SAEJ,YACI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,GACjC,CACjC,CAAA;AACL,CAAC"}