@tamagui/demos 1.88.1 → 1.88.3

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 (368) 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 +1 -5
  16. package/dist/cjs/DialogDemo.js.map +1 -1
  17. package/dist/cjs/DialogDemo.native.js +1 -1
  18. package/dist/cjs/DialogDemo.native.js.map +1 -1
  19. package/dist/cjs/FormsDemo.js +0 -4
  20. package/dist/cjs/Grid.js +0 -4
  21. package/dist/cjs/GroupDemo.js +0 -4
  22. package/dist/cjs/HeadingsDemo.js +0 -4
  23. package/dist/cjs/ImageDemo.js +0 -4
  24. package/dist/cjs/InputsDemo.js +0 -4
  25. package/dist/cjs/LabelDemo.js +0 -4
  26. package/dist/cjs/LinearGradientDemo.js +0 -4
  27. package/dist/cjs/ListItemDemo.js +0 -4
  28. package/dist/cjs/LucideIconsDemo.js +0 -4
  29. package/dist/cjs/PopoverDemo.js +0 -5
  30. package/dist/cjs/ProgressDemo.js +0 -4
  31. package/dist/cjs/RadioGroupDemo.js +0 -5
  32. package/dist/cjs/ReplaceThemeDemo.js +0 -4
  33. package/dist/cjs/ScrollViewDemo.js +0 -4
  34. package/dist/cjs/SelectDemo.js +0 -5
  35. package/dist/cjs/SeparatorDemo.js +0 -4
  36. package/dist/cjs/ShapesDemo.js +0 -4
  37. package/dist/cjs/SheetDemo.js +1 -8
  38. package/dist/cjs/SheetDemo.js.map +1 -1
  39. package/dist/cjs/SliderDemo.js +0 -4
  40. package/dist/cjs/SpinnerDemo.js +0 -4
  41. package/dist/cjs/StacksDemo.js +0 -4
  42. package/dist/cjs/SwitchDemo.js +0 -5
  43. package/dist/cjs/TabsAdvancedDemo.js +0 -4
  44. package/dist/cjs/TabsDemo.js +0 -4
  45. package/dist/cjs/TextDemo.js +0 -4
  46. package/dist/cjs/ThemeBuilderDemo.js +0 -4
  47. package/dist/cjs/ThemeInverseDemo.js +0 -4
  48. package/dist/cjs/ToastDemo.js +0 -4
  49. package/dist/cjs/ToastDuplicateDemo.js +0 -4
  50. package/dist/cjs/ToggleGroupDemo.js +0 -4
  51. package/dist/cjs/TokensDemo.js +26 -33
  52. package/dist/cjs/TokensDemo.js.map +1 -1
  53. package/dist/cjs/TooltipDemo.js +0 -4
  54. package/dist/cjs/UpdateThemeDemo.js +0 -4
  55. package/dist/cjs/index.js +0 -52
  56. package/dist/cjs/tamagui.config.js +0 -4
  57. package/dist/cjs/useOnIntersecting.js +4 -9
  58. package/dist/cjs/useOnIntersecting.js.map +1 -1
  59. package/dist/esm/AccordionDemo.native.js +35 -16
  60. package/dist/esm/AccordionDemo.native.js.map +1 -1
  61. package/dist/esm/AddThemeDemo.native.js +31 -13
  62. package/dist/esm/AddThemeDemo.native.js.map +1 -1
  63. package/dist/esm/AlertDialogDemo.native.js +37 -17
  64. package/dist/esm/AlertDialogDemo.native.js.map +1 -1
  65. package/dist/esm/AnimationsDemo.native.js +34 -15
  66. package/dist/esm/AnimationsDemo.native.js.map +1 -1
  67. package/dist/esm/AnimationsEnterDemo.native.js +31 -14
  68. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
  69. package/dist/esm/AnimationsHoverDemo.native.js +27 -8
  70. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
  71. package/dist/esm/AnimationsPresenceDemo.native.js +44 -21
  72. package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
  73. package/dist/esm/AnimationsTimingDemo.native.js +27 -8
  74. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
  75. package/dist/esm/AvatarDemo.native.js +33 -13
  76. package/dist/esm/AvatarDemo.native.js.map +1 -1
  77. package/dist/esm/BuildAButtonDemo.native.js +43 -24
  78. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  79. package/dist/esm/ButtonDemo.native.js +36 -17
  80. package/dist/esm/ButtonDemo.native.js.map +1 -1
  81. package/dist/esm/CardDemo.native.js +37 -16
  82. package/dist/esm/CardDemo.native.js.map +1 -1
  83. package/dist/esm/CheckboxDemo.native.js +32 -12
  84. package/dist/esm/CheckboxDemo.native.js.map +2 -2
  85. package/dist/esm/ColorsDemo.native.js +40 -29
  86. package/dist/esm/ColorsDemo.native.js.map +1 -1
  87. package/dist/esm/DialogDemo.js +1 -1
  88. package/dist/esm/DialogDemo.js.map +1 -1
  89. package/dist/esm/DialogDemo.native.js +52 -47
  90. package/dist/esm/DialogDemo.native.js.map +1 -1
  91. package/dist/esm/FormsDemo.native.js +30 -11
  92. package/dist/esm/FormsDemo.native.js.map +1 -1
  93. package/dist/esm/Grid.native.js +37 -11
  94. package/dist/esm/Grid.native.js.map +2 -2
  95. package/dist/esm/GroupDemo.native.js +36 -17
  96. package/dist/esm/GroupDemo.native.js.map +1 -1
  97. package/dist/esm/HeadingsDemo.native.js +31 -11
  98. package/dist/esm/HeadingsDemo.native.js.map +1 -1
  99. package/dist/esm/ImageDemo.native.js +26 -6
  100. package/dist/esm/ImageDemo.native.js.map +1 -1
  101. package/dist/esm/InputsDemo.native.js +33 -13
  102. package/dist/esm/InputsDemo.native.js.map +1 -1
  103. package/dist/esm/LabelDemo.native.js +31 -11
  104. package/dist/esm/LabelDemo.native.js.map +1 -1
  105. package/dist/esm/LinearGradientDemo.native.js +29 -10
  106. package/dist/esm/LinearGradientDemo.native.js.map +1 -1
  107. package/dist/esm/ListItemDemo.native.js +41 -22
  108. package/dist/esm/ListItemDemo.native.js.map +1 -1
  109. package/dist/esm/LucideIconsDemo.native.js +42 -18
  110. package/dist/esm/LucideIconsDemo.native.js.map +1 -1
  111. package/dist/esm/PopoverDemo.native.js +45 -33
  112. package/dist/esm/PopoverDemo.native.js.map +1 -1
  113. package/dist/esm/ProgressDemo.native.js +37 -18
  114. package/dist/esm/ProgressDemo.native.js.map +1 -1
  115. package/dist/esm/RadioGroupDemo.native.js +32 -11
  116. package/dist/esm/RadioGroupDemo.native.js.map +1 -1
  117. package/dist/esm/ReplaceThemeDemo.native.js +32 -22
  118. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
  119. package/dist/esm/ScrollViewDemo.native.js +35 -15
  120. package/dist/esm/ScrollViewDemo.native.js.map +1 -1
  121. package/dist/esm/SelectDemo.native.js +66 -56
  122. package/dist/esm/SelectDemo.native.js.map +1 -1
  123. package/dist/esm/SeparatorDemo.native.js +34 -14
  124. package/dist/esm/SeparatorDemo.native.js.map +1 -1
  125. package/dist/esm/ShapesDemo.native.js +27 -7
  126. package/dist/esm/ShapesDemo.native.js.map +1 -1
  127. package/dist/esm/SheetDemo.native.js +60 -40
  128. package/dist/esm/SheetDemo.native.js.map +1 -1
  129. package/dist/esm/SliderDemo.native.js +30 -10
  130. package/dist/esm/SliderDemo.native.js.map +1 -1
  131. package/dist/esm/SpinnerDemo.native.js +27 -7
  132. package/dist/esm/SpinnerDemo.native.js.map +1 -1
  133. package/dist/esm/StacksDemo.native.js +42 -22
  134. package/dist/esm/StacksDemo.native.js.map +1 -1
  135. package/dist/esm/SwitchDemo.native.js +43 -22
  136. package/dist/esm/SwitchDemo.native.js.map +1 -1
  137. package/dist/esm/TabsAdvancedDemo.native.js +67 -57
  138. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  139. package/dist/esm/TabsDemo.native.js +77 -67
  140. package/dist/esm/TabsDemo.native.js.map +1 -1
  141. package/dist/esm/TextDemo.native.js +30 -10
  142. package/dist/esm/TextDemo.native.js.map +1 -1
  143. package/dist/esm/ThemeBuilderDemo.native.js +65 -45
  144. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
  145. package/dist/esm/ThemeInverseDemo.native.js +35 -15
  146. package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
  147. package/dist/esm/ToastDemo.native.js +56 -30
  148. package/dist/esm/ToastDemo.native.js.map +2 -2
  149. package/dist/esm/ToastDuplicateDemo.native.js +43 -18
  150. package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
  151. package/dist/esm/ToggleGroupDemo.native.js +39 -20
  152. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  153. package/dist/esm/TokensDemo.native.js +62 -41
  154. package/dist/esm/TokensDemo.native.js.map +1 -1
  155. package/dist/esm/TooltipDemo.native.js +43 -37
  156. package/dist/esm/TooltipDemo.native.js.map +1 -1
  157. package/dist/esm/UpdateThemeDemo.native.js +41 -25
  158. package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
  159. package/dist/esm/index.native.js +115 -49
  160. package/dist/esm/index.native.js.map +1 -1
  161. package/dist/esm/tamagui.config.native.js +25 -6
  162. package/dist/esm/tamagui.config.native.js.map +2 -2
  163. package/dist/esm/useOnIntersecting.native.js +33 -12
  164. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  165. package/dist/jsx/AccordionDemo.js +17 -16
  166. package/dist/jsx/AccordionDemo.js.map +1 -1
  167. package/dist/jsx/AccordionDemo.native.js +40 -20
  168. package/dist/jsx/AccordionDemo.native.js.map +1 -1
  169. package/dist/jsx/AddThemeDemo.js +25 -20
  170. package/dist/jsx/AddThemeDemo.js.map +1 -1
  171. package/dist/jsx/AddThemeDemo.native.js +49 -26
  172. package/dist/jsx/AddThemeDemo.native.js.map +1 -1
  173. package/dist/jsx/AlertDialogDemo.js +45 -37
  174. package/dist/jsx/AlertDialogDemo.js.map +1 -1
  175. package/dist/jsx/AlertDialogDemo.native.js +68 -40
  176. package/dist/jsx/AlertDialogDemo.native.js.map +1 -1
  177. package/dist/jsx/AnimationsDemo.js +37 -29
  178. package/dist/jsx/AnimationsDemo.js.map +1 -1
  179. package/dist/jsx/AnimationsDemo.native.js +63 -36
  180. package/dist/jsx/AnimationsDemo.native.js.map +1 -1
  181. package/dist/jsx/AnimationsEnterDemo.js +24 -19
  182. package/dist/jsx/AnimationsEnterDemo.js.map +1 -1
  183. package/dist/jsx/AnimationsEnterDemo.native.js +48 -26
  184. package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
  185. package/dist/jsx/AnimationsHoverDemo.js +19 -14
  186. package/dist/jsx/AnimationsHoverDemo.js.map +1 -1
  187. package/dist/jsx/AnimationsHoverDemo.native.js +42 -18
  188. package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
  189. package/dist/jsx/AnimationsPresenceDemo.js +43 -32
  190. package/dist/jsx/AnimationsPresenceDemo.js.map +1 -1
  191. package/dist/jsx/AnimationsPresenceDemo.native.js +77 -43
  192. package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
  193. package/dist/jsx/AnimationsTimingDemo.js +18 -13
  194. package/dist/jsx/AnimationsTimingDemo.js.map +1 -1
  195. package/dist/jsx/AnimationsTimingDemo.native.js +41 -17
  196. package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
  197. package/dist/jsx/AvatarDemo.js +23 -16
  198. package/dist/jsx/AvatarDemo.js.map +1 -1
  199. package/dist/jsx/AvatarDemo.native.js +46 -19
  200. package/dist/jsx/AvatarDemo.native.js.map +1 -1
  201. package/dist/jsx/BuildAButtonDemo.js +22 -21
  202. package/dist/jsx/BuildAButtonDemo.js.map +1 -1
  203. package/dist/jsx/BuildAButtonDemo.native.js +45 -25
  204. package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
  205. package/dist/jsx/ButtonDemo.js +17 -16
  206. package/dist/jsx/ButtonDemo.js.map +1 -1
  207. package/dist/jsx/ButtonDemo.native.js +40 -20
  208. package/dist/jsx/ButtonDemo.native.js.map +1 -1
  209. package/dist/jsx/CardDemo.js +38 -31
  210. package/dist/jsx/CardDemo.js.map +1 -1
  211. package/dist/jsx/CardDemo.native.js +62 -34
  212. package/dist/jsx/CardDemo.native.js.map +1 -1
  213. package/dist/jsx/CheckboxDemo.js +10 -9
  214. package/dist/jsx/CheckboxDemo.js.map +1 -1
  215. package/dist/jsx/CheckboxDemo.native.js +34 -13
  216. package/dist/jsx/CheckboxDemo.native.js.map +2 -2
  217. package/dist/jsx/ColorsDemo.js +64 -52
  218. package/dist/jsx/ColorsDemo.js.map +1 -1
  219. package/dist/jsx/ColorsDemo.native.js +88 -65
  220. package/dist/jsx/ColorsDemo.native.js.map +1 -1
  221. package/dist/jsx/DialogDemo.js +83 -65
  222. package/dist/jsx/DialogDemo.js.map +1 -1
  223. package/dist/jsx/DialogDemo.native.js +107 -84
  224. package/dist/jsx/DialogDemo.native.js.map +1 -1
  225. package/dist/jsx/FormsDemo.js +19 -14
  226. package/dist/jsx/FormsDemo.js.map +1 -1
  227. package/dist/jsx/FormsDemo.native.js +44 -20
  228. package/dist/jsx/FormsDemo.native.js.map +1 -1
  229. package/dist/jsx/Grid.js +26 -17
  230. package/dist/jsx/Grid.js.map +1 -1
  231. package/dist/jsx/Grid.native.js +59 -24
  232. package/dist/jsx/Grid.native.js.map +2 -2
  233. package/dist/jsx/GroupDemo.js +17 -22
  234. package/dist/jsx/GroupDemo.js.map +1 -1
  235. package/dist/jsx/GroupDemo.native.js +40 -26
  236. package/dist/jsx/GroupDemo.native.js.map +1 -1
  237. package/dist/jsx/HeadingsDemo.js +9 -8
  238. package/dist/jsx/HeadingsDemo.js.map +1 -1
  239. package/dist/jsx/HeadingsDemo.native.js +32 -11
  240. package/dist/jsx/HeadingsDemo.native.js.map +1 -1
  241. package/dist/jsx/ImageDemo.js +11 -7
  242. package/dist/jsx/ImageDemo.js.map +1 -1
  243. package/dist/jsx/ImageDemo.native.js +34 -10
  244. package/dist/jsx/ImageDemo.native.js.map +1 -1
  245. package/dist/jsx/InputsDemo.js +22 -17
  246. package/dist/jsx/InputsDemo.js.map +1 -1
  247. package/dist/jsx/InputsDemo.native.js +45 -20
  248. package/dist/jsx/InputsDemo.native.js.map +1 -1
  249. package/dist/jsx/LabelDemo.js +11 -10
  250. package/dist/jsx/LabelDemo.js.map +1 -1
  251. package/dist/jsx/LabelDemo.native.js +34 -13
  252. package/dist/jsx/LabelDemo.native.js.map +1 -1
  253. package/dist/jsx/LinearGradientDemo.js +25 -24
  254. package/dist/jsx/LinearGradientDemo.js.map +1 -1
  255. package/dist/jsx/LinearGradientDemo.native.js +48 -28
  256. package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
  257. package/dist/jsx/ListItemDemo.js +35 -28
  258. package/dist/jsx/ListItemDemo.js.map +1 -1
  259. package/dist/jsx/ListItemDemo.native.js +58 -32
  260. package/dist/jsx/ListItemDemo.native.js.map +1 -1
  261. package/dist/jsx/LucideIconsDemo.js +31 -22
  262. package/dist/jsx/LucideIconsDemo.js.map +1 -1
  263. package/dist/jsx/LucideIconsDemo.native.js +63 -30
  264. package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
  265. package/dist/jsx/PopoverDemo.js +55 -43
  266. package/dist/jsx/PopoverDemo.js.map +1 -1
  267. package/dist/jsx/PopoverDemo.native.js +79 -55
  268. package/dist/jsx/PopoverDemo.native.js.map +1 -1
  269. package/dist/jsx/ProgressDemo.js +42 -33
  270. package/dist/jsx/ProgressDemo.js.map +1 -1
  271. package/dist/jsx/ProgressDemo.native.js +67 -39
  272. package/dist/jsx/ProgressDemo.native.js.map +1 -1
  273. package/dist/jsx/RadioGroupDemo.js +10 -9
  274. package/dist/jsx/RadioGroupDemo.js.map +1 -1
  275. package/dist/jsx/RadioGroupDemo.native.js +34 -12
  276. package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
  277. package/dist/jsx/ReplaceThemeDemo.js +18 -13
  278. package/dist/jsx/ReplaceThemeDemo.js.map +1 -1
  279. package/dist/jsx/ReplaceThemeDemo.native.js +44 -29
  280. package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
  281. package/dist/jsx/ScrollViewDemo.js +21 -16
  282. package/dist/jsx/ScrollViewDemo.js.map +1 -1
  283. package/dist/jsx/ScrollViewDemo.native.js +44 -19
  284. package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
  285. package/dist/jsx/SelectDemo.js +140 -105
  286. package/dist/jsx/SelectDemo.js.map +1 -1
  287. package/dist/jsx/SelectDemo.native.js +165 -120
  288. package/dist/jsx/SelectDemo.native.js.map +1 -1
  289. package/dist/jsx/SeparatorDemo.js +13 -12
  290. package/dist/jsx/SeparatorDemo.js.map +1 -1
  291. package/dist/jsx/SeparatorDemo.native.js +36 -15
  292. package/dist/jsx/SeparatorDemo.native.js.map +1 -1
  293. package/dist/jsx/ShapesDemo.js +5 -4
  294. package/dist/jsx/ShapesDemo.js.map +1 -1
  295. package/dist/jsx/ShapesDemo.native.js +28 -7
  296. package/dist/jsx/ShapesDemo.native.js.map +1 -1
  297. package/dist/jsx/SheetDemo.js +87 -66
  298. package/dist/jsx/SheetDemo.js.map +1 -1
  299. package/dist/jsx/SheetDemo.native.js +114 -76
  300. package/dist/jsx/SheetDemo.native.js.map +1 -1
  301. package/dist/jsx/SliderDemo.js +10 -9
  302. package/dist/jsx/SliderDemo.js.map +1 -1
  303. package/dist/jsx/SliderDemo.native.js +33 -12
  304. package/dist/jsx/SliderDemo.native.js.map +1 -1
  305. package/dist/jsx/SpinnerDemo.js +5 -4
  306. package/dist/jsx/SpinnerDemo.js.map +1 -1
  307. package/dist/jsx/SpinnerDemo.native.js +28 -7
  308. package/dist/jsx/SpinnerDemo.native.js.map +1 -1
  309. package/dist/jsx/StacksDemo.js +71 -53
  310. package/dist/jsx/StacksDemo.js.map +1 -1
  311. package/dist/jsx/StacksDemo.native.js +94 -56
  312. package/dist/jsx/StacksDemo.native.js.map +1 -1
  313. package/dist/jsx/SwitchDemo.js +34 -29
  314. package/dist/jsx/SwitchDemo.js.map +1 -1
  315. package/dist/jsx/SwitchDemo.native.js +58 -32
  316. package/dist/jsx/SwitchDemo.native.js.map +1 -1
  317. package/dist/jsx/TabsAdvancedDemo.js +194 -138
  318. package/dist/jsx/TabsAdvancedDemo.js.map +1 -1
  319. package/dist/jsx/TabsAdvancedDemo.native.js +220 -154
  320. package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
  321. package/dist/jsx/TabsDemo.js +106 -77
  322. package/dist/jsx/TabsDemo.js.map +1 -1
  323. package/dist/jsx/TabsDemo.native.js +131 -92
  324. package/dist/jsx/TabsDemo.native.js.map +1 -1
  325. package/dist/jsx/TextDemo.js +9 -8
  326. package/dist/jsx/TextDemo.js.map +1 -1
  327. package/dist/jsx/TextDemo.native.js +32 -11
  328. package/dist/jsx/TextDemo.native.js.map +1 -1
  329. package/dist/jsx/ThemeBuilderDemo.js +124 -93
  330. package/dist/jsx/ThemeBuilderDemo.js.map +1 -1
  331. package/dist/jsx/ThemeBuilderDemo.native.js +147 -96
  332. package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
  333. package/dist/jsx/ThemeInverseDemo.js +31 -23
  334. package/dist/jsx/ThemeInverseDemo.js.map +1 -1
  335. package/dist/jsx/ThemeInverseDemo.native.js +55 -27
  336. package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
  337. package/dist/jsx/ToastDemo.js +74 -54
  338. package/dist/jsx/ToastDemo.js.map +1 -1
  339. package/dist/jsx/ToastDemo.native.js +108 -62
  340. package/dist/jsx/ToastDemo.native.js.map +2 -2
  341. package/dist/jsx/ToastDuplicateDemo.js +33 -24
  342. package/dist/jsx/ToastDuplicateDemo.js.map +1 -1
  343. package/dist/jsx/ToastDuplicateDemo.native.js +65 -31
  344. package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
  345. package/dist/jsx/ToggleGroupDemo.js +38 -29
  346. package/dist/jsx/ToggleGroupDemo.js.map +1 -1
  347. package/dist/jsx/ToggleGroupDemo.native.js +61 -33
  348. package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
  349. package/dist/jsx/TokensDemo.js +46 -38
  350. package/dist/jsx/TokensDemo.js.map +1 -1
  351. package/dist/jsx/TokensDemo.native.js +71 -45
  352. package/dist/jsx/TokensDemo.native.js.map +1 -1
  353. package/dist/jsx/TooltipDemo.js +43 -38
  354. package/dist/jsx/TooltipDemo.js.map +1 -1
  355. package/dist/jsx/TooltipDemo.native.js +66 -55
  356. package/dist/jsx/TooltipDemo.native.js.map +1 -1
  357. package/dist/jsx/UpdateThemeDemo.js +21 -16
  358. package/dist/jsx/UpdateThemeDemo.js.map +1 -1
  359. package/dist/jsx/UpdateThemeDemo.native.js +55 -34
  360. package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
  361. package/dist/jsx/index.native.js +115 -49
  362. package/dist/jsx/index.native.js.map +1 -1
  363. package/dist/jsx/tamagui.config.native.js +25 -6
  364. package/dist/jsx/tamagui.config.native.js.map +2 -2
  365. package/dist/jsx/useOnIntersecting.native.js +29 -8
  366. package/dist/jsx/useOnIntersecting.native.js.map +1 -1
  367. package/package.json +18 -18
  368. package/src/DialogDemo.tsx +1 -1
@@ -9,6 +9,7 @@ import {
9
9
  YStack,
10
10
  isWeb
11
11
  } from "tamagui";
12
+ import { jsx, jsxs } from "react/jsx-runtime";
12
13
  const demos = ["horizontal", "vertical"], demosTitle = {
13
14
  horizontal: "Horizontal",
14
15
  vertical: "Vertical"
@@ -17,85 +18,113 @@ function TabsDemo() {
17
18
  const [demoIndex, setDemoIndex] = useState(0), demo = demos[demoIndex];
18
19
  return (
19
20
  // web only fix for position relative
20
- <YStack
21
- paddingHorizontal="$4"
22
- {...isWeb && {
23
- position: "unset"
24
- }}
25
- >
26
- {demo === "horizontal" ? <HorizontalTabs /> : <VerticalTabs />}
27
- <XStack
28
- alignItems="center"
29
- space
30
- position="absolute"
31
- bottom="$3"
32
- left="$4"
33
- $xxs={{ display: "none" }}
34
- ><Button size="$2" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>{demosTitle[demo]}</Button></XStack>
35
- </YStack>
21
+ /* @__PURE__ */ jsxs(
22
+ YStack,
23
+ {
24
+ paddingHorizontal: "$4",
25
+ ...isWeb && {
26
+ position: "unset"
27
+ },
28
+ children: [
29
+ demo === "horizontal" ? /* @__PURE__ */ jsx(HorizontalTabs, {}) : /* @__PURE__ */ jsx(VerticalTabs, {}),
30
+ /* @__PURE__ */ jsx(
31
+ XStack,
32
+ {
33
+ alignItems: "center",
34
+ space: !0,
35
+ position: "absolute",
36
+ bottom: "$3",
37
+ left: "$4",
38
+ $xxs: { display: "none" },
39
+ children: /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
40
+ }
41
+ )
42
+ ]
43
+ }
44
+ )
36
45
  );
37
46
  }
38
- const HorizontalTabs = () => <Tabs
39
- defaultValue="tab1"
40
- orientation="horizontal"
41
- flexDirection="column"
42
- width={400}
43
- height={150}
44
- borderRadius="$4"
45
- borderWidth="$0.25"
46
- overflow="hidden"
47
- borderColor="$borderColor"
48
- >
49
- <Tabs.List
50
- separator={<Separator vertical />}
51
- disablePassBorderRadius="bottom"
52
- aria-label="Manage your account"
53
- >
54
- <Tabs.Tab flex={1} value="tab1"><SizableText fontFamily="$body">Profile</SizableText></Tabs.Tab>
55
- <Tabs.Tab flex={1} value="tab2"><SizableText fontFamily="$body">Connections</SizableText></Tabs.Tab>
56
- <Tabs.Tab flex={1} value="tab3"><SizableText fontFamily="$body">Notifications</SizableText></Tabs.Tab>
57
- </Tabs.List>
58
- <Separator />
59
- <TabsContent value="tab1"><H5>Profile</H5></TabsContent>
60
- <TabsContent value="tab2"><H5>Connections</H5></TabsContent>
61
- <TabsContent value="tab3"><H5>Notifications</H5></TabsContent>
62
- </Tabs>, VerticalTabs = () => <Tabs
63
- defaultValue="tab1"
64
- flexDirection="row"
65
- orientation="vertical"
66
- width={400}
67
- borderRadius="$4"
68
- borderWidth="$0.25"
69
- overflow="hidden"
70
- borderColor="$borderColor"
71
- >
72
- <Tabs.List
73
- disablePassBorderRadius="end"
74
- aria-label="Manage your account"
75
- separator={<Separator />}
76
- >
77
- <Tabs.Tab value="tab1"><SizableText>Profile</SizableText></Tabs.Tab>
78
- <Tabs.Tab value="tab2"><SizableText>Connections</SizableText></Tabs.Tab>
79
- <Tabs.Tab value="tab3"><SizableText>Notifications</SizableText></Tabs.Tab>
80
- </Tabs.List>
81
- <Separator vertical />
82
- <TabsContent value="tab1"><H5 textAlign="center">Profile</H5></TabsContent>
83
- <TabsContent value="tab2"><H5 textAlign="center">Connections</H5></TabsContent>
84
- <TabsContent value="tab3"><H5 textAlign="center">Notifications</H5></TabsContent>
85
- </Tabs>, TabsContent = (props) => <Tabs.Content
86
- backgroundColor="$background"
87
- key="tab3"
88
- padding="$2"
89
- alignItems="center"
90
- justifyContent="center"
91
- flex={1}
92
- borderColor="$background"
93
- borderRadius="$2"
94
- borderTopLeftRadius={0}
95
- borderTopRightRadius={0}
96
- borderWidth="$2"
97
- {...props}
98
- >{props.children}</Tabs.Content>;
47
+ const HorizontalTabs = () => /* @__PURE__ */ jsxs(
48
+ Tabs,
49
+ {
50
+ defaultValue: "tab1",
51
+ orientation: "horizontal",
52
+ flexDirection: "column",
53
+ width: 400,
54
+ height: 150,
55
+ borderRadius: "$4",
56
+ borderWidth: "$0.25",
57
+ overflow: "hidden",
58
+ borderColor: "$borderColor",
59
+ children: [
60
+ /* @__PURE__ */ jsxs(
61
+ Tabs.List,
62
+ {
63
+ separator: /* @__PURE__ */ jsx(Separator, { vertical: !0 }),
64
+ disablePassBorderRadius: "bottom",
65
+ "aria-label": "Manage your account",
66
+ children: [
67
+ /* @__PURE__ */ jsx(Tabs.Tab, { flex: 1, value: "tab1", children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", children: "Profile" }) }),
68
+ /* @__PURE__ */ jsx(Tabs.Tab, { flex: 1, value: "tab2", children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", children: "Connections" }) }),
69
+ /* @__PURE__ */ jsx(Tabs.Tab, { flex: 1, value: "tab3", children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", children: "Notifications" }) })
70
+ ]
71
+ }
72
+ ),
73
+ /* @__PURE__ */ jsx(Separator, {}),
74
+ /* @__PURE__ */ jsx(TabsContent, { value: "tab1", children: /* @__PURE__ */ jsx(H5, { children: "Profile" }) }),
75
+ /* @__PURE__ */ jsx(TabsContent, { value: "tab2", children: /* @__PURE__ */ jsx(H5, { children: "Connections" }) }),
76
+ /* @__PURE__ */ jsx(TabsContent, { value: "tab3", children: /* @__PURE__ */ jsx(H5, { children: "Notifications" }) })
77
+ ]
78
+ }
79
+ ), VerticalTabs = () => /* @__PURE__ */ jsxs(
80
+ Tabs,
81
+ {
82
+ defaultValue: "tab1",
83
+ flexDirection: "row",
84
+ orientation: "vertical",
85
+ width: 400,
86
+ borderRadius: "$4",
87
+ borderWidth: "$0.25",
88
+ overflow: "hidden",
89
+ borderColor: "$borderColor",
90
+ children: [
91
+ /* @__PURE__ */ jsxs(
92
+ Tabs.List,
93
+ {
94
+ disablePassBorderRadius: "end",
95
+ "aria-label": "Manage your account",
96
+ separator: /* @__PURE__ */ jsx(Separator, {}),
97
+ children: [
98
+ /* @__PURE__ */ jsx(Tabs.Tab, { value: "tab1", children: /* @__PURE__ */ jsx(SizableText, { children: "Profile" }) }),
99
+ /* @__PURE__ */ jsx(Tabs.Tab, { value: "tab2", children: /* @__PURE__ */ jsx(SizableText, { children: "Connections" }) }),
100
+ /* @__PURE__ */ jsx(Tabs.Tab, { value: "tab3", children: /* @__PURE__ */ jsx(SizableText, { children: "Notifications" }) })
101
+ ]
102
+ }
103
+ ),
104
+ /* @__PURE__ */ jsx(Separator, { vertical: !0 }),
105
+ /* @__PURE__ */ jsx(TabsContent, { value: "tab1", children: /* @__PURE__ */ jsx(H5, { textAlign: "center", children: "Profile" }) }),
106
+ /* @__PURE__ */ jsx(TabsContent, { value: "tab2", children: /* @__PURE__ */ jsx(H5, { textAlign: "center", children: "Connections" }) }),
107
+ /* @__PURE__ */ jsx(TabsContent, { value: "tab3", children: /* @__PURE__ */ jsx(H5, { textAlign: "center", children: "Notifications" }) })
108
+ ]
109
+ }
110
+ ), TabsContent = (props) => /* @__PURE__ */ jsx(
111
+ Tabs.Content,
112
+ {
113
+ backgroundColor: "$background",
114
+ padding: "$2",
115
+ alignItems: "center",
116
+ justifyContent: "center",
117
+ flex: 1,
118
+ borderColor: "$background",
119
+ borderRadius: "$2",
120
+ borderTopLeftRadius: 0,
121
+ borderTopRightRadius: 0,
122
+ borderWidth: "$2",
123
+ ...props,
124
+ children: props.children
125
+ },
126
+ "tab3"
127
+ );
99
128
  export {
100
129
  TabsDemo
101
130
  };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TabsDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -1,102 +1,141 @@
1
- import { useState } from "react";
2
- import {
3
- Button,
4
- H5,
5
- Separator,
6
- SizableText,
7
- Tabs,
8
- XStack,
9
- YStack,
10
- isWeb
11
- } 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 TabsDemo_exports = {};
17
+ __export(TabsDemo_exports, {
18
+ TabsDemo: () => TabsDemo
19
+ });
20
+ module.exports = __toCommonJS(TabsDemo_exports);
21
+ var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = (
22
+ // web only fix for position relative
23
+ require("react/jsx-runtime")
24
+ );
12
25
  const demos = ["horizontal", "vertical"], demosTitle = {
13
26
  horizontal: "Horizontal",
14
27
  vertical: "Vertical"
15
28
  };
16
29
  function TabsDemo() {
17
- const [demoIndex, setDemoIndex] = useState(0), demo = demos[demoIndex];
18
- return (
19
- // web only fix for position relative
20
- <YStack
21
- paddingHorizontal="$4"
22
- {...isWeb && {
30
+ const [demoIndex, setDemoIndex] = (0, import_react.useState)(0), demo = demos[demoIndex];
31
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
32
+ import_tamagui.YStack,
33
+ {
34
+ paddingHorizontal: "$4",
35
+ ...import_tamagui.isWeb && {
23
36
  position: "unset"
24
- }}
25
- >
26
- {demo === "horizontal" ? <HorizontalTabs /> : <VerticalTabs />}
27
- <XStack
28
- alignItems="center"
29
- space
30
- position="absolute"
31
- bottom="$3"
32
- left="$4"
33
- $xxs={{ display: "none" }}
34
- ><Button size="$2" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>{demosTitle[demo]}</Button></XStack>
35
- </YStack>
37
+ },
38
+ children: [
39
+ demo === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VerticalTabs, {}),
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
41
+ import_tamagui.XStack,
42
+ {
43
+ alignItems: "center",
44
+ space: !0,
45
+ position: "absolute",
46
+ bottom: "$3",
47
+ left: "$4",
48
+ $xxs: { display: "none" },
49
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
50
+ }
51
+ )
52
+ ]
53
+ }
36
54
  );
37
55
  }
38
- const HorizontalTabs = () => <Tabs
39
- defaultValue="tab1"
40
- orientation="horizontal"
41
- flexDirection="column"
42
- width={400}
43
- height={150}
44
- borderRadius="$4"
45
- borderWidth="$0.25"
46
- overflow="hidden"
47
- borderColor="$borderColor"
48
- >
49
- <Tabs.List
50
- separator={<Separator vertical />}
51
- disablePassBorderRadius="bottom"
52
- aria-label="Manage your account"
53
- >
54
- <Tabs.Tab flex={1} value="tab1"><SizableText fontFamily="$body">Profile</SizableText></Tabs.Tab>
55
- <Tabs.Tab flex={1} value="tab2"><SizableText fontFamily="$body">Connections</SizableText></Tabs.Tab>
56
- <Tabs.Tab flex={1} value="tab3"><SizableText fontFamily="$body">Notifications</SizableText></Tabs.Tab>
57
- </Tabs.List>
58
- <Separator />
59
- <TabsContent value="tab1"><H5>Profile</H5></TabsContent>
60
- <TabsContent value="tab2"><H5>Connections</H5></TabsContent>
61
- <TabsContent value="tab3"><H5>Notifications</H5></TabsContent>
62
- </Tabs>, VerticalTabs = () => <Tabs
63
- defaultValue="tab1"
64
- flexDirection="row"
65
- orientation="vertical"
66
- width={400}
67
- borderRadius="$4"
68
- borderWidth="$0.25"
69
- overflow="hidden"
70
- borderColor="$borderColor"
71
- >
72
- <Tabs.List
73
- disablePassBorderRadius="end"
74
- aria-label="Manage your account"
75
- separator={<Separator />}
76
- >
77
- <Tabs.Tab value="tab1"><SizableText>Profile</SizableText></Tabs.Tab>
78
- <Tabs.Tab value="tab2"><SizableText>Connections</SizableText></Tabs.Tab>
79
- <Tabs.Tab value="tab3"><SizableText>Notifications</SizableText></Tabs.Tab>
80
- </Tabs.List>
81
- <Separator vertical />
82
- <TabsContent value="tab1"><H5 textAlign="center">Profile</H5></TabsContent>
83
- <TabsContent value="tab2"><H5 textAlign="center">Connections</H5></TabsContent>
84
- <TabsContent value="tab3"><H5 textAlign="center">Notifications</H5></TabsContent>
85
- </Tabs>, TabsContent = (props) => <Tabs.Content
86
- backgroundColor="$background"
87
- key="tab3"
88
- padding="$2"
89
- alignItems="center"
90
- justifyContent="center"
91
- flex={1}
92
- borderColor="$background"
93
- borderRadius="$2"
94
- borderTopLeftRadius={0}
95
- borderTopRightRadius={0}
96
- borderWidth="$2"
97
- {...props}
98
- >{props.children}</Tabs.Content>;
99
- export {
56
+ const HorizontalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
57
+ import_tamagui.Tabs,
58
+ {
59
+ defaultValue: "tab1",
60
+ orientation: "horizontal",
61
+ flexDirection: "column",
62
+ width: 400,
63
+ height: 150,
64
+ borderRadius: "$4",
65
+ borderWidth: "$0.25",
66
+ overflow: "hidden",
67
+ borderColor: "$borderColor",
68
+ children: [
69
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
70
+ import_tamagui.Tabs.List,
71
+ {
72
+ separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
73
+ disablePassBorderRadius: "bottom",
74
+ "aria-label": "Manage your account",
75
+ children: [
76
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Profile" }) }),
77
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Connections" }) }),
78
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { flex: 1, value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", children: "Notifications" }) })
79
+ ]
80
+ }
81
+ ),
82
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Profile" }) }),
84
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Connections" }) }),
85
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Notifications" }) })
86
+ ]
87
+ }
88
+ ), VerticalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
89
+ import_tamagui.Tabs,
90
+ {
91
+ defaultValue: "tab1",
92
+ flexDirection: "row",
93
+ orientation: "vertical",
94
+ width: 400,
95
+ borderRadius: "$4",
96
+ borderWidth: "$0.25",
97
+ overflow: "hidden",
98
+ borderColor: "$borderColor",
99
+ children: [
100
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
101
+ import_tamagui.Tabs.List,
102
+ {
103
+ disablePassBorderRadius: "end",
104
+ "aria-label": "Manage your account",
105
+ separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
106
+ children: [
107
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
108
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
109
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" }) })
110
+ ]
111
+ }
112
+ ),
113
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
114
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Profile" }) }),
115
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Connections" }) }),
116
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { textAlign: "center", children: "Notifications" }) })
117
+ ]
118
+ }
119
+ ), TabsContent = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
120
+ import_tamagui.Tabs.Content,
121
+ {
122
+ backgroundColor: "$background",
123
+ padding: "$2",
124
+ alignItems: "center",
125
+ justifyContent: "center",
126
+ flex: 1,
127
+ borderColor: "$background",
128
+ borderRadius: "$2",
129
+ borderTopLeftRadius: 0,
130
+ borderTopRightRadius: 0,
131
+ borderWidth: "$2",
132
+ ...props,
133
+ children: props.children
134
+ },
135
+ "tab3"
136
+ );
137
+ // Annotate the CommonJS export names for ESM import in node:
138
+ 0 && (module.exports = {
100
139
  TabsDemo
101
- };
140
+ });
102
141
  //# sourceMappingURL=TabsDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TabsDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -1,13 +1,14 @@
1
1
  import { Paragraph, SizableText, XStack, YStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
2
3
  function TextDemo() {
3
- return <YStack space="$2" alignItems="center">
4
- <SizableText size="$3">SizableText</SizableText>
5
- <XStack space>
6
- <SizableText theme="alt1" size="$3">alt1</SizableText>
7
- <SizableText theme="alt2" size="$3">alt2</SizableText>
8
- </XStack>
9
- <Paragraph size="$2" fontWeight="800">Paragraph</Paragraph>
10
- </YStack>;
4
+ return /* @__PURE__ */ jsxs(YStack, { space: "$2", alignItems: "center", children: [
5
+ /* @__PURE__ */ jsx(SizableText, { size: "$3", children: "SizableText" }),
6
+ /* @__PURE__ */ jsxs(XStack, { space: !0, children: [
7
+ /* @__PURE__ */ jsx(SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
8
+ /* @__PURE__ */ jsx(SizableText, { theme: "alt2", size: "$3", children: "alt2" })
9
+ ] }),
10
+ /* @__PURE__ */ jsx(Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" })
11
+ ] });
11
12
  }
12
13
  export {
13
14
  TextDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TextDemo.tsx"],
4
- "mappings": "AACA,SAAS,WAAW,aAAmB,QAAQ,cAAc;AAEtD,SAAS,WAAW;AACzB,SACE,CAAC,OAAO,MAAM,KAAK,WAAW;AAAA,IAC5B,CAAC,YAAY,KAAK,KAAK,WAAW,EAAjC;AAAA,IACD,CAAC,OAAO;AAAA,MACN,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,MAGD,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC,UAAU,KAAK,KAAK,WAAW,MAAM,SAEtC,EAFC;AAAA,EAGH,EAbC;AAeL;",
4
+ "mappings": "AACA,SAAS,WAAW,aAAmB,QAAQ,cAAc;AAKvD,cACA,YADA;AAHC,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,wBAAC,eAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,qBAAC,UAAO,OAAK,IACX;AAAA,0BAAC,eAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,oBAAC,eAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,oBAAC,aAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,15 +1,36 @@
1
- import { Paragraph, SizableText, 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 TextDemo_exports = {};
17
+ __export(TextDemo_exports, {
18
+ TextDemo: () => TextDemo
19
+ });
20
+ module.exports = __toCommonJS(TextDemo_exports);
21
+ var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
2
22
  function TextDemo() {
3
- return <YStack space="$2" alignItems="center">
4
- <SizableText size="$3">SizableText</SizableText>
5
- <XStack space>
6
- <SizableText theme="alt1" size="$3">alt1</SizableText>
7
- <SizableText theme="alt2" size="$3">alt2</SizableText>
8
- </XStack>
9
- <Paragraph size="$2" fontWeight="800">Paragraph</Paragraph>
10
- </YStack>;
23
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$2", alignItems: "center", children: [
24
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$3", children: "SizableText" }),
25
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, children: [
26
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
27
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt2", size: "$3", children: "alt2" })
28
+ ] }),
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" })
30
+ ] });
11
31
  }
12
- export {
32
+ // Annotate the CommonJS export names for ESM import in node:
33
+ 0 && (module.exports = {
13
34
  TextDemo
14
- };
35
+ });
15
36
  //# sourceMappingURL=TextDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TextDemo.tsx"],
4
- "mappings": "AACA,SAAS,WAAW,aAAmB,QAAQ,cAAc;AAEtD,SAAS,WAAW;AACzB,SACE,CAAC,OAAO,MAAM,KAAK,WAAW;AAAA,IAC5B,CAAC,YAAY,KAAK,KAAK,WAAW,EAAjC;AAAA,IACD,CAAC,OAAO;AAAA,MACN,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,MAGD,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC,UAAU,KAAK,KAAK,WAAW,MAAM,SAEtC,EAFC;AAAA,EAGH,EAbC;AAeL;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA6D,oBAKvD;AAHC,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,8BAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,6CAAC,yBAAO,OAAK,IACX;AAAA,kDAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,4CAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,4CAAC,4BAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }