@tamagui/tooltip 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/Tooltip.cjs

@@ -2,33 +2,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var Tooltip_exports = {};
 __export(Tooltip_exports, {
   Tooltip: () => Tooltip2,
@@ -36,191 +38,204 @@ __export(Tooltip_exports, {
   closeOpenTooltips: () => closeOpenTooltips
 });
 module.exports = __toCommonJS(Tooltip_exports);
-var import_polyfill_dev = require("@tamagui/polyfill-dev"),
-  import_react = require("@floating-ui/react"),
-  import_core = require("@tamagui/core"),
-  import_floating = require("@tamagui/floating"),
-  import_get_token = require("@tamagui/get-token"),
-  import_helpers = require("@tamagui/helpers"),
-  import_popover = require("@tamagui/popover"),
-  import_popper = require("@tamagui/popper"),
-  import_use_controllable_state = require("@tamagui/use-controllable-state"),
-  React = __toESM(require("react"), 1),
-  import_jsx_runtime = require("react/jsx-runtime");
-const TOOLTIP_SCOPE = "",
-  TooltipContent = import_popper.PopperContentFrame.styleable((props, ref) => {
-    const preventAnimation = React.useContext(PreventTooltipAnimationContext);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverContent, {
-      scope: props.scope || TOOLTIP_SCOPE,
-      disableFocusScope: !0,
-      ...(!props.unstyled && {
-        pointerEvents: "none"
-      }),
-      ref,
-      ...props,
-      ...(preventAnimation && {
-        transition: null
-      })
-    });
-  }, {
-    staticConfig: {
-      componentName: "Tooltip"
-    }
-  }),
-  TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverArrow, {
+var import_polyfill_dev = require("@tamagui/polyfill-dev");
+var import_floating = require("@tamagui/floating");
+var import_core = 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_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 ALWAYS_DISABLE_TOOLTIP = {
+  focus: true,
+  "remove-scroll": true
+  // it's nice to hit escape to hide a tooltip
+  // dismiss: true
+};
+const TooltipContent = import_popper.PopperContentFrame.styleable((props, ref) => {
+  const preventAnimation = React.useContext(PreventTooltipAnimationContext);
+  const zIndexFromContext = React.useContext(TooltipZIndexContext);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverContent, {
+    scope: props.scope || TOOLTIP_SCOPE,
+    alwaysDisable: ALWAYS_DISABLE_TOOLTIP,
+    ...(!props.unstyled && {
+      backgroundColor: "$background",
+      alignItems: "center",
+      pointerEvents: "none",
+      size: "$true"
+    }),
+    ref,
+    ...(zIndexFromContext !== void 0 && {
+      zIndex: zIndexFromContext
+    }),
+    ...props,
+    ...(preventAnimation && {
+      transition: null
+    })
+  });
+}, {
+  staticConfig: {
+    componentName: "Tooltip"
+  }
+});
+const TooltipArrow = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverArrow, {
     scope: props.scope || TOOLTIP_SCOPE,
     componentName: "Tooltip",
     ref,
     ...props
-  })),
-  PreventTooltipAnimationContext = React.createContext(!1),
-  TooltipGroup = ({
-    children,
-    delay,
-    preventAnimation = !1,
-    timeoutMs
-  }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(PreventTooltipAnimationContext.Provider, {
+  });
+});
+const PreventTooltipAnimationContext = React.createContext(false);
+const TooltipZIndexContext = React.createContext(void 0);
+const TooltipGroup = ({
+  children,
+  delay,
+  preventAnimation = false,
+  timeoutMs
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PreventTooltipAnimationContext.Provider, {
     value: preventAnimation,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FloatingDelayGroup, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floating.FloatingDelayGroup, {
       timeoutMs,
       delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
       children
     })
-  }),
-  setOpens = /* @__PURE__ */new Set(),
-  closeOpenTooltips = () => {
-    setOpens.forEach(x => x(!1));
-  },
-  TooltipComponent = React.forwardRef(function (props, ref) {
-    const {
-        children,
-        delay: delayProp,
-        restMs: restMsProp,
-        onOpenChange: onOpenChangeProp,
-        focus,
-        open: openProp,
-        disableAutoCloseOnScroll,
-        scope = TOOLTIP_SCOPE,
-        ...restProps
-      } = props,
-      triggerRef = React.useRef(null),
-      [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1),
-      {
-        delay: delayGroup,
-        setCurrentId
-      } = (0, import_react.useDelayGroupContext)(),
-      delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400,
-      restMs = restMsProp ?? (typeof delay == "number" ? delay : 0),
-      [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
-        prop: openProp,
-        defaultProp: !1,
-        onChange: onOpenChangeProp
-      }),
-      id = props.groupId,
-      onOpenChange = (0, import_core.useEvent)(open2 => {
-        open2 && setCurrentId(id), setOpen(open2);
-      });
-    React.useEffect(() => {
-      if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
-      const closeIt = () => {
-        setOpen(!1);
-      };
-      return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
-        setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
-      };
-    }, [open, disableAutoCloseOnScroll]);
-    const useFloatingFn = props2 => {
-        const floating = (0, import_react.useFloating)({
-            ...props2,
-            open,
-            onOpenChange
-          }),
-          {
-            delay: delayContext,
-            currentId
-          } = (0, import_react.useDelayGroup)(floating.context, {
-            id
-          }),
-          delayOut = currentId != null && typeof delayContext == "object" ? delayContext : delay,
-          {
-            getReferenceProps,
-            getFloatingProps
-          } = (0, import_react.useInteractions)([(0, import_react.useHover)(floating.context, {
-            delay: delayOut,
-            restMs
-          }), (0, import_react.useFocus)(floating.context, focus), (0, import_react.useRole)(floating.context, {
-            role: "tooltip"
-          }), (0, import_react.useDismiss)(floating.context)]);
-        return {
-          ...floating,
-          open,
-          getReferenceProps,
-          getFloatingProps
-        };
-      },
-      useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open, restMs, focus ? JSON.stringify(focus) : 0]),
-      onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []),
-      onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []),
-      contentId = React.useId(),
-      smallerSize = props.unstyled ? null : (0, import_get_token.getSize)("$true", {
-        shift: -2,
-        bounds: [0]
-      });
-    return (
-      // TODO: FloatingOverrideContext might also need to be scoped
-      /* @__PURE__ */
-      (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, {
-        value: useFloatingContext,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popper.Popper, {
-          scope,
-          size: smallerSize?.key,
-          allowFlip: !0,
-          stayInFrame: !0,
-          open,
-          ...restProps,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverContext.Provider, {
-            popoverScope: scope,
-            scope,
-            contentId,
-            triggerRef,
-            open,
-            onOpenChange: setOpen,
-            onOpenToggle: voidFn,
-            hasCustomAnchor,
-            onCustomAnchorAdd,
-            onCustomAnchorRemove,
-            children
-          })
-        })
-      })
-    );
-  }),
-  TooltipTrigger = React.forwardRef(function (props, ref) {
-    const {
-      scope,
-      ...rest
-    } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, {
-      ...rest,
-      scope: scope || TOOLTIP_SCOPE,
-      ref
-    });
-  }),
-  TooltipAnchor = React.forwardRef(function (props, ref) {
-    const {
+  });
+};
+const setOpens = /* @__PURE__ */new Set();
+const closeOpenTooltips = () => {
+  setOpens.forEach(x => x(false));
+};
+const TooltipComponent = React.forwardRef(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 [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+  const {
+    delay: delayGroup,
+    setCurrentId
+  } = (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)({
+    prop: openProp,
+    defaultProp: false,
+    onChange: onOpenChangeProp
+  });
+  const id = props.groupId;
+  const onOpenChange = (0, import_core.useEvent)(open2 => {
+    if (open2) {
+      setCurrentId(id);
+    }
+    setOpen(open2);
+  });
+  React.useEffect(() => {
+    if (!open) return;
+    if (disableAutoCloseOnScroll) return;
+    if (typeof document === "undefined") return;
+    const closeIt = () => {
+      setOpen(false);
+    };
+    setOpens.add(setOpen);
+    document.documentElement.addEventListener("scroll", closeIt);
+    return () => {
+      setOpens.delete(setOpen);
+      document.documentElement.removeEventListener("scroll", closeIt);
+    };
+  }, [open, disableAutoCloseOnScroll]);
+  const floatingContext = (0, import_popover.useFloatingContext)({
+    open,
+    setOpen: onOpenChange,
+    disable: false,
+    disableFocus: false,
+    hoverable: true,
+    role: "tooltip",
+    focus,
+    groupId: id,
+    delay,
+    restMs
+  });
+  const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+  const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+  const contentId = React.useId();
+  const smallerSize = props.unstyled ? null : (0, import_get_token.getSize)("$true", {
+    shift: -2,
+    bounds: [0]
+  });
+  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,
-      ...rest
-    } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, {
-      ...rest,
-      scope: scope || TOOLTIP_SCOPE,
-      ref
+      size: smallerSize?.key,
+      allowFlip: true,
+      stayInFrame: true,
+      open,
+      ...restProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverContextProvider, {
+        scope,
+        contentId,
+        triggerRef,
+        open,
+        onOpenChange: setOpen,
+        onOpenToggle: voidFn,
+        hasCustomAnchor,
+        onCustomAnchorAdd,
+        onCustomAnchorRemove,
+        children
+      })
+    })
+  });
+  if (zIndex !== void 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TooltipZIndexContext.Provider, {
+      value: zIndex,
+      children: content
     });
-  }),
-  Tooltip2 = (0, import_helpers.withStaticProperties)(TooltipComponent, {
-    Anchor: TooltipAnchor,
-    Arrow: TooltipArrow,
-    Content: TooltipContent,
-    Trigger: TooltipTrigger
-  }),
-  voidFn = () => {};
+  }
+  return content;
+});
+const TooltipTrigger = React.forwardRef(function TooltipTrigger2(props, ref) {
+  const {
+    scope,
+    ...rest
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, {
+    ...rest,
+    scope: scope || TOOLTIP_SCOPE,
+    ref
+  });
+});
+const TooltipAnchor = React.forwardRef(function TooltipAnchor2(props, ref) {
+  const {
+    scope,
+    ...rest
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, {
+    ...rest,
+    scope: scope || TOOLTIP_SCOPE,
+    ref
+  });
+});
+const Tooltip2 = (0, import_helpers.withStaticProperties)(TooltipComponent, {
+  Anchor: TooltipAnchor,
+  Arrow: TooltipArrow,
+  Content: TooltipContent,
+  Trigger: TooltipTrigger
+});
+const voidFn = () => {};

package/dist/cjs/Tooltip.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Tooltip_native_exports = {};
 __export(Tooltip_native_exports, {
@@ -27,22 +29,22 @@ __export(Tooltip_native_exports, {
   closeOpenTooltips: () => closeOpenTooltips
 });
 module.exports = __toCommonJS(Tooltip_native_exports);
-var import_helpers = require("@tamagui/helpers"),
-  RenderChildren = function (props) {
-    return props.children;
-  },
-  RenderNull = function (props) {
-    return null;
-  },
-  TooltipGroup = function () {
-    return null;
-  },
-  closeOpenTooltips = function () {},
-  Tooltip = (0, import_helpers.withStaticProperties)(RenderChildren, {
-    Anchor: RenderChildren,
-    Arrow: RenderNull,
-    Close: RenderNull,
-    Content: RenderNull,
-    Trigger: RenderChildren
-  });
+var import_helpers = require("@tamagui/helpers");
+var RenderChildren = function (props) {
+  return props.children;
+};
+var RenderNull = function (props) {
+  return null;
+};
+var TooltipGroup = function () {
+  return null;
+};
+var closeOpenTooltips = function () {};
+var Tooltip = (0, import_helpers.withStaticProperties)(RenderChildren, {
+  Anchor: RenderChildren,
+  Arrow: RenderNull,
+  Close: RenderNull,
+  Content: RenderNull,
+  Trigger: RenderChildren
+});
 //# sourceMappingURL=Tooltip.native.js.map

package/dist/cjs/Tooltip.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tooltip_native_exports","__export","Tooltip","TooltipGroup","closeOpenTooltips","module","exports","__toCommonJS","import_helpers","require","RenderChildren","props","children","RenderNull","withStaticProperties","Anchor","Arrow","Close","Content","Trigger"],"sources":["../../src/Tooltip.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,sBAAA;AAAA,IAAAQ,cAAA,GAAqCC,OAAA;EAGjCC,cAAA,GAAiB,SAAAA,CAASC,KAAA,EAAO;IACjC,OAAOA,KAAA,CAAMC,QAAA;EACjB;EACIC,UAAA,GAAa,SAAAA,CAASF,KAAA,EAAO;IAC7B,OAAO;EACX;EACWR,YAAA,GAAe,SAAAA,CAAA,EAAW;IACjC,OAAO;EACX;EACWC,iBAAA,GAAoB,SAAAA,CAAA,EAAW,CAAC;EACrBF,OAAA,OAAUM,cAAA,CAAAM,oBAAA,EAAqBJ,cAAA,EAAgB;IACjEK,MAAA,EAAQL,cAAA;IACRM,KAAA,EAAOH,UAAA;IACPI,KAAA,EAAOJ,UAAA;IACPK,OAAA,EAASL,UAAA;IACTM,OAAA,EAAST;EACb,CAAC","ignoreList":[]}
+{"version":3,"names":["Tooltip_native_exports","__export","Tooltip","TooltipGroup","closeOpenTooltips","module","exports","__toCommonJS","import_helpers","require","RenderChildren","props","children","RenderNull","withStaticProperties","Anchor","Arrow","Close","Content","Trigger"],"sources":["../../src/Tooltip.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,sBAAA;AAAA,IAAAQ,cAAA,GAAqCC,OAAA;AAGrC,IAAIC,cAAA,GAAiB,SAAAA,CAASC,KAAA,EAAO;EACjC,OAAOA,KAAA,CAAMC,QAAA;AACjB;AACA,IAAIC,UAAA,GAAa,SAAAA,CAASF,KAAA,EAAO;EAC7B,OAAO;AACX;AACO,IAAIR,YAAA,GAAe,SAAAA,CAAA,EAAW;EACjC,OAAO;AACX;AACO,IAAIC,iBAAA,GAAoB,SAAAA,CAAA,EAAW,CAAC;AACzB,IAAIF,OAAA,OAAUM,cAAA,CAAAM,oBAAA,EAAqBJ,cAAA,EAAgB;EACjEK,MAAA,EAAQL,cAAA;EACRM,KAAA,EAAOH,UAAA;EACPI,KAAA,EAAOJ,UAAA;EACPK,OAAA,EAASL,UAAA;EACTM,OAAA,EAAST;AACb,CAAC","ignoreList":[]}

package/dist/cjs/TooltipSimple.cjs

@@ -2,43 +2,45 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var TooltipSimple_exports = {};
 __export(TooltipSimple_exports, {
   TooltipSimple: () => TooltipSimple
 });
 module.exports = __toCommonJS(TooltipSimple_exports);
-var import_get_token = require("@tamagui/get-token"),
-  import_text = require("@tamagui/text"),
-  React = __toESM(require("react"), 1),
-  import_Tooltip = require("./Tooltip.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+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 = React.forwardRef(({
   label,
   children,
@@ -46,18 +48,24 @@ const TooltipSimple = React.forwardRef(({
   disabled,
   ...tooltipProps
 }, ref) => {
+  "use no memo";
+
   const child = React.Children.only(children);
-  return label ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Tooltip.Tooltip, {
-    disableRTL: !0,
+  if (!label) {
+    return children;
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Tooltip.Tooltip, {
+    disableRTL: true,
     offset: 15,
     restMs: 40,
     delay: 40,
+    zIndex: 1e6,
     ...tooltipProps,
     ...(disabled ? {
-      open: !1
+      open: false
     } : null),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Trigger, {
-      ...(typeof label == "string" && {
+      ...(typeof label === "string" && {
         "aria-label": label
       }),
       asChild: "except-style",
@@ -65,7 +73,6 @@ const TooltipSimple = React.forwardRef(({
         ref
       }) : child
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Tooltip.Tooltip.Content, {
-      zIndex: 1e9,
       enterStyle: {
         y: -4,
         opacity: 0,
@@ -86,7 +93,7 @@ const TooltipSimple = React.forwardRef(({
       animateOnly: ["transform", "opacity"],
       transition: ["quicker", {
         opacity: {
-          overshootClamping: !0
+          overshootClamping: true
         }
       }],
       ...contentProps,
@@ -101,5 +108,5 @@ const TooltipSimple = React.forwardRef(({
         children: label
       })]
     })]
-  }) : children;
+  });
 });