@tamagui/demos 1.88.1 → 1.88.2

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 (362) hide show
  1. package/dist/cjs/AccordionDemo.js +0 -4
  2. package/dist/cjs/AddThemeDemo.js +0 -4
  3. package/dist/cjs/AlertDialogDemo.js +0 -4
  4. package/dist/cjs/AnimationsDemo.js +0 -5
  5. package/dist/cjs/AnimationsEnterDemo.js +0 -4
  6. package/dist/cjs/AnimationsHoverDemo.js +0 -4
  7. package/dist/cjs/AnimationsPresenceDemo.js +0 -5
  8. package/dist/cjs/AnimationsTimingDemo.js +0 -4
  9. package/dist/cjs/AvatarDemo.js +0 -4
  10. package/dist/cjs/BuildAButtonDemo.js +0 -4
  11. package/dist/cjs/ButtonDemo.js +0 -4
  12. package/dist/cjs/CardDemo.js +0 -5
  13. package/dist/cjs/CheckboxDemo.js +0 -5
  14. package/dist/cjs/ColorsDemo.js +0 -4
  15. package/dist/cjs/DialogDemo.js +0 -4
  16. package/dist/cjs/FormsDemo.js +0 -4
  17. package/dist/cjs/Grid.js +0 -4
  18. package/dist/cjs/GroupDemo.js +0 -4
  19. package/dist/cjs/HeadingsDemo.js +0 -4
  20. package/dist/cjs/ImageDemo.js +0 -4
  21. package/dist/cjs/InputsDemo.js +0 -4
  22. package/dist/cjs/LabelDemo.js +0 -4
  23. package/dist/cjs/LinearGradientDemo.js +0 -4
  24. package/dist/cjs/ListItemDemo.js +0 -4
  25. package/dist/cjs/LucideIconsDemo.js +0 -4
  26. package/dist/cjs/PopoverDemo.js +0 -5
  27. package/dist/cjs/ProgressDemo.js +0 -4
  28. package/dist/cjs/RadioGroupDemo.js +0 -5
  29. package/dist/cjs/ReplaceThemeDemo.js +0 -4
  30. package/dist/cjs/ScrollViewDemo.js +0 -4
  31. package/dist/cjs/SelectDemo.js +0 -5
  32. package/dist/cjs/SeparatorDemo.js +0 -4
  33. package/dist/cjs/ShapesDemo.js +0 -4
  34. package/dist/cjs/SheetDemo.js +1 -8
  35. package/dist/cjs/SheetDemo.js.map +1 -1
  36. package/dist/cjs/SliderDemo.js +0 -4
  37. package/dist/cjs/SpinnerDemo.js +0 -4
  38. package/dist/cjs/StacksDemo.js +0 -4
  39. package/dist/cjs/SwitchDemo.js +0 -5
  40. package/dist/cjs/TabsAdvancedDemo.js +0 -4
  41. package/dist/cjs/TabsDemo.js +0 -4
  42. package/dist/cjs/TextDemo.js +0 -4
  43. package/dist/cjs/ThemeBuilderDemo.js +0 -4
  44. package/dist/cjs/ThemeInverseDemo.js +0 -4
  45. package/dist/cjs/ToastDemo.js +0 -4
  46. package/dist/cjs/ToastDuplicateDemo.js +0 -4
  47. package/dist/cjs/ToggleGroupDemo.js +0 -4
  48. package/dist/cjs/TokensDemo.js +26 -33
  49. package/dist/cjs/TokensDemo.js.map +1 -1
  50. package/dist/cjs/TooltipDemo.js +0 -4
  51. package/dist/cjs/UpdateThemeDemo.js +0 -4
  52. package/dist/cjs/index.js +0 -52
  53. package/dist/cjs/tamagui.config.js +0 -4
  54. package/dist/cjs/useOnIntersecting.js +4 -9
  55. package/dist/cjs/useOnIntersecting.js.map +1 -1
  56. package/dist/esm/AccordionDemo.native.js +35 -16
  57. package/dist/esm/AccordionDemo.native.js.map +1 -1
  58. package/dist/esm/AddThemeDemo.native.js +31 -13
  59. package/dist/esm/AddThemeDemo.native.js.map +1 -1
  60. package/dist/esm/AlertDialogDemo.native.js +37 -17
  61. package/dist/esm/AlertDialogDemo.native.js.map +1 -1
  62. package/dist/esm/AnimationsDemo.native.js +34 -15
  63. package/dist/esm/AnimationsDemo.native.js.map +1 -1
  64. package/dist/esm/AnimationsEnterDemo.native.js +31 -14
  65. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
  66. package/dist/esm/AnimationsHoverDemo.native.js +27 -8
  67. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
  68. package/dist/esm/AnimationsPresenceDemo.native.js +44 -21
  69. package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
  70. package/dist/esm/AnimationsTimingDemo.native.js +27 -8
  71. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
  72. package/dist/esm/AvatarDemo.native.js +33 -13
  73. package/dist/esm/AvatarDemo.native.js.map +1 -1
  74. package/dist/esm/BuildAButtonDemo.native.js +43 -24
  75. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  76. package/dist/esm/ButtonDemo.native.js +36 -17
  77. package/dist/esm/ButtonDemo.native.js.map +1 -1
  78. package/dist/esm/CardDemo.native.js +37 -16
  79. package/dist/esm/CardDemo.native.js.map +1 -1
  80. package/dist/esm/CheckboxDemo.native.js +32 -12
  81. package/dist/esm/CheckboxDemo.native.js.map +2 -2
  82. package/dist/esm/ColorsDemo.native.js +40 -29
  83. package/dist/esm/ColorsDemo.native.js.map +1 -1
  84. package/dist/esm/DialogDemo.native.js +52 -47
  85. package/dist/esm/DialogDemo.native.js.map +1 -1
  86. package/dist/esm/FormsDemo.native.js +30 -11
  87. package/dist/esm/FormsDemo.native.js.map +1 -1
  88. package/dist/esm/Grid.native.js +37 -11
  89. package/dist/esm/Grid.native.js.map +2 -2
  90. package/dist/esm/GroupDemo.native.js +36 -17
  91. package/dist/esm/GroupDemo.native.js.map +1 -1
  92. package/dist/esm/HeadingsDemo.native.js +31 -11
  93. package/dist/esm/HeadingsDemo.native.js.map +1 -1
  94. package/dist/esm/ImageDemo.native.js +26 -6
  95. package/dist/esm/ImageDemo.native.js.map +1 -1
  96. package/dist/esm/InputsDemo.native.js +33 -13
  97. package/dist/esm/InputsDemo.native.js.map +1 -1
  98. package/dist/esm/LabelDemo.native.js +31 -11
  99. package/dist/esm/LabelDemo.native.js.map +1 -1
  100. package/dist/esm/LinearGradientDemo.native.js +29 -10
  101. package/dist/esm/LinearGradientDemo.native.js.map +1 -1
  102. package/dist/esm/ListItemDemo.native.js +41 -22
  103. package/dist/esm/ListItemDemo.native.js.map +1 -1
  104. package/dist/esm/LucideIconsDemo.native.js +42 -18
  105. package/dist/esm/LucideIconsDemo.native.js.map +1 -1
  106. package/dist/esm/PopoverDemo.native.js +45 -33
  107. package/dist/esm/PopoverDemo.native.js.map +1 -1
  108. package/dist/esm/ProgressDemo.native.js +37 -18
  109. package/dist/esm/ProgressDemo.native.js.map +1 -1
  110. package/dist/esm/RadioGroupDemo.native.js +32 -11
  111. package/dist/esm/RadioGroupDemo.native.js.map +1 -1
  112. package/dist/esm/ReplaceThemeDemo.native.js +32 -22
  113. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
  114. package/dist/esm/ScrollViewDemo.native.js +35 -15
  115. package/dist/esm/ScrollViewDemo.native.js.map +1 -1
  116. package/dist/esm/SelectDemo.native.js +66 -56
  117. package/dist/esm/SelectDemo.native.js.map +1 -1
  118. package/dist/esm/SeparatorDemo.native.js +34 -14
  119. package/dist/esm/SeparatorDemo.native.js.map +1 -1
  120. package/dist/esm/ShapesDemo.native.js +27 -7
  121. package/dist/esm/ShapesDemo.native.js.map +1 -1
  122. package/dist/esm/SheetDemo.native.js +60 -40
  123. package/dist/esm/SheetDemo.native.js.map +1 -1
  124. package/dist/esm/SliderDemo.native.js +30 -10
  125. package/dist/esm/SliderDemo.native.js.map +1 -1
  126. package/dist/esm/SpinnerDemo.native.js +27 -7
  127. package/dist/esm/SpinnerDemo.native.js.map +1 -1
  128. package/dist/esm/StacksDemo.native.js +42 -22
  129. package/dist/esm/StacksDemo.native.js.map +1 -1
  130. package/dist/esm/SwitchDemo.native.js +43 -22
  131. package/dist/esm/SwitchDemo.native.js.map +1 -1
  132. package/dist/esm/TabsAdvancedDemo.native.js +67 -57
  133. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  134. package/dist/esm/TabsDemo.native.js +77 -67
  135. package/dist/esm/TabsDemo.native.js.map +1 -1
  136. package/dist/esm/TextDemo.native.js +30 -10
  137. package/dist/esm/TextDemo.native.js.map +1 -1
  138. package/dist/esm/ThemeBuilderDemo.native.js +65 -45
  139. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
  140. package/dist/esm/ThemeInverseDemo.native.js +35 -15
  141. package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
  142. package/dist/esm/ToastDemo.native.js +56 -30
  143. package/dist/esm/ToastDemo.native.js.map +2 -2
  144. package/dist/esm/ToastDuplicateDemo.native.js +43 -18
  145. package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
  146. package/dist/esm/ToggleGroupDemo.native.js +39 -20
  147. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  148. package/dist/esm/TokensDemo.native.js +62 -41
  149. package/dist/esm/TokensDemo.native.js.map +1 -1
  150. package/dist/esm/TooltipDemo.native.js +43 -37
  151. package/dist/esm/TooltipDemo.native.js.map +1 -1
  152. package/dist/esm/UpdateThemeDemo.native.js +41 -25
  153. package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
  154. package/dist/esm/index.native.js +115 -49
  155. package/dist/esm/index.native.js.map +1 -1
  156. package/dist/esm/tamagui.config.native.js +25 -6
  157. package/dist/esm/tamagui.config.native.js.map +2 -2
  158. package/dist/esm/useOnIntersecting.native.js +33 -12
  159. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  160. package/dist/jsx/AccordionDemo.js +17 -16
  161. package/dist/jsx/AccordionDemo.js.map +1 -1
  162. package/dist/jsx/AccordionDemo.native.js +40 -20
  163. package/dist/jsx/AccordionDemo.native.js.map +1 -1
  164. package/dist/jsx/AddThemeDemo.js +25 -20
  165. package/dist/jsx/AddThemeDemo.js.map +1 -1
  166. package/dist/jsx/AddThemeDemo.native.js +49 -26
  167. package/dist/jsx/AddThemeDemo.native.js.map +1 -1
  168. package/dist/jsx/AlertDialogDemo.js +45 -37
  169. package/dist/jsx/AlertDialogDemo.js.map +1 -1
  170. package/dist/jsx/AlertDialogDemo.native.js +68 -40
  171. package/dist/jsx/AlertDialogDemo.native.js.map +1 -1
  172. package/dist/jsx/AnimationsDemo.js +37 -29
  173. package/dist/jsx/AnimationsDemo.js.map +1 -1
  174. package/dist/jsx/AnimationsDemo.native.js +63 -36
  175. package/dist/jsx/AnimationsDemo.native.js.map +1 -1
  176. package/dist/jsx/AnimationsEnterDemo.js +24 -19
  177. package/dist/jsx/AnimationsEnterDemo.js.map +1 -1
  178. package/dist/jsx/AnimationsEnterDemo.native.js +48 -26
  179. package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
  180. package/dist/jsx/AnimationsHoverDemo.js +19 -14
  181. package/dist/jsx/AnimationsHoverDemo.js.map +1 -1
  182. package/dist/jsx/AnimationsHoverDemo.native.js +42 -18
  183. package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
  184. package/dist/jsx/AnimationsPresenceDemo.js +43 -32
  185. package/dist/jsx/AnimationsPresenceDemo.js.map +1 -1
  186. package/dist/jsx/AnimationsPresenceDemo.native.js +77 -43
  187. package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
  188. package/dist/jsx/AnimationsTimingDemo.js +18 -13
  189. package/dist/jsx/AnimationsTimingDemo.js.map +1 -1
  190. package/dist/jsx/AnimationsTimingDemo.native.js +41 -17
  191. package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
  192. package/dist/jsx/AvatarDemo.js +23 -16
  193. package/dist/jsx/AvatarDemo.js.map +1 -1
  194. package/dist/jsx/AvatarDemo.native.js +46 -19
  195. package/dist/jsx/AvatarDemo.native.js.map +1 -1
  196. package/dist/jsx/BuildAButtonDemo.js +22 -21
  197. package/dist/jsx/BuildAButtonDemo.js.map +1 -1
  198. package/dist/jsx/BuildAButtonDemo.native.js +45 -25
  199. package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
  200. package/dist/jsx/ButtonDemo.js +17 -16
  201. package/dist/jsx/ButtonDemo.js.map +1 -1
  202. package/dist/jsx/ButtonDemo.native.js +40 -20
  203. package/dist/jsx/ButtonDemo.native.js.map +1 -1
  204. package/dist/jsx/CardDemo.js +38 -31
  205. package/dist/jsx/CardDemo.js.map +1 -1
  206. package/dist/jsx/CardDemo.native.js +62 -34
  207. package/dist/jsx/CardDemo.native.js.map +1 -1
  208. package/dist/jsx/CheckboxDemo.js +10 -9
  209. package/dist/jsx/CheckboxDemo.js.map +1 -1
  210. package/dist/jsx/CheckboxDemo.native.js +34 -13
  211. package/dist/jsx/CheckboxDemo.native.js.map +2 -2
  212. package/dist/jsx/ColorsDemo.js +64 -52
  213. package/dist/jsx/ColorsDemo.js.map +1 -1
  214. package/dist/jsx/ColorsDemo.native.js +88 -65
  215. package/dist/jsx/ColorsDemo.native.js.map +1 -1
  216. package/dist/jsx/DialogDemo.js +83 -65
  217. package/dist/jsx/DialogDemo.js.map +1 -1
  218. package/dist/jsx/DialogDemo.native.js +107 -84
  219. package/dist/jsx/DialogDemo.native.js.map +1 -1
  220. package/dist/jsx/FormsDemo.js +19 -14
  221. package/dist/jsx/FormsDemo.js.map +1 -1
  222. package/dist/jsx/FormsDemo.native.js +44 -20
  223. package/dist/jsx/FormsDemo.native.js.map +1 -1
  224. package/dist/jsx/Grid.js +26 -17
  225. package/dist/jsx/Grid.js.map +1 -1
  226. package/dist/jsx/Grid.native.js +59 -24
  227. package/dist/jsx/Grid.native.js.map +2 -2
  228. package/dist/jsx/GroupDemo.js +17 -22
  229. package/dist/jsx/GroupDemo.js.map +1 -1
  230. package/dist/jsx/GroupDemo.native.js +40 -26
  231. package/dist/jsx/GroupDemo.native.js.map +1 -1
  232. package/dist/jsx/HeadingsDemo.js +9 -8
  233. package/dist/jsx/HeadingsDemo.js.map +1 -1
  234. package/dist/jsx/HeadingsDemo.native.js +32 -11
  235. package/dist/jsx/HeadingsDemo.native.js.map +1 -1
  236. package/dist/jsx/ImageDemo.js +11 -7
  237. package/dist/jsx/ImageDemo.js.map +1 -1
  238. package/dist/jsx/ImageDemo.native.js +34 -10
  239. package/dist/jsx/ImageDemo.native.js.map +1 -1
  240. package/dist/jsx/InputsDemo.js +22 -17
  241. package/dist/jsx/InputsDemo.js.map +1 -1
  242. package/dist/jsx/InputsDemo.native.js +45 -20
  243. package/dist/jsx/InputsDemo.native.js.map +1 -1
  244. package/dist/jsx/LabelDemo.js +11 -10
  245. package/dist/jsx/LabelDemo.js.map +1 -1
  246. package/dist/jsx/LabelDemo.native.js +34 -13
  247. package/dist/jsx/LabelDemo.native.js.map +1 -1
  248. package/dist/jsx/LinearGradientDemo.js +25 -24
  249. package/dist/jsx/LinearGradientDemo.js.map +1 -1
  250. package/dist/jsx/LinearGradientDemo.native.js +48 -28
  251. package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
  252. package/dist/jsx/ListItemDemo.js +35 -28
  253. package/dist/jsx/ListItemDemo.js.map +1 -1
  254. package/dist/jsx/ListItemDemo.native.js +58 -32
  255. package/dist/jsx/ListItemDemo.native.js.map +1 -1
  256. package/dist/jsx/LucideIconsDemo.js +31 -22
  257. package/dist/jsx/LucideIconsDemo.js.map +1 -1
  258. package/dist/jsx/LucideIconsDemo.native.js +63 -30
  259. package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
  260. package/dist/jsx/PopoverDemo.js +55 -43
  261. package/dist/jsx/PopoverDemo.js.map +1 -1
  262. package/dist/jsx/PopoverDemo.native.js +79 -55
  263. package/dist/jsx/PopoverDemo.native.js.map +1 -1
  264. package/dist/jsx/ProgressDemo.js +42 -33
  265. package/dist/jsx/ProgressDemo.js.map +1 -1
  266. package/dist/jsx/ProgressDemo.native.js +67 -39
  267. package/dist/jsx/ProgressDemo.native.js.map +1 -1
  268. package/dist/jsx/RadioGroupDemo.js +10 -9
  269. package/dist/jsx/RadioGroupDemo.js.map +1 -1
  270. package/dist/jsx/RadioGroupDemo.native.js +34 -12
  271. package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
  272. package/dist/jsx/ReplaceThemeDemo.js +18 -13
  273. package/dist/jsx/ReplaceThemeDemo.js.map +1 -1
  274. package/dist/jsx/ReplaceThemeDemo.native.js +44 -29
  275. package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
  276. package/dist/jsx/ScrollViewDemo.js +21 -16
  277. package/dist/jsx/ScrollViewDemo.js.map +1 -1
  278. package/dist/jsx/ScrollViewDemo.native.js +44 -19
  279. package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
  280. package/dist/jsx/SelectDemo.js +140 -105
  281. package/dist/jsx/SelectDemo.js.map +1 -1
  282. package/dist/jsx/SelectDemo.native.js +165 -120
  283. package/dist/jsx/SelectDemo.native.js.map +1 -1
  284. package/dist/jsx/SeparatorDemo.js +13 -12
  285. package/dist/jsx/SeparatorDemo.js.map +1 -1
  286. package/dist/jsx/SeparatorDemo.native.js +36 -15
  287. package/dist/jsx/SeparatorDemo.native.js.map +1 -1
  288. package/dist/jsx/ShapesDemo.js +5 -4
  289. package/dist/jsx/ShapesDemo.js.map +1 -1
  290. package/dist/jsx/ShapesDemo.native.js +28 -7
  291. package/dist/jsx/ShapesDemo.native.js.map +1 -1
  292. package/dist/jsx/SheetDemo.js +87 -66
  293. package/dist/jsx/SheetDemo.js.map +1 -1
  294. package/dist/jsx/SheetDemo.native.js +114 -76
  295. package/dist/jsx/SheetDemo.native.js.map +1 -1
  296. package/dist/jsx/SliderDemo.js +10 -9
  297. package/dist/jsx/SliderDemo.js.map +1 -1
  298. package/dist/jsx/SliderDemo.native.js +33 -12
  299. package/dist/jsx/SliderDemo.native.js.map +1 -1
  300. package/dist/jsx/SpinnerDemo.js +5 -4
  301. package/dist/jsx/SpinnerDemo.js.map +1 -1
  302. package/dist/jsx/SpinnerDemo.native.js +28 -7
  303. package/dist/jsx/SpinnerDemo.native.js.map +1 -1
  304. package/dist/jsx/StacksDemo.js +71 -53
  305. package/dist/jsx/StacksDemo.js.map +1 -1
  306. package/dist/jsx/StacksDemo.native.js +94 -56
  307. package/dist/jsx/StacksDemo.native.js.map +1 -1
  308. package/dist/jsx/SwitchDemo.js +34 -29
  309. package/dist/jsx/SwitchDemo.js.map +1 -1
  310. package/dist/jsx/SwitchDemo.native.js +58 -32
  311. package/dist/jsx/SwitchDemo.native.js.map +1 -1
  312. package/dist/jsx/TabsAdvancedDemo.js +194 -138
  313. package/dist/jsx/TabsAdvancedDemo.js.map +1 -1
  314. package/dist/jsx/TabsAdvancedDemo.native.js +220 -154
  315. package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
  316. package/dist/jsx/TabsDemo.js +106 -77
  317. package/dist/jsx/TabsDemo.js.map +1 -1
  318. package/dist/jsx/TabsDemo.native.js +131 -92
  319. package/dist/jsx/TabsDemo.native.js.map +1 -1
  320. package/dist/jsx/TextDemo.js +9 -8
  321. package/dist/jsx/TextDemo.js.map +1 -1
  322. package/dist/jsx/TextDemo.native.js +32 -11
  323. package/dist/jsx/TextDemo.native.js.map +1 -1
  324. package/dist/jsx/ThemeBuilderDemo.js +124 -93
  325. package/dist/jsx/ThemeBuilderDemo.js.map +1 -1
  326. package/dist/jsx/ThemeBuilderDemo.native.js +147 -96
  327. package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
  328. package/dist/jsx/ThemeInverseDemo.js +31 -23
  329. package/dist/jsx/ThemeInverseDemo.js.map +1 -1
  330. package/dist/jsx/ThemeInverseDemo.native.js +55 -27
  331. package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
  332. package/dist/jsx/ToastDemo.js +74 -54
  333. package/dist/jsx/ToastDemo.js.map +1 -1
  334. package/dist/jsx/ToastDemo.native.js +108 -62
  335. package/dist/jsx/ToastDemo.native.js.map +2 -2
  336. package/dist/jsx/ToastDuplicateDemo.js +33 -24
  337. package/dist/jsx/ToastDuplicateDemo.js.map +1 -1
  338. package/dist/jsx/ToastDuplicateDemo.native.js +65 -31
  339. package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
  340. package/dist/jsx/ToggleGroupDemo.js +38 -29
  341. package/dist/jsx/ToggleGroupDemo.js.map +1 -1
  342. package/dist/jsx/ToggleGroupDemo.native.js +61 -33
  343. package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
  344. package/dist/jsx/TokensDemo.js +46 -38
  345. package/dist/jsx/TokensDemo.js.map +1 -1
  346. package/dist/jsx/TokensDemo.native.js +71 -45
  347. package/dist/jsx/TokensDemo.native.js.map +1 -1
  348. package/dist/jsx/TooltipDemo.js +43 -38
  349. package/dist/jsx/TooltipDemo.js.map +1 -1
  350. package/dist/jsx/TooltipDemo.native.js +66 -55
  351. package/dist/jsx/TooltipDemo.native.js.map +1 -1
  352. package/dist/jsx/UpdateThemeDemo.js +21 -16
  353. package/dist/jsx/UpdateThemeDemo.js.map +1 -1
  354. package/dist/jsx/UpdateThemeDemo.native.js +55 -34
  355. package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
  356. package/dist/jsx/index.native.js +115 -49
  357. package/dist/jsx/index.native.js.map +1 -1
  358. package/dist/jsx/tamagui.config.native.js +25 -6
  359. package/dist/jsx/tamagui.config.native.js.map +2 -2
  360. package/dist/jsx/useOnIntersecting.native.js +29 -8
  361. package/dist/jsx/useOnIntersecting.native.js.map +1 -1
  362. package/package.json +18 -18
@@ -1,11 +1,34 @@
1
- import { AnimatePresence } from "@tamagui/animate-presence";
2
- import { ArrowLeft, ArrowRight } from "@tamagui/lucide-icons";
3
- import { useState } from "react";
4
- import { Button, Image, XStack, YStack, styled } from "tamagui";
5
- import photo1 from "../../public/photo1.jpg";
6
- import photo2 from "../../public/photo2.jpg";
7
- import photo3 from "../../public/photo3.jpg";
8
- const images = [photo1, photo2, photo3].map((x) => x.src || x), GalleryItem = styled(YStack, {
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: !0 });
10
+ }, __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from == "object" || typeof from == "function")
12
+ for (let key of __getOwnPropNames(from))
13
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ return to;
15
+ };
16
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
+ // If the importer is in node compatibility mode or this is not an ESM
18
+ // file that has been converted to a CommonJS file using a Babel-
19
+ // compatible transform (i.e. "__esModule" has not been set), then set
20
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
22
+ mod
23
+ )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
24
+ var AnimationsPresenceDemo_exports = {};
25
+ __export(AnimationsPresenceDemo_exports, {
26
+ AnimationsPresenceDemo: () => AnimationsPresenceDemo,
27
+ images: () => images
28
+ });
29
+ module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
30
+ var import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg")), import_photo2 = __toESM(require("../../public/photo2.jpg")), import_photo3 = __toESM(require("../../public/photo3.jpg")), import_jsx_runtime = require("react/jsx-runtime");
31
+ const images = [import_photo1.default, import_photo2.default, import_photo3.default].map((x) => x.src || x), GalleryItem = (0, import_tamagui.styled)(import_tamagui.YStack, {
9
32
  zIndex: 1,
10
33
  x: 0,
11
34
  opacity: 1,
@@ -31,44 +54,55 @@ const images = [photo1, photo2, photo3].map((x) => x.src || x), GalleryItem = st
31
54
  return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
32
55
  };
33
56
  function AnimationsPresenceDemo() {
34
- const [[page, going], setPage] = useState([0, 0]), imageIndex = wrap(0, images.length, page), paginate = (going2) => {
57
+ const [[page, going], setPage] = (0, import_react.useState)([0, 0]), imageIndex = wrap(0, images.length, page), paginate = (going2) => {
35
58
  setPage([page + going2, going2]);
36
59
  };
37
- return <XStack
38
- overflow="hidden"
39
- backgroundColor="#000"
40
- position="relative"
41
- height={300}
42
- width="100%"
43
- alignItems="center"
44
- >
45
- <AnimatePresence initial={!1} custom={{ going }}><GalleryItem key={page} animation="slowest" going={going}><Image source={{ uri: images[imageIndex], width: 780, height: 300 }} /></GalleryItem></AnimatePresence>
46
- <Button
47
- accessibilityLabel="Carousel left"
48
- icon={ArrowLeft}
49
- size="$5"
50
- position="absolute"
51
- left="$4"
52
- circular
53
- elevate
54
- onPress={() => paginate(-1)}
55
- zi={100}
56
- />
57
- <Button
58
- accessibilityLabel="Carousel right"
59
- icon={ArrowRight}
60
- size="$5"
61
- position="absolute"
62
- right="$4"
63
- circular
64
- elevate
65
- onPress={() => paginate(1)}
66
- zi={100}
67
- />
68
- </XStack>;
60
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
61
+ import_tamagui.XStack,
62
+ {
63
+ overflow: "hidden",
64
+ backgroundColor: "#000",
65
+ position: "relative",
66
+ height: 300,
67
+ width: "100%",
68
+ alignItems: "center",
69
+ children: [
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { initial: !1, custom: { going }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryItem, { animation: "slowest", going, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, { source: { uri: images[imageIndex], width: 780, height: 300 } }) }, page) }),
71
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
72
+ import_tamagui.Button,
73
+ {
74
+ accessibilityLabel: "Carousel left",
75
+ icon: import_lucide_icons.ArrowLeft,
76
+ size: "$5",
77
+ position: "absolute",
78
+ left: "$4",
79
+ circular: !0,
80
+ elevate: !0,
81
+ onPress: () => paginate(-1),
82
+ zi: 100
83
+ }
84
+ ),
85
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
86
+ import_tamagui.Button,
87
+ {
88
+ accessibilityLabel: "Carousel right",
89
+ icon: import_lucide_icons.ArrowRight,
90
+ size: "$5",
91
+ position: "absolute",
92
+ right: "$4",
93
+ circular: !0,
94
+ elevate: !0,
95
+ onPress: () => paginate(1),
96
+ zi: 100
97
+ }
98
+ )
99
+ ]
100
+ }
101
+ );
69
102
  }
70
- export {
103
+ // Annotate the CommonJS export names for ESM import in node:
104
+ 0 && (module.exports = {
71
105
  AnimationsPresenceDemo,
72
106
  images
73
- };
107
+ });
74
108
  //# sourceMappingURL=AnimationsPresenceDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AnimationsPresenceDemo.tsx"],
4
- "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,WAAW,kBAAkB;AACtC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAGtD,OAAO,YAAY;AAEnB,OAAO,YAAY;AAEnB,OAAO,YAAY;AAEZ,MAAM,SAAS,CAAC,QAAQ,QAAQ,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,GAE9D,cAAc,OAAO,QAAQ;AAAA,EACjC,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,SAAS;AAAA,EACT,YAAY;AAAA,EAEZ,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,WAAW,CAAC,WAAW;AAAA,QACrB,YAAY;AAAA,UACV,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;AAEO,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,KAAK,GAAG,OAAO,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,GAE1C,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI,GACxC,WAAW,CAACA,WAAkB;AAClC,YAAQ,CAAC,OAAOA,QAAOA,MAAK,CAAC;AAAA,EAC/B;AAEA,SACE,CAAC;AAAA,IACC,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IAEX,CAAC,gBAAgB,SAAS,IAAO,QAAQ,EAAE,MAAM,GAC/C,CAAC,YAAY,KAAK,MAAM,UAAU,UAAU,OAAO,OACjD,CAAC,MAAM,QAAQ,EAAE,KAAK,OAAO,UAAU,GAAG,OAAO,KAAK,QAAQ,IAAI,GAAG,EACvE,EAFC,YAGH,EAJC;AAAA,IAMD,CAAC;AAAA,MACC,mBAAmB;AAAA,MACnB,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,MAAM,SAAS,EAAE;AAAA,MAC1B,IAAI;AAAA,IACN;AAAA,IACA,CAAC;AAAA,MACC,mBAAmB;AAAA,MACnB,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,MACT,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,SAAS,MAAM,SAAS,CAAC;AAAA,MACzB,IAAI;AAAA,IACN;AAAA,EACF,EApCC;AAsCL;",
5
- "names": ["going"]
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAgC,sCAChC,sBAAsC,kCACtC,eAAyB,kBACzB,iBAAsD,oBAGtD,gBAAmB,6CAEnB,gBAAmB,6CAEnB,gBAAmB,6CA0Cf;AAxCG,MAAM,SAAS,CAAC,cAAAA,SAAQ,cAAAC,SAAQ,cAAAC,OAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,GAE9D,kBAAc,uBAAO,uBAAQ;AAAA,EACjC,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,SAAS;AAAA,EACT,YAAY;AAAA,EAEZ,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,WAAW,CAAC,WAAW;AAAA,QACrB,YAAY;AAAA,UACV,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;AAEO,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,KAAK,GAAG,OAAO,QAAI,uBAAS,CAAC,GAAG,CAAC,CAAC,GAE1C,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI,GACxC,WAAW,CAACC,WAAkB;AAClC,YAAQ,CAAC,OAAOA,QAAOA,MAAK,CAAC;AAAA,EAC/B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,iBAAgB;AAAA,MAChB,UAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,YAAW;AAAA,MAEX;AAAA,oDAAC,2CAAgB,SAAS,IAAO,QAAQ,EAAE,MAAM,GAC/C,sDAAC,eAAuB,WAAU,WAAU,OAC1C,sDAAC,wBAAM,QAAQ,EAAE,KAAK,OAAO,UAAU,GAAG,OAAO,KAAK,QAAQ,IAAI,GAAG,KADrD,IAElB,GACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,oBAAmB;AAAA,YACnB,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,SAAO;AAAA,YACP,SAAS,MAAM,SAAS,EAAE;AAAA,YAC1B,IAAI;AAAA;AAAA,QACN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,oBAAmB;AAAA,YACnB,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAQ;AAAA,YACR,SAAO;AAAA,YACP,SAAS,MAAM,SAAS,CAAC;AAAA,YACzB,IAAI;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EACF;AAEJ;",
5
+ "names": ["photo1", "photo2", "photo3", "going"]
6
6
  }
@@ -1,19 +1,24 @@
1
1
  import { LogoIcon } from "@tamagui/logo";
2
2
  import { Square } from "tamagui";
3
+ import { jsx } from "react/jsx-runtime";
3
4
  function AnimationsTimingDemo() {
4
- return <Square
5
- backgroundColor="$pink10"
6
- animation="100ms"
7
- elevation="$4"
8
- size={110}
9
- borderRadius="$9"
10
- hoverStyle={{
11
- scale: 1.2
12
- }}
13
- pressStyle={{
14
- scale: 0.9
15
- }}
16
- ><LogoIcon downscale={0.75} /></Square>;
5
+ return /* @__PURE__ */ jsx(
6
+ Square,
7
+ {
8
+ backgroundColor: "$pink10",
9
+ animation: "100ms",
10
+ elevation: "$4",
11
+ size: 110,
12
+ borderRadius: "$9",
13
+ hoverStyle: {
14
+ scale: 1.2
15
+ },
16
+ pressStyle: {
17
+ scale: 0.9
18
+ },
19
+ children: /* @__PURE__ */ jsx(LogoIcon, { downscale: 0.75 })
20
+ }
21
+ );
17
22
  }
18
23
  export {
19
24
  AnimationsTimingDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AnimationsTimingDemo.tsx"],
4
- "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEhB,SAAS,uBAAuB;AACrC,SACE,CAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA,IACN,aAAa;AAAA,IACb,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,GAEA,CAAC,SAAS,WAAW,MAAM,EAC7B,EAdC;AAgBL;",
4
+ "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAiBjB;AAfC,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,8BAAC,YAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,21 +1,45 @@
1
- import { LogoIcon } from "@tamagui/logo";
2
- import { Square } from "tamagui";
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var AnimationsTimingDemo_exports = {};
17
+ __export(AnimationsTimingDemo_exports, {
18
+ AnimationsTimingDemo: () => AnimationsTimingDemo
19
+ });
20
+ module.exports = __toCommonJS(AnimationsTimingDemo_exports);
21
+ var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
3
22
  function AnimationsTimingDemo() {
4
- return <Square
5
- backgroundColor="$pink10"
6
- animation="100ms"
7
- elevation="$4"
8
- size={110}
9
- borderRadius="$9"
10
- hoverStyle={{
11
- scale: 1.2
12
- }}
13
- pressStyle={{
14
- scale: 0.9
15
- }}
16
- ><LogoIcon downscale={0.75} /></Square>;
23
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
24
+ import_tamagui.Square,
25
+ {
26
+ backgroundColor: "$pink10",
27
+ animation: "100ms",
28
+ elevation: "$4",
29
+ size: 110,
30
+ borderRadius: "$9",
31
+ hoverStyle: {
32
+ scale: 1.2
33
+ },
34
+ pressStyle: {
35
+ scale: 0.9
36
+ },
37
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
38
+ }
39
+ );
17
40
  }
18
- export {
41
+ // Annotate the CommonJS export names for ESM import in node:
42
+ 0 && (module.exports = {
19
43
  AnimationsTimingDemo
20
- };
44
+ });
21
45
  //# sourceMappingURL=AnimationsTimingDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AnimationsTimingDemo.tsx"],
4
- "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEhB,SAAS,uBAAuB;AACrC,SACE,CAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA,IACN,aAAa;AAAA,IACb,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,GAEA,CAAC,SAAS,WAAW,MAAM,EAC7B,EAdC;AAgBL;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,0BACzB,iBAAuB,oBAiBjB;AAfC,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,21 +1,28 @@
1
1
  import { Avatar, XStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
2
3
  function AvatarDemo() {
3
- return <XStack alignItems="center" space="$6">
4
- <Avatar circular size="$10">
5
- <Avatar.Image
6
- accessibilityLabel="Cam"
7
- src={"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"}
8
- />
9
- <Avatar.Fallback backgroundColor="$blue10" />
10
- </Avatar>
11
- <Avatar circular size="$8">
12
- <Avatar.Image
13
- accessibilityLabel="Nate Wienert"
14
- src={"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"}
15
- />
16
- <Avatar.Fallback delayMs={600} backgroundColor="$blue10" />
17
- </Avatar>
18
- </XStack>;
4
+ return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$6", children: [
5
+ /* @__PURE__ */ jsxs(Avatar, { circular: !0, size: "$10", children: [
6
+ /* @__PURE__ */ jsx(
7
+ Avatar.Image,
8
+ {
9
+ accessibilityLabel: "Cam",
10
+ src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
11
+ }
12
+ ),
13
+ /* @__PURE__ */ jsx(Avatar.Fallback, { backgroundColor: "$blue10" })
14
+ ] }),
15
+ /* @__PURE__ */ jsxs(Avatar, { circular: !0, size: "$8", children: [
16
+ /* @__PURE__ */ jsx(
17
+ Avatar.Image,
18
+ {
19
+ accessibilityLabel: "Nate Wienert",
20
+ src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
21
+ }
22
+ ),
23
+ /* @__PURE__ */ jsx(Avatar.Fallback, { delayMs: 600, backgroundColor: "$blue10" })
24
+ ] })
25
+ ] });
19
26
  }
20
27
  export {
21
28
  AvatarDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AvatarDemo.tsx"],
4
- "mappings": "AACA,SAAS,QAAQ,cAAc;AAExB,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO;AAAA,QACN,mBAAmB;AAAA,QACnB,KAAI;AAAA,MACN;AAAA,MACA,CAAC,OAAO,SAAS,gBAAgB,UAAU;AAAA,IAC7C,EANC;AAAA,IAQD,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO;AAAA,QACN,mBAAmB;AAAA,QACnB,KAAI;AAAA,MACN;AAAA,MACA,CAAC,OAAO,SAAS,SAAS,KAAK,gBAAgB,UAAU;AAAA,IAC3D,EANC;AAAA,EAOH,EAhBC;AAkBL;",
4
+ "mappings": "AACA,SAAS,QAAQ,cAAc;AAKzB,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,yBAAC,UAAO,UAAQ,IAAC,MAAK,OACpB;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,oBAAC,OAAO,UAAP,EAAgB,iBAAgB,WAAU;AAAA,OAC7C;AAAA,IAEA,qBAAC,UAAO,UAAQ,IAAC,MAAK,MACpB;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,oBAAC,OAAO,UAAP,EAAgB,SAAS,KAAK,iBAAgB,WAAU;AAAA,OAC3D;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,23 +1,50 @@
1
- import { Avatar, XStack } from "tamagui";
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var AvatarDemo_exports = {};
17
+ __export(AvatarDemo_exports, {
18
+ AvatarDemo: () => AvatarDemo
19
+ });
20
+ module.exports = __toCommonJS(AvatarDemo_exports);
21
+ var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
2
22
  function AvatarDemo() {
3
- return <XStack alignItems="center" space="$6">
4
- <Avatar circular size="$10">
5
- <Avatar.Image
6
- accessibilityLabel="Cam"
7
- src={"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"}
8
- />
9
- <Avatar.Fallback backgroundColor="$blue10" />
10
- </Avatar>
11
- <Avatar circular size="$8">
12
- <Avatar.Image
13
- accessibilityLabel="Nate Wienert"
14
- src={"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"}
15
- />
16
- <Avatar.Fallback delayMs={600} backgroundColor="$blue10" />
17
- </Avatar>
18
- </XStack>;
23
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$6", children: [
24
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: !0, size: "$10", children: [
25
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
26
+ import_tamagui.Avatar.Image,
27
+ {
28
+ accessibilityLabel: "Cam",
29
+ src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
30
+ }
31
+ ),
32
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { backgroundColor: "$blue10" })
33
+ ] }),
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, { circular: !0, size: "$8", children: [
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
36
+ import_tamagui.Avatar.Image,
37
+ {
38
+ accessibilityLabel: "Nate Wienert",
39
+ src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
40
+ }
41
+ ),
42
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, { delayMs: 600, backgroundColor: "$blue10" })
43
+ ] })
44
+ ] });
19
45
  }
20
- export {
46
+ // Annotate the CommonJS export names for ESM import in node:
47
+ 0 && (module.exports = {
21
48
  AvatarDemo
22
- };
49
+ });
23
50
  //# sourceMappingURL=AvatarDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/AvatarDemo.tsx"],
4
- "mappings": "AACA,SAAS,QAAQ,cAAc;AAExB,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO;AAAA,QACN,mBAAmB;AAAA,QACnB,KAAI;AAAA,MACN;AAAA,MACA,CAAC,OAAO,SAAS,gBAAgB,UAAU;AAAA,IAC7C,EANC;AAAA,IAQD,CAAC,OAAO,SAAS,KAAK;AAAA,MACpB,CAAC,OAAO;AAAA,QACN,mBAAmB;AAAA,QACnB,KAAI;AAAA,MACN;AAAA,MACA,CAAC,OAAO,SAAS,SAAS,KAAK,gBAAgB,UAAU;AAAA,IAC3D,EANC;AAAA,EAOH,EAhBC;AAkBL;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA+B,oBAKzB;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,iDAAC,yBAAO,UAAQ,IAAC,MAAK,OACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,iBAAgB,WAAU;AAAA,OAC7C;AAAA,IAEA,6CAAC,yBAAO,UAAQ,IAAC,MAAK,MACpB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,4CAAC,sBAAO,UAAP,EAAgB,SAAS,KAAK,iBAAgB,WAAU;AAAA,OAC3D;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,5 +1,6 @@
1
1
  import { Drumstick, Hand } from "@tamagui/lucide-icons";
2
2
  import { Button, XStack, YStack } from "tamagui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
3
4
  const outlined = {
4
5
  backgroundColor: "transparent",
5
6
  borderWidth: 2,
@@ -11,30 +12,30 @@ const outlined = {
11
12
  }
12
13
  };
13
14
  function BuildAButtonDemo() {
14
- return <YStack fullscreen ov="hidden"><XStack mah={200} y={-100} x={-40} rotate="-10deg">
15
- <ButtonCol y={35} size="$2" {...outlined} subTheme="alt1" borderWidth={1} />
16
- <ButtonCol y={30} />
17
- <ButtonCol y={-50} {...outlined} />
18
- <ButtonCol {...outlined} icon={<Hand />} />
19
- <ButtonCol size="$6" subTheme="alt2" />
20
- <ButtonCol size="$6" subTheme="alt2" {...outlined} />
21
- <ButtonCol size="$8" subTheme="alt2" iconAfter={<Drumstick />} {...outlined} />
22
- <ButtonCol size="$10" subTheme="alt1" />
23
- <ButtonCol size="$8" subTheme="alt2" {...outlined} borderRadius={0} />
24
- </XStack></YStack>;
15
+ return /* @__PURE__ */ jsx(YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ jsxs(XStack, { mah: 200, y: -100, x: -40, rotate: "-10deg", children: [
16
+ /* @__PURE__ */ jsx(ButtonCol, { y: 35, size: "$2", ...outlined, subTheme: "alt1", borderWidth: 1 }),
17
+ /* @__PURE__ */ jsx(ButtonCol, { y: 30 }),
18
+ /* @__PURE__ */ jsx(ButtonCol, { y: -50, ...outlined }),
19
+ /* @__PURE__ */ jsx(ButtonCol, { ...outlined, icon: /* @__PURE__ */ jsx(Hand, {}) }),
20
+ /* @__PURE__ */ jsx(ButtonCol, { size: "$6", subTheme: "alt2" }),
21
+ /* @__PURE__ */ jsx(ButtonCol, { size: "$6", subTheme: "alt2", ...outlined }),
22
+ /* @__PURE__ */ jsx(ButtonCol, { size: "$8", subTheme: "alt2", iconAfter: /* @__PURE__ */ jsx(Drumstick, {}), ...outlined }),
23
+ /* @__PURE__ */ jsx(ButtonCol, { size: "$10", subTheme: "alt1" }),
24
+ /* @__PURE__ */ jsx(ButtonCol, { size: "$8", subTheme: "alt2", ...outlined, borderRadius: 0 })
25
+ ] }) });
25
26
  }
26
27
  function ButtonCol(props) {
27
28
  const subTheme = props.subTheme ? `_${props.subTheme}` : "";
28
- return <YStack padding="$2" space="$3">
29
- <Button theme={props.subTheme} {...props}>Hello</Button>
30
- <Button theme={"orange" + subTheme} {...props}>Hello</Button>
31
- <Button theme={"yellow" + subTheme} {...props}>Hello</Button>
32
- <Button theme={"green" + subTheme} {...props}>Hello</Button>
33
- <Button theme={"blue" + subTheme} {...props}>Hello</Button>
34
- <Button theme={"purple" + subTheme} {...props}>Hello</Button>
35
- <Button theme={"pink" + subTheme} {...props}>Hello</Button>
36
- <Button theme={"red" + subTheme} {...props}>Hello</Button>
37
- </YStack>;
29
+ return /* @__PURE__ */ jsxs(YStack, { padding: "$2", space: "$3", children: [
30
+ /* @__PURE__ */ jsx(Button, { theme: props.subTheme, ...props, children: "Hello" }),
31
+ /* @__PURE__ */ jsx(Button, { theme: "orange" + subTheme, ...props, children: "Hello" }),
32
+ /* @__PURE__ */ jsx(Button, { theme: "yellow" + subTheme, ...props, children: "Hello" }),
33
+ /* @__PURE__ */ jsx(Button, { theme: "green" + subTheme, ...props, children: "Hello" }),
34
+ /* @__PURE__ */ jsx(Button, { theme: "blue" + subTheme, ...props, children: "Hello" }),
35
+ /* @__PURE__ */ jsx(Button, { theme: "purple" + subTheme, ...props, children: "Hello" }),
36
+ /* @__PURE__ */ jsx(Button, { theme: "pink" + subTheme, ...props, children: "Hello" }),
37
+ /* @__PURE__ */ jsx(Button, { theme: "red" + subTheme, ...props, children: "Hello" })
38
+ ] });
38
39
  }
39
40
  export {
40
41
  BuildAButtonDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/BuildAButtonDemo.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,YAAY;AAChC,SAAS,QAAgC,QAAQ,cAAc;AAE/D,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,CAAC,OAAO,WAAW,GAAG,SACpB,CAAC,OAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,OAAO;AAAA,IACxC,CAAC,UAAU,GAAG,IAAI,KAAK,SAAS,UAAU,SAAS,OAAO,aAAa,GAAG;AAAA,IAC1E,CAAC,UAAU,GAAG,IAAI;AAAA,IAClB,CAAC,UAAU,GAAG,SAAS,UAAU;AAAA,IACjC,CAAC,cAAc,UAAU,MAAM,CAAC,KAAK,IAAI;AAAA,IACzC,CAAC,UAAU,KAAK,KAAK,SAAS,OAAO;AAAA,IACrC,CAAC,UAAU,KAAK,KAAK,SAAS,WAAW,UAAU;AAAA,IACnD,CAAC,UAAU,KAAK,KAAK,SAAS,OAAO,WAAW,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC7E,CAAC,UAAU,KAAK,MAAM,SAAS,OAAO;AAAA,IACtC,CAAC,UAAU,KAAK,KAAK,SAAS,WAAW,UAAU,cAAc,GAAG;AAAA,EACtE,EAVC,OAWH,EAZC;AAcL;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM;AAAA,IACzB,CAAC,OAAO,OAAO,MAAM,cAAc,OAAO,KAE1C,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,UAAU,cAA4B,OAAO,KAE7D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,SAAS,cAA4B,OAAO,KAE5D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,SAAS,cAA4B,OAAO,KAE5D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,QAAQ,cAA4B,OAAO,KAE3D,EAFC;AAAA,EAGH,EAzBC;AA2BL;",
4
+ "mappings": "AAAA,SAAS,WAAW,YAAY;AAChC,SAAS,QAAgC,QAAQ,cAAc;AAiBzD,SACE,KADF;AAfN,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,oBAAC,UAAO,YAAU,IAAC,IAAG,UACpB,+BAAC,UAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,wBAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,oBAAC,aAAU,GAAG,IAAI;AAAA,IAClB,oBAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,oBAAC,aAAW,GAAG,UAAU,MAAM,oBAAC,QAAK,GAAI;AAAA,IACzC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,oBAAC,aAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,oBAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU,cAAc,GAAG;AAAA,KACtE,GACF;AAEJ;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,wBAAC,UAAO,OAAO,MAAM,UAAW,GAAG,OAAO,mBAE1C;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,UAAU,UAAyB,GAAG,OAAO,mBAE7D;AAAA,IACA,oBAAC,UAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,oBAAC,UAAO,OAAQ,QAAQ,UAAyB,GAAG,OAAO,mBAE3D;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,5 +1,24 @@
1
- import { Drumstick, Hand } from "@tamagui/lucide-icons";
2
- import { Button, XStack, YStack } from "tamagui";
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var BuildAButtonDemo_exports = {};
17
+ __export(BuildAButtonDemo_exports, {
18
+ BuildAButtonDemo: () => BuildAButtonDemo
19
+ });
20
+ module.exports = __toCommonJS(BuildAButtonDemo_exports);
21
+ var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
3
22
  const outlined = {
4
23
  backgroundColor: "transparent",
5
24
  borderWidth: 2,
@@ -11,32 +30,33 @@ const outlined = {
11
30
  }
12
31
  };
13
32
  function BuildAButtonDemo() {
14
- return <YStack fullscreen ov="hidden"><XStack mah={200} y={-100} x={-40} rotate="-10deg">
15
- <ButtonCol y={35} size="$2" {...outlined} subTheme="alt1" borderWidth={1} />
16
- <ButtonCol y={30} />
17
- <ButtonCol y={-50} {...outlined} />
18
- <ButtonCol {...outlined} icon={<Hand />} />
19
- <ButtonCol size="$6" subTheme="alt2" />
20
- <ButtonCol size="$6" subTheme="alt2" {...outlined} />
21
- <ButtonCol size="$8" subTheme="alt2" iconAfter={<Drumstick />} {...outlined} />
22
- <ButtonCol size="$10" subTheme="alt1" />
23
- <ButtonCol size="$8" subTheme="alt2" {...outlined} borderRadius={0} />
24
- </XStack></YStack>;
33
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { mah: 200, y: -100, x: -40, rotate: "-10deg", children: [
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { y: 35, size: "$2", ...outlined, subTheme: "alt1", borderWidth: 1 }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { y: 30 }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { y: -50, ...outlined }),
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { ...outlined, icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Hand, {}) }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$6", subTheme: "alt2" }),
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$6", subTheme: "alt2", ...outlined }),
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$8", subTheme: "alt2", iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Drumstick, {}), ...outlined }),
41
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$10", subTheme: "alt1" }),
42
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, { size: "$8", subTheme: "alt2", ...outlined, borderRadius: 0 })
43
+ ] }) });
25
44
  }
26
45
  function ButtonCol(props) {
27
46
  const subTheme = props.subTheme ? `_${props.subTheme}` : "";
28
- return <YStack padding="$2" space="$3">
29
- <Button theme={props.subTheme} {...props}>Hello</Button>
30
- <Button theme={"orange" + subTheme} {...props}>Hello</Button>
31
- <Button theme={"yellow" + subTheme} {...props}>Hello</Button>
32
- <Button theme={"green" + subTheme} {...props}>Hello</Button>
33
- <Button theme={"blue" + subTheme} {...props}>Hello</Button>
34
- <Button theme={"purple" + subTheme} {...props}>Hello</Button>
35
- <Button theme={"pink" + subTheme} {...props}>Hello</Button>
36
- <Button theme={"red" + subTheme} {...props}>Hello</Button>
37
- </YStack>;
47
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$2", space: "$3", children: [
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: props.subTheme, ...props, children: "Hello" }),
49
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "orange" + subTheme, ...props, children: "Hello" }),
50
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "yellow" + subTheme, ...props, children: "Hello" }),
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "green" + subTheme, ...props, children: "Hello" }),
52
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "blue" + subTheme, ...props, children: "Hello" }),
53
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "purple" + subTheme, ...props, children: "Hello" }),
54
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "pink" + subTheme, ...props, children: "Hello" }),
55
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "red" + subTheme, ...props, children: "Hello" })
56
+ ] });
38
57
  }
39
- export {
58
+ // Annotate the CommonJS export names for ESM import in node:
59
+ 0 && (module.exports = {
40
60
  BuildAButtonDemo
41
- };
61
+ });
42
62
  //# sourceMappingURL=BuildAButtonDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/BuildAButtonDemo.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,YAAY;AAChC,SAAS,QAAgC,QAAQ,cAAc;AAE/D,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,CAAC,OAAO,WAAW,GAAG,SACpB,CAAC,OAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,OAAO;AAAA,IACxC,CAAC,UAAU,GAAG,IAAI,KAAK,SAAS,UAAU,SAAS,OAAO,aAAa,GAAG;AAAA,IAC1E,CAAC,UAAU,GAAG,IAAI;AAAA,IAClB,CAAC,UAAU,GAAG,SAAS,UAAU;AAAA,IACjC,CAAC,cAAc,UAAU,MAAM,CAAC,KAAK,IAAI;AAAA,IACzC,CAAC,UAAU,KAAK,KAAK,SAAS,OAAO;AAAA,IACrC,CAAC,UAAU,KAAK,KAAK,SAAS,WAAW,UAAU;AAAA,IACnD,CAAC,UAAU,KAAK,KAAK,SAAS,OAAO,WAAW,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC7E,CAAC,UAAU,KAAK,MAAM,SAAS,OAAO;AAAA,IACtC,CAAC,UAAU,KAAK,KAAK,SAAS,WAAW,UAAU,cAAc,GAAG;AAAA,EACtE,EAVC,OAWH,EAZC;AAcL;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM;AAAA,IACzB,CAAC,OAAO,OAAO,MAAM,cAAc,OAAO,KAE1C,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,UAAU,cAA4B,OAAO,KAE7D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,SAAS,cAA4B,OAAO,KAE5D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,WAAW,cAA4B,OAAO,KAE9D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,SAAS,cAA4B,OAAO,KAE5D,EAFC;AAAA,IAGD,CAAC,OAAO,OAAQ,QAAQ,cAA4B,OAAO,KAE3D,EAFC;AAAA,EAGH,EAzBC;AA2BL;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAChC,iBAA+D,oBAiBzD;AAfN,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,4CAAC,yBAAO,YAAU,IAAC,IAAG,UACpB,uDAAC,yBAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,gDAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,4CAAC,aAAU,GAAG,IAAI;AAAA,IAClB,4CAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,4CAAC,aAAW,GAAG,UAAU,MAAM,4CAAC,4BAAK,GAAI;AAAA,IACzC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,4CAAC,iCAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,4CAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,4CAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU,cAAc,GAAG;AAAA,KACtE,GACF;AAEJ;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,gDAAC,yBAAO,OAAO,MAAM,UAAW,GAAG,OAAO,mBAE1C;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,UAAU,UAAyB,GAAG,OAAO,mBAE7D;AAAA,IACA,4CAAC,yBAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,4CAAC,yBAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,4CAAC,yBAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,4CAAC,yBAAO,OAAQ,QAAQ,UAAyB,GAAG,OAAO,mBAE3D;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }