@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/TabsDemo.tsx"],
4
4
  "sourcesContent": ["import { useState } from 'react'\nimport {\n Button,\n H5,\n Separator,\n SizableText,\n Tabs,\n TabsContentProps,\n XStack,\n YStack,\n} from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\nconst demosTitle: Record<(typeof demos)[number], string> = {\n horizontal: 'Horizontal',\n vertical: 'Vertical',\n}\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n // web only fix for position relative\n <YStack paddingHorizontal=\"$4\" position={'unset' as any}>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack\n alignItems=\"center\"\n space\n position=\"absolute\"\n bottom=\"$3\"\n left=\"$4\"\n $xxs={{ display: 'none' }}\n >\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demosTitle[demo]}\n </Button>\n </XStack>\n </YStack>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n borderRadius=\"$4\"\n borderWidth=\"$0.25\"\n overflow=\"hidden\"\n borderColor=\"$borderColor\"\n >\n <Tabs.List\n separator={<Separator vertical />}\n disablePassBorderRadius=\"bottom\"\n aria-label=\"Manage your account\"\n >\n <Tabs.Tab flex={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Tab>\n <Tabs.Tab flex={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Tab>\n <Tabs.Tab flex={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Tab>\n </Tabs.List>\n <Separator />\n <TabsContent value=\"tab1\">\n <H5>Profile</H5>\n </TabsContent>\n\n <TabsContent value=\"tab2\">\n <H5>Connections</H5>\n </TabsContent>\n\n <TabsContent value=\"tab3\">\n <H5>Notifications</H5>\n </TabsContent>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n borderRadius=\"$4\"\n borderWidth=\"$0.25\"\n overflow=\"hidden\"\n borderColor=\"$borderColor\"\n >\n <Tabs.List\n disablePassBorderRadius=\"end\"\n aria-label=\"Manage your account\"\n separator={<Separator />}\n >\n <Tabs.Tab value=\"tab1\">\n <SizableText>Profile</SizableText>\n </Tabs.Tab>\n <Tabs.Tab value=\"tab2\">\n <SizableText>Connections</SizableText>\n </Tabs.Tab>\n <Tabs.Tab value=\"tab3\">\n <SizableText>Notifications</SizableText>\n </Tabs.Tab>\n </Tabs.List>\n <Separator vertical />\n <TabsContent value=\"tab1\">\n <H5 textAlign=\"center\">Profile</H5>\n </TabsContent>\n <TabsContent value=\"tab2\">\n <H5 textAlign=\"center\">Connections</H5>\n </TabsContent>\n <TabsContent value=\"tab3\">\n <H5 textAlign=\"center\">Notifications</H5>\n </TabsContent>\n </Tabs>\n )\n}\n\nconst TabsContent = (props: TabsContentProps) => {\n return (\n <Tabs.Content\n backgroundColor=\"$background\"\n key=\"tab3\"\n padding=\"$2\"\n alignItems=\"center\"\n justifyContent=\"center\"\n flex={1}\n borderColor=\"$background\"\n borderRadius=\"$2\"\n borderTopLeftRadius={0}\n borderTopRightRadius={0}\n borderWidth=\"$2\"\n {...props}\n >\n {props.children}\n </Tabs.Content>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBI;AAAA;AAAA;AAAA;AAxBJ,mBAAyB;AACzB,qBASO;AAEP,MAAM,QAAQ,CAAC,cAAc,UAAU;AACvC,MAAM,aAAqD;AAAA,EACzD,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B,SAEE,6CAAC,yBAAO,mBAAkB,MAAK,UAAU,SACtC;AAAA,aAAS,eAAe,4CAAC,kBAAe,IAAK,4CAAC,gBAAa;AAAA,IAE5D;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,sDAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,qBAAW,IAAI,GAClB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,MAAM,iBAAiB,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MAEZ;AAAA;AAAA,UAAC,oBAAK;AAAA,UAAL;AAAA,YACC,WAAW,4CAAC,4BAAU,UAAQ,MAAC;AAAA,YAC/B,yBAAwB;AAAA,YACxB,cAAW;AAAA,YAEX;AAAA,0DAAC,oBAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,sDAAC,8BAAY,YAAW,SAAQ,qBAAO,GACzC;AAAA,cACA,4CAAC,oBAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,sDAAC,8BAAY,YAAW,SAAQ,yBAAW,GAC7C;AAAA,cACA,4CAAC,oBAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,sDAAC,8BAAY,YAAW,SAAQ,2BAAa,GAC/C;AAAA;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,4BAAU;AAAA,QACX,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,qBAAO,GACb;AAAA,QAEA,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,yBAAW,GACjB;AAAA,QAEA,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,2BAAa,GACnB;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MAEZ;AAAA;AAAA,UAAC,oBAAK;AAAA,UAAL;AAAA,YACC,yBAAwB;AAAA,YACxB,cAAW;AAAA,YACX,WAAW,4CAAC,4BAAU;AAAA,YAEtB;AAAA,0DAAC,oBAAK,KAAL,EAAS,OAAM,QACd,sDAAC,8BAAY,qBAAO,GACtB;AAAA,cACA,4CAAC,oBAAK,KAAL,EAAS,OAAM,QACd,sDAAC,8BAAY,yBAAW,GAC1B;AAAA,cACA,4CAAC,oBAAK,KAAL,EAAS,OAAM,QACd,sDAAC,8BAAY,2BAAa,GAC5B;AAAA;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,4BAAU,UAAQ,MAAC;AAAA,QACpB,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,WAAU,UAAS,qBAAO,GAChC;AAAA,QACA,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,WAAU,UAAS,yBAAW,GACpC;AAAA,QACA,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,WAAU,UAAS,2BAAa,GACtC;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,cAAc,CAAC,UAA4B;AAC/C,SACE;AAAA,IAAC,oBAAK;AAAA,IAAL;AAAA,MACC,iBAAgB;AAAA,MAEhB,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,aAAY;AAAA,MACX,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,IAZH;AAAA,EAaN;AAEJ;",
6
- "names": []
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAwBI,IAAAI,EAAA,6BAxBJC,EAAyB,iBACzBC,EASO,mBAEP,MAAMC,EAAQ,CAAC,aAAc,UAAU,EACjCC,EAAqD,CACzD,WAAY,aACZ,SAAU,UACZ,EAEO,SAASN,GAAW,CACzB,KAAM,CAACO,EAAWC,CAAY,KAAI,YAAS,CAAC,EACtCC,EAAOJ,EAAME,CAAS,EAE5B,SAEE,QAAC,UAAO,kBAAkB,KAAK,SAAU,QACtC,UAAAE,IAAS,gBAAe,OAACC,EAAA,EAAe,KAAK,OAACC,EAAA,EAAa,KAE5D,OAAC,UACC,WAAW,SACX,MAAK,GACL,SAAS,WACT,OAAO,KACP,KAAK,KACL,KAAM,CAAE,QAAS,MAAO,EAExB,mBAAC,UAAO,KAAK,KAAK,QAAS,IAAMH,EAAcI,IAAOA,EAAI,GAAKP,EAAM,MAAM,EACxE,SAAAC,EAAWG,CAAI,EAClB,EACF,GACF,CAEJ,CAEA,MAAMC,EAAiB,OAEnB,QAAC,QACC,aAAa,OACb,YAAY,aACZ,cAAc,SACd,MAAO,IACP,OAAQ,IACR,aAAa,KACb,YAAY,QACZ,SAAS,SACT,YAAY,eAEZ,qBAAC,OAAK,KAAL,CACC,aAAW,OAAC,aAAU,SAAQ,GAAC,EAC/B,wBAAwB,SACxB,aAAW,sBAEX,oBAAC,OAAK,IAAL,CAAS,KAAM,EAAG,MAAM,OACvB,mBAAC,eAAY,WAAW,QAAQ,mBAAO,EACzC,KACA,OAAC,OAAK,IAAL,CAAS,KAAM,EAAG,MAAM,OACvB,mBAAC,eAAY,WAAW,QAAQ,uBAAW,EAC7C,KACA,OAAC,OAAK,IAAL,CAAS,KAAM,EAAG,MAAM,OACvB,mBAAC,eAAY,WAAW,QAAQ,yBAAa,EAC/C,GACF,KACA,OAAC,cAAU,KACX,OAACG,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,mBAAO,EACb,KAEA,OAACA,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,uBAAW,EACjB,KAEA,OAACA,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,yBAAa,EACnB,GACF,EAIEF,EAAe,OAEjB,QAAC,QACC,aAAa,OACb,cAAc,MACd,YAAY,WACZ,MAAO,IACP,aAAa,KACb,YAAY,QACZ,SAAS,SACT,YAAY,eAEZ,qBAAC,OAAK,KAAL,CACC,wBAAwB,MACxB,aAAW,sBACX,aAAW,OAAC,cAAU,EAEtB,oBAAC,OAAK,IAAL,CAAS,MAAM,OACd,mBAAC,eAAY,mBAAO,EACtB,KACA,OAAC,OAAK,IAAL,CAAS,MAAM,OACd,mBAAC,eAAY,uBAAW,EAC1B,KACA,OAAC,OAAK,IAAL,CAAS,MAAM,OACd,mBAAC,eAAY,yBAAa,EAC5B,GACF,KACA,OAAC,aAAU,SAAQ,GAAC,KACpB,OAACE,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,UAAU,SAAS,mBAAO,EAChC,KACA,OAACA,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,UAAU,SAAS,uBAAW,EACpC,KACA,OAACA,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,UAAU,SAAS,yBAAa,EACtC,GACF,EAIEA,EAAeC,MAEjB,OAAC,OAAK,QAAL,CACC,gBAAgB,cAEhB,QAAQ,KACR,WAAW,SACX,eAAe,SACf,KAAM,EACN,YAAY,cACZ,aAAa,KACb,oBAAqB,EACrB,qBAAsB,EACtB,YAAY,KACX,GAAGA,EAEH,SAAAA,EAAM,UAZH,MAaN",
6
+ "names": ["TabsDemo_exports", "__export", "TabsDemo", "__toCommonJS", "import_jsx_runtime", "import_react", "import_tamagui", "demos", "demosTitle", "demoIndex", "setDemoIndex", "demo", "HorizontalTabs", "VerticalTabs", "x", "TabsContent", "props"]
7
7
  }
@@ -1,40 +1,2 @@
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: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var TextDemo_exports = {};
20
- __export(TextDemo_exports, {
21
- TextDemo: () => TextDemo
22
- });
23
- module.exports = __toCommonJS(TextDemo_exports);
24
- var import_jsx_runtime = require("react/jsx-runtime");
25
- var import_tamagui = require("tamagui");
26
- function TextDemo() {
27
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$2", alignItems: "center", children: [
28
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$3", children: "SizableText" }),
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt2", size: "$3", children: "alt2" })
32
- ] }),
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" })
34
- ] });
35
- }
36
- // Annotate the CommonJS export names for ESM import in node:
37
- 0 && (module.exports = {
38
- TextDemo
39
- });
1
+ "use strict";var z=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(i,a)=>{for(var l in a)z(i,l,{get:a[l],enumerable:!0})},x=(i,a,l,S)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of o(a))!p.call(i,r)&&r!==l&&z(i,r,{get:()=>a[r],enumerable:!(S=c(a,r))||S.enumerable});return i};var T=i=>x(z({},"__esModule",{value:!0}),i);var s={};m(s,{TextDemo:()=>h});module.exports=T(s);var t=require("react/jsx-runtime"),e=require("tamagui");function h(){return(0,t.jsxs)(e.YStack,{space:"$2",alignItems:"center",children:[(0,t.jsx)(e.SizableText,{size:"$3",children:"SizableText"}),(0,t.jsxs)(e.XStack,{space:!0,children:[(0,t.jsx)(e.SizableText,{theme:"alt1",size:"$3",children:"alt1"}),(0,t.jsx)(e.SizableText,{theme:"alt2",size:"$3",children:"alt2"})]}),(0,t.jsx)(e.Paragraph,{size:"$2",fontWeight:"800",children:"Paragraph"})]})}0&&(module.exports={TextDemo});
40
2
  //# sourceMappingURL=TextDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/TextDemo.tsx"],
4
4
  "sourcesContent": ["import React from 'react'\nimport { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'\n\nexport function TextDemo() {\n return (\n <YStack space=\"$2\" alignItems=\"center\">\n <SizableText size=\"$3\">SizableText</SizableText>\n <XStack space>\n <SizableText theme=\"alt1\" size=\"$3\">\n alt1\n </SizableText>\n <SizableText theme=\"alt2\" size=\"$3\">\n alt2\n </SizableText>\n </XStack>\n <Paragraph size=\"$2\" fontWeight=\"800\">\n Paragraph\n </Paragraph>\n </YStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAA6D;AAEtD,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,gDAAC,8BAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,6CAAC,yBAAO,OAAK,MACX;AAAA,kDAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,4CAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,4CAAC,4BAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
6
- "names": []
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAMM,IAAAI,EAAA,6BALNC,EAA6D,mBAEtD,SAASH,GAAW,CACzB,SACE,QAAC,UAAO,MAAM,KAAK,WAAW,SAC5B,oBAAC,eAAY,KAAK,KAAK,uBAAW,KAClC,QAAC,UAAO,MAAK,GACX,oBAAC,eAAY,MAAM,OAAO,KAAK,KAAK,gBAEpC,KACA,OAAC,eAAY,MAAM,OAAO,KAAK,KAAK,gBAEpC,GACF,KACA,OAAC,aAAU,KAAK,KAAK,WAAW,MAAM,qBAEtC,GACF,CAEJ",
6
+ "names": ["TextDemo_exports", "__export", "TextDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
7
7
  }
@@ -1,44 +1,2 @@
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: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var ThemeInverseDemo_exports = {};
20
- __export(ThemeInverseDemo_exports, {
21
- ThemeInverseDemo: () => ThemeInverseDemo
22
- });
23
- module.exports = __toCommonJS(ThemeInverseDemo_exports);
24
- var import_jsx_runtime = require("react/jsx-runtime");
25
- var import_tamagui = require("tamagui");
26
- function ThemeInverseDemo() {
27
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
28
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {}),
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { inverse: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {}) })
30
- ] });
31
- }
32
- function Buttons() {
33
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { backgroundColor: "$background", padding: "$3", borderRadius: "$3", space: true, children: [
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Dark" }),
35
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: true, children: "Inversed" }),
36
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "alt1", children: "Alt1 Dark" }),
37
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "yellow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Yellow dark" }) })
38
- ] });
39
- }
40
- // Annotate the CommonJS export names for ESM import in node:
41
- 0 && (module.exports = {
42
- ThemeInverseDemo
43
- });
1
+ "use strict";var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var s=(o,n)=>{for(var a in n)u(o,a,{get:n[a],enumerable:!0})},h=(o,n,a,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of d(n))!l.call(o,r)&&r!==a&&u(o,r,{get:()=>n[r],enumerable:!(c=m(n,r))||c.enumerable});return o};var B=o=>h(u({},"__esModule",{value:!0}),o);var p={};s(p,{ThemeInverseDemo:()=>i});module.exports=B(p);var e=require("react/jsx-runtime"),t=require("tamagui");function i(){return(0,e.jsxs)(t.XStack,{space:!0,children:[(0,e.jsx)(k,{}),(0,e.jsx)(t.Theme,{inverse:!0,children:(0,e.jsx)(k,{})})]})}function k(){return(0,e.jsxs)(t.YStack,{backgroundColor:"$background",padding:"$3",borderRadius:"$3",space:!0,children:[(0,e.jsx)(t.Button,{children:"Dark"}),(0,e.jsx)(t.Button,{themeInverse:!0,children:"Inversed"}),(0,e.jsx)(t.Button,{theme:"alt1",children:"Alt1 Dark"}),(0,e.jsx)(t.Theme,{name:"yellow",children:(0,e.jsx)(t.Button,{children:"Yellow dark"})})]})}0&&(module.exports={ThemeInverseDemo});
44
2
  //# sourceMappingURL=ThemeInverseDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeInverseDemo.tsx"],
4
4
  "sourcesContent": ["import { Button, Theme, XStack, YStack } from 'tamagui'\n\nexport function ThemeInverseDemo() {\n return (\n <XStack space>\n <Buttons />\n <Theme inverse>\n <Buttons />\n </Theme>\n </XStack>\n )\n}\n\nfunction Buttons() {\n return (\n <YStack backgroundColor=\"$background\" padding=\"$3\" borderRadius=\"$3\" space>\n <Button>Dark</Button>\n <Button themeInverse>Inversed</Button>\n <Button theme=\"alt1\">Alt1 Dark</Button>\n <Theme name=\"yellow\">\n <Button>Yellow dark</Button>\n </Theme>\n </YStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAA8C;AAEvC,SAAS,mBAAmB;AACjC,SACE,6CAAC,yBAAO,OAAK,MACX;AAAA,gDAAC,WAAQ;AAAA,IACT,4CAAC,wBAAM,SAAO,MACZ,sDAAC,WAAQ,GACX;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU;AACjB,SACE,6CAAC,yBAAO,iBAAgB,eAAc,SAAQ,MAAK,cAAa,MAAK,OAAK,MACxE;AAAA,gDAAC,yBAAO,kBAAI;AAAA,IACZ,4CAAC,yBAAO,cAAY,MAAC,sBAAQ;AAAA,IAC7B,4CAAC,yBAAO,OAAM,QAAO,uBAAS;AAAA,IAC9B,4CAAC,wBAAM,MAAK,UACV,sDAAC,yBAAO,yBAAW,GACrB;AAAA,KACF;AAEJ;",
6
- "names": []
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAA8C,mBAEvC,SAASH,GAAmB,CACjC,SACE,QAAC,UAAO,MAAK,GACX,oBAACI,EAAA,EAAQ,KACT,OAAC,SAAM,QAAO,GACZ,mBAACA,EAAA,EAAQ,EACX,GACF,CAEJ,CAEA,SAASA,GAAU,CACjB,SACE,QAAC,UAAO,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAAK,MAAK,GACxE,oBAAC,UAAO,gBAAI,KACZ,OAAC,UAAO,aAAY,GAAC,oBAAQ,KAC7B,OAAC,UAAO,MAAM,OAAO,qBAAS,KAC9B,OAAC,SAAM,KAAK,SACV,mBAAC,UAAO,uBAAW,EACrB,GACF,CAEJ",
6
+ "names": ["ThemeInverseDemo_exports", "__export", "ThemeInverseDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "Buttons"]
7
7
  }
@@ -1,129 +1,2 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var ToastDemo_exports = {};
30
- __export(ToastDemo_exports, {
31
- ToastDemo: () => ToastDemo
32
- });
33
- module.exports = __toCommonJS(ToastDemo_exports);
34
- var import_jsx_runtime = require("react/jsx-runtime");
35
- var import_toast = require("@tamagui/toast");
36
- var import_react = __toESM(require("react"));
37
- var import_tamagui = require("tamagui");
38
- const ToastDemo = () => {
39
- const [native, setNative] = import_react.default.useState(false);
40
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, alignItems: "center", children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastControl, { native }),
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CurrentToast, {}),
43
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeOptions, { native, setNative })
44
- ] });
45
- };
46
- const CurrentToast = () => {
47
- const { currentToast } = (0, import_toast.useToast)();
48
- if (!currentToast || currentToast.isHandledNatively)
49
- return null;
50
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
51
- import_toast.Toast,
52
- {
53
- duration: currentToast.duration,
54
- enterStyle: { opacity: 0, scale: 0.5, y: -25 },
55
- exitStyle: { opacity: 0, scale: 1, y: -20 },
56
- y: 0,
57
- opacity: 1,
58
- scale: 1,
59
- animation: "100ms",
60
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
61
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: currentToast.title }),
62
- !!currentToast.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, { children: currentToast.message })
63
- ] })
64
- },
65
- currentToast.id
66
- );
67
- };
68
- const ToastControl = ({ native }) => {
69
- const toast = (0, import_toast.useToast)();
70
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", justifyContent: "center", children: [
71
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
72
- import_tamagui.Button,
73
- {
74
- onPress: () => {
75
- toast.show("Successfully saved!", {
76
- message: "Don't worry, we've got your data.",
77
- native
78
- });
79
- },
80
- children: "Show"
81
- }
82
- ),
83
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
84
- import_tamagui.Button,
85
- {
86
- onPress: () => {
87
- toast.hide();
88
- },
89
- children: "Hide"
90
- }
91
- )
92
- ] });
93
- };
94
- const NativeOptions = ({
95
- native,
96
- setNative
97
- }) => {
98
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", children: [
99
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$1", children: "Custom" }),
100
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
101
- import_tamagui.Switch,
102
- {
103
- theme: "active",
104
- size: "$1",
105
- checked: !!native,
106
- onCheckedChange: (val) => setNative(val),
107
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
108
- import_tamagui.Switch.Thumb,
109
- {
110
- animation: [
111
- "quick",
112
- {
113
- transform: {
114
- overshootClamping: true
115
- }
116
- }
117
- ]
118
- }
119
- )
120
- }
121
- ),
122
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$1", children: "Native" })
123
- ] });
124
- };
125
- // Annotate the CommonJS export names for ESM import in node:
126
- 0 && (module.exports = {
127
- ToastDemo
128
- });
1
+ "use strict";var m=Object.create;var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var s in e)r(t,s,{get:e[s],enumerable:!0})},l=(t,e,s,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of S(e))!p.call(t,n)&&n!==s&&r(t,n,{get:()=>e[n],enumerable:!(c=v(e,n))||c.enumerable});return t};var d=(t,e,s)=>(s=t!=null?m(T(t)):{},l(e||!t||!t.__esModule?r(s,"default",{value:t,enumerable:!0}):s,t)),h=t=>l(r({},"__esModule",{value:!0}),t);var g={};y(g,{ToastDemo:()=>k});module.exports=h(g);var a=require("react/jsx-runtime"),i=require("@tamagui/toast"),u=d(require("react")),o=require("tamagui");const k=()=>{const[t,e]=u.default.useState(!1);return(0,a.jsxs)(o.YStack,{space:!0,alignItems:"center",children:[(0,a.jsx)(C,{native:t}),(0,a.jsx)(f,{}),(0,a.jsx)(b,{native:t,setNative:e})]})},f=()=>{const t=(0,i.useToastState)();return!t||t.isHandledNatively?null:(0,a.jsx)(i.Toast,{duration:t.duration,enterStyle:{opacity:0,scale:.5,y:-25},exitStyle:{opacity:0,scale:1,y:-20},y:0,opacity:1,scale:1,animation:"100ms",children:(0,a.jsxs)(o.YStack,{children:[(0,a.jsx)(i.Toast.Title,{children:t.title}),!!t.message&&(0,a.jsx)(i.Toast.Description,{children:t.message})]})},t.id)},C=({native:t})=>{const e=(0,i.useToastController)();return(0,a.jsxs)(o.XStack,{space:"$2",justifyContent:"center",children:[(0,a.jsx)(o.Button,{onPress:()=>{e.show("Successfully saved!",{message:"Don't worry, we've got your data.",native:t})},children:"Show"}),(0,a.jsx)(o.Button,{onPress:()=>{e.hide()},children:"Hide"})]})},b=({native:t,setNative:e})=>(0,a.jsxs)(o.XStack,{space:"$3",children:[(0,a.jsx)(o.SizableText,{size:"$1",children:"Custom"}),(0,a.jsx)(o.Switch,{theme:"active",size:"$1",checked:!!t,onCheckedChange:s=>e(s),children:(0,a.jsx)(o.Switch.Thumb,{animation:["quick",{transform:{overshootClamping:!0}}]})}),(0,a.jsx)(o.SizableText,{size:"$1",children:"Native"})]});0&&(module.exports={ToastDemo});
129
2
  //# sourceMappingURL=ToastDemo.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToastDemo.tsx"],
4
- "sourcesContent": ["import { useToast, Toast } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState<boolean>(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const { currentToast } = useToast()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToast()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AARJ,mBAAgC;AAChC,mBAAkB;AAClB,qBAA4D;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAkB,KAAK;AAEzD,SACE,6CAAC,yBAAO,OAAK,MAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,EAAE,aAAa,QAAI,uBAAS;AAElC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MAEV,uDAAC,yBACC;AAAA,oDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAdK,aAAa;AAAA,EAepB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,uBAAS;AACvB,SACE,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,6CAAC,yBAAO,OAAM,MACZ;AAAA,gDAAC,8BAAY,MAAK,MAAK,oBAAM;AAAA,IAE7B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,sBAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,4CAAC,8BAAY,MAAK,MAAK,oBAAM;AAAA,KAC/B;AAEJ;",
6
- "names": ["React"]
4
+ "sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAQI,IAAAI,EAAA,6BARJC,EAAyD,0BACzDC,EAAkB,oBAClBC,EAA4D,mBAErD,MAAML,EAAY,IAAM,CAC7B,KAAM,CAACM,EAAQC,CAAS,EAAI,EAAAC,QAAM,SAAS,EAAK,EAEhD,SACE,QAAC,UAAO,MAAK,GAAC,WAAW,SACvB,oBAACC,EAAA,CAAa,OAAQH,EAAQ,KAC9B,OAACI,EAAA,EAAa,KAEd,OAACC,EAAA,CAAc,OAAQL,EAAQ,UAAWC,EAAW,GACvD,CAEJ,EAEMG,EAAe,IAAM,CACzB,MAAME,KAAe,iBAAc,EAEnC,MAAI,CAACA,GAAgBA,EAAa,kBAA0B,QAE1D,OAAC,SAEC,SAAUA,EAAa,SACvB,WAAY,CAAE,QAAS,EAAG,MAAO,GAAK,EAAG,GAAI,EAC7C,UAAW,CAAE,QAAS,EAAG,MAAO,EAAG,EAAG,GAAI,EAC1C,EAAG,EACH,QAAS,EACT,MAAO,EACP,UAAU,QAEV,oBAAC,UACC,oBAAC,QAAM,MAAN,CAAa,SAAAA,EAAa,MAAM,EAChC,CAAC,CAACA,EAAa,YACd,OAAC,QAAM,YAAN,CAAmB,SAAAA,EAAa,QAAQ,GAE7C,GAdKA,EAAa,EAepB,CAEJ,EAEMH,EAAe,CAAC,CAAE,OAAAH,CAAO,IAA2B,CACxD,MAAMO,KAAQ,sBAAmB,EACjC,SACE,QAAC,UAAO,MAAM,KAAK,eAAe,SAChC,oBAAC,UACC,QAAS,IAAM,CACbA,EAAM,KAAK,sBAAuB,CAChC,QAAS,oCACT,OAAAP,CACF,CAAC,CACH,EACD,gBAED,KACA,OAAC,UACC,QAAS,IAAM,CACbO,EAAM,KAAK,CACb,EACD,gBAED,GACF,CAEJ,EAEMF,EAAgB,CAAC,CACrB,OAAAL,EACA,UAAAC,CACF,OAKI,QAAC,UAAO,MAAM,KACZ,oBAAC,eAAY,KAAK,KAAK,kBAAM,KAE7B,OAAC,UACC,MAAM,SACN,KAAK,KACL,QAAS,CAAC,CAACD,EACX,gBAAkBQ,GAAQP,EAAUO,CAAG,EAEvC,mBAAC,SAAO,MAAP,CACC,UAAW,CACT,QACA,CACE,UAAW,CACT,kBAAmB,EACrB,CACF,CACF,EACF,EACF,KAEA,OAAC,eAAY,KAAK,KAAK,kBAAM,GAC/B",
6
+ "names": ["ToastDemo_exports", "__export", "ToastDemo", "__toCommonJS", "import_jsx_runtime", "import_toast", "import_react", "import_tamagui", "native", "setNative", "React", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "toast", "val"]
7
7
  }
@@ -1,78 +1,2 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var ToastDuplicateDemo_exports = {};
30
- __export(ToastDuplicateDemo_exports, {
31
- ToastDuplicateDemo: () => ToastDuplicateDemo
32
- });
33
- module.exports = __toCommonJS(ToastDuplicateDemo_exports);
34
- var import_jsx_runtime = require("react/jsx-runtime");
35
- var import_lucide_icons = require("@tamagui/lucide-icons");
36
- var import_toast = require("@tamagui/toast");
37
- var import_react = __toESM(require("react"));
38
- var import_tamagui = require("tamagui");
39
- const ToastDuplicateDemo = () => {
40
- const [savedCount, setSavedCount] = import_react.default.useState(0);
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", children: [
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
43
- import_tamagui.Button,
44
- {
45
- onPress: () => {
46
- setSavedCount((old) => old + 1);
47
- },
48
- children: "Show toast"
49
- }
50
- ),
51
- [...Array(savedCount)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
52
- import_toast.Toast,
53
- {
54
- viewportName: "viewport-multiple",
55
- duration: 4e3,
56
- enterStyle: { opacity: 0, scale: 0.5, y: -25 },
57
- exitStyle: { opacity: 0, scale: 1, y: -20 },
58
- y: 0,
59
- opacity: 1,
60
- scale: 1,
61
- animation: "100ms",
62
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, alignItems: "center", children: [
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.CheckCircle2, {}) }),
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
65
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: "Successfully saved!" }),
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, { children: "Don't worry... We've got your data." })
67
- ] })
68
- ] })
69
- },
70
- index
71
- ))
72
- ] });
73
- };
74
- // Annotate the CommonJS export names for ESM import in node:
75
- 0 && (module.exports = {
76
- ToastDuplicateDemo
77
- });
1
+ "use strict";var u=Object.create;var c=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var o in e)c(t,o,{get:e[o],enumerable:!0})},l=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of S(e))!T.call(t,i)&&i!==o&&c(t,i,{get:()=>e[i],enumerable:!(r=y(e,i))||r.enumerable});return t};var d=(t,e,o)=>(o=t!=null?u(k(t)):{},l(e||!t||!t.__esModule?c(o,"default",{value:t,enumerable:!0}):o,t)),w=t=>l(c({},"__esModule",{value:!0}),t);var h={};v(h,{ToastDuplicateDemo:()=>f});module.exports=w(h);var a=require("react/jsx-runtime"),n=require("@tamagui/lucide-icons"),p=require("@tamagui/toast"),m=d(require("react")),s=require("tamagui");const f=()=>{const[t,e]=m.default.useState(0);return(0,a.jsxs)(s.YStack,{alignItems:"center",children:[(0,a.jsx)(s.Button,{onPress:()=>{e(o=>o+1)},children:"Show toast"}),[...Array(t)].map((o,r)=>(0,a.jsx)(p.Toast,{viewportName:"viewport-multiple",duration:4e3,enterStyle:{opacity:0,scale:.5,y:-25},exitStyle:{opacity:0,scale:1,y:-20},y:0,opacity:1,scale:1,animation:"100ms",children:(0,a.jsxs)(s.XStack,{space:!0,alignItems:"center",children:[(0,a.jsx)(s.YStack,{children:(0,a.jsx)(n.CheckCircle2,{})}),(0,a.jsxs)(s.YStack,{children:[(0,a.jsx)(p.Toast.Title,{children:"Successfully saved!"}),(0,a.jsx)(p.Toast.Description,{children:"Don't worry... We've got your data."})]})]})},r))]})};0&&(module.exports={ToastDuplicateDemo});
78
2
  //# sourceMappingURL=ToastDuplicateDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToastDuplicateDemo.tsx"],
4
4
  "sourcesContent": ["import { CheckCircle2 } from '@tamagui/lucide-icons'\nimport { Toast } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, XStack, YStack } from 'tamagui'\n\nexport const ToastDuplicateDemo = () => {\n const [savedCount, setSavedCount] = React.useState(0)\n\n return (\n <YStack alignItems=\"center\">\n <Button\n onPress={() => {\n setSavedCount((old) => old + 1)\n }}\n >\n Show toast\n </Button>\n {[...Array(savedCount)].map((_, index) => (\n <Toast\n viewportName=\"viewport-multiple\" // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop\n key={index}\n duration={4000}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <XStack space alignItems=\"center\">\n <YStack>\n <CheckCircle2 />\n </YStack>\n\n <YStack>\n <Toast.Title>Successfully saved!</Toast.Title>\n <Toast.Description>Don't worry... We've got your data.</Toast.Description>\n </YStack>\n </XStack>\n </Toast>\n ))}\n </YStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM;AAVN,0BAA6B;AAC7B,mBAAsB;AACtB,mBAAkB;AAClB,qBAAuC;AAEhC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,aAAAA,QAAM,SAAS,CAAC;AAEpD,SACE,6CAAC,yBAAO,YAAW,UACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,wBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,QAChC;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACC,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QAEb,UAAU;AAAA,QACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,QAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,QAC1C,GAAG;AAAA,QACH,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAU;AAAA,QAEV,uDAAC,yBAAO,OAAK,MAAC,YAAW,UACvB;AAAA,sDAAC,yBACC,sDAAC,oCAAa,GAChB;AAAA,UAEA,6CAAC,yBACC;AAAA,wDAAC,mBAAM,OAAN,EAAY,iCAAmB;AAAA,YAChC,4CAAC,mBAAM,aAAN,EAAkB,iDAAmC;AAAA,aACxD;AAAA,WACF;AAAA;AAAA,MAlBK;AAAA,IAmBP,CACD;AAAA,KACH;AAEJ;",
6
- "names": ["React"]
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAUM,IAAAI,EAAA,6BAVNC,EAA6B,iCAC7BC,EAAsB,0BACtBC,EAAkB,oBAClBC,EAAuC,mBAEhC,MAAMN,EAAqB,IAAM,CACtC,KAAM,CAACO,EAAYC,CAAa,EAAI,EAAAC,QAAM,SAAS,CAAC,EAEpD,SACE,QAAC,UAAO,WAAW,SACjB,oBAAC,UACC,QAAS,IAAM,CACbD,EAAeE,GAAQA,EAAM,CAAC,CAChC,EACD,sBAED,EACC,CAAC,GAAG,MAAMH,CAAU,CAAC,EAAE,IAAI,CAACI,EAAGC,OAC9B,OAAC,SACC,aAAa,oBAEb,SAAU,IACV,WAAY,CAAE,QAAS,EAAG,MAAO,GAAK,EAAG,GAAI,EAC7C,UAAW,CAAE,QAAS,EAAG,MAAO,EAAG,EAAG,GAAI,EAC1C,EAAG,EACH,QAAS,EACT,MAAO,EACP,UAAU,QAEV,oBAAC,UAAO,MAAK,GAAC,WAAW,SACvB,oBAAC,UACC,mBAAC,iBAAa,EAChB,KAEA,QAAC,UACC,oBAAC,QAAM,MAAN,CAAY,+BAAmB,KAChC,OAAC,QAAM,YAAN,CAAkB,+CAAmC,GACxD,GACF,GAlBKA,CAmBP,CACD,GACH,CAEJ",
6
+ "names": ["ToastDuplicateDemo_exports", "__export", "ToastDuplicateDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_toast", "import_react", "import_tamagui", "savedCount", "setSavedCount", "React", "old", "_", "index"]
7
7
  }
@@ -1,73 +1,2 @@
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: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var ToggleGroupDemo_exports = {};
20
- __export(ToggleGroupDemo_exports, {
21
- ToggleGroupDemo: () => ToggleGroupDemo
22
- });
23
- module.exports = __toCommonJS(ToggleGroupDemo_exports);
24
- var import_jsx_runtime = require("react/jsx-runtime");
25
- var import_lucide_icons = require("@tamagui/lucide-icons");
26
- var import_tamagui = require("tamagui");
27
- function ToggleGroupDemo() {
28
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { paddingHorizontal: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$10", children: [
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: "$6", children: [
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "single", size: "$3", orientation: "horizontal" }),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "multiple", size: "$4", orientation: "horizontal" })
32
- ] }),
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$6", children: [
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "single", size: "$3", orientation: "vertical" }),
35
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "multiple", size: "$4", orientation: "vertical" })
36
- ] })
37
- ] }) });
38
- }
39
- function ToggleGroupComponent(props) {
40
- const id = `switch-${props.size.toString().slice(1)}-${props.type}`;
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
42
- import_tamagui.XStack,
43
- {
44
- flexDirection: props.orientation === "horizontal" ? "row" : "column",
45
- alignItems: "center",
46
- justifyContent: "center",
47
- space: "$4",
48
- children: [
49
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { paddingRight: "$0", justifyContent: "flex-end", size: props.size, htmlFor: id, children: props.type === "single" ? "Single" : "Multiple" }),
50
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
51
- import_tamagui.ToggleGroup,
52
- {
53
- orientation: props.orientation,
54
- id,
55
- type: props.type,
56
- size: props.size,
57
- disableDeactivation: props.type === "single" ? true : void 0,
58
- children: [
59
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "left", "aria-label": "Left aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, {}) }),
60
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "center", "aria-label": "Center aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, {}) }),
61
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "right", "aria-label": "Right aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, {}) })
62
- ]
63
- }
64
- )
65
- ]
66
- }
67
- );
68
- }
69
- // Annotate the CommonJS export names for ESM import in node:
70
- 0 && (module.exports = {
71
- ToggleGroupDemo
72
- });
1
+ "use strict";var g=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var z=(t,n)=>{for(var a in n)g(t,a,{get:n[a],enumerable:!0})},p=(t,n,a,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of u(n))!m.call(t,o)&&o!==a&&g(t,o,{get:()=>n[o],enumerable:!(c=s(n,o))||c.enumerable});return t};var d=t=>p(g({},"__esModule",{value:!0}),t);var y={};z(y,{ToggleGroupDemo:()=>f});module.exports=d(y);var e=require("react/jsx-runtime"),l=require("@tamagui/lucide-icons"),i=require("tamagui");function f(){return(0,e.jsx)(i.YStack,{paddingHorizontal:"$4",children:(0,e.jsxs)(i.XStack,{alignItems:"center",space:"$10",children:[(0,e.jsxs)(i.YStack,{alignItems:"center",space:"$6",children:[(0,e.jsx)(r,{type:"single",size:"$3",orientation:"horizontal"}),(0,e.jsx)(r,{type:"multiple",size:"$4",orientation:"horizontal"})]}),(0,e.jsxs)(i.XStack,{alignItems:"center",space:"$6",children:[(0,e.jsx)(r,{type:"single",size:"$3",orientation:"vertical"}),(0,e.jsx)(r,{type:"multiple",size:"$4",orientation:"vertical"})]})]})})}function r(t){const n=`switch-${t.size.toString().slice(1)}-${t.type}`;return(0,e.jsxs)(i.XStack,{flexDirection:t.orientation==="horizontal"?"row":"column",alignItems:"center",justifyContent:"center",space:"$4",children:[(0,e.jsx)(i.Label,{paddingRight:"$0",justifyContent:"flex-end",size:t.size,htmlFor:n,children:t.type==="single"?"Single":"Multiple"}),(0,e.jsxs)(i.ToggleGroup,{orientation:t.orientation,id:n,type:t.type,size:t.size,disableDeactivation:t.type==="single"?!0:void 0,children:[(0,e.jsx)(i.ToggleGroup.Item,{value:"left","aria-label":"Left aligned",children:(0,e.jsx)(l.AlignLeft,{})}),(0,e.jsx)(i.ToggleGroup.Item,{value:"center","aria-label":"Center aligned",children:(0,e.jsx)(l.AlignCenter,{})}),(0,e.jsx)(i.ToggleGroup.Item,{value:"right","aria-label":"Right aligned",children:(0,e.jsx)(l.AlignRight,{})})]})]})}0&&(module.exports={ToggleGroupDemo});
73
2
  //# sourceMappingURL=ToggleGroupDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToggleGroupDemo.tsx"],
4
4
  "sourcesContent": ["import { AlignCenter, AlignLeft, AlignRight } from '@tamagui/lucide-icons'\nimport { Label, SizeTokens, ToggleGroup, XStack, YStack } from 'tamagui'\n\nexport function ToggleGroupDemo() {\n return (\n <YStack paddingHorizontal=\"$4\">\n <XStack alignItems=\"center\" space=\"$10\">\n <YStack alignItems=\"center\" space=\"$6\">\n <ToggleGroupComponent type=\"single\" size=\"$3\" orientation=\"horizontal\" />\n <ToggleGroupComponent type=\"multiple\" size=\"$4\" orientation=\"horizontal\" />\n </YStack>\n <XStack alignItems=\"center\" space=\"$6\">\n <ToggleGroupComponent type=\"single\" size=\"$3\" orientation=\"vertical\" />\n <ToggleGroupComponent type=\"multiple\" size=\"$4\" orientation=\"vertical\" />\n </XStack>\n </XStack>\n </YStack>\n )\n}\n\nfunction ToggleGroupComponent(props: {\n size: SizeTokens\n type: 'single' | 'multiple'\n orientation: 'vertical' | 'horizontal'\n}) {\n const id = `switch-${props.size.toString().slice(1)}-${props.type}`\n return (\n <XStack\n flexDirection={props.orientation === 'horizontal' ? 'row' : 'column'}\n alignItems=\"center\"\n justifyContent=\"center\"\n space=\"$4\"\n >\n <Label paddingRight=\"$0\" justifyContent=\"flex-end\" size={props.size} htmlFor={id}>\n {props.type === 'single' ? 'Single' : 'Multiple'}\n </Label>\n {/* <Separator vertical={props.orientation === 'horizontal'} /> */}\n\n <ToggleGroup\n orientation={props.orientation}\n id={id}\n type={props.type}\n size={props.size}\n disableDeactivation={props.type === 'single' ? true : undefined}\n >\n <ToggleGroup.Item value=\"left\" aria-label=\"Left aligned\">\n <AlignLeft />\n </ToggleGroup.Item>\n <ToggleGroup.Item value=\"center\" aria-label=\"Center aligned\">\n <AlignCenter />\n </ToggleGroup.Item>\n <ToggleGroup.Item value=\"right\" aria-label=\"Right aligned\">\n <AlignRight />\n </ToggleGroup.Item>\n </ToggleGroup>\n </XStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOQ;AAPR,0BAAmD;AACnD,qBAA+D;AAExD,SAAS,kBAAkB;AAChC,SACE,4CAAC,yBAAO,mBAAkB,MACxB,uDAAC,yBAAO,YAAW,UAAS,OAAM,OAChC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,YAAW;AAAA,OACzE;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,OAAM;AAAA,MAEN;AAAA,oDAAC,wBAAM,cAAa,MAAK,gBAAe,YAAW,MAAM,MAAM,MAAM,SAAS,IAC3E,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA,YAEtD;AAAA,0DAAC,2BAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,sDAAC,iCAAU,GACb;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,sDAAC,mCAAY,GACf;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,sDAAC,kCAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
6
- "names": []
5
+ "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAOQ,IAAAI,EAAA,6BAPRC,EAAmD,iCACnDC,EAA+D,mBAExD,SAASJ,GAAkB,CAChC,SACE,OAAC,UAAO,kBAAkB,KACxB,oBAAC,UAAO,WAAW,SAAS,MAAM,MAChC,qBAAC,UAAO,WAAW,SAAS,MAAM,KAChC,oBAACK,EAAA,CAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,aAAa,KACvE,OAACA,EAAA,CAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,aAAa,GAC3E,KACA,QAAC,UAAO,WAAW,SAAS,MAAM,KAChC,oBAACA,EAAA,CAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,WAAW,KACrE,OAACA,EAAA,CAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,WAAW,GACzE,GACF,EACF,CAEJ,CAEA,SAASA,EAAqBC,EAI3B,CACD,MAAMC,EAAK,UAAUD,EAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAKA,EAAM,OAC7D,SACE,QAAC,UACC,cAAeA,EAAM,cAAgB,aAAe,MAAQ,SAC5D,WAAW,SACX,eAAe,SACf,MAAM,KAEN,oBAAC,SAAM,aAAa,KAAK,eAAe,WAAW,KAAMA,EAAM,KAAM,QAASC,EAC3E,SAAAD,EAAM,OAAS,SAAW,SAAW,WACxC,KAGA,QAAC,eACC,YAAaA,EAAM,YACnB,GAAIC,EACJ,KAAMD,EAAM,KACZ,KAAMA,EAAM,KACZ,oBAAqBA,EAAM,OAAS,SAAW,GAAO,OAEtD,oBAAC,cAAY,KAAZ,CAAiB,MAAM,OAAO,aAAW,eACxC,mBAAC,cAAU,EACb,KACA,OAAC,cAAY,KAAZ,CAAiB,MAAM,SAAS,aAAW,iBAC1C,mBAAC,gBAAY,EACf,KACA,OAAC,cAAY,KAAZ,CAAiB,MAAM,QAAQ,aAAW,gBACzC,mBAAC,eAAW,EACd,GACF,GACF,CAEJ",
6
+ "names": ["ToggleGroupDemo_exports", "__export", "ToggleGroupDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "ToggleGroupComponent", "props", "id"]
7
7
  }