@tamagui/demos 1.111.7 → 1.111.9

package/dist/esm/SheetDemo.native.js

@@ -3,85 +3,68 @@ import React from "react";
 import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
 import { Sheet } from "@tamagui/sheet";
 import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
-var spModes = [
-  "percent",
-  "constant",
-  "fit",
-  "mixed"
-], SheetDemo = function() {
-  var [position, setPosition] = React.useState(0), [open, setOpen] = React.useState(!1), [modal, setModal] = React.useState(!0), [innerOpen, setInnerOpen] = React.useState(!1), [snapPointsMode, setSnapPointsMode] = React.useState("percent"), [mixedFitDemo, setMixedFitDemo] = React.useState(!1), isPercent = snapPointsMode === "percent", isConstant = snapPointsMode === "constant", isFit = snapPointsMode === "fit", isMixed = snapPointsMode === "mixed", snapPoints = isPercent ? [
-    85,
-    50,
-    25
-  ] : isConstant ? [
-    256,
-    190
-  ] : isFit ? void 0 : mixedFitDemo ? [
-    "fit",
-    110
-  ] : [
-    "80%",
-    256,
-    190
-  ];
-  return /* @__PURE__ */ _jsxs(_Fragment, {
-    children: [
-      /* @__PURE__ */ _jsxs(YStack, {
+var spModes = ["percent", "constant", "fit", "mixed"],
+  SheetDemo = function () {
+    var [position, setPosition] = React.useState(0),
+      [open, setOpen] = React.useState(!1),
+      [modal, setModal] = React.useState(!0),
+      [innerOpen, setInnerOpen] = React.useState(!1),
+      [snapPointsMode, setSnapPointsMode] = React.useState("percent"),
+      [mixedFitDemo, setMixedFitDemo] = React.useState(!1),
+      isPercent = snapPointsMode === "percent",
+      isConstant = snapPointsMode === "constant",
+      isFit = snapPointsMode === "fit",
+      isMixed = snapPointsMode === "mixed",
+      snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
+    return /* @__PURE__ */_jsxs(_Fragment, {
+      children: [/* @__PURE__ */_jsxs(YStack, {
         space: !0,
-        children: [
-          /* @__PURE__ */ _jsxs(XStack, {
-            space: !0,
-            $sm: {
-              flexDirection: "column",
-              alignItems: "center"
+        children: [/* @__PURE__ */_jsxs(XStack, {
+          space: !0,
+          $sm: {
+            flexDirection: "column",
+            alignItems: "center"
+          },
+          children: [/* @__PURE__ */_jsx(Button, {
+            onPress: function () {
+              return setOpen(!0);
             },
-            children: [
-              /* @__PURE__ */ _jsx(Button, {
-                onPress: function() {
-                  return setOpen(!0);
-                },
-                children: "Open"
-              }),
-              /* @__PURE__ */ _jsx(Button, {
-                onPress: function() {
-                  return setModal(function(x) {
-                    return !x;
-                  });
-                },
-                children: modal ? "Type: Modal" : "Type: Inline"
-              }),
-              /* @__PURE__ */ _jsx(Button, {
-                onPress: function() {
-                  return setSnapPointsMode(function(prev) {
-                    return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
-                  });
-                },
-                children: `Mode: ${{
-                  percent: "Percentage",
-                  constant: "Constant",
-                  fit: "Fit",
-                  mixed: "Mixed"
-                }[snapPointsMode]}`
-              })
-            ]
-          }),
-          isMixed ? /* @__PURE__ */ _jsx(Button, {
-            onPress: function() {
-              return setMixedFitDemo(function(x) {
+            children: "Open"
+          }), /* @__PURE__ */_jsx(Button, {
+            onPress: function () {
+              return setModal(function (x) {
                 return !x;
               });
             },
-            children: `Snap Points: ${JSON.stringify(snapPoints)}`
-          }) : /* @__PURE__ */ _jsx(XStack, {
-            paddingVertical: "$2.5",
-            justifyContent: "center",
-            children: /* @__PURE__ */ _jsx(Paragraph, {
-              children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-            })
+            children: modal ? "Type: Modal" : "Type: Inline"
+          }), /* @__PURE__ */_jsx(Button, {
+            onPress: function () {
+              return setSnapPointsMode(function (prev) {
+                return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
+              });
+            },
+            children: `Mode: ${{
+              percent: "Percentage",
+              constant: "Constant",
+              fit: "Fit",
+              mixed: "Mixed"
+            }[snapPointsMode]}`
+          })]
+        }), isMixed ? /* @__PURE__ */_jsx(Button, {
+          onPress: function () {
+            return setMixedFitDemo(function (x) {
+              return !x;
+            });
+          },
+          children: `Snap Points: ${JSON.stringify(snapPoints)}`
+        }) : /* @__PURE__ */_jsx(XStack, {
+          paddingVertical: "$2.5",
+          justifyContent: "center",
+          children: /* @__PURE__ */_jsx(Paragraph, {
+            children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
           })
-        ]
-      }),
-      /* @__PURE__ */ _jsxs(Sheet, {
+        })]
+      }), /* @__PURE__ */_jsxs(Sheet, {
         forceRemoveScrollEnabled: open,
         modal,
         open,
@@ -93,123 +76,90 @@ var spModes = [
         onPositionChange: setPosition,
         zIndex: 1e5,
         animation: "medium",
-        children: [
-          /* @__PURE__ */ _jsx(Sheet.Overlay, {
-            animation: "lazy",
-            enterStyle: {
-              opacity: 0
-            },
-            exitStyle: {
-              opacity: 0
+        children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
+          animation: "lazy",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsxs(Sheet.Frame, {
+          padding: "$4",
+          justifyContent: "center",
+          alignItems: "center",
+          space: "$5",
+          children: [/* @__PURE__ */_jsx(Button, {
+            size: "$6",
+            circular: !0,
+            icon: ChevronDown,
+            onPress: function () {
+              return setOpen(!1);
             }
-          }),
-          /* @__PURE__ */ _jsx(Sheet.Handle, {}),
-          /* @__PURE__ */ _jsxs(Sheet.Frame, {
-            padding: "$4",
-            justifyContent: "center",
-            alignItems: "center",
-            space: "$5",
-            children: [
-              /* @__PURE__ */ _jsx(Button, {
-                size: "$6",
-                circular: !0,
-                icon: ChevronDown,
-                onPress: function() {
-                  return setOpen(!1);
-                }
-              }),
-              /* @__PURE__ */ _jsx(Input, {
-                width: 200
-              }),
-              modal && isPercent && /* @__PURE__ */ _jsxs(_Fragment, {
-                children: [
-                  /* @__PURE__ */ _jsx(InnerSheet, {
-                    open: innerOpen,
-                    onOpenChange: setInnerOpen
-                  }),
-                  /* @__PURE__ */ _jsx(Button, {
-                    size: "$6",
-                    circular: !0,
-                    icon: ChevronUp,
-                    onPress: function() {
-                      return setInnerOpen(!0);
-                    }
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-};
+          }), /* @__PURE__ */_jsx(Input, {
+            width: 200
+          }), modal && isPercent && /* @__PURE__ */_jsxs(_Fragment, {
+            children: [/* @__PURE__ */_jsx(InnerSheet, {
+              open: innerOpen,
+              onOpenChange: setInnerOpen
+            }), /* @__PURE__ */_jsx(Button, {
+              size: "$6",
+              circular: !0,
+              icon: ChevronUp,
+              onPress: function () {
+                return setInnerOpen(!0);
+              }
+            })]
+          })]
+        })]
+      })]
+    });
+  };
 function InnerSheet(props) {
-  return /* @__PURE__ */ _jsxs(Sheet, {
+  return /* @__PURE__ */_jsxs(Sheet, {
     animation: "medium",
     modal: !0,
-    snapPoints: [
-      90
-    ],
+    snapPoints: [90],
     dismissOnSnapToBottom: !0,
     ...props,
-    children: [
-      /* @__PURE__ */ _jsx(Sheet.Overlay, {
-        animation: "medium",
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }),
-      /* @__PURE__ */ _jsx(Sheet.Handle, {}),
-      /* @__PURE__ */ _jsx(Sheet.Frame, {
-        flex: 1,
-        justifyContent: "center",
-        alignItems: "center",
-        space: "$5",
-        children: /* @__PURE__ */ _jsx(Sheet.ScrollView, {
-          children: /* @__PURE__ */ _jsxs(YStack, {
-            p: "$5",
-            gap: "$8",
-            children: [
-              /* @__PURE__ */ _jsx(Button, {
-                size: "$6",
-                circular: !0,
-                alignSelf: "center",
-                icon: ChevronDown,
-                onPress: function() {
-                  var _props_onOpenChange;
-                  return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
-                }
-              }),
-              /* @__PURE__ */ _jsx(H2, {
-                children: "Hello world"
-              }),
-              [
-                1,
-                2,
-                3,
-                4,
-                5,
-                6,
-                7,
-                8
-              ].map(function(i) {
-                return /* @__PURE__ */ _jsx(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);
-              })
-            ]
-          })
+    children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
+      animation: "medium",
+      enterStyle: {
+        opacity: 0
+      },
+      exitStyle: {
+        opacity: 0
+      }
+    }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      space: "$5",
+      children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
+        children: /* @__PURE__ */_jsxs(YStack, {
+          p: "$5",
+          gap: "$8",
+          children: [/* @__PURE__ */_jsx(Button, {
+            size: "$6",
+            circular: !0,
+            alignSelf: "center",
+            icon: ChevronDown,
+            onPress: function () {
+              var _props_onOpenChange;
+              return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
+            }
+          }), /* @__PURE__ */_jsx(H2, {
+            children: "Hello world"
+          }), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
+            return /* @__PURE__ */_jsx(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);
+          })]
         })
       })
-    ]
+    })]
   });
 }
-export {
-  SheetDemo
-};
-//# sourceMappingURL=SheetDemo.js.map
+export { SheetDemo };
+//# sourceMappingURL=SheetDemo.native.js.map

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

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

package/dist/esm/SliderDemo.native.js

@@ -1,44 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slider, XStack } from "tamagui";
 function SliderDemo() {
-  return /* @__PURE__ */ _jsxs(XStack, {
+  return /* @__PURE__ */_jsxs(XStack, {
     height: 200,
     alignItems: "center",
     gap: "$8",
-    children: [
-      /* @__PURE__ */ _jsx(SimpleSlider, {
-        height: 200,
-        orientation: "vertical"
-      }),
-      /* @__PURE__ */ _jsx(SimpleSlider, {
-        width: 200
-      })
-    ]
+    children: [/* @__PURE__ */_jsx(SimpleSlider, {
+      height: 200,
+      orientation: "vertical"
+    }), /* @__PURE__ */_jsx(SimpleSlider, {
+      width: 200
+    })]
   });
 }
 function SimpleSlider(param) {
-  var { children, ...props } = param;
-  return /* @__PURE__ */ _jsxs(Slider, {
-    defaultValue: [
-      50
-    ],
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */_jsxs(Slider, {
+    defaultValue: [50],
     max: 100,
     step: 1,
     ...props,
-    children: [
-      /* @__PURE__ */ _jsx(Slider.Track, {
-        children: /* @__PURE__ */ _jsx(Slider.TrackActive, {})
-      }),
-      /* @__PURE__ */ _jsx(Slider.Thumb, {
-        size: "$2",
-        index: 0,
-        circular: !0
-      }),
-      children
-    ]
+    children: [/* @__PURE__ */_jsx(Slider.Track, {
+      children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
+    }), /* @__PURE__ */_jsx(Slider.Thumb, {
+      size: "$2",
+      index: 0,
+      circular: !0
+    }), children]
   });
 }
-export {
-  SliderDemo
-};
-//# sourceMappingURL=SliderDemo.js.map
+export { SliderDemo };
+//# sourceMappingURL=SliderDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SliderDemo.tsx"],
-  "mappings": ";AACA,SAASA,QAAQC,cAAc;AAExB,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,QAAQ;IAAKC,YAAW;IAASC,KAAI;;MAC3C,qBAACC,cAAAA;QAAaH,QAAQ;QAAKI,aAAY;;MACvC,qBAACD,cAAAA;QAAaE,OAAO;;;;AAG3B;AAEA,SAASF,aAAa,OAAmC;MAAnC,EAAEG,UAAU,GAAGC,MAAAA,IAAf;AACpB,SACE,sBAACV,QAAAA;IAAOW,cAAc;MAAC;;IAAKC,KAAK;IAAKC,MAAM;IAAI,GAAGH;;MACjD,qBAACV,OAAOc,OAAK;kBACX,qBAACd,OAAOe,aAAW,CAAA,CAAA;;MAErB,qBAACf,OAAOgB,OAAK;QAACC,MAAK;QAAKC,OAAO;QAAGC,UAAQ;;MACzCV;;;AAGP;",
-  "names": ["Slider", "XStack", "SliderDemo", "height", "alignItems", "gap", "SimpleSlider", "orientation", "width", "children", "props", "defaultValue", "max", "step", "Track", "TrackActive", "Thumb", "size", "index", "circular"]
-}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Slider","XStack","SliderDemo","height","alignItems","gap","children","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAI3B,SACEC,MADF,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,MAAA;IACAC,UAAA,UAAC;IAAyBC,GAC5B;IAEJC,QAAA,GAEA,eAAsBT,IAAE,CAAAU,YAAa;MACnCJ,MACE;MACEK,WAAA;IAGA,IACC,eAAAX,IAAA,CAAAU,YAAA;MACHE,KAAA;IAEJ","ignoreList":[]}

package/dist/esm/SpinnerDemo.native.js

@@ -1,23 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Spinner, YStack } from "tamagui";
 function SpinnerDemo() {
-  return /* @__PURE__ */ _jsxs(YStack, {
+  return /* @__PURE__ */_jsxs(YStack, {
     padding: "$3",
     space: "$4",
     alignItems: "center",
-    children: [
-      /* @__PURE__ */ _jsx(Spinner, {
-        size: "small",
-        color: "$green10"
-      }),
-      /* @__PURE__ */ _jsx(Spinner, {
-        size: "large",
-        color: "$orange10"
-      })
-    ]
+    children: [/* @__PURE__ */_jsx(Spinner, {
+      size: "small",
+      color: "$green10"
+    }), /* @__PURE__ */_jsx(Spinner, {
+      size: "large",
+      color: "$orange10"
+    })]
   });
 }
-export {
-  SpinnerDemo
-};
-//# sourceMappingURL=SpinnerDemo.js.map
+export { SpinnerDemo };
+//# sourceMappingURL=SpinnerDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SpinnerDemo.tsx"],
-  "mappings": ";AAAA,SAASA,SAASC,cAAc;AAEzB,SAASC,cAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;IAAKC,YAAW;;MACzC,qBAACL,SAAAA;QAAQM,MAAK;QAAQC,OAAM;;MAC5B,qBAACP,SAAAA;QAAQM,MAAK;QAAQC,OAAM;;;;AAGlC;",
-  "names": ["Spinner", "YStack", "SpinnerDemo", "padding", "space", "alignItems", "size", "color"]
-}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Spinner","YStack","SpinnerDemo","padding","space","alignItems","children"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAc;AAI5B,SACEC,OADF,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,OAAA;IACAC,KAAA;IAAwCC,UAC1C;IAEJC,QAAA,G","ignoreList":[]}

package/dist/esm/StacksDemo.native.js

@@ -2,99 +2,81 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "react";
 import { XStack, YStack, ZStack } from "tamagui";
 function StacksDemo() {
-  return /* @__PURE__ */ _jsxs(XStack, {
+  return /* @__PURE__ */_jsxs(XStack, {
     maxWidth: 250,
     padding: "$2",
     alignSelf: "center",
     space: !0,
-    children: [
-      /* @__PURE__ */ _jsxs(YStack, {
-        flex: 1,
-        space: "$2",
-        borderWidth: 2,
-        borderColor: "$color",
+    children: [/* @__PURE__ */_jsxs(YStack, {
+      flex: 1,
+      space: "$2",
+      borderWidth: 2,
+      borderColor: "$color",
+      borderRadius: "$4",
+      padding: "$2",
+      children: [/* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      })]
+    }), /* @__PURE__ */_jsxs(XStack, {
+      flex: 1,
+      space: "$2",
+      borderWidth: 2,
+      borderColor: "$color",
+      borderRadius: "$4",
+      padding: "$2",
+      children: [/* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      })]
+    }), /* @__PURE__ */_jsxs(ZStack, {
+      maxWidth: 50,
+      maxHeight: 85,
+      width: 100,
+      flex: 1,
+      children: [/* @__PURE__ */_jsx(YStack, {
+        fullscreen: !0,
         borderRadius: "$4",
         padding: "$2",
-        children: [
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          })
-        ]
-      }),
-      /* @__PURE__ */ _jsxs(XStack, {
-        flex: 1,
-        space: "$2",
+        borderColor: "$color",
+        borderWidth: 2
+      }), /* @__PURE__ */_jsx(YStack, {
+        borderColor: "$color",
+        fullscreen: !0,
+        y: 10,
+        x: 10,
         borderWidth: 2,
+        borderRadius: "$4",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
         borderColor: "$color",
+        fullscreen: !0,
+        y: 20,
+        x: 20,
+        borderWidth: 2,
         borderRadius: "$4",
-        padding: "$2",
-        children: [
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            backgroundColor: "$color",
-            borderRadius: "$3",
-            padding: "$2"
-          })
-        ]
-      }),
-      /* @__PURE__ */ _jsxs(ZStack, {
-        maxWidth: 50,
-        maxHeight: 85,
-        width: 100,
-        flex: 1,
-        children: [
-          /* @__PURE__ */ _jsx(YStack, {
-            fullscreen: !0,
-            borderRadius: "$4",
-            padding: "$2",
-            borderColor: "$color",
-            borderWidth: 2
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            borderColor: "$color",
-            fullscreen: !0,
-            y: 10,
-            x: 10,
-            borderWidth: 2,
-            borderRadius: "$4",
-            padding: "$2"
-          }),
-          /* @__PURE__ */ _jsx(YStack, {
-            borderColor: "$color",
-            fullscreen: !0,
-            y: 20,
-            x: 20,
-            borderWidth: 2,
-            borderRadius: "$4",
-            padding: "$2"
-          })
-        ]
-      })
-    ]
+        padding: "$2"
+      })]
+    })]
   });
 }
-export {
-  StacksDemo
-};
-//# sourceMappingURL=StacksDemo.js.map
+export { StacksDemo };
+//# sourceMappingURL=StacksDemo.native.js.map