@tamagui/demos 1.14.0 → 1.14.2

package/dist/esm/RadioGroupDemo.mjs

@@ -1,2 +1,20 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Label as u,RadioGroup as i,XStack as n,YStack as r}from"tamagui";function m(){return e(i,{defaultValue:"3",name:"form",children:o(r,{width:300,alignItems:"center",space:"$2",children:[e(l,{size:"$3",value:"2",label:"Second value"}),e(l,{size:"$4",value:"3",label:"Third value"}),e(l,{size:"$5",value:"4",label:"Fourth value"})]})})}function l(a){const t=`radiogroup-${a.value}`;return o(n,{width:300,alignItems:"center",space:"$4",children:[e(i.Item,{value:a.value,id:t,size:a.size,children:e(i.Indicator,{})}),e(u,{size:a.size,htmlFor:t,children:a.label})]})}export{m as RadioGroupDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Label, RadioGroup, XStack, YStack } from "tamagui";
+function RadioGroupDemo() {
+  return /* @__PURE__ */ jsx(RadioGroup, { defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { width: 300, alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
+    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
+    /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
+  ] }) });
+}
+function RadioGroupItemWithLabel(props) {
+  const id = `radiogroup-${props.value}`;
+  return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", space: "$4", children: [
+    /* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),
+    /* @__PURE__ */ jsx(Label, { size: props.size, htmlFor: id, children: props.label })
+  ] });
+}
+export {
+  RadioGroupDemo
+};
 //# sourceMappingURL=RadioGroupDemo.mjs.map

package/dist/esm/RadioGroupDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/RadioGroupDemo.tsx"],
   "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n  return (\n    <RadioGroup defaultValue=\"3\" name=\"form\">\n      <YStack width={300} alignItems=\"center\" space=\"$2\">\n        <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n        <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n        <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n      </YStack>\n    </RadioGroup>\n  )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n  size: SizeTokens\n  value: string\n  label: string\n}) {\n  const id = `radiogroup-${props.value}`\n  return (\n    <XStack width={300} alignItems=\"center\" space=\"$4\">\n      <RadioGroup.Item value={props.value} id={id} size={props.size}>\n        <RadioGroup.Indicator />\n      </RadioGroup.Item>\n\n      <Label size={props.size} htmlFor={id}>\n        {props.label}\n      </Label>\n    </XStack>\n  )\n}\n"],
-  "mappings": "AAKM,OACE,OAAAA,EADF,QAAAC,MAAA,oBALN,OAAS,SAAAC,EAAO,cAAAC,EAAwC,UAAAC,EAAQ,UAAAC,MAAc,UAEvE,SAASC,GAAiB,CAC/B,OACEN,EAACG,EAAA,CAAW,aAAa,IAAI,KAAK,OAChC,SAAAF,EAACI,EAAA,CAAO,MAAO,IAAK,WAAW,SAAS,MAAM,KAC5C,UAAAL,EAACO,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe,EAClEP,EAACO,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc,EACjEP,EAACO,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe,GACpE,EACF,CAEJ,CAEA,SAASA,EAAwBC,EAI9B,CACD,MAAMC,EAAK,cAAcD,EAAM,QAC/B,OACEP,EAACG,EAAA,CAAO,MAAO,IAAK,WAAW,SAAS,MAAM,KAC5C,UAAAJ,EAACG,EAAW,KAAX,CAAgB,MAAOK,EAAM,MAAO,GAAIC,EAAI,KAAMD,EAAM,KACvD,SAAAR,EAACG,EAAW,UAAX,EAAqB,EACxB,EAEAH,EAACE,EAAA,CAAM,KAAMM,EAAM,KAAM,QAASC,EAC/B,SAAAD,EAAM,MACT,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "Label", "RadioGroup", "XStack", "YStack", "RadioGroupDemo", "RadioGroupItemWithLabel", "props", "id"]
+  "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,YAAwC,QAAQ,cAAc;AAEvE,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,cAAa,KAAI,MAAK,QAChC,+BAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/esm/ScrollViewDemo.js

@@ -1,2 +1,18 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";import{Circle as o,ScrollView as n,Square as e,XStack as i}from"tamagui";function l(){return r(n,{maxHeight:250,width:"75%",backgroundColor:"$background",padding:"$4",borderRadius:"$4",children:a(i,{flexWrap:"wrap",alignItems:"center",justifyContent:"center",children:[r(e,{margin:"$4",size:120,backgroundColor:"$red9"}),r(o,{margin:"$4",size:120,backgroundColor:"$orange9"}),r(e,{margin:"$4",size:120,backgroundColor:"$yellow9"}),r(o,{margin:"$4",size:120,backgroundColor:"$green9"}),r(e,{margin:"$4",size:120,backgroundColor:"$blue9"}),r(o,{margin:"$4",size:120,backgroundColor:"$purple9"}),r(e,{margin:"$4",size:120,backgroundColor:"$pink9"}),r(o,{margin:"$4",size:120,backgroundColor:"$red9"})]})})}export{l as ScrollViewDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Circle, ScrollView, Square, XStack } from "tamagui";
+function ScrollViewDemo() {
+  return /* @__PURE__ */ jsx(ScrollView, { maxHeight: 250, width: "75%", backgroundColor: "$background", padding: "$4", borderRadius: "$4", children: /* @__PURE__ */ jsxs(XStack, { flexWrap: "wrap", alignItems: "center", justifyContent: "center", children: [
+    /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$red9" }),
+    /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$orange9" }),
+    /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$yellow9" }),
+    /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$green9" }),
+    /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$blue9" }),
+    /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$purple9" }),
+    /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$pink9" }),
+    /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$red9" })
+  ] }) });
+}
+export {
+  ScrollViewDemo
+};
 //# sourceMappingURL=ScrollViewDemo.js.map

package/dist/esm/ScrollViewDemo.js.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": "AAKM,OACE,OAAAA,EADF,QAAAC,MAAA,oBALN,OAAS,UAAAC,EAAQ,cAAAC,EAAY,UAAAC,EAAQ,UAAAC,MAAc,UAE5C,SAASC,GAAiB,CAC/B,OACEN,EAACG,EAAA,CAAW,UAAW,IAAK,MAAM,MAAM,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAC9F,SAAAF,EAACI,EAAA,CAAO,SAAS,OAAO,WAAW,SAAS,eAAe,SACzD,UAAAL,EAACI,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,QAAQ,EACvDJ,EAACE,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,EAC1DF,EAACI,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,EAC1DJ,EAACE,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,UAAU,EACzDF,EAACI,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,SAAS,EACxDJ,EAACE,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,EAC1DF,EAACI,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,SAAS,EACxDJ,EAACE,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,QAAQ,GACzD,EACF,CAEJ",
-  "names": ["jsx", "jsxs", "Circle", "ScrollView", "Square", "XStack", "ScrollViewDemo"]
+  "mappings": "AAKM,SACE,KADF;AALN,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAE5C,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,WAAW,KAAK,OAAM,OAAM,iBAAgB,eAAc,SAAQ,MAAK,cAAa,MAC9F,+BAAC,UAAO,UAAS,QAAO,YAAW,UAAS,gBAAe,UACzD;AAAA,wBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,IACvD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,WAAU;AAAA,IACzD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,IACxD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,IACxD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,KACzD,GACF;AAEJ;",
+  "names": []
 }

package/dist/esm/ScrollViewDemo.mjs

@@ -1,2 +1,18 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";import{Circle as o,ScrollView as n,Square as e,XStack as i}from"tamagui";function l(){return r(n,{maxHeight:250,width:"75%",backgroundColor:"$background",padding:"$4",borderRadius:"$4",children:a(i,{flexWrap:"wrap",alignItems:"center",justifyContent:"center",children:[r(e,{margin:"$4",size:120,backgroundColor:"$red9"}),r(o,{margin:"$4",size:120,backgroundColor:"$orange9"}),r(e,{margin:"$4",size:120,backgroundColor:"$yellow9"}),r(o,{margin:"$4",size:120,backgroundColor:"$green9"}),r(e,{margin:"$4",size:120,backgroundColor:"$blue9"}),r(o,{margin:"$4",size:120,backgroundColor:"$purple9"}),r(e,{margin:"$4",size:120,backgroundColor:"$pink9"}),r(o,{margin:"$4",size:120,backgroundColor:"$red9"})]})})}export{l as ScrollViewDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Circle, ScrollView, Square, XStack } from "tamagui";
+function ScrollViewDemo() {
+  return /* @__PURE__ */ jsx(ScrollView, { maxHeight: 250, width: "75%", backgroundColor: "$background", padding: "$4", borderRadius: "$4", children: /* @__PURE__ */ jsxs(XStack, { flexWrap: "wrap", alignItems: "center", justifyContent: "center", children: [
+    /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$red9" }),
+    /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$orange9" }),
+    /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$yellow9" }),
+    /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$green9" }),
+    /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$blue9" }),
+    /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$purple9" }),
+    /* @__PURE__ */ jsx(Square, { margin: "$4", size: 120, backgroundColor: "$pink9" }),
+    /* @__PURE__ */ jsx(Circle, { margin: "$4", size: 120, backgroundColor: "$red9" })
+  ] }) });
+}
+export {
+  ScrollViewDemo
+};
 //# sourceMappingURL=ScrollViewDemo.mjs.map

package/dist/esm/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": "AAKM,OACE,OAAAA,EADF,QAAAC,MAAA,oBALN,OAAS,UAAAC,EAAQ,cAAAC,EAAY,UAAAC,EAAQ,UAAAC,MAAc,UAE5C,SAASC,GAAiB,CAC/B,OACEN,EAACG,EAAA,CAAW,UAAW,IAAK,MAAM,MAAM,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAC9F,SAAAF,EAACI,EAAA,CAAO,SAAS,OAAO,WAAW,SAAS,eAAe,SACzD,UAAAL,EAACI,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,QAAQ,EACvDJ,EAACE,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,EAC1DF,EAACI,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,EAC1DJ,EAACE,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,UAAU,EACzDF,EAACI,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,SAAS,EACxDJ,EAACE,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,EAC1DF,EAACI,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,SAAS,EACxDJ,EAACE,EAAA,CAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,QAAQ,GACzD,EACF,CAEJ",
-  "names": ["jsx", "jsxs", "Circle", "ScrollView", "Square", "XStack", "ScrollViewDemo"]
+  "mappings": "AAKM,SACE,KADF;AALN,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAE5C,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,WAAW,KAAK,OAAM,OAAM,iBAAgB,eAAc,SAAQ,MAAK,cAAa,MAC9F,+BAAC,UAAO,UAAS,QAAO,YAAW,UAAS,gBAAe,UACzD;AAAA,wBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,IACvD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,WAAU;AAAA,IACzD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,IACxD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,IACxD,oBAAC,UAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,KACzD,GACF;AAEJ;",
+  "names": []
 }

package/dist/esm/SelectDemo.js

@@ -1,2 +1,80 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Check as u,ChevronDown as o,ChevronUp as S}from"@tamagui/lucide-icons";import{useState as d}from"react";import{Adapt as l,Select as t,Sheet as a,YStack as m}from"tamagui";import{LinearGradient as i}from"tamagui/linear-gradient";function b(){const[c,p]=d("apple");return n(t,{id:"food",value:c,onValueChange:p,children:[e(t.Trigger,{width:180,iconAfter:o,children:e(t.Value,{placeholder:"Something"})}),e(l,{when:"sm",platform:"touch",children:n(a,{modal:!0,dismissOnSnapToBottom:!0,children:[e(a.Frame,{children:e(a.ScrollView,{children:e(l.Contents,{})})}),e(a.Overlay,{})]})}),n(t.Content,{zIndex:2e5,children:[n(t.ScrollUpButton,{alignItems:"center",justifyContent:"center",position:"relative",width:"100%",height:"$3",children:[e(m,{zIndex:10,children:e(S,{size:20})}),e(i,{start:[0,0],end:[0,1],fullscreen:!0,colors:["$background","$backgroundTransparent"],borderRadius:"$4"})]}),e(t.Viewport,{minWidth:200,children:n(t.Group,{space:"$0",children:[e(t.Label,{children:"Fruits"}),h.map((r,s)=>n(t.Item,{index:s,value:r.name.toLowerCase(),children:[e(t.ItemText,{children:r.name}),e(t.ItemIndicator,{marginLeft:"auto",children:e(u,{size:16})})]},r.name))]})}),n(t.ScrollDownButton,{alignItems:"center",justifyContent:"center",position:"relative",width:"100%",height:"$3",children:[e(m,{zIndex:10,children:e(o,{size:20})}),e(i,{start:[0,0],end:[0,1],fullscreen:!0,colors:["$backgroundTransparent","$background"],borderRadius:"$4"})]})]})]})}const h=[{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{b as SelectDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+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 /* @__PURE__ */ jsxs(Select, { id: "food", value: val, onValueChange: setVal, children: [
+    /* @__PURE__ */ jsx(Select.Trigger, { width: 180, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
+    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
+      /* @__PURE__ */ jsx(Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
+      /* @__PURE__ */ jsxs(Select.ScrollUpButton, { alignItems: "center", justifyContent: "center", position: "relative", width: "100%", height: "$3", children: [
+        /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
+        /* @__PURE__ */ jsx(
+          LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$background", "$backgroundTransparent"],
+            borderRadius: "$4"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Select.Viewport, { minWidth: 200, children: /* @__PURE__ */ jsxs(Select.Group, { space: "$0", children: [
+        /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
+        items.map((item, i) => {
+          return /* @__PURE__ */ jsxs(Select.Item, { index: i, value: item.name.toLowerCase(), children: [
+            /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
+            /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
+          ] }, item.name);
+        })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Select.ScrollDownButton, { alignItems: "center", justifyContent: "center", position: "relative", width: "100%", height: "$3", children: [
+        /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
+        /* @__PURE__ */ jsx(
+          LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$backgroundTransparent", "$background"],
+            borderRadius: "$4"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+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/esm/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": "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",
-  "names": ["jsx", "jsxs", "Check", "ChevronDown", "ChevronUp", "useState", "Adapt", "Select", "Sheet", "YStack", "LinearGradient", "SelectDemo", "val", "setVal", "items", "item", "i"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/SelectDemo.mjs

@@ -1,2 +1,80 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Check as u,ChevronDown as o,ChevronUp as S}from"@tamagui/lucide-icons";import{useState as d}from"react";import{Adapt as l,Select as t,Sheet as a,YStack as m}from"tamagui";import{LinearGradient as i}from"tamagui/linear-gradient";function b(){const[c,p]=d("apple");return n(t,{id:"food",value:c,onValueChange:p,children:[e(t.Trigger,{width:180,iconAfter:o,children:e(t.Value,{placeholder:"Something"})}),e(l,{when:"sm",platform:"touch",children:n(a,{modal:!0,dismissOnSnapToBottom:!0,children:[e(a.Frame,{children:e(a.ScrollView,{children:e(l.Contents,{})})}),e(a.Overlay,{})]})}),n(t.Content,{zIndex:2e5,children:[n(t.ScrollUpButton,{alignItems:"center",justifyContent:"center",position:"relative",width:"100%",height:"$3",children:[e(m,{zIndex:10,children:e(S,{size:20})}),e(i,{start:[0,0],end:[0,1],fullscreen:!0,colors:["$background","$backgroundTransparent"],borderRadius:"$4"})]}),e(t.Viewport,{minWidth:200,children:n(t.Group,{space:"$0",children:[e(t.Label,{children:"Fruits"}),h.map((r,s)=>n(t.Item,{index:s,value:r.name.toLowerCase(),children:[e(t.ItemText,{children:r.name}),e(t.ItemIndicator,{marginLeft:"auto",children:e(u,{size:16})})]},r.name))]})}),n(t.ScrollDownButton,{alignItems:"center",justifyContent:"center",position:"relative",width:"100%",height:"$3",children:[e(m,{zIndex:10,children:e(o,{size:20})}),e(i,{start:[0,0],end:[0,1],fullscreen:!0,colors:["$backgroundTransparent","$background"],borderRadius:"$4"})]})]})]})}const h=[{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{b as SelectDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+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 /* @__PURE__ */ jsxs(Select, { id: "food", value: val, onValueChange: setVal, children: [
+    /* @__PURE__ */ jsx(Select.Trigger, { width: 180, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
+    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
+      /* @__PURE__ */ jsx(Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
+      /* @__PURE__ */ jsxs(Select.ScrollUpButton, { alignItems: "center", justifyContent: "center", position: "relative", width: "100%", height: "$3", children: [
+        /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
+        /* @__PURE__ */ jsx(
+          LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$background", "$backgroundTransparent"],
+            borderRadius: "$4"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Select.Viewport, { minWidth: 200, children: /* @__PURE__ */ jsxs(Select.Group, { space: "$0", children: [
+        /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
+        items.map((item, i) => {
+          return /* @__PURE__ */ jsxs(Select.Item, { index: i, value: item.name.toLowerCase(), children: [
+            /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
+            /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
+          ] }, item.name);
+        })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Select.ScrollDownButton, { alignItems: "center", justifyContent: "center", position: "relative", width: "100%", height: "$3", children: [
+        /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
+        /* @__PURE__ */ jsx(
+          LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$backgroundTransparent", "$background"],
+            borderRadius: "$4"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+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/esm/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": "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",
-  "names": ["jsx", "jsxs", "Check", "ChevronDown", "ChevronUp", "useState", "Adapt", "Select", "Sheet", "YStack", "LinearGradient", "SelectDemo", "val", "setVal", "items", "item", "i"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/SeparatorDemo.js

@@ -1,2 +1,20 @@
-import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Paragraph as r,Separator as t,XStack as i,YStack as e}from"tamagui";function l(){return o(e,{width:"100%",maxWidth:300,marginHorizontal:15,children:[a(r,{fontWeight:"800",children:"Tamagui"}),a(r,{children:"A cross-platform component library."}),a(t,{marginVertical:15}),o(i,{height:20,alignItems:"center",children:[a(r,{children:"Blog"}),a(t,{alignSelf:"stretch",vertical:!0,marginHorizontal:15}),a(r,{children:"Docs"}),a(t,{alignSelf:"stretch",vertical:!0,marginHorizontal:15}),a(r,{children:"Source"})]})]})}export{l as SeparatorDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Paragraph, Separator, XStack, YStack } from "tamagui";
+function SeparatorDemo() {
+  return /* @__PURE__ */ jsxs(YStack, { width: "100%", maxWidth: 300, marginHorizontal: 15, children: [
+    /* @__PURE__ */ jsx(Paragraph, { fontWeight: "800", children: "Tamagui" }),
+    /* @__PURE__ */ jsx(Paragraph, { children: "A cross-platform component library." }),
+    /* @__PURE__ */ jsx(Separator, { marginVertical: 15 }),
+    /* @__PURE__ */ jsxs(XStack, { height: 20, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Paragraph, { children: "Blog" }),
+      /* @__PURE__ */ jsx(Separator, { alignSelf: "stretch", vertical: true, marginHorizontal: 15 }),
+      /* @__PURE__ */ jsx(Paragraph, { children: "Docs" }),
+      /* @__PURE__ */ jsx(Separator, { alignSelf: "stretch", vertical: true, marginHorizontal: 15 }),
+      /* @__PURE__ */ jsx(Paragraph, { children: "Source" })
+    ] })
+  ] });
+}
+export {
+  SeparatorDemo
+};
 //# sourceMappingURL=SeparatorDemo.js.map

package/dist/esm/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": "AAMM,cAAAA,EAGA,QAAAC,MAHA,oBALN,OAAS,aAAAC,EAAW,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAgB,CAC9B,OACEL,EAACI,EAAA,CAAO,MAAM,OAAO,SAAU,IAAK,iBAAkB,GACpD,UAAAL,EAACE,EAAA,CAAU,WAAW,MAAM,mBAAO,EACnCF,EAACE,EAAA,CAAU,+CAAmC,EAC9CF,EAACG,EAAA,CAAU,eAAgB,GAAI,EAC/BF,EAACG,EAAA,CAAO,OAAQ,GAAI,WAAW,SAC7B,UAAAJ,EAACE,EAAA,CAAU,gBAAI,EACfF,EAACG,EAAA,CAAU,UAAU,UAAU,SAAQ,GAAC,iBAAkB,GAAI,EAC9DH,EAACE,EAAA,CAAU,gBAAI,EACfF,EAACG,EAAA,CAAU,UAAU,UAAU,SAAQ,GAAC,iBAAkB,GAAI,EAC9DH,EAACE,EAAA,CAAU,kBAAM,GACnB,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo"]
+  "mappings": "AAMM,cAGA,YAHA;AALN,SAAS,WAAW,WAAW,QAAQ,cAAc;AAE9C,SAAS,gBAAgB;AAC9B,SACE,qBAAC,UAAO,OAAM,QAAO,UAAU,KAAK,kBAAkB,IACpD;AAAA,wBAAC,aAAU,YAAW,OAAM,qBAAO;AAAA,IACnC,oBAAC,aAAU,iDAAmC;AAAA,IAC9C,oBAAC,aAAU,gBAAgB,IAAI;AAAA,IAC/B,qBAAC,UAAO,QAAQ,IAAI,YAAW,UAC7B;AAAA,0BAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,WAAU,WAAU,UAAQ,MAAC,kBAAkB,IAAI;AAAA,MAC9D,oBAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,WAAU,WAAU,UAAQ,MAAC,kBAAkB,IAAI;AAAA,MAC9D,oBAAC,aAAU,oBAAM;AAAA,OACnB;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/esm/SeparatorDemo.mjs

@@ -1,2 +1,20 @@
-import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Paragraph as r,Separator as t,XStack as i,YStack as e}from"tamagui";function l(){return o(e,{width:"100%",maxWidth:300,marginHorizontal:15,children:[a(r,{fontWeight:"800",children:"Tamagui"}),a(r,{children:"A cross-platform component library."}),a(t,{marginVertical:15}),o(i,{height:20,alignItems:"center",children:[a(r,{children:"Blog"}),a(t,{alignSelf:"stretch",vertical:!0,marginHorizontal:15}),a(r,{children:"Docs"}),a(t,{alignSelf:"stretch",vertical:!0,marginHorizontal:15}),a(r,{children:"Source"})]})]})}export{l as SeparatorDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Paragraph, Separator, XStack, YStack } from "tamagui";
+function SeparatorDemo() {
+  return /* @__PURE__ */ jsxs(YStack, { width: "100%", maxWidth: 300, marginHorizontal: 15, children: [
+    /* @__PURE__ */ jsx(Paragraph, { fontWeight: "800", children: "Tamagui" }),
+    /* @__PURE__ */ jsx(Paragraph, { children: "A cross-platform component library." }),
+    /* @__PURE__ */ jsx(Separator, { marginVertical: 15 }),
+    /* @__PURE__ */ jsxs(XStack, { height: 20, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Paragraph, { children: "Blog" }),
+      /* @__PURE__ */ jsx(Separator, { alignSelf: "stretch", vertical: true, marginHorizontal: 15 }),
+      /* @__PURE__ */ jsx(Paragraph, { children: "Docs" }),
+      /* @__PURE__ */ jsx(Separator, { alignSelf: "stretch", vertical: true, marginHorizontal: 15 }),
+      /* @__PURE__ */ jsx(Paragraph, { children: "Source" })
+    ] })
+  ] });
+}
+export {
+  SeparatorDemo
+};
 //# sourceMappingURL=SeparatorDemo.mjs.map

package/dist/esm/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": "AAMM,cAAAA,EAGA,QAAAC,MAHA,oBALN,OAAS,aAAAC,EAAW,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAgB,CAC9B,OACEL,EAACI,EAAA,CAAO,MAAM,OAAO,SAAU,IAAK,iBAAkB,GACpD,UAAAL,EAACE,EAAA,CAAU,WAAW,MAAM,mBAAO,EACnCF,EAACE,EAAA,CAAU,+CAAmC,EAC9CF,EAACG,EAAA,CAAU,eAAgB,GAAI,EAC/BF,EAACG,EAAA,CAAO,OAAQ,GAAI,WAAW,SAC7B,UAAAJ,EAACE,EAAA,CAAU,gBAAI,EACfF,EAACG,EAAA,CAAU,UAAU,UAAU,SAAQ,GAAC,iBAAkB,GAAI,EAC9DH,EAACE,EAAA,CAAU,gBAAI,EACfF,EAACG,EAAA,CAAU,UAAU,UAAU,SAAQ,GAAC,iBAAkB,GAAI,EAC9DH,EAACE,EAAA,CAAU,kBAAM,GACnB,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo"]
+  "mappings": "AAMM,cAGA,YAHA;AALN,SAAS,WAAW,WAAW,QAAQ,cAAc;AAE9C,SAAS,gBAAgB;AAC9B,SACE,qBAAC,UAAO,OAAM,QAAO,UAAU,KAAK,kBAAkB,IACpD;AAAA,wBAAC,aAAU,YAAW,OAAM,qBAAO;AAAA,IACnC,oBAAC,aAAU,iDAAmC;AAAA,IAC9C,oBAAC,aAAU,gBAAgB,IAAI;AAAA,IAC/B,qBAAC,UAAO,QAAQ,IAAI,YAAW,UAC7B;AAAA,0BAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,WAAU,WAAU,UAAQ,MAAC,kBAAkB,IAAI;AAAA,MAC9D,oBAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,WAAU,WAAU,UAAQ,MAAC,kBAAkB,IAAI;AAAA,MAC9D,oBAAC,aAAU,oBAAM;AAAA,OACnB;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/esm/ShapesDemo.js

@@ -1,2 +1,12 @@
-import{jsx as o,jsxs as c}from"react/jsx-runtime";import{Circle as e,Square as r,XStack as a}from"tamagui";function l(){return c(a,{padding:"$2",space:"$4",children:[o(r,{size:100,backgroundColor:"$color",elevation:"$4"}),o(e,{size:100,backgroundColor:"$color",elevation:"$4"})]})}export{l as ShapesDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Circle, Square, XStack } from "tamagui";
+function ShapesDemo() {
+  return /* @__PURE__ */ jsxs(XStack, { padding: "$2", space: "$4", children: [
+    /* @__PURE__ */ jsx(Square, { size: 100, backgroundColor: "$color", elevation: "$4" }),
+    /* @__PURE__ */ jsx(Circle, { size: 100, backgroundColor: "$color", elevation: "$4" })
+  ] });
+}
+export {
+  ShapesDemo
+};
 //# sourceMappingURL=ShapesDemo.js.map

package/dist/esm/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": "AAII,OACE,OAAAA,EADF,QAAAC,MAAA,oBAJJ,OAAS,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEhC,SAASC,GAAa,CAC3B,OACEJ,EAACG,EAAA,CAAO,QAAQ,KAAK,MAAM,KACzB,UAAAJ,EAACG,EAAA,CAAO,KAAM,IAAK,gBAAgB,SAAS,UAAU,KAAK,EAC3DH,EAACE,EAAA,CAAO,KAAM,IAAK,gBAAgB,SAAS,UAAU,KAAK,GAC7D,CAEJ",
-  "names": ["jsx", "jsxs", "Circle", "Square", "XStack", "ShapesDemo"]
+  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,wBAAC,UAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,IAC3D,oBAAC,UAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,KAC7D;AAEJ;",
+  "names": []
 }

package/dist/esm/ShapesDemo.mjs

@@ -1,2 +1,12 @@
-import{jsx as o,jsxs as c}from"react/jsx-runtime";import{Circle as e,Square as r,XStack as a}from"tamagui";function l(){return c(a,{padding:"$2",space:"$4",children:[o(r,{size:100,backgroundColor:"$color",elevation:"$4"}),o(e,{size:100,backgroundColor:"$color",elevation:"$4"})]})}export{l as ShapesDemo};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Circle, Square, XStack } from "tamagui";
+function ShapesDemo() {
+  return /* @__PURE__ */ jsxs(XStack, { padding: "$2", space: "$4", children: [
+    /* @__PURE__ */ jsx(Square, { size: 100, backgroundColor: "$color", elevation: "$4" }),
+    /* @__PURE__ */ jsx(Circle, { size: 100, backgroundColor: "$color", elevation: "$4" })
+  ] });
+}
+export {
+  ShapesDemo
+};
 //# sourceMappingURL=ShapesDemo.mjs.map

package/dist/esm/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": "AAII,OACE,OAAAA,EADF,QAAAC,MAAA,oBAJJ,OAAS,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEhC,SAASC,GAAa,CAC3B,OACEJ,EAACG,EAAA,CAAO,QAAQ,KAAK,MAAM,KACzB,UAAAJ,EAACG,EAAA,CAAO,KAAM,IAAK,gBAAgB,SAAS,UAAU,KAAK,EAC3DH,EAACE,EAAA,CAAO,KAAM,IAAK,gBAAgB,SAAS,UAAU,KAAK,GAC7D,CAEJ",
-  "names": ["jsx", "jsxs", "Circle", "Square", "XStack", "ShapesDemo"]
+  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,wBAAC,UAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,IAC3D,oBAAC,UAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,KAC7D;AAEJ;",
+  "names": []
 }

package/dist/esm/SheetDemo.js

@@ -1,2 +1,80 @@
-import{Fragment as m,jsx as e,jsxs as o}from"react/jsx-runtime";import{ChevronDown as u,ChevronUp as S}from"@tamagui/lucide-icons";import{Sheet as n}from"@tamagui/sheet";import{useState as r}from"react";import{Button as i,H1 as g,H2 as P,Input as O,Paragraph as v,XStack as y}from"tamagui";const x=()=>{const[t,a]=r(0),[c,s]=r(!1),[l,d]=r(!1),[f,p]=r(!1);return o(m,{children:[o(y,{space:!0,children:[e(i,{onPress:()=>s(!0),children:"Open"}),e(i,{onPress:()=>d(h=>!h),children:l?"Type: Modal":"Type: Inline"})]}),o(n,{forceRemoveScrollEnabled:c,modal:l,open:c,onOpenChange:s,snapPoints:[85,50,25],dismissOnSnapToBottom:!0,position:t,onPositionChange:a,zIndex:1e5,animation:"bouncy",children:[e(n.Overlay,{}),e(n.Handle,{}),o(n.Frame,{flex:1,padding:"$4",justifyContent:"center",alignItems:"center",space:"$5",children:[e(i,{size:"$6",circular:!0,icon:u,onPress:()=>s(!1)}),e(O,{width:200}),l&&o(m,{children:[e(C,{open:f,onOpenChange:p}),e(i,{size:"$6",circular:!0,icon:S,onPress:()=>p(!0)})]})]})]})]})};function C(t){return o(n,{modal:!0,snapPoints:[90],dismissOnSnapToBottom:!0,...t,children:[e(n.Overlay,{}),e(n.Handle,{}),e(n.Frame,{flex:1,justifyContent:"center",alignItems:"center",space:"$5",children:o(n.ScrollView,{padding:"$4",space:!0,children:[e(i,{size:"$8",circular:!0,alignSelf:"center",icon:u,onPress:()=>{var a;return(a=t.onOpenChange)==null?void 0:a.call(t,!1)}}),e(g,{children:"Hello world"}),e(P,{children:"You can scroll me"}),[1,2,3].map(a=>e(v,{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."},a))]})})]})}export{x as SheetDemo};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+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 /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(XStack, { space: true, children: [
+      /* @__PURE__ */ jsx(Button, { onPress: () => setOpen(true), children: "Open" }),
+      /* @__PURE__ */ jsx(Button, { onPress: () => setModal((x) => !x), children: modal ? "Type: Modal" : "Type: Inline" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Sheet,
+      {
+        forceRemoveScrollEnabled: open,
+        modal,
+        open,
+        onOpenChange: setOpen,
+        snapPoints: [85, 50, 25],
+        dismissOnSnapToBottom: true,
+        position,
+        onPositionChange: setPosition,
+        zIndex: 1e5,
+        animation: "bouncy",
+        children: [
+          /* @__PURE__ */ jsx(Sheet.Overlay, {}),
+          /* @__PURE__ */ jsx(Sheet.Handle, {}),
+          /* @__PURE__ */ jsxs(Sheet.Frame, { flex: 1, padding: "$4", justifyContent: "center", alignItems: "center", space: "$5", children: [
+            /* @__PURE__ */ jsx(Button, { size: "$6", circular: true, icon: ChevronDown, onPress: () => setOpen(false) }),
+            /* @__PURE__ */ jsx(Input, { width: 200 }),
+            modal && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "$6",
+                  circular: true,
+                  icon: ChevronUp,
+                  onPress: () => setInnerOpen(true)
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+function InnerSheet(props) {
+  return /* @__PURE__ */ jsxs(Sheet, { modal: true, snapPoints: [90], dismissOnSnapToBottom: true, ...props, children: [
+    /* @__PURE__ */ jsx(Sheet.Overlay, {}),
+    /* @__PURE__ */ jsx(Sheet.Handle, {}),
+    /* @__PURE__ */ jsx(Sheet.Frame, { flex: 1, justifyContent: "center", alignItems: "center", space: "$5", children: /* @__PURE__ */ jsxs(Sheet.ScrollView, { padding: "$4", space: true, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "$8",
+          circular: true,
+          alignSelf: "center",
+          icon: ChevronDown,
+          onPress: () => {
+            var _a;
+            return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, false);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(H1, { children: "Hello world" }),
+      /* @__PURE__ */ jsx(H2, { children: "You can scroll me" }),
+      [1, 2, 3].map((i) => /* @__PURE__ */ jsx(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))
+    ] }) })
+  ] });
+}
+export {
+  SheetDemo
+};
 //# sourceMappingURL=SheetDemo.js.map