@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/ReplaceThemeDemo.mjs

@@ -2,46 +2,46 @@ import React from "react";
 import { addTheme, replaceTheme } from "@tamagui/theme";
 import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function ReplaceThemeDemo() {
-  const [theme, setTheme] = React.useState();
-  const update = useForceUpdate();
-  useIsomorphicLayoutEffect(() => {
-    addTheme({
-      name: "mytheme",
-      insertCSS: true,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    });
-    setTheme("mytheme");
-  }, []);
-  return /* @__PURE__ */jsxs(YStack, {
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(XStack, {
-      gap: "$5",
-      children: /* @__PURE__ */jsx(Theme, {
-        name: theme ?? null,
-        children: /* @__PURE__ */jsx(Square, {
-          rounded: "$8",
-          size: 100,
-          bg: "$color"
-        })
-      })
-    }), /* @__PURE__ */jsx(Button, {
-      onPress: () => {
-        replaceTheme({
-          name: "mytheme",
-          theme: {
-            color: "blue"
-          }
-        });
-        update();
-      },
-      children: "Replace theme to only have $color: blue"
-    })]
-  });
+	const [theme, setTheme] = React.useState();
+	const update = useForceUpdate();
+	useIsomorphicLayoutEffect(() => {
+		addTheme({
+			name: "mytheme",
+			insertCSS: true,
+			theme: {
+				color: "red",
+				color2: "green"
+			}
+		});
+		setTheme("mytheme");
+	}, []);
+	return /* @__PURE__ */ jsxs(YStack, {
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(XStack, {
+			gap: "5",
+			children: /* @__PURE__ */ jsx(Theme, {
+				name: theme ?? null,
+				children: /* @__PURE__ */ jsx(Square, {
+					rounded: "8",
+					bg: "color",
+					size: 100
+				})
+			})
+		}), /* @__PURE__ */ jsx(Button, {
+			onPress: () => {
+				replaceTheme({
+					name: "mytheme",
+					theme: { color: "blue" }
+				});
+				update();
+			},
+			children: "Replace theme to only have color: blue"
+		})]
+	});
 }
+
 export { ReplaceThemeDemo };
 //# sourceMappingURL=ReplaceThemeDemo.mjs.map

package/dist/esm/ReplaceThemeDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","jsx","jsxs","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,EAAUC,YAAA,QAAoB;AAEvC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,cAAA,EACAC,yBAAA,QACK;AAmBH,SAGMC,GAAA,EAHNC,IAAA;AAjBG,SAASC,iBAAA,EAAmB;EACjC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAId,KAAA,CAAMe,QAAA,CAAc;EAC9C,MAAMC,MAAA,GAASR,cAAA,CAAe;EAE9BC,yBAAA,CAA0B,MAAM;IAC9BR,QAAA,CAAS;MACPgB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXL,KAAA,EAAO;QACLM,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF,CAAC;IACDN,QAAA,CAAS,SAAS;EACpB,GAAG,EAAE;EAEL,OACE,eAAAH,IAAA,CAACJ,MAAA;IAAOc,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAb,GAAA,CAACJ,MAAA;MAAOgB,GAAA,EAAI;MACVC,QAAA,iBAAAb,GAAA,CAACL,KAAA;QAAMY,IAAA,EAAMJ,KAAA,IAAS;QACpBU,QAAA,iBAAAb,GAAA,CAACN,MAAA;UAAOoB,OAAA,EAAQ;UAAKC,IAAA,EAAM;UAAKC,EAAA,EAAG;QAAA,CAAS;MAAA,CAC9C;IAAA,CACF,GAEA,eAAAhB,GAAA,CAACP,MAAA;MACCwB,OAAA,EAASA,CAAA,KAAM;QACbzB,YAAA,CAAa;UACXe,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLM,KAAA,EAAO;UACT;QACF,CAAC;QACDH,MAAA,CAAO;MACT;MACDO,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"ReplaceThemeDemo.js","names":[],"sources":["esm/ReplaceThemeDemo.js"],"sourcesContent":["import React from \"react\";\nimport { addTheme, replaceTheme } from \"@tamagui/theme\";\nimport {\n  Button,\n  Square,\n  Theme,\n  XStack,\n  YStack,\n  useForceUpdate,\n  useIsomorphicLayoutEffect\n} from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction ReplaceThemeDemo() {\n  const [theme, setTheme] = React.useState();\n  const update = useForceUpdate();\n  useIsomorphicLayoutEffect(() => {\n    addTheme({\n      name: \"mytheme\",\n      insertCSS: true,\n      theme: {\n        color: \"red\",\n        color2: \"green\"\n      }\n    });\n    setTheme(\"mytheme\");\n  }, []);\n  return /* @__PURE__ */ jsxs(YStack, { items: \"center\", gap: \"4\", children: [\n    /* @__PURE__ */ jsx(XStack, { gap: \"5\", children: /* @__PURE__ */ jsx(Theme, { name: theme ?? null, children: /* @__PURE__ */ jsx(Square, { rounded: \"8\", bg: \"color\", size: 100 }) }) }),\n    /* @__PURE__ */ jsx(\n      Button,\n      {\n        onPress: () => {\n          replaceTheme({\n            name: \"mytheme\",\n            theme: {\n              color: \"blue\"\n            }\n          });\n          update();\n        },\n        children: \"Replace theme to only have color: blue\"\n      }\n    )\n  ] });\n}\nexport {\n  ReplaceThemeDemo\n};\n//# sourceMappingURL=ReplaceThemeDemo.js.map\n"],"mappings":";;;;;;AAYA,SAAS,mBAAmB;CAC1B,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS;CACzC,MAAM,SAAS,eAAe;CAC9B,gCAAgC;EAC9B,SAAS;GACP,MAAM;GACN,WAAW;GACX,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF,CAAC;EACD,SAAS,SAAS;CACpB,GAAG,CAAC,CAAC;CACL,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAU,KAAK;EAAK,UAAU,CACzD,oBAAI,QAAQ;GAAE,KAAK;GAAK,UAA0B,oBAAI,OAAO;IAAE,MAAM,SAAS;IAAM,UAA0B,oBAAI,QAAQ;KAAE,SAAS;KAAK,IAAI;KAAS,MAAM;IAAI,CAAC;GAAE,CAAC;EAAE,CAAC,GACxK,oBACd,QACA;GACE,eAAe;IACb,aAAa;KACX,MAAM;KACN,OAAO,EACL,OAAO,OACT;IACF,CAAC;IACD,OAAO;GACT;GACA,UAAU;EACZ,CACF,CACF;CAAE,CAAC;AACL"}

package/dist/esm/ReplaceThemeDemo.native.js

@@ -1,47 +1,47 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { addTheme, replaceTheme } from "@tamagui/theme";
 import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
+
 function ReplaceThemeDemo() {
-  var [theme, setTheme] = React.useState();
-  var update = useForceUpdate();
-  useIsomorphicLayoutEffect(function () {
-    addTheme({
-      name: "mytheme",
-      insertCSS: true,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    });
-    setTheme("mytheme");
-  }, []);
-  return /* @__PURE__ */_jsxs(YStack, {
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(XStack, {
-      gap: "$5",
-      children: /* @__PURE__ */_jsx(Theme, {
-        name: theme !== null && theme !== void 0 ? theme : null,
-        children: /* @__PURE__ */_jsx(Square, {
-          rounded: "$8",
-          size: 100,
-          bg: "$color"
-        })
-      })
-    }), /* @__PURE__ */_jsx(Button, {
-      onPress: function () {
-        replaceTheme({
-          name: "mytheme",
-          theme: {
-            color: "blue"
-          }
-        });
-        update();
-      },
-      children: "Replace theme to only have $color: blue"
-    })]
-  });
+	var [theme, setTheme] = React.useState();
+	var update = useForceUpdate();
+	useIsomorphicLayoutEffect(function() {
+		addTheme({
+			name: "mytheme",
+			insertCSS: true,
+			theme: {
+				color: "red",
+				color2: "green"
+			}
+		});
+		setTheme("mytheme");
+	}, []);
+	return /* @__PURE__ */ jsxs(YStack, {
+		items: "center",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(XStack, {
+			gap: "5",
+			children: /* @__PURE__ */ jsx(Theme, {
+				name: theme !== null && theme !== void 0 ? theme : null,
+				children: /* @__PURE__ */ jsx(Square, {
+					rounded: "8",
+					bg: "color",
+					size: 100
+				})
+			})
+		}), /* @__PURE__ */ jsx(Button, {
+			onPress: function() {
+				replaceTheme({
+					name: "mytheme",
+					theme: { color: "blue" }
+				});
+				update();
+			},
+			children: "Replace theme to only have color: blue"
+		})]
+	});
 }
+
 export { ReplaceThemeDemo };
 //# sourceMappingURL=ReplaceThemeDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAU;AAEnB,SAAAC,QAAA,EAAAC,YAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,SACAC,iBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAZ,KAAA,CAAAa,QAAA;EACA,IAAAC,MAAA,GAAAN,cAAA;EACAC,yBAAA;IACAR,QAAA;MACAc,IAAA;MAAAC,SACK;MAmBHL,KAGM;QApBHM,KAAS;QACRC,MAAC,EAAO;MACd;IAEA;IACEN,QAAA,CAAS;EAAA,KACP;EAAM,OACN,eAAWb,KAAA,CAAAQ,MAAA;IAAAY,KACX,UAAO;IAAAC,GAAA,EACL;IAAOC,QACP,GACF,eAAAxB,IAAA,CAAAS,MAAA;MACDc,GAAA;MACDC,QAAS,iBAASxB,IAAA,CAAAQ,KAAA;QACfU,IAAA,EAAAJ,KAAA,aAAAA,KAAA,cAAAA,KAAA;QAGHU,QAAA,iBAACxB,IAAO,CAAAO,MAAM;UACZkB,OAAA,MAAC;UAMDC,IAAA;UAACC,EAAA;QAAA;MACC;IACE,IAAa,eACL3B,IAAA,CAAAM,MAAA;MAAAsB,OACN,WAAAA,CAAA,EAAO;QAAAvB,YACE;UACTa,IAAA;UACDJ,KAAA;YACDM,KAAO;UACT;QACD;QAAAH,MAAA;MAED;MACFO,QAAA;IAEJ","ignoreList":[]}
+{"version":3,"file":"ReplaceThemeDemo.native.js","names":[],"sources":["esm/ReplaceThemeDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { addTheme, replaceTheme } from \"@tamagui/theme\";\nimport { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from \"tamagui\";\nfunction ReplaceThemeDemo() {\n  var [theme, setTheme] = React.useState();\n  var update = useForceUpdate();\n  useIsomorphicLayoutEffect(function() {\n    addTheme({\n      name: \"mytheme\",\n      insertCSS: true,\n      theme: {\n        color: \"red\",\n        color2: \"green\"\n      }\n    });\n    setTheme(\"mytheme\");\n  }, []);\n  return /* @__PURE__ */ _jsxs(YStack, {\n    items: \"center\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(XStack, {\n        gap: \"5\",\n        children: /* @__PURE__ */ _jsx(Theme, {\n          name: theme !== null && theme !== void 0 ? theme : null,\n          children: /* @__PURE__ */ _jsx(Square, {\n            rounded: \"8\",\n            bg: \"color\",\n            size: 100\n          })\n        })\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        onPress: function() {\n          replaceTheme({\n            name: \"mytheme\",\n            theme: {\n              color: \"blue\"\n            }\n          });\n          update();\n        },\n        children: \"Replace theme to only have color: blue\"\n      })\n    ]\n  });\n}\nexport {\n  ReplaceThemeDemo\n};\n//# sourceMappingURL=ReplaceThemeDemo.js.map\n"],"mappings":";;;;;;AAIA,SAAS,mBAAmB;CAC1B,IAAI,CAAC,OAAO,YAAY,MAAM,SAAS;CACvC,IAAI,SAAS,eAAe;CAC5B,0BAA0B,WAAW;EACnC,SAAS;GACP,MAAM;GACN,WAAW;GACX,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF,CAAC;EACD,SAAS,SAAS;CACpB,GAAG,CAAC,CAAC;CACL,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,KAAK;EACL,UAAU,CACQ,oBAAK,QAAQ;GAC3B,KAAK;GACL,UAA0B,oBAAK,OAAO;IACpC,MAAM,UAAU,QAAQ,UAAU,KAAK,IAAI,QAAQ;IACnD,UAA0B,oBAAK,QAAQ;KACrC,SAAS;KACT,IAAI;KACJ,MAAM;IACR,CAAC;GACH,CAAC;EACH,CAAC,GACe,oBAAK,QAAQ;GAC3B,SAAS,WAAW;IAClB,aAAa;KACX,MAAM;KACN,OAAO,EACL,OAAO,OACT;IACF,CAAC;IACD,OAAO;GACT;GACA,UAAU;EACZ,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/ScrollViewDemo.mjs

@@ -1,51 +1,62 @@
 import { Circle, ScrollView, Square, XStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function ScrollViewDemo() {
-  return /* @__PURE__ */jsx(ScrollView, {
-    maxH: 250,
-    width: "75%",
-    bg: "$background",
-    p: "$4",
-    rounded: "$4",
-    children: /* @__PURE__ */jsxs(XStack, {
-      flexWrap: "wrap",
-      items: "center",
-      justify: "center",
-      children: [/* @__PURE__ */jsx(Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color5"
-      }), /* @__PURE__ */jsx(Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color6"
-      }), /* @__PURE__ */jsx(Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color7"
-      }), /* @__PURE__ */jsx(Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color8"
-      }), /* @__PURE__ */jsx(Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color9"
-      }), /* @__PURE__ */jsx(Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color10"
-      }), /* @__PURE__ */jsx(Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color11"
-      }), /* @__PURE__ */jsx(Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color12"
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(ScrollView, {
+		maxH: 250,
+		width: "75%",
+		bg: "background",
+		p: "4",
+		rounded: "4",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			flexWrap: "wrap",
+			items: "center",
+			justify: "center",
+			children: [
+				/* @__PURE__ */ jsx(Square, {
+					m: "4",
+					bg: "color5",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Circle, {
+					m: "4",
+					bg: "color6",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Square, {
+					m: "4",
+					bg: "color7",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Circle, {
+					m: "4",
+					bg: "color8",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Square, {
+					m: "4",
+					bg: "color9",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Circle, {
+					m: "4",
+					bg: "color10",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Square, {
+					m: "4",
+					bg: "color11",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Circle, {
+					m: "4",
+					bg: "color12",
+					size: 120
+				})
+			]
+		})
+	});
 }
+
 export { ScrollViewDemo };
 //# sourceMappingURL=ScrollViewDemo.mjs.map

package/dist/esm/ScrollViewDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Circle","ScrollView","Square","XStack","jsx","jsxs","ScrollViewDemo","maxH","width","bg","p","rounded","children","flexWrap","items","justify","m","size"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,UAAA,EAAYC,MAAA,EAAQC,MAAA,QAAc;AAK7C,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAF,GAAA,CAACH,UAAA;IAAWM,IAAA,EAAM;IAAKC,KAAA,EAAM;IAAMC,EAAA,EAAG;IAAcC,CAAA,EAAE;IAAKC,OAAA,EAAQ;IACjEC,QAAA,iBAAAP,IAAA,CAACF,MAAA;MAAOU,QAAA,EAAS;MAAOC,KAAA,EAAM;MAASC,OAAA,EAAQ;MAC7CH,QAAA,kBAAAR,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAW,GACxC,eAAAL,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAW,GACxC,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAW;IAAA,CAC1C;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"ScrollViewDemo.js","names":[],"sources":["esm/ScrollViewDemo.js"],"sourcesContent":["import { Circle, ScrollView, Square, XStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction ScrollViewDemo() {\n  return /* @__PURE__ */ jsx(ScrollView, { maxH: 250, width: \"75%\", bg: \"background\", p: \"4\", rounded: \"4\", children: /* @__PURE__ */ jsxs(XStack, { flexWrap: \"wrap\", items: \"center\", justify: \"center\", children: [\n    /* @__PURE__ */ jsx(Square, { m: \"4\", bg: \"color5\", size: 120 }),\n    /* @__PURE__ */ jsx(Circle, { m: \"4\", bg: \"color6\", size: 120 }),\n    /* @__PURE__ */ jsx(Square, { m: \"4\", bg: \"color7\", size: 120 }),\n    /* @__PURE__ */ jsx(Circle, { m: \"4\", bg: \"color8\", size: 120 }),\n    /* @__PURE__ */ jsx(Square, { m: \"4\", bg: \"color9\", size: 120 }),\n    /* @__PURE__ */ jsx(Circle, { m: \"4\", bg: \"color10\", size: 120 }),\n    /* @__PURE__ */ jsx(Square, { m: \"4\", bg: \"color11\", size: 120 }),\n    /* @__PURE__ */ jsx(Circle, { m: \"4\", bg: \"color12\", size: 120 })\n  ] }) });\n}\nexport {\n  ScrollViewDemo\n};\n//# sourceMappingURL=ScrollViewDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,iBAAiB;CACxB,OAAuB,oBAAI,YAAY;EAAE,MAAM;EAAK,OAAO;EAAO,IAAI;EAAc,GAAG;EAAK,SAAS;EAAK,UAA0B,qBAAK,QAAQ;GAAE,UAAU;GAAQ,OAAO;GAAU,SAAS;GAAU,UAAU;IACjM,oBAAI,QAAQ;KAAE,GAAG;KAAK,IAAI;KAAU,MAAM;IAAI,CAAC;IAC/C,oBAAI,QAAQ;KAAE,GAAG;KAAK,IAAI;KAAU,MAAM;IAAI,CAAC;IAC/C,oBAAI,QAAQ;KAAE,GAAG;KAAK,IAAI;KAAU,MAAM;IAAI,CAAC;IAC/C,oBAAI,QAAQ;KAAE,GAAG;KAAK,IAAI;KAAU,MAAM;IAAI,CAAC;IAC/C,oBAAI,QAAQ;KAAE,GAAG;KAAK,IAAI;KAAU,MAAM;IAAI,CAAC;IAC/C,oBAAI,QAAQ;KAAE,GAAG;KAAK,IAAI;KAAW,MAAM;IAAI,CAAC;IAChD,oBAAI,QAAQ;KAAE,GAAG;KAAK,IAAI;KAAW,MAAM;IAAI,CAAC;IAChD,oBAAI,QAAQ;KAAE,GAAG;KAAK,IAAI;KAAW,MAAM;IAAI,CAAC;GAClE;EAAE,CAAC;CAAE,CAAC;AACR"}

package/dist/esm/ScrollViewDemo.native.js

@@ -1,51 +1,62 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Circle, ScrollView, Square, XStack } from "tamagui";
+
 function ScrollViewDemo() {
-  return /* @__PURE__ */_jsx(ScrollView, {
-    maxH: 250,
-    width: "75%",
-    bg: "$background",
-    p: "$4",
-    rounded: "$4",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      flexWrap: "wrap",
-      items: "center",
-      justify: "center",
-      children: [/* @__PURE__ */_jsx(Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color6"
-      }), /* @__PURE__ */_jsx(Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color8"
-      }), /* @__PURE__ */_jsx(Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color9"
-      }), /* @__PURE__ */_jsx(Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color10"
-      }), /* @__PURE__ */_jsx(Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color11"
-      }), /* @__PURE__ */_jsx(Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color12"
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(ScrollView, {
+		maxH: 250,
+		width: "75%",
+		bg: "background",
+		p: "4",
+		rounded: "4",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			flexWrap: "wrap",
+			items: "center",
+			justify: "center",
+			children: [
+				/* @__PURE__ */ jsx(Square, {
+					m: "4",
+					bg: "color5",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Circle, {
+					m: "4",
+					bg: "color6",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Square, {
+					m: "4",
+					bg: "color7",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Circle, {
+					m: "4",
+					bg: "color8",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Square, {
+					m: "4",
+					bg: "color9",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Circle, {
+					m: "4",
+					bg: "color10",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Square, {
+					m: "4",
+					bg: "color11",
+					size: 120
+				}),
+				/* @__PURE__ */ jsx(Circle, {
+					m: "4",
+					bg: "color12",
+					size: 120
+				})
+			]
+		})
+	});
 }
+
 export { ScrollViewDemo };
 //# sourceMappingURL=ScrollViewDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","ScrollView","Square","XStack","ScrollViewDemo","maxH","width","bg","p","rounded","children","flexWrap","items","justify"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAYC,KAAA,QAAQ,mBAAc;AAK7C,SACEC,MADF,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAP,IAAC,CAAAI,UAAA;IAEGI,IAAA;IACAC,KAAA;IACAC,EAAA;IACAC,CAAA;IACAC,OAAA;IACAC,QAAA,iBAACX,KAAO,CAAAI,MAAE,EAAK;MACfQ,QAAA;MACAC,KAAA;MACFC,OACF;MAEJH,QAAA,G","ignoreList":[]}
+{"version":3,"file":"ScrollViewDemo.native.js","names":[],"sources":["esm/ScrollViewDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Circle, ScrollView, Square, XStack } from \"tamagui\";\nfunction ScrollViewDemo() {\n  return /* @__PURE__ */ _jsx(ScrollView, {\n    maxH: 250,\n    width: \"75%\",\n    bg: \"background\",\n    p: \"4\",\n    rounded: \"4\",\n    children: /* @__PURE__ */ _jsxs(XStack, {\n      flexWrap: \"wrap\",\n      items: \"center\",\n      justify: \"center\",\n      children: [\n        /* @__PURE__ */ _jsx(Square, {\n          m: \"4\",\n          bg: \"color5\",\n          size: 120\n        }),\n        /* @__PURE__ */ _jsx(Circle, {\n          m: \"4\",\n          bg: \"color6\",\n          size: 120\n        }),\n        /* @__PURE__ */ _jsx(Square, {\n          m: \"4\",\n          bg: \"color7\",\n          size: 120\n        }),\n        /* @__PURE__ */ _jsx(Circle, {\n          m: \"4\",\n          bg: \"color8\",\n          size: 120\n        }),\n        /* @__PURE__ */ _jsx(Square, {\n          m: \"4\",\n          bg: \"color9\",\n          size: 120\n        }),\n        /* @__PURE__ */ _jsx(Circle, {\n          m: \"4\",\n          bg: \"color10\",\n          size: 120\n        }),\n        /* @__PURE__ */ _jsx(Square, {\n          m: \"4\",\n          bg: \"color11\",\n          size: 120\n        }),\n        /* @__PURE__ */ _jsx(Circle, {\n          m: \"4\",\n          bg: \"color12\",\n          size: 120\n        })\n      ]\n    })\n  });\n}\nexport {\n  ScrollViewDemo\n};\n//# sourceMappingURL=ScrollViewDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,iBAAiB;CACxB,OAAuB,oBAAK,YAAY;EACtC,MAAM;EACN,OAAO;EACP,IAAI;EACJ,GAAG;EACH,SAAS;EACT,UAA0B,qBAAM,QAAQ;GACtC,UAAU;GACV,OAAO;GACP,SAAS;GACT,UAAU;IACQ,oBAAK,QAAQ;KAC3B,GAAG;KACH,IAAI;KACJ,MAAM;IACR,CAAC;IACe,oBAAK,QAAQ;KAC3B,GAAG;KACH,IAAI;KACJ,MAAM;IACR,CAAC;IACe,oBAAK,QAAQ;KAC3B,GAAG;KACH,IAAI;KACJ,MAAM;IACR,CAAC;IACe,oBAAK,QAAQ;KAC3B,GAAG;KACH,IAAI;KACJ,MAAM;IACR,CAAC;IACe,oBAAK,QAAQ;KAC3B,GAAG;KACH,IAAI;KACJ,MAAM;IACR,CAAC;IACe,oBAAK,QAAQ;KAC3B,GAAG;KACH,IAAI;KACJ,MAAM;IACR,CAAC;IACe,oBAAK,QAAQ;KAC3B,GAAG;KACH,IAAI;KACJ,MAAM;IACR,CAAC;IACe,oBAAK,QAAQ;KAC3B,GAAG;KACH,IAAI;KACJ,MAAM;IACR,CAAC;GACH;EACF,CAAC;CACH,CAAC;AACH"}