@tamagui/demos 1.89.27 → 1.89.29

package/dist/cjs/PopoverDemo.native.js

@@ -19,7 +19,7 @@ __export(PopoverDemo_exports, {
   PopoverDemo: () => PopoverDemo
 });
 module.exports = __toCommonJS(PopoverDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -30,15 +30,30 @@ function _define_property(obj, key, value) {
 }
 function _object_spread(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
       return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys.forEach(function(key) {
+    }))), ownKeys2.forEach(function(key) {
       _define_property(target, key, source[key]);
     });
   }
   return target;
 }
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
 function _object_without_properties(source, excluded) {
   if (source == null)
     return {};
@@ -59,97 +74,134 @@ function _object_without_properties_loose(source, excluded) {
   return target;
 }
 function PopoverDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     space: "$2",
     flex: 1,
     justifyContent: "center",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(Demo, {
-    placement: "left",
-    Icon: import_lucide_icons.ChevronLeft,
-    Name: "left-popover"
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    placement: "bottom",
-    Icon: import_lucide_icons.ChevronDown,
-    Name: "bottom-popover"
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    placement: "top",
-    Icon: import_lucide_icons.ChevronUp,
-    Name: "top-popover"
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    placement: "right",
-    Icon: import_lucide_icons.ChevronRight,
-    Name: "right-popover"
-  }));
+    alignItems: "center",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+        placement: "left",
+        Icon: import_lucide_icons.ChevronLeft,
+        Name: "left-popover"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+        placement: "bottom",
+        Icon: import_lucide_icons.ChevronDown,
+        Name: "bottom-popover"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+        placement: "top",
+        Icon: import_lucide_icons.ChevronUp,
+        Name: "top-popover"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+        placement: "right",
+        Icon: import_lucide_icons.ChevronRight,
+        Name: "right-popover"
+      })
+    ]
+  });
 }
 function Demo(_param) {
   var Icon = _param.Icon, Name = _param.Name, props = _object_without_properties(_param, [
     "Icon",
     "Name"
   ]);
-  return /* @__PURE__ */ React.createElement(import_tamagui.Popover, _object_spread({
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, _object_spread_props(_object_spread({
     size: "$5",
     allowFlip: !0
-  }, props), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Trigger, {
-    asChild: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    icon: Icon
-  })), /* @__PURE__ */ React.createElement(import_tamagui.Adapt, {
-    when: "sm",
-    platform: "touch"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Popover.Sheet, {
-    modal: !0,
-    dismissOnSnapToBottom: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Popover.Sheet.Frame, {
-    padding: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Adapt.Contents, null)), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Sheet.Overlay, {
-    animation: "lazy",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    }
-  }))), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Content, {
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    enterStyle: {
-      y: -10,
-      opacity: 0
-    },
-    exitStyle: {
-      y: -10,
-      opacity: 0
-    },
-    elevate: !0,
-    animation: [
-      "quick",
-      {
-        opacity: {
-          overshootClamping: !0
-        }
-      }
+  }, props), {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+        asChild: !0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          icon: Icon
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
+        when: "sm",
+        platform: "touch",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, {
+          modal: !0,
+          dismissOnSnapToBottom: !0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, {
+              padding: "$4",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {
+              animation: "lazy",
+              enterStyle: {
+                opacity: 0
+              },
+              exitStyle: {
+                opacity: 0
+              }
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        enterStyle: {
+          y: -10,
+          opacity: 0
+        },
+        exitStyle: {
+          y: -10,
+          opacity: 0
+        },
+        elevate: !0,
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+            borderWidth: 1,
+            borderColor: "$borderColor"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            space: "$3",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                space: "$3",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+                    size: "$3",
+                    htmlFor: Name,
+                    children: "Name"
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+                    size: "$3",
+                    id: Name
+                  })
+                ]
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, {
+                asChild: !0,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                  size: "$3",
+                  onPress: function() {
+                  },
+                  children: (
+                    /* Custom code goes here, does not interfere with popover closure */
+                    "Submit"
+                  )
+                })
+              })
+            ]
+          })
+        ]
+      })
     ]
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Popover.Arrow, {
-    borderWidth: 1,
-    borderColor: "$borderColor"
-  }), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
-    size: "$3",
-    htmlFor: Name
-  }, "Name"), /* @__PURE__ */ React.createElement(import_tamagui.Input, {
-    size: "$3",
-    id: Name
-  })), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Close, {
-    asChild: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    size: "$3",
-    onPress: function() {
-    }
-  }, "Submit")))));
+  }));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/PopoverDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA,0BAAkE,kCAElE,iBAAqE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,SAASA,cAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAM;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;KAC7D,sBAAA,cAACC,MAAAA;IAAKC,WAAU;IAAOC,MAAMC;IAAaC,MAAK;MAC/C,sBAAA,cAACJ,MAAAA;IAAKC,WAAU;IAASC,MAAMG;IAAaD,MAAK;MACjD,sBAAA,cAACJ,MAAAA;IAAKC,WAAU;IAAMC,MAAMI;IAAWF,MAAK;MAC5C,sBAAA,cAACJ,MAAAA;IAAKC,WAAU;IAAQC,MAAMK;IAAcH,MAAK;;AAGvD;AAEO,SAASJ,KAAK,QAAA;MACnBE,OADmB,OACnBA,MACAE,OAFmB,OAEnBA,MACGI,QAAAA,2BAHgB,QAAA;IACnBN;IACAE;;AAGA,SACE,sBAAA,cAACK,wBAAAA,eAAAA;IAAQC,MAAK;IAAKC,WAAAA;KAAcH,KAAAA,GAC/B,sBAAA,cAACC,uBAAQG,SAAO;IAACC,SAAAA;KACf,sBAAA,cAACC,uBAAAA;IAAOC,MAAMb;OAGhB,sBAAA,cAACc,sBAAAA;IAAMC,MAAK;IAAKC,UAAS;KACxB,sBAAA,cAACT,uBAAQU,OAAK;IAACC,OAAAA;IAAMC,uBAAAA;KACnB,sBAAA,cAACZ,uBAAQU,MAAMG,OAAK;IAACC,SAAQ;KAC3B,sBAAA,cAACP,qBAAMQ,UAAQ,IAAA,CAAA,GAEjB,sBAAA,cAACf,uBAAQU,MAAMM,SAAO;IACpBC,WAAU;IACVC,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;QAK9B,sBAAA,cAACnB,uBAAQqB,SAAO;IACdC,aAAa;IACbC,aAAY;IACZL,YAAY;MAAEM,GAAG;MAAKL,SAAS;IAAE;IACjCC,WAAW;MAAEI,GAAG;MAAKL,SAAS;IAAE;IAChCM,SAAAA;IACAR,WAAW;MACT;MACA;QACEE,SAAS;UACPO,mBAAmB;QACrB;MACF;;KAGF,sBAAA,cAAC1B,uBAAQ2B,OAAK;IAACL,aAAa;IAAGC,aAAY;MAE3C,sBAAA,cAACK,uBAAAA;IAAOzC,OAAM;KACZ,sBAAA,cAACD,uBAAAA;IAAOC,OAAM;KACZ,sBAAA,cAAC0C,sBAAAA;IAAM5B,MAAK;IAAK6B,SAASnC;KAAM,MAAA,GAGhC,sBAAA,cAACoC,sBAAAA;IAAM9B,MAAK;IAAK+B,IAAIrC;OAGvB,sBAAA,cAACK,uBAAQiC,OAAK;IAAC7B,SAAAA;KACb,sBAAA,cAACC,uBAAAA;IACCJ,MAAK;IACLiC,SAAS,WAAA;IAET;KACD,QAAA,CAAA,CAAA,CAAA,CAAA;AAQb;",
-  "names": ["PopoverDemo", "XStack", "space", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "ChevronLeft", "Name", "ChevronDown", "ChevronUp", "ChevronRight", "props", "Popover", "size", "allowFlip", "Trigger", "asChild", "Button", "icon", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "YStack", "Label", "htmlFor", "Input", "id", "Close", "onPress"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkE,kCAElE,iBAAqE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,SAASA,cAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAM;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC7D,uCAAAC,KAACC,MAAAA;QAAKC,WAAU;QAAOC,MAAMC;QAAaC,MAAK;;MAC/C,uCAAAL,KAACC,MAAAA;QAAKC,WAAU;QAASC,MAAMG;QAAaD,MAAK;;MACjD,uCAAAL,KAACC,MAAAA;QAAKC,WAAU;QAAMC,MAAMI;QAAWF,MAAK;;MAC5C,uCAAAL,KAACC,MAAAA;QAAKC,WAAU;QAAQC,MAAMK;QAAcH,MAAK;;;;AAGvD;AAEO,SAASJ,KAAK,QAAA;MACnBE,OADmB,OACnBA,MACAE,OAFmB,OAEnBA,MACGI,QAAAA,2BAHgB,QAAA;IACnBN;IACAE;;AAGA,SACE,uCAAAX,MAACgB,wBAAAA,qBAAAA,eAAAA;IAAQC,MAAK;IAAKC,WAAS;KAAKH,KAAAA,GAAAA;;MAC/B,uCAAAT,KAACU,uBAAQG,SAAO;QAACC,SAAO;kBACtB,uCAAAd,KAACe,uBAAAA;UAAOC,MAAMb;;;MAGhB,uCAAAH,KAACiB,sBAAAA;QAAMC,MAAK;QAAKC,UAAS;kBACxB,uCAAAzB,MAACgB,uBAAQU,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,uCAAAtB,KAACU,uBAAQU,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,uCAAAxB,KAACiB,qBAAMQ,UAAQ,CAAA,CAAA;;YAEjB,uCAAAzB,KAACU,uBAAQU,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,uCAAAnC,MAACgB,uBAAQqB,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,uCAAApC,KAACU,uBAAQ2B,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,uCAAAvC,MAAC4C,uBAAAA;YAAO1C,OAAM;;cACZ,uCAAAF,MAACC,uBAAAA;gBAAOC,OAAM;;kBACZ,uCAAAI,KAACuC,sBAAAA;oBAAM5B,MAAK;oBAAK6B,SAASnC;8BAAM;;kBAGhC,uCAAAL,KAACyC,sBAAAA;oBAAM9B,MAAK;oBAAK+B,IAAIrC;;;;cAGvB,uCAAAL,KAACU,uBAAQiC,OAAK;gBAAC7B,SAAO;0BACpB,uCAAAd,KAACe,uBAAAA;kBACCJ,MAAK;kBACLiC,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
+  "names": ["PopoverDemo", "_jsxs", "XStack", "space", "flex", "justifyContent", "alignItems", "_jsx", "Demo", "placement", "Icon", "ChevronLeft", "Name", "ChevronDown", "ChevronUp", "ChevronRight", "props", "Popover", "size", "allowFlip", "Trigger", "asChild", "Button", "icon", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "YStack", "Label", "htmlFor", "Input", "id", "Close", "onPress"]
 }

package/dist/cjs/ProgressDemo.native.js

@@ -18,7 +18,7 @@ __export(ProgressDemo_exports, {
   ProgressDemo: () => ProgressDemo
 });
 module.exports = __toCommonJS(ProgressDemo_exports);
-var import_react = require("react"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_tamagui = require("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++)
@@ -75,54 +75,78 @@ function ProgressDemo() {
     return function() {
       clearTimeout(timer);
     };
-  }, []), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    height: 60,
-    alignItems: "center",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
-    height: 30,
-    opacity: 0.5
-  }, "Size: ", size), /* @__PURE__ */ React.createElement(import_tamagui.Progress, {
-    size: sizeProp,
-    value: progress
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Progress.Indicator, {
-    animation: "bouncy"
-  }))), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    alignItems: "center",
-    space: !0,
-    position: "absolute",
-    bottom: "$3",
-    left: "$4",
-    $xxs: {
-      display: "none"
-    }
-  }, /* @__PURE__ */ React.createElement(import_tamagui.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(import_tamagui.Slider.Track, {
-    borderWidth: 1,
-    borderColor: "$color5"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(import_tamagui.Slider.Thumb, {
-    circular: !0,
-    index: 0
-  })), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    size: "$2",
-    onPress: function() {
-      return setProgress(function(prev) {
-        return (prev + 20) % 100;
-      });
-    }
-  }, "Load")));
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        height: 60,
+        alignItems: "center",
+        space: !0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
+            height: 30,
+            opacity: 0.5,
+            children: [
+              "Size: ",
+              size
+            ]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress, {
+            size: sizeProp,
+            value: progress,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, {
+              animation: "bouncy"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        space: !0,
+        position: "absolute",
+        bottom: "$3",
+        left: "$4",
+        $xxs: {
+          display: "none"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
+                borderWidth: 1,
+                borderColor: "$color5",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {})
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {
+                circular: !0,
+                index: 0
+              })
+            ]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$2",
+            onPress: function() {
+              return setProgress(function(prev) {
+                return (prev + 20) % 100;
+              });
+            },
+            children: "Load"
+          })
+        ]
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ProgressDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAoC,kBAEpC,iBAAoE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASA,eAAAA;AACd,MAAwBC,YAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAA1BC,OAAiBD,UAAAA,CAAAA,GAAXE,UAAWF,UAAAA,CAAAA,GACQA,aAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAAlCG,WAAyBH,WAAAA,CAAAA,GAAfI,cAAeJ,WAAAA,CAAAA,GAC1BK,WAAY,IAAQ,OAALJ,IAAAA;AAErBK,qCAAU,WAAA;AACR,QAAMC,QAAQC,WAAW,WAAA;aAAMJ,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLK,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACG,uBAAAA;IAAOC,QAAQ;IAAIC,YAAW;IAASC,OAAAA;KACtC,sBAAA,cAACC,0BAAAA;IAAUH,QAAQ;IAAII,SAAS;KAAK,UAC5Bd,IAAAA,GAET,sBAAA,cAACe,yBAAAA;IAASf,MAAMI;IAAUY,OAAOd;KAC/B,sBAAA,cAACa,wBAASE,WAAS;IAACC,WAAU;QAIlC,sBAAA,cAACC,uBAAAA;IACCR,YAAW;IACXC,OAAAA;IACAQ,UAAS;IACTC,QAAO;IACPC,MAAK;IACLC,MAAM;MAAEC,SAAS;IAAO;KAExB,sBAAA,cAACC,uBAAAA;IACCzB,MAAK;IACL0B,OAAO;IACPC,cAAc;MAAC;;IACfC,KAAK;IACLC,KAAK;IACLC,MAAM;IACNC,eAAe,SAAA,OAAA;+CAAEC,MAAAA,OAAAA,CAAAA;AACf/B,cAAQ+B,GAAAA;IACV;KAEA,sBAAA,cAACP,sBAAOQ,OAAK;IAACC,aAAa;IAAGC,aAAY;KACxC,sBAAA,cAACV,sBAAOW,aAAW,IAAA,CAAA,GAErB,sBAAA,cAACX,sBAAOY,OAAK;IAACC,UAAAA;IAASC,OAAO;OAGhC,sBAAA,cAACC,uBAAAA;IAAOxC,MAAK;IAAKyC,SAAS,WAAA;aAAMtC,YAAY,SAACuC,MAAAA;gBAAUA,OAAO,MAAM;;;KAAM,MAAA,CAAA,CAAA;AAMnF;",
-  "names": ["ProgressDemo", "useState", "size", "setSize", "progress", "setProgress", "sizeProp", "useEffect", "timer", "setTimeout", "clearTimeout", "YStack", "height", "alignItems", "space", "Paragraph", "opacity", "Progress", "value", "Indicator", "animation", "XStack", "position", "bottom", "left", "$xxs", "display", "Slider", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "Button", "onPress", "prev"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAoC,kBAEpC,iBAAoE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASA,eAAAA;AACd,MAAwBC,YAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAA1BC,OAAiBD,UAAAA,CAAAA,GAAXE,UAAWF,UAAAA,CAAAA,GACQA,aAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAAlCG,WAAyBH,WAAAA,CAAAA,GAAfI,cAAeJ,WAAAA,CAAAA,GAC1BK,WAAY,IAAQ,OAALJ,IAAAA;AAErBK,qCAAU,WAAA;AACR,QAAMC,QAAQC,WAAW,WAAA;aAAMJ,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLK,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,uCAAAG,MAAA,mBAAAC,UAAA;;MACE,uCAAAD,MAACE,uBAAAA;QAAOC,QAAQ;QAAIC,YAAW;QAASC,OAAK;;UAC3C,uCAAAL,MAACM,0BAAAA;YAAUH,QAAQ;YAAII,SAAS;;cAAK;cAC5BhB;;;UAET,uCAAAiB,KAACC,yBAAAA;YAASlB,MAAMI;YAAUe,OAAOjB;sBAC/B,uCAAAe,KAACC,wBAASE,WAAS;cAACC,WAAU;;;;;MAIlC,uCAAAZ,MAACa,uBAAAA;QACCT,YAAW;QACXC,OAAK;QACLS,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,uCAAAlB,MAACmB,uBAAAA;YACC5B,MAAK;YACL6B,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACflC,sBAAQkC,GAAAA;YACV;;cAEA,uCAAAlB,KAACW,sBAAOQ,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,uCAAArB,KAACW,sBAAOW,aAAW,CAAA,CAAA;;cAErB,uCAAAtB,KAACW,sBAAOY,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,uCAAAzB,KAAC0B,uBAAAA;YAAO3C,MAAK;YAAK4C,SAAS,WAAA;qBAAMzC,YAAY,SAAC0C,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;;;;;AAMnF;",
+  "names": ["ProgressDemo", "useState", "size", "setSize", "progress", "setProgress", "sizeProp", "useEffect", "timer", "setTimeout", "clearTimeout", "_jsxs", "_Fragment", "YStack", "height", "alignItems", "space", "Paragraph", "opacity", "_jsx", "Progress", "value", "Indicator", "animation", "XStack", "position", "bottom", "left", "$xxs", "display", "Slider", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "Button", "onPress", "prev"]
 }

package/dist/cjs/RadioGroupDemo.native.js

@@ -19,44 +19,56 @@ __export(RadioGroupDemo_exports, {
   RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
 });
 module.exports = __toCommonJS(RadioGroupDemo_exports);
-var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui");
 function RadioGroupDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.RadioGroup, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, {
     "aria-labelledby": "Select one item",
     defaultValue: "3",
-    name: "form"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.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"
-  })));
+    name: "form",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      width: 300,
+      alignItems: "center",
+      space: "$2",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+          size: "$3",
+          value: "2",
+          label: "Second value"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+          size: "$4",
+          value: "3",
+          label: "Third value"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
+          size: "$5",
+          value: "4",
+          label: "Fourth value"
+        })
+      ]
+    })
+  });
 }
 function RadioGroupItemWithLabel(props) {
   var id = "radiogroup-".concat(props.value);
-  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     width: 300,
     alignItems: "center",
-    space: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.RadioGroup.Item, {
-    value: props.value,
-    id,
-    size: props.size
-  }, /* @__PURE__ */ React.createElement(import_tamagui.RadioGroup.Indicator, null)), /* @__PURE__ */ React.createElement(import_tamagui.Label, {
-    size: props.size,
-    htmlFor: id
-  }, props.label));
+    space: "$4",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, {
+        value: props.value,
+        id,
+        size: props.size,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {})
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+        size: props.size,
+        htmlFor: id,
+        children: props.label
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;;qBAAkD;AAE3C,SAASA,iBAAAA;AACd,SACE,sBAAA,cAACC,2BAAAA;IAAWC,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;KAClE,sBAAA,cAACC,uBAAAA;IAAOC,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,cAACI,uBAAAA;IAAOT,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACP,0BAAWe,MAAI;IAACL,OAAOE,MAAMF;IAAOG;IAAQJ,MAAMG,MAAMH;KACvD,sBAAA,cAACT,0BAAWgB,WAAS,IAAA,CAAA,GAGvB,sBAAA,cAACC,sBAAAA;IAAMR,MAAMG,MAAMH;IAAMS,SAASL;KAC/BD,MAAMD,KAAK,CAAA;AAIpB;",
-  "names": ["RadioGroupDemo", "RadioGroup", "aria-labelledby", "defaultValue", "name", "YStack", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "XStack", "Item", "Indicator", "Label", "htmlFor"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDACA,iBAAkD;AAE3C,SAASA,iBAAAA;AACd,SACE,uCAAAC,KAACC,2BAAAA;IAAWC,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;cAClE,uCAAAC,MAACC,uBAAAA;MAAOC,OAAO;MAAKC,YAAW;MAASC,OAAM;;QAC5C,uCAAAT,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,uCAAAb,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,uCAAAb,KAACU,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;;;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAM,cAAyB,OAAZD,MAAMF,KAAK;AACpC,SACE,uCAAAP,MAACW,uBAAAA;IAAOT,OAAO;IAAKC,YAAW;IAASC,OAAM;;MAC5C,uCAAAT,KAACC,0BAAWgB,MAAI;QAACL,OAAOE,MAAMF;QAAOG;QAAQJ,MAAMG,MAAMH;kBACvD,uCAAAX,KAACC,0BAAWiB,WAAS,CAAA,CAAA;;MAGvB,uCAAAlB,KAACmB,sBAAAA;QAAMR,MAAMG,MAAMH;QAAMS,SAASL;kBAC/BD,MAAMD;;;;AAIf;",
+  "names": ["RadioGroupDemo", "_jsx", "RadioGroup", "aria-labelledby", "defaultValue", "name", "_jsxs", "YStack", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "XStack", "Item", "Indicator", "Label", "htmlFor"]
 }

package/dist/cjs/ReplaceThemeDemo.native.js

@@ -18,7 +18,7 @@ __export(ReplaceThemeDemo_exports, {
   ReplaceThemeDemo: () => ReplaceThemeDemo
 });
 module.exports = __toCommonJS(ReplaceThemeDemo_exports);
-var import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("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++)
@@ -77,27 +77,34 @@ function ReplaceThemeDemo() {
         color2: "green"
       }
     }), setTheme("mytheme");
-  }, []), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     alignItems: "center",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    gap: "$5"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Theme, {
-    name: theme ?? null
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
-    borderRadius: "$8",
-    size: 100,
-    backgroundColor: "$color"
-  }))), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    onPress: function() {
-      (0, import_theme.replaceTheme)({
-        name: "mytheme",
-        theme: {
-          color: "blue"
-        }
-      }), update();
-    }
-  }, "Replace theme to only have $color: blue"));
+    space: !0,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        gap: "$5",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+          name: theme ?? null,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+            borderRadius: "$8",
+            size: 100,
+            backgroundColor: "$color"
+          })
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        onPress: function() {
+          (0, import_theme.replaceTheme)({
+            name: "mytheme",
+            theme: {
+              color: "blue"
+            }
+          }), update();
+        },
+        children: "Replace theme to only have $color: blue"
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ReplaceThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAuC,2BACvC,eAAyB,kBACzB,iBAQO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,mBAAAA;AACd,MAA0BC,YAAAA,qBAAAA,uBAAAA,GAAAA,CAAAA,GAAnBC,QAAmBD,UAAAA,CAAAA,GAAZE,WAAYF,UAAAA,CAAAA,GACpBG,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXP,OAAO;QACLQ,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAR,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAAA,cAACS,uBAAAA;IAAOC,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACC,uBAAAA;IAAOC,KAAI;KACV,sBAAA,cAACC,sBAAAA;IAAMT,MAAMN,SAAS;KACpB,sBAAA,cAACgB,uBAAAA;IAAOC,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;QAIzD,sBAAA,cAACC,uBAAAA;IACCC,SAAS,WAAA;AACPC,qCAAa;QACXhB,MAAM;QACNN,OAAO;UACLQ,OAAO;QACT;MACF,CAAA,GACAN,OAAAA;IACF;KACD,yCAAA,CAAA;AAKP;",
-  "names": ["ReplaceThemeDemo", "useState", "theme", "setTheme", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "color", "color2", "YStack", "alignItems", "space", "XStack", "gap", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "replaceTheme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAuC,2BACvC,eAAyB,kBACzB,iBAQO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,mBAAAA;AACd,MAA0BC,YAAAA,qBAAAA,uBAAAA,GAAAA,CAAAA,GAAnBC,QAAmBD,UAAAA,CAAAA,GAAZE,WAAYF,UAAAA,CAAAA,GACpBG,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXP,OAAO;QACLQ,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAR,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,uCAAAS,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAC,KAACC,uBAAAA;QAAOC,KAAI;kBACV,uCAAAF,KAACG,sBAAAA;UAAMX,MAAMN,SAAS;oBACpB,uCAAAc,KAACI,uBAAAA;YAAOC,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,uCAAAP,KAACQ,uBAAAA;QACCC,SAAS,WAAA;AACPC,yCAAa;YACXlB,MAAM;YACNN,OAAO;cACLQ,OAAO;YACT;UACF,CAAA,GACAN,OAAAA;QACF;kBACD;;;;AAKP;",
+  "names": ["ReplaceThemeDemo", "useState", "theme", "setTheme", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "color", "color2", "_jsxs", "YStack", "alignItems", "space", "_jsx", "XStack", "gap", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "replaceTheme"]
 }