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

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # Changelog
 
+## 0.1.0-alpha.2
+
+### Breaking Changes
+
+- `composeEventHandlers` now accepts direct handlers, bound `[handler, data]`
+  tuples, and `undefined`, rather than bare accessors returning handlers. Replace
+  `composeEventHandlers(() => handleClick)` with `composeEventHandlers(handleClick)`.
+- For replaceable props or conditional handler sources, use
+  `composeEventHandlers(liveEventHandler(() => props.onClick), handleClick)`.
+  Both utilities are exported from `solid-baseui/internals/composeEventHandlers`.
+  Old bare accessors may still typecheck as void-returning handlers, but their
+  returned functions are no longer invoked. Migrate every call before upgrading.
+
+### Fixed
+
+- Preserve Drawer swipe state, observers, and nested progress across unrelated
+  store updates, and retain Popover trigger-handoff animation completion.
+- Compose string and callback-returned string styles correctly in Slider.Track,
+  Slider.Indicator, Slider.Thumb, and Tabs.Indicator.
+- Return a directly attachable native handler from `composeEventHandlers` while
+  exposing Base UI cancellation to composed callbacks. Preserve native input/focus
+  target typing and expose cancellation on composed Toolbar events.
+- Preserve the DOM receiver when NumberField.Input dispatches blur callbacks,
+  including replaceable bound handlers and teardown-time blur.
+- Correct Combobox grid navigation, highlight restoration, controlled input and
+  autofill rollback, popup-input ARIA, RTL End navigation, portal focus, and List
+  exit-animation completion.
+- Preserve Tooltip cursor initialization and reopening, detached registration and
+  hydration state, viewport payload updates, nested timers, and provider cleanup.
+- Preserve Autocomplete form-name ownership across SSR and hydration, and isolate
+  Field context when replacing a popup input.
+- Cancel stale Drawer alignment frames before delayed virtual-keyboard realignment.
+- Improve Combobox grouped-array callback inference for mutable single-select and
+  readonly multiple-select items.
+
+### Verification
+
+- Complete the requested Tooltip, Combobox, Autocomplete, and Drawer test-ledger
+  verification, including additional unit, browser, type, SSR, and hydration cases.
+- The package remains an unstable alpha; this does not establish exhaustive Base UI
+  1.8 parity or physical-device keyboard and gesture behavior.
+
 ## 0.1.0-alpha.1
 
 ### Breaking Changes

package/README.md

@@ -123,25 +123,24 @@ callback writes native or custom-component JSX directly.
   callback and forward props/ref to every possible final element, for example
   `render={(props) => <>{compact() ? <span {...props} /> : <div {...props} />}</>}` on a
   visual part that supports those roots.
-- A spread does not compose an overridden handler, ref, or class. Preserve supplied
-  values explicitly when adding behavior: use Solid ref/class arrays and the
-  focused event helper for ordered cancellation. A custom component must do the
-  same when it overrides forwarded props.
+- Put interaction handlers such as `onClick` on the outer Base UI component. It
+  composes caller handlers with its internal behavior. Use `render` for the
+  element, styling, and prop forwarding, not to override supplied event handlers.
+  Custom components used inside `render` should also forward those handlers to
+  the final DOM node.
+- A spread does not compose an overridden ref or class. Preserve supplied values
+  with Solid ref/class arrays when adding your own.
 
 ```tsx
 import { Button } from "solid-baseui/button";
-import { composeEventHandlers } from "solid-baseui/internals/composeEventHandlers";
 
 <Button
+  onClick={() => console.info("Save activated")}
   render={(props) => (
     <button
       {...props}
       class={[props.class, "action"]}
       ref={[props.ref, (element) => { element.dataset.action = "save"; }]}
-      onClick={composeEventHandlers(
-        () => props.onClick,
-        () => () => console.info("Save activated"),
-      )}
     />
   )}
 >
@@ -149,9 +148,11 @@ import { composeEventHandlers } from "solid-baseui/internals/composeEventHandler
 </Button>;
 ```
 
-The event accessor reads the current supplied handler at event time; the helper
-preserves its Base UI cancellation contract. Prefer putting ordinary caller
-handlers on the outer component when no callback-specific composition is needed.
+Avoid `render={(props) => <button {...props} onClick={handleClick} />}`:
+the explicit handler replaces the supplied handler and can break the component's
+internal interaction behavior. Moving the spread last can instead discard your
+handler. Put `onClick={handleClick}` on the outer component so both behaviors are
+preserved without manually composing handlers.
 
 Component authors can import `useRender` from `solid-baseui/use-render` or the
 package root. Its signature is
@@ -165,17 +166,47 @@ root, `solid-baseui/use-render`, and `solid-baseui/types`.
 
 See [CHANGELOG.md](./CHANGELOG.md) for this alpha's changes.
 
+## Migrating To 0.1.0-alpha.2
+
+Version `0.1.0-alpha.2` changes the internal event-composition API to direct handlers:
+
+```tsx
+import type { JSX } from "@solidjs/web";
+import { omit } from "solid-js";
+import {
+  composeEventHandlers,
+  liveEventHandler,
+} from "solid-baseui/internals/composeEventHandlers";
+
+function CustomButton(props: JSX.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const others = omit(props, "onClick");
+  const onClick = composeEventHandlers<HTMLButtonElement, MouseEvent>(
+    liveEventHandler(() => props.onClick),
+    (event) => event.preventBaseUIHandler(),
+  );
+  return <button type="button" onClick={onClick} {...others} />;
+}
+```
+
+Fixed handlers need no outer function. Use `liveEventHandler` only when a callback
+prop or handler selection can change; it creates a deferred source for the composer,
+not a standalone DOM handler. Sources resolve in order at event time, including
+Solid's `[handler, data]` tuples. Base UI cancellation stops later handlers and
+source resolution; native `preventDefault` has its separate meaning.
+
+This is a breaking change from alpha.1. Bare `() => handler` arguments must be
+converted to direct handlers or explicit live sources. Handler return values are
+ignored, so an old accessor can still typecheck without doing the intended work.
+
 ## Status
 
-Most of the port is done: component and utility subpaths are backed by the shared P0
-and overlay foundations. Not everything is finished:
+All 38 component families in the pinned inventory are implemented and exported.
+The requested Tooltip, Combobox, Autocomplete, and Drawer verification is complete;
+the project is now in stabilization and performance optimization.
 
-| Area                   | State                                                               |
-| ---------------------- | ------------------------------------------------------------------- |
-| Tooltip                | Paused — nested-timer, cursor-axis, and animation cases outstanding |
-| Combobox, Autocomplete | In progress                                                         |
-| Drawer                 | Behavior complete; parts of the upstream test ledger unclassified   |
-| Remaining families     | Done                                                                |
+Implementation coverage is not exhaustive Base UI 1.8 parity or production stability.
+The optional `unstable-use-media-query` utility is not implemented and is outside
+the 38-component scope.
 
 A component is only treated as done when its upstream Base UI test ledger is
 classified and represented in the Solid suite. Per-family status, the decisions

package/dist/lib/client/DialogHandle-DluOK_7u.js

@@ -0,0 +1,521 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { P as n, d as r, i } from "./reasons-Co5CzjKq.js";
+import { n as a, t as o } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as s } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as c } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as l, liveEventHandler as u } from "./internals/composeEventHandlers.js";
+import { i as d, n as f, o as p } from "./dom-lDdayFF_.js";
+import { n as m, t as h } from "./InternalBackdrop-B8_lfUvf.js";
+import { c as g, i as _, n as ee, r as v, s as y, t as b } from "./FloatingTree-23B7KKPD.js";
+import { a as te, n as x, o as ne, t as S } from "./PopupStore-BjRwcvbG.js";
+import { a as C, o as re } from "./popupStateMapping-nhukB8NK.js";
+import { i as w, n as T, r as E, t as D } from "./PopupHandle-DyX5gY1e.js";
+import { t as ie } from "./setRef-fXF6OIo3.js";
+import { a as O, i as ae, n as k, r as A, t as oe } from "./buttonSemantics-paljfpOX.js";
+import { createComponent as j, getNextElement as M, memo as N, mergeProps as P, runHydrationEvents as F, spread as I, template as L } from "@solidjs/web";
+import { $REFRESH as se, Show as R, 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";
+//#region src/dialog/store/DialogStore.ts
+var ce = class extends S {
+	openMethodAccessor;
+	setOpenMethodSignal;
+	openMethodRevisionAccessor;
+	setOpenMethodRevision;
+	constructor(e = {}) {
+		super(e);
+		let [t, n] = H(null, { ownedWrite: !0 });
+		this.openMethodAccessor = t, this.setOpenMethodSignal = n;
+		let [r, i] = H(0, { ownedWrite: !0 });
+		this.openMethodRevisionAccessor = r, this.setOpenMethodRevision = i;
+	}
+	openMethod() {
+		return this.openMethodAccessor();
+	}
+	setOpenMethod(e) {
+		this.setOpenMethodSignal(e), this.setOpenMethodRevision((e) => e + 1);
+	}
+	openMethodRevision() {
+		return this.openMethodRevisionAccessor();
+	}
+	setPayload(e) {
+		this.set("payload", e);
+	}
+	setOpen(e, t) {
+		return !e && t.trigger == null && this.activeTriggerId() != null && (t.trigger = this.state.activeTriggerElement ?? void 0), super.setOpen(e, t);
+	}
+}, J = class extends T {
+	openMethod() {
+		return null;
+	}
+	setOpenMethod(e) {}
+	setPayload(e) {}
+}, Y = Symbol("DialogRootContext"), le = z(Y);
+function X(e = !1) {
+	let t = q(le);
+	if (t === Y) {
+		if (e) return;
+		throw Error("Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/dialog/root/DialogRoot.tsx
+function ue(e) {
+	return Z("dialog", e);
+}
+function Z(e, t, n = {}) {
+	let i = X(!0), a = g(), o = y(), c = a ?? new v(), l = U(), u = U(), h = K(() => t.open !== void 0), x = K(() => t.triggerId !== void 0), S = i !== void 0, C = e === "alert-dialog", re = e === "drawer", w = V(() => C ? !0 : t.modal ?? !0), T = V(() => C || (t.disablePointerDismissal ?? !1)), D = new ce({
+		controlledOpen: () => h ? t.open : void 0,
+		controlledTriggerId: () => x ? t.triggerId : void 0,
+		floatingId: u,
+		nested: o !== null,
+		nodeId: l,
+		onOpenChange: () => t.onOpenChange,
+		onOpenChangeComplete: () => t.onOpenChangeComplete
+	});
+	D.update({
+		open: h ? !!K(() => t.open) : !!K(() => t.defaultOpen),
+		activeTriggerId: K(() => t.defaultTriggerId ?? null)
+	});
+	let ie = D.access((e) => e.payload), O = _({
+		tree: c,
+		id: l,
+		parentId: o,
+		context: () => D.context.floatingRoot
+	}), [ae, k] = H(), [A, oe] = H(), [M, P] = H(null, { ownedWrite: !0 }), [F, I] = H(null, { ownedWrite: !0 }), [L, R] = H(null, { ownedWrite: !0 }), [z, W] = H(0, {
+		equals: !1,
+		ownedWrite: !0
+	}), q = /* @__PURE__ */ new Map(), J = V(() => {
+		z();
+		let e = 0;
+		for (let t of q.values()) e += t.dialogCount;
+		return e;
+	}), Y = V(() => {
+		z();
+		let e = 0;
+		for (let t of q.values()) e += t.drawerCount;
+		return e;
+	}), ue = { current: !0 }, Z = te(D, () => D.track().popupElement, { onUnmount: () => D.setOpenMethod(null) });
+	function de(e, t, n) {
+		let r = q.get(e);
+		(r?.dialogCount !== t || r.drawerCount !== n) && (q.set(e, {
+			dialogCount: t,
+			drawerCount: n
+		}), W((e) => e + 1));
+	}
+	function fe(e) {
+		q.delete(e) && W((e) => e + 1);
+	}
+	let pe = {
+		store: D,
+		tree: c,
+		nested: S,
+		role: C ? "alertdialog" : "dialog",
+		modal: w,
+		disablePointerDismissal: T,
+		nestedOpenDialogCount: J,
+		nestedOpenDrawerCount: Y,
+		outsidePressEnabled: ue,
+		titleId: ae,
+		setTitleId: k,
+		descriptionId: A,
+		setDescriptionId: oe,
+		backdropElement: M,
+		setBackdropElement: P,
+		internalBackdropElement: F,
+		setInternalBackdropElement: I,
+		viewportElement: L,
+		setViewportElement: R,
+		presence: Z,
+		updateNestedLayer: de,
+		removeNestedLayer: fe
+	};
+	D.context.floatingRoot.context.data.insideElements = () => [
+		M(),
+		F(),
+		L()
+	], D.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 }), E(() => t.handle, D);
+	let me = ne({
+		context: D.context.floatingRoot,
+		tree: () => c,
+		escapeKey: () => J() === 0,
+		outsidePress: () => (e) => {
+			if (!ue.current || T() || J() > 0 || "button" in e && e.button !== 0) return !1;
+			if ("touches" in e) {
+				if (e.type === "touchend") {
+					if (e.changedTouches.length !== 1 || e.touches.length !== 0) return !1;
+				} else if (e.touches.length !== 1) return !1;
+			}
+			if (w() === !1) return !0;
+			let t = d(e), n = F(), r = M();
+			return !n && !r || t === n || t === r || p(t) && f(t, D.state.popupElement) && !t.hasAttribute("data-base-ui-portal");
+		},
+		outsidePressEvent: () => F() || M() ? "intentional" : {
+			mouse: w() === "trap-focus" ? "sloppy" : "intentional",
+			touch: "sloppy"
+		}
+	});
+	D.setInteractionProps({
+		activeTriggerProps: { onKeyDown: me.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: me.onKeyDown },
+		popupProps: {}
+	}), m(() => D.open() && w() === !0, () => D.track().popupElement), B(() => ({
+		open: D.open(),
+		activeTriggerId: D.activeTriggerId()
+	}), () => K(() => D.reconcileTriggers()));
+	let Q = K(() => D.open()), $ = K(() => D.openMethodRevision());
+	B(() => ({
+		open: D.open(),
+		openMethodRevision: D.openMethodRevision()
+	}), (e) => {
+		!e.open && Q ? $ = e.openMethodRevision : e.open && !Q && e.openMethodRevision === $ && D.setOpenMethod(null), Q = e.open;
+	});
+	let he = Symbol("DialogRoot");
+	B(() => ({
+		open: D.open(),
+		nestedDialogs: J(),
+		nestedDrawers: Y()
+	}), (e) => {
+		i?.updateNestedLayer(he, e.open ? e.nestedDialogs + 1 : 0, e.open ? e.nestedDrawers + +!!re : 0);
+	});
+	let ge = {
+		unmount: Z.forceUnmount,
+		close() {
+			D.setOpen(!1, s(r));
+		}
+	};
+	B(() => t.actionsRef, (e) => {
+		e?.(ge);
+	});
+	function _e() {
+		let e = V(() => t.children), n = K(e), r = n;
+		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, se) ? N(() => e()) : K(() => n({ payload: ie }))), r;
+	}
+	return G(() => {
+		i?.removeNestedLayer(he), D.clearInteractionProps(), delete D.context.floatingRoot.context.data.insideElements;
+	}), j(le, {
+		value: pe,
+		get children() {
+			return j(ee, {
+				value: c,
+				get children() {
+					return j(b, {
+						get value() {
+							return O.id ?? null;
+						},
+						get children() {
+							return [N(() => n.extraContent?.()), j(_e, {})];
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/dialog/utils/mergeDialogStyles.ts
+function de(e, t) {
+	if (typeof t == "string") {
+		let n = Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${String(t)}`).join(";");
+		return n ? `${n};${t}` : t;
+	}
+	return {
+		...e,
+		...t || void 0
+	};
+}
+//#endregion
+//#region src/dialog/utils/stateAttributesMapping.ts
+var fe = { "data-open": "" }, pe = { "data-closed": "" }, me = { "data-nested-dialog-open": "" }, Q = {
+	open: (e) => e ? fe : pe,
+	...c
+}, $ = {
+	...Q,
+	nestedDialogOpen: (e) => e ? me : null
+}, he = /* @__PURE__ */ L("<button>");
+function ge(n) {
+	let r = X(), c = n, d = n, f = V(() => c.disabled ?? !1), p = V(() => c.nativeButton ?? !0), m = V(() => ({ disabled: f() })), h = e(n, () => m(), (e) => (() => {
+		var t = M(he);
+		return I(t, e, !1), F(), t;
+	})()), g = V(() => a(n.class, m())), _ = V(() => o(n.style, m())), ee = V(() => t(m())), v = W(d, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
+	function y(e) {
+		r.store.open() && r.store.setOpen(!1, s(i, e));
+	}
+	let b = l(u(() => K(() => f() ? A : void 0)), u(() => c.onClick), y), te = l(u(() => K(() => f() ? A : void 0)), u(() => c.onPointerDown)), x = l(u(() => K(() => f() ? O : void 0)), u(() => c.onMouseDown)), ne = l(u(() => K(() => f() ? ae : void 0)), u(() => c.onKeyDown), u(() => K(() => p() ? void 0 : oe))), S = l(u(() => K(() => f() ? O : void 0)), u(() => c.onKeyUp), u(() => K(() => p() ? void 0 : k)));
+	return j(h, P({
+		ref: [c.ref],
+		get type() {
+			return p() ? "button" : void 0;
+		},
+		get role() {
+			return p() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !p() && f() ? -1 : 0;
+		},
+		get disabled() {
+			return (N(() => !!p())() ? f() : p()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !p() && f() ? "true" : void 0;
+		},
+		get class() {
+			return g();
+		},
+		get style() {
+			return _();
+		},
+		onClick: b,
+		onKeyDown: ne,
+		onKeyUp: S,
+		onMouseDown: x,
+		onPointerDown: te
+	}, ee, v));
+}
+//#endregion
+//#region src/dialog/description/DialogDescription.tsx
+var _e = /* @__PURE__ */ L("<p>");
+function ve(t) {
+	let n = X(), r = t, i = t, s = `base-ui-${U()}`, c = V(() => r.id || s), l = {}, u = e(t, () => l, (e) => (() => {
+		var t = M(_e);
+		return I(t, e, !1), F(), t;
+	})()), d = V(() => a(t.class, l)), f = V(() => o(t.style, l)), p = W(i, "render", "class", "id", "ref", "style");
+	return B(() => c(), (e) => (n.setDescriptionId(e), () => n.setDescriptionId((t) => t === e ? void 0 : t))), j(u, P({
+		ref: [r.ref],
+		get id() {
+			return c();
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p));
+}
+//#endregion
+//#region src/dialog/portal/DialogPortalContext.ts
+var ye = Symbol("DialogPortalContext"), be = z(ye);
+function xe() {
+	let e = q(be);
+	if (e === ye) throw Error("Base UI: <Dialog.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/dialog/portal/DialogPortal.tsx
+function Se(e) {
+	let t = X(), n = e, r = e, i = V(() => n.keepMounted ?? !1), s = V(() => t.presence.mounted() || i()), c = {}, l = V(() => a(e.class, c)), u = V(() => o(e.style, c)), d = W(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
+	function p() {
+		let e = null;
+		return G(() => {
+			t.internalBackdropElement() === e && t.setInternalBackdropElement(null);
+		}), j(h, {
+			ref: (n) => {
+				e = n, t.setInternalBackdropElement(n);
+			},
+			get open() {
+				return t.store.open();
+			}
+		});
+	}
+	return j(R, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return j(be, {
+				value: f,
+				get children() {
+					return j(re, P({
+						get render() {
+							return e.render;
+						},
+						get container() {
+							return n.container;
+						},
+						ref: (e) => {
+							n.ref && ie(n.ref, e);
+						},
+						get class() {
+							return l();
+						},
+						get style() {
+							return u();
+						}
+					}, d, { get children() {
+						return [j(R, {
+							get when() {
+								return N(() => !!t.presence.mounted())() ? t.modal() === !0 : t.presence.mounted();
+							},
+							get children() {
+								return j(p, {});
+							}
+						}), N(() => e.children)];
+					} }));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/dialog/title/DialogTitle.tsx
+var Ce = /* @__PURE__ */ L("<h2>");
+function we(t) {
+	let n = X(), r = t, i = t, s = `base-ui-${U()}`, c = V(() => r.id || s), l = {}, u = e(t, () => l, (e) => (() => {
+		var t = M(Ce);
+		return I(t, e, !1), F(), t;
+	})()), d = V(() => a(t.class, l)), f = V(() => o(t.style, l)), p = W(i, "render", "class", "id", "ref", "style");
+	return B(() => c(), (e) => (n.setTitleId(e), () => n.setTitleId((t) => t === e ? void 0 : t))), j(u, P({
+		ref: [r.ref],
+		get id() {
+			return c();
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p));
+}
+//#endregion
+//#region src/dialog/trigger/DialogTrigger.tsx
+var Te = /* @__PURE__ */ L("<button>");
+function Ee(r) {
+	let i = X(!0), c = r;
+	if (!i && !K(() => c.handle)) throw Error("Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle.");
+	let d = r, f = `base-ui-${U()}`, p = V(() => c.id || f), m = V(() => c.disabled ?? !1), h = V(() => c.nativeButton ?? !0), [g, _] = H(null, { ownedWrite: !0 }), ee = w(() => c.handle), v = V(() => ee() ?? i?.store), y = V(() => {
+		let e = v();
+		return !!(e?.open() && e.activeTriggerId() === p());
+	}), b = V(() => ({
+		disabled: m(),
+		open: y()
+	})), te = e(r, () => b(), (e) => (() => {
+		var t = M(Te);
+		return I(t, e, !1), F(), t;
+	})()), ne = V(() => a(r.class, b())), S = V(() => o(r.style, b())), re = V(() => t(b(), C)), T = W(d, "render", "class", "disabled", "handle", "id", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "payload", "ref", "style"), E = "", D = "";
+	x(v, p, g, () => ({ payload: c.payload }));
+	function ie(e) {
+		let t = v(), r = g();
+		!t || !r || e.button !== 0 || (t.open() || t.setOpenMethod(D || (e.detail === 0 ? "keyboard" : De() ? "touch" : "mouse")), t.setOpen(!(t.open() && t.activeTriggerId() === p()), s(n, e, r)));
+	}
+	function L() {
+		D = E, E = "";
+	}
+	function se(e) {
+		E = e.pointerType;
+	}
+	function R(e) {
+		E = "keyboard";
+		let t = v(), n = t?.state.popupElement, r = t ? (t.activeTriggerId() === p() ? t.state.activeTriggerProps : t.state.inactiveTriggerProps).onKeyDown : void 0, i = e.currentTarget;
+		n && i && n.ownerDocument !== i.ownerDocument && typeof r == "function" && r(e);
+	}
+	let z = l(u(() => K(() => m() ? A : void 0)), L, u(() => c.onClick), ie), B = l(u(() => K(() => m() ? A : void 0)), u(() => c.onPointerDown), se), G = l(u(() => K(() => m() ? O : void 0)), u(() => c.onMouseDown)), q = l(u(() => K(() => m() ? ae : void 0)), u(() => c.onKeyDown), R, u(() => K(() => h() ? void 0 : oe))), ce = l(u(() => K(() => m() ? O : void 0)), u(() => c.onKeyUp), u(() => K(() => h() ? void 0 : k)));
+	return j(te, P({
+		ref: [((e) => _(e)), c.ref],
+		get id() {
+			return p();
+		},
+		get type() {
+			return h() ? "button" : void 0;
+		},
+		get role() {
+			return h() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !h() && m() ? -1 : 0;
+		},
+		get disabled() {
+			return (N(() => !!h())() ? m() : h()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !h() && m() ? "true" : void 0;
+		},
+		"aria-haspopup": "dialog",
+		get "aria-expanded"() {
+			return y() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return v()?.triggerPopupId(p());
+		},
+		"data-base-ui-click-trigger": "",
+		get class() {
+			return ne();
+		},
+		get style() {
+			return S();
+		},
+		onClick: z,
+		onKeyDown: q,
+		onKeyUp: ce,
+		onMouseDown: G,
+		onPointerDown: B
+	}, re, T));
+}
+function De() {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.platform.toLowerCase();
+	return /^i(os$|p)/.test(e) || e === "macintel" && navigator.maxTouchPoints > 1;
+}
+//#endregion
+//#region src/dialog/viewport/DialogViewport.tsx
+var Oe = /* @__PURE__ */ L("<div>");
+function ke(n) {
+	let r = xe(), i = X(), s = n, c = W(n, "render", "class", "ref", "style"), l = V(() => ({
+		open: i.store.open(),
+		transitionStatus: i.store.track().transitionStatus,
+		nested: i.nested,
+		nestedDialogOpen: i.nestedOpenDialogCount() > 0
+	})), u = e(n, () => l(), (e) => (() => {
+		var t = M(Oe);
+		return I(t, e, !1), F(), t;
+	})()), d = V(() => a(n.class, l())), f = V(() => de({ "pointer-events": i.store.open() ? void 0 : "none" }, o(n.style, l()))), p = V(() => t(l(), $)), m = V(() => r.keepMounted() || i.presence.mounted()), h = null;
+	return G(() => {
+		i.viewportElement() === h && i.setViewportElement(null);
+	}), j(R, {
+		get when() {
+			return m();
+		},
+		get children() {
+			return j(u, P({
+				ref: [((e) => {
+					h = e, i.setViewportElement(e);
+				}), s.ref],
+				role: "presentation",
+				get hidden() {
+					return !i.presence.mounted();
+				},
+				get class() {
+					return d();
+				},
+				get style() {
+					return f();
+				}
+			}, p, c));
+		}
+	});
+}
+//#endregion
+//#region src/dialog/store/DialogHandle.ts
+var Ae = class extends D {
+	constructor() {
+		super("Dialog", !1, new J());
+	}
+	open(e) {
+		this.openByTrigger(e);
+	}
+	openWithPayload(e) {
+		this.attachedStore && (this.attachedStore.setPayload(e), this.attachedStore.setOpen(!0, s(r)));
+	}
+	close() {
+		this.closePopup();
+	}
+	get isOpen() {
+		return this.attachedStore?.open() ?? !1;
+	}
+};
+function je() {
+	return new Ae();
+}
+//#endregion
+export { we as a, ve as c, Q as d, de as f, X as h, Ee as i, ge as l, Z as m, je as n, Se as o, ue as p, ke as r, xe as s, Ae as t, $ as u };