@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/toolbar-U-CFEb1c.js

@@ -1,240 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, g as r, n as i, t as a } from "./menu-parts-BpQu2s4z.js";
-import { TOOLBAR_ITEM_SELECTOR as o, createRovingTabindex as s, toolbarOwnedKeys as c } from "@slotted/core/focus";
-import { Fragment as l, createContext as u, useCallback as d, useContext as f, useEffect as p, useId as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { createCollapse as b } from "@slotted/core/overflow";
-var x = u({
-	collapsed: [],
-	counterpart: () => null,
-	declare: () => void 0,
-	orientation: "horizontal",
-	registerTrigger: () => void 0,
-	release: () => void 0
-});
-function S() {
-	return f(x);
-}
-var C = "data-unit", w = u({
-	loop: !0,
-	orientation: "horizontal",
-	overflow: "wrap",
-	size: "md",
-	variant: "plain"
-});
-function T() {
-	return f(w);
-}
-function E({ children: e, ...t }) {
-	let n = T();
-	return /* @__PURE__ */ v(w.Provider, {
-		value: {
-			loop: t.loop ?? n.loop,
-			orientation: t.orientation ?? n.orientation,
-			overflow: t.overflow ?? n.overflow,
-			size: t.size ?? n.size,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/toolbar/toolbar.tsx
-var D = ":scope > *:not([data-part=\"overflow\"])", O = Object.freeze([]);
-function k(e, t) {
-	for (let n = e.nextElementSibling; n !== null && n !== t; n = n.nextElementSibling) if (n.getAttribute("data-part") === "separator") return !0;
-	return !1;
-}
-function A({ children: e, className: t, loop: n, onOverflowChange: r, orientation: i, overflow: a, ref: l, render: u, size: f, style: m, variant: y, ...S }) {
-	let w = T(), E = g(null), A = g(null), j = g(null), M = g(/* @__PURE__ */ new Map()), [N, P] = _(null), [F, I] = _(O), L = g(r);
-	L.current = r;
-	let R = n ?? w.loop, z = i ?? w.orientation, B = a ?? w.overflow, V = f ?? w.size, H = y ?? w.variant, U = d((e) => P(e), []), W = h(() => ({
-		collapsed: F,
-		counterpart: (e) => M.current.get(e) ?? null,
-		declare: (e, t) => {
-			M.current.set(e, t);
-		},
-		orientation: z,
-		registerTrigger: U,
-		release: (e) => {
-			M.current.delete(e);
-		}
-	}), [
-		F,
-		U,
-		z
-	]), G = d((e) => {
-		if (E.current = e, typeof l == "function") return l(e);
-		l && (l.current = e);
-	}, [l]);
-	p(() => {
-		let e = E.current;
-		if (e === null) return;
-		let t = s(e, {
-			crossAxis: !0,
-			includeAriaDisabled: !0,
-			itemSelector: o,
-			loop: R,
-			orientation: () => z,
-			ownedKeys: (e) => c(e, z)
-		});
-		A.current = t;
-		let n = new MutationObserver(() => {
-			t.refresh(), j.current?.refresh();
-		});
-		return n.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			n.disconnect(), t.destroy(), A.current = null;
-		};
-	}, [R, z]), p(() => {
-		let e = E.current;
-		if (e === null || B !== "menu") return;
-		let t = b(e, {
-			collapsible: (e) => e.hasAttribute(C),
-			divides: (e) => e.getAttribute("data-part") === "separator",
-			fixedSize: (e) => e.getAttribute("data-part") === "spacer" ? 0 : void 0,
-			onChange: (e) => {
-				let t = e.filter((e) => e.hasAttribute(C));
-				I(t.map((e, n) => {
-					let r = t[n - 1];
-					return {
-						id: e.getAttribute("data-unit") ?? "",
-						separatorBefore: r !== void 0 && k(r, e)
-					};
-				})), A.current?.refresh(), L.current?.(t.length);
-			},
-			orientation: () => z,
-			trigger: () => N,
-			units: () => [...e.querySelectorAll(D)]
-		});
-		return j.current = t, () => {
-			t.destroy(), j.current = null, I(O);
-		};
-	}, [
-		z,
-		B,
-		N
-	]);
-	let K = {
-		...S,
-		...B === "menu" ? { "data-collapsed": String(F.length) } : {},
-		...z === "vertical" ? { "aria-orientation": "vertical" } : {},
-		children: e,
-		className: t,
-		"data-orientation": z,
-		"data-overflow": B,
-		"data-part": "root",
-		"data-size": V,
-		"data-ui": "toolbar",
-		"data-variant": H,
-		role: "toolbar",
-		style: m
-	};
-	return /* @__PURE__ */ v(x.Provider, {
-		value: W,
-		children: u === void 0 ? /* @__PURE__ */ v("div", {
-			...K,
-			ref: G
-		}) : u({
-			...K,
-			ref: G
-		})
-	});
-}
-//#endregion
-//#region src/toolbar/toolbar-overflow.tsx
-function j(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function M(e, t) {
-	return typeof e == "function" ? e(t) : e === void 0 ? `${t} more ${t === 1 ? "action" : "actions"}` : e;
-}
-function N({ align: o, label: s, menuRef: c, ref: u, render: f, side: p, size: m, ...h }) {
-	let _ = S(), b = _.collapsed, { registerTrigger: x } = _, C = g(void 0), w = d((e) => {
-		x(e), j(e, C.current, u);
-	}, [u, x]);
-	return /* @__PURE__ */ y(n, {
-		...o === void 0 ? {} : { align: o },
-		...c === void 0 ? {} : { ref: c },
-		...p === void 0 ? {} : { side: p },
-		...m === void 0 ? {} : { size: m },
-		children: [/* @__PURE__ */ v(i, { render: ({ ref: n, ...r }) => {
-			C.current = n;
-			let i = {
-				...r,
-				...h,
-				"aria-label": M(s, b.length),
-				children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "ellipsis" }) }),
-				"data-part": "overflow"
-			};
-			return f === void 0 ? /* @__PURE__ */ v("button", {
-				...i,
-				ref: w,
-				type: "button"
-			}) : f({
-				...i,
-				ref: w
-			});
-		} }), /* @__PURE__ */ v(a, { children: b.map((e) => /* @__PURE__ */ y(l, { children: [e.separatorBefore ? /* @__PURE__ */ v(r, {}) : null, _.counterpart(e.id)] }, e.id)) })]
-	});
-}
-//#endregion
-//#region src/toolbar/toolbar-parts.tsx
-function P(e) {
-	let t = S(), n = m(), r = e != null && e !== !1;
-	r && t.declare(n, e);
-	let { release: i } = t;
-	return p(() => () => i(n), [n, i]), r ? { [C]: n } : {};
-}
-function F({ children: e, counterpart: t, ref: n, render: r, ...i }) {
-	let a = P(t), o = {
-		...i,
-		...a,
-		children: e,
-		"data-part": "item"
-	};
-	return r === void 0 ? /* @__PURE__ */ v("div", {
-		...o,
-		ref: n
-	}) : r(o);
-}
-function I({ children: e, counterpart: t, ref: n, render: r, ...i }) {
-	let a = P(t), o = {
-		...i,
-		...a,
-		children: e,
-		"data-part": "group",
-		role: "group"
-	};
-	return r === void 0 ? /* @__PURE__ */ v("div", {
-		...o,
-		ref: n
-	}) : r(o);
-}
-function L({ ref: e, render: t, ...n }) {
-	let { orientation: r } = S(), i = {
-		...n,
-		"aria-orientation": r === "vertical" ? "horizontal" : "vertical",
-		"data-part": "separator",
-		role: "separator"
-	};
-	return t === void 0 ? /* @__PURE__ */ v("div", {
-		...i,
-		ref: e
-	}) : t(i);
-}
-function R({ ref: e, render: t, ...n }) {
-	let r = {
-		"aria-hidden": !0,
-		...n,
-		"data-part": "spacer"
-	};
-	return t === void 0 ? /* @__PURE__ */ v("div", {
-		...r,
-		ref: e
-	}) : t(r);
-}
-//#endregion
-export { N as a, T as c, R as i, S as l, F as n, A as o, L as r, E as s, I as t };

package/dist/tooltip-CgjIROUy.js

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