@tamagui/demos 1.1.8 → 1.1.9

package/dist/cjs/SelectDemo.js

@@ -28,113 +28,50 @@ var import_tamagui = require("tamagui");
 var import_linear_gradient = require("tamagui/linear-gradient");
 function SelectDemo() {
   const [val, setVal] = (0, import_react.useState)("apple");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, {
-    id: "food",
-    value: val,
-    onValueChange: setVal,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
-        w: 180,
-        iconAfter: import_lucide_icons.ChevronDown,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
-          placeholder: "Something"
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { id: "food", value: val, onValueChange: setVal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { w: 180, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollUpButton, { ai: "center", jc: "center", pos: "relative", w: "100%", h: "$3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zi: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_linear_gradient.LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$background", "$backgroundTransparent"],
+            br: "$4"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, { minWidth: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { space: "$-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
+        items.map((item, i) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Item, { index: i, value: item.name.toLowerCase(), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { ml: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
+          ] }, item.name);
         })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
-        when: "sm",
-        platform: "touch",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
-          modal: true,
-          dismissOnSnapToBottom: true,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
-              })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
-          ]
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, {
-        zIndex: 2e5,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollUpButton, {
-            ai: "center",
-            jc: "center",
-            pos: "relative",
-            w: "100%",
-            h: "$3",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-                zi: 10,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, {
-                  size: 20
-                })
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: true,
-                colors: ["$background", "$backgroundTransparent"],
-                br: "$4"
-              })
-            ]
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, {
-            minWidth: 200,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, {
-              space: "$-0",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, {
-                  children: "Fruits"
-                }),
-                items.map((item, i) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Item, {
-                    index: i,
-                    value: item.name.toLowerCase(),
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, {
-                        children: item.name
-                      }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, {
-                        ml: "auto",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, {
-                          size: 16
-                        })
-                      })
-                    ]
-                  }, item.name);
-                })
-              ]
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollDownButton, {
-            ai: "center",
-            jc: "center",
-            pos: "relative",
-            w: "100%",
-            h: "$3",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-                zi: 10,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, {
-                  size: 20
-                })
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: true,
-                colors: ["$backgroundTransparent", "$background"],
-                br: "$4"
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollDownButton, { ai: "center", jc: "center", pos: "relative", w: "100%", h: "$3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zi: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_linear_gradient.LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$backgroundTransparent", "$background"],
+            br: "$4"
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 const items = [
   { name: "Apple" },

package/dist/cjs/SelectDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectDemo.tsx"],
   "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { useState } from 'react'\nimport { Adapt, Select, Sheet, YStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function SelectDemo() {\n  const [val, setVal] = useState('apple')\n  return (\n    <Select id=\"food\" value={val} onValueChange={setVal}>\n      <Select.Trigger w={180} iconAfter={ChevronDown}>\n        <Select.Value placeholder=\"Something\" />\n      </Select.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Sheet modal dismissOnSnapToBottom>\n          <Sheet.Frame>\n            <Sheet.ScrollView>\n              <Adapt.Contents />\n            </Sheet.ScrollView>\n          </Sheet.Frame>\n          <Sheet.Overlay />\n        </Sheet>\n      </Adapt>\n\n      <Select.Content zIndex={200000}>\n        <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n          <YStack zi={10}>\n            <ChevronUp size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$background', '$backgroundTransparent']}\n            br=\"$4\"\n          />\n        </Select.ScrollUpButton>\n\n        <Select.Viewport minWidth={200}>\n          <Select.Group space=\"$-0\">\n            <Select.Label>Fruits</Select.Label>\n            {items.map((item, i) => {\n              return (\n                <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n                  <Select.ItemText>{item.name}</Select.ItemText>\n                  <Select.ItemIndicator ml=\"auto\">\n                    <Check size={16} />\n                  </Select.ItemIndicator>\n                </Select.Item>\n              )\n            })}\n          </Select.Group>\n        </Select.Viewport>\n\n        <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n          <YStack zi={10}>\n            <ChevronDown size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$backgroundTransparent', '$background']}\n            br=\"$4\"\n          />\n        </Select.ScrollDownButton>\n      </Select.Content>\n    </Select>\n  )\n}\n\nconst items = [\n  { name: 'Apple' },\n  { name: 'Pear' },\n  { name: 'Blackberry' },\n  { name: 'Peach' },\n  { name: 'Apricot' },\n  { name: 'Melon' },\n  { name: 'Honeydew' },\n  { name: 'Starfruit' },\n  { name: 'Blueberry' },\n  { name: 'Rasberry' },\n  { name: 'Strawberry' },\n  { name: 'Mango' },\n  { name: 'Pineapple' },\n  { name: 'Lime' },\n  { name: 'Lemon' },\n  { name: 'Coconut' },\n  { name: 'Guava' },\n  { name: 'Papaya' },\n  { name: 'Orange' },\n  { name: 'Grape' },\n  { name: 'Jackfruit' },\n  { name: 'Durian' },\n]\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/SeparatorDemo.js

@@ -24,48 +24,18 @@ module.exports = __toCommonJS(SeparatorDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function SeparatorDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    w: "100%",
-    maw: 300,
-    mx: 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, {
-        my: 15
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        h: 20,
-        ai: "center",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            children: "Blog"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-            als: "stretch",
-            vertical: true,
-            mx: 15
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            children: "Docs"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-            als: "stretch",
-            vertical: true,
-            mx: 15
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            children: "Source"
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { w: "100%", maw: 300, mx: 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, { my: 15 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { h: 20, ai: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Blog" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { als: "stretch", vertical: true, mx: 15 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Docs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { als: "stretch", vertical: true, mx: 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.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SeparatorDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { Paragraph, Separator, XStack, YStack } from 'tamagui'\n\nexport function SeparatorDemo() {\n  return (\n    <YStack w=\"100%\" maw={300} mx={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>A cross-platform component library.</Paragraph>\n      <Separator my={15} />\n      <XStack h={20} ai=\"center\">\n        <Paragraph>Blog</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Docs</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAAqD;AAE9C,SAAS,gBAAgB;AAC9B,SACE,6CAAC;AAAA,IAAO,GAAE;AAAA,IAAO,KAAK;AAAA,IAAK,IAAI;AAAA,IAC7B;AAAA,kDAAC;AAAA,QAAU,YAAW;AAAA,QAAM;AAAA,OAAO;AAAA,MACnC,4CAAC;AAAA,QAAU;AAAA,OAAmC;AAAA,MAC9C,4CAAC;AAAA,QAAU,IAAI;AAAA,OAAI;AAAA,MACnB,6CAAC;AAAA,QAAO,GAAG;AAAA,QAAI,IAAG;AAAA,QAChB;AAAA,sDAAC;AAAA,YAAU;AAAA,WAAI;AAAA,UACf,4CAAC;AAAA,YAAU,KAAI;AAAA,YAAU,UAAQ;AAAA,YAAC,IAAI;AAAA,WAAI;AAAA,UAC1C,4CAAC;AAAA,YAAU;AAAA,WAAI;AAAA,UACf,4CAAC;AAAA,YAAU,KAAI;AAAA,YAAU,UAAQ;AAAA,YAAC,IAAI;AAAA,WAAI;AAAA,UAC1C,4CAAC;AAAA,YAAU;AAAA,WAAM;AAAA;AAAA,OACnB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAAqD;AAE9C,SAAS,gBAAgB;AAC9B,SACE,6CAAC,yBAAO,GAAE,QAAO,KAAK,KAAK,IAAI,IAC7B;AAAA,gDAAC,4BAAU,YAAW,OAAM,qBAAO;AAAA,IACnC,4CAAC,4BAAU,iDAAmC;AAAA,IAC9C,4CAAC,4BAAU,IAAI,IAAI;AAAA,IACnB,6CAAC,yBAAO,GAAG,IAAI,IAAG,UAChB;AAAA,kDAAC,4BAAU,kBAAI;AAAA,MACf,4CAAC,4BAAU,KAAI,WAAU,UAAQ,MAAC,IAAI,IAAI;AAAA,MAC1C,4CAAC,4BAAU,kBAAI;AAAA,MACf,4CAAC,4BAAU,KAAI,WAAU,UAAQ,MAAC,IAAI,IAAI;AAAA,MAC1C,4CAAC,4BAAU,oBAAM;AAAA,OACnB;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/ShapesDemo.js

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

package/dist/cjs/ShapesDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ShapesDemo.tsx"],
   "sourcesContent": ["import { Circle, Square, XStack } from 'tamagui'\n\nexport function ShapesDemo() {\n  return (\n    <XStack p=\"$2\" space=\"$4\">\n      <Square size={100} bc=\"$color\" elevation=\"$4\" />\n      <Circle size={100} bc=\"$color\" elevation=\"$4\" />\n    </XStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAuC;AAEhC,SAAS,aAAa;AAC3B,SACE,6CAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IACnB;AAAA,kDAAC;AAAA,QAAO,MAAM;AAAA,QAAK,IAAG;AAAA,QAAS,WAAU;AAAA,OAAK;AAAA,MAC9C,4CAAC;AAAA,QAAO,MAAM;AAAA,QAAK,IAAG;AAAA,QAAS,WAAU;AAAA,OAAK;AAAA;AAAA,GAChD;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAuC;AAEhC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,GAAE,MAAK,OAAM,MACnB;AAAA,gDAAC,yBAAO,MAAM,KAAK,IAAG,UAAS,WAAU,MAAK;AAAA,IAC9C,4CAAC,yBAAO,MAAM,KAAK,IAAG,UAAS,WAAU,MAAK;AAAA,KAChD;AAEJ;",
   "names": []
 }

package/dist/cjs/SheetDemo.js

@@ -31,22 +31,14 @@ const SheetDemo = () => {
   const [open, setOpen] = (0, import_react.useState)(false);
   const [modal, setModal] = (0, import_react.useState)(false);
   const [innerOpen, setInnerOpen] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        space: true,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            onPress: () => setOpen(true),
-            children: "Open"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            onPress: () => setModal((x) => !x),
-            children: modal ? "Type: Modal" : "Type: Inline"
-          })
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setOpen(true), children: "Open" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setModal((x) => !x), children: modal ? "Type: Modal" : "Type: Inline" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_sheet.Sheet,
+      {
         forceRemoveScrollEnabled: open,
         modal,
         open,
@@ -59,83 +51,49 @@ const SheetDemo = () => {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {}),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.Frame, {
-            f: 1,
-            p: "$4",
-            jc: "center",
-            ai: "center",
-            space: "$5",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                size: "$6",
-                circular: true,
-                icon: import_lucide_icons.ChevronDown,
-                onPress: () => setOpen(false)
-              }),
-              modal && /* @__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: true,
-                    icon: import_lucide_icons.ChevronUp,
-                    onPress: () => setInnerOpen(true)
-                  })
-                ]
-              })
-            ]
-          })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.Frame, { f: 1, p: "$4", jc: "center", ai: "center", space: "$5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$6", circular: true, icon: import_lucide_icons.ChevronDown, onPress: () => setOpen(false) }),
+            modal && /* @__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: true,
+                  icon: import_lucide_icons.ChevronUp,
+                  onPress: () => setInnerOpen(true)
+                }
+              )
+            ] })
+          ] })
         ]
-      })
-    ]
-  });
+      }
+    )
+  ] });
 };
 function InnerSheet(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
-    modal: true,
-    snapPoints: [90],
-    dismissOnSnapToBottom: true,
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
-        f: 1,
-        jc: "center",
-        ai: "center",
-        space: "$5",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.ScrollView, {
-          p: "$4",
-          space: true,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-              size: "$8",
-              circular: true,
-              als: "center",
-              icon: import_lucide_icons.ChevronDown,
-              onPress: () => {
-                var _a;
-                return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, false);
-              }
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, {
-              children: "Hello world"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {
-              children: "You can scroll me"
-            }),
-            [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-              size: "$10",
-              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))
-          ]
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, { modal: true, snapPoints: [90], dismissOnSnapToBottom: true, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, { f: 1, jc: "center", ai: "center", space: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.ScrollView, { p: "$4", space: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Button,
+        {
+          size: "$8",
+          circular: true,
+          als: "center",
+          icon: import_lucide_icons.ChevronDown,
+          onPress: () => {
+            var _a;
+            return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, false);
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, { children: "Hello world" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "You can scroll me" }),
+      [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$10", 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.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SheetDemo.tsx"],
   "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(false)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        forceRemoveScrollEnabled={open}\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n\n          {modal && (\n            <>\n              <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n              <Button\n                size=\"$6\"\n                circular\n                icon={ChevronUp}\n                onPress={() => setInnerOpen(true)}\n              ></Button>\n            </>\n          )}\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n        <Sheet.ScrollView p=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            als=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAdN,0BAAuC;AACvC,mBAAsB;AAEtB,mBAAyB;AACzB,qBAAkD;AAE3C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,SACE;AAAA,IACE;AAAA,mDAAC;AAAA,QAAO,OAAK;AAAA,QACX;AAAA,sDAAC;AAAA,YAAO,SAAS,MAAM,QAAQ,IAAI;AAAA,YAAG;AAAA,WAAI;AAAA,UAC1C,4CAAC;AAAA,YAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;AAAA,YACtC,kBAAQ,gBAAgB;AAAA,WAC3B;AAAA;AAAA,OACF;AAAA,MAEA,6CAAC;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,sDAAC,mBAAM,SAAN,EAAc;AAAA,UACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,UACd,6CAAC,mBAAM,OAAN;AAAA,YAAY,GAAG;AAAA,YAAG,GAAE;AAAA,YAAK,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,OAAM;AAAA,YACtD;AAAA,0DAAC;AAAA,gBAAO,MAAK;AAAA,gBAAK,UAAQ;AAAA,gBAAC,MAAM;AAAA,gBAAa,SAAS,MAAM,QAAQ,KAAK;AAAA,eAAG;AAAA,cAE5E,SACC;AAAA,gBACE;AAAA,8DAAC;AAAA,oBAAW,MAAM;AAAA,oBAAW,cAAc;AAAA,mBAAc;AAAA,kBACzD,4CAAC;AAAA,oBACC,MAAK;AAAA,oBACL,UAAQ;AAAA,oBACR,MAAM;AAAA,oBACN,SAAS,MAAM,aAAa,IAAI;AAAA,mBACjC;AAAA;AAAA,eACH;AAAA;AAAA,WAEJ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,6CAAC;AAAA,IAAM,OAAK;AAAA,IAAC,YAAY,CAAC,EAAE;AAAA,IAAG,uBAAqB;AAAA,IAAE,GAAG;AAAA,IACvD;AAAA,kDAAC,mBAAM,SAAN,EAAc;AAAA,MACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,MACd,4CAAC,mBAAM,OAAN;AAAA,QAAY,GAAG;AAAA,QAAG,IAAG;AAAA,QAAS,IAAG;AAAA,QAAS,OAAM;AAAA,QAC/C,uDAAC,mBAAM,YAAN;AAAA,UAAiB,GAAE;AAAA,UAAK,OAAK;AAAA,UAC5B;AAAA,wDAAC;AAAA,cACC,MAAK;AAAA,cACL,UAAQ;AAAA,cACR,KAAI;AAAA,cACJ,MAAM;AAAA,cACN,SAAS,MAAG;AAlExB;AAkE2B,mCAAM,iBAAN,+BAAqB;AAAA;AAAA,aACtC;AAAA,YACA,4CAAC;AAAA,cAAG;AAAA,aAAW;AAAA,YACf,4CAAC;AAAA,cAAG;AAAA,aAAiB;AAAA,YACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,4CAAC;AAAA,cAAkB,MAAK;AAAA,cAAM;AAAA,eAAd,CAMhB,CACD;AAAA;AAAA,SACH;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAdN,0BAAuC;AACvC,mBAAsB;AAEtB,mBAAyB;AACzB,qBAAkD;AAE3C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,SACE,4EACE;AAAA,iDAAC,yBAAO,OAAK,MACX;AAAA,kDAAC,yBAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,kBAAI;AAAA,MAC1C,4CAAC,yBAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,GACtC,kBAAQ,gBAAgB,gBAC3B;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,sDAAC,mBAAM,SAAN,EAAc;AAAA,UACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,UACd,6CAAC,mBAAM,OAAN,EAAY,GAAG,GAAG,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,OAAM,MACtD;AAAA,wDAAC,yBAAO,MAAK,MAAK,UAAQ,MAAC,MAAM,iCAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,YAE5E,SACC,4EACE;AAAA,0DAAC,cAAW,MAAM,WAAW,cAAc,cAAc;AAAA,cACzD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAQ;AAAA,kBACR,MAAM;AAAA,kBACN,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,cACjC;AAAA,eACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,6CAAC,sBAAM,OAAK,MAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,MAAE,GAAG,OACvD;AAAA,gDAAC,mBAAM,SAAN,EAAc;AAAA,IACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,IACd,4CAAC,mBAAM,OAAN,EAAY,GAAG,GAAG,IAAG,UAAS,IAAG,UAAS,OAAM,MAC/C,uDAAC,mBAAM,YAAN,EAAiB,GAAE,MAAK,OAAK,MAC5B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,KAAI;AAAA,UACJ,MAAM;AAAA,UACN,SAAS,MAAG;AAlExB;AAkE2B,+BAAM,iBAAN,+BAAqB;AAAA;AAAA;AAAA,MACtC;AAAA,MACA,4CAAC,qBAAG,yBAAW;AAAA,MACf,4CAAC,qBAAG,+BAAiB;AAAA,MACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,4CAAC,4BAAkB,MAAK,OAAM,0XAAd,CAMhB,CACD;AAAA,OACH,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SliderDemo.js

@@ -24,40 +24,17 @@ module.exports = __toCommonJS(SliderDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function SliderDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    height: 200,
-    ai: "center",
-    space: "$8",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, {
-        height: 200,
-        orientation: "vertical"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, {
-        width: 200
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { height: 200, ai: "center", space: "$8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, { height: 200, orientation: "vertical" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, { width: 200 })
+  ] });
 }
 function SimpleSlider({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
-    defaultValue: [50],
-    max: 100,
-    step: 1,
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {})
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {
-        bordered: true,
-        circular: true,
-        elevate: true,
-        index: 0
-      }),
-      children
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, { defaultValue: [50], max: 100, step: 1, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, { bordered: true, circular: true, elevate: true, index: 0 }),
+    children
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/SliderDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SliderDemo.tsx"],
   "sourcesContent": ["import { Slider, SliderProps, Spacer, XStack } from 'tamagui'\n\nexport function SliderDemo() {\n  return (\n    <XStack height={200} ai=\"center\" space=\"$8\">\n      <SimpleSlider height={200} orientation=\"vertical\" />\n      <SimpleSlider width={200} />\n    </XStack>\n  )\n}\n\nfunction SimpleSlider({ children, ...props }: SliderProps) {\n  return (\n    <Slider defaultValue={[50]} max={100} step={1} {...props}>\n      <Slider.Track>\n        <Slider.TrackActive />\n      </Slider.Track>\n      <Slider.Thumb bordered circular elevate index={0} />\n      {children}\n    </Slider>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAoD;AAE7C,SAAS,aAAa;AAC3B,SACE,6CAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,IACrC;AAAA,kDAAC;AAAA,QAAa,QAAQ;AAAA,QAAK,aAAY;AAAA,OAAW;AAAA,MAClD,4CAAC;AAAA,QAAa,OAAO;AAAA,OAAK;AAAA;AAAA,GAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,aAAa,MAAM,GAAgB;AACzD,SACE,6CAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,IAAI,GAAG;AAAA,IACjD;AAAA,kDAAC,sBAAO,OAAP;AAAA,QACC,sDAAC,sBAAO,aAAP,EAAmB;AAAA,OACtB;AAAA,MACA,4CAAC,sBAAO,OAAP;AAAA,QAAa,UAAQ;AAAA,QAAC,UAAQ;AAAA,QAAC,SAAO;AAAA,QAAC,OAAO;AAAA,OAAG;AAAA,MACjD;AAAA;AAAA,GACH;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAoD;AAE7C,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,QAAQ,KAAK,IAAG,UAAS,OAAM,MACrC;AAAA,gDAAC,gBAAa,QAAQ,KAAK,aAAY,YAAW;AAAA,IAClD,4CAAC,gBAAa,OAAO,KAAK;AAAA,KAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,6CAAC,yBAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,GAAI,GAAG,OACjD;AAAA,gDAAC,sBAAO,OAAP,EACC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,IACA,4CAAC,sBAAO,OAAP,EAAa,UAAQ,MAAC,UAAQ,MAAC,SAAO,MAAC,OAAO,GAAG;AAAA,IACjD;AAAA,KACH;AAEJ;",
   "names": []
 }

package/dist/cjs/SpinnerDemo.js

@@ -24,21 +24,10 @@ module.exports = __toCommonJS(SpinnerDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function SpinnerDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    p: "$3",
-    space: "$4",
-    ai: "center",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
-        size: "small",
-        color: "$green10"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
-        size: "large",
-        color: "$orange10"
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { p: "$3", space: "$4", ai: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "small", color: "$green10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "large", color: "$orange10" })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/SpinnerDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SpinnerDemo.tsx"],
   "sourcesContent": ["import { Spinner, YStack } from 'tamagui'\n\nexport function SpinnerDemo() {\n  return (\n    <YStack p=\"$3\" space=\"$4\" ai=\"center\">\n      <Spinner size=\"small\" color=\"$green10\" />\n      <Spinner size=\"large\" color=\"$orange10\" />\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAgC;AAEzB,SAAS,cAAc;AAC5B,SACE,6CAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,IAC3B;AAAA,kDAAC;AAAA,QAAQ,MAAK;AAAA,QAAQ,OAAM;AAAA,OAAW;AAAA,MACvC,4CAAC;AAAA,QAAQ,MAAK;AAAA,QAAQ,OAAM;AAAA,OAAY;AAAA;AAAA,GAC1C;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAgC;AAEzB,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,GAAE,MAAK,OAAM,MAAK,IAAG,UAC3B;AAAA,gDAAC,0BAAQ,MAAK,SAAQ,OAAM,YAAW;AAAA,IACvC,4CAAC,0BAAQ,MAAK,SAAQ,OAAM,aAAY;AAAA,KAC1C;AAEJ;",
   "names": []
 }