@mustmove/bottom-sheet 1.0.0 → 1.0.2

package/lib/module/utilities/logger.js

@@ -0,0 +1,39 @@
+"use strict";
+
+let _isLoggingEnabled = false;
+let _excludeCategories;
+const enableLogging = excludeCategories => {
+  if (!__DEV__) {
+    console.warn('[BottomSheet] could not enable logging on production!');
+    return;
+  }
+  _isLoggingEnabled = true;
+  _excludeCategories = excludeCategories;
+};
+let print = () => {};
+if (__DEV__) {
+  print = ({
+    component,
+    method,
+    params,
+    category
+  }) => {
+    if (!_isLoggingEnabled) {
+      return;
+    }
+    if (category && _excludeCategories && _excludeCategories.includes(category)) {
+      return;
+    }
+    let message = '';
+    if (typeof params === 'object') {
+      message = Object.keys(params).map(key => `${key}:${params[key]}`).join(' ');
+    } else {
+      message = `${params ?? ''}`;
+    }
+    // biome-ignore lint/suspicious/noConsole: used for debugging
+    console.log(`[${[component, method].filter(Boolean).join('::')}]`, message);
+  };
+}
+Object.freeze(print);
+export { print, enableLogging };
+//# sourceMappingURL=logger.js.map

package/lib/module/utilities/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_isLoggingEnabled","_excludeCategories","enableLogging","excludeCategories","__DEV__","console","warn","print","component","method","params","category","includes","message","Object","keys","map","key","join","log","filter","Boolean","freeze"],"sourceRoot":"../../../src","sources":["utilities/logger.ts"],"mappings":";;AASA,IAAIA,iBAAiB,GAAG,KAAK;AAC7B,IAAIC,kBAA0D;AAE9D,MAAMC,aAAa,GAAIC,iBAA8C,IAAK;EACxE,IAAI,CAACC,OAAO,EAAE;IACZC,OAAO,CAACC,IAAI,CAAC,uDAAuD,CAAC;IACrE;EACF;EAEAN,iBAAiB,GAAG,IAAI;EACxBC,kBAAkB,GAAGE,iBAAiB;AACxC,CAAC;AAED,IAAII,KAAY,GAAGA,CAAA,KAAM,CAAC,CAAC;AAE3B,IAAIH,OAAO,EAAE;EACXG,KAAK,GAAGA,CAAC;IAAEC,SAAS;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,KAAK;IACnD,IAAI,CAACX,iBAAiB,EAAE;MACtB;IACF;IAEA,IACEW,QAAQ,IACRV,kBAAkB,IAClBA,kBAAkB,CAACW,QAAQ,CAACD,QAAQ,CAAC,EACrC;MACA;IACF;IAEA,IAAIE,OAAO,GAAG,EAAE;IAEhB,IAAI,OAAOH,MAAM,KAAK,QAAQ,EAAE;MAC9BG,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACL,MAAM,CAAC,CAC1BM,GAAG,CAACC,GAAG,IAAI,GAAGA,GAAG,IAAIP,MAAM,CAACO,GAAG,CAAC,EAAE,CAAC,CACnCC,IAAI,CAAC,GAAG,CAAC;IACd,CAAC,MAAM;MACLL,OAAO,GAAG,GAAGH,MAAM,IAAI,EAAE,EAAE;IAC7B;IACA;IACAL,OAAO,CAACc,GAAG,CAAC,IAAI,CAACX,SAAS,EAAEC,MAAM,CAAC,CAACW,MAAM,CAACC,OAAO,CAAC,CAACH,IAAI,CAAC,IAAI,CAAC,GAAG,EAAEL,OAAO,CAAC;EAC7E,CAAC;AACH;AAEAC,MAAM,CAACQ,MAAM,CAACf,KAAK,CAAC;AAEpB,SAASA,KAAK,EAAEL,aAAa","ignoreList":[]}

package/lib/module/utilities/noop.js

@@ -0,0 +1,8 @@
+"use strict";
+
+const workletNoop = () => {
+  'worklet';
+};
+const noop = () => {};
+export { noop, workletNoop };
+//# sourceMappingURL=noop.js.map

package/lib/module/utilities/noop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["workletNoop","noop"],"sourceRoot":"../../../src","sources":["utilities/noop.ts"],"mappings":";;AAAA,MAAMA,WAAW,GAAGA,CAAA,KAAM;EACxB,SAAS;AACX,CAAC;AAED,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASA,IAAI,EAAED,WAAW","ignoreList":[]}

package/lib/module/utilities/normalizeSnapPoint.js

@@ -0,0 +1,17 @@
+"use strict";
+
+/**
+ * Converts a snap point to fixed numbers.
+ */
+export const normalizeSnapPoint = (snapPoint, containerHeight) => {
+  'worklet';
+
+  let normalizedSnapPoint = snapPoint;
+
+  // percentage snap point
+  if (typeof normalizedSnapPoint === 'string') {
+    normalizedSnapPoint = Number(normalizedSnapPoint.split('%')[0]) * containerHeight / 100;
+  }
+  return Math.max(0, containerHeight - normalizedSnapPoint);
+};
+//# sourceMappingURL=normalizeSnapPoint.js.map

package/lib/module/utilities/normalizeSnapPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeSnapPoint","snapPoint","containerHeight","normalizedSnapPoint","Number","split","Math","max"],"sourceRoot":"../../../src","sources":["utilities/normalizeSnapPoint.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,MAAMA,kBAAkB,GAAGA,CAChCC,SAA0B,EAC1BC,eAAuB,KACpB;EACH,SAAS;;EACT,IAAIC,mBAAmB,GAAGF,SAAS;;EAEnC;EACA,IAAI,OAAOE,mBAAmB,KAAK,QAAQ,EAAE;IAC3CA,mBAAmB,GAChBC,MAAM,CAACD,mBAAmB,CAACE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAGH,eAAe,GAAI,GAAG;EACvE;EACA,OAAOI,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,eAAe,GAAGC,mBAAmB,CAAC;AAC3D,CAAC","ignoreList":[]}

package/lib/module/utilities/snapPoint.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export const snapPoint = (value, velocity, points) => {
+  'worklet';
+
+  const point = value + 0.2 * velocity;
+  const deltas = points.map(p => Math.abs(point - p));
+  const minDelta = Math.min.apply(null, deltas);
+  return points.filter(p => Math.abs(point - p) === minDelta)[0];
+};
+//# sourceMappingURL=snapPoint.js.map

package/lib/module/utilities/snapPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["snapPoint","value","velocity","points","point","deltas","map","p","Math","abs","minDelta","min","apply","filter"],"sourceRoot":"../../../src","sources":["utilities/snapPoint.ts"],"mappings":";;AAAA,OAAO,MAAMA,SAAS,GAAGA,CACvBC,KAAa,EACbC,QAAgB,EAChBC,MAA6B,KAClB;EACX,SAAS;;EACT,MAAMC,KAAK,GAAGH,KAAK,GAAG,GAAG,GAAGC,QAAQ;EACpC,MAAMG,MAAM,GAAGF,MAAM,CAACG,GAAG,CAACC,CAAC,IAAIC,IAAI,CAACC,GAAG,CAACL,KAAK,GAAGG,CAAC,CAAC,CAAC;EACnD,MAAMG,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAACC,KAAK,CAAC,IAAI,EAAEP,MAAM,CAAC;EAC7C,OAAOF,MAAM,CAACU,MAAM,CAACN,CAAC,IAAIC,IAAI,CAACC,GAAG,CAACL,KAAK,GAAGG,CAAC,CAAC,KAAKG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAChE,CAAC","ignoreList":[]}

package/lib/module/utilities/validateSnapPoint.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import invariant from 'invariant';
+export const validateSnapPoint = snapPoint => {
+  invariant(typeof snapPoint === 'number' || typeof snapPoint === 'string', `'${snapPoint}' is not a valid snap point! expected types are string or number.`);
+  invariant(typeof snapPoint === 'number' || typeof snapPoint === 'string' && snapPoint.includes('%'), `'${snapPoint}' is not a valid percentage snap point! expected percentage snap point must include '%'. e.g. '50%'`);
+  invariant(typeof snapPoint === 'number' || typeof snapPoint === 'string' && Number(snapPoint.split('%')[0]), `'${snapPoint}' is not a valid percentage snap point! expected percentage snap point must be only numbers and '%'. e.g. '50%'`);
+};
+//# sourceMappingURL=validateSnapPoint.js.map

package/lib/module/utilities/validateSnapPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["invariant","validateSnapPoint","snapPoint","includes","Number","split"],"sourceRoot":"../../../src","sources":["utilities/validateSnapPoint.ts"],"mappings":";;AAAA,OAAOA,SAAS,MAAM,WAAW;AAEjC,OAAO,MAAMC,iBAAiB,GAAIC,SAA0B,IAAK;EAC/DF,SAAS,CACP,OAAOE,SAAS,KAAK,QAAQ,IAAI,OAAOA,SAAS,KAAK,QAAQ,EAC9D,IAAIA,SAAS,mEACf,CAAC;EAEDF,SAAS,CACP,OAAOE,SAAS,KAAK,QAAQ,IAC1B,OAAOA,SAAS,KAAK,QAAQ,IAAIA,SAAS,CAACC,QAAQ,CAAC,GAAG,CAAE,EAC5D,IAAID,SAAS,qGACf,CAAC;EAEDF,SAAS,CACP,OAAOE,SAAS,KAAK,QAAQ,IAC1B,OAAOA,SAAS,KAAK,QAAQ,IAAIE,MAAM,CAACF,SAAS,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,EACpE,IAAIH,SAAS,iHACf,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/components/bottomSheet/BottomSheet.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { BottomSheetMethods } from '../../types';
+import type { BottomSheetProps } from './types';
+type BottomSheet = BottomSheetMethods;
+declare const BottomSheet: React.MemoExoticComponent<React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetMethods>>>;
+export default BottomSheet;
+//# sourceMappingURL=BottomSheet.d.ts.map

package/lib/typescript/components/bottomSheet/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AAyCf,OAAO,KAAK,EAAkB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAoCtE,OAAO,KAAK,EAAyB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMvE,KAAK,WAAW,GAAG,kBAAkB,CAAC;AA+wDtC,QAAA,MAAM,WAAW,wHAA6B,CAAC;AAG/C,eAAe,WAAW,CAAC"}

package/lib/typescript/components/bottomSheet/BottomSheetBody.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { BottomSheetProps } from '../bottomSheet/types';
+type BottomSheetBodyProps = {
+    style?: BottomSheetProps['style'];
+    children?: React.ReactNode;
+};
+declare function BottomSheetBodyComponent({ style, children }: BottomSheetBodyProps): React.JSX.Element;
+export declare const BottomSheetBody: React.MemoExoticComponent<typeof BottomSheetBodyComponent>;
+export {};
+//# sourceMappingURL=BottomSheetBody.d.ts.map

package/lib/typescript/components/bottomSheet/BottomSheetBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheet/BottomSheetBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG7D,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,iBAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,qBA4B1E;AAED,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/lib/typescript/components/bottomSheet/BottomSheetContent.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ViewProps, ViewStyle } from 'react-native';
+import { type AnimatedStyle } from 'react-native-reanimated';
+import type { NullableAccessibilityProps } from '../../types';
+import type { BottomSheetProps } from './types';
+type BottomSheetContent = {
+    style?: AnimatedStyle<ViewStyle>;
+} & Pick<BottomSheetProps, 'children' | 'detached' | 'animationConfigs' | 'overrideReduceMotion' | 'keyboardBehavior'> & NullableAccessibilityProps & ViewProps;
+declare function BottomSheetContentComponent({ detached, animationConfigs, overrideReduceMotion, keyboardBehavior, accessible, accessibilityLabel, accessibilityHint, accessibilityRole, children, }: BottomSheetContent): React.JSX.Element;
+export declare const BottomSheetContent: React.MemoExoticComponent<typeof BottomSheetContentComponent>;
+export {};
+//# sourceMappingURL=BottomSheetContent.d.ts.map

package/lib/typescript/components/bottomSheet/BottomSheetContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetContent.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheet/BottomSheetContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAiB,EACf,KAAK,aAAa,EAGnB,MAAM,yBAAyB,CAAC;AAOjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,IAAI,CACN,gBAAgB,EACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,sBAAsB,GACtB,kBAAkB,CACrB,GACC,0BAA0B,GAC1B,SAAS,CAAC;AAEZ,iBAAS,2BAA2B,CAAC,EACnC,QAAQ,EACR,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GACT,EAAE,kBAAkB,qBAuNpB;AAED,eAAO,MAAM,kBAAkB,+DAAoC,CAAC"}

package/lib/typescript/components/bottomSheet/constants.d.ts

@@ -0,0 +1,21 @@
+declare const DEFAULT_HANDLE_HEIGHT = 24;
+declare const DEFAULT_OVER_DRAG_RESISTANCE_FACTOR = 2.5;
+declare const DEFAULT_ENABLE_CONTENT_PANNING_GESTURE = true;
+declare const DEFAULT_ENABLE_HANDLE_PANNING_GESTURE = true;
+declare const DEFAULT_ENABLE_OVER_DRAG = true;
+declare const DEFAULT_ENABLE_PAN_DOWN_TO_CLOSE = false;
+declare const DEFAULT_ANIMATE_ON_MOUNT = true;
+declare const DEFAULT_DYNAMIC_SIZING = true;
+declare const DEFAULT_KEYBOARD_BEHAVIOR: "interactive";
+declare const DEFAULT_KEYBOARD_BLUR_BEHAVIOR: "none";
+declare const DEFAULT_KEYBOARD_INPUT_MODE: "adjustPan";
+declare const DEFAULT_ENABLE_BLUR_KEYBOARD_ON_GESTURE = false;
+declare const DEFAULT_KEYBOARD_INDEX = -998;
+declare const INITIAL_VALUE: number;
+declare const INITIAL_SNAP_POINT = -999;
+declare const INITIAL_POSITION: number;
+declare const DEFAULT_ACCESSIBLE = true;
+declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet";
+declare const DEFAULT_ACCESSIBILITY_ROLE = "adjustable";
+export { DEFAULT_HANDLE_HEIGHT, DEFAULT_OVER_DRAG_RESISTANCE_FACTOR, DEFAULT_ENABLE_CONTENT_PANNING_GESTURE, DEFAULT_ENABLE_HANDLE_PANNING_GESTURE, DEFAULT_ENABLE_OVER_DRAG, DEFAULT_ENABLE_PAN_DOWN_TO_CLOSE, DEFAULT_DYNAMIC_SIZING, DEFAULT_ANIMATE_ON_MOUNT, DEFAULT_KEYBOARD_BEHAVIOR, DEFAULT_KEYBOARD_BLUR_BEHAVIOR, DEFAULT_KEYBOARD_INPUT_MODE, DEFAULT_ENABLE_BLUR_KEYBOARD_ON_GESTURE, DEFAULT_KEYBOARD_INDEX, INITIAL_POSITION, INITIAL_SNAP_POINT, INITIAL_VALUE, DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_ROLE, };
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/components/bottomSheet/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheet/constants.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB,KAAK,CAAC;AACjC,QAAA,MAAM,mCAAmC,MAAM,CAAC;AAChD,QAAA,MAAM,sCAAsC,OAAO,CAAC;AACpD,QAAA,MAAM,qCAAqC,OAAO,CAAC;AACnD,QAAA,MAAM,wBAAwB,OAAO,CAAC;AACtC,QAAA,MAAM,gCAAgC,QAAQ,CAAC;AAC/C,QAAA,MAAM,wBAAwB,OAAO,CAAC;AACtC,QAAA,MAAM,sBAAsB,OAAO,CAAC;AAGpC,QAAA,MAAM,yBAAyB,eAAgC,CAAC;AAChE,QAAA,MAAM,8BAA8B,QAA8B,CAAC;AACnE,QAAA,MAAM,2BAA2B,aAAgC,CAAC;AAClE,QAAA,MAAM,uCAAuC,QAAQ,CAAC;AACtD,QAAA,MAAM,sBAAsB,OAAO,CAAC;AAGpC,QAAA,MAAM,aAAa,QAA2B,CAAC;AAC/C,QAAA,MAAM,kBAAkB,OAAO,CAAC;AAChC,QAAA,MAAM,gBAAgB,QAAgB,CAAC;AAGvC,QAAA,MAAM,kBAAkB,OAAO,CAAC;AAChC,QAAA,MAAM,2BAA2B,iBAAiB,CAAC;AACnD,QAAA,MAAM,0BAA0B,eAAe,CAAC;AAEhD,OAAO,EACL,qBAAqB,EACrB,mCAAmC,EACnC,sCAAsC,EACtC,qCAAqC,EACrC,wBAAwB,EACxB,gCAAgC,EAChC,sBAAsB,EACtB,wBAAwB,EAExB,yBAAyB,EACzB,8BAA8B,EAC9B,2BAA2B,EAC3B,uCAAuC,EACvC,sBAAsB,EAEtB,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EAEb,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,GAC3B,CAAC"}

package/lib/typescript/components/bottomSheet/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './BottomSheet';
+export type { BottomSheetProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/bottomSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/components/bottomSheet/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: {
+    container: {
+        flexDirection: "column-reverse";
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/bottomSheet/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheet/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;CAQjB,CAAC"}

package/lib/typescript/components/bottomSheet/types.d.ts

@@ -0,0 +1,358 @@
+import type React from 'react';
+import type { Insets, StyleProp, View, ViewStyle } from 'react-native';
+import type { PanGesture } from 'react-native-gesture-handler';
+import type {
+  AnimateStyle,
+  ReduceMotion,
+  SharedValue,
+  WithSpringConfig,
+  WithTimingConfig,
+} from 'react-native-reanimated';
+import type {
+  ANIMATION_SOURCE,
+  KEYBOARD_BEHAVIOR,
+  KEYBOARD_BLUR_BEHAVIOR,
+  KEYBOARD_INPUT_MODE,
+  SNAP_POINT_TYPE,
+} from '../../constants';
+import type {
+  ContainerLayoutState,
+  GestureEventsHandlersHookType,
+  NullableAccessibilityProps,
+} from '../../types';
+import type { BottomSheetBackdropProps } from '../bottomSheetBackdrop';
+import type { BottomSheetBackgroundProps } from '../bottomSheetBackground';
+import type { BottomSheetFooterProps } from '../bottomSheetFooter';
+import type { BottomSheetHandleProps } from '../bottomSheetHandle';
+
+export interface BottomSheetProps
+  extends BottomSheetAnimationConfigs,
+    Partial<BottomSheetGestureProps>,
+    Omit<NullableAccessibilityProps, 'accessibilityHint'> {
+  //#region configuration
+  /**
+   * Initial snap point index, provide `-1` to initiate bottom sheet in closed state.
+   * @type number
+   * @default 0
+   */
+  index?: number;
+  /**
+   * Points for the bottom sheet to snap to. It accepts array of number, string or mix.
+   * String values should be a percentage.
+   *
+   * ⚠️ This prop is required unless you set `enableDynamicSizing` to `true`.
+   * @example
+   * snapPoints={[200, 500]}
+   * snapPoints={[200, '%50']}
+   * snapPoints={['%100']}
+   * @type Array<string | number>
+   */
+  snapPoints?: Array<string | number> | SharedValue<Array<string | number>>;
+  /**
+   * Defines how violently sheet has to be stopped while over dragging.
+   * @type number
+   * @default 2.5
+   */
+  overDragResistanceFactor?: number;
+  /**
+   * Defines whether the bottom sheet is attached to the bottom or no.
+   * @type boolean
+   * @default false
+   */
+  detached?: boolean;
+  /**
+   * Enable content panning gesture interaction.
+   * @type boolean
+   * @default true
+   */
+  enableContentPanningGesture?: boolean;
+  /**
+   * Enable handle panning gesture interaction.
+   * @type boolean
+   * @default true
+   */
+  enableHandlePanningGesture?: boolean;
+  /**
+   * Enable over drag for the sheet.
+   * @type boolean
+   * @default true
+   */
+  enableOverDrag?: boolean;
+  /**
+   * Enable pan down gesture to close the sheet.
+   * @type boolean
+   * @default false
+   */
+  enablePanDownToClose?: boolean;
+  /**
+   * Enable dynamic sizing for content view and scrollable content size.
+   * @type boolean
+   * @default true
+   */
+  enableDynamicSizing?: boolean;
+  /**
+   * To start the sheet closed and snap to initial index when it's mounted.
+   * @type boolean
+   * @default true
+   */
+  animateOnMount?: boolean;
+  /**
+   * To override the user reduce motion setting.
+   * - `ReduceMotion.System`: if the `Reduce motion` accessibility setting is enabled on the device, disable the animation.
+   * - `ReduceMotion.Always`: disable the animation, even if `Reduce motion` accessibility setting is not enabled.
+   * - `ReduceMotion.Never`: enable the animation, even if `Reduce motion` accessibility setting is enabled.
+   * @type ReduceMotion
+   * @see https://docs.swmansion.com/react-native-reanimated/docs/guides/accessibility
+   * @default ReduceMotion.System
+   */
+  overrideReduceMotion?: ReduceMotion;
+  //#endregion
+
+  //#region layout
+  /**
+   * Container height helps to calculate the internal sheet layouts,
+   * if `containerHeight` not provided, the library internally will calculate it,
+   * however this will cause an extra re-rendering.
+   * @type number | SharedValue<number>;
+   * @deprecated please use `containerLayoutState` instead.
+   */
+  containerHeight?: number | SharedValue<number>;
+  /**
+   * Container offset helps to accurately detect container offsets.
+   * @type SharedValue<number>;
+   * @deprecated please use `containerLayoutState` instead.
+   */
+  containerOffset?: SharedValue<Required<Insets>>;
+  /**
+   * Container layout state, this is used to calculate the container height and offsets.
+   * If not provided, the library will use the default container layout state.
+   * @type SharedValue<ContainerLayoutState>
+   * @default undefined
+   */
+  containerLayoutState?: SharedValue<ContainerLayoutState>;
+  /**
+   * Top inset value helps to calculate percentage snap points values,
+   * usually comes from `@react-navigation/stack` hook `useHeaderHeight` or
+   * from `react-native-safe-area-context` hook `useSafeArea`.
+   * @type number
+   * @default 0
+   */
+  topInset?: number;
+  /**
+   * Bottom inset value helps to calculate percentage snap points values,
+   * usually comes from `react-native-safe-area-context` hook `useSafeArea`.
+   * @type number
+   * @default 0
+   */
+  bottomInset?: number;
+  /**
+   * Max dynamic content size height to limit the bottom sheet height
+   * from exceeding a provided size.
+   * @type number
+   * @default container height
+   */
+  maxDynamicContentSize?: number;
+  //#endregion
+
+  //#region keyboard
+  /**
+   * Defines the keyboard appearance behavior.
+   * @enum
+   * - `interactive`: offset the sheet by the size of the keyboard.
+   * - `extend`: extend the sheet to its maximum snap point.
+   * - `fillParent`: extend the sheet to fill parent.
+   * @type `interactive` | `extend` | `fillParent`
+   * @default interactive
+   */
+  keyboardBehavior?: keyof typeof KEYBOARD_BEHAVIOR;
+  /**
+   * Defines the keyboard blur behavior.
+   * - `none`: do nothing.
+   * - `restore`: restore sheet position.
+   */
+  keyboardBlurBehavior?: keyof typeof KEYBOARD_BLUR_BEHAVIOR;
+  /**
+   * Enable blurring the keyboard when user start to drag the bottom sheet.
+   * @default false
+   */
+  enableBlurKeyboardOnGesture?: boolean;
+  /**
+   * Defines keyboard input mode for Android only.
+   * @link {https://developer.android.com/guide/topics/manifest/activity-element#wsoft}
+   * @type `adjustPan` | `adjustResize`
+   * @default `adjustPan`
+   */
+  android_keyboardInputMode?: keyof typeof KEYBOARD_INPUT_MODE;
+
+  //#endregion
+
+  //#region styles
+  /**
+   * View style to be applied to the container.
+   * @type ViewStyle
+   * @default undefined
+   */
+  containerStyle?: StyleProp<ViewStyle>;
+  /**
+   * View style to be applied to the sheet container component,
+   * it also could be an Animated Style.
+   * @type AnimateStyle<ViewStyle>
+   * @default undefined
+   */
+  style?: StyleProp<
+    AnimateStyle<
+      Omit<
+        ViewStyle,
+        | 'flexDirection'
+        | 'position'
+        | 'top'
+        | 'left'
+        | 'bottom'
+        | 'right'
+        | 'opacity'
+        | 'transform'
+      >
+    >
+  >;
+  /**
+   * View style to be applied to the background component.
+   * @type ViewStyle
+   * @default undefined
+   */
+  backgroundStyle?: StyleProp<
+    Omit<ViewStyle, 'position' | 'top' | 'left' | 'bottom' | 'right'>
+  >;
+  /**
+   * View style to be applied to the handle component.
+   * @type ViewStyle
+   * @default undefined
+   */
+  handleStyle?: StyleProp<ViewStyle>;
+  /**
+   * View style to be applied to the handle indicator component.
+   * @type ViewStyle
+   * @default undefined
+   */
+  handleIndicatorStyle?: StyleProp<ViewStyle>;
+  //#endregion
+
+  /**
+   * Custom hook to provide pan gesture events handler, which will allow advance and
+   * customize handling for pan gesture.
+   * @warning this is an experimental feature and the hook signature can change without a major version bump.
+   * @type GestureEventsHandlersHookType
+   * @default useGestureEventsHandlersDefault
+   */
+  gestureEventsHandlersHook?: GestureEventsHandlersHookType;
+
+  //#region animated nodes
+  /**
+   * Animated value to be used as a callback of the position node internally.
+   * @type SharedValue<number>
+   */
+  animatedPosition?: SharedValue<number>;
+  /**
+   * Animated value to be used as a callback for the position index node internally.
+   * @type SharedValue<number>
+   */
+  animatedIndex?: SharedValue<number>;
+  //#endregion
+
+  //#region callbacks
+  /**
+   * Callback when the sheet position changed to a provided point.
+   *
+   * @type (index: number) => void;
+   */
+  onChange?: (index: number, position: number, type: SNAP_POINT_TYPE) => void;
+  /**
+   * Callback when the sheet close.
+   *
+   * @type () => void;
+   */
+  onClose?: () => void;
+  /**
+   * Callback when the sheet about to animate to a new position.
+   *
+   * @type (fromIndex: number, toIndex: number, fromPosition: number, toPosition: number) => void;
+   */
+  onAnimate?: (
+    fromIndex: number,
+    toIndex: number,
+    fromPosition: number,
+    toPosition: number
+  ) => void;
+  //#endregion
+
+  //#region components
+  /**
+   * Component to be placed as a sheet handle.
+   * @see {BottomSheetHandleProps}
+   * @type React.FC\<BottomSheetHandleProps\>
+   */
+  handleComponent?: React.FC<BottomSheetHandleProps> | null;
+
+  /**
+   * Component to be placed as a sheet backdrop.
+   * @see {BottomSheetBackdropProps}
+   * @type React.FC\<BottomSheetBackdropProps\>
+   * @default undefined
+   */
+  backdropComponent?: React.FC<BottomSheetBackdropProps>;
+  /**
+   * Component to be placed as a background.
+   * @see {BottomSheetBackgroundProps}
+   * @type React.FC\<BottomSheetBackgroundProps\>
+   */
+  backgroundComponent?: React.FC<BottomSheetBackgroundProps> | null;
+  /**
+   * Component to be placed as a footer.
+   * @see {BottomSheetFooterProps}
+   * @type React.FC\<BottomSheetFooterProps\>
+   */
+  footerComponent?: React.FC<BottomSheetFooterProps>;
+  /**
+   * A scrollable node or normal view.
+   * @type React.ReactNode
+   */
+  children: React.ReactNode;
+  //#endregion
+
+  //#region private
+  /**
+   * An indicator whether if the sheet running in a modal.
+   * @type boolean
+   */
+  $modal?: boolean;
+  //#endregion
+}
+
+export interface BottomSheetAnimationConfigs {
+  /**
+   * Animation configs, this could be created by:
+   * - `useBottomSheetSpringConfigs`
+   * - `useBottomSheetTimingConfigs`
+   * @type WithSpringConfig | WithTimingConfig
+   */
+  animationConfigs?: WithSpringConfig | WithTimingConfig;
+}
+
+export type AnimateToPositionType = (
+  position: number,
+  source: ANIMATION_SOURCE,
+  velocity?: number,
+  configs?: WithTimingConfig | WithSpringConfig
+) => void;
+
+export type BottomSheetGestureProps = {
+  activeOffsetX: Parameters<PanGesture['activeOffsetX']>[0];
+  activeOffsetY: Parameters<PanGesture['activeOffsetY']>[0];
+
+  failOffsetY: Parameters<PanGesture['failOffsetY']>[0];
+  failOffsetX: Parameters<PanGesture['failOffsetX']>[0];
+
+  simultaneousHandlers: Parameters<
+    PanGesture['simultaneousWithExternalGesture']
+  >[0];
+  waitFor: Parameters<PanGesture['requireExternalGestureToFail']>[0];
+};

package/lib/typescript/components/bottomSheetBackdrop/BottomSheetBackdrop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BottomSheetDefaultBackdropProps } from './types';
+export declare const BottomSheetBackdrop: React.MemoExoticComponent<({ animatedIndex, opacity: _providedOpacity, appearsOnIndex: _providedAppearsOnIndex, disappearsOnIndex: _providedDisappearsOnIndex, enableTouchThrough: _providedEnableTouchThrough, pressBehavior, onPress, style, children, accessible: _providedAccessible, accessibilityRole: _providedAccessibilityRole, accessibilityLabel: _providedAccessibilityLabel, accessibilityHint: _providedAccessibilityHint, }: BottomSheetDefaultBackdropProps) => React.JSX.Element>;
+//# sourceMappingURL=BottomSheetBackdrop.d.ts.map

package/lib/typescript/components/bottomSheetBackdrop/BottomSheetBackdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetBackdrop.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAuBf,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAqI/D,eAAO,MAAM,mBAAmB,8aArH7B,+BAA+B,uBAqHmC,CAAC"}

package/lib/typescript/components/bottomSheetBackdrop/constants.d.ts

@@ -0,0 +1,11 @@
+declare const DEFAULT_OPACITY = 0.5;
+declare const DEFAULT_APPEARS_ON_INDEX = 1;
+declare const DEFAULT_DISAPPEARS_ON_INDEX = 0;
+declare const DEFAULT_ENABLE_TOUCH_THROUGH = false;
+declare const DEFAULT_PRESS_BEHAVIOR: "close";
+declare const DEFAULT_ACCESSIBLE = true;
+declare const DEFAULT_ACCESSIBILITY_ROLE = "button";
+declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom sheet backdrop";
+declare const DEFAULT_ACCESSIBILITY_HINT = "Tap to close the bottom sheet";
+export { DEFAULT_OPACITY, DEFAULT_APPEARS_ON_INDEX, DEFAULT_DISAPPEARS_ON_INDEX, DEFAULT_ENABLE_TOUCH_THROUGH, DEFAULT_PRESS_BEHAVIOR, DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_ROLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_HINT, };
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/components/bottomSheetBackdrop/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheetBackdrop/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe,MAAM,CAAC;AAC5B,QAAA,MAAM,wBAAwB,IAAI,CAAC;AACnC,QAAA,MAAM,2BAA2B,IAAI,CAAC;AACtC,QAAA,MAAM,4BAA4B,QAAQ,CAAC;AAC3C,QAAA,MAAM,sBAAsB,EAAG,OAAgB,CAAC;AAEhD,QAAA,MAAM,kBAAkB,OAAO,CAAC;AAChC,QAAA,MAAM,0BAA0B,WAAW,CAAC;AAC5C,QAAA,MAAM,2BAA2B,0BAA0B,CAAC;AAC5D,QAAA,MAAM,0BAA0B,kCAAkC,CAAC;AAEnE,OAAO,EACL,eAAe,EACf,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,sBAAsB,EACtB,kBAAkB,EAClB,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,GAC3B,CAAC"}

package/lib/typescript/components/bottomSheetBackdrop/index.d.ts

@@ -0,0 +1,3 @@
+export { BottomSheetBackdrop } from './BottomSheetBackdrop';
+export type { BottomSheetBackdropProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/bottomSheetBackdrop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheetBackdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/components/bottomSheetBackdrop/styles.d.ts

@@ -0,0 +1,11 @@
+export declare const styles: {
+    backdrop: {
+        backgroundColor: string;
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/bottomSheetBackdrop/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/bottomSheetBackdrop/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;CAKjB,CAAC"}