@rezahasani78/sheet-router 0.1.0

package/dist/index.cjs

@@ -0,0 +1,364 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/lib/sheet-stack-manager.ts
+var SheetStackManager = class {
+  constructor() {
+    __publicField(this, "stack", []);
+    __publicField(this, "listeners", /* @__PURE__ */ new Set());
+    __publicField(this, "snapshot", []);
+  }
+  push(entry) {
+    this.stack.push(entry);
+    this.updateSnapshot();
+    this.notify();
+  }
+  pop() {
+    const entry = this.stack.pop();
+    if (entry) {
+      this.updateSnapshot();
+      this.notify();
+    }
+    return entry;
+  }
+  popAll() {
+    if (this.stack.length === 0) {
+      return;
+    }
+    this.stack.length = 0;
+    this.updateSnapshot();
+    this.notify();
+  }
+  peek() {
+    return this.stack[this.stack.length - 1];
+  }
+  getSnapshot() {
+    return this.snapshot;
+  }
+  get size() {
+    return this.stack.length;
+  }
+  get isEmpty() {
+    return this.stack.length === 0;
+  }
+  hasPath(path) {
+    return this.stack.some((entry) => entry.path === path);
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  updateSnapshot() {
+    this.snapshot = [...this.stack];
+  }
+  notify() {
+    this.listeners.forEach((listener) => listener());
+  }
+};
+
+// src/lib/history-manager.ts
+function isSheetHistoryState(state) {
+  return typeof state === "object" && state !== null && "__sheetRouter" in state && state.__sheetRouter === true;
+}
+var HistoryManager = class {
+  constructor() {
+    __publicField(this, "subscribers", /* @__PURE__ */ new Set());
+    __publicField(this, "handlePopState");
+    this.handlePopState = (event) => {
+      if (isSheetHistoryState(event.state)) {
+        return;
+      }
+      this.notifyBack();
+    };
+    window.addEventListener("popstate", this.handlePopState);
+  }
+  pushState(entryId) {
+    const state = { __sheetRouter: true, entryId };
+    window.history.pushState(state, "", window.location.href);
+  }
+  goBack(count = 1) {
+    if (count > 0) {
+      window.history.go(-count);
+    }
+  }
+  subscribe(onBack) {
+    this.subscribers.add(onBack);
+    return () => {
+      this.subscribers.delete(onBack);
+    };
+  }
+  destroy() {
+    window.removeEventListener("popstate", this.handlePopState);
+    this.subscribers.clear();
+  }
+  notifyBack() {
+    this.subscribers.forEach((handler) => handler());
+  }
+};
+
+// src/lib/back-navigation-mediator.ts
+var idCounter = 0;
+function generateEntryId() {
+  idCounter += 1;
+  return `sheet-${idCounter}-${Date.now()}`;
+}
+var BackNavigationMediator = class {
+  constructor(sheetStack, historyManager) {
+    __publicField(this, "sheetStack");
+    __publicField(this, "historyManager");
+    __publicField(this, "unsubscribeHistory");
+    __publicField(this, "programmaticNavigation", 0);
+    this.sheetStack = sheetStack;
+    this.historyManager = historyManager;
+    this.unsubscribeHistory = this.historyManager.subscribe(() => {
+      this.handleBack();
+    });
+  }
+  open(path, params = {}) {
+    const entry = {
+      id: generateEntryId(),
+      path,
+      params
+    };
+    this.sheetStack.push(entry);
+    this.historyManager.pushState(entry.id);
+  }
+  back() {
+    if (this.sheetStack.isEmpty) {
+      return;
+    }
+    this.sheetStack.pop();
+    this.programmaticNavigation += 1;
+    this.historyManager.goBack(1);
+  }
+  backAll() {
+    const count = this.sheetStack.size;
+    if (count === 0) {
+      return;
+    }
+    this.sheetStack.popAll();
+    this.programmaticNavigation += 1;
+    this.historyManager.goBack(count);
+  }
+  isOpen(path) {
+    return this.sheetStack.hasPath(path);
+  }
+  get stack() {
+    return this.sheetStack;
+  }
+  destroy() {
+    this.unsubscribeHistory();
+    this.historyManager.destroy();
+  }
+  handleBack() {
+    if (this.programmaticNavigation > 0) {
+      this.programmaticNavigation -= 1;
+      return;
+    }
+    this.sheetStack.pop();
+  }
+};
+var SheetRouterContext = react.createContext(null);
+function useSheetRouterContext() {
+  const context = react.useContext(SheetRouterContext);
+  if (!context) {
+    throw new Error(
+      "Sheet router hooks must be used within a <SheetRouter> provider."
+    );
+  }
+  return context;
+}
+var SheetParamsContext = react.createContext(null);
+function useSheetParamsContext() {
+  const context = react.useContext(SheetParamsContext);
+  if (!context) {
+    throw new Error(
+      "useSheetParams must be used inside a sheet rendered by <SheetRouter>."
+    );
+  }
+  return context;
+}
+function BottomSheet({
+  open,
+  behind,
+  zIndex,
+  onClose,
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "sr-backdrop",
+        "data-open": open,
+        style: { zIndex },
+        onClick: onClose,
+        role: "presentation"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "sr-sheet",
+        "data-open": open,
+        "data-behind": behind,
+        style: { zIndex: zIndex + 1 },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": title,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sr-handle", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sr-handle-bar" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sr-content", children })
+        ]
+      }
+    )
+  ] });
+}
+var BASE_Z_INDEX = 1e3;
+function SheetOutlet() {
+  const { stack, routes, mediator } = useSheetRouterContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: stack.map((entry, index) => {
+    const route = routes.get(entry.path);
+    if (!route) {
+      return null;
+    }
+    const isTop = index === stack.length - 1;
+    const isBehind = !isTop;
+    const zIndex = BASE_Z_INDEX + index * 2;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BottomSheet,
+      {
+        open: true,
+        behind: isBehind,
+        zIndex,
+        onClose: () => mediator.back(),
+        title: route.title ?? route.path,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          SheetParamsContext.Provider,
+          {
+            value: { path: entry.path, params: entry.params },
+            children: react.createElement(route.component)
+          }
+        )
+      },
+      entry.id
+    );
+  }) });
+}
+function isSheetRouteElement(child) {
+  return react.isValidElement(child) && typeof child.type === "function" && "__isSheetRoute" in child.type;
+}
+function collectRoutes(children) {
+  const routes = /* @__PURE__ */ new Map();
+  react.Children.forEach(children, (child) => {
+    if (isSheetRouteElement(child)) {
+      const { path, component, title } = child.props;
+      routes.set(path, { path, component, title });
+    }
+  });
+  return routes;
+}
+function collectBaseContent(children) {
+  const base = [];
+  react.Children.forEach(children, (child) => {
+    if (!isSheetRouteElement(child)) {
+      base.push(child);
+    }
+  });
+  return base;
+}
+function SheetRouter({ children }) {
+  const mediator = react.useMemo(() => {
+    const stack2 = new SheetStackManager();
+    const history = new HistoryManager();
+    return new BackNavigationMediator(stack2, history);
+  }, []);
+  react.useEffect(() => {
+    return () => {
+      mediator.destroy();
+    };
+  }, [mediator]);
+  const routes = react.useMemo(() => collectRoutes(children), [children]);
+  const baseContent = react.useMemo(() => collectBaseContent(children), [children]);
+  const stack = react.useSyncExternalStore(
+    (callback) => mediator.stack.subscribe(callback),
+    () => mediator.stack.getSnapshot()
+  );
+  const contextValue = react.useMemo(
+    () => ({ mediator, routes, stack }),
+    [mediator, routes, stack]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(SheetRouterContext.Provider, { value: contextValue, children: [
+    baseContent,
+    /* @__PURE__ */ jsxRuntime.jsx(SheetOutlet, {})
+  ] });
+}
+
+// src/components/sheet-route.tsx
+function SheetRoute(_props) {
+  return null;
+}
+SheetRoute.__isSheetRoute = true;
+function useSheetNavigate() {
+  const { mediator } = useSheetRouterContext();
+  const open = react.useCallback(
+    (path, params) => {
+      mediator.open(path, params);
+    },
+    [mediator]
+  );
+  const back = react.useCallback(() => {
+    mediator.back();
+  }, [mediator]);
+  const backAll = react.useCallback(() => {
+    mediator.backAll();
+  }, [mediator]);
+  const isOpen = react.useCallback(
+    (path) => mediator.isOpen(path),
+    [mediator]
+  );
+  return react.useMemo(
+    () => ({ open, back, backAll, isOpen }),
+    [open, back, backAll, isOpen]
+  );
+}
+
+// src/hooks/use-sheet-params.ts
+function useSheetParams() {
+  const context = useSheetParamsContext();
+  return {
+    path: context.path,
+    params: context.params
+  };
+}
+function useBeforeUnload(enabled) {
+  react.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const handler = (event) => {
+      event.preventDefault();
+    };
+    window.addEventListener("beforeunload", handler);
+    return () => {
+      window.removeEventListener("beforeunload", handler);
+    };
+  }, [enabled]);
+}
+
+exports.SheetRoute = SheetRoute;
+exports.SheetRouter = SheetRouter;
+exports.useBeforeUnload = useBeforeUnload;
+exports.useSheetNavigate = useSheetNavigate;
+exports.useSheetParams = useSheetParams;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/sheet-stack-manager.ts","../src/lib/history-manager.ts","../src/lib/back-navigation-mediator.ts","../src/context/sheet-router-context.ts","../src/context/sheet-params-context.ts","../src/components/bottom-sheet/index.tsx","../src/components/sheet-outlet.tsx","../src/components/sheet-router.tsx","../src/components/sheet-route.tsx","../src/hooks/use-sheet-navigate.ts","../src/hooks/use-sheet-params.ts","../src/hooks/use-before-unload.ts"],"names":["createContext","useContext","jsxs","Fragment","jsx","createElement","isValidElement","Children","useMemo","stack","useEffect","useSyncExternalStore","useCallback"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { StackEntry, Listener } from \"../types\";\n\nclass SheetStackManager {\n  private stack: StackEntry[] = [];\n  private listeners = new Set<Listener>();\n  private snapshot: readonly StackEntry[] = [];\n\n  push(entry: StackEntry): void {\n    this.stack.push(entry);\n    this.updateSnapshot();\n    this.notify();\n  }\n\n  pop(): StackEntry | undefined {\n    const entry = this.stack.pop();\n    if (entry) {\n      this.updateSnapshot();\n      this.notify();\n    }\n    return entry;\n  }\n\n  popAll(): void {\n    if (this.stack.length === 0) {\n      return;\n    }\n    this.stack.length = 0;\n    this.updateSnapshot();\n    this.notify();\n  }\n\n  peek(): StackEntry | undefined {\n    return this.stack[this.stack.length - 1];\n  }\n\n  getSnapshot(): readonly StackEntry[] {\n    return this.snapshot;\n  }\n\n  get size(): number {\n    return this.stack.length;\n  }\n\n  get isEmpty(): boolean {\n    return this.stack.length === 0;\n  }\n\n  hasPath(path: string): boolean {\n    return this.stack.some((entry) => entry.path === path);\n  }\n\n  subscribe(listener: Listener): () => void {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  private updateSnapshot(): void {\n    this.snapshot = [...this.stack];\n  }\n\n  private notify(): void {\n    this.listeners.forEach((listener) => listener());\n  }\n}\n\nexport { SheetStackManager };\n","import type { BackHandler } from \"../types\";\n\ninterface SheetHistoryState {\n  __sheetRouter: true;\n  entryId: string;\n}\n\nfunction isSheetHistoryState(state: unknown): state is SheetHistoryState {\n  return (\n    typeof state === \"object\" &&\n    state !== null &&\n    \"__sheetRouter\" in state &&\n    (state as SheetHistoryState).__sheetRouter === true\n  );\n}\n\nclass HistoryManager {\n  private subscribers = new Set<BackHandler>();\n  private handlePopState: (event: PopStateEvent) => void;\n\n  constructor() {\n    this.handlePopState = (event: PopStateEvent) => {\n      if (isSheetHistoryState(event.state)) {\n        return;\n      }\n      this.notifyBack();\n    };\n    window.addEventListener(\"popstate\", this.handlePopState);\n  }\n\n  pushState(entryId: string): void {\n    const state: SheetHistoryState = { __sheetRouter: true, entryId };\n    window.history.pushState(state, \"\", window.location.href);\n  }\n\n  goBack(count: number = 1): void {\n    if (count > 0) {\n      window.history.go(-count);\n    }\n  }\n\n  subscribe(onBack: BackHandler): () => void {\n    this.subscribers.add(onBack);\n    return () => {\n      this.subscribers.delete(onBack);\n    };\n  }\n\n  destroy(): void {\n    window.removeEventListener(\"popstate\", this.handlePopState);\n    this.subscribers.clear();\n  }\n\n  private notifyBack(): void {\n    this.subscribers.forEach((handler) => handler());\n  }\n}\n\nexport { HistoryManager };\n","import type { StackEntry } from \"../types\";\nimport { SheetStackManager } from \"./sheet-stack-manager\";\nimport { HistoryManager } from \"./history-manager\";\n\nlet idCounter = 0;\n\nfunction generateEntryId(): string {\n  idCounter += 1;\n  return `sheet-${idCounter}-${Date.now()}`;\n}\n\nclass BackNavigationMediator {\n  private sheetStack: SheetStackManager;\n  private historyManager: HistoryManager;\n  private unsubscribeHistory: () => void;\n  private programmaticNavigation = 0;\n\n  constructor(\n    sheetStack: SheetStackManager,\n    historyManager: HistoryManager,\n  ) {\n    this.sheetStack = sheetStack;\n    this.historyManager = historyManager;\n\n    this.unsubscribeHistory = this.historyManager.subscribe(() => {\n      this.handleBack();\n    });\n  }\n\n  open(path: string, params: Record<string, unknown> = {}): void {\n    const entry: StackEntry = {\n      id: generateEntryId(),\n      path,\n      params,\n    };\n    this.sheetStack.push(entry);\n    this.historyManager.pushState(entry.id);\n  }\n\n  back(): void {\n    if (this.sheetStack.isEmpty) {\n      return;\n    }\n    this.sheetStack.pop();\n    this.programmaticNavigation += 1;\n    this.historyManager.goBack(1);\n  }\n\n  backAll(): void {\n    const count = this.sheetStack.size;\n    if (count === 0) {\n      return;\n    }\n    this.sheetStack.popAll();\n    this.programmaticNavigation += 1;\n    this.historyManager.goBack(count);\n  }\n\n  isOpen(path: string): boolean {\n    return this.sheetStack.hasPath(path);\n  }\n\n  get stack(): SheetStackManager {\n    return this.sheetStack;\n  }\n\n  destroy(): void {\n    this.unsubscribeHistory();\n    this.historyManager.destroy();\n  }\n\n  private handleBack(): void {\n    if (this.programmaticNavigation > 0) {\n      this.programmaticNavigation -= 1;\n      return;\n    }\n    this.sheetStack.pop();\n  }\n}\n\nexport { BackNavigationMediator };\n","import { createContext, useContext } from \"react\";\nimport type { RouteDefinition, StackEntry } from \"../types\";\nimport type { BackNavigationMediator } from \"../lib/back-navigation-mediator\";\n\ninterface SheetRouterContextValue {\n  mediator: BackNavigationMediator;\n  routes: Map<string, RouteDefinition>;\n  stack: readonly StackEntry[];\n}\n\nconst SheetRouterContext = createContext<SheetRouterContextValue | null>(null);\n\nfunction useSheetRouterContext(): SheetRouterContextValue {\n  const context = useContext(SheetRouterContext);\n  if (!context) {\n    throw new Error(\n      \"Sheet router hooks must be used within a <SheetRouter> provider.\",\n    );\n  }\n  return context;\n}\n\nexport { SheetRouterContext, useSheetRouterContext };\nexport type { SheetRouterContextValue };\n","import { createContext, useContext } from \"react\";\n\ninterface SheetParamsContextValue {\n  path: string;\n  params: Record<string, unknown>;\n}\n\nconst SheetParamsContext = createContext<SheetParamsContextValue | null>(null);\n\nfunction useSheetParamsContext(): SheetParamsContextValue {\n  const context = useContext(SheetParamsContext);\n  if (!context) {\n    throw new Error(\n      \"useSheetParams must be used inside a sheet rendered by <SheetRouter>.\",\n    );\n  }\n  return context;\n}\n\nexport { SheetParamsContext, useSheetParamsContext };\nexport type { SheetParamsContextValue };\n","import type { ReactNode } from \"react\";\n\ninterface BottomSheetProps {\n  open: boolean;\n  behind: boolean;\n  zIndex: number;\n  onClose: () => void;\n  title: string;\n  children: ReactNode;\n}\n\nfunction BottomSheet({\n  open,\n  behind,\n  zIndex,\n  onClose,\n  title,\n  children,\n}: BottomSheetProps) {\n  return (\n    <>\n      <div\n        className=\"sr-backdrop\"\n        data-open={open}\n        style={{ zIndex }}\n        onClick={onClose}\n        role=\"presentation\"\n      />\n      <div\n        className=\"sr-sheet\"\n        data-open={open}\n        data-behind={behind}\n        style={{ zIndex: zIndex + 1 }}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title}\n      >\n        <div className=\"sr-handle\">\n          <div className=\"sr-handle-bar\" />\n        </div>\n        <div className=\"sr-content\">{children}</div>\n      </div>\n    </>\n  );\n}\n\nexport { BottomSheet };\nexport type { BottomSheetProps };\n","import { createElement } from \"react\";\nimport { useSheetRouterContext } from \"../context/sheet-router-context\";\nimport { SheetParamsContext } from \"../context/sheet-params-context\";\nimport { BottomSheet } from \"./bottom-sheet\";\n\nconst BASE_Z_INDEX = 1000;\n\nfunction SheetOutlet() {\n  const { stack, routes, mediator } = useSheetRouterContext();\n\n  return (\n    <>\n      {stack.map((entry, index) => {\n        const route = routes.get(entry.path);\n        if (!route) {\n          return null;\n        }\n\n        const isTop = index === stack.length - 1;\n        const isBehind = !isTop;\n        const zIndex = BASE_Z_INDEX + index * 2;\n\n        return (\n          <BottomSheet\n            key={entry.id}\n            open={true}\n            behind={isBehind}\n            zIndex={zIndex}\n            onClose={() => mediator.back()}\n            title={route.title ?? route.path}\n          >\n            <SheetParamsContext.Provider\n              value={{ path: entry.path, params: entry.params }}\n            >\n              {createElement(route.component)}\n            </SheetParamsContext.Provider>\n          </BottomSheet>\n        );\n      })}\n    </>\n  );\n}\n\nexport { SheetOutlet };\n","import {\n  Children,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\";\nimport type { RouteDefinition, SheetRouteProps, StackEntry } from \"../types\";\nimport { SheetStackManager } from \"../lib/sheet-stack-manager\";\nimport { HistoryManager } from \"../lib/history-manager\";\nimport { BackNavigationMediator } from \"../lib/back-navigation-mediator\";\nimport { SheetRouterContext } from \"../context/sheet-router-context\";\nimport { SheetOutlet } from \"./sheet-outlet\";\n\ninterface SheetRouterProps {\n  children: ReactNode;\n}\n\nfunction isSheetRouteElement(\n  child: ReactNode,\n): child is React.ReactElement<SheetRouteProps> {\n  return (\n    isValidElement(child) &&\n    typeof child.type === \"function\" &&\n    \"__isSheetRoute\" in child.type\n  );\n}\n\nfunction collectRoutes(children: ReactNode): Map<string, RouteDefinition> {\n  const routes = new Map<string, RouteDefinition>();\n\n  Children.forEach(children, (child) => {\n    if (isSheetRouteElement(child)) {\n      const { path, component, title } = child.props;\n      routes.set(path, { path, component, title });\n    }\n  });\n\n  return routes;\n}\n\nfunction collectBaseContent(children: ReactNode): ReactNode[] {\n  const base: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isSheetRouteElement(child)) {\n      base.push(child);\n    }\n  });\n\n  return base;\n}\n\nfunction SheetRouter({ children }: SheetRouterProps) {\n  const mediator = useMemo(() => {\n    const stack = new SheetStackManager();\n    const history = new HistoryManager();\n    return new BackNavigationMediator(stack, history);\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      mediator.destroy();\n    };\n  }, [mediator]);\n\n  const routes = useMemo(() => collectRoutes(children), [children]);\n  const baseContent = useMemo(() => collectBaseContent(children), [children]);\n\n  const stack: readonly StackEntry[] = useSyncExternalStore(\n    (callback) => mediator.stack.subscribe(callback),\n    () => mediator.stack.getSnapshot(),\n  );\n\n  const contextValue = useMemo(\n    () => ({ mediator, routes, stack }),\n    [mediator, routes, stack],\n  );\n\n  return (\n    <SheetRouterContext.Provider value={contextValue}>\n      {baseContent}\n      <SheetOutlet />\n    </SheetRouterContext.Provider>\n  );\n}\n\nexport { SheetRouter };\n","import type { SheetRouteProps } from \"../types\";\n\nfunction SheetRoute(_props: SheetRouteProps): null {\n  return null;\n}\n\nSheetRoute.__isSheetRoute = true;\n\nexport { SheetRoute };\n","import { useCallback, useMemo } from \"react\";\nimport type { SheetNavigator } from \"../types\";\nimport { useSheetRouterContext } from \"../context/sheet-router-context\";\n\nfunction useSheetNavigate(): SheetNavigator {\n  const { mediator } = useSheetRouterContext();\n\n  const open = useCallback(\n    (path: string, params?: Record<string, unknown>) => {\n      mediator.open(path, params);\n    },\n    [mediator],\n  );\n\n  const back = useCallback(() => {\n    mediator.back();\n  }, [mediator]);\n\n  const backAll = useCallback(() => {\n    mediator.backAll();\n  }, [mediator]);\n\n  const isOpen = useCallback(\n    (path: string) => mediator.isOpen(path),\n    [mediator],\n  );\n\n  return useMemo(\n    () => ({ open, back, backAll, isOpen }),\n    [open, back, backAll, isOpen],\n  );\n}\n\nexport { useSheetNavigate };\n","import { useSheetParamsContext } from \"../context/sheet-params-context\";\n\nfunction useSheetParams<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>(): { path: string; params: T } {\n  const context = useSheetParamsContext();\n  return {\n    path: context.path,\n    params: context.params as T,\n  };\n}\n\nexport { useSheetParams };\n","import { useEffect } from \"react\";\n\nfunction useBeforeUnload(enabled: boolean) {\n  useEffect(() => {\n    if (!enabled) {\n      return;\n    }\n\n    const handler = (event: BeforeUnloadEvent) => {\n      event.preventDefault();\n    };\n\n    window.addEventListener(\"beforeunload\", handler);\n    return () => {\n      window.removeEventListener(\"beforeunload\", handler);\n    };\n  }, [enabled]);\n}\n\nexport { useBeforeUnload };\n"]}

package/dist/index.d.cts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ComponentType } from 'react';
+
+interface SheetRouterProps {
+    children: ReactNode;
+}
+declare function SheetRouter({ children }: SheetRouterProps): react_jsx_runtime.JSX.Element;
+
+interface StackEntry {
+    id: string;
+    path: string;
+    params: Record<string, unknown>;
+}
+interface RouteDefinition {
+    path: string;
+    component: ComponentType;
+    title?: string;
+}
+interface SheetNavigator {
+    open: (path: string, params?: Record<string, unknown>) => void;
+    back: () => void;
+    backAll: () => void;
+    isOpen: (path: string) => boolean;
+}
+interface SheetRouteProps {
+    path: string;
+    component: ComponentType;
+    title?: string;
+}
+
+declare function SheetRoute(_props: SheetRouteProps): null;
+declare namespace SheetRoute {
+    var __isSheetRoute: boolean;
+}
+
+declare function useSheetNavigate(): SheetNavigator;
+
+declare function useSheetParams<T extends Record<string, unknown> = Record<string, unknown>>(): {
+    path: string;
+    params: T;
+};
+
+declare function useBeforeUnload(enabled: boolean): void;
+
+export { type RouteDefinition, type SheetNavigator, SheetRoute, type SheetRouteProps, SheetRouter, type StackEntry, useBeforeUnload, useSheetNavigate, useSheetParams };

package/dist/index.d.ts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ComponentType } from 'react';
+
+interface SheetRouterProps {
+    children: ReactNode;
+}
+declare function SheetRouter({ children }: SheetRouterProps): react_jsx_runtime.JSX.Element;
+
+interface StackEntry {
+    id: string;
+    path: string;
+    params: Record<string, unknown>;
+}
+interface RouteDefinition {
+    path: string;
+    component: ComponentType;
+    title?: string;
+}
+interface SheetNavigator {
+    open: (path: string, params?: Record<string, unknown>) => void;
+    back: () => void;
+    backAll: () => void;
+    isOpen: (path: string) => boolean;
+}
+interface SheetRouteProps {
+    path: string;
+    component: ComponentType;
+    title?: string;
+}
+
+declare function SheetRoute(_props: SheetRouteProps): null;
+declare namespace SheetRoute {
+    var __isSheetRoute: boolean;
+}
+
+declare function useSheetNavigate(): SheetNavigator;
+
+declare function useSheetParams<T extends Record<string, unknown> = Record<string, unknown>>(): {
+    path: string;
+    params: T;
+};
+
+declare function useBeforeUnload(enabled: boolean): void;
+
+export { type RouteDefinition, type SheetNavigator, SheetRoute, type SheetRouteProps, SheetRouter, type StackEntry, useBeforeUnload, useSheetNavigate, useSheetParams };

package/dist/index.js

@@ -0,0 +1,358 @@
+import { createContext, useMemo, useEffect, useSyncExternalStore, useCallback, Children, createElement, useContext, isValidElement } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/lib/sheet-stack-manager.ts
+var SheetStackManager = class {
+  constructor() {
+    __publicField(this, "stack", []);
+    __publicField(this, "listeners", /* @__PURE__ */ new Set());
+    __publicField(this, "snapshot", []);
+  }
+  push(entry) {
+    this.stack.push(entry);
+    this.updateSnapshot();
+    this.notify();
+  }
+  pop() {
+    const entry = this.stack.pop();
+    if (entry) {
+      this.updateSnapshot();
+      this.notify();
+    }
+    return entry;
+  }
+  popAll() {
+    if (this.stack.length === 0) {
+      return;
+    }
+    this.stack.length = 0;
+    this.updateSnapshot();
+    this.notify();
+  }
+  peek() {
+    return this.stack[this.stack.length - 1];
+  }
+  getSnapshot() {
+    return this.snapshot;
+  }
+  get size() {
+    return this.stack.length;
+  }
+  get isEmpty() {
+    return this.stack.length === 0;
+  }
+  hasPath(path) {
+    return this.stack.some((entry) => entry.path === path);
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  updateSnapshot() {
+    this.snapshot = [...this.stack];
+  }
+  notify() {
+    this.listeners.forEach((listener) => listener());
+  }
+};
+
+// src/lib/history-manager.ts
+function isSheetHistoryState(state) {
+  return typeof state === "object" && state !== null && "__sheetRouter" in state && state.__sheetRouter === true;
+}
+var HistoryManager = class {
+  constructor() {
+    __publicField(this, "subscribers", /* @__PURE__ */ new Set());
+    __publicField(this, "handlePopState");
+    this.handlePopState = (event) => {
+      if (isSheetHistoryState(event.state)) {
+        return;
+      }
+      this.notifyBack();
+    };
+    window.addEventListener("popstate", this.handlePopState);
+  }
+  pushState(entryId) {
+    const state = { __sheetRouter: true, entryId };
+    window.history.pushState(state, "", window.location.href);
+  }
+  goBack(count = 1) {
+    if (count > 0) {
+      window.history.go(-count);
+    }
+  }
+  subscribe(onBack) {
+    this.subscribers.add(onBack);
+    return () => {
+      this.subscribers.delete(onBack);
+    };
+  }
+  destroy() {
+    window.removeEventListener("popstate", this.handlePopState);
+    this.subscribers.clear();
+  }
+  notifyBack() {
+    this.subscribers.forEach((handler) => handler());
+  }
+};
+
+// src/lib/back-navigation-mediator.ts
+var idCounter = 0;
+function generateEntryId() {
+  idCounter += 1;
+  return `sheet-${idCounter}-${Date.now()}`;
+}
+var BackNavigationMediator = class {
+  constructor(sheetStack, historyManager) {
+    __publicField(this, "sheetStack");
+    __publicField(this, "historyManager");
+    __publicField(this, "unsubscribeHistory");
+    __publicField(this, "programmaticNavigation", 0);
+    this.sheetStack = sheetStack;
+    this.historyManager = historyManager;
+    this.unsubscribeHistory = this.historyManager.subscribe(() => {
+      this.handleBack();
+    });
+  }
+  open(path, params = {}) {
+    const entry = {
+      id: generateEntryId(),
+      path,
+      params
+    };
+    this.sheetStack.push(entry);
+    this.historyManager.pushState(entry.id);
+  }
+  back() {
+    if (this.sheetStack.isEmpty) {
+      return;
+    }
+    this.sheetStack.pop();
+    this.programmaticNavigation += 1;
+    this.historyManager.goBack(1);
+  }
+  backAll() {
+    const count = this.sheetStack.size;
+    if (count === 0) {
+      return;
+    }
+    this.sheetStack.popAll();
+    this.programmaticNavigation += 1;
+    this.historyManager.goBack(count);
+  }
+  isOpen(path) {
+    return this.sheetStack.hasPath(path);
+  }
+  get stack() {
+    return this.sheetStack;
+  }
+  destroy() {
+    this.unsubscribeHistory();
+    this.historyManager.destroy();
+  }
+  handleBack() {
+    if (this.programmaticNavigation > 0) {
+      this.programmaticNavigation -= 1;
+      return;
+    }
+    this.sheetStack.pop();
+  }
+};
+var SheetRouterContext = createContext(null);
+function useSheetRouterContext() {
+  const context = useContext(SheetRouterContext);
+  if (!context) {
+    throw new Error(
+      "Sheet router hooks must be used within a <SheetRouter> provider."
+    );
+  }
+  return context;
+}
+var SheetParamsContext = createContext(null);
+function useSheetParamsContext() {
+  const context = useContext(SheetParamsContext);
+  if (!context) {
+    throw new Error(
+      "useSheetParams must be used inside a sheet rendered by <SheetRouter>."
+    );
+  }
+  return context;
+}
+function BottomSheet({
+  open,
+  behind,
+  zIndex,
+  onClose,
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "sr-backdrop",
+        "data-open": open,
+        style: { zIndex },
+        onClick: onClose,
+        role: "presentation"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "sr-sheet",
+        "data-open": open,
+        "data-behind": behind,
+        style: { zIndex: zIndex + 1 },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": title,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "sr-handle", children: /* @__PURE__ */ jsx("div", { className: "sr-handle-bar" }) }),
+          /* @__PURE__ */ jsx("div", { className: "sr-content", children })
+        ]
+      }
+    )
+  ] });
+}
+var BASE_Z_INDEX = 1e3;
+function SheetOutlet() {
+  const { stack, routes, mediator } = useSheetRouterContext();
+  return /* @__PURE__ */ jsx(Fragment, { children: stack.map((entry, index) => {
+    const route = routes.get(entry.path);
+    if (!route) {
+      return null;
+    }
+    const isTop = index === stack.length - 1;
+    const isBehind = !isTop;
+    const zIndex = BASE_Z_INDEX + index * 2;
+    return /* @__PURE__ */ jsx(
+      BottomSheet,
+      {
+        open: true,
+        behind: isBehind,
+        zIndex,
+        onClose: () => mediator.back(),
+        title: route.title ?? route.path,
+        children: /* @__PURE__ */ jsx(
+          SheetParamsContext.Provider,
+          {
+            value: { path: entry.path, params: entry.params },
+            children: createElement(route.component)
+          }
+        )
+      },
+      entry.id
+    );
+  }) });
+}
+function isSheetRouteElement(child) {
+  return isValidElement(child) && typeof child.type === "function" && "__isSheetRoute" in child.type;
+}
+function collectRoutes(children) {
+  const routes = /* @__PURE__ */ new Map();
+  Children.forEach(children, (child) => {
+    if (isSheetRouteElement(child)) {
+      const { path, component, title } = child.props;
+      routes.set(path, { path, component, title });
+    }
+  });
+  return routes;
+}
+function collectBaseContent(children) {
+  const base = [];
+  Children.forEach(children, (child) => {
+    if (!isSheetRouteElement(child)) {
+      base.push(child);
+    }
+  });
+  return base;
+}
+function SheetRouter({ children }) {
+  const mediator = useMemo(() => {
+    const stack2 = new SheetStackManager();
+    const history = new HistoryManager();
+    return new BackNavigationMediator(stack2, history);
+  }, []);
+  useEffect(() => {
+    return () => {
+      mediator.destroy();
+    };
+  }, [mediator]);
+  const routes = useMemo(() => collectRoutes(children), [children]);
+  const baseContent = useMemo(() => collectBaseContent(children), [children]);
+  const stack = useSyncExternalStore(
+    (callback) => mediator.stack.subscribe(callback),
+    () => mediator.stack.getSnapshot()
+  );
+  const contextValue = useMemo(
+    () => ({ mediator, routes, stack }),
+    [mediator, routes, stack]
+  );
+  return /* @__PURE__ */ jsxs(SheetRouterContext.Provider, { value: contextValue, children: [
+    baseContent,
+    /* @__PURE__ */ jsx(SheetOutlet, {})
+  ] });
+}
+
+// src/components/sheet-route.tsx
+function SheetRoute(_props) {
+  return null;
+}
+SheetRoute.__isSheetRoute = true;
+function useSheetNavigate() {
+  const { mediator } = useSheetRouterContext();
+  const open = useCallback(
+    (path, params) => {
+      mediator.open(path, params);
+    },
+    [mediator]
+  );
+  const back = useCallback(() => {
+    mediator.back();
+  }, [mediator]);
+  const backAll = useCallback(() => {
+    mediator.backAll();
+  }, [mediator]);
+  const isOpen = useCallback(
+    (path) => mediator.isOpen(path),
+    [mediator]
+  );
+  return useMemo(
+    () => ({ open, back, backAll, isOpen }),
+    [open, back, backAll, isOpen]
+  );
+}
+
+// src/hooks/use-sheet-params.ts
+function useSheetParams() {
+  const context = useSheetParamsContext();
+  return {
+    path: context.path,
+    params: context.params
+  };
+}
+function useBeforeUnload(enabled) {
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const handler = (event) => {
+      event.preventDefault();
+    };
+    window.addEventListener("beforeunload", handler);
+    return () => {
+      window.removeEventListener("beforeunload", handler);
+    };
+  }, [enabled]);
+}
+
+export { SheetRoute, SheetRouter, useBeforeUnload, useSheetNavigate, useSheetParams };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/sheet-stack-manager.ts","../src/lib/history-manager.ts","../src/lib/back-navigation-mediator.ts","../src/context/sheet-router-context.ts","../src/context/sheet-params-context.ts","../src/components/bottom-sheet/index.tsx","../src/components/sheet-outlet.tsx","../src/components/sheet-router.tsx","../src/components/sheet-route.tsx","../src/hooks/use-sheet-navigate.ts","../src/hooks/use-sheet-params.ts","../src/hooks/use-before-unload.ts"],"names":["createContext","useContext","jsx","Fragment","stack","jsxs","useMemo","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["import type { StackEntry, Listener } from \"../types\";\n\nclass SheetStackManager {\n  private stack: StackEntry[] = [];\n  private listeners = new Set<Listener>();\n  private snapshot: readonly StackEntry[] = [];\n\n  push(entry: StackEntry): void {\n    this.stack.push(entry);\n    this.updateSnapshot();\n    this.notify();\n  }\n\n  pop(): StackEntry | undefined {\n    const entry = this.stack.pop();\n    if (entry) {\n      this.updateSnapshot();\n      this.notify();\n    }\n    return entry;\n  }\n\n  popAll(): void {\n    if (this.stack.length === 0) {\n      return;\n    }\n    this.stack.length = 0;\n    this.updateSnapshot();\n    this.notify();\n  }\n\n  peek(): StackEntry | undefined {\n    return this.stack[this.stack.length - 1];\n  }\n\n  getSnapshot(): readonly StackEntry[] {\n    return this.snapshot;\n  }\n\n  get size(): number {\n    return this.stack.length;\n  }\n\n  get isEmpty(): boolean {\n    return this.stack.length === 0;\n  }\n\n  hasPath(path: string): boolean {\n    return this.stack.some((entry) => entry.path === path);\n  }\n\n  subscribe(listener: Listener): () => void {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  private updateSnapshot(): void {\n    this.snapshot = [...this.stack];\n  }\n\n  private notify(): void {\n    this.listeners.forEach((listener) => listener());\n  }\n}\n\nexport { SheetStackManager };\n","import type { BackHandler } from \"../types\";\n\ninterface SheetHistoryState {\n  __sheetRouter: true;\n  entryId: string;\n}\n\nfunction isSheetHistoryState(state: unknown): state is SheetHistoryState {\n  return (\n    typeof state === \"object\" &&\n    state !== null &&\n    \"__sheetRouter\" in state &&\n    (state as SheetHistoryState).__sheetRouter === true\n  );\n}\n\nclass HistoryManager {\n  private subscribers = new Set<BackHandler>();\n  private handlePopState: (event: PopStateEvent) => void;\n\n  constructor() {\n    this.handlePopState = (event: PopStateEvent) => {\n      if (isSheetHistoryState(event.state)) {\n        return;\n      }\n      this.notifyBack();\n    };\n    window.addEventListener(\"popstate\", this.handlePopState);\n  }\n\n  pushState(entryId: string): void {\n    const state: SheetHistoryState = { __sheetRouter: true, entryId };\n    window.history.pushState(state, \"\", window.location.href);\n  }\n\n  goBack(count: number = 1): void {\n    if (count > 0) {\n      window.history.go(-count);\n    }\n  }\n\n  subscribe(onBack: BackHandler): () => void {\n    this.subscribers.add(onBack);\n    return () => {\n      this.subscribers.delete(onBack);\n    };\n  }\n\n  destroy(): void {\n    window.removeEventListener(\"popstate\", this.handlePopState);\n    this.subscribers.clear();\n  }\n\n  private notifyBack(): void {\n    this.subscribers.forEach((handler) => handler());\n  }\n}\n\nexport { HistoryManager };\n","import type { StackEntry } from \"../types\";\nimport { SheetStackManager } from \"./sheet-stack-manager\";\nimport { HistoryManager } from \"./history-manager\";\n\nlet idCounter = 0;\n\nfunction generateEntryId(): string {\n  idCounter += 1;\n  return `sheet-${idCounter}-${Date.now()}`;\n}\n\nclass BackNavigationMediator {\n  private sheetStack: SheetStackManager;\n  private historyManager: HistoryManager;\n  private unsubscribeHistory: () => void;\n  private programmaticNavigation = 0;\n\n  constructor(\n    sheetStack: SheetStackManager,\n    historyManager: HistoryManager,\n  ) {\n    this.sheetStack = sheetStack;\n    this.historyManager = historyManager;\n\n    this.unsubscribeHistory = this.historyManager.subscribe(() => {\n      this.handleBack();\n    });\n  }\n\n  open(path: string, params: Record<string, unknown> = {}): void {\n    const entry: StackEntry = {\n      id: generateEntryId(),\n      path,\n      params,\n    };\n    this.sheetStack.push(entry);\n    this.historyManager.pushState(entry.id);\n  }\n\n  back(): void {\n    if (this.sheetStack.isEmpty) {\n      return;\n    }\n    this.sheetStack.pop();\n    this.programmaticNavigation += 1;\n    this.historyManager.goBack(1);\n  }\n\n  backAll(): void {\n    const count = this.sheetStack.size;\n    if (count === 0) {\n      return;\n    }\n    this.sheetStack.popAll();\n    this.programmaticNavigation += 1;\n    this.historyManager.goBack(count);\n  }\n\n  isOpen(path: string): boolean {\n    return this.sheetStack.hasPath(path);\n  }\n\n  get stack(): SheetStackManager {\n    return this.sheetStack;\n  }\n\n  destroy(): void {\n    this.unsubscribeHistory();\n    this.historyManager.destroy();\n  }\n\n  private handleBack(): void {\n    if (this.programmaticNavigation > 0) {\n      this.programmaticNavigation -= 1;\n      return;\n    }\n    this.sheetStack.pop();\n  }\n}\n\nexport { BackNavigationMediator };\n","import { createContext, useContext } from \"react\";\nimport type { RouteDefinition, StackEntry } from \"../types\";\nimport type { BackNavigationMediator } from \"../lib/back-navigation-mediator\";\n\ninterface SheetRouterContextValue {\n  mediator: BackNavigationMediator;\n  routes: Map<string, RouteDefinition>;\n  stack: readonly StackEntry[];\n}\n\nconst SheetRouterContext = createContext<SheetRouterContextValue | null>(null);\n\nfunction useSheetRouterContext(): SheetRouterContextValue {\n  const context = useContext(SheetRouterContext);\n  if (!context) {\n    throw new Error(\n      \"Sheet router hooks must be used within a <SheetRouter> provider.\",\n    );\n  }\n  return context;\n}\n\nexport { SheetRouterContext, useSheetRouterContext };\nexport type { SheetRouterContextValue };\n","import { createContext, useContext } from \"react\";\n\ninterface SheetParamsContextValue {\n  path: string;\n  params: Record<string, unknown>;\n}\n\nconst SheetParamsContext = createContext<SheetParamsContextValue | null>(null);\n\nfunction useSheetParamsContext(): SheetParamsContextValue {\n  const context = useContext(SheetParamsContext);\n  if (!context) {\n    throw new Error(\n      \"useSheetParams must be used inside a sheet rendered by <SheetRouter>.\",\n    );\n  }\n  return context;\n}\n\nexport { SheetParamsContext, useSheetParamsContext };\nexport type { SheetParamsContextValue };\n","import type { ReactNode } from \"react\";\n\ninterface BottomSheetProps {\n  open: boolean;\n  behind: boolean;\n  zIndex: number;\n  onClose: () => void;\n  title: string;\n  children: ReactNode;\n}\n\nfunction BottomSheet({\n  open,\n  behind,\n  zIndex,\n  onClose,\n  title,\n  children,\n}: BottomSheetProps) {\n  return (\n    <>\n      <div\n        className=\"sr-backdrop\"\n        data-open={open}\n        style={{ zIndex }}\n        onClick={onClose}\n        role=\"presentation\"\n      />\n      <div\n        className=\"sr-sheet\"\n        data-open={open}\n        data-behind={behind}\n        style={{ zIndex: zIndex + 1 }}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title}\n      >\n        <div className=\"sr-handle\">\n          <div className=\"sr-handle-bar\" />\n        </div>\n        <div className=\"sr-content\">{children}</div>\n      </div>\n    </>\n  );\n}\n\nexport { BottomSheet };\nexport type { BottomSheetProps };\n","import { createElement } from \"react\";\nimport { useSheetRouterContext } from \"../context/sheet-router-context\";\nimport { SheetParamsContext } from \"../context/sheet-params-context\";\nimport { BottomSheet } from \"./bottom-sheet\";\n\nconst BASE_Z_INDEX = 1000;\n\nfunction SheetOutlet() {\n  const { stack, routes, mediator } = useSheetRouterContext();\n\n  return (\n    <>\n      {stack.map((entry, index) => {\n        const route = routes.get(entry.path);\n        if (!route) {\n          return null;\n        }\n\n        const isTop = index === stack.length - 1;\n        const isBehind = !isTop;\n        const zIndex = BASE_Z_INDEX + index * 2;\n\n        return (\n          <BottomSheet\n            key={entry.id}\n            open={true}\n            behind={isBehind}\n            zIndex={zIndex}\n            onClose={() => mediator.back()}\n            title={route.title ?? route.path}\n          >\n            <SheetParamsContext.Provider\n              value={{ path: entry.path, params: entry.params }}\n            >\n              {createElement(route.component)}\n            </SheetParamsContext.Provider>\n          </BottomSheet>\n        );\n      })}\n    </>\n  );\n}\n\nexport { SheetOutlet };\n","import {\n  Children,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\";\nimport type { RouteDefinition, SheetRouteProps, StackEntry } from \"../types\";\nimport { SheetStackManager } from \"../lib/sheet-stack-manager\";\nimport { HistoryManager } from \"../lib/history-manager\";\nimport { BackNavigationMediator } from \"../lib/back-navigation-mediator\";\nimport { SheetRouterContext } from \"../context/sheet-router-context\";\nimport { SheetOutlet } from \"./sheet-outlet\";\n\ninterface SheetRouterProps {\n  children: ReactNode;\n}\n\nfunction isSheetRouteElement(\n  child: ReactNode,\n): child is React.ReactElement<SheetRouteProps> {\n  return (\n    isValidElement(child) &&\n    typeof child.type === \"function\" &&\n    \"__isSheetRoute\" in child.type\n  );\n}\n\nfunction collectRoutes(children: ReactNode): Map<string, RouteDefinition> {\n  const routes = new Map<string, RouteDefinition>();\n\n  Children.forEach(children, (child) => {\n    if (isSheetRouteElement(child)) {\n      const { path, component, title } = child.props;\n      routes.set(path, { path, component, title });\n    }\n  });\n\n  return routes;\n}\n\nfunction collectBaseContent(children: ReactNode): ReactNode[] {\n  const base: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isSheetRouteElement(child)) {\n      base.push(child);\n    }\n  });\n\n  return base;\n}\n\nfunction SheetRouter({ children }: SheetRouterProps) {\n  const mediator = useMemo(() => {\n    const stack = new SheetStackManager();\n    const history = new HistoryManager();\n    return new BackNavigationMediator(stack, history);\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      mediator.destroy();\n    };\n  }, [mediator]);\n\n  const routes = useMemo(() => collectRoutes(children), [children]);\n  const baseContent = useMemo(() => collectBaseContent(children), [children]);\n\n  const stack: readonly StackEntry[] = useSyncExternalStore(\n    (callback) => mediator.stack.subscribe(callback),\n    () => mediator.stack.getSnapshot(),\n  );\n\n  const contextValue = useMemo(\n    () => ({ mediator, routes, stack }),\n    [mediator, routes, stack],\n  );\n\n  return (\n    <SheetRouterContext.Provider value={contextValue}>\n      {baseContent}\n      <SheetOutlet />\n    </SheetRouterContext.Provider>\n  );\n}\n\nexport { SheetRouter };\n","import type { SheetRouteProps } from \"../types\";\n\nfunction SheetRoute(_props: SheetRouteProps): null {\n  return null;\n}\n\nSheetRoute.__isSheetRoute = true;\n\nexport { SheetRoute };\n","import { useCallback, useMemo } from \"react\";\nimport type { SheetNavigator } from \"../types\";\nimport { useSheetRouterContext } from \"../context/sheet-router-context\";\n\nfunction useSheetNavigate(): SheetNavigator {\n  const { mediator } = useSheetRouterContext();\n\n  const open = useCallback(\n    (path: string, params?: Record<string, unknown>) => {\n      mediator.open(path, params);\n    },\n    [mediator],\n  );\n\n  const back = useCallback(() => {\n    mediator.back();\n  }, [mediator]);\n\n  const backAll = useCallback(() => {\n    mediator.backAll();\n  }, [mediator]);\n\n  const isOpen = useCallback(\n    (path: string) => mediator.isOpen(path),\n    [mediator],\n  );\n\n  return useMemo(\n    () => ({ open, back, backAll, isOpen }),\n    [open, back, backAll, isOpen],\n  );\n}\n\nexport { useSheetNavigate };\n","import { useSheetParamsContext } from \"../context/sheet-params-context\";\n\nfunction useSheetParams<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>(): { path: string; params: T } {\n  const context = useSheetParamsContext();\n  return {\n    path: context.path,\n    params: context.params as T,\n  };\n}\n\nexport { useSheetParams };\n","import { useEffect } from \"react\";\n\nfunction useBeforeUnload(enabled: boolean) {\n  useEffect(() => {\n    if (!enabled) {\n      return;\n    }\n\n    const handler = (event: BeforeUnloadEvent) => {\n      event.preventDefault();\n    };\n\n    window.addEventListener(\"beforeunload\", handler);\n    return () => {\n      window.removeEventListener(\"beforeunload\", handler);\n    };\n  }, [enabled]);\n}\n\nexport { useBeforeUnload };\n"]}

package/dist/styles.css

@@ -0,0 +1,54 @@
+.sr-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.3s ease;
+}
+
+.sr-backdrop[data-open="true"] {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.sr-sheet {
+  position: fixed;
+  inset: 0;
+  background: #ffffff;
+  border-radius: 0;
+  overflow-y: auto;
+  transform: translateY(100%);
+  transition:
+    transform 0.35s cubic-bezier(0.32, 0.72, 0, 1),
+    scale 0.35s cubic-bezier(0.32, 0.72, 0, 1);
+  will-change: transform;
+}
+
+.sr-sheet[data-open="true"] {
+  transform: translateY(0);
+}
+
+.sr-sheet[data-behind="true"] {
+  transform: translateY(0);
+  scale: 0.95;
+  border-radius: 12px;
+  pointer-events: none;
+}
+
+.sr-handle {
+  display: flex;
+  justify-content: center;
+  padding: 12px 0 4px;
+}
+
+.sr-handle-bar {
+  width: 36px;
+  height: 4px;
+  border-radius: 2px;
+  background: #d1d5db;
+}
+
+.sr-content {
+  padding: 8px 24px 32px;
+}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@rezahasani78/sheet-router",
+  "version": "0.1.0",
+  "description": "A declarative, router-like bottom sheet stack for React. Handles Android/browser back button with unlimited stacked sheets.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "tsup && cp src/components/bottom-sheet/styles.css dist/styles.css",
+    "dev": "tsup --watch",
+    "type-check": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.6.3"
+  },
+  "keywords": [
+    "react",
+    "bottom-sheet",
+    "router",
+    "back-button",
+    "pwa",
+    "android",
+    "sheet-stack",
+    "navigation"
+  ],
+  "license": "MIT"
+}