@octane-xplat/ui 0.3.0 → 0.4.0

package/dist/native/ui7.js

@@ -1,36 +1,52 @@
 import { cx } from "./ui2.js";
 import { applyEscapeProps } from "./ui3.js";
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/Grid.native.tsrx
+import { glassClassOf, glassConfigOf } from "./ui4.js";
+import { layoutChildProps } from "./ui5.js";
+import { defineUniversalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
+//#region src/Row.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "gridlayout",
-	"bindings": [
-		["ref", 0],
-		["rows", 1],
-		["columns", 2],
-		["className", 3],
-		["style", 4]
-	],
+	"type": "flexboxlayout",
+	"propsSlot": 0,
 	"children": [{
 		"kind": "slot",
-		"slot": 5
+		"slot": 1
 	}]
 });
-var warnedAboutGap = false;
-var Grid = defineUniversalComponent("nativescript", function Grid(props) {
-	if (props.gap != null && !warnedAboutGap) {
-		warnedAboutGap = true;
-		console.warn("[Grid] gap is not supported; use child margins instead.");
-	}
-	return universalValue(__octaneUniversalPlan0, [
-		(view) => applyEscapeProps(view, props),
-		props.rows,
-		props.columns,
-		cx("vx-grid", props.className),
-		props.style,
-		props.children
-	]);
+var Row = defineUniversalComponent("nativescript", function Row(props) {
+	return universalValue(__octaneUniversalPlan0, [universalProps([
+		[
+			"set",
+			"id",
+			props.id
+		],
+		[
+			"set",
+			"ref",
+			(v) => applyEscapeProps(v, props)
+		],
+		[
+			"set",
+			"flexDirection",
+			"row"
+		],
+		[
+			"set",
+			"iosGlassEffect",
+			glassConfigOf(props.glass)
+		],
+		[
+			"set",
+			"className",
+			cx(glassClassOf(props.glass), props.className)
+		],
+		[
+			"set",
+			"style",
+			props.style
+		],
+		["spread", layoutChildProps(props)]
+	]), props.children]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Grid };
+export { Row };

package/dist/native/ui8.js

@@ -1,31 +1,41 @@
 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/Stack.native.tsrx
+//#region src/Grid.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "gridlayout",
-	"props": {
-		"rows": "*",
-		"columns": "*"
-	},
 	"bindings": [
-		["ref", 0],
-		["className", 1],
-		["style", 2]
+		["id", 0],
+		["ref", 1],
+		["rows", 2],
+		["columns", 3],
+		["className", 4],
+		["style", 5],
+		["iosGlassEffect", 6]
 	],
 	"children": [{
 		"kind": "slot",
-		"slot": 3
+		"slot": 7
 	}]
 });
-var Stack = defineUniversalComponent("nativescript", function Stack(props) {
+var warnedAboutGap = false;
+var Grid = defineUniversalComponent("nativescript", function Grid(props) {
+	if (props.gap != null && !warnedAboutGap) {
+		warnedAboutGap = true;
+		console.warn("[Grid] gap is not supported; use child margins instead.");
+	}
 	return universalValue(__octaneUniversalPlan0, [
+		props.id,
 		(view) => applyEscapeProps(view, props),
-		cx("vx-stack", props.className),
+		props.rows,
+		props.columns,
+		cx("vx-grid", glassClassOf(props.glass), props.className),
 		props.style,
+		glassConfigOf(props.glass),
 		props.children
 	]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Stack };
+export { Grid };

package/dist/native/ui9.js

@@ -1,27 +1,36 @@
 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
+//#region src/Stack.native.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
-	"type": "absolutelayout",
+	"type": "gridlayout",
+	"props": {
+		"rows": "*",
+		"columns": "*"
+	},
 	"bindings": [
-		["ref", 0],
-		["className", 1],
-		["style", 2]
+		["id", 0],
+		["ref", 1],
+		["iosGlassEffect", 2],
+		["className", 3],
+		["style", 4]
 	],
 	"children": [{
 		"kind": "slot",
-		"slot": 3
+		"slot": 5
 	}]
 });
-var Absolute = defineUniversalComponent("nativescript", function Absolute(props) {
+var Stack = defineUniversalComponent("nativescript", function Stack(props) {
 	return universalValue(__octaneUniversalPlan0, [
+		props.id,
 		(view) => applyEscapeProps(view, props),
-		cx("vx-absolute", props.className),
+		glassConfigOf(props.glass),
+		cx("vx-stack", glassClassOf(props.glass), props.className),
 		props.style,
 		props.children
 	]);
 }, { "module": "@nativescript-community/octane" });
 //#endregion
-export { Absolute };
+export { Stack };

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

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "a3c5ef68-e48b-4d5d-845b-09c8b7ac9b67",
+  "buildId": "09d40cb6-77c8-4f47-9fd0-53989e8bea06",
   "mode": "production",
   "capabilities": {
     "independentHydration": false

package/dist/web/ui.js

@@ -1,40 +1,51 @@
-import { View } from "./ui4.js";
-import { Row } from "./ui5.js";
-import { Grid } from "./ui6.js";
-import { Stack } from "./ui7.js";
-import { Absolute } from "./ui8.js";
-import { Spacer } from "./ui9.js";
-import { Text } from "./ui10.js";
-import { Pressable } from "./ui11.js";
-import { TextInput } from "./ui12.js";
-import { TextArea } from "./ui13.js";
-import { List } from "./ui14.js";
-import { ScrollView } from "./ui15.js";
-import { Image } from "./ui16.js";
-import { Modal } from "./ui17.js";
-import { openModal } from "./ui18.js";
-import { Overlay } from "./ui20.js";
-import { Popover } from "./ui21.js";
-import { showToast } from "./ui22.js";
-import { useAnimation } from "./ui23.js";
-import { getColorScheme, useColorScheme } from "./ui24.js";
-import { styled } from "./ui25.js";
-import { Screen } from "./ui26.js";
-import { deriveRouteManifest } from "./ui27.js";
-import { currentRoute, hrefFor, popRoute, pushRoute, registerRoutes, registerScreens, routeFor, screenFor, useRoute } from "./ui28.js";
-import { Tabs } from "./ui29.js";
-import { Switch } from "./ui30.js";
-import { useSafeAreaInsets } from "./ui31.js";
-import { SafeArea } from "./ui32.js";
-import { KeyboardAvoiding } from "./ui33.js";
-import { Drawer } from "./ui34.js";
-import { ActivityIndicator } from "./ui36.js";
-import { Slider } from "./ui37.js";
-import { registerIcon, registerIcons } from "./ui38.js";
-import { Icon } from "./ui39.js";
-import { Heading } from "./ui40.js";
-import { PlatformBadge } from "./ui41.js";
-import { getStack, registerStack, stackEntries } from "./ui42.js";
-import { createStore } from "./ui43.js";
-import { useStore } from "./ui44.js";
-export { Absolute, ActivityIndicator, View as Column, Drawer, Grid, Heading, Icon, Image, KeyboardAvoiding, List, Modal, Overlay, PlatformBadge, Popover, Pressable, Row, SafeArea, Screen, ScrollView, Slider, Spacer, Stack, Switch, Tabs, Text, TextArea, TextInput, View, createStore, currentRoute, deriveRouteManifest, getColorScheme, getStack, hrefFor, openModal, popRoute, pushRoute, registerIcon, registerIcons, registerRoutes, registerScreens, registerStack, routeFor, screenFor, showToast, stackEntries, styled, useAnimation, useColorScheme, useRoute, useSafeAreaInsets, useStore };
+import { View } from "./ui5.js";
+import { Row } from "./ui6.js";
+import { Grid } from "./ui7.js";
+import { Stack } from "./ui8.js";
+import { Absolute } from "./ui9.js";
+import { LiquidGlass } from "./ui10.js";
+import { LiquidGlassContainer } from "./ui11.js";
+import { Spacer } from "./ui12.js";
+import { Text } from "./ui13.js";
+import { RichText, RichTextSpan } from "./ui14.js";
+import { Pressable } from "./ui15.js";
+import { Link } from "./ui16.js";
+import { deriveRouteManifest } from "./ui17.js";
+import { canGoBack, currentModalRoute, currentRoute, hrefFor, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./ui18.js";
+import { NavLink } from "./ui19.js";
+import { TextInput } from "./ui20.js";
+import { TextArea } from "./ui21.js";
+import { List } from "./ui22.js";
+import { ScrollView } from "./ui23.js";
+import { ScrollBox } from "./ui24.js";
+import { Image } from "./ui25.js";
+import { Modal } from "./ui26.js";
+import { getColorScheme, useColorScheme } from "./ui27.js";
+import { applyThemeClasses, getThemePreference, getThemeScheme, onThemeSchemeChange, setThemePreference, themeSchemeClasses, useThemeScheme } from "./ui29.js";
+import { openModal } from "./ui30.js";
+import { Overlay } from "./ui31.js";
+import { Popover } from "./ui33.js";
+import { showToast } from "./ui34.js";
+import { useAnimation } from "./ui35.js";
+import { styled } from "./ui36.js";
+import { openWindow } from "./ui37.js";
+import { Screen } from "./ui38.js";
+import { Tabs } from "./ui39.js";
+import { Switch } from "./ui40.js";
+import { useSafeAreaInsets } from "./ui41.js";
+import { SafeArea } from "./ui42.js";
+import { KeyboardAvoiding } from "./ui43.js";
+import { Drawer } from "./ui44.js";
+import { ActivityIndicator } from "./ui46.js";
+import { Meter } from "./ui48.js";
+import { Slider } from "./ui49.js";
+import { registerIcon, registerIcons } from "./ui50.js";
+import { Icon } from "./ui51.js";
+import { Heading } from "./ui52.js";
+import { PlatformBadge } from "./ui53.js";
+import { getStack, registerStack, stackEntries } from "./ui54.js";
+import { createStore } from "./ui55.js";
+import { useStore } from "./ui56.js";
+import { Sheet } from "./ui57.js";
+import { closeSheet, openSheet } from "./ui58.js";
+export { Absolute, ActivityIndicator, View as Column, Drawer, Grid, Heading, 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, getColorScheme, getStack, getThemePreference, getThemeScheme, hrefFor, onThemeSchemeChange, openModal, openSheet, openWindow, popRoute, pushDeepLink, pushRoute, redirect, registerIcon, registerIcons, registerRoutes, registerScreens, registerStack, routeFor, routeStacks, screenFor, setThemePreference, showToast, stackEntries, styled, themeSchemeClasses, useAnimation, useCanGoBack, useColorScheme, useModalRoute, useRoute, useSafeAreaInsets, useStore, useThemeScheme };

package/dist/web/ui10.js

@@ -1,199 +1,46 @@
 import { applyEscapeProps } from "./ui2.js";
-import { layoutChildProps } from "./ui3.js";
-import { __s, bag15, clone, snapshotSpread, template } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
-//#region src/Text.web.tsrx
+import { glassClassOf, glassStyleOf } from "./ui3.js";
+import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/LiquidGlass.web.tsrx
 enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<span></span>");
+var _t$0 = /* @__PURE__ */ template("<div></div>");
 var _rm$1 = [
-	"s",
-	"m",
-	"l"
+	"r",
+	"e",
+	"b"
 ];
-var Text = /* @__PURE__ */ __s(function Text(props, __s, __extra) {
-	const textStyle = {
-		...props.style,
-		...props.numberOfLines ? {
-			display: "-webkit-box",
-			WebkitLineClamp: props.numberOfLines,
-			WebkitBoxOrient: "vertical",
-			overflow: "hidden"
-		} : {},
-		...props.selectable === false ? { userSelect: "none" } : props.selectable ? { userSelect: "text" } : {},
-		...props.ellipsize ? {
-			textOverflow: "ellipsis",
-			whiteSpace: "nowrap",
-			overflow: "hidden"
-		} : {}
-	};
+var LiquidGlass = /* @__PURE__ */ __s(function LiquidGlass(props, __s, __extra) {
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12;
+		let _m1, _m4;
 		const _root = clone(_t$0);
-		_m0 = (el) => applyEscapeProps(el, props);
-		_m1 = props.className;
-		_m2 = snapshotSpread(layoutChildProps(props, textStyle));
-		_m3 = props.accessibilityHint;
-		_m4 = props.accessibilityValue;
-		_m5 = props.accessibilityState?.disabled;
-		_m6 = props.accessibilityState?.selected;
-		_m7 = props.accessibilityState?.checked;
-		_m8 = props.accessibilityState?.busy;
-		_m9 = props.accessibilityState?.expanded;
-		_m10 = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-		_m11 = _root;
-		_m12 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"ref",
-				_m0
-			],
-			[
-				false,
-				"className",
-				_m1
-			],
-			[true, _m2],
-			[
-				false,
-				"aria-description",
-				_m3
-			],
-			[
-				false,
-				"aria-valuetext",
-				_m4
-			],
-			[
-				false,
-				"aria-disabled",
-				_m5
-			],
-			[
-				false,
-				"aria-selected",
-				_m6
-			],
-			[
-				false,
-				"aria-checked",
-				_m7
-			],
-			[
-				false,
-				"aria-busy",
-				_m8
-			],
-			[
-				false,
-				"aria-expanded",
-				_m9
-			],
-			[
-				false,
-				"aria-live",
-				_m10
-			]
-		], "b:d6d287c8", true);
-		_b = bag15(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, _m6, _m7, _m8, _m9, _m10, _m11, _m12, null, void 0);
+		_m1 = _root;
+		queueRefAttach(__s, _m4 = (el) => applyEscapeProps(el, props), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
+		_b = bag7(__s, _root, void 0, _m1, void 0, void 0, _m4, null, void 0);
 		__s.refFields = _rm$1;
 	} else {
-		{
-			const _v = (el) => applyEscapeProps(el, props);
-			if (_b.a !== _v) _b.a = _v;
-		}
-		{
-			const _v = props.className;
-			if (_b.b !== _v) _b.b = _v;
-		}
-		_b.c = snapshotSpread(layoutChildProps(props, textStyle));
-		{
-			const _v = props.accessibilityHint;
-			if (_b.d !== _v) _b.d = _v;
-		}
-		{
-			const _v = props.accessibilityValue;
-			if (_b.e !== _v) _b.e = _v;
-		}
-		{
-			const _v = props.accessibilityState?.disabled;
-			if (_b.f !== _v) _b.f = _v;
-		}
-		{
-			const _v = props.accessibilityState?.selected;
-			if (_b.g !== _v) _b.g = _v;
-		}
-		{
-			const _v = props.accessibilityState?.checked;
-			if (_b.h !== _v) _b.h = _v;
-		}
-		{
-			const _v = props.accessibilityState?.busy;
-			if (_b.i !== _v) _b.i = _v;
-		}
-		{
-			const _v = props.accessibilityState?.expanded;
-			if (_b.j !== _v) _b.j = _v;
-		}
-		{
-			const _v = props.accessibilityLiveRegion === "none" ? "off" : props.accessibilityLiveRegion;
-			if (_b.k !== _v) _b.k = _v;
+		const _r = (el) => applyEscapeProps(el, props);
+		if (_r !== _b.e) _b.e = replaceRef(__s, _b.e, _r, _b.b);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:3b4a2648", setPlainAttribute);
+	_b.c = updateFreshClassName([
+		"vx-stack",
+		glassClassOf({ variant: props.variant ?? "regular" }),
+		props.className
+	], _b.c, _b.b);
+	{
+		const _v = {
+			...glassStyleOf({ tint: props.tint }),
+			...props.style
+		};
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
 		}
-		_b.m = bindSignalHostPropSources(__s, _b.m, _b.l, [
-			[
-				false,
-				"ref",
-				_b.a
-			],
-			[
-				false,
-				"className",
-				_b.b
-			],
-			[true, _b.c],
-			[
-				false,
-				"aria-description",
-				_b.d
-			],
-			[
-				false,
-				"aria-valuetext",
-				_b.e
-			],
-			[
-				false,
-				"aria-disabled",
-				_b.f
-			],
-			[
-				false,
-				"aria-selected",
-				_b.g
-			],
-			[
-				false,
-				"aria-checked",
-				_b.h
-			],
-			[
-				false,
-				"aria-busy",
-				_b.i
-			],
-			[
-				false,
-				"aria-expanded",
-				_b.j
-			],
-			[
-				false,
-				"aria-live",
-				_b.k
-			]
-		], "b:d6d287c8", true);
 	}
-	_b.p = bindSignalChild(__s, _b.p, 1, _b.l, props.children, "b:1285f2ba", null, void 0, void 0, void 0, true);
+	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:9211318a", null, void 0, void 0, void 0, true);
 });
 //#endregion
-export { Text };
+export { LiquidGlass };