@tamagui/demos 1.89.27 → 1.89.29

package/dist/cjs/SeparatorDemo.native.js

@@ -1,9 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -13,41 +12,56 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SeparatorDemo_exports = {};
 __export(SeparatorDemo_exports, {
   SeparatorDemo: () => SeparatorDemo
 });
 module.exports = __toCommonJS(SeparatorDemo_exports);
-var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_tamagui = require("tamagui");
 function SeparatorDemo() {
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     width: "100%",
     maxWidth: 300,
-    marginHorizontal: 15
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
-    fontWeight: "800"
-  }, "Tamagui"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "A cross-platform component library."), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, {
-    marginVertical: 15
-  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
-    height: 20,
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Blog"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, {
-    alignSelf: "stretch",
-    vertical: !0,
-    marginHorizontal: 15
-  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Docs"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, {
-    alignSelf: "stretch",
-    vertical: !0,
-    marginHorizontal: 15
-  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Source")));
+    marginHorizontal: 15,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        fontWeight: "800",
+        children: "Tamagui"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "A cross-platform component library."
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+        marginVertical: 15
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        height: 20,
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "Blog"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+            alignSelf: "stretch",
+            vertical: !0,
+            marginHorizontal: 15
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "Docs"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+            alignSelf: "stretch",
+            vertical: !0,
+            marginHorizontal: 15
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            children: "Source"
+          })
+        ]
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SeparatorDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;mBAAkB,2BAClB,iBAAqD;AAE9C,SAASA,gBAAAA;AACd,SACE,6BAAAC,QAAA,cAACC,uBAAAA;IAAOC,OAAM;IAAOC,UAAU;IAAKC,kBAAkB;KACpD,6BAAAJ,QAAA,cAACK,0BAAAA;IAAUC,YAAW;KAAM,SAAA,GAC5B,6BAAAN,QAAA,cAACK,0BAAAA,MAAU,qCAAA,GACX,6BAAAL,QAAA,cAACO,0BAAAA;IAAUC,gBAAgB;MAC3B,6BAAAR,QAAA,cAACS,uBAAAA;IAAOC,QAAQ;IAAIC,YAAW;KAC7B,6BAAAX,QAAA,cAACK,0BAAAA,MAAU,MAAA,GACX,6BAAAL,QAAA,cAACO,0BAAAA;IAAUK,WAAU;IAAUC,UAAAA;IAAST,kBAAkB;MAC1D,6BAAAJ,QAAA,cAACK,0BAAAA,MAAU,MAAA,GACX,6BAAAL,QAAA,cAACO,0BAAAA;IAAUK,WAAU;IAAUC,UAAAA;IAAST,kBAAkB;MAC1D,6BAAAJ,QAAA,cAACK,0BAAAA,MAAU,QAAA,CAAA,CAAA;AAInB;",
-  "names": ["SeparatorDemo", "React", "YStack", "width", "maxWidth", "marginHorizontal", "Paragraph", "fontWeight", "Separator", "marginVertical", "XStack", "height", "alignItems", "alignSelf", "vertical"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,kBAClB,iBAAqD;AAE9C,SAASA,gBAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAM;IAAOC,UAAU;IAAKC,kBAAkB;;MACpD,uCAAAC,KAACC,0BAAAA;QAAUC,YAAW;kBAAM;;MAC5B,uCAAAF,KAACC,0BAAAA;kBAAU;;MACX,uCAAAD,KAACG,0BAAAA;QAAUC,gBAAgB;;MAC3B,uCAAAT,MAACU,uBAAAA;QAAOC,QAAQ;QAAIC,YAAW;;UAC7B,uCAAAP,KAACC,0BAAAA;sBAAU;;UACX,uCAAAD,KAACG,0BAAAA;YAAUK,WAAU;YAAUC,UAAQ;YAACV,kBAAkB;;UAC1D,uCAAAC,KAACC,0BAAAA;sBAAU;;UACX,uCAAAD,KAACG,0BAAAA;YAAUK,WAAU;YAAUC,UAAQ;YAACV,kBAAkB;;UAC1D,uCAAAC,KAACC,0BAAAA;sBAAU;;;;;;AAInB;",
+  "names": ["SeparatorDemo", "_jsxs", "YStack", "width", "maxWidth", "marginHorizontal", "_jsx", "Paragraph", "fontWeight", "Separator", "marginVertical", "XStack", "height", "alignItems", "alignSelf", "vertical"]
 }

package/dist/cjs/ShapesDemo.native.js

@@ -18,20 +18,24 @@ __export(ShapesDemo_exports, {
   ShapesDemo: () => ShapesDemo
 });
 module.exports = __toCommonJS(ShapesDemo_exports);
-var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui");
 function ShapesDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     padding: "$2",
-    space: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
-    size: 100,
-    backgroundColor: "$color",
-    elevation: "$4"
-  }), /* @__PURE__ */ React.createElement(import_tamagui.Circle, {
-    size: 100,
-    backgroundColor: "$color",
-    elevation: "$4"
-  }));
+    space: "$4",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+        size: 100,
+        backgroundColor: "$color",
+        elevation: "$4"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
+        size: 100,
+        backgroundColor: "$color",
+        elevation: "$4"
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ShapesDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAuC;AAEhC,SAASA,aAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,SAAQ;IAAKC,OAAM;KACzB,sBAAA,cAACC,uBAAAA;IAAOC,MAAM;IAAKC,iBAAgB;IAASC,WAAU;MACtD,sBAAA,cAACC,uBAAAA;IAAOH,MAAM;IAAKC,iBAAgB;IAASC,WAAU;;AAG5D;",
-  "names": ["ShapesDemo", "XStack", "padding", "space", "Square", "size", "backgroundColor", "elevation", "Circle"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAuC;AAEhC,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,OAAM;;MACzB,uCAAAC,KAACC,uBAAAA;QAAOC,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;MACtD,uCAAAJ,KAACK,uBAAAA;QAAOH,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;;;AAG5D;",
+  "names": ["ShapesDemo", "_jsxs", "XStack", "padding", "space", "_jsx", "Square", "size", "backgroundColor", "elevation", "Circle"]
 }

package/dist/cjs/SheetDemo.native.js

@@ -18,7 +18,7 @@ __export(SheetDemo_exports, {
   SheetDemo: () => SheetDemo
 });
 module.exports = __toCommonJS(SheetDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_sheet = require("@tamagui/sheet"), import_react = require("react"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_sheet = require("@tamagui/sheet"), 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++)
@@ -62,15 +62,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();
 }
@@ -106,138 +121,190 @@ var spModes = [
     256,
     190
   ];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    space: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    space: !0,
-    $sm: {
-      flexDirection: "column",
-      alignItems: "center"
-    }
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    onPress: function() {
-      return setOpen(!0);
-    }
-  }, "Open"), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    onPress: function() {
-      return setModal(function(x) {
-        return !x;
-      });
-    }
-  }, modal ? "Type: Modal" : "Type: Inline"), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    onPress: function() {
-      return setSnapPointsMode(function(prev) {
-        return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
-      });
-    }
-  }, "Mode: ".concat({
-    percent: "Percentage",
-    constant: "Constant",
-    fit: "Fit",
-    mixed: "Mixed"
-  }[snapPointsMode]))), isMixed ? /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    onPress: function() {
-      return setMixedFitDemo(function(x) {
-        return !x;
-      });
-    }
-  }, "Snap Points: ".concat(JSON.stringify(snapPoints))) : /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    paddingVertical: "$2.5",
-    justifyContent: "center"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Snap Points: ".concat(isFit ? "(none)" : JSON.stringify(snapPoints))))), /* @__PURE__ */ React.createElement(import_sheet.Sheet, {
-    forceRemoveScrollEnabled: open,
-    modal,
-    open,
-    onOpenChange: setOpen,
-    snapPoints,
-    snapPointsMode,
-    dismissOnSnapToBottom: !0,
-    position,
-    onPositionChange: setPosition,
-    zIndex: 1e5,
-    animation: "medium"
-  }, /* @__PURE__ */ React.createElement(import_sheet.Sheet.Overlay, {
-    animation: "lazy",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    }
-  }), /* @__PURE__ */ React.createElement(import_sheet.Sheet.Handle, null), /* @__PURE__ */ React.createElement(import_sheet.Sheet.Frame, {
-    padding: "$4",
-    justifyContent: "center",
-    alignItems: "center",
-    space: "$5"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    size: "$6",
-    circular: !0,
-    icon: import_lucide_icons.ChevronDown,
-    onPress: function() {
-      return setOpen(!1);
-    }
-  }), /* @__PURE__ */ React.createElement(import_tamagui.Input, {
-    width: 200
-  }), modal && isPercent && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InnerSheet, {
-    open: innerOpen,
-    onOpenChange: setInnerOpen
-  }), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    size: "$6",
-    circular: !0,
-    icon: import_lucide_icons.ChevronUp,
-    onPress: function() {
-      return setInnerOpen(!0);
-    }
-  })))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        space: !0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            space: !0,
+            $sm: {
+              flexDirection: "column",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                onPress: function() {
+                  return setOpen(!0);
+                },
+                children: "Open"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                onPress: function() {
+                  return setModal(function(x) {
+                    return !x;
+                  });
+                },
+                children: modal ? "Type: Modal" : "Type: Inline"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                onPress: function() {
+                  return setSnapPointsMode(function(prev) {
+                    return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
+                  });
+                },
+                children: "Mode: ".concat({
+                  percent: "Percentage",
+                  constant: "Constant",
+                  fit: "Fit",
+                  mixed: "Mixed"
+                }[snapPointsMode])
+              })
+            ]
+          }),
+          isMixed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            onPress: function() {
+              return setMixedFitDemo(function(x) {
+                return !x;
+              });
+            },
+            children: "Snap Points: ".concat(JSON.stringify(snapPoints))
+          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            paddingVertical: "$2.5",
+            justifyContent: "center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+              children: "Snap Points: ".concat(isFit ? "(none)" : JSON.stringify(snapPoints))
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
+        forceRemoveScrollEnabled: open,
+        modal,
+        open,
+        onOpenChange: setOpen,
+        snapPoints,
+        snapPointsMode,
+        dismissOnSnapToBottom: !0,
+        position,
+        onPositionChange: setPosition,
+        zIndex: 1e5,
+        animation: "medium",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
+            animation: "lazy",
+            enterStyle: {
+              opacity: 0
+            },
+            exitStyle: {
+              opacity: 0
+            }
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.Frame, {
+            padding: "$4",
+            justifyContent: "center",
+            alignItems: "center",
+            space: "$5",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                size: "$6",
+                circular: !0,
+                icon: import_lucide_icons.ChevronDown,
+                onPress: function() {
+                  return setOpen(!1);
+                }
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+                width: 200
+              }),
+              modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, {
+                    open: innerOpen,
+                    onOpenChange: setInnerOpen
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                    size: "$6",
+                    circular: !0,
+                    icon: import_lucide_icons.ChevronUp,
+                    onPress: function() {
+                      return setInnerOpen(!0);
+                    }
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
 };
 function InnerSheet(props) {
-  return /* @__PURE__ */ React.createElement(import_sheet.Sheet, _object_spread({
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, _object_spread_props(_object_spread({
     animation: "medium",
     modal: !0,
     snapPoints: [
       90
     ],
     dismissOnSnapToBottom: !0
-  }, props), /* @__PURE__ */ React.createElement(import_sheet.Sheet.Overlay, {
-    animation: "medium",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    }
-  }), /* @__PURE__ */ React.createElement(import_sheet.Sheet.Handle, null), /* @__PURE__ */ React.createElement(import_sheet.Sheet.Frame, {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    space: "$5"
-  }, /* @__PURE__ */ React.createElement(import_sheet.Sheet.ScrollView, null, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    p: "$5",
-    gap: "$8"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    size: "$6",
-    circular: !0,
-    alignSelf: "center",
-    icon: import_lucide_icons.ChevronDown,
-    onPress: function() {
-      var _props_onOpenChange;
-      return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
-    }
-  }), /* @__PURE__ */ React.createElement(import_tamagui.H2, null, "Hello world"), [
-    1,
-    2,
-    3,
-    4,
-    5,
-    6,
-    7,
-    8
-  ].map(function(i) {
-    return /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
-      key: i,
-      size: "$8"
-    }, "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.");
-  })))));
+  }, props), {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
+        animation: "medium",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        space: "$5",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            p: "$5",
+            gap: "$8",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                size: "$6",
+                circular: !0,
+                alignSelf: "center",
+                icon: import_lucide_icons.ChevronDown,
+                onPress: function() {
+                  var _props_onOpenChange;
+                  return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
+                }
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {
+                children: "Hello world"
+              }),
+              [
+                1,
+                2,
+                3,
+                4,
+                5,
+                6,
+                7,
+                8
+              ].map(function(i) {
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                  size: "$8",
+                  children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
+                }, i);
+              })
+            ]
+          })
+        })
+      })
+    ]
+  }));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SheetDemo.tsx"],
-  "mappings": "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",
-  "names": ["spModes", "SheetDemo", "useState", "position", "setPosition", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "snapPointsMode", "setSnapPointsMode", "mixedFitDemo", "setMixedFitDemo", "isPercent", "isConstant", "isFit", "isMixed", "snapPoints", "undefined", "YStack", "space", "XStack", "$sm", "flexDirection", "alignItems", "Button", "onPress", "x", "prev", "indexOf", "length", "percent", "constant", "fit", "mixed", "JSON", "stringify", "paddingVertical", "justifyContent", "Paragraph", "Sheet", "forceRemoveScrollEnabled", "onOpenChange", "dismissOnSnapToBottom", "onPositionChange", "zIndex", "animation", "Overlay", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "size", "circular", "icon", "ChevronDown", "Input", "width", "InnerSheet", "ChevronUp", "props", "flex", "ScrollView", "p", "gap", "alignSelf", "H2", "map", "i", "key"]
+  "mappings": "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",
+  "names": ["spModes", "SheetDemo", "useState", "position", "setPosition", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "snapPointsMode", "setSnapPointsMode", "mixedFitDemo", "setMixedFitDemo", "isPercent", "isConstant", "isFit", "isMixed", "snapPoints", "undefined", "_jsxs", "_Fragment", "YStack", "space", "XStack", "$sm", "flexDirection", "alignItems", "_jsx", "Button", "onPress", "x", "prev", "indexOf", "length", "percent", "constant", "fit", "mixed", "JSON", "stringify", "paddingVertical", "justifyContent", "Paragraph", "Sheet", "forceRemoveScrollEnabled", "onOpenChange", "dismissOnSnapToBottom", "onPositionChange", "zIndex", "animation", "Overlay", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "size", "circular", "icon", "ChevronDown", "Input", "width", "InnerSheet", "ChevronUp", "props", "flex", "ScrollView", "p", "gap", "alignSelf", "H2", "map", "i"]
 }