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

package/dist/lib/client/preview-card-FTN_aafM.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 } from "./internals/composeEventHandlers.js";
+import { a as c } from "./dom-BEAeQ9Eb.js";
+import { t as l } from "./PopupViewport-IS4XU03s.js";
+import { t as u } from "./createAnchorPositioning-D96gu-Dz.js";
+import { c as d, i as f, n as p, r as m, s as h, t as g } from "./FloatingTree-23B7KKPD.js";
+import { a as _, n as v, o as y, r as b, t as x } from "./PopupStore-Du0O57fL.js";
+import { t as S } from "./createFocusInteraction--s9_qBf3.js";
+import { n as C, r as w, t as T } from "./safePolygon-DJG0VIVo.js";
+import { a as ee, n as te, o as E, r as D } from "./popupStateMapping-C6jQ_LKo.js";
+import { i as ne, n as O, r as re, t as k } from "./PopupHandle-CQI6Om1Z.js";
+import { t as A } from "./setRef-fXF6OIo3.js";
+import { n as j } from "./DirectionContext-BwMabICS.js";
+import { claimElement as ie, 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 ae, Show as oe, createContext as z, createEffect as B, createMemo as V, createSignal as H, createUniqueId as U, omit as W, onCleanup as G, untrack as K, useContext as q } from "solid-js";
+//#region src/internals/overlay/inlineRect.ts
+function J(e, t, n, r) {
+	return {
+		left: e,
+		top: t,
+		right: n,
+		bottom: r,
+		x: e,
+		y: t,
+		width: n - e,
+		height: r - t
+	};
+}
+function se(e) {
+	return {
+		left: e.left,
+		top: e.top,
+		right: e.right,
+		bottom: e.bottom,
+		width: e.width,
+		height: e.height
+	};
+}
+function Y(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 = se(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: J(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 } = Y(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 } = Y(e.getClientRects());
+	if (r.length < 2) return null;
+	if (n?.lineIndex != null && r[n.lineIndex]) {
+		let e = r[n.lineIndex];
+		return J(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 J(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 J(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 J(s, u.top, c, d.bottom);
+}
+function de(e) {
+	return "contextElement" in e && e.contextElement ? e.contextElement : c(e) ? e : void 0;
+}
+function fe() {
+	let [e, t] = H();
+	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 x {
+	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 O {
+	inlineRect = fe();
+	tree = new m();
+	constructor() {
+		super(), this.context.floatingRoot = new b({
+			triggerElements: this.context.triggerElements,
+			onOpenChange: () => void 0
+		});
+	}
+	floatingElement() {
+		return null;
+	}
+	transitionStatus() {}
+}, he = Symbol("PreviewCardRootContext"), ge = z(he);
+function X(e = !1) {
+	let t = q(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 = d(), n = h(), i = t ?? new m(), a = U(), s = U(), c = K(() => e.open !== void 0), l = K(() => 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 ? !!K(() => e.open) : !!K(() => e.defaultOpen),
+		activeTriggerId: K(() => e.defaultTriggerId ?? null)
+	});
+	let v = u.access((e) => e.payload), b = f({
+		tree: i,
+		id: a,
+		parentId: n,
+		context: () => u.context.floatingRoot
+	}), x = _(u, () => u.track().popupElement, { onUnmount: u.inlineRect.clear }), S = {
+		store: u,
+		tree: i,
+		presence: x
+	};
+	u.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !0 }), re(() => e.handle, u);
+	let C = y({
+		context: u.context.floatingRoot,
+		tree: () => i
+	});
+	u.setInteractionProps({
+		activeTriggerProps: { onKeyDown: C.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: C.onKeyDown },
+		popupProps: { onKeyDown: C.onKeyDown }
+	}), B(() => ({
+		open: u.open(),
+		activeTriggerId: u.activeTriggerId()
+	}), (e) => {
+		K(() => 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));
+		}
+	};
+	B(() => e.actionsRef, (e) => {
+		e?.(w);
+	});
+	function T() {
+		let t = V(() => e.children), n = K(t), r = n;
+		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, ae) ? P(() => t()) : K(() => n({ payload: v }))), r;
+	}
+	return G(() => u.clearInteractionProps()), M(ge, {
+		value: S,
+		get children() {
+			return M(p, {
+				value: i,
+				get children() {
+					return M(g, {
+						get value() {
+							return b.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 = X(!0), o = e;
+	if (!r && !K(() => o.handle)) throw Error("Base UI: <PreviewCard.Trigger> must be either used within a <PreviewCard.Root> component or provided with a handle.");
+	let c = e, l = `base-ui-${U()}`, u = V(() => o.id || l), d = V(() => o.delay ?? 600), f = V(() => o.closeDelay ?? 300), [p, m] = H(null, { ownedWrite: !0 }), h = ne(() => o.handle), g = V(() => h() ?? r?.store), _ = V(() => {
+		let e = g();
+		return !!(e?.open() && e.activeTriggerId() === u());
+	}), y = V(() => ({ open: _() })), b = t(e, () => y(), (e) => (() => {
+		var t = N(ve);
+		return ie(t), L(t, e, !1), I(), t;
+	})()), x = V(() => i(e.class, y())), S = V(() => a(e.style, y())), C = V(() => n(y(), ee)), w = W(c, "render", "class", "closeDelay", "delay", "handle", "id", "onBlur", "onFocus", "onKeyDown", "onMouseEnter", "onMouseMove", "onPointerLeave", "payload", "ref", "style"), T;
+	v(g, u, p, () => ({
+		payload: o.payload,
+		closeDelay: f()
+	}));
+	function te(e) {
+		g()?.inlineRect.clear(), T?.onFocus(e);
+	}
+	function E(e) {
+		T?.onBlur(e);
+	}
+	function D() {
+		T?.onPointerLeave();
+	}
+	function O(e) {
+		_() || g()?.inlineRect.update(e.currentTarget, e.clientX, e.clientY);
+	}
+	function re(e) {
+		let t = g(), n = t?.state[t.activeTriggerId() === u() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown;
+		typeof n == "function" && n(e);
+	}
+	let k = s(() => o.onFocus, () => te), A = s(() => o.onBlur, () => E), j = s(() => o.onPointerLeave, () => D), P = s(() => o.onMouseEnter, () => O), R = s(() => o.onMouseMove, () => O), ae = s(() => o.onKeyDown, () => re);
+	return [M(oe, {
+		keyed: !0,
+		get when() {
+			return g();
+		},
+		children: (e) => M(be, {
+			store: e,
+			id: u,
+			element: p,
+			delay: d,
+			closeDelay: f,
+			setFocusHandlers: (e) => T = e
+		})
+	}), M(b, F({
+		ref: [((e) => m(e)), o.ref],
+		get id() {
+			return u();
+		},
+		get class() {
+			return x();
+		},
+		get style() {
+			return S();
+		},
+		onBlur: A,
+		onFocus: k,
+		onKeyDown: ae,
+		onMouseEnter: P,
+		onMouseMove: R,
+		onPointerLeave: j
+	}, C, w))];
+}
+function be(e) {
+	let t = K(() => e.store), n = K(() => e.id), r = K(() => e.element), i = K(() => e.delay), a = K(() => e.closeDelay), o = K(() => e.setFocusHandlers);
+	return o(S({
+		context: t.context.floatingRoot,
+		delay: i
+	})), G(() => o(void 0)), w({
+		context: t.context.floatingRoot,
+		reference: r,
+		floating: () => t.isTriggerActive(n()) ? t.floatingElement() : null,
+		tree: () => t.tree,
+		delay: () => ({
+			open: i(),
+			close: a()
+		}),
+		handleClose: () => T(),
+		mouseOnly: () => !0
+	}), null;
+}
+//#endregion
+//#region src/preview-card/portal/PreviewCardPortalContext.ts
+var xe = Symbol("PreviewCardPortalContext"), Z = z(xe);
+function Se() {
+	let e = q(Z);
+	if (e === xe) throw Error("Base UI: <PreviewCard.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/preview-card/portal/PreviewCardPortal.tsx
+function Ce(e) {
+	let t = X(), n = e, r = e, o = V(() => n.keepMounted ?? !1), s = V(() => t.presence.mounted() || o()), c = {}, l = V(() => i(e.class, c)), u = V(() => a(e.style, c)), d = W(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: o };
+	return M(oe, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return M(Z, {
+				value: f,
+				get children() {
+					return M(E, F({
+						get render() {
+							return e.render;
+						},
+						get container() {
+							return n.container;
+						},
+						lite: !0,
+						ref: (e) => {
+							n.ref && A(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 we = te, Te = D, Ee = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, De = Symbol("PreviewCardPositionerContext"), Oe = z(De);
+function $() {
+	let e = q(Oe);
+	if (e === De) throw Error("Base UI: <PreviewCard.Positioner> is missing.");
+	return e;
+}
+//#endregion
+//#region src/preview-card/positioner/PreviewCardPositioner.tsx
+var ke = /* @__PURE__ */ R("<div>");
+function Ae(e) {
+	let r = X();
+	Se();
+	let o = j(), s = e, c = e, l = V(() => {
+		let e = s.anchor;
+		return typeof e == "function" ? e() : e && "current" in e ? e.current : e ?? r.store.context.floatingRoot.referenceElement();
+	}), d = u({
+		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 = C(() => r.store.open(), () => d.state().isPositioned), p = V(() => ({
+		open: r.store.open(),
+		side: d.renderedSide(),
+		align: d.renderedAlign(),
+		anchorHidden: d.anchorHidden(),
+		instant: r.store.track().instantType ?? (f() ? "initial" : void 0)
+	})), m = t(e, () => p(), (e) => (() => {
+		var t = N(ke);
+		return L(t, e, !1), I(), t;
+	})()), h = V(() => i(e.class, p())), g = V(() => Q({
+		...d.styles(),
+		"pointer-events": r.store.open() ? void 0 : "none"
+	}, a(e.style, p()))), _ = V(() => n(p(), we)), v = W(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), y = null;
+	return B(() => d.state().placement, (e) => {
+		r.store.context.floatingRoot.context.data.placement = e;
+	}), G(() => {
+		delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === y && r.store.setPositionerElement(null);
+	}), M(Oe, {
+		value: d,
+		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 je = /* @__PURE__ */ R("<div>");
+function Me(e) {
+	let r = X(), o = $(), c = e, l = e, u = V(() => ({
+		open: r.store.open(),
+		side: o.renderedSide(),
+		align: o.renderedAlign(),
+		instant: r.store.track().instantType,
+		transitionStatus: r.store.track().transitionStatus
+	})), d = t(e, () => u(), (e) => (() => {
+		var t = N(je);
+		return L(t, e, !1), I(), t;
+	})()), f = V(() => i(e.class, u())), p = V(() => a(e.style, u())), m = V(() => n(u(), Te)), h = W(l, "render", "class", "onKeyDown", "ref", "style"), g = s(() => c.onKeyDown, () => (e) => {
+		let t = r.store.state.popupProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}), _ = null;
+	return G(() => {
+		r.store.state.popupElement === _ && r.store.setPopupElement(null);
+	}), M(d, F({
+		ref: [((e) => {
+			_ = e, r.store.setPopupElement(e);
+		}), c.ref],
+		tabIndex: -1,
+		"data-base-ui-focusable": "",
+		get class() {
+			return f();
+		},
+		get style() {
+			return p();
+		},
+		onKeyDown: g
+	}, m, h));
+}
+//#endregion
+//#region src/preview-card/arrow/PreviewCardArrow.tsx
+var Ne = /* @__PURE__ */ R("<div>");
+function Pe(e) {
+	let r = X(), o = $(), s = e, c = e, l = V(() => ({
+		open: r.store.open(),
+		side: o.renderedSide(),
+		align: o.renderedAlign(),
+		uncentered: o.arrowUncentered()
+	})), u = t(e, () => l(), (e) => (() => {
+		var t = N(Ne);
+		return L(t, e, !1), I(), t;
+	})()), d = V(() => i(e.class, l())), f = V(() => Q(o.arrowStyles(), a(e.style, l()))), p = V(() => n(l(), we)), m = W(c, "render", "class", "ref", "style"), h = null;
+	return G(() => {
+		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 Fe = /* @__PURE__ */ R("<div>");
+function Ie(e) {
+	let r = X(), o = e, s = e, c = V(() => ({
+		open: r.store.open(),
+		transitionStatus: r.store.track().transitionStatus
+	})), l = t(e, () => c(), (e) => (() => {
+		var t = N(Fe);
+		return L(t, e, !1), I(), t;
+	})()), u = V(() => i(e.class, c())), d = V(() => Q({
+		"pointer-events": "none",
+		"user-select": "none",
+		"-webkit-user-select": "none"
+	}, a(e.style, c()))), f = V(() => n(c(), Te)), p = W(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 Le = /* @__PURE__ */ R("<div>");
+function Re(e) {
+	let r = X(), o = $(), s = j(), c = e, u = e, [d, f] = H({
+		activationDirection: void 0,
+		transitioning: !1
+	}, { ownedWrite: !0 }), p = V(() => ({
+		...d(),
+		instant: r.store.track().instantType
+	})), m = t(e, () => p(), (e) => (() => {
+		var t = N(Le);
+		return L(t, e, !1), I(), t;
+	})()), h = V(() => i(e.class, p())), g = V(() => a(e.style, p())), _ = V(() => n(p(), Ee)), v = W(u, "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(l, {
+			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 ze = class extends k {
+	constructor() {
+		super("PreviewCard", !0, new me());
+	}
+	open(e) {
+		this.openByTrigger(e);
+	}
+	close() {
+		this.closePopup();
+	}
+	get isOpen() {
+		return this.attachedStore?.open() ?? !1;
+	}
+};
+function Be() {
+	return new ze();
+}
+//#endregion
+//#region src/preview-card/index.parts.ts
+var Ve = /* @__PURE__ */ e({
+	Arrow: () => Pe,
+	Backdrop: () => Ie,
+	Handle: () => ze,
+	Popup: () => Me,
+	Portal: () => Ce,
+	Positioner: () => Ae,
+	Root: () => _e,
+	Trigger: () => ye,
+	Viewport: () => Re,
+	createHandle: () => Be
+});
+//#endregion
+export { Ve 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 };