@tamagui/tooltip 3.0.0-beta.922.1 → 3.0.0

package/dist/cjs/Tooltip.cjs

@@ -36,22 +36,27 @@ var import_polyfill_dev = require("@tamagui/polyfill-dev");
 var import_floating = require("@tamagui/floating");
 var import_core2 = require("@tamagui/core");
 var import_floating2 = require("@tamagui/floating");
-var import_get_token = require("@tamagui/get-token");
 var import_helpers = require("@tamagui/helpers");
 var import_popover = require("@tamagui/popover");
 var import_popper = require("@tamagui/popper");
-var import_stacks = require("@tamagui/stacks");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var React = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 const TOOLTIP_SCOPE = "";
-const TooltipContentFrame = (0, import_core.styled)(import_popper.PopperContentFrame, { variants: { elevation: import_stacks.getElevation } });
+const TooltipContentFrame = (0, import_core.styled)(import_popper.PopperContentFrame, {
+	name: "TooltipContent",
+	paddingHorizontal: "2.5",
+	paddingVertical: "1",
+	borderRadius: "2"
+});
+const TooltipInstantContext = React.createContext(false);
 const ALWAYS_DISABLE_TOOLTIP = {
 	focus: true,
 	"remove-scroll": true
 };
 const TooltipContent = (0, import_core.createStyledHOC)(TooltipContentFrame, (props, ref) => {
 	const preventAnimation = React.useContext(PreventTooltipAnimationContext);
+	const isInstant = React.useContext(TooltipInstantContext);
 	const zIndexFromContext = React.useContext(TooltipZIndexContext);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, {
 		scope: props.scope || TOOLTIP_SCOPE,
@@ -59,9 +64,15 @@ const TooltipContent = (0, import_core.createStyledHOC)(TooltipContentFrame, (pr
 		backgroundColor: "background",
 		alignItems: "center",
 		pointerEvents: "none",
+		paddingHorizontal: "2.5",
+		paddingVertical: "1",
+		borderRadius: "2",
 		...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },
 		...props,
-		...preventAnimation && { transition: null },
+		...(preventAnimation || isInstant) && {
+			transition: null,
+			"data-instant": ""
+		},
 		ref
 	});
 }, { displayName: "Tooltip" });
@@ -94,8 +105,9 @@ const TooltipComponent = (0, import_core.createRefComponent)(function Tooltip(pr
 	"use no memo";
 	const { children, delay: delayProp, restMs: restMsProp, onOpenChange: onOpenChangeProp, focus, open: openProp, disableAutoCloseOnScroll, zIndex, scope = TOOLTIP_SCOPE, ...restProps } = props;
 	const triggerRef = React.useRef(null);
+	const closeReasonRef = React.useRef(void 0);
 	const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
-	const { delay: delayGroup, setCurrentId } = (0, import_floating.useDelayGroupContext)();
+	const { delay: delayGroup, setCurrentId, currentId } = (0, import_floating.useDelayGroupContext)();
 	const delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400;
 	const restMs = restMsProp ?? (typeof delay === "number" ? delay : 0);
 	const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
@@ -103,12 +115,26 @@ const TooltipComponent = (0, import_core.createRefComponent)(function Tooltip(pr
 		defaultProp: false,
 		onChange: onOpenChangeProp
 	});
-	const id = props.groupId;
-	const onOpenChange = (0, import_core2.useEvent)((open2) => {
-		if (open2) {
+	const autoId = React.useId();
+	const id = props.groupId ?? autoId;
+	const [isInstant, setIsInstant] = React.useState(false);
+	React.useEffect(() => {
+		if (!open) {
+			setIsInstant(false);
+		}
+	}, [open]);
+	const onOpenChange = (0, import_core2.useEvent)((openVal) => {
+		if (openVal) {
+			if (currentId != null && currentId !== id) {
+				setIsInstant(true);
+			} else {
+				setIsInstant(false);
+			}
 			setCurrentId(id);
+		} else {
+			setIsInstant(false);
 		}
-		setOpen(open2);
+		setOpen(openVal);
 	});
 	React.useEffect(() => {
 		if (!open) return;
@@ -127,6 +153,7 @@ const TooltipComponent = (0, import_core.createRefComponent)(function Tooltip(pr
 	const floatingContext = (0, import_popover.useFloatingContext)({
 		open,
 		setOpen: onOpenChange,
+		closeReasonRef,
 		disable: false,
 		disableFocus: false,
 		hoverable: true,
@@ -139,12 +166,10 @@ const TooltipComponent = (0, import_core.createRefComponent)(function Tooltip(pr
 	const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
 	const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
 	const contentId = React.useId();
-	const smallerSize = (0, import_get_token.oneSizeTokenSmaller)(import_core.defaultTokenSizePolicy.fontSize);
 	const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating2.FloatingOverrideContext.Provider, {
 		value: floatingContext,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.Popper, {
 			scope,
-			size: smallerSize,
 			allowFlip: true,
 			stayInFrame: true,
 			open,
@@ -155,6 +180,7 @@ const TooltipComponent = (0, import_core.createRefComponent)(function Tooltip(pr
 				triggerRef,
 				open,
 				onOpenChange: setOpen,
+				closeReasonRef,
 				onOpenToggle: voidFn,
 				hasCustomAnchor,
 				onCustomAnchorAdd,
@@ -163,13 +189,17 @@ const TooltipComponent = (0, import_core.createRefComponent)(function Tooltip(pr
 			})
 		})
 	});
+	const wrappedContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipInstantContext.Provider, {
+		value: isInstant,
+		children: content
+	});
 	if (zIndex !== void 0) {
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipZIndexContext.Provider, {
 			value: zIndex,
-			children: content
+			children: wrappedContent
 		});
 	}
-	return content;
+	return wrappedContent;
 });
 const TooltipTrigger = (0, import_core.createRefComponent)(function TooltipTrigger2(props, ref) {
 	const { scope, ...rest } = props;

package/dist/cjs/TooltipSimple.cjs

@@ -28,12 +28,11 @@ var TooltipSimple_exports = {};
 __export(TooltipSimple_exports, { TooltipSimple: () => TooltipSimple });
 module.exports = __toCommonJS(TooltipSimple_exports);
 var import_core = require("@tamagui/core");
-var import_get_token = require("@tamagui/get-token");
 var import_text = require("@tamagui/text");
 var React = __toESM(require("react"), 1);
 var import_Tooltip = require("./Tooltip.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const TooltipSimple = (0, import_core.createRefComponent)(({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
+const TooltipSimple = (0, import_core.createRefComponent)(({ label, children, contentProps, disabled, size = 7, ...tooltipProps }, ref) => {
 	"use no memo";
 	const child = React.Children.only(children);
 	if (!label) {
@@ -52,20 +51,26 @@ const TooltipSimple = (0, import_core.createRefComponent)(({ label, children, co
 			asChild: "except-style",
 			children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Tooltip.Tooltip.Content, {
-			theme: "Tooltip",
+			theme: "brand",
 			y: "enter:-4px exit:-4px",
 			scale: "1 enter:0.96 exit:0.96",
 			opacity: "1 enter:0 exit:0",
 			pointerEvents: "none",
-			paddingHorizontal: (0, import_core.getVariableValue)((0, import_get_token.getSpace)(tooltipProps.size ?? true)),
-			paddingVertical: Math.max(0, Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(tooltipProps.size ?? true)) * .36 - 9)),
-			borderRadius: (0, import_core.getVariableValue)((0, import_get_token.getRadius)(tooltipProps.size ?? true)),
+			paddingHorizontal: "2",
+			paddingVertical: "1",
+			borderRadius: 6,
 			boxShadow: "0 2px 4px shadow-color",
-			transition: ["quicker", { opacity: { overshootClamping: true } }],
+			transition: {
+				preset: "quicker",
+				properties: "transform, opacity",
+				opacity: {
+					preset: "quicker",
+					spring: { overshootClamping: true }
+				}
+			},
 			...contentProps,
-			animateOnly: ["transform", "opacity"],
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Arrow, {
-				size: tooltipProps.size ?? 7,
+				size,
 				backgroundColor: "background",
 				borderColor: "border-color"
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Paragraph, {

package/dist/esm/Tooltip.mjs

@@ -1,22 +1,27 @@
-import { createRefComponent, createStyledHOC, defaultTokenSizePolicy, styled, useEvent } from "@tamagui/core";
+import { createRefComponent, createStyledHOC, styled, useEvent } from "@tamagui/core";
 import { FloatingDelayGroup, FloatingOverrideContext, useDelayGroupContext } from "@tamagui/floating";
-import { oneSizeTokenSmaller } from "@tamagui/get-token";
 import { withStaticProperties } from "@tamagui/helpers";
 import { PopoverAnchor, PopoverArrow, PopoverContent, PopoverContextProvider, PopoverTrigger, useFloatingContext } from "@tamagui/popover";
 import { Popper, PopperContentFrame } from "@tamagui/popper";
-import { getElevation } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
 const TOOLTIP_SCOPE = "";
-const TooltipContentFrame = styled(PopperContentFrame, { variants: { elevation: getElevation } });
+const TooltipContentFrame = styled(PopperContentFrame, {
+	name: "TooltipContent",
+	paddingHorizontal: "2.5",
+	paddingVertical: "1",
+	borderRadius: "2"
+});
+const TooltipInstantContext = React.createContext(false);
 const ALWAYS_DISABLE_TOOLTIP = {
 	focus: true,
 	"remove-scroll": true
 };
 const TooltipContent = createStyledHOC(TooltipContentFrame, (props, ref) => {
 	const preventAnimation = React.useContext(PreventTooltipAnimationContext);
+	const isInstant = React.useContext(TooltipInstantContext);
 	const zIndexFromContext = React.useContext(TooltipZIndexContext);
 	return /* @__PURE__ */ jsx(PopoverContent, {
 		scope: props.scope || TOOLTIP_SCOPE,
@@ -24,9 +29,15 @@ const TooltipContent = createStyledHOC(TooltipContentFrame, (props, ref) => {
 		backgroundColor: "background",
 		alignItems: "center",
 		pointerEvents: "none",
+		paddingHorizontal: "2.5",
+		paddingVertical: "1",
+		borderRadius: "2",
 		...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },
 		...props,
-		...preventAnimation && { transition: null },
+		...(preventAnimation || isInstant) && {
+			transition: null,
+			"data-instant": ""
+		},
 		ref
 	});
 }, { displayName: "Tooltip" });
@@ -59,8 +70,9 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 	"use no memo";
 	const { children, delay: delayProp, restMs: restMsProp, onOpenChange: onOpenChangeProp, focus, open: openProp, disableAutoCloseOnScroll, zIndex, scope = TOOLTIP_SCOPE, ...restProps } = props;
 	const triggerRef = React.useRef(null);
+	const closeReasonRef = React.useRef(void 0);
 	const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
-	const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
+	const { delay: delayGroup, setCurrentId, currentId } = useDelayGroupContext();
 	const delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400;
 	const restMs = restMsProp ?? (typeof delay === "number" ? delay : 0);
 	const [open, setOpen] = useControllableState({
@@ -68,12 +80,26 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 		defaultProp: false,
 		onChange: onOpenChangeProp
 	});
-	const id = props.groupId;
-	const onOpenChange = useEvent((open2) => {
-		if (open2) {
+	const autoId = React.useId();
+	const id = props.groupId ?? autoId;
+	const [isInstant, setIsInstant] = React.useState(false);
+	React.useEffect(() => {
+		if (!open) {
+			setIsInstant(false);
+		}
+	}, [open]);
+	const onOpenChange = useEvent((openVal) => {
+		if (openVal) {
+			if (currentId != null && currentId !== id) {
+				setIsInstant(true);
+			} else {
+				setIsInstant(false);
+			}
 			setCurrentId(id);
+		} else {
+			setIsInstant(false);
 		}
-		setOpen(open2);
+		setOpen(openVal);
 	});
 	React.useEffect(() => {
 		if (!open) return;
@@ -92,6 +118,7 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 	const floatingContext = useFloatingContext({
 		open,
 		setOpen: onOpenChange,
+		closeReasonRef,
 		disable: false,
 		disableFocus: false,
 		hoverable: true,
@@ -104,12 +131,10 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 	const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
 	const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
 	const contentId = React.useId();
-	const smallerSize = oneSizeTokenSmaller(defaultTokenSizePolicy.fontSize);
 	const content = /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, {
 		value: floatingContext,
 		children: /* @__PURE__ */ jsx(Popper, {
 			scope,
-			size: smallerSize,
 			allowFlip: true,
 			stayInFrame: true,
 			open,
@@ -120,6 +145,7 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 				triggerRef,
 				open,
 				onOpenChange: setOpen,
+				closeReasonRef,
 				onOpenToggle: voidFn,
 				hasCustomAnchor,
 				onCustomAnchorAdd,
@@ -128,13 +154,17 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 			})
 		})
 	});
+	const wrappedContent = /* @__PURE__ */ jsx(TooltipInstantContext.Provider, {
+		value: isInstant,
+		children: content
+	});
 	if (zIndex !== void 0) {
 		return /* @__PURE__ */ jsx(TooltipZIndexContext.Provider, {
 			value: zIndex,
-			children: content
+			children: wrappedContent
 		});
 	}
-	return content;
+	return wrappedContent;
 });
 const TooltipTrigger = createRefComponent(function TooltipTrigger2(props, ref) {
 	const { scope, ...rest } = props;

package/dist/esm/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":[],"sources":["esm/Tooltip.js"],"sourcesContent":["import {\n  createStyledHOC,\n  createRefComponent,\n  defaultTokenSizePolicy,\n  styled\n} from \"@tamagui/core\";\n\nimport { FloatingDelayGroup, useDelayGroupContext } from \"@tamagui/floating\";\nimport { useEvent } from \"@tamagui/core\";\nimport { FloatingOverrideContext } from \"@tamagui/floating\";\nimport { oneSizeTokenSmaller } from \"@tamagui/get-token\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverContent,\n  PopoverContextProvider,\n  PopoverTrigger,\n  useFloatingContext\n} from \"@tamagui/popover\";\nimport { Popper, PopperContentFrame } from \"@tamagui/popper\";\nimport { getElevation } from \"@tamagui/stacks\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOOLTIP_SCOPE = \"\";\nconst TooltipContentFrame = styled(PopperContentFrame, {\n  variants: {\n    elevation: getElevation\n  }\n});\nconst ALWAYS_DISABLE_TOOLTIP = {\n  focus: true,\n  \"remove-scroll\": true\n  // it's nice to hit escape to hide a tooltip\n  // dismiss: true\n};\nconst TooltipContent = createStyledHOC(\n  TooltipContentFrame,\n  (props, ref) => {\n    const preventAnimation = React.useContext(PreventTooltipAnimationContext);\n    const zIndexFromContext = React.useContext(TooltipZIndexContext);\n    return /* @__PURE__ */ jsx(\n      PopoverContent,\n      {\n        scope: props.scope || TOOLTIP_SCOPE,\n        alwaysDisable: ALWAYS_DISABLE_TOOLTIP,\n        backgroundColor: \"background\",\n        alignItems: \"center\",\n        pointerEvents: \"none\",\n        ...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },\n        ...props,\n        ...preventAnimation && { transition: null },\n        ref\n      }\n    );\n  },\n  {\n    displayName: \"Tooltip\"\n  }\n);\nconst TooltipArrow = createRefComponent(\n  (props, ref) => {\n    const { className, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      PopoverArrow,\n      {\n        scope: props.scope || TOOLTIP_SCOPE,\n        className: `is_Tooltip ${className || \"\"}`.trim(),\n        ref,\n        ...rest\n      }\n    );\n  }\n);\nconst PreventTooltipAnimationContext = React.createContext(false);\nconst TooltipZIndexContext = React.createContext(void 0);\nconst TooltipGroup = ({\n  children,\n  delay,\n  preventAnimation = false,\n  timeoutMs\n}) => {\n  return /* @__PURE__ */ jsx(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ jsx(\n    FloatingDelayGroup,\n    {\n      timeoutMs,\n      delay: React.useMemo(() => delay, [JSON.stringify(delay)]),\n      children\n    }\n  ) });\n};\nconst setOpens = /* @__PURE__ */ new Set();\nconst closeOpenTooltips = () => {\n  setOpens.forEach((x) => x(false));\n};\nconst TooltipComponent = createRefComponent(function Tooltip(props, ref) {\n  \"use no memo\";\n  const {\n    children,\n    delay: delayProp,\n    restMs: restMsProp,\n    onOpenChange: onOpenChangeProp,\n    focus,\n    open: openProp,\n    disableAutoCloseOnScroll,\n    zIndex,\n    scope = TOOLTIP_SCOPE,\n    ...restProps\n  } = props;\n  const triggerRef = React.useRef(null);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const { delay: delayGroup, setCurrentId } = useDelayGroupContext();\n  const delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400;\n  const restMs = restMsProp ?? (typeof delay === \"number\" ? delay : 0);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: false,\n    onChange: onOpenChangeProp\n  });\n  const id = props.groupId;\n  const onOpenChange = useEvent((open2) => {\n    if (open2) {\n      setCurrentId(id);\n    }\n    setOpen(open2);\n  });\n  React.useEffect(() => {\n    if (!open) return;\n    if (disableAutoCloseOnScroll) return;\n    if (typeof document === \"undefined\") return;\n    const closeIt = () => {\n      setOpen(false);\n    };\n    setOpens.add(setOpen);\n    document.documentElement.addEventListener(\"scroll\", closeIt);\n    return () => {\n      setOpens.delete(setOpen);\n      document.documentElement.removeEventListener(\"scroll\", closeIt);\n    };\n  }, [open, disableAutoCloseOnScroll]);\n  const floatingContext = useFloatingContext({\n    open,\n    setOpen: onOpenChange,\n    disable: false,\n    disableFocus: false,\n    hoverable: true,\n    role: \"tooltip\",\n    focus,\n    groupId: id,\n    delay,\n    restMs\n  });\n  const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);\n  const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);\n  const contentId = React.useId();\n  const smallerSize = oneSizeTokenSmaller(defaultTokenSizePolicy.fontSize);\n  const content = /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: floatingContext, children: /* @__PURE__ */ jsx(\n    Popper,\n    {\n      scope,\n      size: smallerSize,\n      allowFlip: true,\n      stayInFrame: true,\n      open,\n      ...restProps,\n      children: /* @__PURE__ */ jsx(\n        PopoverContextProvider,\n        {\n          scope,\n          contentId,\n          triggerRef,\n          open,\n          onOpenChange: setOpen,\n          onOpenToggle: voidFn,\n          hasCustomAnchor,\n          onCustomAnchorAdd,\n          onCustomAnchorRemove,\n          children\n        }\n      )\n    }\n  ) });\n  if (zIndex !== void 0) {\n    return /* @__PURE__ */ jsx(TooltipZIndexContext.Provider, { value: zIndex, children: content });\n  }\n  return content;\n});\nconst TooltipTrigger = createRefComponent(function TooltipTrigger2(props, ref) {\n  const { scope, ...rest } = props;\n  return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });\n});\nconst TooltipAnchor = createRefComponent(function TooltipAnchor2(props, ref) {\n  const { scope, ...rest } = props;\n  return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });\n});\nconst Tooltip2 = withStaticProperties(TooltipComponent, {\n  Anchor: TooltipAnchor,\n  Arrow: TooltipArrow,\n  Content: TooltipContent,\n  Trigger: TooltipTrigger\n});\nconst voidFn = () => {\n};\nexport {\n  Tooltip2 as Tooltip,\n  TooltipGroup,\n  closeOpenTooltips\n};\n//# sourceMappingURL=Tooltip.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":[],"sources":["esm/Tooltip.js"],"sourcesContent":["import { createStyledHOC, createRefComponent, styled } from \"@tamagui/core\";\n\nimport { FloatingDelayGroup, useDelayGroupContext } from \"@tamagui/floating\";\nimport { useEvent } from \"@tamagui/core\";\nimport { FloatingOverrideContext } from \"@tamagui/floating\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverContent,\n  PopoverContextProvider,\n  PopoverTrigger,\n  useFloatingContext\n} from \"@tamagui/popover\";\nimport { Popper, PopperContentFrame } from \"@tamagui/popper\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOOLTIP_SCOPE = \"\";\nconst TooltipContentFrame = styled(PopperContentFrame, {\n  name: \"TooltipContent\",\n  paddingHorizontal: \"2.5\",\n  paddingVertical: \"1\",\n  borderRadius: \"2\"\n});\nconst TooltipInstantContext = React.createContext(false);\nconst ALWAYS_DISABLE_TOOLTIP = {\n  focus: true,\n  \"remove-scroll\": true\n  // it's nice to hit escape to hide a tooltip\n  // dismiss: true\n};\nconst TooltipContent = createStyledHOC(\n  TooltipContentFrame,\n  (props, ref) => {\n    const preventAnimation = React.useContext(PreventTooltipAnimationContext);\n    const isInstant = React.useContext(TooltipInstantContext);\n    const zIndexFromContext = React.useContext(TooltipZIndexContext);\n    return /* @__PURE__ */ jsx(\n      PopoverContent,\n      {\n        scope: props.scope || TOOLTIP_SCOPE,\n        alwaysDisable: ALWAYS_DISABLE_TOOLTIP,\n        backgroundColor: \"background\",\n        alignItems: \"center\",\n        pointerEvents: \"none\",\n        paddingHorizontal: \"2.5\",\n        paddingVertical: \"1\",\n        borderRadius: \"2\",\n        ...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },\n        ...props,\n        ...(preventAnimation || isInstant) && {\n          transition: null,\n          \"data-instant\": \"\"\n        },\n        ref\n      }\n    );\n  },\n  {\n    displayName: \"Tooltip\"\n  }\n);\nconst TooltipArrow = createRefComponent(\n  (props, ref) => {\n    const { className, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      PopoverArrow,\n      {\n        scope: props.scope || TOOLTIP_SCOPE,\n        className: `is_Tooltip ${className || \"\"}`.trim(),\n        ref,\n        ...rest\n      }\n    );\n  }\n);\nconst PreventTooltipAnimationContext = React.createContext(false);\nconst TooltipZIndexContext = React.createContext(void 0);\nconst TooltipGroup = ({\n  children,\n  delay,\n  preventAnimation = false,\n  timeoutMs\n}) => {\n  return /* @__PURE__ */ jsx(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ jsx(\n    FloatingDelayGroup,\n    {\n      timeoutMs,\n      delay: React.useMemo(() => delay, [JSON.stringify(delay)]),\n      children\n    }\n  ) });\n};\nconst setOpens = /* @__PURE__ */ new Set();\nconst closeOpenTooltips = () => {\n  setOpens.forEach((x) => x(false));\n};\nconst TooltipComponent = createRefComponent(function Tooltip(props, ref) {\n  \"use no memo\";\n  const {\n    children,\n    delay: delayProp,\n    restMs: restMsProp,\n    onOpenChange: onOpenChangeProp,\n    focus,\n    open: openProp,\n    disableAutoCloseOnScroll,\n    zIndex,\n    scope = TOOLTIP_SCOPE,\n    ...restProps\n  } = props;\n  const triggerRef = React.useRef(null);\n  const closeReasonRef = React.useRef(void 0);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const { delay: delayGroup, setCurrentId, currentId } = useDelayGroupContext();\n  const delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400;\n  const restMs = restMsProp ?? (typeof delay === \"number\" ? delay : 0);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: false,\n    onChange: onOpenChangeProp\n  });\n  const autoId = React.useId();\n  const id = props.groupId ?? autoId;\n  const [isInstant, setIsInstant] = React.useState(false);\n  React.useEffect(() => {\n    if (!open) {\n      setIsInstant(false);\n    }\n  }, [open]);\n  const onOpenChange = useEvent((openVal) => {\n    if (openVal) {\n      if (currentId != null && currentId !== id) {\n        setIsInstant(true);\n      } else {\n        setIsInstant(false);\n      }\n      setCurrentId(id);\n    } else {\n      setIsInstant(false);\n    }\n    setOpen(openVal);\n  });\n  React.useEffect(() => {\n    if (!open) return;\n    if (disableAutoCloseOnScroll) return;\n    if (typeof document === \"undefined\") return;\n    const closeIt = () => {\n      setOpen(false);\n    };\n    setOpens.add(setOpen);\n    document.documentElement.addEventListener(\"scroll\", closeIt);\n    return () => {\n      setOpens.delete(setOpen);\n      document.documentElement.removeEventListener(\"scroll\", closeIt);\n    };\n  }, [open, disableAutoCloseOnScroll]);\n  const floatingContext = useFloatingContext({\n    open,\n    setOpen: onOpenChange,\n    closeReasonRef,\n    disable: false,\n    disableFocus: false,\n    hoverable: true,\n    role: \"tooltip\",\n    focus,\n    groupId: id,\n    delay,\n    restMs\n  });\n  const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);\n  const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);\n  const contentId = React.useId();\n  const content = /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: floatingContext, children: /* @__PURE__ */ jsx(Popper, { scope, allowFlip: true, stayInFrame: true, open, ...restProps, children: /* @__PURE__ */ jsx(\n    PopoverContextProvider,\n    {\n      scope,\n      contentId,\n      triggerRef,\n      open,\n      onOpenChange: setOpen,\n      closeReasonRef,\n      onOpenToggle: voidFn,\n      hasCustomAnchor,\n      onCustomAnchorAdd,\n      onCustomAnchorRemove,\n      children\n    }\n  ) }) });\n  const wrappedContent = /* @__PURE__ */ jsx(TooltipInstantContext.Provider, { value: isInstant, children: content });\n  if (zIndex !== void 0) {\n    return /* @__PURE__ */ jsx(TooltipZIndexContext.Provider, { value: zIndex, children: wrappedContent });\n  }\n  return wrappedContent;\n});\nconst TooltipTrigger = createRefComponent(function TooltipTrigger2(props, ref) {\n  const { scope, ...rest } = props;\n  return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });\n});\nconst TooltipAnchor = createRefComponent(function TooltipAnchor2(props, ref) {\n  const { scope, ...rest } = props;\n  return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });\n});\nconst Tooltip2 = withStaticProperties(TooltipComponent, {\n  Anchor: TooltipAnchor,\n  Arrow: TooltipArrow,\n  Content: TooltipContent,\n  Trigger: TooltipTrigger\n});\nconst voidFn = () => {\n};\nexport {\n  Tooltip2 as Tooltip,\n  TooltipGroup,\n  closeOpenTooltips\n};\n//# sourceMappingURL=Tooltip.js.map\n"],"mappings":"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"}

package/dist/esm/TooltipSimple.mjs

@@ -1,11 +1,10 @@
-import { createRefComponent, getVariableValue } from "@tamagui/core";
-import { getRadius, getSize, getSpace } from "@tamagui/get-token";
+import { createRefComponent } from "@tamagui/core";
 import { Paragraph } from "@tamagui/text";
 import * as React from "react";
 import { Tooltip } from "./Tooltip.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-const TooltipSimple = createRefComponent(({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
+const TooltipSimple = createRefComponent(({ label, children, contentProps, disabled, size = 7, ...tooltipProps }, ref) => {
 	"use no memo";
 	const child = React.Children.only(children);
 	if (!label) {
@@ -24,20 +23,26 @@ const TooltipSimple = createRefComponent(({ label, children, contentProps, disab
 			asChild: "except-style",
 			children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
 		}), /* @__PURE__ */ jsxs(Tooltip.Content, {
-			theme: "Tooltip",
+			theme: "brand",
 			y: "enter:-4px exit:-4px",
 			scale: "1 enter:0.96 exit:0.96",
 			opacity: "1 enter:0 exit:0",
 			pointerEvents: "none",
-			paddingHorizontal: getVariableValue(getSpace(tooltipProps.size ?? true)),
-			paddingVertical: Math.max(0, Math.round(getVariableValue(getSize(tooltipProps.size ?? true)) * .36 - 9)),
-			borderRadius: getVariableValue(getRadius(tooltipProps.size ?? true)),
+			paddingHorizontal: "2",
+			paddingVertical: "1",
+			borderRadius: 6,
 			boxShadow: "0 2px 4px shadow-color",
-			transition: ["quicker", { opacity: { overshootClamping: true } }],
+			transition: {
+				preset: "quicker",
+				properties: "transform, opacity",
+				opacity: {
+					preset: "quicker",
+					spring: { overshootClamping: true }
+				}
+			},
 			...contentProps,
-			animateOnly: ["transform", "opacity"],
 			children: [/* @__PURE__ */ jsx(Tooltip.Arrow, {
-				size: tooltipProps.size ?? 7,
+				size,
 				backgroundColor: "background",
 				borderColor: "border-color"
 			}), /* @__PURE__ */ jsx(Paragraph, {

package/dist/esm/TooltipSimple.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipSimple.js","names":[],"sources":["esm/TooltipSimple.js"],"sourcesContent":["import { createRefComponent, getVariableValue } from \"@tamagui/core\";\nimport { getRadius, getSize, getSpace } from \"@tamagui/get-token\";\nimport { Paragraph } from \"@tamagui/text\";\nimport * as React from \"react\";\nimport { Tooltip } from \"./Tooltip\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst TooltipSimple = createRefComponent(\n  ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {\n    \"use no memo\";\n    const child = React.Children.only(children);\n    if (!label) {\n      return children;\n    }\n    return /* @__PURE__ */ jsxs(\n      Tooltip,\n      {\n        disableRTL: true,\n        offset: 15,\n        restMs: 40,\n        delay: 40,\n        zIndex: 1e6,\n        ...tooltipProps,\n        ...disabled ? { open: false } : null,\n        children: [\n          /* @__PURE__ */ jsx(\n            Tooltip.Trigger,\n            {\n              ...typeof label === \"string\" && {\n                \"aria-label\": label\n              },\n              asChild: \"except-style\",\n              children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Tooltip.Content,\n            {\n              theme: \"Tooltip\",\n              y: \"enter:-4px exit:-4px\",\n              scale: \"1 enter:0.96 exit:0.96\",\n              opacity: \"1 enter:0 exit:0\",\n              pointerEvents: \"none\",\n              paddingHorizontal: getVariableValue(getSpace(tooltipProps.size ?? true)),\n              paddingVertical: Math.max(\n                0,\n                Math.round(\n                  getVariableValue(getSize(tooltipProps.size ?? true)) * 0.36 - 9\n                )\n              ),\n              borderRadius: getVariableValue(getRadius(tooltipProps.size ?? true)),\n              boxShadow: \"0 2px 4px shadow-color\",\n              transition: [\"quicker\", { opacity: { overshootClamping: true } }],\n              ...contentProps,\n              animateOnly: [\"transform\", \"opacity\"],\n              children: [\n                /* @__PURE__ */ jsx(\n                  Tooltip.Arrow,\n                  {\n                    size: tooltipProps.size ?? 7,\n                    backgroundColor: \"background\",\n                    borderColor: \"border-color\"\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  Paragraph,\n                  {\n                    maxWidth: 350,\n                    overflow: \"hidden\",\n                    textAlign: \"center\",\n                    textWrap: \"web:balance\",\n                    size: \"3\",\n                    children: label\n                  }\n                )\n              ]\n            }\n          )\n        ]\n      }\n    );\n  }\n);\nexport {\n  TooltipSimple\n};\n//# sourceMappingURL=TooltipSimple.js.map\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,oBACnB,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,gBAAgB,QAAQ;CACrE;CACA,MAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;CAC1C,IAAI,CAAC,OAAO;EACV,OAAO;CACT;CACA,OAAuB,qBACrB,SACA;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG,WAAW,EAAE,MAAM,MAAM,IAAI;EAChC,UAAU,CACQ,oBACd,QAAQ,SACR;GACE,GAAG,OAAO,UAAU,YAAY,EAC9B,cAAc,MAChB;GACA,SAAS;GACT,UAAU,OAAO,MAAM,eAAe,KAAK,IAAI,MAAM,aAAa,OAAO,EAAE,IAAI,CAAC,IAAI;EACtF,CACF,GACgB,qBACd,QAAQ,SACR;GACE,OAAO;GACP,GAAG;GACH,OAAO;GACP,SAAS;GACT,eAAe;GACf,mBAAmB,iBAAiB,SAAS,aAAa,QAAQ,IAAI,CAAC;GACvE,iBAAiB,KAAK,IACpB,GACA,KAAK,MACH,iBAAiB,QAAQ,aAAa,QAAQ,IAAI,CAAC,IAAI,MAAO,CAChE,CACF;GACA,cAAc,iBAAiB,UAAU,aAAa,QAAQ,IAAI,CAAC;GACnE,WAAW;GACX,YAAY,CAAC,WAAW,EAAE,SAAS,EAAE,mBAAmB,KAAK,EAAE,CAAC;GAChE,GAAG;GACH,aAAa,CAAC,aAAa,SAAS;GACpC,UAAU,CACQ,oBACd,QAAQ,OACR;IACE,MAAM,aAAa,QAAQ;IAC3B,iBAAiB;IACjB,aAAa;GACf,CACF,GACgB,oBACd,WACA;IACE,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;IACV,MAAM;IACN,UAAU;GACZ,CACF,CACF;EACF,CACF,CACF;CACF,CACF;AACF,CACF"}
+{"version":3,"file":"TooltipSimple.js","names":[],"sources":["esm/TooltipSimple.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/core\";\nimport { Paragraph } from \"@tamagui/text\";\nimport * as React from \"react\";\nimport { Tooltip } from \"./Tooltip\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst TooltipSimple = createRefComponent(\n  ({ label, children, contentProps, disabled, size = 7, ...tooltipProps }, ref) => {\n    \"use no memo\";\n    const child = React.Children.only(children);\n    if (!label) {\n      return children;\n    }\n    return /* @__PURE__ */ jsxs(\n      Tooltip,\n      {\n        disableRTL: true,\n        offset: 15,\n        restMs: 40,\n        delay: 40,\n        zIndex: 1e6,\n        ...tooltipProps,\n        ...disabled ? { open: false } : null,\n        children: [\n          /* @__PURE__ */ jsx(\n            Tooltip.Trigger,\n            {\n              ...typeof label === \"string\" && {\n                \"aria-label\": label\n              },\n              asChild: \"except-style\",\n              children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Tooltip.Content,\n            {\n              theme: \"brand\",\n              y: \"enter:-4px exit:-4px\",\n              scale: \"1 enter:0.96 exit:0.96\",\n              opacity: \"1 enter:0 exit:0\",\n              pointerEvents: \"none\",\n              paddingHorizontal: \"2\",\n              paddingVertical: \"1\",\n              borderRadius: 6,\n              boxShadow: \"0 2px 4px shadow-color\",\n              transition: {\n                preset: \"quicker\",\n                properties: \"transform, opacity\",\n                opacity: { preset: \"quicker\", spring: { overshootClamping: true } }\n              },\n              ...contentProps,\n              children: [\n                /* @__PURE__ */ jsx(\n                  Tooltip.Arrow,\n                  {\n                    size,\n                    backgroundColor: \"background\",\n                    borderColor: \"border-color\"\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  Paragraph,\n                  {\n                    maxWidth: 350,\n                    overflow: \"hidden\",\n                    textAlign: \"center\",\n                    textWrap: \"web:balance\",\n                    size: \"3\",\n                    children: label\n                  }\n                )\n              ]\n            }\n          )\n        ]\n      }\n    );\n  }\n);\nexport {\n  TooltipSimple\n};\n//# sourceMappingURL=TooltipSimple.js.map\n"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,oBACnB,EAAE,OAAO,UAAU,cAAc,UAAU,OAAO,GAAG,GAAG,gBAAgB,QAAQ;CAC/E;CACA,MAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;CAC1C,IAAI,CAAC,OAAO;EACV,OAAO;CACT;CACA,OAAuB,qBACrB,SACA;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG,WAAW,EAAE,MAAM,MAAM,IAAI;EAChC,UAAU,CACQ,oBACd,QAAQ,SACR;GACE,GAAG,OAAO,UAAU,YAAY,EAC9B,cAAc,MAChB;GACA,SAAS;GACT,UAAU,OAAO,MAAM,eAAe,KAAK,IAAI,MAAM,aAAa,OAAO,EAAE,IAAI,CAAC,IAAI;EACtF,CACF,GACgB,qBACd,QAAQ,SACR;GACE,OAAO;GACP,GAAG;GACH,OAAO;GACP,SAAS;GACT,eAAe;GACf,mBAAmB;GACnB,iBAAiB;GACjB,cAAc;GACd,WAAW;GACX,YAAY;IACV,QAAQ;IACR,YAAY;IACZ,SAAS;KAAE,QAAQ;KAAW,QAAQ,EAAE,mBAAmB,KAAK;IAAE;GACpE;GACA,GAAG;GACH,UAAU,CACQ,oBACd,QAAQ,OACR;IACE;IACA,iBAAiB;IACjB,aAAa;GACf,CACF,GACgB,oBACd,WACA;IACE,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;IACV,MAAM;IACN,UAAU;GACZ,CACF,CACF;EACF,CACF,CACF;CACF,CACF;AACF,CACF"}

package/dist/jsx/Tooltip.mjs

@@ -1,22 +1,27 @@
-import { createRefComponent, createStyledHOC, defaultTokenSizePolicy, styled, useEvent } from "@tamagui/core";
+import { createRefComponent, createStyledHOC, styled, useEvent } from "@tamagui/core";
 import { FloatingDelayGroup, FloatingOverrideContext, useDelayGroupContext } from "@tamagui/floating";
-import { oneSizeTokenSmaller } from "@tamagui/get-token";
 import { withStaticProperties } from "@tamagui/helpers";
 import { PopoverAnchor, PopoverArrow, PopoverContent, PopoverContextProvider, PopoverTrigger, useFloatingContext } from "@tamagui/popover";
 import { Popper, PopperContentFrame } from "@tamagui/popper";
-import { getElevation } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
 const TOOLTIP_SCOPE = "";
-const TooltipContentFrame = styled(PopperContentFrame, { variants: { elevation: getElevation } });
+const TooltipContentFrame = styled(PopperContentFrame, {
+	name: "TooltipContent",
+	paddingHorizontal: "2.5",
+	paddingVertical: "1",
+	borderRadius: "2"
+});
+const TooltipInstantContext = React.createContext(false);
 const ALWAYS_DISABLE_TOOLTIP = {
 	focus: true,
 	"remove-scroll": true
 };
 const TooltipContent = createStyledHOC(TooltipContentFrame, (props, ref) => {
 	const preventAnimation = React.useContext(PreventTooltipAnimationContext);
+	const isInstant = React.useContext(TooltipInstantContext);
 	const zIndexFromContext = React.useContext(TooltipZIndexContext);
 	return /* @__PURE__ */ jsx(PopoverContent, {
 		scope: props.scope || TOOLTIP_SCOPE,
@@ -24,9 +29,15 @@ const TooltipContent = createStyledHOC(TooltipContentFrame, (props, ref) => {
 		backgroundColor: "background",
 		alignItems: "center",
 		pointerEvents: "none",
+		paddingHorizontal: "2.5",
+		paddingVertical: "1",
+		borderRadius: "2",
 		...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },
 		...props,
-		...preventAnimation && { transition: null },
+		...(preventAnimation || isInstant) && {
+			transition: null,
+			"data-instant": ""
+		},
 		ref
 	});
 }, { displayName: "Tooltip" });
@@ -59,8 +70,9 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 	"use no memo";
 	const { children, delay: delayProp, restMs: restMsProp, onOpenChange: onOpenChangeProp, focus, open: openProp, disableAutoCloseOnScroll, zIndex, scope = TOOLTIP_SCOPE, ...restProps } = props;
 	const triggerRef = React.useRef(null);
+	const closeReasonRef = React.useRef(void 0);
 	const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
-	const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
+	const { delay: delayGroup, setCurrentId, currentId } = useDelayGroupContext();
 	const delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400;
 	const restMs = restMsProp ?? (typeof delay === "number" ? delay : 0);
 	const [open, setOpen] = useControllableState({
@@ -68,12 +80,26 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 		defaultProp: false,
 		onChange: onOpenChangeProp
 	});
-	const id = props.groupId;
-	const onOpenChange = useEvent((open2) => {
-		if (open2) {
+	const autoId = React.useId();
+	const id = props.groupId ?? autoId;
+	const [isInstant, setIsInstant] = React.useState(false);
+	React.useEffect(() => {
+		if (!open) {
+			setIsInstant(false);
+		}
+	}, [open]);
+	const onOpenChange = useEvent((openVal) => {
+		if (openVal) {
+			if (currentId != null && currentId !== id) {
+				setIsInstant(true);
+			} else {
+				setIsInstant(false);
+			}
 			setCurrentId(id);
+		} else {
+			setIsInstant(false);
 		}
-		setOpen(open2);
+		setOpen(openVal);
 	});
 	React.useEffect(() => {
 		if (!open) return;
@@ -92,6 +118,7 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 	const floatingContext = useFloatingContext({
 		open,
 		setOpen: onOpenChange,
+		closeReasonRef,
 		disable: false,
 		disableFocus: false,
 		hoverable: true,
@@ -104,12 +131,10 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 	const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
 	const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
 	const contentId = React.useId();
-	const smallerSize = oneSizeTokenSmaller(defaultTokenSizePolicy.fontSize);
 	const content = /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, {
 		value: floatingContext,
 		children: /* @__PURE__ */ jsx(Popper, {
 			scope,
-			size: smallerSize,
 			allowFlip: true,
 			stayInFrame: true,
 			open,
@@ -120,6 +145,7 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 				triggerRef,
 				open,
 				onOpenChange: setOpen,
+				closeReasonRef,
 				onOpenToggle: voidFn,
 				hasCustomAnchor,
 				onCustomAnchorAdd,
@@ -128,13 +154,17 @@ const TooltipComponent = createRefComponent(function Tooltip(props, ref) {
 			})
 		})
 	});
+	const wrappedContent = /* @__PURE__ */ jsx(TooltipInstantContext.Provider, {
+		value: isInstant,
+		children: content
+	});
 	if (zIndex !== void 0) {
 		return /* @__PURE__ */ jsx(TooltipZIndexContext.Provider, {
 			value: zIndex,
-			children: content
+			children: wrappedContent
 		});
 	}
-	return content;
+	return wrappedContent;
 });
 const TooltipTrigger = createRefComponent(function TooltipTrigger2(props, ref) {
 	const { scope, ...rest } = props;

package/dist/jsx/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":[],"sources":["jsx/Tooltip.js"],"sourcesContent":["import {\n  createStyledHOC,\n  createRefComponent,\n  defaultTokenSizePolicy,\n  styled\n} from \"@tamagui/core\";\n\nimport { FloatingDelayGroup, useDelayGroupContext } from \"@tamagui/floating\";\nimport { useEvent } from \"@tamagui/core\";\nimport { FloatingOverrideContext } from \"@tamagui/floating\";\nimport { oneSizeTokenSmaller } from \"@tamagui/get-token\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverContent,\n  PopoverContextProvider,\n  PopoverTrigger,\n  useFloatingContext\n} from \"@tamagui/popover\";\nimport { Popper, PopperContentFrame } from \"@tamagui/popper\";\nimport { getElevation } from \"@tamagui/stacks\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOOLTIP_SCOPE = \"\";\nconst TooltipContentFrame = styled(PopperContentFrame, {\n  variants: {\n    elevation: getElevation\n  }\n});\nconst ALWAYS_DISABLE_TOOLTIP = {\n  focus: true,\n  \"remove-scroll\": true\n  // it's nice to hit escape to hide a tooltip\n  // dismiss: true\n};\nconst TooltipContent = createStyledHOC(\n  TooltipContentFrame,\n  (props, ref) => {\n    const preventAnimation = React.useContext(PreventTooltipAnimationContext);\n    const zIndexFromContext = React.useContext(TooltipZIndexContext);\n    return /* @__PURE__ */ jsx(\n      PopoverContent,\n      {\n        scope: props.scope || TOOLTIP_SCOPE,\n        alwaysDisable: ALWAYS_DISABLE_TOOLTIP,\n        backgroundColor: \"background\",\n        alignItems: \"center\",\n        pointerEvents: \"none\",\n        ...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },\n        ...props,\n        ...preventAnimation && { transition: null },\n        ref\n      }\n    );\n  },\n  {\n    displayName: \"Tooltip\"\n  }\n);\nconst TooltipArrow = createRefComponent(\n  (props, ref) => {\n    const { className, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      PopoverArrow,\n      {\n        scope: props.scope || TOOLTIP_SCOPE,\n        className: `is_Tooltip ${className || \"\"}`.trim(),\n        ref,\n        ...rest\n      }\n    );\n  }\n);\nconst PreventTooltipAnimationContext = React.createContext(false);\nconst TooltipZIndexContext = React.createContext(void 0);\nconst TooltipGroup = ({\n  children,\n  delay,\n  preventAnimation = false,\n  timeoutMs\n}) => {\n  return /* @__PURE__ */ jsx(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ jsx(\n    FloatingDelayGroup,\n    {\n      timeoutMs,\n      delay: React.useMemo(() => delay, [JSON.stringify(delay)]),\n      children\n    }\n  ) });\n};\nconst setOpens = /* @__PURE__ */ new Set();\nconst closeOpenTooltips = () => {\n  setOpens.forEach((x) => x(false));\n};\nconst TooltipComponent = createRefComponent(function Tooltip(props, ref) {\n  \"use no memo\";\n  const {\n    children,\n    delay: delayProp,\n    restMs: restMsProp,\n    onOpenChange: onOpenChangeProp,\n    focus,\n    open: openProp,\n    disableAutoCloseOnScroll,\n    zIndex,\n    scope = TOOLTIP_SCOPE,\n    ...restProps\n  } = props;\n  const triggerRef = React.useRef(null);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const { delay: delayGroup, setCurrentId } = useDelayGroupContext();\n  const delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400;\n  const restMs = restMsProp ?? (typeof delay === \"number\" ? delay : 0);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: false,\n    onChange: onOpenChangeProp\n  });\n  const id = props.groupId;\n  const onOpenChange = useEvent((open2) => {\n    if (open2) {\n      setCurrentId(id);\n    }\n    setOpen(open2);\n  });\n  React.useEffect(() => {\n    if (!open) return;\n    if (disableAutoCloseOnScroll) return;\n    if (typeof document === \"undefined\") return;\n    const closeIt = () => {\n      setOpen(false);\n    };\n    setOpens.add(setOpen);\n    document.documentElement.addEventListener(\"scroll\", closeIt);\n    return () => {\n      setOpens.delete(setOpen);\n      document.documentElement.removeEventListener(\"scroll\", closeIt);\n    };\n  }, [open, disableAutoCloseOnScroll]);\n  const floatingContext = useFloatingContext({\n    open,\n    setOpen: onOpenChange,\n    disable: false,\n    disableFocus: false,\n    hoverable: true,\n    role: \"tooltip\",\n    focus,\n    groupId: id,\n    delay,\n    restMs\n  });\n  const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);\n  const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);\n  const contentId = React.useId();\n  const smallerSize = oneSizeTokenSmaller(defaultTokenSizePolicy.fontSize);\n  const content = /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: floatingContext, children: /* @__PURE__ */ jsx(\n    Popper,\n    {\n      scope,\n      size: smallerSize,\n      allowFlip: true,\n      stayInFrame: true,\n      open,\n      ...restProps,\n      children: /* @__PURE__ */ jsx(\n        PopoverContextProvider,\n        {\n          scope,\n          contentId,\n          triggerRef,\n          open,\n          onOpenChange: setOpen,\n          onOpenToggle: voidFn,\n          hasCustomAnchor,\n          onCustomAnchorAdd,\n          onCustomAnchorRemove,\n          children\n        }\n      )\n    }\n  ) });\n  if (zIndex !== void 0) {\n    return /* @__PURE__ */ jsx(TooltipZIndexContext.Provider, { value: zIndex, children: content });\n  }\n  return content;\n});\nconst TooltipTrigger = createRefComponent(function TooltipTrigger2(props, ref) {\n  const { scope, ...rest } = props;\n  return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });\n});\nconst TooltipAnchor = createRefComponent(function TooltipAnchor2(props, ref) {\n  const { scope, ...rest } = props;\n  return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });\n});\nconst Tooltip2 = withStaticProperties(TooltipComponent, {\n  Anchor: TooltipAnchor,\n  Arrow: TooltipArrow,\n  Content: TooltipContent,\n  Trigger: TooltipTrigger\n});\nconst voidFn = () => {\n};\nexport {\n  Tooltip2 as Tooltip,\n  TooltipGroup,\n  closeOpenTooltips\n};\n//# sourceMappingURL=Tooltip.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":[],"sources":["jsx/Tooltip.js"],"sourcesContent":["import { createStyledHOC, createRefComponent, styled } from \"@tamagui/core\";\n\nimport { FloatingDelayGroup, useDelayGroupContext } from \"@tamagui/floating\";\nimport { useEvent } from \"@tamagui/core\";\nimport { FloatingOverrideContext } from \"@tamagui/floating\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverContent,\n  PopoverContextProvider,\n  PopoverTrigger,\n  useFloatingContext\n} from \"@tamagui/popover\";\nimport { Popper, PopperContentFrame } from \"@tamagui/popper\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOOLTIP_SCOPE = \"\";\nconst TooltipContentFrame = styled(PopperContentFrame, {\n  name: \"TooltipContent\",\n  paddingHorizontal: \"2.5\",\n  paddingVertical: \"1\",\n  borderRadius: \"2\"\n});\nconst TooltipInstantContext = React.createContext(false);\nconst ALWAYS_DISABLE_TOOLTIP = {\n  focus: true,\n  \"remove-scroll\": true\n  // it's nice to hit escape to hide a tooltip\n  // dismiss: true\n};\nconst TooltipContent = createStyledHOC(\n  TooltipContentFrame,\n  (props, ref) => {\n    const preventAnimation = React.useContext(PreventTooltipAnimationContext);\n    const isInstant = React.useContext(TooltipInstantContext);\n    const zIndexFromContext = React.useContext(TooltipZIndexContext);\n    return /* @__PURE__ */ jsx(\n      PopoverContent,\n      {\n        scope: props.scope || TOOLTIP_SCOPE,\n        alwaysDisable: ALWAYS_DISABLE_TOOLTIP,\n        backgroundColor: \"background\",\n        alignItems: \"center\",\n        pointerEvents: \"none\",\n        paddingHorizontal: \"2.5\",\n        paddingVertical: \"1\",\n        borderRadius: \"2\",\n        ...zIndexFromContext !== void 0 && { zIndex: zIndexFromContext },\n        ...props,\n        ...(preventAnimation || isInstant) && {\n          transition: null,\n          \"data-instant\": \"\"\n        },\n        ref\n      }\n    );\n  },\n  {\n    displayName: \"Tooltip\"\n  }\n);\nconst TooltipArrow = createRefComponent(\n  (props, ref) => {\n    const { className, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      PopoverArrow,\n      {\n        scope: props.scope || TOOLTIP_SCOPE,\n        className: `is_Tooltip ${className || \"\"}`.trim(),\n        ref,\n        ...rest\n      }\n    );\n  }\n);\nconst PreventTooltipAnimationContext = React.createContext(false);\nconst TooltipZIndexContext = React.createContext(void 0);\nconst TooltipGroup = ({\n  children,\n  delay,\n  preventAnimation = false,\n  timeoutMs\n}) => {\n  return /* @__PURE__ */ jsx(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: /* @__PURE__ */ jsx(\n    FloatingDelayGroup,\n    {\n      timeoutMs,\n      delay: React.useMemo(() => delay, [JSON.stringify(delay)]),\n      children\n    }\n  ) });\n};\nconst setOpens = /* @__PURE__ */ new Set();\nconst closeOpenTooltips = () => {\n  setOpens.forEach((x) => x(false));\n};\nconst TooltipComponent = createRefComponent(function Tooltip(props, ref) {\n  \"use no memo\";\n  const {\n    children,\n    delay: delayProp,\n    restMs: restMsProp,\n    onOpenChange: onOpenChangeProp,\n    focus,\n    open: openProp,\n    disableAutoCloseOnScroll,\n    zIndex,\n    scope = TOOLTIP_SCOPE,\n    ...restProps\n  } = props;\n  const triggerRef = React.useRef(null);\n  const closeReasonRef = React.useRef(void 0);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const { delay: delayGroup, setCurrentId, currentId } = useDelayGroupContext();\n  const delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400;\n  const restMs = restMsProp ?? (typeof delay === \"number\" ? delay : 0);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: false,\n    onChange: onOpenChangeProp\n  });\n  const autoId = React.useId();\n  const id = props.groupId ?? autoId;\n  const [isInstant, setIsInstant] = React.useState(false);\n  React.useEffect(() => {\n    if (!open) {\n      setIsInstant(false);\n    }\n  }, [open]);\n  const onOpenChange = useEvent((openVal) => {\n    if (openVal) {\n      if (currentId != null && currentId !== id) {\n        setIsInstant(true);\n      } else {\n        setIsInstant(false);\n      }\n      setCurrentId(id);\n    } else {\n      setIsInstant(false);\n    }\n    setOpen(openVal);\n  });\n  React.useEffect(() => {\n    if (!open) return;\n    if (disableAutoCloseOnScroll) return;\n    if (typeof document === \"undefined\") return;\n    const closeIt = () => {\n      setOpen(false);\n    };\n    setOpens.add(setOpen);\n    document.documentElement.addEventListener(\"scroll\", closeIt);\n    return () => {\n      setOpens.delete(setOpen);\n      document.documentElement.removeEventListener(\"scroll\", closeIt);\n    };\n  }, [open, disableAutoCloseOnScroll]);\n  const floatingContext = useFloatingContext({\n    open,\n    setOpen: onOpenChange,\n    closeReasonRef,\n    disable: false,\n    disableFocus: false,\n    hoverable: true,\n    role: \"tooltip\",\n    focus,\n    groupId: id,\n    delay,\n    restMs\n  });\n  const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);\n  const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);\n  const contentId = React.useId();\n  const content = /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: floatingContext, children: /* @__PURE__ */ jsx(Popper, { scope, allowFlip: true, stayInFrame: true, open, ...restProps, children: /* @__PURE__ */ jsx(\n    PopoverContextProvider,\n    {\n      scope,\n      contentId,\n      triggerRef,\n      open,\n      onOpenChange: setOpen,\n      closeReasonRef,\n      onOpenToggle: voidFn,\n      hasCustomAnchor,\n      onCustomAnchorAdd,\n      onCustomAnchorRemove,\n      children\n    }\n  ) }) });\n  const wrappedContent = /* @__PURE__ */ jsx(TooltipInstantContext.Provider, { value: isInstant, children: content });\n  if (zIndex !== void 0) {\n    return /* @__PURE__ */ jsx(TooltipZIndexContext.Provider, { value: zIndex, children: wrappedContent });\n  }\n  return wrappedContent;\n});\nconst TooltipTrigger = createRefComponent(function TooltipTrigger2(props, ref) {\n  const { scope, ...rest } = props;\n  return /* @__PURE__ */ jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });\n});\nconst TooltipAnchor = createRefComponent(function TooltipAnchor2(props, ref) {\n  const { scope, ...rest } = props;\n  return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref });\n});\nconst Tooltip2 = withStaticProperties(TooltipComponent, {\n  Anchor: TooltipAnchor,\n  Arrow: TooltipArrow,\n  Content: TooltipContent,\n  Trigger: TooltipTrigger\n});\nconst voidFn = () => {\n};\nexport {\n  Tooltip2 as Tooltip,\n  TooltipGroup,\n  closeOpenTooltips\n};\n//# sourceMappingURL=Tooltip.js.map\n"],"mappings":"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"}

package/dist/jsx/TooltipSimple.mjs

@@ -1,11 +1,10 @@
-import { createRefComponent, getVariableValue } from "@tamagui/core";
-import { getRadius, getSize, getSpace } from "@tamagui/get-token";
+import { createRefComponent } from "@tamagui/core";
 import { Paragraph } from "@tamagui/text";
 import * as React from "react";
 import { Tooltip } from "./Tooltip.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-const TooltipSimple = createRefComponent(({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
+const TooltipSimple = createRefComponent(({ label, children, contentProps, disabled, size = 7, ...tooltipProps }, ref) => {
 	"use no memo";
 	const child = React.Children.only(children);
 	if (!label) {
@@ -24,20 +23,26 @@ const TooltipSimple = createRefComponent(({ label, children, contentProps, disab
 			asChild: "except-style",
 			children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
 		}), /* @__PURE__ */ jsxs(Tooltip.Content, {
-			theme: "Tooltip",
+			theme: "brand",
 			y: "enter:-4px exit:-4px",
 			scale: "1 enter:0.96 exit:0.96",
 			opacity: "1 enter:0 exit:0",
 			pointerEvents: "none",
-			paddingHorizontal: getVariableValue(getSpace(tooltipProps.size ?? true)),
-			paddingVertical: Math.max(0, Math.round(getVariableValue(getSize(tooltipProps.size ?? true)) * .36 - 9)),
-			borderRadius: getVariableValue(getRadius(tooltipProps.size ?? true)),
+			paddingHorizontal: "2",
+			paddingVertical: "1",
+			borderRadius: 6,
 			boxShadow: "0 2px 4px shadow-color",
-			transition: ["quicker", { opacity: { overshootClamping: true } }],
+			transition: {
+				preset: "quicker",
+				properties: "transform, opacity",
+				opacity: {
+					preset: "quicker",
+					spring: { overshootClamping: true }
+				}
+			},
 			...contentProps,
-			animateOnly: ["transform", "opacity"],
 			children: [/* @__PURE__ */ jsx(Tooltip.Arrow, {
-				size: tooltipProps.size ?? 7,
+				size,
 				backgroundColor: "background",
 				borderColor: "border-color"
 			}), /* @__PURE__ */ jsx(Paragraph, {

package/dist/jsx/TooltipSimple.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipSimple.js","names":[],"sources":["jsx/TooltipSimple.js"],"sourcesContent":["import { createRefComponent, getVariableValue } from \"@tamagui/core\";\nimport { getRadius, getSize, getSpace } from \"@tamagui/get-token\";\nimport { Paragraph } from \"@tamagui/text\";\nimport * as React from \"react\";\nimport { Tooltip } from \"./Tooltip\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst TooltipSimple = createRefComponent(\n  ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {\n    \"use no memo\";\n    const child = React.Children.only(children);\n    if (!label) {\n      return children;\n    }\n    return /* @__PURE__ */ jsxs(\n      Tooltip,\n      {\n        disableRTL: true,\n        offset: 15,\n        restMs: 40,\n        delay: 40,\n        zIndex: 1e6,\n        ...tooltipProps,\n        ...disabled ? { open: false } : null,\n        children: [\n          /* @__PURE__ */ jsx(\n            Tooltip.Trigger,\n            {\n              ...typeof label === \"string\" && {\n                \"aria-label\": label\n              },\n              asChild: \"except-style\",\n              children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Tooltip.Content,\n            {\n              theme: \"Tooltip\",\n              y: \"enter:-4px exit:-4px\",\n              scale: \"1 enter:0.96 exit:0.96\",\n              opacity: \"1 enter:0 exit:0\",\n              pointerEvents: \"none\",\n              paddingHorizontal: getVariableValue(getSpace(tooltipProps.size ?? true)),\n              paddingVertical: Math.max(\n                0,\n                Math.round(\n                  getVariableValue(getSize(tooltipProps.size ?? true)) * 0.36 - 9\n                )\n              ),\n              borderRadius: getVariableValue(getRadius(tooltipProps.size ?? true)),\n              boxShadow: \"0 2px 4px shadow-color\",\n              transition: [\"quicker\", { opacity: { overshootClamping: true } }],\n              ...contentProps,\n              animateOnly: [\"transform\", \"opacity\"],\n              children: [\n                /* @__PURE__ */ jsx(\n                  Tooltip.Arrow,\n                  {\n                    size: tooltipProps.size ?? 7,\n                    backgroundColor: \"background\",\n                    borderColor: \"border-color\"\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  Paragraph,\n                  {\n                    maxWidth: 350,\n                    overflow: \"hidden\",\n                    textAlign: \"center\",\n                    textWrap: \"web:balance\",\n                    size: \"3\",\n                    children: label\n                  }\n                )\n              ]\n            }\n          )\n        ]\n      }\n    );\n  }\n);\nexport {\n  TooltipSimple\n};\n//# sourceMappingURL=TooltipSimple.js.map\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,oBACnB,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,gBAAgB,QAAQ;CACrE;CACA,MAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;CAC1C,IAAI,CAAC,OAAO;EACV,OAAO;CACT;CACA,OAAuB,qBACrB,SACA;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG,WAAW,EAAE,MAAM,MAAM,IAAI;EAChC,UAAU,CACQ,oBACd,QAAQ,SACR;GACE,GAAG,OAAO,UAAU,YAAY,EAC9B,cAAc,MAChB;GACA,SAAS;GACT,UAAU,OAAO,MAAM,eAAe,KAAK,IAAI,MAAM,aAAa,OAAO,EAAE,IAAI,CAAC,IAAI;EACtF,CACF,GACgB,qBACd,QAAQ,SACR;GACE,OAAO;GACP,GAAG;GACH,OAAO;GACP,SAAS;GACT,eAAe;GACf,mBAAmB,iBAAiB,SAAS,aAAa,QAAQ,IAAI,CAAC;GACvE,iBAAiB,KAAK,IACpB,GACA,KAAK,MACH,iBAAiB,QAAQ,aAAa,QAAQ,IAAI,CAAC,IAAI,MAAO,CAChE,CACF;GACA,cAAc,iBAAiB,UAAU,aAAa,QAAQ,IAAI,CAAC;GACnE,WAAW;GACX,YAAY,CAAC,WAAW,EAAE,SAAS,EAAE,mBAAmB,KAAK,EAAE,CAAC;GAChE,GAAG;GACH,aAAa,CAAC,aAAa,SAAS;GACpC,UAAU,CACQ,oBACd,QAAQ,OACR;IACE,MAAM,aAAa,QAAQ;IAC3B,iBAAiB;IACjB,aAAa;GACf,CACF,GACgB,oBACd,WACA;IACE,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;IACV,MAAM;IACN,UAAU;GACZ,CACF,CACF;EACF,CACF,CACF;CACF,CACF;AACF,CACF"}
+{"version":3,"file":"TooltipSimple.js","names":[],"sources":["jsx/TooltipSimple.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/core\";\nimport { Paragraph } from \"@tamagui/text\";\nimport * as React from \"react\";\nimport { Tooltip } from \"./Tooltip\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst TooltipSimple = createRefComponent(\n  ({ label, children, contentProps, disabled, size = 7, ...tooltipProps }, ref) => {\n    \"use no memo\";\n    const child = React.Children.only(children);\n    if (!label) {\n      return children;\n    }\n    return /* @__PURE__ */ jsxs(\n      Tooltip,\n      {\n        disableRTL: true,\n        offset: 15,\n        restMs: 40,\n        delay: 40,\n        zIndex: 1e6,\n        ...tooltipProps,\n        ...disabled ? { open: false } : null,\n        children: [\n          /* @__PURE__ */ jsx(\n            Tooltip.Trigger,\n            {\n              ...typeof label === \"string\" && {\n                \"aria-label\": label\n              },\n              asChild: \"except-style\",\n              children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Tooltip.Content,\n            {\n              theme: \"brand\",\n              y: \"enter:-4px exit:-4px\",\n              scale: \"1 enter:0.96 exit:0.96\",\n              opacity: \"1 enter:0 exit:0\",\n              pointerEvents: \"none\",\n              paddingHorizontal: \"2\",\n              paddingVertical: \"1\",\n              borderRadius: 6,\n              boxShadow: \"0 2px 4px shadow-color\",\n              transition: {\n                preset: \"quicker\",\n                properties: \"transform, opacity\",\n                opacity: { preset: \"quicker\", spring: { overshootClamping: true } }\n              },\n              ...contentProps,\n              children: [\n                /* @__PURE__ */ jsx(\n                  Tooltip.Arrow,\n                  {\n                    size,\n                    backgroundColor: \"background\",\n                    borderColor: \"border-color\"\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  Paragraph,\n                  {\n                    maxWidth: 350,\n                    overflow: \"hidden\",\n                    textAlign: \"center\",\n                    textWrap: \"web:balance\",\n                    size: \"3\",\n                    children: label\n                  }\n                )\n              ]\n            }\n          )\n        ]\n      }\n    );\n  }\n);\nexport {\n  TooltipSimple\n};\n//# sourceMappingURL=TooltipSimple.js.map\n"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,oBACnB,EAAE,OAAO,UAAU,cAAc,UAAU,OAAO,GAAG,GAAG,gBAAgB,QAAQ;CAC/E;CACA,MAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;CAC1C,IAAI,CAAC,OAAO;EACV,OAAO;CACT;CACA,OAAuB,qBACrB,SACA;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG,WAAW,EAAE,MAAM,MAAM,IAAI;EAChC,UAAU,CACQ,oBACd,QAAQ,SACR;GACE,GAAG,OAAO,UAAU,YAAY,EAC9B,cAAc,MAChB;GACA,SAAS;GACT,UAAU,OAAO,MAAM,eAAe,KAAK,IAAI,MAAM,aAAa,OAAO,EAAE,IAAI,CAAC,IAAI;EACtF,CACF,GACgB,qBACd,QAAQ,SACR;GACE,OAAO;GACP,GAAG;GACH,OAAO;GACP,SAAS;GACT,eAAe;GACf,mBAAmB;GACnB,iBAAiB;GACjB,cAAc;GACd,WAAW;GACX,YAAY;IACV,QAAQ;IACR,YAAY;IACZ,SAAS;KAAE,QAAQ;KAAW,QAAQ,EAAE,mBAAmB,KAAK;IAAE;GACpE;GACA,GAAG;GACH,UAAU,CACQ,oBACd,QAAQ,OACR;IACE;IACA,iBAAiB;IACjB,aAAa;GACf,CACF,GACgB,oBACd,WACA;IACE,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;IACV,MAAM;IACN,UAAU;GACZ,CACF,CACF;EACF,CACF,CACF;CACF,CACF;AACF,CACF"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/tooltip",
-  "version": "3.0.0-beta.922.1",
+  "version": "3.0.0",
+  "license": "MIT",
   "source": "src/index.tsx",
   "files": [
     "src",
@@ -34,23 +35,22 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.0-beta.922.1",
-    "@tamagui/core": "3.0.0-beta.922.1",
-    "@tamagui/create-context": "3.0.0-beta.922.1",
-    "@tamagui/floating": "3.0.0-beta.922.1",
-    "@tamagui/get-token": "3.0.0-beta.922.1",
-    "@tamagui/helpers": "3.0.0-beta.922.1",
-    "@tamagui/polyfill-dev": "3.0.0-beta.922.1",
-    "@tamagui/popover": "3.0.0-beta.922.1",
-    "@tamagui/popper": "3.0.0-beta.922.1",
-    "@tamagui/stacks": "3.0.0-beta.922.1",
-    "@tamagui/text": "3.0.0-beta.922.1",
-    "@tamagui/use-controllable-state": "3.0.0-beta.922.1"
+    "@tamagui/compose-refs": "3.0.0",
+    "@tamagui/core": "3.0.0",
+    "@tamagui/create-context": "3.0.0",
+    "@tamagui/floating": "3.0.0",
+    "@tamagui/helpers": "3.0.0",
+    "@tamagui/polyfill-dev": "3.0.0",
+    "@tamagui/popover": "3.0.0",
+    "@tamagui/popper": "3.0.0",
+    "@tamagui/stacks": "3.0.0",
+    "@tamagui/text": "3.0.0",
+    "@tamagui/use-controllable-state": "3.0.0"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.922.1",
+    "@tamagui/build": "3.0.0",
     "react": "19.2.3",
-    "react-native": "0.86.2"
+    "react-native": "0.87.1"
   },
   "peerDependencies": {
     "react": ">=19"
@@ -60,5 +60,6 @@
     "type": "git",
     "url": "git+https://github.com/tamagui/tamagui.git",
     "directory": "code/ui/tooltip"
-  }
+  },
+  "releaseSourceCommit": "15fbca480b143f876f6975601e23a17d3f90d2ee"
 }

package/src/Tooltip.tsx

@@ -1,16 +1,11 @@
-import {
-  createStyledHOC,
-  createRefComponent,
-  defaultTokenSizePolicy,
-  styled,
-} from '@tamagui/core'
+import type { OpenChangeReason } from '@tamagui/floating'
+import { createStyledHOC, createRefComponent, styled } from '@tamagui/core'
 import '@tamagui/polyfill-dev'
 
 import { FloatingDelayGroup, useDelayGroupContext, type Delay } from '@tamagui/floating'
-import type { SizeTokens, TamaguiElement } from '@tamagui/core'
+import type { TamaguiElement } from '@tamagui/core'
 import { useEvent } from '@tamagui/core'
 import { FloatingOverrideContext } from '@tamagui/floating'
-import { oneSizeTokenSmaller } from '@tamagui/get-token'
 import { withStaticProperties } from '@tamagui/helpers'
 import type {
   PopoverAnchorProps,
@@ -27,7 +22,6 @@ import {
 } from '@tamagui/popover'
 import type { PopperArrowProps, PopperProps } from '@tamagui/popper'
 import { Popper, PopperContentFrame } from '@tamagui/popper'
-import { getElevation } from '@tamagui/stacks'
 import { useControllableState } from '@tamagui/use-controllable-state'
 import * as React from 'react'
 
@@ -40,11 +34,14 @@ type ScopedProps<P> = Omit<P, 'scope'> & { scope?: TooltipScopes }
 export type TooltipContentProps = ScopedProps<PopoverContentProps>
 
 const TooltipContentFrame = styled(PopperContentFrame, {
-  variants: {
-    elevation: getElevation,
-  } as const,
+  name: 'TooltipContent',
+  paddingHorizontal: '2.5',
+  paddingVertical: '1',
+  borderRadius: '2',
 })
 
+const TooltipInstantContext = React.createContext(false)
+
 // warning: setting to createStyledHOC causes issues with themes across portal roots
 
 // performance: avoid 2 components we never use
@@ -59,6 +56,7 @@ const TooltipContent = createStyledHOC(
   TooltipContentFrame,
   (props: TooltipContentProps, ref) => {
     const preventAnimation = React.useContext(PreventTooltipAnimationContext)
+    const isInstant = React.useContext(TooltipInstantContext)
     const zIndexFromContext = React.useContext(TooltipZIndexContext)
 
     return (
@@ -68,9 +66,15 @@ const TooltipContent = createStyledHOC(
         backgroundColor="background"
         alignItems="center"
         pointerEvents="none"
+        paddingHorizontal="2.5"
+        paddingVertical="1"
+        borderRadius="2"
         {...(zIndexFromContext !== undefined && { zIndex: zIndexFromContext })}
         {...props}
-        {...(preventAnimation && { transition: null })}
+        {...((preventAnimation || isInstant) && {
+          transition: null,
+          'data-instant': '',
+        })}
         ref={ref}
       />
     )
@@ -173,8 +177,9 @@ const TooltipComponent = createRefComponent(function Tooltip(
     ...restProps
   } = props
   const triggerRef = React.useRef<HTMLButtonElement>(null)
+  const closeReasonRef = React.useRef<OpenChangeReason | undefined>(undefined)
   const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)
-  const { delay: delayGroup, setCurrentId } = useDelayGroupContext()
+  const { delay: delayGroup, setCurrentId, currentId } = useDelayGroupContext()
   // Use delayProp if explicitly provided, otherwise fall back to group delay or default 400
   const delay = delayProp !== undefined ? delayProp : (delayGroup ?? 400)
   const restMs = restMsProp ?? (typeof delay === 'number' ? delay : 0)
@@ -183,13 +188,29 @@ const TooltipComponent = createRefComponent(function Tooltip(
     defaultProp: false,
     onChange: onOpenChangeProp,
   })
-  const id = props.groupId
+  const autoId = React.useId()
+  const id = props.groupId ?? autoId
+
+  const [isInstant, setIsInstant] = React.useState(false)
 
-  const onOpenChange = useEvent((open: boolean) => {
-    if (open) {
+  React.useEffect(() => {
+    if (!open) {
+      setIsInstant(false)
+    }
+  }, [open])
+
+  const onOpenChange = useEvent((openVal: boolean) => {
+    if (openVal) {
+      if (currentId != null && currentId !== id) {
+        setIsInstant(true)
+      } else {
+        setIsInstant(false)
+      }
       setCurrentId(id)
+    } else {
+      setIsInstant(false)
     }
-    setOpen(open)
+    setOpen(openVal)
   })
 
   // Auto close when document scroll
@@ -214,6 +235,7 @@ const TooltipComponent = createRefComponent(function Tooltip(
   const floatingContext = useFloatingContext({
     open,
     setOpen: onOpenChange,
+    closeReasonRef,
     disable: false,
     disableFocus: false,
     hoverable: true,
@@ -227,25 +249,17 @@ const TooltipComponent = createRefComponent(function Tooltip(
   const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])
   const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])
   const contentId = React.useId()
-  const smallerSize = oneSizeTokenSmaller(defaultTokenSizePolicy.fontSize)
 
   const content = (
     <FloatingOverrideContext.Provider value={floatingContext}>
-      {/* default tooltip to a smaller size */}
-      <Popper
-        scope={scope}
-        size={smallerSize as SizeTokens}
-        allowFlip
-        stayInFrame
-        open={open}
-        {...restProps}
-      >
+      <Popper scope={scope} allowFlip stayInFrame open={open} {...restProps}>
         <PopoverContextProvider
           scope={scope}
           contentId={contentId}
           triggerRef={triggerRef}
           open={open}
           onOpenChange={setOpen}
+          closeReasonRef={closeReasonRef}
           onOpenToggle={voidFn}
           hasCustomAnchor={hasCustomAnchor}
           onCustomAnchorAdd={onCustomAnchorAdd}
@@ -257,15 +271,21 @@ const TooltipComponent = createRefComponent(function Tooltip(
     </FloatingOverrideContext.Provider>
   )
 
+  const wrappedContent = (
+    <TooltipInstantContext.Provider value={isInstant}>
+      {content}
+    </TooltipInstantContext.Provider>
+  )
+
   if (zIndex !== undefined) {
     return (
       <TooltipZIndexContext.Provider value={zIndex}>
-        {content}
+        {wrappedContent}
       </TooltipZIndexContext.Provider>
     )
   }
 
-  return content
+  return wrappedContent
 })
 
 const TooltipTrigger = createRefComponent(function TooltipTrigger(

package/src/TooltipSimple.tsx

@@ -1,5 +1,4 @@
-import { createRefComponent, getVariableValue } from '@tamagui/core'
-import { getRadius, getSize, getSpace } from '@tamagui/get-token'
+import { createRefComponent } from '@tamagui/core'
 import type { YStackProps } from '@tamagui/stacks'
 import { Paragraph } from '@tamagui/text'
 import * as React from 'react'
@@ -9,13 +8,15 @@ import { Tooltip } from './Tooltip'
 
 export type TooltipSimpleProps = TooltipProps & {
   disabled?: boolean
+  /** arrow size in px */
+  size?: number
   label?: React.ReactNode
   children?: React.ReactNode
   contentProps?: YStackProps
 }
 
 export const TooltipSimple: React.FC<TooltipSimpleProps> = createRefComponent(
-  ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
+  ({ label, children, contentProps, disabled, size = 7, ...tooltipProps }, ref) => {
     'use no memo'
 
     const child = React.Children.only(children)
@@ -47,26 +48,24 @@ export const TooltipSimple: React.FC<TooltipSimpleProps> = createRefComponent(
         </Tooltip.Trigger>
 
         <Tooltip.Content
-          theme="Tooltip"
+          theme="brand"
           y="enter:-4px exit:-4px"
           scale="1 enter:0.96 exit:0.96"
           opacity="1 enter:0 exit:0"
           pointerEvents="none"
-          paddingHorizontal={getVariableValue(getSpace(tooltipProps.size ?? true))}
-          paddingVertical={Math.max(
-            0,
-            Math.round(
-              (getVariableValue(getSize(tooltipProps.size ?? true)) as number) * 0.36 - 9
-            )
-          )}
-          borderRadius={getVariableValue(getRadius(tooltipProps.size ?? true))}
+          paddingHorizontal="2"
+          paddingVertical="1"
+          borderRadius={6}
           boxShadow="0 2px 4px shadow-color"
-          transition={['quicker', { opacity: { overshootClamping: true } }]}
+          transition={{
+            preset: 'quicker',
+            properties: 'transform, opacity',
+            opacity: { preset: 'quicker', spring: { overshootClamping: true } },
+          }}
           {...contentProps}
-          animateOnly={['transform', 'opacity']}
         >
           <Tooltip.Arrow
-            size={tooltipProps.size ?? 7}
+            size={size}
             backgroundColor="background"
             borderColor="border-color"
           />

package/types/Tooltip.d.ts

@@ -65,15 +65,9 @@ export declare const Tooltip: ((props: Omit<PopperProps & {
 } & {
     Anchor: import("@tamagui/core").RefComponent<unknown, ScopedProps<PopoverAnchorProps>>;
     Arrow: import("@tamagui/core").RefComponent<TamaguiElement, PopperArrowProps>;
-    Content: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-        elevation?: number | false | import("@tamagui/core").Size | undefined;
-    }>, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "alignContent" | "alignItems" | "alignSelf" | "alwaysDisable" | "animateOnly" | "animatePosition" | "animatePresence" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderEndWidth" | "borderImage" | "borderInline" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStartWidth" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "bottom" | "boxShadow" | "boxSizing" | "branches" | "caretColor" | "children" | "className" | "clipPath" | "collapsable" | "collapsableChildren" | "color" | "columnGap" | "contain" | "container" | "containerName" | "containerType" | "cursor" | "dangerouslySetInnerHTML" | "debug" | "direction" | "disableClassName" | "disableFocusScope" | "disableNativeStyle" | "disableOptimization" | "disabled" | "display" | "enableRemoveScroll" | "end" | "experimental_backgroundImage" | "experimental_backgroundPosition" | "experimental_backgroundRepeat" | "experimental_backgroundSize" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "forceMount" | "forceStyle" | "forceUnmount" | "freezeContentsWhenHidden" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "group" | "hasTVPreferredFocus" | "height" | "hitSlop" | "htmlFor" | "id" | "importantForAccessibility" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isTVSelectable" | "isolation" | "justifyContent" | "lazyMount" | "left" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "matrix" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "name" | "nativeID" | "needsOffscreenAlphaCompositing" | "objectFit" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onBlurCapture" | "onChange" | "onClick" | "onCloseAutoFocus" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onEscapeKeyDown" | "onFocus" | "onFocusCapture" | "onFocusOutside" | "onInput" | "onInteractOutside" | "onKeyDown" | "onKeyUp" | "onLongPress" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onOpenAutoFocus" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerDownOutside" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onScroll" | "onTouchCancel" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchStart" | "onTransition" | "onWheel" | "opacity" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "passThrough" | "perspective" | "pointerEvents" | "position" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "resize" | "right" | "role" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "rotation" | "rowGap" | "scale" | "scaleX" | "scaleY" | "scope" | "screenReaderFocusable" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "shouldRasterizeIOS" | "skewX" | "skewY" | "start" | "style" | "tabIndex" | "target" | "testID" | "textEmphasis" | "textWrap" | "theme" | "themeShallow" | "top" | "transform" | "transformMatrix" | "transformOrigin" | "transformStyle" | "transition" | "translateX" | "translateY" | "trapFocus" | "tvParallaxMagnification" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "untilMeasured" | "userSelect" | "verticalAlign" | "visibility" | "width" | "wordWrap" | "x" | "y" | "zIndex"> & Omit<import("@tamagui/popover").PopoverContentTypeProps, "scope"> & {
+    Content: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "KhtmlBoxAlign" | "KhtmlBoxDirection" | "KhtmlBoxFlex" | "KhtmlBoxFlexGroup" | "KhtmlBoxLines" | "KhtmlBoxOrdinalGroup" | "KhtmlBoxOrient" | "KhtmlBoxPack" | "KhtmlLineBreak" | "KhtmlOpacity" | "KhtmlUserSelect" | "OAnimation" | "OAnimationDelay" | "OAnimationDirection" | "OAnimationDuration" | "OAnimationFillMode" | "OAnimationIterationCount" | "OAnimationName" | "OAnimationPlayState" | "OAnimationTimingFunction" | "OBackgroundSize" | "OBorderImage" | "OObjectFit" | "OObjectPosition" | "OTabSize" | "OTextOverflow" | "OTransform" | "OTransformOrigin" | "OTransition" | "OTransitionDelay" | "OTransitionDuration" | "OTransitionProperty" | "OTransitionTimingFunction" | "accentColor" | "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "alignmentBaseline" | "all" | "alwaysDisable" | "anchorName" | "anchorScope" | "animatePosition" | "animatePresence" | "animatedBy" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRange" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderEndWidth" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStartWidth" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "branches" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "children" | "className" | "clear" | "clip" | "clipPath" | "clipRule" | "collapsable" | "collapsableChildren" | "color" | "colorAdjust" | "colorInterpolation" | "colorInterpolationFilters" | "colorRendering" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicSize" | "containIntrinsicWidth" | "container" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "cx" | "cy" | "d" | "dangerouslySetInnerHTML" | "debug" | "direction" | "disableClassName" | "disableFocusScope" | "disableNativeStyle" | "disableOptimization" | "disabled" | "display" | "dominantBaseline" | "emptyCells" | "enableRemoveScroll" | "end" | "experimental_accessibilityOrder" | "experimental_backgroundImage" | "experimental_backgroundPosition" | "experimental_backgroundRepeat" | "experimental_backgroundSize" | "fieldSizing" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "fontWidth" | "forceMount" | "forceStyle" | "forceUnmount" | "forcedColorAdjust" | "freezeContentsWhenHidden" | "gap" | "glyphOrientationVertical" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "group" | "hangingPunctuation" | "hasTVPreferredFocus" | "height" | "hitSlop" | "htmlFor" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "id" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "importantForAccessibility" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inset" | "insetArea" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "lazyMount" | "left" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginTrim" | "marginVertical" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "matrix" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "motion" | "motionDistance" | "motionPath" | "motionRotation" | "name" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "nativeID" | "needsOffscreenAlphaCompositing" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "objectFit" | "objectPosition" | "objectViewBox" | "offset" | "offsetAnchor" | "offsetBlock" | "offsetBlockEnd" | "offsetBlockStart" | "offsetDistance" | "offsetInline" | "offsetInlineEnd" | "offsetInlineStart" | "offsetPath" | "offsetPosition" | "offsetRotate" | "offsetRotation" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onBlurCapture" | "onChange" | "onClick" | "onClickCapture" | "onCloseAutoFocus" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onEscapeKeyDown" | "onFocus" | "onFocusCapture" | "onFocusOutside" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInteractOutside" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onLongPress" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onOpenAutoFocus" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerDownOutside" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onScroll" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransition" | "onWheel" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "page" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "passThrough" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOptions" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "resize" | "right" | "role" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyOverhang" | "rubyPosition" | "rx" | "ry" | "scale" | "scaleX" | "scaleY" | "scope" | "screenReaderFocusable" | "scrollBehavior" | "scrollInitialTarget" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapMargin" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "shouldRasterizeIOS" | "skewX" | "skewY" | "speakAs" | "start" | "stopColor" | "stopOpacity" | "stroke" | "strokeColor" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "style" | "tabIndex" | "tabSize" | "tableLayout" | "target" | "testID" | "textAlign" | "textAlignLast" | "textAnchor" | "textAutospace" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "textWrapMode" | "textWrapStyle" | "theme" | "themeShallow" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "trapFocus" | "unicodeBidi" | "untilMeasured" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionClass" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zIndex" | "zoom"> & Omit<import("@tamagui/popover").PopoverContentTypeProps, "scope"> & {
         scope?: TooltipScopes;
-    }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/popover").PopoverContentTypeProps, "scope"> & {
-        scope?: TooltipScopes;
-    }, import("@tamagui/core").StackStyleBase, {
-        elevation?: number | false | import("@tamagui/core").Size | undefined;
-    }, import("@tamagui/core").StaticConfigPublic>;
+    }, import("@tamagui/core").StackStyleBase, Omit<{}, "KhtmlBoxAlign" | "KhtmlBoxDirection" | "KhtmlBoxFlex" | "KhtmlBoxFlexGroup" | "KhtmlBoxLines" | "KhtmlBoxOrdinalGroup" | "KhtmlBoxOrient" | "KhtmlBoxPack" | "KhtmlLineBreak" | "KhtmlOpacity" | "KhtmlUserSelect" | "OAnimation" | "OAnimationDelay" | "OAnimationDirection" | "OAnimationDuration" | "OAnimationFillMode" | "OAnimationIterationCount" | "OAnimationName" | "OAnimationPlayState" | "OAnimationTimingFunction" | "OBackgroundSize" | "OBorderImage" | "OObjectFit" | "OObjectPosition" | "OTabSize" | "OTextOverflow" | "OTransform" | "OTransformOrigin" | "OTransition" | "OTransitionDelay" | "OTransitionDuration" | "OTransitionProperty" | "OTransitionTimingFunction" | "accentColor" | "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "alignmentBaseline" | "all" | "alwaysDisable" | "anchorName" | "anchorScope" | "animatePosition" | "animatePresence" | "animatedBy" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRange" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderEndWidth" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStartWidth" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "branches" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "children" | "className" | "clear" | "clip" | "clipPath" | "clipRule" | "collapsable" | "collapsableChildren" | "color" | "colorAdjust" | "colorInterpolation" | "colorInterpolationFilters" | "colorRendering" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicSize" | "containIntrinsicWidth" | "container" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "cx" | "cy" | "d" | "dangerouslySetInnerHTML" | "debug" | "direction" | "disableClassName" | "disableFocusScope" | "disableNativeStyle" | "disableOptimization" | "disabled" | "display" | "dominantBaseline" | "emptyCells" | "enableRemoveScroll" | "end" | "experimental_accessibilityOrder" | "experimental_backgroundImage" | "experimental_backgroundPosition" | "experimental_backgroundRepeat" | "experimental_backgroundSize" | "fieldSizing" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "fontWidth" | "forceMount" | "forceStyle" | "forceUnmount" | "forcedColorAdjust" | "freezeContentsWhenHidden" | "gap" | "glyphOrientationVertical" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "group" | "hangingPunctuation" | "hasTVPreferredFocus" | "height" | "hitSlop" | "htmlFor" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "id" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "importantForAccessibility" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inset" | "insetArea" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "lazyMount" | "left" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginTrim" | "marginVertical" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "matrix" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "motion" | "motionDistance" | "motionPath" | "motionRotation" | "name" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "nativeID" | "needsOffscreenAlphaCompositing" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "objectFit" | "objectPosition" | "objectViewBox" | "offset" | "offsetAnchor" | "offsetBlock" | "offsetBlockEnd" | "offsetBlockStart" | "offsetDistance" | "offsetInline" | "offsetInlineEnd" | "offsetInlineStart" | "offsetPath" | "offsetPosition" | "offsetRotate" | "offsetRotation" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onBlurCapture" | "onChange" | "onClick" | "onClickCapture" | "onCloseAutoFocus" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onEscapeKeyDown" | "onFocus" | "onFocusCapture" | "onFocusOutside" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInteractOutside" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onLongPress" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onOpenAutoFocus" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerDownOutside" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onScroll" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransition" | "onWheel" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "page" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "passThrough" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOptions" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "resize" | "right" | "role" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyOverhang" | "rubyPosition" | "rx" | "ry" | "scale" | "scaleX" | "scaleY" | "scope" | "screenReaderFocusable" | "scrollBehavior" | "scrollInitialTarget" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapMargin" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "shouldRasterizeIOS" | "skewX" | "skewY" | "speakAs" | "start" | "stopColor" | "stopOpacity" | "stroke" | "strokeColor" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "style" | "tabIndex" | "tabSize" | "tableLayout" | "target" | "testID" | "textAlign" | "textAlignLast" | "textAnchor" | "textAutospace" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "textWrapMode" | "textWrapStyle" | "theme" | "themeShallow" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "trapFocus" | "unicodeBidi" | "untilMeasured" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionClass" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zIndex" | "zoom">, import("@tamagui/core").StaticConfigPublic>;
     Trigger: import("@tamagui/core").RefComponent<unknown, ScopedProps<PopoverTriggerProps>>;
 };
 export {};

package/types/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAMA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,EAA4C,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxF,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,eAAe,CAAA;AAK/D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AASzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,aAAa,GAAG,MAAM,CAAA;AAElC,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAA;AAElE,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAyDlE,MAAM,MAAM,YAAY,GAAG,WAAW,CACpC,WAAW,GAAG;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EACF,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACL,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CACF,CAAA;AAKD,eAAO,MAAM,YAAY,sDAKtB;IACD,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,EAAE,KAAK,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,sBAWA,CAAA;AAID,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAsID,eAAO,MAAM,OAAO;WA5LT,OAAO;eACH,KAAK,CAAC,SAAS;mBACX,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;YAC9B;QACN,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB;cACS,MAAM;aACP,MAAM;YAEX,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf;+BACsB,OAAO;IAClC;;;OAGG;aACM,MAAM;;YAjFgC,aAAa;;;;;;;;;;gBAAb,aAAa;;;;;;;CA8P9D,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,EAA4C,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAInD,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAA;AASzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,aAAa,GAAG,MAAM,CAAA;AAElC,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAA;AAElE,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAmElE,MAAM,MAAM,YAAY,GAAG,WAAW,CACpC,WAAW,GAAG;IACZ,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EACF,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACL,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CACF,CAAA;AAKD,eAAO,MAAM,YAAY,sDAKtB;IACD,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,EAAE,KAAK,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,sBAWA,CAAA;AAID,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAsJD,eAAO,MAAM,OAAO;WA5MT,OAAO;eACH,KAAK,CAAC,SAAS;mBACX,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;YAC9B;QACN,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB;cACS,MAAM;aACP,MAAM;YAEX,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf;+BACsB,OAAO;IAClC;;;OAGG;aACM,MAAM;;YA3FgC,aAAa;;;;;;;;gBAAb,aAAa;;;CAwR9D,CAAA"}

package/types/TooltipSimple.d.ts

@@ -3,6 +3,8 @@ import * as React from 'react';
 import type { TooltipProps } from './Tooltip';
 export type TooltipSimpleProps = TooltipProps & {
     disabled?: boolean;
+    /** arrow size in px */
+    size?: number;
     label?: React.ReactNode;
     children?: React.ReactNode;
     contentProps?: YStackProps;

package/types/TooltipSimple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipSimple.d.ts","sourceRoot":"","sources":["../src/TooltipSimple.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAG7C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqEtD,CAAA"}
+{"version":3,"file":"TooltipSimple.d.ts","sourceRoot":"","sources":["../src/TooltipSimple.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAG7C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmEtD,CAAA"}