@octane-xplat/ui 0.6.0 → 0.7.1

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

@@ -1,46 +1,84 @@
 import { cx } from "../cx.js";
-import "../Text.native.tsrx.js";
-import "../Pressable.native.tsrx.js";
+import { applyEscapeProps } from "../escape-props.js";
+import "../Text.tsrx.js";
+import "../Pressable.tsrx.js";
 import { getIcon } from "../icons.js";
-import "../Icon.native.tsrx.js";
-import { registerStack } from "../stacks.native.js";
-import "../RouteHost.native.tsrx.js";
-import "../route.native.js";
-import { createNativeScriptRoot, defineUniversalComponent, markWarm, memo, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
+import "../Icon.tsrx.js";
+import { registerStack } from "../stacks.js";
+import { RouteHost, screenParamsFor } from "../RouteHost.mobile.tsrx.js";
+import "../route-host.mobile.js";
+import { layoutsForRoute, screenFor, useRoute } from "../route.js";
+import { createNativeScriptRoot, defineUniversalComponent, hookSlots, markWarm, memo, universalComponent, universalIf, universalPlan, universalProps, universalValue, useBatch, warmChild, withSlot } from "@nativescript-community/octane";
 import { Frame, GridLayout, Page, TabViewItem } from "@nativescript/core";
 //#region src/android/BottomNavigationView.android.tsrx
+var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
 	"kind": "range",
 	"children": [{
 		"kind": "slot",
 		"slot": 0
 	}]
 });
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
+var __octaneUniversalPlan2 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan3 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "tabview",
 	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["items", 3],
-		["selectedIndex", 4],
-		["onSelectedIndexChanged", 5],
-		["onLoaded", 6]
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3],
+		["items", 4],
+		["selectedIndex", 5],
+		["onSelectedIndexChanged", 6],
+		["onLoaded", 7]
 	]
 });
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
+var __octaneUniversalPlan4 = universalPlan("nativescript", {
 	"kind": "slot",
 	"slot": 0
 });
 var TabPane = defineUniversalComponent("nativescript", function TabPane(props) {
-	return universalValue(__octaneUniversalPlan0, [props.render()]);
+	const route = withSlot(_h$0, useRoute, props.stack ?? "");
+	const Screen = route ? screenFor(route.name) : void 0;
+	return universalValue(__octaneUniversalPlan2, [universalIf(route && Screen, () => {
+		return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", RouteHost, universalProps([
+			[
+				"set",
+				"screen",
+				Screen
+			],
+			[
+				"set",
+				"layouts",
+				layoutsForRoute(route.name)
+			],
+			[
+				"set",
+				"params",
+				screenParamsFor(route)
+			]
+		]))]);
+	}, () => {
+		return universalValue(__octaneUniversalPlan1, [props.render()]);
+	})]);
 }, { "module": "@nativescript-community/octane" });
 var paneRoots = /* @__PURE__ */ new WeakMap();
 var tabsByView = /* @__PURE__ */ new WeakMap();
 var itemsCache = /* @__PURE__ */ new WeakMap();
 var iconWarned = /* @__PURE__ */ new Set();
 function applyIcon(item, name) {
+	if (name.startsWith("res://")) {
+		item.iconSource = name;
+		return;
+	}
 	const glyph = getIcon(name);
 	if (!glyph) {
 		warnIconOnce(name, `tab icon '${name}' isn't registered — call registerIcons() at boot.`);
@@ -73,7 +111,10 @@ function itemsFor(tabs) {
 					page.actionBarHidden = true;
 					const pane = new GridLayout();
 					page.content = pane;
-					createNativeScriptRoot(pane).render(TabPane, { render: t.render });
+					createNativeScriptRoot(pane).render(TabPane, {
+						render: t.render,
+						stack: t.stack
+					});
 					return page;
 				} });
 			});
@@ -102,7 +143,8 @@ function mountPanes(e) {
 	}
 }
 var NavInner = defineUniversalComponent("nativescript", function NavInner(props) {
-	return universalValue(__octaneUniversalPlan1, [
+	return universalValue(__octaneUniversalPlan3, [
+		(v) => applyEscapeProps(v, props),
 		props.id,
 		cx(props.className),
 		props.style,
@@ -112,7 +154,7 @@ var NavInner = defineUniversalComponent("nativescript", function NavInner(props)
 		mountPanes
 	]);
 }, { "module": "@nativescript-community/octane" });
-var MemoNav = memo(NavInner, (a, b) => a.tabs === b.tabs && a.selectedIndex === b.selectedIndex);
+var MemoNav = memo(NavInner, (a, b) => a.tabs === b.tabs && a.selectedIndex === b.selectedIndex && a.modifiers === b.modifiers);
 var BottomNavigationView = defineUniversalComponent("nativescript", markWarm(function BottomNavigationView(props) {
 	useBatch([], () => {
 		warmChild(MemoNav, {
@@ -121,10 +163,11 @@ var BottomNavigationView = defineUniversalComponent("nativescript", markWarm(fun
 			style: props.style,
 			tabs: props.tabs,
 			selectedIndex: props.selectedIndex,
-			onSelectedIndexChanged: props.onSelectedIndexChanged
+			onSelectedIndexChanged: props.onSelectedIndexChanged,
+			modifiers: props.modifiers
 		});
 	});
-	return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", MemoNav, universalProps([
+	return universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", MemoNav, universalProps([
 		[
 			"set",
 			"id",
@@ -154,6 +197,11 @@ var BottomNavigationView = defineUniversalComponent("nativescript", markWarm(fun
 			"set",
 			"onSelectedIndexChanged",
 			props.onSelectedIndexChanged
+		],
+		[
+			"set",
+			"modifiers",
+			props.modifiers
 		]
 	]))]);
 }, (__wp) => {
@@ -164,7 +212,8 @@ var BottomNavigationView = defineUniversalComponent("nativescript", markWarm(fun
 		style: props.style,
 		tabs: props.tabs,
 		selectedIndex: props.selectedIndex,
-		onSelectedIndexChanged: props.onSelectedIndexChanged
+		onSelectedIndexChanged: props.onSelectedIndexChanged,
+		modifiers: props.modifiers
 	});
 }), { "module": "@nativescript-community/octane" });
 //#endregion

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

@@ -1,5 +1,5 @@
 import { cx } from "../cx.js";
-import { applyNativeProps } from "../platformProps.native.js";
+import { applyNativeProps } from "../platformProps.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 //#region src/android/CircularProgressIndicator.android.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {

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

@@ -1,4 +1,5 @@
 import { cx } from "../cx.js";
+import { applyEscapeProps } from "../escape-props.js";
 import { defineUniversalComponent, hookSlots, registerElement, universalIf, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
 import { Drawer, install } from "@nativescript-community/ui-drawer";
 //#region src/android/DrawerLayout.android.tsrx
@@ -50,7 +51,7 @@ var DrawerLayout = defineUniversalComponent("nativescript", function DrawerLayou
 		props.id,
 		(d) => {
 			host.current = d;
-			if (d && props.android) Object.assign(d, props.android);
+			applyEscapeProps(d, props);
 		},
 		cx("vx-drawer", props.className),
 		props.style,

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

@@ -1,5 +1,5 @@
 import { applyThemeClasses } from "../theme/theme-scheme.js";
-import { modalPresenter } from "../modal-presenter.native.js";
+import { modalPresenter } from "../modal-presenter.mobile.js";
 import { createNativeScriptRoot, defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
 import { Frame, GridLayout } from "@nativescript/core";
 //#region src/android/MaterialDialog.android.tsrx

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

@@ -1,5 +1,5 @@
 import { cx } from "../cx.js";
-import { applyEscapeProps } from "../escape-props.native.js";
+import { applyEscapeProps } from "../escape-props.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 //#region src/android/MaterialSwitch.android.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {

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

@@ -1,6 +1,7 @@
 import { cx } from "../cx.js";
-import { ActivityIndicator } from "../ActivityIndicator.native.tsrx.js";
-import { createPullToRefresh } from "../refresh.native.js";
+import { applyEscapeProps } from "../escape-props.js";
+import { ActivityIndicator } from "../ActivityIndicator.tsrx.js";
+import { createPullToRefresh } from "../refresh.js";
 import { defineUniversalComponent, hookSlots, memo, universalComponent, universalIf, universalPlan, universalProps, universalValue, useEffect, useRef } from "@nativescript-community/octane";
 import { ScrollView } from "@nativescript/core";
 //#region src/android/RecyclerView.android.tsrx
@@ -98,6 +99,7 @@ var RecyclerViewInner = defineUniversalComponent("nativescript", function Recycl
 			"ref",
 			(v) => {
 				lv.current = v;
+				applyEscapeProps(v, props);
 			}
 		],
 		[
@@ -138,7 +140,7 @@ var RecyclerViewInner = defineUniversalComponent("nativescript", function Recycl
 		["spread", props.android]
 	])]);
 }, { "module": "@nativescript-community/octane" });
-var MemoListView = memo(RecyclerViewInner, (a, b) => a.items === b.items && a.className === b.className && a.style === b.style && a.id === b.id && a.onEndReached === b.onEndReached && a.android === b.android && a.refresh === b.refresh);
+var MemoListView = memo(RecyclerViewInner, (a, b) => a.items === b.items && a.className === b.className && a.style === b.style && a.id === b.id && a.onEndReached === b.onEndReached && a.android === b.android && a.modifiers === b.modifiers && a.refresh === b.refresh);
 var RecyclerView = defineUniversalComponent("nativescript", function RecyclerView(props) {
 	const refreshCapable = props.onRefresh != null || props.refreshing != null;
 	const cfg = useRef({}, _h$2);
@@ -188,6 +190,11 @@ var RecyclerView = defineUniversalComponent("nativescript", function RecyclerVie
 						"android",
 						props.android
 					],
+					[
+						"set",
+						"modifiers",
+						props.modifiers
+					],
 					[
 						"set",
 						"refresh",
@@ -237,6 +244,11 @@ var RecyclerView = defineUniversalComponent("nativescript", function RecyclerVie
 					"set",
 					"android",
 					props.android
+				],
+				[
+					"set",
+					"modifiers",
+					props.modifiers
 				]
 			]))]);
 		})]);

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

@@ -1,5 +1,5 @@
 import { cx } from "../cx.js";
-import { applyNativeProps } from "../platformProps.native.js";
+import { applyNativeProps } from "../platformProps.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 //#region src/android/SeekBar.android.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {

package/dist/native/android/icon.android.js

@@ -0,0 +1,7 @@
+//#region src/android/icon.android.ts
+/** Selector for glyphs used by Android-authentic widgets; the shared root Icon is unchanged. */
+var Icon = { select(choice) {
+	return choice.android.startsWith("res://") ? choice.android : `res://drawable/${choice.android}`;
+} };
+//#endregion
+export { Icon };

package/dist/native/android/index.js

@@ -1,3 +1,4 @@
+import { modifier } from "../modifier-factories.js";
 import { MaterialSwitch } from "./MaterialSwitch.android.tsrx.js";
 import { SeekBar } from "./SeekBar.android.tsrx.js";
 import { CircularProgressIndicator } from "./CircularProgressIndicator.android.tsrx.js";
@@ -6,4 +7,5 @@ import { BottomNavigationView } from "./BottomNavigationView.android.tsrx.js";
 import { MaterialDialog } from "./MaterialDialog.android.tsrx.js";
 import { openModal } from "./openModal.android.js";
 import { DrawerLayout } from "./DrawerLayout.android.tsrx.js";
-export { BottomNavigationView, CircularProgressIndicator, DrawerLayout, MaterialDialog, MaterialSwitch, RecyclerView, SeekBar, openModal };
+import { Icon } from "./icon.android.js";
+export { BottomNavigationView, CircularProgressIndicator, DrawerLayout, Icon, MaterialDialog, MaterialSwitch, RecyclerView, SeekBar, modifier, openModal };

package/dist/native/android/openModal.android.js

@@ -1,5 +1,5 @@
 import { applyThemeClasses } from "../theme/theme-scheme.js";
-import { modalPresenter } from "../modal-presenter.native.js";
+import { modalPresenter } from "../modal-presenter.mobile.js";
 import { createNativeScriptRoot } from "@nativescript-community/octane";
 import { Frame, GridLayout } from "@nativescript/core";
 //#region src/android/openModal.android.ts

package/dist/native/{anim.native.tsrx.js → anim.tsrx.js}

@@ -1,6 +1,6 @@
 import { hookSlots, useRef } from "@nativescript-community/octane";
 import { cancelAnimationFrame, requestAnimationFrame } from "@nativescript/core/animation-frame";
-//#region src/anim.native.tsrx
+//#region src/anim.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 function createAnimated(initial, prop) {
 	let view = null;

package/dist/native/apply-native-modifiers.native.js

@@ -0,0 +1,9 @@
+//#region src/apply-native-modifiers.native.ts
+/** Apply serializable modifiers to a NativeScript host view in array order. */
+function applyNativeModifiers(view, modifiers) {
+	if (!view || !modifiers?.length) return;
+	for (const entry of modifiers) if (entry.type === "style") Object.assign(view.style, entry.values);
+	else view[entry.name] = entry.value;
+}
+//#endregion
+export { applyNativeModifiers };

package/dist/native/{escape-props.native.js → escape-props.js}

@@ -1,10 +1,12 @@
+import { applyNativeModifiers } from "./apply-native-modifiers.native.js";
 import { isAndroid, isIOS } from "@nativescript/core";
-//#region src/escape-props.native.ts
+//#region src/escape-props.ts
 /** Apply only the active device's escape bag after the primitive's own props. */
 function applyEscapeProps(view, props) {
 	if (!view) return;
 	const bag = isIOS ? props.ios : isAndroid ? props.android : void 0;
 	if (bag) Object.assign(view, bag);
+	applyNativeModifiers(view, props.modifiers);
 }
 var NATIVE_ACCESSIBILITY_ROLES = {
 	button: "button",

package/dist/native/index.shared.js

@@ -0,0 +1,92 @@
+import { View } from "./View.tsrx.js";
+import { Row } from "./Row.tsrx.js";
+import { Grid } from "./Grid.tsrx.js";
+import { Stack } from "./Stack.tsrx.js";
+import { Absolute } from "./Absolute.tsrx.js";
+import { setTranslate } from "./translate.js";
+import { Spacer } from "./Spacer.tsrx.js";
+import { Text } from "./Text.tsrx.js";
+import { RichText, RichTextSpan } from "./RichText.tsrx.js";
+import { Pressable } from "./Pressable.tsrx.js";
+import { ActivityIndicator } from "./ActivityIndicator.tsrx.js";
+import { Button } from "./Button.tsrx.js";
+import { Collapsible } from "./Collapsible.tsrx.js";
+import { Accordion } from "./Accordion.tsrx.js";
+import { Checkbox } from "./Checkbox.tsrx.js";
+import { RadioGroup } from "./RadioGroup.tsrx.js";
+import { getColorScheme, useColorScheme } from "./theme/colorScheme.js";
+import { applyThemeClasses, getThemePreference, getThemeScheme, onThemeSchemeChange, setThemePreference, themeSchemeClasses, useThemeScheme } from "./theme/theme-scheme.js";
+import { Popover } from "./Popover.tsrx.js";
+import { registerIcon, registerIcons } from "./icons.js";
+import { Icon } from "./Icon.tsrx.js";
+import { DropdownMenu } from "./DropdownMenu.tsrx.js";
+import { ContextMenu } from "./ContextMenu.tsrx.js";
+import { Badge } from "./Badge.tsrx.js";
+import { Separator } from "./Separator.tsrx.js";
+import { Skeleton } from "./Skeleton.tsrx.js";
+import { Image } from "./Image.tsrx.js";
+import { Avatar } from "./Avatar.tsrx.js";
+import { AvatarGroup } from "./AvatarGroup.tsrx.js";
+import { FormField } from "./FormField.tsrx.js";
+import { FieldGroup } from "./FieldGroup.tsrx.js";
+import { ListItem } from "./ListItem.tsrx.js";
+import { TextInput } from "./TextInput.tsrx.js";
+import { InputNumber } from "./InputNumber.tsrx.js";
+import { PinInput } from "./PinInput.tsrx.js";
+import { Select } from "./Select.tsrx.js";
+import { Combobox, InputMenu, SelectMenu } from "./aliases.tsrx.js";
+import { InputTags } from "./InputTags.tsrx.js";
+import { InputRating } from "./InputRating.tsrx.js";
+import { CheckboxGroup } from "./CheckboxGroup.tsrx.js";
+import { Breadcrumb } from "./Breadcrumb.tsrx.js";
+import { Pagination } from "./Pagination.tsrx.js";
+import { Stepper } from "./Stepper.tsrx.js";
+import { NavigationMenu } from "./NavigationMenu.tsrx.js";
+import { Overlay } from "./Overlay.tsrx.js";
+import { CommandPalette } from "./CommandPalette.tsrx.js";
+import { Table } from "./Table.tsrx.js";
+import { Timeline } from "./Timeline.tsrx.js";
+import { Tree } from "./Tree.tsrx.js";
+import { Alert } from "./Alert.tsrx.js";
+import { Card } from "./Card.tsrx.js";
+import { Chip } from "./Chip.tsrx.js";
+import { Kbd } from "./Kbd.tsrx.js";
+import { Empty } from "./Empty.tsrx.js";
+import { Banner } from "./Banner.tsrx.js";
+import { User } from "./User.tsrx.js";
+import { Meter } from "./Meter.tsrx.js";
+import { ProgressGroup } from "./ProgressGroup.tsrx.js";
+import { Link } from "./Link.tsrx.js";
+import { getStack, registerStack, stackEntries } from "./stacks.js";
+import { defineRoutes, deriveRouteManifest, mergeRouteManifests } from "./route-table.js";
+import { addBackInterceptor, addRoutes, canGoBack, currentModalRoute, currentRoute, hrefFor, layoutsForRoute, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./route.js";
+import { NavLink } from "./NavLink.tsrx.js";
+import { TextArea } from "./TextArea.tsrx.js";
+import { SearchInput } from "./SearchInput.tsrx.js";
+import { SegmentedControl } from "./SegmentedControl.tsrx.js";
+import { ScrollBox } from "./ScrollBox.tsrx.js";
+import { ScrollView } from "./ScrollView.tsrx.js";
+import { VirtualList } from "./VirtualList.tsrx.js";
+import { WebView } from "./WebView.tsrx.js";
+import { Hoverable } from "./Hoverable.tsrx.js";
+import { Tooltip } from "./Tooltip.tsrx.js";
+import { showToast } from "./toast-anchor.tsrx.js";
+import { useAnimation } from "./anim.tsrx.js";
+import { styled } from "./styled.tsrx.js";
+import { openWindow } from "./windows.js";
+import { Screen } from "./Screen.tsrx.js";
+import { Tabs } from "./Tabs.tsrx.js";
+import { Switch } from "./Switch.tsrx.js";
+import { useSafeAreaInsets } from "./safeAreaInsets.tsrx.js";
+import { SafeArea } from "./SafeArea.tsrx.js";
+import { Drawer } from "./Drawer.tsrx.js";
+import { useMeasure } from "./useMeasure.tsrx.js";
+import { Slider } from "./Slider.tsrx.js";
+import { Heading } from "./Heading.tsrx.js";
+import { isNative } from "./platform.js";
+import { useBackInterceptor } from "./use-back.tsrx.js";
+import { createStore } from "./store.js";
+import { useStore } from "./use-store.tsrx.js";
+import { Sheet } from "./Sheet.tsrx.js";
+import { closeSheet, openSheet } from "./sheet-service.js";
+export { Absolute, Accordion, ActivityIndicator, Alert, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, Button, Card, Checkbox, CheckboxGroup, Chip, Collapsible, View as Column, Combobox, CommandPalette, ContextMenu, Drawer, DropdownMenu, Empty, FieldGroup, FormField, Grid, Heading, Hoverable, Icon, Image, InputMenu, InputNumber, InputRating, InputTags, Kbd, Link, ListItem, Meter, NavLink, NavigationMenu, Overlay, 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, Tooltip, Tree, User, View, VirtualList, WebView, addBackInterceptor, addRoutes, applyThemeClasses, canGoBack, closeSheet, createStore, currentModalRoute, currentRoute, defineRoutes, deriveRouteManifest, getColorScheme, getStack, getThemePreference, getThemeScheme, hrefFor, isNative, layoutsForRoute, mergeRouteManifests, 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/ios/LiquidGlass.ios.tsrx.js

@@ -1,6 +1,6 @@
 import { cx } from "../cx.js";
-import { applyEscapeProps } from "../escape-props.native.js";
-import { layoutChildProps } from "../layout-child.native.js";
+import { applyEscapeProps } from "../escape-props.js";
+import { layoutChildProps } from "../layout-child.js";
 import { defineUniversalComponent, registerElement, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
 import { LiquidGlass } from "@nativescript/core";
 //#region src/ios/LiquidGlass.ios.tsrx

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

@@ -1,6 +1,6 @@
 import { cx } from "../cx.js";
-import { applyEscapeProps } from "../escape-props.native.js";
-import { layoutChildProps } from "../layout-child.native.js";
+import { applyEscapeProps } from "../escape-props.js";
+import { layoutChildProps } from "../layout-child.js";
 import { defineUniversalComponent, registerElement, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
 import { LiquidGlassContainer } from "@nativescript/core";
 //#region src/ios/LiquidGlassContainer.ios.tsrx

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

@@ -1,4 +1,5 @@
 import { cx } from "../cx.js";
+import { applyEscapeProps } from "../escape-props.js";
 import { defineUniversalComponent, hookSlots, registerElement, universalIf, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
 import { Drawer, install } from "@nativescript-community/ui-drawer";
 //#region src/ios/SideDrawer.ios.tsrx
@@ -50,7 +51,7 @@ var SideDrawer = defineUniversalComponent("nativescript", function SideDrawer(pr
 		props.id,
 		(d) => {
 			host.current = d;
-			if (d && props.ios) Object.assign(d, props.ios);
+			applyEscapeProps(d, props);
 		},
 		cx("vx-drawer", props.className),
 		props.style,

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

@@ -1,5 +1,5 @@
 import { cx } from "../cx.js";
-import { applyNativeProps } from "../platformProps.native.js";
+import { applyNativeProps } from "../platformProps.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 //#region src/ios/UIActivityIndicatorView.ios.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {

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

@@ -1,5 +1,5 @@
 import { applyThemeClasses } from "../theme/theme-scheme.js";
-import { modalPresenter } from "../modal-presenter.native.js";
+import { modalPresenter } from "../modal-presenter.mobile.js";
 import { createNativeScriptRoot, defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
 import { Frame, GridLayout } from "@nativescript/core";
 //#region src/ios/UIModal.ios.tsrx

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

@@ -1,5 +1,5 @@
 import { cx } from "../cx.js";
-import { applyNativeProps } from "../platformProps.native.js";
+import { applyNativeProps } from "../platformProps.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 //#region src/ios/UISlider.ios.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {

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

@@ -1,5 +1,5 @@
 import { cx } from "../cx.js";
-import { applyEscapeProps } from "../escape-props.native.js";
+import { applyEscapeProps } from "../escape-props.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 //#region src/ios/UISwitch.ios.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {

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

@@ -1,6 +1,7 @@
 import { cx } from "../cx.js";
+import { applyEscapeProps } from "../escape-props.js";
 import { getIcon } from "../icons.js";
-import { registerStack } from "../stacks.native.js";
+import { registerStack } from "../stacks.js";
 import { createNativeScriptRoot, defineUniversalComponent, markWarm, memo, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
 import { Frame, GridLayout, Page, TabViewItem } from "@nativescript/core";
 //#region src/ios/UITabBar.ios.tsrx
@@ -15,13 +16,14 @@ var __octaneUniversalPlan1 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "tabview",
 	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["items", 3],
-		["selectedIndex", 4],
-		["onSelectedIndexChanged", 5],
-		["onLoaded", 6]
+		["ref", 0],
+		["id", 1],
+		["className", 2],
+		["style", 3],
+		["items", 4],
+		["selectedIndex", 5],
+		["onSelectedIndexChanged", 6],
+		["onLoaded", 7]
 	]
 });
 var __octaneUniversalPlan2 = universalPlan("nativescript", {
@@ -36,6 +38,10 @@ var tabsByView = /* @__PURE__ */ new WeakMap();
 var itemsCache = /* @__PURE__ */ new WeakMap();
 var iconWarned = /* @__PURE__ */ new Set();
 function applyIcon(item, name) {
+	if (name.startsWith("sys://") || name.startsWith("res://")) {
+		item.iconSource = name;
+		return;
+	}
 	const glyph = getIcon(name);
 	if (!glyph) {
 		warnIconOnce(name, `tab icon '${name}' isn't registered — call registerIcons() at boot.`);
@@ -59,7 +65,7 @@ function itemsFor(tabs) {
 	items = tabs.map((t) => {
 		const item = new TabViewItem();
 		item.title = t.title;
-		if (t.icon) applyIcon(item, t.icon);
+		if (t.icon != null) applyIcon(item, t.icon);
 		if (t.stack) {
 			const frame = new Frame();
 			frame.once("loaded", () => {
@@ -98,6 +104,7 @@ function mountPanes(e) {
 }
 var TabBarInner = defineUniversalComponent("nativescript", function TabBarInner(props) {
 	return universalValue(__octaneUniversalPlan1, [
+		(v) => applyEscapeProps(v, props),
 		props.id,
 		cx(props.className),
 		props.style,
@@ -107,7 +114,7 @@ var TabBarInner = defineUniversalComponent("nativescript", function TabBarInner(
 		mountPanes
 	]);
 }, { "module": "@nativescript-community/octane" });
-var MemoTabBar = memo(TabBarInner, (a, b) => a.tabs === b.tabs && a.selectedIndex === b.selectedIndex);
+var MemoTabBar = memo(TabBarInner, (a, b) => a.tabs === b.tabs && a.selectedIndex === b.selectedIndex && a.modifiers === b.modifiers);
 var UITabBar = defineUniversalComponent("nativescript", markWarm(function UITabBar(props) {
 	useBatch([], () => {
 		warmChild(MemoTabBar, {
@@ -116,7 +123,9 @@ var UITabBar = defineUniversalComponent("nativescript", markWarm(function UITabB
 			style: props.style,
 			tabs: props.tabs,
 			selectedIndex: props.selectedIndex,
-			onSelectedIndexChanged: props.onSelectedIndexChanged
+			ios: props.ios,
+			onSelectedIndexChanged: props.onSelectedIndexChanged,
+			modifiers: props.modifiers
 		});
 	});
 	return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", MemoTabBar, universalProps([
@@ -145,10 +154,20 @@ var UITabBar = defineUniversalComponent("nativescript", markWarm(function UITabB
 			"selectedIndex",
 			props.selectedIndex
 		],
+		[
+			"set",
+			"ios",
+			props.ios
+		],
 		[
 			"set",
 			"onSelectedIndexChanged",
 			props.onSelectedIndexChanged
+		],
+		[
+			"set",
+			"modifiers",
+			props.modifiers
 		]
 	]))]);
 }, (__wp) => {
@@ -159,7 +178,9 @@ var UITabBar = defineUniversalComponent("nativescript", markWarm(function UITabB
 		style: props.style,
 		tabs: props.tabs,
 		selectedIndex: props.selectedIndex,
-		onSelectedIndexChanged: props.onSelectedIndexChanged
+		ios: props.ios,
+		onSelectedIndexChanged: props.onSelectedIndexChanged,
+		modifiers: props.modifiers
 	});
 }), { "module": "@nativescript-community/octane" });
 //#endregion