@tamagui/demos 1.88.1 → 1.88.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (362) hide show
  1. package/dist/cjs/AccordionDemo.js +0 -4
  2. package/dist/cjs/AddThemeDemo.js +0 -4
  3. package/dist/cjs/AlertDialogDemo.js +0 -4
  4. package/dist/cjs/AnimationsDemo.js +0 -5
  5. package/dist/cjs/AnimationsEnterDemo.js +0 -4
  6. package/dist/cjs/AnimationsHoverDemo.js +0 -4
  7. package/dist/cjs/AnimationsPresenceDemo.js +0 -5
  8. package/dist/cjs/AnimationsTimingDemo.js +0 -4
  9. package/dist/cjs/AvatarDemo.js +0 -4
  10. package/dist/cjs/BuildAButtonDemo.js +0 -4
  11. package/dist/cjs/ButtonDemo.js +0 -4
  12. package/dist/cjs/CardDemo.js +0 -5
  13. package/dist/cjs/CheckboxDemo.js +0 -5
  14. package/dist/cjs/ColorsDemo.js +0 -4
  15. package/dist/cjs/DialogDemo.js +0 -4
  16. package/dist/cjs/FormsDemo.js +0 -4
  17. package/dist/cjs/Grid.js +0 -4
  18. package/dist/cjs/GroupDemo.js +0 -4
  19. package/dist/cjs/HeadingsDemo.js +0 -4
  20. package/dist/cjs/ImageDemo.js +0 -4
  21. package/dist/cjs/InputsDemo.js +0 -4
  22. package/dist/cjs/LabelDemo.js +0 -4
  23. package/dist/cjs/LinearGradientDemo.js +0 -4
  24. package/dist/cjs/ListItemDemo.js +0 -4
  25. package/dist/cjs/LucideIconsDemo.js +0 -4
  26. package/dist/cjs/PopoverDemo.js +0 -5
  27. package/dist/cjs/ProgressDemo.js +0 -4
  28. package/dist/cjs/RadioGroupDemo.js +0 -5
  29. package/dist/cjs/ReplaceThemeDemo.js +0 -4
  30. package/dist/cjs/ScrollViewDemo.js +0 -4
  31. package/dist/cjs/SelectDemo.js +0 -5
  32. package/dist/cjs/SeparatorDemo.js +0 -4
  33. package/dist/cjs/ShapesDemo.js +0 -4
  34. package/dist/cjs/SheetDemo.js +1 -8
  35. package/dist/cjs/SheetDemo.js.map +1 -1
  36. package/dist/cjs/SliderDemo.js +0 -4
  37. package/dist/cjs/SpinnerDemo.js +0 -4
  38. package/dist/cjs/StacksDemo.js +0 -4
  39. package/dist/cjs/SwitchDemo.js +0 -5
  40. package/dist/cjs/TabsAdvancedDemo.js +0 -4
  41. package/dist/cjs/TabsDemo.js +0 -4
  42. package/dist/cjs/TextDemo.js +0 -4
  43. package/dist/cjs/ThemeBuilderDemo.js +0 -4
  44. package/dist/cjs/ThemeInverseDemo.js +0 -4
  45. package/dist/cjs/ToastDemo.js +0 -4
  46. package/dist/cjs/ToastDuplicateDemo.js +0 -4
  47. package/dist/cjs/ToggleGroupDemo.js +0 -4
  48. package/dist/cjs/TokensDemo.js +26 -33
  49. package/dist/cjs/TokensDemo.js.map +1 -1
  50. package/dist/cjs/TooltipDemo.js +0 -4
  51. package/dist/cjs/UpdateThemeDemo.js +0 -4
  52. package/dist/cjs/index.js +0 -52
  53. package/dist/cjs/tamagui.config.js +0 -4
  54. package/dist/cjs/useOnIntersecting.js +4 -9
  55. package/dist/cjs/useOnIntersecting.js.map +1 -1
  56. package/dist/esm/AccordionDemo.native.js +35 -16
  57. package/dist/esm/AccordionDemo.native.js.map +1 -1
  58. package/dist/esm/AddThemeDemo.native.js +31 -13
  59. package/dist/esm/AddThemeDemo.native.js.map +1 -1
  60. package/dist/esm/AlertDialogDemo.native.js +37 -17
  61. package/dist/esm/AlertDialogDemo.native.js.map +1 -1
  62. package/dist/esm/AnimationsDemo.native.js +34 -15
  63. package/dist/esm/AnimationsDemo.native.js.map +1 -1
  64. package/dist/esm/AnimationsEnterDemo.native.js +31 -14
  65. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
  66. package/dist/esm/AnimationsHoverDemo.native.js +27 -8
  67. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
  68. package/dist/esm/AnimationsPresenceDemo.native.js +44 -21
  69. package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
  70. package/dist/esm/AnimationsTimingDemo.native.js +27 -8
  71. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
  72. package/dist/esm/AvatarDemo.native.js +33 -13
  73. package/dist/esm/AvatarDemo.native.js.map +1 -1
  74. package/dist/esm/BuildAButtonDemo.native.js +43 -24
  75. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  76. package/dist/esm/ButtonDemo.native.js +36 -17
  77. package/dist/esm/ButtonDemo.native.js.map +1 -1
  78. package/dist/esm/CardDemo.native.js +37 -16
  79. package/dist/esm/CardDemo.native.js.map +1 -1
  80. package/dist/esm/CheckboxDemo.native.js +32 -12
  81. package/dist/esm/CheckboxDemo.native.js.map +2 -2
  82. package/dist/esm/ColorsDemo.native.js +40 -29
  83. package/dist/esm/ColorsDemo.native.js.map +1 -1
  84. package/dist/esm/DialogDemo.native.js +52 -47
  85. package/dist/esm/DialogDemo.native.js.map +1 -1
  86. package/dist/esm/FormsDemo.native.js +30 -11
  87. package/dist/esm/FormsDemo.native.js.map +1 -1
  88. package/dist/esm/Grid.native.js +37 -11
  89. package/dist/esm/Grid.native.js.map +2 -2
  90. package/dist/esm/GroupDemo.native.js +36 -17
  91. package/dist/esm/GroupDemo.native.js.map +1 -1
  92. package/dist/esm/HeadingsDemo.native.js +31 -11
  93. package/dist/esm/HeadingsDemo.native.js.map +1 -1
  94. package/dist/esm/ImageDemo.native.js +26 -6
  95. package/dist/esm/ImageDemo.native.js.map +1 -1
  96. package/dist/esm/InputsDemo.native.js +33 -13
  97. package/dist/esm/InputsDemo.native.js.map +1 -1
  98. package/dist/esm/LabelDemo.native.js +31 -11
  99. package/dist/esm/LabelDemo.native.js.map +1 -1
  100. package/dist/esm/LinearGradientDemo.native.js +29 -10
  101. package/dist/esm/LinearGradientDemo.native.js.map +1 -1
  102. package/dist/esm/ListItemDemo.native.js +41 -22
  103. package/dist/esm/ListItemDemo.native.js.map +1 -1
  104. package/dist/esm/LucideIconsDemo.native.js +42 -18
  105. package/dist/esm/LucideIconsDemo.native.js.map +1 -1
  106. package/dist/esm/PopoverDemo.native.js +45 -33
  107. package/dist/esm/PopoverDemo.native.js.map +1 -1
  108. package/dist/esm/ProgressDemo.native.js +37 -18
  109. package/dist/esm/ProgressDemo.native.js.map +1 -1
  110. package/dist/esm/RadioGroupDemo.native.js +32 -11
  111. package/dist/esm/RadioGroupDemo.native.js.map +1 -1
  112. package/dist/esm/ReplaceThemeDemo.native.js +32 -22
  113. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
  114. package/dist/esm/ScrollViewDemo.native.js +35 -15
  115. package/dist/esm/ScrollViewDemo.native.js.map +1 -1
  116. package/dist/esm/SelectDemo.native.js +66 -56
  117. package/dist/esm/SelectDemo.native.js.map +1 -1
  118. package/dist/esm/SeparatorDemo.native.js +34 -14
  119. package/dist/esm/SeparatorDemo.native.js.map +1 -1
  120. package/dist/esm/ShapesDemo.native.js +27 -7
  121. package/dist/esm/ShapesDemo.native.js.map +1 -1
  122. package/dist/esm/SheetDemo.native.js +60 -40
  123. package/dist/esm/SheetDemo.native.js.map +1 -1
  124. package/dist/esm/SliderDemo.native.js +30 -10
  125. package/dist/esm/SliderDemo.native.js.map +1 -1
  126. package/dist/esm/SpinnerDemo.native.js +27 -7
  127. package/dist/esm/SpinnerDemo.native.js.map +1 -1
  128. package/dist/esm/StacksDemo.native.js +42 -22
  129. package/dist/esm/StacksDemo.native.js.map +1 -1
  130. package/dist/esm/SwitchDemo.native.js +43 -22
  131. package/dist/esm/SwitchDemo.native.js.map +1 -1
  132. package/dist/esm/TabsAdvancedDemo.native.js +67 -57
  133. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  134. package/dist/esm/TabsDemo.native.js +77 -67
  135. package/dist/esm/TabsDemo.native.js.map +1 -1
  136. package/dist/esm/TextDemo.native.js +30 -10
  137. package/dist/esm/TextDemo.native.js.map +1 -1
  138. package/dist/esm/ThemeBuilderDemo.native.js +65 -45
  139. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
  140. package/dist/esm/ThemeInverseDemo.native.js +35 -15
  141. package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
  142. package/dist/esm/ToastDemo.native.js +56 -30
  143. package/dist/esm/ToastDemo.native.js.map +2 -2
  144. package/dist/esm/ToastDuplicateDemo.native.js +43 -18
  145. package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
  146. package/dist/esm/ToggleGroupDemo.native.js +39 -20
  147. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  148. package/dist/esm/TokensDemo.native.js +62 -41
  149. package/dist/esm/TokensDemo.native.js.map +1 -1
  150. package/dist/esm/TooltipDemo.native.js +43 -37
  151. package/dist/esm/TooltipDemo.native.js.map +1 -1
  152. package/dist/esm/UpdateThemeDemo.native.js +41 -25
  153. package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
  154. package/dist/esm/index.native.js +115 -49
  155. package/dist/esm/index.native.js.map +1 -1
  156. package/dist/esm/tamagui.config.native.js +25 -6
  157. package/dist/esm/tamagui.config.native.js.map +2 -2
  158. package/dist/esm/useOnIntersecting.native.js +33 -12
  159. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  160. package/dist/jsx/AccordionDemo.js +17 -16
  161. package/dist/jsx/AccordionDemo.js.map +1 -1
  162. package/dist/jsx/AccordionDemo.native.js +40 -20
  163. package/dist/jsx/AccordionDemo.native.js.map +1 -1
  164. package/dist/jsx/AddThemeDemo.js +25 -20
  165. package/dist/jsx/AddThemeDemo.js.map +1 -1
  166. package/dist/jsx/AddThemeDemo.native.js +49 -26
  167. package/dist/jsx/AddThemeDemo.native.js.map +1 -1
  168. package/dist/jsx/AlertDialogDemo.js +45 -37
  169. package/dist/jsx/AlertDialogDemo.js.map +1 -1
  170. package/dist/jsx/AlertDialogDemo.native.js +68 -40
  171. package/dist/jsx/AlertDialogDemo.native.js.map +1 -1
  172. package/dist/jsx/AnimationsDemo.js +37 -29
  173. package/dist/jsx/AnimationsDemo.js.map +1 -1
  174. package/dist/jsx/AnimationsDemo.native.js +63 -36
  175. package/dist/jsx/AnimationsDemo.native.js.map +1 -1
  176. package/dist/jsx/AnimationsEnterDemo.js +24 -19
  177. package/dist/jsx/AnimationsEnterDemo.js.map +1 -1
  178. package/dist/jsx/AnimationsEnterDemo.native.js +48 -26
  179. package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
  180. package/dist/jsx/AnimationsHoverDemo.js +19 -14
  181. package/dist/jsx/AnimationsHoverDemo.js.map +1 -1
  182. package/dist/jsx/AnimationsHoverDemo.native.js +42 -18
  183. package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
  184. package/dist/jsx/AnimationsPresenceDemo.js +43 -32
  185. package/dist/jsx/AnimationsPresenceDemo.js.map +1 -1
  186. package/dist/jsx/AnimationsPresenceDemo.native.js +77 -43
  187. package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
  188. package/dist/jsx/AnimationsTimingDemo.js +18 -13
  189. package/dist/jsx/AnimationsTimingDemo.js.map +1 -1
  190. package/dist/jsx/AnimationsTimingDemo.native.js +41 -17
  191. package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
  192. package/dist/jsx/AvatarDemo.js +23 -16
  193. package/dist/jsx/AvatarDemo.js.map +1 -1
  194. package/dist/jsx/AvatarDemo.native.js +46 -19
  195. package/dist/jsx/AvatarDemo.native.js.map +1 -1
  196. package/dist/jsx/BuildAButtonDemo.js +22 -21
  197. package/dist/jsx/BuildAButtonDemo.js.map +1 -1
  198. package/dist/jsx/BuildAButtonDemo.native.js +45 -25
  199. package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
  200. package/dist/jsx/ButtonDemo.js +17 -16
  201. package/dist/jsx/ButtonDemo.js.map +1 -1
  202. package/dist/jsx/ButtonDemo.native.js +40 -20
  203. package/dist/jsx/ButtonDemo.native.js.map +1 -1
  204. package/dist/jsx/CardDemo.js +38 -31
  205. package/dist/jsx/CardDemo.js.map +1 -1
  206. package/dist/jsx/CardDemo.native.js +62 -34
  207. package/dist/jsx/CardDemo.native.js.map +1 -1
  208. package/dist/jsx/CheckboxDemo.js +10 -9
  209. package/dist/jsx/CheckboxDemo.js.map +1 -1
  210. package/dist/jsx/CheckboxDemo.native.js +34 -13
  211. package/dist/jsx/CheckboxDemo.native.js.map +2 -2
  212. package/dist/jsx/ColorsDemo.js +64 -52
  213. package/dist/jsx/ColorsDemo.js.map +1 -1
  214. package/dist/jsx/ColorsDemo.native.js +88 -65
  215. package/dist/jsx/ColorsDemo.native.js.map +1 -1
  216. package/dist/jsx/DialogDemo.js +83 -65
  217. package/dist/jsx/DialogDemo.js.map +1 -1
  218. package/dist/jsx/DialogDemo.native.js +107 -84
  219. package/dist/jsx/DialogDemo.native.js.map +1 -1
  220. package/dist/jsx/FormsDemo.js +19 -14
  221. package/dist/jsx/FormsDemo.js.map +1 -1
  222. package/dist/jsx/FormsDemo.native.js +44 -20
  223. package/dist/jsx/FormsDemo.native.js.map +1 -1
  224. package/dist/jsx/Grid.js +26 -17
  225. package/dist/jsx/Grid.js.map +1 -1
  226. package/dist/jsx/Grid.native.js +59 -24
  227. package/dist/jsx/Grid.native.js.map +2 -2
  228. package/dist/jsx/GroupDemo.js +17 -22
  229. package/dist/jsx/GroupDemo.js.map +1 -1
  230. package/dist/jsx/GroupDemo.native.js +40 -26
  231. package/dist/jsx/GroupDemo.native.js.map +1 -1
  232. package/dist/jsx/HeadingsDemo.js +9 -8
  233. package/dist/jsx/HeadingsDemo.js.map +1 -1
  234. package/dist/jsx/HeadingsDemo.native.js +32 -11
  235. package/dist/jsx/HeadingsDemo.native.js.map +1 -1
  236. package/dist/jsx/ImageDemo.js +11 -7
  237. package/dist/jsx/ImageDemo.js.map +1 -1
  238. package/dist/jsx/ImageDemo.native.js +34 -10
  239. package/dist/jsx/ImageDemo.native.js.map +1 -1
  240. package/dist/jsx/InputsDemo.js +22 -17
  241. package/dist/jsx/InputsDemo.js.map +1 -1
  242. package/dist/jsx/InputsDemo.native.js +45 -20
  243. package/dist/jsx/InputsDemo.native.js.map +1 -1
  244. package/dist/jsx/LabelDemo.js +11 -10
  245. package/dist/jsx/LabelDemo.js.map +1 -1
  246. package/dist/jsx/LabelDemo.native.js +34 -13
  247. package/dist/jsx/LabelDemo.native.js.map +1 -1
  248. package/dist/jsx/LinearGradientDemo.js +25 -24
  249. package/dist/jsx/LinearGradientDemo.js.map +1 -1
  250. package/dist/jsx/LinearGradientDemo.native.js +48 -28
  251. package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
  252. package/dist/jsx/ListItemDemo.js +35 -28
  253. package/dist/jsx/ListItemDemo.js.map +1 -1
  254. package/dist/jsx/ListItemDemo.native.js +58 -32
  255. package/dist/jsx/ListItemDemo.native.js.map +1 -1
  256. package/dist/jsx/LucideIconsDemo.js +31 -22
  257. package/dist/jsx/LucideIconsDemo.js.map +1 -1
  258. package/dist/jsx/LucideIconsDemo.native.js +63 -30
  259. package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
  260. package/dist/jsx/PopoverDemo.js +55 -43
  261. package/dist/jsx/PopoverDemo.js.map +1 -1
  262. package/dist/jsx/PopoverDemo.native.js +79 -55
  263. package/dist/jsx/PopoverDemo.native.js.map +1 -1
  264. package/dist/jsx/ProgressDemo.js +42 -33
  265. package/dist/jsx/ProgressDemo.js.map +1 -1
  266. package/dist/jsx/ProgressDemo.native.js +67 -39
  267. package/dist/jsx/ProgressDemo.native.js.map +1 -1
  268. package/dist/jsx/RadioGroupDemo.js +10 -9
  269. package/dist/jsx/RadioGroupDemo.js.map +1 -1
  270. package/dist/jsx/RadioGroupDemo.native.js +34 -12
  271. package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
  272. package/dist/jsx/ReplaceThemeDemo.js +18 -13
  273. package/dist/jsx/ReplaceThemeDemo.js.map +1 -1
  274. package/dist/jsx/ReplaceThemeDemo.native.js +44 -29
  275. package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
  276. package/dist/jsx/ScrollViewDemo.js +21 -16
  277. package/dist/jsx/ScrollViewDemo.js.map +1 -1
  278. package/dist/jsx/ScrollViewDemo.native.js +44 -19
  279. package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
  280. package/dist/jsx/SelectDemo.js +140 -105
  281. package/dist/jsx/SelectDemo.js.map +1 -1
  282. package/dist/jsx/SelectDemo.native.js +165 -120
  283. package/dist/jsx/SelectDemo.native.js.map +1 -1
  284. package/dist/jsx/SeparatorDemo.js +13 -12
  285. package/dist/jsx/SeparatorDemo.js.map +1 -1
  286. package/dist/jsx/SeparatorDemo.native.js +36 -15
  287. package/dist/jsx/SeparatorDemo.native.js.map +1 -1
  288. package/dist/jsx/ShapesDemo.js +5 -4
  289. package/dist/jsx/ShapesDemo.js.map +1 -1
  290. package/dist/jsx/ShapesDemo.native.js +28 -7
  291. package/dist/jsx/ShapesDemo.native.js.map +1 -1
  292. package/dist/jsx/SheetDemo.js +87 -66
  293. package/dist/jsx/SheetDemo.js.map +1 -1
  294. package/dist/jsx/SheetDemo.native.js +114 -76
  295. package/dist/jsx/SheetDemo.native.js.map +1 -1
  296. package/dist/jsx/SliderDemo.js +10 -9
  297. package/dist/jsx/SliderDemo.js.map +1 -1
  298. package/dist/jsx/SliderDemo.native.js +33 -12
  299. package/dist/jsx/SliderDemo.native.js.map +1 -1
  300. package/dist/jsx/SpinnerDemo.js +5 -4
  301. package/dist/jsx/SpinnerDemo.js.map +1 -1
  302. package/dist/jsx/SpinnerDemo.native.js +28 -7
  303. package/dist/jsx/SpinnerDemo.native.js.map +1 -1
  304. package/dist/jsx/StacksDemo.js +71 -53
  305. package/dist/jsx/StacksDemo.js.map +1 -1
  306. package/dist/jsx/StacksDemo.native.js +94 -56
  307. package/dist/jsx/StacksDemo.native.js.map +1 -1
  308. package/dist/jsx/SwitchDemo.js +34 -29
  309. package/dist/jsx/SwitchDemo.js.map +1 -1
  310. package/dist/jsx/SwitchDemo.native.js +58 -32
  311. package/dist/jsx/SwitchDemo.native.js.map +1 -1
  312. package/dist/jsx/TabsAdvancedDemo.js +194 -138
  313. package/dist/jsx/TabsAdvancedDemo.js.map +1 -1
  314. package/dist/jsx/TabsAdvancedDemo.native.js +220 -154
  315. package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
  316. package/dist/jsx/TabsDemo.js +106 -77
  317. package/dist/jsx/TabsDemo.js.map +1 -1
  318. package/dist/jsx/TabsDemo.native.js +131 -92
  319. package/dist/jsx/TabsDemo.native.js.map +1 -1
  320. package/dist/jsx/TextDemo.js +9 -8
  321. package/dist/jsx/TextDemo.js.map +1 -1
  322. package/dist/jsx/TextDemo.native.js +32 -11
  323. package/dist/jsx/TextDemo.native.js.map +1 -1
  324. package/dist/jsx/ThemeBuilderDemo.js +124 -93
  325. package/dist/jsx/ThemeBuilderDemo.js.map +1 -1
  326. package/dist/jsx/ThemeBuilderDemo.native.js +147 -96
  327. package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
  328. package/dist/jsx/ThemeInverseDemo.js +31 -23
  329. package/dist/jsx/ThemeInverseDemo.js.map +1 -1
  330. package/dist/jsx/ThemeInverseDemo.native.js +55 -27
  331. package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
  332. package/dist/jsx/ToastDemo.js +74 -54
  333. package/dist/jsx/ToastDemo.js.map +1 -1
  334. package/dist/jsx/ToastDemo.native.js +108 -62
  335. package/dist/jsx/ToastDemo.native.js.map +2 -2
  336. package/dist/jsx/ToastDuplicateDemo.js +33 -24
  337. package/dist/jsx/ToastDuplicateDemo.js.map +1 -1
  338. package/dist/jsx/ToastDuplicateDemo.native.js +65 -31
  339. package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
  340. package/dist/jsx/ToggleGroupDemo.js +38 -29
  341. package/dist/jsx/ToggleGroupDemo.js.map +1 -1
  342. package/dist/jsx/ToggleGroupDemo.native.js +61 -33
  343. package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
  344. package/dist/jsx/TokensDemo.js +46 -38
  345. package/dist/jsx/TokensDemo.js.map +1 -1
  346. package/dist/jsx/TokensDemo.native.js +71 -45
  347. package/dist/jsx/TokensDemo.native.js.map +1 -1
  348. package/dist/jsx/TooltipDemo.js +43 -38
  349. package/dist/jsx/TooltipDemo.js.map +1 -1
  350. package/dist/jsx/TooltipDemo.native.js +66 -55
  351. package/dist/jsx/TooltipDemo.native.js.map +1 -1
  352. package/dist/jsx/UpdateThemeDemo.js +21 -16
  353. package/dist/jsx/UpdateThemeDemo.js.map +1 -1
  354. package/dist/jsx/UpdateThemeDemo.native.js +55 -34
  355. package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
  356. package/dist/jsx/index.native.js +115 -49
  357. package/dist/jsx/index.native.js.map +1 -1
  358. package/dist/jsx/tamagui.config.native.js +25 -6
  359. package/dist/jsx/tamagui.config.native.js.map +2 -2
  360. package/dist/jsx/useOnIntersecting.native.js +29 -8
  361. package/dist/jsx/useOnIntersecting.native.js.map +1 -1
  362. package/package.json +18 -18
@@ -1,32 +1,52 @@
1
- import { XStack } from "tamagui";
2
- import { LinearGradient } from "tamagui/linear-gradient";
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var LinearGradientDemo_exports = {};
17
+ __export(LinearGradientDemo_exports, {
18
+ LinearGradientDemo: () => LinearGradientDemo
19
+ });
20
+ module.exports = __toCommonJS(LinearGradientDemo_exports);
21
+ var import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient"), import_jsx_runtime = require("react/jsx-runtime");
3
22
  function LinearGradientDemo() {
4
- return <XStack space>
5
- {
6
- /* tokens */
7
- }
8
- <LinearGradient
9
- width="$6"
10
- height="$6"
11
- borderRadius="$4"
12
- colors={["$red10", "$yellow10"]}
13
- start={[0, 1]}
14
- end={[0, 0]}
15
- />
16
- {
17
- /* theme values */
18
- }
19
- <LinearGradient
20
- width="$6"
21
- height="$6"
22
- borderRadius="$4"
23
- colors={["$background", "$color"]}
24
- start={[1, 1]}
25
- end={[0, 0]}
26
- />
27
- </XStack>;
23
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, children: [
24
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
25
+ import_linear_gradient.LinearGradient,
26
+ {
27
+ width: "$6",
28
+ height: "$6",
29
+ borderRadius: "$4",
30
+ colors: ["$red10", "$yellow10"],
31
+ start: [0, 1],
32
+ end: [0, 0]
33
+ }
34
+ ),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
36
+ import_linear_gradient.LinearGradient,
37
+ {
38
+ width: "$6",
39
+ height: "$6",
40
+ borderRadius: "$4",
41
+ colors: ["$background", "$color"],
42
+ start: [1, 1],
43
+ end: [0, 0]
44
+ }
45
+ )
46
+ ] });
28
47
  }
29
- export {
48
+ // Annotate the CommonJS export names for ESM import in node:
49
+ 0 && (module.exports = {
30
50
  LinearGradientDemo
31
- };
51
+ });
32
52
  //# sourceMappingURL=LinearGradientDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradientDemo.tsx"],
4
- "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,CAAC,OAAO;AAAA;AAAA;AAAA;AAAA,IAEN,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,UAAU,WAAW;AAAA,MAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA;AAAA;AAAA;AAAA,IAGA,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAChC,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,EACF,EApBC;AAsBL;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuB,oBACvB,yBAA+B,oCAI3B;AAFG,SAAS,qBAAqB;AACnC,SACE,6CAAC,yBAAO,OAAK,IAEX;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,UAAU,WAAW;AAAA,QAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAChC,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,38 +1,45 @@
1
1
  import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
2
2
  import { ListItem, Separator, XStack, YGroup } from "tamagui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
3
4
  function ListItemDemo() {
4
- return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
5
- <ListItemDemo1 />
6
- <ListItemDemo2 />
7
- </XStack>;
5
+ return /* @__PURE__ */ jsxs(XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: !0, children: [
6
+ /* @__PURE__ */ jsx(ListItemDemo1, {}),
7
+ /* @__PURE__ */ jsx(ListItemDemo2, {})
8
+ ] });
8
9
  }
9
10
  function ListItemDemo1() {
10
- return <YGroup alignSelf="center" bordered width={240} size="$4">
11
- <YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
12
- <YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
13
- <YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
14
- <YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
15
- </YGroup>;
11
+ return /* @__PURE__ */ jsxs(YGroup, { alignSelf: "center", bordered: !0, width: 240, size: "$4", children: [
12
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: !0, icon: Star, title: "Star", subTitle: "Twinkles" }) }),
13
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: !0, icon: Moon, children: "Moon" }) }),
14
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: !0, icon: Sun, children: "Sun" }) }),
15
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: !0, icon: Cloud, children: "Cloud" }) })
16
+ ] });
16
17
  }
17
18
  function ListItemDemo2() {
18
- return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
19
- <YGroup.Item><ListItem
20
- hoverTheme
21
- pressTheme
22
- title="Star"
23
- subTitle="Subtitle"
24
- icon={Star}
25
- iconAfter={ChevronRight}
26
- /></YGroup.Item>
27
- <YGroup.Item><ListItem
28
- hoverTheme
29
- pressTheme
30
- title="Moon"
31
- subTitle="Subtitle"
32
- icon={Moon}
33
- iconAfter={ChevronRight}
34
- /></YGroup.Item>
35
- </YGroup>;
19
+ return /* @__PURE__ */ jsxs(YGroup, { alignSelf: "center", bordered: !0, width: 240, size: "$5", separator: /* @__PURE__ */ jsx(Separator, {}), children: [
20
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(
21
+ ListItem,
22
+ {
23
+ hoverTheme: !0,
24
+ pressTheme: !0,
25
+ title: "Star",
26
+ subTitle: "Subtitle",
27
+ icon: Star,
28
+ iconAfter: ChevronRight
29
+ }
30
+ ) }),
31
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(
32
+ ListItem,
33
+ {
34
+ hoverTheme: !0,
35
+ pressTheme: !0,
36
+ title: "Moon",
37
+ subTitle: "Subtitle",
38
+ icon: Moon,
39
+ iconAfter: ChevronRight
40
+ }
41
+ ) })
42
+ ] });
36
43
  }
37
44
  export {
38
45
  ListItemDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ListItemDemo.tsx"],
4
- "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAE7C,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,kBAAkB,KAAK;AAAA,IAC/D,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK;AAAA,IACnD,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,MAAM,OAAO,SAAS,WAAW,EACpE,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC,SAGH,EAJC,OAAO;AAAA,EAKV,EAnBC;AAqBL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,IAC9E,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,EAUV,EArBC;AAuBL;",
4
+ "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAIhD,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,IACpE;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,iBAAc;AAAA,KACjB;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,qBAAC,UAAO,WAAU,UAAS,UAAQ,IAAC,OAAO,KAAK,MAAK,MACnD;AAAA,wBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,IAAC,MAAM,MAAM,OAAM,QAAO,UAAS,YAAW,GACpE;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,IAAC,MAAM,MAAM,kBAEjC,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,IAAC,MAAM,KAAK,iBAEhC,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,IAAC,MAAM,OAAO,mBAElC,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,qBAAC,UAAO,WAAU,UAAS,UAAQ,IAAC,OAAO,KAAK,MAAK,MAAK,WAAW,oBAAC,aAAU,GAC9E;AAAA,wBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,40 +1,66 @@
1
- import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
2
- import { ListItem, Separator, XStack, YGroup } from "tamagui";
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var ListItemDemo_exports = {};
17
+ __export(ListItemDemo_exports, {
18
+ ListItemDemo: () => ListItemDemo
19
+ });
20
+ module.exports = __toCommonJS(ListItemDemo_exports);
21
+ var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
3
22
  function ListItemDemo() {
4
- return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
5
- <ListItemDemo1 />
6
- <ListItemDemo2 />
7
- </XStack>;
23
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: !0, children: [
24
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo1, {}),
25
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo2, {})
26
+ ] });
8
27
  }
9
28
  function ListItemDemo1() {
10
- return <YGroup alignSelf="center" bordered width={240} size="$4">
11
- <YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
12
- <YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
13
- <YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
14
- <YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
15
- </YGroup>;
29
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { alignSelf: "center", bordered: !0, width: 240, size: "$4", children: [
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: !0, icon: import_lucide_icons.Star, title: "Star", subTitle: "Twinkles" }) }),
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: !0, icon: import_lucide_icons.Moon, children: "Moon" }) }),
32
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: !0, icon: import_lucide_icons.Sun, children: "Sun" }) }),
33
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: !0, icon: import_lucide_icons.Cloud, children: "Cloud" }) })
34
+ ] });
16
35
  }
17
36
  function ListItemDemo2() {
18
- return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
19
- <YGroup.Item><ListItem
20
- hoverTheme
21
- pressTheme
22
- title="Star"
23
- subTitle="Subtitle"
24
- icon={Star}
25
- iconAfter={ChevronRight}
26
- /></YGroup.Item>
27
- <YGroup.Item><ListItem
28
- hoverTheme
29
- pressTheme
30
- title="Moon"
31
- subTitle="Subtitle"
32
- icon={Moon}
33
- iconAfter={ChevronRight}
34
- /></YGroup.Item>
35
- </YGroup>;
37
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { alignSelf: "center", bordered: !0, width: 240, size: "$5", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: [
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
39
+ import_tamagui.ListItem,
40
+ {
41
+ hoverTheme: !0,
42
+ pressTheme: !0,
43
+ title: "Star",
44
+ subTitle: "Subtitle",
45
+ icon: import_lucide_icons.Star,
46
+ iconAfter: import_lucide_icons.ChevronRight
47
+ }
48
+ ) }),
49
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
50
+ import_tamagui.ListItem,
51
+ {
52
+ hoverTheme: !0,
53
+ pressTheme: !0,
54
+ title: "Moon",
55
+ subTitle: "Subtitle",
56
+ icon: import_lucide_icons.Moon,
57
+ iconAfter: import_lucide_icons.ChevronRight
58
+ }
59
+ ) })
60
+ ] });
36
61
  }
37
- export {
62
+ // Annotate the CommonJS export names for ESM import in node:
63
+ 0 && (module.exports = {
38
64
  ListItemDemo
39
- };
65
+ });
40
66
  //# sourceMappingURL=ListItemDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ListItemDemo.tsx"],
4
- "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAE7C,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,kBAAkB,KAAK;AAAA,IAC/D,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK;AAAA,IACnD,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,MAAM,OAAO,SAAS,WAAW,EACpE,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC,SAGH,EAJC,OAAO;AAAA,EAKV,EAnBC;AAqBL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,IAC9E,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,EAUV,EArBC;AAuBL;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAqD,kCACrD,iBAAoD,oBAIhD;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,IACpE;AAAA,gDAAC,iBAAc;AAAA,IACf,4CAAC,iBAAc;AAAA,KACjB;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,6CAAC,yBAAO,WAAU,UAAS,UAAQ,IAAC,OAAO,KAAK,MAAK,MACnD;AAAA,gDAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,IAAC,MAAM,0BAAM,OAAM,QAAO,UAAS,YAAW,GACpE;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,IAAC,MAAM,0BAAM,kBAEjC,GACF;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,IAAC,MAAM,yBAAK,iBAEhC,GACF;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,IAAC,MAAM,2BAAO,mBAElC,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,6CAAC,yBAAO,WAAU,UAAS,UAAQ,IAAC,OAAO,KAAK,MAAK,MAAK,WAAW,4CAAC,4BAAU,GAC9E;AAAA,gDAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -3,6 +3,7 @@ import { useMemo, useState } from "react";
3
3
  import { ScrollView } from "react-native-web";
4
4
  import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
5
5
  import { Grid } from "./Grid";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
6
7
  const lucideIcons = Object.keys(
7
8
  // vite tree shaking workaround
8
9
  typeof LucideIcons < "u" ? LucideIcons : {}
@@ -13,30 +14,38 @@ const lucideIcons = Object.keys(
13
14
  }));
14
15
  function LucideIconsDemo() {
15
16
  const [searchRaw, setSearch] = useState(""), search = useDebounceValue(searchRaw, 400), size = 100, iconsMemo = useMemo(
16
- () => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => <YStack
17
- height={size + 20}
18
- alignItems="center"
19
- justifyContent="center"
20
- key={name}
21
- >
22
- <Icon size={size * 0.25} />
23
- <Spacer />
24
- <Paragraph
25
- height="$6"
26
- wordWrap="break-word"
27
- maxWidth="100%"
28
- textAlign="center"
29
- paddingHorizontal="$2"
30
- size="$1"
31
- opacity={0.5}
32
- >{name}</Paragraph>
33
- </YStack>),
17
+ () => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => /* @__PURE__ */ jsxs(
18
+ YStack,
19
+ {
20
+ height: size + 20,
21
+ alignItems: "center",
22
+ justifyContent: "center",
23
+ children: [
24
+ /* @__PURE__ */ jsx(Icon, { size: size * 0.25 }),
25
+ /* @__PURE__ */ jsx(Spacer, {}),
26
+ /* @__PURE__ */ jsx(
27
+ Paragraph,
28
+ {
29
+ height: "$6",
30
+ wordWrap: "break-word",
31
+ maxWidth: "100%",
32
+ textAlign: "center",
33
+ paddingHorizontal: "$2",
34
+ size: "$1",
35
+ opacity: 0.5,
36
+ children: name
37
+ }
38
+ )
39
+ ]
40
+ },
41
+ name
42
+ )),
34
43
  [search]
35
44
  );
36
- return <YStack minWidth="100%" padding="$4" paddingBottom="$0" space>
37
- <Input value={searchRaw} onChangeText={setSearch} placeholder="Search..." />
38
- <YStack height={420}><ScrollView><Grid itemMinWidth={size}>{iconsMemo}</Grid></ScrollView></YStack>
39
- </YStack>;
45
+ return /* @__PURE__ */ jsxs(YStack, { minWidth: "100%", padding: "$4", paddingBottom: "$0", space: !0, children: [
46
+ /* @__PURE__ */ jsx(Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
47
+ /* @__PURE__ */ jsx(YStack, { height: 420, children: /* @__PURE__ */ jsx(ScrollView, { children: /* @__PURE__ */ jsx(Grid, { itemMinWidth: size, children: iconsMemo }) }) })
48
+ ] });
40
49
  }
41
50
  export {
42
51
  LucideIconsDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LucideIconsDemo.tsx"],
4
- "mappings": "AAAA,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEnE,SAAS,YAAY;AAErB,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,cAAgB,MAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE,GACpC,SAAS,iBAAiB,WAAW,GAAG,GAExC,OAAO,KAEP,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB,CAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,WAAW;AAAA,MACX,eAAe;AAAA,MACf,KAAK;AAAA;AAAA,MAEL,CAAC,KAAK,MAAM,OAAO,MAAM;AAAA,MACzB,CAAC,OAAO;AAAA,MACR,CAAC;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,KAAK;AAAA,QACL,SAAS;AAAA,QAER,KACH,EAVC;AAAA,IAWH,EAnBC,OAoBF;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,CAAC,OAAO,SAAS,OAAO,QAAQ,KAAK,cAAc,KAAK;AAAA,IACtD,CAAC,MAAM,OAAO,WAAW,cAAc,WAAW,YAAY,YAAY;AAAA,IAE1E,CAAC,OAAO,QAAQ,KACd,CAAC,WACC,CAAC,KAAK,cAAc,OAAO,UAAU,EAApC,KACH,EAFC,WAGH,EAJC;AAAA,EAKH,EARC;AAUL;",
4
+ "mappings": "AAAA,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEnE,SAAS,YAAY;AAsBX,SAME,KANF;AApBV,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,cAAgB,MAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE,GACpC,SAAS,iBAAiB,WAAW,GAAG,GAExC,OAAO,KAEP,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,YAAW;AAAA,QACX,gBAAe;AAAA,QAGf;AAAA,8BAAC,QAAK,MAAM,OAAO,MAAM;AAAA,UACzB,oBAAC,UAAO;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,UAAS;AAAA,cACT,UAAS;AAAA,cACT,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,MAdK;AAAA,IAeP,CACD;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,qBAAC,UAAO,UAAS,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,IAC3D;AAAA,wBAAC,SAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,oBAAC,UAAO,QAAQ,KACd,8BAAC,cACC,8BAAC,QAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,8 +1,32 @@
1
- import * as LucideIcons from "@tamagui/lucide-icons";
2
- import { useMemo, useState } from "react";
3
- import { ScrollView } from "react-native";
4
- import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
5
- import { Grid } from "./Grid";
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, __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: !0 });
10
+ }, __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from == "object" || typeof from == "function")
12
+ for (let key of __getOwnPropNames(from))
13
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ return to;
15
+ };
16
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
+ // If the importer is in node compatibility mode or this is not an ESM
18
+ // file that has been converted to a CommonJS file using a Babel-
19
+ // compatible transform (i.e. "__esModule" has not been set), then set
20
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
22
+ mod
23
+ )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
24
+ var LucideIconsDemo_exports = {};
25
+ __export(LucideIconsDemo_exports, {
26
+ LucideIconsDemo: () => LucideIconsDemo
27
+ });
28
+ module.exports = __toCommonJS(LucideIconsDemo_exports);
29
+ var LucideIcons = __toESM(require("@tamagui/lucide-icons")), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_Grid = require("./Grid"), import_jsx_runtime = require("react/jsx-runtime");
6
30
  const lucideIcons = Object.keys(
7
31
  // vite tree shaking workaround
8
32
  typeof LucideIcons < "u" ? LucideIcons : {}
@@ -12,33 +36,42 @@ const lucideIcons = Object.keys(
12
36
  Icon: LucideIcons[name]
13
37
  }));
14
38
  function LucideIconsDemo() {
15
- const [searchRaw, setSearch] = useState(""), search = useDebounceValue(searchRaw, 400), size = 100, iconsMemo = useMemo(
16
- () => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => <YStack
17
- height={size + 20}
18
- alignItems="center"
19
- justifyContent="center"
20
- key={name}
21
- >
22
- <Icon size={size * 0.25} />
23
- <Spacer />
24
- <Paragraph
25
- height="$6"
26
- wordWrap="break-word"
27
- maxWidth="100%"
28
- textAlign="center"
29
- paddingHorizontal="$2"
30
- size="$1"
31
- opacity={0.5}
32
- >{name}</Paragraph>
33
- </YStack>),
39
+ const [searchRaw, setSearch] = (0, import_react.useState)(""), search = (0, import_tamagui.useDebounceValue)(searchRaw, 400), size = 100, iconsMemo = (0, import_react.useMemo)(
40
+ () => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
41
+ import_tamagui.YStack,
42
+ {
43
+ height: size + 20,
44
+ alignItems: "center",
45
+ justifyContent: "center",
46
+ children: [
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: size * 0.25 }),
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),
49
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
50
+ import_tamagui.Paragraph,
51
+ {
52
+ height: "$6",
53
+ wordWrap: "break-word",
54
+ maxWidth: "100%",
55
+ textAlign: "center",
56
+ paddingHorizontal: "$2",
57
+ size: "$1",
58
+ opacity: 0.5,
59
+ children: name
60
+ }
61
+ )
62
+ ]
63
+ },
64
+ name
65
+ )),
34
66
  [search]
35
67
  );
36
- return <YStack minWidth="100%" padding="$4" paddingBottom="$0" space>
37
- <Input value={searchRaw} onChangeText={setSearch} placeholder="Search..." />
38
- <YStack height={420}><ScrollView><Grid itemMinWidth={size}>{iconsMemo}</Grid></ScrollView></YStack>
39
- </YStack>;
68
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { minWidth: "100%", padding: "$4", paddingBottom: "$0", space: !0, children: [
69
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { height: 420, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.Grid, { itemMinWidth: size, children: iconsMemo }) }) })
71
+ ] });
40
72
  }
41
- export {
73
+ // Annotate the CommonJS export names for ESM import in node:
74
+ 0 && (module.exports = {
42
75
  LucideIconsDemo
43
- };
76
+ });
44
77
  //# sourceMappingURL=LucideIconsDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LucideIconsDemo.tsx"],
4
- "mappings": "AAAA,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEnE,SAAS,YAAY;AAErB,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,cAAgB,MAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE,GACpC,SAAS,iBAAiB,WAAW,GAAG,GAExC,OAAO,KAEP,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB,CAAC;AAAA,MACC,QAAQ,OAAO;AAAA,MACf,WAAW;AAAA,MACX,eAAe;AAAA,MACf,KAAK;AAAA;AAAA,MAEL,CAAC,KAAK,MAAM,OAAO,MAAM;AAAA,MACzB,CAAC,OAAO;AAAA,MACR,CAAC;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,KAAK;AAAA,QACL,SAAS;AAAA,QAER,KACH,EAVC;AAAA,IAWH,EAnBC,OAoBF;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,CAAC,OAAO,SAAS,OAAO,QAAQ,KAAK,cAAc,KAAK;AAAA,IACtD,CAAC,MAAM,OAAO,WAAW,cAAc,WAAW,YAAY,YAAY;AAAA,IAE1E,CAAC,OAAO,QAAQ,KACd,CAAC,WACC,CAAC,KAAK,cAAc,OAAO,UAAU,EAApC,KACH,EAFC,WAGH,EAJC;AAAA,EAKH,EARC;AAUL;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B,2CAC7B,eAAkC,kBAClC,sBAA2B,yBAC3B,iBAAmE,oBAEnE,cAAqB,mBAsBX;AApBV,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,cAAgB,MAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,QAAI,uBAAS,EAAE,GACpC,aAAS,iCAAiB,WAAW,GAAG,GAExC,OAAO,KAEP,gBAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,YAAW;AAAA,QACX,gBAAe;AAAA,QAGf;AAAA,sDAAC,QAAK,MAAM,OAAO,MAAM;AAAA,UACzB,4CAAC,yBAAO;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,UAAS;AAAA,cACT,UAAS;AAAA,cACT,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,MAdK;AAAA,IAeP,CACD;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,6CAAC,yBAAO,UAAS,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,IAC3D;AAAA,gDAAC,wBAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,4CAAC,yBAAO,QAAQ,KACd,sDAAC,kCACC,sDAAC,oBAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }