@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/useOnIntersecting.tsx"],
4
4
  "sourcesContent": ["import { MutableRefObject, useEffect, useState } from 'react'\nimport { isWeb, useEvent } from 'tamagui'\n\ntype DisposeFn = () => void\n\ntype IntersectCallback = (\n props: (IntersectionObserverEntry | null)[],\n didResize?: boolean\n) => DisposeFn | void | null\n\ntype HTMLRef = MutableRefObject<HTMLElement | null>\n\nexport function useIsIntersecting<Ref extends HTMLRef | HTMLRef[]>(\n refs: Ref,\n { once, ...opts }: IntersectionObserverInit & { once?: boolean } = {}\n): Ref extends any[] ? boolean[] : boolean {\n const [values, setValues] = useState<boolean[]>([])\n\n if (isWeb) {\n useOnIntersecting(\n refs,\n (entries) => {\n const intersecting = entries.some((x) => x?.isIntersecting)\n if (once && !intersecting) return\n setValues((prev) => {\n const next = entries.map((e) => e?.isIntersecting ?? false)\n if (prev.length === next.length && prev.every((e, i) => e === next[i])) {\n return prev\n }\n return next\n })\n },\n opts\n )\n }\n\n return (Array.isArray(refs) ? values : values[0]) as any\n}\n\nexport function useOnIntersecting<Ref extends HTMLRef | HTMLRef[]>(\n refsIn: Ref,\n incomingCbRaw: IntersectCallback,\n { threshold = 0, root, rootMargin }: IntersectionObserverInit = {},\n mountArgs: any[] = []\n) {\n const onIntersectEvent = useEvent(incomingCbRaw)\n\n useEffect(() => {\n const refs = (Array.isArray(refsIn) ? refsIn : [refsIn]) as HTMLRef[]\n if (!refs.length) return\n\n let dispose: DisposeFn | null = null\n let currentEntries: (IntersectionObserverEntry | null)[] = []\n const options = {\n threshold,\n root,\n rootMargin,\n }\n const io = new IntersectionObserver((entries) => {\n currentEntries = refs.map((ref, index) => {\n return (\n entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null\n )\n })\n dispose?.()\n dispose = onIntersectEvent(currentEntries) || null\n }, options)\n\n for (const ref of refs) {\n if (ref.current) {\n io.observe(ref.current)\n }\n }\n\n return () => {\n dispose?.()\n io.disconnect()\n }\n }, [\n onIntersectEvent,\n refsIn,\n root,\n rootMargin,\n threshold,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n ...mountArgs,\n ])\n}\n"],
5
- "mappings": "AAAA,OAA2B,aAAAA,EAAW,YAAAC,MAAgB,QACtD,OAAS,SAAAC,EAAO,YAAAC,MAAgB,UAWzB,SAASC,EACdC,EACA,CAAE,KAAAC,EAAM,GAAGC,CAAK,EAAmD,CAAC,EAC3B,CACzC,KAAM,CAACC,EAAQC,CAAS,EAAIR,EAAoB,CAAC,CAAC,EAElD,OAAIC,GACFQ,EACEL,EACCM,GAAY,CACX,MAAMC,EAAeD,EAAQ,KAAME,GAAMA,GAAG,cAAc,EACtDP,GAAQ,CAACM,GACbH,EAAWK,GAAS,CAClB,MAAMC,EAAOJ,EAAQ,IAAKK,GAAMA,GAAG,gBAAkB,EAAK,EAC1D,OAAIF,EAAK,SAAWC,EAAK,QAAUD,EAAK,MAAM,CAACE,EAAGC,IAAMD,IAAMD,EAAKE,CAAC,CAAC,EAC5DH,EAEFC,CACT,CAAC,CACH,EACAR,CACF,EAGM,MAAM,QAAQF,CAAI,EAAIG,EAASA,EAAO,CAAC,CACjD,CAEO,SAASE,EACdQ,EACAC,EACA,CAAE,UAAAC,EAAY,EAAG,KAAAC,EAAM,WAAAC,CAAW,EAA8B,CAAC,EACjEC,EAAmB,CAAC,EACpB,CACA,MAAMC,EAAmBrB,EAASgB,CAAa,EAE/CnB,EAAU,IAAM,CACd,MAAMK,EAAQ,MAAM,QAAQa,CAAM,EAAIA,EAAS,CAACA,CAAM,EACtD,GAAI,CAACb,EAAK,OAAQ,OAElB,IAAIoB,EAA4B,KAC5BC,EAAuD,CAAC,EAC5D,MAAMC,EAAU,CACd,UAAAP,EACA,KAAAC,EACA,WAAAC,CACF,EACMM,EAAK,IAAI,qBAAsBjB,GAAY,CAC/Ce,EAAiBrB,EAAK,IAAI,CAACwB,EAAKC,IAE5BnB,EAAQ,KAAME,GAAMA,EAAE,SAAWgB,EAAI,OAAO,GAAKH,EAAeI,CAAK,GAAK,IAE7E,EACDL,IAAU,EACVA,EAAUD,EAAiBE,CAAc,GAAK,IAChD,EAAGC,CAAO,EAEV,UAAWE,KAAOxB,EACZwB,EAAI,SACND,EAAG,QAAQC,EAAI,OAAO,EAI1B,MAAO,IAAM,CACXJ,IAAU,EACVG,EAAG,WAAW,CAChB,CACF,EAAG,CACDJ,EACAN,EACAG,EACAC,EACAF,EAEA,GAAGG,CACL,CAAC,CACH",
6
- "names": ["useEffect", "useState", "isWeb", "useEvent", "useIsIntersecting", "refs", "once", "opts", "values", "setValues", "useOnIntersecting", "entries", "intersecting", "x", "prev", "next", "e", "i", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "dispose", "currentEntries", "options", "io", "ref", "index"]
5
+ "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,MAAI,OAAO;AACT;AAAA,MACE;AAAA,MACA,CAAC,YAAY;AACX,cAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,GAAG,cAAc;AAC1D,YAAI,QAAQ,CAAC;AAAc;AAC3B,kBAAU,CAAC,SAAS;AAClB,gBAAM,OAAO,QAAQ,IAAI,CAAC,MAAM,GAAG,kBAAkB,KAAK;AAC1D,cAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG;AACtE,mBAAO;AAAA,UACT;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAQ,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B;AAChC,QAAI,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,UAAM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAAU;AACxC,eACE,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK;AAAA,MAE9E,CAAC;AACD,gBAAU;AACV,gBAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO,MAAM;AACtB,UAAI,IAAI,SAAS;AACf,WAAG,QAAQ,IAAI,OAAO;AAAA,MACxB;AAAA,IACF;AAEA,WAAO,MAAM;AACX,gBAAU;AACV,SAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
6
+ "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.14.0",
3
+ "version": "1.14.2",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -28,29 +28,29 @@
28
28
  }
29
29
  },
30
30
  "dependencies": {
31
- "@tamagui/avatar": "1.14.0",
32
- "@tamagui/button": "1.14.0",
33
- "@tamagui/config": "1.14.0",
34
- "@tamagui/core": "1.14.0",
35
- "@tamagui/list-item": "1.14.0",
36
- "@tamagui/logo": "1.14.0",
37
- "@tamagui/menu": "1.14.0",
38
- "@tamagui/popover": "1.14.0",
39
- "@tamagui/progress": "1.14.0",
40
- "@tamagui/radio-group": "1.14.0",
41
- "@tamagui/select": "1.14.0",
42
- "@tamagui/sheet": "1.14.0",
43
- "@tamagui/slider": "1.14.0",
44
- "@tamagui/stacks": "1.14.0",
45
- "@tamagui/toast": "1.14.0",
46
- "tamagui": "1.14.0"
31
+ "@tamagui/avatar": "1.14.2",
32
+ "@tamagui/button": "1.14.2",
33
+ "@tamagui/config": "1.14.2",
34
+ "@tamagui/core": "1.14.2",
35
+ "@tamagui/list-item": "1.14.2",
36
+ "@tamagui/logo": "1.14.2",
37
+ "@tamagui/menu": "1.14.2",
38
+ "@tamagui/popover": "1.14.2",
39
+ "@tamagui/progress": "1.14.2",
40
+ "@tamagui/radio-group": "1.14.2",
41
+ "@tamagui/select": "1.14.2",
42
+ "@tamagui/sheet": "1.14.2",
43
+ "@tamagui/slider": "1.14.2",
44
+ "@tamagui/stacks": "1.14.2",
45
+ "@tamagui/toast": "1.14.2",
46
+ "tamagui": "1.14.2"
47
47
  },
48
48
  "peerDependencies": {
49
49
  "react": "*",
50
50
  "react-dom": "*"
51
51
  },
52
52
  "devDependencies": {
53
- "@tamagui/build": "1.14.0",
53
+ "@tamagui/build": "1.14.2",
54
54
  "react": "^18.2.0",
55
55
  "react-dom": "^18.2.0"
56
56
  },