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

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

@@ -0,0 +1,632 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { d as r } from "./reasons-Co5CzjKq.js";
+import { n as i, t as a } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as o } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as s, liveEventHandler as c } from "./internals/composeEventHandlers.js";
+import { o as l } from "./dom-lDdayFF_.js";
+import { t as u } from "./PopupViewport-BanYHrD-.js";
+import { t as d } from "./createAnchorPositioning-DCXIApS1.js";
+import { c as f, i as p, n as m, r as h, s as g, t as _ } from "./FloatingTree-23B7KKPD.js";
+import { a as v, n as y, o as b, r as x, t as S } from "./PopupStore-BjRwcvbG.js";
+import { t as C } from "./createFocusInteraction-DQPWkZe2.js";
+import { n as w, r as T, t as E } from "./safePolygon-DVAR5dQD.js";
+import { a as ee, n as D, o as O, r as k } from "./popupStateMapping-nhukB8NK.js";
+import { i as te, n as A, r as ne, t as re } from "./PopupHandle-DyX5gY1e.js";
+import { t as ie } from "./setRef-fXF6OIo3.js";
+import { n as j } from "./DirectionContext-BwMabICS.js";
+import { claimElement as ae, createComponent as M, getNextElement as N, memo as P, mergeProps as F, runHydrationEvents as I, spread as L, template as R } from "@solidjs/web";
+import { $REFRESH as z, Show as B, createContext as V, createEffect as H, createMemo as U, createSignal as W, createUniqueId as G, omit as K, onCleanup as q, untrack as J, useContext as Y } from "solid-js";
+//#region src/internals/overlay/inlineRect.ts
+function X(e, t, n, r) {
+	return {
+		left: e,
+		top: t,
+		right: n,
+		bottom: r,
+		x: e,
+		y: t,
+		width: n - e,
+		height: r - t
+	};
+}
+function oe(e) {
+	return {
+		left: e.left,
+		top: e.top,
+		right: e.right,
+		bottom: e.bottom,
+		width: e.width,
+		height: e.height
+	};
+}
+function se(e) {
+	let t = [], n, r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
+	for (let s of Array.from(e).sort((e, t) => e.top - t.top)) {
+		let e = oe(s);
+		if (r = Math.min(r, e.left), i = Math.min(i, e.top), a = Math.max(a, e.right), o = Math.max(o, e.bottom), !n || e.top - n.top > n.height / 2) t.push(e);
+		else {
+			let n = t[t.length - 1];
+			n.left = Math.min(n.left, e.left), n.right = Math.max(n.right, e.right), n.bottom = Math.max(n.bottom, e.bottom), n.width = n.right - n.left, n.height = n.bottom - n.top;
+		}
+		n = e;
+	}
+	return {
+		lines: t,
+		fallback: X(r, i, a, o)
+	};
+}
+function ce(e, t, n) {
+	return e.findIndex((e) => t > e.left - 2 && t < e.right + 2 && n > e.top - 2 && n < e.bottom + 2);
+}
+function le(e, t, n) {
+	let { lines: r } = se(e.getClientRects());
+	if (r.length < 2) return;
+	let i = ce(r, t, n);
+	return {
+		x: t,
+		y: n,
+		lineIndex: i === -1 ? void 0 : i,
+		element: e
+	};
+}
+function ue(e, t, n) {
+	let { lines: r, fallback: i } = se(e.getClientRects());
+	if (r.length < 2) return null;
+	if (n?.lineIndex != null && r[n.lineIndex]) {
+		let e = r[n.lineIndex];
+		return X(e.left, e.top, e.right, e.bottom);
+	}
+	if (n) {
+		let e = ce(r, n.x, n.y);
+		if (e !== -1) {
+			let t = r[e];
+			return X(t.left, t.top, t.right, t.bottom);
+		}
+	}
+	if (r.length === 2 && r[0].left > r[1].right && n) return i;
+	let a = t[0];
+	if (a === "t" || a === "b") {
+		let e = r[0], t = r[r.length - 1], n = a === "t" ? e : t;
+		return X(n.left, e.top, n.right, t.bottom);
+	}
+	let o = a === "l", s = r[0].left, c = r[0].right, l = o ? Infinity : -Infinity, u = r[0], d = r[0];
+	for (let e of r) {
+		s = Math.min(s, e.left), c = Math.max(c, e.right);
+		let t = o ? e.left : e.right;
+		o && t < l || !o && t > l ? (l = t, u = e, d = e) : t === l && (d = e);
+	}
+	return X(s, u.top, c, d.bottom);
+}
+function de(e) {
+	return "contextElement" in e && e.contextElement ? e.contextElement : l(e) ? e : void 0;
+}
+function fe() {
+	let [e, t] = W();
+	return {
+		coords: e,
+		clear: () => t(void 0),
+		update: (e, n, r) => {
+			let i = le(e, n, r);
+			return t(i), i;
+		},
+		middleware: {
+			name: "inline",
+			async fn(t) {
+				let n = t.elements.reference;
+				if (typeof n.getClientRects != "function") return {};
+				let r = de(n), i = e(), a = i?.element === n || i?.element === r ? i : void 0, o = ue(n, t.placement, a);
+				if (!o || !t.platform.getElementRects) return {};
+				let s = await t.platform.getElementRects({
+					reference: {
+						contextElement: r,
+						getBoundingClientRect: () => o
+					},
+					floating: t.elements.floating,
+					strategy: t.strategy
+				}), c = t.rects.reference;
+				return c.x === s.reference.x && c.y === s.reference.y && c.width === s.reference.width && c.height === s.reference.height ? {} : { reset: { rects: s } };
+			}
+		}
+	};
+}
+//#endregion
+//#region src/preview-card/store/PreviewCardStore.ts
+var pe = class extends S {
+	inlineRect = fe();
+	constructor(e) {
+		super(e), this.tree = e.tree, this.set("closeDelay", 300);
+	}
+	tree;
+	floatingElement() {
+		let e = this.track();
+		return e.positionerElement ?? e.popupElement;
+	}
+	transitionStatus() {
+		return this.track().transitionStatus;
+	}
+	setOpen(e, t) {
+		let n = t.event;
+		return e && t.reason === "trigger-hover" && t.trigger && "clientX" in n && "clientY" in n && this.inlineRect.coords()?.element !== t.trigger && this.inlineRect.update(t.trigger, n.clientX, n.clientY), super.setOpen(e, t);
+	}
+}, me = class extends A {
+	inlineRect = fe();
+	tree = new h();
+	constructor() {
+		super(), this.context.floatingRoot = new x({
+			triggerElements: this.context.triggerElements,
+			onOpenChange: () => void 0
+		});
+	}
+	floatingElement() {
+		return null;
+	}
+	transitionStatus() {}
+}, he = Symbol("PreviewCardRootContext"), ge = V(he);
+function Z(e = !1) {
+	let t = Y(ge);
+	if (t === he) {
+		if (e) return;
+		throw Error("Base UI: PreviewCardRootContext is missing. PreviewCard parts must be placed within <PreviewCard.Root>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/preview-card/root/PreviewCardRoot.tsx
+function _e(e) {
+	let t = f(), n = g(), i = t ?? new h(), a = G(), s = G(), c = J(() => e.open !== void 0), l = J(() => e.triggerId !== void 0), u = new pe({
+		controlledOpen: () => c ? e.open : void 0,
+		controlledTriggerId: () => l ? e.triggerId : void 0,
+		floatingId: s,
+		nested: n !== null,
+		nodeId: a,
+		onOpenChange: () => e.onOpenChange,
+		onOpenChangeComplete: () => e.onOpenChangeComplete,
+		tree: i
+	});
+	u.update({
+		open: c ? !!J(() => e.open) : !!J(() => e.defaultOpen),
+		activeTriggerId: J(() => e.defaultTriggerId ?? null)
+	});
+	let d = u.access((e) => e.payload), y = p({
+		tree: i,
+		id: a,
+		parentId: n,
+		context: () => u.context.floatingRoot
+	}), x = v(u, () => u.track().popupElement, { onUnmount: u.inlineRect.clear }), S = {
+		store: u,
+		tree: i,
+		presence: x
+	};
+	u.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !0 }), ne(() => e.handle, u);
+	let C = b({
+		context: u.context.floatingRoot,
+		tree: () => i
+	});
+	u.setInteractionProps({
+		activeTriggerProps: { onKeyDown: C.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: C.onKeyDown },
+		popupProps: { onKeyDown: C.onKeyDown }
+	}), H(() => ({
+		open: u.open(),
+		activeTriggerId: u.activeTriggerId()
+	}), (e) => {
+		J(() => u.reconcileTriggers()), e.open && e.activeTriggerId == null && u.state.payload !== void 0 && u.set("payload", void 0);
+	});
+	let w = {
+		unmount: x.forceUnmount,
+		close() {
+			u.setOpen(!1, o(r));
+		}
+	};
+	H(() => e.actionsRef, (e) => {
+		e?.(w);
+	});
+	function T() {
+		let t = U(() => e.children), n = J(t), r = n;
+		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, z) ? P(() => t()) : J(() => n({ payload: d }))), r;
+	}
+	return q(() => u.clearInteractionProps()), M(ge, {
+		value: S,
+		get children() {
+			return M(m, {
+				value: i,
+				get children() {
+					return M(_, {
+						get value() {
+							return y.id ?? null;
+						},
+						get children() {
+							return M(T, {});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/preview-card/trigger/PreviewCardTrigger.tsx
+var ve = /* @__PURE__ */ R("<a>");
+function ye(e) {
+	let r = Z(!0), o = e;
+	if (!r && !J(() => o.handle)) throw Error("Base UI: <PreviewCard.Trigger> must be either used within a <PreviewCard.Root> component or provided with a handle.");
+	let l = e, u = `base-ui-${G()}`, d = U(() => o.id || u), f = U(() => o.delay ?? 600), p = U(() => o.closeDelay ?? 300), [m, h] = W(null, { ownedWrite: !0 }), g = te(() => o.handle), _ = U(() => g() ?? r?.store), v = U(() => {
+		let e = _();
+		return !!(e?.open() && e.activeTriggerId() === d());
+	}), b = U(() => ({ open: v() })), x = t(e, () => b(), (e) => (() => {
+		var t = N(ve);
+		return ae(t), L(t, e, !1), I(), t;
+	})()), S = U(() => i(e.class, b())), C = U(() => a(e.style, b())), w = U(() => n(b(), ee)), T = K(l, "render", "class", "closeDelay", "delay", "handle", "id", "onBlur", "onFocus", "onKeyDown", "onMouseEnter", "onMouseMove", "onPointerLeave", "payload", "ref", "style"), E;
+	y(_, d, m, () => ({
+		payload: o.payload,
+		closeDelay: p()
+	}));
+	function D(e) {
+		_()?.inlineRect.clear(), E?.onFocus(e);
+	}
+	function O(e) {
+		E?.onBlur(e);
+	}
+	function k() {
+		E?.onPointerLeave();
+	}
+	function A(e) {
+		v() || _()?.inlineRect.update(e.currentTarget, e.clientX, e.clientY);
+	}
+	function ne(e) {
+		let t = _(), n = t?.state[t.activeTriggerId() === d() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown;
+		typeof n == "function" && n(e);
+	}
+	let re = s(c(() => o.onFocus), D), ie = s(c(() => o.onBlur), O), j = s(c(() => o.onPointerLeave), k), P = s(c(() => o.onMouseEnter), A), R = s(c(() => o.onMouseMove), A), z = s(c(() => o.onKeyDown), ne);
+	return [M(B, {
+		keyed: !0,
+		get when() {
+			return _();
+		},
+		children: (e) => M(be, {
+			store: e,
+			id: d,
+			element: m,
+			delay: f,
+			closeDelay: p,
+			setFocusHandlers: (e) => E = e
+		})
+	}), M(x, F({
+		ref: [((e) => h(e)), o.ref],
+		get id() {
+			return d();
+		},
+		get class() {
+			return S();
+		},
+		get style() {
+			return C();
+		},
+		onBlur: ie,
+		onFocus: re,
+		onKeyDown: z,
+		onMouseEnter: P,
+		onMouseMove: R,
+		onPointerLeave: j
+	}, w, T))];
+}
+function be(e) {
+	let t = J(() => e.store), n = J(() => e.id), r = J(() => e.element), i = J(() => e.delay), a = J(() => e.closeDelay), o = J(() => e.setFocusHandlers);
+	return o(C({
+		context: t.context.floatingRoot,
+		delay: i
+	})), q(() => o(void 0)), T({
+		context: t.context.floatingRoot,
+		reference: r,
+		floating: () => t.isTriggerActive(n()) ? t.floatingElement() : null,
+		tree: () => t.tree,
+		delay: () => ({
+			open: i(),
+			close: a()
+		}),
+		handleClose: () => E(),
+		mouseOnly: () => !0
+	}), null;
+}
+//#endregion
+//#region src/preview-card/portal/PreviewCardPortalContext.ts
+var xe = Symbol("PreviewCardPortalContext"), Se = V(xe);
+function Ce() {
+	let e = Y(Se);
+	if (e === xe) throw Error("Base UI: <PreviewCard.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/preview-card/portal/PreviewCardPortal.tsx
+function we(e) {
+	let t = Z(), n = e, r = e, o = U(() => n.keepMounted ?? !1), s = U(() => t.presence.mounted() || o()), c = {}, l = U(() => i(e.class, c)), u = U(() => a(e.style, c)), d = K(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: o };
+	return M(B, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return M(Se, {
+				value: f,
+				get children() {
+					return M(O, F({
+						get render() {
+							return e.render;
+						},
+						get container() {
+							return n.container;
+						},
+						lite: !0,
+						ref: (e) => {
+							n.ref && ie(n.ref, e);
+						},
+						get class() {
+							return l();
+						},
+						get style() {
+							return u();
+						}
+					}, d, { get children() {
+						return e.children;
+					} }));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/preview-card/utils/mergePreviewCardStyles.ts
+function Q(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/preview-card/utils/stateAttributesMapping.ts
+var Te = D, Ee = k, De = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, Oe = Symbol("PreviewCardPositionerContext"), ke = V(Oe);
+function $() {
+	let e = Y(ke);
+	if (e === Oe) throw Error("Base UI: <PreviewCard.Positioner> is missing.");
+	return e;
+}
+//#endregion
+//#region src/preview-card/positioner/PreviewCardPositioner.tsx
+var Ae = /* @__PURE__ */ R("<div>");
+function je(e) {
+	let r = Z();
+	Ce();
+	let o = j(), s = e, c = e, l = U(() => {
+		let e = s.anchor;
+		return typeof e == "function" ? e() : e && "current" in e ? e.current : e ?? r.store.context.floatingRoot.referenceElement();
+	}), u = d({
+		reference: l,
+		floating: () => r.store.track().positionerElement,
+		mounted: r.presence.mounted,
+		direction: o,
+		positionMethod: () => s.positionMethod ?? "absolute",
+		side: () => s.side ?? "bottom",
+		align: () => s.align ?? "center",
+		sideOffset: () => s.sideOffset ?? 0,
+		alignOffset: () => s.alignOffset ?? 0,
+		collisionBoundary: () => s.collisionBoundary ?? "clipping-ancestors",
+		collisionPadding: () => s.collisionPadding ?? 5,
+		collisionAvoidance: () => s.collisionAvoidance ?? {
+			side: "flip",
+			align: "flip",
+			fallbackAxisSide: "end"
+		},
+		sticky: () => s.sticky ?? !1,
+		arrowPadding: () => s.arrowPadding ?? 5,
+		disableAnchorTracking: () => s.disableAnchorTracking ?? !1,
+		inlineMiddleware: () => r.store.inlineRect.middleware,
+		adaptiveOriginMiddleware: () => r.store.track().adaptiveOriginMiddleware
+	}), f = w(() => r.store.open(), () => u.state().isPositioned), p = U(() => ({
+		open: r.store.open(),
+		side: u.renderedSide(),
+		align: u.renderedAlign(),
+		anchorHidden: u.anchorHidden(),
+		instant: r.store.track().instantType ?? (f() ? "initial" : void 0)
+	})), m = t(e, () => p(), (e) => (() => {
+		var t = N(Ae);
+		return L(t, e, !1), I(), t;
+	})()), h = U(() => i(e.class, p())), g = U(() => Q({
+		...u.styles(),
+		"pointer-events": r.store.open() ? void 0 : "none"
+	}, a(e.style, p()))), _ = U(() => n(p(), Te)), v = K(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), y = null;
+	return H(() => u.state().placement, (e) => {
+		r.store.context.floatingRoot.context.data.placement = e;
+	}), q(() => {
+		delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === y && r.store.setPositionerElement(null);
+	}), M(ke, {
+		value: u,
+		get children() {
+			return M(m, F({
+				ref: [((e) => {
+					y = e, r.store.setPositionerElement(e);
+				}), s.ref],
+				role: "presentation",
+				get hidden() {
+					return !r.presence.mounted();
+				},
+				get class() {
+					return h();
+				},
+				get style() {
+					return g();
+				}
+			}, _, v));
+		}
+	});
+}
+//#endregion
+//#region src/preview-card/popup/PreviewCardPopup.tsx
+var Me = /* @__PURE__ */ R("<div>");
+function Ne(e) {
+	let r = Z(), o = $(), l = e, u = e, d = U(() => ({
+		open: r.store.open(),
+		side: o.renderedSide(),
+		align: o.renderedAlign(),
+		instant: r.store.track().instantType,
+		transitionStatus: r.store.track().transitionStatus
+	})), f = t(e, () => d(), (e) => (() => {
+		var t = N(Me);
+		return L(t, e, !1), I(), t;
+	})()), p = U(() => i(e.class, d())), m = U(() => a(e.style, d())), h = U(() => n(d(), Ee)), g = K(u, "render", "class", "onKeyDown", "ref", "style"), _ = s(c(() => l.onKeyDown), (e) => {
+		let t = r.store.state.popupProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}), v = null;
+	return q(() => {
+		r.store.state.popupElement === v && r.store.setPopupElement(null);
+	}), M(f, F({
+		ref: [((e) => {
+			v = e, r.store.setPopupElement(e);
+		}), l.ref],
+		tabIndex: -1,
+		"data-base-ui-focusable": "",
+		get class() {
+			return p();
+		},
+		get style() {
+			return m();
+		},
+		onKeyDown: _
+	}, h, g));
+}
+//#endregion
+//#region src/preview-card/arrow/PreviewCardArrow.tsx
+var Pe = /* @__PURE__ */ R("<div>");
+function Fe(e) {
+	let r = Z(), o = $(), s = e, c = e, l = U(() => ({
+		open: r.store.open(),
+		side: o.renderedSide(),
+		align: o.renderedAlign(),
+		uncentered: o.arrowUncentered()
+	})), u = t(e, () => l(), (e) => (() => {
+		var t = N(Pe);
+		return L(t, e, !1), I(), t;
+	})()), d = U(() => i(e.class, l())), f = U(() => Q(o.arrowStyles(), a(e.style, l()))), p = U(() => n(l(), Te)), m = K(c, "render", "class", "ref", "style"), h = null;
+	return q(() => {
+		h && o.setArrowElement(null);
+	}), M(u, F({
+		ref: [((e) => {
+			h = e, o.setArrowElement(e);
+		}), s.ref],
+		"aria-hidden": "true",
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p, m));
+}
+//#endregion
+//#region src/preview-card/backdrop/PreviewCardBackdrop.tsx
+var Ie = /* @__PURE__ */ R("<div>");
+function Le(e) {
+	let r = Z(), o = e, s = e, c = U(() => ({
+		open: r.store.open(),
+		transitionStatus: r.store.track().transitionStatus
+	})), l = t(e, () => c(), (e) => (() => {
+		var t = N(Ie);
+		return L(t, e, !1), I(), t;
+	})()), u = U(() => i(e.class, c())), d = U(() => Q({
+		"pointer-events": "none",
+		"user-select": "none",
+		"-webkit-user-select": "none"
+	}, a(e.style, c()))), f = U(() => n(c(), Ee)), p = K(s, "render", "class", "ref", "style");
+	return M(l, F({
+		ref: [o.ref],
+		role: "presentation",
+		get hidden() {
+			return !r.presence.mounted();
+		},
+		get class() {
+			return u();
+		},
+		get style() {
+			return d();
+		}
+	}, f, p));
+}
+//#endregion
+//#region src/preview-card/viewport/PreviewCardViewport.tsx
+var Re = /* @__PURE__ */ R("<div>");
+function ze(e) {
+	let r = Z(), o = $(), s = j(), c = e, l = e, [d, f] = W({
+		activationDirection: void 0,
+		transitioning: !1
+	}, { ownedWrite: !0 }), p = U(() => ({
+		...d(),
+		instant: r.store.track().instantType
+	})), m = t(e, () => p(), (e) => (() => {
+		var t = N(Re);
+		return L(t, e, !1), I(), t;
+	})()), h = U(() => i(e.class, p())), g = U(() => a(e.style, p())), _ = U(() => n(p(), De)), v = K(l, "render", "children", "class", "ref", "style");
+	return M(m, F({
+		ref: [c.ref],
+		get class() {
+			return h();
+		},
+		get style() {
+			return g();
+		}
+	}, _, v, { get children() {
+		return M(u, {
+			get store() {
+				return r.store;
+			},
+			get side() {
+				return o.renderedSide();
+			},
+			get direction() {
+				return s();
+			},
+			onStateChange: f,
+			get children() {
+				return e.children;
+			}
+		});
+	} }));
+}
+//#endregion
+//#region src/preview-card/store/PreviewCardHandle.ts
+var Be = class extends re {
+	constructor() {
+		super("PreviewCard", !0, new me());
+	}
+	open(e) {
+		this.openByTrigger(e);
+	}
+	close() {
+		this.closePopup();
+	}
+	get isOpen() {
+		return this.attachedStore?.open() ?? !1;
+	}
+};
+function Ve() {
+	return new Be();
+}
+//#endregion
+//#region src/preview-card/index.parts.ts
+var He = /* @__PURE__ */ e({
+	Arrow: () => Fe,
+	Backdrop: () => Le,
+	Handle: () => Be,
+	Popup: () => Ne,
+	Portal: () => we,
+	Positioner: () => je,
+	Root: () => _e,
+	Trigger: () => ye,
+	Viewport: () => ze,
+	createHandle: () => Ve
+});
+//#endregion
+export { He as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../progress-D7r0xAC9.js";
+import { t as e } from "../progress-AVKxvgpc.js";
 export { e as Progress };