@modastar/z-router 0.0.5 → 0.0.7

package/dist/index.cjs

@@ -1,541 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  DefaultTransitionDuration: () => DefaultTransitionDuration,
-  LocationContext: () => LocationContext,
-  LocationProvider: () => LocationProvider,
-  PageRenderer: () => PageRenderer,
-  RedirectError: () => RedirectError,
-  RouteComponent: () => RouteComponent,
-  RouteContext: () => RouteContext,
-  RouterContext: () => RouterContext,
-  RouterProvider: () => RouterProvider,
-  Stack: () => Stack,
-  createRouter: () => createRouter,
-  matchRoute: () => matchRoute,
-  matchUrl: () => matchUrl,
-  parseLocationFromHref: () => parseLocationFromHref,
-  redirect: () => redirect,
-  useLocation: () => useLocation,
-  useMatches: () => useMatches,
-  useRoute: () => useRoute,
-  useRouter: () => useRouter
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/context/locationContext.ts
-var import_react = require("react");
-var LocationContext = (0, import_react.createContext)(null);
-
-// src/components/locationProvider.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var LocationProvider = ({
-  location,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocationContext.Provider, { value: location, children });
-};
-
-// src/components/routeComponent.tsx
-var import_react4 = require("react");
-
-// src/hooks/useRouter.ts
-var import_react3 = require("react");
-
-// src/context/routerContext.ts
-var import_react2 = require("react");
-var RouterContext = (0, import_react2.createContext)(null);
-
-// src/hooks/useRouter.ts
-var useRouter = () => {
-  const router = (0, import_react3.useContext)(RouterContext);
-  if (router === null) {
-    throw new Error("useRouter must be used within a Stack");
-  }
-  return router;
-};
-
-// src/components/routeComponent.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var RouteComponent = ({
-  route,
-  children
-}) => {
-  const router = useRouter();
-  const [pending, setPending] = (0, import_react4.useState)(!!route.beforeLoad);
-  (0, import_react4.useEffect)(() => {
-    if (route.beforeLoad) {
-      route.beforeLoad({ location: router.location }).catch((error) => {
-        if (error instanceof Error && typeof error.cause === "object" && error.cause !== null && "to" in error.cause) {
-          router.navigate({
-            to: error.cause.to,
-            replace: error.cause.replace
-          });
-        }
-      }).finally(() => setPending(false));
-    }
-  }, []);
-  if (pending) {
-    const PendingComponent = route.pendingComponent;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PendingComponent, {});
-  }
-  const Component = route.component;
-  return Component ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, { children }) : children;
-};
-
-// src/components/routerProvider.tsx
-var import_react5 = require("react");
-
-// src/utils.ts
-var DefaultTransitionDuration = 300;
-var redirect = (options) => {
-  return new Error("", { cause: options });
-};
-var matchUrl = (pattern, url) => {
-  try {
-    let pathname, searchParams;
-    if (url.startsWith("http://") || url.startsWith("https://")) {
-      const urlObj = new URL(url);
-      pathname = urlObj.pathname;
-      searchParams = urlObj.searchParams;
-    } else {
-      const [path, queryString] = url.split("?");
-      if (!path) {
-        return null;
-      }
-      pathname = path;
-      searchParams = new URLSearchParams(queryString || "");
-    }
-    const cleanPath = pathname.replaceAll(/^\/|\/$/g, "");
-    const cleanPattern = pattern.replaceAll(/^\/|\/$/g, "");
-    const pathSegments = cleanPath.split("/");
-    const patternSegments = cleanPattern.split("/");
-    if (pathSegments.length !== patternSegments.length) {
-      return null;
-    }
-    const params = {};
-    for (let i = 0; i < patternSegments.length; i++) {
-      const patternSegment = patternSegments[i];
-      const pathSegment = pathSegments[i];
-      if (patternSegment.startsWith(":")) {
-        const paramName = patternSegment.slice(1);
-        params[paramName] = decodeURIComponent(pathSegment);
-      } else if (patternSegment !== pathSegment) {
-        return null;
-      }
-    }
-    const query = Object.fromEntries(searchParams.entries());
-    return { params, query };
-  } catch {
-    return null;
-  }
-};
-var matchRoute = (rootRoute, url) => {
-  const _matchRoute = (matches, route) => {
-    if (route.children) {
-      for (const childRoute of route.children) {
-        const matchesResult = _matchRoute([...matches, childRoute], childRoute);
-        if (matchesResult) {
-          return matchesResult;
-        }
-      }
-      return null;
-    }
-    let pattern = "";
-    for (const match of matches) {
-      if (match.pathname === void 0) continue;
-      pattern += `/${match.pathname}`;
-    }
-    const result = matchUrl(pattern, url);
-    if (result) {
-      return { matches, ...result };
-    }
-    return null;
-  };
-  return _matchRoute([], rootRoute);
-};
-var parseLocationFromHref = (rootRoute, to) => {
-  const result = matchRoute(rootRoute, to);
-  if (!result) return null;
-  return {
-    pathname: to,
-    params: result.params,
-    query: result.query
-  };
-};
-var createRouter = (options) => {
-  return options;
-};
-
-// src/components/routerProvider.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var RouterProvider = ({
-  router,
-  children
-}) => {
-  const [history, setHistory] = (0, import_react5.useState)([]);
-  const [currentLocationIndex, setCurrentLocationIndex] = (0, import_react5.useState)(-1);
-  const [isTransitioning, setIsTransitioning] = (0, import_react5.useState)(false);
-  const [transitionDuration, setTransitionDuration] = (0, import_react5.useState)(
-    DefaultTransitionDuration
-  );
-  const [transitioningToIndex, setTransitioningToIndex] = (0, import_react5.useState)(null);
-  const navigate = (0, import_react5.useCallback)(
-    ({
-      to,
-      replace,
-      transition,
-      duration,
-      updateHistory,
-      onFinish,
-      ...locationOptions
-    }) => {
-      if (isTransitioning) return;
-      const newLocationIndex = replace ? currentLocationIndex : currentLocationIndex + 1;
-      const newLocation = {
-        index: newLocationIndex,
-        params: {},
-        query: {},
-        state: /* @__PURE__ */ new Map(),
-        pathname: to,
-        ...locationOptions
-      };
-      if (newLocationIndex === history.length) {
-        setHistory([...history, newLocation]);
-      } else {
-        setHistory((prevHistory) => {
-          const newHistory = [...prevHistory];
-          newHistory[newLocationIndex] = newLocation;
-          return newHistory.slice(0, currentLocationIndex + 2);
-        });
-      }
-      if (!replace && currentLocationIndex >= 0 && (transition ?? router.defaultViewTransition?.(
-        history.at(currentLocationIndex),
-        history.at(newLocationIndex)
-      ))) {
-        const currentDuration = duration ?? DefaultTransitionDuration;
-        setIsTransitioning(true);
-        setTransitionDuration(currentDuration);
-        setTransitioningToIndex(newLocationIndex);
-        setTimeout(() => {
-          setIsTransitioning(false);
-          setTransitioningToIndex(null);
-          setCurrentLocationIndex(newLocationIndex);
-          onFinish?.();
-          if (updateHistory) {
-            window.history.pushState({}, "", to);
-          }
-        }, currentDuration);
-      } else if (!replace) {
-        setCurrentLocationIndex(newLocationIndex);
-        if (updateHistory) {
-          window.history.pushState({}, "", to);
-        }
-      } else if (updateHistory) {
-        window.history.replaceState({}, "", to);
-      }
-    },
-    [currentLocationIndex, history, isTransitioning, router]
-  );
-  (0, import_react5.useEffect)(() => {
-    console.log("Navigate: History updated:", history);
-  }, [history]);
-  const back = (0, import_react5.useCallback)(
-    (options) => {
-      if (isTransitioning) return;
-      const newLocationIndex = currentLocationIndex - (options?.depth ?? 1);
-      if (currentLocationIndex > 0 && (options?.transition ?? router.defaultViewTransition?.(
-        history.at(currentLocationIndex),
-        history.at(newLocationIndex)
-      ))) {
-        const currentDuration = options?.duration ?? DefaultTransitionDuration;
-        setIsTransitioning(true);
-        setTransitionDuration(currentDuration);
-        setTransitioningToIndex(newLocationIndex);
-        setTimeout(() => {
-          setIsTransitioning(false);
-          setTransitioningToIndex(null);
-          setCurrentLocationIndex(newLocationIndex);
-          options?.onFinish?.();
-        }, currentDuration);
-      } else {
-        setCurrentLocationIndex(newLocationIndex);
-      }
-    },
-    [currentLocationIndex, history, isTransitioning, router]
-  );
-  const forward = (0, import_react5.useCallback)(
-    (options) => {
-      if (isTransitioning) return;
-      const newLocationIndex = currentLocationIndex + 1;
-      if (newLocationIndex < history.length && (options?.transition ?? router.defaultViewTransition?.(
-        history.at(currentLocationIndex),
-        history.at(newLocationIndex)
-      ))) {
-        const duration = options?.duration ?? DefaultTransitionDuration;
-        setIsTransitioning(true);
-        setTransitionDuration(duration);
-        setTransitioningToIndex(newLocationIndex);
-        setTimeout(() => {
-          setIsTransitioning(false);
-          setTransitioningToIndex(null);
-          setCurrentLocationIndex(newLocationIndex);
-          options?.onFinish?.();
-        }, duration);
-      } else {
-        setCurrentLocationIndex(newLocationIndex);
-      }
-    },
-    [currentLocationIndex, history, isTransitioning, router]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    RouterContext.Provider,
-    {
-      value: {
-        options: router,
-        history,
-        currentLocationIndex,
-        location: history.at(currentLocationIndex) || null,
-        canGoBack: currentLocationIndex > 0,
-        canGoForward: currentLocationIndex < history.length - 1,
-        isTransitioning,
-        transitionDuration,
-        transitioningToIndex,
-        navigate,
-        back,
-        forward
-      },
-      children
-    }
-  );
-};
-
-// src/components/stack.tsx
-var import_react10 = require("react");
-
-// src/hooks/useLocation.ts
-var import_react6 = require("react");
-var useLocation = () => {
-  const context = (0, import_react6.useContext)(LocationContext);
-  if (context === null) {
-    throw new Error("useLocation must be used within a LocationProvider");
-  }
-  return context;
-};
-
-// src/hooks/useRoute.ts
-var import_react8 = require("react");
-
-// src/context/routeContext.ts
-var import_react7 = require("react");
-var RouteContext = (0, import_react7.createContext)(null);
-
-// src/hooks/useRoute.ts
-var useRoute = () => {
-  const route = (0, import_react8.useContext)(RouteContext);
-  if (route === null) {
-    throw new Error("useRoute must be used within a RouteProvider");
-  }
-  return route;
-};
-
-// src/hooks/useMatches.ts
-var useMatches = () => {
-  const route = useRoute();
-  const location = useLocation();
-  if (!location) return [];
-  return matchRoute(route, location.pathname)?.matches || [];
-};
-
-// src/components/routeProvider.tsx
-var import_react9 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var RouteProvider = ({
-  rootRoute,
-  children
-}) => {
-  const router = useRouter();
-  (0, import_react9.useEffect)(() => {
-    const currentLocation = parseLocationFromHref(
-      rootRoute,
-      window.location.href
-    );
-    if (!currentLocation) return;
-    router.navigate({
-      to: currentLocation.pathname,
-      params: currentLocation.params,
-      query: currentLocation.query
-    });
-    return () => {
-      router.back();
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RouteContext.Provider, { value: rootRoute, children });
-};
-
-// src/components/stack.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var PageRenderer = () => {
-  const route = useRoute();
-  const matches = useMatches();
-  if (!matches || matches.length === 0) {
-    const NotFoundComponent = route.notFoundComponent;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NotFoundComponent, {});
-  }
-  let content = null;
-  for (let i = matches.length - 1; i >= 0; i--) {
-    const route2 = matches[i];
-    content = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RouteComponent, { route: route2, children: content });
-  }
-  return content;
-};
-var StackComponent = () => {
-  const {
-    history,
-    currentLocationIndex,
-    canGoBack,
-    canGoForward,
-    isTransitioning,
-    transitioningToIndex,
-    transitionDuration,
-    back,
-    forward
-  } = useRouter();
-  const [isDragging, setIsDragging] = (0, import_react10.useState)(false);
-  const [startX, setStartX] = (0, import_react10.useState)(0);
-  const [dragOffset, setDragOffset] = (0, import_react10.useState)(0);
-  const [isCanceling, setIsCanceling] = (0, import_react10.useState)(false);
-  const [isTransitionStarted, setIsTransitionStarted] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
-    if (!isTransitioning || transitioningToIndex === null) return;
-    setIsTransitionStarted(true);
-    setTimeout(() => {
-      setIsTransitionStarted(false);
-    }, transitionDuration);
-  }, [isTransitioning, transitioningToIndex]);
-  const reset = () => {
-    setIsDragging(false);
-    setDragOffset(0);
-    setIsCanceling(false);
-  };
-  const handleTouchStart = (e) => {
-    if (isTransitioning || !canGoForward && !canGoBack) return;
-    setIsDragging(true);
-    setStartX(e.touches[0].clientX);
-  };
-  const handleTouchMove = (e) => {
-    if (!isDragging) return;
-    const offset = e.touches[0].clientX - startX;
-    if (offset > 0 && currentLocationIndex === 0 || offset < 0 && currentLocationIndex + 1 === history.length) {
-      setDragOffset(0);
-      return;
-    }
-    setDragOffset(Math.min(window.innerWidth, offset));
-  };
-  const handleTouchEnd = () => {
-    if (!isDragging) return;
-    if (dragOffset > window.innerWidth * 0.3 && canGoBack) {
-      back({
-        onFinish: reset
-      });
-    } else if (dragOffset < -window.innerWidth * 0.3 && canGoForward) {
-      forward({
-        onFinish: reset
-      });
-    } else {
-      setIsCanceling(true);
-      setTimeout(reset, transitionDuration);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative inset-0 h-full w-full overflow-hidden", children: [
-    currentLocationIndex >= 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute inset-0 -z-10", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LocationProvider, { location: history.at(currentLocationIndex - 1), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PageRenderer, {}, currentLocationIndex - 1) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "div",
-      {
-        className: "bg-background absolute inset-0 overflow-hidden",
-        style: {
-          transform: isTransitioning && transitioningToIndex !== null && transitioningToIndex < currentLocationIndex ? `translateX(100%)` : isDragging && dragOffset > 0 && !isCanceling ? `translateX(${dragOffset}px)` : "translateX(0px)",
-          transition: isCanceling || isTransitioning && transitioningToIndex !== null && transitioningToIndex < currentLocationIndex ? `transform ${transitionDuration}ms ease-out` : "",
-          boxShadow: isDragging && dragOffset > 0 ? "-4px 0 8px rgba(0,0,0,0.1)" : "none"
-        },
-        onTouchStart: handleTouchStart,
-        onTouchMove: handleTouchMove,
-        onTouchEnd: handleTouchEnd,
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LocationProvider, { location: history.at(currentLocationIndex), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PageRenderer, {}, currentLocationIndex) })
-      },
-      currentLocationIndex
-    ),
-    (isDragging && dragOffset < 0 || isTransitioning && transitioningToIndex !== null && currentLocationIndex < transitioningToIndex) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "div",
-      {
-        className: "bg-background absolute inset-0 z-10 overflow-hidden transition-transform ease-in",
-        style: {
-          transform: isTransitionStarted ? `translateX(0px)` : isDragging && !isCanceling ? `translateX(${window.innerWidth + dragOffset}px)` : "translateX(100%)",
-          transitionDuration: isTransitioning || isCanceling ? `${transitionDuration}ms` : "0ms"
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          LocationProvider,
-          {
-            location: isDragging ? history.at(currentLocationIndex + 1) : history.at(transitioningToIndex),
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PageRenderer, {}, transitioningToIndex)
-          }
-        )
-      },
-      transitioningToIndex
-    )
-  ] });
-};
-var Stack = ({ rootRoute }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RouteProvider, { rootRoute, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StackComponent, {}) });
-};
-
-// src/types.d.ts
-var RedirectError = class extends Error {
-  options;
-  constructor(options) {
-    super();
-    this.options = options;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DefaultTransitionDuration,
-  LocationContext,
-  LocationProvider,
-  PageRenderer,
-  RedirectError,
-  RouteComponent,
-  RouteContext,
-  RouterContext,
-  RouterProvider,
-  Stack,
-  createRouter,
-  matchRoute,
-  matchUrl,
-  parseLocationFromHref,
-  redirect,
-  useLocation,
-  useMatches,
-  useRoute,
-  useRouter
-});
+"use strict";var Y=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var Et=Object.getOwnPropertyNames;var Ft=Object.prototype.hasOwnProperty;var It=(t,n)=>{for(var o in n)Y(t,o,{get:n[o],enumerable:!0})},Nt=(t,n,o,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of Et(n))!Ft.call(t,e)&&e!==o&&Y(t,e,{get:()=>n[e],enumerable:!(s=Dt(n,e))||s.enumerable});return t};var $t=t=>Nt(Y({},"__esModule",{value:!0}),t);var qt={};It(qt,{DefaultTransitionDuration:()=>D,Link:()=>Bt,LocationContext:()=>N,LocationProvider:()=>M,Outlet:()=>et,RootRouteContext:()=>W,RouterContext:()=>I,RouterProvider:()=>Xt,Stack:()=>Ut,buildPathnameFromMatches:()=>Ot,createRouterOptions:()=>Wt,matchPattern:()=>St,matchRoute:()=>rt,parseLocation:()=>it,parseRoute:()=>st,redirect:()=>Gt,useLocation:()=>$,useRootRoute:()=>X,useRoute:()=>tt,useRouter:()=>b});module.exports=$t(qt);var ct=require("react");var ut=require("react"),I=(0,ut.createContext)(null);var b=()=>{let t=(0,ct.useContext)(I);if(t===null)throw new Error("useRouter must be used within a Stack");return t};var pt=require("react/jsx-runtime"),Bt=({to:t,replace:n,transition:o,duration:s,onFinish:e,...r})=>{let i=b();return(0,pt.jsx)("a",{...r,href:t,onClick:u=>{u.preventDefault(),i.navigate({to:t,replace:n,transition:o,duration:s,onFinish:e})}})};var mt=require("react"),N=(0,mt.createContext)(null);var U=require("react"),dt=require("react/jsx-runtime"),M=({location:t,...n})=>{let o=b(),s=(0,U.useCallback)(i=>t.state[i],[t]),e=(0,U.useCallback)((i,u)=>{o.setLocationState(t.index,{...t.state,[i]:u})},[o,t]),r=(0,U.useCallback)(i=>{delete t.state[i],o.setLocationState(t.index,t.state)},[o,t]);return(0,dt.jsx)(N.Provider,{value:{...t,canGoBack:t.index>0,canGoForward:t.index<o.history.length-1,getState:s,setState:e,deleteState:r},...n})};var ft=require("react"),q=(0,ft.createContext)(0);var lt=require("react"),Rt=()=>(0,lt.useContext)(q);var ht=require("react"),A=(0,ht.createContext)(null);var gt=require("react"),z=()=>{let t=(0,gt.useContext)(A);if(t===null)throw new Error("useRouteMatch must be used within a RouteMatchProvider");return t};var yt=require("react/jsx-runtime"),xt=({depth:t,...n})=>(0,yt.jsx)(q.Provider,{value:t,...n});var vt=require("react");var $=()=>{let t=(0,vt.useContext)(N);if(t===null)throw new Error("useLocation must be used within a LocationProvider");return t};var wt=require("react"),B=(0,wt.createContext)(null);var Pt=require("react"),tt=()=>{let t=(0,Pt.useContext)(B);if(t===null)throw new Error("useRoute must be used within a RouteProvider");return t};var _=require("react");var G=require("react/jsx-runtime"),K=({depth:t=0})=>{let n=b(),o=$(),s=z(),e=tt(),r=`_Z.${e.id}.pending`,[i,u]=(0,_.useState)(!!e?.beforeLoad&&e?.getState(r)!==!1);if((0,_.useEffect)(()=>{!e||t>=s.matches.length||i&&e?.beforeLoad&&(e.setState(r,!0),e.beforeLoad({location:o}).catch(({cause:p})=>{"to"in p&&n.navigate(p)}).finally(()=>{e.setState(r,!1),u(!1)}))},[]),!e)return null;if(t>=s.matches.length){let p=e.notFoundComponent;return(0,G.jsx)(p,{})}if(i){let p=e.pendingComponent;return(0,G.jsx)(p,{})}let d=e.component;return d?(0,G.jsx)(d,{}):(0,G.jsx)(et,{})};var bt=require("react");var Ct=require("react"),W=(0,Ct.createContext)(null);var X=()=>{let t=(0,bt.useContext)(W);if(t===null)throw new Error("useRootRoute must be used within a RootRouteProvider");return t};var ot=require("react"),nt=require("react/jsx-runtime"),Z=({route:t,...n})=>{if(!t)return(0,nt.jsx)(B.Provider,{value:null,...n});let o=X(),s=(0,ot.useCallback)(r=>o.getRouteState(t.id,r),[o.getRouteState]),e=(0,ot.useCallback)((r,i)=>{o.setRouteState(t.id,r,i)},[o.setRouteState]);return(0,nt.jsx)(B.Provider,{value:{...t,getState:s,setState:e},...n})};var H=require("react/jsx-runtime"),et=()=>{let t=z(),n=Rt()+1;return(0,H.jsx)(xt,{depth:n,children:(0,H.jsx)(Z,{route:t.matches.at(n),children:(0,H.jsx)(K,{depth:n})})})};var g=require("react");var Lt={defaultTransitionDuration:300};var D=300,Gt=t=>new Error("",{cause:t}),St=(t,n)=>{try{let o,s;if(n.startsWith("http://")||n.startsWith("https://")){let c=new URL(n);o=c.pathname,s=c.searchParams}else{let[c,w]=n.split("?");if(!c)return null;o=c,s=new URLSearchParams(w||"")}let e=o.replaceAll(/^\/|\/$/g,""),r=t.replaceAll(/^\/|\/$/g,""),i=e.split("/"),u=r.split("/");if(i.length!==u.length)return null;let d={};for(let c=0;c<u.length;c++){let w=u[c],v=i[c];if(w.startsWith(":")){let E=w.slice(1);d[E]=decodeURIComponent(v)}else if(w!==v)return null}let p=Object.fromEntries(s.entries());return{params:d,query:p}}catch{return null}},rt=(t,n)=>{let o=(s,{children:e})=>{if(e&&e.length>0){for(let i of e){let u=o([...s,i],i);if(u)return u}return null}let r=St(Ot(s),n);return r?{matches:s,...r}:null};return o([t],t)||{matches:[],params:{},query:{}}},Ot=t=>{let n=[];for(let o of t)o.pathname!==void 0&&n.push(o.pathname.replaceAll(/^\/|\/$/g,""));return"/"+n.join("/")},it=t=>({index:0,state:{},pathname:t.pathname,search:Object.fromEntries(new URLSearchParams(t.search))}),Wt=t=>({...Lt,...t}),st=t=>{let n=(o,s)=>{let e=o.name??(o.pathname?`${s}/${o.pathname.replaceAll(/^\/|\/$/g,"")}`:s);return{...o,id:e,children:o.children?.map(i=>n(i,e))}};return n(t,"")};var at=require("react/jsx-runtime"),Xt=({options:t,...n})=>{let[o,s]=(0,g.useState)([it(window.location)]),[e,r]=(0,g.useState)(0),i=o.at(e),[u,d]=(0,g.useState)(!1),[p,c]=(0,g.useState)(D),[w,v]=(0,g.useState)();(0,g.useEffect)(()=>{window.history.replaceState({index:0},"");let m=({state:l})=>{r(l?.index??0)};return window.addEventListener("popstate",m),()=>{window.removeEventListener("popstate",m)}},[r]);let E=(0,g.useCallback)((m,l)=>{s(y=>y.map(f=>f.index===m?{...f,state:l}:f)),m===e&&window.history.replaceState({index:m,...l},"",i.pathname)},[e]),P=(0,g.useCallback)(({to:m,replace:l,transition:y,duration:f,updateHistory:h=!0,onFinish:k,...V})=>{if(u)return;let R=l?e:e+1,O;if(m.startsWith(".")){let L=i.pathname.split("/").filter(C=>C.length>0),Mt=m.split("/").filter(C=>C.length>0);for(let C of Mt)if(C.startsWith(".")){if(C===".")continue;if(C==="..")L.pop();else throw new Error(`Invalid relative path segment: ${C} in ${m}`)}else C.length>0&&L.push(C);O="/"+L.join("/")}else O=m;if(s(L=>[...R===o.length?o:L.slice(0,R),{index:R,search:{},state:{},pathname:O,...V}]),!l&&e>=0&&(y??t.defaultUseTransition?.(i,o.at(R)))){let L=f??D;d(!0),c(L),v(R),setTimeout(()=>{d(!1),v(void 0),r(R),k?.(),h&&window.history.pushState({index:R},"",m)},L)}else l?h&&window.history.replaceState({index:R},"",m):(r(R),h&&window.history.pushState({index:R},"",m))},[e,o,u,t]),F=(0,g.useCallback)(({transition:m,duration:l,onFinish:y,depth:f}={})=>{if(e===0||u)return;let h=e-(f??1);if(e>0&&(m??t.defaultUseTransition?.(i,o.at(h)))){let k=l??D;d(!0),c(k),v(h),setTimeout(()=>{d(!1),v(void 0),r(h),y?.(),window.history.back()},k)}else r(h),y?.(),window.history.back()},[e,o,u,t]),T=(0,g.useCallback)(({transition:m,duration:l,onFinish:y}={})=>{if(e+1>=o.length||u)return;let f=e+1;if(f<o.length&&(m??t.defaultUseTransition?.(i,o.at(f)))){let h=l??D;d(!0),c(h),v(f),setTimeout(()=>{d(!1),v(void 0),r(f),y?.(),window.history.forward()},h)}else r(f),y?.(),window.history.forward()},[e,o,u,t]);return(0,at.jsx)(I.Provider,{value:{options:t,history:o,location:i,canGoBack:e>0,canGoForward:e<o.length-1,isTransitioning:u,transitionDuration:p,transitioningToIndex:w,navigate:P,back:F,forward:T,setLocationState:E},children:(0,at.jsx)(M,{location:i,...n})})};var S=require("react");var J=require("react/jsx-runtime"),Q=()=>{let t=X(),n=$(),o=rt(t,n.pathname);return(0,J.jsx)(A.Provider,{value:o,children:(0,J.jsx)(Z,{route:t,children:(0,J.jsx)(K,{})})})};var j=require("react"),kt=require("react/jsx-runtime"),Tt=({rootRoute:t,...n})=>{let o=st(t),[s,e]=(0,j.useState)({}),r=(0,j.useCallback)((u,d)=>s[u]?.[d],[s]),i=(0,j.useCallback)((u,d,p)=>{e(c=>({...c,[u]:{...c[u],[d]:p}}))},[]);return(0,kt.jsx)(W.Provider,{value:{...o,getRouteState:r,setRouteState:i},...n})};var x=require("react/jsx-runtime"),jt=()=>{let{history:t,location:n,canGoBack:o,canGoForward:s,isTransitioning:e,transitioningToIndex:r,transitionDuration:i,back:u,forward:d}=b(),p=n?.index,[c,w]=(0,S.useState)(!1),[v,E]=(0,S.useState)(0),[P,F]=(0,S.useState)(0),[T,m]=(0,S.useState)(!1),[l,y]=(0,S.useState)(!1);if((0,S.useEffect)(()=>{!e||r===null||(y(!0),setTimeout(()=>{y(!1)},i))},[e,r]),p===void 0)return;let f=()=>{w(!1),F(0),m(!1)},h=R=>{e||!s&&!o||(w(!0),E(R.touches[0].clientX))},k=R=>{if(!c)return;let O=R.touches[0].clientX-v;if(O>0&&p===0||O<0&&p+1===t.length){F(0);return}F(Math.min(window.innerWidth,O))},V=()=>{c&&(P>window.innerWidth*.3&&o?u({onFinish:f}):P<-window.innerWidth*.3&&s?d({onFinish:f}):(m(!0),setTimeout(f,i)))};return(0,x.jsxs)("div",{style:{position:"relative",inset:0,height:"100%",width:"100%",overflow:"hidden"},children:[p>=1&&(c&&P>0||e&&r!==void 0&&r<p)&&(0,x.jsx)("div",{style:{position:"absolute",inset:0,zIndex:-10},children:(0,x.jsx)(M,{location:t.at(p-1),children:(0,x.jsx)(Q,{},p-1)})}),(0,x.jsx)("div",{style:{background:"white",position:"absolute",inset:0,overflow:"hidden",transform:e&&r!==void 0&&r<p?"translateX(100%)":c&&P>0&&!T?`translateX(${P}px)`:"translateX(0px)",transition:T||e&&r!==void 0&&r<p?`transform ${i}ms ease-out`:"",boxShadow:c&&P>0?"-4px 0 8px rgba(0,0,0,0.1)":"none"},onTouchStart:h,onTouchMove:k,onTouchEnd:V,children:(0,x.jsx)(Q,{})},p),(c&&P<0||e&&r!==void 0&&p<r)&&(0,x.jsx)("div",{style:{background:"white",position:"absolute",inset:0,zIndex:10,overflow:"hidden",transition:"transform ease-in",transform:l?"translateX(0px)":c&&!T?`translateX(${window.innerWidth+P}px)`:"translateX(100%)",transitionDuration:e||T?`${i}ms`:"0ms"},children:(0,x.jsx)(M,{location:c?t.at(p+1):t.at(r),children:(0,x.jsx)(Q,{},r)})},r)]})},Ut=({rootRoute:t})=>(0,x.jsx)(Tt,{rootRoute:t,children:(0,x.jsx)(jt,{})});0&&(module.exports={DefaultTransitionDuration,Link,LocationContext,LocationProvider,Outlet,RootRouteContext,RouterContext,RouterProvider,Stack,buildPathnameFromMatches,createRouterOptions,matchPattern,matchRoute,parseLocation,parseRoute,redirect,useLocation,useRootRoute,useRoute,useRouter});
 //# sourceMappingURL=index.cjs.map