@slotted/react 0.1.0-beta.1 → 0.1.0-beta.3

package/dist/toggle-group-7iBR9Rn1.js

@@ -0,0 +1,142 @@
+import { b as e } from "./field-NJaCxl2h.js";
+import { createRovingTabindex as t } from "@slotted/core/focus";
+import { createControllable as n } from "@slotted/core/state";
+import { createContext as r, useContext as i, useEffect as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/toggle-group/toggle-group-defaults.tsx
+var d = r({
+	attached: !0,
+	deselectable: !0,
+	loop: !0,
+	orientation: "horizontal",
+	size: "md",
+	variant: "outline"
+});
+function f() {
+	return i(d);
+}
+function p({ children: e, ...t }) {
+	let n = f();
+	return /* @__PURE__ */ l(d.Provider, {
+		value: {
+			attached: t.attached ?? n.attached,
+			deselectable: t.deselectable ?? n.deselectable,
+			loop: t.loop ?? n.loop,
+			orientation: t.orientation ?? n.orientation,
+			size: t.size ?? n.size,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/toggle-group/toggle-group.tsx
+var m = r(void 0);
+function h() {
+	let e = i(m);
+	if (e === void 0) throw Error("ToggleGroupItem must be rendered inside a ToggleGroup.");
+	return e;
+}
+var g = "[data-part=\"item\"]";
+function _({ attached: r, children: i, className: c, defaultValue: u, deselectable: d, disabled: p, fullWidth: h, loop: _, multiple: v, onValueChange: y, orientation: b, ref: x, render: S, role: C, rovingFocus: w, size: T, value: E, variant: D, ...O }) {
+	let k = f(), A = e(), j = o(null), [M, N] = s(u ?? []), [P, F] = s(!1), I = E ?? M, L = T ?? k.size, R = D ?? k.variant, z = b ?? k.orientation, B = R !== "chips" && (r ?? k.attached), V = d ?? k.deselectable, H = _ ?? k.loop, U = w ?? !P;
+	a(() => {
+		F(j.current?.closest("[data-ui=\"toolbar\"]") !== null);
+	}, []), a(() => {
+		let e = j.current;
+		if (e !== null && U) return t(e, {
+			itemSelector: g,
+			loop: () => H,
+			orientation: () => z
+		}).destroy;
+	}, [
+		H,
+		z,
+		U,
+		i
+	]);
+	let W = {
+		disabled: p,
+		holds: (e) => I.includes(e),
+		size: L,
+		toggle: (e, t, r) => {
+			let i = I.includes(e), a;
+			if (v === !0) a = i ? I.filter((t) => t !== e) : [...I, e];
+			else if (i) {
+				if (!V) return;
+				a = [];
+			} else a = [e];
+			let o = !1, s = n({
+				controlled: E,
+				equals: (e, t) => e.length === t.length && e.every((e, n) => e === t[n]),
+				initial: I,
+				onRequest: (e) => {
+					o = e.cancelled, y?.(e.value, e);
+				}
+			}).request(a, t, r);
+			!o && s && N(a);
+		},
+		variant: R
+	}, G = {
+		...O,
+		"aria-orientation": O["aria-orientation"] ?? (z === "vertical" ? "vertical" : void 0),
+		"aria-labelledby": O["aria-labelledby"] ?? (O["aria-label"] === void 0 ? A?.ids.label : void 0),
+		children: /* @__PURE__ */ l(m.Provider, {
+			value: W,
+			children: i
+		}),
+		className: c,
+		...B ? { "data-attached": "" } : {},
+		...h ?? !1 ? { "data-full-width": "" } : {},
+		"data-orientation": z,
+		"data-part": "root",
+		"data-size": L,
+		"data-ui": "toggle-group",
+		"data-variant": R,
+		role: C ?? "group"
+	}, K = (e) => {
+		j.current = e, typeof x == "function" ? x(e) : x != null && (x.current = e);
+	};
+	return S === void 0 ? /* @__PURE__ */ l("div", {
+		...G,
+		ref: K
+	}) : S({
+		...G,
+		ref: K
+	});
+}
+//#endregion
+//#region src/toggle-group/toggle-group-parts.tsx
+function v(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function y({ children: e, className: t, disabled: n, icon: r, onClick: i, ref: a, render: o, style: s, type: d, value: f, ...p }) {
+	let m = h(), g = m.holds(f), _ = n ?? m.disabled, y = {
+		...p,
+		"aria-pressed": g,
+		children: /* @__PURE__ */ u(c, { children: [r === void 0 ? null : /* @__PURE__ */ l("span", {
+			"aria-hidden": "true",
+			"data-part": "icon",
+			children: r
+		}), e === void 0 ? null : /* @__PURE__ */ l("span", {
+			"data-part": "label",
+			children: e
+		})] }),
+		className: t,
+		..._ === !0 ? { "data-disabled": "" } : {},
+		"data-part": "item",
+		...g ? { "data-pressed": "" } : {},
+		onClick: (e) => {
+			i?.(e), !e.defaultPrevented && m.toggle(f, v(e), e);
+		},
+		style: s
+	};
+	return o === void 0 ? /* @__PURE__ */ l("button", {
+		...y,
+		disabled: _,
+		ref: a,
+		type: d ?? "button"
+	}) : o(y);
+}
+//#endregion
+export { f as a, p as i, _ as n, h as r, y as t };

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./toggle-group-DQBlI1TV.js";
+import { a as e, i as t, n, r, t as i } from "./toggle-group-7iBR9Rn1.js";
 export { n as ToggleGroup, t as ToggleGroupDefaultsProvider, i as ToggleGroupItem, r as useToggleGroup, e as useToggleGroupDefaults };

package/dist/{toolbar-CDQTydDx.js → toolbar-DDZpEftQ.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, g as r, n as i, t as a } from "./menu-parts-BQej6eU9.js";
+import { _ as n, g as r, n as i, t as a } from "./menu-parts-W58pVNUt.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";

package/dist/toolbar.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./toolbar-CDQTydDx.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./toolbar-DDZpEftQ.js";
 export { a as Toolbar, s as ToolbarDefaultsProvider, c as ToolbarGroup, i as ToolbarItem, e as ToolbarOverflow, o as ToolbarSeparator, n as ToolbarSpacer, t as useToolbarDefaults, r as useToolbarOverflow };

package/dist/{tooltip-BggqPDcW.js → tooltip-DbKTPe_i.js}

@@ -1,12 +1,12 @@
-import { t as e } from "./react-dom-DzrKNxo6.js";
-import { createControllable as t } from "@slotted/core/state";
-import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useImperativeHandle 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 { 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",
@@ -33,27 +33,27 @@ var _ = {
 	touchDelay: 500,
 	variant: "inverse",
 	whenClipped: !1
-}, v = n({
+}, v = t({
 	defaults: _,
 	group: { lastClosedAt: 0 }
 });
 function y() {
-	return i(v).defaults;
+	return r(v).defaults;
 }
-function b() {
-	return i(v).group;
+function ee() {
+	return r(v).group;
 }
-function ee({ children: e, container: t, ...n }) {
-	let r = y(), i = c({ lastClosedAt: 0 }), o = {
+function b({ children: e, container: t, ...n }) {
+	let r = y(), a = s({ lastClosedAt: 0 }), o = {
 		defaults: {
 			...r,
 			...x(n)
 		},
-		group: i.current
+		group: a.current
 	};
-	return a(() => {
-		if (t !== void 0) return m(t), () => m(null);
-	}, [t]), /* @__PURE__ */ u(v.Provider, {
+	return i(() => {
+		if (t !== void 0) return p(t), () => p(null);
+	}, [t]), /* @__PURE__ */ l(v.Provider, {
 		value: o,
 		children: e
 	});
@@ -64,19 +64,19 @@ function x(e) {
 }
 //#endregion
 //#region src/tooltip/tooltip.tsx
-var S = n(void 0), C = n({ current: void 0 });
+var S = t(void 0), C = t({ current: void 0 });
 function te() {
-	return i(C);
+	return r(C);
 }
 function w() {
-	let e = i(S);
+	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: e, alignOffset: n, arrow: i, arrowPadding: f, children: p, closeDelay: m, closeOnPress: h, collisionPadding: g, defaultOpen: _, describes: v, disabled: ee, 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 = b(), H = `${o()}tooltip`, [U, W] = l(_ ?? !1), [G, ne] = l(null), [re, ie] = l(null), ae = c(void 0), K = ee === !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 = c(q);
+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 = c(void 0), de = z ?? B.whenClipped, Z = c({
+	let X = s(void 0), de = z ?? B.whenClipped, Z = s({
 		current: q,
 		disabled: K,
 		group: V,
@@ -94,21 +94,21 @@ function T({ align: e, alignOffset: n, arrow: i, arrowPadding: f, children: p, c
 		triggerNode: G,
 		whenClipped: de
 	};
-	let Q = r(() => {
+	let Q = n(() => {
 		X.current !== void 0 && clearTimeout(X.current), X.current = void 0;
-	}, []), $ = r((e, n, r) => {
+	}, []), $ = n((t, n, r) => {
 		Q();
 		let i = Z.current;
-		if (e === i.current || e && i.disabled || e && i.whenClipped && i.triggerNode !== null && !d(i.triggerNode)) return;
-		let a = !1, o = t({
+		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(e, n, r);
-		a || (e || (i.group.lastClosedAt = Date.now()), o && W(e));
-	}, [Q]), fe = r((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) {
@@ -121,7 +121,7 @@ function T({ align: e, alignOffset: n, arrow: i, arrowPadding: f, children: p, c
 		le,
 		J,
 		$
-	]), pe = r((e) => {
+	]), pe = n((e) => {
 		if (Q(), Y <= 0) {
 			$(!1, "pointer", e);
 			return;
@@ -131,23 +131,23 @@ function T({ align: e, alignOffset: n, arrow: i, arrowPadding: f, children: p, c
 		Q,
 		Y,
 		$
-	]), me = r((e) => {
+	]), me = n((e) => {
 		Q(), X.current = setTimeout(() => $(!0, "pointer", e), ce);
 	}, [
 		Q,
 		ce,
 		$
 	]);
-	a(() => Q, [Q]), a(() => {
+	i(() => Q, [Q]), i(() => {
 		K && (Q(), W(!1));
-	}, [Q, K]), s(j, () => ({
+	}, [Q, K]), o(j, () => ({
 		close: () => $(!1, "programmatic"),
 		open: () => $(!0, "programmatic"),
 		reposition: () => ae.current?.()
 	}), [$]);
 	let he = {
-		align: e ?? B.align,
-		alignOffset: n ?? B.alignOffset,
+		align: t ?? B.align,
+		alignOffset: r ?? B.alignOffset,
 		arrowNode: re,
 		arrowPadding: f ?? B.arrowPadding,
 		cancelPending: Q,
@@ -170,7 +170,7 @@ function T({ align: e, alignOffset: n, arrow: i, arrowPadding: f, children: p, c
 		setArrowNode: ie,
 		setTriggerNode: ne,
 		shift: M ?? B.shift,
-		showArrow: i ?? B.arrow,
+		showArrow: d ?? B.arrow,
 		side: N ?? B.side,
 		sideOffset: P ?? B.sideOffset,
 		size: F ?? B.size,
@@ -179,9 +179,9 @@ function T({ align: e, alignOffset: n, arrow: i, arrowPadding: f, children: p, c
 		triggerNode: G,
 		variant: R ?? B.variant
 	};
-	return /* @__PURE__ */ u(S.Provider, {
+	return /* @__PURE__ */ l(S.Provider, {
 		value: he,
-		children: /* @__PURE__ */ u(C.Provider, {
+		children: /* @__PURE__ */ l(C.Provider, {
 			value: ae,
 			children: p
 		})
@@ -189,19 +189,18 @@ function T({ align: e, alignOffset: n, arrow: i, arrowPadding: f, children: p, c
 }
 //#endregion
 //#region src/tooltip/tooltip-parts.tsx
-var E = e();
-function D(e, t) {
+function E(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function O(e, ...t) {
+function D(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function k({ children: e, ref: t, render: n, ...i }) {
-	let a = w(), o = c(!1), s = (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);
-	}, l = (e) => {
+	}, u = (e) => {
 		o.current = !1, a.openOn !== "manual" && a.closeAfterDelay(e.nativeEvent);
 	}, d = (e) => {
 		if (e.pointerType === "touch") {
@@ -223,61 +222,61 @@ function k({ children: e, ref: t, render: n, ...i }) {
 		..._ && 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 = r((e) => {
-		a.setTriggerNode(e), O(e, t);
+		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 n === void 0 ? /* @__PURE__ */ u("button", {
+	return r === void 0 ? /* @__PURE__ */ l("button", {
 		type: "button",
 		...v,
 		ref: y
-	}) : n({
+	}) : r({
 		...v,
 		ref: y
 	});
 }
-function A({ children: e, ref: t, render: n, ...i }) {
-	let o = w(), s = te(), [d, m] = l(null), [_, v] = l(null), [y, b] = l("unmounted"), [ee, x] = l(!1), S = c(null), C = c(o);
-	C.current = o, a(() => {
-		let e = f({
-			present: C.current.open,
+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 S.current = e, b(e.status), () => {
-			e.destroy(), S.current = null;
+		return C.current = e, b(e.status), () => {
+			e.destroy(), C.current = null;
 		};
-	}, []), a(() => {
-		S.current?.sync(o.open);
-	}, [o.open]), a(() => {
-		S.current?.setNode(d);
-	}, [d]);
-	let T = o.mount === "eager" || o.mount === "lazy" && o.seen || y !== "unmounted";
-	a(() => {
-		if (!T) {
-			v(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 = p({
+		let e = f({
 			origin: o.triggerNode,
 			disabled: !o.portal
 		});
-		return v(e.container), () => e.release();
+		return y(e.container), () => e.release();
 	}, [
-		T,
+		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;
-	a(() => {
-		if (d === null || o.triggerNode === null) return;
-		let e = !0, t = g(o.triggerNode, d, {
+	i(() => {
+		if (p === null || o.triggerNode === null) return;
+		let e = !0, t = h(o.triggerNode, p, {
 			align: k,
 			alignOffset: A,
 			boundaryPadding: N,
@@ -292,10 +291,10 @@ function A({ children: e, ref: t, render: n, ...i }) {
 				arrowPadding: M
 			} : {}
 		});
-		return s.current = () => void t.update(), t.update().then(() => {
-			e && x(!0);
+		return u.current = () => void t.update(), t.update().then(() => {
+			e && S(!0);
 		}), () => {
-			e = !1, s.current = void 0, t.destroy(), x(!1);
+			e = !1, u.current = void 0, t.destroy(), S(!1);
 		};
 	}, [
 		k,
@@ -305,16 +304,16 @@ function A({ children: e, ref: t, render: n, ...i }) {
 		N,
 		P,
 		F,
-		d,
-		s,
+		p,
+		u,
 		I,
 		L,
 		R,
 		z,
 		o.triggerNode
-	]), a(() => {
-		if (d === null || !o.open) return;
-		let e = h(d, {
+	]), i(() => {
+		if (p === null || !o.open) return;
+		let e = m(p, {
 			escape: !0,
 			focusOutside: !1,
 			modal: !1,
@@ -322,12 +321,12 @@ function A({ children: e, ref: t, render: n, ...i }) {
 			scrollLock: !1,
 			...o.triggerNode ? { branches: [o.triggerNode] } : {},
 			onDismiss: (e) => {
-				C.current.toggle(!1, e.reason === "escape" ? "escape" : "pointer", e.source);
+				T.current.toggle(!1, e.reason === "escape" ? "escape" : "pointer", e.source);
 			}
 		});
 		return () => e.destroy();
 	}, [
-		d,
+		p,
 		o.open,
 		o.triggerNode
 	]);
@@ -335,32 +334,32 @@ function A({ children: e, ref: t, render: n, ...i }) {
 		o.hoverable && o.cancelPending();
 	}, V = (e) => {
 		o.hoverable && o.closeAfterDelay(e.nativeEvent);
-	}, H = r((e) => {
-		m(e), O(e, t);
+	}, H = n((e) => {
+		_(e), D(e, t);
 	}, [t]);
-	if (!T) return null;
+	if (!O) return null;
 	let U = {
-		...i,
+		...a,
 		children: e,
 		"data-align": k,
 		...o.hoverable ? { "data-hoverable": "" } : {},
-		...o.open && ee ? { "data-open": "" } : {},
+		...o.open && x ? { "data-open": "" } : {},
 		"data-part": "root",
 		"data-size": o.size,
 		"data-ui": "tooltip",
 		"data-variant": o.variant,
-		onPointerEnter: D(i.onPointerEnter, B),
-		onPointerLeave: D(i.onPointerLeave, V)
-	}, W = n === void 0 ? /* @__PURE__ */ u("div", {
+		onPointerEnter: E(a.onPointerEnter, B),
+		onPointerLeave: E(a.onPointerLeave, V)
+	}, W = r === void 0 ? /* @__PURE__ */ l("div", {
 		...U,
 		ref: H
-	}) : n({
+	}) : r({
 		...U,
 		ref: H
 	});
-	return _ === null ? W : (0, E.createPortal)(W, _);
+	return v === null ? W : g(W, v);
 }
-function j({ children: e, ref: t, render: n, ...r }) {
+function A({ children: e, ref: t, render: n, ...r }) {
 	let i = w(), a = {
 		...r,
 		children: e,
@@ -369,25 +368,25 @@ function j({ children: e, ref: t, render: n, ...r }) {
 		id: i.contentId,
 		role: "tooltip"
 	};
-	return n === void 0 ? /* @__PURE__ */ u("div", {
+	return n === void 0 ? /* @__PURE__ */ l("div", {
 		...a,
 		ref: t
 	}) : n(a);
 }
-function M({ ref: e, render: t, ...n }) {
-	let i = w(), a = r((t) => {
-		i.setArrowNode(t), O(t, e);
+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 = {
-		...n,
+		...r,
 		"aria-hidden": !0,
 		"data-part": "arrow"
 	};
-	return t === void 0 ? /* @__PURE__ */ u("div", {
+	return t === void 0 ? /* @__PURE__ */ l("div", {
 		...o,
 		ref: a
 	}) : t(o);
 }
 //#endregion
-export { T as a, ee as c, k as i, y as l, j as n, w as o, A as r, _ as s, M as t };
+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 };

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./tooltip-BggqPDcW.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./tooltip-DbKTPe_i.js";
 export { s as TOOLTIP_FALLBACK, e as Tooltip, c as TooltipArrow, i as TooltipContent, t as TooltipDefaultsProvider, o as TooltipLayer, n as TooltipTrigger, a as useTooltip, r as useTooltipDefaults };