solid-baseui 0.1.0-alpha.0

package/dist/lib/client/createAnchoredPopupScrollLock-Cx0cbh1_.js

@@ -0,0 +1,19 @@
+import { p as e } from "./dom-BEAeQ9Eb.js";
+import { n as t } from "./InternalBackdrop-cSK13gaM.js";
+//#region src/internals/overlay/createAnchoredPopupScrollLock.ts
+function n(t) {
+	if (!t.enabled) return !1;
+	if (!t.touchOpen) return !0;
+	if (!t.positioner) return !1;
+	let n = t.positioner.offsetWidth, r = e(t.positioner).documentElement.clientWidth;
+	return n > 0 && r > 0 && n >= r - 20;
+}
+function r(e) {
+	t(() => n({
+		enabled: e.enabled(),
+		touchOpen: e.touchOpen(),
+		positioner: e.positioner()
+	}), e.reference);
+}
+//#endregion
+export { r as t };

package/dist/lib/client/createClickInteraction-CTaIFBiV.js

@@ -0,0 +1,45 @@
+import "./reasons-Co5CzjKq.js";
+import { createChangeEventDetails as e } from "./internals/createBaseUIEventDetails.js";
+import { f as t } from "./dom-BEAeQ9Eb.js";
+import { onCleanup as n } from "solid-js";
+//#region src/internals/overlay/createClickInteraction.ts
+function r(e) {
+	return !!(e && [
+		"click",
+		"mousedown",
+		"keydown",
+		"keyup"
+	].includes(e.type));
+}
+function i(i) {
+	let a = "", o, s = 0;
+	n(() => {
+		clearTimeout(o), typeof cancelAnimationFrame == "function" && cancelAnimationFrame(s);
+	});
+	let c = () => i.enabled?.() ?? !0, l = () => i.event?.() ?? "click", u = () => i.context.track().open, d = (t, n) => {
+		if (!c() || t.button !== 0) return;
+		let a = i.context.track().domReferenceElement !== n, o = i.context.context.data.openEvent, s = r(o), l = !0;
+		u() && !a && (l = (i.stickIfOpen?.() ?? !0) && o && !s ? !0 : !(i.toggle?.() ?? !0)), i.context.setOpen(l, e(i.reason?.() ?? "trigger-press", t, n));
+	}, f = (e, t) => {
+		let n = a === "touch" && e.detail !== 0 && !u() ? i.touchOpenDelay?.() ?? 0 : 0;
+		clearTimeout(o), n > 0 ? o = setTimeout(() => d(e, t), n) : d(e, t);
+	};
+	return {
+		onPointerDown(e) {
+			a = e.pointerType;
+		},
+		onMouseDown(e) {
+			let n = a === "mouse" || a === "pen" || a === "";
+			if (!c() || e.button !== 0 || i.ignoreMouse?.() && n && e.detail !== 0 || l() === "click") return;
+			let r = e.currentTarget;
+			t(r) ? f(e, r) : (cancelAnimationFrame(s), s = requestAnimationFrame(() => f(e, r)));
+		},
+		onClick(e) {
+			"pointerType" in e && e.pointerType && (a = e.pointerType);
+			let t = a === "mouse" || a === "pen" || a === "";
+			!c() || e.button !== 0 || i.ignoreMouse?.() && t && e.detail !== 0 || l() === "mousedown-only" || (l() !== "mousedown" || e.detail === 0) && (f(e, e.currentTarget), a = "");
+		}
+	};
+}
+//#endregion
+export { i as t };

package/dist/lib/client/createCollapsiblePanel-DeDu0O2t.js

@@ -0,0 +1,231 @@
+import { t as e } from "./runOnceAnimationsFinish-15EM-Z4l.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) {
+	let n = a(e), [i, o] = r(n), [l, u] = r(n ? "idle" : void 0);
+	return t(() => ({
+		mounted: i(),
+		open: e(),
+		status: l()
+	}), (e) => {
+		if (e.open) {
+			if (!e.mounted) {
+				o(!0), u("starting");
+				return;
+			}
+			if (e.status === "ending") {
+				u("starting");
+				return;
+			}
+			if (e.status === "starting") {
+				let e, t = s(() => {
+					e = s(() => u("idle"));
+				});
+				return () => {
+					c(t), e && c(e);
+				};
+			}
+			return;
+		}
+		if (e.mounted && e.status !== "ending") {
+			let e, t = s(() => {
+				e = s(() => u("ending"));
+			});
+			return () => {
+				c(t), e && c(e);
+			};
+		}
+		!e.mounted && e.status !== void 0 && u(void 0);
+	}), {
+		mounted: i,
+		setMounted: o,
+		transitionStatus: l
+	};
+}
+function s(e) {
+	return typeof requestAnimationFrame == "function" ? {
+		kind: "animation",
+		id: requestAnimationFrame(e)
+	} : {
+		kind: "timeout",
+		id: setTimeout(() => e(performance.now()), 16)
+	};
+}
+function c(e) {
+	e.kind === "animation" ? cancelAnimationFrame(e.id) : clearTimeout(e.id);
+}
+//#endregion
+//#region src/collapsible/panel/createCollapsiblePanel.ts
+var l = {
+	height: void 0,
+	width: void 0
+};
+function u(o) {
+	let [s, c] = r(l), [u, p] = r(!1), v = null, y = l, b = !1, x = a(o.open), S, C = n(() => !o.open() && !o.mounted()), w = n(() => u() ? "idle" : o.transitionStatus()), T = n(() => o.open() && x), E = n(() => o.keepMounted() || o.hiddenUntilFound() || o.mounted() || o.open()), D = n(() => {
+		let e = s();
+		return !o.open() && o.mounted() && v === "css-animation" && e.height === void 0 && e.width === void 0 ? y : e;
+	}), O = n(() => o.hiddenUntilFound() && C() && v !== "css-animation");
+	function k(e, t = !0) {
+		t && (y = e), c(e);
+	}
+	function A() {
+		S?.(), S = void 0;
+	}
+	function j(e) {
+		A(), S = () => {
+			S = void 0, e();
+		};
+	}
+	return t(() => ({
+		forceIdle: u(),
+		transitionStatus: o.transitionStatus()
+	}), (e) => {
+		e.forceIdle && e.transitionStatus !== "starting" && p(!1);
+	}), t(() => ({
+		element: o.element(),
+		mounted: o.mounted(),
+		open: o.open(),
+		preventOpenAnimation: T(),
+		transitionStatus: o.transitionStatus()
+	}), (e) => {
+		let t = e.element;
+		if (!t || !t.isConnected) {
+			!e.open && e.mounted && e.transitionStatus === "ending" && o.setMounted(!1);
+			return;
+		}
+		if (!e.open && S && A(), v = f(t, e.preventOpenAnimation), e.open && e.transitionStatus === "idle" && x && v === "css-animation") {
+			y = d(t);
+			return;
+		}
+		if (e.open && e.transitionStatus === "starting") {
+			let e = b;
+			if (b = !1, v === "none") {
+				k(d(t)), p(!0);
+				return;
+			}
+			if (v === "css-transition") {
+				let n = h(t);
+				return k(d(t)), e ? (j(m(t, "transition-duration", "0s")), p(!0), n) : n;
+			}
+			k(d(t));
+			let n = m(t, "animation-name", "none");
+			if (!e) {
+				n();
+				return;
+			}
+			let r = m(t, "animation-duration", "0s");
+			n(), j(r), p(!0);
+			return;
+		}
+		if (!e.open && e.mounted && (e.transitionStatus === "idle" || e.transitionStatus === "starting")) {
+			if (x = !1, v === "none") {
+				k(l, !1), o.setMounted(!1);
+				return;
+			}
+			k(d(t));
+			return;
+		}
+		if (e.transitionStatus !== "ending") return;
+		if (v === "none") {
+			o.setMounted(!1);
+			return;
+		}
+		let n = d(t);
+		if ((n.height ?? 0) <= 0 && (n.width ?? 0) <= 0) {
+			o.setMounted(!1);
+			return;
+		}
+		k(n), v === "css-animation" && m(t, "animation-name", "none")();
+	}), t(() => ({
+		element: o.element(),
+		mounted: o.mounted(),
+		open: o.open(),
+		transitionStatus: w()
+	}), (t) => {
+		if (!t.open || !t.mounted || t.transitionStatus !== "idle" || !t.element || !t.element.isConnected) return;
+		let n = new AbortController();
+		return e(t.element, () => {
+			a(o.open) && k(l, !1);
+		}, n.signal), () => n.abort();
+	}), t(() => ({
+		element: o.element(),
+		mounted: o.mounted(),
+		open: o.open(),
+		transitionStatus: w()
+	}), (t) => {
+		if (t.open || !t.mounted || t.transitionStatus !== "ending" || !t.element || !t.element.isConnected) return;
+		let n = new AbortController(), r = g(() => {
+			e(t.element, () => {
+				a(o.open) || (o.setMounted(!1), k(l, !1));
+			}, n.signal);
+		});
+		return () => {
+			_(r), n.abort();
+		};
+	}), t(() => o.element(), (e) => {
+		if (!e) return;
+		let t = (e) => {
+			o.requestBeforeMatchOpen(e, () => {
+				b = !0;
+			});
+		};
+		return e.addEventListener("beforematch", t), () => e.removeEventListener("beforematch", t);
+	}), i(A), {
+		dimensions: D,
+		hidden: C,
+		panelTransitionStatus: w,
+		shouldPersistHiddenTransitionStyles: O,
+		shouldPreventOpenAnimation: T,
+		shouldRender: E
+	};
+}
+function d(e) {
+	return {
+		height: e.scrollHeight,
+		width: e.scrollWidth
+	};
+}
+function f(e, t) {
+	let n = e.ownerDocument.defaultView?.getComputedStyle(e);
+	if (!n) return "none";
+	let r = (n.animationName.split(",").map((e) => e.trim()).some((e) => e !== "" && e !== "none") || t) && p(n.animationDuration), i = p(n.transitionDuration);
+	return r && i || i ? "css-transition" : r ? "css-animation" : "none";
+}
+function p(e) {
+	return e.split(",").map((e) => e.trim()).some((e) => e !== "" && Number.parseFloat(e) > 0);
+}
+function m(e, t, n) {
+	let r = e.style.getPropertyValue(t), i = e.style.getPropertyPriority(t);
+	return e.style.setProperty(t, n), () => {
+		r === "" ? e.style.removeProperty(t) : e.style.setProperty(t, r, i);
+	};
+}
+function h(e) {
+	let t = {
+		"justify-content": e.style.justifyContent,
+		"align-items": e.style.alignItems,
+		"align-content": e.style.alignContent,
+		"justify-items": e.style.justifyItems
+	};
+	for (let n of Object.keys(t)) e.style.setProperty(n, "initial", "important");
+	let n = () => {
+		for (let [n, r] of Object.entries(t)) r === "" ? e.style.removeProperty(n) : e.style.setProperty(n, r);
+	}, r = g(n);
+	return () => {
+		_(r), n();
+	};
+}
+function g(e) {
+	return typeof requestAnimationFrame == "function" ? {
+		kind: "animation",
+		id: requestAnimationFrame(e)
+	} : {
+		kind: "timeout",
+		id: setTimeout(() => e(performance.now()), 16)
+	};
+}
+function _(e) {
+	e.kind === "animation" ? cancelAnimationFrame(e.id) : clearTimeout(e.id);
+}
+//#endregion
+export { o as n, u as t };

package/dist/lib/client/createFocusInteraction-D4w1-235.js

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

package/dist/lib/client/createPopupAutoResize-CGNiLhGq.js

@@ -0,0 +1,60 @@
+import { t as e } from "./runOnceAnimationsFinish-15EM-Z4l.js";
+import { c as t, m as n } from "./dom-BEAeQ9Eb.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), {
+		width: i,
+		height: a
+	};
+}
+function o(e, t, n) {
+	let r = e.style.getPropertyValue(t);
+	return e.style.setProperty(t, n), () => e.style.setProperty(t, r);
+}
+function s(e, t) {
+	e.style.setProperty("--popup-width", t === "auto" ? "auto" : `${t.width}px`), e.style.setProperty("--popup-height", t === "auto" ? "auto" : `${t.height}px`);
+}
+function c(e, t) {
+	e.style.setProperty("--positioner-width", t === "max-content" ? "max-content" : `${t.width}px`), e.style.setProperty("--positioner-height", t === "max-content" ? "max-content" : `${t.height}px`);
+}
+function l(t) {
+	let n = null, l = !0, u = 0;
+	r(() => ({
+		popup: t.popup(),
+		positioner: t.positioner(),
+		mounted: t.mounted(),
+		content: t.content(),
+		side: t.side(),
+		direction: t.direction?.() ?? "ltr"
+	}), (r) => {
+		if (!r.mounted) {
+			l = !0, n = null;
+			return;
+		}
+		if (!r.popup || !r.positioner) return;
+		let d = [], f = r.side === "left" || r.side === (r.direction === "rtl" ? "inline-end" : "inline-start");
+		r.side === "top" && (d.push(o(r.popup, "position", "absolute")), d.push(o(r.popup, "bottom", "0"))), f && (r.side !== "top" && d.push(o(r.popup, "position", "absolute")), d.push(o(r.popup, "right", "0"))), s(r.popup, "auto");
+		let p = o(r.popup, "position", "static"), m = o(r.popup, "transform", "none"), h = o(r.popup, "scale", "1"), g = o(r.positioner, "--available-width", "max-content"), _ = o(r.positioner, "--available-height", "max-content"), v = () => {
+			p(), m(), h(), g(), _();
+		};
+		i(() => t.onMeasureLayout)?.(), c(r.positioner, "max-content");
+		let y = a(r.popup);
+		if (l || !n) return n = y, c(r.positioner, y), v(), i(() => t.onMeasureLayoutComplete)?.(null, y), l = !1, () => d.forEach((e) => e());
+		let b = n;
+		n = y, s(r.popup, b), v(), i(() => t.onMeasureLayoutComplete)?.(b, y), c(r.positioner, y);
+		let x = new AbortController();
+		return u = requestAnimationFrame(() => {
+			s(r.popup, y), e(r.popup, () => s(r.popup, "auto"), x.signal, { waitForStartingStyleRemoved: !0 });
+		}), () => {
+			x.abort(), cancelAnimationFrame(u), d.forEach((e) => e());
+		};
+	});
+}
+function u(e, t) {
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = r.left + r.width / 2 - (n.left + n.width / 2), a = r.top + r.height / 2 - (n.top + n.height / 2);
+	return `${i > 5 ? "right" : i < -5 ? "left" : ""} ${a > 5 ? "down" : a < -5 ? "up" : ""}`;
+}
+//#endregion
+export { l as n, u as t };

package/dist/lib/client/createTransitionStatus-B1L-whed.js

@@ -0,0 +1,53 @@
+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 });
+	return e(() => ({
+		open: r(),
+		mounted: o(),
+		transitionStatus: c()
+	}), (e) => {
+		if (e.open && !e.mounted) {
+			s(!0), l("starting");
+			return;
+		}
+		if (!e.open && e.mounted && e.transitionStatus !== "ending") {
+			l("ending");
+			return;
+		}
+		if (!e.open && !e.mounted && e.transitionStatus === "ending") {
+			l(void 0);
+			return;
+		}
+		if (e.open && e.transitionStatus === "starting") {
+			let e, t = i(() => {
+				e = i(() => l(void 0));
+			});
+			return () => {
+				a(t), e && a(e);
+			};
+		}
+		if (e.open && e.transitionStatus === "ending") {
+			let e = i(() => l(void 0));
+			return () => a(e);
+		}
+	}), {
+		mounted: o,
+		setMounted: s,
+		transitionStatus: c
+	};
+}
+function i(e) {
+	return typeof requestAnimationFrame == "function" ? {
+		kind: "animation",
+		id: requestAnimationFrame(e)
+	} : {
+		kind: "timeout",
+		id: setTimeout(() => e(performance.now()), 16)
+	};
+}
+function a(e) {
+	e.kind === "animation" ? cancelAnimationFrame(e.id) : clearTimeout(e.id);
+}
+//#endregion
+export { r as t };

package/dist/lib/client/csp-provider/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../csp-provider-C7nRHDKK.js";
+export { e as CSPProvider };

package/dist/lib/client/csp-provider-C7nRHDKK.js

@@ -0,0 +1,16 @@
+import { t as e } from "./CSPContext-faVzToiT.js";
+import { createComponent as t } from "@solidjs/web";
+//#region src/csp-provider/CSPProvider.tsx
+function n(n) {
+	return t(e, {
+		value: {
+			nonce: () => n.nonce,
+			disableStyleElements: () => n.disableStyleElements ?? !1
+		},
+		get children() {
+			return n.children;
+		}
+	});
+}
+//#endregion
+export { n as t };

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

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

package/dist/lib/client/dialog-DkaQwIgP.js

@@ -0,0 +1,19 @@
+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";
+//#region src/dialog/index.parts.ts
+var f = /* @__PURE__ */ e({
+	Backdrop: () => u,
+	Close: () => i,
+	Description: () => n,
+	Handle: () => l,
+	Popup: () => d,
+	Portal: () => o,
+	Root: () => s,
+	Title: () => t,
+	Trigger: () => r,
+	Viewport: () => c,
+	createHandle: () => a
+});
+//#endregion
+export { f as t };

package/dist/lib/client/direction-provider/index.js

@@ -0,0 +1,3 @@
+import { n as e } from "../DirectionContext-BwMabICS.js";
+import { t } from "../direction-provider-DYhRN-8f.js";
+export { t as DirectionProvider, e as useDirection };

package/dist/lib/client/direction-provider-DYhRN-8f.js

@@ -0,0 +1,13 @@
+import { t as e } from "./DirectionContext-BwMabICS.js";
+import { createComponent as t } from "@solidjs/web";
+//#region src/direction-provider/DirectionProvider.tsx
+function n(n) {
+	return t(e, {
+		value: () => n.direction ?? "ltr",
+		get children() {
+			return n.children;
+		}
+	});
+}
+//#endregion
+export { n as t };

package/dist/lib/client/dom-BEAeQ9Eb.js

@@ -0,0 +1,58 @@
+//#region src/internals/overlay/dom.ts
+function e(e) {
+	return e?.nodeType === 9 ? e : e?.ownerDocument ?? document;
+}
+function t(t) {
+	return e(t).defaultView ?? window;
+}
+function n(e) {
+	let t = e.activeElement;
+	for (; t?.shadowRoot?.activeElement;) t = t.shadowRoot.activeElement;
+	return t;
+}
+function r(e, t) {
+	if (!e || !t) return !1;
+	if (e.contains(t)) return !0;
+	let n = t;
+	for (; n;) {
+		if (n === e) return !0;
+		let t = n.getRootNode?.();
+		n = n.parentNode ?? (c(t) ? t.host : null);
+	}
+	return !1;
+}
+function i(e) {
+	return e.composedPath?.()[0] ?? e.target;
+}
+function a(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;
+}
+function c(e) {
+	return !!(e && typeof e == "object" && e.nodeType === 11 && o(e.host));
+}
+function l(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) {
+	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);
+}
+function p(e) {
+	return e?.closest(`button,a[href],[role="button"],select,[tabindex]:not([tabindex="-1"]),${d}`) != null;
+}
+function m(e) {
+	return e?.getAttribute("role") === "combobox" && f(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 };

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

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