@slotted/react 0.1.0-beta.4 → 0.1.0-beta.5

package/dist/tooltip-DbKTPe_i.js

@@ -1,392 +0,0 @@
-import { createControllable as e } from "@slotted/core/state";
-import { createContext as t, useCallback as n, useContext as r, useEffect as i, useId as a, useImperativeHandle as o, useRef as s, useState as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-import { isClipped as u } from "@slotted/core/overflow";
-import { createPresence as d } from "@slotted/core/presence";
-import { createPortalRoot as f, setPortalContainer as p } from "@slotted/core/portal";
-import { createDismissableLayer as m } from "@slotted/core/dismissable-layer";
-import { createPositioner as h } from "@slotted/core/positioner";
-import { createPortal as g } from "react-dom";
-//#region src/tooltip/tooltip-defaults.tsx
-var _ = {
-	align: "center",
-	alignOffset: 0,
-	arrow: !0,
-	arrowPadding: 8,
-	closeDelay: 150,
-	closeOnPress: !0,
-	collisionPadding: 8,
-	describes: "description",
-	flip: !0,
-	groupDelay: 400,
-	hideWhenDetached: !0,
-	hoverable: !0,
-	mount: "active",
-	openDelay: 600,
-	openOn: "hover",
-	portal: !0,
-	shift: !0,
-	side: "top",
-	sideOffset: 0,
-	size: "md",
-	strategy: "absolute",
-	touchDelay: 500,
-	variant: "inverse",
-	whenClipped: !1
-}, v = t({
-	defaults: _,
-	group: { lastClosedAt: 0 }
-});
-function y() {
-	return r(v).defaults;
-}
-function ee() {
-	return r(v).group;
-}
-function b({ children: e, container: t, ...n }) {
-	let r = y(), a = s({ lastClosedAt: 0 }), o = {
-		defaults: {
-			...r,
-			...x(n)
-		},
-		group: a.current
-	};
-	return i(() => {
-		if (t !== void 0) return p(t), () => p(null);
-	}, [t]), /* @__PURE__ */ l(v.Provider, {
-		value: o,
-		children: e
-	});
-}
-function x(e) {
-	let t = Object.entries(e).filter(([, e]) => e !== void 0);
-	return Object.fromEntries(t);
-}
-//#endregion
-//#region src/tooltip/tooltip.tsx
-var S = t(void 0), C = t({ current: void 0 });
-function te() {
-	return r(C);
-}
-function w() {
-	let e = r(S);
-	if (e === void 0) throw Error("TooltipTrigger, TooltipLayer, TooltipContent and TooltipArrow have to be inside a Tooltip.");
-	return e;
-}
-function T({ align: t, alignOffset: r, arrow: d, arrowPadding: f, children: p, closeDelay: m, closeOnPress: h, collisionPadding: g, defaultOpen: _, describes: v, disabled: b, flip: x, hideWhenDetached: te, hoverable: w, mount: T, onOpenChange: E, open: D, openDelay: O, openOn: k, portal: A, ref: j, shift: M, side: N, sideOffset: P, size: F, strategy: I, touchDelay: L, variant: R, whenClipped: z }) {
-	let B = y(), V = ee(), H = `${a()}tooltip`, [U, W] = c(_ ?? !1), [G, ne] = c(null), [re, ie] = c(null), ae = s(void 0), K = b === !0, q = (D ?? U) && !K, oe = v ?? B.describes, se = oe === "label" ? "eager" : T ?? B.mount, J = O ?? B.openDelay, Y = m ?? B.closeDelay, ce = L ?? B.touchDelay, le = B.groupDelay, ue = s(q);
-	q && (ue.current = !0);
-	let X = s(void 0), de = z ?? B.whenClipped, Z = s({
-		current: q,
-		disabled: K,
-		group: V,
-		onOpenChange: E,
-		open: D,
-		triggerNode: G,
-		whenClipped: de
-	});
-	Z.current = {
-		current: q,
-		disabled: K,
-		group: V,
-		onOpenChange: E,
-		open: D,
-		triggerNode: G,
-		whenClipped: de
-	};
-	let Q = n(() => {
-		X.current !== void 0 && clearTimeout(X.current), X.current = void 0;
-	}, []), $ = n((t, n, r) => {
-		Q();
-		let i = Z.current;
-		if (t === i.current || t && i.disabled || t && i.whenClipped && i.triggerNode !== null && !u(i.triggerNode)) return;
-		let a = !1, o = e({
-			controlled: i.open,
-			initial: i.current,
-			onRequest: (e) => {
-				a = e.cancelled, i.onOpenChange?.(e.value, e);
-			}
-		}).request(t, n, r);
-		a || (t || (i.group.lastClosedAt = Date.now()), o && W(t));
-	}, [Q]), fe = n((e) => {
-		Q();
-		let t = Date.now() - Z.current.group.lastClosedAt;
-		if (J <= 0 || t < le) {
-			$(!0, "pointer", e);
-			return;
-		}
-		X.current = setTimeout(() => $(!0, "pointer", e), J);
-	}, [
-		Q,
-		le,
-		J,
-		$
-	]), pe = n((e) => {
-		if (Q(), Y <= 0) {
-			$(!1, "pointer", e);
-			return;
-		}
-		X.current = setTimeout(() => $(!1, "pointer", e), Y);
-	}, [
-		Q,
-		Y,
-		$
-	]), me = n((e) => {
-		Q(), X.current = setTimeout(() => $(!0, "pointer", e), ce);
-	}, [
-		Q,
-		ce,
-		$
-	]);
-	i(() => Q, [Q]), i(() => {
-		K && (Q(), W(!1));
-	}, [Q, K]), o(j, () => ({
-		close: () => $(!1, "programmatic"),
-		open: () => $(!0, "programmatic"),
-		reposition: () => ae.current?.()
-	}), [$]);
-	let he = {
-		align: t ?? B.align,
-		alignOffset: r ?? B.alignOffset,
-		arrowNode: re,
-		arrowPadding: f ?? B.arrowPadding,
-		cancelPending: Q,
-		closeAfterDelay: pe,
-		closeOnPress: h ?? B.closeOnPress,
-		collisionPadding: g ?? B.collisionPadding,
-		contentId: H,
-		describes: oe,
-		disabled: K,
-		flip: x ?? B.flip,
-		hideWhenDetached: te ?? B.hideWhenDetached,
-		hoverable: w ?? B.hoverable,
-		mount: se,
-		open: q,
-		openAfterDelay: fe,
-		openOn: k ?? B.openOn,
-		portal: A ?? B.portal,
-		pressAndHold: me,
-		seen: ue.current,
-		setArrowNode: ie,
-		setTriggerNode: ne,
-		shift: M ?? B.shift,
-		showArrow: d ?? B.arrow,
-		side: N ?? B.side,
-		sideOffset: P ?? B.sideOffset,
-		size: F ?? B.size,
-		strategy: I ?? B.strategy,
-		toggle: $,
-		triggerNode: G,
-		variant: R ?? B.variant
-	};
-	return /* @__PURE__ */ l(S.Provider, {
-		value: he,
-		children: /* @__PURE__ */ l(C.Provider, {
-			value: ae,
-			children: p
-		})
-	});
-}
-//#endregion
-//#region src/tooltip/tooltip-parts.tsx
-function E(e, t) {
-	return (n) => {
-		e?.(n), n.defaultPrevented || t(n);
-	};
-}
-function D(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function O({ children: e, ref: t, render: r, ...i }) {
-	let a = w(), o = s(!1), c = (e) => {
-		a.openOn === "hover" && e.pointerType !== "touch" && a.openAfterDelay(e.nativeEvent);
-	}, u = (e) => {
-		o.current = !1, a.openOn !== "manual" && a.closeAfterDelay(e.nativeEvent);
-	}, d = (e) => {
-		if (e.pointerType === "touch") {
-			o.current = !0, a.pressAndHold(e.nativeEvent);
-			return;
-		}
-		a.closeOnPress && a.open && a.toggle(!1, "pointer", e.nativeEvent);
-	}, f = (e) => {
-		o.current && (o.current = !1, a.cancelPending());
-	}, p = (e) => {
-		a.openOn !== "manual" && e.target.matches(":focus-visible") && a.toggle(!0, "keyboard", e.nativeEvent);
-	}, m = (e) => {
-		a.openOn !== "manual" && a.toggle(!1, "blur", e.nativeEvent);
-	}, h = (e) => {
-		a.closeOnPress && a.open && a.toggle(!1, e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
-	}, g = a.describes === "description", _ = a.describes !== "none" && (a.open || a.describes === "label"), v = {
-		...i,
-		children: e,
-		..._ && g ? { "aria-describedby": a.contentId } : {},
-		"aria-labelledby": _ && !g ? a.contentId : i["aria-labelledby"],
-		...a.open ? { "data-open": "" } : {},
-		onBlur: E(i.onBlur, m),
-		onClick: E(i.onClick, h),
-		onFocus: E(i.onFocus, p),
-		onPointerCancel: E(i.onPointerCancel, f),
-		onPointerDown: E(i.onPointerDown, d),
-		onPointerEnter: E(i.onPointerEnter, c),
-		onPointerLeave: E(i.onPointerLeave, u),
-		onPointerUp: E(i.onPointerUp, f)
-	}, y = n((e) => {
-		a.setTriggerNode(e), D(e, t);
-	}, [t, a.setTriggerNode]);
-	return r === void 0 ? /* @__PURE__ */ l("button", {
-		type: "button",
-		...v,
-		ref: y
-	}) : r({
-		...v,
-		ref: y
-	});
-}
-function k({ children: e, ref: t, render: r, ...a }) {
-	let o = w(), u = te(), [p, _] = c(null), [v, y] = c(null), [ee, b] = c("unmounted"), [x, S] = c(!1), C = s(null), T = s(o);
-	T.current = o, i(() => {
-		let e = d({
-			present: T.current.open,
-			onStatusChange: b
-		});
-		return C.current = e, b(e.status), () => {
-			e.destroy(), C.current = null;
-		};
-	}, []), i(() => {
-		C.current?.sync(o.open);
-	}, [o.open]), i(() => {
-		C.current?.setNode(p);
-	}, [p]);
-	let O = o.mount === "eager" || o.mount === "lazy" && o.seen || ee !== "unmounted";
-	i(() => {
-		if (!O) {
-			y(null);
-			return;
-		}
-		let e = f({
-			origin: o.triggerNode,
-			disabled: !o.portal
-		});
-		return y(e.container), () => e.release();
-	}, [
-		O,
-		o.portal,
-		o.triggerNode
-	]);
-	let { align: k, alignOffset: A, arrowNode: j, arrowPadding: M, collisionPadding: N, flip: P, hideWhenDetached: F, shift: I, side: L, sideOffset: R, strategy: z } = o;
-	i(() => {
-		if (p === null || o.triggerNode === null) return;
-		let e = !0, t = h(o.triggerNode, p, {
-			align: k,
-			alignOffset: A,
-			boundaryPadding: N,
-			flip: P,
-			hideWhenDetached: F,
-			shift: I,
-			side: L,
-			sideOffset: R,
-			strategy: z,
-			...j ? {
-				arrow: j,
-				arrowPadding: M
-			} : {}
-		});
-		return u.current = () => void t.update(), t.update().then(() => {
-			e && S(!0);
-		}), () => {
-			e = !1, u.current = void 0, t.destroy(), S(!1);
-		};
-	}, [
-		k,
-		A,
-		j,
-		M,
-		N,
-		P,
-		F,
-		p,
-		u,
-		I,
-		L,
-		R,
-		z,
-		o.triggerNode
-	]), i(() => {
-		if (p === null || !o.open) return;
-		let e = m(p, {
-			escape: !0,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: !0,
-			scrollLock: !1,
-			...o.triggerNode ? { branches: [o.triggerNode] } : {},
-			onDismiss: (e) => {
-				T.current.toggle(!1, e.reason === "escape" ? "escape" : "pointer", e.source);
-			}
-		});
-		return () => e.destroy();
-	}, [
-		p,
-		o.open,
-		o.triggerNode
-	]);
-	let B = () => {
-		o.hoverable && o.cancelPending();
-	}, V = (e) => {
-		o.hoverable && o.closeAfterDelay(e.nativeEvent);
-	}, H = n((e) => {
-		_(e), D(e, t);
-	}, [t]);
-	if (!O) return null;
-	let U = {
-		...a,
-		children: e,
-		"data-align": k,
-		...o.hoverable ? { "data-hoverable": "" } : {},
-		...o.open && x ? { "data-open": "" } : {},
-		"data-part": "root",
-		"data-size": o.size,
-		"data-ui": "tooltip",
-		"data-variant": o.variant,
-		onPointerEnter: E(a.onPointerEnter, B),
-		onPointerLeave: E(a.onPointerLeave, V)
-	}, W = r === void 0 ? /* @__PURE__ */ l("div", {
-		...U,
-		ref: H
-	}) : r({
-		...U,
-		ref: H
-	});
-	return v === null ? W : g(W, v);
-}
-function A({ children: e, ref: t, render: n, ...r }) {
-	let i = w(), a = {
-		...r,
-		children: e,
-		...i.describes === "none" ? { "aria-hidden": !0 } : {},
-		"data-part": "content",
-		id: i.contentId,
-		role: "tooltip"
-	};
-	return n === void 0 ? /* @__PURE__ */ l("div", {
-		...a,
-		ref: t
-	}) : n(a);
-}
-function j({ ref: e, render: t, ...r }) {
-	let i = w(), a = n((t) => {
-		i.setArrowNode(t), D(t, e);
-	}, [e, i.setArrowNode]);
-	if (!i.showArrow) return null;
-	let o = {
-		...r,
-		"aria-hidden": !0,
-		"data-part": "arrow"
-	};
-	return t === void 0 ? /* @__PURE__ */ l("div", {
-		...o,
-		ref: a
-	}) : t(o);
-}
-//#endregion
-export { T as a, b as c, O as i, y as l, A as n, w as o, k as r, _ as s, j as t };