@tamagui/demos 1.74.8 → 1.74.10

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 (252) hide show
  1. package/package.json +18 -18
  2. package/dist/cjs/AnimationCSSDriverLayoutDemo.js +0 -138
  3. package/dist/cjs/AnimationCSSDriverLayoutDemo.js.map +0 -6
  4. package/dist/cjs/ButtonHeadlessDemo.js +0 -110
  5. package/dist/cjs/ButtonHeadlessDemo.js.map +0 -6
  6. package/dist/cjs/ButtonNewDemo.js +0 -55
  7. package/dist/cjs/ButtonNewDemo.js.map +0 -6
  8. package/dist/cjs/ButtonSimpleDemo.js +0 -49
  9. package/dist/cjs/ButtonSimpleDemo.js.map +0 -6
  10. package/dist/cjs/conf.js +0 -29
  11. package/dist/cjs/conf.js.map +0 -6
  12. package/dist/esm/AccordionDemo.mjs +0 -25
  13. package/dist/esm/AccordionDemo.mjs.map +0 -6
  14. package/dist/esm/AddThemeDemo.mjs +0 -35
  15. package/dist/esm/AddThemeDemo.mjs.map +0 -6
  16. package/dist/esm/AlertDialogDemo.mjs +0 -53
  17. package/dist/esm/AlertDialogDemo.mjs.map +0 -6
  18. package/dist/esm/AnimationCSSDriverLayoutDemo.js +0 -121
  19. package/dist/esm/AnimationCSSDriverLayoutDemo.js.map +0 -6
  20. package/dist/esm/AnimationsDemo.mjs +0 -86
  21. package/dist/esm/AnimationsDemo.mjs.map +0 -6
  22. package/dist/esm/AnimationsEnterDemo.mjs +0 -35
  23. package/dist/esm/AnimationsEnterDemo.mjs.map +0 -6
  24. package/dist/esm/AnimationsHoverDemo.mjs +0 -27
  25. package/dist/esm/AnimationsHoverDemo.mjs.map +0 -6
  26. package/dist/esm/AnimationsPresenceDemo.mjs +0 -68
  27. package/dist/esm/AnimationsPresenceDemo.mjs.map +0 -6
  28. package/dist/esm/AnimationsTimingDemo.mjs +0 -26
  29. package/dist/esm/AnimationsTimingDemo.mjs.map +0 -6
  30. package/dist/esm/AvatarDemo.mjs +0 -30
  31. package/dist/esm/AvatarDemo.mjs.map +0 -6
  32. package/dist/esm/BuildAButtonDemo.mjs +0 -43
  33. package/dist/esm/BuildAButtonDemo.mjs.map +0 -6
  34. package/dist/esm/ButtonDemo.mjs +0 -25
  35. package/dist/esm/ButtonDemo.mjs.map +0 -6
  36. package/dist/esm/ButtonHeadlessDemo.js +0 -93
  37. package/dist/esm/ButtonHeadlessDemo.js.map +0 -6
  38. package/dist/esm/ButtonNewDemo.js +0 -31
  39. package/dist/esm/ButtonNewDemo.js.map +0 -6
  40. package/dist/esm/ButtonNewDemo.mjs.map +0 -6
  41. package/dist/esm/ButtonSimpleDemo.js +0 -25
  42. package/dist/esm/ButtonSimpleDemo.js.map +0 -6
  43. package/dist/esm/CardDemo.mjs +0 -48
  44. package/dist/esm/CardDemo.mjs.map +0 -6
  45. package/dist/esm/CheckboxDemo.mjs +0 -22
  46. package/dist/esm/CheckboxDemo.mjs.map +0 -6
  47. package/dist/esm/ColorsDemo.mjs +0 -89
  48. package/dist/esm/ColorsDemo.mjs.map +0 -6
  49. package/dist/esm/DialogDemo.mjs +0 -109
  50. package/dist/esm/DialogDemo.mjs.map +0 -6
  51. package/dist/esm/FormsDemo.mjs +0 -35
  52. package/dist/esm/FormsDemo.mjs.map +0 -6
  53. package/dist/esm/Grid.mjs +0 -37
  54. package/dist/esm/Grid.mjs.map +0 -6
  55. package/dist/esm/GroupDemo.mjs +0 -25
  56. package/dist/esm/GroupDemo.mjs.map +0 -6
  57. package/dist/esm/HeadingsDemo.mjs +0 -16
  58. package/dist/esm/HeadingsDemo.mjs.map +0 -6
  59. package/dist/esm/ImageDemo.mjs +0 -18
  60. package/dist/esm/ImageDemo.mjs.map +0 -6
  61. package/dist/esm/InputsDemo.mjs +0 -31
  62. package/dist/esm/InputsDemo.mjs.map +0 -6
  63. package/dist/esm/LabelDemo.mjs +0 -18
  64. package/dist/esm/LabelDemo.mjs.map +0 -6
  65. package/dist/esm/LinearGradientDemo.mjs +0 -33
  66. package/dist/esm/LinearGradientDemo.mjs.map +0 -6
  67. package/dist/esm/ListItemDemo.mjs +0 -47
  68. package/dist/esm/ListItemDemo.mjs.map +0 -6
  69. package/dist/esm/LucideIconsDemo.mjs +0 -53
  70. package/dist/esm/LucideIconsDemo.mjs.map +0 -6
  71. package/dist/esm/PopoverDemo.mjs +0 -82
  72. package/dist/esm/PopoverDemo.mjs.map +0 -6
  73. package/dist/esm/ProgressDemo.mjs +0 -56
  74. package/dist/esm/ProgressDemo.mjs.map +0 -6
  75. package/dist/esm/RadioGroupDemo.mjs +0 -21
  76. package/dist/esm/RadioGroupDemo.mjs.map +0 -6
  77. package/dist/esm/ReplaceThemeDemo.mjs +0 -45
  78. package/dist/esm/ReplaceThemeDemo.mjs.map +0 -6
  79. package/dist/esm/ScrollViewDemo.mjs +0 -28
  80. package/dist/esm/ScrollViewDemo.mjs.map +0 -6
  81. package/dist/esm/SelectDemo.mjs +0 -173
  82. package/dist/esm/SelectDemo.mjs.map +0 -6
  83. package/dist/esm/SeparatorDemo.mjs +0 -20
  84. package/dist/esm/SeparatorDemo.mjs.map +0 -6
  85. package/dist/esm/ShapesDemo.mjs +0 -12
  86. package/dist/esm/ShapesDemo.mjs.map +0 -6
  87. package/dist/esm/SheetDemo.mjs +0 -100
  88. package/dist/esm/SheetDemo.mjs.map +0 -6
  89. package/dist/esm/SliderDemo.mjs +0 -19
  90. package/dist/esm/SliderDemo.mjs.map +0 -6
  91. package/dist/esm/SpinnerDemo.mjs +0 -12
  92. package/dist/esm/SpinnerDemo.mjs.map +0 -6
  93. package/dist/esm/StacksDemo.mjs +0 -78
  94. package/dist/esm/StacksDemo.mjs.map +0 -6
  95. package/dist/esm/SwitchDemo.mjs +0 -45
  96. package/dist/esm/SwitchDemo.mjs.map +0 -6
  97. package/dist/esm/TabsAdvancedDemo.mjs +0 -239
  98. package/dist/esm/TabsAdvancedDemo.mjs.map +0 -6
  99. package/dist/esm/TabsDemo.mjs +0 -131
  100. package/dist/esm/TabsDemo.mjs.map +0 -6
  101. package/dist/esm/TextDemo.mjs +0 -16
  102. package/dist/esm/TextDemo.mjs.map +0 -6
  103. package/dist/esm/ThemeBuilderDemo.mjs +0 -134
  104. package/dist/esm/ThemeBuilderDemo.mjs.map +0 -6
  105. package/dist/esm/ThemeInverseDemo.mjs +0 -41
  106. package/dist/esm/ThemeInverseDemo.mjs.map +0 -6
  107. package/dist/esm/ToastDemo.mjs +0 -91
  108. package/dist/esm/ToastDemo.mjs.map +0 -6
  109. package/dist/esm/ToastDuplicateDemo.mjs +0 -44
  110. package/dist/esm/ToastDuplicateDemo.mjs.map +0 -6
  111. package/dist/esm/ToggleGroupDemo.mjs +0 -49
  112. package/dist/esm/ToggleGroupDemo.mjs.map +0 -6
  113. package/dist/esm/TokensDemo.mjs +0 -77
  114. package/dist/esm/TokensDemo.mjs.map +0 -6
  115. package/dist/esm/TooltipDemo.mjs +0 -67
  116. package/dist/esm/TooltipDemo.mjs.map +0 -6
  117. package/dist/esm/UpdateThemeDemo.mjs +0 -51
  118. package/dist/esm/UpdateThemeDemo.mjs.map +0 -6
  119. package/dist/esm/conf.js +0 -5
  120. package/dist/esm/conf.js.map +0 -6
  121. package/dist/esm/conf.mjs.map +0 -6
  122. package/dist/esm/index.mjs +0 -50
  123. package/dist/esm/index.mjs.map +0 -6
  124. package/dist/esm/tamagui.config.mjs +0 -8
  125. package/dist/esm/tamagui.config.mjs.map +0 -6
  126. package/dist/esm/useOnIntersecting.mjs +0 -50
  127. package/dist/esm/useOnIntersecting.mjs.map +0 -6
  128. package/dist/jsx/AccordionDemo.mjs +0 -24
  129. package/dist/jsx/AccordionDemo.mjs.map +0 -6
  130. package/dist/jsx/AddThemeDemo.mjs +0 -31
  131. package/dist/jsx/AddThemeDemo.mjs.map +0 -6
  132. package/dist/jsx/AlertDialogDemo.mjs +0 -45
  133. package/dist/jsx/AlertDialogDemo.mjs.map +0 -6
  134. package/dist/jsx/AnimationCSSDriverLayoutDemo.js +0 -93
  135. package/dist/jsx/AnimationCSSDriverLayoutDemo.js.map +0 -6
  136. package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs +0 -93
  137. package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs.map +0 -6
  138. package/dist/jsx/AnimationsDemo.mjs +0 -82
  139. package/dist/jsx/AnimationsDemo.mjs.map +0 -6
  140. package/dist/jsx/AnimationsEnterDemo.mjs +0 -35
  141. package/dist/jsx/AnimationsEnterDemo.mjs.map +0 -6
  142. package/dist/jsx/AnimationsHoverDemo.mjs +0 -22
  143. package/dist/jsx/AnimationsHoverDemo.mjs.map +0 -6
  144. package/dist/jsx/AnimationsPresenceDemo.mjs +0 -69
  145. package/dist/jsx/AnimationsPresenceDemo.mjs.map +0 -6
  146. package/dist/jsx/AnimationsTimingDemo.mjs +0 -21
  147. package/dist/jsx/AnimationsTimingDemo.mjs.map +0 -6
  148. package/dist/jsx/AvatarDemo.mjs +0 -23
  149. package/dist/jsx/AvatarDemo.mjs.map +0 -6
  150. package/dist/jsx/BuildAButtonDemo.mjs +0 -42
  151. package/dist/jsx/BuildAButtonDemo.mjs.map +0 -6
  152. package/dist/jsx/ButtonDemo.mjs +0 -24
  153. package/dist/jsx/ButtonDemo.mjs.map +0 -6
  154. package/dist/jsx/ButtonHeadlessDemo.js +0 -92
  155. package/dist/jsx/ButtonHeadlessDemo.js.map +0 -6
  156. package/dist/jsx/ButtonHeadlessDemo.mjs.map +0 -6
  157. package/dist/jsx/ButtonNewDemo.js +0 -30
  158. package/dist/jsx/ButtonNewDemo.js.map +0 -6
  159. package/dist/jsx/ButtonNewDemo.mjs +0 -30
  160. package/dist/jsx/ButtonNewDemo.mjs.map +0 -6
  161. package/dist/jsx/ButtonSimpleDemo.js +0 -24
  162. package/dist/jsx/ButtonSimpleDemo.js.map +0 -6
  163. package/dist/jsx/ButtonSimpleDemo.mjs.map +0 -6
  164. package/dist/jsx/CardDemo.mjs +0 -41
  165. package/dist/jsx/CardDemo.mjs.map +0 -6
  166. package/dist/jsx/CheckboxDemo.mjs +0 -21
  167. package/dist/jsx/CheckboxDemo.mjs.map +0 -6
  168. package/dist/jsx/ColorsDemo.mjs +0 -86
  169. package/dist/jsx/ColorsDemo.mjs.map +0 -6
  170. package/dist/jsx/DialogDemo.mjs +0 -87
  171. package/dist/jsx/DialogDemo.mjs.map +0 -6
  172. package/dist/jsx/FormsDemo.mjs +0 -31
  173. package/dist/jsx/FormsDemo.mjs.map +0 -6
  174. package/dist/jsx/GroupDemo.mjs +0 -30
  175. package/dist/jsx/GroupDemo.mjs.map +0 -6
  176. package/dist/jsx/HeadingsDemo.mjs +0 -15
  177. package/dist/jsx/HeadingsDemo.mjs.map +0 -6
  178. package/dist/jsx/ImageDemo.mjs +0 -14
  179. package/dist/jsx/ImageDemo.mjs.map +0 -6
  180. package/dist/jsx/InputsDemo.mjs +0 -26
  181. package/dist/jsx/InputsDemo.mjs.map +0 -6
  182. package/dist/jsx/LabelDemo.mjs +0 -17
  183. package/dist/jsx/LabelDemo.mjs.map +0 -6
  184. package/dist/jsx/LinearGradientDemo.mjs +0 -32
  185. package/dist/jsx/LinearGradientDemo.mjs.map +0 -6
  186. package/dist/jsx/ListItemDemo.mjs +0 -40
  187. package/dist/jsx/ListItemDemo.mjs.map +0 -6
  188. package/dist/jsx/LucideIconsDemo.mjs +0 -43
  189. package/dist/jsx/LucideIconsDemo.mjs.map +0 -6
  190. package/dist/jsx/PopoverDemo.mjs +0 -65
  191. package/dist/jsx/PopoverDemo.mjs.map +0 -6
  192. package/dist/jsx/ProgressDemo.mjs +0 -50
  193. package/dist/jsx/ProgressDemo.mjs.map +0 -6
  194. package/dist/jsx/RadioGroupDemo.mjs +0 -20
  195. package/dist/jsx/RadioGroupDemo.mjs.map +0 -6
  196. package/dist/jsx/ReplaceThemeDemo.mjs +0 -44
  197. package/dist/jsx/ReplaceThemeDemo.mjs.map +0 -6
  198. package/dist/jsx/ScrollViewDemo.mjs +0 -17
  199. package/dist/jsx/ScrollViewDemo.mjs.map +0 -6
  200. package/dist/jsx/SelectDemo.mjs +0 -125
  201. package/dist/jsx/SelectDemo.mjs.map +0 -6
  202. package/dist/jsx/SeparatorDemo.mjs +0 -19
  203. package/dist/jsx/SeparatorDemo.mjs.map +0 -6
  204. package/dist/jsx/ShapesDemo.mjs +0 -11
  205. package/dist/jsx/ShapesDemo.mjs.map +0 -6
  206. package/dist/jsx/SheetDemo.mjs +0 -72
  207. package/dist/jsx/SheetDemo.mjs.map +0 -6
  208. package/dist/jsx/SliderDemo.mjs +0 -18
  209. package/dist/jsx/SliderDemo.mjs.map +0 -6
  210. package/dist/jsx/SpinnerDemo.mjs +0 -11
  211. package/dist/jsx/SpinnerDemo.mjs.map +0 -6
  212. package/dist/jsx/StacksDemo.mjs +0 -60
  213. package/dist/jsx/StacksDemo.mjs.map +0 -6
  214. package/dist/jsx/SwitchDemo.mjs +0 -28
  215. package/dist/jsx/SwitchDemo.mjs.map +0 -6
  216. package/dist/jsx/TabsAdvancedDemo.mjs +0 -226
  217. package/dist/jsx/TabsAdvancedDemo.mjs.map +0 -6
  218. package/dist/jsx/TabsDemo.mjs +0 -112
  219. package/dist/jsx/TabsDemo.mjs.map +0 -6
  220. package/dist/jsx/TextDemo.mjs +0 -15
  221. package/dist/jsx/TextDemo.mjs.map +0 -6
  222. package/dist/jsx/ThemeBuilderDemo.mjs +0 -103
  223. package/dist/jsx/ThemeBuilderDemo.mjs.map +0 -6
  224. package/dist/jsx/ThemeInverseDemo.mjs +0 -34
  225. package/dist/jsx/ThemeInverseDemo.mjs.map +0 -6
  226. package/dist/jsx/ToastDemo.mjs +0 -78
  227. package/dist/jsx/ToastDemo.mjs.map +0 -6
  228. package/dist/jsx/ToastDuplicateDemo.mjs +0 -35
  229. package/dist/jsx/ToastDuplicateDemo.mjs.map +0 -6
  230. package/dist/jsx/ToggleGroupDemo.mjs +0 -40
  231. package/dist/jsx/ToggleGroupDemo.mjs.map +0 -6
  232. package/dist/jsx/TokensDemo.mjs +0 -77
  233. package/dist/jsx/TokensDemo.mjs.map +0 -6
  234. package/dist/jsx/TooltipDemo.mjs +0 -62
  235. package/dist/jsx/TooltipDemo.mjs.map +0 -6
  236. package/dist/jsx/UpdateThemeDemo.mjs +0 -51
  237. package/dist/jsx/UpdateThemeDemo.mjs.map +0 -6
  238. package/dist/jsx/conf.js +0 -5
  239. package/dist/jsx/conf.js.map +0 -6
  240. package/dist/jsx/conf.mjs +0 -5
  241. package/dist/jsx/conf.mjs.map +0 -6
  242. package/dist/jsx/index.mjs +0 -50
  243. package/dist/jsx/index.mjs.map +0 -6
  244. package/dist/jsx/tamagui.config.mjs +0 -8
  245. package/dist/jsx/tamagui.config.mjs.map +0 -6
  246. package/dist/jsx/useOnIntersecting.mjs +0 -68
  247. package/dist/jsx/useOnIntersecting.mjs.map +0 -6
  248. package/types/AnimationCSSDriverLayoutDemo.d.ts.map +0 -1
  249. package/types/ButtonHeadlessDemo.d.ts.map +0 -1
  250. package/types/ButtonNewDemo.d.ts.map +0 -1
  251. package/types/ButtonSimpleDemo.d.ts.map +0 -1
  252. package/types/conf.d.ts.map +0 -1
@@ -1,17 +0,0 @@
1
- import { Circle, ScrollView, Square, XStack } from "tamagui";
2
- function ScrollViewDemo() {
3
- return <ScrollView maxHeight={250} width="75%" backgroundColor="$background" padding="$4" borderRadius="$4"><XStack flexWrap="wrap" alignItems="center" justifyContent="center">
4
- <Square margin="$4" size={120} backgroundColor="$red9" />
5
- <Circle margin="$4" size={120} backgroundColor="$orange9" />
6
- <Square margin="$4" size={120} backgroundColor="$yellow9" />
7
- <Circle margin="$4" size={120} backgroundColor="$green9" />
8
- <Square margin="$4" size={120} backgroundColor="$blue9" />
9
- <Circle margin="$4" size={120} backgroundColor="$purple9" />
10
- <Square margin="$4" size={120} backgroundColor="$pink9" />
11
- <Circle margin="$4" size={120} backgroundColor="$red9" />
12
- </XStack></ScrollView>;
13
- }
14
- export {
15
- ScrollViewDemo
16
- };
17
- //# sourceMappingURL=ScrollViewDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ScrollViewDemo.tsx"],
4
- "mappings": "AAAA,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAE5C,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,WAAW,KAAK,MAAM,MAAM,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAC9F,CAAC,OAAO,SAAS,OAAO,WAAW,SAAS,eAAe;AAAA,IACzD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,QAAQ;AAAA,IACvD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,UAAU;AAAA,IACzD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,SAAS;AAAA,IACxD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,SAAS;AAAA,IACxD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,QAAQ;AAAA,EACzD,EATC,OAUH,EAXC;AAaL;",
5
- "names": []
6
- }
@@ -1,125 +0,0 @@
1
- import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
2
- import { useState } from "react";
3
- import {
4
- Adapt,
5
- Label,
6
- Select,
7
- Sheet,
8
- XStack,
9
- YStack,
10
- getFontSize
11
- } from "tamagui";
12
- import { LinearGradient } from "tamagui/linear-gradient";
13
- function SelectDemo() {
14
- return <YStack space>
15
- <XStack ai="center" space>
16
- <Label f={1} fb={0}>Custom</Label>
17
- <SelectDemoItem />
18
- </XStack>
19
- <XStack ai="center" space>
20
- <Label f={1} fb={0}>Native</Label>
21
- <SelectDemoItem native />
22
- </XStack>
23
- </YStack>;
24
- }
25
- function SelectDemoItem(props) {
26
- const [val, setVal] = useState("apple");
27
- return <Select id="food" value={val} onValueChange={setVal} {...props}>
28
- <Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
29
- <Adapt when="sm" platform="touch"><Sheet native={!!props.native} modal dismissOnSnapToBottom>
30
- <Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
31
- <Sheet.Overlay />
32
- </Sheet></Adapt>
33
- <Select.Content zIndex={2e5}>
34
- <Select.ScrollUpButton
35
- alignItems="center"
36
- justifyContent="center"
37
- position="relative"
38
- width="100%"
39
- height="$3"
40
- >
41
- <YStack zIndex={10}><ChevronUp size={20} /></YStack>
42
- <LinearGradient
43
- start={[0, 0]}
44
- end={[0, 1]}
45
- fullscreen
46
- colors={["$background", "$backgroundTransparent"]}
47
- borderRadius="$4"
48
- />
49
- </Select.ScrollUpButton>
50
- <Select.Viewport
51
- minWidth={200}
52
- enterStyle={{ o: 0, y: -10 }}
53
- exitStyle={{ o: 0, y: 10 }}
54
- ><XStack>
55
- <Select.Group space="$0">
56
- <Select.Label>Fruits</Select.Label>
57
- {items.map((item, i) => {
58
- return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
59
- <Select.ItemText>{item.name}</Select.ItemText>
60
- <Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
61
- </Select.Item>;
62
- })}
63
- </Select.Group>
64
- {
65
- /* special icon treatment for native */
66
- }
67
- {props.native && <YStack
68
- position="absolute"
69
- right={0}
70
- top={0}
71
- bottom={0}
72
- alignItems="center"
73
- justifyContent="center"
74
- width="$4"
75
- pointerEvents="none"
76
- ><ChevronDown size={getFontSize(props.size ?? "$true")} /></YStack>}
77
- </XStack></Select.Viewport>
78
- <Select.ScrollDownButton
79
- alignItems="center"
80
- justifyContent="center"
81
- position="relative"
82
- width="100%"
83
- height="$3"
84
- >
85
- <YStack zIndex={10}><ChevronDown size={20} /></YStack>
86
- <LinearGradient
87
- start={[0, 0]}
88
- end={[0, 1]}
89
- fullscreen
90
- colors={["$backgroundTransparent", "$background"]}
91
- borderRadius="$4"
92
- />
93
- </Select.ScrollDownButton>
94
- </Select.Content>
95
- </Select>;
96
- }
97
- const items = [
98
- { name: "Apple" },
99
- { name: "Pear" },
100
- { name: "Blackberry" },
101
- { name: "Peach" },
102
- { name: "Apricot" },
103
- { name: "Melon" },
104
- { name: "Honeydew" },
105
- { name: "Starfruit" },
106
- { name: "Blueberry" },
107
- { name: "Raspberry" },
108
- { name: "Strawberry" },
109
- { name: "Mango" },
110
- { name: "Pineapple" },
111
- { name: "Lime" },
112
- { name: "Lemon" },
113
- { name: "Coconut" },
114
- { name: "Guava" },
115
- { name: "Papaya" },
116
- { name: "Orange" },
117
- { name: "Grape" },
118
- { name: "Jackfruit" },
119
- { name: "Durian" }
120
- ];
121
- export {
122
- SelectDemo,
123
- SelectDemoItem
124
- };
125
- //# sourceMappingURL=SelectDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/SelectDemo.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,19 +0,0 @@
1
- import { Paragraph, Separator, XStack, YStack } from "tamagui";
2
- function SeparatorDemo() {
3
- return <YStack width="100%" maxWidth={300} marginHorizontal={15}>
4
- <Paragraph fontWeight="800">Tamagui</Paragraph>
5
- <Paragraph>A cross-platform component library.</Paragraph>
6
- <Separator marginVertical={15} />
7
- <XStack height={20} alignItems="center">
8
- <Paragraph>Blog</Paragraph>
9
- <Separator alignSelf="stretch" vertical marginHorizontal={15} />
10
- <Paragraph>Docs</Paragraph>
11
- <Separator alignSelf="stretch" vertical marginHorizontal={15} />
12
- <Paragraph>Source</Paragraph>
13
- </XStack>
14
- </YStack>;
15
- }
16
- export {
17
- SeparatorDemo
18
- };
19
- //# sourceMappingURL=SeparatorDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/SeparatorDemo.tsx"],
4
- "mappings": "AACA,SAAS,WAAW,WAAW,QAAQ,cAAc;AAE9C,SAAS,gBAAgB;AAC9B,SACE,CAAC,OAAO,MAAM,OAAO,UAAU,KAAK,kBAAkB;AAAA,IACpD,CAAC,UAAU,WAAW,MAAM,OAAO,EAAlC;AAAA,IACD,CAAC,UAAU,mCAAmC,EAA7C;AAAA,IACD,CAAC,UAAU,gBAAgB,IAAI;AAAA,IAC/B,CAAC,OAAO,QAAQ,IAAI,WAAW;AAAA,MAC7B,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,UAAU,UAAU,SAAS,kBAAkB,IAAI;AAAA,MAC9D,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,UAAU,UAAU,SAAS,kBAAkB,IAAI;AAAA,MAC9D,CAAC,UAAU,MAAM,EAAhB;AAAA,IACH,EANC;AAAA,EAOH,EAXC;AAaL;",
5
- "names": []
6
- }
@@ -1,11 +0,0 @@
1
- import { Circle, Square, XStack } from "tamagui";
2
- function ShapesDemo() {
3
- return <XStack padding="$2" space="$4">
4
- <Square size={100} backgroundColor="$color" elevation="$4" />
5
- <Circle size={100} backgroundColor="$color" elevation="$4" />
6
- </XStack>;
7
- }
8
- export {
9
- ShapesDemo
10
- };
11
- //# sourceMappingURL=ShapesDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ShapesDemo.tsx"],
4
- "mappings": "AAAA,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM;AAAA,IACzB,CAAC,OAAO,MAAM,KAAK,gBAAgB,SAAS,UAAU,KAAK;AAAA,IAC3D,CAAC,OAAO,MAAM,KAAK,gBAAgB,SAAS,UAAU,KAAK;AAAA,EAC7D,EAHC;AAKL;",
5
- "names": []
6
- }
@@ -1,72 +0,0 @@
1
- import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
2
- import { Sheet } from "@tamagui/sheet";
3
- import { useState } from "react";
4
- import { Button, H1, H2, Input, Paragraph, XStack } from "tamagui";
5
- const SheetDemo = () => {
6
- const [position, setPosition] = useState(0);
7
- const [open, setOpen] = useState(false);
8
- const [modal, setModal] = useState(true);
9
- const [innerOpen, setInnerOpen] = useState(false);
10
- return <>
11
- <XStack space>
12
- <Button onPress={() => setOpen(true)}>Open</Button>
13
- <Button onPress={() => setModal((x) => !x)}>{modal ? "Type: Modal" : "Type: Inline"}</Button>
14
- </XStack>
15
- <Sheet
16
- forceRemoveScrollEnabled={open}
17
- modal={modal}
18
- open={open}
19
- onOpenChange={setOpen}
20
- snapPoints={[85, 50, 25]}
21
- dismissOnSnapToBottom
22
- position={position}
23
- onPositionChange={setPosition}
24
- zIndex={1e5}
25
- animation="bouncy"
26
- >
27
- <Sheet.Overlay />
28
- <Sheet.Handle />
29
- <Sheet.Frame
30
- flex={1}
31
- padding="$4"
32
- justifyContent="center"
33
- alignItems="center"
34
- space="$5"
35
- >
36
- <Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
37
- <Input width={200} />
38
- {modal && <>
39
- <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />
40
- <Button
41
- size="$6"
42
- circular
43
- icon={ChevronUp}
44
- onPress={() => setInnerOpen(true)}
45
- />
46
- </>}
47
- </Sheet.Frame>
48
- </Sheet>
49
- </>;
50
- };
51
- function InnerSheet(props) {
52
- return <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
53
- <Sheet.Overlay />
54
- <Sheet.Handle />
55
- <Sheet.Frame flex={1} justifyContent="center" alignItems="center" space="$5"><Sheet.ScrollView padding="$4" space>
56
- <Button
57
- size="$8"
58
- circular
59
- alignSelf="center"
60
- icon={ChevronDown}
61
- onPress={() => props.onOpenChange?.(false)}
62
- />
63
- <H1>Hello world</H1>
64
- <H2>You can scroll me</H2>
65
- {[1, 2, 3].map((i) => <Paragraph key={i} size="$10">Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.</Paragraph>)}
66
- </Sheet.ScrollView></Sheet.Frame>
67
- </Sheet>;
68
- }
69
- export {
70
- SheetDemo
71
- };
72
- //# sourceMappingURL=SheetDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/SheetDemo.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,OAAO,WAAW,cAAc;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,IAAI,EAAzC;AAAA,MACD,CAAC,OAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,IACtC,QAAQ,gBAAgB,eAC3B,EAFC;AAAA,IAGH,EALC;AAAA,IAOD,CAAC;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,UAAU;AAAA;AAAA,MAEV,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,WAAW;AAAA,QACX,MAAM;AAAA;AAAA,QAEN,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7E,CAAC,MAAM,OAAO,KAAK;AAAA,SAClB,SACC;AAAA,UACE,CAAC,WAAW,MAAM,WAAW,cAAc,cAAc;AAAA,UACzD,CAAC;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,MAAM;AAAA,YACN,SAAS,MAAM,aAAa,IAAI;AAAA,UAClC;AAAA,QACF;AAAA,MAEJ,EApBC,MAAM;AAAA,IAqBT,EAnCC;AAAA,EAoCH;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,MAAM,GAAG,eAAe,SAAS,WAAW,SAAS,MAAM,KACtE,CAAC,MAAM,WAAW,QAAQ,KAAK;AAAA,MAC7B,CAAC;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS,MAAM,MAAM,eAAe,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,GAAG,WAAW,EAAd;AAAA,MACD,CAAC,GAAG,iBAAiB,EAApB;AAAA,OACA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,0WAM9B,EANC,UAOF;AAAA,IACH,EAnBC,MAAM,WAoBT,EArBC,MAAM;AAAA,EAsBT,EAzBC;AA2BL;",
5
- "names": []
6
- }
@@ -1,18 +0,0 @@
1
- import { Slider, XStack } from "tamagui";
2
- function SliderDemo() {
3
- return <XStack height={200} alignItems="center" space="$8">
4
- <SimpleSlider height={200} orientation="vertical" />
5
- <SimpleSlider width={200} />
6
- </XStack>;
7
- }
8
- function SimpleSlider({ children, ...props }) {
9
- return <Slider defaultValue={[50]} max={100} step={1} {...props}>
10
- <Slider.Track><Slider.TrackActive /></Slider.Track>
11
- <Slider.Thumb index={0} circular elevate />
12
- {children}
13
- </Slider>;
14
- }
15
- export {
16
- SliderDemo
17
- };
18
- //# sourceMappingURL=SliderDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/SliderDemo.tsx"],
4
- "mappings": "AAAA,SAAS,QAAqB,cAAc;AAErC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,QAAQ,KAAK,WAAW,SAAS,MAAM;AAAA,IAC7C,CAAC,aAAa,QAAQ,KAAK,YAAY,WAAW;AAAA,IAClD,CAAC,aAAa,OAAO,KAAK;AAAA,EAC5B,EAHC;AAKL;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,CAAC,OAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,OAAO;AAAA,IACjD,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,MAAM,OAAO,GAAG,SAAS,QAAQ;AAAA,KACxC;AAAA,EACH,EANC;AAQL;",
5
- "names": []
6
- }
@@ -1,11 +0,0 @@
1
- import { Spinner, YStack } from "tamagui";
2
- function SpinnerDemo() {
3
- return <YStack padding="$3" space="$4" alignItems="center">
4
- <Spinner size="small" color="$green10" />
5
- <Spinner size="large" color="$orange10" />
6
- </YStack>;
7
- }
8
- export {
9
- SpinnerDemo
10
- };
11
- //# sourceMappingURL=SpinnerDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/SpinnerDemo.tsx"],
4
- "mappings": "AAAA,SAAS,SAAS,cAAc;AAEzB,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,QAAQ,KAAK,QAAQ,MAAM,WAAW;AAAA,IACvC,CAAC,QAAQ,KAAK,QAAQ,MAAM,YAAY;AAAA,EAC1C,EAHC;AAKL;",
5
- "names": []
6
- }
@@ -1,60 +0,0 @@
1
- import { XStack, YStack, ZStack } from "tamagui";
2
- function StacksDemo() {
3
- return <XStack maxWidth={250} padding="$2" alignSelf="center" space>
4
- <YStack
5
- flex={1}
6
- space="$2"
7
- borderWidth={2}
8
- borderColor="$color"
9
- borderRadius="$4"
10
- padding="$2"
11
- >
12
- <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
13
- <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
14
- <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
15
- </YStack>
16
- <XStack
17
- flex={1}
18
- space="$2"
19
- borderWidth={2}
20
- borderColor="$color"
21
- borderRadius="$4"
22
- padding="$2"
23
- >
24
- <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
25
- <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
26
- <YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
27
- </XStack>
28
- <ZStack maxWidth={50} maxHeight={85} width={100} flex={1}>
29
- <YStack
30
- fullscreen
31
- borderRadius="$4"
32
- padding="$2"
33
- borderColor="$color"
34
- borderWidth={2}
35
- />
36
- <YStack
37
- borderColor="$color"
38
- fullscreen
39
- y={10}
40
- x={10}
41
- borderWidth={2}
42
- borderRadius="$4"
43
- padding="$2"
44
- />
45
- <YStack
46
- borderColor="$color"
47
- fullscreen
48
- y={20}
49
- x={20}
50
- borderWidth={2}
51
- borderRadius="$4"
52
- padding="$2"
53
- />
54
- </ZStack>
55
- </XStack>;
56
- }
57
- export {
58
- StacksDemo
59
- };
60
- //# sourceMappingURL=StacksDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/StacksDemo.tsx"],
4
- "mappings": "AACA,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,UAAU,KAAK,QAAQ,KAAK,UAAU,SAAS;AAAA,IACrD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,MAER,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,IAClE,EAXC;AAAA,IAaD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,MAER,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,IAClE,EAXC;AAAA,IAaD,CAAC,OAAO,UAAU,IAAI,WAAW,IAAI,OAAO,KAAK,MAAM;AAAA,MACrD,CAAC;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,CAAC;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,MACA,CAAC;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,IACF,EA1BC;AAAA,EA2BH,EAtDC;AAwDL;",
5
- "names": []
6
- }
@@ -1,28 +0,0 @@
1
- import { Label, Separator, Switch, XStack, YStack } from "tamagui";
2
- function SwitchDemo() {
3
- return <YStack width={200} alignItems="center" space="$3">
4
- <SwitchWithLabel size="$2" />
5
- <SwitchWithLabel size="$3" />
6
- <SwitchWithLabel size="$4" />
7
- <SwitchWithLabel size="$5" />
8
- </YStack>;
9
- }
10
- function SwitchWithLabel(props) {
11
- const id = `switch-${props.size.toString().slice(1)}`;
12
- return <XStack width={200} alignItems="center" space="$4">
13
- <Label
14
- paddingRight="$0"
15
- minWidth={90}
16
- justifyContent="flex-end"
17
- size={props.size}
18
- htmlFor={id}
19
- >Dark mode</Label>
20
- <Separator minHeight={20} vertical />
21
- <Switch id={id} size={props.size}><Switch.Thumb animation="quick" /></Switch>
22
- </XStack>;
23
- }
24
- export {
25
- SwitchDemo,
26
- SwitchWithLabel
27
- };
28
- //# sourceMappingURL=SwitchDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/SwitchDemo.tsx"],
4
- "mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,EAC7B,EALC;AAOL;AAEO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC;AAClD,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC;AAAA,MACC,aAAa;AAAA,MACb,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,KACV,SAED,EARC;AAAA,IASD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,IACnC,CAAC,OAAO,IAAI,IAAI,MAAM,MAAM,MAC1B,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,EAGH,EAdC;AAgBL;",
5
- "names": []
6
- }