@tamagui/tooltip 1.0.1-beta.21 → 1.0.1-beta.210

package/dist/esm/Tooltip.js

@@ -1,5 +1,4 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
 import "@tamagui/polyfill-dev";
 import {
   FloatingDelayGroup,
@@ -12,124 +11,126 @@ import {
   useInteractions,
   useRole
 } from "@floating-ui/react-dom-interactions";
-import { useId, withStaticProperties } from "@tamagui/core";
+import { useEvent, useId, withStaticProperties } from "@tamagui/core";
 import {
   PopoverAnchor,
   PopoverArrow,
-  PopoverClose,
   PopoverContent,
   PopoverTrigger,
   __PopoverProviderInternal,
   usePopoverScope
 } from "@tamagui/popover";
-import { FloatingOverrideContext, Popper } from "@tamagui/popper";
-import { Paragraph } from "@tamagui/text";
+import {
+  FloatingOverrideContext,
+  Popper,
+  usePopperContext
+} from "@tamagui/popper";
 import * as React from "react";
-const TooltipContent = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ React.createElement(PopoverContent, {
-    pointerEvents: "none",
+const TooltipContent = React.forwardRef(
+  ({ __scopePopover, ...props }, ref) => {
+    const popperScope = usePopoverScope(__scopePopover);
+    const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
+    return /* @__PURE__ */ jsx(PopoverContent, {
+      componentName: "TooltipContent",
+      disableRemoveScroll: true,
+      trapFocus: false,
+      padding: props.size || popper.size || "$2",
+      pointerEvents: "none",
+      ref,
+      ...props
+    });
+  }
+);
+const TooltipArrow = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(PopoverArrow, {
+    componentName: "TooltipArrow",
     ref,
     ...props
   });
 });
 const TooltipGroup = FloatingDelayGroup;
-const Tooltip = withStaticProperties((props) => {
-  const { __scopePopover, children, restMs = 500, delay: delayProp, ...restProps } = props;
-  const popperScope = usePopoverScope(__scopePopover);
-  const triggerRef = React.useRef(null);
-  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
-  const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
-  const delay = delayProp != null ? delayProp : delayGroup;
-  const [open, setOpen] = React.useState(false);
-  const id = props.groupId;
-  const onOpenChange = React.useCallback((open2) => {
-    var _a;
-    setOpen(open2);
-    if (open2) {
-      setCurrentId(id);
-    }
-    (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
-  }, [id, setCurrentId]);
-  const useFloatingFn = /* @__PURE__ */ __name((props2) => {
-    const floating = useFloating({
-      ...props2,
-      open,
-      onOpenChange
+const Tooltip = withStaticProperties(
+  (props) => {
+    const {
+      __scopePopover,
+      children,
+      restMs = 500,
+      delay: delayProp,
+      onOpenChange: onOpenChangeProp,
+      ...restProps
+    } = props;
+    const popperScope = usePopoverScope(__scopePopover);
+    const triggerRef = React.useRef(null);
+    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+    const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
+    const delay = delayProp ?? delayGroup;
+    const [open, setOpen] = React.useState(false);
+    const id = props.groupId;
+    const onOpenChange = useEvent((open2) => {
+      setOpen(open2);
+      if (open2) {
+        setCurrentId(id);
+      }
+      onOpenChangeProp == null ? void 0 : onOpenChangeProp(open2);
     });
-    const { getReferenceProps, getFloatingProps } = useInteractions([
-      useHover(floating.context, { delay, restMs }),
-      useFocus(floating.context),
-      useRole(floating.context, { role: "tooltip" }),
-      useDismiss(floating.context),
-      useDelayGroup(floating.context, { id })
-    ]);
-    return {
-      ...floating,
-      getReferenceProps,
-      getFloatingProps
+    const useFloatingFn = (props2) => {
+      const floating = useFloating({
+        ...props2,
+        open,
+        onOpenChange
+      });
+      const { getReferenceProps, getFloatingProps } = useInteractions([
+        useHover(floating.context, { delay, restMs }),
+        useFocus(floating.context),
+        useRole(floating.context, { role: "tooltip" }),
+        useDismiss(floating.context),
+        useDelayGroup(floating.context, { id })
+      ]);
+      return {
+        ...floating,
+        getReferenceProps,
+        getFloatingProps
+      };
     };
-  }, "useFloatingFn");
-  const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
-  const voidFn = React.useCallback(() => {
-  }, [setOpen]);
-  return /* @__PURE__ */ React.createElement(FloatingOverrideContext.Provider, {
-    value: useFloatingContext
-  }, /* @__PURE__ */ React.createElement(Popper, {
-    size: "$2",
-    ...popperScope,
-    ...restProps
-  }, /* @__PURE__ */ React.createElement(__PopoverProviderInternal, {
-    scope: __scopePopover,
-    contentId: useId(),
-    triggerRef,
-    open,
-    onOpenChange: setOpen,
-    onOpenToggle: voidFn,
-    hasCustomAnchor,
-    onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),
-    onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), []),
-    modal: true
-  }, children)));
-}, {
-  Anchor: PopoverAnchor,
-  Arrow: PopoverArrow,
-  Close: PopoverClose,
-  Content: TooltipContent,
-  Trigger: PopoverTrigger
-});
+    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+    const contentId = useId();
+    return /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, {
+      value: useFloatingContext,
+      children: /* @__PURE__ */ jsx(Popper, {
+        size: "$2",
+        ...popperScope,
+        ...restProps,
+        children: /* @__PURE__ */ jsx(__PopoverProviderInternal, {
+          scope: __scopePopover,
+          contentId,
+          triggerRef,
+          sheetBreakpoint: false,
+          scopeKey: "",
+          open,
+          onOpenChange: setOpen,
+          onOpenToggle: voidFn,
+          hasCustomAnchor,
+          onCustomAnchorAdd,
+          onCustomAnchorRemove,
+          children
+        })
+      })
+    });
+  },
+  {
+    Anchor: PopoverAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: PopoverTrigger
+  }
+);
 Tooltip.displayName = "Tooltip";
-const TooltipSimple = /* @__PURE__ */ __name(({
-  label,
-  children,
-  contentProps,
-  ...tooltipProps
-}) => {
-  return /* @__PURE__ */ React.createElement(TooltipGroup, {
-    delay: { open: 3e3, close: 100 }
-  }, /* @__PURE__ */ React.createElement(Tooltip, {
-    ...tooltipProps
-  }, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, children), /* @__PURE__ */ React.createElement(Tooltip.Content, {
-    enterStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
-    exitStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
-    x: 0,
-    scale: 1,
-    y: 0,
-    elevation: "$1",
-    opacity: 1,
-    animation: [
-      "bouncy",
-      {
-        opacity: {
-          overshootClamping: true
-        }
-      }
-    ],
-    ...contentProps
-  }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, null, label))));
-}, "TooltipSimple");
+const voidFn = () => {
+};
 export {
   Tooltip,
-  TooltipGroup,
-  TooltipSimple
+  TooltipGroup
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/esm/Tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tooltip.tsx"],
-  "sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n  FloatingDelayGroup,\n  useDelayGroup,\n  useDelayGroupContext,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react-dom-interactions'\nimport { useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverClose,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { FloatingOverrideContext, Popper, PopperProps, UseFloatingFn } from '@tamagui/popper'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef((props: PopoverContentProps, ref: any) => {\n  return <PopoverContent pointerEvents=\"none\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  groupId?: string\n  restMs?: number\n  delay?:\n    | number\n    | {\n        open?: number\n        close?: number\n      }\n}\n\nexport const TooltipGroup = FloatingDelayGroup\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const { __scopePopover, children, restMs = 500, delay: delayProp, ...restProps } = props\n    const popperScope = usePopoverScope(__scopePopover)\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n    const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n    const delay = delayProp ?? delayGroup\n    const [open, setOpen] = React.useState(false)\n    const id = props.groupId\n\n    const onOpenChange = React.useCallback(\n      (open) => {\n        setOpen(open)\n        if (open) {\n          setCurrentId(id)\n        }\n        props.onOpenChange?.(open)\n      },\n      [id, setCurrentId]\n    )\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\n    const voidFn = React.useCallback(() => {}, [setOpen])\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size=\"$2\" {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            contentId={useId()}\n            triggerRef={triggerRef}\n            open={open}\n            onOpenChange={setOpen}\n            onOpenToggle={voidFn}\n            hasCustomAnchor={hasCustomAnchor}\n            onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])}\n            onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])}\n            modal\n          >\n            {children}\n          </__PopoverProviderInternal>\n        </Popper>\n      </FloatingOverrideContext.Provider>\n    )\n  }) as React.FC<TooltipProps>,\n  {\n    Anchor: PopoverAnchor,\n    Arrow: PopoverArrow,\n    Close: PopoverClose,\n    Content: TooltipContent,\n    Trigger: PopoverTrigger,\n  }\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n  label?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n  label,\n  children,\n  contentProps,\n  ...tooltipProps\n}) => {\n  return (\n    <TooltipGroup delay={{ open: 3000, close: 100 }}>\n      <Tooltip {...tooltipProps}>\n        <Tooltip.Trigger>{children}</Tooltip.Trigger>\n        <Tooltip.Content\n          enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}\n          x={0}\n          scale={1}\n          y={0}\n          elevation=\"$1\"\n          opacity={1}\n          animation={[\n            'bouncy',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          {...contentProps}\n        >\n          <Tooltip.Arrow />\n          <Paragraph>{label}</Paragraph>\n        </Tooltip.Content>\n      </Tooltip>\n    </TooltipGroup>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n  FloatingDelayGroup,\n  useDelayGroup,\n  useDelayGroupContext,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react-dom-interactions'\nimport { useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport {\n  FloatingOverrideContext,\n  Popper,\n  PopperProps,\n  UseFloatingFn,\n  usePopperContext,\n} from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  ({ __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>, ref: any) => {\n    const popperScope = usePopoverScope(__scopePopover)\n    const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])\n    return (\n      <PopoverContent\n        componentName=\"TooltipContent\"\n        disableRemoveScroll\n        trapFocus={false}\n        padding={props.size || popper.size || '$2'}\n        pointerEvents=\"none\"\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n  return <PopoverArrow componentName=\"TooltipArrow\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  groupId?: string\n  restMs?: number\n  delay?:\n    | number\n    | {\n        open?: number\n        close?: number\n      }\n}\n\nexport const TooltipGroup = FloatingDelayGroup\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      restMs = 500,\n      delay: delayProp,\n      onOpenChange: onOpenChangeProp,\n      ...restProps\n    } = props\n    const popperScope = usePopoverScope(__scopePopover)\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n    const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n    const delay = delayProp ?? delayGroup\n    const [open, setOpen] = React.useState(false)\n    const id = props.groupId\n\n    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])\n    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])\n    const contentId = useId()\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size=\"$2\" {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            contentId={contentId}\n            triggerRef={triggerRef}\n            sheetBreakpoint={false}\n            scopeKey=\"\"\n            open={open}\n            onOpenChange={setOpen}\n            onOpenToggle={voidFn}\n            hasCustomAnchor={hasCustomAnchor}\n            onCustomAnchorAdd={onCustomAnchorAdd}\n            onCustomAnchorRemove={onCustomAnchorRemove}\n          >\n            {children}\n          </__PopoverProviderInternal>\n        </Popper>\n      </FloatingOverrideContext.Provider>\n    )\n  }) as React.FC<TooltipProps>,\n  {\n    Anchor: PopoverAnchor,\n    Arrow: TooltipArrow,\n    Content: TooltipContent,\n    Trigger: PopoverTrigger,\n  }\n)\n\nTooltip.displayName = 'Tooltip'\n\nconst voidFn = () => {}\n"],
+  "mappings": "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",
+  "names": ["open", "props"]
 }

package/dist/esm/Tooltip.native.js

@@ -1,12 +1,10 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { withStaticProperties } from "@tamagui/core";
-const RenderChildren = /* @__PURE__ */ __name((props) => {
+const RenderChildren = (props) => {
   return props.children;
-}, "RenderChildren");
-const RenderNull = /* @__PURE__ */ __name((props) => {
+};
+const RenderNull = (props) => {
   return null;
-}, "RenderNull");
+};
 const Tooltip = withStaticProperties(RenderChildren, {
   Anchor: RenderChildren,
   Arrow: RenderNull,
@@ -14,9 +12,7 @@ const Tooltip = withStaticProperties(RenderChildren, {
   Content: RenderNull,
   Trigger: RenderChildren
 });
-const TooltipSimple = RenderChildren;
 export {
-  Tooltip,
-  TooltipSimple
+  Tooltip
 };
 //# sourceMappingURL=Tooltip.native.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tooltip.native.tsx"],
-  "sourcesContent": ["import { withStaticProperties } from '@tamagui/core'\n\n// no output on native for now\n// could have an option to long-press or similar to show in a context menu/drawer\n\nconst RenderChildren = (props: any) => {\n  return props.children\n}\n\nconst RenderNull = (props: any) => {\n  return null\n}\n\nexport const Tooltip = withStaticProperties(RenderChildren, {\n  Anchor: RenderChildren,\n  Arrow: RenderNull,\n  Close: RenderNull,\n  Content: RenderNull,\n  Trigger: RenderChildren,\n})\n\nexport const TooltipSimple = RenderChildren\n"],
-  "mappings": ";;AAAA;AAKA,MAAM,iBAAiB,wBAAC,UAAe;AACrC,SAAO,MAAM;AACf,GAFuB;AAIvB,MAAM,aAAa,wBAAC,UAAe;AACjC,SAAO;AACT,GAFmB;AAIZ,MAAM,UAAU,qBAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAEM,MAAM,gBAAgB;",
+  "sourcesContent": ["import { withStaticProperties } from '@tamagui/core'\n\n// no output on native for now\n// could have an option to long-press or similar to show in a context menu/drawer\n\nconst RenderChildren = (props: any) => {\n  return props.children\n}\n\nconst RenderNull = (props: any) => {\n  return null\n}\n\nexport const Tooltip = withStaticProperties(RenderChildren, {\n  Anchor: RenderChildren,\n  Arrow: RenderNull,\n  Close: RenderNull,\n  Content: RenderNull,\n  Trigger: RenderChildren,\n})\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AAKrC,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,UAAU,qBAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
   "names": []
 }

package/dist/esm/TooltipSimple.js

@@ -0,0 +1,67 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useDelayGroupContext } from "@floating-ui/react-dom-interactions";
+import { ThemeInverse } from "@tamagui/core";
+import { Paragraph } from "@tamagui/text";
+import { Tooltip, TooltipGroup } from "./Tooltip";
+const TooltipSimple = ({
+  label,
+  children,
+  contentProps,
+  ...tooltipProps
+}) => {
+  let context;
+  try {
+    context = useDelayGroupContext();
+  } catch {
+  }
+  const contents = /* @__PURE__ */ jsxs(Tooltip, {
+    ...tooltipProps,
+    children: [
+      /* @__PURE__ */ jsx(Tooltip.Trigger, {
+        asChild: true,
+        children
+      }),
+      /* @__PURE__ */ jsx(ThemeInverse, {
+        children: /* @__PURE__ */ jsxs(Tooltip.Content, {
+          zIndex: 1e5,
+          enterStyle: { x: 0, y: -8, opacity: 0, scale: 0.93 },
+          exitStyle: { x: 0, y: -8, opacity: 0, scale: 0.93 },
+          x: 0,
+          scale: 1,
+          y: 0,
+          elevation: "$0.5",
+          opacity: 1,
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: true
+              }
+            }
+          ],
+          ...contentProps,
+          children: [
+            /* @__PURE__ */ jsx(Tooltip.Arrow, {}),
+            /* @__PURE__ */ jsx(Paragraph, {
+              size: "$2",
+              lineHeight: "$0",
+              children: label
+            })
+          ]
+        })
+      })
+    ]
+  });
+  if (!context) {
+    return /* @__PURE__ */ jsx(TooltipGroup, {
+      delay: defaultTooltipDelay,
+      children: contents
+    });
+  }
+  return contents;
+};
+const defaultTooltipDelay = { open: 3e3, close: 100 };
+export {
+  TooltipSimple
+};
+//# sourceMappingURL=TooltipSimple.js.map

package/dist/esm/TooltipSimple.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.tsx"],
+  "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { ThemeInverse } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nimport { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n  label?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n  label,\n  children,\n  contentProps,\n  ...tooltipProps\n}) => {\n  let context\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    context = useDelayGroupContext()\n  } catch {\n    // ok\n  }\n\n  const contents = (\n    <Tooltip {...tooltipProps}>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <ThemeInverse>\n        <Tooltip.Content\n          zIndex={100_000}\n          enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n          exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n          x={0}\n          scale={1}\n          y={0}\n          elevation=\"$0.5\"\n          opacity={1}\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          {...contentProps}\n        >\n          <Tooltip.Arrow />\n          <Paragraph size=\"$2\" lineHeight=\"$0\">\n            {label}\n          </Paragraph>\n        </Tooltip.Content>\n      </ThemeInverse>\n    </Tooltip>\n  )\n\n  if (!context) {\n    return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>\n  }\n\n  return contents\n}\n\nconst defaultTooltipDelay = { open: 3000, close: 100 }\n"],
+  "mappings": "AA8BM,cAEE,YAFF;AA9BN,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,qBAAC;AAAA,IAAS,GAAG;AAAA,IACX;AAAA,0BAAC,QAAQ,SAAR;AAAA,QAAgB,SAAO;AAAA,QAAE;AAAA,OAAS;AAAA,MACnC,oBAAC;AAAA,QACC,+BAAC,QAAQ,SAAR;AAAA,UACC,QAAQ;AAAA,UACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,GAAG;AAAA,UACH,WAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,gCAAC,QAAQ,OAAR,EAAc;AAAA,YACf,oBAAC;AAAA,cAAU,MAAK;AAAA,cAAK,YAAW;AAAA,cAC7B;AAAA,aACH;AAAA;AAAA,SACF;AAAA,OACF;AAAA;AAAA,GACF;AAGF,MAAI,CAAC,SAAS;AACZ,WAAO,oBAAC;AAAA,MAAa,OAAO;AAAA,MAAsB;AAAA,KAAS;AAAA,EAC7D;AAEA,SAAO;AACT;AAEA,MAAM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
+  "names": []
+}

package/dist/esm/TooltipSimple.native.js

@@ -0,0 +1,8 @@
+const RenderChildren = (props) => {
+  return props.children;
+};
+const TooltipSimple = RenderChildren;
+export {
+  TooltipSimple
+};
+//# sourceMappingURL=TooltipSimple.native.js.map

package/dist/esm/TooltipSimple.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.native.tsx"],
+  "sourcesContent": ["const RenderChildren = (props: any) => {\n  return props.children\n}\n\nexport const TooltipSimple = RenderChildren\n"],
+  "mappings": "AAAA,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEO,MAAM,gBAAgB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,2 +1,3 @@
 export * from "./Tooltip";
+export * from "./TooltipSimple";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export * from './Tooltip'\n"],
-  "mappings": "AAAA;",
+  "sourcesContent": ["export * from './Tooltip'\nexport * from './TooltipSimple'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/jsx/Tooltip.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import "@tamagui/polyfill-dev";
 import {
   FloatingDelayGroup,
@@ -12,94 +10,93 @@ import {
   useInteractions,
   useRole
 } from "@floating-ui/react-dom-interactions";
-import { useId, withStaticProperties } from "@tamagui/core";
+import { useEvent, useId, withStaticProperties } from "@tamagui/core";
 import {
   PopoverAnchor,
   PopoverArrow,
-  PopoverClose,
   PopoverContent,
   PopoverTrigger,
   __PopoverProviderInternal,
   usePopoverScope
 } from "@tamagui/popover";
-import { FloatingOverrideContext, Popper } from "@tamagui/popper";
-import { Paragraph } from "@tamagui/text";
+import {
+  FloatingOverrideContext,
+  Popper,
+  usePopperContext
+} from "@tamagui/popper";
 import * as React from "react";
-const TooltipContent = React.forwardRef((props, ref) => {
-  return <PopoverContent pointerEvents="none" ref={ref} {...props} />;
+const TooltipContent = React.forwardRef(
+  ({ __scopePopover, ...props }, ref) => {
+    const popperScope = usePopoverScope(__scopePopover);
+    const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
+    return <PopoverContent componentName="TooltipContent" disableRemoveScroll trapFocus={false} padding={props.size || popper.size || "$2"} pointerEvents="none" ref={ref} {...props} />;
+  }
+);
+const TooltipArrow = React.forwardRef((props, ref) => {
+  return <PopoverArrow componentName="TooltipArrow" ref={ref} {...props} />;
 });
 const TooltipGroup = FloatingDelayGroup;
-const Tooltip = withStaticProperties((props) => {
-  const { __scopePopover, children, restMs = 500, delay: delayProp, ...restProps } = props;
-  const popperScope = usePopoverScope(__scopePopover);
-  const triggerRef = React.useRef(null);
-  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
-  const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
-  const delay = delayProp != null ? delayProp : delayGroup;
-  const [open, setOpen] = React.useState(false);
-  const id = props.groupId;
-  const onOpenChange = React.useCallback((open2) => {
-    var _a;
-    setOpen(open2);
-    if (open2) {
-      setCurrentId(id);
-    }
-    (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2);
-  }, [id, setCurrentId]);
-  const useFloatingFn = /* @__PURE__ */ __name((props2) => {
-    const floating = useFloating({
-      ...props2,
-      open,
-      onOpenChange
+const Tooltip = withStaticProperties(
+  (props) => {
+    const {
+      __scopePopover,
+      children,
+      restMs = 500,
+      delay: delayProp,
+      onOpenChange: onOpenChangeProp,
+      ...restProps
+    } = props;
+    const popperScope = usePopoverScope(__scopePopover);
+    const triggerRef = React.useRef(null);
+    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+    const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
+    const delay = delayProp ?? delayGroup;
+    const [open, setOpen] = React.useState(false);
+    const id = props.groupId;
+    const onOpenChange = useEvent((open2) => {
+      setOpen(open2);
+      if (open2) {
+        setCurrentId(id);
+      }
+      onOpenChangeProp?.(open2);
     });
-    const { getReferenceProps, getFloatingProps } = useInteractions([
-      useHover(floating.context, { delay, restMs }),
-      useFocus(floating.context),
-      useRole(floating.context, { role: "tooltip" }),
-      useDismiss(floating.context),
-      useDelayGroup(floating.context, { id })
-    ]);
-    return {
-      ...floating,
-      getReferenceProps,
-      getFloatingProps
+    const useFloatingFn = (props2) => {
+      const floating = useFloating({
+        ...props2,
+        open,
+        onOpenChange
+      });
+      const { getReferenceProps, getFloatingProps } = useInteractions([
+        useHover(floating.context, { delay, restMs }),
+        useFocus(floating.context),
+        useRole(floating.context, { role: "tooltip" }),
+        useDismiss(floating.context),
+        useDelayGroup(floating.context, { id })
+      ]);
+      return {
+        ...floating,
+        getReferenceProps,
+        getFloatingProps
+      };
     };
-  }, "useFloatingFn");
-  const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
-  const voidFn = React.useCallback(() => {
-  }, [setOpen]);
-  return <FloatingOverrideContext.Provider value={useFloatingContext}><Popper size="$2" {...popperScope} {...restProps}><__PopoverProviderInternal scope={__scopePopover} contentId={useId()} triggerRef={triggerRef} open={open} onOpenChange={setOpen} onOpenToggle={voidFn} hasCustomAnchor={hasCustomAnchor} onCustomAnchorAdd={React.useCallback(() => setHasCustomAnchor(true), [])} onCustomAnchorRemove={React.useCallback(() => setHasCustomAnchor(false), [])} modal>{children}</__PopoverProviderInternal></Popper></FloatingOverrideContext.Provider>;
-}, {
-  Anchor: PopoverAnchor,
-  Arrow: PopoverArrow,
-  Close: PopoverClose,
-  Content: TooltipContent,
-  Trigger: PopoverTrigger
-});
+    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+    const contentId = useId();
+    return <FloatingOverrideContext.Provider value={useFloatingContext}><Popper size="$2" {...popperScope} {...restProps}><__PopoverProviderInternal scope={__scopePopover} contentId={contentId} triggerRef={triggerRef} sheetBreakpoint={false} scopeKey="" open={open} onOpenChange={setOpen} onOpenToggle={voidFn} hasCustomAnchor={hasCustomAnchor} onCustomAnchorAdd={onCustomAnchorAdd} onCustomAnchorRemove={onCustomAnchorRemove}>{children}</__PopoverProviderInternal></Popper></FloatingOverrideContext.Provider>;
+  },
+  {
+    Anchor: PopoverAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: PopoverTrigger
+  }
+);
 Tooltip.displayName = "Tooltip";
-const TooltipSimple = /* @__PURE__ */ __name(({
-  label,
-  children,
-  contentProps,
-  ...tooltipProps
-}) => {
-  return <TooltipGroup delay={{ open: 3e3, close: 100 }}><Tooltip {...tooltipProps}>
-    <Tooltip.Trigger>{children}</Tooltip.Trigger>
-    <Tooltip.Content enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }} exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }} x={0} scale={1} y={0} elevation="$1" opacity={1} animation={[
-      "bouncy",
-      {
-        opacity: {
-          overshootClamping: true
-        }
-      }
-    ]} {...contentProps}>
-      <Tooltip.Arrow />
-      <Paragraph>{label}</Paragraph>
-    </Tooltip.Content>
-  </Tooltip></TooltipGroup>;
-}, "TooltipSimple");
+const voidFn = () => {
+};
 export {
   Tooltip,
-  TooltipGroup,
-  TooltipSimple
+  TooltipGroup
 };
+//# sourceMappingURL=Tooltip.js.map

package/dist/jsx/Tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Tooltip.tsx"],
+  "sourcesContent": ["import '@tamagui/polyfill-dev'\n\nimport {\n  FloatingDelayGroup,\n  useDelayGroup,\n  useDelayGroupContext,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react-dom-interactions'\nimport { useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport {\n  FloatingOverrideContext,\n  Popper,\n  PopperProps,\n  UseFloatingFn,\n  usePopperContext,\n} from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  ({ __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>, ref: any) => {\n    const popperScope = usePopoverScope(__scopePopover)\n    const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])\n    return (\n      <PopoverContent\n        componentName=\"TooltipContent\"\n        disableRemoveScroll\n        trapFocus={false}\n        padding={props.size || popper.size || '$2'}\n        pointerEvents=\"none\"\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n  return <PopoverArrow componentName=\"TooltipArrow\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  groupId?: string\n  restMs?: number\n  delay?:\n    | number\n    | {\n        open?: number\n        close?: number\n      }\n}\n\nexport const TooltipGroup = FloatingDelayGroup\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      restMs = 500,\n      delay: delayProp,\n      onOpenChange: onOpenChangeProp,\n      ...restProps\n    } = props\n    const popperScope = usePopoverScope(__scopePopover)\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n    const { delay: delayGroup, setCurrentId } = useDelayGroupContext()\n    const delay = delayProp ?? delayGroup\n    const [open, setOpen] = React.useState(false)\n    const id = props.groupId\n\n    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])\n    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])\n    const contentId = useId()\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size=\"$2\" {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            contentId={contentId}\n            triggerRef={triggerRef}\n            sheetBreakpoint={false}\n            scopeKey=\"\"\n            open={open}\n            onOpenChange={setOpen}\n            onOpenToggle={voidFn}\n            hasCustomAnchor={hasCustomAnchor}\n            onCustomAnchorAdd={onCustomAnchorAdd}\n            onCustomAnchorRemove={onCustomAnchorRemove}\n          >\n            {children}\n          </__PopoverProviderInternal>\n        </Popper>\n      </FloatingOverrideContext.Provider>\n    )\n  }) as React.FC<TooltipProps>,\n  {\n    Anchor: PopoverAnchor,\n    Arrow: TooltipArrow,\n    Content: TooltipContent,\n    Trigger: PopoverTrigger,\n  }\n)\n\nTooltip.displayName = 'Tooltip'\n\nconst voidFn = () => {}\n"],
+  "mappings": "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",
+  "names": ["open", "props"]
+}