@tamagui/tooltip 1.7.6 → 1.7.8

package/dist/esm/Tooltip.mjs

@@ -22,26 +22,32 @@ import {
   __PopoverProviderInternal,
   usePopoverScope
 } from "@tamagui/popover";
-import { Popper, usePopperContext } from "@tamagui/popper";
+import {
+  Popper,
+  PopperContentFrame,
+  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"]);
-    const padding = props.size || popper.size || stepTokenUpOrDown("size", "$true", -2);
-    return /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        componentName: "Tooltip",
-        disableRemoveScroll: true,
-        trapFocus: false,
-        padding,
-        pointerEvents: "none",
-        ref,
-        ...props
-      }
-    );
-  }
+const TooltipContent = PopperContentFrame.extractable(
+  React.forwardRef(
+    ({ __scopePopover, ...props }, ref) => {
+      const popperScope = usePopoverScope(__scopePopover);
+      const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
+      const padding = props.size || popper.size || stepTokenUpOrDown("size", "$true", -2);
+      return /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          componentName: "Tooltip",
+          disableRemoveScroll: true,
+          trapFocus: false,
+          padding,
+          pointerEvents: "none",
+          ref,
+          ...props
+        }
+      );
+    }
+  )
 );
 const TooltipArrow = React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(PopoverArrow, { componentName: "Tooltip", ref, ...props });
@@ -49,87 +55,84 @@ const TooltipArrow = React.forwardRef((props, ref) => {
 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,
-      focus,
-      ...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 TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
+  const {
+    __scopePopover,
+    children,
+    delay: delayProp,
+    restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
+    onOpenChange: onOpenChangeProp,
+    focus,
+    ...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 useFloatingFn = (props2) => {
-      const floating = useFloating({
-        ...props2,
-        open,
-        onOpenChange
-      });
-      const { getReferenceProps, getFloatingProps } = useInteractions([
-        useHover(floating.context, { delay, restMs }),
-        useFocus(floating.context, focus),
-        useRole(floating.context, { role: "tooltip" }),
-        useDismiss(floating.context),
-        useDelayGroup(floating.context, { id })
-      ]);
-      return {
-        ...floating,
-        getReferenceProps,
-        getFloatingProps
-      };
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+      useHover(floating.context, { delay, restMs }),
+      useFocus(floating.context, focus),
+      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 twoSmallerKey = stepTokenUpOrDown("size", "$true", -2).key;
-    const size = `$${twoSmallerKey}`;
-    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 useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
+  const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+  const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+  const contentId = useId();
+  const twoSmallerKey = stepTokenUpOrDown("size", "$true", -2).key;
+  const size = `$${twoSmallerKey}`;
+  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
+    }
+  ) }) });
+});
+const Tooltip2 = withStaticProperties(TooltipComponent, {
+  Anchor: PopoverAnchor,
+  Arrow: TooltipArrow,
+  Content: TooltipContent,
+  Trigger: PopoverTrigger
+});
 const voidFn = () => {
 };
 export {
-  Tooltip,
+  Tooltip2 as Tooltip,
   TooltipGroup
 };
 //# sourceMappingURL=Tooltip.mjs.map

package/dist/esm/Tooltip.mjs.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'\nimport { SizeTokens, 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    const padding = props.size || popper.size || stepTokenUpOrDown('size', '$true', -2)\n    return (\n      <PopoverContent\n        componentName=\"Tooltip\"\n        disableRemoveScroll\n        trapFocus={false}\n        padding={padding}\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=\"Tooltip\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  focus?: {\n    enabled?: boolean\n    keyboardOnly?: boolean\n  }\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      focus,\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, focus),\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 twoSmallerKey = stepTokenUpOrDown('size', '$true', -2).key\n    const size = `$${twoSmallerKey}`\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size as SizeTokens} {...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": "AAuCM;AAvCN,OAAO;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAqB,UAAU,OAAO,4BAA4B;AAElE,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,UAAM,UAAU,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,QAAQ,SAAS,EAAE;AAClF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd,qBAAmB;AAAA,QACnB,WAAW;AAAA,QACX;AAAA,QACA,eAAc;AAAA,QACd;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,eAAe,MAAM,WAAW,CAAC,OAA0B,QAAa;AAC5E,SAAO,oBAAC,gBAAa,eAAc,WAAU,KAAW,GAAG,OAAO;AACpE,CAAC;AA0BM,MAAM,eAAe,CAAC,EAAE,UAAU,MAAM,MAAwC;AACrF,SACE,oBAAC,sBAAmB,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC,GAC1E,UACH;AAEJ;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;AAAA,MACA,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,2DAAmBA;AAAA,IACrB,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,SAAS,KAAK;AAAA,QAChC,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,gBAAgB,kBAAkB,QAAQ,SAAS,EAAE,EAAE;AAC7D,UAAM,OAAO,IAAI;AAEjB,WACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,oBAEvC,8BAAC,UAAO,MAA2B,GAAG,aAAc,GAAG,WACrD;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"]
+  "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'\nimport { SizeTokens, 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 {\n  Popper,\n  PopperContentFrame,\n  PopperProps,\n  usePopperContext,\n} from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = PopperContentFrame.extractable(\n  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      const padding = props.size || popper.size || stepTokenUpOrDown('size', '$true', -2)\n      return (\n        <PopoverContent\n          componentName=\"Tooltip\"\n          disableRemoveScroll\n          trapFocus={false}\n          padding={padding}\n          pointerEvents=\"none\"\n          ref={ref}\n          {...props}\n        />\n      )\n    }\n  )\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n  return <PopoverArrow componentName=\"Tooltip\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  focus?: {\n    enabled?: boolean\n    keyboardOnly?: boolean\n  }\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\nconst TooltipComponent = React.forwardRef(function Tooltip(\n  props: ScopedProps<TooltipProps, 'Popover'>,\n  // theres no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts\n  ref\n) {\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    focus,\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, focus),\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 twoSmallerKey = stepTokenUpOrDown('size', '$true', -2).key\n  const size = `$${twoSmallerKey}`\n\n  return (\n    <FloatingOverrideContext.Provider value={useFloatingContext}>\n      {/* default tooltip to a smaller size */}\n      <Popper size={size as SizeTokens} {...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})\n\nexport const Tooltip = withStaticProperties(TooltipComponent, {\n  Anchor: PopoverAnchor,\n  Arrow: TooltipArrow,\n  Content: TooltipContent,\n  Trigger: PopoverTrigger,\n})\n\nconst voidFn = () => {}\n"],
+  "mappings": "AA6CQ;AA7CR,OAAO;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAqB,UAAU,OAAO,4BAA4B;AAElE,SAAS,+BAA8C;AACvD,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,YAAY,WAAW;AAEvB,MAAM,iBAAiB,mBAAmB;AAAA,EACxC,MAAM;AAAA,IACJ,CACE,EAAE,gBAAgB,GAAG,MAAM,GAC3B,QACG;AACH,YAAM,cAAc,gBAAgB,cAAc;AAClD,YAAM,SAAS,iBAAiB,iBAAiB,YAAY,eAAe,CAAC;AAC7E,YAAM,UAAU,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,QAAQ,SAAS,EAAE;AAClF,aACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,qBAAmB;AAAA,UACnB,WAAW;AAAA,UACX;AAAA,UACA,eAAc;AAAA,UACd;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,MAAM,eAAe,MAAM,WAAW,CAAC,OAA0B,QAAa;AAC5E,SAAO,oBAAC,gBAAa,eAAc,WAAU,KAAW,GAAG,OAAO;AACpE,CAAC;AA0BM,MAAM,eAAe,CAAC,EAAE,UAAU,MAAM,MAAwC;AACrF,SACE,oBAAC,sBAAmB,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC,GAC1E,UACH;AAEJ;AAEA,MAAM,mBAAmB,MAAM,WAAW,SAAS,QACjD,OAEA,KACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,SAAS,OAAO,cAAc,cAC1B,MACA,OAAO,cAAc,WACrB,YACA;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,cAAc,gBAAgB,cAAc;AAClD,QAAM,aAAa,MAAM,OAA0B,IAAI;AACvD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,KAAK;AAClE,QAAM,EAAE,OAAO,YAAY,aAAa,IAAI,qBAAqB;AACjE,QAAM,QAAQ,aAAa;AAC3B,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,KAAK,MAAM;AAEjB,QAAM,eAAe,SAAS,CAACA,UAAS;AACtC,YAAQA,KAAI;AACZ,QAAIA,OAAM;AACR,mBAAa,EAAE;AAAA,IACjB;AACA,yDAAmBA;AAAA,EACrB,CAAC;AAED,QAAM,gBAA+B,CAACC,WAAU;AAE9C,UAAM,WAAW,YAAY;AAAA,MAC3B,GAAGA;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AACD,UAAM,EAAE,mBAAmB,iBAAiB,IAAI,gBAAgB;AAAA,MAC9D,SAAS,SAAS,SAAS,EAAE,OAAO,OAAO,CAAC;AAAA,MAC5C,SAAS,SAAS,SAAS,KAAK;AAAA,MAChC,QAAQ,SAAS,SAAS,EAAE,MAAM,UAAU,CAAC;AAAA,MAC7C,WAAW,SAAS,OAAO;AAAA,MAC3B,cAAc,SAAS,SAAS,EAAE,GAAG,CAAC;AAAA,IACxC,CAAC;AACD,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM,YAAY,eAAe,CAAC,IAAI,OAAO,IAAI,CAAC;AAC7E,QAAM,oBAAoB,MAAM,YAAY,MAAM,mBAAmB,IAAI,GAAG,CAAC,CAAC;AAC9E,QAAM,uBAAuB,MAAM,YAAY,MAAM,mBAAmB,KAAK,GAAG,CAAC,CAAC;AAClF,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,kBAAkB,QAAQ,SAAS,EAAE,EAAE;AAC7D,QAAM,OAAO,IAAI;AAEjB,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,oBAEvC,8BAAC,UAAO,MAA2B,GAAG,aAAc,GAAG,WACrD;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAa,YAAY;AAAA,MACzB;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB,UAAS;AAAA,MACT;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF,GACF;AAEJ,CAAC;AAEM,MAAMC,WAAU,qBAAqB,kBAAkB;AAAA,EAC5D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAED,MAAM,SAAS,MAAM;AAAC;",
+  "names": ["open", "props", "Tooltip"]
 }

package/dist/jsx/Tooltip.js

@@ -21,23 +21,29 @@ import {
   __PopoverProviderInternal,
   usePopoverScope
 } from "@tamagui/popover";
-import { Popper, usePopperContext } from "@tamagui/popper";
+import {
+  Popper,
+  PopperContentFrame,
+  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"]);
-    const padding = props.size || popper.size || stepTokenUpOrDown("size", "$true", -2);
-    return <PopoverContent
-      componentName="Tooltip"
-      disableRemoveScroll
-      trapFocus={false}
-      padding={padding}
-      pointerEvents="none"
-      ref={ref}
-      {...props}
-    />;
-  }
+const TooltipContent = PopperContentFrame.extractable(
+  React.forwardRef(
+    ({ __scopePopover, ...props }, ref) => {
+      const popperScope = usePopoverScope(__scopePopover);
+      const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
+      const padding = props.size || popper.size || stepTokenUpOrDown("size", "$true", -2);
+      return <PopoverContent
+        componentName="Tooltip"
+        disableRemoveScroll
+        trapFocus={false}
+        padding={padding}
+        pointerEvents="none"
+        ref={ref}
+        {...props}
+      />;
+    }
+  )
 );
 const TooltipArrow = React.forwardRef((props, ref) => {
   return <PopoverArrow componentName="Tooltip" ref={ref} {...props} />;
@@ -45,83 +51,80 @@ const TooltipArrow = React.forwardRef((props, ref) => {
 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,
-      focus,
-      ...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 TooltipComponent = React.forwardRef(function Tooltip(props, ref) {
+  const {
+    __scopePopover,
+    children,
+    delay: delayProp,
+    restMs = typeof delayProp === "undefined" ? 500 : typeof delayProp === "number" ? delayProp : 0,
+    onOpenChange: onOpenChangeProp,
+    focus,
+    ...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 useFloatingFn = (props2) => {
-      const floating = useFloating({
-        ...props2,
-        open,
-        onOpenChange
-      });
-      const { getReferenceProps, getFloatingProps } = useInteractions([
-        useHover(floating.context, { delay, restMs }),
-        useFocus(floating.context, focus),
-        useRole(floating.context, { role: "tooltip" }),
-        useDismiss(floating.context),
-        useDelayGroup(floating.context, { id })
-      ]);
-      return {
-        ...floating,
-        getReferenceProps,
-        getFloatingProps
-      };
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+      useHover(floating.context, { delay, restMs }),
+      useFocus(floating.context, focus),
+      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 twoSmallerKey = stepTokenUpOrDown("size", "$true", -2).key;
-    const size = `$${twoSmallerKey}`;
-    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 useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
+  const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+  const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+  const contentId = useId();
+  const twoSmallerKey = stepTokenUpOrDown("size", "$true", -2).key;
+  const size = `$${twoSmallerKey}`;
+  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>;
+});
+const Tooltip2 = withStaticProperties(TooltipComponent, {
+  Anchor: PopoverAnchor,
+  Arrow: TooltipArrow,
+  Content: TooltipContent,
+  Trigger: PopoverTrigger
+});
 const voidFn = () => {
 };
 export {
-  Tooltip,
+  Tooltip2 as Tooltip,
   TooltipGroup
 };
 //# sourceMappingURL=Tooltip.js.map

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'\nimport { SizeTokens, 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    const padding = props.size || popper.size || stepTokenUpOrDown('size', '$true', -2)\n    return (\n      <PopoverContent\n        componentName=\"Tooltip\"\n        disableRemoveScroll\n        trapFocus={false}\n        padding={padding}\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=\"Tooltip\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  focus?: {\n    enabled?: boolean\n    keyboardOnly?: boolean\n  }\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      focus,\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, focus),\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 twoSmallerKey = stepTokenUpOrDown('size', '$true', -2).key\n    const size = `$${twoSmallerKey}`\n\n    return (\n      <FloatingOverrideContext.Provider value={useFloatingContext}>\n        {/* default tooltip to a smaller size */}\n        <Popper size={size as SizeTokens} {...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,SAAqB,UAAU,OAAO,4BAA4B;AAElE,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,UAAM,UAAU,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,QAAQ,SAAS,EAAE;AAClF,WACE,CAAC;AAAA,MACC,cAAc;AAAA,MACd;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,cAAc;AAAA,MACd,KAAK;AAAA,UACD;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,eAAe,MAAM,WAAW,CAAC,OAA0B,QAAa;AAC5E,SAAO,CAAC,aAAa,cAAc,UAAU,KAAK,SAAS,OAAO;AACpE,CAAC;AA0BM,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;AAAA,MACA,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,SAAS,KAAK;AAAA,QAChC,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,gBAAgB,kBAAkB,QAAQ,SAAS,EAAE,EAAE;AAC7D,UAAM,OAAO,IAAI;AAEjB,WACE,CAAC,wBAAwB,SAAS,OAAO,oBAEvC,CAAC,OAAO,MAAM,UAAwB,iBAAiB,WACrD,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"]
+  "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'\nimport { SizeTokens, 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 {\n  Popper,\n  PopperContentFrame,\n  PopperProps,\n  usePopperContext,\n} from '@tamagui/popper'\nimport * as React from 'react'\n\nconst TooltipContent = PopperContentFrame.extractable(\n  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      const padding = props.size || popper.size || stepTokenUpOrDown('size', '$true', -2)\n      return (\n        <PopoverContent\n          componentName=\"Tooltip\"\n          disableRemoveScroll\n          trapFocus={false}\n          padding={padding}\n          pointerEvents=\"none\"\n          ref={ref}\n          {...props}\n        />\n      )\n    }\n  )\n)\n\nconst TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {\n  return <PopoverArrow componentName=\"Tooltip\" ref={ref} {...props} />\n})\n\nexport type TooltipProps = PopperProps & {\n  children?: React.ReactNode\n  onOpenChange?: (open: boolean) => void\n  focus?: {\n    enabled?: boolean\n    keyboardOnly?: boolean\n  }\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\nconst TooltipComponent = React.forwardRef(function Tooltip(\n  props: ScopedProps<TooltipProps, 'Popover'>,\n  // theres no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts\n  ref\n) {\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    focus,\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, focus),\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 twoSmallerKey = stepTokenUpOrDown('size', '$true', -2).key\n  const size = `$${twoSmallerKey}`\n\n  return (\n    <FloatingOverrideContext.Provider value={useFloatingContext}>\n      {/* default tooltip to a smaller size */}\n      <Popper size={size as SizeTokens} {...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})\n\nexport const Tooltip = withStaticProperties(TooltipComponent, {\n  Anchor: PopoverAnchor,\n  Arrow: TooltipArrow,\n  Content: TooltipContent,\n  Trigger: PopoverTrigger,\n})\n\nconst voidFn = () => {}\n"],
+  "mappings": "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",
+  "names": ["open", "props", "Tooltip"]
 }