@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/TokensDemo.mjs

@@ -2,92 +2,92 @@ import { getConfig } from "@tamagui/core";
 import React from "react";
 import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
-const sections = [{
-  name: `Size`,
-  key: `size`
-}, {
-  name: `Space`,
-  key: "space"
-}, {
-  name: `Space (-)`,
-  key: `spaceNegative`
-}, {
-  name: `Radius`,
-  key: `radius`
-}];
+
+const sections = [
+	{
+		name: `Size`,
+		key: `size`
+	},
+	{
+		name: `Space`,
+		key: "space"
+	},
+	{
+		name: `Space (-)`,
+		key: `spaceNegative`
+	},
+	{
+		name: `Radius`,
+		key: `radius`
+	}
+];
 function TokensDemo() {
-  const [section, setSection] = React.useState("size");
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(XGroup, {
-      items: "center",
-      self: "center",
-      children: sections.map(({
-        name,
-        key
-      }) => {
-        return /* @__PURE__ */jsx(XGroup.Item, {
-          children: /* @__PURE__ */jsx(Button, {
-            size: "$3",
-            theme: section === key ? "accent" : null,
-            onPress: () => setSection(key),
-            children: name
-          })
-        }, key);
-      })
-    }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */jsx(SizeSection, {
-      section
-    })]
-  });
+	const [section, setSection] = React.useState("size");
+	return /* @__PURE__ */ jsxs(YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(XGroup, {
+			items: "center",
+			self: "center",
+			children: sections.map(({ name, key }) => {
+				return /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+					size: "3",
+					theme: section === key ? "accent" : null,
+					onPress: () => setSection(key),
+					children: name
+				}) }, key);
+			})
+		}), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ jsx(SizeSection, { section })]
+	});
 }
-function SizeSection({
-  section
-}) {
-  const allTokens = getConfig().tokens;
-  const tokens = allTokens[section.startsWith("space") ? "space" : section];
-  const st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1);
-  const spaceTokens = st.filter(t => Number.parseFloat(t) >= 0);
-  const spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
-  return /* @__PURE__ */jsxs(YStack, {
-    flex: 1,
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(H2, {
-      children: "Sizes"
-    }), /* @__PURE__ */jsx(YStack, {
-      width: "100%",
-      gap: "$2",
-      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => {
-        return /* @__PURE__ */jsxs(XStack, {
-          width: "100%",
-          items: "center",
-          children: [/* @__PURE__ */jsx(YStack, {
-            width: "25%",
-            children: /* @__PURE__ */jsxs(H3, {
-              size: "$6",
-              children: ["$", token]
-            })
-          }), /* @__PURE__ */jsx(YStack, {
-            width: "20%",
-            children: /* @__PURE__ */jsxs(H4, {
-              size: "$5",
-              children: [tokens[token]?.val, "px"]
-            })
-          }), /* @__PURE__ */jsx(Square, {
-            size: tokens[token]?.val,
-            backgroundColor: "$color5",
-            ...(section === "spaceNegative" && {
-              backgroundColor: "$red5",
-              size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
-            }),
-            ...(section === "radius" && {
-              size: allTokens.size[token]?.val,
-              borderRadius: tokens[token]?.val
-            })
-          })]
-        }, token);
-      })
-    })]
-  });
+function SizeSection({ section }) {
+	const allTokens = getConfig().tokens;
+	const tokens = allTokens[section.startsWith("space") ? "space" : section];
+	const st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1);
+	const spaceTokens = st.filter((t) => Number.parseFloat(t) >= 0);
+	const spaceTokensNegative = st.filter((t) => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
+	return /* @__PURE__ */ jsxs(YStack, {
+		flex: 1,
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(H2, { children: "Sizes" }), /* @__PURE__ */ jsx(YStack, {
+			width: "100%",
+			gap: "2",
+			children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map((token) => {
+				return /* @__PURE__ */ jsxs(XStack, {
+					width: "100%",
+					items: "center",
+					children: [
+						/* @__PURE__ */ jsx(YStack, {
+							width: "25%",
+							children: /* @__PURE__ */ jsxs(H3, {
+								size: "6",
+								children: ["$", token]
+							})
+						}),
+						/* @__PURE__ */ jsx(YStack, {
+							width: "20%",
+							children: /* @__PURE__ */ jsxs(H4, {
+								size: "5",
+								children: [tokens[token]?.val, "px"]
+							})
+						}),
+						/* @__PURE__ */ jsx(Square, {
+							size: tokens[token]?.val,
+							backgroundColor: "color5",
+							...section === "spaceNegative" && {
+								backgroundColor: "red5",
+								size: -tokens[spaceTokensNegative.find((t) => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
+							},
+							...section === "radius" && {
+								size: allTokens.size[token]?.val,
+								borderRadius: tokens[token]?.val
+							}
+						})
+					]
+				}, token);
+			})
+		})]
+	});
 }
+
 export { TokensDemo };
 //# sourceMappingURL=TokensDemo.mjs.map

package/dist/esm/TokensDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","jsx","jsxs","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","val","backgroundColor","find","borderRadius"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TokensDemo.js","names":[],"sources":["esm/TokensDemo.js"],"sourcesContent":["import { getConfig } from \"@tamagui/core\";\nimport React from \"react\";\nimport { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst 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  const [section, setSection] = React.useState(\"size\");\n  return /* @__PURE__ */ jsxs(YStack, { gap: \"4\", children: [\n    /* @__PURE__ */ jsx(XGroup, { items: \"center\", self: \"center\", children: sections.map(({ name, key }) => {\n      return /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(\n        Button,\n        {\n          size: \"3\",\n          theme: section === key ? \"accent\" : null,\n          onPress: () => setSection(key),\n          children: name\n        }\n      ) }, key);\n    }) }),\n    (section === \"size\" || section === \"spaceNegative\" || section === \"space\" || section === \"radius\") && /* @__PURE__ */ jsx(SizeSection, { section })\n  ] });\n}\nfunction SizeSection({ section }) {\n  const allTokens = getConfig().tokens;\n  const tokens = allTokens[section.startsWith(\"space\") ? \"space\" : section];\n  const st = Object.keys(tokens).sort(\n    (a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1\n  );\n  const spaceTokens = st.filter((t) => Number.parseFloat(t) >= 0);\n  const spaceTokensNegative = st.filter((t) => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);\n  return /* @__PURE__ */ jsxs(YStack, { flex: 1, gap: \"4\", children: [\n    /* @__PURE__ */ jsx(H2, { children: \"Sizes\" }),\n    /* @__PURE__ */ jsx(YStack, { width: \"100%\", gap: \"2\", children: (section === \"spaceNegative\" ? spaceTokensNegative : spaceTokens).map(\n      (token) => {\n        return /* @__PURE__ */ jsxs(XStack, { width: \"100%\", items: \"center\", children: [\n          /* @__PURE__ */ jsx(YStack, { width: \"25%\", children: /* @__PURE__ */ jsxs(H3, { size: \"6\", children: [\n            \"$\",\n            token\n          ] }) }),\n          /* @__PURE__ */ jsx(YStack, { width: \"20%\", children: /* @__PURE__ */ jsxs(H4, { size: \"5\", children: [\n            tokens[token]?.val,\n            \"px\"\n          ] }) }),\n          /* @__PURE__ */ jsx(\n            Square,\n            {\n              size: tokens[token]?.val,\n              backgroundColor: \"color5\",\n              ...section === \"spaceNegative\" && {\n                backgroundColor: \"red5\",\n                size: -tokens[spaceTokensNegative.find(\n                  (t) => Number.parseFloat(t) === -Number.parseFloat(token)\n                ) ?? token]?.val\n              },\n              ...section === \"radius\" && {\n                size: allTokens.size[token]?.val,\n                borderRadius: tokens[token]?.val\n              }\n            }\n          )\n        ] }, token);\n      }\n    ) })\n  ] });\n}\nexport {\n  TokensDemo\n};\n//# sourceMappingURL=TokensDemo.js.map\n"],"mappings":";;;;;;AAIA,MAAM,WAAW;CACf;EACE,MAAM;EACN,KAAK;CACP;CACA;EACE,MAAM;EACN,KAAK;CACP;CACA;EACE,MAAM;EACN,KAAK;CACP;CACA;EACE,MAAM;EACN,KAAK;CACP;AACF;AACA,SAAS,aAAa;CACpB,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM;CACnD,OAAuB,qBAAK,QAAQ;EAAE,KAAK;EAAK,UAAU,CACxC,oBAAI,QAAQ;GAAE,OAAO;GAAU,MAAM;GAAU,UAAU,SAAS,KAAK,EAAE,MAAM,UAAU;IACvG,OAAuB,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAClE,QACA;KACE,MAAM;KACN,OAAO,YAAY,MAAM,WAAW;KACpC,eAAe,WAAW,GAAG;KAC7B,UAAU;IACZ,CACF,EAAE,GAAG,GAAG;GACV,CAAC;EAAE,CAAC,IACH,YAAY,UAAU,YAAY,mBAAmB,YAAY,WAAW,YAAY,aAA6B,oBAAI,aAAa,EAAE,QAAQ,CAAC,CACpJ;CAAE,CAAC;AACL;AACA,SAAS,YAAY,EAAE,WAAW;CAChC,MAAM,YAAY,UAAU,EAAE;CAC9B,MAAM,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU;CACjE,MAAM,KAAK,OAAO,KAAK,MAAM,EAAE,MAC5B,GAAG,MAAM,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,IAAI,CAAC,CAC/D;CACA,MAAM,cAAc,GAAG,QAAQ,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC;CAC9D,MAAM,sBAAsB,GAAG,QAAQ,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;CAC1I,OAAuB,qBAAK,QAAQ;EAAE,MAAM;EAAG,KAAK;EAAK,UAAU,CACjD,oBAAI,IAAI,EAAE,UAAU,QAAQ,CAAC,GAC7B,oBAAI,QAAQ;GAAE,OAAO;GAAQ,KAAK;GAAK,WAAW,YAAY,kBAAkB,sBAAsB,aAAa,KAChI,UAAU;IACT,OAAuB,qBAAK,QAAQ;KAAE,OAAO;KAAQ,OAAO;KAAU,UAAU;MAC9D,oBAAI,QAAQ;OAAE,OAAO;OAAO,UAA0B,qBAAK,IAAI;QAAE,MAAM;QAAK,UAAU,CACpG,KACA,KACF;OAAE,CAAC;MAAE,CAAC;MACU,oBAAI,QAAQ;OAAE,OAAO;OAAO,UAA0B,qBAAK,IAAI;QAAE,MAAM;QAAK,UAAU,CACpG,OAAO,QAAQ,KACf,IACF;OAAE,CAAC;MAAE,CAAC;MACU,oBACd,QACA;OACE,MAAM,OAAO,QAAQ;OACrB,iBAAiB;OACjB,GAAG,YAAY,mBAAmB;QAChC,iBAAiB;QACjB,MAAM,CAAC,OAAO,oBAAoB,MAC/B,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC,OAAO,WAAW,KAAK,CAC1D,KAAK,QAAQ;OACf;OACA,GAAG,YAAY,YAAY;QACzB,MAAM,UAAU,KAAK,QAAQ;QAC7B,cAAc,OAAO,QAAQ;OAC/B;MACF,CACF;KACF;IAAE,GAAG,KAAK;GACZ,CACF;EAAE,CAAC,CACL;CAAE,CAAC;AACL"}

package/dist/esm/TokensDemo.native.js

@@ -1,109 +1,109 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { getConfig } from "@tamagui/core";
 import React from "react";
 import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from "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] = React.useState("size");
-  return /* @__PURE__ */_jsxs(YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(XGroup, {
-      items: "center",
-      self: "center",
-      children: sections.map(function (param) {
-        var {
-          name,
-          key
-        } = param;
-        return /* @__PURE__ */_jsx(XGroup.Item, {
-          children: /* @__PURE__ */_jsx(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__ */_jsx(SizeSection, {
-      section
-    })]
-  });
+	var [section, setSection] = React.useState("size");
+	return /* @__PURE__ */ jsxs(YStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(XGroup, {
+			items: "center",
+			self: "center",
+			children: sections.map(function(param) {
+				var { name, key } = param;
+				return /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(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__ */ jsx(SizeSection, { section })]
+	});
 }
 function SizeSection(param) {
-  var {
-    section
-  } = param;
-  var allTokens = 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__ */_jsxs(YStack, {
-    flex: 1,
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(H2, {
-      children: "Sizes"
-    }), /* @__PURE__ */_jsx(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__ */_jsxs(XStack, {
-          width: "100%",
-          items: "center",
-          children: [/* @__PURE__ */_jsx(YStack, {
-            width: "25%",
-            children: /* @__PURE__ */_jsxs(H3, {
-              size: "$6",
-              children: ["$", token]
-            })
-          }), /* @__PURE__ */_jsx(YStack, {
-            width: "20%",
-            children: /* @__PURE__ */_jsxs(H4, {
-              size: "$5",
-              children: [(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px"]
-            })
-          }), /* @__PURE__ */_jsx(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 = 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__ */ jsxs(YStack, {
+		flex: 1,
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(H2, { children: "Sizes" }), /* @__PURE__ */ jsx(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__ */ jsxs(XStack, {
+					width: "100%",
+					items: "center",
+					children: [
+						/* @__PURE__ */ jsx(YStack, {
+							width: "25%",
+							children: /* @__PURE__ */ jsxs(H3, {
+								size: "6",
+								children: ["$", token]
+							})
+						}),
+						/* @__PURE__ */ jsx(YStack, {
+							width: "20%",
+							children: /* @__PURE__ */ jsxs(H4, {
+								size: "5",
+								children: [(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px"]
+							})
+						}),
+						/* @__PURE__ */ jsx(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);
+			})
+		})]
+	});
 }
+
 export { TokensDemo };
 //# sourceMappingURL=TokensDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","param","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TokensDemo.native.js","names":[],"sources":["esm/TokensDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { getConfig } from \"@tamagui/core\";\nimport React from \"react\";\nimport { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from \"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] = React.useState(\"size\");\n  return /* @__PURE__ */ _jsxs(YStack, {\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(XGroup, {\n        items: \"center\",\n        self: \"center\",\n        children: sections.map(function(param) {\n          var { name, key } = param;\n          return /* @__PURE__ */ _jsx(XGroup.Item, {\n            children: /* @__PURE__ */ _jsx(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__ */ _jsx(SizeSection, {\n        section\n      })\n    ]\n  });\n}\nfunction SizeSection(param) {\n  var { section } = param;\n  var allTokens = 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__ */ _jsxs(YStack, {\n    flex: 1,\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(H2, {\n        children: \"Sizes\"\n      }),\n      /* @__PURE__ */ _jsx(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__ */ _jsxs(XStack, {\n            width: \"100%\",\n            items: \"center\",\n            children: [\n              /* @__PURE__ */ _jsx(YStack, {\n                width: \"25%\",\n                children: /* @__PURE__ */ _jsxs(H3, {\n                  size: \"6\",\n                  children: [\n                    \"$\",\n                    token\n                  ]\n                })\n              }),\n              /* @__PURE__ */ _jsx(YStack, {\n                width: \"20%\",\n                children: /* @__PURE__ */ _jsxs(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__ */ _jsx(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}\nexport {\n  TokensDemo\n};\n//# sourceMappingURL=TokensDemo.js.map\n"],"mappings":"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"}