@tamagui/demos 2.7.7 → 3.0.0-beta.637.1

package/dist/esm/SelectDemo.native.js

@@ -1,214 +1,174 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons-2";
+import { LinearGradient } from "@tamagui/linear-gradient";
 import React from "react";
 import { Adapt, Label, Select, Sheet, Theme, XStack, YStack, getFontSize } from "tamagui";
-import { LinearGradient } from "tamagui/linear-gradient";
+
 function SelectDemo() {
-  return /* @__PURE__ */_jsx(Theme, {
-    name: "surface1",
-    children: /* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */_jsxs(XStack, {
-        width: "100%",
-        items: "center",
-        gap: "$4",
-        children: [/* @__PURE__ */_jsx(Label, {
-          htmlFor: "select-demo-1",
-          flex: 1,
-          minW: 80,
-          children: "Custom"
-        }), /* @__PURE__ */_jsx(SelectDemoContents, {
-          id: "select-demo-1"
-        })]
-      }), /* @__PURE__ */_jsxs(XStack, {
-        width: "100%",
-        items: "center",
-        gap: "$4",
-        children: [/* @__PURE__ */_jsx(Label, {
-          htmlFor: "select-demo-2",
-          flex: 1,
-          minW: 80,
-          children: "Native"
-        }), /* @__PURE__ */_jsx(SelectDemoContents, {
-          id: "select-demo-2",
-          native: true
-        })]
-      })]
-    })
-  });
+	return /* @__PURE__ */ jsx(Theme, {
+		name: "level2",
+		children: /* @__PURE__ */ jsxs(YStack, {
+			gap: "4",
+			children: [/* @__PURE__ */ jsxs(XStack, {
+				width: "100%",
+				items: "center",
+				gap: "4",
+				children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: "select-demo-1",
+					flex: 1,
+					minW: 80,
+					children: "Custom"
+				}), /* @__PURE__ */ jsx(SelectDemoContents, { id: "select-demo-1" })]
+			}), /* @__PURE__ */ jsxs(XStack, {
+				width: "100%",
+				items: "center",
+				gap: "4",
+				children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: "select-demo-2",
+					flex: 1,
+					minW: 80,
+					children: "Native"
+				}), /* @__PURE__ */ jsx(SelectDemoContents, {
+					id: "select-demo-2",
+					native: true
+				})]
+			})]
+		})
+	});
 }
-var getItemLabel = function (value) {
-  var _items_find;
-  return (_items_find = items.find(function (item) {
-    return item.name.toLowerCase() === value;
-  })) === null || _items_find === void 0 ? void 0 : _items_find.name;
+var getItemLabel = function(value) {
+	var _items_find;
+	return (_items_find = items.find(function(item) {
+		return item.name.toLowerCase() === value;
+	})) === null || _items_find === void 0 ? void 0 : _items_find.name;
 };
 function SelectDemoContents(props) {
-  var [val, setVal] = React.useState("apple");
-  var _props_size;
-  return /* @__PURE__ */_jsxs(Select, {
-    value: val,
-    onValueChange: setVal,
-    disablePreventBodyScroll: true,
-    ...props,
-    // renderValue enables SSR support by providing the label synchronously
-    renderValue: getItemLabel,
-    children: [(props === null || props === void 0 ? void 0 : props.trigger) || /* @__PURE__ */_jsx(Select.Trigger, {
-      maxWidth: 220,
-      iconAfter: ChevronDown,
-      borderRadius: "$4",
-      backgroundColor: "$background",
-      children: /* @__PURE__ */_jsx(Select.Value, {
-        placeholder: "Something"
-      })
-    }), /* @__PURE__ */_jsx(Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */_jsxs(Sheet, {
-        native: !!props.native,
-        modal: true,
-        dismissOnSnapToBottom: true,
-        transition: "medium",
-        children: [/* @__PURE__ */_jsx(Sheet.Frame, {
-          children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
-            children: /* @__PURE__ */_jsx(Adapt.Contents, {})
-          })
-        }), /* @__PURE__ */_jsx(Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */_jsxs(Select.Content, {
-      children: [/* @__PURE__ */_jsxs(Select.ScrollUpButton, {
-        items: "center",
-        justify: "center",
-        position: "relative",
-        width: "100%",
-        height: "$3",
-        children: [/* @__PURE__ */_jsx(YStack, {
-          z: 10,
-          children: /* @__PURE__ */_jsx(ChevronUp, {
-            size: 20
-          })
-        }), /* @__PURE__ */_jsx(LinearGradient, {
-          start: [0, 0],
-          end: [0, 1],
-          fullscreen: true,
-          colors: ["$background", "transparent"],
-          rounded: "$4"
-        })]
-      }), /* @__PURE__ */_jsxs(Select.Viewport, {
-        minW: 200,
-        bg: "$background",
-        rounded: "$4",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        children: [/* @__PURE__ */_jsxs(Select.Group, {
-          children: [/* @__PURE__ */_jsx(Select.Label, {
-            fontWeight: "700",
-            children: "Fruits"
-          }), /* for longer lists memoizing these is useful */
-          React.useMemo(function () {
-            return items.map(function (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);
-            });
-          }, [items])]
-        }), /* Native gets an extra icon */
-        props.native && /* @__PURE__ */_jsx(YStack, {
-          position: "absolute",
-          r: 0,
-          t: 16,
-          items: "center",
-          justify: "center",
-          width: "$4",
-          pointerEvents: "none",
-          children: /* @__PURE__ */_jsx(ChevronDown, {
-            size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
-          })
-        })]
-      }), /* @__PURE__ */_jsxs(Select.ScrollDownButton, {
-        items: "center",
-        justify: "center",
-        position: "relative",
-        width: "100%",
-        height: "$3",
-        children: [/* @__PURE__ */_jsx(YStack, {
-          z: 10,
-          children: /* @__PURE__ */_jsx(ChevronDown, {
-            size: 20
-          })
-        }), /* @__PURE__ */_jsx(LinearGradient, {
-          start: [0, 0],
-          end: [0, 1],
-          fullscreen: true,
-          colors: ["transparent", "$background"],
-          rounded: "$4"
-        })]
-      })]
-    })]
-  });
+	var [val, setVal] = React.useState("apple");
+	var _props_size;
+	return /* @__PURE__ */ jsxs(Select, {
+		value: val,
+		onValueChange: setVal,
+		disablePreventBodyScroll: true,
+		lazyMount: true,
+		...props,
+		renderValue: getItemLabel,
+		children: [
+			(props === null || props === void 0 ? void 0 : props.trigger) || /* @__PURE__ */ jsxs(Select.Trigger, {
+				maxWidth: 220,
+				borderRadius: "4",
+				backgroundColor: "background",
+				children: [/* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }), /* @__PURE__ */ jsx(Select.Icon, { children: /* @__PURE__ */ jsx(ChevronDown, {}) })]
+			}),
+			/* @__PURE__ */ jsx(Adapt, {
+				when: "max-md",
+				platform: "touch",
+				children: /* @__PURE__ */ jsxs(Sheet, {
+					native: !!props.native,
+					modal: true,
+					dismissOnSnapToBottom: true,
+					transition: "medium",
+					children: [/* @__PURE__ */ jsxs(Sheet.Container, { children: [/* @__PURE__ */ jsx(Sheet.Background, {}), /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) })] }), /* @__PURE__ */ jsx(Sheet.Overlay, {
+						bg: "shadow-color",
+						transition: "lazy",
+						opacity: "enter:0 exit:0"
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs(Select.Content, { children: [
+				/* @__PURE__ */ jsxs(Select.ScrollUpButton, {
+					items: "center",
+					justify: "center",
+					position: "relative",
+					width: "100%",
+					height: "3",
+					children: [/* @__PURE__ */ jsx(YStack, {
+						z: 10,
+						children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 })
+					}), /* @__PURE__ */ jsx(LinearGradient, {
+						start: [0, 0],
+						end: [0, 1],
+						position: "absolute",
+						inset: 0,
+						rounded: "4",
+						colors: ["background", "transparent"]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Select.Viewport, {
+					minW: 200,
+					bg: "background",
+					rounded: "4",
+					borderWidth: 1,
+					borderColor: "border-color",
+					children: [/* @__PURE__ */ jsxs(Select.Group, { children: [/* @__PURE__ */ jsx(Select.Label, {
+						fontWeight: "700",
+						children: "Fruits"
+					}), React.useMemo(function() {
+						return items.map(function(item) {
+							return /* @__PURE__ */ jsxs(Select.Item, {
+								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);
+						});
+					}, [items])] }), props.native && /* @__PURE__ */ jsx(YStack, {
+						position: "absolute",
+						r: 0,
+						t: 16,
+						items: "center",
+						justify: "center",
+						width: "4",
+						pointerEvents: "none",
+						children: /* @__PURE__ */ jsx(ChevronDown, { size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : true) })
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Select.ScrollDownButton, {
+					items: "center",
+					justify: "center",
+					position: "relative",
+					width: "100%",
+					height: "3",
+					children: [/* @__PURE__ */ jsx(YStack, {
+						z: 10,
+						children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 })
+					}), /* @__PURE__ */ jsx(LinearGradient, {
+						start: [0, 0],
+						end: [0, 1],
+						position: "absolute",
+						inset: 0,
+						rounded: "4",
+						colors: ["transparent", "background"]
+					})]
+				})
+			] })
+		]
+	});
 }
-var 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"
-}];
+var 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, SelectDemoContents };
 //# sourceMappingURL=SelectDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Check","ChevronDown","ChevronUp","React","Adapt","Label","Select","Sheet","Theme","XStack","YStack","getFontSize","LinearGradient","SelectDemo","name","children","gap","width","items","htmlFor","flex","minW","SelectDemoContents","id","native","getItemLabel","value","_items_find","find","item","toLowerCase","props","val","setVal","useState","_props_size","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","borderRadius","backgroundColor","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","size","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","r","t"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAaC,KAAA,2BAAiB;AAC9C,SAAOC,KAAA,EAAAC,WAAW,EAAAC,SAAA;AAGlB,OAAAC,KAAS,MAAO,OAAO;AACvB,SAASC,KAAA,EAAAC,KAAA,EAAAC,MAAA,EAAsBC,KAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,WAAA;AAMvB,SACEC,cADF;AAJD,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAhB,IAAC,CAAAW,KAAA;IAEGM,IAAA;IACEC,QAAA,iBAAChB,KAAM,CAAAW,MAAA,EAAQ;MAGfM,GAAA;MAAuCD,QACzC,GAEA,eAAAhB,KAAC,CAAAU,MAAO;QACNQ,KAAA;QAGAC,KAAA;QACFF,GAAA;QAEJD,QAAA,GAEJ,eAAAlB,IAAA,CAAAQ,KAAA;UAKMc,OAAe,EAAC,eACd;UAEQC,IAAA;UAGFC,IAAA,EAAM;UAGhBN,QAAA;QAAC,mBAAAlB,IAAA,CAAAyB,kBAAA;UACQC,EAAA;QACP;MAEC,CAAG,GAEJ,eAAaxB,KAAA,CAAAU,MAAA;QAEZQ,KAAA;QAAAC,KAAO;QACLF,GAAA,MAAO;QAAPD,QAAA,GACC,eAAUlB,IAAA,CAAAQ,KAAA;UACVc,OAAA,EAAW;UACXC,IAAA;UACAC,IAAA;UAEAN,QAAA;QAAsC,IACxC,eAAAlB,IAAA,CAAAyB,kBAAA;UAGFC,EAAA,iBAAC;UAEGC,MAAA;QAKA;MAAO;IACF;EACQ;AACc;AACD,IAAAC,YAAA,YAAAA,CAAAC,KAAA;EAAA,IAAAC,WAC1B;EAAA,QAAAA,WAEJ,GAAAT,KAAA,CAAAU,IAAA,WAAAC,IAAA;IAAA,OAEAA,IAAA,CAAAf,IAAA,CAAAgB,WAAC,OAAOJ,KAAA;EACN,gBAAAC,WAAA,uBAAAA,WAAA,CAAAb,IAAA;AAAA;AAAQ,SAAAQ,kBAAPA,CAAAS,KAAA;EAAA,KAAAC,GAAA,EAAAC,MACC,IAAM9B,KAAA,CAAA+B,QAAA;EAAA,IAAAC,WACN;EAAQ,sBACCpC,KAAA,CAAAO,MAAA;IAAAoB,KAAA,EAAAM,GACT;IAAMI,aACN,EAAAH,MAAO;IAAAI,wBAEP;IAAA,GAAAN,KAAA;IAEA;IACAO,WAAA,EAAAb,YAAC;IAAAV,QAAA,IAAAgB,KAAA,SACC,IAAAA,KAAQ,KAAI,kBAAAA,KAAA,CAAAQ,OAAA,oBAAA1C,IAAA,CAAAS,MAAA,CAAAkC,OAAA;MAAAC,QAAA,KACZ;MAAUC,SAAA,EAAAzC,WACV;MAAU0C,YACV;MAAqCC,eACrC,eAAQ;MAAA7B,QAAA,iBAAAlB,IAAA,CAAAS,MAAA,CAAAuC,KAAA;QAAAC,WACV;MAAA;IAAA,mBACFjD,IAAA,CAAAO,KAAA;MAAA2C,IACA;MAAAC,QAAC,SAAO;MAAAjC,QAAP,iBAAAhB,KAAA,CAAAQ,KAAA;QAAAiB,MACC,IAAMO,KAAA,CAAAP,MAAA;QAAAyB,KACN,MAAG;QAAAC,qBACK;QAAAC,UACR,UAAa;QAAApC,QACb,GAAY,eAEZlB,IAAA,CAAAU,KAAA,CAAA6C,KAAA;UAAArC,QAAA,iBAAClB,IAAO,CAAAU,KAAA,CAAP8C,UACC;YAAAtC,QAAA,iBAAClB,IAAO,CAAAO,KAAP,CAAAkD,QAAa;UAAuB;QAE9B,IAGD,eAAAzD,IACE,CAAAU,KAAA,CAAAgD,OAAA;UAAAC,EAAA,gBAAQ;UAAAL,UAAP;UAAAM,UAAA,EACC;YAAOC,OAAA;UAEsB;UAE7BC,SAAA;YAA4BD,OAAA;UAG5B;QAAA;MANU;IAOZ,IAEH,eACF3D,KAAK,CAAAO,MAAA,CAAAsD,OAAA;MAAA7C,QAAA,EACR,gBACFhB,KAAA,CAAAO,MAAA,CAAAuD,cAAA;QAAA3C,KAEC,UAAM;QACL4C,OAAC;QAAAC,QAAA;QAAA9C,KAAA,QACC;QAAS+C,MAAA,EACT,IAAG;QAAAjD,QACH,GAAG,eACGlB,IAAA,CAAAa,MAAA;UAAAuD,CAAA,IACN;UAAQlD,QACR,iBAAOlB,IAAA,CAAAK,SAAA;YAAAgE,IACP;UAAc;QAEd,IAAC,eAAArE,IAAA,CAAAe,cAAA;UAAAuD,KAAA,GAC4D,KAC7D;UACFC,GAAA,QAEJ;UAEAC,UAAA;UAACC,MAAO,GAAP,eACC,aAAM,CACN;UACAC,OAAA,EAAS;QACT;MACO,IAEP,eAAAxE,KAAA,CAAAO,MAAC,CAAAkE,QAAO,EAAG;QAEXnD,IACA;QAAAmC,EAAA,eAAC;QAAAe,OAAA;QAAAE,WACC;QAAYC,WACZ,EAAK,cAAK;QAAA3D,QACV,GAAU,eACDhB,KAAA,CAAAO,MAAA,CAAAqE,KAAe;UAAa5D,QACrC,GAAQ,eAAAlB,IAAA,CAAAS,MAAA,CAAAD,KAAA;YACVuE,UAAA;YAAA7D,QAAA;UAAA,IACF;UACFZ,KAAA,CAAA0E,OAAA;YAAA,OAAA3D,KAAA,CAAA4D,GAAA,WAAAjD,IAAA,EAAAkD,CAAA;cAAA,sBAAAhF,KAAA,CAAAO,MAAA,CAAA0E,IAAA;gBACFC,KAAA,EAAAF,CAAA;gBAEJrD,KAAA,EAAAG,IAAA,CAAAf,IAAA,CAAAgB,WAAA;gBAEcf,QAAA,GACI,eAAAlB,IAAA,CAAAS,MAAA,CAAA4E,QAAA;kBACDnE,QAAA,EAAAc,IAAA,CAAAf;gBACM,IACL,eAAAjB,IAAA,CAAAS,MAAA,CAAA6E,aAAA;kBACEC,UAAA;kBACFrE,QAAA,iBAAAlB,IAAA,CAAAG,KAAA;oBACGkE,IAAA;kBACC;gBACA;cAEZ,CAAa,EAAArC,IAAA,CAAAf,IAAA;YACL;UACR,IACOI,KAAA,CACC;QAER,IACA;QACAa,KAAS,CAAAP,MAAA,mBAAA3B,IAAA,CAAAa,MAAA;UACTqD,QAAQ;UACRsB,CAAA;UACAC,CAAA,EAAS;UACnBpE,KAAA","ignoreList":[]}
+{"version":3,"file":"SelectDemo.native.js","names":[],"sources":["esm/SelectDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Check, ChevronDown, ChevronUp } from \"@tamagui/lucide-icons-2\";\nimport { LinearGradient } from \"@tamagui/linear-gradient\";\nimport React from \"react\";\nimport { Adapt, Label, Select, Sheet, Theme, XStack, YStack, getFontSize } from \"tamagui\";\nfunction SelectDemo() {\n  return /* @__PURE__ */ _jsx(Theme, {\n    name: \"level2\",\n    children: /* @__PURE__ */ _jsxs(YStack, {\n      gap: \"4\",\n      children: [\n        /* @__PURE__ */ _jsxs(XStack, {\n          width: \"100%\",\n          items: \"center\",\n          gap: \"4\",\n          children: [\n            /* @__PURE__ */ _jsx(Label, {\n              htmlFor: \"select-demo-1\",\n              flex: 1,\n              minW: 80,\n              children: \"Custom\"\n            }),\n            /* @__PURE__ */ _jsx(SelectDemoContents, {\n              id: \"select-demo-1\"\n            })\n          ]\n        }),\n        /* @__PURE__ */ _jsxs(XStack, {\n          width: \"100%\",\n          items: \"center\",\n          gap: \"4\",\n          children: [\n            /* @__PURE__ */ _jsx(Label, {\n              htmlFor: \"select-demo-2\",\n              flex: 1,\n              minW: 80,\n              children: \"Native\"\n            }),\n            /* @__PURE__ */ _jsx(SelectDemoContents, {\n              id: \"select-demo-2\",\n              native: true\n            })\n          ]\n        })\n      ]\n    })\n  });\n}\nvar getItemLabel = function(value) {\n  var _items_find;\n  return (_items_find = items.find(function(item) {\n    return item.name.toLowerCase() === value;\n  })) === null || _items_find === void 0 ? void 0 : _items_find.name;\n};\nfunction SelectDemoContents(props) {\n  var [val, setVal] = React.useState(\"apple\");\n  var _props_size;\n  return /* @__PURE__ */ _jsxs(Select, {\n    value: val,\n    onValueChange: setVal,\n    disablePreventBodyScroll: true,\n    lazyMount: true,\n    ...props,\n    // renderValue enables SSR support by providing the label synchronously\n    renderValue: getItemLabel,\n    children: [\n      (props === null || props === void 0 ? void 0 : props.trigger) || /* @__PURE__ */ _jsxs(Select.Trigger, {\n        maxWidth: 220,\n        borderRadius: \"4\",\n        backgroundColor: \"background\",\n        children: [\n          /* @__PURE__ */ _jsx(Select.Value, {\n            placeholder: \"Something\"\n          }),\n          /* @__PURE__ */ _jsx(Select.Icon, {\n            children: /* @__PURE__ */ _jsx(ChevronDown, {})\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsx(Adapt, {\n        when: \"max-md\",\n        platform: \"touch\",\n        children: /* @__PURE__ */ _jsxs(Sheet, {\n          native: !!props.native,\n          modal: true,\n          dismissOnSnapToBottom: true,\n          transition: \"medium\",\n          children: [\n            /* @__PURE__ */ _jsxs(Sheet.Container, {\n              children: [\n                /* @__PURE__ */ _jsx(Sheet.Background, {}),\n                /* @__PURE__ */ _jsx(Sheet.ScrollView, {\n                  children: /* @__PURE__ */ _jsx(Adapt.Contents, {})\n                })\n              ]\n            }),\n            /* @__PURE__ */ _jsx(Sheet.Overlay, {\n              bg: \"shadow-color\",\n              transition: \"lazy\",\n              opacity: \"enter:0 exit:0\"\n            })\n          ]\n        })\n      }),\n      /* @__PURE__ */ _jsxs(Select.Content, {\n        children: [\n          /* @__PURE__ */ _jsxs(Select.ScrollUpButton, {\n            items: \"center\",\n            justify: \"center\",\n            position: \"relative\",\n            width: \"100%\",\n            height: \"3\",\n            children: [\n              /* @__PURE__ */ _jsx(YStack, {\n                z: 10,\n                children: /* @__PURE__ */ _jsx(ChevronUp, {\n                  size: 20\n                })\n              }),\n              /* @__PURE__ */ _jsx(LinearGradient, {\n                start: [\n                  0,\n                  0\n                ],\n                end: [\n                  0,\n                  1\n                ],\n                position: \"absolute\",\n                inset: 0,\n                rounded: \"4\",\n                colors: [\n                  \"background\",\n                  \"transparent\"\n                ]\n              })\n            ]\n          }),\n          /* @__PURE__ */ _jsxs(Select.Viewport, {\n            minW: 200,\n            bg: \"background\",\n            rounded: \"4\",\n            borderWidth: 1,\n            borderColor: \"border-color\",\n            children: [\n              /* @__PURE__ */ _jsxs(Select.Group, {\n                children: [\n                  /* @__PURE__ */ _jsx(Select.Label, {\n                    fontWeight: \"700\",\n                    children: \"Fruits\"\n                  }),\n                  /* for longer lists memoizing these is useful */\n                  React.useMemo(function() {\n                    return items.map(function(item) {\n                      return /* @__PURE__ */ _jsxs(Select.Item, {\n                        value: item.name.toLowerCase(),\n                        children: [\n                          /* @__PURE__ */ _jsx(Select.ItemText, {\n                            children: item.name\n                          }),\n                          /* @__PURE__ */ _jsx(Select.ItemIndicator, {\n                            marginLeft: \"auto\",\n                            children: /* @__PURE__ */ _jsx(Check, {\n                              size: 16\n                            })\n                          })\n                        ]\n                      }, item.name);\n                    });\n                  }, [\n                    items\n                  ])\n                ]\n              }),\n              /* Native gets an extra icon */\n              props.native && /* @__PURE__ */ _jsx(YStack, {\n                position: \"absolute\",\n                r: 0,\n                t: 16,\n                items: \"center\",\n                justify: \"center\",\n                width: \"4\",\n                pointerEvents: \"none\",\n                children: /* @__PURE__ */ _jsx(ChevronDown, {\n                  size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : true)\n                })\n              })\n            ]\n          }),\n          /* @__PURE__ */ _jsxs(Select.ScrollDownButton, {\n            items: \"center\",\n            justify: \"center\",\n            position: \"relative\",\n            width: \"100%\",\n            height: \"3\",\n            children: [\n              /* @__PURE__ */ _jsx(YStack, {\n                z: 10,\n                children: /* @__PURE__ */ _jsx(ChevronDown, {\n                  size: 20\n                })\n              }),\n              /* @__PURE__ */ _jsx(LinearGradient, {\n                start: [\n                  0,\n                  0\n                ],\n                end: [\n                  0,\n                  1\n                ],\n                position: \"absolute\",\n                inset: 0,\n                rounded: \"4\",\n                colors: [\n                  \"transparent\",\n                  \"background\"\n                ]\n              })\n            ]\n          })\n        ]\n      })\n    ]\n  });\n}\nvar items = [\n  {\n    name: \"Apple\"\n  },\n  {\n    name: \"Pear\"\n  },\n  {\n    name: \"Blackberry\"\n  },\n  {\n    name: \"Peach\"\n  },\n  {\n    name: \"Apricot\"\n  },\n  {\n    name: \"Melon\"\n  },\n  {\n    name: \"Honeydew\"\n  },\n  {\n    name: \"Starfruit\"\n  },\n  {\n    name: \"Blueberry\"\n  },\n  {\n    name: \"Raspberry\"\n  },\n  {\n    name: \"Strawberry\"\n  },\n  {\n    name: \"Mango\"\n  },\n  {\n    name: \"Pineapple\"\n  },\n  {\n    name: \"Lime\"\n  },\n  {\n    name: \"Lemon\"\n  },\n  {\n    name: \"Coconut\"\n  },\n  {\n    name: \"Guava\"\n  },\n  {\n    name: \"Papaya\"\n  },\n  {\n    name: \"Orange\"\n  },\n  {\n    name: \"Grape\"\n  },\n  {\n    name: \"Jackfruit\"\n  },\n  {\n    name: \"Durian\"\n  }\n];\nexport {\n  SelectDemo,\n  SelectDemoContents\n};\n//# sourceMappingURL=SelectDemo.js.map\n"],"mappings":"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,MAAM,UAAU,QAAQ,gBAAgB,KAAK,IAAI,cAAc,IAAI,EACtG,CAAC;KACH,CAAC,CACH;IACF,CAAC;IACe,qBAAM,OAAO,kBAAkB;KAC7C,OAAO;KACP,SAAS;KACT,UAAU;KACV,OAAO;KACP,QAAQ;KACR,UAAU,CACQ,oBAAK,QAAQ;MAC3B,GAAG;MACH,UAA0B,oBAAK,aAAa,EAC1C,MAAM,GACR,CAAC;KACH,CAAC,GACe,oBAAK,gBAAgB;MACnC,OAAO,CACL,GACA,CACF;MACA,KAAK,CACH,GACA,CACF;MACA,UAAU;MACV,OAAO;MACP,SAAS;MACT,QAAQ,CACN,eACA,YACF;KACF,CAAC,CACH;IACF,CAAC;GACH,EACF,CAAC;EACH;CACF,CAAC;AACH;AACA,IAAI,QAAQ;CACV,EACE,MAAM,QACR;CACA,EACE,MAAM,OACR;CACA,EACE,MAAM,aACR;CACA,EACE,MAAM,QACR;CACA,EACE,MAAM,UACR;CACA,EACE,MAAM,QACR;CACA,EACE,MAAM,WACR;CACA,EACE,MAAM,YACR;CACA,EACE,MAAM,YACR;CACA,EACE,MAAM,YACR;CACA,EACE,MAAM,aACR;CACA,EACE,MAAM,QACR;CACA,EACE,MAAM,YACR;CACA,EACE,MAAM,OACR;CACA,EACE,MAAM,QACR;CACA,EACE,MAAM,UACR;CACA,EACE,MAAM,QACR;CACA,EACE,MAAM,SACR;CACA,EACE,MAAM,SACR;CACA,EACE,MAAM,QACR;CACA,EACE,MAAM,YACR;CACA,EACE,MAAM,SACR;AACF"}

package/dist/esm/SeparatorDemo.mjs

@@ -1,37 +1,40 @@
 import { Paragraph, Separator, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function SeparatorDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    width: "100%",
-    maxW: 300,
-    mx: 16,
-    children: [/* @__PURE__ */jsx(Paragraph, {
-      fontWeight: "800",
-      children: "Tamagui"
-    }), /* @__PURE__ */jsx(Paragraph, {
-      children: "A cross-platform component library."
-    }), /* @__PURE__ */jsx(Separator, {
-      my: 15
-    }), /* @__PURE__ */jsxs(XStack, {
-      height: 20,
-      items: "center",
-      children: [/* @__PURE__ */jsx(Paragraph, {
-        children: "Blog"
-      }), /* @__PURE__ */jsx(Separator, {
-        self: "stretch",
-        vertical: true,
-        mx: 16
-      }), /* @__PURE__ */jsx(Paragraph, {
-        children: "Docs"
-      }), /* @__PURE__ */jsx(Separator, {
-        self: "stretch",
-        vertical: true,
-        mx: 16
-      }), /* @__PURE__ */jsx(Paragraph, {
-        children: "Source"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		width: "100%",
+		maxW: 300,
+		mx: 16,
+		children: [
+			/* @__PURE__ */ jsx(Paragraph, {
+				fontWeight: "800",
+				children: "Tamagui"
+			}),
+			/* @__PURE__ */ jsx(Paragraph, { children: "A cross-platform component library." }),
+			/* @__PURE__ */ jsx(Separator, { my: 15 }),
+			/* @__PURE__ */ jsxs(XStack, {
+				height: 20,
+				items: "center",
+				children: [
+					/* @__PURE__ */ jsx(Paragraph, { children: "Blog" }),
+					/* @__PURE__ */ jsx(Separator, {
+						self: "stretch",
+						vertical: true,
+						mx: 16
+					}),
+					/* @__PURE__ */ jsx(Paragraph, { children: "Docs" }),
+					/* @__PURE__ */ jsx(Separator, {
+						self: "stretch",
+						vertical: true,
+						mx: 16
+					}),
+					/* @__PURE__ */ jsx(Paragraph, { children: "Source" })
+				]
+			})
+		]
+	});
 }
+
 export { SeparatorDemo };
 //# sourceMappingURL=SeparatorDemo.mjs.map

package/dist/esm/SeparatorDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Paragraph","Separator","XStack","YStack","jsx","jsxs","SeparatorDemo","width","maxW","mx","children","fontWeight","my","height","items","self","vertical"],"sources":["../../src/SeparatorDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,SAAA,EAAWC,MAAA,EAAQC,MAAA,QAAc;AAK/C,SAAAC,GAAA,EAGAC,IAAA,QAHA;AAHC,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,KAAA,EAAM;IAAOC,IAAA,EAAM;IAAKC,EAAA,EAAI;IAClCC,QAAA,kBAAAN,GAAA,CAACJ,SAAA;MAAUW,UAAA,EAAW;MAAMD,QAAA;IAAA,CAAO,GACnC,eAAAN,GAAA,CAACJ,SAAA;MAAUU,QAAA;IAAA,CAAmC,GAC9C,eAAAN,GAAA,CAACH,SAAA;MAAUW,EAAA,EAAI;IAAA,CAAI,GACnB,eAAAP,IAAA,CAACH,MAAA;MAAOW,MAAA,EAAQ;MAAIC,KAAA,EAAM;MACxBJ,QAAA,kBAAAN,GAAA,CAACJ,SAAA;QAAUU,QAAA;MAAA,CAAI,GACf,eAAAN,GAAA,CAACH,SAAA;QAAUc,IAAA,EAAK;QAAUC,QAAA,EAAQ;QAACP,EAAA,EAAI;MAAA,CAAI,GAC3C,eAAAL,GAAA,CAACJ,SAAA;QAAUU,QAAA;MAAA,CAAI,GACf,eAAAN,GAAA,CAACH,SAAA;QAAUc,IAAA,EAAK;QAAUC,QAAA,EAAQ;QAACP,EAAA,EAAI;MAAA,CAAI,GAC3C,eAAAL,GAAA,CAACJ,SAAA;QAAUU,QAAA;MAAA,CAAM;IAAA,CACnB;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"SeparatorDemo.js","names":[],"sources":["esm/SeparatorDemo.js"],"sourcesContent":["import { Paragraph, Separator, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction SeparatorDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { width: \"100%\", maxW: 300, mx: 16, children: [\n    /* @__PURE__ */ jsx(Paragraph, { fontWeight: \"800\", children: \"Tamagui\" }),\n    /* @__PURE__ */ jsx(Paragraph, { children: \"A cross-platform component library.\" }),\n    /* @__PURE__ */ jsx(Separator, { my: 15 }),\n    /* @__PURE__ */ jsxs(XStack, { height: 20, items: \"center\", children: [\n      /* @__PURE__ */ jsx(Paragraph, { children: \"Blog\" }),\n      /* @__PURE__ */ jsx(Separator, { self: \"stretch\", vertical: true, mx: 16 }),\n      /* @__PURE__ */ jsx(Paragraph, { children: \"Docs\" }),\n      /* @__PURE__ */ jsx(Separator, { self: \"stretch\", vertical: true, mx: 16 }),\n      /* @__PURE__ */ jsx(Paragraph, { children: \"Source\" })\n    ] })\n  ] });\n}\nexport {\n  SeparatorDemo\n};\n//# sourceMappingURL=SeparatorDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,gBAAgB;CACvB,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAQ,MAAM;EAAK,IAAI;EAAI,UAAU;GAChE,oBAAI,WAAW;IAAE,YAAY;IAAO,UAAU;GAAU,CAAC;GACzD,oBAAI,WAAW,EAAE,UAAU,sCAAsC,CAAC;GAClE,oBAAI,WAAW,EAAE,IAAI,GAAG,CAAC;GACzB,qBAAK,QAAQ;IAAE,QAAQ;IAAI,OAAO;IAAU,UAAU;KACpD,oBAAI,WAAW,EAAE,UAAU,OAAO,CAAC;KACnC,oBAAI,WAAW;MAAE,MAAM;MAAW,UAAU;MAAM,IAAI;KAAG,CAAC;KAC1D,oBAAI,WAAW,EAAE,UAAU,OAAO,CAAC;KACnC,oBAAI,WAAW;MAAE,MAAM;MAAW,UAAU;MAAM,IAAI;KAAG,CAAC;KAC1D,oBAAI,WAAW,EAAE,UAAU,SAAS,CAAC;IACvD;GAAE,CAAC;EACL;CAAE,CAAC;AACL"}

package/dist/esm/SeparatorDemo.native.js

@@ -1,37 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Paragraph, Separator, XStack, YStack } from "tamagui";
+
 function SeparatorDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    width: "100%",
-    maxW: 300,
-    mx: 16,
-    children: [/* @__PURE__ */_jsx(Paragraph, {
-      fontWeight: "800",
-      children: "Tamagui"
-    }), /* @__PURE__ */_jsx(Paragraph, {
-      children: "A cross-platform component library."
-    }), /* @__PURE__ */_jsx(Separator, {
-      my: 15
-    }), /* @__PURE__ */_jsxs(XStack, {
-      height: 20,
-      items: "center",
-      children: [/* @__PURE__ */_jsx(Paragraph, {
-        children: "Blog"
-      }), /* @__PURE__ */_jsx(Separator, {
-        self: "stretch",
-        vertical: true,
-        mx: 16
-      }), /* @__PURE__ */_jsx(Paragraph, {
-        children: "Docs"
-      }), /* @__PURE__ */_jsx(Separator, {
-        self: "stretch",
-        vertical: true,
-        mx: 16
-      }), /* @__PURE__ */_jsx(Paragraph, {
-        children: "Source"
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		width: "100%",
+		maxW: 300,
+		mx: 16,
+		children: [
+			/* @__PURE__ */ jsx(Paragraph, {
+				fontWeight: "800",
+				children: "Tamagui"
+			}),
+			/* @__PURE__ */ jsx(Paragraph, { children: "A cross-platform component library." }),
+			/* @__PURE__ */ jsx(Separator, { my: 15 }),
+			/* @__PURE__ */ jsxs(XStack, {
+				height: 20,
+				items: "center",
+				children: [
+					/* @__PURE__ */ jsx(Paragraph, { children: "Blog" }),
+					/* @__PURE__ */ jsx(Separator, {
+						self: "stretch",
+						vertical: true,
+						mx: 16
+					}),
+					/* @__PURE__ */ jsx(Paragraph, { children: "Docs" }),
+					/* @__PURE__ */ jsx(Separator, {
+						self: "stretch",
+						vertical: true,
+						mx: 16
+					}),
+					/* @__PURE__ */ jsx(Paragraph, { children: "Source" })
+				]
+			})
+		]
+	});
 }
+
 export { SeparatorDemo };
 //# sourceMappingURL=SeparatorDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","Separator","XStack","YStack","SeparatorDemo","width","maxW","mx","children","fontWeight"],"sources":["../../src/SeparatorDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAW,QAAQ,mBAAc;AAK/C,SAAAC,SAGA,EAAAC,SAHA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAL,KAAC,CAAAI,MAAA;IACCE,KAAA;IACAC,IAAA;IACAC,EAAA;IACAC,QAAA,GACE,eAAAX,IAAC,CAAAG,SAAA;MACDS,UAAA;MACAD,QAAA;IACA,IACA,eAAAX,IAAC,CAAAG,SAAA;MACHQ,QAAA;IACF,IAEJ,eAAAX,IAAA,CAAAI,SAAA","ignoreList":[]}
+{"version":3,"file":"SeparatorDemo.native.js","names":[],"sources":["esm/SeparatorDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Paragraph, Separator, XStack, YStack } from \"tamagui\";\nfunction SeparatorDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    width: \"100%\",\n    maxW: 300,\n    mx: 16,\n    children: [\n      /* @__PURE__ */ _jsx(Paragraph, {\n        fontWeight: \"800\",\n        children: \"Tamagui\"\n      }),\n      /* @__PURE__ */ _jsx(Paragraph, {\n        children: \"A cross-platform component library.\"\n      }),\n      /* @__PURE__ */ _jsx(Separator, {\n        my: 15\n      }),\n      /* @__PURE__ */ _jsxs(XStack, {\n        height: 20,\n        items: \"center\",\n        children: [\n          /* @__PURE__ */ _jsx(Paragraph, {\n            children: \"Blog\"\n          }),\n          /* @__PURE__ */ _jsx(Separator, {\n            self: \"stretch\",\n            vertical: true,\n            mx: 16\n          }),\n          /* @__PURE__ */ _jsx(Paragraph, {\n            children: \"Docs\"\n          }),\n          /* @__PURE__ */ _jsx(Separator, {\n            self: \"stretch\",\n            vertical: true,\n            mx: 16\n          }),\n          /* @__PURE__ */ _jsx(Paragraph, {\n            children: \"Source\"\n          })\n        ]\n      })\n    ]\n  });\n}\nexport {\n  SeparatorDemo\n};\n//# sourceMappingURL=SeparatorDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,gBAAgB;CACvB,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,MAAM;EACN,IAAI;EACJ,UAAU;GACQ,oBAAK,WAAW;IAC9B,YAAY;IACZ,UAAU;GACZ,CAAC;GACe,oBAAK,WAAW,EAC9B,UAAU,sCACZ,CAAC;GACe,oBAAK,WAAW,EAC9B,IAAI,GACN,CAAC;GACe,qBAAM,QAAQ;IAC5B,QAAQ;IACR,OAAO;IACP,UAAU;KACQ,oBAAK,WAAW,EAC9B,UAAU,OACZ,CAAC;KACe,oBAAK,WAAW;MAC9B,MAAM;MACN,UAAU;MACV,IAAI;KACN,CAAC;KACe,oBAAK,WAAW,EAC9B,UAAU,OACZ,CAAC;KACe,oBAAK,WAAW;MAC9B,MAAM;MACN,UAAU;MACV,IAAI;KACN,CAAC;KACe,oBAAK,WAAW,EAC9B,UAAU,SACZ,CAAC;IACH;GACF,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/ShapesDemo.mjs

@@ -1,19 +1,21 @@
 import { Circle, Square, XStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function ShapesDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    p: "$2",
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(Square, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    }), /* @__PURE__ */jsx(Circle, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		p: "2",
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(Square, {
+			size: 100,
+			bg: "color",
+			elevation: "4"
+		}), /* @__PURE__ */ jsx(Circle, {
+			size: 100,
+			bg: "color",
+			elevation: "4"
+		})]
+	});
 }
+
 export { ShapesDemo };
 //# sourceMappingURL=ShapesDemo.mjs.map