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

package/dist/lib/client/{createCollapsiblePanel-DeDu0O2t.js → createCollapsiblePanel-BQ8r4RTi.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./runOnceAnimationsFinish-15EM-Z4l.js";
+import { t as e } from "./runOnceAnimationsFinish-CFADb4CN.js";
 import { createEffect as t, createMemo as n, createSignal as r, onCleanup as i, untrack as a } from "solid-js";
 //#region src/collapsible/root/createCollapsibleTransitionStatus.ts
 function o(e) {

package/dist/lib/client/createFocusInteraction-DQPWkZe2.js

@@ -0,0 +1,60 @@
+import { M as e } from "./reasons-Co5CzjKq.js";
+import { createChangeEventDetails as t } from "./internals/createBaseUIEventDetails.js";
+import { h as n, m as r, n as i, t as a } from "./dom-lDdayFF_.js";
+import { createEffect as o, onCleanup as s } from "solid-js";
+//#region src/internals/overlay/createFocusInteraction.ts
+function c(e) {
+	try {
+		return e.matches(":focus-visible");
+	} catch {
+		return !0;
+	}
+}
+function l(l) {
+	let u, d, f = !1, p = null, m = null, h = l.context.context.events.on("openchange", (e) => {
+		!e.open && (e.reason === "escape-key" || e.reason === "trigger-press") && (f = !0, p = l.context.state.domReferenceElement), clearTimeout(u);
+	});
+	s(() => {
+		h(), clearTimeout(u), clearTimeout(d);
+	});
+	let g = () => l.enabled?.() ?? !0;
+	return o(() => ({
+		enabled: g(),
+		reference: l.context.track().domReferenceElement
+	}), (e) => {
+		if (!e.enabled) return;
+		let t = n(e.reference), i = () => {
+			let e = m ?? l.context.state.domReferenceElement;
+			!l.context.state.open && e === a(r(e)) && (f = !0, p = e);
+		};
+		return t.addEventListener("blur", i), () => t.removeEventListener("blur", i);
+	}), {
+		onFocus(n) {
+			if (!g()) return;
+			let r = n.currentTarget;
+			if (m = r, f && p !== r && (f = !1, p = null), f && p === r || (l.visibleOnly?.() ?? !0) && !c(r)) return;
+			clearTimeout(d);
+			let i = l.context.state.open ? 0 : l.delay?.() ?? 0;
+			clearTimeout(u), u = setTimeout(() => {
+				!g() || f && p === r || l.context.setOpen(!0, t(e, n, r));
+			}, i);
+		},
+		onBlur(n) {
+			m = null, clearTimeout(u), clearTimeout(d), p === n.currentTarget && (f = !1, p = null), d = setTimeout(() => {
+				let o = r(n.currentTarget), s = a(o), c = l.context.state.floatingElement;
+				if (i(c, s)) return;
+				let u = Array.from(l.context.context.triggerElements.elements()).find((e) => i(e, s));
+				if (u && !u.hasAttribute("data-trigger-disabled")) {
+					f = !1, p = null, l.context.setOpen(!0, t(e, n, u));
+					return;
+				}
+				l.context.setOpen(!1, t(e, n));
+			});
+		},
+		onPointerLeave() {
+			f = !1, p = null;
+		}
+	};
+}
+//#endregion
+export { l as t };

package/dist/lib/client/createLabelableId-DxJRwMUJ.js

@@ -0,0 +1,14 @@
+import { r as e } from "./LabelableContext-CmQF-TX2.js";
+import { createEffect as t, onCleanup as n } from "solid-js";
+//#region src/internals/labelable-provider/createLabelableId.ts
+function r(r, i, a = () => !0) {
+	let o = e(), s = Symbol("LabelableId");
+	return t(() => ({
+		id: r(),
+		enabled: a()
+	}), (e) => {
+		o.registerControlId(s, e.enabled ? e.id === void 0 ? o.defaultControlId ?? i : e.id : void 0);
+	}), n(() => o.registerControlId(s, void 0)), () => (a() ? o.controlId() : void 0) ?? r() ?? i;
+}
+//#endregion
+export { r as t };

package/dist/lib/client/{createPopupAutoResize-CGNiLhGq.js → createPopupAutoResize-CSNpMz5v.js}

@@ -1,10 +1,10 @@
-import { t as e } from "./runOnceAnimationsFinish-15EM-Z4l.js";
-import { c as t, m as n } from "./dom-BEAeQ9Eb.js";
+import { t as e } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { h as t, l as n } from "./dom-lDdayFF_.js";
 import { createEffect as r, untrack as i } from "solid-js";
 //#region src/internals/overlay/createPopupAutoResize.ts
 function a(e) {
-	let r = n(e).getComputedStyle(e), i = parseFloat(r.width) || 0, a = parseFloat(r.height) || 0;
-	return t(e) && (Math.round(i) !== e.offsetWidth || Math.round(a) !== e.offsetHeight) && (i = e.offsetWidth, a = e.offsetHeight), {
+	let r = t(e).getComputedStyle(e), i = parseFloat(r.width) || 0, a = parseFloat(r.height) || 0;
+	return n(e) && (Math.round(i) !== e.offsetWidth || Math.round(a) !== e.offsetHeight) && (i = e.offsetWidth, a = e.offsetHeight), {
 		width: i,
 		height: a
 	};

package/dist/lib/client/{createTransitionStatus-B1L-whed.js → createTransitionStatus-BL_cPSEA.js}

@@ -1,40 +1,40 @@
 import { createEffect as e, createSignal as t, untrack as n } from "solid-js";
 //#region src/internals/createTransitionStatus.ts
-function r(r) {
-	let [o, s] = t(n(r), { ownedWrite: !0 }), [c, l] = t(void 0, { ownedWrite: !0 });
+function r(r, o = !1) {
+	let [s, c] = t(n(r), { ownedWrite: !0 }), [l, u] = t(n(r) && o ? "starting" : void 0, { ownedWrite: !0 });
 	return e(() => ({
 		open: r(),
-		mounted: o(),
-		transitionStatus: c()
+		mounted: s(),
+		transitionStatus: l()
 	}), (e) => {
 		if (e.open && !e.mounted) {
-			s(!0), l("starting");
+			c(!0), u("starting");
 			return;
 		}
 		if (!e.open && e.mounted && e.transitionStatus !== "ending") {
-			l("ending");
+			u("ending");
 			return;
 		}
 		if (!e.open && !e.mounted && e.transitionStatus === "ending") {
-			l(void 0);
+			u(void 0);
 			return;
 		}
 		if (e.open && e.transitionStatus === "starting") {
 			let e, t = i(() => {
-				e = i(() => l(void 0));
+				e = i(() => u(void 0));
 			});
 			return () => {
 				a(t), e && a(e);
 			};
 		}
 		if (e.open && e.transitionStatus === "ending") {
-			let e = i(() => l(void 0));
+			let e = i(() => u(void 0));
 			return () => a(e);
 		}
 	}), {
-		mounted: o,
-		setMounted: s,
-		transitionStatus: c
+		mounted: s,
+		setMounted: c,
+		transitionStatus: l
 	};
 }
 function i(e) {

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

@@ -1,2 +1,2 @@
-import { t as e } from "../dialog-DkaQwIgP.js";
+import { t as e } from "../dialog-C0EF0a5u.js";
 export { e as Dialog };

package/dist/lib/client/{dialog-DkaQwIgP.js → dialog-C0EF0a5u.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { a as t, c as n, i as r, l as i, n as a, o, p as s, r as c, t as l } from "./DialogHandle-DrN2YWCv.js";
-import { n as u, t as d } from "./DialogPopup-ZlqmGfdk.js";
+import { a as t, c as n, i as r, l as i, n as a, o, p as s, r as c, t as l } from "./DialogHandle-DluOK_7u.js";
+import { n as u, t as d } from "./DialogPopup-CfEb3F54.js";
 //#region src/dialog/index.parts.ts
 var f = /* @__PURE__ */ e({
 	Backdrop: () => u,

package/dist/lib/client/{dom-BEAeQ9Eb.js → dom-lDdayFF_.js}

@@ -17,7 +17,7 @@ function r(e, t) {
 	for (; n;) {
 		if (n === e) return !0;
 		let t = n.getRootNode?.();
-		n = n.parentNode ?? (c(t) ? t.host : null);
+		n = n.parentNode ?? (l(t) ? t.host : null);
 	}
 	return !1;
 }
@@ -25,34 +25,44 @@ function i(e) {
 	return e.composedPath?.()[0] ?? e.target;
 }
 function a(e, t) {
+	if (!e || !t?.nodeType) return !1;
+	if (e.contains(t)) return !0;
+	let n = t, r = /* @__PURE__ */ new Set();
+	for (; n && !r.has(n);) {
+		if (n === e) return !0;
+		r.add(n), n = n._$host || n.parentNode || (l(n) ? n.host : null);
+	}
+	return !1;
+}
+function o(e, t) {
 	if (!t) return !1;
 	let n = e.composedPath?.();
 	return n ? n.includes(t) : t.contains(e.target);
 }
-function o(e) {
-	return !!(e && typeof e == "object" && e.nodeType === 1);
-}
 function s(e) {
-	return o(e) ? e instanceof t(e).HTMLElement : !1;
+	return !!(e && typeof e == "object" && e.nodeType === 1);
 }
 function c(e) {
-	return !!(e && typeof e == "object" && e.nodeType === 11 && o(e.host));
+	return s(e) ? e instanceof t(e).HTMLElement : !1;
+}
+function l(e) {
+	return !!(e && typeof e == "object" && e.nodeType === 11 && s(e.host));
 }
-function l(e, n = e ? t(e).getComputedStyle(e) : null) {
+function u(e, n = e ? t(e).getComputedStyle(e) : null) {
 	return !e || !e.isConnected || !n || n.visibility === "hidden" || n.visibility === "collapse" ? !1 : typeof e.checkVisibility == "function" ? e.checkVisibility() : n.display !== "none" && n.display !== "contents";
 }
-function u(e) {
+function d(e) {
 	return e ? e.hasAttribute("data-base-ui-focusable") ? e : e.querySelector("[data-base-ui-focusable]") ?? e : null;
 }
-var d = "input:not([type=\"hidden\"]):not([disabled]),textarea:not([disabled]),[contenteditable]:not([contenteditable=\"false\"])";
-function f(e) {
-	return s(e) && e.matches(d);
-}
+var f = "input:not([type=\"hidden\"]):not([disabled]),textarea:not([disabled]),[contenteditable]:not([contenteditable=\"false\"])";
 function p(e) {
-	return e?.closest(`button,a[href],[role="button"],select,[tabindex]:not([tabindex="-1"]),${d}`) != null;
+	return c(e) && e.matches(f);
 }
 function m(e) {
-	return e?.getAttribute("role") === "combobox" && f(e);
+	return e?.closest(`button,a[href],[role="button"],select,[tabindex]:not([tabindex="-1"]),${f}`) != null;
+}
+function h(e) {
+	return e?.getAttribute("role") === "combobox" && p(e);
 }
 //#endregion
-export { o as a, s as c, m as d, f, u as i, p as l, t as m, r as n, l as o, e as p, i as r, a as s, n as t, c as u };
+export { d as a, o as c, l as d, h as f, t as h, i, c as l, e as m, r as n, s as o, p, a as r, u as s, n as t, m as u };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../drawer-Ce2cChLt.js";
+import { t as e } from "../drawer-uKoNBwDU.js";
 export { e as Drawer };