solid-baseui 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/lib/client/{preview-card-FTN_aafM.js → preview-card-Dtu8AnBN.js}

@@ -4,22 +4,22 @@ import { getStateAttributesProps as n } from "./internals/getStateAttributesProp
 import { d as r } from "./reasons-Co5CzjKq.js";
 import { n as i, t as a } from "./resolveStyle-XcgAuaKR.js";
 import { createChangeEventDetails as o } from "./internals/createBaseUIEventDetails.js";
-import { composeEventHandlers as s } from "./internals/composeEventHandlers.js";
-import { a as c } from "./dom-BEAeQ9Eb.js";
-import { t as l } from "./PopupViewport-IS4XU03s.js";
-import { t as u } from "./createAnchorPositioning-D96gu-Dz.js";
-import { c as d, i as f, n as p, r as m, s as h, t as g } from "./FloatingTree-23B7KKPD.js";
-import { a as _, n as v, o as y, r as b, t as x } from "./PopupStore-Du0O57fL.js";
-import { t as S } from "./createFocusInteraction--s9_qBf3.js";
-import { n as C, r as w, t as T } from "./safePolygon-DJG0VIVo.js";
-import { a as ee, n as te, o as E, r as D } from "./popupStateMapping-C6jQ_LKo.js";
-import { i as ne, n as O, r as re, t as k } from "./PopupHandle-CQI6Om1Z.js";
-import { t as A } from "./setRef-fXF6OIo3.js";
+import { composeEventHandlers as s, liveEventHandler as c } from "./internals/composeEventHandlers.js";
+import { o as l } from "./dom-lDdayFF_.js";
+import { t as u } from "./PopupViewport-BanYHrD-.js";
+import { t as d } from "./createAnchorPositioning-DCXIApS1.js";
+import { c as f, i as p, n as m, r as h, s as g, t as _ } from "./FloatingTree-23B7KKPD.js";
+import { a as v, n as y, o as b, r as x, t as S } from "./PopupStore-BjRwcvbG.js";
+import { t as C } from "./createFocusInteraction-DQPWkZe2.js";
+import { n as w, r as T, t as E } from "./safePolygon-DVAR5dQD.js";
+import { a as ee, n as D, o as O, r as k } from "./popupStateMapping-nhukB8NK.js";
+import { i as te, n as A, r as ne, t as re } from "./PopupHandle-DyX5gY1e.js";
+import { t as ie } from "./setRef-fXF6OIo3.js";
 import { n as j } from "./DirectionContext-BwMabICS.js";
-import { claimElement as ie, createComponent as M, getNextElement as N, memo as P, mergeProps as F, runHydrationEvents as I, spread as L, template as R } from "@solidjs/web";
-import { $REFRESH as ae, Show as oe, createContext as z, createEffect as B, createMemo as V, createSignal as H, createUniqueId as U, omit as W, onCleanup as G, untrack as K, useContext as q } from "solid-js";
+import { claimElement as ae, createComponent as M, getNextElement as N, memo as P, mergeProps as F, runHydrationEvents as I, spread as L, template as R } from "@solidjs/web";
+import { $REFRESH as z, Show as B, createContext as V, createEffect as H, createMemo as U, createSignal as W, createUniqueId as G, omit as K, onCleanup as q, untrack as J, useContext as Y } from "solid-js";
 //#region src/internals/overlay/inlineRect.ts
-function J(e, t, n, r) {
+function X(e, t, n, r) {
 	return {
 		left: e,
 		top: t,
@@ -31,7 +31,7 @@ function J(e, t, n, r) {
 		height: r - t
 	};
 }
-function se(e) {
+function oe(e) {
 	return {
 		left: e.left,
 		top: e.top,
@@ -41,10 +41,10 @@ function se(e) {
 		height: e.height
 	};
 }
-function Y(e) {
+function se(e) {
 	let t = [], n, r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
 	for (let s of Array.from(e).sort((e, t) => e.top - t.top)) {
-		let e = se(s);
+		let e = oe(s);
 		if (r = Math.min(r, e.left), i = Math.min(i, e.top), a = Math.max(a, e.right), o = Math.max(o, e.bottom), !n || e.top - n.top > n.height / 2) t.push(e);
 		else {
 			let n = t[t.length - 1];
@@ -54,14 +54,14 @@ function Y(e) {
 	}
 	return {
 		lines: t,
-		fallback: J(r, i, a, o)
+		fallback: X(r, i, a, o)
 	};
 }
 function ce(e, t, n) {
 	return e.findIndex((e) => t > e.left - 2 && t < e.right + 2 && n > e.top - 2 && n < e.bottom + 2);
 }
 function le(e, t, n) {
-	let { lines: r } = Y(e.getClientRects());
+	let { lines: r } = se(e.getClientRects());
 	if (r.length < 2) return;
 	let i = ce(r, t, n);
 	return {
@@ -72,24 +72,24 @@ function le(e, t, n) {
 	};
 }
 function ue(e, t, n) {
-	let { lines: r, fallback: i } = Y(e.getClientRects());
+	let { lines: r, fallback: i } = se(e.getClientRects());
 	if (r.length < 2) return null;
 	if (n?.lineIndex != null && r[n.lineIndex]) {
 		let e = r[n.lineIndex];
-		return J(e.left, e.top, e.right, e.bottom);
+		return X(e.left, e.top, e.right, e.bottom);
 	}
 	if (n) {
 		let e = ce(r, n.x, n.y);
 		if (e !== -1) {
 			let t = r[e];
-			return J(t.left, t.top, t.right, t.bottom);
+			return X(t.left, t.top, t.right, t.bottom);
 		}
 	}
 	if (r.length === 2 && r[0].left > r[1].right && n) return i;
 	let a = t[0];
 	if (a === "t" || a === "b") {
 		let e = r[0], t = r[r.length - 1], n = a === "t" ? e : t;
-		return J(n.left, e.top, n.right, t.bottom);
+		return X(n.left, e.top, n.right, t.bottom);
 	}
 	let o = a === "l", s = r[0].left, c = r[0].right, l = o ? Infinity : -Infinity, u = r[0], d = r[0];
 	for (let e of r) {
@@ -97,13 +97,13 @@ function ue(e, t, n) {
 		let t = o ? e.left : e.right;
 		o && t < l || !o && t > l ? (l = t, u = e, d = e) : t === l && (d = e);
 	}
-	return J(s, u.top, c, d.bottom);
+	return X(s, u.top, c, d.bottom);
 }
 function de(e) {
-	return "contextElement" in e && e.contextElement ? e.contextElement : c(e) ? e : void 0;
+	return "contextElement" in e && e.contextElement ? e.contextElement : l(e) ? e : void 0;
 }
 function fe() {
-	let [e, t] = H();
+	let [e, t] = W();
 	return {
 		coords: e,
 		clear: () => t(void 0),
@@ -133,7 +133,7 @@ function fe() {
 }
 //#endregion
 //#region src/preview-card/store/PreviewCardStore.ts
-var pe = class extends x {
+var pe = class extends S {
 	inlineRect = fe();
 	constructor(e) {
 		super(e), this.tree = e.tree, this.set("closeDelay", 300);
@@ -150,11 +150,11 @@ var pe = class extends x {
 		let n = t.event;
 		return e && t.reason === "trigger-hover" && t.trigger && "clientX" in n && "clientY" in n && this.inlineRect.coords()?.element !== t.trigger && this.inlineRect.update(t.trigger, n.clientX, n.clientY), super.setOpen(e, t);
 	}
-}, me = class extends O {
+}, me = class extends A {
 	inlineRect = fe();
-	tree = new m();
+	tree = new h();
 	constructor() {
-		super(), this.context.floatingRoot = new b({
+		super(), this.context.floatingRoot = new x({
 			triggerElements: this.context.triggerElements,
 			onOpenChange: () => void 0
 		});
@@ -163,9 +163,9 @@ var pe = class extends x {
 		return null;
 	}
 	transitionStatus() {}
-}, he = Symbol("PreviewCardRootContext"), ge = z(he);
-function X(e = !1) {
-	let t = q(ge);
+}, he = Symbol("PreviewCardRootContext"), ge = V(he);
+function Z(e = !1) {
+	let t = Y(ge);
 	if (t === he) {
 		if (e) return;
 		throw Error("Base UI: PreviewCardRootContext is missing. PreviewCard parts must be placed within <PreviewCard.Root>.");
@@ -175,7 +175,7 @@ function X(e = !1) {
 //#endregion
 //#region src/preview-card/root/PreviewCardRoot.tsx
 function _e(e) {
-	let t = d(), n = h(), i = t ?? new m(), a = U(), s = U(), c = K(() => e.open !== void 0), l = K(() => e.triggerId !== void 0), u = new pe({
+	let t = f(), n = g(), i = t ?? new h(), a = G(), s = G(), c = J(() => e.open !== void 0), l = J(() => e.triggerId !== void 0), u = new pe({
 		controlledOpen: () => c ? e.open : void 0,
 		controlledTriggerId: () => l ? e.triggerId : void 0,
 		floatingId: s,
@@ -186,21 +186,21 @@ function _e(e) {
 		tree: i
 	});
 	u.update({
-		open: c ? !!K(() => e.open) : !!K(() => e.defaultOpen),
-		activeTriggerId: K(() => e.defaultTriggerId ?? null)
+		open: c ? !!J(() => e.open) : !!J(() => e.defaultOpen),
+		activeTriggerId: J(() => e.defaultTriggerId ?? null)
 	});
-	let v = u.access((e) => e.payload), b = f({
+	let d = u.access((e) => e.payload), y = p({
 		tree: i,
 		id: a,
 		parentId: n,
 		context: () => u.context.floatingRoot
-	}), x = _(u, () => u.track().popupElement, { onUnmount: u.inlineRect.clear }), S = {
+	}), x = v(u, () => u.track().popupElement, { onUnmount: u.inlineRect.clear }), S = {
 		store: u,
 		tree: i,
 		presence: x
 	};
-	u.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !0 }), re(() => e.handle, u);
-	let C = y({
+	u.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !0 }), ne(() => e.handle, u);
+	let C = b({
 		context: u.context.floatingRoot,
 		tree: () => i
 	});
@@ -208,11 +208,11 @@ function _e(e) {
 		activeTriggerProps: { onKeyDown: C.onKeyDown },
 		inactiveTriggerProps: { onKeyDown: C.onKeyDown },
 		popupProps: { onKeyDown: C.onKeyDown }
-	}), B(() => ({
+	}), H(() => ({
 		open: u.open(),
 		activeTriggerId: u.activeTriggerId()
 	}), (e) => {
-		K(() => u.reconcileTriggers()), e.open && e.activeTriggerId == null && u.state.payload !== void 0 && u.set("payload", void 0);
+		J(() => u.reconcileTriggers()), e.open && e.activeTriggerId == null && u.state.payload !== void 0 && u.set("payload", void 0);
 	});
 	let w = {
 		unmount: x.forceUnmount,
@@ -220,22 +220,22 @@ function _e(e) {
 			u.setOpen(!1, o(r));
 		}
 	};
-	B(() => e.actionsRef, (e) => {
+	H(() => e.actionsRef, (e) => {
 		e?.(w);
 	});
 	function T() {
-		let t = V(() => e.children), n = K(t), r = n;
-		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, ae) ? P(() => t()) : K(() => n({ payload: v }))), r;
+		let t = U(() => e.children), n = J(t), r = n;
+		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, z) ? P(() => t()) : J(() => n({ payload: d }))), r;
 	}
-	return G(() => u.clearInteractionProps()), M(ge, {
+	return q(() => u.clearInteractionProps()), M(ge, {
 		value: S,
 		get children() {
-			return M(p, {
+			return M(m, {
 				value: i,
 				get children() {
-					return M(g, {
+					return M(_, {
 						get value() {
-							return b.id ?? null;
+							return y.id ?? null;
 						},
 						get children() {
 							return M(T, {});
@@ -250,74 +250,74 @@ function _e(e) {
 //#region src/preview-card/trigger/PreviewCardTrigger.tsx
 var ve = /* @__PURE__ */ R("<a>");
 function ye(e) {
-	let r = X(!0), o = e;
-	if (!r && !K(() => o.handle)) throw Error("Base UI: <PreviewCard.Trigger> must be either used within a <PreviewCard.Root> component or provided with a handle.");
-	let c = e, l = `base-ui-${U()}`, u = V(() => o.id || l), d = V(() => o.delay ?? 600), f = V(() => o.closeDelay ?? 300), [p, m] = H(null, { ownedWrite: !0 }), h = ne(() => o.handle), g = V(() => h() ?? r?.store), _ = V(() => {
-		let e = g();
-		return !!(e?.open() && e.activeTriggerId() === u());
-	}), y = V(() => ({ open: _() })), b = t(e, () => y(), (e) => (() => {
+	let r = Z(!0), o = e;
+	if (!r && !J(() => o.handle)) throw Error("Base UI: <PreviewCard.Trigger> must be either used within a <PreviewCard.Root> component or provided with a handle.");
+	let l = e, u = `base-ui-${G()}`, d = U(() => o.id || u), f = U(() => o.delay ?? 600), p = U(() => o.closeDelay ?? 300), [m, h] = W(null, { ownedWrite: !0 }), g = te(() => o.handle), _ = U(() => g() ?? r?.store), v = U(() => {
+		let e = _();
+		return !!(e?.open() && e.activeTriggerId() === d());
+	}), b = U(() => ({ open: v() })), x = t(e, () => b(), (e) => (() => {
 		var t = N(ve);
-		return ie(t), L(t, e, !1), I(), t;
-	})()), x = V(() => i(e.class, y())), S = V(() => a(e.style, y())), C = V(() => n(y(), ee)), w = W(c, "render", "class", "closeDelay", "delay", "handle", "id", "onBlur", "onFocus", "onKeyDown", "onMouseEnter", "onMouseMove", "onPointerLeave", "payload", "ref", "style"), T;
-	v(g, u, p, () => ({
+		return ae(t), L(t, e, !1), I(), t;
+	})()), S = U(() => i(e.class, b())), C = U(() => a(e.style, b())), w = U(() => n(b(), ee)), T = K(l, "render", "class", "closeDelay", "delay", "handle", "id", "onBlur", "onFocus", "onKeyDown", "onMouseEnter", "onMouseMove", "onPointerLeave", "payload", "ref", "style"), E;
+	y(_, d, m, () => ({
 		payload: o.payload,
-		closeDelay: f()
+		closeDelay: p()
 	}));
-	function te(e) {
-		g()?.inlineRect.clear(), T?.onFocus(e);
+	function D(e) {
+		_()?.inlineRect.clear(), E?.onFocus(e);
 	}
-	function E(e) {
-		T?.onBlur(e);
+	function O(e) {
+		E?.onBlur(e);
 	}
-	function D() {
-		T?.onPointerLeave();
+	function k() {
+		E?.onPointerLeave();
 	}
-	function O(e) {
-		_() || g()?.inlineRect.update(e.currentTarget, e.clientX, e.clientY);
+	function A(e) {
+		v() || _()?.inlineRect.update(e.currentTarget, e.clientX, e.clientY);
 	}
-	function re(e) {
-		let t = g(), n = t?.state[t.activeTriggerId() === u() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown;
+	function ne(e) {
+		let t = _(), n = t?.state[t.activeTriggerId() === d() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown;
 		typeof n == "function" && n(e);
 	}
-	let k = s(() => o.onFocus, () => te), A = s(() => o.onBlur, () => E), j = s(() => o.onPointerLeave, () => D), P = s(() => o.onMouseEnter, () => O), R = s(() => o.onMouseMove, () => O), ae = s(() => o.onKeyDown, () => re);
-	return [M(oe, {
+	let re = s(c(() => o.onFocus), D), ie = s(c(() => o.onBlur), O), j = s(c(() => o.onPointerLeave), k), P = s(c(() => o.onMouseEnter), A), R = s(c(() => o.onMouseMove), A), z = s(c(() => o.onKeyDown), ne);
+	return [M(B, {
 		keyed: !0,
 		get when() {
-			return g();
+			return _();
 		},
 		children: (e) => M(be, {
 			store: e,
-			id: u,
-			element: p,
-			delay: d,
-			closeDelay: f,
-			setFocusHandlers: (e) => T = e
+			id: d,
+			element: m,
+			delay: f,
+			closeDelay: p,
+			setFocusHandlers: (e) => E = e
 		})
-	}), M(b, F({
-		ref: [((e) => m(e)), o.ref],
+	}), M(x, F({
+		ref: [((e) => h(e)), o.ref],
 		get id() {
-			return u();
+			return d();
 		},
 		get class() {
-			return x();
+			return S();
 		},
 		get style() {
-			return S();
+			return C();
 		},
-		onBlur: A,
-		onFocus: k,
-		onKeyDown: ae,
+		onBlur: ie,
+		onFocus: re,
+		onKeyDown: z,
 		onMouseEnter: P,
 		onMouseMove: R,
 		onPointerLeave: j
-	}, C, w))];
+	}, w, T))];
 }
 function be(e) {
-	let t = K(() => e.store), n = K(() => e.id), r = K(() => e.element), i = K(() => e.delay), a = K(() => e.closeDelay), o = K(() => e.setFocusHandlers);
-	return o(S({
+	let t = J(() => e.store), n = J(() => e.id), r = J(() => e.element), i = J(() => e.delay), a = J(() => e.closeDelay), o = J(() => e.setFocusHandlers);
+	return o(C({
 		context: t.context.floatingRoot,
 		delay: i
-	})), G(() => o(void 0)), w({
+	})), q(() => o(void 0)), T({
 		context: t.context.floatingRoot,
 		reference: r,
 		floating: () => t.isTriggerActive(n()) ? t.floatingElement() : null,
@@ -326,31 +326,31 @@ function be(e) {
 			open: i(),
 			close: a()
 		}),
-		handleClose: () => T(),
+		handleClose: () => E(),
 		mouseOnly: () => !0
 	}), null;
 }
 //#endregion
 //#region src/preview-card/portal/PreviewCardPortalContext.ts
-var xe = Symbol("PreviewCardPortalContext"), Z = z(xe);
-function Se() {
-	let e = q(Z);
+var xe = Symbol("PreviewCardPortalContext"), Se = V(xe);
+function Ce() {
+	let e = Y(Se);
 	if (e === xe) throw Error("Base UI: <PreviewCard.Portal> is missing.");
 	return e;
 }
 //#endregion
 //#region src/preview-card/portal/PreviewCardPortal.tsx
-function Ce(e) {
-	let t = X(), n = e, r = e, o = V(() => n.keepMounted ?? !1), s = V(() => t.presence.mounted() || o()), c = {}, l = V(() => i(e.class, c)), u = V(() => a(e.style, c)), d = W(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: o };
-	return M(oe, {
+function we(e) {
+	let t = Z(), n = e, r = e, o = U(() => n.keepMounted ?? !1), s = U(() => t.presence.mounted() || o()), c = {}, l = U(() => i(e.class, c)), u = U(() => a(e.style, c)), d = K(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: o };
+	return M(B, {
 		get when() {
 			return s();
 		},
 		get children() {
-			return M(Z, {
+			return M(Se, {
 				value: f,
 				get children() {
-					return M(E, F({
+					return M(O, F({
 						get render() {
 							return e.render;
 						},
@@ -359,7 +359,7 @@ function Ce(e) {
 						},
 						lite: !0,
 						ref: (e) => {
-							n.ref && A(n.ref, e);
+							n.ref && ie(n.ref, e);
 						},
 						get class() {
 							return l();
@@ -389,22 +389,22 @@ function Q(e, t) {
 }
 //#endregion
 //#region src/preview-card/utils/stateAttributesMapping.ts
-var we = te, Te = D, Ee = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, De = Symbol("PreviewCardPositionerContext"), Oe = z(De);
+var Te = D, Ee = k, De = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, Oe = Symbol("PreviewCardPositionerContext"), ke = V(Oe);
 function $() {
-	let e = q(Oe);
-	if (e === De) throw Error("Base UI: <PreviewCard.Positioner> is missing.");
+	let e = Y(ke);
+	if (e === Oe) throw Error("Base UI: <PreviewCard.Positioner> is missing.");
 	return e;
 }
 //#endregion
 //#region src/preview-card/positioner/PreviewCardPositioner.tsx
-var ke = /* @__PURE__ */ R("<div>");
-function Ae(e) {
-	let r = X();
-	Se();
-	let o = j(), s = e, c = e, l = V(() => {
+var Ae = /* @__PURE__ */ R("<div>");
+function je(e) {
+	let r = Z();
+	Ce();
+	let o = j(), s = e, c = e, l = U(() => {
 		let e = s.anchor;
 		return typeof e == "function" ? e() : e && "current" in e ? e.current : e ?? r.store.context.floatingRoot.referenceElement();
-	}), d = u({
+	}), u = d({
 		reference: l,
 		floating: () => r.store.track().positionerElement,
 		mounted: r.presence.mounted,
@@ -426,25 +426,25 @@ function Ae(e) {
 		disableAnchorTracking: () => s.disableAnchorTracking ?? !1,
 		inlineMiddleware: () => r.store.inlineRect.middleware,
 		adaptiveOriginMiddleware: () => r.store.track().adaptiveOriginMiddleware
-	}), f = C(() => r.store.open(), () => d.state().isPositioned), p = V(() => ({
+	}), f = w(() => r.store.open(), () => u.state().isPositioned), p = U(() => ({
 		open: r.store.open(),
-		side: d.renderedSide(),
-		align: d.renderedAlign(),
-		anchorHidden: d.anchorHidden(),
+		side: u.renderedSide(),
+		align: u.renderedAlign(),
+		anchorHidden: u.anchorHidden(),
 		instant: r.store.track().instantType ?? (f() ? "initial" : void 0)
 	})), m = t(e, () => p(), (e) => (() => {
-		var t = N(ke);
+		var t = N(Ae);
 		return L(t, e, !1), I(), t;
-	})()), h = V(() => i(e.class, p())), g = V(() => Q({
-		...d.styles(),
+	})()), h = U(() => i(e.class, p())), g = U(() => Q({
+		...u.styles(),
 		"pointer-events": r.store.open() ? void 0 : "none"
-	}, a(e.style, p()))), _ = V(() => n(p(), we)), v = W(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), y = null;
-	return B(() => d.state().placement, (e) => {
+	}, a(e.style, p()))), _ = U(() => n(p(), Te)), v = K(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), y = null;
+	return H(() => u.state().placement, (e) => {
 		r.store.context.floatingRoot.context.data.placement = e;
-	}), G(() => {
+	}), q(() => {
 		delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === y && r.store.setPositionerElement(null);
-	}), M(Oe, {
-		value: d,
+	}), M(ke, {
+		value: u,
 		get children() {
 			return M(m, F({
 				ref: [((e) => {
@@ -466,52 +466,52 @@ function Ae(e) {
 }
 //#endregion
 //#region src/preview-card/popup/PreviewCardPopup.tsx
-var je = /* @__PURE__ */ R("<div>");
-function Me(e) {
-	let r = X(), o = $(), c = e, l = e, u = V(() => ({
+var Me = /* @__PURE__ */ R("<div>");
+function Ne(e) {
+	let r = Z(), o = $(), l = e, u = e, d = U(() => ({
 		open: r.store.open(),
 		side: o.renderedSide(),
 		align: o.renderedAlign(),
 		instant: r.store.track().instantType,
 		transitionStatus: r.store.track().transitionStatus
-	})), d = t(e, () => u(), (e) => (() => {
-		var t = N(je);
+	})), f = t(e, () => d(), (e) => (() => {
+		var t = N(Me);
 		return L(t, e, !1), I(), t;
-	})()), f = V(() => i(e.class, u())), p = V(() => a(e.style, u())), m = V(() => n(u(), Te)), h = W(l, "render", "class", "onKeyDown", "ref", "style"), g = s(() => c.onKeyDown, () => (e) => {
+	})()), p = U(() => i(e.class, d())), m = U(() => a(e.style, d())), h = U(() => n(d(), Ee)), g = K(u, "render", "class", "onKeyDown", "ref", "style"), _ = s(c(() => l.onKeyDown), (e) => {
 		let t = r.store.state.popupProps.onKeyDown;
 		typeof t == "function" && t(e);
-	}), _ = null;
-	return G(() => {
-		r.store.state.popupElement === _ && r.store.setPopupElement(null);
-	}), M(d, F({
+	}), v = null;
+	return q(() => {
+		r.store.state.popupElement === v && r.store.setPopupElement(null);
+	}), M(f, F({
 		ref: [((e) => {
-			_ = e, r.store.setPopupElement(e);
-		}), c.ref],
+			v = e, r.store.setPopupElement(e);
+		}), l.ref],
 		tabIndex: -1,
 		"data-base-ui-focusable": "",
 		get class() {
-			return f();
+			return p();
 		},
 		get style() {
-			return p();
+			return m();
 		},
-		onKeyDown: g
-	}, m, h));
+		onKeyDown: _
+	}, h, g));
 }
 //#endregion
 //#region src/preview-card/arrow/PreviewCardArrow.tsx
-var Ne = /* @__PURE__ */ R("<div>");
-function Pe(e) {
-	let r = X(), o = $(), s = e, c = e, l = V(() => ({
+var Pe = /* @__PURE__ */ R("<div>");
+function Fe(e) {
+	let r = Z(), o = $(), s = e, c = e, l = U(() => ({
 		open: r.store.open(),
 		side: o.renderedSide(),
 		align: o.renderedAlign(),
 		uncentered: o.arrowUncentered()
 	})), u = t(e, () => l(), (e) => (() => {
-		var t = N(Ne);
+		var t = N(Pe);
 		return L(t, e, !1), I(), t;
-	})()), d = V(() => i(e.class, l())), f = V(() => Q(o.arrowStyles(), a(e.style, l()))), p = V(() => n(l(), we)), m = W(c, "render", "class", "ref", "style"), h = null;
-	return G(() => {
+	})()), d = U(() => i(e.class, l())), f = U(() => Q(o.arrowStyles(), a(e.style, l()))), p = U(() => n(l(), Te)), m = K(c, "render", "class", "ref", "style"), h = null;
+	return q(() => {
 		h && o.setArrowElement(null);
 	}), M(u, F({
 		ref: [((e) => {
@@ -528,19 +528,19 @@ function Pe(e) {
 }
 //#endregion
 //#region src/preview-card/backdrop/PreviewCardBackdrop.tsx
-var Fe = /* @__PURE__ */ R("<div>");
-function Ie(e) {
-	let r = X(), o = e, s = e, c = V(() => ({
+var Ie = /* @__PURE__ */ R("<div>");
+function Le(e) {
+	let r = Z(), o = e, s = e, c = U(() => ({
 		open: r.store.open(),
 		transitionStatus: r.store.track().transitionStatus
 	})), l = t(e, () => c(), (e) => (() => {
-		var t = N(Fe);
+		var t = N(Ie);
 		return L(t, e, !1), I(), t;
-	})()), u = V(() => i(e.class, c())), d = V(() => Q({
+	})()), u = U(() => i(e.class, c())), d = U(() => Q({
 		"pointer-events": "none",
 		"user-select": "none",
 		"-webkit-user-select": "none"
-	}, a(e.style, c()))), f = V(() => n(c(), Te)), p = W(s, "render", "class", "ref", "style");
+	}, a(e.style, c()))), f = U(() => n(c(), Ee)), p = K(s, "render", "class", "ref", "style");
 	return M(l, F({
 		ref: [o.ref],
 		role: "presentation",
@@ -557,18 +557,18 @@ function Ie(e) {
 }
 //#endregion
 //#region src/preview-card/viewport/PreviewCardViewport.tsx
-var Le = /* @__PURE__ */ R("<div>");
-function Re(e) {
-	let r = X(), o = $(), s = j(), c = e, u = e, [d, f] = H({
+var Re = /* @__PURE__ */ R("<div>");
+function ze(e) {
+	let r = Z(), o = $(), s = j(), c = e, l = e, [d, f] = W({
 		activationDirection: void 0,
 		transitioning: !1
-	}, { ownedWrite: !0 }), p = V(() => ({
+	}, { ownedWrite: !0 }), p = U(() => ({
 		...d(),
 		instant: r.store.track().instantType
 	})), m = t(e, () => p(), (e) => (() => {
-		var t = N(Le);
+		var t = N(Re);
 		return L(t, e, !1), I(), t;
-	})()), h = V(() => i(e.class, p())), g = V(() => a(e.style, p())), _ = V(() => n(p(), Ee)), v = W(u, "render", "children", "class", "ref", "style");
+	})()), h = U(() => i(e.class, p())), g = U(() => a(e.style, p())), _ = U(() => n(p(), De)), v = K(l, "render", "children", "class", "ref", "style");
 	return M(m, F({
 		ref: [c.ref],
 		get class() {
@@ -578,7 +578,7 @@ function Re(e) {
 			return g();
 		}
 	}, _, v, { get children() {
-		return M(l, {
+		return M(u, {
 			get store() {
 				return r.store;
 			},
@@ -597,7 +597,7 @@ function Re(e) {
 }
 //#endregion
 //#region src/preview-card/store/PreviewCardHandle.ts
-var ze = class extends k {
+var Be = class extends re {
 	constructor() {
 		super("PreviewCard", !0, new me());
 	}
@@ -611,22 +611,22 @@ var ze = class extends k {
 		return this.attachedStore?.open() ?? !1;
 	}
 };
-function Be() {
-	return new ze();
+function Ve() {
+	return new Be();
 }
 //#endregion
 //#region src/preview-card/index.parts.ts
-var Ve = /* @__PURE__ */ e({
-	Arrow: () => Pe,
-	Backdrop: () => Ie,
-	Handle: () => ze,
-	Popup: () => Me,
-	Portal: () => Ce,
-	Positioner: () => Ae,
+var He = /* @__PURE__ */ e({
+	Arrow: () => Fe,
+	Backdrop: () => Le,
+	Handle: () => Be,
+	Popup: () => Ne,
+	Portal: () => we,
+	Positioner: () => je,
 	Root: () => _e,
 	Trigger: () => ye,
-	Viewport: () => Re,
-	createHandle: () => Be
+	Viewport: () => ze,
+	createHandle: () => Ve
 });
 //#endregion
-export { Ve as t };
+export { He as t };

package/dist/lib/client/radio/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../radio-DA_oZhQT.js";
+import { t as e } from "../radio-CeCU-Qqi.js";
 export { e as Radio };