solid-baseui 0.1.0-alpha.0

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

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

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

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