@octane-xplat/ui 0.4.0 → 0.6.0

package/types/web.d.ts

@@ -0,0 +1,17 @@
+// Boundary types for @octane-xplat/ui/web — web-only components. This
+// subpath resolves only under the `web` condition; importing it from
+// shared `.tsrx` fails the native build on purpose.
+
+import type { UniversalComponent } from 'octane/universal'
+import type { HoverableProps, TooltipProps } from './props'
+
+export type { HoverableProps, TooltipProps } from './props'
+
+/** Delayed hover intent with a portaled card — hover has no touch-platform
+ *  semantic, so this is web-only by design. */
+export declare const Hoverable: UniversalComponent<HoverableProps>
+
+/** Hover-intent + keyboard-focus tooltip anchored through Popover —
+ *  `aria-describedby` wiring and Escape/scroll dismissal included. Web-only
+ *  (decision #47); on touch targets compose `Pressable` + `Popover`. */
+export declare const Tooltip: UniversalComponent<TooltipProps>

package/dist/native/ui10.js

@@ -1,32 +0,0 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { glassClassOf, glassConfigOf } from "./ui4.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Absolute.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "absolutelayout",
-	"bindings": [
-		["id", 0],
-		["ref", 1],
-		["iosGlassEffect", 2],
-		["className", 3],
-		["style", 4]
-	],
-	"children": [{
-		"kind": "slot",
-		"slot": 5
-	}]
-});
-var Absolute = defineUniversalComponent("nativescript", function Absolute(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		(view) => applyEscapeProps(view, props),
-		glassConfigOf(props.glass),
-		cx("vx-absolute", glassClassOf(props.glass), props.className),
-		props.style,
-		props.children
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Absolute };

package/dist/native/ui25.js

@@ -1,141 +0,0 @@
-import { cx } from "./ui2.js";
-import { defineUniversalComponent, memo, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-import { ScrollView, isAndroid, isIOS } from "@nativescript/core";
-//#region src/List.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "listview",
-	"propsSlot": 0
-});
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan3 = universalPlan("nativescript", {
-	"kind": "range",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan4 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-function rejectNestedScrollView(event) {
-	let parent = event.object?.parent;
-	while (parent) {
-		if (parent instanceof ScrollView) throw new Error("[List] cannot be nested inside native ScrollView. Use ScrollBox so the ListView owns scrolling.");
-		parent = parent.parent;
-	}
-}
-var ListInner = defineUniversalComponent("nativescript", function ListInner(props) {
-	const platformProps = Object.assign({}, isIOS ? props.ios : {}, isAndroid ? props.android : {});
-	return universalValue(__octaneUniversalPlan1, [universalProps([
-		[
-			"set",
-			"id",
-			props.id
-		],
-		[
-			"set",
-			"className",
-			cx(props.className)
-		],
-		[
-			"set",
-			"style",
-			props.style
-		],
-		[
-			"set",
-			"items",
-			props.items
-		],
-		[
-			"set",
-			"iosEstimatedRowHeight",
-			isIOS ? props.estimatedItemHeight : void 0
-		],
-		[
-			"set",
-			"onLoadMoreItems",
-			props.onEndReached
-		],
-		[
-			"set",
-			"onLoaded",
-			rejectNestedScrollView
-		],
-		[
-			"set",
-			"renderItem",
-			(item, index) => universalValue(__octaneUniversalPlan0, [props.renderItem(item, index)])
-		],
-		["spread", platformProps]
-	])]);
-}, { "module": "@nativescript-community/octane" });
-var MemoListView = memo(ListInner, (a, b) => a.items === b.items && a.className === b.className && a.style === b.style && a.id === b.id && a.estimatedItemHeight === b.estimatedItemHeight && a.onEndReached === b.onEndReached && a.ios === b.ios && a.android === b.android);
-var List = defineUniversalComponent("nativescript", function List(props) {
-	return universalValue(__octaneUniversalPlan4, [universalIf(props.items.length > 0, () => {
-		return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", MemoListView, universalProps([
-			[
-				"set",
-				"id",
-				props.id
-			],
-			[
-				"set",
-				"items",
-				props.items
-			],
-			[
-				"set",
-				"className",
-				props.className
-			],
-			[
-				"set",
-				"style",
-				props.style
-			],
-			[
-				"set",
-				"renderItem",
-				props.renderItem
-			],
-			[
-				"set",
-				"estimatedItemHeight",
-				props.estimatedItemHeight
-			],
-			[
-				"set",
-				"onEndReached",
-				props.onEndReached
-			],
-			[
-				"set",
-				"ios",
-				props.ios
-			],
-			[
-				"set",
-				"android",
-				props.android
-			]
-		]))]);
-	}, () => {
-		return universalValue(__octaneUniversalPlan3, [props.renderEmpty?.()]);
-	})]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { List };

package/dist/native/ui27.js

@@ -1,61 +0,0 @@
-import { cx } from "./ui2.js";
-import { applyEscapeProps } from "./ui3.js";
-import { glassClassOf, glassConfigOf } from "./ui4.js";
-import { layoutChildProps } from "./ui5.js";
-import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/ScrollView.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "scrollview",
-	"propsSlot": 0,
-	"children": [{
-		"kind": "host",
-		"type": "flexboxlayout",
-		"bindings": [["flexDirection", 1]],
-		"children": [{
-			"kind": "slot",
-			"slot": 2
-		}]
-	}]
-});
-var ScrollView = defineUniversalComponent("nativescript", function ScrollView(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		universalProps([
-			[
-				"set",
-				"ref",
-				(v) => applyEscapeProps(v, props)
-			],
-			[
-				"set",
-				"id",
-				props.id
-			],
-			["spread", layoutChildProps(props)],
-			[
-				"set",
-				"className",
-				cx(glassClassOf(props.glass), props.className)
-			],
-			[
-				"set",
-				"style",
-				props.style
-			],
-			[
-				"set",
-				"iosGlassEffect",
-				glassConfigOf(props.glass)
-			],
-			[
-				"set",
-				"orientation",
-				props.horizontal ? "horizontal" : "vertical"
-			]
-		]),
-		props.horizontal ? "row" : "column",
-		props.children
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { ScrollView };

package/dist/native/ui39.js

@@ -1,105 +0,0 @@
-import { applyThemeClasses } from "./ui31.js";
-import { topRootLayout } from "./ui34.js";
-import { createNativeScriptRoot, defineUniversalComponent, universalComponent, universalIf, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-import { GridLayout, isAndroid, isIOS } from "@nativescript/core";
-//#region src/toast.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "label",
-	"props": { "className": "vx-toast" },
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"props": { "className": "vx-toast" },
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var queue = [];
-var active = null;
-var ToastBody = defineUniversalComponent("nativescript", function ToastBody(props) {
-	return universalValue(__octaneUniversalPlan2, [universalIf(typeof props.content === "string", () => {
-		return universalValue(__octaneUniversalPlan0, [props.content]);
-	}, () => {
-		const Component = props.content;
-		return universalValue(__octaneUniversalPlan1, [universalComponent("nativescript", Component, universalProps([]))]);
-	})]);
-}, { "module": "@nativescript-community/octane" });
-function finishToast(entry) {
-	if (active !== entry) return;
-	if (entry.timer !== null) clearTimeout(entry.timer);
-	entry.timer = null;
-	const rootLayout = topRootLayout();
-	const finish = () => {
-		entry.unbindTheme?.();
-		entry.root.unmount?.();
-		if (active === entry) active = null;
-		showNext();
-	};
-	if (rootLayout && rootLayout?.hasChild?.(entry.host)) rootLayout.close(entry.host).then(finish, (error) => {
-		console.error("[Toast] close failed", error);
-		finish();
-	});
-	else finish();
-}
-function showNext() {
-	if (active || queue.length === 0) return;
-	const entry = queue.shift();
-	const rootLayout = topRootLayout();
-	if (!rootLayout) {
-		console.warn("[Toast] RootLayout is not mounted; toast was skipped");
-		return;
-	}
-	const host = new GridLayout();
-	const unbindTheme = applyThemeClasses(host, "vx-toast-host");
-	host.horizontalAlignment = "stretch";
-	host.verticalAlignment = entry.options.position === "top" ? "top" : "bottom";
-	host.marginTop = entry.options.position === "top" ? 24 : 0;
-	host.marginBottom = entry.options.position === "top" ? 0 : 24;
-	Object.assign(host, isIOS ? entry.options.ios : isAndroid ? entry.options.android : void 0);
-	const root = createNativeScriptRoot(host);
-	const current = {
-		...entry,
-		host,
-		root,
-		timer: null,
-		unbindTheme
-	};
-	active = current;
-	root.render(ToastBody, { content: entry.content });
-	const open = () => {
-		rootLayout.open(host).then(() => {
-			if (active === current) current.timer = setTimeout(() => finishToast(current), Math.max(0, entry.options.duration ?? 3e3));
-		}, (error) => {
-			console.error("[Toast] open failed", error);
-			root.unmount?.();
-			if (active === current) active = null;
-			showNext();
-		});
-	};
-	if (rootLayout.hasChild?.(host)) rootLayout.close(host).then(open, (error) => {
-		console.error("[Toast] stale host close failed", error);
-		if (active === current) active = null;
-		showNext();
-	});
-	else open();
-}
-function showToast(content, options = {}) {
-	queue.push({
-		content,
-		options
-	});
-	showNext();
-}
-//#endregion
-export { showToast };

package/dist/native/ui4.js

@@ -1,24 +0,0 @@
-//#region src/glass.ts
-/** Normalize the `glass` surface prop into the config object handed to
-*  `iosGlassEffect` on native. Always returns an object — the upstream
-*  string shorthand silently drops `interactive` on the layout's update
-*  path, and an empty config defaults the variant to 'regular' here rather
-*  than upstream's own fallback. `false`/'none'/'identity' → no glass. */
-function glassConfigOf(glass) {
-	if (!glass || glass === "none" || glass === "identity") return;
-	const c = typeof glass === "string" ? { variant: glass } : glass === true ? {} : glass;
-	if (c.variant === "none" || c.variant === "identity") return;
-	return {
-		variant: "regular",
-		...c
-	};
-}
-/** `vx-glass` classes shared by web (real styling) and native (hook for
-*  app-supplied fallback CSS on non-glass OSes). */
-function glassClassOf(glass) {
-	const c = glassConfigOf(glass);
-	if (!c) return;
-	return c.variant === "clear" ? "vx-glass vx-glass--clear" : "vx-glass";
-}
-//#endregion
-export { glassClassOf, glassConfigOf };

package/dist/native/ui44.js

@@ -1,267 +0,0 @@
-import { cx } from "./ui2.js";
-import { Text } from "./ui14.js";
-import { Pressable } from "./ui16.js";
-import { registerStack } from "./ui18.js";
-import { RouteHost } from "./ui20.js";
-import { layoutsForRoute, screenFor, useRoute } from "./ui21.js";
-import { createNativeScriptRoot, defineUniversalComponent, hookSlots, memo, universalChildren, universalComponent, universalFor, universalIf, universalPlan, universalProps, universalValue, useState, withSlot } from "@nativescript-community/octane";
-import { Application, Frame, GridLayout, Page, TabViewItem } from "@nativescript/core";
-//#region src/Tabs.native.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(2);
-var _h$0 = /* @__PURE__ */ Symbol(_hs$);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "range",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "tabview",
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2],
-		["items", 3],
-		["selectedIndex", 4],
-		["onSelectedIndexChanged", 5],
-		["onLoaded", 6]
-	]
-});
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan3 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan4 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan5 = universalPlan("nativescript", {
-	"kind": "range",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan6 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"props": { "rows": "auto,*" },
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2]
-	],
-	"children": [{
-		"kind": "host",
-		"type": "gridlayout",
-		"props": {
-			"row": 0,
-			"className": "vx-tabbar"
-		},
-		"bindings": [["columns", 3]],
-		"children": [{
-			"kind": "slot",
-			"slot": 4
-		}]
-	}, {
-		"kind": "host",
-		"type": "gridlayout",
-		"props": { "row": 1 },
-		"bindings": [["className", 5]],
-		"children": [{
-			"kind": "slot",
-			"slot": 6
-		}]
-	}]
-});
-var __octaneUniversalPlan7 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan8 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan9 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var TabPane = defineUniversalComponent("nativescript", function TabPane(props) {
-	return universalValue(__octaneUniversalPlan0, [props.render()]);
-}, { "module": "@nativescript-community/octane" });
-var paneRoots = /* @__PURE__ */ new WeakMap();
-var tabsByView = /* @__PURE__ */ new WeakMap();
-var itemsCache = /* @__PURE__ */ new WeakMap();
-function itemsFor(tabs) {
-	let items = itemsCache.get(tabs);
-	if (items !== void 0) return items;
-	items = tabs.map((t) => {
-		const item = new TabViewItem();
-		item.title = t.title;
-		if (t.stack) {
-			const frame = new Frame();
-			frame.once("loaded", () => {
-				frame.navigate({ create: () => {
-					const page = new Page();
-					page.actionBarHidden = true;
-					const pane = new GridLayout();
-					page.content = pane;
-					createNativeScriptRoot(pane).render(TabPane, { render: t.render });
-					return page;
-				} });
-			});
-			registerStack(t.stack, frame);
-			item.view = frame;
-			return item;
-		}
-		const cv = new GridLayout();
-		tabsByView.set(cv, t.render);
-		item.view = cv;
-		return item;
-	});
-	itemsCache.set(tabs, items);
-	return items;
-}
-function mountPanes(e) {
-	const tv = e.object;
-	for (const item of tv.items) {
-		const cv = item.view;
-		if (!(cv instanceof GridLayout) || paneRoots.has(cv)) continue;
-		const render = tabsByView.get(cv);
-		if (!render) continue;
-		const root = createNativeScriptRoot(cv);
-		paneRoots.set(cv, root);
-		root.render(TabPane, { render });
-	}
-	console.log("[probe] tabs mounted panes=" + tv.items.length);
-}
-var TabsInner = defineUniversalComponent("nativescript", function TabsInner(props) {
-	return universalValue(__octaneUniversalPlan1, [
-		props.id,
-		cx(props.className),
-		props.style,
-		itemsFor(props.tabs),
-		props.selectedIndex,
-		(e) => props.onSelectedIndexChanged?.(e.value),
-		mountPanes
-	]);
-}, { "module": "@nativescript-community/octane" });
-var MemoTabs = memo(TabsInner, (a, b) => a.tabs === b.tabs && a.selectedIndex === b.selectedIndex);
-function screenParams(route) {
-	const params = {
-		...route.params,
-		...route.context ?? {},
-		_stack: route.stack,
-		_pushed: true
-	};
-	if (Object.prototype.hasOwnProperty.call(route, "loaderData")) params.data = route.loaderData;
-	if (Object.prototype.hasOwnProperty.call(route, "loaderError")) params.error = route.loaderError;
-	return params;
-}
-var SwapTabs = defineUniversalComponent("nativescript", function SwapTabs(props) {
-	const [internal, setInternal] = useState(0, _h$0);
-	const active = props.selectedIndex ?? internal;
-	const tab = props.tabs[active];
-	const route = withSlot(_h$1, useRoute, tab?.stack ?? "");
-	const Screen = route ? screenFor(route.name) : void 0;
-	const columns = props.tabs.map(() => "*").join(",");
-	return universalValue(__octaneUniversalPlan6, [
-		props.id,
-		cx(props.className),
-		props.style,
-		columns,
-		universalFor(props.tabs, (t, i) => t.title, (t, i) => {
-			return universalValue(__octaneUniversalPlan3, [universalComponent("nativescript", Pressable, universalProps([
-				[
-					"set",
-					"col",
-					i
-				],
-				[
-					"set",
-					"className",
-					cx("vx-tab", active === i ? "active" : "")
-				],
-				[
-					"set",
-					"onPress",
-					() => {
-						setInternal(i);
-						props.onSelectedIndexChanged?.(i);
-					}
-				]
-			], universalChildren("nativescript", () => {
-				return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", Text, universalProps([], t.title))]);
-			})))]);
-		}),
-		cx("vx-tabpane", route?.presentation === "fade" ? "vx-route--fade" : ""),
-		universalIf(route && Screen, () => {
-			return universalValue(__octaneUniversalPlan4, [universalComponent("nativescript", RouteHost, universalProps([
-				[
-					"set",
-					"screen",
-					Screen
-				],
-				[
-					"set",
-					"layouts",
-					layoutsForRoute(route.name)
-				],
-				[
-					"set",
-					"params",
-					screenParams(route)
-				]
-			]))]);
-		}, () => {
-			return universalValue(__octaneUniversalPlan5, [tab?.render()]);
-		})
-	]);
-}, { "module": "@nativescript-community/octane" });
-var Tabs = defineUniversalComponent("nativescript", function Tabs(props) {
-	return universalValue(__octaneUniversalPlan9, [universalIf(Application.android, () => {
-		return universalValue(__octaneUniversalPlan7, [universalComponent("nativescript", SwapTabs, universalProps([["spread", props]]))]);
-	}, () => {
-		return universalValue(__octaneUniversalPlan8, [universalComponent("nativescript", MemoTabs, universalProps([
-			[
-				"set",
-				"id",
-				props.id
-			],
-			[
-				"set",
-				"className",
-				props.className
-			],
-			[
-				"set",
-				"style",
-				props.style
-			],
-			[
-				"set",
-				"tabs",
-				props.tabs
-			],
-			[
-				"set",
-				"selectedIndex",
-				props.selectedIndex
-			],
-			[
-				"set",
-				"onSelectedIndexChanged",
-				props.onSelectedIndexChanged
-			]
-		]))]);
-	})]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Tabs };

package/dist/native/ui54.js

@@ -1,17 +0,0 @@
-//#region src/icons.ts
-/**
-* App-owned icon registry. `svg` is SVG path `d` data (not a full SVG
-* markup string). Native `font` glyphs render only when the app ships that font.
-*/
-var icons = /* @__PURE__ */ new Map();
-function registerIcon(name, glyph) {
-	icons.set(name, glyph);
-}
-function registerIcons(record) {
-	for (const [name, glyph] of Object.entries(record)) icons.set(name, glyph);
-}
-function getIcon(name) {
-	return icons.get(name);
-}
-//#endregion
-export { getIcon, registerIcon, registerIcons };

package/dist/native/ui57.js

@@ -1,14 +0,0 @@
-import { cx } from "./ui2.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/PlatformBadge.native.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "label",
-	"props": { "text": "ios|android" },
-	"bindings": [["className", 0]]
-});
-var PlatformBadge = defineUniversalComponent("nativescript", function PlatformBadge(props) {
-	return universalValue(__octaneUniversalPlan0, [cx(props.className)]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { PlatformBadge };