solid-baseui 0.1.0-alpha.0

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

@@ -0,0 +1,367 @@
+import { u as e } from "./reasons-Co5CzjKq.js";
+import { createChangeEventDetails as t } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as n } from "./internals/stateAttributesMapping.js";
+import { c as r, m as i, n as a, o, p as s, t as c, u as l } from "./dom-BEAeQ9Eb.js";
+import { Dynamic as ee, Portal as te, createComponent as u, effect as ne, getNextElement as d, mergeProps as f, runHydrationEvents as p, setAttribute as m, spread as h, style as re, template as g } from "@solidjs/web";
+import { Show as _, createContext as v, createEffect as y, createMemo as b, createSignal as x, createUniqueId as ie, omit as ae, useContext as S } from "solid-js";
+//#region src/internals/overlay/ReactiveStore.ts
+var C = class {
+	state;
+	context;
+	listeners = /* @__PURE__ */ new Set();
+	revision;
+	setRevision;
+	updateTick = 0;
+	constructor(e, t) {
+		this.state = e, this.context = t;
+		let [n, r] = x(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 b(() => 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 });
+	}
+}, w = /* @__PURE__ */ g("<span>"), T = {
+	"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 E() {
+	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 D(e) {
+	let t = E() ? "button" : void 0;
+	var n = d(w);
+	return h(n, f(e, {
+		tabindex: 0,
+		role: t,
+		"aria-hidden": t ? void 0 : "true",
+		style: T,
+		"data-base-ui-focus-guard": ""
+	}), !1), p(), n;
+}
+//#endregion
+//#region src/internals/overlay/tabbable.ts
+var O = "a[href],button,input,select,textarea,summary,details,iframe,object,embed,[tabindex],[contenteditable]:not([contenteditable=\"false\"]),audio[controls],video[controls]";
+function k(e) {
+	return e.localName;
+}
+function A(e) {
+	if (e.assignedSlot) return e.assignedSlot;
+	if (e.parentElement) return e.parentElement;
+	let t = e.getRootNode();
+	return l(t) ? t.host : null;
+}
+function j(e) {
+	return Array.from(e.children).find((e) => k(e) === "summary") ?? null;
+}
+function M(e) {
+	if (!e || !e.matches(O)) return !1;
+	let t = k(e);
+	return t === "summary" && (!e.parentElement || k(e.parentElement) !== "details" || j(e.parentElement) !== e) || t === "details" && j(e) ? !1 : t !== "input" || e.type !== "hidden";
+}
+function N(e, t) {
+	let n = j(t);
+	return !!(n && (e === n || a(n, e)));
+}
+function P(e) {
+	if (!M(e) || !e.isConnected || e.matches(":disabled")) return !1;
+	for (let t = e; t; t = A(t)) {
+		let n = t !== e, r = k(t) === "slot";
+		if (t.hasAttribute("inert") || t.hasAttribute("hidden") || n && k(t) === "details" && !t.open && !N(e, t)) return !1;
+		let a = i(t).getComputedStyle(t);
+		if (!n && !o(t, a) || n && !r && a.display === "none") return !1;
+	}
+	return !0;
+}
+function F(e) {
+	if (e.tabIndex >= 0) return e.tabIndex;
+	let t = k(e);
+	return t === "details" || t === "audio" || t === "video" || r(e) && e.isContentEditable ? 0 : e.tabIndex;
+}
+function I(e) {
+	if (k(e) !== "input") return null;
+	let t = e;
+	return t.type === "radio" && t.name ? t : null;
+}
+function L(e, t) {
+	let n = I(e);
+	if (!n) return !0;
+	let r = t.find((e) => {
+		let t = I(e);
+		return t?.name === n.name && t.form === n.form && t.checked;
+	});
+	return r ? r === n : t.find((e) => {
+		let t = I(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 r(e) && e.shadowRoot ? Array.from(e.shadowRoot.children) : Array.from(e.children);
+}
+function z(e, t) {
+	R(e).forEach((e) => {
+		M(e) && t.push(e), z(e, t);
+	});
+}
+function B(e, t, n) {
+	R(e).forEach((e) => {
+		r(e) && e.matches(t) && n.push(e), B(e, t, n);
+	});
+}
+function oe(e) {
+	return P(e) && F(e) >= 0;
+}
+function V(e) {
+	let t = [];
+	return z(e, t), t.filter(P);
+}
+function H(e) {
+	let t = V(e);
+	return t.filter((e) => F(e) >= 0 && L(e, t));
+}
+function U(e, t) {
+	let n = H(e);
+	if (!n.length) return;
+	let r = n.indexOf(c(s(e)));
+	return n[r === -1 ? t === 1 ? 0 : n.length - 1 : r + t];
+}
+function W(e) {
+	return U(s(e).body, 1) ?? e;
+}
+function G(e) {
+	return U(s(e).body, -1) ?? e;
+}
+function K(e, t) {
+	if (!e) return null;
+	let n = H(s(e).body), r = n.indexOf(e);
+	return r === -1 || n.length === 0 ? null : n[(r + t + n.length) % n.length];
+}
+function se(e) {
+	return K(e, 1);
+}
+function ce(e) {
+	return K(e, -1);
+}
+function q(e, t) {
+	let n = e.relatedTarget;
+	return !n || !a(t, n);
+}
+function le(e) {
+	H(e).forEach((e) => {
+		e.setAttribute("data-tabindex", e.getAttribute("tabindex") || ""), e.setAttribute("tabindex", "-1");
+	});
+}
+function J(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 ue = /* @__PURE__ */ g("<span>"), Y = Symbol("PopupPortalContext"), X = v(Y);
+function Z() {
+	let e = S(X);
+	return e === Y ? 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(n) {
+	let r = Z(), i = ie(), [a, o] = x(null, { ownedWrite: !0 }), [s, c] = x(null, { ownedWrite: !0 }), [l, p] = x(null, { ownedWrite: !0 }), [h, g] = x(null, { ownedWrite: !0 }), [v, S] = x(null, { ownedWrite: !0 }), [C, w] = x(null, { ownedWrite: !0 }), T = !1, E = {
+		portalNode: a,
+		focusManagerState: s,
+		setFocusManagerState: c,
+		beforeInside: l,
+		afterInside: h,
+		beforeOutside: v,
+		afterOutside: C,
+		setBeforeInside: p,
+		setAfterInside: g,
+		setBeforeOutside: S,
+		setAfterOutside: w
+	}, O = b(() => n.id ?? i), k = b(() => {
+		let e = de(n.container);
+		return e === null ? null : e ?? r?.portalNode() ?? (typeof document > "u" ? void 0 : document.body);
+	}), A = b(() => !n.lite && !!(a() && s()?.open && s()?.modal === !1)), j = ae(n, "as", "container", "lite", "children", "id", "ref");
+	y(() => ({
+		node: a(),
+		modal: s()?.modal,
+		lite: n.lite
+	}), ({ node: e, modal: t, lite: n }) => {
+		if (n || !e || t) return;
+		let r = (t) => {
+			!t.relatedTarget || !q(t, e) || (t.type === "focusin" ? T &&= (J(e), !1) : (le(e), T = !0));
+		};
+		return e.addEventListener("focusin", r, !0), e.addEventListener("focusout", r, !0), () => {
+			e.removeEventListener("focusin", r, !0), e.removeEventListener("focusout", r, !0);
+		};
+	}), y(() => ({
+		node: a(),
+		open: s()?.open,
+		lite: n.lite
+	}), ({ node: e, open: t, lite: n }) => {
+		!n && e && t && T && (J(e), T = !1);
+	});
+	function M() {
+		return u(_, {
+			get when() {
+				return k() !== null;
+			},
+			get children() {
+				return u(te, {
+					get mount() {
+						return k();
+					},
+					get children() {
+						return u(ee, f({
+							get component() {
+								return n.as ?? "div";
+							},
+							get id() {
+								return O();
+							},
+							"data-base-ui-portal": ""
+						}, j, {
+							ref: [(e) => o(e), n.ref],
+							get children() {
+								return n.children;
+							}
+						}));
+					}
+				});
+			}
+		});
+	}
+	return [
+		u(_, {
+			get when() {
+				return A();
+			},
+			get children() {
+				return [u(D, {
+					"data-type": "outside",
+					ref: S,
+					onFocus: (e) => {
+						let t = a(), n = s();
+						!t || !n || (q(e, t) ? l()?.focus() : G(n.domReference)?.focus());
+					}
+				}), (() => {
+					var e = d(ue);
+					return ne(() => ({
+						e: O() || void 0,
+						t: pe
+					}), ({ e: t, t: n }, r) => {
+						t !== r?.e && m(e, "aria-owns", t), re(e, n, r?.t);
+					}), e;
+				})()];
+			}
+		}),
+		u(_, {
+			get when() {
+				return !n.lite;
+			},
+			get fallback() {
+				return u(M, {});
+			},
+			get children() {
+				return u(X, {
+					value: E,
+					get children() {
+						return u(M, {});
+					}
+				});
+			}
+		}),
+		u(_, {
+			get when() {
+				return A();
+			},
+			get children() {
+				return u(D, {
+					"data-type": "outside",
+					ref: w,
+					onFocus: (n) => {
+						let r = a(), i = s();
+						!r || !i || (q(n, r) ? h()?.focus() : (W(i.domReference)?.focus(), i.closeOnFocusOut && i.onOpenChange(!1, t(e, n))));
+					}
+				});
+			}
+		})
+	];
+}
+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": ""
+}, Q = { "data-open": "" }, _e = { "data-closed": "" }, ve = { "data-anchor-hidden": "" }, ye = { open: (e) => e ? he : null }, be = { open: (e) => e ? ge : null }, $ = {
+	open: (e) => e ? Q : _e,
+	anchorHidden: (e) => e ? ve : null
+}, xe = {
+	...$,
+	...n
+};
+//#endregion
+export { C as _, ye as a, V as c, se as d, ce as f, D as g, H as h, be as i, W as l, oe as m, $ as n, fe as o, q as p, xe as r, Z as s, me as t, G as u };

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

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