@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,91 +1,114 @@
1
- import { X } from "@tamagui/lucide-icons";
2
- import { useState } from "react";
3
- import {
4
- Adapt,
5
- Button,
6
- Dialog,
7
- Fieldset,
8
- Input,
9
- Label,
10
- Paragraph,
11
- Sheet,
12
- TooltipSimple,
13
- Unspaced,
14
- XStack
15
- } from "tamagui";
16
- import { SelectDemoItem } from "./SelectDemo";
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 DialogDemo_exports = {};
17
+ __export(DialogDemo_exports, {
18
+ DialogDemo: () => DialogDemo
19
+ });
20
+ module.exports = __toCommonJS(DialogDemo_exports);
21
+ var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo"), import_jsx_runtime = require("react/jsx-runtime");
17
22
  function DialogDemo() {
18
- return <DialogInstance />;
23
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {});
19
24
  }
20
25
  function DialogInstance() {
21
- const [open, setOpen] = useState(!1);
22
- return <Dialog
23
- modal
24
- onOpenChange={(open2) => {
25
- setOpen(open2);
26
- }}
27
- >
28
- <Dialog.Trigger asChild><Button>Show Dialog</Button></Dialog.Trigger>
29
- <Adapt when="sm" platform="touch"><Sheet animation="medium" zIndex={2e5} modal dismissOnSnapToBottom>
30
- <Sheet.Frame padding="$4" gap="$4"><Adapt.Contents /></Sheet.Frame>
31
- <Sheet.Overlay
32
- animation="lazy"
33
- enterStyle={{ opacity: 0 }}
34
- exitStyle={{ opacity: 0 }}
35
- />
36
- </Sheet></Adapt>
37
- <Dialog.Portal>
38
- <Dialog.Overlay
39
- key="overlay"
40
- animation="quick"
41
- opacity={0.5}
42
- enterStyle={{ opacity: 0 }}
43
- exitStyle={{ opacity: 0 }}
44
- />
45
- <Dialog.Content
46
- bordered
47
- elevate
48
- key="content"
49
- animateOnly={["transform", "opacity"]}
50
- animation={[
51
- "quick",
52
- {
53
- opacity: {
54
- overshootClamping: !0
26
+ const [open, setOpen] = (0, import_react.useState)(!1);
27
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
28
+ import_tamagui.Dialog,
29
+ {
30
+ modal: !0,
31
+ onOpenChange: (open2) => {
32
+ setOpen(open2);
33
+ },
34
+ children: [
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Dialog" }) }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
39
+ import_tamagui.Sheet.Overlay,
40
+ {
41
+ animation: "lazy",
42
+ enterStyle: { opacity: 0 },
43
+ exitStyle: { opacity: 0 }
55
44
  }
56
- }
57
- ]}
58
- enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
59
- exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
60
- gap="$4"
61
- >
62
- <Dialog.Title>Edit profile</Dialog.Title>
63
- <Dialog.Description>Make changes to your profile here. Click save when you're done.</Dialog.Description>
64
- <Fieldset gap="$4" horizontal>
65
- <Label width={160} justifyContent="flex-end" htmlFor="name">Name</Label>
66
- <Input flex={1} id="name" defaultValue="Nate Wienert" />
67
- </Fieldset>
68
- <Fieldset gap="$4" horizontal>
69
- <Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
70
- <SelectDemoItem />
71
- </Fieldset>
72
- <XStack alignSelf="flex-end" gap="$4">
73
- <DialogInstance />
74
- <Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close>
75
- </XStack>
76
- <Unspaced><Dialog.Close asChild><Button
77
- position="absolute"
78
- top="$3"
79
- right="$3"
80
- size="$2"
81
- circular
82
- icon={X}
83
- /></Dialog.Close></Unspaced>
84
- </Dialog.Content>
85
- </Dialog.Portal>
86
- </Dialog>;
45
+ )
46
+ ] }) }),
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
49
+ import_tamagui.Dialog.Overlay,
50
+ {
51
+ animation: "quick",
52
+ opacity: 0.5,
53
+ enterStyle: { opacity: 0 },
54
+ exitStyle: { opacity: 0 }
55
+ },
56
+ "overlay"
57
+ ),
58
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
59
+ import_tamagui.Dialog.Content,
60
+ {
61
+ bordered: !0,
62
+ elevate: !0,
63
+ animateOnly: ["transform", "opacity"],
64
+ animation: [
65
+ "quick",
66
+ {
67
+ opacity: {
68
+ overshootClamping: !0
69
+ }
70
+ }
71
+ ],
72
+ enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
73
+ exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
74
+ gap: "$4",
75
+ children: [
76
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
77
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
78
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
79
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
80
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
81
+ ] }),
82
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Food" }) }) }),
84
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {})
85
+ ] }),
86
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignSelf: "flex-end", gap: "$4", children: [
87
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
88
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "alt1", "aria-label": "Close", children: "Save changes" }) })
89
+ ] }),
90
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
91
+ import_tamagui.Button,
92
+ {
93
+ position: "absolute",
94
+ top: "$3",
95
+ right: "$3",
96
+ size: "$2",
97
+ circular: !0,
98
+ icon: import_lucide_icons.X
99
+ }
100
+ ) }) })
101
+ ]
102
+ },
103
+ "content"
104
+ )
105
+ ] })
106
+ ]
107
+ }
108
+ );
87
109
  }
88
- export {
110
+ // Annotate the CommonJS export names for ESM import in node:
111
+ 0 && (module.exports = {
89
112
  DialogDemo
90
- };
113
+ });
91
114
  //# sourceMappingURL=DialogDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DialogDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkB,kCAClB,eAAyB,kBACzB,iBAYO,oBAEP,oBAA+B,yBAGtB;AADF,SAAS,aAAa;AAC3B,SAAO,4CAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,EAAK;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACL,cAAc,CAACA,UAAS;AACtB,gBAAQA,KAAI;AAAA,MACd;AAAA,MAEA;AAAA,oDAAC,sBAAO,SAAP,EAAe,SAAO,IACrB,sDAAC,yBAAO,yBAAW,GACrB;AAAA,QAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,sDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,UACA;AAAA,YAAC,qBAAM;AAAA,YAAN;AAAA,cACC,WAAU;AAAA,cACV,YAAY,EAAE,SAAS,EAAE;AAAA,cACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,UAC1B;AAAA,WACF,GACF;AAAA,QAEA,6CAAC,sBAAO,QAAP,EACC;AAAA;AAAA,YAAC,sBAAO;AAAA,YAAP;AAAA,cAEC,WAAU;AAAA,cACV,SAAS;AAAA,cACT,YAAY,EAAE,SAAS,EAAE;AAAA,cACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,YAJpB;AAAA,UAKN;AAAA,UAEA;AAAA,YAAC,sBAAO;AAAA,YAAP;AAAA,cACC,UAAQ;AAAA,cACR,SAAO;AAAA,cAEP,aAAa,CAAC,aAAa,SAAS;AAAA,cACpC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAClD,KAAI;AAAA,cAEJ;AAAA,4DAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,gBAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,gBACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,8DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,kBACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,mBACxD;AAAA,gBACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,8DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,sDAAC,gCAAc,OAAM,sBAAqB,WAAU,gBAClD,sDAAC,4BAAU,kBAAI,GACjB,GACF;AAAA,kBACA,4CAAC,oCAAe;AAAA,mBAClB;AAAA,gBAEA,6CAAC,yBAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,8DAAC,kBAAe;AAAA,kBAEhB,4CAAC,sBAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,sDAAC,yBAAO,OAAM,QAAO,cAAW,SAAQ,0BAExC,GACF;AAAA,mBACF;AAAA,gBAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,IACnB;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAS;AAAA,oBACT,KAAI;AAAA,oBACJ,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,UAAQ;AAAA,oBACR,MAAM;AAAA;AAAA,gBACR,GACF,GACF;AAAA;AAAA;AAAA,YAtDI;AAAA,UAuDN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
5
5
  "names": ["open"]
6
6
  }
@@ -1,5 +1,6 @@
1
1
  import { useEffect, useState } from "react";
2
2
  import { Button, Form, H4, Spinner } from "tamagui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
3
4
  function FormsDemo(props) {
4
5
  const [status, setStatus] = useState("off");
5
6
  return useEffect(() => {
@@ -9,20 +10,24 @@ function FormsDemo(props) {
9
10
  clearTimeout(timer);
10
11
  };
11
12
  }
12
- }, [status]), <Form
13
- alignItems="center"
14
- minWidth={300}
15
- gap="$2"
16
- onSubmit={() => setStatus("submitting")}
17
- borderWidth={1}
18
- borderRadius="$4"
19
- backgroundColor="$background"
20
- borderColor="$borderColor"
21
- padding="$8"
22
- >
23
- <H4>{status[0].toUpperCase() + status.slice(1)}</H4>
24
- <Form.Trigger asChild disabled={status !== "off"}><Button icon={status === "submitting" ? () => <Spinner /> : void 0}>Submit</Button></Form.Trigger>
25
- </Form>;
13
+ }, [status]), /* @__PURE__ */ jsxs(
14
+ Form,
15
+ {
16
+ alignItems: "center",
17
+ minWidth: 300,
18
+ gap: "$2",
19
+ onSubmit: () => setStatus("submitting"),
20
+ borderWidth: 1,
21
+ borderRadius: "$4",
22
+ backgroundColor: "$background",
23
+ borderColor: "$borderColor",
24
+ padding: "$8",
25
+ children: [
26
+ /* @__PURE__ */ jsx(H4, { children: status[0].toUpperCase() + status.slice(1) }),
27
+ /* @__PURE__ */ jsx(Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ jsx(Button, { icon: status === "submitting" ? () => /* @__PURE__ */ jsx(Spinner, {}) : void 0, children: "Submit" }) })
28
+ ]
29
+ }
30
+ );
26
31
  }
27
32
  export {
28
33
  FormsDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/FormsDemo.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAAe;AAE/C,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,mBAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT,CAAC;AAAA,IACC,WAAW;AAAA,IACX,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,UAAU,MAAM,UAAU,YAAY;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA;AAAA,IAER,CAAC,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,EAA9C;AAAA,IAED,CAAC,KAAK,QAAQ,QAAQ,UAAU,WAAW,OACzC,CAAC,OAAO,MAAM,WAAW,eAAe,MAAM,CAAC,QAAQ,KAAK,QAAW,MAEvE,EAFC,OAGH,EAJC,KAAK;AAAA,EAKR,EAlBC;AAoBL;",
4
+ "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAAe;AAelD,SAWE,KAXF;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,mBAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,4BAAC,MAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,oBAAC,KAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,8BAAC,UAAO,MAAM,WAAW,eAAe,MAAM,oBAAC,WAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,30 +1,54 @@
1
- import { useEffect, useState } from "react";
2
- import { Button, Form, H4, Spinner } 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 FormsDemo_exports = {};
17
+ __export(FormsDemo_exports, {
18
+ FormsDemo: () => FormsDemo
19
+ });
20
+ module.exports = __toCommonJS(FormsDemo_exports);
21
+ var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
3
22
  function FormsDemo(props) {
4
- const [status, setStatus] = useState("off");
5
- return useEffect(() => {
23
+ const [status, setStatus] = (0, import_react.useState)("off");
24
+ return (0, import_react.useEffect)(() => {
6
25
  if (status === "submitting") {
7
26
  const timer = setTimeout(() => setStatus("off"), 2e3);
8
27
  return () => {
9
28
  clearTimeout(timer);
10
29
  };
11
30
  }
12
- }, [status]), <Form
13
- alignItems="center"
14
- minWidth={300}
15
- gap="$2"
16
- onSubmit={() => setStatus("submitting")}
17
- borderWidth={1}
18
- borderRadius="$4"
19
- backgroundColor="$background"
20
- borderColor="$borderColor"
21
- padding="$8"
22
- >
23
- <H4>{status[0].toUpperCase() + status.slice(1)}</H4>
24
- <Form.Trigger asChild disabled={status !== "off"}><Button icon={status === "submitting" ? () => <Spinner /> : void 0}>Submit</Button></Form.Trigger>
25
- </Form>;
31
+ }, [status]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
32
+ import_tamagui.Form,
33
+ {
34
+ alignItems: "center",
35
+ minWidth: 300,
36
+ gap: "$2",
37
+ onSubmit: () => setStatus("submitting"),
38
+ borderWidth: 1,
39
+ borderRadius: "$4",
40
+ backgroundColor: "$background",
41
+ borderColor: "$borderColor",
42
+ padding: "$8",
43
+ children: [
44
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, { children: status[0].toUpperCase() + status.slice(1) }),
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: status === "submitting" ? () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {}) : void 0, children: "Submit" }) })
46
+ ]
47
+ }
48
+ );
26
49
  }
27
- export {
50
+ // Annotate the CommonJS export names for ESM import in node:
51
+ 0 && (module.exports = {
28
52
  FormsDemo
29
- };
53
+ });
30
54
  //# sourceMappingURL=FormsDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/FormsDemo.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAAe;AAE/C,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,mBAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT,CAAC;AAAA,IACC,WAAW;AAAA,IACX,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,UAAU,MAAM,UAAU,YAAY;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA;AAAA,IAER,CAAC,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,EAA9C;AAAA,IAED,CAAC,KAAK,QAAQ,QAAQ,UAAU,WAAW,OACzC,CAAC,OAAO,MAAM,WAAW,eAAe,MAAM,CAAC,QAAQ,KAAK,QAAW,MAEvE,EAFC,OAGH,EAJC,KAAK;AAAA,EAKR,EAlBC;AAoBL;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBACpC,iBAAsD,oBAelD;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6C,KAAK;AAE9E,qCAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,oDAAC,qBAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,4CAAC,oBAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,sDAAC,yBAAO,MAAM,WAAW,eAAe,MAAM,4CAAC,0BAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/jsx/Grid.js CHANGED
@@ -1,26 +1,35 @@
1
1
  import { isWeb } from "@tamagui/core";
2
2
  import { XStack } from "@tamagui/stacks";
3
3
  import React from "react";
4
+ import { jsx } from "react/jsx-runtime";
4
5
  function Grid({ children, columns, itemMinWidth = 200, gap }) {
5
6
  if (isWeb)
6
- return <div
7
- style={{
8
- gap,
9
- display: "grid",
10
- justifyContent: "stretch",
11
- // gridTemplateRows: 'repeat(4, 1fr)',
12
- gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
13
- // gridTemplateColumns: '1fr 1fr',
14
- }}
15
- >{children}</div>;
7
+ return /* @__PURE__ */ jsx(
8
+ "div",
9
+ {
10
+ style: {
11
+ gap,
12
+ display: "grid",
13
+ justifyContent: "stretch",
14
+ // gridTemplateRows: 'repeat(4, 1fr)',
15
+ gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
16
+ // gridTemplateColumns: '1fr 1fr',
17
+ },
18
+ children
19
+ }
20
+ );
16
21
  const childrenList = React.Children.toArray(children);
17
- return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => child ? <XStack
18
- key={i}
19
- flex={1}
20
- minWidth={itemMinWidth}
21
- marginRight={gap}
22
- marginBottom={gap}
23
- >{child}</XStack> : null)}</XStack>;
22
+ return /* @__PURE__ */ jsx(XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => child ? /* @__PURE__ */ jsx(
23
+ XStack,
24
+ {
25
+ flex: 1,
26
+ minWidth: itemMinWidth,
27
+ marginRight: gap,
28
+ marginBottom: gap,
29
+ children: child
30
+ },
31
+ i
32
+ ) : null) });
24
33
  }
25
34
  export {
26
35
  Grid
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Grid.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,MAE/D;AAAA,MAEC,SACH,EAXC;AAeL,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MACnB,QAMH,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IAEb,MACH,EARC,UALM,IAeV,EACH,EAnBC;AAqBL;",
4
+ "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,oBAAC,UAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,28 +1,63 @@
1
- import { isWeb } from "@tamagui/core";
2
- import { XStack } from "@tamagui/stacks";
3
- import React from "react";
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 Grid_exports = {};
25
+ __export(Grid_exports, {
26
+ Grid: () => Grid
27
+ });
28
+ module.exports = __toCommonJS(Grid_exports);
29
+ var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_react = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
4
30
  function Grid({ children, columns, itemMinWidth = 200, gap }) {
5
- if (isWeb)
6
- return <div
7
- style={{
8
- gap,
9
- display: "grid",
10
- justifyContent: "stretch",
11
- // gridTemplateRows: 'repeat(4, 1fr)',
12
- gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
13
- // gridTemplateColumns: '1fr 1fr',
14
- }}
15
- >{children}</div>;
16
- const childrenList = React.Children.toArray(children);
17
- return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => child ? <XStack
18
- key={i}
19
- flex={1}
20
- minWidth={itemMinWidth}
21
- marginRight={gap}
22
- marginBottom={gap}
23
- >{child}</XStack> : null)}</XStack>;
31
+ if (import_core.isWeb)
32
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
33
+ "div",
34
+ {
35
+ style: {
36
+ gap,
37
+ display: "grid",
38
+ justifyContent: "stretch",
39
+ // gridTemplateRows: 'repeat(4, 1fr)',
40
+ gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
41
+ // gridTemplateColumns: '1fr 1fr',
42
+ },
43
+ children
44
+ }
45
+ );
46
+ const childrenList = import_react.default.Children.toArray(children);
47
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => child ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
48
+ import_stacks.XStack,
49
+ {
50
+ flex: 1,
51
+ minWidth: itemMinWidth,
52
+ marginRight: gap,
53
+ marginBottom: gap,
54
+ children: child
55
+ },
56
+ i
57
+ ) : null) });
24
58
  }
25
- export {
59
+ // Annotate the CommonJS export names for ESM import in node:
60
+ 0 && (module.exports = {
26
61
  Grid
27
- };
62
+ });
28
63
  //# sourceMappingURL=Grid.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Grid.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,MAE/D;AAAA,MAEC,SACH,EAXC;AAeL,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MACnB,QAMH,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IAEb,MACH,EARC,UALM,IAeV,EACH,EAnBC;AAqBL;",
5
- "names": []
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB,0BACtB,gBAAuB,4BACvB,eAAkB,2BAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,aAAAA,QAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,4CAAC,wBAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
5
+ "names": ["React"]
6
6
  }
@@ -1,28 +1,23 @@
1
1
  import { Activity, Airplay } from "@tamagui/lucide-icons";
2
2
  import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
3
4
  function GroupDemo() {
4
- return <YStack padding="$3" space="$2" alignItems="center">
5
- <Group orientation="horizontal">
6
- <Group.Item><Button>First</Button></Group.Item>
7
- <Group.Item><Button>Second</Button></Group.Item>
8
- <Group.Item><Button>Third</Button></Group.Item>
9
- </Group>
10
- {
11
- /* responsive + size */
12
- }
13
- <XGroup size="$3" $gtSm={{ size: "$5" }}>
14
- <XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
15
- <XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
16
- </XGroup>
17
- {
18
- /* Separator */
19
- }
20
- <YGroup separator={<Separator />}>
21
- <YGroup.Item><ListItem title="First" /></YGroup.Item>
22
- <YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
23
- <YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
24
- </YGroup>
25
- </YStack>;
5
+ return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
6
+ /* @__PURE__ */ jsxs(Group, { orientation: "horizontal", children: [
7
+ /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "First" }) }),
8
+ /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Second" }) }),
9
+ /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Third" }) })
10
+ ] }),
11
+ /* @__PURE__ */ jsxs(XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
12
+ /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Activity, children: "First" }) }),
13
+ /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Airplay, children: "Second" }) })
14
+ ] }),
15
+ /* @__PURE__ */ jsxs(YGroup, { separator: /* @__PURE__ */ jsx(Separator, {}), children: [
16
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "First" }) }),
17
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "Second", subTitle: "Second subtitle" }) }),
18
+ /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { children: "Third" }) })
19
+ ] })
20
+ ] });
26
21
  }
27
22
  export {
28
23
  GroupDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/GroupDemo.tsx"],
4
- "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,MAAM,YAAY;AAAA,MACjB,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,IAGT,EAVC;AAAA;AAAA;AAAA;AAAA,IAaD,CAAC,OAAO,KAAK,KAAK,OAAO,EAAE,MAAM,KAAK;AAAA,MACpC,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,UAAU,KAElC,EAFC,OAGH,EAJC,OAAO;AAAA,MAKR,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAXC;AAAA;AAAA;AAAA;AAAA,IAcD,CAAC,OAAO,WAAW,CAAC,UAAU;AAAA,MAC5B,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,QAAQ,EAC1B,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,KAAK,EAAd,SACH,EAFC,OAAO;AAAA,IAGV,EAVC;AAAA,EAWH,EAvCC;AAyCL;",
4
+ "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAKrE,SAEI,KAFJ;AAHC,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,yBAAC,SAAM,aAAY,cACjB;AAAA,0BAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,UAAU,mBAElC,GACF;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,SAAS,oBAEjC,GACF;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,WAAW,oBAAC,aAAU,GAC5B;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,SAAQ,GAC1B;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,UAAS,UAAS,mBAAkB,GACtD;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,mBAAK,GACjB;AAAA,OACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }