@tamagui/tooltip 1.0.1-beta.135 → 1.0.1-beta.138

package/dist/cjs/Tooltip.js

@@ -22,8 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Tooltip_exports = {};
 __export(Tooltip_exports, {
   Tooltip: () => Tooltip,
-  TooltipGroup: () => TooltipGroup,
-  TooltipSimple: () => TooltipSimple
+  TooltipGroup: () => TooltipGroup
 });
 module.exports = __toCommonJS(Tooltip_exports);
 var import_polyfill_dev = require("@tamagui/polyfill-dev");
@@ -31,7 +30,6 @@ var import_react_dom_interactions = require("@floating-ui/react-dom-interactions
 var import_core = require("@tamagui/core");
 var import_popover = require("@tamagui/popover");
 var import_popper = require("@tamagui/popper");
-var import_text = require("@tamagui/text");
 var React = __toESM(require("react"));
 const TooltipContent = React.forwardRef(({ __scopePopover, ...props }, ref) => {
   const popperScope = (0, import_popover.usePopoverScope)(__scopePopover);
@@ -125,53 +123,9 @@ const Tooltip = (0, import_core.withStaticProperties)((props) => {
   Trigger: import_popover.PopoverTrigger
 });
 Tooltip.displayName = "Tooltip";
-const TooltipSimple = ({
-  label,
-  children,
-  contentProps,
-  ...tooltipProps
-}) => {
-  let context;
-  try {
-    context = (0, import_react_dom_interactions.useDelayGroupContext)();
-  } catch {
-  }
-  const contents = /* @__PURE__ */ React.createElement(Tooltip, {
-    ...tooltipProps
-  }, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, children), /* @__PURE__ */ React.createElement(Tooltip.Content, {
-    enterStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
-    exitStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
-    x: 0,
-    scale: 1,
-    y: 0,
-    elevation: "$1",
-    opacity: 1,
-    animation: [
-      "bouncy",
-      {
-        opacity: {
-          overshootClamping: true
-        }
-      }
-    ],
-    ...contentProps
-  }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(import_text.Paragraph, {
-    size: "$2",
-    lineHeight: "$1"
-  }, label)));
-  if (!context) {
-    return /* @__PURE__ */ React.createElement(TooltipGroup, {
-      delay: { open: 3e3, close: 100 }
-    }, contents);
-  }
-  return contents;
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Tooltip,
-  TooltipGroup,
-  TooltipSimple
+  TooltipGroup
 });
 //# sourceMappingURL=Tooltip.js.map

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 {\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    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\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            sheetBreakpoint={false}\n            scopeKey=\"\"\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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",
+  "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        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    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\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            sheetBreakpoint={false}\n            scopeKey=\"\"\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO;AAEP,oCAUO;AACP,kBAAsD;AAEtD,qBASO;AACP,oBAMO;AACP,YAAuB;AAEvB,MAAM,iBAAiB,MAAM,WAC3B,CAAC,EAAE,mBAAmB,SAAsD,QAAa;AACvF,QAAM,cAAc,oCAAgB,cAAc;AAClD,QAAM,SAAS,oCAAiB,iBAAiB,YAAY,gBAAgB;AAC7E,SACE,oCAAC;AAAA,IACC,qBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,SAAS,MAAM,QAAQ,OAAO,QAAQ;AAAA,IACtC,eAAc;AAAA,IACd,eAAc;AAAA,IACd;AAAA,IACC,GAAG;AAAA,GACN;AAEJ,CACF;AAEA,MAAM,eAAe,MAAM,WAAW,CAAC,OAA0B,QAAa;AAC5E,SAAO,oCAAC;AAAA,IAAa,eAAc;AAAA,IAAe;AAAA,IAAW,GAAG;AAAA,GAAO;AACzE,CAAC;AAeM,MAAM,eAAe;AAErB,MAAM,UAAU,sCACpB,CAAC,UAAgD;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,OACX;AAAA,MACD;AACJ,QAAM,cAAc,oCAAgB,cAAc;AAClD,QAAM,aAAa,MAAM,OAA0B,IAAI;AACvD,QAAM,CAAC,iBAAiB,sBAAsB,MAAM,SAAS,KAAK;AAClE,QAAM,EAAE,OAAO,YAAY,iBAAiB,wDAAqB;AACjE,QAAM,QAAQ,aAAa;AAC3B,QAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;AAC5C,QAAM,KAAK,MAAM;AAEjB,QAAM,eAAe,0BAAS,CAAC,UAAS;AACtC,YAAQ,KAAI;AACZ,QAAI,OAAM;AACR,mBAAa,EAAE;AAAA,IACjB;AACA,yDAAmB;AAAA,EACrB,CAAC;AAED,QAAM,gBAA+B,CAAC,WAAU;AAC9C,UAAM,WAAW,+CAAY;AAAA,MAC3B,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AACD,UAAM,EAAE,mBAAmB,qBAAqB,mDAAgB;AAAA,MAC9D,4CAAS,SAAS,SAAS,EAAE,OAAO,OAAO,CAAC;AAAA,MAC5C,4CAAS,SAAS,OAAO;AAAA,MACzB,2CAAQ,SAAS,SAAS,EAAE,MAAM,UAAU,CAAC;AAAA,MAC7C,8CAAW,SAAS,OAAO;AAAA,MAC3B,iDAAc,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;AAE7E,QAAM,SAAS,MAAM,YAAY,MAAM;AAAA,EAAC,GAAG,CAAC,OAAO,CAAC;AAEpD,SACE,oCAAC,sCAAwB,UAAxB;AAAA,IAAiC,OAAO;AAAA,KAEvC,oCAAC;AAAA,IAAO,MAAK;AAAA,IAAM,GAAG;AAAA,IAAc,GAAG;AAAA,KACrC,oCAAC;AAAA,IACC,OAAO;AAAA,IACP,WAAW,uBAAM;AAAA,IACjB;AAAA,IACA,iBAAiB;AAAA,IACjB,UAAS;AAAA,IACT;AAAA,IACA,cAAc;AAAA,IACd,cAAc;AAAA,IACd;AAAA,IACA,mBAAmB,MAAM,YAAY,MAAM,mBAAmB,IAAI,GAAG,CAAC,CAAC;AAAA,IACvE,sBAAsB,MAAM,YAAY,MAAM,mBAAmB,KAAK,GAAG,CAAC,CAAC;AAAA,KAE1E,QACH,CACF,CACF;AAEJ,GACA;AAAA,EACE,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CACF;AAEA,QAAQ,cAAc;",
   "names": []
 }

package/dist/cjs/Tooltip.native.js

@@ -18,8 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Tooltip_native_exports = {};
 __export(Tooltip_native_exports, {
-  Tooltip: () => Tooltip,
-  TooltipSimple: () => TooltipSimple
+  Tooltip: () => Tooltip
 });
 module.exports = __toCommonJS(Tooltip_native_exports);
 var import_core = require("@tamagui/core");
@@ -36,10 +35,8 @@ const Tooltip = (0, import_core.withStaticProperties)(RenderChildren, {
   Content: RenderNull,
   Trigger: RenderChildren
 });
-const TooltipSimple = RenderChildren;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Tooltip,
-  TooltipSimple
+  Tooltip
 });
 //# sourceMappingURL=Tooltip.native.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AAKrC,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,UAAU,sCAAqB,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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AAKrC,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,UAAe;AACjC,SAAO;AACT;AAEO,MAAM,UAAU,sCAAqB,gBAAgB;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
   "names": []
 }

package/dist/cjs/TooltipSimple.js

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TooltipSimple_exports = {};
+__export(TooltipSimple_exports, {
+  TooltipSimple: () => TooltipSimple
+});
+module.exports = __toCommonJS(TooltipSimple_exports);
+var import_react_dom_interactions = require("@floating-ui/react-dom-interactions");
+var import_core = require("@tamagui/core");
+var import_text = require("@tamagui/text");
+var React = __toESM(require("react"));
+var import_Tooltip = require("./Tooltip");
+const TooltipSimple = ({
+  label,
+  children,
+  contentProps,
+  ...tooltipProps
+}) => {
+  let context;
+  try {
+    context = (0, import_react_dom_interactions.useDelayGroupContext)();
+  } catch {
+  }
+  const contents = /* @__PURE__ */ React.createElement(import_Tooltip.Tooltip, {
+    ...tooltipProps
+  }, /* @__PURE__ */ React.createElement(import_Tooltip.Tooltip.Trigger, {
+    asChild: true
+  }, children), /* @__PURE__ */ React.createElement(import_core.ThemeInverse, null, /* @__PURE__ */ React.createElement(import_Tooltip.Tooltip.Content, {
+    enterStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
+    exitStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
+    x: 0,
+    scale: 1,
+    y: 0,
+    elevation: "$1",
+    opacity: 1,
+    animation: [
+      "bouncy",
+      {
+        opacity: {
+          overshootClamping: true
+        }
+      }
+    ],
+    ...contentProps
+  }, /* @__PURE__ */ React.createElement(import_Tooltip.Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(import_text.Paragraph, {
+    size: "$2",
+    lineHeight: "$1"
+  }, label))));
+  if (!context) {
+    return /* @__PURE__ */ React.createElement(import_Tooltip.TooltipGroup, {
+      delay: { open: 3e3, close: 100 }
+    }, contents);
+  }
+  return contents;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TooltipSimple
+});
+//# sourceMappingURL=TooltipSimple.js.map

package/dist/cjs/TooltipSimple.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.tsx"],
+  "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { ThemeInverse } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nimport { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n  label?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n  label,\n  children,\n  contentProps,\n  ...tooltipProps\n}) => {\n  let context\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    context = useDelayGroupContext()\n  } catch {\n    // ok\n  }\n\n  const contents = (\n    <Tooltip {...tooltipProps}>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <ThemeInverse>\n        <Tooltip.Content\n          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      </ThemeInverse>\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": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAAqC;AACrC,kBAA6B;AAE7B,kBAA0B;AAC1B,YAAuB;AAEvB,qBAAoD;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,wDAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,oCAAC;AAAA,IAAS,GAAG;AAAA,KACX,oCAAC,uBAAQ,SAAR;AAAA,IAAgB,SAAO;AAAA,KAAE,QAAS,GACnC,oCAAC,gCACC,oCAAC,uBAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,IACnD,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,IAClD,GAAG;AAAA,IACH,OAAO;AAAA,IACP,GAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,KAEJ,oCAAC,uBAAQ,OAAR,IAAc,GACf,oCAAC;AAAA,IAAU,MAAK;AAAA,IAAK,YAAW;AAAA,KAC7B,KACH,CACF,CACF,CACF;AAGF,MAAI,CAAC,SAAS;AACZ,WAAO,oCAAC;AAAA,MAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,OAAI,QAAS;AAAA,EACpE;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/TooltipSimple.native.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TooltipSimple_native_exports = {};
+__export(TooltipSimple_native_exports, {
+  TooltipSimple: () => TooltipSimple
+});
+module.exports = __toCommonJS(TooltipSimple_native_exports);
+const RenderChildren = (props) => {
+  return props.children;
+};
+const TooltipSimple = RenderChildren;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TooltipSimple
+});
+//# sourceMappingURL=TooltipSimple.native.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,iBAAiB,CAAC,UAAe;AACrC,SAAO,MAAM;AACf;AAEO,MAAM,gBAAgB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -16,4 +16,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./Tooltip"), module.exports);
+__reExport(src_exports, require("./TooltipSimple"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/esm/Tooltip.js

@@ -24,7 +24,6 @@ import {
   Popper,
   usePopperContext
 } from "@tamagui/popper";
-import { Paragraph } from "@tamagui/text";
 import * as React from "react";
 const TooltipContent = React.forwardRef(({ __scopePopover, ...props }, ref) => {
   const popperScope = usePopoverScope(__scopePopover);
@@ -118,52 +117,8 @@ const Tooltip = withStaticProperties((props) => {
   Trigger: PopoverTrigger
 });
 Tooltip.displayName = "Tooltip";
-const TooltipSimple = ({
-  label,
-  children,
-  contentProps,
-  ...tooltipProps
-}) => {
-  let context;
-  try {
-    context = useDelayGroupContext();
-  } catch {
-  }
-  const contents = /* @__PURE__ */ React.createElement(Tooltip, {
-    ...tooltipProps
-  }, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, children), /* @__PURE__ */ React.createElement(Tooltip.Content, {
-    enterStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
-    exitStyle: { x: 0, y: -10, opacity: 0, scale: 0.9 },
-    x: 0,
-    scale: 1,
-    y: 0,
-    elevation: "$1",
-    opacity: 1,
-    animation: [
-      "bouncy",
-      {
-        opacity: {
-          overshootClamping: true
-        }
-      }
-    ],
-    ...contentProps
-  }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, {
-    size: "$2",
-    lineHeight: "$1"
-  }, label)));
-  if (!context) {
-    return /* @__PURE__ */ React.createElement(TooltipGroup, {
-      delay: { open: 3e3, close: 100 }
-    }, contents);
-  }
-  return contents;
-};
 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 { 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 { 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    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\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            sheetBreakpoint={false}\n            scopeKey=\"\"\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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",
+  "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        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    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\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            sheetBreakpoint={false}\n            scopeKey=\"\"\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"],
+  "mappings": "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",
   "names": []
 }

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;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;",
   "names": []
 }

package/dist/esm/TooltipSimple.js

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

package/dist/esm/TooltipSimple.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.tsx"],
+  "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { ThemeInverse } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nimport { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n  label?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n  label,\n  children,\n  contentProps,\n  ...tooltipProps\n}) => {\n  let context\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    context = useDelayGroupContext()\n  } catch {\n    // ok\n  }\n\n  const contents = (\n    <Tooltip {...tooltipProps}>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <ThemeInverse>\n        <Tooltip.Content\n          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      </ThemeInverse>\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": "AAAA;AACA;AAEA;AACA;AAEA;AAQO,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAE;AAAA,EAEF;AAEA,QAAM,WACJ,oCAAC;AAAA,IAAS,GAAG;AAAA,KACX,oCAAC,QAAQ,SAAR;AAAA,IAAgB,SAAO;AAAA,KAAE,QAAS,GACnC,oCAAC,oBACC,oCAAC,QAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,IACnD,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,IAClD,GAAG;AAAA,IACH,OAAO;AAAA,IACP,GAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,KAEJ,oCAAC,QAAQ,OAAR,IAAc,GACf,oCAAC;AAAA,IAAU,MAAK;AAAA,IAAK,YAAW;AAAA,KAC7B,KACH,CACF,CACF,CACF;AAGF,MAAI,CAAC,SAAS;AACZ,WAAO,oCAAC;AAAA,MAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,OAAI,QAAS;AAAA,EACpE;AAEA,SAAO;AACT;",
+  "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;AACA;",
   "names": []
 }

package/dist/jsx/Tooltip.js

@@ -24,7 +24,6 @@ import {
   Popper,
   usePopperContext
 } from "@tamagui/popper";
-import { Paragraph } from "@tamagui/text";
 import * as React from "react";
 const TooltipContent = React.forwardRef(({ __scopePopover, ...props }, ref) => {
   const popperScope = usePopoverScope(__scopePopover);
@@ -88,39 +87,8 @@ const Tooltip = withStaticProperties((props) => {
   Trigger: PopoverTrigger
 });
 Tooltip.displayName = "Tooltip";
-const TooltipSimple = ({
-  label,
-  children,
-  contentProps,
-  ...tooltipProps
-}) => {
-  let context;
-  try {
-    context = useDelayGroupContext();
-  } catch {
-  }
-  const contents = <Tooltip {...tooltipProps}>
-    <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
-    <Tooltip.Content enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }} exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }} x={0} scale={1} y={0} elevation="$1" opacity={1} animation={[
-      "bouncy",
-      {
-        opacity: {
-          overshootClamping: true
-        }
-      }
-    ]} {...contentProps}>
-      <Tooltip.Arrow />
-      <Paragraph size="$2" lineHeight="$1">{label}</Paragraph>
-    </Tooltip.Content>
-  </Tooltip>;
-  if (!context) {
-    return <TooltipGroup delay={{ open: 3e3, close: 100 }}>{contents}</TooltipGroup>;
-  }
-  return contents;
-};
 export {
   Tooltip,
-  TooltipGroup,
-  TooltipSimple
+  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-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 { 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    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\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            sheetBreakpoint={false}\n            scopeKey=\"\"\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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",
+  "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        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    const onOpenChange = useEvent((open) => {\n      setOpen(open)\n      if (open) {\n        setCurrentId(id)\n      }\n      onOpenChangeProp?.(open)\n    })\n\n    const useFloatingFn: UseFloatingFn = (props) => {\n      const floating = useFloating({\n        ...props,\n        open,\n        onOpenChange,\n      })\n      const { getReferenceProps, getFloatingProps } = useInteractions([\n        useHover(floating.context, { delay, restMs }),\n        useFocus(floating.context),\n        useRole(floating.context, { role: 'tooltip' }),\n        useDismiss(floating.context),\n        useDelayGroup(floating.context, { id }),\n      ])\n      return {\n        ...floating,\n        getReferenceProps,\n        getFloatingProps,\n      } as any\n    }\n\n    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])\n\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            sheetBreakpoint={false}\n            scopeKey=\"\"\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"],
+  "mappings": "AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEA,MAAM,iBAAiB,MAAM,WAC3B,CAAC,EAAE,mBAAmB,SAAsD,QAAa;AACvF,QAAM,cAAc,gBAAgB,cAAc;AAClD,QAAM,SAAS,iBAAiB,iBAAiB,YAAY,gBAAgB;AAC7E,SACE,CAAC,eACC,oBACA,WAAW,OACX,SAAS,MAAM,QAAQ,OAAO,QAAQ,MACtC,cAAc,iBACd,cAAc,OACd,KAAK,SACD,OACN;AAEJ,CACF;AAEA,MAAM,eAAe,MAAM,WAAW,CAAC,OAA0B,QAAa;AAC5E,SAAO,CAAC,aAAa,cAAc,eAAe,KAAK,SAAS,OAAO;AACzE,CAAC;AAeM,MAAM,eAAe;AAErB,MAAM,UAAU,qBACpB,CAAC,UAAgD;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,OACX;AAAA,MACD;AACJ,QAAM,cAAc,gBAAgB,cAAc;AAClD,QAAM,aAAa,MAAM,OAA0B,IAAI;AACvD,QAAM,CAAC,iBAAiB,sBAAsB,MAAM,SAAS,KAAK;AAClE,QAAM,EAAE,OAAO,YAAY,iBAAiB,qBAAqB;AACjE,QAAM,QAAQ,gCAAa;AAC3B,QAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;AAC5C,QAAM,KAAK,MAAM;AAEjB,QAAM,eAAe,SAAS,CAAC,UAAS;AACtC,YAAQ,KAAI;AACZ,QAAI,OAAM;AACR,mBAAa,EAAE;AAAA,IACjB;AACA,yDAAmB;AAAA,EACrB,CAAC;AAED,QAAM,gBAA+B,CAAC,WAAU;AAC9C,UAAM,WAAW,YAAY;AAAA,MAC3B,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC;AACD,UAAM,EAAE,mBAAmB,qBAAqB,gBAAgB;AAAA,MAC9D,SAAS,SAAS,SAAS,EAAE,OAAO,OAAO,CAAC;AAAA,MAC5C,SAAS,SAAS,OAAO;AAAA,MACzB,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;AAE7E,QAAM,SAAS,MAAM,YAAY,MAAM;AAAA,EAAC,GAAG,CAAC,OAAO,CAAC;AAEpD,SACE,CAAC,wBAAwB,SAAS,OAAO,oBAEvC,CAAC,OAAO,KAAK,SAAS,iBAAiB,WACrC,CAAC,0BACC,OAAO,gBACP,WAAW,MAAM,GACjB,YAAY,YACZ,iBAAiB,OACjB,SAAS,GACT,MAAM,MACN,cAAc,SACd,cAAc,QACd,iBAAiB,iBACjB,mBAAmB,MAAM,YAAY,MAAM,mBAAmB,IAAI,GAAG,CAAC,CAAC,GACvE,sBAAsB,MAAM,YAAY,MAAM,mBAAmB,KAAK,GAAG,CAAC,CAAC,IAE1E,SACH,EAdC,0BAeH,EAhBC,OAiBH,EAnBC,wBAAwB;AAqB7B,GACA;AAAA,EACE,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CACF;AAEA,QAAQ,cAAc;",
   "names": []
 }

package/dist/jsx/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/jsx/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;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;",
   "names": []
 }

package/dist/jsx/TooltipSimple.js

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

package/dist/jsx/TooltipSimple.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipSimple.tsx"],
+  "sourcesContent": ["import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'\nimport { ThemeInverse } from '@tamagui/core'\nimport { SizableStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport * as React from 'react'\n\nimport { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'\n\nexport type TooltipSimpleProps = TooltipProps & {\n  label?: React.ReactNode\n  children?: React.ReactNode\n  contentProps?: SizableStackProps\n}\n\nexport const TooltipSimple: React.FC<TooltipSimpleProps> = ({\n  label,\n  children,\n  contentProps,\n  ...tooltipProps\n}) => {\n  let context\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    context = useDelayGroupContext()\n  } catch {\n    // ok\n  }\n\n  const contents = (\n    <Tooltip {...tooltipProps}>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <ThemeInverse>\n        <Tooltip.Content\n          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      </ThemeInverse>\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": "AAAA;AACA;AAEA;AAGA;AAQO,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;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,aACC,CAAC,QAAQ,QACP,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI,GACnD,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI,GAClD,GAAG,GACH,OAAO,GACP,GAAG,GACH,UAAU,KACV,SAAS,GACT,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF,OACI;AAAA,MAEJ,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,KAAK,WAAW,MAC7B,MACH,EAFC;AAAA,IAGH,EAtBC,QAAQ,QAuBX,EAxBC;AAAA,EAyBH,EA3BC;AA8BH,MAAI,CAAC,SAAS;AACZ,WAAO,CAAC,aAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,IAAI,SAAS,EAA1D;AAAA,EACV;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/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/jsx/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/jsx/index.js

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

package/dist/jsx/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;AACA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/tooltip",
-  "version": "1.0.1-beta.135",
+  "version": "1.0.1-beta.138",
   "sideEffects": [
     "*.css"
   ],
@@ -17,20 +17,22 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
+    "lint": "eslint",
+    "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "^0.8.1",
-    "@tamagui/compose-refs": "^1.0.1-beta.135",
-    "@tamagui/core": "^1.0.1-beta.135",
-    "@tamagui/create-context": "^1.0.1-beta.135",
-    "@tamagui/polyfill-dev": "^1.0.1-beta.135",
-    "@tamagui/popover": "^1.0.1-beta.135",
-    "@tamagui/popper": "^1.0.1-beta.135",
-    "@tamagui/stacks": "^1.0.1-beta.135",
-    "@tamagui/text": "^1.0.1-beta.135",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.135"
+    "@tamagui/compose-refs": "^1.0.1-beta.138",
+    "@tamagui/core": "^1.0.1-beta.138",
+    "@tamagui/create-context": "^1.0.1-beta.138",
+    "@tamagui/polyfill-dev": "^1.0.1-beta.138",
+    "@tamagui/popover": "^1.0.1-beta.138",
+    "@tamagui/popper": "^1.0.1-beta.138",
+    "@tamagui/stacks": "^1.0.1-beta.138",
+    "@tamagui/text": "^1.0.1-beta.138",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.138"
   },
   "peerDependencies": {
     "react": "*",
@@ -38,7 +40,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.135",
+    "@tamagui/build": "^1.0.1-beta.138",
     "@types/react-dom": "^18.0.3",
     "@types/react-native": "^0.69.2",
     "react": "*",

package/src/Tooltip.native.tsx

@@ -18,5 +18,3 @@ export const Tooltip = withStaticProperties(RenderChildren, {
   Content: RenderNull,
   Trigger: RenderChildren,
 })
-
-export const TooltipSimple = RenderChildren

package/src/Tooltip.tsx

@@ -30,8 +30,6 @@ import {
   UseFloatingFn,
   usePopperContext,
 } from '@tamagui/popper'
-import { SizableStackProps } from '@tamagui/stacks'
-import { Paragraph } from '@tamagui/text'
 import * as React from 'react'
 
 const TooltipContent = React.forwardRef(
@@ -153,59 +151,3 @@ export const Tooltip = withStaticProperties(
 )
 
 Tooltip.displayName = 'Tooltip'
-
-export type TooltipSimpleProps = TooltipProps & {
-  label?: React.ReactNode
-  children?: React.ReactNode
-  contentProps?: SizableStackProps
-}
-
-export const TooltipSimple: React.FC<TooltipSimpleProps> = ({
-  label,
-  children,
-  contentProps,
-  ...tooltipProps
-}) => {
-  let context
-  try {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    context = useDelayGroupContext()
-  } catch {
-    // ok
-  }
-
-  const contents = (
-    <Tooltip {...tooltipProps}>
-      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
-      <Tooltip.Content
-        enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}
-        exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}
-        x={0}
-        scale={1}
-        y={0}
-        elevation="$1"
-        opacity={1}
-        animation={[
-          'bouncy',
-          {
-            opacity: {
-              overshootClamping: true,
-            },
-          },
-        ]}
-        {...contentProps}
-      >
-        <Tooltip.Arrow />
-        <Paragraph size="$2" lineHeight="$1">
-          {label}
-        </Paragraph>
-      </Tooltip.Content>
-    </Tooltip>
-  )
-
-  if (!context) {
-    return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>
-  }
-
-  return contents
-}

package/src/TooltipSimple.native.tsx

@@ -0,0 +1,5 @@
+const RenderChildren = (props: any) => {
+  return props.children
+}
+
+export const TooltipSimple = RenderChildren

package/src/TooltipSimple.tsx

@@ -0,0 +1,65 @@
+import { useDelayGroupContext } from '@floating-ui/react-dom-interactions'
+import { ThemeInverse } from '@tamagui/core'
+import { SizableStackProps } from '@tamagui/stacks'
+import { Paragraph } from '@tamagui/text'
+import * as React from 'react'
+
+import { Tooltip, TooltipGroup, TooltipProps } from './Tooltip'
+
+export type TooltipSimpleProps = TooltipProps & {
+  label?: React.ReactNode
+  children?: React.ReactNode
+  contentProps?: SizableStackProps
+}
+
+export const TooltipSimple: React.FC<TooltipSimpleProps> = ({
+  label,
+  children,
+  contentProps,
+  ...tooltipProps
+}) => {
+  let context
+  try {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    context = useDelayGroupContext()
+  } catch {
+    // ok
+  }
+
+  const contents = (
+    <Tooltip {...tooltipProps}>
+      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
+      <ThemeInverse>
+        <Tooltip.Content
+          enterStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}
+          exitStyle={{ x: 0, y: -10, opacity: 0, scale: 0.9 }}
+          x={0}
+          scale={1}
+          y={0}
+          elevation="$1"
+          opacity={1}
+          animation={[
+            'bouncy',
+            {
+              opacity: {
+                overshootClamping: true,
+              },
+            },
+          ]}
+          {...contentProps}
+        >
+          <Tooltip.Arrow />
+          <Paragraph size="$2" lineHeight="$1">
+            {label}
+          </Paragraph>
+        </Tooltip.Content>
+      </ThemeInverse>
+    </Tooltip>
+  )
+
+  if (!context) {
+    return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>
+  }
+
+  return contents
+}

package/src/index.tsx

@@ -1 +1,2 @@
 export * from './Tooltip'
+export * from './TooltipSimple'

package/types/Tooltip.d.ts

@@ -1,6 +1,5 @@
 import '@tamagui/polyfill-dev';
 import { PopperProps } from '@tamagui/popper';
-import { SizableStackProps } from '@tamagui/stacks';
 import * as React from 'react';
 export declare type TooltipProps = PopperProps & {
     children?: React.ReactNode;
@@ -57,10 +56,4 @@ export declare const Tooltip: React.FC<TooltipProps> & {
         readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
     }>> & React.RefAttributes<HTMLElement | import("react-native").View>>;
 };
-export declare type TooltipSimpleProps = TooltipProps & {
-    label?: React.ReactNode;
-    children?: React.ReactNode;
-    contentProps?: SizableStackProps;
-};
-export declare const TooltipSimple: React.FC<TooltipSimpleProps>;
 //# sourceMappingURL=Tooltip.d.ts.map

package/types/Tooltip.native.d.ts

@@ -5,5 +5,4 @@ export declare const Tooltip: ((props: any) => any) & {
     Content: (props: any) => null;
     Trigger: (props: any) => any;
 };
-export declare const TooltipSimple: (props: any) => any;
 //# sourceMappingURL=Tooltip.native.d.ts.map

package/types/TooltipSimple.d.ts

@@ -0,0 +1,10 @@
+import { SizableStackProps } from '@tamagui/stacks';
+import * as React from 'react';
+import { TooltipProps } from './Tooltip';
+export declare type TooltipSimpleProps = TooltipProps & {
+    label?: React.ReactNode;
+    children?: React.ReactNode;
+    contentProps?: SizableStackProps;
+};
+export declare const TooltipSimple: React.FC<TooltipSimpleProps>;
+//# sourceMappingURL=TooltipSimple.d.ts.map

package/types/TooltipSimple.native.d.ts

@@ -0,0 +1,2 @@
+export declare const TooltipSimple: (props: any) => any;
+//# sourceMappingURL=TooltipSimple.native.d.ts.map

package/types/index.d.ts

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