@modastar/z-router 0.0.6 → 0.0.8

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 ht}from"react";import{createContext as Rt}from"react";var G=Rt(null);var S=()=>{let t=ht(G);if(t===null)throw new Error("useRouter must be used within a Stack");return t};import{jsx as gt}from"react/jsx-runtime";var Kt=({to:t,replace:r,transition:o,duration:s,onFinish:e,...n})=>{let i=S();return gt("a",{...n,href:t,onClick:c=>{c.preventDefault(),i.navigate({to:t,replace:r,transition:o,duration:s,onFinish:e})}})};import{createContext as xt}from"react";var I=xt(null);import{useCallback as Q}from"react";import{jsx as yt}from"react/jsx-runtime";var D=({location:t,...r})=>{let o=S(),s=Q(i=>t.state[i],[t]),e=Q((i,c)=>{o.setLocationState(t.index,{...t.state,[i]:c})},[o,t]),n=Q(i=>{delete t.state[i],o.setLocationState(t.index,t.state)},[o,t]);return yt(I.Provider,{value:{...t,canGoBack:t.index>0,canGoForward:t.index<o.history.length-1,getState:s,setState:e,deleteState:n},...r})};import{createContext as vt}from"react";var X=vt(0);import{useContext as Pt}from"react";var et=()=>Pt(X);import{createContext as Ct}from"react";var W=Ct(null);import{useContext as Lt}from"react";var j=()=>{let t=Lt(W);if(t===null)throw new Error("useRouteMatch must be used within a RouteMatchProvider");return t};import{jsx as wt}from"react/jsx-runtime";var ot=({depth:t,...r})=>wt(X.Provider,{value:t,...r});import{useContext as bt}from"react";var U=()=>{let t=bt(I);if(t===null)throw new Error("useLocation must be used within a LocationProvider");return t};import{createContext as St}from"react";var F=St(null);import{useContext as Ot}from"react";var nt=()=>{let t=Ot(F);if(t===null)throw new Error("useRoute must be used within a RouteProvider");return t};import{useEffect as Tt,useState as kt}from"react";import{jsx as q}from"react/jsx-runtime";var A=({depth:t=0})=>{let r=S(),o=U(),s=j(),e=nt(),n=`_Z.${e.id}.pending`,[i,c]=kt(!!e?.beforeLoad&&e?.getState(n)!==!1);if(Tt(()=>{!e||t>=s.matches.length||i&&e?.beforeLoad&&(e.setState(n,!0),e.beforeLoad({location:o}).catch(({cause:p})=>{"to"in p&&r.navigate(p)}).finally(()=>{e.setState(n,!1),c(!1)}))},[]),!e)return null;if(t>=s.matches.length){let p=e.notFoundComponent;return q(p,{})}if(i){let p=e.pendingComponent;return q(p,{})}let f=e.component;return f?q(f,{}):q(rt,{})};import{useContext as Et}from"react";import{createContext as Mt}from"react";var H=Mt(null);var z=()=>{let t=Et(H);if(t===null)throw new Error("useRootRoute must be used within a RootRouteProvider");return t};import{useCallback as it}from"react";import{jsx as st}from"react/jsx-runtime";var _=({route:t,...r})=>{if(!t)return st(F.Provider,{value:null,...r});let o=z(),s=it(n=>o.getRouteState(t.id,n),[o.getRouteState]),e=it((n,i)=>{o.setRouteState(t.id,n,i)},[o.setRouteState]);return st(F.Provider,{value:{...t,getState:s,setState:e},...r})};import{jsx as V}from"react/jsx-runtime";var rt=()=>{let t=j(),r=et()+1;return V(ot,{depth:r,children:V(_,{route:t.matches.at(r),children:V(A,{depth:r})})})};import{useCallback as K,useEffect as Nt,useState as N}from"react";var at={defaultTransitionDuration:300};var ho=300,go=t=>new Error("",{cause:t}),Dt=(t,r)=>{try{let o,s;if(r.startsWith("http://")||r.startsWith("https://")){let d=new URL(r);o=d.pathname,s=d.searchParams}else{let[d,R]=r.split("?");if(!d)return null;o=d,s=new URLSearchParams(R||"")}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 d=0;d<c.length;d++){let R=c[d],w=i[d];if(R.startsWith(":")){let O=R.slice(1);f[O]=decodeURIComponent(w)}else if(R!==w)return null}let p=Object.fromEntries(s.entries());return{params:f,query:p}}catch{return null}},ut=(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=Dt(Ft(s),r);return n?{matches:s,...n}:null};return o([t],t)||{matches:[],params:{},query:{}}},Ft=t=>{let r=[];for(let o of t)o.pathname!==void 0&&r.push(o.pathname.replaceAll(/^\/|\/$/g,""));return"/"+r.join("/")},ct=t=>({index:0,state:{index:0},pathname:t.pathname,search:Object.fromEntries(new URLSearchParams(t.search))}),xo=t=>({...at,...t}),pt=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 mt}from"react/jsx-runtime";var bo=({options:t,...r})=>{let[o,s]=N([ct(window.location)]),[e,n]=N(0),i=o.at(e),[c,f]=N(!1),[p,d]=N(0),[R,w]=N();Nt(()=>{window.history.replaceState(o[0].state,"",o[0].pathname);let m=({state:l})=>{n(l?.index??0)};return addEventListener("popstate",m),()=>{removeEventListener("popstate",m)}},[]);let O=(m,l=t.defaultTransitionDuration,x)=>{f(!0),d(l),w(m),setTimeout(()=>{f(!1),w(void 0),n(m.index),x?.()},l)},J=K((m,l)=>{s(x=>x.map(g=>g.index===m?{...g,state:l}:g)),m===e&&window.history.replaceState(l,"",i.pathname)},[e]),v=K(({to:m,replace:l,transition:x,duration:g,onFinish:C,...y})=>{if(c)return;let h=l?e:e+1,L;if(m.startsWith("/"))L=m;else{let b=i.pathname.split("/").filter(k=>k.length>0),ft=m.split("/").filter(k=>k.length>0);for(let k of ft)k!=="."&&(k===".."?b.pop():b.push(k));L="/"+b.join("/")}let T={index:h},B={index:h,search:{},state:T,pathname:L,...y},tt=()=>{l?(s(b=>[...b.slice(0,h),B,...b.slice(h+1)]),window.history.replaceState(T,"",L)):(s(b=>[...b.slice(0,h),B]),n(h),window.history.pushState(T,"",L)),C?.()};x??t.defaultUseTransition?.(i,B)?O(B,g,tt):tt()},[e,o,c,t]),M=K(({transition:m,duration:l,onFinish:x,depth:g}={})=>{if(e===0||c)return;let C=g??1,y=o.at(e-C),h=()=>{window.history.go(-C),x?.()};y&&(m??t.defaultUseTransition?.(i,y))?O(y,l,h):h()},[e,o,c,t]),E=K(({transition:m,duration:l,depth:x,onFinish:g}={})=>{if(e+1>=o.length||c)return;let C=x??1,y=o.at(e+C),h=()=>{window.history.go(C),g?.()};y&&(m??t.defaultUseTransition?.(i,y))?O(y,l,h):h()},[e,o,c,t]);return mt(G.Provider,{value:{options:t,history:o,location:i,canGoBack:e>0,canGoForward:e<o.length-1,isTransitioning:c,transitionDuration:p,transitioningToLocation:R,navigate:v,back:M,forward:E,setLocationState:J},children:mt(D,{location:i,...r})})};import{useEffect as Gt,useState as $}from"react";import{jsx as Y}from"react/jsx-runtime";var Z=()=>{let t=z(),r=U(),o=ut(t,r.pathname);return Y(W.Provider,{value:o,children:Y(_,{route:t,children:Y(A,{})})})};import{useCallback as dt,useState as $t}from"react";import{jsx as Bt}from"react/jsx-runtime";var lt=({rootRoute:t,...r})=>{let o=pt(t),[s,e]=$t({}),n=dt((c,f)=>s[c]?.[f],[s]),i=dt((c,f,p)=>{e(d=>({...d,[c]:{...d[c],[f]:p}}))},[]);return Bt(H.Provider,{value:{...o,getRouteState:n,setRouteState:i},...r})};import{jsx as P,jsxs as Xt}from"react/jsx-runtime";var It=()=>{let{history:t,location:r,canGoBack:o,canGoForward:s,isTransitioning:e,transitioningToLocation:n,transitionDuration:i,back:c,forward:f}=S(),p=r?.index,d=n?.index,[R,w]=$(!1),[O,J]=$(0),[v,M]=$(0),[E,m]=$(!1),[l,x]=$(!1);if(Gt(()=>{!e||!n||(x(!0),setTimeout(()=>{x(!1)},i))},[e,n]),p===void 0)return;let g=()=>{w(!1),M(0),m(!1)},C=L=>{e||!s&&!o||(w(!0),J(L.touches[0].clientX))},y=L=>{if(!R)return;let T=L.touches[0].clientX-O;if(T>0&&p===0||T<0&&p+1===t.length){M(0);return}M(Math.min(innerWidth,T))},h=()=>{R&&(v>innerWidth*.3&&o?c({onFinish:g}):v<-innerWidth*.3&&s?f({onFinish:g}):(m(!0),setTimeout(g,i)))};return Xt("div",{style:{position:"relative",inset:0,height:"100%",width:"100%",overflow:"hidden"},children:[p>=1&&(R&&v>0||e&&n&&n.index<p)&&P("div",{style:{position:"absolute",inset:0,zIndex:-10},children:P(D,{location:t.at(p-1),children:P(Z,{},p-1)})}),P("div",{style:{background:"white",position:"absolute",inset:0,overflow:"hidden",transform:e&&n&&n.index<p?"translateX(100%)":R&&v>0&&!E?`translateX(${v}px)`:"translateX(0px)",transition:E||e&&n&&n.index<p?`transform ${i}ms ease-out`:"",boxShadow:R&&v>0?"-4px 0 8px rgba(0,0,0,0.1)":"none"},onTouchStart:C,onTouchMove:y,onTouchEnd:h,children:P(Z,{})},p),(R&&v<0||e&&n&&p<=n.index)&&P("div",{style:{background:"white",position:"absolute",inset:0,zIndex:10,overflow:"hidden",transition:"transform ease-in",transform:l?"translateX(0px)":e?"translateX(100%)":`translateX(${innerWidth+v}px)`,transitionDuration:e||E?`${i}ms`:"0ms"},children:P(D,{location:e?n:t.at(p+1),children:P(Z,{},d)})})]})},Zo=({rootRoute:t})=>P(lt,{rootRoute:t,children:P(It,{})});export{ho as DefaultTransitionDuration,Kt as Link,I as LocationContext,D as LocationProvider,rt as Outlet,H as RootRouteContext,G as RouterContext,bo as RouterProvider,Zo as Stack,Ft as buildPathnameFromMatches,xo as createRouterOptions,Dt as matchPattern,ut as matchRoute,ct as parseLocation,pt as parseRoute,go as redirect,U as useLocation,z as useRootRoute,nt as useRoute,S as useRouter};
 //# sourceMappingURL=index.js.map