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

package/dist/lib/client/popupStateMapping-C6jQ_LKo.js

@@ -0,0 +1,371 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { u as t } from "./reasons-Co5CzjKq.js";
+import { createChangeEventDetails as n } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as r } from "./internals/stateAttributesMapping.js";
+import { c as i, m as a, n as o, o as s, p as c, t as l, u } from "./dom-BEAeQ9Eb.js";
+import { Portal as ee, createComponent as d, effect as te, getNextElement as f, mergeProps as p, runHydrationEvents as m, setAttribute as h, spread as g, style as ne, template as _ } from "@solidjs/web";
+import { Show as v, createContext as y, createEffect as b, createMemo as x, createSignal as S, createUniqueId as re, omit as ie, useContext as C } from "solid-js";
+//#region src/internals/overlay/ReactiveStore.ts
+var w = class {
+	state;
+	context;
+	listeners = /* @__PURE__ */ new Set();
+	revision;
+	setRevision;
+	updateTick = 0;
+	constructor(e, t) {
+		this.state = e, this.context = t;
+		let [n, r] = S(0, {
+			equals: !1,
+			ownedWrite: !0
+		});
+		this.revision = n, this.setRevision = r;
+	}
+	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
+	track() {
+		return this.revision(), this.state;
+	}
+	access(e) {
+		return x(() => e(this.track()));
+	}
+	setState(e) {
+		if (this.state === e) return;
+		this.state = e, this.updateTick += 1, this.setRevision((e) => e + 1);
+		let t = this.updateTick;
+		for (let n of this.listeners) {
+			if (t !== this.updateTick) return;
+			n(e);
+		}
+	}
+	update(e) {
+		for (let t in e) if (!Object.is(this.state[t], e[t])) {
+			this.setState({
+				...this.state,
+				...e
+			});
+			return;
+		}
+	}
+	set(e, t) {
+		Object.is(this.state[e], t) || this.setState({
+			...this.state,
+			[e]: t
+		});
+	}
+	notifyAll() {
+		this.setState({ ...this.state });
+	}
+}, T = /* @__PURE__ */ _("<span>"), E = {
+	"clip-path": "inset(50%)",
+	overflow: "hidden",
+	"white-space": "nowrap",
+	border: 0,
+	padding: 0,
+	width: "1px",
+	height: "1px",
+	margin: "-1px",
+	position: "fixed",
+	top: 0,
+	left: 0
+};
+function D() {
+	if (typeof navigator > "u" || typeof CSS > "u") return !1;
+	let e = navigator.platform.toLowerCase();
+	return (e.startsWith("mac") || /^i(os$|p)/.test(e)) && !!CSS.supports?.("-webkit-backdrop-filter:none");
+}
+function O(e) {
+	let t = D() ? "button" : void 0;
+	var n = f(T);
+	return g(n, p(e, {
+		get tabindex() {
+			return e.hidden ? -1 : 0;
+		},
+		role: t,
+		"aria-hidden": t ? void 0 : "true",
+		style: E,
+		"data-base-ui-focus-guard": ""
+	}), !1), m(), n;
+}
+//#endregion
+//#region src/internals/overlay/tabbable.ts
+var k = "a[href],button,input,select,textarea,summary,details,iframe,object,embed,[tabindex],[contenteditable]:not([contenteditable=\"false\"]),audio[controls],video[controls]";
+function A(e) {
+	return e.localName;
+}
+function j(e) {
+	if (e.assignedSlot) return e.assignedSlot;
+	if (e.parentElement) return e.parentElement;
+	let t = e.getRootNode();
+	return u(t) ? t.host : null;
+}
+function M(e) {
+	return Array.from(e.children).find((e) => A(e) === "summary") ?? null;
+}
+function N(e) {
+	if (!e || !e.matches(k)) return !1;
+	let t = A(e);
+	return t === "summary" && (!e.parentElement || A(e.parentElement) !== "details" || M(e.parentElement) !== e) || t === "details" && M(e) ? !1 : t !== "input" || e.type !== "hidden";
+}
+function P(e, t) {
+	let n = M(t);
+	return !!(n && (e === n || o(n, e)));
+}
+function F(e) {
+	if (!N(e) || !e.isConnected || e.matches(":disabled")) return !1;
+	for (let t = e; t; t = j(t)) {
+		let n = t !== e, r = A(t) === "slot";
+		if (t.hasAttribute("inert") || t.hasAttribute("hidden") || n && A(t) === "details" && !t.open && !P(e, t)) return !1;
+		let i = a(t).getComputedStyle(t);
+		if (!n && !s(t, i) || n && !r && i.display === "none") return !1;
+	}
+	return !0;
+}
+function I(e) {
+	if (e.tabIndex >= 0) return e.tabIndex;
+	let t = A(e);
+	return t === "details" || t === "audio" || t === "video" || i(e) && e.isContentEditable ? 0 : e.tabIndex;
+}
+function L(e) {
+	if (A(e) !== "input") return null;
+	let t = e;
+	return t.type === "radio" && t.name ? t : null;
+}
+function ae(e, t) {
+	let n = L(e);
+	if (!n) return !0;
+	let r = t.find((e) => {
+		let t = L(e);
+		return t?.name === n.name && t.form === n.form && t.checked;
+	});
+	return r ? r === n : t.find((e) => {
+		let t = L(e);
+		return t?.name === n.name && t.form === n.form;
+	}) === n;
+}
+function R(e) {
+	if ("localName" in e && e.localName === "slot" && typeof e.assignedElements == "function") {
+		let t = e.assignedElements({ flatten: !0 });
+		if (t.length) return t;
+	}
+	return i(e) && e.shadowRoot ? Array.from(e.shadowRoot.children) : Array.from(e.children);
+}
+function z(e, t) {
+	R(e).forEach((e) => {
+		N(e) && t.push(e), z(e, t);
+	});
+}
+function B(e, t, n) {
+	R(e).forEach((e) => {
+		i(e) && e.matches(t) && n.push(e), B(e, t, n);
+	});
+}
+function V(e) {
+	return F(e) && I(e) >= 0;
+}
+function H(e) {
+	let t = [];
+	return z(e, t), t.filter(F);
+}
+function U(e) {
+	let t = H(e);
+	return t.filter((e) => I(e) >= 0 && ae(e, t));
+}
+function W(e, t) {
+	let n = U(e);
+	if (!n.length) return;
+	let r = n.indexOf(l(c(e)));
+	return n[r === -1 ? t === 1 ? 0 : n.length - 1 : r + t];
+}
+function G(e) {
+	return W(c(e).body, 1) ?? e;
+}
+function K(e) {
+	return W(c(e).body, -1) ?? e;
+}
+function q(e, t) {
+	if (!e) return null;
+	let n = U(c(e).body), r = n.indexOf(e);
+	return r === -1 || n.length === 0 ? null : n[(r + t + n.length) % n.length];
+}
+function oe(e) {
+	return q(e, 1);
+}
+function se(e) {
+	return q(e, -1);
+}
+function J(e, t) {
+	let n = e.relatedTarget;
+	return !n || !o(t, n);
+}
+function ce(e) {
+	U(e).forEach((e) => {
+		e.setAttribute("data-tabindex", e.getAttribute("tabindex") || ""), e.setAttribute("tabindex", "-1");
+	});
+}
+function Y(e) {
+	let t = [];
+	B(e, "[data-tabindex]", t), t.forEach((e) => {
+		let t = e.getAttribute("data-tabindex");
+		e.removeAttribute("data-tabindex"), t ? e.setAttribute("tabindex", t) : e.removeAttribute("tabindex");
+	});
+}
+//#endregion
+//#region src/internals/overlay/PopupPortal.tsx
+var le = /* @__PURE__ */ _("<div>"), ue = /* @__PURE__ */ _("<span>"), X = Symbol("PopupPortalContext"), Z = y(X);
+function Q() {
+	let e = C(Z);
+	return e === X ? void 0 : e;
+}
+function de(e) {
+	return e === null ? null : typeof e == "function" ? e() : e && "current" in e ? e.current ?? void 0 : e;
+}
+function fe(r) {
+	let i = Q(), a = re(), [o, s] = S(null, { ownedWrite: !0 }), [c, l] = S(null, { ownedWrite: !0 }), [u, _] = S(null, { ownedWrite: !0 }), [y, C] = S(null, { ownedWrite: !0 }), [w, T] = S(null, { ownedWrite: !0 }), [E, D] = S(null, { ownedWrite: !0 }), k = !1, A = {
+		portalNode: o,
+		focusManagerState: c,
+		setFocusManagerState: l,
+		beforeInside: u,
+		afterInside: y,
+		beforeOutside: w,
+		afterOutside: E,
+		setBeforeInside: _,
+		setAfterInside: C,
+		setBeforeOutside: T,
+		setAfterOutside: D
+	}, j = x(() => r.id ?? a), M = x(() => {
+		let e = de(r.container);
+		return e === null ? null : e ?? i?.portalNode() ?? (typeof document > "u" ? void 0 : document.body);
+	}), N = x(() => !r.lite && !!(o() && c()?.open && c()?.modal === !1)), P = ie(r, "render", "container", "lite", "children", "id", "ref", "portalOwnerRole"), F = e(r, () => ({}), (e) => (() => {
+		var t = f(le);
+		return g(t, e, !1), m(), t;
+	})());
+	b(() => ({
+		node: o(),
+		modal: c()?.modal,
+		lite: r.lite
+	}), ({ node: e, modal: t, lite: n }) => {
+		if (n || !e || t) return;
+		let r = (t) => {
+			!t.relatedTarget || !J(t, e) || (t.type === "focus" ? k &&= (Y(e), !1) : (ce(e), k = !0));
+		};
+		return e.addEventListener("focus", r, !0), e.addEventListener("blur", r, !0), () => {
+			e.removeEventListener("focus", r, !0), e.removeEventListener("blur", r, !0);
+		};
+	}), b(() => ({
+		node: o(),
+		open: c()?.open,
+		lite: r.lite
+	}), ({ node: e, open: t, lite: n }) => {
+		!n && e && t && k && (Y(e), k = !1);
+	});
+	function I() {
+		return d(v, {
+			get when() {
+				return M() !== null;
+			},
+			get children() {
+				return d(ee, {
+					get mount() {
+						return M();
+					},
+					get children() {
+						return d(F, p({
+							get id() {
+								return j();
+							},
+							"data-base-ui-portal": ""
+						}, P, {
+							ref: [(e) => s(e), r.ref],
+							get children() {
+								return r.children;
+							}
+						}));
+					}
+				});
+			}
+		});
+	}
+	return [
+		d(v, {
+			get when() {
+				return N();
+			},
+			get children() {
+				return [d(O, {
+					"data-type": "outside",
+					ref: T,
+					onFocus: (e) => {
+						let t = o(), n = c();
+						!t || !n || (J(e, t) ? u()?.focus() : K(n.domReference)?.focus());
+					}
+				}), (() => {
+					var e = f(ue);
+					return te(() => ({
+						e: r.portalOwnerRole,
+						t: j() || void 0,
+						a: pe
+					}), ({ e: t, t: n, a: r }, i) => {
+						t !== i?.e && h(e, "role", t), n !== i?.t && h(e, "aria-owns", n), ne(e, r, i?.a);
+					}), e;
+				})()];
+			}
+		}),
+		d(v, {
+			get when() {
+				return !r.lite;
+			},
+			get fallback() {
+				return d(I, {});
+			},
+			get children() {
+				return d(Z, {
+					value: A,
+					get children() {
+						return d(I, {});
+					}
+				});
+			}
+		}),
+		d(v, {
+			get when() {
+				return N();
+			},
+			get children() {
+				return d(O, {
+					"data-type": "outside",
+					ref: D,
+					onFocus: (e) => {
+						let r = o(), i = c();
+						!r || !i || (J(e, r) ? y()?.focus() : (G(i.domReference)?.focus(), i.closeOnFocusOut && i.onOpenChange(!1, n(t, e))));
+					}
+				});
+			}
+		})
+	];
+}
+var pe = {
+	"clip-path": "inset(50%)",
+	overflow: "hidden",
+	"white-space": "nowrap",
+	border: 0,
+	padding: 0,
+	width: "1px",
+	height: "1px",
+	margin: "-1px",
+	position: "fixed",
+	top: 0,
+	left: 0
+}, me = /* @__PURE__ */ function(e) {
+	return e.open = "data-open", e.closed = "data-closed", e.startingStyle = "data-starting-style", e.endingStyle = "data-ending-style", e.anchorHidden = "data-anchor-hidden", e.side = "data-side", e.align = "data-align", e;
+}({}), he = { "data-popup-open": "" }, ge = {
+	"data-popup-open": "",
+	"data-pressed": ""
+}, _e = { "data-open": "" }, ve = { "data-closed": "" }, ye = { "data-anchor-hidden": "" }, be = { open: (e) => e ? he : null }, xe = { open: (e) => e ? ge : null }, $ = {
+	open: (e) => e ? _e : ve,
+	anchorHidden: (e) => e ? ye : null
+}, Se = {
+	...$,
+	...r
+};
+//#endregion
+export { w as _, be as a, H as c, oe as d, se as f, O as g, U as h, xe as i, G as l, V as m, $ as n, fe as o, J as p, Se as r, Q as s, me as t, K as u };

package/dist/lib/client/preview-card/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../preview-card-D_2Q8lpC.js";
+import { t as e } from "../preview-card-FTN_aafM.js";
 export { e as PreviewCard };