@octane-xplat/sheet 0.0.1 → 0.9.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2026 Alec Larson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -1,3 +1,37 @@
-# @octane-xplat/sheet
+# `@octane-xplat/sheet`
 
-Version 0.0.1 is a reservation stub so the automated release can publish this package name. It has no supported API. Use a later release for the implementation.
+An install boundary for platform-specific modal bottom sheets: a SwiftUI
+`.sheet` presentation on iOS, a Material 3 `ModalBottomSheet` on Android,
+a fixed-position DOM panel on web, and a real `NSWindow` sheet
+(`beginSheet`) on macOS.
+
+Install the package in the app that renders a control. Import
+`SwiftUIBottomSheet` from `@octane-xplat/sheet/ios`,
+`MaterialBottomSheet` from `@octane-xplat/sheet/android`, `BottomSheet`
+from `@octane-xplat/sheet/web`, or `AppKitSheet` from
+`@octane-xplat/sheet/macos` in the matching platform-suffixed file.
+There is no shared sheet API at the package root.
+
+Sheet content is a render fn whose octane output mounts into a detached
+root — the same embedding mechanism as `@octane-xplat/context-menu`'s
+trigger. On iOS the registered view resolves through
+`NativeScriptViewFactory`; on Android through the leaf's
+`XplatViewRegistry` + `AndroidView` inside the sheet's dialog window.
+
+- iOS: `open` (controlled `isPresented`), `onDismissed`,
+  `onPresentedChange`, `fitToContents` (ported size-reader →
+  `.presentationDetents([.height])`), `detents`
+  (`medium`/`large`/`fraction`/`height`), `showDragIndicator`,
+  `interactiveDismissDisabled`.
+- Android: `open` + `onDismissed`, `skipPartiallyExpanded` (the M3 detent
+  model: partial vs fully expanded), `showDragHandle`,
+  `sheetGesturesEnabled`, `shouldDismissOnBackPress`,
+  `shouldDismissOnClickOutside`, and `containerColor`/`contentColor`/
+  `scrimColor` hex strings. Activity-owned key events are forwarded while
+  the sheet's dialog is open (ported from Expo).
+- Web: scrim + bottom panel, scrim-click dismiss.
+
+The native implementations are adapted from `@expo/ui` (MIT,
+`packages/expo-ui` sdk-57): `ios/BottomSheetView.swift` and
+`android/.../ui/ModalBottomSheetView.kt`. Attribution headers sit on the
+ported files.

package/dist/native/MaterialBottomSheet.android.tsrx.js

@@ -0,0 +1,87 @@
+import { createNativeScriptRoot, defineUniversalComponent, hookSlots, registerElement, universalPlan, universalValue, useEffect, useRef, useState } from "@nativescript-community/octane";
+import { Application, GridLayout } from "@nativescript/core";
+import { ComposeDataDriver, JetpackCompose, registerJetpackCompose } from "@nativescript/jetpack-compose";
+//#region src/MaterialBottomSheet.android.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(5);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
+var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "xplatandroidsheet",
+	"props": { "composeId": "xplat-material-sheet" },
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["data", 3],
+		["onComposeEvent", 4]
+	]
+});
+registerElement("xplatandroidsheet", JetpackCompose);
+registerJetpackCompose("xplat-material-sheet", (owner) => new ComposeDataDriver(new com.octanexplat.sheet.XplatSheetProvider(), owner));
+var seq = 0;
+var ContentRoot = defineUniversalComponent("nativescript", function ContentRoot(props) {
+	return universalValue(__octaneUniversalPlan0, [props.render()]);
+}, { "module": "@nativescript-community/octane" });
+var MaterialBottomSheet = defineUniversalComponent("nativescript", function MaterialBottomSheet(props) {
+	const contentId = useRef("", _h$0);
+	if (!contentId.current) contentId.current = `xplatsheet${++seq}`;
+	const mounted = useRef(null, _h$1);
+	const [ready, setReady] = useState(false, _h$2);
+	useEffect(() => {
+		const host = new GridLayout();
+		const context = Application.android.foregroundActivity ?? Application.android.startActivity;
+		const nativeHost = host;
+		nativeHost._setupAsRootView(context);
+		nativeHost.callLoaded();
+		const root = createNativeScriptRoot(host);
+		if (props.content) root.render(ContentRoot, { render: props.content });
+		com.octanexplat.sheet.XplatViewRegistry.register(contentId.current, host.android);
+		mounted.current = {
+			host,
+			root
+		};
+		setReady(true);
+		return () => {
+			com.octanexplat.sheet.XplatViewRegistry.unregister(contentId.current);
+			root.unmount?.();
+			mounted.current = null;
+			setReady(false);
+		};
+	}, [], _h$3);
+	useEffect(() => {
+		if (props.content) mounted.current?.root?.render(ContentRoot, { render: props.content });
+	}, [props.content], _h$4);
+	return universalValue(__octaneUniversalPlan1, [
+		props.id,
+		props.className,
+		props.style,
+		{
+			open: props.open ?? false ? 1 : 0,
+			contentId: ready && props.content ? contentId.current : "",
+			skipPartiallyExpanded: props.skipPartiallyExpanded ?? false ? 1 : 0,
+			showDragHandle: props.showDragHandle ?? true ? 1 : 0,
+			sheetGesturesEnabled: props.sheetGesturesEnabled ?? true ? 1 : 0,
+			shouldDismissOnBackPress: props.shouldDismissOnBackPress ?? true ? 1 : 0,
+			shouldDismissOnClickOutside: props.shouldDismissOnClickOutside ?? true ? 1 : 0,
+			containerColor: props.containerColor,
+			contentColor: props.contentColor,
+			scrimColor: props.scrimColor
+		},
+		(event) => {
+			if (event.data?.dismissed) props.onDismissed?.();
+		}
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { MaterialBottomSheet };

package/dist/native/SwiftUIBottomSheet.ios.tsrx.js

@@ -0,0 +1,97 @@
+import { createNativeScriptRoot, defineUniversalComponent, hookSlots, registerElement, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
+import { SwiftUI, SwiftUIManager, UIDataDriver, registerSwiftUI } from "@nativescript/swift-ui";
+import { GridLayout } from "@nativescript/core";
+//#region src/SwiftUIBottomSheet.ios.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(3);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "range",
+	"children": [{
+		"kind": "slot",
+		"slot": 0
+	}]
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "host",
+	"type": "xplatiossheet",
+	"props": { "swiftId": "xplat-swiftui-sheet" },
+	"bindings": [
+		["id", 0],
+		["className", 1],
+		["style", 2],
+		["data", 3],
+		["onSwiftUIEvent", 4]
+	]
+});
+registerElement("xplatiossheet", SwiftUI);
+registerSwiftUI("xplat-swiftui-sheet", (owner) => new UIDataDriver(new XplatSheetProvider(), owner));
+var hosts = /* @__PURE__ */ new Map();
+var roots = /* @__PURE__ */ new Map();
+function mountSubtree(id, render) {
+	let host = hosts.get(id);
+	if (!host) {
+		host = new GridLayout();
+		hosts.set(id, host);
+		SwiftUIManager.registerNativeScriptViews({ [id]: true }, {
+			create: (fullId) => hosts.get(fullId.split("-")[0]),
+			destroy: (fullId) => {
+				hosts.delete(fullId.split("-")[0]);
+			}
+		});
+	}
+	let root = roots.get(id);
+	if (!root) {
+		root = createNativeScriptRoot(host);
+		roots.set(id, root);
+	}
+	root.render(ContentRoot, { render });
+}
+function unmountSubtree(id) {
+	roots.get(id)?.unmount?.();
+	roots.delete(id);
+	hosts.delete(id);
+}
+var ContentRoot = defineUniversalComponent("nativescript", function ContentRoot(props) {
+	return universalValue(__octaneUniversalPlan0, [props.render()]);
+}, { "module": "@nativescript-community/octane" });
+var seq = 0;
+var SwiftUIBottomSheet = defineUniversalComponent("nativescript", function SwiftUIBottomSheet(props) {
+	const contentId = useRef("", _h$0);
+	if (!contentId.current) contentId.current = `xplatsheet${++seq}`;
+	useEffect(() => {
+		if (props.content) mountSubtree(contentId.current, props.content);
+		return () => {
+			unmountSubtree(contentId.current);
+		};
+	}, [], _h$1);
+	useEffect(() => {
+		if (props.content) mountSubtree(contentId.current, props.content);
+	}, [props.content], _h$2);
+	return universalValue(__octaneUniversalPlan1, [
+		props.id,
+		props.className,
+		props.style,
+		{
+			isPresented: props.open ?? false,
+			contentId: props.content ? contentId.current : "",
+			fitToContents: props.fitToContents ?? false,
+			detents: props.detents ?? ["medium"],
+			customHeight: props.customHeight,
+			customFraction: props.customFraction,
+			showDragIndicator: props.showDragIndicator ?? false,
+			interactiveDismissDisabled: props.interactiveDismissDisabled ?? false
+		},
+		(event) => {
+			if (event.data?.dismissed) {
+				props.onDismissed?.();
+				return;
+			}
+			const presented = event.data?.isPresented;
+			if (typeof presented === "boolean") props.onPresentedChange?.(presented);
+		}
+	]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { SwiftUIBottomSheet };

package/dist/native/android/index.js

@@ -0,0 +1,2 @@
+import { MaterialBottomSheet } from "../MaterialBottomSheet.android.tsrx.js";
+export { MaterialBottomSheet };

package/dist/native/ios/index.js

@@ -0,0 +1,2 @@
+import { SwiftUIBottomSheet } from "../SwiftUIBottomSheet.ios.tsrx.js";
+export { SwiftUIBottomSheet };

package/dist/native/octane-client-build.json

@@ -0,0 +1,8 @@
+{
+  "version": 1,
+  "buildId": "a708cea8-c79d-46a5-ae17-04112d1be0ac",
+  "mode": "production",
+  "capabilities": {
+    "independentHydration": false
+  }
+}

package/dist/web/BottomSheet.web.tsrx.js

@@ -0,0 +1,45 @@
+import { Fragment, createElement, createScopedElement, createScopedValue, positionalChildren } from "octane";
+//#region src/BottomSheet.web.tsrx
+var BottomSheet = function BottomSheet(props, __s, __extra) {
+	const open = props.open ?? false;
+	(props.shouldDismissOnClickOutside ?? true) || props.shouldDismissOnBackPress;
+	if (!open) return positionalChildren([]);
+	return createScopedElement(Fragment, {}, () => positionalChildren([createScopedValue(() => createElement("div", {
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "rgb(0 0 0 / 0.4)",
+			zIndex: 999
+		},
+		onClick: () => {
+			if (props.shouldDismissOnClickOutside ?? true) props.onDismissed?.();
+		}
+	})), createScopedValue(() => createScopedElement("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		style: {
+			position: "fixed",
+			left: 0,
+			right: 0,
+			bottom: 0,
+			zIndex: 1e3,
+			background: "var(--sheet-bg, Canvas)",
+			color: "var(--sheet-fg, CanvasText)",
+			borderRadius: "16px 16px 0 0",
+			boxShadow: "0 -4px 24px rgb(0 0 0 / 0.2)",
+			maxHeight: props.skipPartiallyExpanded ? "90vh" : "60vh",
+			overflowY: "auto"
+		}
+	}, () => positionalChildren([(props.showDragHandle ?? true) && createScopedValue(() => createScopedElement("div", { style: {
+		display: "flex",
+		justifyContent: "center",
+		padding: "8px 0"
+	} }, () => createScopedValue(() => createElement("div", { style: {
+		width: 36,
+		height: 4,
+		borderRadius: 2,
+		background: "color-mix(in srgb, CanvasText 30%, transparent)"
+	} })))), props.content?.()])))]));
+};
+//#endregion
+export { BottomSheet };

package/dist/web/octane-client-build.json

@@ -0,0 +1,8 @@
+{
+  "version": 1,
+  "buildId": "e60f4b8c-acc0-404d-89f0-5ee4a3e3365b",
+  "mode": "production",
+  "capabilities": {
+    "independentHydration": false
+  }
+}

package/dist/web/web/index.js

@@ -0,0 +1,2 @@
+import { BottomSheet } from "../BottomSheet.web.tsrx.js";
+export { BottomSheet };

package/package.json

@@ -1,18 +1,74 @@
 {
   "name": "@octane-xplat/sheet",
-  "version": "0.0.1",
+  "version": "0.9.0",
   "description": "Platform-specific modal bottom sheet controls for Octane xplat",
   "repository": {
     "type": "git",
-    "url": "https://github.com/octane-xplat/octane-xplat.git",
+    "url": "https://github.com/octane-xplat/octane-xplat",
     "directory": "packages/sheet"
   },
-  "homepage": "https://github.com/octane-xplat/octane-xplat/tree/main/packages/sheet",
-  "main": "./index.js",
-  "types": "./index.d.ts",
   "files": [
-    "README.md",
-    "index.js",
-    "index.d.ts"
-  ]
-}
+    "dist",
+    "types",
+    "src",
+    "platforms"
+  ],
+  "type": "module",
+  "exports": {
+    "./ios": {
+      "types": "./types/ios/index.d.ts",
+      "native": "./dist/native/ios/index.js"
+    },
+    "./android": {
+      "types": "./types/android/index.d.ts",
+      "native": "./dist/native/android/index.js"
+    },
+    "./web": {
+      "types": "./types/web/index.d.ts",
+      "web": "./dist/web/web/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@nativescript/jetpack-compose": "1.0.0-beta.0",
+    "@nativescript/swift-ui": "4.0.2"
+  },
+  "devDependencies": {
+    "@nativescript-community/octane": "0.2.4",
+    "@nativescript/core": "9.1.2",
+    "@octanejs/vite-plugin": "0.1.60",
+    "octane": "0.5.0",
+    "tsrx-typegen": "0.2.1",
+    "typescript": "5.9.3",
+    "vite": "8.3.0"
+  },
+  "peerDependencies": {
+    "@nativescript-community/octane": ">=0.2.1 <1",
+    "@nativescript/core": ">=9.1.0 <10",
+    "octane": ">=0.1.51 <1"
+  },
+  "peerDependenciesMeta": {
+    "@nativescript-community/octane": {
+      "optional": true
+    },
+    "@nativescript/core": {
+      "optional": true
+    },
+    "octane": {
+      "optional": true
+    }
+  },
+  "nativescript": {
+    "platforms": {
+      "android": "9.1.0",
+      "ios": "9.1.0"
+    }
+  },
+  "scripts": {
+    "build": "vite build && vite build --mode native && tsc -p tsconfig.types.json",
+    "test:packed": "node tests/packed-consumer.mjs",
+    "pack:check": "tsrx-typegen --pack-check"
+  }
+}

package/platforms/android/include.gradle

@@ -0,0 +1,15 @@
+apply plugin: 'org.jetbrains.kotlin.plugin.compose'
+
+android {
+	buildFeatures {
+		compose true
+	}
+	kotlinOptions {
+		jvmTarget = '17'
+	}
+}
+
+dependencies {
+	implementation platform('androidx.compose:compose-bom:2024.12.01')
+	implementation 'androidx.compose.material3:material3'
+}

package/platforms/android/java/com/octanexplat/sheet/XplatSheetProvider.kt

@@ -0,0 +1,198 @@
+// Adapted from @expo/ui (MIT) — Copyright 2025-present 650 Industries.
+// Upstream: expo/packages/expo-ui/android/.../ui/ModalBottomSheetView.kt
+// (sdk-57). The ExpoModules glue (ComposeProps records, async-function
+// handles, slot views, ModifierRegistry) is replaced by the
+// @nativescript/jetpack-compose provider contract: updateData(Map) + onEvent.
+// The sheet's content is a registered NativeScript view hosted through
+// AndroidView — XplatViewRegistry mirrors the context-menu leaf's registry
+// (same mechanism, kept leaf-local while the shared-bridge question is open).
+
+@file:OptIn(ExperimentalMaterial3Api::class)
+
+package com.octanexplat.sheet
+
+import android.app.Activity
+import android.app.Dialog
+import android.content.Context
+import android.view.KeyEvent
+import android.view.View
+import android.view.ViewGroup
+import android.view.inputmethod.InputMethodManager
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.material3.BottomSheetDefaults
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.ModalBottomSheetProperties
+import androidx.compose.material3.contentColorFor
+import androidx.compose.material3.rememberModalBottomSheetState
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.ComposeView
+import androidx.compose.ui.platform.LocalView
+import androidx.compose.ui.viewinterop.AndroidView
+import androidx.compose.ui.window.DialogWindowProvider
+import org.json.JSONObject
+import java.lang.ref.WeakReference
+
+/** id → NativeScript view registry, callable directly from JS
+ *  (`com.octanexplat.sheet.XplatViewRegistry.register`). Same mechanism as
+ *  the context-menu leaf's registry — the sheet content subtree embeds in
+ *  the modal sheet's dialog window through AndroidView. Weak refs; JS owns
+ *  the lifecycle and unregisters on unmount. */
+object XplatViewRegistry {
+	private val views = HashMap<String, WeakReference<View>>()
+
+	@JvmStatic
+	fun register(id: String, view: View) {
+		views[id] = WeakReference(view)
+	}
+
+	@JvmStatic
+	fun unregister(id: String) {
+		views.remove(id)
+	}
+
+	@JvmStatic
+	fun get(id: String): View? = views[id]?.get()
+}
+
+private data class SheetUiState(
+	val open: Boolean = false,
+	val contentId: String = "",
+	val skipPartiallyExpanded: Boolean = false,
+	val showDragHandle: Boolean = true,
+	val sheetGesturesEnabled: Boolean = true,
+	val shouldDismissOnBackPress: Boolean = true,
+	val shouldDismissOnClickOutside: Boolean = true,
+	val containerColor: Int? = null,
+	val contentColor: Int? = null,
+	val scrimColor: Int? = null,
+)
+
+private fun Any?.asBoolean(): Boolean = when (this) {
+	is Boolean -> this
+	is Number -> toInt() != 0
+	else -> false
+}
+
+private fun Any?.asColorInt(): Int? = when (this) {
+	is Number -> toInt()
+	is String -> runCatching { android.graphics.Color.parseColor(this) }.getOrNull()
+	else -> null
+}
+
+/** True while the input method has an active connection to a view that
+ *  accepts text — ported from Expo's ModalBottomSheetView. */
+private fun Activity.isAcceptingText(): Boolean {
+	val inputMethodManager = getSystemService(Context.INPUT_METHOD_SERVICE) as? InputMethodManager
+	return inputMethodManager?.isAcceptingText == true
+}
+
+/** Ported: the sheet lives in its own dialog window, so key events that the
+ *  activity owns (e.g. dev-menu triggers) stop reaching it while the sheet
+ *  is open — forward non-dismiss keys back, skipping while a field accepts
+ *  text so typing can't trigger activity shortcuts. */
+@Composable
+private fun ForwardKeyEventsToActivity(activity: Activity?) {
+	val dialog = (LocalView.current.parent as? DialogWindowProvider)?.window?.callback as? Dialog
+	if (dialog == null || activity == null) {
+		return
+	}
+	DisposableEffect(dialog, activity) {
+		dialog.setOnKeyListener { _, keyCode, event ->
+			val isForwardable = event.action == KeyEvent.ACTION_UP &&
+				keyCode != KeyEvent.KEYCODE_BACK &&
+				keyCode != KeyEvent.KEYCODE_ESCAPE &&
+				!activity.isAcceptingText()
+			isForwardable && activity.onKeyUp(keyCode, event)
+		}
+		onDispose {
+			dialog.setOnKeyListener(null)
+		}
+	}
+}
+
+@Composable
+private fun SheetContent(state: SheetUiState, activity: Activity?, onDismiss: () -> Unit) {
+	if (!state.open) {
+		return
+	}
+	val sheetState = rememberModalBottomSheetState(state.skipPartiallyExpanded)
+	val resolvedContainer = state.containerColor?.let { androidx.compose.ui.graphics.Color(it) }
+		?: BottomSheetDefaults.ContainerColor
+	val resolvedContent = state.contentColor?.let { androidx.compose.ui.graphics.Color(it) }
+		?: contentColorFor(resolvedContainer)
+	val resolvedScrim = state.scrimColor?.let { androidx.compose.ui.graphics.Color(it) }
+		?: BottomSheetDefaults.ScrimColor
+
+	// This material3 predates sheetGesturesEnabled and
+	// shouldDismissOnClickOutside — only shouldDismissOnBackPress is
+	// carried through properties.
+	ModalBottomSheet(
+		sheetState = sheetState,
+		onDismissRequest = onDismiss,
+		containerColor = resolvedContainer,
+		contentColor = resolvedContent,
+		scrimColor = resolvedScrim,
+		dragHandle = if (state.showDragHandle) {
+			{ BottomSheetDefaults.DragHandle() }
+		} else {
+			null
+		},
+		properties = ModalBottomSheetProperties(
+			shouldDismissOnBackPress = state.shouldDismissOnBackPress,
+		),
+	) {
+		ForwardKeyEventsToActivity(activity)
+		Box(modifier = Modifier.fillMaxWidth()) {
+			val contentId = state.contentId
+			if (contentId.isNotEmpty()) {
+				AndroidView(
+					factory = { ctx ->
+						XplatViewRegistry.get(contentId) ?: View(ctx).apply {
+							layoutParams = ViewGroup.LayoutParams(0, 0)
+						}
+					},
+				)
+			}
+		}
+	}
+}
+
+class XplatSheetProvider {
+	private var state by mutableStateOf(SheetUiState())
+	var onEvent: ((Any) -> Unit)? = null
+
+	fun generateComposeView(view: ComposeView) {
+		view.setContent {
+			androidx.compose.material3.MaterialTheme {
+				SheetContent(
+					state = state,
+					activity = (view.context as? Activity),
+					onDismiss = { onEvent?.invoke(JSONObject().put("dismissed", true)) },
+				)
+			}
+		}
+	}
+
+	fun updateData(input: Map<Any, Any>) {
+		val data = input["data"] as? Map<*, *> ?: input
+		state = SheetUiState(
+			open = data["open"].asBoolean(),
+			contentId = data["contentId"] as? String ?: "",
+			skipPartiallyExpanded = data["skipPartiallyExpanded"].asBoolean(),
+			showDragHandle = if (data.containsKey("showDragHandle")) data["showDragHandle"].asBoolean() else true,
+			sheetGesturesEnabled = if (data.containsKey("sheetGesturesEnabled")) data["sheetGesturesEnabled"].asBoolean() else true,
+			shouldDismissOnBackPress = if (data.containsKey("shouldDismissOnBackPress")) data["shouldDismissOnBackPress"].asBoolean() else true,
+			shouldDismissOnClickOutside = if (data.containsKey("shouldDismissOnClickOutside")) data["shouldDismissOnClickOutside"].asBoolean() else true,
+			containerColor = data["containerColor"].asColorInt(),
+			contentColor = data["contentColor"].asColorInt(),
+			scrimColor = data["scrimColor"].asColorInt(),
+		)
+	}
+}

package/platforms/ios/src/XplatSheetProvider.swift

@@ -0,0 +1,188 @@
+// Adapted from @expo/ui (MIT) — Copyright 2025-present 650 Industries.
+// Upstream: expo/packages/expo-ui/ios/BottomSheetView.swift (sdk-57).
+// The ExpoModules glue (@Field props record, EventDispatcher, children slot
+// views) is replaced by the @nativescript/swift-ui provider contract:
+// updateData(NSDictionary) + onEvent. The sheet's content is a registered
+// NativeScript view resolved through NativeScriptViewFactory — the same
+// HostedNativeScriptView the context-menu leaf re-declares (the plugin's
+// NativeScriptView struct is module-internal).
+
+import SwiftUI
+
+private final class SheetModel: ObservableObject {
+	@Published var isPresented: Bool = false
+	@Published var contentId: String = ""
+	@Published var fitToContents: Bool = false
+	@Published var detents: [String] = ["medium"]
+	@Published var customHeight: Double? = nil
+	@Published var customFraction: Double? = nil
+	@Published var showDragIndicator: Bool = false
+	@Published var interactiveDismissDisabled: Bool = false
+	var onPresentedChange: ((Bool) -> Void)?
+	var onDismiss: (() -> Void)?
+}
+
+// Same shape as the plugin's NativeScriptViewRepresentable — unique instance
+// id resolved through the core-owned NativeScriptViewFactory.
+private struct HostedNativeScriptView: UIViewRepresentable {
+	let id: String
+
+	init(id: String) {
+		self.id = id + "-" + UUID().uuidString
+	}
+
+	func makeUIView(context: Context) -> UIView {
+		return NativeScriptViewFactory.shared?.getViewById(id) ?? UIView()
+	}
+
+	func updateUIView(_ uiView: UIView, context: Context) {}
+}
+
+private struct SizePreferenceKey: PreferenceKey {
+	static var defaultValue: CGSize?
+
+	static func reduce(value: inout CGSize?, nextValue: () -> CGSize?) {
+		guard let nextValue = nextValue() else {
+			return
+		}
+		value = nextValue
+	}
+}
+
+private struct ReadSizeModifier: ViewModifier {
+	private var sizeView: some View {
+		GeometryReader { geometry in
+			Color.clear
+				.preference(key: SizePreferenceKey.self, value: geometry.size)
+				.allowsHitTesting(false)
+		}
+	}
+
+	func body(content: Content) -> some View {
+		content.background(sizeView)
+	}
+}
+
+@available(iOS 14.0, *)
+private struct SheetContent: View {
+	@ObservedObject var model: SheetModel
+	@State private var isPresented: Bool = false
+	@State private var childrenSize: CGSize = .zero
+
+	private func handleSizeChange(_ size: CGSize) {
+		guard childrenSize != size else { return }
+		childrenSize = size
+	}
+
+	@available(iOS 16.0, tvOS 16.0, *)
+	private var presentationDetents: Set<PresentationDetent> {
+		if model.fitToContents, childrenSize.height > 0 {
+			return [.height(childrenSize.height)]
+		}
+		var result: Set<PresentationDetent> = []
+		for detent in model.detents {
+			switch detent {
+			case "large": result.insert(.large)
+			case "fraction": result.insert(.fraction(model.customFraction ?? 0.5))
+			case "height": result.insert(.height(model.customHeight ?? 300))
+			default: result.insert(.medium)
+			}
+		}
+		return result.isEmpty ? [.medium] : result
+	}
+
+	var body: some View {
+		Color.clear
+			.frame(width: 0, height: 0)
+			.sheet(isPresented: $isPresented, onDismiss: {
+				model.onDismiss?()
+			}) {
+				let content = HostedNativeScriptView(id: model.contentId)
+					.modifier(ReadSizeModifier())
+					.onPreferenceChange(SizePreferenceKey.self) { size in
+						if let size { handleSizeChange(size) }
+					}
+				if #available(iOS 16.0, tvOS 16.0, *) {
+					content
+						.presentationDetents(presentationDetents)
+						.presentationDragIndicator(model.showDragIndicator ? .visible : .hidden)
+						.interactiveDismissDisabled(model.interactiveDismissDisabled)
+				} else {
+					content
+				}
+			}
+			.onChange(of: isPresented) { newIsPresented in
+				if model.isPresented == newIsPresented {
+					return
+				}
+				model.onPresentedChange?(newIsPresented)
+			}
+			.onChange(of: model.isPresented) { newValue in
+				isPresented = newValue
+			}
+			.onAppear {
+				isPresented = model.isPresented
+			}
+	}
+}
+
+@objc(XplatSheetProvider)
+public final class XplatSheetProvider: UIViewController, SwiftUIProvider {
+	private let model = SheetModel()
+
+	public required init() {
+		super.init(nibName: nil, bundle: nil)
+		model.onPresentedChange = { [weak self] presented in
+			self?.onEvent?(["isPresented": presented])
+		}
+		model.onDismiss = { [weak self] in
+			self?.onEvent?(["dismissed": true])
+		}
+	}
+
+	public required init?(coder: NSCoder) {
+		super.init(coder: coder)
+		model.onPresentedChange = { [weak self] presented in
+			self?.onEvent?(["isPresented": presented])
+		}
+		model.onDismiss = { [weak self] in
+			self?.onEvent?(["dismissed": true])
+		}
+	}
+
+	public override func viewDidLoad() {
+		super.viewDidLoad()
+		if #available(iOS 14.0, *) {
+			setupSwiftUIView(content: SheetContent(model: model))
+		}
+	}
+
+	public func updateData(data: NSDictionary) {
+		if let presented = data["isPresented"] as? NSNumber {
+			model.isPresented = presented.boolValue
+		}
+		if let contentId = data["contentId"] as? String {
+			model.contentId = contentId
+		}
+		if let fit = data["fitToContents"] as? NSNumber {
+			model.fitToContents = fit.boolValue
+		}
+		if let detents = data["detents"] as? [String] {
+			model.detents = detents
+		}
+		if let height = data["customHeight"] as? NSNumber {
+			model.customHeight = height.doubleValue
+		}
+		if let fraction = data["customFraction"] as? NSNumber {
+			model.customFraction = fraction.doubleValue
+		}
+		if let indicator = data["showDragIndicator"] as? NSNumber {
+			model.showDragIndicator = indicator.boolValue
+		}
+		if let disable = data["interactiveDismissDisabled"] as? NSNumber {
+			model.interactiveDismissDisabled = disable.boolValue
+		}
+	}
+
+	public var onEvent: ((NSDictionary) -> Void)?
+}

package/src/AppKitSheet.macos.tsrx

@@ -0,0 +1,53 @@
+/** @jsxImportSource @xplat/macos/renderer */
+import { useEffect, useRef } from 'octane'
+import type { AppKitSheetProps } from './macos/types'
+
+const host = (): any => (globalThis as any).__xplatAppKit ?? {}
+
+function ContentRoot(props: { render?: () => any }) @{
+	<>{props.render?.()}</>;
+}
+
+/** macOS sheet — presents the `content` subtree in a real AppKit window
+ *  sheet (`beginSheet` on the leaf's parent window), falling back to a
+ *  floating window when no parent exists. `open` controls presentation;
+ *  closing the sheet window (Esc/close button) or `open`→false fires
+ *  `onDismissed`. Detents don't exist on macOS — the window sizes to the
+ *  content's fitting size. */
+export function AppKitSheet(props: AppKitSheetProps) @{
+	const anchor = useRef<any>(null)
+	const presented = useRef<any>(null)
+
+	useEffect(() => {
+		if (!props.open) return
+		if (presented.current) {
+			presented.current.update({ render: props.content })
+			return
+		}
+
+		const view = anchor.current
+		const present = host().presentSheet
+		if (!view || typeof present !== 'function') return
+		presented.current = present(view, {
+			component: ContentRoot,
+			props: { render: props.content },
+			onDismissed: () => {
+				presented.current = null
+				props.onDismissed?.()
+			},
+		})
+
+		return () => {
+			const entry = presented.current
+			presented.current = null
+			entry?.close()
+		}
+	}, [props.open])
+
+	// Push content render-fn changes into the presented sheet while open.
+	useEffect(() => {
+		presented.current?.update?.({ render: props.content })
+	})
+
+	<flexboxlayout ref={(v: any) => { anchor.current = v }} id={props.id} />;
+}

package/src/BottomSheet.web.tsrx

@@ -0,0 +1,48 @@
+/** @jsxImportSource octane */
+import type { BottomSheetProps } from './web/types'
+
+/** Web bottom sheet: a fixed-position panel over a scrim. `open` controls
+ *  visibility; `onDismissed` fires on scrim click / Escape. */
+export function BottomSheet(props: BottomSheetProps) @{
+	const open = props.open ?? false
+	const dismissable = (props.shouldDismissOnClickOutside ?? true) || (props.shouldDismissOnBackPress ?? true)
+
+	if (!open) {
+		return <></>
+	}
+
+	<>
+		<div
+			style={{ position: 'fixed', inset: 0, background: 'rgb(0 0 0 / 0.4)', zIndex: 999 }}
+			onClick={() => {
+				if (props.shouldDismissOnClickOutside ?? true) {
+					props.onDismissed?.()
+				}
+			}}
+		/>
+		<div
+			role="dialog"
+			aria-modal="true"
+			style={{
+				position: 'fixed',
+				left: 0,
+				right: 0,
+				bottom: 0,
+				zIndex: 1000,
+				background: 'var(--sheet-bg, Canvas)',
+				color: 'var(--sheet-fg, CanvasText)',
+				borderRadius: '16px 16px 0 0',
+				boxShadow: '0 -4px 24px rgb(0 0 0 / 0.2)',
+				maxHeight: props.skipPartiallyExpanded ? '90vh' : '60vh',
+				overflowY: 'auto',
+			}}
+		>
+			{(props.showDragHandle ?? true) && (
+				<div style={{ display: 'flex', justifyContent: 'center', padding: '8px 0' }}>
+					<div style={{ width: 36, height: 4, borderRadius: 2, background: 'color-mix(in srgb, CanvasText 30%, transparent)' }} />
+				</div>
+			)}
+			{props.content?.()}
+		</div>
+	</>;
+}

package/src/MaterialBottomSheet.android.tsrx

@@ -0,0 +1,102 @@
+/** @jsxImportSource @nativescript-community/octane */
+import { registerElement } from '@nativescript-community/octane'
+import type { Attributes } from '@nativescript-community/octane/intrinsics'
+import { ComposeDataDriver, JetpackCompose, registerJetpackCompose } from '@nativescript/jetpack-compose'
+import { Application, GridLayout } from '@nativescript/core'
+import { createNativeScriptRoot } from '@nativescript-community/octane'
+import { useEffect, useRef, useState } from 'octane'
+import type { UniversalComponent } from 'octane/universal'
+import type { MaterialBottomSheetProps } from './android/types'
+
+declare const com: any
+
+declare module '@nativescript-community/octane/intrinsics' {
+	interface NativeScriptElements {
+		xplatandroidsheet: Attributes<typeof JetpackCompose>
+	}
+}
+
+registerElement('xplatandroidsheet', JetpackCompose)
+registerJetpackCompose('xplat-material-sheet', (owner: any) =>
+	new ComposeDataDriver(new com.octanexplat.sheet.XplatSheetProvider(), owner),
+)
+
+// Dash-free ids — the registry keys feed the provider's AndroidView factory.
+let seq = 0
+
+function ContentRoot(props: { render: () => any }) @{
+	<>{props.render()}</>;
+}
+
+/** Renders a Material 3 ModalBottomSheet whose content is a detached
+ *  octane subtree hosted via XplatViewRegistry + AndroidView inside the
+ *  sheet's dialog window. */
+export function MaterialBottomSheet(props: MaterialBottomSheetProps) @{
+	const contentId = useRef<string>('')
+	if (!contentId.current) {
+		contentId.current = `xplatsheet${++seq}`
+	}
+
+	const mounted = useRef<{ host: any; root: any } | null>(null)
+	const [ready, setReady] = useState(false)
+
+	useEffect(() => {
+		const host = new GridLayout()
+		// See context-menu: _setupAsRootView needs a real Context on Android.
+
+		const context = (Application.android as any).foregroundActivity ?? (Application.android as any).startActivity
+		const nativeHost = host as any
+
+		nativeHost._setupAsRootView(context)
+		nativeHost.callLoaded()
+		const root = createNativeScriptRoot(host)
+		if (props.content) {
+			root.render(ContentRoot as unknown as UniversalComponent, { render: props.content })
+		}
+
+		com.octanexplat.sheet.XplatViewRegistry.register(contentId.current, host.android)
+		mounted.current = { host, root }
+		// Gate contentId on registration — AndroidView's factory resolves the
+		// host once contentId arrives in updateData.
+		setReady(true)
+
+		return () => {
+			com.octanexplat.sheet.XplatViewRegistry.unregister(contentId.current)
+			root.unmount?.()
+			mounted.current = null
+			setReady(false)
+		}
+	}, [])
+
+	useEffect(() => {
+		if (props.content) {
+			mounted.current?.root?.render(ContentRoot as unknown as UniversalComponent, {
+				render: props.content,
+			})
+		}
+	}, [props.content])
+
+	<xplatandroidsheet
+		id={props.id}
+		className={props.className}
+		style={props.style}
+		composeId="xplat-material-sheet"
+		data={{
+			open: (props.open ?? false) ? 1 : 0,
+			contentId: ready && props.content ? contentId.current : '',
+			skipPartiallyExpanded: (props.skipPartiallyExpanded ?? false) ? 1 : 0,
+			showDragHandle: (props.showDragHandle ?? true) ? 1 : 0,
+			sheetGesturesEnabled: (props.sheetGesturesEnabled ?? true) ? 1 : 0,
+			shouldDismissOnBackPress: (props.shouldDismissOnBackPress ?? true) ? 1 : 0,
+			shouldDismissOnClickOutside: (props.shouldDismissOnClickOutside ?? true) ? 1 : 0,
+			containerColor: props.containerColor,
+			contentColor: props.contentColor,
+			scrimColor: props.scrimColor,
+		}}
+		onComposeEvent={(event: any) => {
+			if (event.data?.dismissed) {
+				props.onDismissed?.()
+			}
+		}}
+	/>;
+}

package/src/SwiftUIBottomSheet.ios.tsrx

@@ -0,0 +1,119 @@
+/** @jsxImportSource @nativescript-community/octane */
+import { registerElement } from '@nativescript-community/octane'
+import type { Attributes } from '@nativescript-community/octane/intrinsics'
+import { SwiftUI, UIDataDriver, registerSwiftUI, SwiftUIManager } from '@nativescript/swift-ui'
+import { GridLayout } from '@nativescript/core'
+import { createNativeScriptRoot } from '@nativescript-community/octane'
+import { useEffect, useRef } from 'octane'
+import type { UniversalComponent, UniversalRoot } from 'octane/universal'
+import type { SwiftUIBottomSheetProps } from './ios/types'
+
+declare const XplatSheetProvider: any
+
+declare module '@nativescript-community/octane/intrinsics' {
+	interface NativeScriptElements {
+		xplatiossheet: Attributes<typeof SwiftUI>
+	}
+}
+
+registerElement('xplatiossheet', SwiftUI)
+registerSwiftUI('xplat-swiftui-sheet', (owner: any) =>
+	new UIDataDriver(new XplatSheetProvider(), owner),
+)
+
+// Host views keyed by dash-free registry id — same mechanism as the
+// context-menu leaf (kept leaf-local while the shared-bridge question is open).
+const hosts = new Map<string, GridLayout>()
+const roots = new Map<string, UniversalRoot>()
+
+function mountSubtree(id: string, render: () => any): void {
+	let host = hosts.get(id)
+	if (!host) {
+		host = new GridLayout()
+		hosts.set(id, host)
+
+		SwiftUIManager.registerNativeScriptViews(
+			{ [id]: true },
+			{
+				create: (fullId: string) => hosts.get(fullId.split('-')[0]) as any,
+				destroy: (fullId: string) => {
+					hosts.delete(fullId.split('-')[0])
+				},
+			} as any,
+		)
+	}
+
+	let root = roots.get(id)
+	if (!root) {
+		root = createNativeScriptRoot(host)
+		roots.set(id, root)
+	}
+
+	root.render(ContentRoot as unknown as UniversalComponent, { render })
+}
+
+function unmountSubtree(id: string): void {
+	roots.get(id)?.unmount?.()
+	roots.delete(id)
+	hosts.delete(id)
+}
+
+function ContentRoot(props: { render: () => any }) @{
+	<>{props.render()}</>;
+}
+
+let seq = 0
+
+/** Renders a SwiftUI .sheet whose content is a detached octane subtree
+ *  embedded through NativeScriptViewFactory-by-id. `fitToContents` uses the
+ *  ported size-reader → `.presentationDetents([.height(size)])`. */
+export function SwiftUIBottomSheet(props: SwiftUIBottomSheetProps) @{
+	const contentId = useRef<string>('')
+	if (!contentId.current) {
+		contentId.current = `xplatsheet${++seq}`
+	}
+
+	useEffect(() => {
+		if (props.content) {
+			mountSubtree(contentId.current, props.content)
+		}
+
+		return () => {
+			unmountSubtree(contentId.current)
+		}
+	}, [])
+
+	useEffect(() => {
+		if (props.content) {
+			mountSubtree(contentId.current, props.content)
+		}
+	}, [props.content])
+
+	<xplatiossheet
+		id={props.id}
+		className={props.className}
+		style={props.style}
+		swiftId="xplat-swiftui-sheet"
+		data={{
+			isPresented: props.open ?? false,
+			contentId: props.content ? contentId.current : '',
+			fitToContents: props.fitToContents ?? false,
+			detents: props.detents ?? ['medium'],
+			customHeight: props.customHeight,
+			customFraction: props.customFraction,
+			showDragIndicator: props.showDragIndicator ?? false,
+			interactiveDismissDisabled: props.interactiveDismissDisabled ?? false,
+		}}
+		onSwiftUIEvent={(event: any) => {
+			if (event.data?.dismissed) {
+				props.onDismissed?.()
+				return
+			}
+
+			const presented = event.data?.isPresented
+			if (typeof presented === 'boolean') {
+				props.onPresentedChange?.(presented)
+			}
+		}}
+	/>;
+}

package/src/android/index.ts

@@ -0,0 +1,2 @@
+export { MaterialBottomSheet } from '../MaterialBottomSheet.android.tsrx'
+export type { MaterialBottomSheetProps } from './types'

package/src/android/types.ts

@@ -0,0 +1,27 @@
+export interface MaterialBottomSheetProps {
+	id?: string
+	className?: any
+	style?: any
+	/** Controls sheet visibility. */
+	open?: boolean
+	/** Called when the sheet asks to close (swipe, scrim, back). */
+	onDismissed?: () => void
+	/** Skip the half-expanded detent; only fully expanded/hidden remain. */
+	skipPartiallyExpanded?: boolean
+	/** Show the drag handle affordance. @default true */
+	showDragHandle?: boolean
+	/** Allow swipe gestures on the sheet surface. @default true
+	 *  Not supported by the material3 version the app resolves — prop is
+	 *  accepted but ignored. */
+	sheetGesturesEnabled?: boolean
+	/** @default true */
+	shouldDismissOnBackPress?: boolean
+	/** @default true — accepted but ignored on the resolved material3. */
+	shouldDismissOnClickOutside?: boolean
+	containerColor?: string
+	contentColor?: string
+	scrimColor?: string
+	/** Render fn producing the sheet content — hosted inside the sheet's
+	 *  dialog window through AndroidView. */
+	content?: () => any
+}

package/src/ios/index.ts

@@ -0,0 +1,2 @@
+export { SwiftUIBottomSheet } from '../SwiftUIBottomSheet.ios.tsrx'
+export type { SwiftUIBottomSheetProps, SwiftUISheetDetent } from './types'

package/src/ios/types.ts

@@ -0,0 +1,26 @@
+export type SwiftUISheetDetent = 'medium' | 'large' | 'fraction' | 'height'
+
+export interface SwiftUIBottomSheetProps {
+	id?: string
+	className?: any
+	style?: any
+	/** Controls sheet presentation. */
+	open?: boolean
+	/** Reports the platform-side presented state (echo-suppressed). */
+	onPresentedChange?: (presented: boolean) => void
+	/** Called when the sheet dismisses. */
+	onDismissed?: () => void
+	/** Measure content height and use it as the single detent (iOS 16+). */
+	fitToContents?: boolean
+	/** Detent set — 'fraction' reads `customFraction`, 'height' reads
+	 *  `customHeight` (iOS 16+). @default ['medium'] */
+	detents?: SwiftUISheetDetent[]
+	customFraction?: number
+	customHeight?: number
+	/** Show the grabber. @default false (SwiftUI default is hidden). */
+	showDragIndicator?: boolean
+	interactiveDismissDisabled?: boolean
+	/** Render fn producing the sheet content — hosted inside the sheet
+	 *  presentation through NativeScriptViewFactory. */
+	content?: () => any
+}

package/src/macos/index.ts

@@ -0,0 +1,2 @@
+export { AppKitSheet } from '../AppKitSheet.macos.tsrx'
+export type { AppKitSheetProps } from './types'

package/src/macos/types.ts

@@ -0,0 +1,12 @@
+export interface AppKitSheetProps {
+	id?: string
+	className?: any
+	style?: any
+	/** Controls sheet presentation. */
+	open?: boolean
+	/** Called when the sheet window closes (close button or `open`→false). */
+	onDismissed?: () => void
+	/** Render fn producing the sheet content — hosted in the sheet's own
+	 *  octane root inside the presented window. */
+	content?: () => any
+}

package/src/web/index.ts

@@ -0,0 +1,2 @@
+export { BottomSheet } from '../BottomSheet.web.tsrx'
+export type { BottomSheetProps } from './types'

package/src/web/types.ts

@@ -0,0 +1,16 @@
+export interface BottomSheetProps {
+	id?: string
+	className?: any
+	style?: any
+	open?: boolean
+	onDismissed?: () => void
+	skipPartiallyExpanded?: boolean
+	showDragHandle?: boolean
+	sheetGesturesEnabled?: boolean
+	shouldDismissOnBackPress?: boolean
+	shouldDismissOnClickOutside?: boolean
+	containerColor?: string
+	contentColor?: string
+	scrimColor?: string
+	content?: () => any
+}

package/types/android/index.d.ts

@@ -0,0 +1,18 @@
+export interface MaterialBottomSheetProps {
+	id?: string
+	className?: any
+	style?: any
+	open?: boolean
+	onDismissed?: () => void
+	skipPartiallyExpanded?: boolean
+	showDragHandle?: boolean
+	sheetGesturesEnabled?: boolean
+	shouldDismissOnBackPress?: boolean
+	shouldDismissOnClickOutside?: boolean
+	containerColor?: string
+	contentColor?: string
+	scrimColor?: string
+	content?: () => any
+}
+
+export declare function MaterialBottomSheet(props: MaterialBottomSheetProps): unknown

package/types/ios/index.d.ts

@@ -0,0 +1,19 @@
+export type SwiftUISheetDetent = 'medium' | 'large' | 'fraction' | 'height'
+
+export interface SwiftUIBottomSheetProps {
+	id?: string
+	className?: any
+	style?: any
+	open?: boolean
+	onPresentedChange?: (presented: boolean) => void
+	onDismissed?: () => void
+	fitToContents?: boolean
+	detents?: SwiftUISheetDetent[]
+	customFraction?: number
+	customHeight?: number
+	showDragIndicator?: boolean
+	interactiveDismissDisabled?: boolean
+	content?: () => any
+}
+
+export declare function SwiftUIBottomSheet(props: SwiftUIBottomSheetProps): unknown

package/types/macos/index.d.ts

@@ -0,0 +1,10 @@
+export interface AppKitSheetProps {
+	id?: string
+	className?: any
+	style?: any
+	open?: boolean
+	onDismissed?: () => void
+	content?: () => any
+}
+
+export declare function AppKitSheet(props: AppKitSheetProps): unknown

package/types/web/index.d.ts

@@ -0,0 +1,18 @@
+export interface BottomSheetProps {
+	id?: string
+	className?: any
+	style?: any
+	open?: boolean
+	onDismissed?: () => void
+	skipPartiallyExpanded?: boolean
+	showDragHandle?: boolean
+	sheetGesturesEnabled?: boolean
+	shouldDismissOnBackPress?: boolean
+	shouldDismissOnClickOutside?: boolean
+	containerColor?: string
+	contentColor?: string
+	scrimColor?: string
+	content?: () => any
+}
+
+export declare function BottomSheet(props: BottomSheetProps): unknown

package/index.d.ts

@@ -1 +0,0 @@
-export {}

package/index.js

@@ -1,2 +0,0 @@
-// Reservation stub; implementation will arrive in a later release.
-module.exports = {}