@tamagui/tooltip 2.7.7 → 3.0.0-beta.637.1

package/dist/jsx/TooltipSimple.mjs

@@ -1,76 +1,56 @@
-import { getSpace } from "@tamagui/get-token";
+import { createRefComponent, getVariableValue } from "@tamagui/core";
+import { getRadius, getSize, getSpace } from "@tamagui/get-token";
 import { Paragraph } from "@tamagui/text";
 import * as React from "react";
 import { Tooltip } from "./Tooltip.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const TooltipSimple = React.forwardRef(({
-  label,
-  children,
-  contentProps,
-  disabled,
-  ...tooltipProps
-}, ref) => {
-  "use no memo";
 
-  const child = React.Children.only(children);
-  if (!label) {
-    return children;
-  }
-  return /* @__PURE__ */jsxs(Tooltip, {
-    disableRTL: true,
-    offset: 15,
-    restMs: 40,
-    delay: 40,
-    zIndex: 1e6,
-    ...tooltipProps,
-    ...(disabled ? {
-      open: false
-    } : null),
-    children: [/* @__PURE__ */jsx(Tooltip.Trigger, {
-      ...(typeof label === "string" && {
-        "aria-label": label
-      }),
-      asChild: "except-style",
-      children: ref && React.isValidElement(child) ? React.cloneElement(child, {
-        ref
-      }) : child
-    }), /* @__PURE__ */jsxs(Tooltip.Content, {
-      enterStyle: {
-        y: -4,
-        opacity: 0,
-        scale: 0.96
-      },
-      exitStyle: {
-        y: -4,
-        opacity: 0,
-        scale: 0.96
-      },
-      scale: 1,
-      elevation: "$0.5",
-      opacity: 1,
-      pointerEvents: "none",
-      paddingVertical: getSpace(tooltipProps.size || "$true", {
-        shift: -4
-      }),
-      animateOnly: ["transform", "opacity"],
-      transition: ["quicker", {
-        opacity: {
-          overshootClamping: true
-        }
-      }],
-      ...contentProps,
-      children: [/* @__PURE__ */jsx(Tooltip.Arrow, {}), /* @__PURE__ */jsx(Paragraph, {
-        maxWidth: 350,
-        overflow: "hidden",
-        size: "$3",
-        textAlign: "center",
-        "$platform-web": {
-          textWrap: "balance"
-        },
-        children: label
-      })]
-    })]
-  });
+const TooltipSimple = createRefComponent(({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
+	"use no memo";
+	const child = React.Children.only(children);
+	if (!label) {
+		return children;
+	}
+	return /* @__PURE__ */ jsxs(Tooltip, {
+		disableRTL: true,
+		offset: 15,
+		restMs: 40,
+		delay: 40,
+		zIndex: 1e6,
+		...tooltipProps,
+		...disabled ? { open: false } : null,
+		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+			...typeof label === "string" && { "aria-label": label },
+			asChild: "except-style",
+			children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child
+		}), /* @__PURE__ */ jsxs(Tooltip.Content, {
+			theme: "Tooltip",
+			y: "enter:-4px exit:-4px",
+			scale: "1 enter:0.96 exit:0.96",
+			opacity: "1 enter:0 exit:0",
+			pointerEvents: "none",
+			paddingHorizontal: getVariableValue(getSpace(tooltipProps.size ?? true)),
+			paddingVertical: Math.max(0, Math.round(getVariableValue(getSize(tooltipProps.size ?? true)) * .36 - 9)),
+			borderRadius: getVariableValue(getRadius(tooltipProps.size ?? true)),
+			boxShadow: "0 2px 4px shadow-color",
+			transition: ["quicker", { opacity: { overshootClamping: true } }],
+			...contentProps,
+			animateOnly: ["transform", "opacity"],
+			children: [/* @__PURE__ */ jsx(Tooltip.Arrow, {
+				size: tooltipProps.size ?? 7,
+				backgroundColor: "background",
+				borderColor: "border-color"
+			}), /* @__PURE__ */ jsx(Paragraph, {
+				maxWidth: 350,
+				overflow: "hidden",
+				textAlign: "center",
+				textWrap: "web:balance",
+				size: "3",
+				children: label
+			})]
+		})]
+	});
 });
+
 export { TooltipSimple };
 //# sourceMappingURL=TooltipSimple.mjs.map

package/dist/jsx/TooltipSimple.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getSpace","Paragraph","React","Tooltip","jsx","jsxs","TooltipSimple","forwardRef","label","children","contentProps","disabled","tooltipProps","ref","child","Children","only","disableRTL","offset","restMs","delay","zIndex","open","Trigger","asChild","isValidElement","cloneElement","Content","enterStyle","y","opacity","scale","exitStyle","elevation","pointerEvents","paddingVertical","size","shift","animateOnly","transition","overshootClamping","Arrow","maxWidth","overflow","textAlign","textWrap"],"sources":["../../src/TooltipSimple.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAEzB,SAASC,SAAA,QAAiB;AAC1B,YAAYC,KAAA,MAAW;AAGvB,SAASC,OAAA,QAAe;AA8BhB,SAAAC,GAAA,EAWAC,IAAA,QAXA;AArBD,MAAMC,aAAA,GAA8CJ,KAAA,CAAMK,UAAA,CAC/D,CAAC;EAAEC,KAAA;EAAOC,QAAA;EAAUC,YAAA;EAAcC,QAAA;EAAU,GAAGC;AAAa,GAAGC,GAAA,KAAQ;EACrE;;EAEA,MAAMC,KAAA,GAAQZ,KAAA,CAAMa,QAAA,CAASC,IAAA,CAAKP,QAAQ;EAE1C,IAAI,CAACD,KAAA,EAAO;IACV,OAAOC,QAAA;EACT;EAEA,OACE,eAAAJ,IAAA,CAACF,OAAA;IACCc,UAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,KAAA,EAAO;IAEPC,MAAA,EAAQ;IACP,GAAGT,YAAA;IACH,IAAID,QAAA,GAAW;MAAEW,IAAA,EAAM;IAAM,IAAI;IAElCb,QAAA,kBAAAL,GAAA,CAACD,OAAA,CAAQoB,OAAA,EAAR;MACE,IAAI,OAAOf,KAAA,KAAU,YAAY;QAChC,cAAcA;MAChB;MACAgB,OAAA,EAAQ;MAEPf,QAAA,EAAAI,GAAA,IAAOX,KAAA,CAAMuB,cAAA,CAAeX,KAAK,IAC9BZ,KAAA,CAAMwB,YAAA,CAAaZ,KAAA,EAAO;QAAED;MAAI,CAAQ,IACxCC;IAAA,CACN,GAEA,eAAAT,IAAA,CAACF,OAAA,CAAQwB,OAAA,EAAR;MACCC,UAAA,EAAY;QAAEC,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAK;MAC7CC,SAAA,EAAW;QAAEH,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAK;MAC5CA,KAAA,EAAO;MACPE,SAAA,EAAU;MACVH,OAAA,EAAS;MACTI,aAAA,EAAc;MACdC,eAAA,EAAiBnC,QAAA,CAASY,YAAA,CAAawB,IAAA,IAAQ,SAAS;QACtDC,KAAA,EAAO;MACT,CAAC;MACDC,WAAA,EAAa,CAAC,aAAa,SAAS;MACpCC,UAAA,EAAY,CACV,WACA;QACET,OAAA,EAAS;UACPU,iBAAA,EAAmB;QACrB;MACF,EACF;MACC,GAAG9B,YAAA;MAEJD,QAAA,kBAAAL,GAAA,CAACD,OAAA,CAAQsC,KAAA,EAAR,EAAc,GACf,eAAArC,GAAA,CAACH,SAAA;QACCyC,QAAA,EAAU;QACVC,QAAA,EAAS;QACTP,IAAA,EAAK;QACLQ,SAAA,EAAU;QACV,iBAAe;UACbC,QAAA,EAAU;QACZ;QAECpC,QAAA,EAAAD;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ,CACF","ignoreList":[]}
+{"version":3,"file":"TooltipSimple.js","names":[],"sources":["jsx/TooltipSimple.js"],"sourcesContent":["import { createRefComponent, getVariableValue } from \"@tamagui/core\";\nimport { getRadius, getSize, getSpace } from \"@tamagui/get-token\";\nimport { Paragraph } from \"@tamagui/text\";\nimport * as React from \"react\";\nimport { Tooltip } from \"./Tooltip\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst TooltipSimple = createRefComponent(\n  ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {\n    \"use no memo\";\n    const child = React.Children.only(children);\n    if (!label) {\n      return children;\n    }\n    return /* @__PURE__ */ jsxs(\n      Tooltip,\n      {\n        disableRTL: true,\n        offset: 15,\n        restMs: 40,\n        delay: 40,\n        zIndex: 1e6,\n        ...tooltipProps,\n        ...disabled ? { open: false } : null,\n        children: [\n          /* @__PURE__ */ jsx(\n            Tooltip.Trigger,\n            {\n              ...typeof label === \"string\" && {\n                \"aria-label\": label\n              },\n              asChild: \"except-style\",\n              children: ref && React.isValidElement(child) ? React.cloneElement(child, { ref }) : child\n            }\n          ),\n          /* @__PURE__ */ jsxs(\n            Tooltip.Content,\n            {\n              theme: \"Tooltip\",\n              y: \"enter:-4px exit:-4px\",\n              scale: \"1 enter:0.96 exit:0.96\",\n              opacity: \"1 enter:0 exit:0\",\n              pointerEvents: \"none\",\n              paddingHorizontal: getVariableValue(getSpace(tooltipProps.size ?? true)),\n              paddingVertical: Math.max(\n                0,\n                Math.round(\n                  getVariableValue(getSize(tooltipProps.size ?? true)) * 0.36 - 9\n                )\n              ),\n              borderRadius: getVariableValue(getRadius(tooltipProps.size ?? true)),\n              boxShadow: \"0 2px 4px shadow-color\",\n              transition: [\"quicker\", { opacity: { overshootClamping: true } }],\n              ...contentProps,\n              animateOnly: [\"transform\", \"opacity\"],\n              children: [\n                /* @__PURE__ */ jsx(\n                  Tooltip.Arrow,\n                  {\n                    size: tooltipProps.size ?? 7,\n                    backgroundColor: \"background\",\n                    borderColor: \"border-color\"\n                  }\n                ),\n                /* @__PURE__ */ jsx(\n                  Paragraph,\n                  {\n                    maxWidth: 350,\n                    overflow: \"hidden\",\n                    textAlign: \"center\",\n                    textWrap: \"web:balance\",\n                    size: \"3\",\n                    children: label\n                  }\n                )\n              ]\n            }\n          )\n        ]\n      }\n    );\n  }\n);\nexport {\n  TooltipSimple\n};\n//# sourceMappingURL=TooltipSimple.js.map\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,oBACnB,EAAE,OAAO,UAAU,cAAc,UAAU,GAAG,gBAAgB,QAAQ;CACrE;CACA,MAAM,QAAQ,MAAM,SAAS,KAAK,QAAQ;CAC1C,IAAI,CAAC,OAAO;EACV,OAAO;CACT;CACA,OAAuB,qBACrB,SACA;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG,WAAW,EAAE,MAAM,MAAM,IAAI;EAChC,UAAU,CACQ,oBACd,QAAQ,SACR;GACE,GAAG,OAAO,UAAU,YAAY,EAC9B,cAAc,MAChB;GACA,SAAS;GACT,UAAU,OAAO,MAAM,eAAe,KAAK,IAAI,MAAM,aAAa,OAAO,EAAE,IAAI,CAAC,IAAI;EACtF,CACF,GACgB,qBACd,QAAQ,SACR;GACE,OAAO;GACP,GAAG;GACH,OAAO;GACP,SAAS;GACT,eAAe;GACf,mBAAmB,iBAAiB,SAAS,aAAa,QAAQ,IAAI,CAAC;GACvE,iBAAiB,KAAK,IACpB,GACA,KAAK,MACH,iBAAiB,QAAQ,aAAa,QAAQ,IAAI,CAAC,IAAI,MAAO,CAChE,CACF;GACA,cAAc,iBAAiB,UAAU,aAAa,QAAQ,IAAI,CAAC;GACnE,WAAW;GACX,YAAY,CAAC,WAAW,EAAE,SAAS,EAAE,mBAAmB,KAAK,EAAE,CAAC;GAChE,GAAG;GACH,aAAa,CAAC,aAAa,SAAS;GACpC,UAAU,CACQ,oBACd,QAAQ,OACR;IACE,MAAM,aAAa,QAAQ;IAC3B,iBAAiB;IACjB,aAAa;GACf,CACF,GACgB,oBACd,WACA;IACE,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;IACV,MAAM;IACN,UAAU;GACZ,CACF,CACF;EACF,CACF,CACF;CACF,CACF;AACF,CACF"}

package/dist/jsx/TooltipSimple.native.cjs

@@ -0,0 +1,30 @@
+"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);
+var RenderChildren = function(props) {
+	return props.children;
+};
+var TooltipSimple = RenderChildren;

package/dist/jsx/TooltipSimple.native.js

@@ -1,34 +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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TooltipSimple_native_exports = {};
-__export(TooltipSimple_native_exports, {
-  TooltipSimple: () => TooltipSimple
-});
+__export(TooltipSimple_native_exports, { TooltipSimple: () => TooltipSimple });
 module.exports = __toCommonJS(TooltipSimple_native_exports);
-var RenderChildren = function (props) {
-  return props.children;
+var RenderChildren = function(props) {
+	return props.children;
 };
 var TooltipSimple = RenderChildren;
+
 //# sourceMappingURL=TooltipSimple.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TooltipSimple_native_exports","__export","TooltipSimple","module","exports","__toCommonJS","RenderChildren","props","children"],"sources":["../../src/TooltipSimple.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,4BAAA;AAAA,IAAIM,cAAA,GAAiB,SAAAA,CAASC,KAAA,EAAO;EACjC,OAAOA,KAAA,CAAMC,QAAA;AACjB;AACO,IAAIN,aAAA,GAAgBI,cAAA","ignoreList":[]}
+{"version":3,"file":"TooltipSimple.native.js","names":[],"sources":["jsx/TooltipSimple.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TooltipSimple_native_exports = {};\n__export(TooltipSimple_native_exports, {\n  TooltipSimple: () => TooltipSimple\n});\nmodule.exports = __toCommonJS(TooltipSimple_native_exports);\nvar RenderChildren = function(props) {\n  return props.children;\n};\nvar TooltipSimple = RenderChildren;\n//# sourceMappingURL=TooltipSimple.native.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,+BAA+B,CAAC;AACpC,SAAS,8BAA8B,EACrC,qBAAqB,cACvB,CAAC;AACD,OAAO,UAAU,aAAa,4BAA4B;AAC1D,IAAI,iBAAiB,SAAS,OAAO;CACnC,OAAO,MAAM;AACf;AACA,IAAI,gBAAgB"}

package/dist/jsx/index.js

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

package/dist/jsx/index.mjs

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

package/dist/jsx/index.native.cjs

@@ -0,0 +1,22 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Tooltip.native.js"), module.exports);
+__reExport(index_exports, require("./TooltipSimple.native.js"), module.exports);

package/dist/jsx/index.native.js

@@ -1,24 +1,24 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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;
+	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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Tooltip.native.js"), module.exports);
 __reExport(index_exports, require("./TooltipSimple.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

package/dist/jsx/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["jsx/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Tooltip\"), module.exports);\n__reExport(index_exports, require(\"./TooltipSimple\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,qBAAW,GAAG,OAAO,OAAO;AAC9D,WAAW,eAAe,QAAQ,2BAAiB,GAAG,OAAO,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/tooltip",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.637.1",
   "source": "src/index.tsx",
   "files": [
     "src",
@@ -34,23 +34,23 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "2.7.7",
-    "@tamagui/core": "2.7.7",
-    "@tamagui/create-context": "2.7.7",
-    "@tamagui/floating": "2.7.7",
-    "@tamagui/get-token": "2.7.7",
-    "@tamagui/helpers": "2.7.7",
-    "@tamagui/polyfill-dev": "2.7.7",
-    "@tamagui/popover": "2.7.7",
-    "@tamagui/popper": "2.7.7",
-    "@tamagui/stacks": "2.7.7",
-    "@tamagui/text": "2.7.7",
-    "@tamagui/use-controllable-state": "2.7.7"
+    "@tamagui/compose-refs": "3.0.0-beta.637.1",
+    "@tamagui/core": "3.0.0-beta.637.1",
+    "@tamagui/create-context": "3.0.0-beta.637.1",
+    "@tamagui/floating": "3.0.0-beta.637.1",
+    "@tamagui/get-token": "3.0.0-beta.637.1",
+    "@tamagui/helpers": "3.0.0-beta.637.1",
+    "@tamagui/polyfill-dev": "3.0.0-beta.637.1",
+    "@tamagui/popover": "3.0.0-beta.637.1",
+    "@tamagui/popper": "3.0.0-beta.637.1",
+    "@tamagui/stacks": "3.0.0-beta.637.1",
+    "@tamagui/text": "3.0.0-beta.637.1",
+    "@tamagui/use-controllable-state": "3.0.0-beta.637.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.637.1",
     "react": ">=19",
-    "react-native": "0.83.2"
+    "react-native": "0.86.2"
   },
   "peerDependencies": {
     "react": ">=19"

package/src/Tooltip.tsx

@@ -1,10 +1,16 @@
+import {
+  createStyledHOC,
+  createRefComponent,
+  defaultTokenSizePolicy,
+  styled,
+} from '@tamagui/core'
 import '@tamagui/polyfill-dev'
 
 import { FloatingDelayGroup, useDelayGroupContext, type Delay } from '@tamagui/floating'
 import type { SizeTokens, TamaguiElement } from '@tamagui/core'
 import { useEvent } from '@tamagui/core'
 import { FloatingOverrideContext } from '@tamagui/floating'
-import { getSize } from '@tamagui/get-token'
+import { oneSizeTokenSmaller } from '@tamagui/get-token'
 import { withStaticProperties } from '@tamagui/helpers'
 import type {
   PopoverAnchorProps,
@@ -21,6 +27,7 @@ import {
 } from '@tamagui/popover'
 import type { PopperArrowProps, PopperProps } from '@tamagui/popper'
 import { Popper, PopperContentFrame } from '@tamagui/popper'
+import { getElevation } from '@tamagui/stacks'
 import { useControllableState } from '@tamagui/use-controllable-state'
 import * as React from 'react'
 
@@ -32,7 +39,16 @@ type ScopedProps<P> = Omit<P, 'scope'> & { scope?: TooltipScopes }
 
 export type TooltipContentProps = ScopedProps<PopoverContentProps>
 
-// warning: setting to stylebale causes issues with themeInverse across portal root
+const TooltipContentFrame = styled(PopperContentFrame, {
+  variants: {
+    elevation: {
+      number: getElevation,
+      Size: getElevation,
+    },
+  } as const,
+})
+
+// warning: setting to createStyledHOC causes issues with themes across portal roots
 
 // performance: avoid 2 components we never use
 const ALWAYS_DISABLE_TOOLTIP = {
@@ -42,8 +58,9 @@ const ALWAYS_DISABLE_TOOLTIP = {
   // dismiss: true
 } as const
 
-const TooltipContent = PopperContentFrame.styleable<TooltipContentProps>(
-  (props, ref) => {
+const TooltipContent = createStyledHOC(
+  TooltipContentFrame,
+  (props: TooltipContentProps, ref) => {
     const preventAnimation = React.useContext(PreventTooltipAnimationContext)
     const zIndexFromContext = React.useContext(TooltipZIndexContext)
 
@@ -51,44 +68,38 @@ const TooltipContent = PopperContentFrame.styleable<TooltipContentProps>(
       <PopoverContent
         scope={props.scope || TOOLTIP_SCOPE}
         alwaysDisable={ALWAYS_DISABLE_TOOLTIP}
-        {...(!props.unstyled && {
-          backgroundColor: '$background',
-          alignItems: 'center',
-          pointerEvents: 'none',
-          size: '$true',
-        })}
-        ref={ref}
-        // zIndex from root Tooltip prop flows to portal
+        backgroundColor="background"
+        alignItems="center"
+        pointerEvents="none"
         {...(zIndexFromContext !== undefined && { zIndex: zIndexFromContext })}
         {...props}
-        {...(preventAnimation && {
-          transition: null,
-        })}
+        {...(preventAnimation && { transition: null })}
+        ref={ref}
       />
     )
   },
   {
-    staticConfig: {
-      componentName: 'Tooltip',
-    },
+    displayName: 'Tooltip',
   }
 )
 
-const TooltipArrow = React.forwardRef<TamaguiElement, PopperArrowProps>((props, ref) => {
-  return (
-    <PopoverArrow
-      scope={props.scope || TOOLTIP_SCOPE}
-      componentName="Tooltip"
-      ref={ref}
-      {...props}
-    />
-  )
-})
+const TooltipArrow = createRefComponent<TamaguiElement, PopperArrowProps>(
+  (props, ref) => {
+    const { className, ...rest } = props
+    return (
+      <PopoverArrow
+        scope={props.scope || TOOLTIP_SCOPE}
+        className={`is_Tooltip ${className || ''}`.trim()}
+        ref={ref}
+        {...rest}
+      />
+    )
+  }
+)
 
 export type TooltipProps = ScopedProps<
   PopperProps & {
     open?: boolean
-    unstyled?: boolean
     children?: React.ReactNode
     onOpenChange?: (open: boolean) => void
     focus?: {
@@ -144,7 +155,7 @@ export const closeOpenTooltips = () => {
   setOpens.forEach((x) => x(false))
 }
 
-const TooltipComponent = React.forwardRef(function Tooltip(
+const TooltipComponent = createRefComponent(function Tooltip(
   props: TooltipProps,
   // no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts
   ref
@@ -219,19 +230,14 @@ const TooltipComponent = React.forwardRef(function Tooltip(
   const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), [])
   const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), [])
   const contentId = React.useId()
-  const smallerSize = props.unstyled
-    ? null
-    : getSize('$true', {
-        shift: -2,
-        bounds: [0],
-      })
+  const smallerSize = oneSizeTokenSmaller(defaultTokenSizePolicy.fontSize)
 
   const content = (
     <FloatingOverrideContext.Provider value={floatingContext}>
       {/* default tooltip to a smaller size */}
       <Popper
         scope={scope}
-        size={smallerSize?.key as SizeTokens}
+        size={smallerSize as SizeTokens}
         allowFlip
         stayInFrame
         open={open}
@@ -265,7 +271,7 @@ const TooltipComponent = React.forwardRef(function Tooltip(
   return content
 })
 
-const TooltipTrigger = React.forwardRef(function TooltipTrigger(
+const TooltipTrigger = createRefComponent(function TooltipTrigger(
   props: ScopedProps<PopoverTriggerProps>,
   ref: any
 ) {
@@ -273,7 +279,7 @@ const TooltipTrigger = React.forwardRef(function TooltipTrigger(
   return <PopoverTrigger {...rest} scope={scope || TOOLTIP_SCOPE} ref={ref} />
 })
 
-const TooltipAnchor = React.forwardRef(function TooltipAnchor(
+const TooltipAnchor = createRefComponent(function TooltipAnchor(
   props: ScopedProps<PopoverAnchorProps>,
   ref: any
 ) {

package/src/TooltipSimple.tsx

@@ -1,5 +1,6 @@
-import { getSpace } from '@tamagui/get-token'
-import type { SizableStackProps } from '@tamagui/stacks'
+import { createRefComponent, getVariableValue } from '@tamagui/core'
+import { getRadius, getSize, getSpace } from '@tamagui/get-token'
+import type { YStackProps } from '@tamagui/stacks'
 import { Paragraph } from '@tamagui/text'
 import * as React from 'react'
 
@@ -10,10 +11,10 @@ export type TooltipSimpleProps = TooltipProps & {
   disabled?: boolean
   label?: React.ReactNode
   children?: React.ReactNode
-  contentProps?: SizableStackProps
+  contentProps?: YStackProps
 }
 
-export const TooltipSimple: React.FC<TooltipSimpleProps> = React.forwardRef(
+export const TooltipSimple: React.FC<TooltipSimpleProps> = createRefComponent(
   ({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
     'use no memo'
 
@@ -46,35 +47,35 @@ export const TooltipSimple: React.FC<TooltipSimpleProps> = React.forwardRef(
         </Tooltip.Trigger>
 
         <Tooltip.Content
-          enterStyle={{ y: -4, opacity: 0, scale: 0.96 }}
-          exitStyle={{ y: -4, opacity: 0, scale: 0.96 }}
-          scale={1}
-          elevation="$0.5"
-          opacity={1}
+          theme="Tooltip"
+          y="enter:-4px exit:-4px"
+          scale="1 enter:0.96 exit:0.96"
+          opacity="1 enter:0 exit:0"
           pointerEvents="none"
-          paddingVertical={getSpace(tooltipProps.size || '$true', {
-            shift: -4,
-          })}
-          animateOnly={['transform', 'opacity']}
-          transition={[
-            'quicker',
-            {
-              opacity: {
-                overshootClamping: true,
-              },
-            },
-          ]}
+          paddingHorizontal={getVariableValue(getSpace(tooltipProps.size ?? true))}
+          paddingVertical={Math.max(
+            0,
+            Math.round(
+              (getVariableValue(getSize(tooltipProps.size ?? true)) as number) * 0.36 - 9
+            )
+          )}
+          borderRadius={getVariableValue(getRadius(tooltipProps.size ?? true))}
+          boxShadow="0 2px 4px shadow-color"
+          transition={['quicker', { opacity: { overshootClamping: true } }]}
           {...contentProps}
+          animateOnly={['transform', 'opacity']}
         >
-          <Tooltip.Arrow />
+          <Tooltip.Arrow
+            size={tooltipProps.size ?? 7}
+            backgroundColor="background"
+            borderColor="border-color"
+          />
           <Paragraph
             maxWidth={350}
             overflow="hidden"
-            size="$3"
             textAlign="center"
-            $platform-web={{
-              textWrap: 'balance',
-            }}
+            textWrap="web:balance"
+            size="3"
           >
             {label}
           </Paragraph>