@tamagui/tooltip 1.0.1-beta.99 → 1.0.1-rc.0

package/dist/esm/Tooltip.js

@@ -1,34 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+import { jsx } from "react/jsx-runtime";
 import "@tamagui/polyfill-dev";
 import {
   FloatingDelayGroup,
@@ -41,7 +11,7 @@ import {
   useInteractions,
   useRole
 } from "@floating-ui/react-dom-interactions";
-import { useId, withStaticProperties } from "@tamagui/core";
+import { useEvent, useId, withStaticProperties } from "@tamagui/core";
 import {
   PopoverAnchor,
   PopoverArrow,
@@ -55,145 +25,117 @@ import {
   Popper,
   usePopperContext
 } from "@tamagui/popper";
-import { Paragraph } from "@tamagui/text";
 import * as React from "react";
-const TooltipContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { __scopePopover } = _b, props = __objRest(_b, ["__scopePopover"]);
-  const popperScope = usePopoverScope(__scopePopover);
-  const popper = usePopperContext("PopperContent", popperScope["__scopePopper"]);
-  return /* @__PURE__ */ React.createElement(PopoverContent, __spreadValues({
-    disableRemoveScroll: true,
-    trapFocus: false,
-    padding: props.size || popper.size || "$2",
-    componentName: "TooltipContent",
-    pointerEvents: "none",
-    ref
-  }, props));
-});
+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__ */ React.createElement(PopoverArrow, __spreadValues({
+  return /* @__PURE__ */ jsx(PopoverArrow, {
     componentName: "TooltipArrow",
-    ref
-  }, props));
-});
-const TooltipGroup = FloatingDelayGroup;
-const Tooltip = withStaticProperties((props) => {
-  const _a = props, {
-    __scopePopover,
-    children,
-    restMs = 500,
-    delay: delayProp,
-    onOpenChange: onOpenChangeProp
-  } = _a, restProps = __objRest(_a, [
-    "__scopePopover",
-    "children",
-    "restMs",
-    "delay",
-    "onOpenChange"
-  ]);
-  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 = React.useCallback((open2) => {
-    setOpen(open2);
-    if (open2) {
-      setCurrentId(id);
-    }
-    onOpenChangeProp == null ? void 0 : onOpenChangeProp(open2);
-  }, [id, setCurrentId, onOpenChangeProp]);
-  const useFloatingFn = (props2) => {
-    const floating = useFloating(__spreadProps(__spreadValues({}, 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 __spreadProps(__spreadValues({}, floating), {
-      getReferenceProps,
-      getFloatingProps
-    });
-  };
-  const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open]);
-  const voidFn = React.useCallback(() => {
-  }, [setOpen]);
-  return /* @__PURE__ */ React.createElement(FloatingOverrideContext.Provider, {
-    value: useFloatingContext
-  }, /* @__PURE__ */ React.createElement(Popper, __spreadValues(__spreadValues({
-    size: "$2"
-  }, popperScope), restProps), /* @__PURE__ */ React.createElement(__PopoverProviderInternal, {
-    scope: __scopePopover,
-    contentId: useId(),
-    triggerRef,
-    open,
-    onOpenChange: setOpen,
-    onOpenToggle: voidFn,
-    hasCustomAnchor,
-    onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),
-    onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), [])
-  }, children)));
-}, {
-  Anchor: PopoverAnchor,
-  Arrow: TooltipArrow,
-  Content: TooltipContent,
-  Trigger: PopoverTrigger
+    ref,
+    ...props
+  });
 });
-Tooltip.displayName = "Tooltip";
-const TooltipSimple = (_c) => {
-  var _d = _c, {
-    label,
-    children,
-    contentProps
-  } = _d, tooltipProps = __objRest(_d, [
-    "label",
-    "children",
-    "contentProps"
-  ]);
-  let context;
-  try {
-    context = useDelayGroupContext();
-  } catch {
-  }
-  const contents = /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, tooltipProps), /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, children), /* @__PURE__ */ React.createElement(Tooltip.Content, __spreadValues({
-    enterStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
-    exitStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
-    x: 0,
-    scale: 1,
-    y: 0,
-    elevation: "$1",
-    opacity: 1,
-    animation: [
-      "bouncy",
-      {
-        opacity: {
-          overshootClamping: true
-        }
+const TooltipGroup = ({ children, delay }) => {
+  return /* @__PURE__ */ jsx(FloatingDelayGroup, {
+    delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
+    children
+  });
+};
+const Tooltip = withStaticProperties(
+  (props) => {
+    const {
+      __scopePopover,
+      children,
+      restMs = 500,
+      delay: delayProp,
+      onOpenChange: onOpenChangeProp,
+      ...restProps
+    } = props;
+    const popperScope = usePopoverScope(__scopePopover);
+    const triggerRef = React.useRef(null);
+    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+    const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
+    const delay = delayProp ?? delayGroup;
+    const [open, setOpen] = React.useState(false);
+    const id = props.groupId;
+    const onOpenChange = useEvent((open2) => {
+      setOpen(open2);
+      if (open2) {
+        setCurrentId(id);
       }
-    ]
-  }, contentProps), /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, {
-    size: "$2",
-    lineHeight: "$1"
-  }, label)));
-  if (!context) {
-    return /* @__PURE__ */ React.createElement(TooltipGroup, {
-      delay: { open: 3e3, close: 100 }
-    }, contents);
+      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();
+    return /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, {
+      value: useFloatingContext,
+      children: /* @__PURE__ */ jsx(Popper, {
+        size: "$2",
+        ...popperScope,
+        ...restProps,
+        children: /* @__PURE__ */ jsx(__PopoverProviderInternal, {
+          scope: __scopePopover,
+          contentId,
+          triggerRef,
+          sheetBreakpoint: false,
+          scopeKey: "",
+          open,
+          onOpenChange: setOpen,
+          onOpenToggle: voidFn,
+          hasCustomAnchor,
+          onCustomAnchorAdd,
+          onCustomAnchorRemove,
+          children
+        })
+      })
+    });
+  },
+  {
+    Anchor: PopoverAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: PopoverTrigger
   }
-  return contents;
+);
+Tooltip.displayName = "Tooltip";
+const voidFn = () => {
 };
 export {
   Tooltip,
-  TooltipGroup,
-  TooltipSimple
+  TooltipGroup
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/esm/Tooltip.js.map

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

package/dist/esm/Tooltip.native.js

@@ -12,9 +12,7 @@ const Tooltip = withStaticProperties(RenderChildren, {
   Content: RenderNull,
   Trigger: RenderChildren
 });
-const TooltipSimple = RenderChildren;
 export {
-  Tooltip,
-  TooltipSimple
+  Tooltip
 };
 //# sourceMappingURL=Tooltip.native.js.map

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

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

package/dist/esm/TooltipSimple.js

@@ -0,0 +1,68 @@
+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: 1e5,
+          enterStyle: { x: 0, y: -8, opacity: 0, scale: 0.93 },
+          exitStyle: { x: 0, y: -8, opacity: 0, scale: 0.93 },
+          x: 0,
+          scale: 1,
+          y: 0,
+          elevation: "$0.5",
+          opacity: 1,
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: true
+              }
+            }
+          ],
+          ...contentProps,
+          children: [
+            /* @__PURE__ */ jsx(Tooltip.Arrow, {}),
+            /* @__PURE__ */ jsx(Paragraph, {
+              size: "$2",
+              lineHeight: "$0",
+              children: label
+            })
+          ]
+        })
+      })
+    ]
+  });
+  if (!context) {
+    return /* @__PURE__ */ jsx(TooltipGroup, {
+      delay: defaultTooltipDelay,
+      children: contents
+    });
+  }
+  return contents;
+};
+const defaultTooltipDelay = { open: 3e3, close: 100 };
+export {
+  TooltipSimple
+};
+//# sourceMappingURL=TooltipSimple.js.map

package/dist/esm/TooltipSimple.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.tsx"],
+  "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { 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={100_000}\n          enterStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n          exitStyle={{ x: 0, y: -8, opacity: 0, scale: 0.93 }}\n          x={0}\n          scale={1}\n          y={0}\n          elevation=\"$0.5\"\n          opacity={1}\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          {...contentProps}\n        >\n          <Tooltip.Arrow />\n          <Paragraph size=\"$2\" lineHeight=\"$0\">\n            {label}\n          </Paragraph>\n        </Tooltip.Content>\n      </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,KACG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,qBAAC;AAAA,IAAS,GAAG;AAAA,IACX;AAAA,0BAAC,QAAQ,SAAR;AAAA,QAAgB,SAAO;AAAA,QAAE;AAAA,OAAS;AAAA,MACnC,oBAAC;AAAA,QAAM,SAAO;AAAA,QACZ,+BAAC,QAAQ,SAAR;AAAA,UACC,QAAQ;AAAA,UACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,GAAG;AAAA,UACH,WAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,gCAAC,QAAQ,OAAR,EAAc;AAAA,YACf,oBAAC;AAAA,cAAU,MAAK;AAAA,cAAK,YAAW;AAAA,cAC7B;AAAA,aACH;AAAA;AAAA,SACF;AAAA,OACF;AAAA;AAAA,GACF;AAGF,MAAI,CAAC,SAAS;AACZ,WAAO,oBAAC;AAAA,MAAa,OAAO;AAAA,MAAsB;AAAA,KAAS;AAAA,EAC7D;AAEA,SAAO;AACT;AAEA,MAAM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
+  "names": []
+}

package/dist/esm/TooltipSimple.native.js

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

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

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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