@modastar/z-router 0.0.6 → 0.0.8

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