@tamagui/demos 1.111.7 → 1.111.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/dist/esm/AccordionDemo.native.js +66 -79
  2. package/dist/esm/AccordionDemo.native.js.map +1 -6
  3. package/dist/esm/AddThemeDemo.native.js +25 -34
  4. package/dist/esm/AddThemeDemo.native.js.map +1 -6
  5. package/dist/esm/AlertDialogDemo.native.js +66 -84
  6. package/dist/esm/AlertDialogDemo.native.js.map +1 -6
  7. package/dist/esm/AnimationsDemo.native.js +65 -75
  8. package/dist/esm/AnimationsDemo.native.js.map +1 -6
  9. package/dist/esm/AnimationsEnterDemo.native.js +33 -38
  10. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -6
  11. package/dist/esm/AnimationsHoverDemo.native.js +4 -6
  12. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -6
  13. package/dist/esm/AnimationsPresenceDemo.native.js +78 -91
  14. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -6
  15. package/dist/esm/AnimationsTimingDemo.native.js +4 -6
  16. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -6
  17. package/dist/esm/AvatarDemo.native.js +23 -34
  18. package/dist/esm/AvatarDemo.native.js.map +1 -6
  19. package/dist/esm/BuildAButtonDemo.native.js +73 -94
  20. package/dist/esm/BuildAButtonDemo.native.js.map +1 -6
  21. package/dist/esm/ButtonDemo.native.js +51 -68
  22. package/dist/esm/ButtonDemo.native.js.map +1 -6
  23. package/dist/esm/CardDemo.native.js +47 -63
  24. package/dist/esm/CardDemo.native.js.map +1 -6
  25. package/dist/esm/CheckboxDemo.native.js +31 -36
  26. package/dist/esm/CheckboxDemo.native.js.map +1 -6
  27. package/dist/esm/CheckboxHeadlessDemo.native.js +26 -33
  28. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -6
  29. package/dist/esm/CheckboxUnstyledDemo.native.js +36 -40
  30. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -6
  31. package/dist/esm/ColorsDemo.native.js +84 -106
  32. package/dist/esm/ColorsDemo.native.js.map +1 -6
  33. package/dist/esm/DialogDemo.native.js +122 -156
  34. package/dist/esm/DialogDemo.native.js.map +1 -6
  35. package/dist/esm/FormsDemo.native.js +18 -25
  36. package/dist/esm/FormsDemo.native.js.map +1 -6
  37. package/dist/esm/Grid.native.js +23 -22
  38. package/dist/esm/Grid.native.js.map +1 -6
  39. package/dist/esm/GroupDemo.native.js +55 -72
  40. package/dist/esm/GroupDemo.native.js.map +1 -6
  41. package/dist/esm/HeadingsDemo.native.js +16 -25
  42. package/dist/esm/HeadingsDemo.native.js.map +1 -6
  43. package/dist/esm/ImageDemo.native.js +3 -5
  44. package/dist/esm/ImageDemo.native.js.map +1 -6
  45. package/dist/esm/InputsDemo.native.js +21 -31
  46. package/dist/esm/InputsDemo.native.js.map +1 -6
  47. package/dist/esm/LabelDemo.native.js +29 -40
  48. package/dist/esm/LabelDemo.native.js.map +1 -6
  49. package/dist/esm/LinearGradientDemo.native.js +20 -43
  50. package/dist/esm/LinearGradientDemo.native.js.map +1 -6
  51. package/dist/esm/ListItemDemo.native.js +50 -63
  52. package/dist/esm/ListItemDemo.native.js.map +1 -6
  53. package/dist/esm/LucideIconsDemo.native.js +38 -44
  54. package/dist/esm/LucideIconsDemo.native.js.map +1 -6
  55. package/dist/esm/NewInputsDemo.native.js +21 -31
  56. package/dist/esm/NewInputsDemo.native.js.map +1 -6
  57. package/dist/esm/PopoverDemo.native.js +91 -117
  58. package/dist/esm/PopoverDemo.native.js.map +1 -6
  59. package/dist/esm/ProgressDemo.native.js +68 -85
  60. package/dist/esm/ProgressDemo.native.js.map +1 -6
  61. package/dist/esm/RadioGroupDemo.native.js +28 -38
  62. package/dist/esm/RadioGroupDemo.native.js.map +1 -6
  63. package/dist/esm/RadioGroupHeadlessDemo.native.js +75 -65
  64. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -6
  65. package/dist/esm/RadioGroupUnstyledDemo.native.js +94 -96
  66. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -6
  67. package/dist/esm/ReplaceThemeDemo.native.js +25 -29
  68. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -6
  69. package/dist/esm/ScrollViewDemo.native.js +37 -48
  70. package/dist/esm/ScrollViewDemo.native.js.map +1 -6
  71. package/dist/esm/SelectDemo.native.js +187 -267
  72. package/dist/esm/SelectDemo.native.js.map +1 -6
  73. package/dist/esm/SeparatorDemo.native.js +29 -42
  74. package/dist/esm/SeparatorDemo.native.js.map +1 -6
  75. package/dist/esm/ShapesDemo.native.js +12 -17
  76. package/dist/esm/ShapesDemo.native.js.map +1 -6
  77. package/dist/esm/SheetDemo.native.js +133 -183
  78. package/dist/esm/SheetDemo.native.js.map +1 -6
  79. package/dist/esm/SliderDemo.native.js +22 -30
  80. package/dist/esm/SliderDemo.native.js.map +1 -6
  81. package/dist/esm/SpinnerDemo.native.js +10 -15
  82. package/dist/esm/SpinnerDemo.native.js.map +1 -6
  83. package/dist/esm/StacksDemo.native.js +67 -85
  84. package/dist/esm/StacksDemo.native.js.map +1 -6
  85. package/dist/esm/SwitchDemo.native.js +57 -76
  86. package/dist/esm/SwitchDemo.native.js.map +1 -6
  87. package/dist/esm/SwitchHeadlessDemo.native.js +45 -63
  88. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -6
  89. package/dist/esm/SwitchUnstyledDemo.native.js +46 -50
  90. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -6
  91. package/dist/esm/TabsAdvancedDemo.native.js +297 -297
  92. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -6
  93. package/dist/esm/TabsDemo.native.js +126 -149
  94. package/dist/esm/TabsDemo.native.js.map +1 -6
  95. package/dist/esm/TextDemo.native.js +21 -30
  96. package/dist/esm/TextDemo.native.js.map +1 -6
  97. package/dist/esm/ThemeBuilderDemo.native.js +137 -170
  98. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -6
  99. package/dist/esm/ThemeInverseDemo.native.js +30 -43
  100. package/dist/esm/ThemeInverseDemo.native.js.map +1 -6
  101. package/dist/esm/ToastDemo.native.js +73 -83
  102. package/dist/esm/ToastDemo.native.js.map +1 -6
  103. package/dist/esm/ToastDuplicateDemo.native.js +45 -61
  104. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -6
  105. package/dist/esm/ToggleGroupDemo.native.js +58 -76
  106. package/dist/esm/ToggleGroupDemo.native.js.map +1 -6
  107. package/dist/esm/TokensDemo.native.js +94 -107
  108. package/dist/esm/TokensDemo.native.js.map +1 -6
  109. package/dist/esm/TooltipDemo.native.js +85 -109
  110. package/dist/esm/TooltipDemo.native.js.map +1 -6
  111. package/dist/esm/UpdateThemeDemo.native.js +28 -31
  112. package/dist/esm/UpdateThemeDemo.native.js.map +1 -6
  113. package/dist/esm/WebNativeImageDemo.native.js +3 -5
  114. package/dist/esm/WebNativeImageDemo.native.js.map +1 -6
  115. package/dist/esm/index.native.js +58 -58
  116. package/dist/esm/index.native.js.map +1 -6
  117. package/dist/esm/tamagui.config.native.js +2 -5
  118. package/dist/esm/tamagui.config.native.js.map +1 -6
  119. package/dist/esm/useOnIntersecting.native.js +42 -39
  120. package/dist/esm/useOnIntersecting.native.js.map +1 -6
  121. package/package.json +21 -21
  122. package/dist/esm/AccordionDemo.native.mjs +0 -79
  123. package/dist/esm/AccordionDemo.native.mjs.map +0 -1
  124. package/dist/esm/AddThemeDemo.native.mjs +0 -36
  125. package/dist/esm/AddThemeDemo.native.mjs.map +0 -1
  126. package/dist/esm/AlertDialogDemo.native.mjs +0 -73
  127. package/dist/esm/AlertDialogDemo.native.mjs.map +0 -1
  128. package/dist/esm/AnimationsDemo.native.mjs +0 -78
  129. package/dist/esm/AnimationsDemo.native.mjs.map +0 -1
  130. package/dist/esm/AnimationsEnterDemo.native.mjs +0 -47
  131. package/dist/esm/AnimationsEnterDemo.native.mjs.map +0 -1
  132. package/dist/esm/AnimationsHoverDemo.native.mjs +0 -24
  133. package/dist/esm/AnimationsHoverDemo.native.mjs.map +0 -1
  134. package/dist/esm/AnimationsPresenceDemo.native.mjs +0 -97
  135. package/dist/esm/AnimationsPresenceDemo.native.mjs.map +0 -1
  136. package/dist/esm/AnimationsTimingDemo.native.mjs +0 -23
  137. package/dist/esm/AnimationsTimingDemo.native.mjs.map +0 -1
  138. package/dist/esm/AvatarDemo.native.mjs +0 -31
  139. package/dist/esm/AvatarDemo.native.mjs.map +0 -1
  140. package/dist/esm/BuildAButtonDemo.native.mjs +0 -102
  141. package/dist/esm/BuildAButtonDemo.native.mjs.map +0 -1
  142. package/dist/esm/ButtonDemo.native.mjs +0 -60
  143. package/dist/esm/ButtonDemo.native.mjs.map +0 -1
  144. package/dist/esm/CardDemo.native.mjs +0 -65
  145. package/dist/esm/CardDemo.native.mjs.map +0 -1
  146. package/dist/esm/CheckboxDemo.native.mjs +0 -47
  147. package/dist/esm/CheckboxDemo.native.mjs.map +0 -1
  148. package/dist/esm/CheckboxHeadlessDemo.native.mjs +0 -53
  149. package/dist/esm/CheckboxHeadlessDemo.native.mjs.map +0 -1
  150. package/dist/esm/CheckboxUnstyledDemo.native.mjs +0 -54
  151. package/dist/esm/CheckboxUnstyledDemo.native.mjs.map +0 -1
  152. package/dist/esm/ColorsDemo.native.mjs +0 -114
  153. package/dist/esm/ColorsDemo.native.mjs.map +0 -1
  154. package/dist/esm/DialogDemo.native.mjs +0 -132
  155. package/dist/esm/DialogDemo.native.mjs.map +0 -1
  156. package/dist/esm/FormsDemo.native.mjs +0 -42
  157. package/dist/esm/FormsDemo.native.mjs.map +0 -1
  158. package/dist/esm/Grid.native.mjs +0 -41
  159. package/dist/esm/Grid.native.mjs.map +0 -1
  160. package/dist/esm/GroupDemo.native.mjs +0 -64
  161. package/dist/esm/GroupDemo.native.mjs.map +0 -1
  162. package/dist/esm/HeadingsDemo.native.mjs +0 -23
  163. package/dist/esm/HeadingsDemo.native.mjs.map +0 -1
  164. package/dist/esm/ImageDemo.native.mjs +0 -13
  165. package/dist/esm/ImageDemo.native.mjs.map +0 -1
  166. package/dist/esm/InputsDemo.native.mjs +0 -37
  167. package/dist/esm/InputsDemo.native.mjs.map +0 -1
  168. package/dist/esm/LabelDemo.native.mjs +0 -37
  169. package/dist/esm/LabelDemo.native.mjs.map +0 -1
  170. package/dist/esm/LinearGradientDemo.native.mjs +0 -27
  171. package/dist/esm/LinearGradientDemo.native.mjs.map +0 -1
  172. package/dist/esm/ListItemDemo.native.mjs +0 -77
  173. package/dist/esm/ListItemDemo.native.mjs.map +0 -1
  174. package/dist/esm/LucideIconsDemo.native.mjs +0 -68
  175. package/dist/esm/LucideIconsDemo.native.mjs.map +0 -1
  176. package/dist/esm/NewInputsDemo.native.mjs +0 -37
  177. package/dist/esm/NewInputsDemo.native.mjs.map +0 -1
  178. package/dist/esm/PopoverDemo.native.mjs +0 -109
  179. package/dist/esm/PopoverDemo.native.mjs.map +0 -1
  180. package/dist/esm/ProgressDemo.native.mjs +0 -79
  181. package/dist/esm/ProgressDemo.native.mjs.map +0 -1
  182. package/dist/esm/RadioGroupDemo.native.mjs +0 -47
  183. package/dist/esm/RadioGroupDemo.native.mjs.map +0 -1
  184. package/dist/esm/RadioGroupHeadlessDemo.native.mjs +0 -134
  185. package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map +0 -1
  186. package/dist/esm/RadioGroupUnstyledDemo.native.mjs +0 -119
  187. package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map +0 -1
  188. package/dist/esm/ReplaceThemeDemo.native.mjs +0 -44
  189. package/dist/esm/ReplaceThemeDemo.native.mjs.map +0 -1
  190. package/dist/esm/ScrollViewDemo.native.mjs +0 -51
  191. package/dist/esm/ScrollViewDemo.native.mjs.map +0 -1
  192. package/dist/esm/SelectDemo.native.mjs +0 -205
  193. package/dist/esm/SelectDemo.native.mjs.map +0 -1
  194. package/dist/esm/SeparatorDemo.native.mjs +0 -38
  195. package/dist/esm/SeparatorDemo.native.mjs.map +0 -1
  196. package/dist/esm/ShapesDemo.native.mjs +0 -19
  197. package/dist/esm/ShapesDemo.native.mjs.map +0 -1
  198. package/dist/esm/SheetDemo.native.mjs +0 -165
  199. package/dist/esm/SheetDemo.native.mjs.map +0 -1
  200. package/dist/esm/SliderDemo.native.mjs +0 -36
  201. package/dist/esm/SliderDemo.native.mjs.map +0 -1
  202. package/dist/esm/SpinnerDemo.native.mjs +0 -18
  203. package/dist/esm/SpinnerDemo.native.mjs.map +0 -1
  204. package/dist/esm/StacksDemo.native.mjs +0 -82
  205. package/dist/esm/StacksDemo.native.mjs.map +0 -1
  206. package/dist/esm/SwitchDemo.native.mjs +0 -72
  207. package/dist/esm/SwitchDemo.native.mjs.map +0 -1
  208. package/dist/esm/SwitchHeadlessDemo.native.mjs +0 -67
  209. package/dist/esm/SwitchHeadlessDemo.native.mjs.map +0 -1
  210. package/dist/esm/SwitchUnstyledDemo.native.mjs +0 -65
  211. package/dist/esm/SwitchUnstyledDemo.native.mjs.map +0 -1
  212. package/dist/esm/TabsAdvancedDemo.native.mjs +0 -351
  213. package/dist/esm/TabsAdvancedDemo.native.mjs.map +0 -1
  214. package/dist/esm/TabsDemo.native.mjs +0 -169
  215. package/dist/esm/TabsDemo.native.mjs.map +0 -1
  216. package/dist/esm/TextDemo.native.mjs +0 -30
  217. package/dist/esm/TextDemo.native.mjs.map +0 -1
  218. package/dist/esm/ThemeBuilderDemo.native.mjs +0 -155
  219. package/dist/esm/ThemeBuilderDemo.native.mjs.map +0 -1
  220. package/dist/esm/ThemeInverseDemo.native.mjs +0 -46
  221. package/dist/esm/ThemeInverseDemo.native.mjs.map +0 -1
  222. package/dist/esm/ToastDemo.native.mjs +0 -109
  223. package/dist/esm/ToastDemo.native.mjs.map +0 -1
  224. package/dist/esm/ToastDuplicateDemo.native.mjs +0 -55
  225. package/dist/esm/ToastDuplicateDemo.native.mjs.map +0 -1
  226. package/dist/esm/ToggleGroupDemo.native.mjs +0 -76
  227. package/dist/esm/ToggleGroupDemo.native.mjs.map +0 -1
  228. package/dist/esm/TokensDemo.native.mjs +0 -110
  229. package/dist/esm/TokensDemo.native.mjs.map +0 -1
  230. package/dist/esm/TooltipDemo.native.mjs +0 -103
  231. package/dist/esm/TooltipDemo.native.mjs.map +0 -1
  232. package/dist/esm/UpdateThemeDemo.native.mjs +0 -47
  233. package/dist/esm/UpdateThemeDemo.native.mjs.map +0 -1
  234. package/dist/esm/WebNativeImageDemo.native.mjs +0 -11
  235. package/dist/esm/WebNativeImageDemo.native.mjs.map +0 -1
  236. package/dist/esm/index.native.mjs +0 -58
  237. package/dist/esm/index.native.mjs.map +0 -1
  238. package/dist/esm/tamagui.config.native.mjs +0 -5
  239. package/dist/esm/tamagui.config.native.mjs.map +0 -1
  240. package/dist/esm/useOnIntersecting.native.mjs +0 -74
  241. package/dist/esm/useOnIntersecting.native.mjs.map +0 -1
@@ -4,282 +4,202 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
4
4
  import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagui";
5
5
  import { LinearGradient } from "tamagui/linear-gradient";
6
6
  function SelectDemo() {
7
- return /* @__PURE__ */ _jsxs(YStack, {
7
+ return /* @__PURE__ */_jsxs(YStack, {
8
8
  gap: "$4",
9
- children: [
10
- /* @__PURE__ */ _jsxs(XStack, {
11
- ai: "center",
12
- gap: "$4",
13
- children: [
14
- /* @__PURE__ */ _jsx(Label, {
15
- htmlFor: "select-demo-1",
16
- f: 1,
17
- miw: 80,
18
- children: "Custom"
19
- }),
20
- /* @__PURE__ */ _jsx(SelectDemoItem, {
21
- id: "select-demo-1"
22
- })
23
- ]
24
- }),
25
- /* @__PURE__ */ _jsxs(XStack, {
26
- ai: "center",
27
- gap: "$4",
28
- children: [
29
- /* @__PURE__ */ _jsx(Label, {
30
- htmlFor: "select-demo-2",
31
- f: 1,
32
- miw: 80,
33
- children: "Native"
34
- }),
35
- /* @__PURE__ */ _jsx(SelectDemoItem, {
36
- id: "select-demo-2",
37
- native: !0
38
- })
39
- ]
40
- })
41
- ]
9
+ children: [/* @__PURE__ */_jsxs(XStack, {
10
+ ai: "center",
11
+ gap: "$4",
12
+ children: [/* @__PURE__ */_jsx(Label, {
13
+ htmlFor: "select-demo-1",
14
+ f: 1,
15
+ miw: 80,
16
+ children: "Custom"
17
+ }), /* @__PURE__ */_jsx(SelectDemoItem, {
18
+ id: "select-demo-1"
19
+ })]
20
+ }), /* @__PURE__ */_jsxs(XStack, {
21
+ ai: "center",
22
+ gap: "$4",
23
+ children: [/* @__PURE__ */_jsx(Label, {
24
+ htmlFor: "select-demo-2",
25
+ f: 1,
26
+ miw: 80,
27
+ children: "Native"
28
+ }), /* @__PURE__ */_jsx(SelectDemoItem, {
29
+ id: "select-demo-2",
30
+ native: !0
31
+ })]
32
+ })]
42
33
  });
43
34
  }
44
35
  function SelectDemoItem(props) {
45
- var [val, setVal] = React.useState("apple"), _props_size;
46
- return /* @__PURE__ */ _jsxs(Select, {
36
+ var [val, setVal] = React.useState("apple"),
37
+ _props_size;
38
+ return /* @__PURE__ */_jsxs(Select, {
47
39
  value: val,
48
40
  onValueChange: setVal,
49
41
  disablePreventBodyScroll: !0,
50
42
  ...props,
51
- children: [
52
- /* @__PURE__ */ _jsx(Select.Trigger, {
53
- width: 220,
54
- iconAfter: ChevronDown,
55
- children: /* @__PURE__ */ _jsx(Select.Value, {
56
- placeholder: "Something"
57
- })
58
- }),
59
- /* @__PURE__ */ _jsx(Adapt, {
60
- when: "sm",
61
- platform: "touch",
62
- children: /* @__PURE__ */ _jsxs(Sheet, {
63
- native: !!props.native,
64
- modal: !0,
65
- dismissOnSnapToBottom: !0,
66
- animationConfig: {
67
- type: "spring",
68
- damping: 20,
69
- mass: 1.2,
70
- stiffness: 250
71
- },
72
- children: [
73
- /* @__PURE__ */ _jsx(Sheet.Frame, {
74
- children: /* @__PURE__ */ _jsx(Sheet.ScrollView, {
75
- children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
76
- })
77
- }),
78
- /* @__PURE__ */ _jsx(Sheet.Overlay, {
79
- animation: "lazy",
80
- enterStyle: {
81
- opacity: 0
82
- },
83
- exitStyle: {
84
- opacity: 0
85
- }
86
- })
87
- ]
88
- })
89
- }),
90
- /* @__PURE__ */ _jsxs(Select.Content, {
91
- zIndex: 2e5,
92
- children: [
93
- /* @__PURE__ */ _jsxs(Select.ScrollUpButton, {
94
- alignItems: "center",
95
- justifyContent: "center",
96
- position: "relative",
97
- width: "100%",
98
- height: "$3",
99
- children: [
100
- /* @__PURE__ */ _jsx(YStack, {
101
- zIndex: 10,
102
- children: /* @__PURE__ */ _jsx(ChevronUp, {
103
- size: 20
104
- })
105
- }),
106
- /* @__PURE__ */ _jsx(LinearGradient, {
107
- start: [
108
- 0,
109
- 0
110
- ],
111
- end: [
112
- 0,
113
- 1
114
- ],
115
- fullscreen: !0,
116
- colors: [
117
- "$background",
118
- "transparent"
119
- ],
120
- borderRadius: "$4"
121
- })
122
- ]
123
- }),
124
- /* @__PURE__ */ _jsxs(Select.Viewport, {
125
- // to do animations:
126
- // animation="quick"
127
- // animateOnly={['transform', 'opacity']}
128
- // enterStyle={{ o: 0, y: -10 }}
129
- // exitStyle={{ o: 0, y: 10 }}
130
- minWidth: 200,
131
- children: [
132
- /* @__PURE__ */ _jsxs(Select.Group, {
133
- children: [
134
- /* @__PURE__ */ _jsx(Select.Label, {
135
- children: "Fruits"
136
- }),
137
- /* for longer lists memoizing these is useful */
138
- React.useMemo(function() {
139
- return items.map(function(item, i) {
140
- return /* @__PURE__ */ _jsxs(Select.Item, {
141
- index: i,
142
- value: item.name.toLowerCase(),
143
- children: [
144
- /* @__PURE__ */ _jsx(Select.ItemText, {
145
- children: item.name
146
- }),
147
- /* @__PURE__ */ _jsx(Select.ItemIndicator, {
148
- marginLeft: "auto",
149
- children: /* @__PURE__ */ _jsx(Check, {
150
- size: 16
151
- })
152
- })
153
- ]
154
- }, item.name);
155
- });
156
- }, [
157
- items
158
- ])
159
- ]
160
- }),
161
- /* Native gets an extra icon */
162
- props.native && /* @__PURE__ */ _jsx(YStack, {
163
- position: "absolute",
164
- right: 0,
165
- top: 0,
166
- bottom: 0,
167
- alignItems: "center",
168
- justifyContent: "center",
169
- width: "$4",
170
- pointerEvents: "none",
171
- children: /* @__PURE__ */ _jsx(ChevronDown, {
172
- size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
173
- })
174
- })
175
- ]
176
- }),
177
- /* @__PURE__ */ _jsxs(Select.ScrollDownButton, {
178
- alignItems: "center",
179
- justifyContent: "center",
180
- position: "relative",
181
- width: "100%",
182
- height: "$3",
183
- children: [
184
- /* @__PURE__ */ _jsx(YStack, {
185
- zIndex: 10,
186
- children: /* @__PURE__ */ _jsx(ChevronDown, {
187
- size: 20
188
- })
189
- }),
190
- /* @__PURE__ */ _jsx(LinearGradient, {
191
- start: [
192
- 0,
193
- 0
194
- ],
195
- end: [
196
- 0,
197
- 1
198
- ],
199
- fullscreen: !0,
200
- colors: [
201
- "transparent",
202
- "$background"
203
- ],
204
- borderRadius: "$4"
205
- })
206
- ]
43
+ children: [/* @__PURE__ */_jsx(Select.Trigger, {
44
+ width: 220,
45
+ iconAfter: ChevronDown,
46
+ children: /* @__PURE__ */_jsx(Select.Value, {
47
+ placeholder: "Something"
48
+ })
49
+ }), /* @__PURE__ */_jsx(Adapt, {
50
+ when: "sm",
51
+ platform: "touch",
52
+ children: /* @__PURE__ */_jsxs(Sheet, {
53
+ native: !!props.native,
54
+ modal: !0,
55
+ dismissOnSnapToBottom: !0,
56
+ animationConfig: {
57
+ type: "spring",
58
+ damping: 20,
59
+ mass: 1.2,
60
+ stiffness: 250
61
+ },
62
+ children: [/* @__PURE__ */_jsx(Sheet.Frame, {
63
+ children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
64
+ children: /* @__PURE__ */_jsx(Adapt.Contents, {})
207
65
  })
208
- ]
66
+ }), /* @__PURE__ */_jsx(Sheet.Overlay, {
67
+ animation: "lazy",
68
+ enterStyle: {
69
+ opacity: 0
70
+ },
71
+ exitStyle: {
72
+ opacity: 0
73
+ }
74
+ })]
209
75
  })
210
- ]
76
+ }), /* @__PURE__ */_jsxs(Select.Content, {
77
+ zIndex: 2e5,
78
+ children: [/* @__PURE__ */_jsxs(Select.ScrollUpButton, {
79
+ alignItems: "center",
80
+ justifyContent: "center",
81
+ position: "relative",
82
+ width: "100%",
83
+ height: "$3",
84
+ children: [/* @__PURE__ */_jsx(YStack, {
85
+ zIndex: 10,
86
+ children: /* @__PURE__ */_jsx(ChevronUp, {
87
+ size: 20
88
+ })
89
+ }), /* @__PURE__ */_jsx(LinearGradient, {
90
+ start: [0, 0],
91
+ end: [0, 1],
92
+ fullscreen: !0,
93
+ colors: ["$background", "transparent"],
94
+ borderRadius: "$4"
95
+ })]
96
+ }), /* @__PURE__ */_jsxs(Select.Viewport, {
97
+ // to do animations:
98
+ // animation="quick"
99
+ // animateOnly={['transform', 'opacity']}
100
+ // enterStyle={{ o: 0, y: -10 }}
101
+ // exitStyle={{ o: 0, y: 10 }}
102
+ minWidth: 200,
103
+ children: [/* @__PURE__ */_jsxs(Select.Group, {
104
+ children: [/* @__PURE__ */_jsx(Select.Label, {
105
+ children: "Fruits"
106
+ }), /* for longer lists memoizing these is useful */
107
+ React.useMemo(function () {
108
+ return items.map(function (item, i) {
109
+ return /* @__PURE__ */_jsxs(Select.Item, {
110
+ index: i,
111
+ value: item.name.toLowerCase(),
112
+ children: [/* @__PURE__ */_jsx(Select.ItemText, {
113
+ children: item.name
114
+ }), /* @__PURE__ */_jsx(Select.ItemIndicator, {
115
+ marginLeft: "auto",
116
+ children: /* @__PURE__ */_jsx(Check, {
117
+ size: 16
118
+ })
119
+ })]
120
+ }, item.name);
121
+ });
122
+ }, [items])]
123
+ }), /* Native gets an extra icon */
124
+ props.native && /* @__PURE__ */_jsx(YStack, {
125
+ position: "absolute",
126
+ right: 0,
127
+ top: 0,
128
+ bottom: 0,
129
+ alignItems: "center",
130
+ justifyContent: "center",
131
+ width: "$4",
132
+ pointerEvents: "none",
133
+ children: /* @__PURE__ */_jsx(ChevronDown, {
134
+ size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
135
+ })
136
+ })]
137
+ }), /* @__PURE__ */_jsxs(Select.ScrollDownButton, {
138
+ alignItems: "center",
139
+ justifyContent: "center",
140
+ position: "relative",
141
+ width: "100%",
142
+ height: "$3",
143
+ children: [/* @__PURE__ */_jsx(YStack, {
144
+ zIndex: 10,
145
+ children: /* @__PURE__ */_jsx(ChevronDown, {
146
+ size: 20
147
+ })
148
+ }), /* @__PURE__ */_jsx(LinearGradient, {
149
+ start: [0, 0],
150
+ end: [0, 1],
151
+ fullscreen: !0,
152
+ colors: ["transparent", "$background"],
153
+ borderRadius: "$4"
154
+ })]
155
+ })]
156
+ })]
211
157
  });
212
158
  }
213
- var items = [
214
- {
215
- name: "Apple"
216
- },
217
- {
218
- name: "Pear"
219
- },
220
- {
221
- name: "Blackberry"
222
- },
223
- {
224
- name: "Peach"
225
- },
226
- {
227
- name: "Apricot"
228
- },
229
- {
230
- name: "Melon"
231
- },
232
- {
233
- name: "Honeydew"
234
- },
235
- {
236
- name: "Starfruit"
237
- },
238
- {
239
- name: "Blueberry"
240
- },
241
- {
242
- name: "Raspberry"
243
- },
244
- {
245
- name: "Strawberry"
246
- },
247
- {
248
- name: "Mango"
249
- },
250
- {
251
- name: "Pineapple"
252
- },
253
- {
254
- name: "Lime"
255
- },
256
- {
257
- name: "Lemon"
258
- },
259
- {
260
- name: "Coconut"
261
- },
262
- {
263
- name: "Guava"
264
- },
265
- {
266
- name: "Papaya"
267
- },
268
- {
269
- name: "Orange"
270
- },
271
- {
272
- name: "Grape"
273
- },
274
- {
275
- name: "Jackfruit"
276
- },
277
- {
278
- name: "Durian"
279
- }
280
- ];
281
- export {
282
- SelectDemo,
283
- SelectDemoItem
284
- };
285
- //# sourceMappingURL=SelectDemo.js.map
159
+ var items = [{
160
+ name: "Apple"
161
+ }, {
162
+ name: "Pear"
163
+ }, {
164
+ name: "Blackberry"
165
+ }, {
166
+ name: "Peach"
167
+ }, {
168
+ name: "Apricot"
169
+ }, {
170
+ name: "Melon"
171
+ }, {
172
+ name: "Honeydew"
173
+ }, {
174
+ name: "Starfruit"
175
+ }, {
176
+ name: "Blueberry"
177
+ }, {
178
+ name: "Raspberry"
179
+ }, {
180
+ name: "Strawberry"
181
+ }, {
182
+ name: "Mango"
183
+ }, {
184
+ name: "Pineapple"
185
+ }, {
186
+ name: "Lime"
187
+ }, {
188
+ name: "Lemon"
189
+ }, {
190
+ name: "Coconut"
191
+ }, {
192
+ name: "Guava"
193
+ }, {
194
+ name: "Papaya"
195
+ }, {
196
+ name: "Orange"
197
+ }, {
198
+ name: "Grape"
199
+ }, {
200
+ name: "Jackfruit"
201
+ }, {
202
+ name: "Durian"
203
+ }];
204
+ export { SelectDemo, SelectDemoItem };
205
+ //# sourceMappingURL=SelectDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/SelectDemo.tsx"],
4
- "mappings": "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",
5
- "names": ["React", "Check", "ChevronDown", "ChevronUp", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "useState", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animationConfig", "type", "damping", "mass", "stiffness", "Frame", "ScrollView", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "useMemo", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","SelectDemo","gap","children","ai","htmlFor","f","miw","SelectDemoItem","id","native","props","val","setVal","useState","_props_size","value","onValueChange","disablePreventBodyScroll","Trigger","width","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animationConfig","type","damping","mass","stiffness","Frame","ScrollView","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft","right","top"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -2,50 +2,37 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import { Paragraph, Separator, XStack, YStack } from "tamagui";
4
4
  function SeparatorDemo() {
5
- return /* @__PURE__ */ _jsxs(YStack, {
5
+ return /* @__PURE__ */_jsxs(YStack, {
6
6
  width: "100%",
7
7
  maxWidth: 300,
8
8
  marginHorizontal: 15,
9
- children: [
10
- /* @__PURE__ */ _jsx(Paragraph, {
11
- fontWeight: "800",
12
- children: "Tamagui"
13
- }),
14
- /* @__PURE__ */ _jsx(Paragraph, {
15
- children: "A cross-platform component library."
16
- }),
17
- /* @__PURE__ */ _jsx(Separator, {
18
- marginVertical: 15
19
- }),
20
- /* @__PURE__ */ _jsxs(XStack, {
21
- height: 20,
22
- alignItems: "center",
23
- children: [
24
- /* @__PURE__ */ _jsx(Paragraph, {
25
- children: "Blog"
26
- }),
27
- /* @__PURE__ */ _jsx(Separator, {
28
- alignSelf: "stretch",
29
- vertical: !0,
30
- marginHorizontal: 15
31
- }),
32
- /* @__PURE__ */ _jsx(Paragraph, {
33
- children: "Docs"
34
- }),
35
- /* @__PURE__ */ _jsx(Separator, {
36
- alignSelf: "stretch",
37
- vertical: !0,
38
- marginHorizontal: 15
39
- }),
40
- /* @__PURE__ */ _jsx(Paragraph, {
41
- children: "Source"
42
- })
43
- ]
44
- })
45
- ]
9
+ children: [/* @__PURE__ */_jsx(Paragraph, {
10
+ fontWeight: "800",
11
+ children: "Tamagui"
12
+ }), /* @__PURE__ */_jsx(Paragraph, {
13
+ children: "A cross-platform component library."
14
+ }), /* @__PURE__ */_jsx(Separator, {
15
+ marginVertical: 15
16
+ }), /* @__PURE__ */_jsxs(XStack, {
17
+ height: 20,
18
+ alignItems: "center",
19
+ children: [/* @__PURE__ */_jsx(Paragraph, {
20
+ children: "Blog"
21
+ }), /* @__PURE__ */_jsx(Separator, {
22
+ alignSelf: "stretch",
23
+ vertical: !0,
24
+ marginHorizontal: 15
25
+ }), /* @__PURE__ */_jsx(Paragraph, {
26
+ children: "Docs"
27
+ }), /* @__PURE__ */_jsx(Separator, {
28
+ alignSelf: "stretch",
29
+ vertical: !0,
30
+ marginHorizontal: 15
31
+ }), /* @__PURE__ */_jsx(Paragraph, {
32
+ children: "Source"
33
+ })]
34
+ })]
46
35
  });
47
36
  }
48
- export {
49
- SeparatorDemo
50
- };
51
- //# sourceMappingURL=SeparatorDemo.js.map
37
+ export { SeparatorDemo };
38
+ //# sourceMappingURL=SeparatorDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/SeparatorDemo.tsx"],
4
- "mappings": ";AAAA,OAAkB;AAClB,SAASA,WAAWC,WAAWC,QAAQC,cAAc;AAE9C,SAASC,gBAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAM;IAAOC,UAAU;IAAKC,kBAAkB;;MACpD,qBAACP,WAAAA;QAAUQ,YAAW;kBAAM;;MAC5B,qBAACR,WAAAA;kBAAU;;MACX,qBAACC,WAAAA;QAAUQ,gBAAgB;;MAC3B,sBAACP,QAAAA;QAAOQ,QAAQ;QAAIC,YAAW;;UAC7B,qBAACX,WAAAA;sBAAU;;UACX,qBAACC,WAAAA;YAAUW,WAAU;YAAUC,UAAQ;YAACN,kBAAkB;;UAC1D,qBAACP,WAAAA;sBAAU;;UACX,qBAACC,WAAAA;YAAUW,WAAU;YAAUC,UAAQ;YAACN,kBAAkB;;UAC1D,qBAACP,WAAAA;sBAAU;;;;;;AAInB;",
5
- "names": ["Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo", "width", "maxWidth", "marginHorizontal", "fontWeight", "marginVertical", "height", "alignItems", "alignSelf", "vertical"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","Separator","XStack","YStack","SeparatorDemo","width","maxWidth","marginHorizontal","children","fontWeight"],"sources":["../../src/SeparatorDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAW,QAAQ,mBAAc;AAK/C,cAGA;AANC,SAASC,SAAA,EAAAC,SAAgB,EAAAC,MAAA,EAAAC,MAAA;AAC9B,SACEC,cAAA;EACE,sBAACL,KAAA,CAAAI,MAAU;IACXE,KAAA;IACAC,QAAA;IACAC,gBAAA;IACEC,QAAA,GACA,eAAAX,IAAC,CAAAG,SAAA;MACDS,UAAA;MACAD,QAAA;IACA,IAAiB,eACnBX,IAAA,CAAAG,SAAA;MACFQ,QAAA;IAEJ,I","ignoreList":[]}
@@ -1,24 +1,19 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Circle, Square, XStack } from "tamagui";
3
3
  function ShapesDemo() {
4
- return /* @__PURE__ */ _jsxs(XStack, {
4
+ return /* @__PURE__ */_jsxs(XStack, {
5
5
  padding: "$2",
6
6
  space: "$4",
7
- children: [
8
- /* @__PURE__ */ _jsx(Square, {
9
- size: 100,
10
- backgroundColor: "$color",
11
- elevation: "$4"
12
- }),
13
- /* @__PURE__ */ _jsx(Circle, {
14
- size: 100,
15
- backgroundColor: "$color",
16
- elevation: "$4"
17
- })
18
- ]
7
+ children: [/* @__PURE__ */_jsx(Square, {
8
+ size: 100,
9
+ backgroundColor: "$color",
10
+ elevation: "$4"
11
+ }), /* @__PURE__ */_jsx(Circle, {
12
+ size: 100,
13
+ backgroundColor: "$color",
14
+ elevation: "$4"
15
+ })]
19
16
  });
20
17
  }
21
- export {
22
- ShapesDemo
23
- };
24
- //# sourceMappingURL=ShapesDemo.js.map
18
+ export { ShapesDemo };
19
+ //# sourceMappingURL=ShapesDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/ShapesDemo.tsx"],
4
- "mappings": ";AAAA,SAASA,QAAQC,QAAQC,cAAc;AAEhC,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;;MACzB,qBAACJ,QAAAA;QAAOK,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;MACtD,qBAACR,QAAAA;QAAOM,MAAM;QAAKC,iBAAgB;QAASC,WAAU;;;;AAG5D;",
5
- "names": ["Circle", "Square", "XStack", "ShapesDemo", "padding", "space", "size", "backgroundColor", "elevation"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Circle","Square","XStack","ShapesDemo","padding","space","children"],"sources":["../../src/ShapesDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAInC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAJ,KAAC,CAAAG,MAAA;IACCE,OAAA;IACAC,KAAA;IAA2DC,QAC7D,GAEJ,eAAAT,IAAA,CAAAI,MAAA","ignoreList":[]}