@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/ToggleGroupDemo.native.js

@@ -1,125 +1,107 @@
 "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 ToggleGroupDemo_exports = {};
-__export(ToggleGroupDemo_exports, {
-  ToggleGroupDemo: () => ToggleGroupDemo
-});
+__export(ToggleGroupDemo_exports, { ToggleGroupDemo: () => ToggleGroupDemo });
 module.exports = __toCommonJS(ToggleGroupDemo_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 ToggleGroupDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    px: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      items: "center",
-      gap: "$10",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        items: "center",
-        gap: "$6",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
-          type: "single",
-          orientation: "horizontal"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
-          type: "multiple",
-          orientation: "horizontal"
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        items: "center",
-        gap: "$6",
-        y: -28,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
-          type: "single",
-          orientation: "vertical"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
-          type: "multiple",
-          orientation: "vertical"
-        })]
-      })]
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+		px: "4",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			items: "center",
+			gap: "10",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				items: "center",
+				gap: "6",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
+					type: "single",
+					orientation: "horizontal"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
+					type: "multiple",
+					orientation: "horizontal"
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+				items: "center",
+				gap: "6",
+				y: -28,
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
+					type: "single",
+					orientation: "vertical"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
+					type: "multiple",
+					orientation: "vertical"
+				})]
+			})]
+		})
+	});
 }
 function ToggleGroupComponent(props) {
-  var id = `switch-${props.type}`;
-  var Group = props.orientation === "horizontal" ? import_tamagui.XGroup : import_tamagui.YGroup;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    flexDirection: props.orientation === "horizontal" ? "row" : "column",
-    items: "center",
-    justify: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-      pr: "$0",
-      justify: "flex-end",
-      size: "$4",
-      htmlFor: id,
-      children: props.type === "single" ? "Single" : "Multiple"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
-      orientation: props.orientation,
-      id,
-      type: props.type,
-      disableDeactivation: props.type === "single" ? true : void 0,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Group, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
-            value: "left",
-            "aria-label": "Left aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignLeft, {
-              size: 16
-            })
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
-            value: "center",
-            "aria-label": "Center aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignCenter, {
-              size: 16
-            })
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
-            value: "right",
-            "aria-label": "Right aligned",
-            borderRadius: "$4",
-            activeStyle: {
-              backgroundColor: "$color5"
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignRight, {
-              size: 16
-            })
-          })
-        })]
-      })
-    })]
-  });
+	var id = `switch-${props.type}`;
+	var Group = props.orientation === "horizontal" ? import_tamagui.XGroup : import_tamagui.YGroup;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		flexDirection: props.orientation === "horizontal" ? "row" : "column",
+		items: "center",
+		justify: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+			pr: "0",
+			justify: "flex-end",
+			size: "4",
+			htmlFor: id,
+			children: props.type === "single" ? "Single" : "Multiple"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {
+			orientation: props.orientation,
+			id,
+			type: props.type,
+			disableDeactivation: props.type === "single" ? true : void 0,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
+					value: "left",
+					"aria-label": "Left aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignLeft, { size: 16 })
+				}) }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
+					value: "center",
+					"aria-label": "Center aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignCenter, { size: 16 })
+				}) }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
+					value: "right",
+					"aria-label": "Right aligned",
+					borderRadius: "4",
+					activeStyle: { backgroundColor: "color5" },
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignRight, { size: 16 })
+				}) })
+			] })
+		})]
+	});
 }
+
 //# sourceMappingURL=ToggleGroupDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_tamagui","jsx","YStack","px","children","jsxs","XStack","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","XGroup","YGroup","flexDirection","justify","Label","pr","size","htmlFor","ToggleGroup","disableDeactivation","Item","borderRadius"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmD,CAAAK,uBAAA;AACnD,IAAAK,kBAAmE,GAAAC,OAAA;AAM3D,IAAAC,qBAAA,GAAAD,OAAA;AAJD,IAAAE,cAAS,GAAAF,OAAkB;AAChC,SACEJ,gBAAA;EAEI,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,cAAA,CAAAE,MAAO;IACNC,EAAA;IAA6DC,QAC7D,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,cAAA,CAAqBM,MAAK;MAAoCC,KACjE;MACAC,GAAA;MACEJ,QAAA,GACA,mBAAAP,kBAAA,CAAAQ,IAAC,EAAAL,cAAA,CAAAE,MAAqB;QACxBK,KAAA;QAEJC,GAAA;QAEJJ,QAAA,GAES,iBAAqB,EAAAP,kBAG3B,CAAAI,GAAA,EAAAQ,oBAAA;UACUC,IAAA,UAAU;UACfC,WAAc;QAGlB,IAAC,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UAAAC,IAAA;UACCC,WAAe,EAAM;QACrB,CAAM;MAEN,IAEA,mBAAAd,kBAAA,CAAAQ,IAAA,EAAAL,cAAA,CAAAM,MAAA;QAAAC,KAAA;QAIAC,GAAA;QAACI,CAAA;QAAAR,QAAA,GACC,eAAa,IAAMP,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UACnBC,IAAA;UACAC,WAAY;QACZ,IAEA,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBACE;UAAAC,IAAA;UACEC,WAAC;QAAY;MACL;IAEO;EAC6B;AAErB;AAAA,SAAAF,oBAEzBA,CAAAI,KAAA;EAAA,IAAAC,EAAA,aAEAD,KAAA,CAAAH,IAAA;EACE,IAAAK,KAAA,GAAAF,KAAC,CAAAF,WAAA,iBAAY,GAAAX,cAAA,CAAAgB,MAAA,GAAAhB,cAAA,CAAAiB,MAAA;EAAA,sBAAZ,IAAApB,kBAAA,CAAAQ,IAAA,EAAAL,cAAA,CAAAM,MAAA;IAAAY,aAAA,EACCL,KAAA,CAAMF,WAAA;IAAAJ,KAAA,UACN;IAAWY,OAAA,UACX;IAAaX,GAAA;IAC6BJ,QAAA,GAEnB,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAoB,KAAA;MAAAC,EAAA,MACzB;MACFF,OAEA;MACEG,IAAA,MAAC;MAAYC,OAAA,EAAZT,EAAA;MAAAV,QAAA,EACCS,KAAA,CAAAH,IAAM;IAAA,IACK,eACX,IAAAb,kBAAa,CAAAI,GAAA,EAAAD,cAAA,CAAAwB,WAAA;MAAAb,WACb,EAAAE,KAAA,CAAAF,WAAe;MAA2BG,EAAA;MAEpBJ,IAAA,EAAAG,KAAA,CAAAH,IAAA;MAAAe,mBAE1B,EAAAZ,KAAA,CAAAH,IAAA;MAAAN,QACF,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAU,KAAA;QAAAX,QAAA,GACF,mBAAAP,kBAAA,CAAAI,GAAA,EAAAc,KAAA,CAAAW,IAAA;UAAAtB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAwB,WAAA,CAAAE,IAAA;YAAAnC,KAAA;YACF;YAEJoC,YAAA","ignoreList":[]}
+{"version":3,"file":"ToggleGroupDemo.native.js","names":[],"sources":["cjs/ToggleGroupDemo.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 ToggleGroupDemo_exports = {};\n__export(ToggleGroupDemo_exports, {\n  ToggleGroupDemo: () => ToggleGroupDemo\n});\nmodule.exports = __toCommonJS(ToggleGroupDemo_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 ToggleGroupDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    px: \"4\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n      items: \"center\",\n      gap: \"10\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n          items: \"center\",\n          gap: \"6\",\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {\n              type: \"single\",\n              orientation: \"horizontal\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {\n              type: \"multiple\",\n              orientation: \"horizontal\"\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n          items: \"center\",\n          gap: \"6\",\n          y: -28,\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {\n              type: \"single\",\n              orientation: \"vertical\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {\n              type: \"multiple\",\n              orientation: \"vertical\"\n            })\n          ]\n        })\n      ]\n    })\n  });\n}\nfunction ToggleGroupComponent(props) {\n  var id = `switch-${props.type}`;\n  var Group = props.orientation === \"horizontal\" ? import_tamagui.XGroup : import_tamagui.YGroup;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    flexDirection: props.orientation === \"horizontal\" ? \"row\" : \"column\",\n    items: \"center\",\n    justify: \"center\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {\n        pr: \"0\",\n        justify: \"flex-end\",\n        size: \"4\",\n        htmlFor: id,\n        children: props.type === \"single\" ? \"Single\" : \"Multiple\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup, {\n        orientation: props.orientation,\n        id,\n        type: props.type,\n        disableDeactivation: props.type === \"single\" ? true : void 0,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, {\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, {\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {\n                value: \"left\",\n                \"aria-label\": \"Left aligned\",\n                borderRadius: \"4\",\n                activeStyle: {\n                  backgroundColor: \"color5\"\n                },\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignLeft, {\n                  size: 16\n                })\n              })\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, {\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {\n                value: \"center\",\n                \"aria-label\": \"Center aligned\",\n                borderRadius: \"4\",\n                activeStyle: {\n                  backgroundColor: \"color5\"\n                },\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignCenter, {\n                  size: 16\n                })\n              })\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group.Item, {\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {\n                value: \"right\",\n                \"aria-label\": \"Right aligned\",\n                borderRadius: \"4\",\n                activeStyle: {\n                  backgroundColor: \"color5\"\n                },\n                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.AlignRight, {\n                  size: 16\n                })\n              })\n            })\n          ]\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=ToggleGroupDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/TokensDemo.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,125 +6,114 @@ 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_core = require("@tamagui/core");
 var import_react = __toESM(require("react"), 1);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("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] = 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(({
-        name,
-        key
-      }) => {
-        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: () => setSection(key),
-            children: name
-          })
-        }, key);
-      })
-    }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SizeSection, {
-      section
-    })]
-  });
+	const [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(({ name, key }) => {
+				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: () => setSection(key),
+					children: name
+				}) }, key);
+			})
+		}), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, { section })]
+	});
+}
+function SizeSection({ section }) {
+	const allTokens = (0, import_core.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__ */ (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((token) => {
+				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]?.val, "px"]
+							})
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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 = (0, import_core.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__ */(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(token => {
-        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]?.val, "px"]
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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);
-      })
-    })]
-  });
-}

package/dist/cjs/TokensDemo.native.cjs

@@ -0,0 +1,137 @@
+"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 TokensDemo_exports = {};
+__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`
+	}
+];
+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 })]
+	});
+}
+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);
+			})
+		})]
+	});
+}