@octane-xplat/ui 0.3.0 → 0.5.0

package/dist/web/ui.js

@@ -1,40 +1,53 @@
-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 { Hoverable } from "./ui34.js";
+import { showToast } from "./ui35.js";
+import { useAnimation } from "./ui36.js";
+import { styled } from "./ui37.js";
+import { openWindow } from "./ui38.js";
+import { Screen } from "./ui39.js";
+import { Tabs } from "./ui40.js";
+import { Switch } from "./ui41.js";
+import { useSafeAreaInsets } from "./ui42.js";
+import { SafeArea } from "./ui43.js";
+import { KeyboardAvoiding } from "./ui44.js";
+import { Drawer } from "./ui45.js";
+import { useMeasure } from "./ui46.js";
+import { ActivityIndicator } from "./ui48.js";
+import { Meter } from "./ui50.js";
+import { Slider } from "./ui51.js";
+import { registerIcon, registerIcons } from "./ui52.js";
+import { Icon } from "./ui53.js";
+import { Heading } from "./ui54.js";
+import { PlatformBadge } from "./ui55.js";
+import { getStack, registerStack, stackEntries } from "./ui56.js";
+import { createStore } from "./ui57.js";
+import { useStore } from "./ui58.js";
+import { Sheet } from "./ui59.js";
+import { closeSheet, openSheet } from "./ui60.js";
+export { Absolute, ActivityIndicator, View as Column, Drawer, Grid, Heading, Hoverable, Icon, Image, KeyboardAvoiding, Link, LiquidGlass, LiquidGlassContainer, List, Meter, Modal, NavLink, Overlay, PlatformBadge, Popover, Pressable, RichText, RichTextSpan, Row, SafeArea, Screen, ScrollBox, ScrollView, Sheet, Slider, Spacer, Stack, Switch, Tabs, Text, TextArea, TextInput, View, applyThemeClasses, canGoBack, closeSheet, createStore, currentModalRoute, currentRoute, deriveRouteManifest, 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, useMeasure, 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 };