@niibase/bottom-sheet-manager 1.1.0 → 1.3.0

package/README.md

@@ -1,30 +1,43 @@
 # Bottom Sheet Router & Manager
 
-A bottom sheet manager inspired by package [react-native-actions-sheet](https://github.com/ammarahm-ed/@repo/bottom-sheet) and adapted to package [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet).
+A powerful bottom sheet manager and router for React Native, inspired by [react-native-actions-sheet](https://github.com/ammarahm-ed/@repo/bottom-sheet) and built on top of [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet).
 
+## Features
 
-## Installation
+- 🎯 **Simple API** - Show/hide sheets from anywhere in your app
+- 🔄 **Stack Behaviors** - Control how sheets stack with `push` (experimental), `switch`, or `replace` behaviors
+- 🧭 **React Navigation Integration** - Full support for React Navigation v6/v7 and Expo Router
+- 📱 **iOS 18 Modal Animation** - Native-like modal sheet animations
+- 🎨 **TypeScript Support** - Full type safety with IntelliSense
+- ⚡ **Performance Optimized** - High-performance event system with O(1) lookups
+- 🔌 **Flexible Hooks** - Rich set of hooks for advanced use cases
 
-Add it to your project with package.json:
+## Installation
 
 ```bash
 npm install @niibase/bottom-sheet-manager
 ```
 
-## Usage
+## Quick Start
+
+### Basic Usage
 
-`SheetManager` is great because it helps you save lots of development time. One great feature is that you can reuse the same modal sheet in the app and don't have to create or define it in multiple places. Another is that you don't have to write boilerplate for every component. Everything just works.
+`SheetManager` helps you save development time by allowing you to reuse modal sheets throughout your app without boilerplate.
 
 ```tsx
-import { BottomSheet } from '@niibase/bottom-sheet-manager';
+import { BottomSheet, SheetManager } from '@niibase/bottom-sheet-manager';
+import type { SheetProps } from '@niibase/bottom-sheet-manager';
 ```
 
-Create your BottomSheet component and export it.
+Create your BottomSheet component:
 
 ```tsx
-function ExampleSheet({ id }: SheetProps<"example">) {
+function ExampleSheet({ id }: SheetProps<"example-sheet">) {
   return (
-    <BottomSheet id={id}>
+    <BottomSheet 
+      id={id}
+      snapPoints={['50%', '90%']}
+    >
       <View>
         <Text>Hello World</Text>
       </View>
@@ -35,66 +48,87 @@ function ExampleSheet({ id }: SheetProps<"example">) {
 export default ExampleSheet;
 ```
 
-Create a `sheets.ts` file and import your sheet then register it.
+Register your sheet in a `sheets.ts` file:
 
 ```ts
-import {registerSheet} from '@niibase/bottom-sheet-manager';
-import ExampleSheet from 'example-sheet';
+import { registerSheet } from '@niibase/bottom-sheet-manager';
+import type { SheetDefinition } from '@niibase/bottom-sheet-manager';
+import ExampleSheet from './ExampleSheet';
 
 registerSheet('example-sheet', ExampleSheet);
 
-// We extend some of the types here to give us great intellisense
-// across the app for all registered sheets.
+// Extend types for IntelliSense
 declare module '@niibase/bottom-sheet-manager' {
   interface Sheets {
     'example-sheet': SheetDefinition;
   }
 }
-
-export {};
 ```
 
-In `App.js` import `sheets.ts` and wrap your app in `SheetProvider`.
+Wrap your app with `SheetProvider`:
 
 ```tsx
 import { SheetProvider } from '@niibase/bottom-sheet-manager';
-import 'sheets.tsx';
+import './sheets';
 
 function App() {
   return (
     <SheetProvider>
-      {
-        // your app components
-      }
+      {/* your app components */}
     </SheetProvider>
   );
 }
 ```
 
-Open the modal sheet from anywhere in the app.
+Show and hide sheets:
 
-```jsx
+```tsx
+// Show a sheet
 SheetManager.show('example-sheet');
-```
 
-Hide the modal sheet
+// Show with payload
+SheetManager.show('example-sheet', { userId: 123 });
 
-```jsx
+// Hide a sheet
 SheetManager.hide('example-sheet');
+
+// Hide and get return value
+const result = await SheetManager.show('example-sheet');
 ```
 
-### As a React Navigation Screen
+## Stack Behaviors
 
-Support for React Navigation v6 and v7 is available including expo router support.
+Control how sheets behave when opened on top of existing sheets:
+
+- **`switch`** (default): Dismisses the current sheet before showing the new one. Previous sheet is restored when new one closes.
+- **`replace`**: Swaps the current sheet's content with smooth crossfade animation. Previous sheet is removed from stack.
+- **`push`** (experimental): Pushes new sheet on top, creating a navigable stack. Previous sheet remains visible underneath.
 
 ```tsx
+// Set stack behavior per sheet
+<BottomSheet 
+  id={id}
+  stackBehavior="push" // or "switch" or "replace"
+  snapPoints={['50%', '90%']}
+>
+  {/* content */}
+</BottomSheet>
+```
+
+## React Navigation Integration
+
+Full support for React Navigation v6/v7 and Expo Router. The first screen in the navigator is rendered as main content, and subsequent screens are rendered as bottom sheet modals.
+
+### With Expo Router
+
+```tsx
+import { Slot, withLayoutContext } from "expo-router";
 import {
   createBottomSheetNavigator,
   BottomSheetNavigationOptions,
   BottomSheetNavigationEventMap,
   BottomSheetNavigationState,
-} from "@repo/bottom-sheet";
-import { Slot, withLayoutContext } from "expo-router";
+} from "@niibase/bottom-sheet-manager";
 
 const { Navigator } = createBottomSheetNavigator();
 const BottomSheet = withLayoutContext<
@@ -109,23 +143,323 @@ export const unstable_settings = {
 };
 
 export default function Layout() {
+  // SSR guard - navigator doesn't work on server
   if (typeof window === "undefined") return <Slot />;
+  
   return (
     <BottomSheet
-      screenOptions={
-        {
-          // API Reference: `@niibase/bottom-sheet-manager/router/types.ts`
-          // And: https://gorhom.github.io/react-native-bottom-sheet/modal/props/
-        }
-      }
+      screenOptions={{
+        snapPoints: ['50%', '90%'],
+        // See: https://gorhom.github.io/react-native-bottom-sheet/modal/props/
+      }}
     />
   );
 }
 ```
 
+### With React Navigation
+
+```tsx
+import { createBottomSheetNavigator } from "@niibase/bottom-sheet-manager";
+
+const { Navigator, Screen } = createBottomSheetNavigator();
+
+function App() {
+  return (
+    <Navigator>
+      <Screen name="Home" component={HomeScreen} />
+      <Screen
+        name="Details"
+        component={DetailsSheet}
+        options={{ 
+          snapPoints: ['50%', '100%'],
+          iosModalSheetTypeOfAnimation: true,
+        }}
+      />
+    </Navigator>
+  );
+}
+```
+
+### Navigation Actions
+
+Use the navigation object to control sheets programmatically:
+
+```tsx
+import { useBottomSheetNavigation } from "@niibase/bottom-sheet-manager";
+
+function MySheet() {
+  const navigation = useBottomSheetNavigation();
+
+  // Snap to a specific index
+  const handleExpand = () => {
+    navigation.snapTo(1); // Snap to second snap point
+  };
+
+  // Dismiss the current sheet
+  const handleDismiss = () => {
+    navigation.dismiss();
+  };
+
+  return (
+    <View>
+      <Button title="Expand" onPress={handleExpand} />
+      <Button title="Dismiss" onPress={handleDismiss} />
+    </View>
+  );
+}
+```
+
+### Known Limitations
+
+**⚠️ Important:** When using the bottom sheet as a navigator, calling `BottomSheet.Screen` from the `Navigator` will cause the sheet to render immediately.
+
+To customize the sheet screen options (e.g., change `snapPoints`), you must do it within the screen component itself using `navigation.setOptions()`:
+
+```tsx
+import { useBottomSheetNavigation } from "@niibase/bottom-sheet-manager";
+import { useEffect } from "react";
+
+export default function ProfileSheet() {
+  const navigation = useBottomSheetNavigation();
+
+  useEffect(() => {
+    navigation.setOptions({ snapPoints: ["100%"] });
+  }, [navigation]);
+
+  return (
+    // Your sheet content
+  );
+}
+```
+
+This ensures that the sheet options are set after the component mounts, allowing you to customize the behavior per screen.
+
+## Hooks
+
+### `useBottomSheetNavigation`
+
+Access navigation helpers including `snapTo()` and `dismiss()`:
+
+```tsx
+import { useBottomSheetNavigation } from "@niibase/bottom-sheet-manager";
+
+const navigation = useBottomSheetNavigation();
+navigation.snapTo(1);
+navigation.dismiss();
+```
+
+### `useSheetRef`
+
+Get a ref to control the sheet instance:
+
+```tsx
+import { useSheetRef } from "@niibase/bottom-sheet-manager";
+
+function MySheet({ id }: SheetProps<"my-sheet">) {
+  const ref = useSheetRef(id);
+  
+  // Control the sheet
+  ref.current?.expand();
+  ref.current?.collapse();
+  ref.current?.snapToIndex(1);
+  ref.current?.close({ value: "result" });
+}
+```
+
+### `useSheetPayload`
+
+Access the payload passed when showing the sheet:
+
+```tsx
+import { useSheetPayload } from "@niibase/bottom-sheet-manager";
+
+function MySheet({ id }: SheetProps<"my-sheet">) {
+  const payload = useSheetPayload<"my-sheet">();
+  // payload is typed based on your SheetDefinition
+}
+```
+
+### `useStackBehaviorContext`
+
+Get the current stack behavior context:
+
+```tsx
+import { useStackBehaviorContext } from "@niibase/bottom-sheet-manager";
+
+function MySheet() {
+  const stackBehavior = useStackBehaviorContext();
+  // Returns: "push" | "replace" | "switch"
+}
+```
+
+### `useOnSheet`
+
+Subscribe to sheet events:
+
+```tsx
+import { useOnSheet } from "@niibase/bottom-sheet-manager";
+
+function MyComponent() {
+  useOnSheet("my-sheet", {
+    onShow: (payload) => {
+      console.log("Sheet shown with:", payload);
+    },
+    onHide: (returnValue) => {
+      console.log("Sheet hidden with:", returnValue);
+    },
+  });
+}
+```
+
+## iOS 18 Modal Animation
+
+Enable native-like iOS 18 modal sheet animations:
+
+```tsx
+<BottomSheet
+  id={id}
+  iosModalSheetTypeOfAnimation={true}
+  snapPoints={['50%', '90%', '100%']}
+>
+  {/* At 90% snap point, content behind scales down with border radius */}
+</BottomSheet>
+```
+
+Or in navigation options:
+
+```tsx
+<Screen
+  name="Details"
+  component={DetailsSheet}
+  options={{
+    iosModalSheetTypeOfAnimation: true,
+    snapPoints: ['50%', '90%', '100%'],
+  }}
+/>
+```
+
+## Advanced Features
+
+### Custom Contexts
+
+Use separate contexts for nested sheets or modals:
+
+```tsx
+// In a modal or nested sheet
+<SheetProvider context="modal-context">
+  {/* Register sheets for this context */}
+  {registerSheet('local-sheet', LocalSheet, 'modal-context')}
+</SheetProvider>
+```
+
+### Sheet Instance Methods
+
+Control sheets programmatically:
+
+```tsx
+const instance = SheetManager.get('example-sheet');
+
+// Expand to maximum snap point
+instance?.expand();
+
+// Collapse to minimum snap point
+instance?.collapse();
+
+// Snap to specific index
+instance?.snapToIndex(1);
+
+// Snap to specific position
+instance?.snapToPosition('75%');
+
+// Close with return value
+instance?.close({ value: { success: true } });
+```
+
+### Animation Configuration
+
+Customize animations:
+
+```tsx
+instance?.expand({
+  animationConfigs: {
+    type: 'spring',
+    damping: 20,
+    stiffness: 90,
+  },
+});
+```
+
+## API Reference
+
+### `SheetManager`
+
+Global manager for showing and hiding sheets.
+
+```tsx
+// Show a sheet
+SheetManager.show<Id extends SheetIds>(
+  id: Id,
+  payload?: SheetPayload<Id>
+): Promise<SheetReturnValue<Id>>
+
+// Hide a sheet
+SheetManager.hide(id: SheetIds): void
+
+// Get sheet instance
+SheetManager.get(id: SheetIds): BottomSheetInstance<Id> | undefined
+```
+
+### `BottomSheet` Props
+
+All props from `@gorhom/bottom-sheet` are supported, plus:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `id` | `SheetID<SheetIds>` | - | Unique identifier for the sheet |
+| `stackBehavior` | `"push" \| "replace" \| "switch"` | `"switch"` | How sheets stack when opened (push is experimental) |
+| `iosModalSheetTypeOfAnimation` | `boolean` | `false` | Enable iOS 18 modal animation |
+| `clickThrough` | `boolean` | `false` | Allow tapping through backdrop |
+| `opacity` | `number` | `0.45` | Backdrop opacity |
+| `hardwareBackPressToClose` | `boolean` | `true` | Close on hardware back button |
+| `onClose` | `(data?: unknown) => unknown` | - | Callback when sheet closes |
+| `onBeforeShow` | `(data?: unknown) => void` | - | Callback before sheet shows |
+
+### `BottomSheetNavigationOptions`
+
+Screen options for navigation-based sheets:
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `snapPoints` | `Array<string \| number>` | `['66%']` | Snap points for the sheet |
+| `clickThrough` | `boolean` | `false` | Allow tapping through backdrop |
+| `iosModalSheetTypeOfAnimation` | `boolean` | `false` | Enable iOS 18 modal animation |
+| `opacity` | `number` | `0.45` | Backdrop opacity |
+
+### Navigation Actions
+
+```tsx
+import { BottomSheetActions } from "@niibase/bottom-sheet-manager";
+
+// Snap to index
+navigation.dispatch(BottomSheetActions.snapTo(1));
+
+// Dismiss sheet
+navigation.dispatch(BottomSheetActions.dismiss());
+
+// Remove from stack
+navigation.dispatch(BottomSheetActions.remove());
+```
+
 ## Examples
 
-The source code for the example (showcase) app is under the [/example](/example/) directory.
+The source code for the example (showcase) app is under the [/example](/example/) directory. It includes:
+
+- Basic sheet usage
+- Stack behavior demos (push (experimental), replace, switch)
+- React Navigation integration
+- iOS modal animation examples
+- Navigation actions and hooks usage
 
 ## Contributing
 
@@ -141,7 +475,7 @@ Contributions are welcome! Please feel free to submit a Pull Request.
 
 **Built with ❤️ by [@divineniiquaye](https://github.com/divineniiquaye) using React Native and [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet).**
 
-[⬆ Back to Top](#-installation)
+[⬆ Back to Top](#bottom-sheet-router--manager)
 
 </div>
 

package/lib/commonjs/events.js

@@ -4,32 +4,117 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.eventManager = exports.default = void 0;
-var _reactNative = require("react-native");
-/* eslint-disable curly */
+/**
+ * High-performance event manager using Maps for O(1) lookups.
+ * Replaces React Native's EventEmitter which has significant overhead.
+ */
 
 class EventManager {
-  constructor() {
-    this._registry = _reactNative.Platform.select({
-      ios: _reactNative.NativeAppEventEmitter,
-      android: _reactNative.DeviceEventEmitter
-    });
-  }
+  _handlers = new Map();
+  _nextId = 0;
+
+  /**
+   * Subscribe to an event with a handler function.
+   * Returns a subscription object with an unsubscribe method.
+   */
   subscribe(name, handler) {
-    if (!name || !handler) throw new Error("name and handler are required.");
-    const event = this._registry?.addListener(name, handler);
+    if (!name || typeof handler !== "function") {
+      throw new Error("Event name and handler function are required.");
+    }
+    const id = this._nextId++;
+    const entry = {
+      handler: handler,
+      id
+    };
+    const handlers = this._handlers.get(name);
+    if (handlers) {
+      handlers.push(entry);
+    } else {
+      this._handlers.set(name, [entry]);
+    }
     return {
-      unsubscribe: () => event?.remove()
+      unsubscribe: () => {
+        const currentHandlers = this._handlers.get(name);
+        if (currentHandlers) {
+          const index = currentHandlers.findIndex(h => h.id === id);
+          if (index !== -1) {
+            currentHandlers.splice(index, 1);
+            if (currentHandlers.length === 0) {
+              this._handlers.delete(name);
+            }
+          }
+        }
+      }
     };
   }
+
+  /**
+   * Publish an event with optional arguments.
+   * All subscribed handlers will be called synchronously.
+   */
   publish(name, ...args) {
-    this._registry?.emit(name, ...args);
+    const handlers = this._handlers.get(name);
+    if (!handlers || handlers.length === 0) return;
+
+    // Create a copy to avoid issues if handlers modify the list during iteration
+    const handlersSnapshot = handlers.slice();
+    for (let i = 0; i < handlersSnapshot.length; i++) {
+      handlersSnapshot[i].handler(...args);
+    }
+  }
+
+  /**
+   * Publish an event asynchronously using microtasks for better performance.
+   * Useful when you don't need immediate execution.
+   */
+  publishAsync(name, ...args) {
+    queueMicrotask(() => this.publish(name, ...args));
   }
+
+  /**
+   * Check if an event has any subscribers.
+   */
+  hasSubscribers(name) {
+    const handlers = this._handlers.get(name);
+    return !!handlers && handlers.length > 0;
+  }
+
+  /**
+   * Get the number of subscribers for an event.
+   */
+  subscriberCount(name) {
+    return this._handlers.get(name)?.length ?? 0;
+  }
+
+  /**
+   * Remove all listeners for the specified event names.
+   */
   remove(...names) {
-    for (const eventType of names) {
-      this._registry?.removeAllListeners(eventType);
+    for (const name of names) {
+      this._handlers.delete(name);
     }
   }
+
+  /**
+   * Remove all event listeners.
+   */
+  clear() {
+    this._handlers.clear();
+  }
+
+  /**
+   * Subscribe to an event that will only fire once.
+   */
+  once(name, handler) {
+    const subscription = this.subscribe(name, (...args) => {
+      subscription.unsubscribe();
+      handler(...args);
+    });
+    return subscription;
+  }
 }
-exports.default = EventManager;
+
+// Singleton instance for global event management
 const eventManager = exports.eventManager = new EventManager();
+var _default = exports.default = EventManager;
 //# sourceMappingURL=events.js.map

package/lib/commonjs/events.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","EventManager","constructor","_registry","Platform","select","ios","NativeAppEventEmitter","android","DeviceEventEmitter","subscribe","name","handler","Error","event","addListener","unsubscribe","remove","publish","args","emit","names","eventType","removeAllListeners","exports","default","eventManager"],"sourceRoot":"../../src","sources":["events.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA;;AAMe,MAAMC,YAAY,CAAC;EAE9BC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,SAAS,GAAGC,qBAAQ,CAACC,MAAM,CAAC;MAC7BC,GAAG,EAAEC,kCAAqB;MAC1BC,OAAO,EAAEC;IACb,CAAC,CAAC;EACN;EAEAC,SAASA,CAACC,IAAY,EAAEC,OAAqB,EAAE;IAC3C,IAAI,CAACD,IAAI,IAAI,CAACC,OAAO,EAAE,MAAM,IAAIC,KAAK,CAAC,gCAAgC,CAAC;IACxE,MAAMC,KAAK,GAAG,IAAI,CAACX,SAAS,EAAEY,WAAW,CAACJ,IAAI,EAAEC,OAAO,CAAC;IACxD,OAAO;MAAEI,WAAW,EAAEA,CAAA,KAAMF,KAAK,EAAEG,MAAM,CAAC;IAAE,CAAC;EACjD;EAEAC,OAAOA,CAACP,IAAY,EAAE,GAAGQ,IAAW,EAAE;IAClC,IAAI,CAAChB,SAAS,EAAEiB,IAAI,CAACT,IAAI,EAAE,GAAGQ,IAAI,CAAC;EACvC;EAEAF,MAAMA,CAAC,GAAGI,KAAe,EAAE;IACvB,KAAK,MAAMC,SAAS,IAAID,KAAK,EAAE;MAC3B,IAAI,CAAClB,SAAS,EAAEoB,kBAAkB,CAACD,SAAS,CAAC;IACjD;EACJ;AACJ;AAACE,OAAA,CAAAC,OAAA,GAAAxB,YAAA;AAEM,MAAMyB,YAAY,GAAAF,OAAA,CAAAE,YAAA,GAAG,IAAIzB,YAAY,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["EventManager","_handlers","Map","_nextId","subscribe","name","handler","Error","id","entry","handlers","get","push","set","unsubscribe","currentHandlers","index","findIndex","h","splice","length","delete","publish","args","handlersSnapshot","slice","i","publishAsync","queueMicrotask","hasSubscribers","subscriberCount","remove","names","clear","once","subscription","eventManager","exports","_default","default"],"sourceRoot":"../../src","sources":["events.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -10,6 +10,7 @@ var _exportNames = {
   useSheetPayload: true,
   useSheetRef: true,
   useOnSheet: true,
+  useStackBehaviorContext: true,
   registerSheet: true
 };
 Object.defineProperty(exports, "BottomSheet", {
@@ -54,6 +55,12 @@ Object.defineProperty(exports, "useSheetRef", {
     return _provider.useSheetRef;
   }
 });
+Object.defineProperty(exports, "useStackBehaviorContext", {
+  enumerable: true,
+  get: function () {
+    return _provider.useStackBehaviorContext;
+  }
+});
 var _sheet = _interopRequireDefault(require("./sheet"));
 var _manager = require("./manager");
 var _router = require("./router");

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_sheet","_interopRequireDefault","require","_manager","_router","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_types","_provider","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAAf,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,MAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,SAAA,GAAAhB,OAAA;AAMoB,SAAAD,uBAAAkB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"names":["_sheet","_interopRequireDefault","require","_manager","_router","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_types","_provider","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAAf,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,MAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,SAAA,GAAAhB,OAAA;AAOoB,SAAAD,uBAAAkB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}