@tamagui/tooltip 1.0.1-beta.37 → 1.0.1-beta.40

package/dist/cjs/Tooltip.js

@@ -146,9 +146,12 @@ const TooltipSimple = /* @__PURE__ */ __name((_a) => {
     "children",
     "contentProps"
   ]);
-  return /* @__PURE__ */ React.createElement(TooltipGroup, {
-    delay: { open: 3e3, close: 100 }
-  }, /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, tooltipProps), /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, children), /* @__PURE__ */ React.createElement(Tooltip.Content, __spreadValues({
+  let context;
+  try {
+    context = (0, import_react_dom_interactions.useDelayGroupContext)();
+  } catch {
+  }
+  const contents = /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, tooltipProps), /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, children), /* @__PURE__ */ React.createElement(Tooltip.Content, __spreadValues({
     enterStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
     exitStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
     x: 0,
@@ -164,7 +167,13 @@ const TooltipSimple = /* @__PURE__ */ __name((_a) => {
         }
       }
     ]
-  }, contentProps), /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(import_text.Paragraph, null, label))));
+  }, contentProps), /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(import_text.Paragraph, null, label)));
+  if (!context) {
+    return /* @__PURE__ */ React.createElement(TooltipGroup, {
+      delay: { open: 3e3, close: 100 }
+    }, contents);
+  }
+  return contents;
 }, "TooltipSimple");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/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  PopoverArrowProps,\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 componentName=\"TooltipContent\" pointerEvents=\"none\" ref={ref} {...props} />\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 { __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: TooltipArrow,\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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",
+  "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  PopoverArrowProps,\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 componentName=\"TooltipContent\" pointerEvents=\"none\" ref={ref} {...props} />\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 { __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: TooltipArrow,\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  let context\n  try {\n    context = useDelayGroupContext()\n  } catch {\n    // ok\n  }\n\n  const contents = (\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  )\n\n  if (!context) {\n    return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>\n  }\n\n  return contents\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/Tooltip.js

@@ -110,9 +110,12 @@ const TooltipSimple = /* @__PURE__ */ __name(({
   contentProps,
   ...tooltipProps
 }) => {
-  return /* @__PURE__ */ React.createElement(TooltipGroup, {
-    delay: { open: 3e3, close: 100 }
-  }, /* @__PURE__ */ React.createElement(Tooltip, {
+  let context;
+  try {
+    context = useDelayGroupContext();
+  } catch {
+  }
+  const contents = /* @__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 },
@@ -131,7 +134,13 @@ const TooltipSimple = /* @__PURE__ */ __name(({
       }
     ],
     ...contentProps
-  }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, null, label))));
+  }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, null, label)));
+  if (!context) {
+    return /* @__PURE__ */ React.createElement(TooltipGroup, {
+      delay: { open: 3e3, close: 100 }
+    }, contents);
+  }
+  return contents;
 }, "TooltipSimple");
 export {
   Tooltip,

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  PopoverArrowProps,\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 componentName=\"TooltipContent\" pointerEvents=\"none\" ref={ref} {...props} />\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 { __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: TooltipArrow,\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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",
+  "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  PopoverArrowProps,\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 componentName=\"TooltipContent\" pointerEvents=\"none\" ref={ref} {...props} />\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 { __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: TooltipArrow,\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  let context\n  try {\n    context = useDelayGroupContext()\n  } catch {\n    // ok\n  }\n\n  const contents = (\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  )\n\n  if (!context) {\n    return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>\n  }\n\n  return contents\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/Tooltip.js

@@ -84,7 +84,12 @@ const TooltipSimple = /* @__PURE__ */ __name(({
   contentProps,
   ...tooltipProps
 }) => {
-  return <TooltipGroup delay={{ open: 3e3, close: 100 }}><Tooltip {...tooltipProps}>
+  let context;
+  try {
+    context = useDelayGroupContext();
+  } catch {
+  }
+  const contents = <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",
@@ -97,7 +102,11 @@ const TooltipSimple = /* @__PURE__ */ __name(({
       <Tooltip.Arrow />
       <Paragraph>{label}</Paragraph>
     </Tooltip.Content>
-  </Tooltip></TooltipGroup>;
+  </Tooltip>;
+  if (!context) {
+    return <TooltipGroup delay={{ open: 3e3, close: 100 }}>{contents}</TooltipGroup>;
+  }
+  return contents;
 }, "TooltipSimple");
 export {
   Tooltip,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/tooltip",
-  "version": "1.0.1-beta.37",
+  "version": "1.0.1-beta.40",
   "sideEffects": true,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -19,15 +19,15 @@
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "^0.5.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.37",
-    "@tamagui/core": "^1.0.1-beta.37",
-    "@tamagui/create-context": "^1.0.1-beta.37",
-    "@tamagui/polyfill-dev": "^1.0.1-beta.37",
-    "@tamagui/popover": "^1.0.1-beta.37",
-    "@tamagui/popper": "^1.0.1-beta.37",
-    "@tamagui/stacks": "^1.0.1-beta.37",
-    "@tamagui/text": "^1.0.1-beta.37",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.37"
+    "@tamagui/compose-refs": "^1.0.1-beta.40",
+    "@tamagui/core": "^1.0.1-beta.40",
+    "@tamagui/create-context": "^1.0.1-beta.40",
+    "@tamagui/polyfill-dev": "^1.0.1-beta.40",
+    "@tamagui/popover": "^1.0.1-beta.40",
+    "@tamagui/popper": "^1.0.1-beta.40",
+    "@tamagui/stacks": "^1.0.1-beta.40",
+    "@tamagui/text": "^1.0.1-beta.40",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.40"
   },
   "peerDependencies": {
     "react": "*",
@@ -35,7 +35,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.37",
+    "@tamagui/build": "^1.0.1-beta.40",
     "@types/react-dom": "^18.0.3",
     "@types/react-native": "^0.67.3",
     "react": "*",

package/types/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAyB9B,OAAO,EAAmC,WAAW,EAAiB,MAAM,iBAAiB,CAAA;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,oBAAY,YAAY,GAAG,WAAW,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,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;CACN,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;iBAAqB,CAAA;AAE9C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EnB,CAAA;AAID,oBAAY,kBAAkB,GAAG,YAAY,GAAG;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkCtD,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAyB9B,OAAO,EAAmC,WAAW,EAAiB,MAAM,iBAAiB,CAAA;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,oBAAY,YAAY,GAAG,WAAW,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,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;CACN,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;iBAAqB,CAAA;AAE9C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EnB,CAAA;AAID,oBAAY,kBAAkB,GAAG,YAAY,GAAG;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6CtD,CAAA"}