@tamagui/demos 1.89.28 → 1.89.29

package/dist/jsx/ScrollViewDemo.native.js

@@ -1,48 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Circle, ScrollView, Square, XStack } from "tamagui";
 function ScrollViewDemo() {
-  return /* @__PURE__ */ React.createElement(ScrollView, {
+  return /* @__PURE__ */ _jsx(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"
-  })));
+    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"
+        })
+      ]
+    })
+  });
 }
 export {
   ScrollViewDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "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;",
+  "mappings": ";AAAA,SAASA,QAAQC,YAAYC,QAAQC,cAAc;AAE5C,SAASC,iBAAAA;AACd,SACE,qBAACH,YAAAA;IACCI,WAAW;IACXC,OAAM;IACNC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;cAEb,sBAACN,QAAAA;MAAOO,UAAS;MAAOC,YAAW;MAASC,gBAAe;;QACzD,qBAACV,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACL,QAAAA;UAAOW,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;QAC/C,qBAACP,QAAAA;UAAOa,QAAO;UAAKC,MAAM;UAAKP,iBAAgB;;;;;AAIvD;",
   "names": ["Circle", "ScrollView", "Square", "XStack", "ScrollViewDemo", "maxHeight", "width", "backgroundColor", "padding", "borderRadius", "flexWrap", "alignItems", "justifyContent", "margin", "size"]
 }

package/dist/jsx/SelectDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
 import { useMemo, useState } from "react";
 import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagui";
@@ -45,15 +46,30 @@ function _non_iterable_rest() {
 }
 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 _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();
 }
@@ -69,146 +85,211 @@ function _unsupported_iterable_to_array(o, minLen) {
   }
 }
 function SelectDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
-    gap: "$4"
-  }, /* @__PURE__ */ React.createElement(XStack, {
-    ai: "center",
-    gap: "$4"
-  }, /* @__PURE__ */ React.createElement(Label, {
-    htmlFor: "select-demo-1",
-    f: 1,
-    miw: 80
-  }, "Custom"), /* @__PURE__ */ React.createElement(SelectDemoItem, {
-    id: "select-demo-1"
-  })), /* @__PURE__ */ React.createElement(XStack, {
-    ai: "center",
-    gap: "$4"
-  }, /* @__PURE__ */ React.createElement(Label, {
-    htmlFor: "select-demo-2",
-    f: 1,
-    miw: 80
-  }, "Native"), /* @__PURE__ */ React.createElement(SelectDemoItem, {
-    id: "select-demo-2",
-    native: !0
-  })));
+  return /* @__PURE__ */ _jsxs(YStack, {
+    gap: "$4",
+    children: [
+      /* @__PURE__ */ _jsxs(XStack, {
+        ai: "center",
+        gap: "$4",
+        children: [
+          /* @__PURE__ */ _jsx(Label, {
+            htmlFor: "select-demo-1",
+            f: 1,
+            miw: 80,
+            children: "Custom"
+          }),
+          /* @__PURE__ */ _jsx(SelectDemoItem, {
+            id: "select-demo-1"
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsxs(XStack, {
+        ai: "center",
+        gap: "$4",
+        children: [
+          /* @__PURE__ */ _jsx(Label, {
+            htmlFor: "select-demo-2",
+            f: 1,
+            miw: 80,
+            children: "Native"
+          }),
+          /* @__PURE__ */ _jsx(SelectDemoItem, {
+            id: "select-demo-2",
+            native: !0
+          })
+        ]
+      })
+    ]
+  });
 }
 function SelectDemoItem(props) {
   var _useState = _sliced_to_array(useState("apple"), 2), val = _useState[0], setVal = _useState[1], _props_size;
-  return /* @__PURE__ */ React.createElement(Select, _object_spread({
+  return /* @__PURE__ */ _jsxs(Select, _object_spread_props(_object_spread({
     value: val,
     onValueChange: setVal,
     disablePreventBodyScroll: !0
-  }, props), /* @__PURE__ */ React.createElement(Select.Trigger, {
-    width: 220,
-    iconAfter: ChevronDown
-  }, /* @__PURE__ */ React.createElement(Select.Value, {
-    placeholder: "Something"
-  })), /* @__PURE__ */ React.createElement(Adapt, {
-    when: "sm",
-    platform: "touch"
-  }, /* @__PURE__ */ React.createElement(Sheet, {
-    native: !!props.native,
-    modal: !0,
-    dismissOnSnapToBottom: !0,
-    animationConfig: {
-      type: "spring",
-      damping: 20,
-      mass: 1.2,
-      stiffness: 250
-    }
-  }, /* @__PURE__ */ React.createElement(Sheet.Frame, null, /* @__PURE__ */ React.createElement(Sheet.ScrollView, null, /* @__PURE__ */ React.createElement(Adapt.Contents, null))), /* @__PURE__ */ React.createElement(Sheet.Overlay, {
-    animation: "lazy",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    }
-  }))), /* @__PURE__ */ React.createElement(Select.Content, {
-    zIndex: 2e5
-  }, /* @__PURE__ */ React.createElement(Select.ScrollUpButton, {
-    alignItems: "center",
-    justifyContent: "center",
-    position: "relative",
-    width: "100%",
-    height: "$3"
-  }, /* @__PURE__ */ React.createElement(YStack, {
-    zIndex: 10
-  }, /* @__PURE__ */ React.createElement(ChevronUp, {
-    size: 20
-  })), /* @__PURE__ */ React.createElement(LinearGradient, {
-    start: [
-      0,
-      0
-    ],
-    end: [
-      0,
-      1
-    ],
-    fullscreen: !0,
-    colors: [
-      "$background",
-      "transparent"
-    ],
-    borderRadius: "$4"
-  })), /* @__PURE__ */ React.createElement(Select.Viewport, {
-    // to do animations:
-    // animation="quick"
-    // animateOnly={['transform', 'opacity']}
-    // enterStyle={{ o: 0, y: -10 }}
-    // exitStyle={{ o: 0, y: 10 }}
-    minWidth: 200
-  }, /* @__PURE__ */ React.createElement(Select.Group, null, /* @__PURE__ */ React.createElement(Select.Label, null, "Fruits"), useMemo(function() {
-    return items.map(function(item, i) {
-      return /* @__PURE__ */ React.createElement(Select.Item, {
-        index: i,
-        key: item.name,
-        value: item.name.toLowerCase()
-      }, /* @__PURE__ */ React.createElement(Select.ItemText, null, item.name), /* @__PURE__ */ React.createElement(Select.ItemIndicator, {
-        marginLeft: "auto"
-      }, /* @__PURE__ */ React.createElement(Check, {
-        size: 16
-      })));
-    });
-  }, [
-    items
-  ])), props.native && /* @__PURE__ */ React.createElement(YStack, {
-    position: "absolute",
-    right: 0,
-    top: 0,
-    bottom: 0,
-    alignItems: "center",
-    justifyContent: "center",
-    width: "$4",
-    pointerEvents: "none"
-  }, /* @__PURE__ */ React.createElement(ChevronDown, {
-    size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
-  }))), /* @__PURE__ */ React.createElement(Select.ScrollDownButton, {
-    alignItems: "center",
-    justifyContent: "center",
-    position: "relative",
-    width: "100%",
-    height: "$3"
-  }, /* @__PURE__ */ React.createElement(YStack, {
-    zIndex: 10
-  }, /* @__PURE__ */ React.createElement(ChevronDown, {
-    size: 20
-  })), /* @__PURE__ */ React.createElement(LinearGradient, {
-    start: [
-      0,
-      0
-    ],
-    end: [
-      0,
-      1
-    ],
-    fullscreen: !0,
-    colors: [
-      "transparent",
-      "$background"
-    ],
-    borderRadius: "$4"
-  }))));
+  }, props), {
+    children: [
+      /* @__PURE__ */ _jsx(Select.Trigger, {
+        width: 220,
+        iconAfter: ChevronDown,
+        children: /* @__PURE__ */ _jsx(Select.Value, {
+          placeholder: "Something"
+        })
+      }),
+      /* @__PURE__ */ _jsx(Adapt, {
+        when: "sm",
+        platform: "touch",
+        children: /* @__PURE__ */ _jsxs(Sheet, {
+          native: !!props.native,
+          modal: !0,
+          dismissOnSnapToBottom: !0,
+          animationConfig: {
+            type: "spring",
+            damping: 20,
+            mass: 1.2,
+            stiffness: 250
+          },
+          children: [
+            /* @__PURE__ */ _jsx(Sheet.Frame, {
+              children: /* @__PURE__ */ _jsx(Sheet.ScrollView, {
+                children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
+              })
+            }),
+            /* @__PURE__ */ _jsx(Sheet.Overlay, {
+              animation: "lazy",
+              enterStyle: {
+                opacity: 0
+              },
+              exitStyle: {
+                opacity: 0
+              }
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ _jsxs(Select.Content, {
+        zIndex: 2e5,
+        children: [
+          /* @__PURE__ */ _jsxs(Select.ScrollUpButton, {
+            alignItems: "center",
+            justifyContent: "center",
+            position: "relative",
+            width: "100%",
+            height: "$3",
+            children: [
+              /* @__PURE__ */ _jsx(YStack, {
+                zIndex: 10,
+                children: /* @__PURE__ */ _jsx(ChevronUp, {
+                  size: 20
+                })
+              }),
+              /* @__PURE__ */ _jsx(LinearGradient, {
+                start: [
+                  0,
+                  0
+                ],
+                end: [
+                  0,
+                  1
+                ],
+                fullscreen: !0,
+                colors: [
+                  "$background",
+                  "transparent"
+                ],
+                borderRadius: "$4"
+              })
+            ]
+          }),
+          /* @__PURE__ */ _jsxs(Select.Viewport, {
+            // to do animations:
+            // animation="quick"
+            // animateOnly={['transform', 'opacity']}
+            // enterStyle={{ o: 0, y: -10 }}
+            // exitStyle={{ o: 0, y: 10 }}
+            minWidth: 200,
+            children: [
+              /* @__PURE__ */ _jsxs(Select.Group, {
+                children: [
+                  /* @__PURE__ */ _jsx(Select.Label, {
+                    children: "Fruits"
+                  }),
+                  /* for longer lists memoizing these is useful */
+                  useMemo(function() {
+                    return items.map(function(item, i) {
+                      return /* @__PURE__ */ _jsxs(Select.Item, {
+                        index: i,
+                        value: item.name.toLowerCase(),
+                        children: [
+                          /* @__PURE__ */ _jsx(Select.ItemText, {
+                            children: item.name
+                          }),
+                          /* @__PURE__ */ _jsx(Select.ItemIndicator, {
+                            marginLeft: "auto",
+                            children: /* @__PURE__ */ _jsx(Check, {
+                              size: 16
+                            })
+                          })
+                        ]
+                      }, item.name);
+                    });
+                  }, [
+                    items
+                  ])
+                ]
+              }),
+              /* Native gets an extra icon */
+              props.native && /* @__PURE__ */ _jsx(YStack, {
+                position: "absolute",
+                right: 0,
+                top: 0,
+                bottom: 0,
+                alignItems: "center",
+                justifyContent: "center",
+                width: "$4",
+                pointerEvents: "none",
+                children: /* @__PURE__ */ _jsx(ChevronDown, {
+                  size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ _jsxs(Select.ScrollDownButton, {
+            alignItems: "center",
+            justifyContent: "center",
+            position: "relative",
+            width: "100%",
+            height: "$3",
+            children: [
+              /* @__PURE__ */ _jsx(YStack, {
+                zIndex: 10,
+                children: /* @__PURE__ */ _jsx(ChevronDown, {
+                  size: 20
+                })
+              }),
+              /* @__PURE__ */ _jsx(LinearGradient, {
+                start: [
+                  0,
+                  0
+                ],
+                end: [
+                  0,
+                  1
+                ],
+                fullscreen: !0,
+                colors: [
+                  "transparent",
+                  "$background"
+                ],
+                borderRadius: "$4"
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  }));
 }
 var items = [
   {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SelectDemo.tsx"],
-  "mappings": "AAAA,SAASA,OAAOC,aAAaC,iBAAiB;AAC9C,SAASC,SAASC,gBAAgB;AAElC,SAASC,OAAOC,OAAOC,QAAQC,OAAOC,QAAQC,QAAQC,mBAAmB;AACzE,SAASC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExB,SAASC,aAAAA;AACd,SACE,sBAAA,cAACH,QAAAA;IAAOI,KAAI;KACV,sBAAA,cAACL,QAAAA;IAAOM,IAAG;IAASD,KAAI;KACtB,sBAAA,cAACR,OAAAA;IAAMU,SAAQ;IAAgBC,GAAG;IAAGC,KAAK;KAAI,QAAA,GAG9C,sBAAA,cAACC,gBAAAA;IAAeC,IAAG;OAGrB,sBAAA,cAACX,QAAAA;IAAOM,IAAG;IAASD,KAAI;KACtB,sBAAA,cAACR,OAAAA;IAAMU,SAAQ;IAAgBC,GAAG;IAAGC,KAAK;KAAI,QAAA,GAG9C,sBAAA,cAACC,gBAAAA;IAAeC,IAAG;IAAgBC,QAAAA;;AAI3C;AAEO,SAASF,eAAeG,OAAkB;AAC/C,MAAsBlB,YAAAA,iBAAAA,SAAS,OAAA,GAAA,CAAA,GAAxBmB,MAAenB,UAAAA,CAAAA,GAAVoB,SAAUpB,UAAAA,CAAAA,GAgGWkB;AA9FjC,SACE,sBAAA,cAACf,QAAAA,eAAAA;IAAOkB,OAAOF;IAAKG,eAAeF;IAAQG,0BAAAA;KAA6BL,KAAAA,GACtE,sBAAA,cAACf,OAAOqB,SAAO;IAACC,OAAO;IAAKC,WAAW7B;KACrC,sBAAA,cAACM,OAAOwB,OAAK;IAACC,aAAY;OAG5B,sBAAA,cAAC3B,OAAAA;IAAM4B,MAAK;IAAKC,UAAS;KACxB,sBAAA,cAAC1B,OAAAA;IACCa,QAAQ,CAAC,CAACC,MAAMD;IAChBc,OAAAA;IACAC,uBAAAA;IACAC,iBAAiB;MACfC,MAAM;MACNC,SAAS;MACTC,MAAM;MACNC,WAAW;IACb;KAEA,sBAAA,cAACjC,MAAMkC,OAAK,MACV,sBAAA,cAAClC,MAAMmC,YAAU,MACf,sBAAA,cAACtC,MAAMuC,UAAQ,IAAA,CAAA,CAAA,GAGnB,sBAAA,cAACpC,MAAMqC,SAAO;IACZC,WAAU;IACVC,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;QAK9B,sBAAA,cAACzC,OAAO2C,SAAO;IAACC,QAAQ;KACtB,sBAAA,cAAC5C,OAAO6C,gBAAc;IACpBC,YAAW;IACXC,gBAAe;IACfC,UAAS;IACT1B,OAAM;IACN2B,QAAO;KAEP,sBAAA,cAAC9C,QAAAA;IAAOyC,QAAQ;KACd,sBAAA,cAACjD,WAAAA;IAAUuD,MAAM;OAEnB,sBAAA,cAAC7C,gBAAAA;IACC8C,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;IACTC,YAAAA;IACAC,QAAQ;MAAC;MAAe;;IACxBC,cAAa;OAIjB,sBAAA,cAACvD,OAAOwD,UAAQ;;;;;;IAMdC,UAAU;KAEV,sBAAA,cAACzD,OAAO0D,OAAK,MACX,sBAAA,cAAC1D,OAAOD,OAAK,MAAC,QAAA,GAEbH,QACC,WAAA;WACE+D,MAAMC,IAAI,SAACC,MAAMC,GAAAA;AACf,aACE,sBAAA,cAAC9D,OAAO+D,MAAI;QACVC,OAAOF;QACPG,KAAKJ,KAAKK;QACVhD,OAAO2C,KAAKK,KAAKC,YAAW;SAE5B,sBAAA,cAACnE,OAAOoE,UAAQ,MAAEP,KAAKK,IAAI,GAC3B,sBAAA,cAAClE,OAAOqE,eAAa;QAACC,YAAW;SAC/B,sBAAA,cAAC7E,OAAAA;QAAMyD,MAAM;;IAIrB,CAAA;KACF;IAACS;GAAM,CAAA,GAIV5C,MAAMD,UACL,sBAAA,cAACX,QAAAA;IACC6C,UAAS;IACTuB,OAAO;IACPC,KAAK;IACLC,QAAQ;IACR3B,YAAW;IACXC,gBAAe;IACfzB,OAAO;IACPoD,eAAc;KAEd,sBAAA,cAAChF,aAAAA;IACCwD,MAAM9C,aAAaW,cAAAA,MAAMmC,UAAI,QAAVnC,gBAAAA,SAAAA,cAAiC,OAAA;QAM5D,sBAAA,cAACf,OAAO2E,kBAAgB;IACtB7B,YAAW;IACXC,gBAAe;IACfC,UAAS;IACT1B,OAAM;IACN2B,QAAO;KAEP,sBAAA,cAAC9C,QAAAA;IAAOyC,QAAQ;KACd,sBAAA,cAAClD,aAAAA;IAAYwD,MAAM;OAErB,sBAAA,cAAC7C,gBAAAA;IACC8C,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;IACTC,YAAAA;IACAC,QAAQ;MAAC;MAAe;;IACxBC,cAAa;;AAMzB;AAEA,IAAMI,QAAQ;EACZ;IAAEO,MAAM;EAAQ;EAChB;IAAEA,MAAM;EAAO;EACf;IAAEA,MAAM;EAAa;EACrB;IAAEA,MAAM;EAAQ;EAChB;IAAEA,MAAM;EAAU;EAClB;IAAEA,MAAM;EAAQ;EAChB;IAAEA,MAAM;EAAW;EACnB;IAAEA,MAAM;EAAY;EACpB;IAAEA,MAAM;EAAY;EACpB;IAAEA,MAAM;EAAY;EACpB;IAAEA,MAAM;EAAa;EACrB;IAAEA,MAAM;EAAQ;EAChB;IAAEA,MAAM;EAAY;EACpB;IAAEA,MAAM;EAAO;EACf;IAAEA,MAAM;EAAQ;EAChB;IAAEA,MAAM;EAAU;EAClB;IAAEA,MAAM;EAAQ;EAChB;IAAEA,MAAM;EAAS;EACjB;IAAEA,MAAM;EAAS;EACjB;IAAEA,MAAM;EAAQ;EAChB;IAAEA,MAAM;EAAY;EACpB;IAAEA,MAAM;EAAS;;",
-  "names": ["Check", "ChevronDown", "ChevronUp", "useMemo", "useState", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animationConfig", "type", "damping", "mass", "stiffness", "Frame", "ScrollView", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "items", "map", "item", "i", "Item", "index", "key", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
+  "mappings": "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",
+  "names": ["Check", "ChevronDown", "ChevronUp", "useMemo", "useState", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animationConfig", "type", "damping", "mass", "stiffness", "Frame", "ScrollView", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
 }

package/dist/jsx/SeparatorDemo.native.js

@@ -1,26 +1,49 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { Paragraph, Separator, XStack, YStack } from "tamagui";
 function SeparatorDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     width: "100%",
     maxWidth: 300,
-    marginHorizontal: 15
-  }, /* @__PURE__ */ React.createElement(Paragraph, {
-    fontWeight: "800"
-  }, "Tamagui"), /* @__PURE__ */ React.createElement(Paragraph, null, "A cross-platform component library."), /* @__PURE__ */ React.createElement(Separator, {
-    marginVertical: 15
-  }), /* @__PURE__ */ React.createElement(XStack, {
-    height: 20,
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(Paragraph, null, "Blog"), /* @__PURE__ */ React.createElement(Separator, {
-    alignSelf: "stretch",
-    vertical: !0,
-    marginHorizontal: 15
-  }), /* @__PURE__ */ React.createElement(Paragraph, null, "Docs"), /* @__PURE__ */ React.createElement(Separator, {
-    alignSelf: "stretch",
-    vertical: !0,
-    marginHorizontal: 15
-  }), /* @__PURE__ */ React.createElement(Paragraph, null, "Source")));
+    marginHorizontal: 15,
+    children: [
+      /* @__PURE__ */ _jsx(Paragraph, {
+        fontWeight: "800",
+        children: "Tamagui"
+      }),
+      /* @__PURE__ */ _jsx(Paragraph, {
+        children: "A cross-platform component library."
+      }),
+      /* @__PURE__ */ _jsx(Separator, {
+        marginVertical: 15
+      }),
+      /* @__PURE__ */ _jsxs(XStack, {
+        height: 20,
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ _jsx(Paragraph, {
+            children: "Blog"
+          }),
+          /* @__PURE__ */ _jsx(Separator, {
+            alignSelf: "stretch",
+            vertical: !0,
+            marginHorizontal: 15
+          }),
+          /* @__PURE__ */ _jsx(Paragraph, {
+            children: "Docs"
+          }),
+          /* @__PURE__ */ _jsx(Separator, {
+            alignSelf: "stretch",
+            vertical: !0,
+            marginHorizontal: 15
+          }),
+          /* @__PURE__ */ _jsx(Paragraph, {
+            children: "Source"
+          })
+        ]
+      })
+    ]
+  });
 }
 export {
   SeparatorDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SeparatorDemo.tsx"],
-  "mappings": "AAAA,OAAOA,WAAW;AAClB,SAASC,WAAWC,WAAWC,QAAQC,cAAc;AAE9C,SAASC,gBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAM;IAAOC,UAAU;IAAKC,kBAAkB;KACpD,sBAAA,cAACP,WAAAA;IAAUQ,YAAW;KAAM,SAAA,GAC5B,sBAAA,cAACR,WAAAA,MAAU,qCAAA,GACX,sBAAA,cAACC,WAAAA;IAAUQ,gBAAgB;MAC3B,sBAAA,cAACP,QAAAA;IAAOQ,QAAQ;IAAIC,YAAW;KAC7B,sBAAA,cAACX,WAAAA,MAAU,MAAA,GACX,sBAAA,cAACC,WAAAA;IAAUW,WAAU;IAAUC,UAAAA;IAASN,kBAAkB;MAC1D,sBAAA,cAACP,WAAAA,MAAU,MAAA,GACX,sBAAA,cAACC,WAAAA;IAAUW,WAAU;IAAUC,UAAAA;IAASN,kBAAkB;MAC1D,sBAAA,cAACP,WAAAA,MAAU,QAAA,CAAA,CAAA;AAInB;",
-  "names": ["React", "Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo", "width", "maxWidth", "marginHorizontal", "fontWeight", "marginVertical", "height", "alignItems", "alignSelf", "vertical"]
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,WAAWC,WAAWC,QAAQC,cAAc;AAE9C,SAASC,gBAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAM;IAAOC,UAAU;IAAKC,kBAAkB;;MACpD,qBAACP,WAAAA;QAAUQ,YAAW;kBAAM;;MAC5B,qBAACR,WAAAA;kBAAU;;MACX,qBAACC,WAAAA;QAAUQ,gBAAgB;;MAC3B,sBAACP,QAAAA;QAAOQ,QAAQ;QAAIC,YAAW;;UAC7B,qBAACX,WAAAA;sBAAU;;UACX,qBAACC,WAAAA;YAAUW,WAAU;YAAUC,UAAQ;YAACN,kBAAkB;;UAC1D,qBAACP,WAAAA;sBAAU;;UACX,qBAACC,WAAAA;YAAUW,WAAU;YAAUC,UAAQ;YAACN,kBAAkB;;UAC1D,qBAACP,WAAAA;sBAAU;;;;;;AAInB;",
+  "names": ["Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo", "width", "maxWidth", "marginHorizontal", "fontWeight", "marginVertical", "height", "alignItems", "alignSelf", "vertical"]
 }