@tamagui/demos 1.14.0 → 1.14.2

package/dist/jsx/ScrollViewDemo.mjs

@@ -1,2 +1,17 @@
-import{Circle as $,ScrollView as S,Square as C,XStack as V}from"tamagui";function y(){return<S maxHeight={250}width="75%"backgroundColor="$background"padding="$4"borderRadius="$4"><V flexWrap="wrap"alignItems="center"justifyContent="center"><C margin="$4"size={120}backgroundColor="$red9"/><$ margin="$4"size={120}backgroundColor="$orange9"/><C margin="$4"size={120}backgroundColor="$yellow9"/><$ margin="$4"size={120}backgroundColor="$green9"/><C margin="$4"size={120}backgroundColor="$blue9"/><$ margin="$4"size={120}backgroundColor="$purple9"/><C margin="$4"size={120}backgroundColor="$pink9"/><$ margin="$4"size={120}backgroundColor="$red9"/></V></S>}export{y as ScrollViewDemo};
+import { Circle, ScrollView, Square, XStack } from "tamagui";
+function ScrollViewDemo() {
+  return <ScrollView maxHeight={250} width="75%" backgroundColor="$background" padding="$4" borderRadius="$4"><XStack flexWrap="wrap" alignItems="center" justifyContent="center">
+    <Square margin="$4" size={120} backgroundColor="$red9" />
+    <Circle margin="$4" size={120} backgroundColor="$orange9" />
+    <Square margin="$4" size={120} backgroundColor="$yellow9" />
+    <Circle margin="$4" size={120} backgroundColor="$green9" />
+    <Square margin="$4" size={120} backgroundColor="$blue9" />
+    <Circle margin="$4" size={120} backgroundColor="$purple9" />
+    <Square margin="$4" size={120} backgroundColor="$pink9" />
+    <Circle margin="$4" size={120} backgroundColor="$red9" />
+  </XStack></ScrollView>;
+}
+export {
+  ScrollViewDemo
+};
 //# sourceMappingURL=ScrollViewDemo.mjs.map

package/dist/jsx/ScrollViewDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ScrollViewDemo.tsx"],
   "sourcesContent": ["import { Circle, ScrollView, Square, XStack } from 'tamagui'\n\nexport function ScrollViewDemo() {\n  return (\n    <ScrollView maxHeight={250} width=\"75%\" backgroundColor=\"$background\" padding=\"$4\" borderRadius=\"$4\">\n      <XStack flexWrap=\"wrap\" alignItems=\"center\" justifyContent=\"center\">\n        <Square margin=\"$4\" size={120} backgroundColor=\"$red9\" />\n        <Circle margin=\"$4\" size={120} backgroundColor=\"$orange9\" />\n        <Square margin=\"$4\" size={120} backgroundColor=\"$yellow9\" />\n        <Circle margin=\"$4\" size={120} backgroundColor=\"$green9\" />\n        <Square margin=\"$4\" size={120} backgroundColor=\"$blue9\" />\n        <Circle margin=\"$4\" size={120} backgroundColor=\"$purple9\" />\n        <Square margin=\"$4\" size={120} backgroundColor=\"$pink9\" />\n        <Circle margin=\"$4\" size={120} backgroundColor=\"$red9\" />\n      </XStack>\n    </ScrollView>\n  )\n}\n"],
-  "mappings": "AAAA,OAAS,UAAAA,EAAQ,cAAAC,EAAY,UAAAC,EAAQ,UAAAC,MAAc,UAE5C,SAASC,GAAiB,CAC/B,MACE,CAACH,EAAW,WAAW,IAAK,MAAM,KAAM,gBAAgB,aAAc,QAAQ,IAAK,aAAa,KAC9F,CAACE,EAAO,SAAS,MAAO,WAAW,QAAS,eAAe,SACzD,CAACD,EAAO,OAAO,IAAK,MAAM,IAAK,gBAAgB,OAAQ,EACvD,CAACF,EAAO,OAAO,IAAK,MAAM,IAAK,gBAAgB,UAAW,EAC1D,CAACE,EAAO,OAAO,IAAK,MAAM,IAAK,gBAAgB,UAAW,EAC1D,CAACF,EAAO,OAAO,IAAK,MAAM,IAAK,gBAAgB,SAAU,EACzD,CAACE,EAAO,OAAO,IAAK,MAAM,IAAK,gBAAgB,QAAS,EACxD,CAACF,EAAO,OAAO,IAAK,MAAM,IAAK,gBAAgB,UAAW,EAC1D,CAACE,EAAO,OAAO,IAAK,MAAM,IAAK,gBAAgB,QAAS,EACxD,CAACF,EAAO,OAAO,IAAK,MAAM,IAAK,gBAAgB,OAAQ,EACzD,EATCG,EAUH,EAXCF,EAaL",
-  "names": ["Circle", "ScrollView", "Square", "XStack", "ScrollViewDemo"]
+  "mappings": "AAAA,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAE5C,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,WAAW,KAAK,MAAM,MAAM,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAC9F,CAAC,OAAO,SAAS,OAAO,WAAW,SAAS,eAAe;AAAA,IACzD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,QAAQ;AAAA,IACvD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,UAAU;AAAA,IACzD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,SAAS;AAAA,IACxD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,SAAS;AAAA,IACxD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,QAAQ;AAAA,EACzD,EATC,OAUH,EAXC;AAaL;",
+  "names": []
 }

package/dist/jsx/SelectDemo.js

@@ -1,2 +1,73 @@
-import{Check as A,ChevronDown as C,ChevronUp as D}from"@tamagui/lucide-icons";import{useState as G}from"react";import{Adapt as $,Select as S,Sheet as I,YStack as B}from"tamagui";import{LinearGradient as L}from"tamagui/linear-gradient";function Y(){const[T,V]=G("apple");return<S id="food"value={T}onValueChange={V}><S.Trigger width={180}iconAfter={C}><S.Value placeholder="Something"/></S.Trigger><$ when="sm"platform="touch"><I modal dismissOnSnapToBottom><I.Frame><I.ScrollView><$.Contents/></I.ScrollView></I.Frame><I.Overlay/></I></$><S.Content zIndex={2e5}><S.ScrollUpButton alignItems="center"justifyContent="center"position="relative"width="100%"height="$3"><B zIndex={10}><D size={20}/></B><L start={[0,0]}end={[0,1]}fullscreen colors={["$background","$backgroundTransparent"]}borderRadius="$4"/></S.ScrollUpButton><S.Viewport minWidth={200}><S.Group space="$0"><S.Label>Fruits</S.Label>{P.map((b,z)=><S.Item index={z}key={b.name}value={b.name.toLowerCase()}><S.ItemText>{b.name}</S.ItemText><S.ItemIndicator marginLeft="auto"><A size={16}/></S.ItemIndicator></S.Item>)}</S.Group></S.Viewport><S.ScrollDownButton alignItems="center"justifyContent="center"position="relative"width="100%"height="$3"><B zIndex={10}><C size={20}/></B><L start={[0,0]}end={[0,1]}fullscreen colors={["$backgroundTransparent","$background"]}borderRadius="$4"/></S.ScrollDownButton></S.Content></S>}const P=[{name:"Apple"},{name:"Pear"},{name:"Blackberry"},{name:"Peach"},{name:"Apricot"},{name:"Melon"},{name:"Honeydew"},{name:"Starfruit"},{name:"Blueberry"},{name:"Raspberry"},{name:"Strawberry"},{name:"Mango"},{name:"Pineapple"},{name:"Lime"},{name:"Lemon"},{name:"Coconut"},{name:"Guava"},{name:"Papaya"},{name:"Orange"},{name:"Grape"},{name:"Jackfruit"},{name:"Durian"}];export{Y as SelectDemo};
+import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { useState } from "react";
+import { Adapt, Select, Sheet, YStack } from "tamagui";
+import { LinearGradient } from "tamagui/linear-gradient";
+function SelectDemo() {
+  const [val, setVal] = useState("apple");
+  return <Select id="food" value={val} onValueChange={setVal}>
+    <Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
+    <Adapt when="sm" platform="touch"><Sheet modal dismissOnSnapToBottom>
+      <Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
+      <Sheet.Overlay />
+    </Sheet></Adapt>
+    <Select.Content zIndex={2e5}>
+      <Select.ScrollUpButton alignItems="center" justifyContent="center" position="relative" width="100%" height="$3">
+        <YStack zIndex={10}><ChevronUp size={20} /></YStack>
+        <LinearGradient
+          start={[0, 0]}
+          end={[0, 1]}
+          fullscreen
+          colors={["$background", "$backgroundTransparent"]}
+          borderRadius="$4"
+        />
+      </Select.ScrollUpButton>
+      <Select.Viewport minWidth={200}><Select.Group space="$0">
+        <Select.Label>Fruits</Select.Label>
+        {items.map((item, i) => {
+          return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
+            <Select.ItemText>{item.name}</Select.ItemText>
+            <Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
+          </Select.Item>;
+        })}
+      </Select.Group></Select.Viewport>
+      <Select.ScrollDownButton alignItems="center" justifyContent="center" position="relative" width="100%" height="$3">
+        <YStack zIndex={10}><ChevronDown size={20} /></YStack>
+        <LinearGradient
+          start={[0, 0]}
+          end={[0, 1]}
+          fullscreen
+          colors={["$backgroundTransparent", "$background"]}
+          borderRadius="$4"
+        />
+      </Select.ScrollDownButton>
+    </Select.Content>
+  </Select>;
+}
+const items = [
+  { name: "Apple" },
+  { name: "Pear" },
+  { name: "Blackberry" },
+  { name: "Peach" },
+  { name: "Apricot" },
+  { name: "Melon" },
+  { name: "Honeydew" },
+  { name: "Starfruit" },
+  { name: "Blueberry" },
+  { name: "Raspberry" },
+  { name: "Strawberry" },
+  { name: "Mango" },
+  { name: "Pineapple" },
+  { name: "Lime" },
+  { name: "Lemon" },
+  { name: "Coconut" },
+  { name: "Guava" },
+  { name: "Papaya" },
+  { name: "Orange" },
+  { name: "Grape" },
+  { name: "Jackfruit" },
+  { name: "Durian" }
+];
+export {
+  SelectDemo
+};
 //# sourceMappingURL=SelectDemo.js.map

package/dist/jsx/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 width={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 alignItems=\"center\" justifyContent=\"center\" position=\"relative\" width=\"100%\" height=\"$3\">\n          <YStack zIndex={10}>\n            <ChevronUp size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$background', '$backgroundTransparent']}\n            borderRadius=\"$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 marginLeft=\"auto\">\n                    <Check size={16} />\n                  </Select.ItemIndicator>\n                </Select.Item>\n              )\n            })}\n          </Select.Group>\n        </Select.Viewport>\n\n        <Select.ScrollDownButton alignItems=\"center\" justifyContent=\"center\" position=\"relative\" width=\"100%\" height=\"$3\">\n          <YStack zIndex={10}>\n            <ChevronDown size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$backgroundTransparent', '$background']}\n            borderRadius=\"$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: 'Raspberry' },\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": "AAAA,OAAS,SAAAA,EAAO,eAAAC,EAAa,aAAAC,MAAiB,wBAC9C,OAAS,YAAAC,MAAgB,QACzB,OAAS,SAAAC,EAAO,UAAAC,EAAQ,SAAAC,EAAO,UAAAC,MAAc,UAC7C,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAa,CAC3B,KAAM,CAACC,EAAKC,CAAM,EAAIR,EAAS,OAAO,EACtC,MACE,CAACE,EAAO,GAAG,MAAO,OAAOK,EAAK,eAAeC,GAC3C,CAACN,EAAO,QAAQ,OAAO,IAAK,WAAWJ,GACrC,CAACI,EAAO,MAAM,YAAY,WAAY,EACxC,EAFCA,EAAO,QAIR,CAACD,EAAM,KAAK,IAAK,SAAS,QACxB,CAACE,EAAM,MAAM,sBACX,CAACA,EAAM,MACL,CAACA,EAAM,WACL,CAACF,EAAM,QAAS,EAClB,EAFCE,EAAM,WAGT,EAJCA,EAAM,MAKP,CAACA,EAAM,OAAQ,EACjB,EAPCA,EAQH,EATCF,EAWD,CAACC,EAAO,QAAQ,QAAQ,KACtB,CAACA,EAAO,eAAe,WAAW,QAAS,eAAe,QAAS,SAAS,UAAW,MAAM,MAAO,OAAO,KACzG,CAACE,EAAO,QAAQ,IACd,CAACL,EAAU,MAAM,GAAI,EACvB,EAFCK,EAGD,CAACC,EACC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACV,WACA,QAAQ,CAAC,cAAe,wBAAwB,EAChD,aAAa,IACf,EACF,EAXCH,EAAO,eAaR,CAACA,EAAO,SAAS,UAAU,KACzB,CAACA,EAAO,MAAM,MAAM,KAClB,CAACA,EAAO,MAAM,MAAM,EAAnBA,EAAO,OACPO,EAAM,IAAI,CAACC,EAAMC,IAEd,CAACT,EAAO,KAAK,OAAOS,EAAG,KAAKD,EAAK,KAAM,OAAOA,EAAK,KAAK,YAAY,GAClE,CAACR,EAAO,UAAUQ,EAAK,KAAK,EAA3BR,EAAO,SACR,CAACA,EAAO,cAAc,WAAW,OAC/B,CAACL,EAAM,MAAM,GAAI,EACnB,EAFCK,EAAO,cAGV,EALCA,EAAO,KAOX,EACH,EAZCA,EAAO,MAaV,EAdCA,EAAO,SAgBR,CAACA,EAAO,iBAAiB,WAAW,QAAS,eAAe,QAAS,SAAS,UAAW,MAAM,MAAO,OAAO,KAC3G,CAACE,EAAO,QAAQ,IACd,CAACN,EAAY,MAAM,GAAI,EACzB,EAFCM,EAGD,CAACC,EACC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACV,WACA,QAAQ,CAAC,yBAA0B,aAAa,EAChD,aAAa,IACf,EACF,EAXCH,EAAO,iBAYV,EA1CCA,EAAO,QA2CV,EA3DCA,EA6DL,CAEA,MAAMO,EAAQ,CACZ,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,MAAO,EACf,CAAE,KAAM,YAAa,EACrB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,SAAU,EAClB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,UAAW,EACnB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,YAAa,EACrB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,MAAO,EACf,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,SAAU,EAClB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,QAAS,EACjB,CAAE,KAAM,QAAS,EACjB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,QAAS,CACnB",
-  "names": ["Check", "ChevronDown", "ChevronUp", "useState", "Adapt", "Select", "Sheet", "YStack", "LinearGradient", "SelectDemo", "val", "setVal", "items", "item", "i"]
+  "mappings": "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",
+  "names": []
 }

package/dist/jsx/SelectDemo.mjs

@@ -1,2 +1,73 @@
-import{Check as A,ChevronDown as C,ChevronUp as D}from"@tamagui/lucide-icons";import{useState as G}from"react";import{Adapt as $,Select as S,Sheet as I,YStack as B}from"tamagui";import{LinearGradient as L}from"tamagui/linear-gradient";function Y(){const[T,V]=G("apple");return<S id="food"value={T}onValueChange={V}><S.Trigger width={180}iconAfter={C}><S.Value placeholder="Something"/></S.Trigger><$ when="sm"platform="touch"><I modal dismissOnSnapToBottom><I.Frame><I.ScrollView><$.Contents/></I.ScrollView></I.Frame><I.Overlay/></I></$><S.Content zIndex={2e5}><S.ScrollUpButton alignItems="center"justifyContent="center"position="relative"width="100%"height="$3"><B zIndex={10}><D size={20}/></B><L start={[0,0]}end={[0,1]}fullscreen colors={["$background","$backgroundTransparent"]}borderRadius="$4"/></S.ScrollUpButton><S.Viewport minWidth={200}><S.Group space="$0"><S.Label>Fruits</S.Label>{P.map((b,z)=><S.Item index={z}key={b.name}value={b.name.toLowerCase()}><S.ItemText>{b.name}</S.ItemText><S.ItemIndicator marginLeft="auto"><A size={16}/></S.ItemIndicator></S.Item>)}</S.Group></S.Viewport><S.ScrollDownButton alignItems="center"justifyContent="center"position="relative"width="100%"height="$3"><B zIndex={10}><C size={20}/></B><L start={[0,0]}end={[0,1]}fullscreen colors={["$backgroundTransparent","$background"]}borderRadius="$4"/></S.ScrollDownButton></S.Content></S>}const P=[{name:"Apple"},{name:"Pear"},{name:"Blackberry"},{name:"Peach"},{name:"Apricot"},{name:"Melon"},{name:"Honeydew"},{name:"Starfruit"},{name:"Blueberry"},{name:"Raspberry"},{name:"Strawberry"},{name:"Mango"},{name:"Pineapple"},{name:"Lime"},{name:"Lemon"},{name:"Coconut"},{name:"Guava"},{name:"Papaya"},{name:"Orange"},{name:"Grape"},{name:"Jackfruit"},{name:"Durian"}];export{Y as SelectDemo};
+import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { useState } from "react";
+import { Adapt, Select, Sheet, YStack } from "tamagui";
+import { LinearGradient } from "tamagui/linear-gradient";
+function SelectDemo() {
+  const [val, setVal] = useState("apple");
+  return <Select id="food" value={val} onValueChange={setVal}>
+    <Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
+    <Adapt when="sm" platform="touch"><Sheet modal dismissOnSnapToBottom>
+      <Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
+      <Sheet.Overlay />
+    </Sheet></Adapt>
+    <Select.Content zIndex={2e5}>
+      <Select.ScrollUpButton alignItems="center" justifyContent="center" position="relative" width="100%" height="$3">
+        <YStack zIndex={10}><ChevronUp size={20} /></YStack>
+        <LinearGradient
+          start={[0, 0]}
+          end={[0, 1]}
+          fullscreen
+          colors={["$background", "$backgroundTransparent"]}
+          borderRadius="$4"
+        />
+      </Select.ScrollUpButton>
+      <Select.Viewport minWidth={200}><Select.Group space="$0">
+        <Select.Label>Fruits</Select.Label>
+        {items.map((item, i) => {
+          return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
+            <Select.ItemText>{item.name}</Select.ItemText>
+            <Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
+          </Select.Item>;
+        })}
+      </Select.Group></Select.Viewport>
+      <Select.ScrollDownButton alignItems="center" justifyContent="center" position="relative" width="100%" height="$3">
+        <YStack zIndex={10}><ChevronDown size={20} /></YStack>
+        <LinearGradient
+          start={[0, 0]}
+          end={[0, 1]}
+          fullscreen
+          colors={["$backgroundTransparent", "$background"]}
+          borderRadius="$4"
+        />
+      </Select.ScrollDownButton>
+    </Select.Content>
+  </Select>;
+}
+const items = [
+  { name: "Apple" },
+  { name: "Pear" },
+  { name: "Blackberry" },
+  { name: "Peach" },
+  { name: "Apricot" },
+  { name: "Melon" },
+  { name: "Honeydew" },
+  { name: "Starfruit" },
+  { name: "Blueberry" },
+  { name: "Raspberry" },
+  { name: "Strawberry" },
+  { name: "Mango" },
+  { name: "Pineapple" },
+  { name: "Lime" },
+  { name: "Lemon" },
+  { name: "Coconut" },
+  { name: "Guava" },
+  { name: "Papaya" },
+  { name: "Orange" },
+  { name: "Grape" },
+  { name: "Jackfruit" },
+  { name: "Durian" }
+];
+export {
+  SelectDemo
+};
 //# sourceMappingURL=SelectDemo.mjs.map

package/dist/jsx/SelectDemo.mjs.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 width={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 alignItems=\"center\" justifyContent=\"center\" position=\"relative\" width=\"100%\" height=\"$3\">\n          <YStack zIndex={10}>\n            <ChevronUp size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$background', '$backgroundTransparent']}\n            borderRadius=\"$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 marginLeft=\"auto\">\n                    <Check size={16} />\n                  </Select.ItemIndicator>\n                </Select.Item>\n              )\n            })}\n          </Select.Group>\n        </Select.Viewport>\n\n        <Select.ScrollDownButton alignItems=\"center\" justifyContent=\"center\" position=\"relative\" width=\"100%\" height=\"$3\">\n          <YStack zIndex={10}>\n            <ChevronDown size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$backgroundTransparent', '$background']}\n            borderRadius=\"$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: 'Raspberry' },\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": "AAAA,OAAS,SAAAA,EAAO,eAAAC,EAAa,aAAAC,MAAiB,wBAC9C,OAAS,YAAAC,MAAgB,QACzB,OAAS,SAAAC,EAAO,UAAAC,EAAQ,SAAAC,EAAO,UAAAC,MAAc,UAC7C,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAa,CAC3B,KAAM,CAACC,EAAKC,CAAM,EAAIR,EAAS,OAAO,EACtC,MACE,CAACE,EAAO,GAAG,MAAO,OAAOK,EAAK,eAAeC,GAC3C,CAACN,EAAO,QAAQ,OAAO,IAAK,WAAWJ,GACrC,CAACI,EAAO,MAAM,YAAY,WAAY,EACxC,EAFCA,EAAO,QAIR,CAACD,EAAM,KAAK,IAAK,SAAS,QACxB,CAACE,EAAM,MAAM,sBACX,CAACA,EAAM,MACL,CAACA,EAAM,WACL,CAACF,EAAM,QAAS,EAClB,EAFCE,EAAM,WAGT,EAJCA,EAAM,MAKP,CAACA,EAAM,OAAQ,EACjB,EAPCA,EAQH,EATCF,EAWD,CAACC,EAAO,QAAQ,QAAQ,KACtB,CAACA,EAAO,eAAe,WAAW,QAAS,eAAe,QAAS,SAAS,UAAW,MAAM,MAAO,OAAO,KACzG,CAACE,EAAO,QAAQ,IACd,CAACL,EAAU,MAAM,GAAI,EACvB,EAFCK,EAGD,CAACC,EACC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACV,WACA,QAAQ,CAAC,cAAe,wBAAwB,EAChD,aAAa,IACf,EACF,EAXCH,EAAO,eAaR,CAACA,EAAO,SAAS,UAAU,KACzB,CAACA,EAAO,MAAM,MAAM,KAClB,CAACA,EAAO,MAAM,MAAM,EAAnBA,EAAO,OACPO,EAAM,IAAI,CAACC,EAAMC,IAEd,CAACT,EAAO,KAAK,OAAOS,EAAG,KAAKD,EAAK,KAAM,OAAOA,EAAK,KAAK,YAAY,GAClE,CAACR,EAAO,UAAUQ,EAAK,KAAK,EAA3BR,EAAO,SACR,CAACA,EAAO,cAAc,WAAW,OAC/B,CAACL,EAAM,MAAM,GAAI,EACnB,EAFCK,EAAO,cAGV,EALCA,EAAO,KAOX,EACH,EAZCA,EAAO,MAaV,EAdCA,EAAO,SAgBR,CAACA,EAAO,iBAAiB,WAAW,QAAS,eAAe,QAAS,SAAS,UAAW,MAAM,MAAO,OAAO,KAC3G,CAACE,EAAO,QAAQ,IACd,CAACN,EAAY,MAAM,GAAI,EACzB,EAFCM,EAGD,CAACC,EACC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACV,WACA,QAAQ,CAAC,yBAA0B,aAAa,EAChD,aAAa,IACf,EACF,EAXCH,EAAO,iBAYV,EA1CCA,EAAO,QA2CV,EA3DCA,EA6DL,CAEA,MAAMO,EAAQ,CACZ,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,MAAO,EACf,CAAE,KAAM,YAAa,EACrB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,SAAU,EAClB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,UAAW,EACnB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,YAAa,EACrB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,MAAO,EACf,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,SAAU,EAClB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,QAAS,EACjB,CAAE,KAAM,QAAS,EACjB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,QAAS,CACnB",
-  "names": ["Check", "ChevronDown", "ChevronUp", "useState", "Adapt", "Select", "Sheet", "YStack", "LinearGradient", "SelectDemo", "val", "setVal", "items", "item", "i"]
+  "mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB,SAAS,OAAO,QAAQ,OAAO,cAAc;AAC7C,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AACtC,SACE,CAAC,OAAO,GAAG,OAAO,OAAO,KAAK,eAAe;AAAA,IAC3C,CAAC,OAAO,QAAQ,OAAO,KAAK,WAAW,aACrC,CAAC,OAAO,MAAM,YAAY,YAAY,EACxC,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,MAAM;AAAA,MACX,CAAC,MAAM,MACL,CAAC,MAAM,WACL,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM,WAGT,EAJC,MAAM;AAAA,MAKP,CAAC,MAAM,QAAQ;AAAA,IACjB,EAPC,MAQH,EATC;AAAA,IAWD,CAAC,OAAO,QAAQ,QAAQ;AAAA,MACtB,CAAC,OAAO,eAAe,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,MAAM,OAAO,OAAO;AAAA,QACzG,CAAC,OAAO,QAAQ,IACd,CAAC,UAAU,MAAM,IAAI,EACvB,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,OAAO,CAAC,GAAG,CAAC;AAAA,UACZ,KAAK,CAAC,GAAG,CAAC;AAAA,UACV;AAAA,UACA,QAAQ,CAAC,eAAe,wBAAwB;AAAA,UAChD,aAAa;AAAA,QACf;AAAA,MACF,EAXC,OAAO;AAAA,MAaR,CAAC,OAAO,SAAS,UAAU,KACzB,CAAC,OAAO,MAAM,MAAM;AAAA,QAClB,CAAC,OAAO,MAAM,MAAM,EAAnB,OAAO;AAAA,SACP,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,iBACE,CAAC,OAAO,KAAK,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,YAClE,CAAC,OAAO,UAAU,KAAK,KAAK,EAA3B,OAAO;AAAA,YACR,CAAC,OAAO,cAAc,WAAW,OAC/B,CAAC,MAAM,MAAM,IAAI,EACnB,EAFC,OAAO;AAAA,UAGV,EALC,OAAO;AAAA,QAOZ,CAAC;AAAA,MACH,EAZC,OAAO,MAaV,EAdC,OAAO;AAAA,MAgBR,CAAC,OAAO,iBAAiB,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,MAAM,OAAO,OAAO;AAAA,QAC3G,CAAC,OAAO,QAAQ,IACd,CAAC,YAAY,MAAM,IAAI,EACzB,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,OAAO,CAAC,GAAG,CAAC;AAAA,UACZ,KAAK,CAAC,GAAG,CAAC;AAAA,UACV;AAAA,UACA,QAAQ,CAAC,0BAA0B,aAAa;AAAA,UAChD,aAAa;AAAA,QACf;AAAA,MACF,EAXC,OAAO;AAAA,IAYV,EA1CC,OAAO;AAAA,EA2CV,EA3DC;AA6DL;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
+  "names": []
 }

package/dist/jsx/SeparatorDemo.js

@@ -1,2 +1,19 @@
-import{Paragraph as S,Separator as P,XStack as H,YStack as D}from"tamagui";function b(){return<D width="100%"maxWidth={300}marginHorizontal={15}><S fontWeight="800">Tamagui</S><S>A cross-platform component library.</S><P marginVertical={15}/><H height={20}alignItems="center"><S>Blog</S><P alignSelf="stretch"vertical marginHorizontal={15}/><S>Docs</S><P alignSelf="stretch"vertical marginHorizontal={15}/><S>Source</S></H></D>}export{b as SeparatorDemo};
+import { Paragraph, Separator, XStack, YStack } from "tamagui";
+function SeparatorDemo() {
+  return <YStack width="100%" maxWidth={300} marginHorizontal={15}>
+    <Paragraph fontWeight="800">Tamagui</Paragraph>
+    <Paragraph>A cross-platform component library.</Paragraph>
+    <Separator marginVertical={15} />
+    <XStack height={20} alignItems="center">
+      <Paragraph>Blog</Paragraph>
+      <Separator alignSelf="stretch" vertical marginHorizontal={15} />
+      <Paragraph>Docs</Paragraph>
+      <Separator alignSelf="stretch" vertical marginHorizontal={15} />
+      <Paragraph>Source</Paragraph>
+    </XStack>
+  </YStack>;
+}
+export {
+  SeparatorDemo
+};
 //# sourceMappingURL=SeparatorDemo.js.map

package/dist/jsx/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 width=\"100%\" maxWidth={300} marginHorizontal={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>A cross-platform component library.</Paragraph>\n      <Separator marginVertical={15} />\n      <XStack height={20} alignItems=\"center\">\n        <Paragraph>Blog</Paragraph>\n        <Separator alignSelf=\"stretch\" vertical marginHorizontal={15} />\n        <Paragraph>Docs</Paragraph>\n        <Separator alignSelf=\"stretch\" vertical marginHorizontal={15} />\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AACA,OAAS,aAAAA,EAAW,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAgB,CAC9B,MACE,CAACD,EAAO,MAAM,MAAO,UAAU,IAAK,kBAAkB,IACpD,CAACH,EAAU,WAAW,MAAM,OAAO,EAAlCA,EACD,CAACA,EAAU,mCAAmC,EAA7CA,EACD,CAACC,EAAU,gBAAgB,GAAI,EAC/B,CAACC,EAAO,QAAQ,GAAI,WAAW,SAC7B,CAACF,EAAU,IAAI,EAAdA,EACD,CAACC,EAAU,UAAU,SAAU,SAAS,kBAAkB,GAAI,EAC9D,CAACD,EAAU,IAAI,EAAdA,EACD,CAACC,EAAU,UAAU,SAAU,SAAS,kBAAkB,GAAI,EAC9D,CAACD,EAAU,MAAM,EAAhBA,EACH,EANCE,EAOH,EAXCC,EAaL",
-  "names": ["Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo"]
+  "mappings": "AACA,SAAS,WAAW,WAAW,QAAQ,cAAc;AAE9C,SAAS,gBAAgB;AAC9B,SACE,CAAC,OAAO,MAAM,OAAO,UAAU,KAAK,kBAAkB;AAAA,IACpD,CAAC,UAAU,WAAW,MAAM,OAAO,EAAlC;AAAA,IACD,CAAC,UAAU,mCAAmC,EAA7C;AAAA,IACD,CAAC,UAAU,gBAAgB,IAAI;AAAA,IAC/B,CAAC,OAAO,QAAQ,IAAI,WAAW;AAAA,MAC7B,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,UAAU,UAAU,SAAS,kBAAkB,IAAI;AAAA,MAC9D,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,UAAU,UAAU,SAAS,kBAAkB,IAAI;AAAA,MAC9D,CAAC,UAAU,MAAM,EAAhB;AAAA,IACH,EANC;AAAA,EAOH,EAXC;AAaL;",
+  "names": []
 }

package/dist/jsx/SeparatorDemo.mjs

@@ -1,2 +1,19 @@
-import{Paragraph as S,Separator as P,XStack as H,YStack as D}from"tamagui";function b(){return<D width="100%"maxWidth={300}marginHorizontal={15}><S fontWeight="800">Tamagui</S><S>A cross-platform component library.</S><P marginVertical={15}/><H height={20}alignItems="center"><S>Blog</S><P alignSelf="stretch"vertical marginHorizontal={15}/><S>Docs</S><P alignSelf="stretch"vertical marginHorizontal={15}/><S>Source</S></H></D>}export{b as SeparatorDemo};
+import { Paragraph, Separator, XStack, YStack } from "tamagui";
+function SeparatorDemo() {
+  return <YStack width="100%" maxWidth={300} marginHorizontal={15}>
+    <Paragraph fontWeight="800">Tamagui</Paragraph>
+    <Paragraph>A cross-platform component library.</Paragraph>
+    <Separator marginVertical={15} />
+    <XStack height={20} alignItems="center">
+      <Paragraph>Blog</Paragraph>
+      <Separator alignSelf="stretch" vertical marginHorizontal={15} />
+      <Paragraph>Docs</Paragraph>
+      <Separator alignSelf="stretch" vertical marginHorizontal={15} />
+      <Paragraph>Source</Paragraph>
+    </XStack>
+  </YStack>;
+}
+export {
+  SeparatorDemo
+};
 //# sourceMappingURL=SeparatorDemo.mjs.map

package/dist/jsx/SeparatorDemo.mjs.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 width=\"100%\" maxWidth={300} marginHorizontal={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>A cross-platform component library.</Paragraph>\n      <Separator marginVertical={15} />\n      <XStack height={20} alignItems=\"center\">\n        <Paragraph>Blog</Paragraph>\n        <Separator alignSelf=\"stretch\" vertical marginHorizontal={15} />\n        <Paragraph>Docs</Paragraph>\n        <Separator alignSelf=\"stretch\" vertical marginHorizontal={15} />\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AACA,OAAS,aAAAA,EAAW,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAgB,CAC9B,MACE,CAACD,EAAO,MAAM,MAAO,UAAU,IAAK,kBAAkB,IACpD,CAACH,EAAU,WAAW,MAAM,OAAO,EAAlCA,EACD,CAACA,EAAU,mCAAmC,EAA7CA,EACD,CAACC,EAAU,gBAAgB,GAAI,EAC/B,CAACC,EAAO,QAAQ,GAAI,WAAW,SAC7B,CAACF,EAAU,IAAI,EAAdA,EACD,CAACC,EAAU,UAAU,SAAU,SAAS,kBAAkB,GAAI,EAC9D,CAACD,EAAU,IAAI,EAAdA,EACD,CAACC,EAAU,UAAU,SAAU,SAAS,kBAAkB,GAAI,EAC9D,CAACD,EAAU,MAAM,EAAhBA,EACH,EANCE,EAOH,EAXCC,EAaL",
-  "names": ["Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo"]
+  "mappings": "AACA,SAAS,WAAW,WAAW,QAAQ,cAAc;AAE9C,SAAS,gBAAgB;AAC9B,SACE,CAAC,OAAO,MAAM,OAAO,UAAU,KAAK,kBAAkB;AAAA,IACpD,CAAC,UAAU,WAAW,MAAM,OAAO,EAAlC;AAAA,IACD,CAAC,UAAU,mCAAmC,EAA7C;AAAA,IACD,CAAC,UAAU,gBAAgB,IAAI;AAAA,IAC/B,CAAC,OAAO,QAAQ,IAAI,WAAW;AAAA,MAC7B,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,UAAU,UAAU,SAAS,kBAAkB,IAAI;AAAA,MAC9D,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,UAAU,UAAU,SAAS,kBAAkB,IAAI;AAAA,MAC9D,CAAC,UAAU,MAAM,EAAhB;AAAA,IACH,EANC;AAAA,EAOH,EAXC;AAaL;",
+  "names": []
 }

package/dist/jsx/ShapesDemo.js

@@ -1,2 +1,11 @@
-import{Circle as $,Square as S,XStack as C}from"tamagui";function f(){return<C padding="$2"space="$4"><S size={100}backgroundColor="$color"elevation="$4"/><$ size={100}backgroundColor="$color"elevation="$4"/></C>}export{f as ShapesDemo};
+import { Circle, Square, XStack } from "tamagui";
+function ShapesDemo() {
+  return <XStack padding="$2" space="$4">
+    <Square size={100} backgroundColor="$color" elevation="$4" />
+    <Circle size={100} backgroundColor="$color" elevation="$4" />
+  </XStack>;
+}
+export {
+  ShapesDemo
+};
 //# sourceMappingURL=ShapesDemo.js.map

package/dist/jsx/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 padding=\"$2\" space=\"$4\">\n      <Square size={100} backgroundColor=\"$color\" elevation=\"$4\" />\n      <Circle size={100} backgroundColor=\"$color\" elevation=\"$4\" />\n    </XStack>\n  )\n}\n"],
-  "mappings": "AAAA,OAAS,UAAAA,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEhC,SAASC,GAAa,CAC3B,MACE,CAACD,EAAO,QAAQ,IAAK,MAAM,KACzB,CAACD,EAAO,MAAM,IAAK,gBAAgB,QAAS,UAAU,IAAK,EAC3D,CAACD,EAAO,MAAM,IAAK,gBAAgB,QAAS,UAAU,IAAK,EAC7D,EAHCE,EAKL",
-  "names": ["Circle", "Square", "XStack", "ShapesDemo"]
+  "mappings": "AAAA,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM;AAAA,IACzB,CAAC,OAAO,MAAM,KAAK,gBAAgB,SAAS,UAAU,KAAK;AAAA,IAC3D,CAAC,OAAO,MAAM,KAAK,gBAAgB,SAAS,UAAU,KAAK;AAAA,EAC7D,EAHC;AAKL;",
+  "names": []
 }

package/dist/jsx/ShapesDemo.mjs

@@ -1,2 +1,11 @@
-import{Circle as $,Square as S,XStack as C}from"tamagui";function f(){return<C padding="$2"space="$4"><S size={100}backgroundColor="$color"elevation="$4"/><$ size={100}backgroundColor="$color"elevation="$4"/></C>}export{f as ShapesDemo};
+import { Circle, Square, XStack } from "tamagui";
+function ShapesDemo() {
+  return <XStack padding="$2" space="$4">
+    <Square size={100} backgroundColor="$color" elevation="$4" />
+    <Circle size={100} backgroundColor="$color" elevation="$4" />
+  </XStack>;
+}
+export {
+  ShapesDemo
+};
 //# sourceMappingURL=ShapesDemo.mjs.map

package/dist/jsx/ShapesDemo.mjs.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 padding=\"$2\" space=\"$4\">\n      <Square size={100} backgroundColor=\"$color\" elevation=\"$4\" />\n      <Circle size={100} backgroundColor=\"$color\" elevation=\"$4\" />\n    </XStack>\n  )\n}\n"],
-  "mappings": "AAAA,OAAS,UAAAA,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEhC,SAASC,GAAa,CAC3B,MACE,CAACD,EAAO,QAAQ,IAAK,MAAM,KACzB,CAACD,EAAO,MAAM,IAAK,gBAAgB,QAAS,UAAU,IAAK,EAC3D,CAACD,EAAO,MAAM,IAAK,gBAAgB,QAAS,UAAU,IAAK,EAC7D,EAHCE,EAKL",
-  "names": ["Circle", "Square", "XStack", "ShapesDemo"]
+  "mappings": "AAAA,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM;AAAA,IACzB,CAAC,OAAO,MAAM,KAAK,gBAAgB,SAAS,UAAU,KAAK;AAAA,IAC3D,CAAC,OAAO,MAAM,KAAK,gBAAgB,SAAS,UAAU,KAAK;AAAA,EAC7D,EAHC;AAKL;",
+  "names": []
 }

package/dist/jsx/SheetDemo.js

@@ -1,2 +1,66 @@
-import{ChevronDown as H,ChevronUp as z}from"@tamagui/lucide-icons";import{Sheet as S}from"@tamagui/sheet";import{useState as v}from"react";import{Button as P,H1 as F,H2 as T,Input as D,Paragraph as E,XStack as M}from"tamagui";const G=()=>{const[O,y]=v(0),[$,C]=v(!1),[I,x]=v(!1),[B,b]=v(!1);return<><M space><P onPress={()=>C(!0)}>Open</P><P onPress={()=>x(w=>!w)}>{I?"Type: Modal":"Type: Inline"}</P></M><S forceRemoveScrollEnabled={$}modal={I}open={$}onOpenChange={C}snapPoints={[85,50,25]}dismissOnSnapToBottom position={O}onPositionChange={y}zIndex={1e5}animation="bouncy"><S.Overlay/><S.Handle/><S.Frame flex={1}padding="$4"justifyContent="center"alignItems="center"space="$5"><P size="$6"circular icon={H}onPress={()=>C(!1)}/><D width={200}/>{I&&<><V open={B}onOpenChange={b}/><P size="$6"circular icon={z}onPress={()=>b(!0)}/></>}</S.Frame></S></>};function V(O){return<S modal snapPoints={[90]}dismissOnSnapToBottom{...O}><S.Overlay/><S.Handle/><S.Frame flex={1}justifyContent="center"alignItems="center"space="$5"><S.ScrollView padding="$4"space><P size="$8"circular alignSelf="center"icon={H}onPress={()=>O.onOpenChange?.(!1)}/><F>Hello world</F><T>You can scroll me</T>{[1,2,3].map(y=><E key={y}size="$10">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.</E>)}</S.ScrollView></S.Frame></S>}export{G as SheetDemo};
+import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { Sheet } from "@tamagui/sheet";
+import { useState } from "react";
+import { Button, H1, H2, Input, Paragraph, XStack } from "tamagui";
+const SheetDemo = () => {
+  const [position, setPosition] = useState(0);
+  const [open, setOpen] = useState(false);
+  const [modal, setModal] = useState(false);
+  const [innerOpen, setInnerOpen] = useState(false);
+  return <>
+    <XStack space>
+      <Button onPress={() => setOpen(true)}>Open</Button>
+      <Button onPress={() => setModal((x) => !x)}>{modal ? "Type: Modal" : "Type: Inline"}</Button>
+    </XStack>
+    <Sheet
+      forceRemoveScrollEnabled={open}
+      modal={modal}
+      open={open}
+      onOpenChange={setOpen}
+      snapPoints={[85, 50, 25]}
+      dismissOnSnapToBottom
+      position={position}
+      onPositionChange={setPosition}
+      zIndex={1e5}
+      animation="bouncy"
+    >
+      <Sheet.Overlay />
+      <Sheet.Handle />
+      <Sheet.Frame flex={1} padding="$4" justifyContent="center" alignItems="center" space="$5">
+        <Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
+        <Input width={200} />
+        {modal && <>
+          <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />
+          <Button
+            size="$6"
+            circular
+            icon={ChevronUp}
+            onPress={() => setInnerOpen(true)}
+          />
+        </>}
+      </Sheet.Frame>
+    </Sheet>
+  </>;
+};
+function InnerSheet(props) {
+  return <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
+    <Sheet.Overlay />
+    <Sheet.Handle />
+    <Sheet.Frame flex={1} justifyContent="center" alignItems="center" space="$5"><Sheet.ScrollView padding="$4" space>
+      <Button
+        size="$8"
+        circular
+        alignSelf="center"
+        icon={ChevronDown}
+        onPress={() => props.onOpenChange?.(false)}
+      />
+      <H1>Hello world</H1>
+      <H2>You can scroll me</H2>
+      {[1, 2, 3].map((i) => <Paragraph key={i} size="$10">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.</Paragraph>)}
+    </Sheet.ScrollView></Sheet.Frame>
+  </Sheet>;
+}
+export {
+  SheetDemo
+};
 //# sourceMappingURL=SheetDemo.js.map

package/dist/jsx/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, Input, 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        animation=\"bouncy\" // for the css driver\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame flex={1} padding=\"$4\" justifyContent=\"center\" alignItems=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n          <Input width={200} />\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 flex={1} justifyContent=\"center\" alignItems=\"center\" space=\"$5\">\n        <Sheet.ScrollView padding=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            alignSelf=\"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,OAAS,eAAAA,EAAa,aAAAC,MAAiB,wBACvC,OAAS,SAAAC,MAAa,iBAEtB,OAAS,YAAAC,MAAgB,QACzB,OAAS,UAAAC,EAAQ,MAAAC,EAAI,MAAAC,EAAI,SAAAC,EAAO,aAAAC,EAAW,UAAAC,MAAc,UAElD,MAAMC,EAAY,IAAM,CAC7B,KAAM,CAACC,EAAUC,CAAW,EAAIT,EAAS,CAAC,EACpC,CAACU,EAAMC,CAAO,EAAIX,EAAS,EAAK,EAChC,CAACY,EAAOC,CAAQ,EAAIb,EAAS,EAAK,EAClC,CAACc,EAAWC,CAAY,EAAIf,EAAS,EAAK,EAEhD,MACE,EACE,CAACM,EAAO,MACN,CAACL,EAAO,SAAS,IAAMU,EAAQ,EAAI,GAAG,IAAI,EAAzCV,EACD,CAACA,EAAO,SAAS,IAAMY,EAAUG,GAAM,CAACA,CAAC,IACtCJ,EAAQ,cAAgB,eAC3B,EAFCX,EAGH,EALCK,EAOD,CAACP,EACC,0BAA0BW,EAC1B,OAAOE,EACP,MAAMF,EACN,cAAcC,EACd,YAAY,CAAC,GAAI,GAAI,EAAE,EACvB,sBACA,UAAUH,EACV,kBAAkBC,EAClB,QAAQ,IACR,UAAU,SAEV,CAACV,EAAM,OAAQ,EACf,CAACA,EAAM,MAAO,EACd,CAACA,EAAM,MAAM,MAAM,EAAG,QAAQ,IAAK,eAAe,QAAS,WAAW,QAAS,MAAM,KACnF,CAACE,EAAO,KAAK,IAAK,SAAS,MAAMJ,EAAa,SAAS,IAAMc,EAAQ,EAAK,EAAG,EAC7E,CAACP,EAAM,OAAO,IAAK,GAClBQ,GACC,EACE,CAACK,EAAW,MAAMH,EAAW,cAAcC,EAAc,EACzD,CAACd,EACC,KAAK,IACL,SACA,MAAMH,EACN,SAAS,IAAMiB,EAAa,EAAI,EACjC,EACH,IAEJ,EAdChB,EAAM,MAeT,EA7BCA,EA8BH,GAEJ,EAEA,SAASkB,EAAWC,EAAmB,CACrC,MACE,CAACnB,EAAM,MAAM,YAAY,CAAC,EAAE,EAAG,yBAA0BmB,GACvD,CAACnB,EAAM,OAAQ,EACf,CAACA,EAAM,MAAO,EACd,CAACA,EAAM,MAAM,MAAM,EAAG,eAAe,QAAS,WAAW,QAAS,MAAM,KACtE,CAACA,EAAM,WAAW,QAAQ,IAAK,MAC7B,CAACE,EACC,KAAK,IACL,SACA,UAAU,QACV,MAAMJ,EACN,SAAS,IAAMqB,EAAM,eAAe,EAAK,EAC3C,EACA,CAAChB,EAAG,WAAW,EAAdA,EACD,CAACC,EAAG,iBAAiB,EAApBA,GACA,CAAC,EAAG,EAAG,CAAC,EAAE,IAAKgB,GACd,CAACd,EAAU,KAAKc,EAAG,KAAK,MAAM,0WAM9B,EANCd,EAOF,EACH,EAnBCN,EAAM,WAoBT,EArBCA,EAAM,MAsBT,EAzBCA,EA2BL",
-  "names": ["ChevronDown", "ChevronUp", "Sheet", "useState", "Button", "H1", "H2", "Input", "Paragraph", "XStack", "SheetDemo", "position", "setPosition", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "x", "InnerSheet", "props", "i"]
+  "mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,OAAO,WAAW,cAAc;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,IAAI,EAAzC;AAAA,MACD,CAAC,OAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,IACtC,QAAQ,gBAAgB,eAC3B,EAFC;AAAA,IAGH,EALC;AAAA,IAOD,CAAC;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,UAAU;AAAA;AAAA,MAEV,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM,MAAM,MAAM,GAAG,QAAQ,KAAK,eAAe,SAAS,WAAW,SAAS,MAAM;AAAA,QACnF,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7E,CAAC,MAAM,OAAO,KAAK;AAAA,SAClB,SACC;AAAA,UACE,CAAC,WAAW,MAAM,WAAW,cAAc,cAAc;AAAA,UACzD,CAAC;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,MAAM;AAAA,YACN,SAAS,MAAM,aAAa,IAAI;AAAA,UACjC;AAAA,QACH;AAAA,MAEJ,EAdC,MAAM;AAAA,IAeT,EA7BC;AAAA,EA8BH;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,MAAM,GAAG,eAAe,SAAS,WAAW,SAAS,MAAM,KACtE,CAAC,MAAM,WAAW,QAAQ,KAAK;AAAA,MAC7B,CAAC;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS,MAAM,MAAM,eAAe,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,GAAG,WAAW,EAAd;AAAA,MACD,CAAC,GAAG,iBAAiB,EAApB;AAAA,OACA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,0WAM9B,EANC,UAOF;AAAA,IACH,EAnBC,MAAM,WAoBT,EArBC,MAAM;AAAA,EAsBT,EAzBC;AA2BL;",
+  "names": []
 }

package/dist/jsx/SheetDemo.mjs

@@ -1,2 +1,66 @@
-import{ChevronDown as H,ChevronUp as z}from"@tamagui/lucide-icons";import{Sheet as S}from"@tamagui/sheet";import{useState as v}from"react";import{Button as P,H1 as F,H2 as T,Input as D,Paragraph as E,XStack as M}from"tamagui";const G=()=>{const[O,y]=v(0),[$,C]=v(!1),[I,x]=v(!1),[B,b]=v(!1);return<><M space><P onPress={()=>C(!0)}>Open</P><P onPress={()=>x(w=>!w)}>{I?"Type: Modal":"Type: Inline"}</P></M><S forceRemoveScrollEnabled={$}modal={I}open={$}onOpenChange={C}snapPoints={[85,50,25]}dismissOnSnapToBottom position={O}onPositionChange={y}zIndex={1e5}animation="bouncy"><S.Overlay/><S.Handle/><S.Frame flex={1}padding="$4"justifyContent="center"alignItems="center"space="$5"><P size="$6"circular icon={H}onPress={()=>C(!1)}/><D width={200}/>{I&&<><V open={B}onOpenChange={b}/><P size="$6"circular icon={z}onPress={()=>b(!0)}/></>}</S.Frame></S></>};function V(O){return<S modal snapPoints={[90]}dismissOnSnapToBottom{...O}><S.Overlay/><S.Handle/><S.Frame flex={1}justifyContent="center"alignItems="center"space="$5"><S.ScrollView padding="$4"space><P size="$8"circular alignSelf="center"icon={H}onPress={()=>O.onOpenChange?.(!1)}/><F>Hello world</F><T>You can scroll me</T>{[1,2,3].map(y=><E key={y}size="$10">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.</E>)}</S.ScrollView></S.Frame></S>}export{G as SheetDemo};
+import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { Sheet } from "@tamagui/sheet";
+import { useState } from "react";
+import { Button, H1, H2, Input, Paragraph, XStack } from "tamagui";
+const SheetDemo = () => {
+  const [position, setPosition] = useState(0);
+  const [open, setOpen] = useState(false);
+  const [modal, setModal] = useState(false);
+  const [innerOpen, setInnerOpen] = useState(false);
+  return <>
+    <XStack space>
+      <Button onPress={() => setOpen(true)}>Open</Button>
+      <Button onPress={() => setModal((x) => !x)}>{modal ? "Type: Modal" : "Type: Inline"}</Button>
+    </XStack>
+    <Sheet
+      forceRemoveScrollEnabled={open}
+      modal={modal}
+      open={open}
+      onOpenChange={setOpen}
+      snapPoints={[85, 50, 25]}
+      dismissOnSnapToBottom
+      position={position}
+      onPositionChange={setPosition}
+      zIndex={1e5}
+      animation="bouncy"
+    >
+      <Sheet.Overlay />
+      <Sheet.Handle />
+      <Sheet.Frame flex={1} padding="$4" justifyContent="center" alignItems="center" space="$5">
+        <Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
+        <Input width={200} />
+        {modal && <>
+          <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />
+          <Button
+            size="$6"
+            circular
+            icon={ChevronUp}
+            onPress={() => setInnerOpen(true)}
+          />
+        </>}
+      </Sheet.Frame>
+    </Sheet>
+  </>;
+};
+function InnerSheet(props) {
+  return <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
+    <Sheet.Overlay />
+    <Sheet.Handle />
+    <Sheet.Frame flex={1} justifyContent="center" alignItems="center" space="$5"><Sheet.ScrollView padding="$4" space>
+      <Button
+        size="$8"
+        circular
+        alignSelf="center"
+        icon={ChevronDown}
+        onPress={() => props.onOpenChange?.(false)}
+      />
+      <H1>Hello world</H1>
+      <H2>You can scroll me</H2>
+      {[1, 2, 3].map((i) => <Paragraph key={i} size="$10">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.</Paragraph>)}
+    </Sheet.ScrollView></Sheet.Frame>
+  </Sheet>;
+}
+export {
+  SheetDemo
+};
 //# sourceMappingURL=SheetDemo.mjs.map