@octane-xplat/ui 0.6.0 → 0.7.0

package/README.md

@@ -1,11 +1,19 @@
 # @octane-xplat/ui
 
-> Cross-platform primitives for Octane xplat — one element vocabulary that
-> renders to the DOM on web and NativeScript views on iOS/Android.
+> Build shared screens for your app, with platform-specific controls where
+> they improve the experience.
 >
 > Status: `0.x` — the API surface is still moving. iOS/Android targets need
 > the NativeScript toolchain (Xcode/JDK + `ns`).
 
+Start with the [app creator](../create/README.md) when building a new app with
+an agent. xplat's five-target direction covers web, iOS, Android, macOS, and
+Windows; this package's established implementations cover web and mobile,
+with a bounded experimental macOS surface. The Windows scaffold has not yet
+been run on Windows, so UI support there remains unverified. See [target support](https://octane-xplat.goddardai.org/spec#choose-your-targets).
+
+To add the UI package to an existing configured app:
+
 ```sh
 pnpm add @octane-xplat/ui octane
 ```
@@ -13,6 +21,8 @@ pnpm add @octane-xplat/ui octane
 `octane` is a required peer; the `@nativescript/*` peers are optional and
 only needed for native targets.
 
+This component fragment assumes `save` is your app’s action handler.
+
 ```tsx
 import { Row, Text, Pressable } from '@octane-xplat/ui'
 
@@ -25,7 +35,7 @@ import { Row, Text, Pressable } from '@octane-xplat/ui'
 ```
 
 The package also ships `styled()`, layout stacks, routing (`Link`, `NavLink`,
-route tables), overlay/toast/modal services, and the theme stylesheet:
+route tables), sheet/overlay/toast services, and the theme stylesheet:
 
 ```ts
 import '@octane-xplat/ui/theme/tokens.css'
@@ -44,6 +54,6 @@ Rules for consumers:
 
 - Static styles = `className`; dynamic styles = `style` objects.
 - One element vocabulary per file — platform divergence happens at file
-  boundaries (`*.web`/`.native`/`.ios`/`.android`), not inside JSX.
+  boundaries (`*.web`, `.mobile`, `.ios`, `.android`, and the unsuffixed native default), not inside JSX.
 - No DOM globals in shared code; use `@octane-xplat/platform` for device
   capabilities.

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

@@ -1,7 +1,7 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.native.js";
+import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Absolute.native.tsrx
+//#region src/Absolute.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "absolutelayout",

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Collapsible } from "./Collapsible.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Collapsible } from "./Collapsible.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
-//#region src/Accordion.native.tsrx
+//#region src/Accordion.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",

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

@@ -1,7 +1,7 @@
 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/ActivityIndicator.native.tsrx
+//#region src/ActivityIndicator.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "flexboxlayout",

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Icon } from "./Icon.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Icon } from "./Icon.tsrx.js";
 import { defineUniversalComponent, markWarm, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
-//#region src/Alert.native.tsrx
+//#region src/Alert.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",
 	"slot": 0

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Image } from "./Image.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Image } from "./Image.tsrx.js";
 import { defineUniversalComponent, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/Avatar.native.tsrx
+//#region src/Avatar.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",
 	"slot": 0

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

@@ -1,9 +1,9 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Avatar } from "./Avatar.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Avatar } from "./Avatar.tsrx.js";
 import { toChildArray } from "./child-array.js";
 import { defineUniversalComponent, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/AvatarGroup.native.tsrx
+//#region src/AvatarGroup.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "flexboxlayout",

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

@@ -1,7 +1,7 @@
 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/Badge.native.tsrx
+//#region src/Badge.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "flexboxlayout",

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Icon } from "./Icon.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Icon } from "./Icon.tsrx.js";
 import { defineUniversalComponent, markWarm, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
-//#region src/Banner.native.tsrx
+//#region src/Banner.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",
 	"slot": 0

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

@@ -1,7 +1,7 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
+import { applyEscapeProps } from "./escape-props.js";
 import { defineUniversalComponent, universalFor, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Breadcrumb.native.tsrx
+//#region src/Breadcrumb.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "label",

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { Pressable } from "./Pressable.native.tsrx.js";
-import { ActivityIndicator } from "./ActivityIndicator.native.tsrx.js";
+import { Pressable } from "./Pressable.tsrx.js";
+import { ActivityIndicator } from "./ActivityIndicator.tsrx.js";
 import { defineUniversalComponent, markWarm, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
-//#region src/Button.native.tsrx
+//#region src/Button.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",
 	"slot": 0

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

@@ -1,7 +1,7 @@
 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/Card.native.tsrx
+//#region src/Card.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "flexboxlayout",

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

@@ -1,7 +1,7 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps, nativeAccessibilityRole } from "./escape-props.native.js";
+import { applyEscapeProps, nativeAccessibilityRole } from "./escape-props.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Checkbox.native.tsrx
+//#region src/Checkbox.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "label",

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Checkbox } from "./Checkbox.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Checkbox } from "./Checkbox.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
-//#region src/CheckboxGroup.native.tsrx
+//#region src/CheckboxGroup.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",

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

@@ -1,7 +1,7 @@
 import { cx } from "./cx.js";
-import { Pressable } from "./Pressable.native.tsrx.js";
+import { Pressable } from "./Pressable.tsrx.js";
 import { defineUniversalComponent, universalChildren, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/Chip.native.tsrx
+//#region src/Chip.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "label",

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Pressable } from "./Pressable.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Pressable } from "./Pressable.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalComponent, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
-//#region src/Collapsible.native.tsrx
+//#region src/Collapsible.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",

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

@@ -1,9 +1,9 @@
 import { cx } from "./cx.js";
-import { Icon } from "./Icon.native.tsrx.js";
-import { TextInput } from "./TextInput.native.tsrx.js";
-import { Overlay } from "./Overlay.native.tsrx.js";
+import { Icon } from "./Icon.tsrx.js";
+import { TextInput } from "./TextInput.tsrx.js";
+import { Overlay } from "./Overlay.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
-//#region src/CommandPalette.native.tsrx
+//#region src/CommandPalette.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",

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

@@ -1,9 +1,9 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Popover } from "./Popover.native.tsrx.js";
-import { Icon } from "./Icon.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Popover } from "./Popover.tsrx.js";
+import { Icon } from "./Icon.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalPlan, universalProps, universalValue, useRef, useState } from "@nativescript-community/octane";
-//#region src/ContextMenu.native.tsrx
+//#region src/ContextMenu.tsrx
 var _hs$ = /* @__PURE__ */ hookSlots(2);
 var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);

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

@@ -1,7 +1,7 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
+import { applyEscapeProps } from "./escape-props.js";
 import { defineUniversalComponent, universalIf, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Drawer.native.tsrx
+//#region src/Drawer.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "range",
 	"children": [{

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

@@ -1,10 +1,10 @@
 import { cx } from "./cx.js";
-import "./escape-props.native.js";
-import { Pressable } from "./Pressable.native.tsrx.js";
-import { Popover } from "./Popover.native.tsrx.js";
-import { Icon } from "./Icon.native.tsrx.js";
+import "./escape-props.js";
+import { Pressable } from "./Pressable.tsrx.js";
+import { Popover } from "./Popover.tsrx.js";
+import { Icon } from "./Icon.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalPlan, universalProps, universalValue, useRef, useState } from "@nativescript-community/octane";
-//#region src/DropdownMenu.native.tsrx
+//#region src/DropdownMenu.tsrx
 var _hs$ = /* @__PURE__ */ hookSlots(2);
 var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Icon } from "./Icon.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Icon } from "./Icon.tsrx.js";
 import { defineUniversalComponent, markWarm, universalComponent, universalPlan, universalProps, universalValue, useBatch, warmChild } from "@nativescript-community/octane";
-//#region src/Empty.native.tsrx
+//#region src/Empty.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",
 	"slot": 0

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

@@ -1,7 +1,7 @@
 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/FieldGroup.native.tsrx
+//#region src/FieldGroup.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "label",

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

@@ -1,7 +1,7 @@
 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/FormField.native.tsrx
+//#region src/FormField.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "label",

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

@@ -1,7 +1,7 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.native.js";
+import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Grid.native.tsrx
+//#region src/Grid.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "gridlayout",

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyNativeProps } from "./platformProps.native.js";
+import { applyNativeProps } from "./platformProps.js";
 import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
 import { AccessibilityRole } from "@nativescript/core";
-//#region src/Heading.native.tsrx
+//#region src/Heading.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "label",
@@ -22,7 +22,7 @@ var Heading = defineUniversalComponent("nativescript", function Heading(props) {
 	const level = props.level ?? 2;
 	return universalValue(__octaneUniversalPlan0, [
 		props.id,
-		cx(`vx-h${level}`, props.className),
+		cx("vx-heading", `vx-h${level}`, props.className),
 		props.style,
 		AccessibilityRole.Header,
 		(el) => applyNativeProps(el, props),

package/dist/native/Hoverable.tsrx.js

@@ -0,0 +1,139 @@
+import { cx } from "./cx.js";
+import { View } from "./View.tsrx.js";
+import { defineUniversalComponent, hookSlots, universalComponent, universalPlan, universalProps, universalValue, useEffect, useRef } from "@nativescript-community/octane";
+//#region src/Hoverable.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(7);
+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 _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
+var _h$6 = /* @__PURE__ */ Symbol(_hs$ + 6);
+var __octaneUniversalPlan0 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var __octaneUniversalPlan1 = universalPlan("nativescript", {
+	"kind": "slot",
+	"slot": 0
+});
+var host = () => globalThis.__xplatAppKit ?? {};
+var HoverablePanel = defineUniversalComponent("nativescript", function HoverablePanel(props) {
+	return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", View, universalProps([[
+		"set",
+		"className",
+		cx("vx-hoverable-card", props.className)
+	], [
+		"set",
+		"style",
+		props.style
+	]], props.body))]);
+}, { "module": "@nativescript-community/octane" });
+var Hoverable = defineUniversalComponent("nativescript", function Hoverable(props) {
+	const anchor = useRef(null, _h$0);
+	const popup = useRef(null, _h$1);
+	const detachHover = useRef(null, _h$2);
+	const detachCardHover = useRef(null, _h$3);
+	const openTimer = useRef(null, _h$4);
+	const closeTimer = useRef(null, _h$5);
+	const clearOpen = () => {
+		if (openTimer.current !== null) clearTimeout(openTimer.current);
+		openTimer.current = null;
+	};
+	const clearClose = () => {
+		if (closeTimer.current !== null) clearTimeout(closeTimer.current);
+		closeTimer.current = null;
+	};
+	const closeNow = () => {
+		clearOpen();
+		clearClose();
+		detachCardHover.current?.();
+		detachCardHover.current = null;
+		popup.current?.close();
+		popup.current = null;
+	};
+	const openNow = () => {
+		if (popup.current) return;
+		const view = anchor.current;
+		const show = host().showAnchoredPopup;
+		if (!view || typeof show !== "function") return;
+		popup.current = show({
+			anchor: view,
+			placement: props.placement ?? "bottom",
+			component: HoverablePanel,
+			props: {
+				body: props.card,
+				className: props.cardClassName,
+				style: props.cardStyle
+			}
+		});
+		if (popup.current?.contentView && typeof host().observeHover === "function") detachCardHover.current = host().observeHover(popup.current.contentView, {
+			enter: clearClose,
+			exit: scheduleClose
+		});
+	};
+	const startOpen = () => {
+		clearClose();
+		clearOpen();
+		openTimer.current = setTimeout(() => {
+			openTimer.current = null;
+			openNow();
+		}, Math.max(0, props.openDelay ?? 500));
+	};
+	const scheduleClose = () => {
+		clearClose();
+		closeTimer.current = setTimeout(() => {
+			closeTimer.current = null;
+			closeNow();
+		}, Math.max(0, props.closeDelay ?? 120));
+	};
+	const bindAnchor = (view) => {
+		if (view && view === anchor.current && detachHover.current) return;
+		anchor.current = view;
+		detachHover.current?.();
+		detachHover.current = null;
+		if (!view) return;
+		const observe = host().observeHover;
+		if (typeof observe !== "function") return;
+		detachHover.current = observe(view, {
+			enter: startOpen,
+			exit: () => {
+				clearOpen();
+				scheduleClose();
+			}
+		});
+	};
+	useEffect(() => () => {
+		clearOpen();
+		clearClose();
+		detachHover.current?.();
+		detachCardHover.current?.();
+		popup.current?.close();
+		popup.current = null;
+	}, [], _h$6);
+	return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", View, universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"className",
+			props.className
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		[
+			"set",
+			"bind",
+			bindAnchor
+		]
+	], props.children))]);
+}, { "module": "@nativescript-community/octane" });
+//#endregion
+export { Hoverable };

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

@@ -1,9 +1,9 @@
 import { cx } from "./cx.js";
-import { applyNativeProps } from "./platformProps.native.js";
+import { applyNativeProps } from "./platformProps.js";
 import { getIcon } from "./icons.js";
-import { glyphSvgMarkup, isSvgSrc, svgSource } from "./svg.native.js";
+import { glyphSvgMarkup, isSvgSrc, svgSource } from "./svg.mobile.js";
 import { defineUniversalComponent, universalIf, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Icon.native.tsrx
+//#region src/Icon.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "svgview",

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

@@ -1,10 +1,10 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { layoutChildProps } from "./layout-child.native.js";
-import { isSvgSrc, svgSource } from "./svg.native.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { layoutChildProps } from "./layout-child.js";
+import { isSvgSrc, svgSource } from "./svg.mobile.js";
 import { defineUniversalComponent, hookSlots, universalIf, universalPlan, universalProps, universalValue, useMemo } from "@nativescript-community/octane";
 import { ImageSource } from "@nativescript/core";
-//#region src/Image.native.tsrx
+//#region src/Image.tsrx
 var _hs$ = /* @__PURE__ */ hookSlots(2);
 var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);

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

@@ -1,9 +1,9 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Pressable } from "./Pressable.native.tsrx.js";
-import { TextInput } from "./TextInput.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Pressable } from "./Pressable.tsrx.js";
+import { TextInput } from "./TextInput.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
-//#region src/InputNumber.native.tsrx
+//#region src/InputNumber.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",

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

@@ -1,8 +1,8 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Icon } from "./Icon.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Icon } from "./Icon.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
-//#region src/InputRating.native.tsrx
+//#region src/InputRating.tsrx
 var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(1));
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "slot",

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

@@ -1,9 +1,9 @@
 import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.native.js";
-import { Pressable } from "./Pressable.native.tsrx.js";
-import { TextInput } from "./TextInput.native.tsrx.js";
+import { applyEscapeProps } from "./escape-props.js";
+import { Pressable } from "./Pressable.tsrx.js";
+import { TextInput } from "./TextInput.tsrx.js";
 import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
-//#region src/InputTags.native.tsrx
+//#region src/InputTags.tsrx
 var _hs$ = /* @__PURE__ */ hookSlots(2);
 var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);

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

@@ -1,7 +1,7 @@
 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/Kbd.native.tsrx
+//#region src/Kbd.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "flexboxlayout",

package/dist/native/{KeyboardAvoiding.native.tsrx.js → KeyboardAvoiding.mobile.tsrx.js}

@@ -1,7 +1,7 @@
 import { cx } from "./cx.js";
 import { defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useState, withSlot } from "@nativescript-community/octane";
 import { Application } from "@nativescript/core";
-//#region src/KeyboardAvoiding.native.tsrx
+//#region src/KeyboardAvoiding.mobile.tsrx
 var _hs$ = /* @__PURE__ */ hookSlots(5);
 var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
@@ -34,9 +34,11 @@ function useKeyboardInset() {
 		if (!Application.ios) return;
 		const center = NSNotificationCenter.defaultCenter;
 		const token = center.addObserverForNameObjectQueueUsingBlock(UIKeyboardWillChangeFrameNotification, null, NSOperationQueue.mainQueue, (note) => {
-			const frame = note.userInfo.objectForKey(UIKeyboardFrameEndUserInfoKey);
+			const raw = note.userInfo.objectForKey(UIKeyboardFrameEndUserInfoKey);
+			const boxed = raw?.CGRectValue;
+			const frame = typeof boxed === "function" ? raw.CGRectValue() : boxed ?? raw;
 			const screenHeight = UIScreen.mainScreen.bounds.size.height;
-			setInset(Math.max(0, screenHeight - frame.origin.y));
+			setInset(Math.max(0, screenHeight - (frame?.origin?.y ?? screenHeight)));
 		});
 		return () => center.removeObserver(token);
 	}, [], _h$1);

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

@@ -1,7 +1,7 @@
-import { Pressable } from "./Pressable.native.tsrx.js";
+import { Pressable } from "./Pressable.tsrx.js";
 import { defineUniversalComponent, universalChildren, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
 import { Utils } from "@nativescript/core";
-//#region src/Link.native.tsrx
+//#region src/Link.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "flexboxlayout",