@telegraph/tooltip 0.3.0 → 0.4.0

package/dist/esm/index.mjs

@@ -3471,28 +3471,36 @@ var xs = /* @__PURE__ */ bs("div"), Ss = s.createContext({
 		},
 		children: e
 	});
-}, Ts = ({ delayDuration: c = 400, skipDelayDuration: l, disableHoverableContent: u, defaultOpen: d, open: f, onOpenChange: p, "aria-label": m, onEscapeKeyDown: h, onPointerDownOutside: g, forceMount: _, side: v = "bottom", sideOffset: y = 4, align: b = "center", alignOffset: x, avoidCollisions: S, collisionBoundary: C, collisionPadding: w, arrowPadding: T, sticky: ee, hideWhenDetached: te, skipAnimation: ne, label: re, labelProps: ie, enabled: ae = !0, triggerRef: oe, children: se }) => {
-	let [E, ce] = t({
+}, Ts = ({ delayDuration: c = 400, skipDelayDuration: l, disableHoverableContent: u, defaultOpen: d, open: f, onOpenChange: p, "aria-label": m, onEscapeKeyDown: h, onPointerDownOutside: g, forceMount: _, side: v = "bottom", sideOffset: y = 4, align: b = "center", alignOffset: x, avoidCollisions: S, collisionBoundary: C, collisionPadding: w, arrowPadding: T, sticky: ee, hideWhenDetached: te, skipAnimation: ne, label: re, labelProps: ie, enabled: ae = !0, disableFocusOpen: oe = !1, triggerRef: se, children: E }) => {
+	let [ce, D] = t({
 		prop: f,
 		onChange: p,
 		defaultProp: d ?? !1
-	}), { groupOpen: D } = Cs({
-		open: !!E,
+	}), { groupOpen: O } = Cs({
+		open: !!ce,
 		delay: c
-	}), O = s.Children.toArray(se).some((e) => s.isValidElement(e) ? e.props.disabled : !1), k = D || O ? 0 : c, le = !D;
+	}), k = s.Children.toArray(E).some((e) => s.isValidElement(e) ? e.props.disabled : !1), le = O || k ? 0 : c, ue = !O, de = (e) => {
+		if (e === "top") return { y: -5 };
+		if (e === "bottom") return { y: 5 };
+		if (e === "left") return { x: -5 };
+		if (e === "right") return { x: 5 };
+	};
 	return /* @__PURE__ */ a(po, {
 		features: ys,
 		children: /* @__PURE__ */ a(e.Provider, {
-			delayDuration: k,
+			delayDuration: le,
 			skipDelayDuration: l,
 			disableHoverableContent: u,
 			children: /* @__PURE__ */ o(e.Root, {
-				open: ae === !1 ? !1 : E,
-				onOpenChange: ce,
+				open: ae === !1 ? !1 : ce,
+				onOpenChange: D,
 				children: [/* @__PURE__ */ a(e.Trigger, {
 					asChild: !0,
-					ref: oe,
-					children: /* @__PURE__ */ a(n, { children: se })
+					ref: se,
+					children: /* @__PURE__ */ a(n, {
+						...oe ? { onFocus: (e) => e.preventDefault() } : {},
+						children: E
+					})
 				}), /* @__PURE__ */ a(e.Portal, { children: /* @__PURE__ */ a(e.Content, {
 					"aria-label": m,
 					onEscapeKeyDown: h,
@@ -3512,15 +3520,10 @@ var xs = /* @__PURE__ */ bs("div"), Ss = s.createContext({
 					children: /* @__PURE__ */ a(r, {
 						as: xs,
 						className: "tgph",
-						initial: le && !ne ? {
+						initial: ue && !ne ? {
 							opacity: 0,
 							scale: .8,
-							...((e) => {
-								if (e === "top") return { y: -5 };
-								if (e === "bottom") return { y: 5 };
-								if (e === "left") return { x: -5 };
-								if (e === "right") return { x: 5 };
-							})(v)
+							...de(v)
 						} : {},
 						animate: {
 							opacity: 1,
@@ -3541,7 +3544,7 @@ var xs = /* @__PURE__ */ bs("div"), Ss = s.createContext({
 						align: "center",
 						justify: "center",
 						style: { transformOrigin: "var(--radix-tooltip-content-transform-origin)" },
-						...ie ? { labelProps: ie } : {},
+						...ie ?? {},
 						children: typeof re == "string" ? /* @__PURE__ */ a(i, {
 							as: "span",
 							size: "1",