@modastar/z-router 0.0.6 → 0.0.7

package/dist/index.js

@@ -1,496 +1,2 @@
-// src/context/locationContext.ts
-import { createContext } from "react";
-var LocationContext = createContext(null);
-
-// src/components/locationProvider.tsx
-import { jsx } from "react/jsx-runtime";
-var LocationProvider = ({
-  location,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(LocationContext.Provider, { value: location, children });
-};
-
-// src/components/routeComponent.tsx
-import { useEffect, useState } from "react";
-
-// src/hooks/useRouter.ts
-import { useContext } from "react";
-
-// src/context/routerContext.ts
-import { createContext as createContext2 } from "react";
-var RouterContext = createContext2(null);
-
-// src/hooks/useRouter.ts
-var useRouter = () => {
-  const router = useContext(RouterContext);
-  if (router === null) {
-    throw new Error("useRouter must be used within a Stack");
-  }
-  return router;
-};
-
-// src/components/routeComponent.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var RouteComponent = ({
-  route,
-  children
-}) => {
-  const router = useRouter();
-  const [pending, setPending] = useState(!!route.beforeLoad);
-  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__ */ jsx2(PendingComponent, {});
-  }
-  const Component = route.component;
-  return Component ? /* @__PURE__ */ jsx2(Component, { children }) : children;
-};
-
-// src/components/routerProvider.tsx
-import { useCallback, useEffect as useEffect2, useState as useState2 } from "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
-import { jsx as jsx3 } from "react/jsx-runtime";
-var RouterProvider = ({
-  router,
-  children
-}) => {
-  const [history, setHistory] = useState2([]);
-  const [currentLocationIndex, setCurrentLocationIndex] = useState2(-1);
-  const [isTransitioning, setIsTransitioning] = useState2(false);
-  const [transitionDuration, setTransitionDuration] = useState2(
-    DefaultTransitionDuration
-  );
-  const [transitioningToIndex, setTransitioningToIndex] = useState2(null);
-  const navigate = 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]
-  );
-  useEffect2(() => {
-    console.log("Navigate: History updated:", history);
-  }, [history]);
-  const back = 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 = 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__ */ jsx3(
-    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
-import { useEffect as useEffect4, useState as useState3 } from "react";
-
-// src/hooks/useLocation.ts
-import { useContext as useContext2 } from "react";
-var useLocation = () => {
-  const context = useContext2(LocationContext);
-  if (context === null) {
-    throw new Error("useLocation must be used within a LocationProvider");
-  }
-  return context;
-};
-
-// src/hooks/useRoute.ts
-import { useContext as useContext3 } from "react";
-
-// src/context/routeContext.ts
-import { createContext as createContext3 } from "react";
-var RouteContext = createContext3(null);
-
-// src/hooks/useRoute.ts
-var useRoute = () => {
-  const route = useContext3(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
-import { useEffect as useEffect3 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var RouteProvider = ({
-  rootRoute,
-  children
-}) => {
-  const router = useRouter();
-  useEffect3(() => {
-    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__ */ jsx4(RouteContext.Provider, { value: rootRoute, children });
-};
-
-// src/components/stack.tsx
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
-var PageRenderer = () => {
-  const route = useRoute();
-  const matches = useMatches();
-  if (!matches || matches.length === 0) {
-    const NotFoundComponent = route.notFoundComponent;
-    return /* @__PURE__ */ jsx5(NotFoundComponent, {});
-  }
-  let content = null;
-  for (let i = matches.length - 1; i >= 0; i--) {
-    const route2 = matches[i];
-    content = /* @__PURE__ */ jsx5(RouteComponent, { route: route2, children: content });
-  }
-  return content;
-};
-var StackComponent = () => {
-  const {
-    history,
-    currentLocationIndex,
-    canGoBack,
-    canGoForward,
-    isTransitioning,
-    transitioningToIndex,
-    transitionDuration,
-    back,
-    forward
-  } = useRouter();
-  const [isDragging, setIsDragging] = useState3(false);
-  const [startX, setStartX] = useState3(0);
-  const [dragOffset, setDragOffset] = useState3(0);
-  const [isCanceling, setIsCanceling] = useState3(false);
-  const [isTransitionStarted, setIsTransitionStarted] = useState3(false);
-  useEffect4(() => {
-    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__ */ jsxs("div", { className: "relative inset-0 h-full w-full overflow-hidden", children: [
-    currentLocationIndex >= 1 && /* @__PURE__ */ jsx5("div", { className: "absolute inset-0 -z-10", children: /* @__PURE__ */ jsx5(LocationProvider, { location: history.at(currentLocationIndex - 1), children: /* @__PURE__ */ jsx5(PageRenderer, {}, currentLocationIndex - 1) }) }),
-    /* @__PURE__ */ jsx5(
-      "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__ */ jsx5(LocationProvider, { location: history.at(currentLocationIndex), children: /* @__PURE__ */ jsx5(PageRenderer, {}, currentLocationIndex) })
-      },
-      currentLocationIndex
-    ),
-    (isDragging && dragOffset < 0 || isTransitioning && transitioningToIndex !== null && currentLocationIndex < transitioningToIndex) && /* @__PURE__ */ jsx5(
-      "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__ */ jsx5(
-          LocationProvider,
-          {
-            location: isDragging ? history.at(currentLocationIndex + 1) : history.at(transitioningToIndex),
-            children: /* @__PURE__ */ jsx5(PageRenderer, {}, transitioningToIndex)
-          }
-        )
-      },
-      transitioningToIndex
-    )
-  ] });
-};
-var Stack = ({ rootRoute }) => {
-  return /* @__PURE__ */ jsx5(RouteProvider, { rootRoute, children: /* @__PURE__ */ jsx5(StackComponent, {}) });
-};
-
-// src/types.d.ts
-var RedirectError = class extends Error {
-  options;
-  constructor(options) {
-    super();
-    this.options = options;
-  }
-};
-export {
-  DefaultTransitionDuration,
-  LocationContext,
-  LocationProvider,
-  PageRenderer,
-  RedirectError,
-  RouteComponent,
-  RouteContext,
-  RouterContext,
-  RouterProvider,
-  Stack,
-  createRouter,
-  matchRoute,
-  matchUrl,
-  parseLocationFromHref,
-  redirect,
-  useLocation,
-  useMatches,
-  useRoute,
-  useRouter
-};
+import{useContext as lt}from"react";import{createContext as ft}from"react";var $=ft(null);var L=()=>{let t=lt($);if(t===null)throw new Error("useRouter must be used within a Stack");return t};import{jsx as Rt}from"react/jsx-runtime";var _t=({to:t,replace:r,transition:o,duration:s,onFinish:e,...n})=>{let i=L();return Rt("a",{...n,href:t,onClick:c=>{c.preventDefault(),i.navigate({to:t,replace:r,transition:o,duration:s,onFinish:e})}})};import{createContext as ht}from"react";var B=ht(null);import{useCallback as J}from"react";import{jsx as gt}from"react/jsx-runtime";var D=({location:t,...r})=>{let o=L(),s=J(i=>t.state[i],[t]),e=J((i,c)=>{o.setLocationState(t.index,{...t.state,[i]:c})},[o,t]),n=J(i=>{delete t.state[i],o.setLocationState(t.index,t.state)},[o,t]);return gt(B.Provider,{value:{...t,canGoBack:t.index>0,canGoForward:t.index<o.history.length-1,getState:s,setState:e,deleteState:n},...r})};import{createContext as xt}from"react";var G=xt(0);import{useContext as yt}from"react";var Y=()=>yt(G);import{createContext as vt}from"react";var W=vt(null);import{useContext as wt}from"react";var X=()=>{let t=wt(W);if(t===null)throw new Error("useRouteMatch must be used within a RouteMatchProvider");return t};import{jsx as Pt}from"react/jsx-runtime";var tt=({depth:t,...r})=>Pt(G.Provider,{value:t,...r});import{useContext as Ct}from"react";var j=()=>{let t=Ct(B);if(t===null)throw new Error("useLocation must be used within a LocationProvider");return t};import{createContext as bt}from"react";var E=bt(null);import{useContext as Lt}from"react";var et=()=>{let t=Lt(E);if(t===null)throw new Error("useRoute must be used within a RouteProvider");return t};import{useEffect as St,useState as Ot}from"react";import{jsx as U}from"react/jsx-runtime";var q=({depth:t=0})=>{let r=L(),o=j(),s=X(),e=et(),n=`_Z.${e.id}.pending`,[i,c]=Ot(!!e?.beforeLoad&&e?.getState(n)!==!1);if(St(()=>{!e||t>=s.matches.length||i&&e?.beforeLoad&&(e.setState(n,!0),e.beforeLoad({location:o}).catch(({cause:m})=>{"to"in m&&r.navigate(m)}).finally(()=>{e.setState(n,!1),c(!1)}))},[]),!e)return null;if(t>=s.matches.length){let m=e.notFoundComponent;return U(m,{})}if(i){let m=e.pendingComponent;return U(m,{})}let f=e.component;return f?U(f,{}):U(ot,{})};import{useContext as kt}from"react";import{createContext as Tt}from"react";var A=Tt(null);var z=()=>{let t=kt(A);if(t===null)throw new Error("useRootRoute must be used within a RootRouteProvider");return t};import{useCallback as nt}from"react";import{jsx as rt}from"react/jsx-runtime";var _=({route:t,...r})=>{if(!t)return rt(E.Provider,{value:null,...r});let o=z(),s=nt(n=>o.getRouteState(t.id,n),[o.getRouteState]),e=nt((n,i)=>{o.setRouteState(t.id,n,i)},[o.setRouteState]);return rt(E.Provider,{value:{...t,getState:s,setState:e},...r})};import{jsx as Q}from"react/jsx-runtime";var ot=()=>{let t=X(),r=Y()+1;return Q(tt,{depth:r,children:Q(_,{route:t.matches.at(r),children:Q(q,{depth:r})})})};import{useCallback as K,useEffect as Et,useState as I}from"react";var it={defaultTransitionDuration:300};var F=300,lo=t=>new Error("",{cause:t}),Mt=(t,r)=>{try{let o,s;if(r.startsWith("http://")||r.startsWith("https://")){let p=new URL(r);o=p.pathname,s=p.searchParams}else{let[p,v]=r.split("?");if(!p)return null;o=p,s=new URLSearchParams(v||"")}let e=o.replaceAll(/^\/|\/$/g,""),n=t.replaceAll(/^\/|\/$/g,""),i=e.split("/"),c=n.split("/");if(i.length!==c.length)return null;let f={};for(let p=0;p<c.length;p++){let v=c[p],y=i[p];if(v.startsWith(":")){let k=v.slice(1);f[k]=decodeURIComponent(y)}else if(v!==y)return null}let m=Object.fromEntries(s.entries());return{params:f,query:m}}catch{return null}},st=(t,r)=>{let o=(s,{children:e})=>{if(e&&e.length>0){for(let i of e){let c=o([...s,i],i);if(c)return c}return null}let n=Mt(Dt(s),r);return n?{matches:s,...n}:null};return o([t],t)||{matches:[],params:{},query:{}}},Dt=t=>{let r=[];for(let o of t)o.pathname!==void 0&&r.push(o.pathname.replaceAll(/^\/|\/$/g,""));return"/"+r.join("/")},at=t=>({index:0,state:{},pathname:t.pathname,search:Object.fromEntries(new URLSearchParams(t.search))}),Ro=t=>({...it,...t}),ut=t=>{let r=(o,s)=>{let e=o.name??(o.pathname?`${s}/${o.pathname.replaceAll(/^\/|\/$/g,"")}`:s);return{...o,id:e,children:o.children?.map(i=>r(i,e))}};return r(t,"")};import{jsx as ct}from"react/jsx-runtime";var Po=({options:t,...r})=>{let[o,s]=I([at(window.location)]),[e,n]=I(0),i=o.at(e),[c,f]=I(!1),[m,p]=I(F),[v,y]=I();Et(()=>{window.history.replaceState({index:0},"");let d=({state:R})=>{n(R?.index??0)};return window.addEventListener("popstate",d),()=>{window.removeEventListener("popstate",d)}},[n]);let k=K((d,R)=>{s(x=>x.map(l=>l.index===d?{...l,state:R}:l)),d===e&&window.history.replaceState({index:d,...R},"",i.pathname)},[e]),w=K(({to:d,replace:R,transition:x,duration:l,updateHistory:g=!0,onFinish:T,...H})=>{if(c)return;let h=R?e:e+1,S;if(d.startsWith(".")){let b=i.pathname.split("/").filter(P=>P.length>0),dt=d.split("/").filter(P=>P.length>0);for(let P of dt)if(P.startsWith(".")){if(P===".")continue;if(P==="..")b.pop();else throw new Error(`Invalid relative path segment: ${P} in ${d}`)}else P.length>0&&b.push(P);S="/"+b.join("/")}else S=d;if(s(b=>[...h===o.length?o:b.slice(0,h),{index:h,search:{},state:{},pathname:S,...H}]),!R&&e>=0&&(x??t.defaultUseTransition?.(i,o.at(h)))){let b=l??F;f(!0),p(b),y(h),setTimeout(()=>{f(!1),y(void 0),n(h),T?.(),g&&window.history.pushState({index:h},"",d)},b)}else R?g&&window.history.replaceState({index:h},"",d):(n(h),g&&window.history.pushState({index:h},"",d))},[e,o,c,t]),M=K(({transition:d,duration:R,onFinish:x,depth:l}={})=>{if(e===0||c)return;let g=e-(l??1);if(e>0&&(d??t.defaultUseTransition?.(i,o.at(g)))){let T=R??F;f(!0),p(T),y(g),setTimeout(()=>{f(!1),y(void 0),n(g),x?.(),window.history.back()},T)}else n(g),x?.(),window.history.back()},[e,o,c,t]),O=K(({transition:d,duration:R,onFinish:x}={})=>{if(e+1>=o.length||c)return;let l=e+1;if(l<o.length&&(d??t.defaultUseTransition?.(i,o.at(l)))){let g=R??F;f(!0),p(g),y(l),setTimeout(()=>{f(!1),y(void 0),n(l),x?.(),window.history.forward()},g)}else n(l),x?.(),window.history.forward()},[e,o,c,t]);return ct($.Provider,{value:{options:t,history:o,location:i,canGoBack:e>0,canGoForward:e<o.length-1,isTransitioning:c,transitionDuration:m,transitioningToIndex:v,navigate:w,back:M,forward:O,setLocationState:k},children:ct(D,{location:i,...r})})};import{useEffect as Nt,useState as N}from"react";import{jsx as V}from"react/jsx-runtime";var Z=()=>{let t=z(),r=j(),o=st(t,r.pathname);return V(W.Provider,{value:o,children:V(_,{route:t,children:V(q,{})})})};import{useCallback as pt,useState as Ft}from"react";import{jsx as It}from"react/jsx-runtime";var mt=({rootRoute:t,...r})=>{let o=ut(t),[s,e]=Ft({}),n=pt((c,f)=>s[c]?.[f],[s]),i=pt((c,f,m)=>{e(p=>({...p,[c]:{...p[c],[f]:m}}))},[]);return It(A.Provider,{value:{...o,getRouteState:n,setRouteState:i},...r})};import{jsx as C,jsxs as Bt}from"react/jsx-runtime";var $t=()=>{let{history:t,location:r,canGoBack:o,canGoForward:s,isTransitioning:e,transitioningToIndex:n,transitionDuration:i,back:c,forward:f}=L(),m=r?.index,[p,v]=N(!1),[y,k]=N(0),[w,M]=N(0),[O,d]=N(!1),[R,x]=N(!1);if(Nt(()=>{!e||n===null||(x(!0),setTimeout(()=>{x(!1)},i))},[e,n]),m===void 0)return;let l=()=>{v(!1),M(0),d(!1)},g=h=>{e||!s&&!o||(v(!0),k(h.touches[0].clientX))},T=h=>{if(!p)return;let S=h.touches[0].clientX-y;if(S>0&&m===0||S<0&&m+1===t.length){M(0);return}M(Math.min(window.innerWidth,S))},H=()=>{p&&(w>window.innerWidth*.3&&o?c({onFinish:l}):w<-window.innerWidth*.3&&s?f({onFinish:l}):(d(!0),setTimeout(l,i)))};return Bt("div",{style:{position:"relative",inset:0,height:"100%",width:"100%",overflow:"hidden"},children:[m>=1&&(p&&w>0||e&&n!==void 0&&n<m)&&C("div",{style:{position:"absolute",inset:0,zIndex:-10},children:C(D,{location:t.at(m-1),children:C(Z,{},m-1)})}),C("div",{style:{background:"white",position:"absolute",inset:0,overflow:"hidden",transform:e&&n!==void 0&&n<m?"translateX(100%)":p&&w>0&&!O?`translateX(${w}px)`:"translateX(0px)",transition:O||e&&n!==void 0&&n<m?`transform ${i}ms ease-out`:"",boxShadow:p&&w>0?"-4px 0 8px rgba(0,0,0,0.1)":"none"},onTouchStart:g,onTouchMove:T,onTouchEnd:H,children:C(Z,{})},m),(p&&w<0||e&&n!==void 0&&m<n)&&C("div",{style:{background:"white",position:"absolute",inset:0,zIndex:10,overflow:"hidden",transition:"transform ease-in",transform:R?"translateX(0px)":p&&!O?`translateX(${window.innerWidth+w}px)`:"translateX(100%)",transitionDuration:e||O?`${i}ms`:"0ms"},children:C(D,{location:p?t.at(m+1):t.at(n),children:C(Z,{},n)})},n)]})},_o=({rootRoute:t})=>C(mt,{rootRoute:t,children:C($t,{})});export{F as DefaultTransitionDuration,_t as Link,B as LocationContext,D as LocationProvider,ot as Outlet,A as RootRouteContext,$ as RouterContext,Po as RouterProvider,_o as Stack,Dt as buildPathnameFromMatches,Ro as createRouterOptions,Mt as matchPattern,st as matchRoute,at as parseLocation,ut as parseRoute,lo as redirect,j as useLocation,z as useRootRoute,et as useRoute,L as useRouter};
 //# sourceMappingURL=index.js.map