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

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

@@ -1,625 +0,0 @@
-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 };