@tamagui/demos 1.113.1 → 1.114.0

package/dist/esm/SheetDemo.native.js

@@ -3,68 +3,85 @@ 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__ */_jsx(Button, {
-            onPress: function () {
-              return setOpen(!0);
+        children: [
+          /* @__PURE__ */ _jsxs(XStack, {
+            space: !0,
+            $sm: {
+              flexDirection: "column",
+              alignItems: "center"
             },
-            children: "Open"
-          }), /* @__PURE__ */_jsx(Button, {
-            onPress: function () {
-              return setModal(function (x) {
+            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) {
                 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) {
-              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: `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,
@@ -76,90 +93,123 @@ var spModes = ["percent", "constant", "fit", "mixed"],
         onPositionChange: setPosition,
         zIndex: 1e5,
         animation: "medium",
-        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);
+        children: [
+          /* @__PURE__ */ _jsx(Sheet.Overlay, {
+            animation: "lazy",
+            enterStyle: {
+              opacity: 0
+            },
+            exitStyle: {
+              opacity: 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);
-              }
-            })]
-          })]
-        })]
-      })]
-    });
-  };
+          }),
+          /* @__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);
+                    }
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+};
 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.native.js.map
+export {
+  SheetDemo
+};
+//# sourceMappingURL=SheetDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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"]
+}

package/dist/esm/SliderDemo.native.js

@@ -1,36 +1,44 @@
 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.native.js.map
+export {
+  SliderDemo
+};
+//# sourceMappingURL=SliderDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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"]
+}

package/dist/esm/SpinnerDemo.native.js

@@ -1,18 +1,23 @@
 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.native.js.map
+export {
+  SpinnerDemo
+};
+//# sourceMappingURL=SpinnerDemo.js.map

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

@@ -1 +1,6 @@
-{"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":[]}
+{
+  "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"]
+}

package/dist/esm/StacksDemo.native.js

@@ -2,81 +2,99 @@ 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",
-      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,
+    children: [
+      /* @__PURE__ */ _jsxs(YStack, {
+        flex: 1,
+        space: "$2",
+        borderWidth: 2,
+        borderColor: "$color",
         borderRadius: "$4",
         padding: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */_jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: !0,
-        y: 10,
-        x: 10,
+        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,
-        borderRadius: "$4",
-        padding: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
         borderColor: "$color",
-        fullscreen: !0,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
         borderRadius: "$4",
-        padding: "$2"
-      })]
-    })]
+        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"
+          })
+        ]
+      })
+    ]
   });
 }
-export { StacksDemo };
-//# sourceMappingURL=StacksDemo.native.js.map
+export {
+  StacksDemo
+};
+//# sourceMappingURL=StacksDemo.js.map