react-native-bottom-sheet-stack 1.0.1 → 1.0.3

package/src/bottomSheet.store.ts

@@ -16,7 +16,8 @@ export interface BottomSheetState {
 type TriggerState = Omit<BottomSheetState, 'status'>;
 
 interface BottomSheetStoreState {
-  stack: BottomSheetState[];
+  sheetsById: Record<string, BottomSheetState>;
+  stackOrder: string[];
 }
 
 interface BottomSheetStoreActions {
@@ -29,102 +30,136 @@ interface BottomSheetStoreActions {
   clearAll(): void;
 }
 
+export type BottomSheetStore = BottomSheetStoreState & BottomSheetStoreActions;
+
 export const useBottomSheetStore = create(
-  subscribeWithSelector<BottomSheetStoreState & BottomSheetStoreActions>(
-    (set) => ({
-      stack: [],
-
-      push: (sheet) =>
-        set((state) => {
-          if (state.stack.some((s) => s.id === sheet.id)) {
-            return { stack: state.stack };
-          }
-          return {
-            stack: [...state.stack, { ...sheet, status: 'opening' }],
+  subscribeWithSelector<BottomSheetStore>((set) => ({
+    sheetsById: {},
+    stackOrder: [],
+
+    push: (sheet) =>
+      set((state) => {
+        if (state.sheetsById[sheet.id]) {
+          return state;
+        }
+        return {
+          sheetsById: {
+            ...state.sheetsById,
+            [sheet.id]: { ...sheet, status: 'opening' },
+          },
+          stackOrder: [...state.stackOrder, sheet.id],
+        };
+      }),
+
+    switch: (sheet) =>
+      set((state) => {
+        if (state.sheetsById[sheet.id]) {
+          return state;
+        }
+
+        const newSheetsById = { ...state.sheetsById };
+        const topId = state.stackOrder[state.stackOrder.length - 1];
+
+        if (topId && newSheetsById[topId]) {
+          newSheetsById[topId] = {
+            ...newSheetsById[topId],
+            status: 'hidden',
+          };
+        }
+
+        newSheetsById[sheet.id] = { ...sheet, status: 'opening' };
+
+        return {
+          sheetsById: newSheetsById,
+          stackOrder: [...state.stackOrder, sheet.id],
+        };
+      }),
+
+    replace: (sheet) =>
+      set((state) => {
+        if (state.sheetsById[sheet.id]) {
+          return state;
+        }
+
+        const newSheetsById = { ...state.sheetsById };
+        const topId = state.stackOrder[state.stackOrder.length - 1];
+
+        if (topId && newSheetsById[topId]) {
+          newSheetsById[topId] = {
+            ...newSheetsById[topId],
+            status: 'closing',
           };
-        }),
-      switch: (sheet) =>
-        set((state) => {
-          if (state.stack.some((s) => s.id === sheet.id)) {
-            return { stack: state.stack };
-          }
-
-          const stack = [...state.stack];
-
-          if (stack.length) {
-            const topIndex = stack.length - 1;
-            if (stack[topIndex]) {
-              stack[topIndex] = { ...stack[topIndex], status: 'hidden' };
-            }
-          }
-
-          stack.push({ ...sheet, status: 'opening' });
-
-          return { stack };
-        }),
-
-      replace: (sheet) =>
-        set((state) => {
-          if (state.stack.some((s) => s.id === sheet.id)) {
-            return { stack: state.stack };
-          }
-
-          const stack = [...state.stack];
-          const prevTop = stack.pop();
-
-          if (prevTop) {
-            stack.push({ ...prevTop, status: 'closing' });
-          }
-          stack.push({ ...sheet, status: 'opening' });
-
-          return { stack };
-        }),
-      markOpen: (id) =>
-        set((state) => {
-          const stack = state.stack.map((s) =>
-            s.id === id ? { ...s, status: 'open' as BottomSheetStatus } : s
-          );
-          return { stack };
-        }),
-
-      startClosing: (id) =>
-        set((state) => {
-          const stack = [...state.stack];
-          const index = stack.findIndex((s) => s.id === id);
-          if (index === -1) {
-            return { stack };
-          }
-
-          const closing = stack[index];
-          if (closing?.status === 'hidden') {
-            return { stack };
-          }
-
-          if (closing) {
-            stack[index] = { ...closing, status: 'closing' };
-          }
-
-          const below = stack[index - 1];
-          if (below && below.status === 'hidden') {
-            stack[index - 1] = { ...below, status: 'opening' };
-          }
-
-          return { stack };
-        }),
-
-      finishClosing: (id) =>
-        set((state) => {
-          const stack = state.stack.filter((s) => s.id !== id);
-
-          const topIndex = stack.length - 1;
-          if (topIndex >= 0 && stack[topIndex]?.status === 'hidden') {
-            stack[topIndex] = { ...stack[topIndex], status: 'opening' };
-          }
-
-          return { stack };
-        }),
-
-      clearAll: () => set(() => ({ stack: [] })),
-    })
-  )
+        }
+
+        newSheetsById[sheet.id] = { ...sheet, status: 'opening' };
+
+        return {
+          sheetsById: newSheetsById,
+          stackOrder: [...state.stackOrder, sheet.id],
+        };
+      }),
+
+    markOpen: (id) =>
+      set((state) => {
+        const sheet = state.sheetsById[id];
+        if (!sheet) {
+          return state;
+        }
+        return {
+          sheetsById: {
+            ...state.sheetsById,
+            [id]: { ...sheet, status: 'open' },
+          },
+        };
+      }),
+
+    startClosing: (id) =>
+      set((state) => {
+        const sheet = state.sheetsById[id];
+        if (!sheet || sheet.status === 'hidden') {
+          return state;
+        }
+
+        const newSheetsById = { ...state.sheetsById };
+        newSheetsById[id] = { ...sheet, status: 'closing' };
+
+        const index = state.stackOrder.indexOf(id);
+        const belowId = state.stackOrder[index - 1];
+        const belowSheet = belowId ? newSheetsById[belowId] : undefined;
+
+        if (belowId && belowSheet && belowSheet.status === 'hidden') {
+          newSheetsById[belowId] = { ...belowSheet, status: 'opening' };
+        }
+
+        return { sheetsById: newSheetsById };
+      }),
+
+    finishClosing: (id) =>
+      set((state) => {
+        if (!state.sheetsById[id]) {
+          return state;
+        }
+
+        const newSheetsById = { ...state.sheetsById };
+        delete newSheetsById[id];
+
+        const newStackOrder = state.stackOrder.filter(
+          (sheetId) => sheetId !== id
+        );
+
+        const topId = newStackOrder[newStackOrder.length - 1];
+        const topSheet = topId ? newSheetsById[topId] : undefined;
+
+        if (topId && topSheet && topSheet.status === 'hidden') {
+          newSheetsById[topId] = { ...topSheet, status: 'opening' };
+        }
+
+        return {
+          sheetsById: newSheetsById,
+          stackOrder: newStackOrder,
+        };
+      }),
+
+    clearAll: () => set(() => ({ sheetsById: {}, stackOrder: [] })),
+  }))
 );

package/src/bottomSheetCoordinator.ts

@@ -1,9 +1,12 @@
 import { useBottomSheetStore } from './bottomSheet.store';
 import { sheetRefs } from './refsMap';
 
-export function initBottomSheetCoordinator() {
-  useBottomSheetStore.subscribe(
-    (s) => s.stack.map(({ id, status }) => ({ id, status })),
+export function initBottomSheetCoordinator(groupId: string) {
+  return useBottomSheetStore.subscribe(
+    (s) =>
+      s.stackOrder
+        .filter((id) => s.sheetsById[id]?.groupId === groupId)
+        .map((id) => ({ id, status: s.sheetsById[id]?.status })),
     (next, prev) => {
       next.forEach(({ id, status }) => {
         const prevStatus = prev.find((p) => p.id === id)?.status;
@@ -13,19 +16,18 @@ export function initBottomSheetCoordinator() {
         }
 
         const ref = sheetRefs[id]?.current;
-        if (!ref) {
-          return;
-        }
 
         switch (status) {
           case 'opening':
-            ref.expand();
+            requestAnimationFrame(() => {
+              sheetRefs[id]?.current?.expand();
+            });
             break;
           case 'hidden':
-            ref.close();
+            if (ref) ref.close();
             break;
           case 'closing':
-            ref.close();
+            if (ref) ref.close();
             break;
         }
       });
@@ -42,9 +44,8 @@ export function createSheetEventHandlers(sheetId: string) {
     useBottomSheetStore.getState();
 
   const handleAnimate = (fromIndex: number, toIndex: number) => {
-    const currentStatus = useBottomSheetStore
-      .getState()
-      .stack.find((s) => s.id === sheetId)?.status;
+    const state = useBottomSheetStore.getState();
+    const currentStatus = state.sheetsById[sheetId]?.status;
 
     // Sheet is closing (animating to -1)
     if (toIndex === -1) {
@@ -60,9 +61,8 @@ export function createSheetEventHandlers(sheetId: string) {
   };
 
   const handleClose = () => {
-    const currentStatus = useBottomSheetStore
-      .getState()
-      .stack.find((s) => s.id === sheetId)?.status;
+    const state = useBottomSheetStore.getState();
+    const currentStatus = state.sheetsById[sheetId]?.status;
 
     if (currentStatus !== 'hidden') {
       finishClosing(sheetId);

package/src/index.tsx

@@ -3,7 +3,5 @@ export { BottomSheetManagerProvider } from './BottomSheetManager.provider';
 export { useBottomSheetManager } from './useBottomSheetManager';
 export { useBottomSheetState } from './useBottomSheetState';
 export { BottomSheetManaged } from './BottomSheetManaged';
-export {
-  ScaleBackgroundWrapper,
-  type ScaleBackgroundConfig,
-} from './ScaleBackgroundWrapper';
+export { BottomSheetScaleView } from './BottomSheetScaleView';
+export { type ScaleConfig } from './useScaleAnimation';

package/src/useBottomSheetManager.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React from 'react';
 
 import { useBottomSheetStore, type OpenMode } from './bottomSheet.store';
 import { useMaybeBottomSheetManagerContext } from './BottomSheetManager.provider';
@@ -26,62 +26,51 @@ export const useBottomSheetManager = () => {
     shallow
   );
 
-  const openBottomSheet = useCallback(
-    (
-      content: React.ReactElement,
-      options: {
-        id?: string;
-        groupId?: string;
-        mode?: OpenMode;
-        scaleBackground?: boolean;
-      } = {}
-    ) => {
-      const groupId =
-        options.groupId || bottomSheetManagerContext?.groupId || 'default';
+  const openBottomSheet = (
+    content: React.ReactElement,
+    options: {
+      id?: string;
+      groupId?: string;
+      mode?: OpenMode;
+      scaleBackground?: boolean;
+    } = {}
+  ) => {
+    const groupId =
+      options.groupId || bottomSheetManagerContext?.groupId || 'default';
 
-      const id = options.id || Math.random().toString(36);
-      const ref = React.createRef<BottomSheetMethods>();
+    const id = options.id || Math.random().toString(36);
+    const ref = React.createRef<BottomSheetMethods>();
 
-      sheetRefs[id] = ref;
+    sheetRefs[id] = ref;
 
-      // @ts-ignore
-      const contentWithRef = React.cloneElement(content, { ref });
+    // @ts-ignore
+    const contentWithRef = React.cloneElement(content, { ref });
 
-      const sheetData = {
-        id,
-        groupId,
-        content: contentWithRef,
-        scaleBackground: options.scaleBackground,
-      };
+    const sheetData = {
+      id,
+      groupId,
+      content: contentWithRef,
+      scaleBackground: options.scaleBackground,
+    };
 
-      if (options.mode === 'replace') {
-        replaceBottomSheet(sheetData);
-      } else if (options.mode === 'switch') {
-        switchBottomSheet(sheetData);
-      } else {
-        pushBottomSheet(sheetData);
-      }
+    if (options.mode === 'replace') {
+      replaceBottomSheet(sheetData);
+    } else if (options.mode === 'switch') {
+      switchBottomSheet(sheetData);
+    } else {
+      pushBottomSheet(sheetData);
+    }
 
-      return id;
-    },
-    [
-      bottomSheetManagerContext?.groupId,
-      pushBottomSheet,
-      replaceBottomSheet,
-      switchBottomSheet,
-    ]
-  );
+    return id;
+  };
 
-  const close = useCallback(
-    (id: string) => {
-      startClosing(id);
-    },
-    [startClosing]
-  );
+  const close = (id: string) => {
+    startClosing(id);
+  };
 
-  const clearAll = useCallback(() => {
+  const clearAll = () => {
     storeClearAll();
-  }, [storeClearAll]);
+  };
 
   return {
     clearAll,

package/src/useBottomSheetState.ts

@@ -1,10 +1,8 @@
-import { useCallback, useMemo } from 'react';
 import { useMaybeBottomSheetContext } from './BottomSheet.context';
 import {
   useBottomSheetStore,
   type BottomSheetState,
 } from './bottomSheet.store';
-import { shallow } from 'zustand/shallow';
 
 export function useBottomSheetState(): {
   bottomSheetState: BottomSheetState;
@@ -12,30 +10,20 @@ export function useBottomSheetState(): {
   closeBottomSheet: () => void;
 } {
   const context = useMaybeBottomSheetContext();
-  const { bottomSheetsStack, startClosing } = useBottomSheetStore(
-    (store) => ({
-      bottomSheetsStack: store.stack,
-      startClosing: store.startClosing,
-    }),
-    shallow
-  );
 
-  const bottomSheetState = useMemo(
-    () =>
-      bottomSheetsStack.find((bottomSheet) => bottomSheet.id === context?.id),
-    [bottomSheetsStack, context?.id]
+  const bottomSheetState = useBottomSheetStore(
+    (state) => state.sheetsById[context?.id!]
   );
 
+  const startClosing = useBottomSheetStore((state) => state.startClosing);
+
   if (!bottomSheetState) {
     throw new Error(
       'useBottomSheetState must be used within a BottomSheetProvider'
     );
   }
 
-  const close = useCallback(
-    () => startClosing(bottomSheetState.id),
-    [bottomSheetState.id, startClosing]
-  );
+  const close = () => startClosing(bottomSheetState.id);
 
   return {
     bottomSheetState,

package/src/useScaleAnimation.ts

@@ -0,0 +1,114 @@
+import { useRef } from 'react';
+import {
+  useAnimatedStyle,
+  useDerivedValue,
+  withTiming,
+} from 'react-native-reanimated';
+import {
+  useBottomSheetStore,
+  type BottomSheetStore,
+} from './bottomSheet.store';
+
+export interface ScaleConfig {
+  /** Scale factor when sheet is open (default: 0.92) */
+  scale?: number;
+  /** Vertical translation when sheet is open (default: 10) */
+  translateY?: number;
+  /** Border radius when sheet is open (default: 12) */
+  borderRadius?: number;
+  /** Animation duration in ms (default: 300) */
+  duration?: number;
+}
+
+const DEFAULT_CONFIG: Required<ScaleConfig> = {
+  scale: 0.92,
+  translateY: 10,
+  borderRadius: 12,
+  duration: 300,
+};
+
+/**
+ * Returns the number of sheets with scaleBackground above a given element.
+ * For background wrapper, pass undefined as sheetId - returns 0 or 1 (binary).
+ * For sheets, returns the count of scaleBackground sheets above it.
+ * Uses shallow comparison internally for optimal re-renders.
+ */
+export function useScaleDepth(groupId: string, sheetId?: string): number {
+  const prevDepthRef = useRef(0);
+
+  const scaleDepthSelector = (state: BottomSheetStore) => {
+    const { stackOrder, sheetsById } = state;
+
+    // For background: check if ANY scaleBackground sheet is active (binary 0/1)
+    // For a sheet: count scaleBackground sheets above it in the stack
+    const startIndex = sheetId ? stackOrder.indexOf(sheetId) + 1 : 0;
+
+    if (sheetId && startIndex === 0) {
+      // Sheet not found in stack, return previous value to avoid flicker
+      return prevDepthRef.current;
+    }
+
+    let depth = 0;
+    for (let i = startIndex; i < stackOrder.length; i++) {
+      const id = stackOrder[i]!;
+      const sheet = sheetsById[id];
+      if (
+        sheet &&
+        sheet.groupId === groupId &&
+        sheet.scaleBackground &&
+        sheet.status !== 'closing'
+      ) {
+        depth++;
+        // For background wrapper (no sheetId), we only need to know if there's at least one
+        // Don't accumulate - background scales once, sheets below scale cumulatively
+        if (!sheetId) {
+          break;
+        }
+      }
+    }
+
+    prevDepthRef.current = depth;
+    return depth;
+  };
+
+  return useBottomSheetStore(scaleDepthSelector);
+}
+
+/**
+ * Returns animated style for scale effect based on depth.
+ * Uses power scaling: scale^depth for cascading effect.
+ */
+export function useScaleAnimatedStyle(depth: number, config?: ScaleConfig) {
+  const {
+    scale = DEFAULT_CONFIG.scale,
+    translateY = DEFAULT_CONFIG.translateY,
+    borderRadius = DEFAULT_CONFIG.borderRadius,
+    duration = DEFAULT_CONFIG.duration,
+  } = config ?? {};
+
+  const progress = useDerivedValue(() => {
+    return withTiming(depth, { duration });
+  });
+
+  return useAnimatedStyle(() => {
+    const p = progress.value;
+
+    if (p === 0) {
+      return {
+        transform: [{ scale: 1 }, { translateY: 0 }],
+        borderRadius: 0,
+        overflow: 'visible',
+      };
+    }
+
+    const currentScale = Math.pow(scale, p);
+    const currentTranslateY = translateY * p;
+    const currentBorderRadius = Math.min(borderRadius * p, borderRadius);
+
+    return {
+      transform: [{ scale: currentScale }, { translateY: currentTranslateY }],
+      borderRadius: currentBorderRadius,
+      overflow: 'hidden',
+    };
+  });
+}

package/lib/commonjs/ScaleBackgroundWrapper.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScaleBackgroundWrapper = ScaleBackgroundWrapper;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _shallow = require("zustand/shallow");
-var _BottomSheetManager = require("./BottomSheetManager.context");
-var _bottomSheet = require("./bottomSheet.store");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * Wraps content with iOS-style scale animation when a bottom sheet with
- * scaleBackground: true is open. Place your main content inside this wrapper,
- * but keep BottomSheetHost outside of it.
- *
- * @example
- * ```tsx
- * <BottomSheetManagerProvider id="default">
- *   <ScaleBackgroundWrapper config={{ scale: 0.92 }}>
- *     <MainContent />
- *   </ScaleBackgroundWrapper>
- *   <BottomSheetHost />
- * </BottomSheetManagerProvider>
- * ```
- */
-function ScaleBackgroundWrapper({
-  children,
-  config
-}) {
-  const context = (0, _react.useContext)(_BottomSheetManager.BottomSheetManagerContext);
-  const groupId = context?.groupId ?? 'default';
-  const {
-    scale = 0.92,
-    translateY = 10,
-    borderRadius = 12,
-    duration = 300
-  } = config ?? {};
-  const hasActiveScaleSheet = (0, _bottomSheet.useBottomSheetStore)(store => store.stack.some(sheet => sheet.groupId === groupId && sheet.scaleBackground && sheet.status !== 'closing'), _shallow.shallow);
-  const animationProgress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)(hasActiveScaleSheet ? 1 : 0, {
-    duration
-  }));
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const progress = animationProgress.value;
-    return {
-      transform: [{
-        scale: (0, _reactNativeReanimated.interpolate)(progress, [0, 1], [1, scale])
-      }, {
-        translateY: (0, _reactNativeReanimated.interpolate)(progress, [0, 1], [0, translateY])
-      }],
-      borderRadius: (0, _reactNativeReanimated.interpolate)(progress, [0, 1], [0, borderRadius]),
-      overflow: progress > 0 ? 'hidden' : 'visible'
-    };
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    style: [styles.scaleWrapper, animatedStyle],
-    children: children
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  scaleWrapper: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=ScaleBackgroundWrapper.js.map

package/lib/commonjs/ScaleBackgroundWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_shallow","_BottomSheetManager","_bottomSheet","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ScaleBackgroundWrapper","children","config","context","useContext","BottomSheetManagerContext","groupId","scale","translateY","borderRadius","duration","hasActiveScaleSheet","useBottomSheetStore","store","stack","some","sheet","scaleBackground","status","shallow","animationProgress","useDerivedValue","withTiming","animatedStyle","useAnimatedStyle","progress","value","transform","interpolate","overflow","jsx","View","style","styles","scaleWrapper","StyleSheet","create","flex"],"sourceRoot":"../../src","sources":["ScaleBackgroundWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,uBAAA,CAAAH,OAAA;AAMA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAA0D,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAiB1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASW,sBAAsBA,CAAC;EACrCC,QAAQ;EACRC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,6CAAyB,CAAC;EACrD,MAAMC,OAAO,GAAGH,OAAO,EAAEG,OAAO,IAAI,SAAS;EAE7C,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,UAAU,GAAG,EAAE;IACfC,YAAY,GAAG,EAAE;IACjBC,QAAQ,GAAG;EACb,CAAC,GAAGR,MAAM,IAAI,CAAC,CAAC;EAEhB,MAAMS,mBAAmB,GAAG,IAAAC,gCAAmB,EAC5CC,KAAK,IACJA,KAAK,CAACC,KAAK,CAACC,IAAI,CACbC,KAAK,IACJA,KAAK,CAACV,OAAO,KAAKA,OAAO,IACzBU,KAAK,CAACC,eAAe,IACrBD,KAAK,CAACE,MAAM,KAAK,SACrB,CAAC,EACHC,gBACF,CAAC;EAED,MAAMC,iBAAiB,GAAG,IAAAC,sCAAe,EAAC,MACxC,IAAAC,iCAAU,EAACX,mBAAmB,GAAG,CAAC,GAAG,CAAC,EAAE;IACtCD;EACF,CAAC,CACH,CAAC;EAED,MAAMa,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,MAAMC,QAAQ,GAAGL,iBAAiB,CAACM,KAAK;IAExC,OAAO;MACLC,SAAS,EAAE,CACT;QAAEpB,KAAK,EAAE,IAAAqB,kCAAW,EAACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAElB,KAAK,CAAC;MAAE,CAAC,EACpD;QAAEC,UAAU,EAAE,IAAAoB,kCAAW,EAACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEjB,UAAU,CAAC;MAAE,CAAC,CAC/D;MACDC,YAAY,EAAE,IAAAmB,kCAAW,EAACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAEhB,YAAY,CAAC,CAAC;MAC9DoB,QAAQ,EAAEJ,QAAQ,GAAG,CAAC,GAAI,QAAQ,GAAc;IAClD,CAAC;EACH,CAAC,CAAC;EAEF,oBACE,IAAA9C,WAAA,CAAAmD,GAAA,EAACxD,sBAAA,CAAAY,OAAQ,CAAC6C,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,YAAY,EAAEX,aAAa,CAAE;IAAAtB,QAAA,EACxDA;EAAQ,CACI,CAAC;AAEpB;AAEA,MAAMgC,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,YAAY,EAAE;IACZG,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}