@octane-xplat/ui 0.4.0 → 0.6.0

package/dist/web/Accordion.web.tsrx.js

@@ -0,0 +1,85 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Collapsible } from "./Collapsible.web.tsrx.js";
+import { __s, bag4, bag6, child, clone, componentSlotVoid, drainFrag, forBlock, hookSlots, markChildrenBlock, queueRefAttach, queueRefDetach, setStyle, template, useState } from "octane";
+import { bindSignalAttribute, bindSignalChild, compilerMemoRegion, enableSignalBindings, hookMemoCreate, hookMemoPublishInvariant, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Accordion.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<!>", 0, 1);
+var _t$1 = /* @__PURE__ */ template("<div><!></div>");
+var _hs$ = /* @__PURE__ */ hookSlots(3);
+var _key$0 = (item) => item.key;
+var __childrenBody = {};
+function __item$1(item, __s, __extra) {
+	const __block = __s.block;
+	const openKeys = __extra[0];
+	const toggle = __extra[1];
+	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$0);
+			_m0 = __block.parentNode;
+			_m1 = child(_root);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag4(__s, null, _m0, _m1, null, void 0);
+		}
+		_b.e = bindSignalChild(__s, _b.e, 1, _b.a, item.content, "b:c752caaf", _b.b, true, void 0, true, void 0);
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, Collapsible, {
+		"className": "vx-accordion-item",
+		"trigger": item.header,
+		"disabled": item.disabled,
+		"open": openKeys.includes(item.key),
+		"onOpenChange": (next) => toggle(item.key, next),
+		"children": markChildrenBlock(__children$3, __childrenBody)
+	}, __block.endMarker, void 0, void 0, void 0, void 0, "c:670a9e50");
+}
+var _rm$6 = [
+	"r",
+	"b",
+	"a"
+];
+var Accordion = /* @__PURE__ */ __s(function Accordion(props, __s, __extra) {
+	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
+	let __hk = __memoRegion.hooks;
+	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(1);
+	const normalize = __hk[0] ?? hookMemoPublishInvariant(__hk, 0, (v) => v === void 0 ? [] : Array.isArray(v) ? v : [v]);
+	const [internal, setInternal] = useState(normalize(props.defaultOpen), _hs$ + 0);
+	const controlled = props.open !== void 0;
+	const openKeys = controlled ? normalize(props.open) : internal;
+	const report = (keys) => {
+		if (!controlled) setInternal(keys);
+		props.onOpenChange?.(props.multiple ? keys : keys[0]);
+	};
+	const toggle = (key, next) => {
+		if (props.multiple) report(next ? [...openKeys, key] : openKeys.filter((k) => k !== key));
+		else report(next ? [key] : []);
+	};
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5;
+		const _root = clone(_t$1);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m5 = child(_root);
+		_b = bag6(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5);
+		__s.refFields = _rm$6;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:8b8f9ec4", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-accordion", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	forBlock(__s, 1, _b.a, props.items, _key$0, __item$1, 40, [openKeys, toggle], null, _b.f, true, "f3hh4mv");
+});
+//#endregion
+export { Accordion };

package/dist/web/{ui46.js → ActivityIndicator.web.tsrx.js}

@@ -1,4 +1,4 @@
-import { applyWebProps } from "./ui45.js";
+import { applyWebProps } from "./platformProps.web.js";
 import { bag5, clone, ifBlock, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
 import { bindSignalAttribute, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
 //#region src/ActivityIndicator.web.tsrx

package/dist/web/Alert.web.tsrx.js

@@ -0,0 +1,79 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Icon } from "./Icon.web.tsrx.js";
+import { __s, bag12, bag3, child, clone, componentSlot, ifBlock, queueRefAttach, queueRefDetach, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, setPlainAttributeIfChanged, updateFreshClassName } from "octane/internal/client";
+//#region src/Alert.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span class=\"vx-alert-title\"></span>");
+var _t$1 = /* @__PURE__ */ template("<div><!><div class=\"vx-alert-body\"><!><!></div></div>");
+function __then$0(__props, __s, __extra) {
+	const __block = __s.block;
+	const props = __extra[0];
+	componentSlot(__s, 0, __block.parentNode, Icon, {
+		"name": props.icon,
+		"className": "vx-alert-icon"
+	}, __block.endMarker, void 0, 2, void 0, void 0, "c:1ab0feae");
+}
+function __then$3(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$0);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, props.title, "b:0feb376d", null, void 0, void 0, void 0, true);
+}
+var _rm$7 = [
+	"r",
+	"b",
+	"a"
+];
+var Alert = /* @__PURE__ */ __s(function Alert(props, __s, __extra) {
+	const tone = props.tone ?? "info";
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6, _m7, _m8, _m9;
+		const _root = clone(_t$1);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = child(_root);
+		_m6 = _el0;
+		const _el1 = sibling(_el0, 1);
+		_m7 = _el1;
+		const _el2 = child(_el1);
+		_m8 = _el2;
+		_m9 = sibling(_el2, 1);
+		_b = bag12(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6, _m7, _m8, _m9, null, void 0);
+		__s.refFields = _rm$7;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:8ff61676", setPlainAttribute);
+	_b.d = updateFreshClassName([
+		"vx-alert",
+		"vx-alert--" + tone,
+		props.className
+	], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.f = setPlainAttributeIfChanged(tone === "error" ? "alert" : "status", _b.f, _b.a, "role");
+	{
+		const __ifCondition = props.icon;
+		ifBlock(__s, 1, _b.a, __ifCondition, __then$0, null, _b.g, __ifCondition ? [props] : void 0);
+	}
+	{
+		const __ifCondition$ = props.title != null;
+		ifBlock(__s, 2, _b.h, __ifCondition$, __then$3, null, _b.i, __ifCondition$ ? [props] : void 0);
+	}
+	_b.m = bindSignalChild(__s, _b.m, 3, _b.h, props.children, "b:9e8f422d", _b.j, true, void 0, void 0, void 0);
+});
+//#endregion
+export { Alert };

package/dist/web/Avatar.web.tsrx.js

@@ -0,0 +1,106 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag3, bag7, child, clone, ifBlock, isHydratingStyle, queueRefAttach, queueRefDetach, setAriaAttribute, setStyle, setStyleProperties, setStyleProperty, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, setURLAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Avatar.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<img class=\"vx-avatar-img\"/>");
+var _t$1 = /* @__PURE__ */ template("<span class=\"vx-avatar-fallback\"></span>");
+var _t$2 = /* @__PURE__ */ template("<div role=\"img\"><!></div>");
+function __then$0(__props, __s, __extra) {
+	const props = __extra[0];
+	const size = __extra[1];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_b = bag7(__s, _root, void 0, _m1, void 0, __s, void 0, void 0, void 0);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "src", props.src, "b:cb1013e2", setURLAttribute);
+	_b.c = bindSignalAttribute(__s, _b.c, _b.b, "alt", props.alt, "b:007ff231", setPlainAttribute);
+	{
+		const _v0 = size;
+		const _v1 = size;
+		const _v2 = size / 2;
+		if (_b.d === __s || isHydratingStyle()) {
+			setStyleProperties(_b.b, [
+				"width",
+				_v0,
+				"height",
+				_v1,
+				"borderRadius",
+				_v2
+			], "");
+			_b.d = null;
+			_b.e = _v0;
+			_b.f = _v1;
+			_b.g = _v2;
+		} else {
+			if (_b.e !== _v0) {
+				setStyleProperty(_b.b, "width", _v0, "", _b.e);
+				_b.e = _v0;
+			}
+			if (_b.f !== _v1) {
+				setStyleProperty(_b.b, "height", _v1, "", _b.f);
+				_b.f = _v1;
+			}
+			if (_b.g !== _v2) {
+				setStyleProperty(_b.b, "borderRadius", _v2, "", _b.g);
+				_b.g = _v2;
+			}
+		}
+	}
+}
+function __else$1(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$1);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, props.fallback ?? "", "b:771d29cc", null, void 0, void 0, void 0, true);
+}
+var _rm$4 = [
+	"r",
+	"b",
+	"a"
+];
+var Avatar = /* @__PURE__ */ __s(function Avatar(props, __s, __extra) {
+	const size = props.size ?? 32;
+	const box = {
+		width: size,
+		height: size,
+		borderRadius: size / 2
+	};
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6;
+		const _root = clone(_t$2);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m6 = child(_root);
+		_b = bag7(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6);
+		__s.refFields = _rm$4;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:f8d199ae", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-avatar", props.className], _b.d, _b.a);
+	{
+		const _v = {
+			...props.style,
+			...box
+		};
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.f = bindSignalAttribute(__s, _b.f, _b.a, "aria-label", props.alt, "b:a8db4498", setAriaAttribute);
+	ifBlock(__s, 1, _b.a, props.src, __then$0, __else$1, _b.g, [props, size]);
+});
+//#endregion
+export { Avatar };

package/dist/web/AvatarGroup.web.tsrx.js

@@ -0,0 +1,108 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Avatar } from "./Avatar.web.tsrx.js";
+import { toChildArray } from "./child-array.js";
+import { __s, bag2, bag4, bag7, child, clone, componentSlotVoid, createScopedElement, ifBlock, mapSlot, queueRefAttach, queueRefDetach, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/AvatarGroup.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div class=\"vx-avatar-group-item\"></div>");
+var _t$1 = /* @__PURE__ */ template("<div><!><!></div>");
+var _key$0 = (child, i) => i;
+function __item$1(child, __s, __extra) {
+	const __block = __s.block;
+	const itemStyle = __extra[0];
+	const i = __block.itemIndex;
+	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);
+	}
+	{
+		const _v = itemStyle(i);
+		if (_b.a !== _v) {
+			setStyle(_b.b, _v, _b.a);
+			_b.a = _v;
+		}
+	}
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, child, "b:b3f01a1e", null, void 0, void 0, void 0, true);
+}
+function __then$4(__props, __s, __extra) {
+	const itemStyle = __extra[0];
+	const overflow = __extra[1];
+	const shown = __extra[2];
+	const size = __extra[3];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		_b = bag2(__s, _root, void 0, _m1);
+	}
+	{
+		const _v = itemStyle(shown.length);
+		if (_b.a !== _v) {
+			setStyle(_b.b, _v, _b.a);
+			_b.a = _v;
+		}
+	}
+	componentSlotVoid(__s, 1, _b.b, Avatar, {
+		"fallback": `+${overflow}`,
+		"size": size
+	}, void 0, void 0, 2, void 0, void 0, "c:c138eac7");
+}
+var _rm$7 = [
+	"r",
+	"b",
+	"a"
+];
+var AvatarGroup = /* @__PURE__ */ __s(function AvatarGroup(props, __s, __extra) {
+	let __mapMethod;
+	const size = props.size ?? 32;
+	const children = toChildArray(props.children);
+	const shown = props.max != null ? children.slice(0, props.max) : children;
+	const overflow = children.length - shown.length;
+	const itemStyle = (i) => i === 0 ? void 0 : { marginLeft: -size / 3 };
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5, _m6;
+		const _root = clone(_t$1);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = child(_root);
+		_m5 = _el0;
+		_m6 = sibling(_el0, 1);
+		_b = bag7(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, _m6);
+		__s.refFields = _rm$7;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:a447c372", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-avatar-group", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	mapSlot(__s, 1, _b.a, (__mapMethod = shown.map, shown), __mapMethod, (child, i) => createScopedElement("div", {
+		key: i,
+		className: "vx-avatar-group-item",
+		style: itemStyle(i)
+	}, () => child), _key$0, __item$1, 18, [itemStyle], _b.f, 1);
+	{
+		const __ifCondition = overflow > 0;
+		ifBlock(__s, 2, _b.a, __ifCondition, __then$4, null, _b.g, __ifCondition ? [
+			itemStyle,
+			overflow,
+			shown,
+			size
+		] : void 0);
+	}
+});
+//#endregion
+export { AvatarGroup };

package/dist/web/Badge.web.tsrx.js

@@ -0,0 +1,37 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Badge.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<span></span>");
+var _rm$1 = [
+	"r",
+	"b",
+	"a"
+];
+var Badge = /* @__PURE__ */ __s(function Badge(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1;
+		const _root = clone(_t$0);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_b = bag7(__s, _root, _m0, _m1, void 0, void 0, void 0, null, void 0);
+		__s.refFields = _rm$1;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:3c31c1e6", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-badge", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.h = bindSignalChild(__s, _b.h, 1, _b.a, props.children, "b:a28cb297", null, void 0, void 0, void 0, true);
+});
+//#endregion
+export { Badge };

package/dist/web/Banner.web.tsrx.js

@@ -0,0 +1,79 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { Icon } from "./Icon.web.tsrx.js";
+import { __s, bag1, bag10, child, clone, componentSlot, delegateEvents, ifBlock, queueRefAttach, queueRefDetach, setEventHandler, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Banner.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["click", "keydown"]);
+var _t$0 = /* @__PURE__ */ template("<span class=\"vx-banner-dismiss\" role=\"button\" aria-label=\"Dismiss\" tabindex=\"0\">✕</span>");
+var _t$1 = /* @__PURE__ */ template("<div role=\"status\"><!><div class=\"vx-banner-body\"></div><!></div>");
+function __then$0(__props, __s, __extra) {
+	const __block = __s.block;
+	const props = __extra[0];
+	componentSlot(__s, 0, __block.parentNode, Icon, {
+		"name": props.icon,
+		"className": "vx-banner-icon"
+	}, __block.endMarker, void 0, 2, void 0, void 0, "c:e8039dcc");
+}
+function __then$4(__props, __s, __extra) {
+	const props = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$0);
+		_m0 = _root;
+		setEventHandler(_root, "$$click", props.onDismiss);
+		setEventHandler(_root, "$$keydown", (e) => {
+			if (e.key === "Enter") props.onDismiss?.();
+		});
+		_b = bag1(__s, _root, _m0);
+	} else {
+		setEventHandler(_b.a, "$$click", props.onDismiss);
+		setEventHandler(_b.a, "$$keydown", (e) => {
+			if (e.key === "Enter") props.onDismiss?.();
+		});
+	}
+}
+var _rm$6 = [
+	"r",
+	"b",
+	"a"
+];
+var Banner = /* @__PURE__ */ __s(function Banner(props, __s, __extra) {
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m5, _m6, _m7;
+		const _root = clone(_t$1);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		const _el0 = child(_root);
+		_m5 = _el0;
+		_m6 = sibling(_el0, 2);
+		_m7 = sibling(_el0, 1);
+		_b = bag10(__s, _root, _m0, _m1, void 0, void 0, void 0, _m5, _m6, _m7, null, void 0);
+		__s.refFields = _rm$6;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:42d357ae", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-banner", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	{
+		const __ifCondition = props.icon;
+		ifBlock(__s, 1, _b.a, __ifCondition, __then$0, null, _b.f, __ifCondition ? [props] : void 0);
+	}
+	_b.k = bindSignalChild(__s, _b.k, 2, _b.h, props.children, "b:a4c4877a", null, void 0, void 0, void 0, true);
+	{
+		const __ifCondition$ = props.onDismiss;
+		ifBlock(__s, 3, _b.a, __ifCondition$, __then$4, null, _b.g, __ifCondition$ ? [props] : void 0);
+	}
+});
+//#endregion
+export { Banner };

package/dist/web/Breadcrumb.web.tsrx.js

@@ -0,0 +1,135 @@
+import { applyEscapeProps } from "./escape-props.web.js";
+import { __s, bag3, bag4, bag7, child, clone, createScopedElement, createScopedValue, delegateEvents, ifBlock, mapSlot, positionalChildren, queueRefAttach, queueRefDetach, setAriaAttribute, setEventHandler, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Breadcrumb.web.tsrx
+enableSignalBindings(1, true);
+delegateEvents(["click", "keydown"]);
+var _t$0 = /* @__PURE__ */ template("<span class=\"vx-breadcrumb-sep\" aria-hidden=\"true\"></span>");
+var _t$1 = /* @__PURE__ */ template("<span class=\"vx-breadcrumb-link\" role=\"link\" tabindex=\"0\"></span>");
+var _t$2 = /* @__PURE__ */ template("<span class=\"vx-breadcrumb-text\"></span>");
+var _t$3 = /* @__PURE__ */ template("<span class=\"vx-breadcrumb-item\"><!><!></span>");
+var _t$4 = /* @__PURE__ */ template("<nav><!></nav>");
+var _key$0 = (item, i) => i;
+function __then$2(__props, __s, __extra) {
+	const sep = __extra[0];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$0);
+		_m0 = _root;
+		_b = bag3(__s, _root, _m0, null, void 0);
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, sep, "b:c735e571", null, void 0, void 0, void 0, true);
+}
+function __then$5(__props, __s, __extra) {
+	const item = __extra[1];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0;
+		const _root = clone(_t$1);
+		_m0 = _root;
+		setEventHandler(_root, "$$click", item.onSelect);
+		setEventHandler(_root, "$$keydown", (e) => {
+			if (e.key === "Enter") item.onSelect?.();
+		});
+		_b = bag3(__s, _root, _m0, null, void 0);
+	} else {
+		setEventHandler(_b.a, "$$click", item.onSelect);
+		setEventHandler(_b.a, "$$keydown", (e) => {
+			if (e.key === "Enter") item.onSelect?.();
+		});
+	}
+	_b.d = bindSignalChild(__s, _b.d, 1, _b.a, item.label, "b:4751ae62", null, void 0, void 0, void 0, true);
+}
+function __else$7(__props, __s, __extra) {
+	const i = __extra[0];
+	const item = __extra[1];
+	const props = __extra[2];
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1;
+		const _root = clone(_t$2);
+		_m1 = _root;
+		_b = bag4(__s, _root, void 0, _m1, null, void 0);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "aria-current", i === props.items.length - 1 ? "page" : void 0, "b:670ea810", setAriaAttribute);
+	_b.e = bindSignalChild(__s, _b.e, 1, _b.b, item.label, "b:519128f8", null, void 0, void 0, void 0, true);
+}
+function __item$1(item, __s, __extra) {
+	const __block = __s.block;
+	const sep = __extra[0];
+	const props = __extra[1];
+	const i = __block.itemIndex;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m2;
+		const _root = clone(_t$3);
+		_m0 = _root;
+		const _el0 = child(_root);
+		_m1 = _el0;
+		_m2 = sibling(_el0, 1);
+		_b = bag3(__s, _root, _m0, _m1, _m2);
+	}
+	{
+		const __ifCondition = i > 0;
+		ifBlock(__s, 1, _b.a, __ifCondition, __then$2, null, _b.b, __ifCondition ? [sep] : void 0);
+	}
+	ifBlock(__s, 2, _b.a, item.onSelect, __then$5, __else$7, _b.c, [
+		i,
+		item,
+		props
+	]);
+}
+var _rm$11 = [
+	"r",
+	"b",
+	"a"
+];
+var Breadcrumb = /* @__PURE__ */ __s(function Breadcrumb(props, __s, __extra) {
+	let __mapItems;
+	let __mapMethod;
+	const sep = props.separator ?? "/";
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m0, _m1, _m6;
+		const _root = clone(_t$4);
+		queueRefAttach(__s, _m1 = (e) => applyEscapeProps(e, props), _m0 = _root);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.b, _b.a));
+		_m6 = child(_root);
+		_b = bag7(__s, _root, _m0, _m1, void 0, void 0, void 0, void 0, _m6);
+		__s.refFields = _rm$11;
+	} else {
+		const _r = (e) => applyEscapeProps(e, props);
+		if (_r !== _b.b) _b.b = replaceRef(__s, _b.b, _r, _b.a);
+	}
+	_b.c = bindSignalAttribute(__s, _b.c, _b.a, "id", props.id, "b:61d89341", setPlainAttribute);
+	_b.d = updateFreshClassName(["vx-breadcrumb", props.className], _b.d, _b.a);
+	{
+		const _v = props.style;
+		if (_b.e !== _v) {
+			setStyle(_b.a, _v, _b.e);
+			_b.e = _v;
+		}
+	}
+	_b.f = bindSignalAttribute(__s, _b.f, _b.a, "aria-label", props.accessibilityLabel ?? "Breadcrumb", "b:f89f1a9e", setAriaAttribute);
+	mapSlot(__s, 1, _b.a, (__mapItems = props.items, __mapMethod = __mapItems.map, __mapItems), __mapMethod, (item, i) => createScopedElement("span", {
+		key: i,
+		className: "vx-breadcrumb-item"
+	}, () => positionalChildren([i > 0 ? createScopedElement("span", {
+		className: "vx-breadcrumb-sep",
+		"aria-hidden": "true"
+	}, () => sep) : null, item.onSelect ? createScopedValue(() => createScopedElement("span", {
+		className: "vx-breadcrumb-link",
+		role: "link",
+		tabIndex: 0,
+		onClick: item.onSelect,
+		onKeyDown: (e) => {
+			if (e.key === "Enter") item.onSelect?.();
+		}
+	}, () => item.label)) : createScopedValue(() => createScopedElement("span", {
+		className: "vx-breadcrumb-text",
+		"aria-current": i === props.items.length - 1 ? "page" : void 0
+	}, () => item.label))])), _key$0, __item$1, 18, [sep, props], _b.g, 1);
+});
+//#endregion
+export { Breadcrumb };

package/dist/web/Button.web.tsrx.js

@@ -0,0 +1,45 @@
+import { Pressable } from "./Pressable.web.tsrx.js";
+import { ActivityIndicator } from "./ActivityIndicator.web.tsrx.js";
+import { Fragment, bag4, child, clone, componentSlotVoid, createScopedElement, drainFrag, markChildrenBlock, positionalChildren, template } from "octane";
+import { createElementFromConfig, textHoleUpdate } from "octane/internal/client";
+//#region src/Button.web.tsrx
+var _t$0 = /* @__PURE__ */ template("<!>", 0, 1);
+var __childrenBody = {};
+var Button = function Button(props, __s, __extra) {
+	const __block = __s.block;
+	const disabled = props.disabled || props.loading;
+	function __children$1(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1;
+			const _root = clone(_t$0);
+			_m0 = __block.parentNode;
+			_m1 = child(_root);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag4(__s, null, _m0, _m1, null, void 0);
+		}
+		{
+			const _v = props.loading ? createElementFromConfig("c:b2cf3c5f", ActivityIndicator, {}) : createScopedElement(Fragment, {}, () => positionalChildren([
+				props.leading,
+				props.children,
+				props.trailing
+			]));
+			_b.c = textHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d, _b.b, true, true);
+			_b.d = _v;
+		}
+	}
+	componentSlotVoid(__s, 0, __block.parentNode, Pressable, {
+		...props,
+		"disabled": disabled,
+		"className": [
+			"vx-button",
+			props.loading ? "vx-button--loading" : void 0,
+			props.className
+		],
+		"accessibilityRole": props.accessibilityRole ?? "button",
+		"children": markChildrenBlock(__children$1, __childrenBody)
+	}, __block.endMarker, void 0, void 0, true, void 0, "c:ed4bf1f1");
+};
+//#endregion
+export { Button };