@tamagui/tooltip 1.2.9 → 1.2.11

package/dist/cjs/Tooltip.js

@@ -70,8 +70,8 @@ const Tooltip = (0, import_core.withStaticProperties)(
     const {
       __scopePopover,
       children,
-      restMs = 500,
       delay: delayProp,
+      restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
       onOpenChange: onOpenChangeProp,
       ...restProps
     } = props;

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 { useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { Popper, PopperProps, usePopperContext } from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  (\n    { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n    ref: any\n  ) => {\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\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\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      // @ts-ignore\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    const size = `$${(stepTokenUpOrDown('size', '$true', -2) as any).key}` as any\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size} {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            popperScope={popperScope.__scopePopper}\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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",
+  "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 { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { Popper, PopperProps, usePopperContext } from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  (\n    { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n    ref: any\n  ) => {\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\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      delay: delayProp,\n      restMs = typeof delayProp === 'undefined'\n        ? 500\n        : typeof delayProp === 'number'\n        ? delayProp\n        : 0,\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      // @ts-ignore\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    const size = `$${(stepTokenUpOrDown('size', '$true', -2) as any).key}` as any\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size} {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            popperScope={popperScope.__scopePopper}\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCM;AAtCN,0BAAO;AAEP,oCAUO;AACP,kBAAsD;AAEtD,sBAAuD;AACvD,sBAAkC;AAClC,qBASO;AACP,oBAAsD;AACtD,YAAuB;AAEvB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CACE,EAAE,gBAAgB,GAAG,MAAM,GAC3B,QACG;AACH,UAAM,kBAAc,gCAAgB,cAAc;AAClD,UAAM,aAAS,gCAAiB,iBAAiB,YAAY,eAAe,CAAC;AAC7E,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd,qBAAmB;AAAA,QACnB,WAAW;AAAA,QACX,SAAS,MAAM,QAAQ,OAAO,QAAQ;AAAA,QACtC,eAAc;AAAA,QACd;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,eAAe,MAAM,WAAW,CAAC,OAA0B,QAAa;AAC5E,SAAO,4CAAC,+BAAa,eAAc,gBAAe,KAAW,GAAG,OAAO;AACzE,CAAC;AAsBM,MAAM,eAAe,CAAC,EAAE,UAAU,MAAM,MAAwC;AACrF,SACE,4CAAC,oDAAmB,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC,GAC1E,UACH;AAEJ;AAEO,MAAM,cAAU;AAAA,EACpB,CAAC,UAAgD;AAChD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,SAAS,OAAO,cAAc,cAC1B,MACA,OAAO,cAAc,WACrB,YACA;AAAA,MACJ,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAI;AACJ,UAAM,kBAAc,gCAAgB,cAAc;AAClD,UAAM,aAAa,MAAM,OAA0B,IAAI;AACvD,UAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,KAAK;AAClE,UAAM,EAAE,OAAO,YAAY,aAAa,QAAI,oDAAqB;AACjE,UAAM,QAAQ,aAAa;AAC3B,UAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,UAAM,KAAK,MAAM;AAEjB,UAAM,mBAAe,sBAAS,CAACA,UAAS;AACtC,cAAQA,KAAI;AACZ,UAAIA,OAAM;AACR,qBAAa,EAAE;AAAA,MACjB;AACA,2DAAmBA;AAAA,IACrB,CAAC;AAED,UAAM,gBAA+B,CAACC,WAAU;AAE9C,YAAM,eAAW,2CAAY;AAAA,QAC3B,GAAGA;AAAA,QACH;AAAA,QACA;AAAA,MACF,CAAC;AACD,YAAM,EAAE,mBAAmB,iBAAiB,QAAI,+CAAgB;AAAA,YAC9D,wCAAS,SAAS,SAAS,EAAE,OAAO,OAAO,CAAC;AAAA,YAC5C,wCAAS,SAAS,OAAO;AAAA,YACzB,uCAAQ,SAAS,SAAS,EAAE,MAAM,UAAU,CAAC;AAAA,YAC7C,0CAAW,SAAS,OAAO;AAAA,YAC3B,6CAAc,SAAS,SAAS,EAAE,GAAG,CAAC;AAAA,MACxC,CAAC;AACD,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,qBAAqB,MAAM,YAAY,eAAe,CAAC,IAAI,OAAO,IAAI,CAAC;AAC7E,UAAM,oBAAoB,MAAM,YAAY,MAAM,mBAAmB,IAAI,GAAG,CAAC,CAAC;AAC9E,UAAM,uBAAuB,MAAM,YAAY,MAAM,mBAAmB,KAAK,GAAG,CAAC,CAAC;AAClF,UAAM,gBAAY,mBAAM;AACxB,UAAM,OAAO,QAAK,mCAAkB,QAAQ,SAAS,EAAE,EAAU;AAEjE,WACE,4CAAC,wCAAwB,UAAxB,EAAiC,OAAO,oBAEvC,sDAAC,wBAAO,MAAa,GAAG,aAAc,GAAG,WACvC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAa,YAAY;AAAA,QACzB;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,UAAS;AAAA,QACT;AAAA,QACA,cAAc;AAAA,QACd,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH,GACF,GACF;AAAA,EAEJ;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF;AAEA,QAAQ,cAAc;AAEtB,MAAM,SAAS,MAAM;AAAC;",
   "names": ["open", "props"]
 }

package/dist/esm/Tooltip.js

@@ -53,8 +53,8 @@ const Tooltip = withStaticProperties(
     const {
       __scopePopover,
       children,
-      restMs = 500,
       delay: delayProp,
+      restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
       onOpenChange: onOpenChangeProp,
       ...restProps
     } = props;

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 { useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { Popper, PopperProps, usePopperContext } from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  (\n    { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n    ref: any\n  ) => {\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\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\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      // @ts-ignore\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    const size = `$${(stepTokenUpOrDown('size', '$true', -2) as any).key}` as any\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size} {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            popperScope={popperScope.__scopePopper}\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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",
+  "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 { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { Popper, PopperProps, usePopperContext } from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  (\n    { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n    ref: any\n  ) => {\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\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      delay: delayProp,\n      restMs = typeof delayProp === 'undefined'\n        ? 500\n        : typeof delayProp === 'number'\n        ? delayProp\n        : 0,\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      // @ts-ignore\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    const size = `$${(stepTokenUpOrDown('size', '$true', -2) as any).key}` as any\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size} {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            popperScope={popperScope.__scopePopper}\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.mjs

@@ -0,0 +1,132 @@
+import { jsx } from "react/jsx-runtime";
+import "@tamagui/polyfill-dev";
+import {
+  FloatingDelayGroup,
+  useDelayGroup,
+  useDelayGroupContext,
+  useDismiss,
+  useFloating,
+  useFocus,
+  useHover,
+  useInteractions,
+  useRole
+} from "@floating-ui/react-dom-interactions";
+import { useEvent, useId, withStaticProperties } from "@tamagui/core";
+import { FloatingOverrideContext } from "@tamagui/floating";
+import { stepTokenUpOrDown } from "@tamagui/get-size";
+import {
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverContent,
+  PopoverTrigger,
+  __PopoverProviderInternal,
+  usePopoverScope
+} from "@tamagui/popover";
+import { Popper, usePopperContext } from "@tamagui/popper";
+import * as React from "react";
+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 = ({ children, delay }) => {
+  return /* @__PURE__ */ jsx(FloatingDelayGroup, { delay: React.useMemo(() => delay, [JSON.stringify(delay)]), children });
+};
+const Tooltip = withStaticProperties(
+  (props) => {
+    const {
+      __scopePopover,
+      children,
+      delay: delayProp,
+      restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
+      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 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
+      };
+    };
+    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+    const contentId = useId();
+    const size = `$${stepTokenUpOrDown("size", "$true", -2).key}`;
+    return /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(Popper, { size, ...popperScope, ...restProps, children: /* @__PURE__ */ jsx(
+      __PopoverProviderInternal,
+      {
+        scope: __scopePopover,
+        popperScope: popperScope.__scopePopper,
+        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 voidFn = () => {
+};
+export {
+  Tooltip,
+  TooltipGroup
+};
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/esm/Tooltip.mjs.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 { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { Popper, PopperProps, usePopperContext } from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  (\n    { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n    ref: any\n  ) => {\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\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      delay: delayProp,\n      restMs = typeof delayProp === 'undefined'\n        ? 500\n        : typeof delayProp === 'number'\n        ? delayProp\n        : 0,\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      // @ts-ignore\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    const size = `$${(stepTokenUpOrDown('size', '$true', -2) as any).key}` as any\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size} {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            popperScope={popperScope.__scopePopper}\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.mjs

@@ -0,0 +1,18 @@
+import { withStaticProperties } from "@tamagui/core";
+const RenderChildren = (props) => {
+  return props.children;
+};
+const RenderNull = (props) => {
+  return null;
+};
+const Tooltip = withStaticProperties(RenderChildren, {
+  Anchor: RenderChildren,
+  Arrow: RenderNull,
+  Close: RenderNull,
+  Content: RenderNull,
+  Trigger: RenderChildren
+});
+export {
+  Tooltip
+};
+//# sourceMappingURL=Tooltip.native.mjs.map

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

@@ -0,0 +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"],
+  "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.mjs

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useDelayGroupContext } from "@floating-ui/react-dom-interactions";
+import { Theme } 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(Theme, { inverse: true, children: /* @__PURE__ */ jsxs(
+      Tooltip.Content,
+      {
+        zIndex: 1e6,
+        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.mjs.map

package/dist/esm/TooltipSimple.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.tsx"],
+  "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { Theme } 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      <Theme inverse>\n        <Tooltip.Content\n          zIndex={1_000_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      </Theme>\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,aAAa;AAEtB,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,qBAAC,WAAS,GAAG,cACX;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,MAAE,UAAS;AAAA,IACnC,oBAAC,SAAM,SAAO,MACZ;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,QAAQ;AAAA,QACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,GAAG;AAAA,QACH,WAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACf,oBAAC,aAAU,MAAK,MAAK,YAAW,MAC7B,iBACH;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAGF,MAAI,CAAC,SAAS;AACZ,WAAO,oBAAC,gBAAa,OAAO,qBAAsB,oBAAS;AAAA,EAC7D;AAEA,SAAO;AACT;AAEA,MAAM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
+  "names": []
+}

package/dist/esm/TooltipSimple.native.mjs

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

package/dist/esm/TooltipSimple.native.mjs.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.mjs

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

package/dist/esm/index.mjs.map

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

package/dist/jsx/Tooltip.js

@@ -49,8 +49,8 @@ const Tooltip = withStaticProperties(
     const {
       __scopePopover,
       children,
-      restMs = 500,
       delay: delayProp,
+      restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
       onOpenChange: onOpenChangeProp,
       ...restProps
     } = props;

package/dist/jsx/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 { useEvent, useId, withStaticProperties } from '@tamagui/core'\nimport { ScopedProps } from '@tamagui/create-context'\nimport { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { Popper, PopperProps, usePopperContext } from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  (\n    { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n    ref: any\n  ) => {\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\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\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      // @ts-ignore\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    const size = `$${(stepTokenUpOrDown('size', '$true', -2) as any).key}` as any\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size} {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            popperScope={popperScope.__scopePopper}\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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",
+  "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 { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { Popper, PopperProps, usePopperContext } from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  (\n    { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n    ref: any\n  ) => {\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\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      delay: delayProp,\n      restMs = typeof delayProp === 'undefined'\n        ? 500\n        : typeof delayProp === 'number'\n        ? delayProp\n        : 0,\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      // @ts-ignore\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    const size = `$${(stepTokenUpOrDown('size', '$true', -2) as any).key}` as any\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size} {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            popperScope={popperScope.__scopePopper}\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/jsx/Tooltip.mjs

@@ -0,0 +1,124 @@
+import "@tamagui/polyfill-dev";
+import {
+  FloatingDelayGroup,
+  useDelayGroup,
+  useDelayGroupContext,
+  useDismiss,
+  useFloating,
+  useFocus,
+  useHover,
+  useInteractions,
+  useRole
+} from "@floating-ui/react-dom-interactions";
+import { useEvent, useId, withStaticProperties } from "@tamagui/core";
+import { FloatingOverrideContext } from "@tamagui/floating";
+import { stepTokenUpOrDown } from "@tamagui/get-size";
+import {
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverContent,
+  PopoverTrigger,
+  __PopoverProviderInternal,
+  usePopoverScope
+} from "@tamagui/popover";
+import { Popper, usePopperContext } from "@tamagui/popper";
+import * as React from "react";
+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 = ({ children, delay }) => {
+  return <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>{children}</FloatingDelayGroup>;
+};
+const Tooltip = withStaticProperties(
+  (props) => {
+    const {
+      __scopePopover,
+      children,
+      delay: delayProp,
+      restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
+      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 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
+      };
+    };
+    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+    const contentId = useId();
+    const size = `$${stepTokenUpOrDown("size", "$true", -2).key}`;
+    return <FloatingOverrideContext.Provider value={useFloatingContext}><Popper size={size} {...popperScope} {...restProps}><__PopoverProviderInternal
+      scope={__scopePopover}
+      popperScope={popperScope.__scopePopper}
+      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 voidFn = () => {
+};
+export {
+  Tooltip,
+  TooltipGroup
+};
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/jsx/Tooltip.mjs.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 { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport {\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverArrowProps,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger,\n  __PopoverProviderInternal,\n  usePopoverScope,\n} from '@tamagui/popover'\nimport { Popper, PopperProps, usePopperContext } from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = React.forwardRef(\n  (\n    { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,\n    ref: any\n  ) => {\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\ntype Delay =\n  | number\n  | Partial<{\n      open: number\n      close: number\n    }>\n\nexport const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay }) => {\n  return (\n    <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>\n      {children}\n    </FloatingDelayGroup>\n  )\n}\n\nexport const Tooltip = withStaticProperties(\n  ((props: ScopedProps<TooltipProps, 'Popover'>) => {\n    const {\n      __scopePopover,\n      children,\n      delay: delayProp,\n      restMs = typeof delayProp === 'undefined'\n        ? 500\n        : typeof delayProp === 'number'\n        ? delayProp\n        : 0,\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      // @ts-ignore\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    const size = `$${(stepTokenUpOrDown('size', '$true', -2) as any).key}` as any\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size} {...popperScope} {...restProps}>\n          <__PopoverProviderInternal\n            scope={__scopePopover}\n            popperScope={popperScope.__scopePopper}\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": "AAAA,OAAO;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,OAAO,4BAA4B;AAEtD,SAAS,+BAA8C;AACvD,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAqB,wBAAwB;AACtD,YAAY,WAAW;AAEvB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CACE,EAAE,gBAAgB,GAAG,MAAM,GAC3B,QACG;AACH,UAAM,cAAc,gBAAgB,cAAc;AAClD,UAAM,SAAS,iBAAiB,iBAAiB,YAAY,eAAe,CAAC;AAC7E,WACE,CAAC;AAAA,MACC,cAAc;AAAA,MACd;AAAA,MACA,WAAW;AAAA,MACX,SAAS,MAAM,QAAQ,OAAO,QAAQ;AAAA,MACtC,cAAc;AAAA,MACd,KAAK;AAAA,UACD;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,eAAe,MAAM,WAAW,CAAC,OAA0B,QAAa;AAC5E,SAAO,CAAC,aAAa,cAAc,eAAe,KAAK,SAAS,OAAO;AACzE,CAAC;AAsBM,MAAM,eAAe,CAAC,EAAE,UAAU,MAAM,MAAwC;AACrF,SACE,CAAC,mBAAmB,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC,IAC1E,SACH,EAFC;AAIL;AAEO,MAAM,UAAU;AAAA,EACpB,CAAC,UAAgD;AAChD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,SAAS,OAAO,cAAc,cAC1B,MACA,OAAO,cAAc,WACrB,YACA;AAAA,MACJ,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAI;AACJ,UAAM,cAAc,gBAAgB,cAAc;AAClD,UAAM,aAAa,MAAM,OAA0B,IAAI;AACvD,UAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,KAAK;AAClE,UAAM,EAAE,OAAO,YAAY,aAAa,IAAI,qBAAqB;AACjE,UAAM,QAAQ,aAAa;AAC3B,UAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,UAAM,KAAK,MAAM;AAEjB,UAAM,eAAe,SAAS,CAACA,UAAS;AACtC,cAAQA,KAAI;AACZ,UAAIA,OAAM;AACR,qBAAa,EAAE;AAAA,MACjB;AACA,yBAAmBA,KAAI;AAAA,IACzB,CAAC;AAED,UAAM,gBAA+B,CAACC,WAAU;AAE9C,YAAM,WAAW,YAAY;AAAA,QAC3B,GAAGA;AAAA,QACH;AAAA,QACA;AAAA,MACF,CAAC;AACD,YAAM,EAAE,mBAAmB,iBAAiB,IAAI,gBAAgB;AAAA,QAC9D,SAAS,SAAS,SAAS,EAAE,OAAO,OAAO,CAAC;AAAA,QAC5C,SAAS,SAAS,OAAO;AAAA,QACzB,QAAQ,SAAS,SAAS,EAAE,MAAM,UAAU,CAAC;AAAA,QAC7C,WAAW,SAAS,OAAO;AAAA,QAC3B,cAAc,SAAS,SAAS,EAAE,GAAG,CAAC;AAAA,MACxC,CAAC;AACD,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,qBAAqB,MAAM,YAAY,eAAe,CAAC,IAAI,OAAO,IAAI,CAAC;AAC7E,UAAM,oBAAoB,MAAM,YAAY,MAAM,mBAAmB,IAAI,GAAG,CAAC,CAAC;AAC9E,UAAM,uBAAuB,MAAM,YAAY,MAAM,mBAAmB,KAAK,GAAG,CAAC,CAAC;AAClF,UAAM,YAAY,MAAM;AACxB,UAAM,OAAO,IAAK,kBAAkB,QAAQ,SAAS,EAAE,EAAU;AAEjE,WACE,CAAC,wBAAwB,SAAS,OAAO,oBAEvC,CAAC,OAAO,MAAM,UAAU,iBAAiB,WACvC,CAAC;AAAA,MACC,OAAO;AAAA,MACP,aAAa,YAAY;AAAA,MACzB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,MAAM;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,sBAAsB;AAAA,MAErB,SACH,EAfC,0BAgBH,EAjBC,OAkBH,EApBC,wBAAwB;AAAA,EAsB7B;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF;AAEA,QAAQ,cAAc;AAEtB,MAAM,SAAS,MAAM;AAAC;",
+  "names": ["open", "props"]
+}

package/dist/jsx/Tooltip.native.mjs

@@ -0,0 +1,18 @@
+import { withStaticProperties } from "@tamagui/core";
+const RenderChildren = (props) => {
+  return props.children;
+};
+const RenderNull = (props) => {
+  return null;
+};
+const Tooltip = withStaticProperties(RenderChildren, {
+  Anchor: RenderChildren,
+  Arrow: RenderNull,
+  Close: RenderNull,
+  Content: RenderNull,
+  Trigger: RenderChildren
+});
+export {
+  Tooltip
+};
+//# sourceMappingURL=Tooltip.native.mjs.map

package/dist/jsx/Tooltip.native.mjs.map

@@ -0,0 +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"],
+  "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/jsx/TooltipSimple.mjs

@@ -0,0 +1,50 @@
+import { useDelayGroupContext } from "@floating-ui/react-dom-interactions";
+import { Theme } 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 = <Tooltip {...tooltipProps}>
+    <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
+    <Theme inverse><Tooltip.Content
+      zIndex={1e6}
+      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}
+    >
+      <Tooltip.Arrow />
+      <Paragraph size="$2" lineHeight="$0">{label}</Paragraph>
+    </Tooltip.Content></Theme>
+  </Tooltip>;
+  if (!context) {
+    return <TooltipGroup delay={defaultTooltipDelay}>{contents}</TooltipGroup>;
+  }
+  return contents;
+};
+const defaultTooltipDelay = { open: 3e3, close: 100 };
+export {
+  TooltipSimple
+};
+//# sourceMappingURL=TooltipSimple.mjs.map

package/dist/jsx/TooltipSimple.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.tsx"],
+  "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { Theme } 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      <Theme inverse>\n        <Tooltip.Content\n          zIndex={1_000_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      </Theme>\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": "AAAA,SAAS,4BAA4B;AACrC,SAAS,aAAa;AAEtB,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,SAAS,SAAS,EAAlC,QAAQ;AAAA,IACT,CAAC,MAAM,QACL,CAAC,QAAQ;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MAClD,GAAG;AAAA,MACH,OAAO;AAAA,MACP,GAAG;AAAA,MACH,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,UACI;AAAA;AAAA,MAEJ,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,KAAK,WAAW,MAC7B,MACH,EAFC;AAAA,IAGH,EAvBC,QAAQ,QAwBX,EAzBC;AAAA,EA0BH,EA5BC;AA+BH,MAAI,CAAC,SAAS;AACZ,WAAO,CAAC,aAAa,OAAO,sBAAsB,SAAS,EAAnD;AAAA,EACV;AAEA,SAAO;AACT;AAEA,MAAM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
+  "names": []
+}

package/dist/jsx/TooltipSimple.native.mjs

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

package/dist/jsx/TooltipSimple.native.mjs.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/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/tooltip",
-  "version": "1.2.9",
+  "version": "1.2.11",
   "sideEffects": [
     "*.css"
   ],
@@ -24,17 +24,17 @@
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.8.1",
-    "@tamagui/compose-refs": "^1.2.9",
-    "@tamagui/core": "^1.2.9",
-    "@tamagui/create-context": "^1.2.9",
-    "@tamagui/floating": "^1.2.9",
-    "@tamagui/get-size": "^1.2.9",
-    "@tamagui/polyfill-dev": "^1.2.9",
-    "@tamagui/popover": "^1.2.9",
-    "@tamagui/popper": "^1.2.9",
-    "@tamagui/stacks": "^1.2.9",
-    "@tamagui/text": "^1.2.9",
-    "@tamagui/use-controllable-state": "^1.2.9"
+    "@tamagui/compose-refs": "^1.2.11",
+    "@tamagui/core": "^1.2.11",
+    "@tamagui/create-context": "^1.2.11",
+    "@tamagui/floating": "^1.2.11",
+    "@tamagui/get-size": "^1.2.11",
+    "@tamagui/polyfill-dev": "^1.2.11",
+    "@tamagui/popover": "^1.2.11",
+    "@tamagui/popper": "^1.2.11",
+    "@tamagui/stacks": "^1.2.11",
+    "@tamagui/text": "^1.2.11",
+    "@tamagui/use-controllable-state": "^1.2.11"
   },
   "peerDependencies": {
     "react": "*",
@@ -42,7 +42,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.2.9",
+    "@tamagui/build": "^1.2.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "*"

package/src/Tooltip.tsx

@@ -86,8 +86,12 @@ export const Tooltip = withStaticProperties(
     const {
       __scopePopover,
       children,
-      restMs = 500,
       delay: delayProp,
+      restMs = typeof delayProp === 'undefined'
+        ? 500
+        : typeof delayProp === 'number'
+        ? delayProp
+        : 0,
       onOpenChange: onOpenChangeProp,
       ...restProps
     } = props

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;AA2B9B,OAAO,EAAU,WAAW,EAAoB,MAAM,iBAAiB,CAAA;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,MAAM,MAAM,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,KAAK,KAAK,GACN,MAAM,GACN,OAAO,CAAC;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEN,eAAO,MAAM,YAAY;eAAsC,GAAG;WAAS,KAAK;iBAM/E,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFnB,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AA2B9B,OAAO,EAAU,WAAW,EAAoB,MAAM,iBAAiB,CAAA;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2B9B,MAAM,MAAM,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,KAAK,KAAK,GACN,MAAM,GACN,OAAO,CAAC;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEN,eAAO,MAAM,YAAY;eAAsC,GAAG;WAAS,KAAK;iBAM/E,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFnB,CAAA"}