@tamagui/tooltip 1.68.6 → 1.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27,15 +27,16 @@ __export(Tooltip_exports, {
27
27
  });
28
28
  module.exports = __toCommonJS(Tooltip_exports);
29
29
  var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_react = require("@floating-ui/react"), import_core = require("@tamagui/core"), import_floating = require("@tamagui/floating"), import_get_token = require("@tamagui/get-token"), import_popover = require("@tamagui/popover"), import_popper = require("@tamagui/popper"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
30
- const TooltipContent = import_popper.PopperContentFrame.extractable(
30
+ const TOOLTIP_SCOPE = "tooltip", TooltipContent = import_popper.PopperContentFrame.extractable(
31
31
  React.forwardRef(
32
- ({ __scopePopover, ...props }, ref) => {
33
- const popper = (0, import_popper.usePopperContext)(), padding = props.padding ?? props.size ?? popper.size ?? (0, import_get_token.getSize)("$true", {
32
+ ({ __scopeTooltip, ...props }, ref) => {
33
+ const popper = (0, import_popper.usePopperContext)(__scopeTooltip || TOOLTIP_SCOPE), padding = props.padding ?? props.size ?? popper.size ?? (0, import_get_token.getSize)("$true", {
34
34
  shift: -2
35
35
  });
36
36
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
37
37
  import_popover.PopoverContent,
38
38
  {
39
+ __scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
39
40
  componentName: "Tooltip",
40
41
  disableRemoveScroll: !0,
41
42
  disableFocusScope: !0,
@@ -48,15 +49,28 @@ const TooltipContent = import_popper.PopperContentFrame.extractable(
48
49
  );
49
50
  }
50
51
  )
51
- ), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverArrow, { componentName: "Tooltip", ref, ...props })), TooltipGroup = ({ children, delay }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.FloatingDelayGroup, { delay: React.useMemo(() => delay, [JSON.stringify(delay)]), children }), TooltipComponent = React.forwardRef(function(props, ref) {
52
+ ), TooltipArrow = React.forwardRef(
53
+ (props, ref) => {
54
+ const { __scopeTooltip, ...rest } = props;
55
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
56
+ import_popover.PopoverArrow,
57
+ {
58
+ __scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
59
+ componentName: "Tooltip",
60
+ ref,
61
+ ...rest
62
+ }
63
+ );
64
+ }
65
+ ), TooltipGroup = ({ children, delay }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.FloatingDelayGroup, { delay: React.useMemo(() => delay, [JSON.stringify(delay)]), children }), TooltipComponent = React.forwardRef(function(props, ref) {
52
66
  const {
53
- __scopePopover,
54
67
  children,
55
68
  delay: delayProp,
56
69
  restMs = typeof delayProp > "u" ? 500 : typeof delayProp == "number" ? delayProp : 0,
57
70
  onOpenChange: onOpenChangeProp,
58
71
  focus,
59
72
  open: openProp,
73
+ __scopeTooltip,
60
74
  ...restProps
61
75
  } = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = (0, import_react.useDelayGroupContext)(), delay = delayProp ?? delayGroup, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
62
76
  prop: openProp,
@@ -86,26 +100,53 @@ const TooltipContent = import_popper.PopperContentFrame.extractable(
86
100
  shift: -2,
87
101
  bounds: [0]
88
102
  });
89
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.Popper, { size: smallerSize == null ? void 0 : smallerSize.key, allowFlip: !0, stayInFrame: !0, ...restProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
90
- import_popover.PopoverContext.Provider,
103
+ return (
104
+ // TODO: FloatingOverrideContext might also need to be scoped
105
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
106
+ import_popper.Popper,
107
+ {
108
+ __scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
109
+ size: smallerSize == null ? void 0 : smallerSize.key,
110
+ allowFlip: !0,
111
+ stayInFrame: !0,
112
+ ...restProps,
113
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
114
+ import_popover.PopoverContext.Provider,
115
+ {
116
+ contentId,
117
+ triggerRef,
118
+ sheetBreakpoint: !1,
119
+ open,
120
+ scope: __scopeTooltip || TOOLTIP_SCOPE,
121
+ onOpenChange: setOpen,
122
+ onOpenToggle: voidFn,
123
+ hasCustomAnchor,
124
+ onCustomAnchorAdd,
125
+ onCustomAnchorRemove,
126
+ children
127
+ }
128
+ )
129
+ }
130
+ ) })
131
+ );
132
+ }), TooltipTrigger = React.forwardRef(function(props, ref) {
133
+ const { __scopeTooltip, ...rest } = props;
134
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
135
+ import_popover.PopoverTrigger,
91
136
  {
92
- contentId,
93
- triggerRef,
94
- sheetBreakpoint: !1,
95
- open,
96
- onOpenChange: setOpen,
97
- onOpenToggle: voidFn,
98
- hasCustomAnchor,
99
- onCustomAnchorAdd,
100
- onCustomAnchorRemove,
101
- children
137
+ ...rest,
138
+ __scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
139
+ ref
102
140
  }
103
- ) }) });
141
+ );
142
+ }), TooltipAnchor = React.forwardRef(function(props, ref) {
143
+ const { __scopeTooltip, ...rest } = props;
144
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, { ...rest, __scopePopover: __scopeTooltip || TOOLTIP_SCOPE, ref });
104
145
  }), Tooltip2 = (0, import_core.withStaticProperties)(TooltipComponent, {
105
- Anchor: import_popover.PopoverAnchor,
146
+ Anchor: TooltipAnchor,
106
147
  Arrow: TooltipArrow,
107
148
  Content: TooltipContent,
108
- Trigger: import_popover.PopoverTrigger
149
+ Trigger: TooltipTrigger
109
150
  }), voidFn = () => {
110
151
  };
111
152
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Tooltip.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["Tooltip", "open", "props"]
6
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TooltipSimple.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC,+BAGrC,cAA0B,0BAG1B,iBAAoD,sBAwB9C;AAhBC,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,kBAAU,mCAAqB;AAAA,EACjC,QAAQ;AAAA,EAER;AAEA,QAAM,WACJ,6CAAC,0BAAQ,QAAQ,IAAK,GAAG,cACvB;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IAAE,UAAS;AAAA,IACnC;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,QAAQ;AAAA,QACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,GAAG;AAAA,QACH,WAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAa,CAAC,aAAa,SAAS;AAAA,QACpC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,sDAAC,uBAAQ,OAAR,EAAc;AAAA,UACf,4CAAC,yBAAU,MAAK,MAAM,iBAAM;AAAA;AAAA;AAAA,IAC9B;AAAA,KACF;AAGF,SAAK,UAIE,WAHE,4CAAC,+BAAa,OAAO,qBAAsB,oBAAS;AAI/D,GAEM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC,+BAErC,cAA0B,0BAG1B,iBAAoD,sBAwB9C;AAhBC,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,kBAAU,mCAAqB;AAAA,EACjC,QAAQ;AAAA,EAER;AAEA,QAAM,WACJ,6CAAC,0BAAQ,QAAQ,IAAK,GAAG,cACvB;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IAAE,UAAS;AAAA,IACnC;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,QAAQ;AAAA,QACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,GAAG;AAAA,QACH,WAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAa,CAAC,aAAa,SAAS;AAAA,QACpC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,sDAAC,uBAAQ,OAAR,EAAc;AAAA,UACf,4CAAC,yBAAU,MAAK,MAAM,iBAAM;AAAA;AAAA;AAAA,IAC9B;AAAA,KACF;AAGF,SAAK,UAIE,WAHE,4CAAC,+BAAa,OAAO,qBAAsB,oBAAS;AAI/D,GAEM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
5
5
  "names": []
6
6
  }
@@ -28,15 +28,16 @@ import {
28
28
  import { useControllableState } from "@tamagui/use-controllable-state";
29
29
  import * as React from "react";
30
30
  import { jsx } from "react/jsx-runtime";
31
- const TooltipContent = PopperContentFrame.extractable(
31
+ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable(
32
32
  React.forwardRef(
33
- ({ __scopePopover, ...props }, ref) => {
34
- const popper = usePopperContext(), padding = props.padding ?? props.size ?? popper.size ?? getSize("$true", {
33
+ ({ __scopeTooltip, ...props }, ref) => {
34
+ const popper = usePopperContext(__scopeTooltip || TOOLTIP_SCOPE), padding = props.padding ?? props.size ?? popper.size ?? getSize("$true", {
35
35
  shift: -2
36
36
  });
37
37
  return /* @__PURE__ */ jsx(
38
38
  PopoverContent,
39
39
  {
40
+ __scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
40
41
  componentName: "Tooltip",
41
42
  disableRemoveScroll: !0,
42
43
  disableFocusScope: !0,
@@ -49,15 +50,28 @@ const TooltipContent = PopperContentFrame.extractable(
49
50
  );
50
51
  }
51
52
  )
52
- ), TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(PopoverArrow, { componentName: "Tooltip", ref, ...props })), TooltipGroup = ({ children, delay }) => /* @__PURE__ */ jsx(FloatingDelayGroup, { delay: React.useMemo(() => delay, [JSON.stringify(delay)]), children }), TooltipComponent = React.forwardRef(function(props, ref) {
53
+ ), TooltipArrow = React.forwardRef(
54
+ (props, ref) => {
55
+ const { __scopeTooltip, ...rest } = props;
56
+ return /* @__PURE__ */ jsx(
57
+ PopoverArrow,
58
+ {
59
+ __scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
60
+ componentName: "Tooltip",
61
+ ref,
62
+ ...rest
63
+ }
64
+ );
65
+ }
66
+ ), TooltipGroup = ({ children, delay }) => /* @__PURE__ */ jsx(FloatingDelayGroup, { delay: React.useMemo(() => delay, [JSON.stringify(delay)]), children }), TooltipComponent = React.forwardRef(function(props, ref) {
53
67
  const {
54
- __scopePopover,
55
68
  children,
56
69
  delay: delayProp,
57
70
  restMs = typeof delayProp > "u" ? 500 : typeof delayProp == "number" ? delayProp : 0,
58
71
  onOpenChange: onOpenChangeProp,
59
72
  focus,
60
73
  open: openProp,
74
+ __scopeTooltip,
61
75
  ...restProps
62
76
  } = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp ?? delayGroup, [open, setOpen] = useControllableState({
63
77
  prop: openProp,
@@ -87,26 +101,53 @@ const TooltipContent = PopperContentFrame.extractable(
87
101
  shift: -2,
88
102
  bounds: [0]
89
103
  });
90
- return /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(Popper, { size: smallerSize?.key, allowFlip: !0, stayInFrame: !0, ...restProps, children: /* @__PURE__ */ jsx(
91
- PopoverContext.Provider,
104
+ return (
105
+ // TODO: FloatingOverrideContext might also need to be scoped
106
+ /* @__PURE__ */ jsx(FloatingOverrideContext.Provider, { value: useFloatingContext, children: /* @__PURE__ */ jsx(
107
+ Popper,
108
+ {
109
+ __scopePopper: __scopeTooltip || TOOLTIP_SCOPE,
110
+ size: smallerSize?.key,
111
+ allowFlip: !0,
112
+ stayInFrame: !0,
113
+ ...restProps,
114
+ children: /* @__PURE__ */ jsx(
115
+ PopoverContext.Provider,
116
+ {
117
+ contentId,
118
+ triggerRef,
119
+ sheetBreakpoint: !1,
120
+ open,
121
+ scope: __scopeTooltip || TOOLTIP_SCOPE,
122
+ onOpenChange: setOpen,
123
+ onOpenToggle: voidFn,
124
+ hasCustomAnchor,
125
+ onCustomAnchorAdd,
126
+ onCustomAnchorRemove,
127
+ children
128
+ }
129
+ )
130
+ }
131
+ ) })
132
+ );
133
+ }), TooltipTrigger = React.forwardRef(function(props, ref) {
134
+ const { __scopeTooltip, ...rest } = props;
135
+ return /* @__PURE__ */ jsx(
136
+ PopoverTrigger,
92
137
  {
93
- contentId,
94
- triggerRef,
95
- sheetBreakpoint: !1,
96
- open,
97
- onOpenChange: setOpen,
98
- onOpenToggle: voidFn,
99
- hasCustomAnchor,
100
- onCustomAnchorAdd,
101
- onCustomAnchorRemove,
102
- children
138
+ ...rest,
139
+ __scopePopover: __scopeTooltip || TOOLTIP_SCOPE,
140
+ ref
103
141
  }
104
- ) }) });
142
+ );
143
+ }), TooltipAnchor = React.forwardRef(function(props, ref) {
144
+ const { __scopeTooltip, ...rest } = props;
145
+ return /* @__PURE__ */ jsx(PopoverAnchor, { ...rest, __scopePopover: __scopeTooltip || TOOLTIP_SCOPE, ref });
105
146
  }), Tooltip2 = withStaticProperties(TooltipComponent, {
106
- Anchor: PopoverAnchor,
147
+ Anchor: TooltipAnchor,
107
148
  Arrow: TooltipArrow,
108
149
  Content: TooltipContent,
109
- Trigger: PopoverTrigger
150
+ Trigger: TooltipTrigger
110
151
  }), voidFn = () => {
111
152
  };
112
153
  export {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Tooltip.tsx"],
4
- "mappings": "AAAA,OAAO;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAqB,UAAU,4BAA4B;AAE3D,SAAS,+BAA8C;AACvD,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,YAAY,WAAW;AAkBf;AAhBR,MAAM,iBAAiB,mBAAmB;AAAA,EACxC,MAAM;AAAA,IACJ,CACE,EAAE,gBAAgB,GAAG,MAAM,GAC3B,QACG;AACH,YAAM,SAAS,iBAAiB,GAC1B,UACJ,MAAM,WACN,MAAM,QACN,OAAO,QACP,QAAQ,SAAS;AAAA,QACf,OAAO;AAAA,MACT,CAAC;AAEH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,qBAAmB;AAAA,UACnB,mBAAiB;AAAA,UAChB,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB;AAAA,UACF;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ;AAAA,EACF;AACF,GAEM,eAAe,MAAM,WAAW,CAAC,OAA0B,QACxD,oBAAC,gBAAa,eAAc,WAAU,KAAW,GAAG,OAAO,CACnE,GA4BY,eAAe,CAAC,EAAE,UAAU,MAAM,MAE3C,oBAAC,sBAAmB,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC,GAC1E,UACH,GAIE,mBAAmB,MAAM,WAAW,SACxC,OAEA,KACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,SAAS,OAAO,YAAc,MAC1B,MACA,OAAO,aAAc,WACrB,YACA;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EACL,IAAI,OACE,aAAa,MAAM,OAA0B,IAAI,GACjD,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,EAAK,GAC5D,EAAE,OAAO,YAAY,aAAa,IAAI,qBAAqB,GAC3D,QAAQ,aAAa,YACrB,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC,GACK,KAAK,MAAM,SAEX,eAAe,SAAS,CAACA,UAAS;AACtC,IAAIA,SACF,aAAa,EAAE,GAEjB,QAAQA,KAAI;AAAA,EACd,CAAC,GAEK,gBAA+B,CAACC,WAAU;AAE9C,UAAM,WAAW,YAAY;AAAA,MAC3B,GAAGA;AAAA,MACH;AAAA,MACA;AAAA,IACF,CAAC,GACK,EAAE,mBAAmB,iBAAiB,IAAI,gBAAgB;AAAA,MAC9D,SAAS,SAAS,SAAS,EAAE,OAAO,OAAO,CAAC;AAAA,MAC5C,SAAS,SAAS,SAAS,KAAK;AAAA,MAChC,QAAQ,SAAS,SAAS,EAAE,MAAM,UAAU,CAAC;AAAA,MAC7C,WAAW,SAAS,OAAO;AAAA,MAC3B,cAAc,SAAS,SAAS,EAAE,GAAG,CAAC;AAAA,IACxC,CAAC;AACD,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAEM,qBAAqB,MAAM,YAAY,eAAe,CAAC,IAAI,OAAO,IAAI,CAAC,GACvE,oBAAoB,MAAM,YAAY,MAAM,mBAAmB,EAAI,GAAG,CAAC,CAAC,GACxE,uBAAuB,MAAM,YAAY,MAAM,mBAAmB,EAAK,GAAG,CAAC,CAAC,GAC5E,YAAY,MAAM,MAAM,GACxB,cAAc,MAAM,WACtB,OACA,QAAQ,SAAS;AAAA,IACf,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AAEL,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,oBAEvC,8BAAC,UAAO,MAAM,aAAa,KAAmB,WAAS,IAAC,aAAW,IAAE,GAAG,WACtE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF,GACF;AAEJ,CAAC,GAEYC,WAAU,qBAAqB,kBAAkB;AAAA,EAC5D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,CAAC,GAEK,SAAS,MAAM;AAAC;",
4
+ "mappings": "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",
5
5
  "names": ["open", "props", "Tooltip"]
6
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TooltipSimple.tsx"],
4
- "mappings": "AAAA,SAAS,4BAA4B;AAGrC,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAwB9C,cACA,YADA;AAhBC,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAQ;AAAA,EAER;AAEA,QAAM,WACJ,qBAAC,WAAQ,QAAQ,IAAK,GAAG,cACvB;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IAAE,UAAS;AAAA,IACnC;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,QAAQ;AAAA,QACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,GAAG;AAAA,QACH,WAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAa,CAAC,aAAa,SAAS;AAAA,QACpC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACf,oBAAC,aAAU,MAAK,MAAM,iBAAM;AAAA;AAAA;AAAA,IAC9B;AAAA,KACF;AAGF,SAAK,UAIE,WAHE,oBAAC,gBAAa,OAAO,qBAAsB,oBAAS;AAI/D,GAEM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
4
+ "mappings": "AAAA,SAAS,4BAA4B;AAErC,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAwB9C,cACA,YADA;AAhBC,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAQ;AAAA,EAER;AAEA,QAAM,WACJ,qBAAC,WAAQ,QAAQ,IAAK,GAAG,cACvB;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IAAE,UAAS;AAAA,IACnC;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,QAAQ;AAAA,QACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,GAAG;AAAA,QACH,WAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAa,CAAC,aAAa,SAAS;AAAA,QACpC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACf,oBAAC,aAAU,MAAK,MAAM,iBAAM;AAAA;AAAA;AAAA,IAC9B;AAAA,KACF;AAGF,SAAK,UAIE,WAHE,oBAAC,gBAAa,OAAO,qBAAsB,oBAAS;AAI/D,GAEM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
5
5
  "names": []
6
6
  }
@@ -27,13 +27,14 @@ import {
27
27
  } from "@tamagui/popper";
28
28
  import { useControllableState } from "@tamagui/use-controllable-state";
29
29
  import * as React from "react";
30
- const TooltipContent = PopperContentFrame.extractable(
30
+ const TOOLTIP_SCOPE = "tooltip", TooltipContent = PopperContentFrame.extractable(
31
31
  React.forwardRef(
32
- ({ __scopePopover, ...props }, ref) => {
33
- const popper = usePopperContext(), padding = props.padding ?? props.size ?? popper.size ?? getSize("$true", {
32
+ ({ __scopeTooltip, ...props }, ref) => {
33
+ const popper = usePopperContext(__scopeTooltip || TOOLTIP_SCOPE), padding = props.padding ?? props.size ?? popper.size ?? getSize("$true", {
34
34
  shift: -2
35
35
  });
36
36
  return <PopoverContent
37
+ __scopePopover={__scopeTooltip || TOOLTIP_SCOPE}
37
38
  componentName="Tooltip"
38
39
  disableRemoveScroll
39
40
  disableFocusScope
@@ -45,15 +46,25 @@ const TooltipContent = PopperContentFrame.extractable(
45
46
  />;
46
47
  }
47
48
  )
48
- ), TooltipArrow = React.forwardRef((props, ref) => <PopoverArrow componentName="Tooltip" ref={ref} {...props} />), TooltipGroup = ({ children, delay }) => <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>{children}</FloatingDelayGroup>, TooltipComponent = React.forwardRef(function(props, ref) {
49
+ ), TooltipArrow = React.forwardRef(
50
+ (props, ref) => {
51
+ const { __scopeTooltip, ...rest } = props;
52
+ return <PopoverArrow
53
+ __scopePopover={__scopeTooltip || TOOLTIP_SCOPE}
54
+ componentName="Tooltip"
55
+ ref={ref}
56
+ {...rest}
57
+ />;
58
+ }
59
+ ), TooltipGroup = ({ children, delay }) => <FloatingDelayGroup delay={React.useMemo(() => delay, [JSON.stringify(delay)])}>{children}</FloatingDelayGroup>, TooltipComponent = React.forwardRef(function(props, ref) {
49
60
  const {
50
- __scopePopover,
51
61
  children,
52
62
  delay: delayProp,
53
63
  restMs = typeof delayProp > "u" ? 500 : typeof delayProp == "number" ? delayProp : 0,
54
64
  onOpenChange: onOpenChangeProp,
55
65
  focus,
56
66
  open: openProp,
67
+ __scopeTooltip,
57
68
  ...restProps
58
69
  } = props, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), { delay: delayGroup, setCurrentId } = useDelayGroupContext(), delay = delayProp ?? delayGroup, [open, setOpen] = useControllableState({
59
70
  prop: openProp,
@@ -83,27 +94,47 @@ const TooltipContent = PopperContentFrame.extractable(
83
94
  shift: -2,
84
95
  bounds: [0]
85
96
  });
86
- return <FloatingOverrideContext.Provider value={useFloatingContext}>
87
- {
88
- /* default tooltip to a smaller size */
89
- }
90
- <Popper size={smallerSize?.key} allowFlip stayInFrame {...restProps}><PopoverContext.Provider
91
- contentId={contentId}
92
- triggerRef={triggerRef}
93
- sheetBreakpoint={!1}
94
- open={open}
95
- onOpenChange={setOpen}
96
- onOpenToggle={voidFn}
97
- hasCustomAnchor={hasCustomAnchor}
98
- onCustomAnchorAdd={onCustomAnchorAdd}
99
- onCustomAnchorRemove={onCustomAnchorRemove}
100
- >{children}</PopoverContext.Provider></Popper>
101
- </FloatingOverrideContext.Provider>;
97
+ return (
98
+ // TODO: FloatingOverrideContext might also need to be scoped
99
+ <FloatingOverrideContext.Provider value={useFloatingContext}>
100
+ {
101
+ /* default tooltip to a smaller size */
102
+ }
103
+ <Popper
104
+ __scopePopper={__scopeTooltip || TOOLTIP_SCOPE}
105
+ size={smallerSize?.key}
106
+ allowFlip
107
+ stayInFrame
108
+ {...restProps}
109
+ ><PopoverContext.Provider
110
+ contentId={contentId}
111
+ triggerRef={triggerRef}
112
+ sheetBreakpoint={!1}
113
+ open={open}
114
+ scope={__scopeTooltip || TOOLTIP_SCOPE}
115
+ onOpenChange={setOpen}
116
+ onOpenToggle={voidFn}
117
+ hasCustomAnchor={hasCustomAnchor}
118
+ onCustomAnchorAdd={onCustomAnchorAdd}
119
+ onCustomAnchorRemove={onCustomAnchorRemove}
120
+ >{children}</PopoverContext.Provider></Popper>
121
+ </FloatingOverrideContext.Provider>
122
+ );
123
+ }), TooltipTrigger = React.forwardRef(function(props, ref) {
124
+ const { __scopeTooltip, ...rest } = props;
125
+ return <PopoverTrigger
126
+ {...rest}
127
+ __scopePopover={__scopeTooltip || TOOLTIP_SCOPE}
128
+ ref={ref}
129
+ />;
130
+ }), TooltipAnchor = React.forwardRef(function(props, ref) {
131
+ const { __scopeTooltip, ...rest } = props;
132
+ return <PopoverAnchor {...rest} __scopePopover={__scopeTooltip || TOOLTIP_SCOPE} ref={ref} />;
102
133
  }), Tooltip2 = withStaticProperties(TooltipComponent, {
103
- Anchor: PopoverAnchor,
134
+ Anchor: TooltipAnchor,
104
135
  Arrow: TooltipArrow,
105
136
  Content: TooltipContent,
106
- Trigger: PopoverTrigger
137
+ Trigger: TooltipTrigger
107
138
  }), voidFn = () => {
108
139
  };
109
140
  export {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Tooltip.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["open", "props", "Tooltip"]
6
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TooltipSimple.tsx"],
4
- "mappings": "AAAA,SAAS,4BAA4B;AAGrC,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAQ;AAAA,EAER;AAEA,QAAM,WACJ,CAAC,QAAQ,QAAQ,QAAQ;AAAA,IACvB,CAAC,QAAQ,QAAQ,SAAS,SAAS,EAAlC,QAAQ;AAAA,IACT,CAAC,QAAQ;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MAClD,GAAG;AAAA,MACH,OAAO;AAAA,MACP,GAAG;AAAA,MACH,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa,CAAC,aAAa,SAAS;AAAA,MACpC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,UACI;AAAA;AAAA,MAEJ,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,MAAM,MAAM,EAA3B;AAAA,IACH,EAtBC,QAAQ;AAAA,EAuBX,EAzBC;AA4BH,SAAK,UAIE,WAHE,CAAC,aAAa,OAAO,sBAAsB,SAAS,EAAnD;AAIZ,GAEM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
4
+ "mappings": "AAAA,SAAS,4BAA4B;AAErC,SAAS,iBAAiB;AAG1B,SAAS,SAAS,oBAAkC;AAQ7C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI;AACJ,MAAI;AAEF,cAAU,qBAAqB;AAAA,EACjC,QAAQ;AAAA,EAER;AAEA,QAAM,WACJ,CAAC,QAAQ,QAAQ,QAAQ;AAAA,IACvB,CAAC,QAAQ,QAAQ,SAAS,SAAS,EAAlC,QAAQ;AAAA,IACT,CAAC,QAAQ;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MAClD,GAAG;AAAA,MACH,OAAO;AAAA,MACP,GAAG;AAAA,MACH,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa,CAAC,aAAa,SAAS;AAAA,MACpC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,UACI;AAAA;AAAA,MAEJ,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,MAAM,MAAM,EAA3B;AAAA,IACH,EAtBC,QAAQ;AAAA,EAuBX,EAzBC;AA4BH,SAAK,UAIE,WAHE,CAAC,aAAa,OAAO,sBAAsB,SAAS,EAAnD;AAIZ,GAEM,sBAAsB,EAAE,MAAM,KAAM,OAAO,IAAI;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/tooltip",
3
- "version": "1.68.6",
3
+ "version": "1.69.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -32,24 +32,24 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@floating-ui/react": "^0.24.7",
35
- "@tamagui/compose-refs": "1.68.6",
36
- "@tamagui/core": "1.68.6",
37
- "@tamagui/create-context": "1.68.6",
38
- "@tamagui/floating": "1.68.6",
39
- "@tamagui/get-token": "1.68.6",
40
- "@tamagui/polyfill-dev": "1.68.6",
41
- "@tamagui/popover": "1.68.6",
42
- "@tamagui/popper": "1.68.6",
43
- "@tamagui/stacks": "1.68.6",
44
- "@tamagui/text": "1.68.6",
45
- "@tamagui/use-controllable-state": "1.68.6"
35
+ "@tamagui/compose-refs": "1.69.0",
36
+ "@tamagui/core": "1.69.0",
37
+ "@tamagui/create-context": "1.69.0",
38
+ "@tamagui/floating": "1.69.0",
39
+ "@tamagui/get-token": "1.69.0",
40
+ "@tamagui/polyfill-dev": "1.69.0",
41
+ "@tamagui/popover": "1.69.0",
42
+ "@tamagui/popper": "1.69.0",
43
+ "@tamagui/stacks": "1.69.0",
44
+ "@tamagui/text": "1.69.0",
45
+ "@tamagui/use-controllable-state": "1.69.0"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "react": "*",
49
49
  "react-native": "*"
50
50
  },
51
51
  "devDependencies": {
52
- "@tamagui/build": "1.68.6",
52
+ "@tamagui/build": "1.69.0",
53
53
  "react": "^18.2.0",
54
54
  "react-native": "^0.72.1"
55
55
  },
package/src/Tooltip.tsx CHANGED
@@ -11,18 +11,19 @@ import {
11
11
  useInteractions,
12
12
  useRole,
13
13
  } from '@floating-ui/react'
14
- import { SizeTokens, useEvent, withStaticProperties } from '@tamagui/core'
15
- import { ScopedProps } from '@tamagui/create-context'
14
+ import { ScopedProps, SizeTokens, useEvent, withStaticProperties } from '@tamagui/core'
16
15
  import { FloatingOverrideContext, UseFloatingFn } from '@tamagui/floating'
17
16
  import { getSize } from '@tamagui/get-token'
18
17
  import {
19
18
  PopoverAnchor,
19
+ PopoverAnchorProps,
20
20
  PopoverArrow,
21
21
  PopoverArrowProps,
22
22
  PopoverContent,
23
23
  PopoverContentProps,
24
24
  PopoverContext,
25
25
  PopoverTrigger,
26
+ PopoverTriggerProps,
26
27
  } from '@tamagui/popover'
27
28
  import {
28
29
  Popper,
@@ -33,13 +34,13 @@ import {
33
34
  import { useControllableState } from '@tamagui/use-controllable-state'
34
35
  import * as React from 'react'
35
36
 
37
+ const TOOLTIP_SCOPE = 'tooltip'
38
+ type ScopedTooltipProps<P> = ScopedProps<P, 'Tooltip'>
39
+
36
40
  const TooltipContent = PopperContentFrame.extractable(
37
41
  React.forwardRef(
38
- (
39
- { __scopePopover, ...props }: ScopedProps<PopoverContentProps, 'Popover'>,
40
- ref: any
41
- ) => {
42
- const popper = usePopperContext()
42
+ ({ __scopeTooltip, ...props }: ScopedTooltipProps<PopoverContentProps>, ref: any) => {
43
+ const popper = usePopperContext(__scopeTooltip || TOOLTIP_SCOPE)
43
44
  const padding =
44
45
  props.padding ??
45
46
  props.size ??
@@ -50,6 +51,7 @@ const TooltipContent = PopperContentFrame.extractable(
50
51
 
51
52
  return (
52
53
  <PopoverContent
54
+ __scopePopover={__scopeTooltip || TOOLTIP_SCOPE}
53
55
  componentName="Tooltip"
54
56
  disableRemoveScroll
55
57
  disableFocusScope
@@ -64,9 +66,19 @@ const TooltipContent = PopperContentFrame.extractable(
64
66
  )
65
67
  )
66
68
 
67
- const TooltipArrow = React.forwardRef((props: PopoverArrowProps, ref: any) => {
68
- return <PopoverArrow componentName="Tooltip" ref={ref} {...props} />
69
- })
69
+ const TooltipArrow = React.forwardRef(
70
+ (props: ScopedTooltipProps<PopoverArrowProps>, ref: any) => {
71
+ const { __scopeTooltip, ...rest } = props
72
+ return (
73
+ <PopoverArrow
74
+ __scopePopover={__scopeTooltip || TOOLTIP_SCOPE}
75
+ componentName="Tooltip"
76
+ ref={ref}
77
+ {...rest}
78
+ />
79
+ )
80
+ }
81
+ )
70
82
 
71
83
  export type TooltipProps = PopperProps & {
72
84
  open?: boolean
@@ -103,12 +115,11 @@ export const TooltipGroup = ({ children, delay }: { children?: any; delay: Delay
103
115
  }
104
116
 
105
117
  const TooltipComponent = React.forwardRef(function Tooltip(
106
- props: ScopedProps<TooltipProps, 'Popover'>,
118
+ props: ScopedTooltipProps<TooltipProps>,
107
119
  // theres no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts
108
120
  ref
109
121
  ) {
110
122
  const {
111
- __scopePopover,
112
123
  children,
113
124
  delay: delayProp,
114
125
  restMs = typeof delayProp === 'undefined'
@@ -119,6 +130,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
119
130
  onOpenChange: onOpenChangeProp,
120
131
  focus,
121
132
  open: openProp,
133
+ __scopeTooltip,
122
134
  ...restProps
123
135
  } = props
124
136
  const triggerRef = React.useRef<HTMLButtonElement>(null)
@@ -173,14 +185,22 @@ const TooltipComponent = React.forwardRef(function Tooltip(
173
185
  })
174
186
 
175
187
  return (
188
+ // TODO: FloatingOverrideContext might also need to be scoped
176
189
  <FloatingOverrideContext.Provider value={useFloatingContext}>
177
190
  {/* default tooltip to a smaller size */}
178
- <Popper size={smallerSize?.key as SizeTokens} allowFlip stayInFrame {...restProps}>
191
+ <Popper
192
+ __scopePopper={__scopeTooltip || TOOLTIP_SCOPE}
193
+ size={smallerSize?.key as SizeTokens}
194
+ allowFlip
195
+ stayInFrame
196
+ {...restProps}
197
+ >
179
198
  <PopoverContext.Provider
180
199
  contentId={contentId}
181
200
  triggerRef={triggerRef}
182
201
  sheetBreakpoint={false}
183
202
  open={open}
203
+ scope={__scopeTooltip || TOOLTIP_SCOPE}
184
204
  onOpenChange={setOpen}
185
205
  onOpenToggle={voidFn}
186
206
  hasCustomAnchor={hasCustomAnchor}
@@ -194,11 +214,35 @@ const TooltipComponent = React.forwardRef(function Tooltip(
194
214
  )
195
215
  })
196
216
 
217
+ const TooltipTrigger = React.forwardRef(function TooltipTrigger(
218
+ props: ScopedTooltipProps<PopoverTriggerProps>,
219
+ ref: any
220
+ ) {
221
+ const { __scopeTooltip, ...rest } = props
222
+ return (
223
+ <PopoverTrigger
224
+ {...rest}
225
+ __scopePopover={__scopeTooltip || TOOLTIP_SCOPE}
226
+ ref={ref}
227
+ />
228
+ )
229
+ })
230
+
231
+ const TooltipAnchor = React.forwardRef(function TooltipAnchor(
232
+ props: ScopedTooltipProps<PopoverAnchorProps>,
233
+ ref: any
234
+ ) {
235
+ const { __scopeTooltip, ...rest } = props
236
+ return (
237
+ <PopoverAnchor {...rest} __scopePopover={__scopeTooltip || TOOLTIP_SCOPE} ref={ref} />
238
+ )
239
+ })
240
+
197
241
  export const Tooltip = withStaticProperties(TooltipComponent, {
198
- Anchor: PopoverAnchor,
242
+ Anchor: TooltipAnchor,
199
243
  Arrow: TooltipArrow,
200
244
  Content: TooltipContent,
201
- Trigger: PopoverTrigger,
245
+ Trigger: TooltipTrigger,
202
246
  })
203
247
 
204
248
  const voidFn = () => {}
@@ -1,5 +1,4 @@
1
1
  import { useDelayGroupContext } from '@floating-ui/react'
2
- import { Theme } from '@tamagui/core'
3
2
  import { SizableStackProps } from '@tamagui/stacks'
4
3
  import { Paragraph } from '@tamagui/text'
5
4
  import * as React from 'react'
@@ -42,7 +42,7 @@ export declare const Tooltip: React.ForwardRefExoticComponent<PopperProps & {
42
42
  close?: number | undefined;
43
43
  } | undefined;
44
44
  } & {
45
- __scopePopover?: import("@tamagui/create-context").Scope<any>;
45
+ __scopeTooltip?: string | undefined;
46
46
  } & React.RefAttributes<unknown>> & {
47
47
  Anchor: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "children" | "display" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
48
48
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
@@ -59,7 +59,9 @@ export declare const Tooltip: React.ForwardRefExoticComponent<PopperProps & {
59
59
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
60
60
  readonly fullscreen?: boolean | undefined;
61
61
  readonly elevation?: SizeTokens | undefined;
62
- }>> & React.RefAttributes<import("@tamagui/core").TamaguiElement>>;
62
+ }>> & {
63
+ __scopeTooltip?: string | undefined;
64
+ } & React.RefAttributes<unknown>>;
63
65
  Arrow: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "children" | "display" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
64
66
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
65
67
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
@@ -78,13 +80,17 @@ export declare const Tooltip: React.ForwardRefExoticComponent<PopperProps & {
78
80
  }>> & {
79
81
  offset?: number | undefined;
80
82
  size?: SizeTokens | undefined;
83
+ } & {
84
+ __scopeTooltip?: string | undefined;
81
85
  } & React.RefAttributes<unknown>>;
82
86
  Content: React.ForwardRefExoticComponent<import("@tamagui/popover").PopoverContentTypeProps & {
83
- __scopePopover?: import("@tamagui/create-context").Scope<any>;
87
+ __scopeTooltip?: string | undefined;
84
88
  } & React.RefAttributes<unknown>>;
85
- Trigger: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "children" | "display" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
89
+ Trigger: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "children" | "display" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
86
90
  style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
87
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & React.RefAttributes<import("@tamagui/core").TamaguiElement>>;
91
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
92
+ __scopeTooltip?: string | undefined;
93
+ } & React.RefAttributes<unknown>>;
88
94
  };
89
95
  export {};
90
96
  //# sourceMappingURL=Tooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAa9B,OAAO,EAAE,UAAU,EAAkC,MAAM,eAAe,CAAA;AAa1E,OAAO,EAGL,WAAW,EAEZ,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqC9B,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EACF,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACN,CAAA;AAED,KAAK,KAAK,GACN,MAAM,GACN,OAAO,CAAC;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEN,eAAO,MAAM,YAAY;eAAsC,GAAG;WAAS,KAAK;iBAM/E,CAAA;AA8FD,eAAO,MAAM,OAAO;;;eA3HP,MAAM,SAAS;2BACJ,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HtC,CAAA"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAa9B,OAAO,EAAe,UAAU,EAAkC,MAAM,eAAe,CAAA;AAcvF,OAAO,EAGL,WAAW,EAEZ,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgD9B,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EACF,MAAM,GACN;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACN,CAAA;AAED,KAAK,KAAK,GACN,MAAM,GACN,OAAO,CAAC;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEN,eAAO,MAAM,YAAY;eAAsC,GAAG;WAAS,KAAK;iBAM/E,CAAA;AA8HD,eAAO,MAAM,OAAO;;;eA3JP,MAAM,SAAS;2BACJ,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+JtC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipSimple.d.ts","sourceRoot":"","sources":["../src/TooltipSimple.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAyB,YAAY,EAAE,MAAM,WAAW,CAAA;AAE/D,MAAM,MAAM,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,CAgDtD,CAAA"}
1
+ {"version":3,"file":"TooltipSimple.d.ts","sourceRoot":"","sources":["../src/TooltipSimple.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAyB,YAAY,EAAE,MAAM,WAAW,CAAA;AAE/D,MAAM,MAAM,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,CAgDtD,CAAA"}