@tamagui/demos 1.88.0 → 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
@@ -8,58 +8,70 @@ import {
8
8
  XStack,
9
9
  YStack
10
10
  } from "tamagui";
11
+ import { jsx, jsxs } from "react/jsx-runtime";
11
12
  function PopoverDemo() {
12
- return <XStack space="$2" flex={1} justifyContent="center" alignItems="center">
13
- <Demo placement="left" Icon={ChevronLeft} Name="left-popover" />
14
- <Demo placement="bottom" Icon={ChevronDown} Name="bottom-popover" />
15
- <Demo placement="top" Icon={ChevronUp} Name="top-popover" />
16
- <Demo placement="right" Icon={ChevronRight} Name="right-popover" />
17
- </XStack>;
13
+ return /* @__PURE__ */ jsxs(XStack, { space: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
14
+ /* @__PURE__ */ jsx(Demo, { placement: "left", Icon: ChevronLeft, Name: "left-popover" }),
15
+ /* @__PURE__ */ jsx(Demo, { placement: "bottom", Icon: ChevronDown, Name: "bottom-popover" }),
16
+ /* @__PURE__ */ jsx(Demo, { placement: "top", Icon: ChevronUp, Name: "top-popover" }),
17
+ /* @__PURE__ */ jsx(Demo, { placement: "right", Icon: ChevronRight, Name: "right-popover" })
18
+ ] });
18
19
  }
19
20
  function Demo({
20
21
  Icon,
21
22
  Name,
22
23
  ...props
23
24
  }) {
24
- return <Popover size="$5" allowFlip {...props}>
25
- <Popover.Trigger asChild><Button icon={Icon} /></Popover.Trigger>
26
- <Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
27
- <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
28
- <Popover.Sheet.Overlay
29
- animation="lazy"
30
- enterStyle={{ opacity: 0 }}
31
- exitStyle={{ opacity: 0 }}
32
- />
33
- </Popover.Sheet></Adapt>
34
- <Popover.Content
35
- borderWidth={1}
36
- borderColor="$borderColor"
37
- enterStyle={{ y: -10, opacity: 0 }}
38
- exitStyle={{ y: -10, opacity: 0 }}
39
- elevate
40
- animation={[
41
- "quick",
25
+ return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, ...props, children: [
26
+ /* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
27
+ /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
28
+ /* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
29
+ /* @__PURE__ */ jsx(
30
+ Popover.Sheet.Overlay,
42
31
  {
43
- opacity: {
44
- overshootClamping: !0
45
- }
32
+ animation: "lazy",
33
+ enterStyle: { opacity: 0 },
34
+ exitStyle: { opacity: 0 }
46
35
  }
47
- ]}
48
- >
49
- <Popover.Arrow borderWidth={1} borderColor="$borderColor" />
50
- <YStack space="$3">
51
- <XStack space="$3">
52
- <Label size="$3" htmlFor={Name}>Name</Label>
53
- <Input size="$3" id={Name} />
54
- </XStack>
55
- <Popover.Close asChild><Button
56
- size="$3"
57
- onPress={() => {
58
- }}
59
- >Submit</Button></Popover.Close>
60
- </YStack>
61
- </Popover.Content>
62
- </Popover>;
36
+ )
37
+ ] }) }),
38
+ /* @__PURE__ */ jsxs(
39
+ Popover.Content,
40
+ {
41
+ borderWidth: 1,
42
+ borderColor: "$borderColor",
43
+ enterStyle: { y: -10, opacity: 0 },
44
+ exitStyle: { y: -10, opacity: 0 },
45
+ elevate: !0,
46
+ animation: [
47
+ "quick",
48
+ {
49
+ opacity: {
50
+ overshootClamping: !0
51
+ }
52
+ }
53
+ ],
54
+ children: [
55
+ /* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
56
+ /* @__PURE__ */ jsxs(YStack, { space: "$3", children: [
57
+ /* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
58
+ /* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
59
+ /* @__PURE__ */ jsx(Input, { size: "$3", id: Name })
60
+ ] }),
61
+ /* @__PURE__ */ jsx(Popover.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
62
+ Button,
63
+ {
64
+ size: "$3",
65
+ onPress: () => {
66
+ },
67
+ children: "Submit"
68
+ }
69
+ ) })
70
+ ] })
71
+ ]
72
+ }
73
+ )
74
+ ] });
63
75
  }
64
76
  export {
65
77
  Demo,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/PopoverDemo.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,MAAM,KAAK,MAAM,GAAG,eAAe,SAAS,WAAW;AAAA,IAC7D,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa,KAAK,eAAe;AAAA,IAC9D,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa,KAAK,iBAAiB;AAAA,IAClE,CAAC,KAAK,UAAU,MAAM,MAAM,WAAW,KAAK,cAAc;AAAA,IAC1D,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc,KAAK,gBAAgB;AAAA,EACnE,EALC;AAOL;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,QACf,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAIT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM;AAAA,QACb,UAAU;AAAA,QACV,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,IACF,EATC,QAAQ,MAUX,EAXC;AAAA,IAaD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,MACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,eAAe;AAAA,MAE1D,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,OAAO,MAAM;AAAA,UACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,IAEhC,EAFC;AAAA,UAGD,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM;AAAA,QAC7B,EALC;AAAA,QAOD,CAAC,QAAQ,MAAM,QACb,CAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM;AAAA,UAEf;AAAA,SACD,MAED,EAPC,OAQH,EATC,QAAQ;AAAA,MAUX,EAlBC;AAAA,IAmBH,EApCC,QAAQ;AAAA,EAqCX,EAvDC;AAyDL;",
4
+ "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAIH,SACE,KADF;AAFG,SAAS,cAAc;AAC5B,SACE,qBAAC,UAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,wBAAC,QAAK,WAAU,QAAO,MAAM,aAAa,MAAK,gBAAe;AAAA,IAC9D,oBAAC,QAAK,WAAU,UAAS,MAAM,aAAa,MAAK,kBAAiB;AAAA,IAClE,oBAAC,QAAK,WAAU,OAAM,MAAM,WAAW,MAAK,eAAc;AAAA,IAC1D,oBAAC,QAAK,WAAU,SAAQ,MAAM,cAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,OAAM,MACZ;AAAA,iCAAC,UAAO,OAAM,MACZ;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,oBAAC,QAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,68 +1,92 @@
1
- import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
2
- import {
3
- Adapt,
4
- Button,
5
- Input,
6
- Label,
7
- Popover,
8
- XStack,
9
- YStack
10
- } 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 PopoverDemo_exports = {};
17
+ __export(PopoverDemo_exports, {
18
+ Demo: () => Demo,
19
+ PopoverDemo: () => PopoverDemo
20
+ });
21
+ module.exports = __toCommonJS(PopoverDemo_exports);
22
+ var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
11
23
  function PopoverDemo() {
12
- return <XStack space="$2" flex={1} justifyContent="center" alignItems="center">
13
- <Demo placement="left" Icon={ChevronLeft} Name="left-popover" />
14
- <Demo placement="bottom" Icon={ChevronDown} Name="bottom-popover" />
15
- <Demo placement="top" Icon={ChevronUp} Name="top-popover" />
16
- <Demo placement="right" Icon={ChevronRight} Name="right-popover" />
17
- </XStack>;
24
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
25
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "left", Icon: import_lucide_icons.ChevronLeft, Name: "left-popover" }),
26
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "bottom", Icon: import_lucide_icons.ChevronDown, Name: "bottom-popover" }),
27
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "top", Icon: import_lucide_icons.ChevronUp, Name: "top-popover" }),
28
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "right", Icon: import_lucide_icons.ChevronRight, Name: "right-popover" })
29
+ ] });
18
30
  }
19
31
  function Demo({
20
32
  Icon,
21
33
  Name,
22
34
  ...props
23
35
  }) {
24
- return <Popover size="$5" allowFlip {...props}>
25
- <Popover.Trigger asChild><Button icon={Icon} /></Popover.Trigger>
26
- <Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
27
- <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
28
- <Popover.Sheet.Overlay
29
- animation="lazy"
30
- enterStyle={{ opacity: 0 }}
31
- exitStyle={{ opacity: 0 }}
32
- />
33
- </Popover.Sheet></Adapt>
34
- <Popover.Content
35
- borderWidth={1}
36
- borderColor="$borderColor"
37
- enterStyle={{ y: -10, opacity: 0 }}
38
- exitStyle={{ y: -10, opacity: 0 }}
39
- elevate
40
- animation={[
41
- "quick",
36
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, ...props, children: [
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
41
+ import_tamagui.Popover.Sheet.Overlay,
42
42
  {
43
- opacity: {
44
- overshootClamping: !0
45
- }
43
+ animation: "lazy",
44
+ enterStyle: { opacity: 0 },
45
+ exitStyle: { opacity: 0 }
46
46
  }
47
- ]}
48
- >
49
- <Popover.Arrow borderWidth={1} borderColor="$borderColor" />
50
- <YStack space="$3">
51
- <XStack space="$3">
52
- <Label size="$3" htmlFor={Name}>Name</Label>
53
- <Input size="$3" id={Name} />
54
- </XStack>
55
- <Popover.Close asChild><Button
56
- size="$3"
57
- onPress={() => {
58
- }}
59
- >Submit</Button></Popover.Close>
60
- </YStack>
61
- </Popover.Content>
62
- </Popover>;
47
+ )
48
+ ] }) }),
49
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
50
+ import_tamagui.Popover.Content,
51
+ {
52
+ borderWidth: 1,
53
+ borderColor: "$borderColor",
54
+ enterStyle: { y: -10, opacity: 0 },
55
+ exitStyle: { y: -10, opacity: 0 },
56
+ elevate: !0,
57
+ animation: [
58
+ "quick",
59
+ {
60
+ opacity: {
61
+ overshootClamping: !0
62
+ }
63
+ }
64
+ ],
65
+ children: [
66
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$3", children: [
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", children: [
69
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$3", htmlFor: Name, children: "Name" }),
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { size: "$3", id: Name })
71
+ ] }),
72
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
73
+ import_tamagui.Button,
74
+ {
75
+ size: "$3",
76
+ onPress: () => {
77
+ },
78
+ children: "Submit"
79
+ }
80
+ ) })
81
+ ] })
82
+ ]
83
+ }
84
+ )
85
+ ] });
63
86
  }
64
- export {
87
+ // Annotate the CommonJS export names for ESM import in node:
88
+ 0 && (module.exports = {
65
89
  Demo,
66
90
  PopoverDemo
67
- };
91
+ });
68
92
  //# sourceMappingURL=PopoverDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/PopoverDemo.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,MAAM,KAAK,MAAM,GAAG,eAAe,SAAS,WAAW;AAAA,IAC7D,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa,KAAK,eAAe;AAAA,IAC9D,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa,KAAK,iBAAiB;AAAA,IAClE,CAAC,KAAK,UAAU,MAAM,MAAM,WAAW,KAAK,cAAc;AAAA,IAC1D,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc,KAAK,gBAAgB;AAAA,EACnE,EALC;AAOL;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,QACf,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAIT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM;AAAA,QACb,UAAU;AAAA,QACV,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,IACF,EATC,QAAQ,MAUX,EAXC;AAAA,IAaD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,MACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,eAAe;AAAA,MAE1D,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,OAAO,MAAM;AAAA,UACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,IAEhC,EAFC;AAAA,UAGD,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM;AAAA,QAC7B,EALC;AAAA,QAOD,CAAC,QAAQ,MAAM,QACb,CAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM;AAAA,UAEf;AAAA,SACD,MAED,EAPC,OAQH,EATC,QAAQ;AAAA,MAUX,EAlBC;AAAA,IAmBH,EApCC,QAAQ;AAAA,EAqCX,EAvDC;AAyDL;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAClE,iBASO,oBAIH;AAFG,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,gDAAC,QAAK,WAAU,QAAO,MAAM,iCAAa,MAAK,gBAAe;AAAA,IAC9D,4CAAC,QAAK,WAAU,UAAS,MAAM,iCAAa,MAAK,kBAAiB;AAAA,IAClE,4CAAC,QAAK,WAAU,OAAM,MAAM,+BAAW,MAAK,eAAc;AAAA,IAC1D,4CAAC,QAAK,WAAU,SAAQ,MAAM,kCAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,uBAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,OAAM,MACZ;AAAA,yDAAC,yBAAO,OAAM,MACZ;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,5 +1,6 @@
1
1
  import { useEffect, useState } from "react";
2
2
  import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
3
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
4
  function ProgressDemo() {
4
5
  const [size, setSize] = useState(4), [progress, setProgress] = useState(20), sizeProp = `$${size}`;
5
6
  return useEffect(() => {
@@ -7,39 +8,47 @@ function ProgressDemo() {
7
8
  return () => {
8
9
  clearTimeout(timer);
9
10
  };
10
- }, []), <>
11
- <YStack height={60} alignItems="center" space>
12
- <Paragraph height={30} opacity={0.5}>
13
- {"Size: "}
14
- {size}
15
- </Paragraph>
16
- <Progress size={sizeProp} value={progress}><Progress.Indicator animation="bouncy" /></Progress>
17
- </YStack>
18
- <XStack
19
- alignItems="center"
20
- space
21
- position="absolute"
22
- bottom="$3"
23
- left="$4"
24
- $xxs={{ display: "none" }}
25
- >
26
- <Slider
27
- size="$2"
28
- width={130}
29
- defaultValue={[4]}
30
- min={2}
31
- max={6}
32
- step={1}
33
- onValueChange={([val]) => {
34
- setSize(val);
35
- }}
36
- >
37
- <Slider.Track borderWidth={1} borderColor="$color5"><Slider.TrackActive /></Slider.Track>
38
- <Slider.Thumb circular index={0} />
39
- </Slider>
40
- <Button size="$2" onPress={() => setProgress((prev) => (prev + 20) % 100)}>Load</Button>
41
- </XStack>
42
- </>;
11
+ }, []), /* @__PURE__ */ jsxs(Fragment, { children: [
12
+ /* @__PURE__ */ jsxs(YStack, { height: 60, alignItems: "center", space: !0, children: [
13
+ /* @__PURE__ */ jsxs(Paragraph, { height: 30, opacity: 0.5, children: [
14
+ "Size: ",
15
+ size
16
+ ] }),
17
+ /* @__PURE__ */ jsx(Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ jsx(Progress.Indicator, { animation: "bouncy" }) })
18
+ ] }),
19
+ /* @__PURE__ */ jsxs(
20
+ XStack,
21
+ {
22
+ alignItems: "center",
23
+ space: !0,
24
+ position: "absolute",
25
+ bottom: "$3",
26
+ left: "$4",
27
+ $xxs: { display: "none" },
28
+ children: [
29
+ /* @__PURE__ */ jsxs(
30
+ Slider,
31
+ {
32
+ size: "$2",
33
+ width: 130,
34
+ defaultValue: [4],
35
+ min: 2,
36
+ max: 6,
37
+ step: 1,
38
+ onValueChange: ([val]) => {
39
+ setSize(val);
40
+ },
41
+ children: [
42
+ /* @__PURE__ */ jsx(Slider.Track, { borderWidth: 1, borderColor: "$color5", children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
43
+ /* @__PURE__ */ jsx(Slider.Thumb, { circular: !0, index: 0 })
44
+ ]
45
+ }
46
+ ),
47
+ /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
48
+ ]
49
+ }
50
+ )
51
+ ] });
43
52
  }
44
53
  export {
45
54
  ProgressDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ProgressDemo.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,WAAW,UAAsB,QAAQ,QAAQ,cAAc;AAEzE,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH;AAAA,IACE,CAAC,OAAO,QAAQ,IAAI,WAAW,SAAS;AAAA,MACtC,CAAC,UAAU,QAAQ,IAAI,SAAS;AAAA,SAAK;AAAA,SAC5B;AAAA,MACT,EAFC;AAAA,MAGD,CAAC,SAAS,MAAM,UAAU,OAAO,UAC/B,CAAC,SAAS,UAAU,UAAU,SAAS,EACzC,EAFC;AAAA,IAGH,EAPC;AAAA,IASD,CAAC;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM,EAAE,SAAS,OAAO;AAAA;AAAA,MAExB,CAAC;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,cAAc,CAAC,CAAC;AAAA,QAChB,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,kBAAQ,GAAG;AAAA,QACb;AAAA;AAAA,QAEA,CAAC,OAAO,MAAM,aAAa,GAAG,YAAY,UACxC,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,QAGR,CAAC,OAAO,MAAM,SAAS,OAAO,GAAG;AAAA,MACnC,EAfC;AAAA,MAiBD,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,IAE3E,EAFC;AAAA,IAGH,EA5BC;AAAA,EA6BH;AAEJ;",
4
+ "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,WAAW,UAAsB,QAAQ,QAAQ,cAAc;AAe5E,mBAMM,KAJF,YAFJ;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAS,MAAM,UAAU,OAAO,UAC/B,8BAAC,SAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,47 +1,75 @@
1
- import { useEffect, useState } from "react";
2
- import { Button, Paragraph, Progress, Slider, 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 ProgressDemo_exports = {};
17
+ __export(ProgressDemo_exports, {
18
+ ProgressDemo: () => ProgressDemo
19
+ });
20
+ module.exports = __toCommonJS(ProgressDemo_exports);
21
+ var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
3
22
  function ProgressDemo() {
4
- const [size, setSize] = useState(4), [progress, setProgress] = useState(20), sizeProp = `$${size}`;
5
- return useEffect(() => {
23
+ const [size, setSize] = (0, import_react.useState)(4), [progress, setProgress] = (0, import_react.useState)(20), sizeProp = `$${size}`;
24
+ return (0, import_react.useEffect)(() => {
6
25
  const timer = setTimeout(() => setProgress(60), 1e3);
7
26
  return () => {
8
27
  clearTimeout(timer);
9
28
  };
10
- }, []), <>
11
- <YStack height={60} alignItems="center" space>
12
- <Paragraph height={30} opacity={0.5}>
13
- {"Size: "}
14
- {size}
15
- </Paragraph>
16
- <Progress size={sizeProp} value={progress}><Progress.Indicator animation="bouncy" /></Progress>
17
- </YStack>
18
- <XStack
19
- alignItems="center"
20
- space
21
- position="absolute"
22
- bottom="$3"
23
- left="$4"
24
- $xxs={{ display: "none" }}
25
- >
26
- <Slider
27
- size="$2"
28
- width={130}
29
- defaultValue={[4]}
30
- min={2}
31
- max={6}
32
- step={1}
33
- onValueChange={([val]) => {
34
- setSize(val);
35
- }}
36
- >
37
- <Slider.Track borderWidth={1} borderColor="$color5"><Slider.TrackActive /></Slider.Track>
38
- <Slider.Thumb circular index={0} />
39
- </Slider>
40
- <Button size="$2" onPress={() => setProgress((prev) => (prev + 20) % 100)}>Load</Button>
41
- </XStack>
42
- </>;
29
+ }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { height: 60, alignItems: "center", space: !0, children: [
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { height: 30, opacity: 0.5, children: [
32
+ "Size: ",
33
+ size
34
+ ] }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, { animation: "bouncy" }) })
36
+ ] }),
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
38
+ import_tamagui.XStack,
39
+ {
40
+ alignItems: "center",
41
+ space: !0,
42
+ position: "absolute",
43
+ bottom: "$3",
44
+ left: "$4",
45
+ $xxs: { display: "none" },
46
+ children: [
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
48
+ import_tamagui.Slider,
49
+ {
50
+ size: "$2",
51
+ width: 130,
52
+ defaultValue: [4],
53
+ min: 2,
54
+ max: 6,
55
+ step: 1,
56
+ onValueChange: ([val]) => {
57
+ setSize(val);
58
+ },
59
+ children: [
60
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { borderWidth: 1, borderColor: "$color5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }),
61
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, { circular: !0, index: 0 })
62
+ ]
63
+ }
64
+ ),
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
66
+ ]
67
+ }
68
+ )
69
+ ] });
43
70
  }
44
- export {
71
+ // Annotate the CommonJS export names for ESM import in node:
72
+ 0 && (module.exports = {
45
73
  ProgressDemo
46
- };
74
+ });
47
75
  //# sourceMappingURL=ProgressDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ProgressDemo.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,WAAW,UAAsB,QAAQ,QAAQ,cAAc;AAEzE,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH;AAAA,IACE,CAAC,OAAO,QAAQ,IAAI,WAAW,SAAS;AAAA,MACtC,CAAC,UAAU,QAAQ,IAAI,SAAS;AAAA,SAAK;AAAA,SAC5B;AAAA,MACT,EAFC;AAAA,MAGD,CAAC,SAAS,MAAM,UAAU,OAAO,UAC/B,CAAC,SAAS,UAAU,UAAU,SAAS,EACzC,EAFC;AAAA,IAGH,EAPC;AAAA,IASD,CAAC;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM,EAAE,SAAS,OAAO;AAAA;AAAA,MAExB,CAAC;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,cAAc,CAAC,CAAC;AAAA,QAChB,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,kBAAQ,GAAG;AAAA,QACb;AAAA;AAAA,QAEA,CAAC,OAAO,MAAM,aAAa,GAAG,YAAY,UACxC,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,QAGR,CAAC,OAAO,MAAM,SAAS,OAAO,GAAG;AAAA,MACnC,EAfC;AAAA,MAiBD,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,IAE3E,EAFC;AAAA,IAGH,EA5BC;AAAA,EA6BH;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBACpC,iBAAgF,oBAe5E;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,qCAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,4EACE;AAAA,iDAAC,yBAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,mDAAC,4BAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,4CAAC,2BAAS,MAAM,UAAU,OAAO,UAC/B,sDAAC,wBAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,4DAAC,sBAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,4CAAC,sBAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,4CAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,17 +1,18 @@
1
1
  import { Label, RadioGroup, XStack, YStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
2
3
  function RadioGroupDemo() {
3
- return <RadioGroup aria-labelledby="Select one item" defaultValue="3" name="form"><YStack width={300} alignItems="center" space="$2">
4
- <RadioGroupItemWithLabel size="$3" value="2" label="Second value" />
5
- <RadioGroupItemWithLabel size="$4" value="3" label="Third value" />
6
- <RadioGroupItemWithLabel size="$5" value="4" label="Fourth value" />
7
- </YStack></RadioGroup>;
4
+ return /* @__PURE__ */ jsx(RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { width: 300, alignItems: "center", space: "$2", children: [
5
+ /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
6
+ /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
7
+ /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
8
+ ] }) });
8
9
  }
9
10
  function RadioGroupItemWithLabel(props) {
10
11
  const id = `radiogroup-${props.value}`;
11
- return <XStack width={300} alignItems="center" space="$4">
12
- <RadioGroup.Item value={props.value} id={id} size={props.size}><RadioGroup.Indicator /></RadioGroup.Item>
13
- <Label size={props.size} htmlFor={id}>{props.label}</Label>
14
- </XStack>;
12
+ return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", space: "$4", children: [
13
+ /* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),
14
+ /* @__PURE__ */ jsx(Label, { size: props.size, htmlFor: id, children: props.label })
15
+ ] });
15
16
  }
16
17
  export {
17
18
  RadioGroupDemo,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/RadioGroupDemo.tsx"],
4
- "mappings": "AAAA,SAAS,OAAO,YAAwB,QAAQ,cAAc;AAEvD,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,gBAAgB,kBAAkB,aAAa,IAAI,KAAK,OAClE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,IAClE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc;AAAA,IACjE,CAAC,wBAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe;AAAA,EACpE,EAJC,OAKH,EANC;AAQL;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,MACvD,CAAC,WAAW,UAAU,EACxB,EAFC,WAAW;AAAA,IAIZ,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,KAC/B,MAAM,MACT,EAFC;AAAA,EAGH,EARC;AAUL;",
4
+ "mappings": "AAAA,SAAS,OAAO,YAAwB,QAAQ,cAAc;AAKxD,SACE,KADF;AAHC,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,+BAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }