@ankhorage/surface 9.0.8 → 9.0.10

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @ankhorage/surface
 
+## 9.0.10
+
+### Patch Changes
+
+- 93ce233: Update Ankhorage dependencies: `@ankhorage/contracts`.
+
+## 9.0.9
+
+### Patch Changes
+
+- 91caf32: Make the public bottom-sheet boundary portable on Web with React Native Web scrollables and a
+  Gorhom-free browser provider while preserving the native Gorhom implementation.
+
 ## 9.0.8
 
 ### Patch Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # @ankhorage/surface
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v9.0.8](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v9.0.10](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Cross-platform UI foundation for React Native and React Native Web. Provides theming, layout primitives, and core building blocks for modern apps.
 

package/dist/features/bottom-sheet/BottomSheetFlatList.d.ts

@@ -0,0 +1,3 @@
+/*** Exposes the native BottomSheet-aware FlatList implementation. */
+export declare const BottomSheetFlatList: <T>(props: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetFlatListProps<T>) => ReturnType<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetFlatListProps<never>, "ref"> & import("react").RefAttributes<import("@gorhom/bottom-sheet").BottomSheetFlatListMethods>>>>;
+//# sourceMappingURL=BottomSheetFlatList.d.ts.map

package/dist/features/bottom-sheet/BottomSheetFlatList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFlatList.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetFlatList.tsx"],"names":[],"mappings":"AAEA,qEAAqE;AACrE,eAAO,MAAM,mBAAmB,0bAA4B,CAAC"}

package/dist/features/bottom-sheet/BottomSheetFlatList.js

@@ -0,0 +1,4 @@
+import { BottomSheetFlatList as GorhomBottomSheetFlatList } from '@gorhom/bottom-sheet';
+/*** Exposes the native BottomSheet-aware FlatList implementation. */
+export const BottomSheetFlatList = GorhomBottomSheetFlatList;
+//# sourceMappingURL=BottomSheetFlatList.js.map

package/dist/features/bottom-sheet/BottomSheetFlatList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFlatList.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAExF,qEAAqE;AACrE,MAAM,CAAC,MAAM,mBAAmB,GAAG,yBAAyB,CAAC","sourcesContent":["import { BottomSheetFlatList as GorhomBottomSheetFlatList } from '@gorhom/bottom-sheet';\n\n/*** Exposes the native BottomSheet-aware FlatList implementation. */\nexport const BottomSheetFlatList = GorhomBottomSheetFlatList;\n"]}

package/dist/features/bottom-sheet/BottomSheetFlatList.web.d.ts

@@ -0,0 +1,4 @@
+import { FlatList } from 'react-native';
+/*** Exposes the portable React Native Web FlatList under the bottom-sheet contract. */
+export declare const BottomSheetFlatList: typeof FlatList;
+//# sourceMappingURL=BottomSheetFlatList.web.d.ts.map

package/dist/features/bottom-sheet/BottomSheetFlatList.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFlatList.web.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetFlatList.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,iBAAW,CAAC"}

package/dist/features/bottom-sheet/BottomSheetFlatList.web.js

@@ -0,0 +1,4 @@
+import { FlatList } from 'react-native';
+/*** Exposes the portable React Native Web FlatList under the bottom-sheet contract. */
+export const BottomSheetFlatList = FlatList;
+//# sourceMappingURL=BottomSheetFlatList.web.js.map

package/dist/features/bottom-sheet/BottomSheetFlatList.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFlatList.web.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetFlatList.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,uFAAuF;AACvF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC","sourcesContent":["import { FlatList } from 'react-native';\n\n/*** Exposes the portable React Native Web FlatList under the bottom-sheet contract. */\nexport const BottomSheetFlatList = FlatList;\n"]}

package/dist/features/bottom-sheet/BottomSheetProvider.web.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/*** Installs the shared bottom-sheet controller with a React Native Web modal host. */
+export declare function BottomSheetProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=BottomSheetProvider.web.d.ts.map

package/dist/features/bottom-sheet/BottomSheetProvider.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetProvider.web.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetProvider.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,uFAAuF;AACvF,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAkC9E"}

package/dist/features/bottom-sheet/BottomSheetProvider.web.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import { Modal, Pressable, StyleSheet, View, } from 'react-native';
+import { Surface } from '../surface/public';
+import { BottomSheetContext } from './BottomSheetContext';
+/*** Installs the shared bottom-sheet controller with a React Native Web modal host. */
+export function BottomSheetProvider({ children }) {
+    const activeRequestRef = React.useRef(null);
+    const [activeRequest, setActiveRequest] = React.useState(null);
+    const dismiss = React.useCallback(() => {
+        const request = activeRequestRef.current;
+        if (request === null)
+            return;
+        activeRequestRef.current = null;
+        setActiveRequest(null);
+        request.onDismiss?.();
+    }, []);
+    const present = React.useCallback((options) => {
+        activeRequestRef.current = options;
+        setActiveRequest(options);
+    }, []);
+    const controller = React.useMemo(() => ({ dismiss, present }), [dismiss, present]);
+    React.useEffect(() => {
+        if (activeRequest === null)
+            return;
+        activeRequest.onIndexChange?.(resolveInitialIndex(activeRequest));
+    }, [activeRequest]);
+    return (<BottomSheetContext value={controller}>
+      {children}
+      <BottomSheetWebHost activeRequest={activeRequest} dismiss={dismiss}/>
+    </BottomSheetContext>);
+}
+/*** Presents the active request as a bottom-aligned browser modal. */
+function BottomSheetWebHost({ activeRequest, dismiss }) {
+    if (activeRequest === null)
+        return null;
+    return (<Modal animationType="slide" onRequestClose={dismiss} transparent visible>
+      <View style={styles.overlay}>
+        <Pressable accessibilityLabel="Close bottom sheet" disabled={activeRequest.dismissOnBackdropPress === false} onPress={activeRequest.dismissOnBackdropPress === false ? undefined : dismiss} style={styles.backdrop}/>
+        <Surface radius="l" style={[styles.sheet, resolveSheetSize(activeRequest)]} variant="raised">
+          {renderBottomSheetContent(activeRequest)}
+        </Surface>
+      </View>
+    </Modal>);
+}
+/*** Resolves the selected initial snap point into a portable Web height constraint. */
+function resolveSheetSize(activeRequest) {
+    const snapPoint = activeRequest.snapPoints?.at(resolveInitialIndex(activeRequest));
+    if (snapPoint === undefined) {
+        return activeRequest.maxDynamicContentSize === undefined
+            ? undefined
+            : { maxHeight: activeRequest.maxDynamicContentSize };
+    }
+    return {
+        height: snapPoint,
+        maxHeight: activeRequest.maxDynamicContentSize,
+    };
+}
+/*** Resolves a safe initial index for callbacks and snap-point lookup. */
+function resolveInitialIndex(activeRequest) {
+    const index = activeRequest.initialIndex ?? 0;
+    const lastIndex = Math.max(0, (activeRequest.snapPoints?.length ?? 1) - 1);
+    return Math.min(Math.max(index, 0), lastIndex);
+}
+/*** Preserves direct content mode and otherwise supplies the standard sheet content wrapper. */
+function renderBottomSheetContent(activeRequest) {
+    return activeRequest.contentMode === 'direct' ? (activeRequest.content) : (<View>{activeRequest.content}</View>);
+}
+const styles = StyleSheet.create({
+    backdrop: {
+        backgroundColor: 'rgba(0, 0, 0, 0.32)',
+        bottom: 0,
+        left: 0,
+        position: 'absolute',
+        right: 0,
+        top: 0,
+    },
+    overlay: {
+        flex: 1,
+        justifyContent: 'flex-end',
+    },
+    sheet: {
+        maxHeight: '100%',
+        minHeight: 1,
+        overflow: 'hidden',
+        width: '100%',
+    },
+});
+//# sourceMappingURL=BottomSheetProvider.web.js.map

package/dist/features/bottom-sheet/BottomSheetProvider.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetProvider.web.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetProvider.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,EACL,SAAS,EACT,UAAU,EACV,IAAI,GAEL,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,uFAAuF;AACvF,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAAiC;IAC7E,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAmC,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAmC,IAAI,CAAC,CAAC;IAEjG,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACzC,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO;QAE7B,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAChC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAkC,EAAE,EAAE;QACvE,gBAAgB,CAAC,OAAO,GAAG,OAAO,CAAC;QACnC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAC5B,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,KAAK,IAAI;YAAE,OAAO;QACnC,aAAa,CAAC,aAAa,EAAE,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CACpC;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EACrE;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAC;AACJ,CAAC;AAOD,sEAAsE;AACtE,SAAS,kBAAkB,CAAC,EAAE,aAAa,EAAE,OAAO,EAA2B;IAC7E,IAAI,aAAa,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,CACL,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,OAAO,CACvE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,SAAS,CACR,kBAAkB,CAAC,oBAAoB,CACvC,QAAQ,CAAC,CAAC,aAAa,CAAC,sBAAsB,KAAK,KAAK,CAAC,CACzD,OAAO,CAAC,CAAC,aAAa,CAAC,sBAAsB,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAC9E,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAEzB;QAAA,CAAC,OAAO,CACN,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CACvD,OAAO,CAAC,QAAQ,CAEhB;UAAA,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAC1C;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,uFAAuF;AACvF,SAAS,gBAAgB,CAAC,aAAwC;IAChE,MAAM,SAAS,GAAG,aAAa,CAAC,UAAU,EAAE,EAAE,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;IACnF,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,aAAa,CAAC,qBAAqB,KAAK,SAAS;YACtD,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,qBAAqB,EAAE,CAAC;IACzD,CAAC;IAED,OAAO;QACL,MAAM,EAAE,SAA2B;QACnC,SAAS,EAAE,aAAa,CAAC,qBAAqB;KAC/C,CAAC;AACJ,CAAC;AAED,0EAA0E;AAC1E,SAAS,mBAAmB,CAAC,aAAwC;IACnE,MAAM,KAAK,GAAG,aAAa,CAAC,YAAY,IAAI,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3E,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACjD,CAAC;AAED,gGAAgG;AAChG,SAAS,wBAAwB,CAAC,aAAwC;IACxE,OAAO,aAAa,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9C,aAAa,CAAC,OAAO,CACtB,CAAC,CAAC,CAAC,CACF,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CACrC,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,QAAQ,EAAE;QACR,eAAe,EAAE,qBAAqB;QACtC,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,UAAU;KAC3B;IACD,KAAK,EAAE;QACL,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport {\n  type DimensionValue,\n  Modal,\n  Pressable,\n  StyleSheet,\n  View,\n  type ViewStyle,\n} from 'react-native';\n\nimport type { BottomSheetController, BottomSheetPresentOptions } from '../../types/bottomSheet';\nimport { Surface } from '../surface/public';\nimport { BottomSheetContext } from './BottomSheetContext';\n\n/*** Installs the shared bottom-sheet controller with a React Native Web modal host. */\nexport function BottomSheetProvider({ children }: { children: React.ReactNode }) {\n  const activeRequestRef = React.useRef<BottomSheetPresentOptions | null>(null);\n  const [activeRequest, setActiveRequest] = React.useState<BottomSheetPresentOptions | null>(null);\n\n  const dismiss = React.useCallback(() => {\n    const request = activeRequestRef.current;\n    if (request === null) return;\n\n    activeRequestRef.current = null;\n    setActiveRequest(null);\n    request.onDismiss?.();\n  }, []);\n\n  const present = React.useCallback((options: BottomSheetPresentOptions) => {\n    activeRequestRef.current = options;\n    setActiveRequest(options);\n  }, []);\n\n  const controller = React.useMemo<BottomSheetController>(\n    () => ({ dismiss, present }),\n    [dismiss, present],\n  );\n\n  React.useEffect(() => {\n    if (activeRequest === null) return;\n    activeRequest.onIndexChange?.(resolveInitialIndex(activeRequest));\n  }, [activeRequest]);\n\n  return (\n    <BottomSheetContext value={controller}>\n      {children}\n      <BottomSheetWebHost activeRequest={activeRequest} dismiss={dismiss} />\n    </BottomSheetContext>\n  );\n}\n\ninterface BottomSheetWebHostProps {\n  readonly activeRequest: BottomSheetPresentOptions | null;\n  readonly dismiss: () => void;\n}\n\n/*** Presents the active request as a bottom-aligned browser modal. */\nfunction BottomSheetWebHost({ activeRequest, dismiss }: BottomSheetWebHostProps) {\n  if (activeRequest === null) return null;\n\n  return (\n    <Modal animationType=\"slide\" onRequestClose={dismiss} transparent visible>\n      <View style={styles.overlay}>\n        <Pressable\n          accessibilityLabel=\"Close bottom sheet\"\n          disabled={activeRequest.dismissOnBackdropPress === false}\n          onPress={activeRequest.dismissOnBackdropPress === false ? undefined : dismiss}\n          style={styles.backdrop}\n        />\n        <Surface\n          radius=\"l\"\n          style={[styles.sheet, resolveSheetSize(activeRequest)]}\n          variant=\"raised\"\n        >\n          {renderBottomSheetContent(activeRequest)}\n        </Surface>\n      </View>\n    </Modal>\n  );\n}\n\n/*** Resolves the selected initial snap point into a portable Web height constraint. */\nfunction resolveSheetSize(activeRequest: BottomSheetPresentOptions): ViewStyle | undefined {\n  const snapPoint = activeRequest.snapPoints?.at(resolveInitialIndex(activeRequest));\n  if (snapPoint === undefined) {\n    return activeRequest.maxDynamicContentSize === undefined\n      ? undefined\n      : { maxHeight: activeRequest.maxDynamicContentSize };\n  }\n\n  return {\n    height: snapPoint as DimensionValue,\n    maxHeight: activeRequest.maxDynamicContentSize,\n  };\n}\n\n/*** Resolves a safe initial index for callbacks and snap-point lookup. */\nfunction resolveInitialIndex(activeRequest: BottomSheetPresentOptions): number {\n  const index = activeRequest.initialIndex ?? 0;\n  const lastIndex = Math.max(0, (activeRequest.snapPoints?.length ?? 1) - 1);\n  return Math.min(Math.max(index, 0), lastIndex);\n}\n\n/*** Preserves direct content mode and otherwise supplies the standard sheet content wrapper. */\nfunction renderBottomSheetContent(activeRequest: BottomSheetPresentOptions): React.ReactNode {\n  return activeRequest.contentMode === 'direct' ? (\n    activeRequest.content\n  ) : (\n    <View>{activeRequest.content}</View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  backdrop: {\n    backgroundColor: 'rgba(0, 0, 0, 0.32)',\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  overlay: {\n    flex: 1,\n    justifyContent: 'flex-end',\n  },\n  sheet: {\n    maxHeight: '100%',\n    minHeight: 1,\n    overflow: 'hidden',\n    width: '100%',\n  },\n});\n"]}

package/dist/features/bottom-sheet/BottomSheetScrollView.d.ts

@@ -0,0 +1,3 @@
+/*** Exposes the native BottomSheet-aware ScrollView implementation. */
+export declare const BottomSheetScrollView: (props: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetScrollViewProps) => ReturnType<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetScrollViewProps, "ref"> & import("react").RefAttributes<import("@gorhom/bottom-sheet").BottomSheetScrollViewMethods>>>>;
+//# sourceMappingURL=BottomSheetScrollView.d.ts.map

package/dist/features/bottom-sheet/BottomSheetScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetScrollView.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetScrollView.tsx"],"names":[],"mappings":"AAEA,uEAAuE;AACvE,eAAO,MAAM,qBAAqB,mbAA8B,CAAC"}

package/dist/features/bottom-sheet/BottomSheetScrollView.js

@@ -0,0 +1,4 @@
+import { BottomSheetScrollView as GorhomBottomSheetScrollView } from '@gorhom/bottom-sheet';
+/*** Exposes the native BottomSheet-aware ScrollView implementation. */
+export const BottomSheetScrollView = GorhomBottomSheetScrollView;
+//# sourceMappingURL=BottomSheetScrollView.js.map

package/dist/features/bottom-sheet/BottomSheetScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetScrollView.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,IAAI,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAE5F,uEAAuE;AACvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC","sourcesContent":["import { BottomSheetScrollView as GorhomBottomSheetScrollView } from '@gorhom/bottom-sheet';\n\n/*** Exposes the native BottomSheet-aware ScrollView implementation. */\nexport const BottomSheetScrollView = GorhomBottomSheetScrollView;\n"]}

package/dist/features/bottom-sheet/BottomSheetScrollView.web.d.ts

@@ -0,0 +1,4 @@
+import { ScrollView } from 'react-native';
+/*** Exposes the portable React Native Web ScrollView under the bottom-sheet contract. */
+export declare const BottomSheetScrollView: typeof ScrollView;
+//# sourceMappingURL=BottomSheetScrollView.web.d.ts.map

package/dist/features/bottom-sheet/BottomSheetScrollView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetScrollView.web.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetScrollView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,mBAAa,CAAC"}

package/dist/features/bottom-sheet/BottomSheetScrollView.web.js

@@ -0,0 +1,4 @@
+import { ScrollView } from 'react-native';
+/*** Exposes the portable React Native Web ScrollView under the bottom-sheet contract. */
+export const BottomSheetScrollView = ScrollView;
+//# sourceMappingURL=BottomSheetScrollView.web.js.map

package/dist/features/bottom-sheet/BottomSheetScrollView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetScrollView.web.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetScrollView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,yFAAyF;AACzF,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAAC","sourcesContent":["import { ScrollView } from 'react-native';\n\n/*** Exposes the portable React Native Web ScrollView under the bottom-sheet contract. */\nexport const BottomSheetScrollView = ScrollView;\n"]}

package/dist/features/bottom-sheet/BottomSheetSectionList.d.ts

@@ -0,0 +1,3 @@
+/*** Exposes the native BottomSheet-aware SectionList implementation. */
+export declare const BottomSheetSectionList: <ItemT, SectionT = import("react-native").DefaultSectionT>(props: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetSectionListProps<ItemT, SectionT>) => ReturnType<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetSectionListProps<never, import("react-native").DefaultSectionT>, "ref"> & import("react").RefAttributes<import("@gorhom/bottom-sheet").BottomSheetSectionListMethods>>>>;
+//# sourceMappingURL=BottomSheetSectionList.d.ts.map

package/dist/features/bottom-sheet/BottomSheetSectionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetSectionList.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetSectionList.tsx"],"names":[],"mappings":"AAEA,wEAAwE;AACxE,eAAO,MAAM,sBAAsB,gjBAA+B,CAAC"}

package/dist/features/bottom-sheet/BottomSheetSectionList.js

@@ -0,0 +1,4 @@
+import { BottomSheetSectionList as GorhomBottomSheetSectionList } from '@gorhom/bottom-sheet';
+/*** Exposes the native BottomSheet-aware SectionList implementation. */
+export const BottomSheetSectionList = GorhomBottomSheetSectionList;
+//# sourceMappingURL=BottomSheetSectionList.js.map

package/dist/features/bottom-sheet/BottomSheetSectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetSectionList.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetSectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,IAAI,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAE9F,wEAAwE;AACxE,MAAM,CAAC,MAAM,sBAAsB,GAAG,4BAA4B,CAAC","sourcesContent":["import { BottomSheetSectionList as GorhomBottomSheetSectionList } from '@gorhom/bottom-sheet';\n\n/*** Exposes the native BottomSheet-aware SectionList implementation. */\nexport const BottomSheetSectionList = GorhomBottomSheetSectionList;\n"]}

package/dist/features/bottom-sheet/BottomSheetSectionList.web.d.ts

@@ -0,0 +1,4 @@
+import { SectionList } from 'react-native';
+/*** Exposes the portable React Native Web SectionList under the bottom-sheet contract. */
+export declare const BottomSheetSectionList: typeof SectionList;
+//# sourceMappingURL=BottomSheetSectionList.web.d.ts.map

package/dist/features/bottom-sheet/BottomSheetSectionList.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetSectionList.web.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetSectionList.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,0FAA0F;AAC1F,eAAO,MAAM,sBAAsB,oBAAc,CAAC"}

package/dist/features/bottom-sheet/BottomSheetSectionList.web.js

@@ -0,0 +1,4 @@
+import { SectionList } from 'react-native';
+/*** Exposes the portable React Native Web SectionList under the bottom-sheet contract. */
+export const BottomSheetSectionList = SectionList;
+//# sourceMappingURL=BottomSheetSectionList.web.js.map

package/dist/features/bottom-sheet/BottomSheetSectionList.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetSectionList.web.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetSectionList.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,0FAA0F;AAC1F,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC","sourcesContent":["import { SectionList } from 'react-native';\n\n/*** Exposes the portable React Native Web SectionList under the bottom-sheet contract. */\nexport const BottomSheetSectionList = SectionList;\n"]}

package/dist/features/bottom-sheet/BottomSheetView.d.ts

@@ -0,0 +1,3 @@
+/*** Exposes the native BottomSheet-aware View implementation. */
+export declare const BottomSheetView: import("react").MemoExoticComponent<({ focusHook: useFocusHook, enableFooterMarginAdjustment, onLayout, style: _providedStyle, children, ...rest }: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetView/types").BottomSheetViewProps) => React.JSX.Element>;
+//# sourceMappingURL=BottomSheetView.d.ts.map

package/dist/features/bottom-sheet/BottomSheetView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetView.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetView.tsx"],"names":[],"mappings":"AAEA,iEAAiE;AACjE,eAAO,MAAM,eAAe,gRAAwB,CAAC"}

package/dist/features/bottom-sheet/BottomSheetView.js

@@ -0,0 +1,4 @@
+import { BottomSheetView as GorhomBottomSheetView } from '@gorhom/bottom-sheet';
+/*** Exposes the native BottomSheet-aware View implementation. */
+export const BottomSheetView = GorhomBottomSheetView;
+//# sourceMappingURL=BottomSheetView.js.map

package/dist/features/bottom-sheet/BottomSheetView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetView.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,iEAAiE;AACjE,MAAM,CAAC,MAAM,eAAe,GAAG,qBAAqB,CAAC","sourcesContent":["import { BottomSheetView as GorhomBottomSheetView } from '@gorhom/bottom-sheet';\n\n/*** Exposes the native BottomSheet-aware View implementation. */\nexport const BottomSheetView = GorhomBottomSheetView;\n"]}

package/dist/features/bottom-sheet/BottomSheetView.web.d.ts

@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+/*** Exposes the portable React Native Web View under the bottom-sheet contract. */
+export declare const BottomSheetView: typeof View;
+//# sourceMappingURL=BottomSheetView.web.d.ts.map

package/dist/features/bottom-sheet/BottomSheetView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetView.web.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,mFAAmF;AACnF,eAAO,MAAM,eAAe,aAAO,CAAC"}

package/dist/features/bottom-sheet/BottomSheetView.web.js

@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+/*** Exposes the portable React Native Web View under the bottom-sheet contract. */
+export const BottomSheetView = View;
+//# sourceMappingURL=BottomSheetView.web.js.map

package/dist/features/bottom-sheet/BottomSheetView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetView.web.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,mFAAmF;AACnF,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC","sourcesContent":["import { View } from 'react-native';\n\n/*** Exposes the portable React Native Web View under the bottom-sheet contract. */\nexport const BottomSheetView = View;\n"]}

package/dist/features/bottom-sheet/BottomSheetVirtualizedList.d.ts

@@ -0,0 +1,3 @@
+/*** Exposes the native BottomSheet-aware VirtualizedList implementation. */
+export declare const BottomSheetVirtualizedList: <T>(props: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetVirtualizedListProps<T>) => ReturnType<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetVirtualizedListProps<never>, "ref"> & import("react").RefAttributes<import("@gorhom/bottom-sheet").BottomSheetVirtualizedListMethods>>>>;
+//# sourceMappingURL=BottomSheetVirtualizedList.d.ts.map

package/dist/features/bottom-sheet/BottomSheetVirtualizedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetVirtualizedList.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetVirtualizedList.tsx"],"names":[],"mappings":"AAEA,4EAA4E;AAC5E,eAAO,MAAM,0BAA0B,+cAAmC,CAAC"}

package/dist/features/bottom-sheet/BottomSheetVirtualizedList.js

@@ -0,0 +1,4 @@
+import { BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList } from '@gorhom/bottom-sheet';
+/*** Exposes the native BottomSheet-aware VirtualizedList implementation. */
+export const BottomSheetVirtualizedList = GorhomBottomSheetVirtualizedList;
+//# sourceMappingURL=BottomSheetVirtualizedList.js.map

package/dist/features/bottom-sheet/BottomSheetVirtualizedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetVirtualizedList.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetVirtualizedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,IAAI,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AAEtG,4EAA4E;AAC5E,MAAM,CAAC,MAAM,0BAA0B,GAAG,gCAAgC,CAAC","sourcesContent":["import { BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList } from '@gorhom/bottom-sheet';\n\n/*** Exposes the native BottomSheet-aware VirtualizedList implementation. */\nexport const BottomSheetVirtualizedList = GorhomBottomSheetVirtualizedList;\n"]}

package/dist/features/bottom-sheet/BottomSheetVirtualizedList.web.d.ts

@@ -0,0 +1,4 @@
+import { VirtualizedList } from 'react-native';
+/*** Exposes the portable React Native Web VirtualizedList under the bottom-sheet contract. */
+export declare const BottomSheetVirtualizedList: typeof VirtualizedList;
+//# sourceMappingURL=BottomSheetVirtualizedList.web.d.ts.map

package/dist/features/bottom-sheet/BottomSheetVirtualizedList.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetVirtualizedList.web.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetVirtualizedList.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,8FAA8F;AAC9F,eAAO,MAAM,0BAA0B,wBAAkB,CAAC"}

package/dist/features/bottom-sheet/BottomSheetVirtualizedList.web.js

@@ -0,0 +1,4 @@
+import { VirtualizedList } from 'react-native';
+/*** Exposes the portable React Native Web VirtualizedList under the bottom-sheet contract. */
+export const BottomSheetVirtualizedList = VirtualizedList;
+//# sourceMappingURL=BottomSheetVirtualizedList.web.js.map

package/dist/features/bottom-sheet/BottomSheetVirtualizedList.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetVirtualizedList.web.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/BottomSheetVirtualizedList.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,8FAA8F;AAC9F,MAAM,CAAC,MAAM,0BAA0B,GAAG,eAAe,CAAC","sourcesContent":["import { VirtualizedList } from 'react-native';\n\n/*** Exposes the portable React Native Web VirtualizedList under the bottom-sheet contract. */\nexport const BottomSheetVirtualizedList = VirtualizedList;\n"]}

package/dist/features/bottom-sheet/public.d.ts

@@ -1,5 +1,9 @@
 export type { BottomSheetContentMode, BottomSheetController, BottomSheetPresentOptions, } from '../../types/bottomSheet';
+export { BottomSheetFlatList } from './BottomSheetFlatList';
 export { BottomSheetProvider } from './BottomSheetProvider';
+export { BottomSheetScrollView } from './BottomSheetScrollView';
+export { BottomSheetSectionList } from './BottomSheetSectionList';
+export { BottomSheetView } from './BottomSheetView';
+export { BottomSheetVirtualizedList } from './BottomSheetVirtualizedList';
 export { useBottomSheet } from './useBottomSheet';
-export { BottomSheetFlatList, BottomSheetScrollView, BottomSheetSectionList, BottomSheetView, BottomSheetVirtualizedList, } from '@gorhom/bottom-sheet';
 //# sourceMappingURL=public.d.ts.map

package/dist/features/bottom-sheet/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,eAAe,EACf,0BAA0B,GAC3B,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/features/bottom-sheet/public.js

@@ -1,4 +1,8 @@
+export { BottomSheetFlatList } from './BottomSheetFlatList';
 export { BottomSheetProvider } from './BottomSheetProvider';
+export { BottomSheetScrollView } from './BottomSheetScrollView';
+export { BottomSheetSectionList } from './BottomSheetSectionList';
+export { BottomSheetView } from './BottomSheetView';
+export { BottomSheetVirtualizedList } from './BottomSheetVirtualizedList';
 export { useBottomSheet } from './useBottomSheet';
-export { BottomSheetFlatList, BottomSheetScrollView, BottomSheetSectionList, BottomSheetView, BottomSheetVirtualizedList, } from '@gorhom/bottom-sheet';
 //# sourceMappingURL=public.js.map

package/dist/features/bottom-sheet/public.js.map

@@ -1 +1 @@
-{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/public.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,eAAe,EACf,0BAA0B,GAC3B,MAAM,sBAAsB,CAAC","sourcesContent":["export type {\n  BottomSheetContentMode,\n  BottomSheetController,\n  BottomSheetPresentOptions,\n} from '../../types/bottomSheet';\nexport { BottomSheetProvider } from './BottomSheetProvider';\nexport { useBottomSheet } from './useBottomSheet';\nexport {\n  BottomSheetFlatList,\n  BottomSheetScrollView,\n  BottomSheetSectionList,\n  BottomSheetView,\n  BottomSheetVirtualizedList,\n} from '@gorhom/bottom-sheet';\n"]}
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/public.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export type {\n  BottomSheetContentMode,\n  BottomSheetController,\n  BottomSheetPresentOptions,\n} from '../../types/bottomSheet';\nexport { BottomSheetFlatList } from './BottomSheetFlatList';\nexport { BottomSheetProvider } from './BottomSheetProvider';\nexport { BottomSheetScrollView } from './BottomSheetScrollView';\nexport { BottomSheetSectionList } from './BottomSheetSectionList';\nexport { BottomSheetView } from './BottomSheetView';\nexport { BottomSheetVirtualizedList } from './BottomSheetVirtualizedList';\nexport { useBottomSheet } from './useBottomSheet';\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/surface",
   "type": "module",
-  "version": "9.0.8",
+  "version": "9.0.10",
   "description": "Stable UI foundation for React Native and React Native Web.",
   "homepage": "https://github.com/ankhorage/surface#readme",
   "bugs": {
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@ankhorage/color-theory": "^0.3.1",
-    "@ankhorage/contracts": "^22.1.1",
+    "@ankhorage/contracts": "^22.1.2",
     "@ankhorage/utility": "^1.4.0",
     "@gorhom/bottom-sheet": "^5.2.13"
   },
@@ -107,7 +107,7 @@
     "version-packages": "ankhorage-changeset version"
   },
   "devDependencies": {
-    "@ankhorage/devtools": "^1.17.2",
+    "@ankhorage/devtools": "^1.18.2",
     "@ankhorage/paradox": "^0.1.26",
     "@react-native-vector-icons/fontawesome": "^13.1.3",
     "@react-native-vector-icons/fontawesome5": "^13.1.3",

package/src/features/bottom-sheet/BottomSheetFlatList.tsx

@@ -0,0 +1,4 @@
+import { BottomSheetFlatList as GorhomBottomSheetFlatList } from '@gorhom/bottom-sheet';
+
+/*** Exposes the native BottomSheet-aware FlatList implementation. */
+export const BottomSheetFlatList = GorhomBottomSheetFlatList;

package/src/features/bottom-sheet/BottomSheetFlatList.web.tsx

@@ -0,0 +1,4 @@
+import { FlatList } from 'react-native';
+
+/*** Exposes the portable React Native Web FlatList under the bottom-sheet contract. */
+export const BottomSheetFlatList = FlatList;

package/src/features/bottom-sheet/BottomSheetProvider.web.tsx

@@ -0,0 +1,132 @@
+import React from 'react';
+import {
+  type DimensionValue,
+  Modal,
+  Pressable,
+  StyleSheet,
+  View,
+  type ViewStyle,
+} from 'react-native';
+
+import type { BottomSheetController, BottomSheetPresentOptions } from '../../types/bottomSheet';
+import { Surface } from '../surface/public';
+import { BottomSheetContext } from './BottomSheetContext';
+
+/*** Installs the shared bottom-sheet controller with a React Native Web modal host. */
+export function BottomSheetProvider({ children }: { children: React.ReactNode }) {
+  const activeRequestRef = React.useRef<BottomSheetPresentOptions | null>(null);
+  const [activeRequest, setActiveRequest] = React.useState<BottomSheetPresentOptions | null>(null);
+
+  const dismiss = React.useCallback(() => {
+    const request = activeRequestRef.current;
+    if (request === null) return;
+
+    activeRequestRef.current = null;
+    setActiveRequest(null);
+    request.onDismiss?.();
+  }, []);
+
+  const present = React.useCallback((options: BottomSheetPresentOptions) => {
+    activeRequestRef.current = options;
+    setActiveRequest(options);
+  }, []);
+
+  const controller = React.useMemo<BottomSheetController>(
+    () => ({ dismiss, present }),
+    [dismiss, present],
+  );
+
+  React.useEffect(() => {
+    if (activeRequest === null) return;
+    activeRequest.onIndexChange?.(resolveInitialIndex(activeRequest));
+  }, [activeRequest]);
+
+  return (
+    <BottomSheetContext value={controller}>
+      {children}
+      <BottomSheetWebHost activeRequest={activeRequest} dismiss={dismiss} />
+    </BottomSheetContext>
+  );
+}
+
+interface BottomSheetWebHostProps {
+  readonly activeRequest: BottomSheetPresentOptions | null;
+  readonly dismiss: () => void;
+}
+
+/*** Presents the active request as a bottom-aligned browser modal. */
+function BottomSheetWebHost({ activeRequest, dismiss }: BottomSheetWebHostProps) {
+  if (activeRequest === null) return null;
+
+  return (
+    <Modal animationType="slide" onRequestClose={dismiss} transparent visible>
+      <View style={styles.overlay}>
+        <Pressable
+          accessibilityLabel="Close bottom sheet"
+          disabled={activeRequest.dismissOnBackdropPress === false}
+          onPress={activeRequest.dismissOnBackdropPress === false ? undefined : dismiss}
+          style={styles.backdrop}
+        />
+        <Surface
+          radius="l"
+          style={[styles.sheet, resolveSheetSize(activeRequest)]}
+          variant="raised"
+        >
+          {renderBottomSheetContent(activeRequest)}
+        </Surface>
+      </View>
+    </Modal>
+  );
+}
+
+/*** Resolves the selected initial snap point into a portable Web height constraint. */
+function resolveSheetSize(activeRequest: BottomSheetPresentOptions): ViewStyle | undefined {
+  const snapPoint = activeRequest.snapPoints?.at(resolveInitialIndex(activeRequest));
+  if (snapPoint === undefined) {
+    return activeRequest.maxDynamicContentSize === undefined
+      ? undefined
+      : { maxHeight: activeRequest.maxDynamicContentSize };
+  }
+
+  return {
+    height: snapPoint as DimensionValue,
+    maxHeight: activeRequest.maxDynamicContentSize,
+  };
+}
+
+/*** Resolves a safe initial index for callbacks and snap-point lookup. */
+function resolveInitialIndex(activeRequest: BottomSheetPresentOptions): number {
+  const index = activeRequest.initialIndex ?? 0;
+  const lastIndex = Math.max(0, (activeRequest.snapPoints?.length ?? 1) - 1);
+  return Math.min(Math.max(index, 0), lastIndex);
+}
+
+/*** Preserves direct content mode and otherwise supplies the standard sheet content wrapper. */
+function renderBottomSheetContent(activeRequest: BottomSheetPresentOptions): React.ReactNode {
+  return activeRequest.contentMode === 'direct' ? (
+    activeRequest.content
+  ) : (
+    <View>{activeRequest.content}</View>
+  );
+}
+
+const styles = StyleSheet.create({
+  backdrop: {
+    backgroundColor: 'rgba(0, 0, 0, 0.32)',
+    bottom: 0,
+    left: 0,
+    position: 'absolute',
+    right: 0,
+    top: 0,
+  },
+  overlay: {
+    flex: 1,
+    justifyContent: 'flex-end',
+  },
+  sheet: {
+    maxHeight: '100%',
+    minHeight: 1,
+    overflow: 'hidden',
+    width: '100%',
+  },
+});

package/src/features/bottom-sheet/BottomSheetScrollView.tsx

@@ -0,0 +1,4 @@
+import { BottomSheetScrollView as GorhomBottomSheetScrollView } from '@gorhom/bottom-sheet';
+
+/*** Exposes the native BottomSheet-aware ScrollView implementation. */
+export const BottomSheetScrollView = GorhomBottomSheetScrollView;

package/src/features/bottom-sheet/BottomSheetScrollView.web.tsx

@@ -0,0 +1,4 @@
+import { ScrollView } from 'react-native';
+
+/*** Exposes the portable React Native Web ScrollView under the bottom-sheet contract. */
+export const BottomSheetScrollView = ScrollView;

package/src/features/bottom-sheet/BottomSheetSectionList.tsx

@@ -0,0 +1,4 @@
+import { BottomSheetSectionList as GorhomBottomSheetSectionList } from '@gorhom/bottom-sheet';
+
+/*** Exposes the native BottomSheet-aware SectionList implementation. */
+export const BottomSheetSectionList = GorhomBottomSheetSectionList;

package/src/features/bottom-sheet/BottomSheetSectionList.web.tsx

@@ -0,0 +1,4 @@
+import { SectionList } from 'react-native';
+
+/*** Exposes the portable React Native Web SectionList under the bottom-sheet contract. */
+export const BottomSheetSectionList = SectionList;

package/src/features/bottom-sheet/BottomSheetView.tsx

@@ -0,0 +1,4 @@
+import { BottomSheetView as GorhomBottomSheetView } from '@gorhom/bottom-sheet';
+
+/*** Exposes the native BottomSheet-aware View implementation. */
+export const BottomSheetView = GorhomBottomSheetView;

package/src/features/bottom-sheet/BottomSheetView.web.tsx

@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+
+/*** Exposes the portable React Native Web View under the bottom-sheet contract. */
+export const BottomSheetView = View;

package/src/features/bottom-sheet/BottomSheetVirtualizedList.tsx

@@ -0,0 +1,4 @@
+import { BottomSheetVirtualizedList as GorhomBottomSheetVirtualizedList } from '@gorhom/bottom-sheet';
+
+/*** Exposes the native BottomSheet-aware VirtualizedList implementation. */
+export const BottomSheetVirtualizedList = GorhomBottomSheetVirtualizedList;

package/src/features/bottom-sheet/BottomSheetVirtualizedList.web.tsx

@@ -0,0 +1,4 @@
+import { VirtualizedList } from 'react-native';
+
+/*** Exposes the portable React Native Web VirtualizedList under the bottom-sheet contract. */
+export const BottomSheetVirtualizedList = VirtualizedList;

package/src/features/bottom-sheet/public.test.ts

@@ -1,9 +1,10 @@
 import { expect, test } from 'bun:test';
 
-test('bottom-sheet boundary exposes Gorhom integrated scrollables and direct content mode', async () => {
-  const [publicSource, providerSource, typeSource] = await Promise.all([
+test('bottom-sheet boundary owns portable platform adapters and direct content mode', async () => {
+  const [publicSource, providerSource, webProviderSource, typeSource] = await Promise.all([
     Bun.file('src/features/bottom-sheet/public.ts').text(),
     Bun.file('src/features/bottom-sheet/BottomSheetProvider.tsx').text(),
+    Bun.file('src/features/bottom-sheet/BottomSheetProvider.web.tsx').text(),
     Bun.file('src/types/bottomSheet.ts').text(),
   ]);
 
@@ -14,10 +15,12 @@ test('bottom-sheet boundary exposes Gorhom integrated scrollables and direct con
     'BottomSheetView',
     'BottomSheetVirtualizedList',
   ]) {
-    expect(publicSource).toContain(name);
+    expect(publicSource).toContain(`from './${name}'`);
   }
 
+  expect(publicSource).not.toContain('@gorhom/bottom-sheet');
+  expect(providerSource).toContain("from '@gorhom/bottom-sheet'");
+  expect(webProviderSource).not.toContain('@gorhom/bottom-sheet');
+  expect(webProviderSource).toContain("activeRequest.contentMode === 'direct'");
   expect(typeSource).toContain("export type BottomSheetContentMode = 'view' | 'direct';");
-  expect(providerSource).toContain("activeRequest.contentMode === 'direct'");
-  expect(providerSource).toContain('maxDynamicContentSize={activeRequest.maxDynamicContentSize}');
 });

package/src/features/bottom-sheet/public.ts

@@ -3,12 +3,10 @@ export type {
   BottomSheetController,
   BottomSheetPresentOptions,
 } from '../../types/bottomSheet';
+export { BottomSheetFlatList } from './BottomSheetFlatList';
 export { BottomSheetProvider } from './BottomSheetProvider';
+export { BottomSheetScrollView } from './BottomSheetScrollView';
+export { BottomSheetSectionList } from './BottomSheetSectionList';
+export { BottomSheetView } from './BottomSheetView';
+export { BottomSheetVirtualizedList } from './BottomSheetVirtualizedList';
 export { useBottomSheet } from './useBottomSheet';
-export {
-  BottomSheetFlatList,
-  BottomSheetScrollView,
-  BottomSheetSectionList,
-  BottomSheetView,
-  BottomSheetVirtualizedList,
-} from '@gorhom/bottom-sheet';

package/src/features/bottom-sheet/webAdapters.test.tsx

@@ -0,0 +1,33 @@
+import { expect, mock, test } from 'bun:test';
+import * as ReactNativeWeb from 'react-native-web';
+
+await mock.module('react-native', () => ReactNativeWeb);
+
+const [
+  { BottomSheetFlatList },
+  { BottomSheetProvider },
+  { BottomSheetScrollView },
+  { BottomSheetSectionList },
+  { BottomSheetView },
+  { BottomSheetVirtualizedList },
+] = await Promise.all([
+  import('./BottomSheetFlatList.web'),
+  import('./BottomSheetProvider.web'),
+  import('./BottomSheetScrollView.web'),
+  import('./BottomSheetSectionList.web'),
+  import('./BottomSheetView.web'),
+  import('./BottomSheetVirtualizedList.web'),
+]);
+
+test('web bottom-sheet adapters load without Gorhom runtime components', () => {
+  for (const component of [
+    BottomSheetFlatList,
+    BottomSheetProvider,
+    BottomSheetScrollView,
+    BottomSheetSectionList,
+    BottomSheetView,
+    BottomSheetVirtualizedList,
+  ]) {
+    expect(component).toBeDefined();
+  }
+});