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

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # Changelog
 
+## 0.1.0-alpha.3
+
+### Documentation
+
+- Replace the README warning banner with "WIP: An unofficial port of Base UI for
+  SolidJS" and use the same wording for the npm package description.
+- Refresh the Status section with the current release, all 38 implemented
+  component families, verification results, and development focus.
+- Simplify the alpha installation guidance.
+- Keep alpha.2 event-composition migration details in the changelog rather than
+  the README.
+
+No runtime, API, or dependency changes from alpha.2.
+
+## 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

@@ -1,10 +1,6 @@
 # solid-baseui
 
-> [!WARNING]
-> **Work in progress — alpha, unannounced, and not stable.**
-> Published to reserve the name and to be used in the author's own projects.
-> Expect breaking changes without notice, incomplete verification, and no
-> support. Do not adopt this in production.
+> WIP: An unofficial port of Base UI for SolidJS
 
 A native Solid 2 port of [Base UI](https://base-ui.com/). It preserves Base UI's
 observable behavior and accessibility contracts while replacing React-specific
@@ -15,8 +11,7 @@ maintained by MUI or the Base UI team, nor by the SolidJS core team.
 
 ## Install
 
-Install explicitly from the `alpha` dist-tag to get the current prerelease.
-There is no stable release:
+Install the current alpha release:
 
 ```bash
 bun add solid-baseui@alpha
@@ -123,25 +118,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 +143,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
@@ -167,22 +163,21 @@ See [CHANGELOG.md](./CHANGELOG.md) for this alpha's changes.
 
 ## Status
 
-Most of the port is done: component and utility subpaths are backed by the shared P0
-and overlay foundations. Not everything is finished:
-
-| 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                                                                |
-
-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
-that are not derivable from the code, and the verification runs behind each one
-live in [`knowledge/README.md`](./knowledge/README.md); the stable scope and test
-ledger live in
-[`BASE_UI_PORTING_INVENTORY.md`](./BASE_UI_PORTING_INVENTORY.md).
+| Area | Status |
+| --- | --- |
+| Current release | `0.1.0-alpha.3`, available from `solid-baseui@alpha` |
+| Components | All 38 component families implemented and exported |
+| Framework | Native Solid 2, using the RC.6 runtime and compiler |
+| Verification | Typecheck, lint, unit, SSR, hydration, and Chromium/Firefox/WebKit suites passing |
+| Current focus | Stabilization, performance, and real-application integrations |
+
+The latest release includes the completed Tooltip, Combobox, Autocomplete, and
+Drawer verification work. The optional `unstable-use-media-query` utility remains
+outside the 38-component scope and is not implemented.
+
+See [`knowledge/README.md`](./knowledge/README.md) for verification scope and
+remaining work, and [`BASE_UI_PORTING_INVENTORY.md`](./BASE_UI_PORTING_INVENTORY.md)
+for the upstream porting inventory.
 
 ## Solid API 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 };