@octane-xplat/ui 0.6.0 → 0.7.0

package/dist/native/vendor/ui-svg/index.android.js

@@ -0,0 +1,137 @@
+import { SVGView as SVGView$1, srcProperty } from "./index.common.js";
+import { File, Font, ImageAsset, ImageSource, Utils, knownFolders, path } from "@nativescript/core";
+//#region src/vendor/ui-svg/index.android.ts
+function getSVG(src) {
+	if (!src) return null;
+	let imagePath;
+	if (src instanceof File) return com.caverock.androidsvg.SVG.getFromInputStream(new java.io.FileInputStream(new java.io.File(src.path)));
+	else if (src instanceof ImageAsset) imagePath = src.android;
+	else imagePath = src;
+	if (Utils.isFileOrResourcePath(imagePath)) {
+		const res = Utils.android.getApplicationContext().getResources();
+		if (!res) return null;
+		if (imagePath.indexOf(Utils.RESOURCE_PREFIX) === 0) {
+			const resName = imagePath.substr(Utils.RESOURCE_PREFIX.length);
+			const identifier = res.getIdentifier(resName, "drawable", Utils.android.getApplication().getPackageName());
+			return com.caverock.androidsvg.SVG.getFromResource(res, identifier);
+		} else if (imagePath.indexOf("~/") === 0) {
+			const strPath = path.join(knownFolders.currentApp().path, imagePath.replace("~/", ""));
+			const javaFile = new java.io.File(strPath);
+			const stream = new java.io.FileInputStream(javaFile);
+			return com.caverock.androidsvg.SVG.getFromInputStream(stream);
+		} else if (imagePath.indexOf("/") === 0) {
+			const javaFile = new java.io.File(imagePath);
+			const stream = new java.io.FileInputStream(javaFile);
+			return com.caverock.androidsvg.SVG.getFromInputStream(stream);
+		}
+	}
+	return com.caverock.androidsvg.SVG.getFromString(imagePath);
+}
+var SVGExternalFileResolver = class extends com.caverock.androidsvg.SVGExternalFileResolver {
+	resolveFont(fontFamily, fontWeight, fontStyle) {
+		if (fontFamily) fontFamily = fontFamily.replace(/\\\//, "/");
+		return new Font(fontFamily, void 0, fontStyle.toLowerCase(), fontWeight + "").getAndroidTypeface();
+	}
+	resolveImage(filename) {
+		let bitmap = null;
+		if (Utils.isDataURI(filename)) {
+			const base64Data = filename.split(",")[1];
+			if (base64Data !== void 0) bitmap = ImageSource.fromBase64(base64Data);
+		} else if (Utils.isFileOrResourcePath(filename)) {
+			if (filename.indexOf(Utils.RESOURCE_PREFIX) !== 0) {
+				if (filename.indexOf("~/") === 0) filename = path.join(knownFolders.currentApp().path, filename.replace("~/", ""));
+			}
+			bitmap = ImageSource.fromFileOrResourceSync(filename);
+		}
+		return bitmap;
+	}
+};
+com.caverock.androidsvg.SVG.registerExternalFileResolver(new SVGExternalFileResolver());
+var MySVGView = class extends android.view.View {
+	constructor(context) {
+		super(context);
+		this._svg = null;
+		this.aspectRatio = 0;
+		this.renderOptions = new com.caverock.androidsvg.RenderOptions();
+	}
+	onDraw(canvas) {
+		const svg = this._svg;
+		if (!svg) return;
+		this.renderOptions.viewPort(0, 0, this.getWidth(), this.getHeight());
+		svg.renderToCanvas(canvas, this.renderOptions);
+	}
+	setSvg(svg) {
+		this._svg = svg;
+		if (svg) {
+			svg.setDocumentWidth("100%");
+			svg.setDocumentHeight("100%");
+		}
+		this.invalidate();
+	}
+	setRatio(ratio) {
+		this.renderOptions.preserveAspectRatio(ratio);
+	}
+	onMeasure(widthMeasureSpec, heightMeasureSpec) {
+		const svg = this._svg;
+		if (!svg) {
+			super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+			return;
+		}
+		let width = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
+		const widthMode = Utils.layout.getMeasureSpecMode(widthMeasureSpec);
+		let height = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
+		const heightMode = Utils.layout.getMeasureSpecMode(heightMeasureSpec);
+		const image = svg.getDocumentViewBox();
+		const finiteWidth = widthMode === Utils.layout.EXACTLY;
+		const finiteHeight = heightMode === Utils.layout.EXACTLY;
+		if (image || this.aspectRatio > 0) {
+			const nativeWidth = image ? Utils.layout.toDevicePixels(image.width()) : 0;
+			const nativeHeight = image ? Utils.layout.toDevicePixels(image.height()) : 0;
+			const imgRatio = nativeWidth / nativeHeight;
+			const ratio = this.aspectRatio || imgRatio;
+			if (finiteWidth || finiteHeight) {
+				if (!finiteWidth) widthMeasureSpec = Utils.layout.makeMeasureSpec(height * ratio, Utils.layout.EXACTLY);
+				if (!finiteHeight) heightMeasureSpec = Utils.layout.makeMeasureSpec(width * ratio, Utils.layout.EXACTLY);
+			} else if (imgRatio > width / (height || 0xe8d4a51000)) {
+				const w = Math.min(nativeWidth, width);
+				widthMeasureSpec = Utils.layout.makeMeasureSpec(w, Utils.layout.EXACTLY);
+				heightMeasureSpec = Utils.layout.makeMeasureSpec(w / ratio, Utils.layout.EXACTLY);
+			} else {
+				const h = Math.min(nativeHeight, height);
+				heightMeasureSpec = Utils.layout.makeMeasureSpec(h, Utils.layout.EXACTLY);
+				widthMeasureSpec = Utils.layout.makeMeasureSpec(h * ratio, Utils.layout.EXACTLY);
+			}
+		}
+		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+	}
+};
+var SVGView = class extends SVGView$1 {
+	createNativeView() {
+		return new MySVGView(this._context);
+	}
+	async handleSrc(src) {
+		if (src instanceof Promise) {
+			try {
+				this.handleSrc(await src);
+			} catch (error) {
+				this.handleSrc(null);
+			}
+			return;
+		} else if (typeof src === "function") {
+			let newSrc = src();
+			if (newSrc instanceof Promise) try {
+				await newSrc;
+			} catch (error) {
+				newSrc = null;
+			}
+			this.handleSrc(newSrc);
+			return;
+		}
+		this.nativeViewProtected.setSvg(getSVG(src));
+	}
+	[srcProperty.setNative](value) {
+		this.handleSrc(value);
+	}
+};
+//#endregion
+export { SVGView, getSVG };

package/dist/native/vendor/ui-svg/index.common.js

@@ -0,0 +1,10 @@
+import { CSSType, Property, View } from "@nativescript/core";
+//#region src/vendor/ui-svg/index.common.ts
+var srcProperty = new Property({ name: "src" });
+var stretchProperty = new Property({ name: "stretch" });
+var SVGView = class extends View {};
+CSSType("SVGView")(SVGView);
+srcProperty.register(SVGView);
+stretchProperty.register(SVGView);
+//#endregion
+export { SVGView, srcProperty, stretchProperty };

package/dist/native/vendor/ui-svg/index.ios.js

@@ -0,0 +1,111 @@
+import { SVGView as SVGView$1, srcProperty, stretchProperty } from "./index.common.js";
+import { File, ImageAsset, Utils, knownFolders, path } from "@nativescript/core";
+//#region src/vendor/ui-svg/index.ios.ts
+function getUIImageScaleType(scaleType) {
+	switch (scaleType) {
+		case "aspectFill": return 2;
+		case "aspectFit": return 1;
+		case "fill": return 0;
+		case "none": return 9;
+	}
+	return null;
+}
+function getSVGKImage(src) {
+	if (!src) return null;
+	let imagePath;
+	if (src instanceof File) return SVGKImage.alloc().initWithData(NSData.alloc().initWithContentsOfFile(src.path));
+	else if (src instanceof ImageAsset) imagePath = src.ios;
+	else imagePath = src;
+	if (Utils.isFileOrResourcePath(imagePath)) {
+		if (imagePath.indexOf(Utils.RESOURCE_PREFIX) === 0) {
+			const resName = imagePath.slice(Utils.RESOURCE_PREFIX.length);
+			return SVGKImage.imageNamed(resName);
+		} else if (imagePath.indexOf("~/") === 0) {
+			const strPath = path.join(knownFolders.currentApp().path, imagePath.replace("~/", ""));
+			return SVGKImage.imageWithContentsOfFile(strPath);
+		} else if (imagePath.indexOf("/") === 0) return SVGKImage.imageWithContentsOfFile(imagePath);
+	}
+	return SVGKImage.imageWithSource(SVGKSourceString.sourceFromContentsOfString(imagePath));
+}
+var SVGView = class extends SVGView$1 {
+	constructor(..._args) {
+		super(..._args);
+		this.aspectRatio = 0;
+		this._imageSourceAffectsLayout = false;
+	}
+	createNativeView() {
+		const view = SVGKFastImageView.alloc().initWithFrame(CGRectZero);
+		view.backgroundColor = UIColor.clearColor;
+		view.opaque = false;
+		return view;
+	}
+	_setNativeClipToBounds() {
+		this.nativeViewProtected.clipsToBounds = true;
+	}
+	onMeasure(widthMeasureSpec, heightMeasureSpec) {
+		const svgImage = this.nativeViewProtected.image;
+		if (!svgImage) {
+			super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+			return;
+		}
+		const width = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
+		const widthMode = Utils.layout.getMeasureSpecMode(widthMeasureSpec);
+		const height = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
+		const heightMode = Utils.layout.getMeasureSpecMode(heightMeasureSpec);
+		const imageSize = svgImage.size;
+		const finiteWidth = widthMode === Utils.layout.EXACTLY;
+		const finiteHeight = heightMode === Utils.layout.EXACTLY;
+		this._imageSourceAffectsLayout = !finiteWidth || !finiteHeight;
+		if (imageSize || this.aspectRatio > 0) {
+			const nativeWidth = imageSize ? Utils.layout.toDevicePixels(imageSize.width) : 0;
+			const nativeHeight = imageSize ? Utils.layout.toDevicePixels(imageSize.height) : 0;
+			const imgRatio = nativeWidth / nativeHeight;
+			const ratio = this.aspectRatio || imgRatio;
+			if (finiteWidth || finiteHeight) {
+				if (!finiteWidth) widthMeasureSpec = Utils.layout.makeMeasureSpec(height * ratio, Utils.layout.EXACTLY);
+				if (!finiteHeight) heightMeasureSpec = Utils.layout.makeMeasureSpec(width * ratio, Utils.layout.EXACTLY);
+			} else if (imgRatio > width / (height || 0xe8d4a51000)) {
+				const w = Math.min(nativeWidth, width);
+				widthMeasureSpec = Utils.layout.makeMeasureSpec(w, Utils.layout.EXACTLY);
+				heightMeasureSpec = Utils.layout.makeMeasureSpec(w / ratio, Utils.layout.EXACTLY);
+			} else {
+				const h = Math.min(nativeHeight, height);
+				heightMeasureSpec = Utils.layout.makeMeasureSpec(h, Utils.layout.EXACTLY);
+				widthMeasureSpec = Utils.layout.makeMeasureSpec(h * ratio, Utils.layout.EXACTLY);
+			}
+		}
+		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+	}
+	async handleSrc(src) {
+		if (src instanceof Promise) {
+			try {
+				this.handleSrc(await src);
+			} catch (error) {
+				this.handleSrc(null);
+			}
+			return;
+		} else if (typeof src === "function") {
+			let newSrc = src();
+			if (newSrc instanceof Promise) try {
+				await newSrc;
+			} catch (error) {
+				newSrc = null;
+			}
+			this.handleSrc(newSrc);
+			return;
+		}
+		this.nativeViewProtected.image = getSVGKImage(src);
+		if (this._imageSourceAffectsLayout) {
+			this._imageSourceAffectsLayout = false;
+			this.requestLayout();
+		}
+	}
+	[srcProperty.setNative](value) {
+		this.handleSrc(value);
+	}
+	[stretchProperty.setNative](value) {
+		this.nativeViewProtected.contentMode = getUIImageScaleType(value);
+	}
+};
+//#endregion
+export { SVGView, getSVGKImage };

package/dist/native/virtual-list-layout.js

@@ -0,0 +1,146 @@
+function createVirtualListEntries(items, keyExtractor, getItemType) {
+	const seen = /* @__PURE__ */ new Set();
+	return items.map((item, index) => {
+		const key = keyExtractor(item, index);
+		const type = getItemType?.(item, index) ?? "default";
+		assertKey(key, "keyExtractor");
+		assertKey(type, "getItemType");
+		const keyToken = JSON.stringify([typeof key, key]);
+		if (seen.has(keyToken)) throw new Error(`VirtualList keyExtractor returned a duplicate key at index ${index}: ${String(key)}`);
+		seen.add(keyToken);
+		return {
+			item,
+			index,
+			key,
+			type,
+			typeKey: JSON.stringify([typeof type, type]),
+			rowKey: virtualListRowKey(key, type)
+		};
+	});
+}
+function virtualListMeasurementKey(rowKey, hasSeparator) {
+	return rowKey + (hasSeparator ? ":separator" : ":last");
+}
+function estimateVirtualListSizes(entries, hasSeparator, width, measurements) {
+	const totals = /* @__PURE__ */ new Map();
+	for (const entry of entries) {
+		const cacheKey = virtualListMeasurementKey(entry.rowKey, hasSeparator && entry.index < entries.length - 1);
+		const cached = measurements.get(cacheKey);
+		if (!cached) continue;
+		const total = totals.get(entry.typeKey) ?? {
+			height: 0,
+			count: 0
+		};
+		total.height += cached.height;
+		total.count++;
+		totals.set(entry.typeKey, total);
+	}
+	return entries.map((entry) => {
+		const cacheKey = virtualListMeasurementKey(entry.rowKey, hasSeparator && entry.index < entries.length - 1);
+		const cached = measurements.get(cacheKey);
+		if (cached && width > 0 && cached.width > 0 && Math.abs(cached.width - width) < .5) return cached.height;
+		const total = totals.get(entry.typeKey);
+		return total && total.count >= 4 ? total.height / total.count : 48;
+	});
+}
+/** Prefix-size index for variable-height rows. Updates and offset lookups are
+*  logarithmic, so measuring a row does not scan the whole data set. */
+var VirtualListSizeIndex = class {
+	constructor() {
+		this.sizes = /* @__PURE__ */ new Float64Array(0);
+		this.tree = /* @__PURE__ */ new Float64Array(1);
+	}
+	get length() {
+		return this.sizes.length;
+	}
+	get total() {
+		return this.prefix(this.length);
+	}
+	reset(sizes) {
+		this.sizes = Float64Array.from(sizes, normalizeSize);
+		this.tree = new Float64Array(this.sizes.length + 1);
+		for (let index = 1; index <= this.sizes.length; index++) {
+			this.tree[index] += this.sizes[index - 1];
+			const parent = index + (index & -index);
+			if (parent <= this.sizes.length) this.tree[parent] += this.tree[index];
+		}
+	}
+	get(index) {
+		return this.sizes[index] ?? 0;
+	}
+	set(index, size) {
+		if (index < 0 || index >= this.sizes.length) return 0;
+		const next = normalizeSize(size);
+		const delta = next - this.sizes[index];
+		if (delta === 0) return 0;
+		this.sizes[index] = next;
+		for (let node = index + 1; node < this.tree.length; node += node & -node) this.tree[node] += delta;
+		return delta;
+	}
+	/** Sum of the first `count` row heights. */
+	prefix(count) {
+		let node = Math.max(0, Math.min(this.sizes.length, Math.floor(count)));
+		let sum = 0;
+		while (node > 0) {
+			sum += this.tree[node];
+			node -= node & -node;
+		}
+		return sum;
+	}
+	/** Index of the row containing `offset`; exact row boundaries select the
+	*  row that starts at that boundary. */
+	indexAt(offset) {
+		if (this.sizes.length === 0) return 0;
+		const target = Math.max(0, Math.min(this.total, Number.isFinite(offset) ? offset : 0));
+		let index = 0;
+		let sum = 0;
+		let bit = 1;
+		while (bit * 2 <= this.sizes.length) bit *= 2;
+		for (; bit > 0; bit = Math.floor(bit / 2)) {
+			const next = index + bit;
+			if (next <= this.sizes.length && sum + this.tree[next] <= target) {
+				index = next;
+				sum += this.tree[next];
+			}
+		}
+		return Math.min(index, this.sizes.length - 1);
+	}
+};
+function virtualListRange(sizes, scrollOffset, viewportSize, overscanSize = viewportSize) {
+	if (sizes.length === 0) return {
+		start: 0,
+		end: 0,
+		top: 0,
+		bottom: 0
+	};
+	const offset = Math.max(0, Number.isFinite(scrollOffset) ? scrollOffset : 0);
+	const viewport = Math.max(0, Number.isFinite(viewportSize) ? viewportSize : 0);
+	const overscan = Math.max(0, Number.isFinite(overscanSize) ? overscanSize : 0);
+	const start = sizes.indexAt(Math.max(0, offset - overscan));
+	const end = Math.min(sizes.length, Math.max(start + 1, sizes.indexAt(offset + viewport + overscan) + 1));
+	return {
+		start,
+		end,
+		top: sizes.prefix(start),
+		bottom: Math.max(0, sizes.total - sizes.prefix(end))
+	};
+}
+/** Renderer keys include the item type so changing a key's type remounts its
+*  row instead of carrying component state into an incompatible template. */
+function virtualListRowKey(key, type) {
+	return JSON.stringify([
+		typeof key,
+		key,
+		typeof type,
+		type
+	]);
+}
+function assertKey(value, name) {
+	if (typeof value !== "string" && typeof value !== "number" || typeof value === "number" && !Number.isFinite(value)) throw new Error(`VirtualList ${name} must return a finite number or string`);
+}
+function normalizeSize(size) {
+	if (!Number.isFinite(size)) return .01;
+	return Math.max(.01, size);
+}
+//#endregion
+export { VirtualListSizeIndex, createVirtualListEntries, estimateVirtualListSizes, virtualListMeasurementKey, virtualListRange, virtualListRowKey };

package/dist/native/{windows.native.js → windows.js}

@@ -1,5 +1,5 @@
 import { Application } from "@nativescript/core";
-//#region src/windows.native.ts
+//#region src/windows.ts
 /** Open another NativeScript window and pass app-owned data to its resolver. */
 function openWindow(options = {}) {
 	Application.openWindow(options);

package/dist/web/{web/Hoverable.web.tsrx.js → Hoverable.web.tsrx.js}

@@ -1,8 +1,8 @@
-import { View } from "../View.web.tsrx.js";
-import { Popover } from "../Popover.web.tsrx.js";
+import { View } from "./View.web.tsrx.js";
+import { Popover } from "./Popover.web.tsrx.js";
 import { bag4, bag5, child, clone, componentSlotVoid, drainFrag, hookSlots, markChildrenBlock, sibling, template, useEffect, useRef, useState } from "octane";
 import { compilerMemoRegion, hookMemoCreate, hookMemoPublishInvariant, textHoleUpdate } from "octane/internal/client";
-//#region src/web/Hoverable.web.tsrx
+//#region src/Hoverable.web.tsrx
 var _t$0 = /* @__PURE__ */ template("<!>", 0, 1);
 var _t$1 = /* @__PURE__ */ template("<!><!>", 3, 1);
 var _hs$ = /* @__PURE__ */ hookSlots(7);
@@ -112,7 +112,7 @@ var Hoverable = function Hoverable(props, __s, __extra) {
 				"className": props.cardClassName,
 				"style": props.cardStyle,
 				"children": markChildrenBlock(__children$6, __childrenBody)
-			}, __block.endMarker, void 0, void 0, void 0, void 0, "c:c1227cf9");
+			}, __block.endMarker, void 0, void 0, void 0, void 0, "c:4a964d1f");
 		}
 		let _b = __s.slots[0];
 		if (_b === void 0) {
@@ -136,15 +136,16 @@ var Hoverable = function Hoverable(props, __s, __extra) {
 			"placement": props.placement ?? "bottom",
 			"dismissOnOutsideTap": false,
 			"children": markChildrenBlock(__children$4, __childrenBody$)
-		}, _b.e, void 0, void 0, void 0, void 0, "c:b985f665");
+		}, _b.e, void 0, void 0, void 0, void 0, "c:08b9b7f8");
 	}
 	componentSlotVoid(__s, 0, __block.parentNode, View, {
+		"id": props.id,
 		"className": props.className,
 		"style": props.style,
 		"bind": bindAnchor,
 		"web": props.web,
 		"children": markChildrenBlock(__children$1, __childrenBody$2)
-	}, __block.endMarker, void 0, void 0, true, void 0, "c:3f5159c9");
+	}, __block.endMarker, void 0, void 0, true, void 0, "c:ecdb808f");
 };
 //#endregion
 export { Hoverable };

package/dist/web/ListItem.web.tsrx.js

@@ -0,0 +1,139 @@
+import { Text } from "./Text.web.tsrx.js";
+import { Pressable } from "./Pressable.web.tsrx.js";
+import { __s, bag13, bag4, child, clone, componentSlotVoid, createScopedElement, drainFrag, markChildrenBlock, positionalChildren, sibling, template } from "octane";
+import { childTextHoleUpdate, textHoleUpdate, updateFreshClassName } from "octane/internal/client";
+//#region src/ListItem.web.tsrx
+var _t$0 = /* @__PURE__ */ template("<div></div>");
+var _t$1 = /* @__PURE__ */ template("<!>", 0, 1);
+var _t$2 = /* @__PURE__ */ template("<!><!><!><!>", 0, 1);
+var __childrenBody = {};
+var __childrenBody$ = {};
+var Leading = /* @__PURE__ */ __s(function Leading(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	}
+	_b.a = updateFreshClassName(["vx-listitem-leading", props.className], _b.a, _b.b);
+	{
+		const _v = props.children;
+		_b.c = childTextHoleUpdate(__s, 1, _b.b, _v, _b.c, _b.d);
+		_b.d = _v;
+	}
+});
+var Content = /* @__PURE__ */ __s(function Content(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	}
+	_b.a = updateFreshClassName(["vx-listitem-content", props.className], _b.a, _b.b);
+	{
+		const _v = props.children;
+		_b.c = childTextHoleUpdate(__s, 1, _b.b, _v, _b.c, _b.d);
+		_b.d = _v;
+	}
+});
+var Supporting = function Supporting(props, __s, __extra) {
+	const __block = __s.block;
+	function __children$3(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1;
+			const _root = clone(_t$1);
+			_m0 = __block.parentNode;
+			_m1 = child(_root);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag4(__s, null, _m0, _m1, null, void 0);
+		}
+		{
+			const _v = props.children;
+			_b.c = textHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d, _b.b, true, true);
+			_b.d = _v;
+		}
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, Text, {
+		"className": ["vx-listitem-supporting", props.className],
+		"children": markChildrenBlock(__children$3, __childrenBody)
+	}, __block.endMarker, void 0, void 0, true, void 0, "c:f15553ea");
+};
+var Trailing = /* @__PURE__ */ __s(function Trailing(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	}
+	_b.a = updateFreshClassName(["vx-listitem-trailing", props.className], _b.a, _b.b);
+	{
+		const _v = props.children;
+		_b.c = childTextHoleUpdate(__s, 1, _b.b, _v, _b.c, _b.d);
+		_b.d = _v;
+	}
+});
+var ListItem = Object.assign(function ListItemView(props, __s, __extra) {
+	const __block = __s.block;
+	function __children$7(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1, _m4, _m7, _m10;
+			const _root = clone(_t$2);
+			_m0 = __block.parentNode;
+			const _el0 = child(_root);
+			_m1 = _el0;
+			const _el1 = sibling(_el0, 1);
+			_m4 = _el1;
+			const _el2 = sibling(_el1, 1);
+			_m7 = _el2;
+			_m10 = sibling(_el2, 1);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag13(__s, null, _m0, _m1, null, void 0, _m4, null, void 0, _m7, null, void 0, _m10, null, void 0);
+		}
+		{
+			const _v = props.leading != null ? createScopedElement(Leading, {}, () => props.leading, "c:8a504b14") : null;
+			_b.c = textHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d, _b.b, true);
+			_b.d = _v;
+		}
+		{
+			const _v = props.title != null || props.supportingText != null ? createScopedElement(Content, {}, () => positionalChildren([props.title != null ? createScopedElement(Text, { className: "vx-listitem-title" }, () => props.title, "c:7a4e8757") : null, props.supportingText != null ? createScopedElement(Supporting, {}, () => props.supportingText, "c:a5ad7858") : null]), "c:219f2eb1") : null;
+			_b.f = textHoleUpdate(__s, 2, _b.a, _v, _b.f, _b.g, _b.e, true);
+			_b.g = _v;
+		}
+		{
+			const _v = props.children;
+			_b.i = textHoleUpdate(__s, 3, _b.a, _v, _b.i, _b.j, _b.h, true);
+			_b.j = _v;
+		}
+		{
+			const _v = props.trailing != null ? createScopedElement(Trailing, {}, () => props.trailing, "c:fff23fd3") : null;
+			_b.l = textHoleUpdate(__s, 4, _b.a, _v, _b.l, _b.m, _b.k, true);
+			_b.m = _v;
+		}
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, Pressable, {
+		"id": props.id,
+		"className": ["vx-listitem", props.className],
+		"style": props.style,
+		"onPress": props.onPress,
+		"disabled": props.disabled,
+		"accessibilityLabel": props.accessibilityLabel,
+		"accessibilityRole": props.accessibilityRole ?? (props.onPress ? "button" : "text"),
+		"accessibilityHint": props.accessibilityHint,
+		"accessibilityState": props.accessibilityState,
+		"children": markChildrenBlock(__children$7, __childrenBody$)
+	}, __block.endMarker, void 0, void 0, true, void 0, "c:81eda863");
+}, {
+	Leading,
+	Content,
+	Supporting,
+	Trailing
+});
+//#endregion
+export { ListItem };

package/dist/web/SafeArea.web.tsrx.js

@@ -16,7 +16,13 @@ function applyWebProps(node, bag) {
 	else node[key] = value;
 }
 var SafeArea = /* @__PURE__ */ __s(function SafeArea(props, __s, __extra) {
-	const insets = withSlot(_h$0, useSafeAreaInsets);
+	const measuredInsets = withSlot(_h$0, useSafeAreaInsets);
+	const insets = props.ignoreSafeArea ? {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	} : measuredInsets;
 	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
 	let _b = __s.slots[0];
 	if (_b === void 0) {
@@ -31,7 +37,7 @@ var SafeArea = /* @__PURE__ */ __s(function SafeArea(props, __s, __extra) {
 		const _r = (node) => applyWebProps(node, props.web);
 		if (_r !== _b.c) _b.c = replaceRef(__s, _b.c, _r, _b.b);
 	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:65ed48f3", setPlainAttribute);
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:675a8c5d", setPlainAttribute);
 	_b.d = updateFreshClassName(["vx-safe-area", props.className], _b.d, _b.b);
 	{
 		const __styleSpread = { ...props.style };
@@ -70,7 +76,7 @@ var SafeArea = /* @__PURE__ */ __s(function SafeArea(props, __s, __extra) {
 		_b.i = __styleValue$2;
 		_b.j = __styleValue$3;
 	}
-	_b.m = bindSignalChild(__s, _b.m, 1, _b.b, props.children, "b:30587aa9", null, void 0, void 0, void 0, true);
+	_b.m = bindSignalChild(__s, _b.m, 1, _b.b, props.children, "b:550ed9ac", null, void 0, void 0, void 0, true);
 });
 //#endregion
 export { SafeArea };