@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/TooltipDemo.native.cjs

@@ -0,0 +1,134 @@
+"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 TooltipDemo_exports = {};
+__export(TooltipDemo_exports, { TooltipDemo: () => TooltipDemo });
+module.exports = __toCommonJS(TooltipDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_tamagui = require("tamagui");
+function TooltipDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, {
+			delay: {
+				open: 300,
+				close: 100
+			},
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				gap: "2",
+				self: "center",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+						gap: "2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "0",
+								placement: "top-end",
+								Icon: import_lucide_icons_2.Circle
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "1",
+								placement: "top",
+								Icon: import_lucide_icons_2.ChevronUp
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "2",
+								placement: "top-start",
+								Icon: import_lucide_icons_2.Circle
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+						gap: "2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "3",
+								placement: "left",
+								Icon: import_lucide_icons_2.ChevronLeft
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { flex: 1 }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "4",
+								placement: "right",
+								Icon: import_lucide_icons_2.ChevronRight
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+						gap: "2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "5",
+								placement: "bottom-end",
+								Icon: import_lucide_icons_2.Circle
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "6",
+								placement: "bottom",
+								Icon: import_lucide_icons_2.ChevronDown
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "7",
+								placement: "bottom-start",
+								Icon: import_lucide_icons_2.Circle
+							})
+						]
+					})
+				]
+			})
+		})
+	});
+}
+function Demo(param) {
+	var { Icon, ...props } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				icon: Icon,
+				circular: true
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip.Content, {
+			theme: "Tooltip",
+			scale: "1 enter:0.9 exit:0.9",
+			x: "0 enter:0 exit:0",
+			y: "0 enter:-5px exit:-5px",
+			opacity: "1 enter:0 exit:0",
+			py: "2",
+			px: "3",
+			rounded: true,
+			boxShadow: "0 2px 4px shadow-color",
+			transition: ["quick", { opacity: { overshootClamping: true } }],
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {
+				backgroundColor: "background",
+				borderColor: "border-color"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+				size: "2",
+				lineHeight: "1",
+				children: "Hello world"
+			})]
+		})]
+	});
+}

package/dist/cjs/TooltipDemo.native.js

@@ -1,137 +1,136 @@
 "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 TooltipDemo_exports = {};
-__export(TooltipDemo_exports, {
-  TooltipDemo: () => TooltipDemo
-});
+__export(TooltipDemo_exports, { TooltipDemo: () => TooltipDemo });
 module.exports = __toCommonJS(TooltipDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_tamagui = require("tamagui");
 function TooltipDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, {
-      delay: {
-        open: 300,
-        close: 100
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$2",
-        self: "center",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "0",
-            placement: "top-end",
-            Icon: import_lucide_icons_2.Circle
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "1",
-            placement: "top",
-            Icon: import_lucide_icons_2.ChevronUp
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "2",
-            placement: "top-start",
-            Icon: import_lucide_icons_2.Circle
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "3",
-            placement: "left",
-            Icon: import_lucide_icons_2.ChevronLeft
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-            flex: 1
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "4",
-            placement: "right",
-            Icon: import_lucide_icons_2.ChevronRight
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "5",
-            placement: "bottom-end",
-            Icon: import_lucide_icons_2.Circle
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "6",
-            placement: "bottom",
-            Icon: import_lucide_icons_2.ChevronDown
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "7",
-            placement: "bottom-start",
-            Icon: import_lucide_icons_2.Circle
-          })]
-        })]
-      })
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+		name: "level3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, {
+			delay: {
+				open: 300,
+				close: 100
+			},
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				gap: "2",
+				self: "center",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+						gap: "2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "0",
+								placement: "top-end",
+								Icon: import_lucide_icons_2.Circle
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "1",
+								placement: "top",
+								Icon: import_lucide_icons_2.ChevronUp
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "2",
+								placement: "top-start",
+								Icon: import_lucide_icons_2.Circle
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+						gap: "2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "3",
+								placement: "left",
+								Icon: import_lucide_icons_2.ChevronLeft
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { flex: 1 }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "4",
+								placement: "right",
+								Icon: import_lucide_icons_2.ChevronRight
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+						gap: "2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "5",
+								placement: "bottom-end",
+								Icon: import_lucide_icons_2.Circle
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "6",
+								placement: "bottom",
+								Icon: import_lucide_icons_2.ChevronDown
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+								groupId: "7",
+								placement: "bottom-start",
+								Icon: import_lucide_icons_2.Circle
+							})
+						]
+					})
+				]
+			})
+		})
+	});
 }
 function Demo(param) {
-  var {
-    Icon,
-    ...props
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        icon: Icon,
-        circular: true
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip.Content, {
-      enterStyle: {
-        x: 0,
-        y: -5,
-        opacity: 0,
-        scale: 0.9
-      },
-      exitStyle: {
-        x: 0,
-        y: -5,
-        opacity: 0,
-        scale: 0.9
-      },
-      scale: 1,
-      x: 0,
-      y: 0,
-      opacity: 1,
-      py: "$2",
-      px: "$3",
-      transition: ["quick", {
-        opacity: {
-          overshootClamping: true
-        }
-      }],
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        size: "$2",
-        lineHeight: "$1",
-        children: "Hello world"
-      })]
-    })]
-  });
+	var { Icon, ...props } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+				icon: Icon,
+				circular: true
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip.Content, {
+			theme: "Tooltip",
+			scale: "1 enter:0.9 exit:0.9",
+			x: "0 enter:0 exit:0",
+			y: "0 enter:-5px exit:-5px",
+			opacity: "1 enter:0 exit:0",
+			py: "2",
+			px: "3",
+			rounded: true,
+			boxShadow: "0 2px 4px shadow-color",
+			transition: ["quick", { opacity: { overshootClamping: true } }],
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {
+				backgroundColor: "background",
+				borderColor: "border-color"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+				size: "2",
+				lineHeight: "1",
+				children: "Hello world"
+			})]
+		})]
+	});
 }
+
 //# sourceMappingURL=TooltipDemo.native.js.map

package/dist/cjs/TooltipDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TooltipDemo_exports","__export","TooltipDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_tamagui","jsx","Theme","name","children","TooltipGroup","delay","open","close","jsxs","YStack","gap","self","XStack","Demo","groupId","placement","Icon","Circle","ChevronUp","ChevronLeft","flex","ChevronRight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAMO,CAAAK,mBAAA;AAEP,IAAAK,kBAAgF,GAAAC,OAAA;AAOtE,IAAAC,qBAAA,GAAAD,OAAA;AALH,IAAAE,cAAS,GAAAF,OAAc;AAC5B,SACEJ,YAAA;EAGM,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,cAAA,CAAAE,KAAA,EAAO;IACNC,IAAA;IAAoDC,QACpD,qBAAAP,kBAAC,CAAAI,GAAA,EAAKD,cAAY,CAAAK,YAAU;MAC5BC,KAAA;QACFC,IAAA;QACAC,KAAA;MACE;MACAJ,QAAA,qBAAAP,kBAAC,CAAAY,IAAA,EAAAT,cAAO,CAAAU,MAAM,EAAG;QACjBC,GAAA;QACFC,IAAA;QACAR,QAAA,GACE,mBAAAP,kBAAA,CAAAY,IAAC,EAAAT,cAAa,CAAAa,MAAI;UAClBF,GAAA;UACAP,QAAA,GACF,mBAAAP,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YAGNC,OAAA;YAEJC,SAAA;YAEgBC,IAAA,EAAMlB,qBAA2C,CAAAmB;UAE7D,IACE,mBAAArB,kBAAC,CAAAI,GAAA,EAAAa,IAAA;YAGDC,OAAA;YAACC,SAAA,OAAQ;YAARC,IAAA,EAAAlB,qBAAA,CAAAoB;UACC,IACA,eAAsB,IAAItB,kBAAY,CAAOI,GAAA,EAAIa,IAAA;YAC1CC,OAAA;YACJC,SAAA;YACAC,IAAA,EAAAlB,qBAAA,CAAAmB;UACH;QAEA,EAAG,EACH,eAAY,IAAArB,kBAAA,CAAAY,IAAA,EAAAT,cAAA,CAAAa,MAAA;UACVF,GAAA;UACAP,QAAA,GACE,eAAS,IAAAP,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YACPC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAAlB,qBAAA,CAAAqB;UACF,IAEA,mBAAAvB,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAU,MAAA;YAAAW,IAAA;UACA,IAEA,mBAAAxB,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YAAAC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAAlB,qBAAA,CAAAuB;UAEJ","ignoreList":[]}
+{"version":3,"file":"TooltipDemo.native.js","names":[],"sources":["cjs/TooltipDemo.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 TooltipDemo_exports = {};\n__export(TooltipDemo_exports, {\n  TooltipDemo: () => TooltipDemo\n});\nmodule.exports = __toCommonJS(TooltipDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction TooltipDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n    name: \"level3\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, {\n      delay: {\n        open: 300,\n        close: 100\n      },\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n        gap: \"2\",\n        self: \"center\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            gap: \"2\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n                groupId: \"0\",\n                placement: \"top-end\",\n                Icon: import_lucide_icons_2.Circle\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n                groupId: \"1\",\n                placement: \"top\",\n                Icon: import_lucide_icons_2.ChevronUp\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n                groupId: \"2\",\n                placement: \"top-start\",\n                Icon: import_lucide_icons_2.Circle\n              })\n            ]\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            gap: \"2\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n                groupId: \"3\",\n                placement: \"left\",\n                Icon: import_lucide_icons_2.ChevronLeft\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n                flex: 1\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n                groupId: \"4\",\n                placement: \"right\",\n                Icon: import_lucide_icons_2.ChevronRight\n              })\n            ]\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            gap: \"2\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n                groupId: \"5\",\n                placement: \"bottom-end\",\n                Icon: import_lucide_icons_2.Circle\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n                groupId: \"6\",\n                placement: \"bottom\",\n                Icon: import_lucide_icons_2.ChevronDown\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n                groupId: \"7\",\n                placement: \"bottom-start\",\n                Icon: import_lucide_icons_2.Circle\n              })\n            ]\n          })\n        ]\n      })\n    })\n  });\n}\nfunction Demo(param) {\n  var { Icon, ...props } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {\n    ...props,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {\n        asChild: true,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n          icon: Icon,\n          circular: true\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip.Content, {\n        theme: \"Tooltip\",\n        scale: \"1 enter:0.9 exit:0.9\",\n        x: \"0 enter:0 exit:0\",\n        y: \"0 enter:-5px exit:-5px\",\n        opacity: \"1 enter:0 exit:0\",\n        py: \"2\",\n        px: \"3\",\n        rounded: true,\n        boxShadow: \"0 2px 4px shadow-color\",\n        transition: [\n          \"quick\",\n          {\n            opacity: {\n              overshootClamping: true\n            }\n          }\n        ],\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {\n            backgroundColor: \"background\",\n            borderColor: \"border-color\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n            size: \"2\",\n            lineHeight: \"1\",\n            children: \"Hello world\"\n          })\n        ]\n      })\n    ]\n  });\n}\n//# sourceMappingURL=TooltipDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/UpdateThemeDemo.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,80 +6,66 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var UpdateThemeDemo_exports = {};
-__export(UpdateThemeDemo_exports, {
-  UpdateThemeDemo: () => UpdateThemeDemo
-});
+__export(UpdateThemeDemo_exports, { UpdateThemeDemo: () => UpdateThemeDemo });
 module.exports = __toCommonJS(UpdateThemeDemo_exports);
 var import_react = __toESM(require("react"), 1);
-var import_v3 = require("@tamagui/config/v3");
 var import_theme = require("@tamagui/theme");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
-const colors = import_v3.config.tokens.color;
-const colorKeys = Object.keys(colors);
 function UpdateThemeDemo() {
-  const [theme, setTheme] = import_react.default.useState();
-  (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
-    (0, import_theme.addTheme)({
-      name: "custom",
-      insertCSS: true,
-      theme: {
-        color: "red"
-      }
-    });
-    setTheme("custom");
-  }, []);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-      gap: "$5",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
-        name: theme ?? null,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-          rounded: "$8",
-          size: 100,
-          bg: "$color"
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      onPress: () => {
-        const randomColor = (0, import_tamagui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
-        (0, import_theme.updateTheme)({
-          name: "custom",
-          theme: {
-            color: randomColor
-          }
-        });
-      },
-      children: "Set to random color"
-    })]
-  });
-}
+	const [theme, setTheme] = import_react.default.useState();
+	(0, import_tamagui.useIsomorphicLayoutEffect)(() => {
+		(0, import_theme.addTheme)({
+			name: "custom",
+			insertCSS: true,
+			theme: { color: "red" }
+		});
+		setTheme("custom");
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+			gap: "5",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+				name: theme ?? null,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+					rounded: "8",
+					bg: "color",
+					size: 100
+				})
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			onPress: () => {
+				const colors = (0, import_tamagui.getTokens)().color;
+				const colorKeys = Object.keys(colors);
+				const randomColor = (0, import_tamagui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
+				(0, import_theme.updateTheme)({
+					name: "custom",
+					theme: { color: randomColor }
+				});
+			},
+			children: "Set to random color"
+		})]
+	});
+}

package/dist/cjs/UpdateThemeDemo.native.cjs

@@ -0,0 +1,73 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var UpdateThemeDemo_exports = {};
+__export(UpdateThemeDemo_exports, { UpdateThemeDemo: () => UpdateThemeDemo });
+module.exports = __toCommonJS(UpdateThemeDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_theme = require("@tamagui/theme");
+var import_tamagui = require("tamagui");
+function UpdateThemeDemo() {
+	var [theme, setTheme] = import_react.default.useState();
+	(0, import_tamagui.useIsomorphicLayoutEffect)(function() {
+		(0, import_theme.addTheme)({
+			name: "custom",
+			insertCSS: true,
+			theme: { color: "red" }
+		});
+		setTheme("custom");
+	}, []);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+			gap: "5",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+				name: theme !== null && theme !== void 0 ? theme : null,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+					rounded: "8",
+					bg: "color",
+					size: 100
+				})
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			onPress: function() {
+				var colors = (0, import_tamagui.getTokens)().color;
+				var colorKeys = Object.keys(colors);
+				var randomColor = (0, import_tamagui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
+				(0, import_theme.updateTheme)({
+					name: "custom",
+					theme: { color: randomColor }
+				});
+			},
+			children: "Set to random color"
+		})]
+	});
+}