@octane-xplat/ui 0.5.0 → 0.6.0

package/dist/native/{ui21.js → route.native.js}

@@ -1,6 +1,7 @@
-import { getStack, onStackRegistered, stackEntries } from "./ui18.js";
-import { RouteRedirect, buildRoutePath, layoutChain, linkPath, matchUrl } from "./ui19.js";
-import { RouteHost } from "./ui20.js";
+import { getStack, onStackRegistered, stackEntries } from "./stacks.native.js";
+import { RouteRedirect, buildRoutePath, layoutChain, linkPath, matchUrl } from "./route-table.js";
+import { RouteHost } from "./RouteHost.native.tsrx.js";
+import { modalPresenter } from "./modal-presenter.native.js";
 import { createNativeScriptRoot } from "@nativescript-community/octane";
 import { Application, GridLayout, Page } from "@nativescript/core";
 import { hookSlots as hookSlots$1, useSyncExternalStore as useSyncExternalStore$1 } from "octane";
@@ -34,6 +35,7 @@ var routeLoaders = {};
 function registerScreens(table, manifest) {
 	screens = table;
 	routes = manifest ?? [];
+	ensureBackWired();
 }
 /** One-call registration for route-dir apps — screens + URL patterns +
 *  layouts all come from deriveRouteManifest. */
@@ -69,7 +71,11 @@ function warnOnce(key, msg) {
 function trackFrame(frame) {
 	if (tracked.has(frame)) return;
 	tracked.add(frame);
-	frame.on("navigatedTo", emit);
+	frame.on("navigatedTo", () => {
+		const page = frame.currentPage;
+		if (page && page.isLoaded === false) page.callLoaded?.();
+		emit();
+	});
 }
 function resolveStack(stack) {
 	const frame = getStack(stack);
@@ -78,11 +84,83 @@ function resolveStack(stack) {
 }
 onStackRegistered((_name, frame) => {
 	trackFrame(frame);
+	ensureBackWired();
 	emit();
 });
 var modalHosts = [];
 var swapTabRoutes = /* @__PURE__ */ new Map();
 var swapTabOrder = [];
+/** App-supplied interceptors, consulted most-recent-first before the
+*  framework's default stack pop. Return true to consume the press. */
+var backInterceptors = [];
+var backWired = false;
+/** Register an Android hardware-back interceptor. Interceptors run
+*  most-recent-first (so the topmost mounted screen wins) before the
+*  framework's default pop; returning true consumes the press. Returns
+*  an unsubscribe. iOS has no hardware back — interceptors simply never
+*  fire there. */
+function addBackInterceptor(fn) {
+	backInterceptors.push(fn);
+	return () => {
+		const i = backInterceptors.indexOf(fn);
+		if (i !== -1) backInterceptors.splice(i, 1);
+	};
+}
+/** Framework-owned default: the newest open modal, then the root stack's
+*  pushed page (a root push covers the shell), then the most recently
+*  used swap-pane stack, then any registered named stack that can pop.
+*  Returns false at the base of everything — the press falls through to
+*  the system (app exit). NS's own default pops `Frame.topmost()` — the
+*  innermost frame — which is wrong once nested stacks exist, so this
+*  ordering is deliberate. */
+function defaultBackPress() {
+	const modal = modalHosts[modalHosts.length - 1];
+	if (modal) {
+		popRoute(modal.route.stack);
+		return true;
+	}
+	if (canGoBack("root")) {
+		popRoute("root");
+		return true;
+	}
+	for (const name of [...swapTabOrder].reverse()) if (canGoBack(name)) {
+		popRoute(name);
+		return true;
+	}
+	for (const [name] of [...stackEntries()].reverse()) {
+		if (name === "root") continue;
+		if (canGoBack(name)) {
+			popRoute(name);
+			return true;
+		}
+	}
+	return false;
+}
+/** Install the Android activityBackPressed listener once. Called from
+*  registerScreens and from stack registration, so any app shape that
+*  can navigate (screens or stacks registered) is covered without a
+*  module-import-time read of Application.android. The subscription is
+*  singletoned on the Application object: under vite HMR this module's
+*  state resets but the listener must not duplicate — the press handler
+*  delegates through a slot so a reloaded module graph swaps in its fresh
+*  closures instead of double-popping. */
+function ensureBackWired() {
+	if (backWired || !Application.android) return;
+	backWired = true;
+	const app = Application;
+	app.__octaneXplatBackPress = (e) => {
+		for (let i = backInterceptors.length - 1; i >= 0; i--) if (backInterceptors[i]()) {
+			e.cancel = true;
+			return;
+		}
+		if (defaultBackPress()) e.cancel = true;
+	};
+	if (app.__octaneXplatBackWired) return;
+	app.__octaneXplatBackWired = true;
+	Application.android.on(Application.AndroidApplication.activityBackPressedEvent, (e) => {
+		app.__octaneXplatBackPress?.(e);
+	});
+}
 function presentationFor(name) {
 	return routes.find((m) => m.name === name)?.presentation;
 }
@@ -164,7 +242,7 @@ function commitRoute(r) {
 		else warnOnce("modal:" + r.name, `modal route '${r.name}' dropped — no loaded presenter Frame.`);
 		return;
 	}
-	if (Application.android && r.stack !== "root") {
+	if (r.stack !== "root" && (Application.android || !resolveStack(r.stack))) {
 		const entries = swapTabRoutes.get(r.stack) ?? [];
 		entries.push({
 			...r,
@@ -236,7 +314,13 @@ function pushModal(frame, r, C) {
 		modalHosts.splice(i, 1);
 		emit();
 	};
-	const presenter = frame.currentPage ?? frame;
+	const presenter = modalPresenter(frame);
+	if (!presenter) {
+		warnOnce("modal-presenter:" + r.name, `modal route '${r.name}' dropped — no live presenter. The stack's currentPage is mid-navigation; retry once the transition settles.`);
+		entry.dismiss();
+		root.unmount?.();
+		return;
+	}
 	try {
 		modalHosts.push(entry);
 		const params = {
@@ -276,7 +360,7 @@ function popRoute(stack = "root") {
 		modal.host.closeModal?.();
 		return;
 	}
-	if (Application.android && stack !== "root") {
+	if (stack !== "root" && (Application.android || !resolveStack(stack))) {
 		const entries = swapTabRoutes.get(stack);
 		if (entries?.length) {
 			entries.pop();
@@ -298,7 +382,7 @@ function popRoute(stack = "root") {
 }
 /** Route stamped on a stack's current page, or null at its base page. */
 function routeFor(stack) {
-	if (Application.android && stack !== "root") {
+	if (stack !== "root" && (Application.android || !resolveStack(stack))) {
 		const entries = swapTabRoutes.get(stack);
 		if (entries?.length) return entries[entries.length - 1];
 	}
@@ -325,7 +409,7 @@ function currentRoute() {
 }
 /** Named stacks containing routes, including Android's swap-pane stacks. */
 function routeStacks() {
-	return Application.android ? [.../* @__PURE__ */ new Set([...swapTabOrder, ...[...stackEntries()].map(([name]) => name)])] : [...stackEntries()].map(([name]) => name);
+	return [.../* @__PURE__ */ new Set([...swapTabOrder, ...[...stackEntries()].map(([name]) => name)])];
 }
 /** The modal route currently open, if any — parity with the web leaf. */
 function currentModalRoute() {
@@ -359,8 +443,8 @@ function useRoute(stack) {
 * entry) that can be popped. The modal root is also a back affordance. */
 function canGoBack(stack = "root") {
 	if (modalHosts[modalHosts.length - 1]?.route.stack === stack) return true;
-	if (Application.android && stack !== "root") return !!swapTabRoutes.get(stack)?.length;
-	return !!resolveStack(stack)?.canGoBack?.();
+	if (stack !== "root" && (Application.android || !resolveStack(stack))) return !!swapTabRoutes.get(stack)?.length;
+	return !!resolveStack(stack)?.backStack?.length;
 }
 function useCanGoBack(stack = "root") {
 	return useSyncExternalStore$1((cb) => {
@@ -380,4 +464,4 @@ var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
 var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
 //#endregion
-export { canGoBack, currentModalRoute, currentRoute, hrefFor, layoutsForRoute, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute };
+export { addBackInterceptor, canGoBack, currentModalRoute, currentRoute, hrefFor, layoutsForRoute, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute };

package/dist/native/sheet-detents.native.js

@@ -0,0 +1,102 @@
+import { detentOffset, normalizeDetents, snapDetentIndex } from "./sheet-snap.js";
+import { FlexboxLayout, Screen } from "@nativescript/core";
+//#region src/sheet-detents.native.ts
+var SNAP_MS = 200;
+/** Drag-to-snap detents on a RootLayout sheet host: a self-drawn grabber
+*  strip (top-aligned grid child — the only drag target, so it never
+*  fights inner scrolling) drives the host's translateY; the host is
+*  sized to the largest detent and parked at the offset for the current
+*  one. `closeNow` fires after the dismiss slide-out — the caller decides
+*  what closing means (declarative `onDismiss` via RootLayout 'closed',
+*  or the `openSheet` resolution).
+*
+*  In-window on native: the OS detent presentations
+*  (UISheetPresentationController / BottomSheetBehavior via
+*  BottomSheetDialogFragment) host a modal VC or a separate dialog
+*  window — a different surface contract than the RootLayout child this
+*  sheet is (UIModal/MaterialDialog own the modal path), so the snap
+*  mechanics are self-drawn and identical to the web leaf. */
+function attachSheetDetents(host, detents, closeNow) {
+	const sorted = normalizeDetents(detents);
+	if (!sorted.length) return {
+		detach: () => {},
+		enter: () => {}
+	};
+	const vh = () => host.parent?.getActualSize?.().height || Screen.mainScreen.heightDIPs;
+	const max = sorted[sorted.length - 1];
+	let cur = 0;
+	host.verticalAlignment = "bottom";
+	host.translateY = vh();
+	const grabber = new FlexboxLayout();
+	grabber.className = "vx-sheet-grabber";
+	grabber.verticalAlignment = "top";
+	const grip = new FlexboxLayout();
+	grip.className = "vx-sheet-grip";
+	grabber.addChild(grip);
+	host.addChild(grabber);
+	let dragging = false;
+	let dy0 = 0;
+	let ty0 = 0;
+	let vy = 0;
+	let lastDy = 0;
+	let lastT = 0;
+	const animateTo = (value, then) => {
+		const done = host.animate?.({
+			translate: {
+				x: 0,
+				y: value
+			},
+			duration: SNAP_MS
+		});
+		if (!then) return;
+		if (done?.then) done.then(() => then());
+		else setTimeout(then, SNAP_MS);
+	};
+	const end = () => {
+		if (!dragging) return;
+		dragging = false;
+		const next = snapDetentIndex(host.translateY, vy, sorted, vh());
+		if (next < 0) animateTo(vh(), closeNow);
+		else {
+			cur = next;
+			animateTo(detentOffset(sorted, cur, vh()));
+		}
+	};
+	const onPan = (e) => {
+		if (e.state === 1) {
+			dragging = true;
+			dy0 = e.deltaY;
+			ty0 = host.translateY;
+			vy = 0;
+			lastDy = e.deltaY;
+			lastT = Date.now();
+			return;
+		}
+		if (e.state === 0 || e.state === 3) {
+			end();
+			return;
+		}
+		if (!dragging) return;
+		const now = Date.now();
+		const dt = (now - lastT) / 1e3;
+		const inc = e.deltaY - lastDy;
+		if (dt > 0) vy = vy * .7 + inc / dt * .3;
+		lastDy = e.deltaY;
+		lastT = now;
+		host.translateY = Math.min(Math.max(ty0 + (e.deltaY - dy0), 0), vh());
+	};
+	grabber.on("pan", onPan);
+	return {
+		enter: () => {
+			host.height = max * vh();
+			host.translateY = vh();
+			animateTo(detentOffset(sorted, cur, vh()));
+		},
+		detach: () => {
+			grabber.off("pan", onPan);
+			if (grabber.parent === host) host.removeChild?.(grabber);
+		}
+	};
+}
+//#endregion
+export { attachSheetDetents };

package/dist/native/{ui64.js → sheet-service.native.js}

@@ -1,5 +1,6 @@
-import { applyThemeClasses } from "./ui31.js";
-import { topRootLayout } from "./ui34.js";
+import { applyThemeClasses } from "./theme/theme-scheme.js";
+import { topRootLayout } from "./root-layout.native.js";
+import { attachSheetDetents } from "./sheet-detents.native.js";
 import { createNativeScriptRoot } from "@nativescript-community/octane";
 import { GridLayout } from "@nativescript/core";
 //#region src/sheet-service.native.ts
@@ -28,25 +29,34 @@ var openSheet = (Component, params, options = {}) => new Promise((resolve) => {
 	host.horizontalAlignment = "stretch";
 	host.verticalAlignment = "bottom";
 	const root = createNativeScriptRoot(host);
+	const detents = options.detents?.length ? attachSheetDetents(host, options.detents, () => finish()) : null;
 	let finished = false;
 	const finish = (result) => {
 		if (finished) return;
 		finished = true;
 		active.delete(entry);
 		unbindTheme();
+		detents?.detach();
 		root.unmount?.();
 		const owner = host.parent;
-		if (owner?.hasChild?.(host)) owner.close(host).catch((error) => {
-			console.error("[openSheet] close failed", error);
-		});
+		if (owner?.hasChild?.(host) && !closing) {
+			if (owner.getPopupIndex?.(host) === -1) owner.removeChild?.(host);
+			else (owner.close?.(host))?.catch((error) => {
+				console.error("[openSheet] close failed", error);
+			});
+		}
 		resolve(result);
 	};
+	let closing = false;
 	const entry = {
 		host,
 		root,
 		finish
 	};
-	host.on("closed", () => finish());
+	host.on("closed", () => {
+		closing = true;
+		finish();
+	});
 	root.render(Component, {
 		params,
 		close: finish
@@ -57,7 +67,7 @@ var openSheet = (Component, params, options = {}) => new Promise((resolve) => {
 			opacity: .4,
 			tapToClose: true
 		} } : {},
-		animation: {
+		...detents ? {} : { animation: {
 			enterFrom: {
 				translateY: 400,
 				duration: 250
@@ -66,8 +76,8 @@ var openSheet = (Component, params, options = {}) => new Promise((resolve) => {
 				translateY: 400,
 				duration: 200
 			}
-		}
-	}).catch((error) => {
+		} }
+	}).then(() => detents?.enter()).catch((error) => {
 		console.error("[openSheet] open failed", error);
 		finish();
 	});

package/dist/native/sheet-snap.js

@@ -0,0 +1,35 @@
+/** Sorted, filtered, deduped detent fractions. Empty → the caller keeps
+*  the content-sized sheet behavior (detents off). */
+function normalizeDetents(input) {
+	if (!input?.length) return [];
+	return [...new Set(input.filter((d) => d > 0 && d <= 1))].sort((a, b) => a - b);
+}
+/** Resting translateY for a detent: the panel is `max * vh` tall, so the
+*  portion below the screen edge is `(max - detent) * vh`. */
+function detentOffset(detents, index, vh) {
+	return (detents[detents.length - 1] - detents[index]) * vh;
+}
+/** Snap target for a release at translateY `ty` with vertical velocity
+*  `vy` (positive = dragging down). Returns the detent index, or -1 to
+*  dismiss: released below half of the smallest detent, or a downward
+*  fling while at/below it. */
+function snapDetentIndex(ty, vy, detents, vh) {
+	const max = detents[detents.length - 1];
+	const frac = Math.min(Math.max(max - ty / vh, 0), 1);
+	if (vy > 500) {
+		let i = -1;
+		while (i + 1 < detents.length && detents[i + 1] < frac - 1e-6) i++;
+		return i;
+	}
+	if (vy < -500) {
+		let i = detents.length - 1;
+		while (i - 1 >= 0 && detents[i - 1] > frac + 1e-6) i--;
+		return i;
+	}
+	if (frac < detents[0] * .5) return -1;
+	let best = 0;
+	for (let i = 1; i < detents.length; i++) if (Math.abs(detents[i] - frac) < Math.abs(detents[best] - frac)) best = i;
+	return best;
+}
+//#endregion
+export { detentOffset, normalizeDetents, snapDetentIndex };

package/dist/native/text-write.native.js

@@ -0,0 +1,27 @@
+//#region src/text-write.native.ts
+/** Controlled `text` write for TextInput/TextArea leaves. The driver's
+*  generic prop path writes view.text verbatim; on Android the EditText
+*  setText resets the cursor to 0 on every controlled write. Park and
+*  restore the selection around the write (clamped to the new length so an
+*  append-shrink can't throw). iOS keeps the plain write — UITextField's
+*  text setter preserves the selected text range already.
+*  Returns without writing when the value already matches — the textChange
+*  echo of the user's own typing must not bounce back through setText. */
+function writeText(view, value) {
+	const next = value ?? "";
+	if (!view || view.text === next) return;
+	const et = view.android;
+	if (!et) {
+		view.text = next;
+		return;
+	}
+	const start = et.getSelectionStart?.() ?? -1;
+	const end = et.getSelectionEnd?.() ?? -1;
+	view.text = next;
+	if (start >= 0) {
+		const len = next.length;
+		et.setSelection(Math.min(start, len), Math.min(end >= 0 ? end : start, len));
+	}
+}
+//#endregion
+export { writeText };

package/dist/native/{ui42.js → theme/status-bar-scheme.native.js}

@@ -1,9 +1,9 @@
-import { getThemeScheme, onThemeSchemeChange } from "./ui31.js";
+import { getThemeScheme, onThemeSchemeChange } from "./theme-scheme.js";
 import { Application, Utils } from "@nativescript/core";
 //#region src/theme/status-bar-scheme.native.ts
 function applyStatusBarScheme() {
 	if (Application.android) {
-		Utils.setDarkModeHandler?.({ handler: () => getThemeScheme() === "dark" });
+		Utils.android.setDarkModeHandler?.({ handler: () => getThemeScheme() === "dark" });
 		return;
 	}
 	const style = getThemeScheme() === "dark" ? "light" : "dark";

package/dist/{web/ui29.js → native/theme/theme-scheme.js}

@@ -1,5 +1,5 @@
-import { getColorScheme, subscribeSystemScheme } from "./ui27.js";
-import { cx } from "./ui28.js";
+import { cx } from "../cx.js";
+import { getColorScheme, subscribeSystemScheme } from "./colorScheme.native.js";
 import { hookSlots, useSyncExternalStore } from "octane";
 //#region src/theme/theme-scheme.ts
 var preference = "system";

package/dist/native/{ui40.js → toast-anchor.native.tsrx.js}

@@ -1,6 +1,6 @@
-import { applyThemeClasses } from "./ui31.js";
-import { topRootLayout } from "./ui34.js";
-import { Popover } from "./ui38.js";
+import { applyThemeClasses } from "./theme/theme-scheme.js";
+import { topRootLayout } from "./root-layout.native.js";
+import { Popover } from "./Popover.native.tsrx.js";
 import { createNativeScriptRoot, defineUniversalComponent, universalChildren, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
 import { GridLayout, isAndroid, isIOS } from "@nativescript/core";
 //#region src/toast-anchor.native.tsrx

package/dist/native/translate.native.js

@@ -0,0 +1,11 @@
+//#region src/translate.native.ts
+/** Imperative translate write on a bound view — the gesture seam. NS
+*  views carry real translateX/translateY properties (dips), so the write
+*  is a direct prop set — synchronous on the UI thread. */
+var setTranslate = (view, x = 0, y = 0) => {
+	if (!view) return;
+	view.translateX = x;
+	view.translateY = y;
+};
+//#endregion
+export { setTranslate };

package/dist/native/ui.js

@@ -1,55 +1,93 @@
-import { View } from "./ui6.js";
-import { Row } from "./ui7.js";
-import { Grid } from "./ui8.js";
-import { Stack } from "./ui9.js";
-import { Absolute } from "./ui10.js";
-import { LiquidGlass } from "./ui11.js";
-import { LiquidGlassContainer } from "./ui12.js";
-import { Spacer } from "./ui13.js";
-import { Text } from "./ui14.js";
-import { RichText, RichTextSpan } from "./ui15.js";
-import { Pressable } from "./ui16.js";
-import { Link } from "./ui17.js";
-import { getStack, registerStack, stackEntries } from "./ui18.js";
-import { deriveRouteManifest } from "./ui19.js";
-import { canGoBack, currentModalRoute, currentRoute, hrefFor, layoutsForRoute, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./ui21.js";
-import { NavLink } from "./ui22.js";
-import { TextInput } from "./ui23.js";
-import { TextArea } from "./ui24.js";
-import { List } from "./ui25.js";
-import { ScrollBox } from "./ui26.js";
-import { ScrollView } from "./ui27.js";
-import { Image } from "./ui29.js";
-import { getColorScheme, useColorScheme } from "./ui30.js";
-import { applyThemeClasses, getThemePreference, getThemeScheme, onThemeSchemeChange, setThemePreference, themeSchemeClasses, useThemeScheme } from "./ui31.js";
-import { Modal } from "./ui32.js";
-import { openModal } from "./ui33.js";
-import { findInRootLayouts, rootLayoutFor, topRootLayout } from "./ui34.js";
-import { Overlay } from "./ui35.js";
-import { Popover } from "./ui38.js";
-import { Hoverable } from "./ui39.js";
-import { showToast } from "./ui40.js";
-import { useAnimation } from "./ui41.js";
-import "./ui42.js";
-import { styled } from "./ui43.js";
-import { openWindow } from "./ui44.js";
-import { Screen } from "./ui45.js";
-import { Tabs } from "./ui46.js";
-import { Switch } from "./ui47.js";
-import { useSafeAreaInsets } from "./ui48.js";
-import { SafeArea } from "./ui49.js";
-import { KeyboardAvoiding } from "./ui50.js";
-import { Drawer } from "./ui51.js";
-import { useMeasure } from "./ui52.js";
-import { ActivityIndicator } from "./ui53.js";
-import { Meter } from "./ui55.js";
-import { Slider } from "./ui56.js";
-import { registerIcon, registerIcons } from "./ui57.js";
-import { Icon } from "./ui58.js";
-import { Heading } from "./ui59.js";
-import { PlatformBadge } from "./ui60.js";
-import { createStore } from "./ui61.js";
-import { useStore } from "./ui62.js";
-import { Sheet } from "./ui63.js";
-import { closeSheet, openSheet, sheetHost } from "./ui64.js";
-export { Absolute, ActivityIndicator, View as Column, Drawer, Grid, Heading, Hoverable, Icon, Image, KeyboardAvoiding, Link, LiquidGlass, LiquidGlassContainer, List, Meter, Modal, NavLink, Overlay, PlatformBadge, Popover, Pressable, RichText, RichTextSpan, Row, SafeArea, Screen, ScrollBox, ScrollView, Sheet, Slider, Spacer, Stack, Switch, Tabs, Text, TextArea, TextInput, View, applyThemeClasses, canGoBack, closeSheet, createStore, currentModalRoute, currentRoute, deriveRouteManifest, findInRootLayouts, getColorScheme, getStack, getThemePreference, getThemeScheme, hrefFor, layoutsForRoute, onThemeSchemeChange, openModal, openSheet, openWindow, popRoute, pushDeepLink, pushRoute, redirect, registerIcon, registerIcons, registerRoutes, registerScreens, registerStack, rootLayoutFor, routeFor, routeStacks, screenFor, setThemePreference, sheetHost, showToast, stackEntries, styled, themeSchemeClasses, topRootLayout, useAnimation, useCanGoBack, useColorScheme, useMeasure, useModalRoute, useRoute, useSafeAreaInsets, useStore, useThemeScheme };
+import { View } from "./View.native.tsrx.js";
+import { Row } from "./Row.native.tsrx.js";
+import { Grid } from "./Grid.native.tsrx.js";
+import { Stack } from "./Stack.native.tsrx.js";
+import { Absolute } from "./Absolute.native.tsrx.js";
+import { setTranslate } from "./translate.native.js";
+import { Spacer } from "./Spacer.native.tsrx.js";
+import { Text } from "./Text.native.tsrx.js";
+import { RichText, RichTextSpan } from "./RichText.native.tsrx.js";
+import { Pressable } from "./Pressable.native.tsrx.js";
+import { ActivityIndicator } from "./ActivityIndicator.native.tsrx.js";
+import { Button } from "./Button.native.tsrx.js";
+import { Collapsible } from "./Collapsible.native.tsrx.js";
+import { Accordion } from "./Accordion.native.tsrx.js";
+import { Checkbox } from "./Checkbox.native.tsrx.js";
+import { RadioGroup } from "./RadioGroup.native.tsrx.js";
+import { getColorScheme, useColorScheme } from "./theme/colorScheme.native.js";
+import { applyThemeClasses, getThemePreference, getThemeScheme, onThemeSchemeChange, setThemePreference, themeSchemeClasses, useThemeScheme } from "./theme/theme-scheme.js";
+import { Popover } from "./Popover.native.tsrx.js";
+import { registerIcon, registerIcons } from "./icons.js";
+import { Icon } from "./Icon.native.tsrx.js";
+import { DropdownMenu } from "./DropdownMenu.native.tsrx.js";
+import { ContextMenu } from "./ContextMenu.native.tsrx.js";
+import { Badge } from "./Badge.native.tsrx.js";
+import { Separator } from "./Separator.native.tsrx.js";
+import { Skeleton } from "./Skeleton.native.tsrx.js";
+import { Image } from "./Image.native.tsrx.js";
+import { Avatar } from "./Avatar.native.tsrx.js";
+import { AvatarGroup } from "./AvatarGroup.native.tsrx.js";
+import { FormField } from "./FormField.native.tsrx.js";
+import { FieldGroup } from "./FieldGroup.native.tsrx.js";
+import { TextInput } from "./TextInput.native.tsrx.js";
+import { InputNumber } from "./InputNumber.native.tsrx.js";
+import { PinInput } from "./PinInput.native.tsrx.js";
+import { Select } from "./Select.native.tsrx.js";
+import { Combobox, InputMenu, SelectMenu } from "./aliases.native.tsrx.js";
+import { InputTags } from "./InputTags.native.tsrx.js";
+import { InputRating } from "./InputRating.native.tsrx.js";
+import { CheckboxGroup } from "./CheckboxGroup.native.tsrx.js";
+import { Breadcrumb } from "./Breadcrumb.native.tsrx.js";
+import { Pagination } from "./Pagination.native.tsrx.js";
+import { Stepper } from "./Stepper.native.tsrx.js";
+import { NavigationMenu } from "./NavigationMenu.native.tsrx.js";
+import { Overlay } from "./Overlay.native.tsrx.js";
+import { CommandPalette } from "./CommandPalette.native.tsrx.js";
+import { Table } from "./Table.native.tsrx.js";
+import { Timeline } from "./Timeline.native.tsrx.js";
+import { Tree } from "./Tree.native.tsrx.js";
+import { Alert } from "./Alert.native.tsrx.js";
+import { Card } from "./Card.native.tsrx.js";
+import { Chip } from "./Chip.native.tsrx.js";
+import { Kbd } from "./Kbd.native.tsrx.js";
+import { Empty } from "./Empty.native.tsrx.js";
+import { Banner } from "./Banner.native.tsrx.js";
+import { User } from "./User.native.tsrx.js";
+import { Meter } from "./Meter.native.tsrx.js";
+import { ProgressGroup } from "./ProgressGroup.native.tsrx.js";
+import { Link } from "./Link.native.tsrx.js";
+import { getStack, registerStack, stackEntries } from "./stacks.native.js";
+import { deriveRouteManifest } from "./route-table.js";
+import { addBackInterceptor, canGoBack, currentModalRoute, currentRoute, hrefFor, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./route.native.js";
+import { NavLink } from "./NavLink.native.tsrx.js";
+import { TextArea } from "./TextArea.native.tsrx.js";
+import { SearchInput } from "./SearchInput.native.tsrx.js";
+import { SegmentedControl } from "./SegmentedControl.native.tsrx.js";
+import { ScrollBox } from "./ScrollBox.native.tsrx.js";
+import { ScrollView } from "./ScrollView.native.tsrx.js";
+import { Pager } from "./Pager.native.tsrx.js";
+import { WebView } from "./WebView.native.tsrx.js";
+import { useMeasure } from "./useMeasure.native.tsrx.js";
+import { Slider } from "./Slider.native.tsrx.js";
+import { Video } from "./Video.native.tsrx.js";
+import { CameraView } from "./CameraView.native.tsrx.js";
+import { showToast } from "./toast-anchor.native.tsrx.js";
+import { useAnimation } from "./anim.native.tsrx.js";
+import "./theme/status-bar-scheme.native.js";
+import { styled } from "./styled.native.tsrx.js";
+import { openWindow } from "./windows.native.js";
+import { Screen } from "./Screen.native.tsrx.js";
+import { Tabs } from "./Tabs.native.tsrx.js";
+import { Switch } from "./Switch.native.tsrx.js";
+import { useSafeAreaInsets } from "./safeAreaInsets.native.tsrx.js";
+import { SafeArea } from "./SafeArea.native.tsrx.js";
+import { KeyboardAvoiding } from "./KeyboardAvoiding.native.tsrx.js";
+import { Drawer } from "./Drawer.native.tsrx.js";
+import { Heading } from "./Heading.native.tsrx.js";
+import { isNative } from "./platform.native.js";
+import { useBackInterceptor } from "./use-back.native.tsrx.js";
+import { createStore } from "./store.js";
+import { useStore } from "./use-store.native.tsrx.js";
+import { Sheet } from "./Sheet.native.tsrx.js";
+import { closeSheet, openSheet } from "./sheet-service.native.js";
+export { Absolute, Accordion, ActivityIndicator, Alert, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, Button, CameraView, Card, Checkbox, CheckboxGroup, Chip, Collapsible, View as Column, Combobox, CommandPalette, ContextMenu, Drawer, DropdownMenu, Empty, FieldGroup, FormField, Grid, Heading, Icon, Image, InputMenu, InputNumber, InputRating, InputTags, Kbd, KeyboardAvoiding, Link, Meter, NavLink, NavigationMenu, Overlay, Pager, Pagination, PinInput, Popover, Pressable, ProgressGroup, RadioGroup, RichText, RichTextSpan, Row, SafeArea, Screen, ScrollBox, ScrollView, SearchInput, SegmentedControl, Select, SelectMenu, Separator, Sheet, Skeleton, Slider, Spacer, Stack, Stepper, Switch, Table, Tabs, Text, TextArea, TextInput, Timeline, Tree, User, Video, View, WebView, addBackInterceptor, applyThemeClasses, canGoBack, closeSheet, createStore, currentModalRoute, currentRoute, deriveRouteManifest, getColorScheme, getStack, getThemePreference, getThemeScheme, hrefFor, isNative, onThemeSchemeChange, openSheet, openWindow, popRoute, pushDeepLink, pushRoute, redirect, registerIcon, registerIcons, registerRoutes, registerScreens, registerStack, routeFor, routeStacks, screenFor, setThemePreference, setTranslate, showToast, stackEntries, styled, themeSchemeClasses, useAnimation, useBackInterceptor, useCanGoBack, useColorScheme, useMeasure, useModalRoute, useRoute, useSafeAreaInsets, useStore, useThemeScheme };

package/dist/native/use-back.native.tsrx.js

@@ -0,0 +1,9 @@
+import { addBackInterceptor } from "./route.native.js";
+import { hookSlots, useEffect } from "@nativescript-community/octane";
+//#region src/use-back.native.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
+function useBackInterceptor(fn) {
+	useEffect(() => addBackInterceptor(fn), [fn], _h$0);
+}
+//#endregion
+export { useBackInterceptor };

package/dist/native/{ui52.js → useMeasure.native.tsrx.js}

@@ -30,7 +30,7 @@ function useMeasure(options = {}) {
 		}
 		const update = () => {
 			const next = readBounds(view);
-			if (next) setBounds(next);
+			setBounds((prev) => prev && next && prev.x === next.x && prev.y === next.y && prev.width === next.width && prev.height === next.height ? prev : next);
 		};
 		const onLoaded = update;
 		view.on?.("loaded", onLoaded);