@tamagui/demos 1.14.0 → 1.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (481) hide show
  1. package/dist/cjs/AddThemeDemo.js +59 -1
  2. package/dist/cjs/AddThemeDemo.js.map +2 -2
  3. package/dist/cjs/AlertDialogDemo.js +76 -1
  4. package/dist/cjs/AlertDialogDemo.js.map +2 -2
  5. package/dist/cjs/AnimationsDemo.js +113 -1
  6. package/dist/cjs/AnimationsDemo.js.map +2 -2
  7. package/dist/cjs/AnimationsEnterDemo.js +63 -1
  8. package/dist/cjs/AnimationsEnterDemo.js.map +2 -2
  9. package/dist/cjs/AnimationsHoverDemo.js +49 -1
  10. package/dist/cjs/AnimationsHoverDemo.js.map +2 -2
  11. package/dist/cjs/AnimationsPresenceDemo.js +96 -1
  12. package/dist/cjs/AnimationsPresenceDemo.js.map +2 -2
  13. package/dist/cjs/AnimationsTimingDemo.js +49 -1
  14. package/dist/cjs/AnimationsTimingDemo.js.map +2 -2
  15. package/dist/cjs/AvatarDemo.js +53 -1
  16. package/dist/cjs/AvatarDemo.js.map +2 -2
  17. package/dist/cjs/ButtonDemo.js +48 -1
  18. package/dist/cjs/ButtonDemo.js.map +2 -2
  19. package/dist/cjs/CardDemo.js +69 -1
  20. package/dist/cjs/CardDemo.js.map +2 -2
  21. package/dist/cjs/CheckboxDemo.js +44 -1
  22. package/dist/cjs/CheckboxDemo.js.map +2 -2
  23. package/dist/cjs/ColorsDemo.js +112 -1
  24. package/dist/cjs/ColorsDemo.js.map +2 -2
  25. package/dist/cjs/DialogDemo.js +85 -1
  26. package/dist/cjs/DialogDemo.js.map +2 -2
  27. package/dist/cjs/FormsDemo.js +59 -1
  28. package/dist/cjs/FormsDemo.js.map +2 -2
  29. package/dist/cjs/GroupDemo.js +48 -1
  30. package/dist/cjs/GroupDemo.js.map +2 -2
  31. package/dist/cjs/HeadingsDemo.js +39 -1
  32. package/dist/cjs/HeadingsDemo.js.map +2 -2
  33. package/dist/cjs/ImageDemo.js +32 -1
  34. package/dist/cjs/ImageDemo.js.map +2 -2
  35. package/dist/cjs/InputsDemo.js +43 -1
  36. package/dist/cjs/InputsDemo.js.map +2 -2
  37. package/dist/cjs/LabelDemo.js +41 -1
  38. package/dist/cjs/LabelDemo.js.map +2 -2
  39. package/dist/cjs/LinearGradientDemo.js +56 -1
  40. package/dist/cjs/LinearGradientDemo.js.map +2 -2
  41. package/dist/cjs/ListItemDemo.js +70 -1
  42. package/dist/cjs/ListItemDemo.js.map +2 -2
  43. package/dist/cjs/LucideIconsDemo.js +78 -1
  44. package/dist/cjs/LucideIconsDemo.js.map +2 -2
  45. package/dist/cjs/PopoverDemo.js +92 -1
  46. package/dist/cjs/PopoverDemo.js.map +2 -2
  47. package/dist/cjs/ProgressDemo.js +71 -1
  48. package/dist/cjs/ProgressDemo.js.map +2 -2
  49. package/dist/cjs/RadioGroupDemo.js +43 -1
  50. package/dist/cjs/RadioGroupDemo.js.map +2 -2
  51. package/dist/cjs/ScrollViewDemo.js +41 -1
  52. package/dist/cjs/ScrollViewDemo.js.map +2 -2
  53. package/dist/cjs/SelectDemo.js +103 -1
  54. package/dist/cjs/SelectDemo.js.map +2 -2
  55. package/dist/cjs/SeparatorDemo.js +43 -1
  56. package/dist/cjs/SeparatorDemo.js.map +2 -2
  57. package/dist/cjs/ShapesDemo.js +35 -1
  58. package/dist/cjs/ShapesDemo.js.map +2 -2
  59. package/dist/cjs/SheetDemo.js +103 -1
  60. package/dist/cjs/SheetDemo.js.map +2 -2
  61. package/dist/cjs/SliderDemo.js +42 -1
  62. package/dist/cjs/SliderDemo.js.map +2 -2
  63. package/dist/cjs/SpinnerDemo.js +35 -1
  64. package/dist/cjs/SpinnerDemo.js.map +2 -2
  65. package/dist/cjs/StacksDemo.js +81 -1
  66. package/dist/cjs/StacksDemo.js.map +2 -2
  67. package/dist/cjs/SwitchDemo.js +55 -1
  68. package/dist/cjs/SwitchDemo.js.map +2 -2
  69. package/dist/cjs/TabsAdvancedDemo.js +282 -1
  70. package/dist/cjs/TabsAdvancedDemo.js.map +2 -2
  71. package/dist/cjs/TabsDemo.js +146 -1
  72. package/dist/cjs/TabsDemo.js.map +2 -2
  73. package/dist/cjs/TextDemo.js +39 -1
  74. package/dist/cjs/TextDemo.js.map +2 -2
  75. package/dist/cjs/ThemeInverseDemo.js +43 -1
  76. package/dist/cjs/ThemeInverseDemo.js.map +2 -2
  77. package/dist/cjs/ToastDemo.js +128 -1
  78. package/dist/cjs/ToastDemo.js.map +2 -2
  79. package/dist/cjs/ToastDuplicateDemo.js +77 -1
  80. package/dist/cjs/ToastDuplicateDemo.js.map +2 -2
  81. package/dist/cjs/ToggleGroupDemo.js +72 -1
  82. package/dist/cjs/ToggleGroupDemo.js.map +2 -2
  83. package/dist/cjs/TokensDemo.js +110 -1
  84. package/dist/cjs/TokensDemo.js.map +2 -2
  85. package/dist/cjs/TooltipDemo.js +79 -1
  86. package/dist/cjs/TooltipDemo.js.map +2 -2
  87. package/dist/cjs/UpdateThemeDemo.js +79 -1
  88. package/dist/cjs/UpdateThemeDemo.js.map +2 -2
  89. package/dist/cjs/conf.js +28 -1
  90. package/dist/cjs/conf.js.map +2 -2
  91. package/dist/cjs/index.js +159 -1
  92. package/dist/cjs/index.js.map +2 -2
  93. package/dist/cjs/tamagui.config.js +27 -1
  94. package/dist/cjs/tamagui.config.js.map +2 -2
  95. package/dist/cjs/useOnIntersecting.js +92 -1
  96. package/dist/cjs/useOnIntersecting.js.map +2 -2
  97. package/dist/esm/AddThemeDemo.js +35 -1
  98. package/dist/esm/AddThemeDemo.js.map +2 -2
  99. package/dist/esm/AddThemeDemo.mjs +35 -1
  100. package/dist/esm/AddThemeDemo.mjs.map +2 -2
  101. package/dist/esm/AlertDialogDemo.js +52 -1
  102. package/dist/esm/AlertDialogDemo.js.map +2 -2
  103. package/dist/esm/AlertDialogDemo.mjs +52 -1
  104. package/dist/esm/AlertDialogDemo.mjs.map +2 -2
  105. package/dist/esm/AnimationsDemo.js +88 -1
  106. package/dist/esm/AnimationsDemo.js.map +2 -2
  107. package/dist/esm/AnimationsDemo.mjs +88 -1
  108. package/dist/esm/AnimationsDemo.mjs.map +2 -2
  109. package/dist/esm/AnimationsEnterDemo.js +39 -1
  110. package/dist/esm/AnimationsEnterDemo.js.map +2 -2
  111. package/dist/esm/AnimationsEnterDemo.mjs +39 -1
  112. package/dist/esm/AnimationsEnterDemo.mjs.map +2 -2
  113. package/dist/esm/AnimationsHoverDemo.js +25 -1
  114. package/dist/esm/AnimationsHoverDemo.js.map +2 -2
  115. package/dist/esm/AnimationsHoverDemo.mjs +25 -1
  116. package/dist/esm/AnimationsHoverDemo.mjs.map +2 -2
  117. package/dist/esm/AnimationsPresenceDemo.js +61 -1
  118. package/dist/esm/AnimationsPresenceDemo.js.map +2 -2
  119. package/dist/esm/AnimationsPresenceDemo.mjs +61 -1
  120. package/dist/esm/AnimationsPresenceDemo.mjs.map +2 -2
  121. package/dist/esm/AnimationsTimingDemo.js +25 -1
  122. package/dist/esm/AnimationsTimingDemo.js.map +2 -2
  123. package/dist/esm/AnimationsTimingDemo.mjs +25 -1
  124. package/dist/esm/AnimationsTimingDemo.mjs.map +2 -2
  125. package/dist/esm/AvatarDemo.js +29 -1
  126. package/dist/esm/AvatarDemo.js.map +2 -2
  127. package/dist/esm/AvatarDemo.mjs +29 -1
  128. package/dist/esm/AvatarDemo.mjs.map +2 -2
  129. package/dist/esm/ButtonDemo.js +24 -1
  130. package/dist/esm/ButtonDemo.js.map +2 -2
  131. package/dist/esm/ButtonDemo.mjs +24 -1
  132. package/dist/esm/ButtonDemo.mjs.map +2 -2
  133. package/dist/esm/CardDemo.js +45 -1
  134. package/dist/esm/CardDemo.js.map +2 -2
  135. package/dist/esm/CardDemo.mjs +45 -1
  136. package/dist/esm/CardDemo.mjs.map +2 -2
  137. package/dist/esm/CheckboxDemo.js +20 -1
  138. package/dist/esm/CheckboxDemo.js.map +2 -2
  139. package/dist/esm/CheckboxDemo.mjs +20 -1
  140. package/dist/esm/CheckboxDemo.mjs.map +2 -2
  141. package/dist/esm/ColorsDemo.js +97 -1
  142. package/dist/esm/ColorsDemo.js.map +2 -2
  143. package/dist/esm/ColorsDemo.mjs +97 -1
  144. package/dist/esm/ColorsDemo.mjs.map +2 -2
  145. package/dist/esm/DialogDemo.js +73 -1
  146. package/dist/esm/DialogDemo.js.map +2 -2
  147. package/dist/esm/DialogDemo.mjs +73 -1
  148. package/dist/esm/DialogDemo.mjs.map +2 -2
  149. package/dist/esm/FormsDemo.js +35 -1
  150. package/dist/esm/FormsDemo.js.map +2 -2
  151. package/dist/esm/FormsDemo.mjs +35 -1
  152. package/dist/esm/FormsDemo.mjs.map +2 -2
  153. package/dist/esm/GroupDemo.js +24 -1
  154. package/dist/esm/GroupDemo.js.map +2 -2
  155. package/dist/esm/GroupDemo.mjs +24 -1
  156. package/dist/esm/GroupDemo.mjs.map +2 -2
  157. package/dist/esm/HeadingsDemo.js +15 -1
  158. package/dist/esm/HeadingsDemo.js.map +2 -2
  159. package/dist/esm/HeadingsDemo.mjs +15 -1
  160. package/dist/esm/HeadingsDemo.mjs.map +2 -2
  161. package/dist/esm/ImageDemo.js +8 -1
  162. package/dist/esm/ImageDemo.js.map +2 -2
  163. package/dist/esm/ImageDemo.mjs +8 -1
  164. package/dist/esm/ImageDemo.mjs.map +2 -2
  165. package/dist/esm/InputsDemo.js +19 -1
  166. package/dist/esm/InputsDemo.js.map +2 -2
  167. package/dist/esm/InputsDemo.mjs +19 -1
  168. package/dist/esm/InputsDemo.mjs.map +2 -2
  169. package/dist/esm/LabelDemo.js +17 -1
  170. package/dist/esm/LabelDemo.js.map +2 -2
  171. package/dist/esm/LabelDemo.mjs +17 -1
  172. package/dist/esm/LabelDemo.mjs.map +2 -2
  173. package/dist/esm/LinearGradientDemo.js +32 -1
  174. package/dist/esm/LinearGradientDemo.js.map +2 -2
  175. package/dist/esm/LinearGradientDemo.mjs +32 -1
  176. package/dist/esm/LinearGradientDemo.mjs.map +2 -2
  177. package/dist/esm/ListItemDemo.js +46 -1
  178. package/dist/esm/ListItemDemo.js.map +2 -2
  179. package/dist/esm/ListItemDemo.mjs +46 -1
  180. package/dist/esm/ListItemDemo.mjs.map +2 -2
  181. package/dist/esm/LucideIconsDemo.js +44 -1
  182. package/dist/esm/LucideIconsDemo.js.map +2 -2
  183. package/dist/esm/LucideIconsDemo.mjs +44 -1
  184. package/dist/esm/LucideIconsDemo.mjs.map +2 -2
  185. package/dist/esm/PopoverDemo.js +75 -1
  186. package/dist/esm/PopoverDemo.js.map +2 -2
  187. package/dist/esm/PopoverDemo.mjs +75 -1
  188. package/dist/esm/PopoverDemo.mjs.map +2 -2
  189. package/dist/esm/ProgressDemo.js +47 -1
  190. package/dist/esm/ProgressDemo.js.map +2 -2
  191. package/dist/esm/ProgressDemo.mjs +47 -1
  192. package/dist/esm/ProgressDemo.mjs.map +2 -2
  193. package/dist/esm/RadioGroupDemo.js +19 -1
  194. package/dist/esm/RadioGroupDemo.js.map +2 -2
  195. package/dist/esm/RadioGroupDemo.mjs +19 -1
  196. package/dist/esm/RadioGroupDemo.mjs.map +2 -2
  197. package/dist/esm/ScrollViewDemo.js +17 -1
  198. package/dist/esm/ScrollViewDemo.js.map +2 -2
  199. package/dist/esm/ScrollViewDemo.mjs +17 -1
  200. package/dist/esm/ScrollViewDemo.mjs.map +2 -2
  201. package/dist/esm/SelectDemo.js +79 -1
  202. package/dist/esm/SelectDemo.js.map +2 -2
  203. package/dist/esm/SelectDemo.mjs +79 -1
  204. package/dist/esm/SelectDemo.mjs.map +2 -2
  205. package/dist/esm/SeparatorDemo.js +19 -1
  206. package/dist/esm/SeparatorDemo.js.map +2 -2
  207. package/dist/esm/SeparatorDemo.mjs +19 -1
  208. package/dist/esm/SeparatorDemo.mjs.map +2 -2
  209. package/dist/esm/ShapesDemo.js +11 -1
  210. package/dist/esm/ShapesDemo.js.map +2 -2
  211. package/dist/esm/ShapesDemo.mjs +11 -1
  212. package/dist/esm/ShapesDemo.mjs.map +2 -2
  213. package/dist/esm/SheetDemo.js +79 -1
  214. package/dist/esm/SheetDemo.js.map +2 -2
  215. package/dist/esm/SheetDemo.mjs +79 -1
  216. package/dist/esm/SheetDemo.mjs.map +2 -2
  217. package/dist/esm/SliderDemo.js +18 -1
  218. package/dist/esm/SliderDemo.js.map +2 -2
  219. package/dist/esm/SliderDemo.mjs +18 -1
  220. package/dist/esm/SliderDemo.mjs.map +2 -2
  221. package/dist/esm/SpinnerDemo.js +11 -1
  222. package/dist/esm/SpinnerDemo.js.map +2 -2
  223. package/dist/esm/SpinnerDemo.mjs +11 -1
  224. package/dist/esm/SpinnerDemo.mjs.map +2 -2
  225. package/dist/esm/StacksDemo.js +57 -1
  226. package/dist/esm/StacksDemo.js.map +2 -2
  227. package/dist/esm/StacksDemo.mjs +57 -1
  228. package/dist/esm/StacksDemo.mjs.map +2 -2
  229. package/dist/esm/SwitchDemo.js +31 -1
  230. package/dist/esm/SwitchDemo.js.map +2 -2
  231. package/dist/esm/SwitchDemo.mjs +31 -1
  232. package/dist/esm/SwitchDemo.mjs.map +2 -2
  233. package/dist/esm/TabsAdvancedDemo.js +268 -1
  234. package/dist/esm/TabsAdvancedDemo.js.map +2 -2
  235. package/dist/esm/TabsAdvancedDemo.mjs +268 -1
  236. package/dist/esm/TabsAdvancedDemo.mjs.map +2 -2
  237. package/dist/esm/TabsDemo.js +130 -1
  238. package/dist/esm/TabsDemo.js.map +2 -2
  239. package/dist/esm/TabsDemo.mjs +130 -1
  240. package/dist/esm/TabsDemo.mjs.map +2 -2
  241. package/dist/esm/TextDemo.js +15 -1
  242. package/dist/esm/TextDemo.js.map +2 -2
  243. package/dist/esm/TextDemo.mjs +15 -1
  244. package/dist/esm/TextDemo.mjs.map +2 -2
  245. package/dist/esm/ThemeInverseDemo.js +19 -1
  246. package/dist/esm/ThemeInverseDemo.js.map +2 -2
  247. package/dist/esm/ThemeInverseDemo.mjs +19 -1
  248. package/dist/esm/ThemeInverseDemo.mjs.map +2 -2
  249. package/dist/esm/ToastDemo.js +94 -1
  250. package/dist/esm/ToastDemo.js.map +2 -2
  251. package/dist/esm/ToastDemo.mjs +94 -1
  252. package/dist/esm/ToastDemo.mjs.map +2 -2
  253. package/dist/esm/ToastDuplicateDemo.js +43 -1
  254. package/dist/esm/ToastDuplicateDemo.js.map +2 -2
  255. package/dist/esm/ToastDuplicateDemo.mjs +43 -1
  256. package/dist/esm/ToastDuplicateDemo.mjs.map +2 -2
  257. package/dist/esm/ToggleGroupDemo.js +48 -1
  258. package/dist/esm/ToggleGroupDemo.js.map +2 -2
  259. package/dist/esm/ToggleGroupDemo.mjs +48 -1
  260. package/dist/esm/ToggleGroupDemo.mjs.map +2 -2
  261. package/dist/esm/TokensDemo.js +86 -1
  262. package/dist/esm/TokensDemo.js.map +2 -2
  263. package/dist/esm/TokensDemo.mjs +86 -1
  264. package/dist/esm/TokensDemo.mjs.map +2 -2
  265. package/dist/esm/TooltipDemo.js +68 -1
  266. package/dist/esm/TooltipDemo.js.map +2 -2
  267. package/dist/esm/TooltipDemo.mjs +68 -1
  268. package/dist/esm/TooltipDemo.mjs.map +2 -2
  269. package/dist/esm/UpdateThemeDemo.js +53 -1
  270. package/dist/esm/UpdateThemeDemo.js.map +2 -2
  271. package/dist/esm/UpdateThemeDemo.mjs +53 -1
  272. package/dist/esm/UpdateThemeDemo.mjs.map +2 -2
  273. package/dist/esm/conf.js +4 -1
  274. package/dist/esm/conf.js.map +1 -1
  275. package/dist/esm/conf.mjs +4 -1
  276. package/dist/esm/conf.mjs.map +1 -1
  277. package/dist/esm/index.js +91 -1
  278. package/dist/esm/index.js.map +2 -2
  279. package/dist/esm/index.mjs +91 -1
  280. package/dist/esm/index.mjs.map +2 -2
  281. package/dist/esm/tamagui.config.js +5 -1
  282. package/dist/esm/tamagui.config.js.map +2 -2
  283. package/dist/esm/tamagui.config.mjs +5 -1
  284. package/dist/esm/tamagui.config.mjs.map +2 -2
  285. package/dist/esm/useOnIntersecting.js +67 -1
  286. package/dist/esm/useOnIntersecting.js.map +2 -2
  287. package/dist/esm/useOnIntersecting.mjs +67 -1
  288. package/dist/esm/useOnIntersecting.mjs.map +2 -2
  289. package/dist/jsx/AddThemeDemo.js +30 -1
  290. package/dist/jsx/AddThemeDemo.js.map +2 -2
  291. package/dist/jsx/AddThemeDemo.mjs +30 -1
  292. package/dist/jsx/AddThemeDemo.mjs.map +2 -2
  293. package/dist/jsx/AlertDialogDemo.js +44 -1
  294. package/dist/jsx/AlertDialogDemo.js.map +2 -2
  295. package/dist/jsx/AlertDialogDemo.mjs +44 -1
  296. package/dist/jsx/AlertDialogDemo.mjs.map +2 -2
  297. package/dist/jsx/AnimationsDemo.js +80 -1
  298. package/dist/jsx/AnimationsDemo.js.map +2 -2
  299. package/dist/jsx/AnimationsDemo.mjs +80 -1
  300. package/dist/jsx/AnimationsDemo.mjs.map +2 -2
  301. package/dist/jsx/AnimationsEnterDemo.js +34 -1
  302. package/dist/jsx/AnimationsEnterDemo.js.map +2 -2
  303. package/dist/jsx/AnimationsEnterDemo.mjs +34 -1
  304. package/dist/jsx/AnimationsEnterDemo.mjs.map +2 -2
  305. package/dist/jsx/AnimationsHoverDemo.js +20 -1
  306. package/dist/jsx/AnimationsHoverDemo.js.map +2 -2
  307. package/dist/jsx/AnimationsHoverDemo.mjs +20 -1
  308. package/dist/jsx/AnimationsHoverDemo.mjs.map +2 -2
  309. package/dist/jsx/AnimationsPresenceDemo.js +54 -1
  310. package/dist/jsx/AnimationsPresenceDemo.js.map +2 -2
  311. package/dist/jsx/AnimationsPresenceDemo.mjs +54 -1
  312. package/dist/jsx/AnimationsPresenceDemo.mjs.map +2 -2
  313. package/dist/jsx/AnimationsTimingDemo.js +20 -1
  314. package/dist/jsx/AnimationsTimingDemo.js.map +2 -2
  315. package/dist/jsx/AnimationsTimingDemo.mjs +20 -1
  316. package/dist/jsx/AnimationsTimingDemo.mjs.map +2 -2
  317. package/dist/jsx/AvatarDemo.js +22 -1
  318. package/dist/jsx/AvatarDemo.js.map +2 -2
  319. package/dist/jsx/AvatarDemo.mjs +22 -1
  320. package/dist/jsx/AvatarDemo.mjs.map +2 -2
  321. package/dist/jsx/ButtonDemo.js +23 -1
  322. package/dist/jsx/ButtonDemo.js.map +2 -2
  323. package/dist/jsx/ButtonDemo.mjs +23 -1
  324. package/dist/jsx/ButtonDemo.mjs.map +2 -2
  325. package/dist/jsx/CardDemo.js +38 -1
  326. package/dist/jsx/CardDemo.js.map +2 -2
  327. package/dist/jsx/CardDemo.mjs +38 -1
  328. package/dist/jsx/CardDemo.mjs.map +2 -2
  329. package/dist/jsx/CheckboxDemo.js +19 -1
  330. package/dist/jsx/CheckboxDemo.js.map +2 -2
  331. package/dist/jsx/CheckboxDemo.mjs +19 -1
  332. package/dist/jsx/CheckboxDemo.mjs.map +2 -2
  333. package/dist/jsx/ColorsDemo.js +85 -1
  334. package/dist/jsx/ColorsDemo.js.map +2 -2
  335. package/dist/jsx/ColorsDemo.mjs +85 -1
  336. package/dist/jsx/ColorsDemo.mjs.map +2 -2
  337. package/dist/jsx/DialogDemo.js +65 -1
  338. package/dist/jsx/DialogDemo.js.map +2 -2
  339. package/dist/jsx/DialogDemo.mjs +65 -1
  340. package/dist/jsx/DialogDemo.mjs.map +2 -2
  341. package/dist/jsx/FormsDemo.js +30 -1
  342. package/dist/jsx/FormsDemo.js.map +2 -2
  343. package/dist/jsx/FormsDemo.mjs +30 -1
  344. package/dist/jsx/FormsDemo.mjs.map +2 -2
  345. package/dist/jsx/GroupDemo.js +23 -1
  346. package/dist/jsx/GroupDemo.js.map +2 -2
  347. package/dist/jsx/GroupDemo.mjs +23 -1
  348. package/dist/jsx/GroupDemo.mjs.map +2 -2
  349. package/dist/jsx/HeadingsDemo.js +14 -1
  350. package/dist/jsx/HeadingsDemo.js.map +2 -2
  351. package/dist/jsx/HeadingsDemo.mjs +14 -1
  352. package/dist/jsx/HeadingsDemo.mjs.map +2 -2
  353. package/dist/jsx/ImageDemo.js +7 -1
  354. package/dist/jsx/ImageDemo.js.map +2 -2
  355. package/dist/jsx/ImageDemo.mjs +7 -1
  356. package/dist/jsx/ImageDemo.mjs.map +2 -2
  357. package/dist/jsx/InputsDemo.js +18 -1
  358. package/dist/jsx/InputsDemo.js.map +2 -2
  359. package/dist/jsx/InputsDemo.mjs +18 -1
  360. package/dist/jsx/InputsDemo.mjs.map +2 -2
  361. package/dist/jsx/LabelDemo.js +16 -1
  362. package/dist/jsx/LabelDemo.js.map +2 -2
  363. package/dist/jsx/LabelDemo.mjs +16 -1
  364. package/dist/jsx/LabelDemo.mjs.map +2 -2
  365. package/dist/jsx/LinearGradientDemo.js +25 -1
  366. package/dist/jsx/LinearGradientDemo.js.map +2 -2
  367. package/dist/jsx/LinearGradientDemo.mjs +25 -1
  368. package/dist/jsx/LinearGradientDemo.mjs.map +2 -2
  369. package/dist/jsx/ListItemDemo.js +39 -1
  370. package/dist/jsx/ListItemDemo.js.map +2 -2
  371. package/dist/jsx/ListItemDemo.mjs +39 -1
  372. package/dist/jsx/ListItemDemo.mjs.map +2 -2
  373. package/dist/jsx/LucideIconsDemo.js +39 -1
  374. package/dist/jsx/LucideIconsDemo.js.map +2 -2
  375. package/dist/jsx/LucideIconsDemo.mjs +39 -1
  376. package/dist/jsx/LucideIconsDemo.mjs.map +2 -2
  377. package/dist/jsx/PopoverDemo.js +66 -1
  378. package/dist/jsx/PopoverDemo.js.map +2 -2
  379. package/dist/jsx/PopoverDemo.mjs +66 -1
  380. package/dist/jsx/PopoverDemo.mjs.map +2 -2
  381. package/dist/jsx/ProgressDemo.js +42 -1
  382. package/dist/jsx/ProgressDemo.js.map +2 -2
  383. package/dist/jsx/ProgressDemo.mjs +42 -1
  384. package/dist/jsx/ProgressDemo.mjs.map +2 -2
  385. package/dist/jsx/RadioGroupDemo.js +18 -1
  386. package/dist/jsx/RadioGroupDemo.js.map +2 -2
  387. package/dist/jsx/RadioGroupDemo.mjs +18 -1
  388. package/dist/jsx/RadioGroupDemo.mjs.map +2 -2
  389. package/dist/jsx/ScrollViewDemo.js +16 -1
  390. package/dist/jsx/ScrollViewDemo.js.map +2 -2
  391. package/dist/jsx/ScrollViewDemo.mjs +16 -1
  392. package/dist/jsx/ScrollViewDemo.mjs.map +2 -2
  393. package/dist/jsx/SelectDemo.js +72 -1
  394. package/dist/jsx/SelectDemo.js.map +2 -2
  395. package/dist/jsx/SelectDemo.mjs +72 -1
  396. package/dist/jsx/SelectDemo.mjs.map +2 -2
  397. package/dist/jsx/SeparatorDemo.js +18 -1
  398. package/dist/jsx/SeparatorDemo.js.map +2 -2
  399. package/dist/jsx/SeparatorDemo.mjs +18 -1
  400. package/dist/jsx/SeparatorDemo.mjs.map +2 -2
  401. package/dist/jsx/ShapesDemo.js +10 -1
  402. package/dist/jsx/ShapesDemo.js.map +2 -2
  403. package/dist/jsx/ShapesDemo.mjs +10 -1
  404. package/dist/jsx/ShapesDemo.mjs.map +2 -2
  405. package/dist/jsx/SheetDemo.js +65 -1
  406. package/dist/jsx/SheetDemo.js.map +2 -2
  407. package/dist/jsx/SheetDemo.mjs +65 -1
  408. package/dist/jsx/SheetDemo.mjs.map +2 -2
  409. package/dist/jsx/SliderDemo.js +17 -1
  410. package/dist/jsx/SliderDemo.js.map +2 -2
  411. package/dist/jsx/SliderDemo.mjs +17 -1
  412. package/dist/jsx/SliderDemo.mjs.map +2 -2
  413. package/dist/jsx/SpinnerDemo.js +10 -1
  414. package/dist/jsx/SpinnerDemo.js.map +2 -2
  415. package/dist/jsx/SpinnerDemo.mjs +10 -1
  416. package/dist/jsx/SpinnerDemo.mjs.map +2 -2
  417. package/dist/jsx/StacksDemo.js +45 -1
  418. package/dist/jsx/StacksDemo.js.map +2 -2
  419. package/dist/jsx/StacksDemo.mjs +45 -1
  420. package/dist/jsx/StacksDemo.mjs.map +2 -2
  421. package/dist/jsx/SwitchDemo.js +26 -1
  422. package/dist/jsx/SwitchDemo.js.map +2 -2
  423. package/dist/jsx/SwitchDemo.mjs +26 -1
  424. package/dist/jsx/SwitchDemo.mjs.map +2 -2
  425. package/dist/jsx/TabsAdvancedDemo.js +219 -1
  426. package/dist/jsx/TabsAdvancedDemo.js.map +2 -2
  427. package/dist/jsx/TabsAdvancedDemo.mjs +219 -1
  428. package/dist/jsx/TabsAdvancedDemo.mjs.map +2 -2
  429. package/dist/jsx/TabsDemo.js +105 -1
  430. package/dist/jsx/TabsDemo.js.map +2 -2
  431. package/dist/jsx/TabsDemo.mjs +105 -1
  432. package/dist/jsx/TabsDemo.mjs.map +2 -2
  433. package/dist/jsx/TextDemo.js +14 -1
  434. package/dist/jsx/TextDemo.js.map +2 -2
  435. package/dist/jsx/TextDemo.mjs +14 -1
  436. package/dist/jsx/TextDemo.mjs.map +2 -2
  437. package/dist/jsx/ThemeInverseDemo.js +18 -1
  438. package/dist/jsx/ThemeInverseDemo.js.map +2 -2
  439. package/dist/jsx/ThemeInverseDemo.mjs +18 -1
  440. package/dist/jsx/ThemeInverseDemo.mjs.map +2 -2
  441. package/dist/jsx/ToastDemo.js +74 -1
  442. package/dist/jsx/ToastDemo.js.map +2 -2
  443. package/dist/jsx/ToastDemo.mjs +74 -1
  444. package/dist/jsx/ToastDemo.mjs.map +2 -2
  445. package/dist/jsx/ToastDuplicateDemo.js +34 -1
  446. package/dist/jsx/ToastDuplicateDemo.js.map +2 -2
  447. package/dist/jsx/ToastDuplicateDemo.mjs +34 -1
  448. package/dist/jsx/ToastDuplicateDemo.mjs.map +2 -2
  449. package/dist/jsx/ToggleGroupDemo.js +39 -1
  450. package/dist/jsx/ToggleGroupDemo.js.map +2 -2
  451. package/dist/jsx/ToggleGroupDemo.mjs +39 -1
  452. package/dist/jsx/ToggleGroupDemo.mjs.map +2 -2
  453. package/dist/jsx/TokensDemo.js +77 -1
  454. package/dist/jsx/TokensDemo.js.map +2 -2
  455. package/dist/jsx/TokensDemo.mjs +77 -1
  456. package/dist/jsx/TokensDemo.mjs.map +2 -2
  457. package/dist/jsx/TooltipDemo.js +63 -1
  458. package/dist/jsx/TooltipDemo.js.map +2 -2
  459. package/dist/jsx/TooltipDemo.mjs +63 -1
  460. package/dist/jsx/TooltipDemo.mjs.map +2 -2
  461. package/dist/jsx/UpdateThemeDemo.js +48 -1
  462. package/dist/jsx/UpdateThemeDemo.js.map +2 -2
  463. package/dist/jsx/UpdateThemeDemo.mjs +48 -1
  464. package/dist/jsx/UpdateThemeDemo.mjs.map +2 -2
  465. package/dist/jsx/conf.js +4 -1
  466. package/dist/jsx/conf.js.map +1 -1
  467. package/dist/jsx/conf.mjs +4 -1
  468. package/dist/jsx/conf.mjs.map +1 -1
  469. package/dist/jsx/index.js +91 -1
  470. package/dist/jsx/index.js.map +2 -2
  471. package/dist/jsx/index.mjs +91 -1
  472. package/dist/jsx/index.mjs.map +2 -2
  473. package/dist/jsx/tamagui.config.js +5 -1
  474. package/dist/jsx/tamagui.config.js.map +2 -2
  475. package/dist/jsx/tamagui.config.mjs +5 -1
  476. package/dist/jsx/tamagui.config.mjs.map +2 -2
  477. package/dist/jsx/useOnIntersecting.js +67 -1
  478. package/dist/jsx/useOnIntersecting.js.map +2 -2
  479. package/dist/jsx/useOnIntersecting.mjs +67 -1
  480. package/dist/jsx/useOnIntersecting.mjs.map +2 -2
  481. package/package.json +18 -18
@@ -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": "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"]
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": []
7
7
  }
@@ -1,2 +1,40 @@
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});
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
+ });
2
40
  //# 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": "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"]
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": []
7
7
  }
@@ -1,2 +1,44 @@
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});
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
+ });
2
44
  //# 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": "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"]
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": []
7
7
  }
@@ -1,2 +1,129 @@
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});
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.useToastState)();
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.useToastController)();
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
+ });
2
129
  //# sourceMappingURL=ToastDemo.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToastDemo.tsx"],
4
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"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AARJ,mBAAyD;AACzD,mBAAkB;AAClB,qBAA4D;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,KAAK;AAEhD,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,mBAAe,4BAAc;AAEnC,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,iCAAmB;AACjC,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"]
7
7
  }
@@ -1,2 +1,78 @@
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});
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
+ });
2
78
  //# 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": "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"]
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"]
7
7
  }
@@ -1,2 +1,73 @@
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});
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
+ });
2
73
  //# 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": "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"]
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": []
7
7
  }