@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/TokensDemo.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,142 +8,132 @@ 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 TokensDemo_exports = {};
-__export(TokensDemo_exports, {
-  TokensDemo: () => TokensDemo
-});
+__export(TokensDemo_exports, { TokensDemo: () => TokensDemo });
 module.exports = __toCommonJS(TokensDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
 var import_react = __toESM(require("react"), 1);
 var import_tamagui = require("tamagui");
-var sections = [{
-  name: `Size`,
-  key: `size`
-}, {
-  name: `Space`,
-  key: "space"
-}, {
-  name: `Space (-)`,
-  key: `spaceNegative`
-}, {
-  name: `Radius`,
-  key: `radius`
-}];
+var sections = [
+	{
+		name: `Size`,
+		key: `size`
+	},
+	{
+		name: `Space`,
+		key: "space"
+	},
+	{
+		name: `Space (-)`,
+		key: `spaceNegative`
+	},
+	{
+		name: `Radius`,
+		key: `radius`
+	}
+];
 function TokensDemo() {
-  var [section, setSection] = import_react.default.useState("size");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup, {
-      items: "center",
-      self: "center",
-      children: sections.map(function (param) {
-        var {
-          name,
-          key
-        } = param;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            size: "$3",
-            theme: section === key ? "accent" : null,
-            onPress: function () {
-              return setSection(key);
-            },
-            children: name
-          })
-        }, key);
-      })
-    }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SizeSection, {
-      section
-    })]
-  });
+	var [section, setSection] = import_react.default.useState("size");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, {
+			items: "center",
+			self: "center",
+			children: sections.map(function(param) {
+				var { name, key } = param;
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+					size: "3",
+					theme: section === key ? "accent" : null,
+					onPress: function() {
+						return setSection(key);
+					},
+					children: name
+				}) }, key);
+			})
+		}), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, { section })]
+	});
 }
 function SizeSection(param) {
-  var {
-    section
-  } = param;
-  var allTokens = (0, import_core.getConfig)().tokens;
-  var tokens = allTokens[section.startsWith("space") ? "space" : section];
-  var st = Object.keys(tokens).sort(function (a, b) {
-    return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
-  });
-  var spaceTokens = st.filter(function (t) {
-    return Number.parseFloat(t) >= 0;
-  });
-  var spaceTokensNegative = st.filter(function (t) {
-    return Number.parseFloat(t) < 0;
-  }).sort(function (a, b) {
-    return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    flex: 1,
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
-      children: "Sizes"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      width: "100%",
-      gap: "$2",
-      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function (token) {
-        var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2;
-        var _spaceTokensNegative_find;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          width: "100%",
-          items: "center",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-            width: "25%",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
-              size: "$6",
-              children: ["$", token]
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-            width: "20%",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.H4, {
-              size: "$5",
-              children: [(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px"]
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-            size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
-            backgroundColor: "$color5",
-            ...(section === "spaceNegative" && {
-              backgroundColor: "$red5",
-              size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function (t) {
-                return Number.parseFloat(t) === -Number.parseFloat(token);
-              })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
-            }),
-            ...(section === "radius" && {
-              size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
-              borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
-            })
-          })]
-        }, token);
-      })
-    })]
-  });
+	var { section } = param;
+	var allTokens = (0, import_core.getConfig)().tokens;
+	var tokens = allTokens[section.startsWith("space") ? "space" : section];
+	var st = Object.keys(tokens).sort(function(a, b) {
+		return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
+	});
+	var spaceTokens = st.filter(function(t) {
+		return Number.parseFloat(t) >= 0;
+	});
+	var spaceTokensNegative = st.filter(function(t) {
+		return Number.parseFloat(t) < 0;
+	}).sort(function(a, b) {
+		return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		flex: 1,
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sizes" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+			width: "100%",
+			gap: "2",
+			children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function(token) {
+				var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2;
+				var _spaceTokensNegative_find;
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+					width: "100%",
+					items: "center",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+							width: "25%",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
+								size: "6",
+								children: ["$", token]
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+							width: "20%",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, {
+								size: "5",
+								children: [(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px"]
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+							size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
+							backgroundColor: "color5",
+							...section === "spaceNegative" && {
+								backgroundColor: "red5",
+								size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function(t) {
+									return Number.parseFloat(t) === -Number.parseFloat(token);
+								})) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
+							},
+							...section === "radius" && {
+								size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
+								borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
+							}
+						})
+					]
+				}, token);
+			})
+		})]
+	});
 }
+
 //# sourceMappingURL=TokensDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TokensDemo_exports","__export","TokensDemo","module","exports","import_jsx_runtime","require","import_core","import_react","__toESM","import_tamagui","sections","name","key","section","setSection","default","useState","jsxs","YStack","gap","children","jsx","XGroup","items","self","map","param","Item","Button","size","theme","onPress","SizeSection","allTokens","getConfig","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","H2","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find","XStack"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TokensDemo.native.js","names":[],"sources":["cjs/TokensDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TokensDemo_exports = {};\n__export(TokensDemo_exports, {\n  TokensDemo: () => TokensDemo\n});\nmodule.exports = __toCommonJS(TokensDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar sections = [\n  {\n    name: `Size`,\n    key: `size`\n  },\n  {\n    name: `Space`,\n    key: \"space\"\n  },\n  {\n    name: `Space (-)`,\n    key: `spaceNegative`\n  },\n  {\n    name: `Radius`,\n    key: `radius`\n  }\n];\nfunction TokensDemo() {\n  var [section, setSection] = import_react.default.useState(\"size\");\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, {\n        items: \"center\",\n        self: \"center\",\n        children: sections.map(function(param) {\n          var { name, key } = param;\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n              size: \"3\",\n              theme: section === key ? \"accent\" : null,\n              onPress: function() {\n                return setSection(key);\n              },\n              children: name\n            })\n          }, key);\n        })\n      }),\n      (section === \"size\" || section === \"spaceNegative\" || section === \"space\" || section === \"radius\") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, {\n        section\n      })\n    ]\n  });\n}\nfunction SizeSection(param) {\n  var { section } = param;\n  var allTokens = (0, import_core.getConfig)().tokens;\n  var tokens = allTokens[section.startsWith(\"space\") ? \"space\" : section];\n  var st = Object.keys(tokens).sort(function(a, b) {\n    return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;\n  });\n  var spaceTokens = st.filter(function(t) {\n    return Number.parseFloat(t) >= 0;\n  });\n  var spaceTokensNegative = st.filter(function(t) {\n    return Number.parseFloat(t) < 0;\n  }).sort(function(a, b) {\n    return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    flex: 1,\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {\n        children: \"Sizes\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n        width: \"100%\",\n        gap: \"2\",\n        children: (section === \"spaceNegative\" ? spaceTokensNegative : spaceTokens).map(function(token) {\n          var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2;\n          var _spaceTokensNegative_find;\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            width: \"100%\",\n            items: \"center\",\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n                width: \"25%\",\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, {\n                  size: \"6\",\n                  children: [\n                    \"$\",\n                    token\n                  ]\n                })\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n                width: \"20%\",\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, {\n                  size: \"5\",\n                  children: [\n                    (_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val,\n                    \"px\"\n                  ]\n                })\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n                size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,\n                backgroundColor: \"color5\",\n                ...section === \"spaceNegative\" && {\n                  backgroundColor: \"red5\",\n                  size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function(t) {\n                    return Number.parseFloat(t) === -Number.parseFloat(token);\n                  })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)\n                },\n                ...section === \"radius\" && {\n                  size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,\n                  borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val\n                }\n              })\n            ]\n          }, token);\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=TokensDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/TooltipDemo.cjs

@@ -1,133 +1,131 @@
+
 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_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 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({ Icon, ...props }) {
+	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"
+			})]
+		})]
+	});
 }
-function Demo({
-  Icon,
-  ...props
-}) {
-  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"
-      })]
-    })]
-  });
-}