@tamagui/demos 1.13.3 → 1.13.4

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 (482) hide show
  1. package/dist/cjs/AddThemeDemo.js +1 -59
  2. package/dist/cjs/AddThemeDemo.js.map +2 -2
  3. package/dist/cjs/AlertDialogDemo.js +1 -76
  4. package/dist/cjs/AlertDialogDemo.js.map +2 -2
  5. package/dist/cjs/AnimationsDemo.js +1 -113
  6. package/dist/cjs/AnimationsDemo.js.map +2 -2
  7. package/dist/cjs/AnimationsEnterDemo.js +1 -63
  8. package/dist/cjs/AnimationsEnterDemo.js.map +2 -2
  9. package/dist/cjs/AnimationsHoverDemo.js +1 -49
  10. package/dist/cjs/AnimationsHoverDemo.js.map +2 -2
  11. package/dist/cjs/AnimationsPresenceDemo.js +1 -96
  12. package/dist/cjs/AnimationsPresenceDemo.js.map +2 -2
  13. package/dist/cjs/AnimationsTimingDemo.js +1 -49
  14. package/dist/cjs/AnimationsTimingDemo.js.map +2 -2
  15. package/dist/cjs/AvatarDemo.js +1 -53
  16. package/dist/cjs/AvatarDemo.js.map +2 -2
  17. package/dist/cjs/ButtonDemo.js +1 -48
  18. package/dist/cjs/ButtonDemo.js.map +2 -2
  19. package/dist/cjs/CardDemo.js +1 -69
  20. package/dist/cjs/CardDemo.js.map +2 -2
  21. package/dist/cjs/CheckboxDemo.js +1 -44
  22. package/dist/cjs/CheckboxDemo.js.map +2 -2
  23. package/dist/cjs/ColorsDemo.js +1 -112
  24. package/dist/cjs/ColorsDemo.js.map +2 -2
  25. package/dist/cjs/DialogDemo.js +1 -85
  26. package/dist/cjs/DialogDemo.js.map +2 -2
  27. package/dist/cjs/FormsDemo.js +1 -59
  28. package/dist/cjs/FormsDemo.js.map +2 -2
  29. package/dist/cjs/GroupDemo.js +1 -48
  30. package/dist/cjs/GroupDemo.js.map +2 -2
  31. package/dist/cjs/HeadingsDemo.js +1 -39
  32. package/dist/cjs/HeadingsDemo.js.map +2 -2
  33. package/dist/cjs/ImageDemo.js +1 -32
  34. package/dist/cjs/ImageDemo.js.map +2 -2
  35. package/dist/cjs/InputsDemo.js +1 -43
  36. package/dist/cjs/InputsDemo.js.map +2 -2
  37. package/dist/cjs/LabelDemo.js +1 -41
  38. package/dist/cjs/LabelDemo.js.map +2 -2
  39. package/dist/cjs/LinearGradientDemo.js +1 -56
  40. package/dist/cjs/LinearGradientDemo.js.map +2 -2
  41. package/dist/cjs/ListItemDemo.js +1 -70
  42. package/dist/cjs/ListItemDemo.js.map +2 -2
  43. package/dist/cjs/LucideIconsDemo.js +1 -66
  44. package/dist/cjs/LucideIconsDemo.js.map +2 -2
  45. package/dist/cjs/PopoverDemo.js +1 -92
  46. package/dist/cjs/PopoverDemo.js.map +2 -2
  47. package/dist/cjs/ProgressDemo.js +1 -71
  48. package/dist/cjs/ProgressDemo.js.map +2 -2
  49. package/dist/cjs/RadioGroupDemo.js +1 -43
  50. package/dist/cjs/RadioGroupDemo.js.map +2 -2
  51. package/dist/cjs/ScrollViewDemo.js +1 -41
  52. package/dist/cjs/ScrollViewDemo.js.map +2 -2
  53. package/dist/cjs/SelectDemo.js +1 -103
  54. package/dist/cjs/SelectDemo.js.map +2 -2
  55. package/dist/cjs/SeparatorDemo.js +1 -43
  56. package/dist/cjs/SeparatorDemo.js.map +2 -2
  57. package/dist/cjs/ShapesDemo.js +1 -35
  58. package/dist/cjs/ShapesDemo.js.map +2 -2
  59. package/dist/cjs/SheetDemo.js +1 -103
  60. package/dist/cjs/SheetDemo.js.map +2 -2
  61. package/dist/cjs/SliderDemo.js +1 -42
  62. package/dist/cjs/SliderDemo.js.map +2 -2
  63. package/dist/cjs/SpinnerDemo.js +1 -35
  64. package/dist/cjs/SpinnerDemo.js.map +2 -2
  65. package/dist/cjs/StacksDemo.js +1 -81
  66. package/dist/cjs/StacksDemo.js.map +2 -2
  67. package/dist/cjs/SwitchDemo.js +1 -55
  68. package/dist/cjs/SwitchDemo.js.map +2 -2
  69. package/dist/cjs/TabsAdvancedDemo.js +1 -282
  70. package/dist/cjs/TabsAdvancedDemo.js.map +2 -2
  71. package/dist/cjs/TabsDemo.js +1 -146
  72. package/dist/cjs/TabsDemo.js.map +2 -2
  73. package/dist/cjs/TextDemo.js +1 -39
  74. package/dist/cjs/TextDemo.js.map +2 -2
  75. package/dist/cjs/ThemeInverseDemo.js +1 -43
  76. package/dist/cjs/ThemeInverseDemo.js.map +2 -2
  77. package/dist/cjs/ToastDemo.js +1 -128
  78. package/dist/cjs/ToastDemo.js.map +3 -3
  79. package/dist/cjs/ToastDuplicateDemo.js +1 -77
  80. package/dist/cjs/ToastDuplicateDemo.js.map +2 -2
  81. package/dist/cjs/ToggleGroupDemo.js +1 -72
  82. package/dist/cjs/ToggleGroupDemo.js.map +2 -2
  83. package/dist/cjs/TokensDemo.js +1 -110
  84. package/dist/cjs/TokensDemo.js.map +2 -2
  85. package/dist/cjs/TooltipDemo.js +1 -79
  86. package/dist/cjs/TooltipDemo.js.map +2 -2
  87. package/dist/cjs/UpdateThemeDemo.js +1 -79
  88. package/dist/cjs/UpdateThemeDemo.js.map +2 -2
  89. package/dist/cjs/conf.js +1 -28
  90. package/dist/cjs/conf.js.map +2 -2
  91. package/dist/cjs/index.js +1 -159
  92. package/dist/cjs/index.js.map +2 -2
  93. package/dist/cjs/tamagui.config.js +1 -27
  94. package/dist/cjs/tamagui.config.js.map +2 -2
  95. package/dist/cjs/useOnIntersecting.js +1 -92
  96. package/dist/cjs/useOnIntersecting.js.map +2 -2
  97. package/dist/esm/AddThemeDemo.js +1 -35
  98. package/dist/esm/AddThemeDemo.js.map +2 -2
  99. package/dist/esm/AddThemeDemo.mjs +1 -35
  100. package/dist/esm/AddThemeDemo.mjs.map +2 -2
  101. package/dist/esm/AlertDialogDemo.js +1 -52
  102. package/dist/esm/AlertDialogDemo.js.map +2 -2
  103. package/dist/esm/AlertDialogDemo.mjs +1 -52
  104. package/dist/esm/AlertDialogDemo.mjs.map +2 -2
  105. package/dist/esm/AnimationsDemo.js +1 -88
  106. package/dist/esm/AnimationsDemo.js.map +2 -2
  107. package/dist/esm/AnimationsDemo.mjs +1 -88
  108. package/dist/esm/AnimationsDemo.mjs.map +2 -2
  109. package/dist/esm/AnimationsEnterDemo.js +1 -39
  110. package/dist/esm/AnimationsEnterDemo.js.map +2 -2
  111. package/dist/esm/AnimationsEnterDemo.mjs +1 -39
  112. package/dist/esm/AnimationsEnterDemo.mjs.map +2 -2
  113. package/dist/esm/AnimationsHoverDemo.js +1 -25
  114. package/dist/esm/AnimationsHoverDemo.js.map +2 -2
  115. package/dist/esm/AnimationsHoverDemo.mjs +1 -25
  116. package/dist/esm/AnimationsHoverDemo.mjs.map +2 -2
  117. package/dist/esm/AnimationsPresenceDemo.js +1 -61
  118. package/dist/esm/AnimationsPresenceDemo.js.map +2 -2
  119. package/dist/esm/AnimationsPresenceDemo.mjs +1 -61
  120. package/dist/esm/AnimationsPresenceDemo.mjs.map +2 -2
  121. package/dist/esm/AnimationsTimingDemo.js +1 -25
  122. package/dist/esm/AnimationsTimingDemo.js.map +2 -2
  123. package/dist/esm/AnimationsTimingDemo.mjs +1 -25
  124. package/dist/esm/AnimationsTimingDemo.mjs.map +2 -2
  125. package/dist/esm/AvatarDemo.js +1 -29
  126. package/dist/esm/AvatarDemo.js.map +2 -2
  127. package/dist/esm/AvatarDemo.mjs +1 -29
  128. package/dist/esm/AvatarDemo.mjs.map +2 -2
  129. package/dist/esm/ButtonDemo.js +1 -24
  130. package/dist/esm/ButtonDemo.js.map +2 -2
  131. package/dist/esm/ButtonDemo.mjs +1 -24
  132. package/dist/esm/ButtonDemo.mjs.map +2 -2
  133. package/dist/esm/CardDemo.js +1 -45
  134. package/dist/esm/CardDemo.js.map +2 -2
  135. package/dist/esm/CardDemo.mjs +1 -45
  136. package/dist/esm/CardDemo.mjs.map +2 -2
  137. package/dist/esm/CheckboxDemo.js +1 -20
  138. package/dist/esm/CheckboxDemo.js.map +2 -2
  139. package/dist/esm/CheckboxDemo.mjs +1 -20
  140. package/dist/esm/CheckboxDemo.mjs.map +2 -2
  141. package/dist/esm/ColorsDemo.js +1 -97
  142. package/dist/esm/ColorsDemo.js.map +2 -2
  143. package/dist/esm/ColorsDemo.mjs +1 -97
  144. package/dist/esm/ColorsDemo.mjs.map +2 -2
  145. package/dist/esm/DialogDemo.js +1 -73
  146. package/dist/esm/DialogDemo.js.map +2 -2
  147. package/dist/esm/DialogDemo.mjs +1 -73
  148. package/dist/esm/DialogDemo.mjs.map +2 -2
  149. package/dist/esm/FormsDemo.js +1 -35
  150. package/dist/esm/FormsDemo.js.map +2 -2
  151. package/dist/esm/FormsDemo.mjs +1 -35
  152. package/dist/esm/FormsDemo.mjs.map +2 -2
  153. package/dist/esm/GroupDemo.js +1 -24
  154. package/dist/esm/GroupDemo.js.map +2 -2
  155. package/dist/esm/GroupDemo.mjs +1 -24
  156. package/dist/esm/GroupDemo.mjs.map +2 -2
  157. package/dist/esm/HeadingsDemo.js +1 -15
  158. package/dist/esm/HeadingsDemo.js.map +2 -2
  159. package/dist/esm/HeadingsDemo.mjs +1 -15
  160. package/dist/esm/HeadingsDemo.mjs.map +2 -2
  161. package/dist/esm/ImageDemo.js +1 -8
  162. package/dist/esm/ImageDemo.js.map +2 -2
  163. package/dist/esm/ImageDemo.mjs +1 -8
  164. package/dist/esm/ImageDemo.mjs.map +2 -2
  165. package/dist/esm/InputsDemo.js +1 -19
  166. package/dist/esm/InputsDemo.js.map +2 -2
  167. package/dist/esm/InputsDemo.mjs +1 -19
  168. package/dist/esm/InputsDemo.mjs.map +2 -2
  169. package/dist/esm/LabelDemo.js +1 -17
  170. package/dist/esm/LabelDemo.js.map +2 -2
  171. package/dist/esm/LabelDemo.mjs +1 -17
  172. package/dist/esm/LabelDemo.mjs.map +2 -2
  173. package/dist/esm/LinearGradientDemo.js +1 -32
  174. package/dist/esm/LinearGradientDemo.js.map +2 -2
  175. package/dist/esm/LinearGradientDemo.mjs +1 -32
  176. package/dist/esm/LinearGradientDemo.mjs.map +2 -2
  177. package/dist/esm/ListItemDemo.js +1 -46
  178. package/dist/esm/ListItemDemo.js.map +2 -2
  179. package/dist/esm/ListItemDemo.mjs +1 -46
  180. package/dist/esm/ListItemDemo.mjs.map +2 -2
  181. package/dist/esm/LucideIconsDemo.js +1 -32
  182. package/dist/esm/LucideIconsDemo.js.map +2 -2
  183. package/dist/esm/LucideIconsDemo.mjs +1 -32
  184. package/dist/esm/LucideIconsDemo.mjs.map +2 -2
  185. package/dist/esm/PopoverDemo.js +1 -75
  186. package/dist/esm/PopoverDemo.js.map +2 -2
  187. package/dist/esm/PopoverDemo.mjs +1 -75
  188. package/dist/esm/PopoverDemo.mjs.map +2 -2
  189. package/dist/esm/ProgressDemo.js +1 -47
  190. package/dist/esm/ProgressDemo.js.map +2 -2
  191. package/dist/esm/ProgressDemo.mjs +1 -47
  192. package/dist/esm/ProgressDemo.mjs.map +2 -2
  193. package/dist/esm/RadioGroupDemo.js +1 -19
  194. package/dist/esm/RadioGroupDemo.js.map +2 -2
  195. package/dist/esm/RadioGroupDemo.mjs +1 -19
  196. package/dist/esm/RadioGroupDemo.mjs.map +2 -2
  197. package/dist/esm/ScrollViewDemo.js +1 -17
  198. package/dist/esm/ScrollViewDemo.js.map +2 -2
  199. package/dist/esm/ScrollViewDemo.mjs +1 -17
  200. package/dist/esm/ScrollViewDemo.mjs.map +2 -2
  201. package/dist/esm/SelectDemo.js +1 -79
  202. package/dist/esm/SelectDemo.js.map +2 -2
  203. package/dist/esm/SelectDemo.mjs +1 -79
  204. package/dist/esm/SelectDemo.mjs.map +2 -2
  205. package/dist/esm/SeparatorDemo.js +1 -19
  206. package/dist/esm/SeparatorDemo.js.map +2 -2
  207. package/dist/esm/SeparatorDemo.mjs +1 -19
  208. package/dist/esm/SeparatorDemo.mjs.map +2 -2
  209. package/dist/esm/ShapesDemo.js +1 -11
  210. package/dist/esm/ShapesDemo.js.map +2 -2
  211. package/dist/esm/ShapesDemo.mjs +1 -11
  212. package/dist/esm/ShapesDemo.mjs.map +2 -2
  213. package/dist/esm/SheetDemo.js +1 -79
  214. package/dist/esm/SheetDemo.js.map +2 -2
  215. package/dist/esm/SheetDemo.mjs +1 -79
  216. package/dist/esm/SheetDemo.mjs.map +2 -2
  217. package/dist/esm/SliderDemo.js +1 -18
  218. package/dist/esm/SliderDemo.js.map +2 -2
  219. package/dist/esm/SliderDemo.mjs +1 -18
  220. package/dist/esm/SliderDemo.mjs.map +2 -2
  221. package/dist/esm/SpinnerDemo.js +1 -11
  222. package/dist/esm/SpinnerDemo.js.map +2 -2
  223. package/dist/esm/SpinnerDemo.mjs +1 -11
  224. package/dist/esm/SpinnerDemo.mjs.map +2 -2
  225. package/dist/esm/StacksDemo.js +1 -57
  226. package/dist/esm/StacksDemo.js.map +2 -2
  227. package/dist/esm/StacksDemo.mjs +1 -57
  228. package/dist/esm/StacksDemo.mjs.map +2 -2
  229. package/dist/esm/SwitchDemo.js +1 -31
  230. package/dist/esm/SwitchDemo.js.map +2 -2
  231. package/dist/esm/SwitchDemo.mjs +1 -31
  232. package/dist/esm/SwitchDemo.mjs.map +2 -2
  233. package/dist/esm/TabsAdvancedDemo.js +1 -268
  234. package/dist/esm/TabsAdvancedDemo.js.map +2 -2
  235. package/dist/esm/TabsAdvancedDemo.mjs +1 -268
  236. package/dist/esm/TabsAdvancedDemo.mjs.map +2 -2
  237. package/dist/esm/TabsDemo.js +1 -130
  238. package/dist/esm/TabsDemo.js.map +2 -2
  239. package/dist/esm/TabsDemo.mjs +1 -130
  240. package/dist/esm/TabsDemo.mjs.map +2 -2
  241. package/dist/esm/TextDemo.js +1 -15
  242. package/dist/esm/TextDemo.js.map +2 -2
  243. package/dist/esm/TextDemo.mjs +1 -15
  244. package/dist/esm/TextDemo.mjs.map +2 -2
  245. package/dist/esm/ThemeInverseDemo.js +1 -19
  246. package/dist/esm/ThemeInverseDemo.js.map +2 -2
  247. package/dist/esm/ThemeInverseDemo.mjs +1 -19
  248. package/dist/esm/ThemeInverseDemo.mjs.map +2 -2
  249. package/dist/esm/ToastDemo.js +1 -94
  250. package/dist/esm/ToastDemo.js.map +3 -3
  251. package/dist/esm/ToastDemo.mjs +1 -94
  252. package/dist/esm/ToastDemo.mjs.map +3 -3
  253. package/dist/esm/ToastDuplicateDemo.js +1 -43
  254. package/dist/esm/ToastDuplicateDemo.js.map +2 -2
  255. package/dist/esm/ToastDuplicateDemo.mjs +1 -43
  256. package/dist/esm/ToastDuplicateDemo.mjs.map +2 -2
  257. package/dist/esm/ToggleGroupDemo.js +1 -48
  258. package/dist/esm/ToggleGroupDemo.js.map +2 -2
  259. package/dist/esm/ToggleGroupDemo.mjs +1 -48
  260. package/dist/esm/ToggleGroupDemo.mjs.map +2 -2
  261. package/dist/esm/TokensDemo.js +1 -86
  262. package/dist/esm/TokensDemo.js.map +2 -2
  263. package/dist/esm/TokensDemo.mjs +1 -86
  264. package/dist/esm/TokensDemo.mjs.map +2 -2
  265. package/dist/esm/TooltipDemo.js +1 -68
  266. package/dist/esm/TooltipDemo.js.map +2 -2
  267. package/dist/esm/TooltipDemo.mjs +1 -68
  268. package/dist/esm/TooltipDemo.mjs.map +2 -2
  269. package/dist/esm/UpdateThemeDemo.js +1 -53
  270. package/dist/esm/UpdateThemeDemo.js.map +2 -2
  271. package/dist/esm/UpdateThemeDemo.mjs +1 -53
  272. package/dist/esm/UpdateThemeDemo.mjs.map +2 -2
  273. package/dist/esm/conf.js +1 -4
  274. package/dist/esm/conf.js.map +1 -1
  275. package/dist/esm/conf.mjs +1 -4
  276. package/dist/esm/conf.mjs.map +1 -1
  277. package/dist/esm/index.js +1 -91
  278. package/dist/esm/index.js.map +2 -2
  279. package/dist/esm/index.mjs +1 -91
  280. package/dist/esm/index.mjs.map +2 -2
  281. package/dist/esm/tamagui.config.js +1 -5
  282. package/dist/esm/tamagui.config.js.map +2 -2
  283. package/dist/esm/tamagui.config.mjs +1 -5
  284. package/dist/esm/tamagui.config.mjs.map +2 -2
  285. package/dist/esm/useOnIntersecting.js +1 -67
  286. package/dist/esm/useOnIntersecting.js.map +2 -2
  287. package/dist/esm/useOnIntersecting.mjs +1 -67
  288. package/dist/esm/useOnIntersecting.mjs.map +2 -2
  289. package/dist/jsx/AddThemeDemo.js +1 -30
  290. package/dist/jsx/AddThemeDemo.js.map +2 -2
  291. package/dist/jsx/AddThemeDemo.mjs +1 -30
  292. package/dist/jsx/AddThemeDemo.mjs.map +2 -2
  293. package/dist/jsx/AlertDialogDemo.js +1 -44
  294. package/dist/jsx/AlertDialogDemo.js.map +2 -2
  295. package/dist/jsx/AlertDialogDemo.mjs +1 -44
  296. package/dist/jsx/AlertDialogDemo.mjs.map +2 -2
  297. package/dist/jsx/AnimationsDemo.js +1 -80
  298. package/dist/jsx/AnimationsDemo.js.map +2 -2
  299. package/dist/jsx/AnimationsDemo.mjs +1 -80
  300. package/dist/jsx/AnimationsDemo.mjs.map +2 -2
  301. package/dist/jsx/AnimationsEnterDemo.js +1 -34
  302. package/dist/jsx/AnimationsEnterDemo.js.map +2 -2
  303. package/dist/jsx/AnimationsEnterDemo.mjs +1 -34
  304. package/dist/jsx/AnimationsEnterDemo.mjs.map +2 -2
  305. package/dist/jsx/AnimationsHoverDemo.js +1 -20
  306. package/dist/jsx/AnimationsHoverDemo.js.map +2 -2
  307. package/dist/jsx/AnimationsHoverDemo.mjs +1 -20
  308. package/dist/jsx/AnimationsHoverDemo.mjs.map +2 -2
  309. package/dist/jsx/AnimationsPresenceDemo.js +1 -54
  310. package/dist/jsx/AnimationsPresenceDemo.js.map +2 -2
  311. package/dist/jsx/AnimationsPresenceDemo.mjs +1 -54
  312. package/dist/jsx/AnimationsPresenceDemo.mjs.map +2 -2
  313. package/dist/jsx/AnimationsTimingDemo.js +1 -20
  314. package/dist/jsx/AnimationsTimingDemo.js.map +2 -2
  315. package/dist/jsx/AnimationsTimingDemo.mjs +1 -20
  316. package/dist/jsx/AnimationsTimingDemo.mjs.map +2 -2
  317. package/dist/jsx/AvatarDemo.js +1 -22
  318. package/dist/jsx/AvatarDemo.js.map +2 -2
  319. package/dist/jsx/AvatarDemo.mjs +1 -22
  320. package/dist/jsx/AvatarDemo.mjs.map +2 -2
  321. package/dist/jsx/ButtonDemo.js +1 -23
  322. package/dist/jsx/ButtonDemo.js.map +2 -2
  323. package/dist/jsx/ButtonDemo.mjs +1 -23
  324. package/dist/jsx/ButtonDemo.mjs.map +2 -2
  325. package/dist/jsx/CardDemo.js +1 -38
  326. package/dist/jsx/CardDemo.js.map +2 -2
  327. package/dist/jsx/CardDemo.mjs +1 -38
  328. package/dist/jsx/CardDemo.mjs.map +2 -2
  329. package/dist/jsx/CheckboxDemo.js +1 -19
  330. package/dist/jsx/CheckboxDemo.js.map +2 -2
  331. package/dist/jsx/CheckboxDemo.mjs +1 -19
  332. package/dist/jsx/CheckboxDemo.mjs.map +2 -2
  333. package/dist/jsx/ColorsDemo.js +1 -85
  334. package/dist/jsx/ColorsDemo.js.map +2 -2
  335. package/dist/jsx/ColorsDemo.mjs +1 -85
  336. package/dist/jsx/ColorsDemo.mjs.map +2 -2
  337. package/dist/jsx/DialogDemo.js +1 -65
  338. package/dist/jsx/DialogDemo.js.map +2 -2
  339. package/dist/jsx/DialogDemo.mjs +1 -65
  340. package/dist/jsx/DialogDemo.mjs.map +2 -2
  341. package/dist/jsx/FormsDemo.js +1 -30
  342. package/dist/jsx/FormsDemo.js.map +2 -2
  343. package/dist/jsx/FormsDemo.mjs +1 -30
  344. package/dist/jsx/FormsDemo.mjs.map +2 -2
  345. package/dist/jsx/GroupDemo.js +1 -23
  346. package/dist/jsx/GroupDemo.js.map +2 -2
  347. package/dist/jsx/GroupDemo.mjs +1 -23
  348. package/dist/jsx/GroupDemo.mjs.map +2 -2
  349. package/dist/jsx/HeadingsDemo.js +1 -14
  350. package/dist/jsx/HeadingsDemo.js.map +2 -2
  351. package/dist/jsx/HeadingsDemo.mjs +1 -14
  352. package/dist/jsx/HeadingsDemo.mjs.map +2 -2
  353. package/dist/jsx/ImageDemo.js +1 -7
  354. package/dist/jsx/ImageDemo.js.map +2 -2
  355. package/dist/jsx/ImageDemo.mjs +1 -7
  356. package/dist/jsx/ImageDemo.mjs.map +2 -2
  357. package/dist/jsx/InputsDemo.js +1 -18
  358. package/dist/jsx/InputsDemo.js.map +2 -2
  359. package/dist/jsx/InputsDemo.mjs +1 -18
  360. package/dist/jsx/InputsDemo.mjs.map +2 -2
  361. package/dist/jsx/LabelDemo.js +1 -16
  362. package/dist/jsx/LabelDemo.js.map +2 -2
  363. package/dist/jsx/LabelDemo.mjs +1 -16
  364. package/dist/jsx/LabelDemo.mjs.map +2 -2
  365. package/dist/jsx/LinearGradientDemo.js +1 -25
  366. package/dist/jsx/LinearGradientDemo.js.map +2 -2
  367. package/dist/jsx/LinearGradientDemo.mjs +1 -25
  368. package/dist/jsx/LinearGradientDemo.mjs.map +2 -2
  369. package/dist/jsx/ListItemDemo.js +1 -39
  370. package/dist/jsx/ListItemDemo.js.map +2 -2
  371. package/dist/jsx/ListItemDemo.mjs +1 -39
  372. package/dist/jsx/ListItemDemo.mjs.map +2 -2
  373. package/dist/jsx/LucideIconsDemo.js +1 -31
  374. package/dist/jsx/LucideIconsDemo.js.map +2 -2
  375. package/dist/jsx/LucideIconsDemo.mjs +1 -31
  376. package/dist/jsx/LucideIconsDemo.mjs.map +2 -2
  377. package/dist/jsx/PopoverDemo.js +1 -66
  378. package/dist/jsx/PopoverDemo.js.map +2 -2
  379. package/dist/jsx/PopoverDemo.mjs +1 -66
  380. package/dist/jsx/PopoverDemo.mjs.map +2 -2
  381. package/dist/jsx/ProgressDemo.js +1 -42
  382. package/dist/jsx/ProgressDemo.js.map +2 -2
  383. package/dist/jsx/ProgressDemo.mjs +1 -42
  384. package/dist/jsx/ProgressDemo.mjs.map +2 -2
  385. package/dist/jsx/RadioGroupDemo.js +1 -18
  386. package/dist/jsx/RadioGroupDemo.js.map +2 -2
  387. package/dist/jsx/RadioGroupDemo.mjs +1 -18
  388. package/dist/jsx/RadioGroupDemo.mjs.map +2 -2
  389. package/dist/jsx/ScrollViewDemo.js +1 -16
  390. package/dist/jsx/ScrollViewDemo.js.map +2 -2
  391. package/dist/jsx/ScrollViewDemo.mjs +1 -16
  392. package/dist/jsx/ScrollViewDemo.mjs.map +2 -2
  393. package/dist/jsx/SelectDemo.js +1 -72
  394. package/dist/jsx/SelectDemo.js.map +2 -2
  395. package/dist/jsx/SelectDemo.mjs +1 -72
  396. package/dist/jsx/SelectDemo.mjs.map +2 -2
  397. package/dist/jsx/SeparatorDemo.js +1 -18
  398. package/dist/jsx/SeparatorDemo.js.map +2 -2
  399. package/dist/jsx/SeparatorDemo.mjs +1 -18
  400. package/dist/jsx/SeparatorDemo.mjs.map +2 -2
  401. package/dist/jsx/ShapesDemo.js +1 -10
  402. package/dist/jsx/ShapesDemo.js.map +2 -2
  403. package/dist/jsx/ShapesDemo.mjs +1 -10
  404. package/dist/jsx/ShapesDemo.mjs.map +2 -2
  405. package/dist/jsx/SheetDemo.js +1 -65
  406. package/dist/jsx/SheetDemo.js.map +2 -2
  407. package/dist/jsx/SheetDemo.mjs +1 -65
  408. package/dist/jsx/SheetDemo.mjs.map +2 -2
  409. package/dist/jsx/SliderDemo.js +1 -17
  410. package/dist/jsx/SliderDemo.js.map +2 -2
  411. package/dist/jsx/SliderDemo.mjs +1 -17
  412. package/dist/jsx/SliderDemo.mjs.map +2 -2
  413. package/dist/jsx/SpinnerDemo.js +1 -10
  414. package/dist/jsx/SpinnerDemo.js.map +2 -2
  415. package/dist/jsx/SpinnerDemo.mjs +1 -10
  416. package/dist/jsx/SpinnerDemo.mjs.map +2 -2
  417. package/dist/jsx/StacksDemo.js +1 -45
  418. package/dist/jsx/StacksDemo.js.map +2 -2
  419. package/dist/jsx/StacksDemo.mjs +1 -45
  420. package/dist/jsx/StacksDemo.mjs.map +2 -2
  421. package/dist/jsx/SwitchDemo.js +1 -26
  422. package/dist/jsx/SwitchDemo.js.map +2 -2
  423. package/dist/jsx/SwitchDemo.mjs +1 -26
  424. package/dist/jsx/SwitchDemo.mjs.map +2 -2
  425. package/dist/jsx/TabsAdvancedDemo.js +1 -219
  426. package/dist/jsx/TabsAdvancedDemo.js.map +2 -2
  427. package/dist/jsx/TabsAdvancedDemo.mjs +1 -219
  428. package/dist/jsx/TabsAdvancedDemo.mjs.map +2 -2
  429. package/dist/jsx/TabsDemo.js +1 -105
  430. package/dist/jsx/TabsDemo.js.map +2 -2
  431. package/dist/jsx/TabsDemo.mjs +1 -105
  432. package/dist/jsx/TabsDemo.mjs.map +2 -2
  433. package/dist/jsx/TextDemo.js +1 -14
  434. package/dist/jsx/TextDemo.js.map +2 -2
  435. package/dist/jsx/TextDemo.mjs +1 -14
  436. package/dist/jsx/TextDemo.mjs.map +2 -2
  437. package/dist/jsx/ThemeInverseDemo.js +1 -18
  438. package/dist/jsx/ThemeInverseDemo.js.map +2 -2
  439. package/dist/jsx/ThemeInverseDemo.mjs +1 -18
  440. package/dist/jsx/ThemeInverseDemo.mjs.map +2 -2
  441. package/dist/jsx/ToastDemo.js +1 -74
  442. package/dist/jsx/ToastDemo.js.map +3 -3
  443. package/dist/jsx/ToastDemo.mjs +1 -74
  444. package/dist/jsx/ToastDemo.mjs.map +3 -3
  445. package/dist/jsx/ToastDuplicateDemo.js +1 -34
  446. package/dist/jsx/ToastDuplicateDemo.js.map +2 -2
  447. package/dist/jsx/ToastDuplicateDemo.mjs +1 -34
  448. package/dist/jsx/ToastDuplicateDemo.mjs.map +2 -2
  449. package/dist/jsx/ToggleGroupDemo.js +1 -39
  450. package/dist/jsx/ToggleGroupDemo.js.map +2 -2
  451. package/dist/jsx/ToggleGroupDemo.mjs +1 -39
  452. package/dist/jsx/ToggleGroupDemo.mjs.map +2 -2
  453. package/dist/jsx/TokensDemo.js +1 -77
  454. package/dist/jsx/TokensDemo.js.map +2 -2
  455. package/dist/jsx/TokensDemo.mjs +1 -77
  456. package/dist/jsx/TokensDemo.mjs.map +2 -2
  457. package/dist/jsx/TooltipDemo.js +1 -63
  458. package/dist/jsx/TooltipDemo.js.map +2 -2
  459. package/dist/jsx/TooltipDemo.mjs +1 -63
  460. package/dist/jsx/TooltipDemo.mjs.map +2 -2
  461. package/dist/jsx/UpdateThemeDemo.js +1 -48
  462. package/dist/jsx/UpdateThemeDemo.js.map +2 -2
  463. package/dist/jsx/UpdateThemeDemo.mjs +1 -48
  464. package/dist/jsx/UpdateThemeDemo.mjs.map +2 -2
  465. package/dist/jsx/conf.js +1 -4
  466. package/dist/jsx/conf.js.map +1 -1
  467. package/dist/jsx/conf.mjs +1 -4
  468. package/dist/jsx/conf.mjs.map +1 -1
  469. package/dist/jsx/index.js +1 -91
  470. package/dist/jsx/index.js.map +2 -2
  471. package/dist/jsx/index.mjs +1 -91
  472. package/dist/jsx/index.mjs.map +2 -2
  473. package/dist/jsx/tamagui.config.js +1 -5
  474. package/dist/jsx/tamagui.config.js.map +2 -2
  475. package/dist/jsx/tamagui.config.mjs +1 -5
  476. package/dist/jsx/tamagui.config.mjs.map +2 -2
  477. package/dist/jsx/useOnIntersecting.js +1 -67
  478. package/dist/jsx/useOnIntersecting.js.map +2 -2
  479. package/dist/jsx/useOnIntersecting.mjs +1 -67
  480. package/dist/jsx/useOnIntersecting.mjs.map +2 -2
  481. package/package.json +18 -18
  482. package/src/ToastDemo.tsx +4 -4
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/FormsDemo.tsx"],
4
4
  "sourcesContent": ["import { stat } from 'fs'\n\nimport { useEffect, useState } from 'react'\nimport { Button, Form, H4, SizeTokens, Spinner, XStack, YStack } from 'tamagui'\n\nexport function FormsDemo(props: { size: SizeTokens }) {\n const [status, setStatus] = useState<'off' | 'submitting' | 'submitted'>('off')\n\n useEffect(() => {\n if (status === 'submitting') {\n const timer = setTimeout(() => setStatus('off'), 2000)\n return () => {\n clearTimeout(timer)\n }\n }\n }, [status])\n\n return (\n <Form\n alignItems=\"center\"\n minWidth={300}\n space\n onSubmit={() => setStatus('submitting')}\n borderWidth={1}\n borderRadius=\"$4\"\n backgroundColor=\"$background\"\n borderColor=\"$borderColor\"\n padding=\"$8\"\n >\n <H4>{status[0].toUpperCase() + status.slice(1)}</H4>\n\n <Form.Trigger asChild disabled={status !== 'off'}>\n <Button icon={status === 'submitting' ? () => <Spinner /> : undefined}>\n Submit\n </Button>\n </Form.Trigger>\n </Form>\n )\n}\n"],
5
- "mappings": "AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAA+B;AAE/D,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,YAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,CAAC;AAAA,IACC,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,UAAU,MAAM,UAAU,YAAY;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA;AAAA,IAER,CAAC,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,EAA9C;AAAA,IAED,CAAC,KAAK,QAAQ,QAAQ,UAAU,WAAW,OACzC,CAAC,OAAO,MAAM,WAAW,eAAe,MAAM,CAAC,QAAQ,KAAK,QAAW,MAEvE,EAFC,OAGH,EAJC,KAAK;AAAA,EAKR,EAlBC;AAoBL;",
6
- "names": []
5
+ "mappings": "AAEA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QACpC,OAAS,UAAAC,EAAQ,QAAAC,EAAM,MAAAC,EAAgB,WAAAC,MAA+B,UAE/D,SAASC,EAAUC,EAA6B,CACrD,KAAM,CAACC,EAAQC,CAAS,EAAIR,EAA6C,KAAK,EAE9E,OAAAD,EAAU,IAAM,CACd,GAAIQ,IAAW,aAAc,CAC3B,MAAME,EAAQ,WAAW,IAAMD,EAAU,KAAK,EAAG,GAAI,EACrD,MAAO,IAAM,CACX,aAAaC,CAAK,CACpB,CACF,CACF,EAAG,CAACF,CAAM,CAAC,EAGT,CAACL,EACC,WAAW,QACX,UAAU,IACV,MACA,UAAU,IAAMM,EAAU,YAAY,EACtC,aAAa,EACb,aAAa,IACb,gBAAgB,aAChB,YAAY,cACZ,QAAQ,KAER,CAACL,GAAII,EAAO,CAAC,EAAE,YAAY,EAAIA,EAAO,MAAM,CAAC,EAAE,EAA9CJ,EAED,CAACD,EAAK,QAAQ,QAAQ,UAAUK,IAAW,OACzC,CAACN,EAAO,MAAMM,IAAW,aAAe,IAAM,CAACH,CAAQ,GAAK,QAAW,MAEvE,EAFCH,EAGH,EAJCC,EAAK,QAKR,EAlBCA,EAoBL",
6
+ "names": ["useEffect", "useState", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "timer"]
7
7
  }
@@ -1,24 +1,2 @@
1
- import { Activity, Airplay } from "@tamagui/lucide-icons";
2
- import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
3
- function GroupDemo() {
4
- return <YStack padding="$3" space="$2" alignItems="center">
5
- <Group axis="horizontal">
6
- <Group.Item><Button>First</Button></Group.Item>
7
- <Group.Item><Button>Second</Button></Group.Item>
8
- <Group.Item><Button>Third</Button></Group.Item>
9
- </Group>
10
- <XGroup size="$3" $gtSm={{ size: "$5" }}>
11
- <XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
12
- <XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
13
- </XGroup>
14
- <YGroup separator={<Separator />}>
15
- <YGroup.Item><ListItem title="First" /></YGroup.Item>
16
- <YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
17
- <YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
18
- </YGroup>
19
- </YStack>;
20
- }
21
- export {
22
- GroupDemo
23
- };
1
+ import{Activity as B,Airplay as z}from"@tamagui/lucide-icons";import{Button as I,Group as G,ListItem as Y,Separator as X,XGroup as $,YGroup as S,YStack as F}from"tamagui";function k(){return<F padding="$3"space="$2"alignItems="center"><G axis="horizontal"><G.Item><I>First</I></G.Item><G.Item><I>Second</I></G.Item><G.Item><I>Third</I></G.Item></G><$ size="$3"$gtSm={{size:"$5"}}><$.Item><I size="$3"icon={B}>First</I></$.Item><$.Item><I size="$3"icon={z}>Second</I></$.Item></$><S separator={<X/>}><S.Item><Y title="First"/></S.Item><S.Item><Y title="Second"subTitle="Second subtitle"/></S.Item><S.Item><Y>Third</Y></S.Item></S></F>}export{k as GroupDemo};
24
2
  //# sourceMappingURL=GroupDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/GroupDemo.tsx"],
4
4
  "sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n return (\n <YStack padding=\"$3\" space=\"$2\" alignItems=\"center\">\n <Group axis=\"horizontal\">\n <Group.Item>\n <Button>First</Button>\n </Group.Item>\n <Group.Item>\n <Button>Second</Button>\n </Group.Item>\n <Group.Item>\n <Button>Third</Button>\n </Group.Item>\n </Group>\n\n {/* responsive + size */}\n <XGroup size=\"$3\" $gtSm={{ size: '$5' }}>\n <XGroup.Item>\n <Button size=\"$3\" icon={Activity}>\n First\n </Button>\n </XGroup.Item>\n <XGroup.Item>\n <Button size=\"$3\" icon={Airplay}>\n Second\n </Button>\n </XGroup.Item>\n </XGroup>\n\n {/* Separator */}\n <YGroup separator={<Separator />}>\n <YGroup.Item>\n <ListItem title=\"First\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem>Third</ListItem>\n </YGroup.Item>\n </YGroup>\n </YStack>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,MAAM,KAAK;AAAA,MACV,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,IAGT,EAVC;AAAA,IAaD,CAAC,OAAO,KAAK,KAAK,OAAO,EAAE,MAAM,KAAK;AAAA,MACpC,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,UAAU,KAElC,EAFC,OAGH,EAJC,OAAO;AAAA,MAKR,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAXC;AAAA,IAcD,CAAC,OAAO,WAAW,CAAC,UAAU;AAAA,MAC5B,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,QAAQ,EAC1B,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,KAAK,EAAd,SACH,EAFC,OAAO;AAAA,IAGV,EAVC;AAAA,EAWH,EAvCC;AAyCL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,YAAAA,EAAU,WAAAC,MAAe,wBAClC,OAAS,UAAAC,EAAQ,SAAAC,EAAO,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEpE,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,MAAM,IAAK,WAAW,SACzC,CAACL,EAAM,KAAK,aACV,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,MAAM,EAAbA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGT,EAVCA,EAaD,CAACG,EAAO,KAAK,IAAK,OAAO,CAAE,KAAM,IAAK,GACpC,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMF,GAAU,KAElC,EAFCE,EAGH,EAJCI,EAAO,KAKR,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMD,GAAS,MAEjC,EAFCC,EAGH,EAJCI,EAAO,KAKV,EAXCA,EAcD,CAACC,EAAO,WAAW,CAACF,CAAU,IAC5B,CAACE,EAAO,KACN,CAACH,EAAS,MAAM,OAAQ,EAC1B,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,MAAM,QAAS,SAAS,iBAAkB,EACtD,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,KAAK,EAAdA,EACH,EAFCG,EAAO,KAGV,EAVCA,EAWH,EAvCCC,EAyCL",
6
+ "names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo"]
7
7
  }
@@ -1,24 +1,2 @@
1
- import { Activity, Airplay } from "@tamagui/lucide-icons";
2
- import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
3
- function GroupDemo() {
4
- return <YStack padding="$3" space="$2" alignItems="center">
5
- <Group axis="horizontal">
6
- <Group.Item><Button>First</Button></Group.Item>
7
- <Group.Item><Button>Second</Button></Group.Item>
8
- <Group.Item><Button>Third</Button></Group.Item>
9
- </Group>
10
- <XGroup size="$3" $gtSm={{ size: "$5" }}>
11
- <XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
12
- <XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
13
- </XGroup>
14
- <YGroup separator={<Separator />}>
15
- <YGroup.Item><ListItem title="First" /></YGroup.Item>
16
- <YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
17
- <YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
18
- </YGroup>
19
- </YStack>;
20
- }
21
- export {
22
- GroupDemo
23
- };
1
+ import{Activity as B,Airplay as z}from"@tamagui/lucide-icons";import{Button as I,Group as G,ListItem as Y,Separator as X,XGroup as $,YGroup as S,YStack as F}from"tamagui";function k(){return<F padding="$3"space="$2"alignItems="center"><G axis="horizontal"><G.Item><I>First</I></G.Item><G.Item><I>Second</I></G.Item><G.Item><I>Third</I></G.Item></G><$ size="$3"$gtSm={{size:"$5"}}><$.Item><I size="$3"icon={B}>First</I></$.Item><$.Item><I size="$3"icon={z}>Second</I></$.Item></$><S separator={<X/>}><S.Item><Y title="First"/></S.Item><S.Item><Y title="Second"subTitle="Second subtitle"/></S.Item><S.Item><Y>Third</Y></S.Item></S></F>}export{k as GroupDemo};
24
2
  //# sourceMappingURL=GroupDemo.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/GroupDemo.tsx"],
4
4
  "sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n return (\n <YStack padding=\"$3\" space=\"$2\" alignItems=\"center\">\n <Group axis=\"horizontal\">\n <Group.Item>\n <Button>First</Button>\n </Group.Item>\n <Group.Item>\n <Button>Second</Button>\n </Group.Item>\n <Group.Item>\n <Button>Third</Button>\n </Group.Item>\n </Group>\n\n {/* responsive + size */}\n <XGroup size=\"$3\" $gtSm={{ size: '$5' }}>\n <XGroup.Item>\n <Button size=\"$3\" icon={Activity}>\n First\n </Button>\n </XGroup.Item>\n <XGroup.Item>\n <Button size=\"$3\" icon={Airplay}>\n Second\n </Button>\n </XGroup.Item>\n </XGroup>\n\n {/* Separator */}\n <YGroup separator={<Separator />}>\n <YGroup.Item>\n <ListItem title=\"First\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem>Third</ListItem>\n </YGroup.Item>\n </YGroup>\n </YStack>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,MAAM,KAAK;AAAA,MACV,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,IAGT,EAVC;AAAA,IAaD,CAAC,OAAO,KAAK,KAAK,OAAO,EAAE,MAAM,KAAK;AAAA,MACpC,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,UAAU,KAElC,EAFC,OAGH,EAJC,OAAO;AAAA,MAKR,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAXC;AAAA,IAcD,CAAC,OAAO,WAAW,CAAC,UAAU;AAAA,MAC5B,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,QAAQ,EAC1B,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,KAAK,EAAd,SACH,EAFC,OAAO;AAAA,IAGV,EAVC;AAAA,EAWH,EAvCC;AAyCL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,YAAAA,EAAU,WAAAC,MAAe,wBAClC,OAAS,UAAAC,EAAQ,SAAAC,EAAO,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEpE,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,MAAM,IAAK,WAAW,SACzC,CAACL,EAAM,KAAK,aACV,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,MAAM,EAAbA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGT,EAVCA,EAaD,CAACG,EAAO,KAAK,IAAK,OAAO,CAAE,KAAM,IAAK,GACpC,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMF,GAAU,KAElC,EAFCE,EAGH,EAJCI,EAAO,KAKR,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMD,GAAS,MAEjC,EAFCC,EAGH,EAJCI,EAAO,KAKV,EAXCA,EAcD,CAACC,EAAO,WAAW,CAACF,CAAU,IAC5B,CAACE,EAAO,KACN,CAACH,EAAS,MAAM,OAAQ,EAC1B,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,MAAM,QAAS,SAAS,iBAAkB,EACtD,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,KAAK,EAAdA,EACH,EAFCG,EAAO,KAGV,EAVCA,EAWH,EAvCCC,EAyCL",
6
+ "names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo"]
7
7
  }
@@ -1,15 +1,2 @@
1
- import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
2
- function HeadingsDemo() {
3
- return <YStack alignSelf="center">
4
- <H1>Heading 1</H1>
5
- <H2>Heading 2</H2>
6
- <H3>Heading 3</H3>
7
- <H4>Heading 4</H4>
8
- <H5>Heading 5</H5>
9
- <H6>Heading 6</H6>
10
- </YStack>;
11
- }
12
- export {
13
- HeadingsDemo
14
- };
1
+ import{H1 as H,H2 as S,H3 as Y,H4 as D,H5 as R,H6 as A,YStack as B}from"tamagui";function G(){return<B alignSelf="center"><H>Heading 1</H><S>Heading 2</S><Y>Heading 3</Y><D>Heading 4</D><R>Heading 5</R><A>Heading 6</A></B>}export{G as HeadingsDemo};
15
2
  //# sourceMappingURL=HeadingsDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/HeadingsDemo.tsx"],
4
4
  "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n return (\n <YStack alignSelf=\"center\">\n <H1>Heading 1</H1>\n <H2>Heading 2</H2>\n <H3>Heading 3</H3>\n <H4>Heading 4</H4>\n <H5>Heading 5</H5>\n <H6>Heading 6</H6>\n </YStack>\n )\n}\n"],
5
- "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
6
- "names": []
5
+ "mappings": "AACA,OAAS,MAAAA,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,UAAAC,MAAc,UAExC,SAASC,GAAe,CAC7B,MACE,CAACD,EAAO,UAAU,SAChB,CAACN,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACH,EAPCC,EASL",
6
+ "names": ["H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo"]
7
7
  }
@@ -1,15 +1,2 @@
1
- import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
2
- function HeadingsDemo() {
3
- return <YStack alignSelf="center">
4
- <H1>Heading 1</H1>
5
- <H2>Heading 2</H2>
6
- <H3>Heading 3</H3>
7
- <H4>Heading 4</H4>
8
- <H5>Heading 5</H5>
9
- <H6>Heading 6</H6>
10
- </YStack>;
11
- }
12
- export {
13
- HeadingsDemo
14
- };
1
+ import{H1 as H,H2 as S,H3 as Y,H4 as D,H5 as R,H6 as A,YStack as B}from"tamagui";function G(){return<B alignSelf="center"><H>Heading 1</H><S>Heading 2</S><Y>Heading 3</Y><D>Heading 4</D><R>Heading 5</R><A>Heading 6</A></B>}export{G as HeadingsDemo};
15
2
  //# sourceMappingURL=HeadingsDemo.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/HeadingsDemo.tsx"],
4
4
  "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n return (\n <YStack alignSelf=\"center\">\n <H1>Heading 1</H1>\n <H2>Heading 2</H2>\n <H3>Heading 3</H3>\n <H4>Heading 4</H4>\n <H5>Heading 5</H5>\n <H6>Heading 6</H6>\n </YStack>\n )\n}\n"],
5
- "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
6
- "names": []
5
+ "mappings": "AACA,OAAS,MAAAA,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,UAAAC,MAAc,UAExC,SAASC,GAAe,CAC7B,MACE,CAACD,EAAO,UAAU,SAChB,CAACN,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACH,EAPCC,EASL",
6
+ "names": ["H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo"]
7
7
  }
@@ -1,8 +1,2 @@
1
- import { Image } from "tamagui";
2
- function ImageDemo() {
3
- return <Image src="https://placekitten.com/200/300" width={200} height={300} />;
4
- }
5
- export {
6
- ImageDemo
7
- };
1
+ import{Image as I}from"tamagui";function k(){return<I src="https://placekitten.com/200/300"width={200}height={300}/>}export{k as ImageDemo};
8
2
  //# sourceMappingURL=ImageDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ImageDemo.tsx"],
4
4
  "sourcesContent": ["import { Image } from 'tamagui'\n\nexport function ImageDemo() {\n return <Image src=\"https://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
5
- "mappings": "AAAA,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SAAO,CAAC,MAAM,IAAI,kCAAkC,OAAO,KAAK,QAAQ,KAAK;AAC/E;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,SAAAA,MAAa,UAEf,SAASC,GAAY,CAC1B,MAAO,CAACD,EAAM,IAAI,iCAAkC,OAAO,IAAK,QAAQ,IAAK,EAC/E",
6
+ "names": ["Image", "ImageDemo"]
7
7
  }
@@ -1,8 +1,2 @@
1
- import { Image } from "tamagui";
2
- function ImageDemo() {
3
- return <Image src="https://placekitten.com/200/300" width={200} height={300} />;
4
- }
5
- export {
6
- ImageDemo
7
- };
1
+ import{Image as I}from"tamagui";function k(){return<I src="https://placekitten.com/200/300"width={200}height={300}/>}export{k as ImageDemo};
8
2
  //# sourceMappingURL=ImageDemo.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ImageDemo.tsx"],
4
4
  "sourcesContent": ["import { Image } from 'tamagui'\n\nexport function ImageDemo() {\n return <Image src=\"https://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
5
- "mappings": "AAAA,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SAAO,CAAC,MAAM,IAAI,kCAAkC,OAAO,KAAK,QAAQ,KAAK;AAC/E;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,SAAAA,MAAa,UAEf,SAASC,GAAY,CAC1B,MAAO,CAACD,EAAM,IAAI,iCAAkC,OAAO,IAAK,QAAQ,IAAK,EAC/E",
6
+ "names": ["Image", "ImageDemo"]
7
7
  }
@@ -1,19 +1,2 @@
1
- import { Button, Input, TextArea, XStack, YStack } from "tamagui";
2
- function InputsDemo() {
3
- return <YStack width={200} mih={250} overflow="hidden" space="$2" margin="$3" padding="$2">
4
- <InputDemo size="$2" />
5
- <InputDemo size="$3" />
6
- <InputDemo size="$4" />
7
- <TextArea minHeight={140} placeholder="Enter your details..." numberOfLines={4} />
8
- </YStack>;
9
- }
10
- function InputDemo(props) {
11
- return <XStack alignItems="center" space="$2">
12
- <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
13
- <Button size={props.size}>Go</Button>
14
- </XStack>;
15
- }
16
- export {
17
- InputsDemo
18
- };
1
+ import{Button as S,Input as I,TextArea as T,XStack as B,YStack as D}from"tamagui";function b(){return<D width={200}mih={250}overflow="hidden"space="$2"margin="$3"padding="$2"><$ size="$2"/><$ size="$3"/><$ size="$4"/><T minHeight={140}placeholder="Enter your details..."numberOfLines={4}/></D>}function $(e){return<B alignItems="center"space="$2"><I flex={1}size={e.size}placeholder={`Size ${e.size}...`}/><S size={e.size}>Go</S></B>}export{b as InputsDemo};
19
2
  //# sourceMappingURL=InputsDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/InputsDemo.tsx"],
4
4
  "sourcesContent": ["import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function InputsDemo() {\n return (\n <YStack width={200} mih={250} overflow=\"hidden\" space=\"$2\" margin=\"$3\" padding=\"$2\">\n <InputDemo size=\"$2\" />\n <InputDemo size=\"$3\" />\n <InputDemo size=\"$4\" />\n <TextArea minHeight={140} placeholder=\"Enter your details...\" numberOfLines={4} />\n </YStack>\n )\n}\n\nfunction InputDemo(props: { size: SizeTokens }) {\n return (\n <XStack alignItems=\"center\" space=\"$2\">\n <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />\n <Button size={props.size}>Go</Button>\n </XStack>\n )\n}"],
5
- "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,OAAO,KAAK,QAAQ;AAAA,IAC7E,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,SAAS,WAAW,KAAK,YAAY,wBAAwB,eAAe,GAAG;AAAA,EAClF,EALC;AAOL;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,UAAAA,EAAQ,SAAAC,EAAmB,YAAAC,EAAU,UAAAC,EAAQ,UAAAC,MAAc,UAE7D,SAASC,GAAa,CAC3B,MACE,CAACD,EAAO,OAAO,IAAK,KAAK,IAAK,SAAS,QAAS,MAAM,IAAK,OAAO,IAAK,QAAQ,KAC7E,CAACE,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACJ,EAAS,WAAW,IAAK,YAAY,uBAAwB,eAAe,EAAG,EAClF,EALCE,EAOL,CAEA,SAASE,EAAUC,EAA6B,CAC9C,MACE,CAACJ,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,MAAM,EAAG,MAAMM,EAAM,KAAM,aAAa,QAAQA,EAAM,UAAW,EACxE,CAACP,EAAO,MAAMO,EAAM,MAAM,EAAE,EAA3BP,EACH,EAHCG,EAKL",
6
+ "names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "InputDemo", "props"]
7
7
  }
@@ -1,19 +1,2 @@
1
- import { Button, Input, TextArea, XStack, YStack } from "tamagui";
2
- function InputsDemo() {
3
- return <YStack width={200} mih={250} overflow="hidden" space="$2" margin="$3" padding="$2">
4
- <InputDemo size="$2" />
5
- <InputDemo size="$3" />
6
- <InputDemo size="$4" />
7
- <TextArea minHeight={140} placeholder="Enter your details..." numberOfLines={4} />
8
- </YStack>;
9
- }
10
- function InputDemo(props) {
11
- return <XStack alignItems="center" space="$2">
12
- <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
13
- <Button size={props.size}>Go</Button>
14
- </XStack>;
15
- }
16
- export {
17
- InputsDemo
18
- };
1
+ import{Button as S,Input as I,TextArea as T,XStack as B,YStack as D}from"tamagui";function b(){return<D width={200}mih={250}overflow="hidden"space="$2"margin="$3"padding="$2"><$ size="$2"/><$ size="$3"/><$ size="$4"/><T minHeight={140}placeholder="Enter your details..."numberOfLines={4}/></D>}function $(e){return<B alignItems="center"space="$2"><I flex={1}size={e.size}placeholder={`Size ${e.size}...`}/><S size={e.size}>Go</S></B>}export{b as InputsDemo};
19
2
  //# sourceMappingURL=InputsDemo.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/InputsDemo.tsx"],
4
4
  "sourcesContent": ["import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function InputsDemo() {\n return (\n <YStack width={200} mih={250} overflow=\"hidden\" space=\"$2\" margin=\"$3\" padding=\"$2\">\n <InputDemo size=\"$2\" />\n <InputDemo size=\"$3\" />\n <InputDemo size=\"$4\" />\n <TextArea minHeight={140} placeholder=\"Enter your details...\" numberOfLines={4} />\n </YStack>\n )\n}\n\nfunction InputDemo(props: { size: SizeTokens }) {\n return (\n <XStack alignItems=\"center\" space=\"$2\">\n <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />\n <Button size={props.size}>Go</Button>\n </XStack>\n )\n}"],
5
- "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,OAAO,KAAK,QAAQ;AAAA,IAC7E,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,SAAS,WAAW,KAAK,YAAY,wBAAwB,eAAe,GAAG;AAAA,EAClF,EALC;AAOL;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,UAAAA,EAAQ,SAAAC,EAAmB,YAAAC,EAAU,UAAAC,EAAQ,UAAAC,MAAc,UAE7D,SAASC,GAAa,CAC3B,MACE,CAACD,EAAO,OAAO,IAAK,KAAK,IAAK,SAAS,QAAS,MAAM,IAAK,OAAO,IAAK,QAAQ,KAC7E,CAACE,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACJ,EAAS,WAAW,IAAK,YAAY,uBAAwB,eAAe,EAAG,EAClF,EALCE,EAOL,CAEA,SAASE,EAAUC,EAA6B,CAC9C,MACE,CAACJ,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,MAAM,EAAG,MAAMM,EAAM,KAAM,aAAa,QAAQA,EAAM,UAAW,EACxE,CAACP,EAAO,MAAMO,EAAM,MAAM,EAAE,EAA3BP,EACH,EAHCG,EAKL",
6
+ "names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "InputDemo", "props"]
7
7
  }
@@ -1,17 +1,2 @@
1
- import { Input, Label, Switch, XStack, YStack } from "tamagui";
2
- function LabelDemo() {
3
- return <YStack padding="$3" minWidth={300} space="$4">
4
- <XStack alignItems="center" space="$4">
5
- <Label width={90} htmlFor="name">Name</Label>
6
- <Input flex={1} id="name" defaultValue="Nate Wienert" />
7
- </XStack>
8
- <XStack alignItems="center" space="$4">
9
- <Label width={90} htmlFor="notify">Notifications</Label>
10
- <Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
11
- </XStack>
12
- </YStack>;
13
- }
14
- export {
15
- LabelDemo
16
- };
1
+ import{Input as I,Label as S,Switch as L,XStack as $,YStack as N}from"tamagui";function x(){return<N padding="$3"minWidth={300}space="$4"><$ alignItems="center"space="$4"><S width={90}htmlFor="name">Name</S><I flex={1}id="name"defaultValue="Nate Wienert"/></$><$ alignItems="center"space="$4"><S width={90}htmlFor="notify">Notifications</S><L id="notify"><L.Thumb animation="quick"/></L></$></N>}export{x as LabelDemo};
17
2
  //# sourceMappingURL=LabelDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/LabelDemo.tsx"],
4
4
  "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack padding=\"$3\" minWidth={300} space=\"$4\">\n <XStack alignItems=\"center\" space=\"$4\">\n <Label width={90} htmlFor=\"name\">\n Name\n </Label>\n <Input flex={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack alignItems=\"center\" space=\"$4\">\n <Label width={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,UAAU,KAAK,MAAM;AAAA,IACxC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,OAAO,IAEjC,EAFC;AAAA,MAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACxD,EALC;AAAA,IAOD,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,SAAS,aAEnC,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,SAAAA,EAAO,SAAAC,EAAO,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,UAAU,IAAK,MAAM,KACxC,CAACD,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,OAAO,IAEjC,EAFCA,EAGD,CAACD,EAAM,MAAM,EAAG,GAAG,MAAO,aAAa,cAAe,EACxD,EALCG,EAOD,CAACA,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,SAAS,aAEnC,EAFCA,EAGD,CAACC,EAAO,GAAG,SACT,CAACA,EAAO,MAAM,UAAU,OAAQ,EAClC,EAFCA,EAGH,EAPCC,EAQH,EAhBCC,EAkBL",
6
+ "names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo"]
7
7
  }
@@ -1,17 +1,2 @@
1
- import { Input, Label, Switch, XStack, YStack } from "tamagui";
2
- function LabelDemo() {
3
- return <YStack padding="$3" minWidth={300} space="$4">
4
- <XStack alignItems="center" space="$4">
5
- <Label width={90} htmlFor="name">Name</Label>
6
- <Input flex={1} id="name" defaultValue="Nate Wienert" />
7
- </XStack>
8
- <XStack alignItems="center" space="$4">
9
- <Label width={90} htmlFor="notify">Notifications</Label>
10
- <Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
11
- </XStack>
12
- </YStack>;
13
- }
14
- export {
15
- LabelDemo
16
- };
1
+ import{Input as I,Label as S,Switch as L,XStack as $,YStack as N}from"tamagui";function x(){return<N padding="$3"minWidth={300}space="$4"><$ alignItems="center"space="$4"><S width={90}htmlFor="name">Name</S><I flex={1}id="name"defaultValue="Nate Wienert"/></$><$ alignItems="center"space="$4"><S width={90}htmlFor="notify">Notifications</S><L id="notify"><L.Thumb animation="quick"/></L></$></N>}export{x as LabelDemo};
17
2
  //# sourceMappingURL=LabelDemo.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/LabelDemo.tsx"],
4
4
  "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack padding=\"$3\" minWidth={300} space=\"$4\">\n <XStack alignItems=\"center\" space=\"$4\">\n <Label width={90} htmlFor=\"name\">\n Name\n </Label>\n <Input flex={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack alignItems=\"center\" space=\"$4\">\n <Label width={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,UAAU,KAAK,MAAM;AAAA,IACxC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,OAAO,IAEjC,EAFC;AAAA,MAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACxD,EALC;AAAA,IAOD,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,SAAS,aAEnC,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,SAAAA,EAAO,SAAAC,EAAO,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,UAAU,IAAK,MAAM,KACxC,CAACD,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,OAAO,IAEjC,EAFCA,EAGD,CAACD,EAAM,MAAM,EAAG,GAAG,MAAO,aAAa,cAAe,EACxD,EALCG,EAOD,CAACA,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,SAAS,aAEnC,EAFCA,EAGD,CAACC,EAAO,GAAG,SACT,CAACA,EAAO,MAAM,UAAU,OAAQ,EAClC,EAFCA,EAGH,EAPCC,EAQH,EAhBCC,EAkBL",
6
+ "names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo"]
7
7
  }
@@ -1,26 +1,2 @@
1
- import { XStack } from "tamagui";
2
- import { LinearGradient } from "tamagui/linear-gradient";
3
- function LinearGradientDemo() {
4
- return <XStack space>
5
- <LinearGradient
6
- width="$6"
7
- height="$6"
8
- borderRadius="$4"
9
- colors={["$red10", "$yellow10"]}
10
- start={[0, 1]}
11
- end={[0, 0]}
12
- />
13
- <LinearGradient
14
- width="$6"
15
- height="$6"
16
- borderRadius="$4"
17
- colors={["$background", "$color"]}
18
- start={[1, 1]}
19
- end={[0, 0]}
20
- />
21
- </XStack>;
22
- }
23
- export {
24
- LinearGradientDemo
25
- };
1
+ import{XStack as G}from"tamagui";import{LinearGradient as $}from"tamagui/linear-gradient";function S(){return<G space><$ width="$6"height="$6"borderRadius="$4"colors={["$red10","$yellow10"]}start={[0,1]}end={[0,0]}/><$ width="$6"height="$6"borderRadius="$4"colors={["$background","$color"]}start={[1,1]}end={[0,0]}/></G>}export{S as LinearGradientDemo};
26
2
  //# sourceMappingURL=LinearGradientDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradientDemo.tsx"],
4
4
  "sourcesContent": ["import { XStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function LinearGradientDemo() {\n return (\n <XStack space>\n {/* tokens */}\n <LinearGradient\n width=\"$6\"\n height=\"$6\"\n borderRadius=\"$4\"\n colors={['$red10', '$yellow10']}\n start={[0, 1]}\n end={[0, 0]}\n />\n\n {/* theme values */}\n <LinearGradient\n width=\"$6\"\n height=\"$6\"\n borderRadius=\"$4\"\n colors={['$background', '$color']}\n start={[1, 1]}\n end={[0, 0]}\n />\n </XStack>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,CAAC,OAAO;AAAA,IAEN,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,UAAU,WAAW;AAAA,MAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,IAGA,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAChC,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,EACF,EApBC;AAsBL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,UAAAA,MAAc,UACvB,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAqB,CACnC,MACE,CAACF,EAAO,MAEN,CAACC,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,SAAU,WAAW,EAC9B,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EAGA,CAACA,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,cAAe,QAAQ,EAChC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EACF,EApBCD,EAsBL",
6
+ "names": ["XStack", "LinearGradient", "LinearGradientDemo"]
7
7
  }
@@ -1,26 +1,2 @@
1
- import { XStack } from "tamagui";
2
- import { LinearGradient } from "tamagui/linear-gradient";
3
- function LinearGradientDemo() {
4
- return <XStack space>
5
- <LinearGradient
6
- width="$6"
7
- height="$6"
8
- borderRadius="$4"
9
- colors={["$red10", "$yellow10"]}
10
- start={[0, 1]}
11
- end={[0, 0]}
12
- />
13
- <LinearGradient
14
- width="$6"
15
- height="$6"
16
- borderRadius="$4"
17
- colors={["$background", "$color"]}
18
- start={[1, 1]}
19
- end={[0, 0]}
20
- />
21
- </XStack>;
22
- }
23
- export {
24
- LinearGradientDemo
25
- };
1
+ import{XStack as G}from"tamagui";import{LinearGradient as $}from"tamagui/linear-gradient";function S(){return<G space><$ width="$6"height="$6"borderRadius="$4"colors={["$red10","$yellow10"]}start={[0,1]}end={[0,0]}/><$ width="$6"height="$6"borderRadius="$4"colors={["$background","$color"]}start={[1,1]}end={[0,0]}/></G>}export{S as LinearGradientDemo};
26
2
  //# sourceMappingURL=LinearGradientDemo.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradientDemo.tsx"],
4
4
  "sourcesContent": ["import { XStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function LinearGradientDemo() {\n return (\n <XStack space>\n {/* tokens */}\n <LinearGradient\n width=\"$6\"\n height=\"$6\"\n borderRadius=\"$4\"\n colors={['$red10', '$yellow10']}\n start={[0, 1]}\n end={[0, 0]}\n />\n\n {/* theme values */}\n <LinearGradient\n width=\"$6\"\n height=\"$6\"\n borderRadius=\"$4\"\n colors={['$background', '$color']}\n start={[1, 1]}\n end={[0, 0]}\n />\n </XStack>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,CAAC,OAAO;AAAA,IAEN,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,UAAU,WAAW;AAAA,MAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,IAGA,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAChC,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,EACF,EApBC;AAsBL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,UAAAA,MAAc,UACvB,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAqB,CACnC,MACE,CAACF,EAAO,MAEN,CAACC,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,SAAU,WAAW,EAC9B,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EAGA,CAACA,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,cAAe,QAAQ,EAChC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EACF,EApBCD,EAsBL",
6
+ "names": ["XStack", "LinearGradient", "LinearGradientDemo"]
7
7
  }
@@ -1,40 +1,2 @@
1
- import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
2
- import { ListItem, Separator, XStack, YGroup } from "tamagui";
3
- function ListItemDemo() {
4
- return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
5
- <ListItemDemo1 />
6
- <ListItemDemo2 />
7
- </XStack>;
8
- }
9
- function ListItemDemo1() {
10
- return <YGroup alignSelf="center" bordered width={240} size="$4">
11
- <YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
12
- <YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
13
- <YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
14
- <YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
15
- </YGroup>;
16
- }
17
- function ListItemDemo2() {
18
- return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
19
- <YGroup.Item><ListItem
20
- hoverTheme
21
- pressTheme
22
- title="Star"
23
- subTitle="Subtitle"
24
- icon={Star}
25
- iconAfter={ChevronRight}
26
- /></YGroup.Item>
27
- <YGroup.Item><ListItem
28
- hoverTheme
29
- pressTheme
30
- title="Moon"
31
- subTitle="Subtitle"
32
- icon={Moon}
33
- iconAfter={ChevronRight}
34
- /></YGroup.Item>
35
- </YGroup>;
36
- }
37
- export {
38
- ListItemDemo
39
- };
1
+ import{ChevronRight as T,Cloud as G,Moon as d,Star as f,Sun as Y}from"@tamagui/lucide-icons";import{ListItem as S,Separator as L,XStack as D,YGroup as I}from"tamagui";function A(){return<D $sm={{flexDirection:"column"}}paddingHorizontal="$4"space><$/><C/></D>}function $(){return<I alignSelf="center"bordered width={240}size="$4"><I.Item><S hoverTheme icon={f}title="Star"subTitle="Twinkles"/></I.Item><I.Item><S hoverTheme icon={d}>Moon</S></I.Item><I.Item><S hoverTheme icon={Y}>Sun</S></I.Item><I.Item><S hoverTheme icon={G}>Cloud</S></I.Item></I>}function C(){return<I alignSelf="center"bordered width={240}size="$5"separator={<L/>}><I.Item><S hoverTheme pressTheme title="Star"subTitle="Subtitle"icon={f}iconAfter={T}/></I.Item><I.Item><S hoverTheme pressTheme title="Moon"subTitle="Subtitle"icon={d}iconAfter={T}/></I.Item></I>}export{A as ListItemDemo};
40
2
  //# sourceMappingURL=ListItemDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ListItemDemo.tsx"],
4
4
  "sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/lucide-icons'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} paddingHorizontal=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$4\">\n <YGroup.Item>\n <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </YGroup.Item>\n </YGroup>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$5\" separator={<Separator />}>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Star\"\n subTitle=\"Subtitle\"\n icon={Star}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Moon\"\n subTitle=\"Subtitle\"\n icon={Moon}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n </YGroup>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAE7C,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,kBAAkB,KAAK;AAAA,IAC/D,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK;AAAA,IACnD,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,MAAM,OAAO,SAAS,WAAW,EACpE,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC,SAGH,EAJC,OAAO;AAAA,EAKV,EAnBC;AAqBL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,IAC9E,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,EAUV,EArBC;AAuBL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,gBAAAA,EAAc,SAAAC,EAAO,QAAAC,EAAM,QAAAC,EAAM,OAAAC,MAAW,wBACrD,OAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAe,CAC7B,MACE,CAACF,EAAO,KAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,IAAK,MAC/D,CAACG,CAAc,EACf,CAACC,CAAc,EACjB,EAHCJ,EAKL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACF,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,KACnD,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMF,EAAM,MAAM,MAAO,SAAS,UAAW,EACpE,EAFCK,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMH,GAAM,IAEjC,EAFCG,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMD,GAAK,GAEhC,EAFCC,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMJ,GAAO,KAElC,EAFCI,EAGH,EAJCG,EAAO,KAKV,EAnBCA,EAqBL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACH,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,IAAK,WAAW,CAACF,CAAU,IAC9E,CAACE,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMF,EACN,WAAWH,EACb,EACF,EATCQ,EAAO,KAUR,CAACA,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMH,EACN,WAAWF,EACb,EACF,EATCQ,EAAO,KAUV,EArBCA,EAuBL",
6
+ "names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "ListItemDemo1", "ListItemDemo2"]
7
7
  }
@@ -1,40 +1,2 @@
1
- import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
2
- import { ListItem, Separator, XStack, YGroup } from "tamagui";
3
- function ListItemDemo() {
4
- return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
5
- <ListItemDemo1 />
6
- <ListItemDemo2 />
7
- </XStack>;
8
- }
9
- function ListItemDemo1() {
10
- return <YGroup alignSelf="center" bordered width={240} size="$4">
11
- <YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
12
- <YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
13
- <YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
14
- <YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
15
- </YGroup>;
16
- }
17
- function ListItemDemo2() {
18
- return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
19
- <YGroup.Item><ListItem
20
- hoverTheme
21
- pressTheme
22
- title="Star"
23
- subTitle="Subtitle"
24
- icon={Star}
25
- iconAfter={ChevronRight}
26
- /></YGroup.Item>
27
- <YGroup.Item><ListItem
28
- hoverTheme
29
- pressTheme
30
- title="Moon"
31
- subTitle="Subtitle"
32
- icon={Moon}
33
- iconAfter={ChevronRight}
34
- /></YGroup.Item>
35
- </YGroup>;
36
- }
37
- export {
38
- ListItemDemo
39
- };
1
+ import{ChevronRight as T,Cloud as G,Moon as d,Star as f,Sun as Y}from"@tamagui/lucide-icons";import{ListItem as S,Separator as L,XStack as D,YGroup as I}from"tamagui";function A(){return<D $sm={{flexDirection:"column"}}paddingHorizontal="$4"space><$/><C/></D>}function $(){return<I alignSelf="center"bordered width={240}size="$4"><I.Item><S hoverTheme icon={f}title="Star"subTitle="Twinkles"/></I.Item><I.Item><S hoverTheme icon={d}>Moon</S></I.Item><I.Item><S hoverTheme icon={Y}>Sun</S></I.Item><I.Item><S hoverTheme icon={G}>Cloud</S></I.Item></I>}function C(){return<I alignSelf="center"bordered width={240}size="$5"separator={<L/>}><I.Item><S hoverTheme pressTheme title="Star"subTitle="Subtitle"icon={f}iconAfter={T}/></I.Item><I.Item><S hoverTheme pressTheme title="Moon"subTitle="Subtitle"icon={d}iconAfter={T}/></I.Item></I>}export{A as ListItemDemo};
40
2
  //# sourceMappingURL=ListItemDemo.mjs.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ListItemDemo.tsx"],
4
4
  "sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/lucide-icons'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} paddingHorizontal=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$4\">\n <YGroup.Item>\n <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </YGroup.Item>\n </YGroup>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$5\" separator={<Separator />}>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Star\"\n subTitle=\"Subtitle\"\n icon={Star}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Moon\"\n subTitle=\"Subtitle\"\n icon={Moon}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n </YGroup>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAE7C,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,kBAAkB,KAAK;AAAA,IAC/D,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK;AAAA,IACnD,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,MAAM,OAAO,SAAS,WAAW,EACpE,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC,SAGH,EAJC,OAAO;AAAA,EAKV,EAnBC;AAqBL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,IAC9E,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,EAUV,EArBC;AAuBL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,gBAAAA,EAAc,SAAAC,EAAO,QAAAC,EAAM,QAAAC,EAAM,OAAAC,MAAW,wBACrD,OAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAe,CAC7B,MACE,CAACF,EAAO,KAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,IAAK,MAC/D,CAACG,CAAc,EACf,CAACC,CAAc,EACjB,EAHCJ,EAKL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACF,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,KACnD,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMF,EAAM,MAAM,MAAO,SAAS,UAAW,EACpE,EAFCK,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMH,GAAM,IAEjC,EAFCG,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMD,GAAK,GAEhC,EAFCC,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMJ,GAAO,KAElC,EAFCI,EAGH,EAJCG,EAAO,KAKV,EAnBCA,EAqBL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACH,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,IAAK,WAAW,CAACF,CAAU,IAC9E,CAACE,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMF,EACN,WAAWH,EACb,EACF,EATCQ,EAAO,KAUR,CAACA,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMH,EACN,WAAWF,EACb,EACF,EATCQ,EAAO,KAUV,EArBCA,EAuBL",
6
+ "names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "ListItemDemo1", "ListItemDemo2"]
7
7
  }