@tamagui/demos 1.89.25 → 1.89.27-1708112217600

package/dist/jsx/ProgressDemo.native.js

@@ -1,54 +1,109 @@
 import { useEffect, useState } from "react";
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function ProgressDemo() {
-  const [size, setSize] = useState(4), [progress, setProgress] = useState(20), sizeProp = `$${size}`;
-  return useEffect(() => {
-    const timer = setTimeout(() => setProgress(60), 1e3);
-    return () => {
+  var _useState = _sliced_to_array(useState(4), 2), size = _useState[0], setSize = _useState[1], _useState1 = _sliced_to_array(useState(20), 2), progress = _useState1[0], setProgress = _useState1[1], sizeProp = "$".concat(size);
+  return useEffect(function() {
+    var timer = setTimeout(function() {
+      return setProgress(60);
+    }, 1e3);
+    return function() {
       clearTimeout(timer);
     };
-  }, []), /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(YStack, { height: 60, alignItems: "center", space: !0, children: [
-      /* @__PURE__ */ jsxs(Paragraph, { height: 30, opacity: 0.5, children: [
-        "Size: ",
-        size
-      ] }),
-      /* @__PURE__ */ jsx(Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ jsx(Progress.Indicator, { animation: "bouncy" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      XStack,
-      {
-        alignItems: "center",
-        space: !0,
-        position: "absolute",
-        bottom: "$3",
-        left: "$4",
-        $xxs: { display: "none" },
-        children: [
-          /* @__PURE__ */ jsxs(
-            Slider,
-            {
-              size: "$2",
-              width: 130,
-              defaultValue: [4],
-              min: 2,
-              max: 6,
-              step: 1,
-              onValueChange: ([val]) => {
-                setSize(val);
-              },
-              children: [
-                /* @__PURE__ */ jsx(Slider.Track, { borderWidth: 1, borderColor: "$color5", children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
-                /* @__PURE__ */ jsx(Slider.Thumb, { circular: !0, index: 0 })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
-        ]
-      }
-    )
-  ] });
+  }, []), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(YStack, {
+    height: 60,
+    alignItems: "center",
+    space: !0
+  }, /* @__PURE__ */ React.createElement(Paragraph, {
+    height: 30,
+    opacity: 0.5
+  }, "Size: ", size), /* @__PURE__ */ React.createElement(Progress, {
+    size: sizeProp,
+    value: progress
+  }, /* @__PURE__ */ React.createElement(Progress.Indicator, {
+    animation: "bouncy"
+  }))), /* @__PURE__ */ React.createElement(XStack, {
+    alignItems: "center",
+    space: !0,
+    position: "absolute",
+    bottom: "$3",
+    left: "$4",
+    $xxs: {
+      display: "none"
+    }
+  }, /* @__PURE__ */ React.createElement(Slider, {
+    size: "$2",
+    width: 130,
+    defaultValue: [
+      4
+    ],
+    min: 2,
+    max: 6,
+    step: 1,
+    onValueChange: function(param) {
+      var _param = _sliced_to_array(param, 1), val = _param[0];
+      setSize(val);
+    }
+  }, /* @__PURE__ */ React.createElement(Slider.Track, {
+    borderWidth: 1,
+    borderColor: "$color5"
+  }, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(Slider.Thumb, {
+    circular: !0,
+    index: 0
+  })), /* @__PURE__ */ React.createElement(Button, {
+    size: "$2",
+    onPress: function() {
+      return setProgress(function(prev) {
+        return (prev + 20) % 100;
+      });
+    }
+  }, "Load")));
 }
 export {
   ProgressDemo

package/dist/jsx/ProgressDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ProgressDemo.tsx"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AAehE,mBAMM,KAJF,YAFJ;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAS,MAAM,UAAU,OAAO,UAC/B,8BAAC,SAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ProgressDemo.tsx"],
+  "mappings": "AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAwBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BQ,OAAiBR,UAAAA,CAAAA,GAAXS,UAAWT,UAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAlCU,WAAyBV,WAAAA,CAAAA,GAAfW,cAAeX,WAAAA,CAAAA,GAC1BY,WAAY,IAAQ,OAALJ,IAAAA;AAErBT,mBAAU,WAAA;AACR,QAAMc,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACP,QAAAA;IAAOU,QAAQ;IAAIC,YAAW;IAASC,OAAAA;KACtC,sBAAA,cAAChB,WAAAA;IAAUc,QAAQ;IAAIG,SAAS;KAAK,UAC5BX,IAAAA,GAET,sBAAA,cAACL,UAAAA;IAASK,MAAMI;IAAUQ,OAAOV;KAC/B,sBAAA,cAACP,SAASkB,WAAS;IAACC,WAAU;QAIlC,sBAAA,cAACjB,QAAAA;IACCY,YAAW;IACXC,OAAAA;IACAK,UAAS;IACTC,QAAO;IACPC,MAAK;IACLC,MAAM;MAAEC,SAAS;IAAO;KAExB,sBAAA,cAACvB,QAAAA;IACCI,MAAK;IACLoB,OAAO;IACPC,cAAc;MAAC;;IACfC,KAAK;IACLC,KAAK;IACLC,MAAM;IACNC,eAAe,SAAA,OAAA;+CAAEC,MAAAA,OAAAA,CAAAA;AACfzB,cAAQyB,GAAAA;IACV;KAEA,sBAAA,cAAC9B,OAAO+B,OAAK;IAACC,aAAa;IAAGC,aAAY;KACxC,sBAAA,cAACjC,OAAOkC,aAAW,IAAA,CAAA,GAErB,sBAAA,cAAClC,OAAOmC,OAAK;IAACC,UAAAA;IAASC,OAAO;OAGhC,sBAAA,cAACxC,QAAAA;IAAOO,MAAK;IAAKkC,SAAS,WAAA;aAAM/B,YAAY,SAACgC,MAAAA;gBAAUA,OAAO,MAAM;;;KAAM,MAAA,CAAA,CAAA;AAMnF;",
+  "names": ["useEffect", "useState", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "space", "opacity", "value", "Indicator", "animation", "position", "bottom", "left", "$xxs", "display", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "onPress", "prev"]
 }

package/dist/jsx/RadioGroupDemo.native.js

@@ -1,18 +1,41 @@
 import { Label, RadioGroup, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function RadioGroupDemo() {
-  return /* @__PURE__ */ jsx(RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { width: 300, alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
-    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
-    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
-  ] }) });
+  return /* @__PURE__ */ React.createElement(RadioGroup, {
+    "aria-labelledby": "Select one item",
+    defaultValue: "3",
+    name: "form"
+  }, /* @__PURE__ */ React.createElement(YStack, {
+    width: 300,
+    alignItems: "center",
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
+    size: "$3",
+    value: "2",
+    label: "Second value"
+  }), /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
+    size: "$4",
+    value: "3",
+    label: "Third value"
+  }), /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
+    size: "$5",
+    value: "4",
+    label: "Fourth value"
+  })));
 }
 function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", space: "$4", children: [
-    /* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),
-    /* @__PURE__ */ jsx(Label, { size: props.size, htmlFor: id, children: props.label })
-  ] });
+  var id = "radiogroup-".concat(props.value);
+  return /* @__PURE__ */ React.createElement(XStack, {
+    width: 300,
+    alignItems: "center",
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(RadioGroup.Item, {
+    value: props.value,
+    id,
+    size: props.size
+  }, /* @__PURE__ */ React.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React.createElement(Label, {
+    size: props.size,
+    htmlFor: id
+  }, props.label));
 }
 export {
   RadioGroupDemo,

package/dist/jsx/RadioGroupDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/RadioGroupDemo.tsx"],
-  "mappings": "AACA,SAAS,OAAO,YAAY,QAAQ,cAAc;AAK5C,SACE,KADF;AAHC,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,+BAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupDemo.tsx"],
+  "mappings": "AACA,SAASA,OAAOC,YAAYC,QAAQC,cAAc;AAE3C,SAASC,iBAAAA;AACd,SACE,sBAAA,cAACH,YAAAA;IAAWI,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;KAClE,sBAAA,cAACJ,QAAAA;IAAOK,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACC,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;MACnD,sBAAA,cAACH,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;MACnD,sBAAA,cAACH,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAM,cAAyB,OAAZD,MAAMF,KAAK;AACpC,SACE,sBAAA,cAACX,QAAAA;IAAOM,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACT,WAAWgB,MAAI;IAACJ,OAAOE,MAAMF;IAAOG;IAAQJ,MAAMG,MAAMH;KACvD,sBAAA,cAACX,WAAWiB,WAAS,IAAA,CAAA,GAGvB,sBAAA,cAAClB,OAAAA;IAAMY,MAAMG,MAAMH;IAAMO,SAASH;KAC/BD,MAAMD,KAAK,CAAA;AAIpB;",
+  "names": ["Label", "RadioGroup", "XStack", "YStack", "RadioGroupDemo", "aria-labelledby", "defaultValue", "name", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "Item", "Indicator", "htmlFor"]
 }

package/dist/jsx/ReplaceThemeDemo.native.js

@@ -1,18 +1,56 @@
 import { addTheme, replaceTheme } from "@tamagui/theme";
 import { useState } from "react";
-import {
-  Button,
-  Square,
-  Theme,
-  XStack,
-  YStack,
-  useForceUpdate,
-  useIsomorphicLayoutEffect
-} from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function ReplaceThemeDemo() {
-  const [theme, setTheme] = useState(), update = useForceUpdate();
-  return useIsomorphicLayoutEffect(() => {
+  var _useState = _sliced_to_array(useState(), 2), theme = _useState[0], setTheme = _useState[1], update = useForceUpdate();
+  return useIsomorphicLayoutEffect(function() {
     addTheme({
       name: "mytheme",
       insertCSS: !0,
@@ -21,23 +59,27 @@ function ReplaceThemeDemo() {
         color2: "green"
       }
     }), setTheme("mytheme");
-  }, []), /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
-    /* @__PURE__ */ jsx(XStack, { gap: "$5", children: /* @__PURE__ */ jsx(Theme, { name: theme ?? null, children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onPress: () => {
-          replaceTheme({
-            name: "mytheme",
-            theme: {
-              color: "blue"
-            }
-          }), update();
-        },
-        children: "Replace theme to only have $color: blue"
-      }
-    )
-  ] });
+  }, []), /* @__PURE__ */ React.createElement(YStack, {
+    alignItems: "center",
+    space: !0
+  }, /* @__PURE__ */ React.createElement(XStack, {
+    gap: "$5"
+  }, /* @__PURE__ */ React.createElement(Theme, {
+    name: theme ?? null
+  }, /* @__PURE__ */ React.createElement(Square, {
+    borderRadius: "$8",
+    size: 100,
+    backgroundColor: "$color"
+  }))), /* @__PURE__ */ React.createElement(Button, {
+    onPress: function() {
+      replaceTheme({
+        name: "mytheme",
+        theme: {
+          color: "blue"
+        }
+      }), update();
+    }
+  }, "Replace theme to only have $color: blue"));
 }
 export {
   ReplaceThemeDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ReplaceThemeDemo.tsx"],
-  "mappings": "AAAA,SAAS,UAAU,oBAAoB;AACvC,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmBH,SAGM,KAHN;AAjBG,SAAS,mBAAmB;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,GAClC,SAAS,eAAe;AAE9B,mCAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,SAAS;AAAA,EACpB,GAAG,CAAC,CAAC,GAGH,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,wBAAC,UAAO,KAAI,MACV,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,uBAAa;AAAA,YACX,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ReplaceThemeDemo.tsx"],
+  "mappings": "AAAA,SAASA,UAAUC,oBAAoB;AACvC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASC,mBAAAA;AACd,MAA0BR,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBS,QAAmBT,UAAAA,CAAAA,GAAZU,WAAYV,UAAAA,CAAAA,GACpBW,SAASL,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPc,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLK,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAL,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAAA,cAACL,QAAAA;IAAOW,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACb,QAAAA;IAAOc,KAAI;KACV,sBAAA,cAACf,OAAAA;IAAMS,MAAMH,SAAS;KACpB,sBAAA,cAACP,QAAAA;IAAOiB,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;QAIzD,sBAAA,cAACpB,QAAAA;IACCqB,SAAS,WAAA;AACPvB,mBAAa;QACXa,MAAM;QACNH,OAAO;UACLK,OAAO;QACT;MACF,CAAA,GACAH,OAAAA;IACF;KACD,yCAAA,CAAA;AAKP;",
+  "names": ["addTheme", "replaceTheme", "useState", "Button", "Square", "Theme", "XStack", "YStack", "useForceUpdate", "useIsomorphicLayoutEffect", "ReplaceThemeDemo", "theme", "setTheme", "update", "name", "insertCSS", "color", "color2", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress"]
 }

package/dist/jsx/ScrollViewDemo.native.js

@@ -1,26 +1,48 @@
 import { Circle, ScrollView, Square, XStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function ScrollViewDemo() {
-  return /* @__PURE__ */ jsx(
-    ScrollView,
-    {
-      maxHeight: 250,
-      width: "75%",
-      backgroundColor: "$background",
-      padding: "$4",
-      borderRadius: "$4",
-      children: /* @__PURE__ */ jsxs(XStack, { flexWrap: "wrap", alignItems: "center", justifyContent: "center", children: [
-        /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$red9" }),
-        /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$orange9" }),
-        /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$yellow9" }),
-        /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$green9" }),
-        /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$blue9" }),
-        /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$purple9" }),
-        /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$pink9" }),
-        /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$red9" })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ React.createElement(ScrollView, {
+    maxHeight: 250,
+    width: "75%",
+    backgroundColor: "$background",
+    padding: "$4",
+    borderRadius: "$4"
+  }, /* @__PURE__ */ React.createElement(XStack, {
+    flexWrap: "wrap",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React.createElement(Square, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$red9"
+  }), /* @__PURE__ */ React.createElement(Circle, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$orange9"
+  }), /* @__PURE__ */ React.createElement(Square, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$yellow9"
+  }), /* @__PURE__ */ React.createElement(Circle, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$green9"
+  }), /* @__PURE__ */ React.createElement(Square, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$blue9"
+  }), /* @__PURE__ */ React.createElement(Circle, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$purple9"
+  }), /* @__PURE__ */ React.createElement(Square, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$pink9"
+  }), /* @__PURE__ */ React.createElement(Circle, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$red9"
+  })));
 }
 export {
   ScrollViewDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ScrollViewDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAW7C,SACE,KADF;AATC,SAAS,iBAAiB;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAM;AAAA,MACN,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MAEb,+BAAC,UAAO,UAAS,QAAO,YAAW,UAAS,gBAAe,UACzD;AAAA,4BAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,QACvD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,WAAU;AAAA,QACzD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,QACxD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,QACxD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,SACzD;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ScrollViewDemo.tsx"],
+  "mappings": "AAAA,SAASA,QAAQC,YAAYC,QAAQC,cAAc;AAE5C,SAASC,iBAAAA;AACd,SACE,sBAAA,cAACH,YAAAA;IACCI,WAAW;IACXC,OAAM;IACNC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;KAEb,sBAAA,cAACN,QAAAA;IAAOO,UAAS;IAAOC,YAAW;IAASC,gBAAe;KACzD,sBAAA,cAACV,QAAAA;IAAOW,QAAO;IAAKC,MAAM;IAAKP,iBAAgB;MAC/C,sBAAA,cAACP,QAAAA;IAAOa,QAAO;IAAKC,MAAM;IAAKP,iBAAgB;MAC/C,sBAAA,cAACL,QAAAA;IAAOW,QAAO;IAAKC,MAAM;IAAKP,iBAAgB;MAC/C,sBAAA,cAACP,QAAAA;IAAOa,QAAO;IAAKC,MAAM;IAAKP,iBAAgB;MAC/C,sBAAA,cAACL,QAAAA;IAAOW,QAAO;IAAKC,MAAM;IAAKP,iBAAgB;MAC/C,sBAAA,cAACP,QAAAA;IAAOa,QAAO;IAAKC,MAAM;IAAKP,iBAAgB;MAC/C,sBAAA,cAACL,QAAAA;IAAOW,QAAO;IAAKC,MAAM;IAAKP,iBAAgB;MAC/C,sBAAA,cAACP,QAAAA;IAAOa,QAAO;IAAKC,MAAM;IAAKP,iBAAgB;;AAIvD;",
+  "names": ["Circle", "ScrollView", "Square", "XStack", "ScrollViewDemo", "maxHeight", "width", "backgroundColor", "padding", "borderRadius", "flexWrap", "alignItems", "justifyContent", "margin", "size"]
 }