@tamagui/tooltip 1.0.1-beta.18 → 1.0.1-beta.180

package/dist/jsx/Tooltip.native.js

@@ -1,12 +1,10 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { withStaticProperties } from "@tamagui/core";
-const RenderChildren = /* @__PURE__ */ __name((props) => {
+const RenderChildren = (props) => {
   return props.children;
-}, "RenderChildren");
-const RenderNull = /* @__PURE__ */ __name((props) => {
+};
+const RenderNull = (props) => {
   return null;
-}, "RenderNull");
+};
 const Tooltip = withStaticProperties(RenderChildren, {
   Anchor: RenderChildren,
   Arrow: RenderNull,
@@ -14,8 +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

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

package/dist/jsx/TooltipSimple.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 zIndex={1e3} 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} paddingVertical="$1" animation={[
+      "quick",
+      {
+        opacity: {
+          overshootClamping: true
+        }
+      }
+    ]} {...contentProps}>
+      <Tooltip.Arrow />
+      <Paragraph size="$2" lineHeight="$0">{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          zIndex={1000}\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          paddingVertical=\"$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      </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,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B,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,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,SAAS,SAAS,EAAlC,QAAQ;AAAA,IACT,CAAC,aACC,CAAC,QAAQ,QACP,QAAQ,KACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK,GACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK,GAClD,GAAG,GACH,OAAO,GACP,GAAG,GACH,UAAU,OACV,SAAS,GACT,gBAAgB,KAChB,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,EAxBC,QAAQ,QAyBX,EA1BC;AAAA,EA2BH,EA7BC;AAgCH,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 +1,3 @@
 export * from "./Tooltip";
+export * from "./TooltipSimple";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

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

package/package.json

@@ -1,33 +1,38 @@
 {
   "name": "@tamagui/tooltip",
-  "version": "1.0.1-beta.18",
-  "sideEffects": true,
+  "version": "1.0.1-beta.180",
+  "sideEffects": [
+    "*.css"
+  ],
   "source": "src/index.ts",
-  "typings": "types",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "src",
     "types",
     "dist"
   ],
   "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.4.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.18",
-    "@tamagui/core": "^1.0.1-beta.18",
-    "@tamagui/create-context": "^1.0.1-beta.18",
-    "@tamagui/polyfill-dev": "^1.0.1-beta.18",
-    "@tamagui/popover": "^1.0.1-beta.18",
-    "@tamagui/popper": "^1.0.1-beta.18",
-    "@tamagui/stacks": "^1.0.1-beta.18",
-    "@tamagui/text": "^1.0.1-beta.18",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.18"
+    "@floating-ui/react-dom-interactions": "^0.8.1",
+    "@tamagui/compose-refs": "^1.0.1-beta.180",
+    "@tamagui/core": "^1.0.1-beta.180",
+    "@tamagui/create-context": "^1.0.1-beta.180",
+    "@tamagui/polyfill-dev": "^1.0.1-beta.180",
+    "@tamagui/popover": "^1.0.1-beta.180",
+    "@tamagui/popper": "^1.0.1-beta.180",
+    "@tamagui/stacks": "^1.0.1-beta.180",
+    "@tamagui/text": "^1.0.1-beta.180",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.180"
   },
   "peerDependencies": {
     "react": "*",
@@ -35,9 +40,9 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.18",
+    "@tamagui/build": "^1.0.1-beta.180",
     "@types/react-dom": "^18.0.3",
-    "@types/react-native": "^0.67.3",
+    "@types/react-native": "^0.69.2",
     "react": "*",
     "react-dom": "*",
     "react-native": "*"

package/src/Tooltip.native.tsx

@@ -0,0 +1,20 @@
+import { withStaticProperties } from '@tamagui/core'
+
+// no output on native for now
+// could have an option to long-press or similar to show in a context menu/drawer
+
+const RenderChildren = (props: any) => {
+  return props.children
+}
+
+const RenderNull = (props: any) => {
+  return null
+}
+
+export const Tooltip = withStaticProperties(RenderChildren, {
+  Anchor: RenderChildren,
+  Arrow: RenderNull,
+  Close: RenderNull,
+  Content: RenderNull,
+  Trigger: RenderChildren,
+})

package/src/Tooltip.tsx

@@ -0,0 +1,156 @@
+import '@tamagui/polyfill-dev'
+
+import {
+  FloatingDelayGroup,
+  useDelayGroup,
+  useDelayGroupContext,
+  useDismiss,
+  useFloating,
+  useFocus,
+  useHover,
+  useInteractions,
+  useRole,
+} from '@floating-ui/react-dom-interactions'
+import { useEvent, useId, withStaticProperties } from '@tamagui/core'
+import { ScopedProps } from '@tamagui/create-context'
+import {
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverArrowProps,
+  PopoverContent,
+  PopoverContentProps,
+  PopoverTrigger,
+  __PopoverProviderInternal,
+  usePopoverScope,
+} from '@tamagui/popover'
+import {
+  FloatingOverrideContext,
+  Popper,
+  PopperProps,
+  UseFloatingFn,
+  usePopperContext,
+} from '@tamagui/popper'
+import * as React from 'react'
+
+const TooltipContent = React.forwardRef(
+  ({ __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>, ref: any) => {
+    const popperScope = usePopoverScope(__scopePopover)
+    const popper = usePopperContext('PopperContent', popperScope['__scopePopper'])
+    return (
+      <PopoverContent
+        componentName="TooltipContent"
+        disableRemoveScroll
+        trapFocus={false}
+        padding={props.size || popper.size || '$2'}
+        pointerEvents="none"
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+
+const TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {
+  return <PopoverArrow componentName="TooltipArrow" ref={ref} {...props} />
+})
+
+export type TooltipProps = PopperProps & {
+  children?: React.ReactNode
+  onOpenChange?: (open: boolean) => void
+  groupId?: string
+  restMs?: number
+  delay?:
+    | number
+    | {
+        open?: number
+        close?: number
+      }
+}
+
+export const TooltipGroup = FloatingDelayGroup
+
+export const Tooltip = withStaticProperties(
+  ((props: ScopedProps<TooltipProps, 'Popover'>) => {
+    const {
+      __scopePopover,
+      children,
+      restMs = 500,
+      delay: delayProp,
+      onOpenChange: onOpenChangeProp,
+      ...restProps
+    } = props
+    const popperScope = usePopoverScope(__scopePopover)
+    const triggerRef = React.useRef<HTMLButtonElement>(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((open) => {
+      setOpen(open)
+      if (open) {
+        setCurrentId(id)
+      }
+      onOpenChangeProp?.(open)
+    })
+
+    const useFloatingFn: UseFloatingFn = (props) => {
+      const floating = useFloating({
+        ...props,
+        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,
+      } as any
+    }
+
+    const useFloatingContext = React.useCallback(useFloatingFn, [id, delay, open])
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])
+    const contentId = useId()
+
+    return (
+      <FloatingOverrideContext.Provider value={useFloatingContext}>
+        {/* default tooltip to a smaller size */}
+        <Popper size="$2" {...popperScope} {...restProps}>
+          <__PopoverProviderInternal
+            scope={__scopePopover}
+            contentId={contentId}
+            triggerRef={triggerRef}
+            sheetBreakpoint={false}
+            scopeKey=""
+            open={open}
+            onOpenChange={setOpen}
+            onOpenToggle={voidFn}
+            hasCustomAnchor={hasCustomAnchor}
+            onCustomAnchorAdd={onCustomAnchorAdd}
+            onCustomAnchorRemove={onCustomAnchorRemove}
+          >
+            {children}
+          </__PopoverProviderInternal>
+        </Popper>
+      </FloatingOverrideContext.Provider>
+    )
+  }) as React.FC<TooltipProps>,
+  {
+    Anchor: PopoverAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: PopoverTrigger,
+  }
+)
+
+Tooltip.displayName = 'Tooltip'
+
+const voidFn = () => {}

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,67 @@
+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
+          zIndex={1000}
+          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}
+          paddingVertical="$1"
+          animation={[
+            'quick',
+            {
+              opacity: {
+                overshootClamping: true,
+              },
+            },
+          ]}
+          {...contentProps}
+        >
+          <Tooltip.Arrow />
+          <Paragraph size="$2" lineHeight="$0">
+            {label}
+          </Paragraph>
+        </Tooltip.Content>
+      </ThemeInverse>
+    </Tooltip>
+  )
+
+  if (!context) {
+    return <TooltipGroup delay={{ open: 3000, close: 100 }}>{contents}</TooltipGroup>
+  }
+
+  return contents
+}

package/src/index.tsx

@@ -0,0 +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;
@@ -21,51 +20,40 @@ export declare const TooltipGroup: ({ children, delay, }: {
 }) => JSX.Element;
 export declare const Tooltip: React.FC<TooltipProps> & {
     Anchor: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
     }>> & React.RefAttributes<HTMLElement | import("react-native").View>>;
     Arrow: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
-    }>> & React.RefAttributes<HTMLElement | import("react-native").View>>;
-    Close: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
-    } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
-    }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
-    }>> & React.RefAttributes<HTMLElement | import("react-native").View>>;
-    Content: React.ForwardRefExoticComponent<import("@tamagui/popover").PopoverContentTypeProps & React.RefAttributes<unknown>>;
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+    }>> & {
+        offset?: number | undefined;
+        size?: import("@tamagui/core").SizeTokens | undefined;
+    } & React.RefAttributes<unknown>>;
+    Content: React.ForwardRefExoticComponent<import("@tamagui/popover").PopoverContentTypeProps & {
+        __scopePopover?: import("@tamagui/create-context").Scope<any>;
+    } & React.RefAttributes<unknown>>;
     Trigger: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
-        fullscreen?: boolean | undefined;
-        elevation?: import("@tamagui/core").SizeTokens | undefined;
+        readonly fullscreen?: boolean | undefined;
+        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/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

package/types/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAyB9B,OAAO,EAAmC,WAAW,EAAiB,MAAM,iBAAiB,CAAA;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,oBAAY,YAAY,GAAG,WAAW,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EACF,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACN,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;iBAAqB,CAAA;AAE9C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EnB,CAAA;AAID,oBAAY,kBAAkB,GAAG,YAAY,GAAG;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkCtD,CAAA"}

package/types/Tooltip.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.native.d.ts","sourceRoot":"","sources":["../src/Tooltip.native.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,WARW,GAAG;oBAAH,GAAG;mBAIP,GAAG;mBAAH,GAAG;qBAAH,GAAG;qBAJC,GAAG;CAchC,CAAA;AAEF,eAAO,MAAM,aAAa,UAhBK,GAAG,QAgBS,CAAA"}

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}