@tamagui/demos 2.0.0-rc.9 → 2.0.0

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 (663) hide show
  1. package/dist/cjs/AccordionDemo.cjs +19 -17
  2. package/dist/cjs/AccordionDemo.native.js +19 -17
  3. package/dist/cjs/AccordionDemo.native.js.map +1 -1
  4. package/dist/cjs/AddThemeDemo.cjs +31 -28
  5. package/dist/cjs/AddThemeDemo.native.js +33 -30
  6. package/dist/cjs/AddThemeDemo.native.js.map +1 -1
  7. package/dist/cjs/AlertDialogDemo.cjs +20 -18
  8. package/dist/cjs/AlertDialogDemo.native.js +20 -18
  9. package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
  10. package/dist/cjs/AnimationsDelayDemo.cjs +40 -35
  11. package/dist/cjs/AnimationsDelayDemo.native.js +41 -36
  12. package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
  13. package/dist/cjs/AnimationsDemo.cjs +27 -23
  14. package/dist/cjs/AnimationsDemo.native.js +29 -28
  15. package/dist/cjs/AnimationsDemo.native.js.map +1 -1
  16. package/dist/cjs/AnimationsEnterDemo.cjs +39 -34
  17. package/dist/cjs/AnimationsEnterDemo.native.js +38 -34
  18. package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
  19. package/dist/cjs/AnimationsHoverDemo.cjs +15 -13
  20. package/dist/cjs/AnimationsHoverDemo.native.js +15 -13
  21. package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
  22. package/dist/cjs/AnimationsPresenceDemo.cjs +68 -66
  23. package/dist/cjs/AnimationsPresenceDemo.native.js +71 -69
  24. package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
  25. package/dist/cjs/AnimationsTimingDemo.cjs +15 -13
  26. package/dist/cjs/AnimationsTimingDemo.native.js +15 -13
  27. package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
  28. package/dist/cjs/AvatarDemo.cjs +16 -14
  29. package/dist/cjs/AvatarDemo.native.js +16 -14
  30. package/dist/cjs/AvatarDemo.native.js.map +1 -1
  31. package/dist/cjs/BoxShadowTokenDemo.cjs +59 -0
  32. package/dist/cjs/BoxShadowTokenDemo.native.js +64 -0
  33. package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -0
  34. package/dist/cjs/BuildAButtonDemo.cjs +22 -20
  35. package/dist/cjs/BuildAButtonDemo.native.js +31 -29
  36. package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
  37. package/dist/cjs/ButtonDemo.cjs +20 -18
  38. package/dist/cjs/ButtonDemo.native.js +20 -18
  39. package/dist/cjs/ButtonDemo.native.js.map +1 -1
  40. package/dist/cjs/CardDemo.cjs +15 -13
  41. package/dist/cjs/CardDemo.native.js +15 -13
  42. package/dist/cjs/CardDemo.native.js.map +1 -1
  43. package/dist/cjs/CheckboxDemo.cjs +18 -16
  44. package/dist/cjs/CheckboxDemo.native.js +24 -22
  45. package/dist/cjs/CheckboxDemo.native.js.map +1 -1
  46. package/dist/cjs/CheckboxHeadlessDemo.cjs +39 -37
  47. package/dist/cjs/CheckboxHeadlessDemo.native.js +39 -37
  48. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
  49. package/dist/cjs/CheckboxUnstyledDemo.cjs +42 -40
  50. package/dist/cjs/CheckboxUnstyledDemo.native.js +43 -41
  51. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
  52. package/dist/cjs/ColorsDemo.cjs +62 -56
  53. package/dist/cjs/ColorsDemo.native.js +32 -30
  54. package/dist/cjs/ColorsDemo.native.js.map +1 -1
  55. package/dist/cjs/ContextMenuDemo.cjs +53 -53
  56. package/dist/cjs/ContextMenuDemo.native.js +41 -43
  57. package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
  58. package/dist/cjs/DialogDemo.cjs +34 -32
  59. package/dist/cjs/DialogDemo.native.js +36 -34
  60. package/dist/cjs/DialogDemo.native.js.map +1 -1
  61. package/dist/cjs/FormsDemo.cjs +31 -28
  62. package/dist/cjs/FormsDemo.native.js +31 -28
  63. package/dist/cjs/FormsDemo.native.js.map +1 -1
  64. package/dist/cjs/Grid.cjs +51 -42
  65. package/dist/cjs/Grid.native.js +44 -37
  66. package/dist/cjs/Grid.native.js.map +1 -1
  67. package/dist/cjs/GroupDemo.cjs +17 -15
  68. package/dist/cjs/GroupDemo.native.js +17 -15
  69. package/dist/cjs/GroupDemo.native.js.map +1 -1
  70. package/dist/cjs/HeadingsDemo.cjs +14 -12
  71. package/dist/cjs/HeadingsDemo.native.js +14 -12
  72. package/dist/cjs/HeadingsDemo.native.js.map +1 -1
  73. package/dist/cjs/ImageDemo.cjs +14 -12
  74. package/dist/cjs/ImageDemo.native.js +14 -12
  75. package/dist/cjs/ImageDemo.native.js.map +1 -1
  76. package/dist/cjs/InputsDemo.cjs +14 -12
  77. package/dist/cjs/InputsDemo.native.js +14 -12
  78. package/dist/cjs/InputsDemo.native.js.map +1 -1
  79. package/dist/cjs/LabelDemo.cjs +14 -12
  80. package/dist/cjs/LabelDemo.native.js +14 -12
  81. package/dist/cjs/LabelDemo.native.js.map +1 -1
  82. package/dist/cjs/LinearGradientDemo.cjs +15 -13
  83. package/dist/cjs/LinearGradientDemo.native.js +15 -13
  84. package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
  85. package/dist/cjs/ListItemDemo.cjs +32 -22
  86. package/dist/cjs/ListItemDemo.native.js +32 -22
  87. package/dist/cjs/ListItemDemo.native.js.map +1 -1
  88. package/dist/cjs/LucideIconsDemo.cjs +54 -52
  89. package/dist/cjs/LucideIconsDemo.native.js +69 -67
  90. package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
  91. package/dist/cjs/MenuDemo.cjs +176 -177
  92. package/dist/cjs/MenuDemo.native.js +179 -180
  93. package/dist/cjs/MenuDemo.native.js.map +1 -1
  94. package/dist/cjs/NewInputsDemo.cjs +15 -13
  95. package/dist/cjs/NewInputsDemo.native.js +15 -13
  96. package/dist/cjs/NewInputsDemo.native.js.map +1 -1
  97. package/dist/cjs/PopoverDemo.cjs +29 -27
  98. package/dist/cjs/PopoverDemo.native.js +29 -27
  99. package/dist/cjs/PopoverDemo.native.js.map +1 -1
  100. package/dist/cjs/ProgressDemo.cjs +37 -33
  101. package/dist/cjs/ProgressDemo.native.js +37 -33
  102. package/dist/cjs/ProgressDemo.native.js.map +1 -1
  103. package/dist/cjs/RadioGroupDemo.cjs +14 -12
  104. package/dist/cjs/RadioGroupDemo.native.js +14 -12
  105. package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
  106. package/dist/cjs/RadioGroupHeadlessDemo.cjs +68 -63
  107. package/dist/cjs/RadioGroupHeadlessDemo.native.js +60 -60
  108. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
  109. package/dist/cjs/RadioGroupUnstyledDemo.cjs +88 -86
  110. package/dist/cjs/RadioGroupUnstyledDemo.native.js +88 -86
  111. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
  112. package/dist/cjs/ReplaceThemeDemo.cjs +38 -33
  113. package/dist/cjs/ReplaceThemeDemo.native.js +39 -34
  114. package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
  115. package/dist/cjs/ScrollViewDemo.cjs +14 -12
  116. package/dist/cjs/ScrollViewDemo.native.js +14 -12
  117. package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
  118. package/dist/cjs/SelectDemo.cjs +54 -50
  119. package/dist/cjs/SelectDemo.native.js +44 -42
  120. package/dist/cjs/SelectDemo.native.js.map +1 -1
  121. package/dist/cjs/SeparatorDemo.cjs +16 -14
  122. package/dist/cjs/SeparatorDemo.native.js +16 -14
  123. package/dist/cjs/SeparatorDemo.native.js.map +1 -1
  124. package/dist/cjs/ShapesDemo.cjs +14 -12
  125. package/dist/cjs/ShapesDemo.native.js +14 -12
  126. package/dist/cjs/ShapesDemo.native.js.map +1 -1
  127. package/dist/cjs/SheetDemo.cjs +127 -121
  128. package/dist/cjs/SheetDemo.native.js +149 -147
  129. package/dist/cjs/SheetDemo.native.js.map +1 -1
  130. package/dist/cjs/SliderDemo.cjs +14 -12
  131. package/dist/cjs/SliderDemo.native.js +14 -12
  132. package/dist/cjs/SliderDemo.native.js.map +1 -1
  133. package/dist/cjs/SpinnerDemo.cjs +14 -12
  134. package/dist/cjs/SpinnerDemo.native.js +14 -12
  135. package/dist/cjs/SpinnerDemo.native.js.map +1 -1
  136. package/dist/cjs/StacksDemo.cjs +17 -15
  137. package/dist/cjs/StacksDemo.native.js +29 -16
  138. package/dist/cjs/StacksDemo.native.js.map +1 -1
  139. package/dist/cjs/SwitchDemo.cjs +18 -16
  140. package/dist/cjs/SwitchDemo.native.js +20 -18
  141. package/dist/cjs/SwitchDemo.native.js.map +1 -1
  142. package/dist/cjs/SwitchHeadlessDemo.cjs +38 -36
  143. package/dist/cjs/SwitchHeadlessDemo.native.js +40 -38
  144. package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
  145. package/dist/cjs/SwitchUnstyledDemo.cjs +50 -48
  146. package/dist/cjs/SwitchUnstyledDemo.native.js +51 -49
  147. package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
  148. package/dist/cjs/TabsAdvancedDemo.cjs +316 -294
  149. package/dist/cjs/TabsAdvancedDemo.native.js +364 -348
  150. package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
  151. package/dist/cjs/TabsDemo.cjs +105 -99
  152. package/dist/cjs/TabsDemo.native.js +162 -160
  153. package/dist/cjs/TabsDemo.native.js.map +1 -1
  154. package/dist/cjs/TabsHeadlessDemo.cjs +68 -64
  155. package/dist/cjs/TabsHeadlessDemo.native.js +94 -81
  156. package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
  157. package/dist/cjs/TextDemo.cjs +14 -12
  158. package/dist/cjs/TextDemo.native.js +14 -12
  159. package/dist/cjs/TextDemo.native.js.map +1 -1
  160. package/dist/cjs/ThemeBuilderDemo.cjs +15 -13
  161. package/dist/cjs/ThemeBuilderDemo.native.js +15 -13
  162. package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
  163. package/dist/cjs/ThemeInverseDemo.cjs +14 -12
  164. package/dist/cjs/ThemeInverseDemo.native.js +14 -12
  165. package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
  166. package/dist/cjs/ToastDemo.cjs +213 -131
  167. package/dist/cjs/ToastDemo.native.js +229 -142
  168. package/dist/cjs/ToastDemo.native.js.map +1 -1
  169. package/dist/cjs/ToastDuplicateDemo.cjs +49 -60
  170. package/dist/cjs/ToastDuplicateDemo.native.js +56 -71
  171. package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
  172. package/dist/cjs/ToastV1Demo.cjs +155 -0
  173. package/dist/cjs/ToastV1Demo.native.js +166 -0
  174. package/dist/cjs/ToastV1Demo.native.js.map +1 -0
  175. package/dist/cjs/ToggleGroupDemo.cjs +21 -19
  176. package/dist/cjs/ToggleGroupDemo.native.js +21 -19
  177. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
  178. package/dist/cjs/TokensDemo.cjs +80 -74
  179. package/dist/cjs/TokensDemo.native.js +58 -55
  180. package/dist/cjs/TokensDemo.native.js.map +1 -1
  181. package/dist/cjs/TooltipDemo.cjs +27 -24
  182. package/dist/cjs/TooltipDemo.native.js +27 -24
  183. package/dist/cjs/TooltipDemo.native.js.map +1 -1
  184. package/dist/cjs/UpdateThemeDemo.cjs +37 -33
  185. package/dist/cjs/UpdateThemeDemo.native.js +38 -34
  186. package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
  187. package/dist/cjs/WebNativeImageDemo.cjs +14 -12
  188. package/dist/cjs/WebNativeImageDemo.native.js +14 -12
  189. package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
  190. package/dist/cjs/index.cjs +9 -5
  191. package/dist/cjs/index.native.js +9 -5
  192. package/dist/cjs/index.native.js.map +1 -1
  193. package/dist/cjs/tamagui.config.cjs +14 -12
  194. package/dist/cjs/tamagui.config.native.js +16 -14
  195. package/dist/cjs/tamagui.config.native.js.map +1 -1
  196. package/dist/cjs/useOnIntersecting.cjs +44 -28
  197. package/dist/cjs/useOnIntersecting.native.js +84 -70
  198. package/dist/cjs/useOnIntersecting.native.js.map +1 -1
  199. package/dist/esm/AccordionDemo.mjs +3 -3
  200. package/dist/esm/AccordionDemo.native.js +3 -3
  201. package/dist/esm/AccordionDemo.native.js.map +1 -1
  202. package/dist/esm/AddThemeDemo.mjs +3 -2
  203. package/dist/esm/AddThemeDemo.mjs.map +1 -1
  204. package/dist/esm/AddThemeDemo.native.js +5 -4
  205. package/dist/esm/AddThemeDemo.native.js.map +1 -1
  206. package/dist/esm/AlertDialogDemo.mjs +6 -6
  207. package/dist/esm/AlertDialogDemo.native.js +6 -6
  208. package/dist/esm/AlertDialogDemo.native.js.map +1 -1
  209. package/dist/esm/AnimationsDelayDemo.mjs +12 -9
  210. package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
  211. package/dist/esm/AnimationsDelayDemo.native.js +12 -9
  212. package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
  213. package/dist/esm/AnimationsDemo.mjs +11 -9
  214. package/dist/esm/AnimationsDemo.mjs.map +1 -1
  215. package/dist/esm/AnimationsDemo.native.js +13 -14
  216. package/dist/esm/AnimationsDemo.native.js.map +1 -1
  217. package/dist/esm/AnimationsEnterDemo.mjs +10 -7
  218. package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
  219. package/dist/esm/AnimationsEnterDemo.native.js +9 -7
  220. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
  221. package/dist/esm/AnimationsPresenceDemo.mjs +35 -35
  222. package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
  223. package/dist/esm/AnimationsPresenceDemo.native.js +37 -37
  224. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
  225. package/dist/esm/AvatarDemo.mjs +2 -2
  226. package/dist/esm/AvatarDemo.native.js +2 -2
  227. package/dist/esm/BoxShadowTokenDemo.mjs +34 -0
  228. package/dist/esm/BoxShadowTokenDemo.mjs.map +1 -0
  229. package/dist/esm/BoxShadowTokenDemo.native.js +36 -0
  230. package/dist/esm/BoxShadowTokenDemo.native.js.map +1 -0
  231. package/dist/esm/BuildAButtonDemo.mjs +6 -6
  232. package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
  233. package/dist/esm/BuildAButtonDemo.native.js +6 -6
  234. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  235. package/dist/esm/ButtonDemo.mjs +2 -2
  236. package/dist/esm/ButtonDemo.native.js +2 -2
  237. package/dist/esm/ButtonDemo.native.js.map +1 -1
  238. package/dist/esm/CardDemo.mjs +1 -1
  239. package/dist/esm/CardDemo.native.js +1 -1
  240. package/dist/esm/CheckboxDemo.mjs +3 -3
  241. package/dist/esm/CheckboxDemo.native.js +9 -9
  242. package/dist/esm/CheckboxDemo.native.js.map +1 -1
  243. package/dist/esm/CheckboxHeadlessDemo.mjs +9 -9
  244. package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
  245. package/dist/esm/CheckboxHeadlessDemo.native.js +9 -9
  246. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
  247. package/dist/esm/CheckboxUnstyledDemo.mjs +25 -25
  248. package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -1
  249. package/dist/esm/CheckboxUnstyledDemo.native.js +25 -25
  250. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
  251. package/dist/esm/ColorsDemo.mjs +47 -43
  252. package/dist/esm/ColorsDemo.mjs.map +1 -1
  253. package/dist/esm/ColorsDemo.native.js +17 -17
  254. package/dist/esm/ColorsDemo.native.js.map +1 -1
  255. package/dist/esm/ContextMenuDemo.mjs +21 -23
  256. package/dist/esm/ContextMenuDemo.mjs.map +1 -1
  257. package/dist/esm/ContextMenuDemo.native.js +9 -13
  258. package/dist/esm/ContextMenuDemo.native.js.map +1 -1
  259. package/dist/esm/DialogDemo.mjs +16 -16
  260. package/dist/esm/DialogDemo.mjs.map +1 -1
  261. package/dist/esm/DialogDemo.native.js +18 -18
  262. package/dist/esm/DialogDemo.native.js.map +1 -1
  263. package/dist/esm/FormsDemo.mjs +4 -3
  264. package/dist/esm/FormsDemo.mjs.map +1 -1
  265. package/dist/esm/FormsDemo.native.js +4 -3
  266. package/dist/esm/FormsDemo.native.js.map +1 -1
  267. package/dist/esm/Grid.mjs +23 -16
  268. package/dist/esm/Grid.mjs.map +1 -1
  269. package/dist/esm/Grid.native.js +16 -11
  270. package/dist/esm/Grid.native.js.map +1 -1
  271. package/dist/esm/GroupDemo.mjs +1 -1
  272. package/dist/esm/GroupDemo.native.js +1 -1
  273. package/dist/esm/GroupDemo.native.js.map +1 -1
  274. package/dist/esm/ListItemDemo.mjs +9 -1
  275. package/dist/esm/ListItemDemo.mjs.map +1 -1
  276. package/dist/esm/ListItemDemo.native.js +9 -1
  277. package/dist/esm/ListItemDemo.native.js.map +1 -1
  278. package/dist/esm/LucideIconsDemo.mjs +25 -25
  279. package/dist/esm/LucideIconsDemo.mjs.map +1 -1
  280. package/dist/esm/LucideIconsDemo.native.js +32 -32
  281. package/dist/esm/LucideIconsDemo.native.js.map +1 -1
  282. package/dist/esm/MenuDemo.mjs +148 -151
  283. package/dist/esm/MenuDemo.mjs.map +1 -1
  284. package/dist/esm/MenuDemo.native.js +151 -154
  285. package/dist/esm/MenuDemo.native.js.map +1 -1
  286. package/dist/esm/PopoverDemo.mjs +10 -10
  287. package/dist/esm/PopoverDemo.mjs.map +1 -1
  288. package/dist/esm/PopoverDemo.native.js +10 -10
  289. package/dist/esm/PopoverDemo.native.js.map +1 -1
  290. package/dist/esm/ProgressDemo.mjs +8 -6
  291. package/dist/esm/ProgressDemo.mjs.map +1 -1
  292. package/dist/esm/ProgressDemo.native.js +8 -6
  293. package/dist/esm/ProgressDemo.native.js.map +1 -1
  294. package/dist/esm/RadioGroupHeadlessDemo.mjs +38 -35
  295. package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
  296. package/dist/esm/RadioGroupHeadlessDemo.native.js +30 -32
  297. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
  298. package/dist/esm/RadioGroupUnstyledDemo.mjs +73 -73
  299. package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -1
  300. package/dist/esm/RadioGroupUnstyledDemo.native.js +73 -73
  301. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
  302. package/dist/esm/ReplaceThemeDemo.mjs +10 -7
  303. package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
  304. package/dist/esm/ReplaceThemeDemo.native.js +11 -8
  305. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
  306. package/dist/esm/SelectDemo.mjs +22 -20
  307. package/dist/esm/SelectDemo.mjs.map +1 -1
  308. package/dist/esm/SelectDemo.native.js +11 -11
  309. package/dist/esm/SelectDemo.native.js.map +1 -1
  310. package/dist/esm/SeparatorDemo.mjs +2 -2
  311. package/dist/esm/SeparatorDemo.native.js +2 -2
  312. package/dist/esm/SheetDemo.mjs +96 -92
  313. package/dist/esm/SheetDemo.mjs.map +1 -1
  314. package/dist/esm/SheetDemo.native.js +120 -120
  315. package/dist/esm/SheetDemo.native.js.map +1 -1
  316. package/dist/esm/StacksDemo.mjs +3 -3
  317. package/dist/esm/StacksDemo.native.js +4 -4
  318. package/dist/esm/StacksDemo.native.js.map +1 -1
  319. package/dist/esm/SwitchDemo.mjs +4 -4
  320. package/dist/esm/SwitchDemo.native.js +6 -6
  321. package/dist/esm/SwitchHeadlessDemo.mjs +9 -9
  322. package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
  323. package/dist/esm/SwitchHeadlessDemo.native.js +11 -11
  324. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
  325. package/dist/esm/SwitchUnstyledDemo.mjs +34 -34
  326. package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -1
  327. package/dist/esm/SwitchUnstyledDemo.native.js +34 -34
  328. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
  329. package/dist/esm/TabsAdvancedDemo.mjs +289 -269
  330. package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
  331. package/dist/esm/TabsAdvancedDemo.native.js +337 -323
  332. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  333. package/dist/esm/TabsDemo.mjs +77 -73
  334. package/dist/esm/TabsDemo.mjs.map +1 -1
  335. package/dist/esm/TabsDemo.native.js +135 -135
  336. package/dist/esm/TabsDemo.native.js.map +1 -1
  337. package/dist/esm/TabsHeadlessDemo.mjs +48 -46
  338. package/dist/esm/TabsHeadlessDemo.mjs.map +1 -1
  339. package/dist/esm/TabsHeadlessDemo.native.js +67 -67
  340. package/dist/esm/TabsHeadlessDemo.native.js.map +1 -1
  341. package/dist/esm/ThemeBuilderDemo.mjs +1 -1
  342. package/dist/esm/ThemeBuilderDemo.native.js +1 -1
  343. package/dist/esm/ToastDemo.mjs +196 -105
  344. package/dist/esm/ToastDemo.mjs.map +1 -1
  345. package/dist/esm/ToastDemo.native.js +213 -117
  346. package/dist/esm/ToastDemo.native.js.map +1 -1
  347. package/dist/esm/ToastDuplicateDemo.mjs +31 -33
  348. package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
  349. package/dist/esm/ToastDuplicateDemo.native.js +32 -38
  350. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
  351. package/dist/esm/ToastV1Demo.mjs +119 -0
  352. package/dist/esm/ToastV1Demo.mjs.map +1 -0
  353. package/dist/esm/ToastV1Demo.native.js +127 -0
  354. package/dist/esm/ToastV1Demo.native.js.map +1 -0
  355. package/dist/esm/ToggleGroupDemo.mjs +4 -4
  356. package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
  357. package/dist/esm/ToggleGroupDemo.native.js +4 -4
  358. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  359. package/dist/esm/TokensDemo.mjs +52 -48
  360. package/dist/esm/TokensDemo.mjs.map +1 -1
  361. package/dist/esm/TokensDemo.native.js +24 -23
  362. package/dist/esm/TokensDemo.native.js.map +1 -1
  363. package/dist/esm/TooltipDemo.mjs +5 -4
  364. package/dist/esm/TooltipDemo.mjs.map +1 -1
  365. package/dist/esm/TooltipDemo.native.js +5 -4
  366. package/dist/esm/TooltipDemo.native.js.map +1 -1
  367. package/dist/esm/UpdateThemeDemo.mjs +8 -6
  368. package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
  369. package/dist/esm/UpdateThemeDemo.native.js +9 -7
  370. package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
  371. package/dist/esm/index.js +63 -61
  372. package/dist/esm/index.js.map +1 -6
  373. package/dist/esm/index.mjs +2 -0
  374. package/dist/esm/index.mjs.map +1 -1
  375. package/dist/esm/index.native.js +2 -0
  376. package/dist/esm/index.native.js.map +1 -1
  377. package/dist/esm/tamagui.config.native.js +2 -2
  378. package/dist/esm/tamagui.config.native.js.map +1 -1
  379. package/dist/esm/useOnIntersecting.mjs +30 -16
  380. package/dist/esm/useOnIntersecting.mjs.map +1 -1
  381. package/dist/esm/useOnIntersecting.native.js +70 -58
  382. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  383. package/package.json +42 -40
  384. package/src/AccordionDemo.tsx +1 -1
  385. package/src/AnimationsDemo.tsx +1 -1
  386. package/src/AnimationsPresenceDemo.tsx +2 -2
  387. package/src/BoxShadowTokenDemo.tsx +35 -0
  388. package/src/BuildAButtonDemo.tsx +1 -1
  389. package/src/ButtonDemo.tsx +1 -1
  390. package/src/CheckboxDemo.tsx +1 -1
  391. package/src/CheckboxHeadlessDemo.tsx +1 -1
  392. package/src/CheckboxUnstyledDemo.tsx +1 -1
  393. package/src/ContextMenuDemo.tsx +3 -3
  394. package/src/DialogDemo.tsx +1 -1
  395. package/src/GroupDemo.tsx +1 -1
  396. package/src/ListItemDemo.tsx +27 -6
  397. package/src/LucideIconsDemo.tsx +1 -1
  398. package/src/MenuDemo.tsx +126 -133
  399. package/src/PopoverDemo.tsx +6 -1
  400. package/src/ProgressDemo.tsx +1 -1
  401. package/src/SelectDemo.tsx +3 -3
  402. package/src/SheetDemo.tsx +1 -1
  403. package/src/TabsAdvancedDemo.tsx +13 -11
  404. package/src/ToastDemo.tsx +208 -93
  405. package/src/ToastDuplicateDemo.tsx +39 -29
  406. package/src/ToastV1Demo.tsx +121 -0
  407. package/src/ToggleGroupDemo.tsx +1 -1
  408. package/src/TooltipDemo.tsx +2 -1
  409. package/src/index.tsx +2 -0
  410. package/dist/cjs/AccordionDemo.js +0 -77
  411. package/dist/cjs/AccordionDemo.js.map +0 -6
  412. package/dist/cjs/AddThemeDemo.js +0 -56
  413. package/dist/cjs/AddThemeDemo.js.map +0 -6
  414. package/dist/cjs/AlertDialogDemo.js +0 -68
  415. package/dist/cjs/AlertDialogDemo.js.map +0 -6
  416. package/dist/cjs/AnimationsDelayDemo.js +0 -56
  417. package/dist/cjs/AnimationsDelayDemo.js.map +0 -6
  418. package/dist/cjs/AnimationsDemo.js +0 -99
  419. package/dist/cjs/AnimationsDemo.js.map +0 -6
  420. package/dist/cjs/AnimationsEnterDemo.js +0 -55
  421. package/dist/cjs/AnimationsEnterDemo.js.map +0 -6
  422. package/dist/cjs/AnimationsHoverDemo.js +0 -41
  423. package/dist/cjs/AnimationsHoverDemo.js.map +0 -6
  424. package/dist/cjs/AnimationsPresenceDemo.js +0 -102
  425. package/dist/cjs/AnimationsPresenceDemo.js.map +0 -6
  426. package/dist/cjs/AnimationsTimingDemo.js +0 -40
  427. package/dist/cjs/AnimationsTimingDemo.js.map +0 -6
  428. package/dist/cjs/AvatarDemo.js +0 -45
  429. package/dist/cjs/AvatarDemo.js.map +0 -6
  430. package/dist/cjs/BuildAButtonDemo.js +0 -65
  431. package/dist/cjs/BuildAButtonDemo.js.map +0 -6
  432. package/dist/cjs/ButtonDemo.js +0 -42
  433. package/dist/cjs/ButtonDemo.js.map +0 -6
  434. package/dist/cjs/CardDemo.js +0 -60
  435. package/dist/cjs/CardDemo.js.map +0 -6
  436. package/dist/cjs/CheckboxDemo.js +0 -41
  437. package/dist/cjs/CheckboxDemo.js.map +0 -6
  438. package/dist/cjs/CheckboxHeadlessDemo.js +0 -62
  439. package/dist/cjs/CheckboxHeadlessDemo.js.map +0 -6
  440. package/dist/cjs/CheckboxUnstyledDemo.js +0 -52
  441. package/dist/cjs/CheckboxUnstyledDemo.js.map +0 -6
  442. package/dist/cjs/ColorsDemo.js +0 -107
  443. package/dist/cjs/ColorsDemo.js.map +0 -6
  444. package/dist/cjs/ContextMenuDemo.js +0 -200
  445. package/dist/cjs/ContextMenuDemo.js.map +0 -6
  446. package/dist/cjs/DialogDemo.js +0 -149
  447. package/dist/cjs/DialogDemo.js.map +0 -6
  448. package/dist/cjs/FormsDemo.js +0 -66
  449. package/dist/cjs/FormsDemo.js.map +0 -6
  450. package/dist/cjs/Grid.js +0 -46
  451. package/dist/cjs/Grid.js.map +0 -6
  452. package/dist/cjs/GroupDemo.js +0 -49
  453. package/dist/cjs/GroupDemo.js.map +0 -6
  454. package/dist/cjs/HeadingsDemo.js +0 -31
  455. package/dist/cjs/HeadingsDemo.js.map +0 -6
  456. package/dist/cjs/ImageDemo.js +0 -35
  457. package/dist/cjs/ImageDemo.js.map +0 -6
  458. package/dist/cjs/InputsDemo.js +0 -43
  459. package/dist/cjs/InputsDemo.js.map +0 -6
  460. package/dist/cjs/LabelDemo.js +0 -42
  461. package/dist/cjs/LabelDemo.js.map +0 -6
  462. package/dist/cjs/LinearGradientDemo.js +0 -47
  463. package/dist/cjs/LinearGradientDemo.js.map +0 -6
  464. package/dist/cjs/ListItemDemo.js +0 -72
  465. package/dist/cjs/ListItemDemo.js.map +0 -6
  466. package/dist/cjs/LucideIconsDemo.js +0 -63
  467. package/dist/cjs/LucideIconsDemo.js.map +0 -6
  468. package/dist/cjs/MenuDemo.js +0 -187
  469. package/dist/cjs/MenuDemo.js.map +0 -6
  470. package/dist/cjs/NewInputsDemo.js +0 -43
  471. package/dist/cjs/NewInputsDemo.js.map +0 -6
  472. package/dist/cjs/PopoverDemo.js +0 -127
  473. package/dist/cjs/PopoverDemo.js.map +0 -6
  474. package/dist/cjs/ProgressDemo.js +0 -85
  475. package/dist/cjs/ProgressDemo.js.map +0 -6
  476. package/dist/cjs/RadioGroupDemo.js +0 -36
  477. package/dist/cjs/RadioGroupDemo.js.map +0 -6
  478. package/dist/cjs/RadioGroupHeadlessDemo.js +0 -117
  479. package/dist/cjs/RadioGroupHeadlessDemo.js.map +0 -6
  480. package/dist/cjs/RadioGroupUnstyledDemo.js +0 -106
  481. package/dist/cjs/RadioGroupUnstyledDemo.js.map +0 -6
  482. package/dist/cjs/ReplaceThemeDemo.js +0 -58
  483. package/dist/cjs/ReplaceThemeDemo.js.map +0 -6
  484. package/dist/cjs/ScrollViewDemo.js +0 -33
  485. package/dist/cjs/ScrollViewDemo.js.map +0 -6
  486. package/dist/cjs/SelectDemo.js +0 -200
  487. package/dist/cjs/SelectDemo.js.map +0 -6
  488. package/dist/cjs/SeparatorDemo.js +0 -35
  489. package/dist/cjs/SeparatorDemo.js.map +0 -6
  490. package/dist/cjs/ShapesDemo.js +0 -27
  491. package/dist/cjs/ShapesDemo.js.map +0 -6
  492. package/dist/cjs/SheetDemo.js +0 -123
  493. package/dist/cjs/SheetDemo.js.map +0 -6
  494. package/dist/cjs/SliderDemo.js +0 -34
  495. package/dist/cjs/SliderDemo.js.map +0 -6
  496. package/dist/cjs/SpinnerDemo.js +0 -27
  497. package/dist/cjs/SpinnerDemo.js.map +0 -6
  498. package/dist/cjs/StacksDemo.js +0 -86
  499. package/dist/cjs/StacksDemo.js.map +0 -6
  500. package/dist/cjs/SwitchDemo.js +0 -58
  501. package/dist/cjs/SwitchDemo.js.map +0 -6
  502. package/dist/cjs/SwitchHeadlessDemo.js +0 -88
  503. package/dist/cjs/SwitchHeadlessDemo.js.map +0 -6
  504. package/dist/cjs/SwitchUnstyledDemo.js +0 -64
  505. package/dist/cjs/SwitchUnstyledDemo.js.map +0 -6
  506. package/dist/cjs/TabsAdvancedDemo.js +0 -288
  507. package/dist/cjs/TabsAdvancedDemo.js.map +0 -6
  508. package/dist/cjs/TabsDemo.js +0 -158
  509. package/dist/cjs/TabsDemo.js.map +0 -6
  510. package/dist/cjs/TabsHeadlessDemo.js +0 -121
  511. package/dist/cjs/TabsHeadlessDemo.js.map +0 -6
  512. package/dist/cjs/TextDemo.js +0 -34
  513. package/dist/cjs/TextDemo.js.map +0 -6
  514. package/dist/cjs/ThemeBuilderDemo.js +0 -167
  515. package/dist/cjs/ThemeBuilderDemo.js.map +0 -6
  516. package/dist/cjs/ThemeInverseDemo.js +0 -45
  517. package/dist/cjs/ThemeInverseDemo.js.map +0 -6
  518. package/dist/cjs/ToastDemo.js +0 -118
  519. package/dist/cjs/ToastDemo.js.map +0 -6
  520. package/dist/cjs/ToastDuplicateDemo.js +0 -64
  521. package/dist/cjs/ToastDuplicateDemo.js.map +0 -6
  522. package/dist/cjs/ToggleGroupDemo.js +0 -89
  523. package/dist/cjs/ToggleGroupDemo.js.map +0 -6
  524. package/dist/cjs/TokensDemo.js +0 -99
  525. package/dist/cjs/TokensDemo.js.map +0 -6
  526. package/dist/cjs/TooltipDemo.js +0 -69
  527. package/dist/cjs/TooltipDemo.js.map +0 -6
  528. package/dist/cjs/UpdateThemeDemo.js +0 -61
  529. package/dist/cjs/UpdateThemeDemo.js.map +0 -6
  530. package/dist/cjs/WebNativeImageDemo.js +0 -24
  531. package/dist/cjs/WebNativeImageDemo.js.map +0 -6
  532. package/dist/cjs/index.js +0 -75
  533. package/dist/cjs/index.js.map +0 -6
  534. package/dist/cjs/tamagui.config.js +0 -23
  535. package/dist/cjs/tamagui.config.js.map +0 -6
  536. package/dist/cjs/useOnIntersecting.js +0 -65
  537. package/dist/cjs/useOnIntersecting.js.map +0 -6
  538. package/dist/esm/AccordionDemo.js +0 -63
  539. package/dist/esm/AccordionDemo.js.map +0 -6
  540. package/dist/esm/AddThemeDemo.js +0 -35
  541. package/dist/esm/AddThemeDemo.js.map +0 -6
  542. package/dist/esm/AlertDialogDemo.js +0 -53
  543. package/dist/esm/AlertDialogDemo.js.map +0 -6
  544. package/dist/esm/AnimationsDelayDemo.js +0 -35
  545. package/dist/esm/AnimationsDelayDemo.js.map +0 -6
  546. package/dist/esm/AnimationsDemo.js +0 -86
  547. package/dist/esm/AnimationsDemo.js.map +0 -6
  548. package/dist/esm/AnimationsEnterDemo.js +0 -35
  549. package/dist/esm/AnimationsEnterDemo.js.map +0 -6
  550. package/dist/esm/AnimationsHoverDemo.js +0 -27
  551. package/dist/esm/AnimationsHoverDemo.js.map +0 -6
  552. package/dist/esm/AnimationsPresenceDemo.js +0 -85
  553. package/dist/esm/AnimationsPresenceDemo.js.map +0 -6
  554. package/dist/esm/AnimationsTimingDemo.js +0 -26
  555. package/dist/esm/AnimationsTimingDemo.js.map +0 -6
  556. package/dist/esm/AvatarDemo.js +0 -30
  557. package/dist/esm/AvatarDemo.js.map +0 -6
  558. package/dist/esm/BuildAButtonDemo.js +0 -51
  559. package/dist/esm/BuildAButtonDemo.js.map +0 -6
  560. package/dist/esm/ButtonDemo.js +0 -29
  561. package/dist/esm/ButtonDemo.js.map +0 -6
  562. package/dist/esm/CardDemo.js +0 -45
  563. package/dist/esm/CardDemo.js.map +0 -6
  564. package/dist/esm/CheckboxDemo.js +0 -27
  565. package/dist/esm/CheckboxDemo.js.map +0 -6
  566. package/dist/esm/CheckboxHeadlessDemo.js +0 -43
  567. package/dist/esm/CheckboxHeadlessDemo.js.map +0 -6
  568. package/dist/esm/CheckboxUnstyledDemo.js +0 -40
  569. package/dist/esm/CheckboxUnstyledDemo.js.map +0 -6
  570. package/dist/esm/ColorsDemo.js +0 -104
  571. package/dist/esm/ColorsDemo.js.map +0 -6
  572. package/dist/esm/ContextMenuDemo.js +0 -180
  573. package/dist/esm/ContextMenuDemo.js.map +0 -6
  574. package/dist/esm/DialogDemo.js +0 -152
  575. package/dist/esm/DialogDemo.js.map +0 -6
  576. package/dist/esm/FormsDemo.js +0 -50
  577. package/dist/esm/FormsDemo.js.map +0 -6
  578. package/dist/esm/Grid.js +0 -25
  579. package/dist/esm/Grid.js.map +0 -6
  580. package/dist/esm/GroupDemo.js +0 -35
  581. package/dist/esm/GroupDemo.js.map +0 -6
  582. package/dist/esm/HeadingsDemo.js +0 -16
  583. package/dist/esm/HeadingsDemo.js.map +0 -6
  584. package/dist/esm/ImageDemo.js +0 -20
  585. package/dist/esm/ImageDemo.js.map +0 -6
  586. package/dist/esm/InputsDemo.js +0 -28
  587. package/dist/esm/InputsDemo.js.map +0 -6
  588. package/dist/esm/LabelDemo.js +0 -27
  589. package/dist/esm/LabelDemo.js.map +0 -6
  590. package/dist/esm/LinearGradientDemo.js +0 -33
  591. package/dist/esm/LinearGradientDemo.js.map +0 -6
  592. package/dist/esm/ListItemDemo.js +0 -58
  593. package/dist/esm/ListItemDemo.js.map +0 -6
  594. package/dist/esm/LucideIconsDemo.js +0 -44
  595. package/dist/esm/LucideIconsDemo.js.map +0 -6
  596. package/dist/esm/MenuDemo.js +0 -175
  597. package/dist/esm/MenuDemo.js.map +0 -6
  598. package/dist/esm/NewInputsDemo.js +0 -29
  599. package/dist/esm/NewInputsDemo.js.map +0 -6
  600. package/dist/esm/PopoverDemo.js +0 -124
  601. package/dist/esm/PopoverDemo.js.map +0 -6
  602. package/dist/esm/ProgressDemo.js +0 -64
  603. package/dist/esm/ProgressDemo.js.map +0 -6
  604. package/dist/esm/RadioGroupDemo.js +0 -21
  605. package/dist/esm/RadioGroupDemo.js.map +0 -6
  606. package/dist/esm/RadioGroupHeadlessDemo.js +0 -102
  607. package/dist/esm/RadioGroupHeadlessDemo.js.map +0 -6
  608. package/dist/esm/RadioGroupUnstyledDemo.js +0 -92
  609. package/dist/esm/RadioGroupUnstyledDemo.js.map +0 -6
  610. package/dist/esm/ReplaceThemeDemo.js +0 -45
  611. package/dist/esm/ReplaceThemeDemo.js.map +0 -6
  612. package/dist/esm/ScrollViewDemo.js +0 -18
  613. package/dist/esm/ScrollViewDemo.js.map +0 -6
  614. package/dist/esm/SelectDemo.js +0 -180
  615. package/dist/esm/SelectDemo.js.map +0 -6
  616. package/dist/esm/SeparatorDemo.js +0 -20
  617. package/dist/esm/SeparatorDemo.js.map +0 -6
  618. package/dist/esm/ShapesDemo.js +0 -12
  619. package/dist/esm/ShapesDemo.js.map +0 -6
  620. package/dist/esm/SheetDemo.js +0 -103
  621. package/dist/esm/SheetDemo.js.map +0 -6
  622. package/dist/esm/SliderDemo.js +0 -19
  623. package/dist/esm/SliderDemo.js.map +0 -6
  624. package/dist/esm/SpinnerDemo.js +0 -12
  625. package/dist/esm/SpinnerDemo.js.map +0 -6
  626. package/dist/esm/StacksDemo.js +0 -71
  627. package/dist/esm/StacksDemo.js.map +0 -6
  628. package/dist/esm/SwitchDemo.js +0 -43
  629. package/dist/esm/SwitchDemo.js.map +0 -6
  630. package/dist/esm/SwitchHeadlessDemo.js +0 -68
  631. package/dist/esm/SwitchHeadlessDemo.js.map +0 -6
  632. package/dist/esm/SwitchUnstyledDemo.js +0 -51
  633. package/dist/esm/SwitchUnstyledDemo.js.map +0 -6
  634. package/dist/esm/TabsAdvancedDemo.js +0 -275
  635. package/dist/esm/TabsAdvancedDemo.js.map +0 -6
  636. package/dist/esm/TabsDemo.js +0 -146
  637. package/dist/esm/TabsDemo.js.map +0 -6
  638. package/dist/esm/TabsHeadlessDemo.js +0 -117
  639. package/dist/esm/TabsHeadlessDemo.js.map +0 -6
  640. package/dist/esm/TextDemo.js +0 -19
  641. package/dist/esm/TextDemo.js.map +0 -6
  642. package/dist/esm/ThemeBuilderDemo.js +0 -152
  643. package/dist/esm/ThemeBuilderDemo.js.map +0 -6
  644. package/dist/esm/ThemeInverseDemo.js +0 -30
  645. package/dist/esm/ThemeInverseDemo.js.map +0 -6
  646. package/dist/esm/ToastDemo.js +0 -97
  647. package/dist/esm/ToastDemo.js.map +0 -6
  648. package/dist/esm/ToastDuplicateDemo.js +0 -44
  649. package/dist/esm/ToastDuplicateDemo.js.map +0 -6
  650. package/dist/esm/ToggleGroupDemo.js +0 -75
  651. package/dist/esm/ToggleGroupDemo.js.map +0 -6
  652. package/dist/esm/TokensDemo.js +0 -78
  653. package/dist/esm/TokensDemo.js.map +0 -6
  654. package/dist/esm/TooltipDemo.js +0 -61
  655. package/dist/esm/TooltipDemo.js.map +0 -6
  656. package/dist/esm/UpdateThemeDemo.js +0 -49
  657. package/dist/esm/UpdateThemeDemo.js.map +0 -6
  658. package/dist/esm/WebNativeImageDemo.js +0 -9
  659. package/dist/esm/WebNativeImageDemo.js.map +0 -6
  660. package/dist/esm/tamagui.config.js +0 -8
  661. package/dist/esm/tamagui.config.js.map +0 -6
  662. package/dist/esm/useOnIntersecting.js +0 -50
  663. package/dist/esm/useOnIntersecting.js.map +0 -6
@@ -1,288 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var TabsAdvancedDemo_exports = {};
24
- __export(TabsAdvancedDemo_exports, {
25
- TabsAdvancedDemo: () => TabsAdvancedDemo
26
- });
27
- module.exports = __toCommonJS(TabsAdvancedDemo_exports);
28
- var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
29
- const demos = ["background", "underline"], demosTitle = {
30
- background: "Background Indicator",
31
- underline: "Underline Indicator"
32
- }, TabsAdvancedDemo = () => {
33
- const [demoIndex, setDemoIndex] = import_react.default.useState(0), demo = demos[demoIndex];
34
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
35
- demo === "underline" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}),
36
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
37
- import_tamagui.XStack,
38
- {
39
- items: "center",
40
- gap: "$4",
41
- position: "absolute",
42
- b: "$3",
43
- l: "$4",
44
- $xxs: { display: "none" },
45
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
46
- }
47
- )
48
- ] });
49
- }, TabsAdvancedBackground = () => {
50
- const [tabState, setTabState] = import_react.default.useState({
51
- activeAt: null,
52
- currentTab: "tab1",
53
- intentAt: null,
54
- prevActiveAt: null
55
- }), setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 }), setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 }), setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 }), { activeAt, intentAt, prevActiveAt, currentTab } = tabState, direction = !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1, handleOnInteraction = (type, layout) => {
56
- type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
57
- };
58
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
59
- import_tamagui.Tabs,
60
- {
61
- value: currentTab,
62
- onValueChange: setCurrentTab,
63
- orientation: "horizontal",
64
- size: "$4",
65
- p: "$2",
66
- height: 150,
67
- flexDirection: "column",
68
- activationMode: "manual",
69
- bg: "$background",
70
- rounded: "$4",
71
- children: [
72
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
73
- TabsRovingIndicator,
74
- {
75
- rounded: "$4",
76
- width: intentAt.width,
77
- height: intentAt.height,
78
- x: intentAt.x,
79
- y: intentAt.y
80
- }
81
- ) }),
82
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
83
- TabsRovingIndicator,
84
- {
85
- rounded: "$4",
86
- theme: "accent",
87
- width: activeAt.width,
88
- height: activeAt.height,
89
- x: activeAt.x,
90
- y: activeAt.y
91
- }
92
- ) }),
93
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
94
- import_tamagui.Tabs.List,
95
- {
96
- loop: !1,
97
- "aria-label": "Manage your account",
98
- gap: "$2",
99
- backgroundColor: "transparent",
100
- children: [
101
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
102
- import_tamagui.Tabs.Tab,
103
- {
104
- unstyled: !0,
105
- paddingVertical: "$2",
106
- paddingHorizontal: "$3",
107
- value: "tab1",
108
- onInteraction: handleOnInteraction,
109
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" })
110
- }
111
- ),
112
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
113
- import_tamagui.Tabs.Tab,
114
- {
115
- unstyled: !0,
116
- paddingVertical: "$2",
117
- paddingHorizontal: "$3",
118
- value: "tab2",
119
- onInteraction: handleOnInteraction,
120
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" })
121
- }
122
- ),
123
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
124
- import_tamagui.Tabs.Tab,
125
- {
126
- unstyled: !0,
127
- paddingVertical: "$2",
128
- paddingHorizontal: "$3",
129
- value: "tab3",
130
- onInteraction: handleOnInteraction,
131
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" })
132
- }
133
- )
134
- ]
135
- }
136
- ) }),
137
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { exitBeforeEnter: !0, custom: { direction }, initial: !1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, { value: currentTab, forceMount: !0, flex: 1, justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { text: "center", children: currentTab }) }) }, currentTab) })
138
- ]
139
- }
140
- );
141
- }, TabsAdvancedUnderline = () => {
142
- const [tabState, setTabState] = import_react.default.useState({
143
- activeAt: null,
144
- currentTab: "tab1",
145
- intentAt: null,
146
- prevActiveAt: null
147
- }), setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 }), setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 }), setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 }), { activeAt, intentAt, prevActiveAt, currentTab } = tabState, direction = !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1, handleOnInteraction = (type, layout) => {
148
- type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
149
- };
150
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
151
- import_tamagui.Tabs,
152
- {
153
- value: currentTab,
154
- onValueChange: setCurrentTab,
155
- orientation: "horizontal",
156
- size: "$4",
157
- height: 150,
158
- flexDirection: "column",
159
- activationMode: "manual",
160
- bg: "$background",
161
- rounded: "$4",
162
- children: [
163
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { position: "relative", children: [
164
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
165
- TabsRovingIndicator,
166
- {
167
- width: intentAt.width,
168
- height: "$0.5",
169
- x: intentAt.x,
170
- b: 0
171
- }
172
- ) }),
173
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
174
- TabsRovingIndicator,
175
- {
176
- theme: "accent",
177
- active: !0,
178
- width: activeAt.width,
179
- height: "$0.5",
180
- x: activeAt.x,
181
- b: 0
182
- }
183
- ) }),
184
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
185
- import_tamagui.Tabs.List,
186
- {
187
- loop: !1,
188
- "aria-label": "Manage your account",
189
- borderBottomLeftRadius: 0,
190
- borderBottomRightRadius: 0,
191
- paddingBottom: "$1.5",
192
- borderColor: "$color3",
193
- borderBottomWidth: "$0.5",
194
- backgroundColor: "transparent",
195
- children: [
196
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
197
- import_tamagui.Tabs.Tab,
198
- {
199
- unstyled: !0,
200
- paddingHorizontal: "$3",
201
- paddingVertical: "$2",
202
- value: "tab1",
203
- onInteraction: handleOnInteraction,
204
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" })
205
- }
206
- ),
207
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
208
- import_tamagui.Tabs.Tab,
209
- {
210
- unstyled: !0,
211
- paddingHorizontal: "$3",
212
- paddingVertical: "$2",
213
- value: "tab2",
214
- onInteraction: handleOnInteraction,
215
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" })
216
- }
217
- ),
218
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
219
- import_tamagui.Tabs.Tab,
220
- {
221
- unstyled: !0,
222
- paddingHorizontal: "$3",
223
- paddingVertical: "$2",
224
- value: "tab3",
225
- onInteraction: handleOnInteraction,
226
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" })
227
- }
228
- )
229
- ]
230
- }
231
- )
232
- ] }),
233
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, { exitBeforeEnter: !0, custom: { direction }, initial: !1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
234
- import_tamagui.Tabs.Content,
235
- {
236
- value: currentTab,
237
- forceMount: !0,
238
- flex: 1,
239
- justify: "center",
240
- flexBasis: "auto",
241
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { text: "center", children: currentTab })
242
- }
243
- ) }, currentTab) })
244
- ]
245
- }
246
- );
247
- }, TabsRovingIndicator = ({ active, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
248
- import_tamagui.YStack,
249
- {
250
- position: "absolute",
251
- backgroundColor: "$color5",
252
- opacity: 0.7,
253
- transition: "100ms",
254
- enterStyle: {
255
- opacity: 0
256
- },
257
- exitStyle: {
258
- opacity: 0
259
- },
260
- ...active && {
261
- backgroundColor: "$color8",
262
- opacity: 0.6
263
- },
264
- ...props
265
- }
266
- ), AnimatedYStack = (0, import_tamagui.styled)(import_tamagui.YStack, {
267
- flex: 1,
268
- x: 0,
269
- opacity: 1,
270
- transition: "100ms",
271
- variants: {
272
- // 1 = right, 0 = nowhere, -1 = left
273
- direction: {
274
- ":number": (direction) => ({
275
- enterStyle: {
276
- x: direction > 0 ? -25 : 25,
277
- opacity: 0
278
- },
279
- exitStyle: {
280
- zIndex: 0,
281
- x: direction < 0 ? -25 : 25,
282
- opacity: 0
283
- }
284
- })
285
- }
286
- }
287
- });
288
- //# sourceMappingURL=TabsAdvancedDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TabsAdvancedDemo.tsx"],
4
- "mappings": "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",
5
- "names": ["React", "currentTab", "intentAt", "activeAt"]
6
- }
@@ -1,158 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var TabsDemo_exports = {};
24
- __export(TabsDemo_exports, {
25
- TabsDemo: () => TabsDemo
26
- });
27
- module.exports = __toCommonJS(TabsDemo_exports);
28
- var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
29
- const demos = ["horizontal", "vertical"], demosTitle = {
30
- horizontal: "Horizontal",
31
- vertical: "Vertical"
32
- };
33
- function TabsDemo() {
34
- const [demoIndex, setDemoIndex] = import_react.default.useState(0), demo = demos[demoIndex];
35
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
36
- import_tamagui.YStack,
37
- {
38
- px: "$4",
39
- ...import_tamagui.isWeb && {
40
- position: "unset"
41
- },
42
- children: [
43
- demo === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VerticalTabs, {}),
44
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
45
- import_tamagui.XStack,
46
- {
47
- items: "center",
48
- gap: "$4",
49
- position: "absolute",
50
- b: "$3",
51
- l: "$4",
52
- $maxXs: { display: "none" },
53
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
54
- }
55
- )
56
- ]
57
- }
58
- );
59
- }
60
- const HorizontalTabs = () => {
61
- const { width } = (0, import_tamagui.useWindowDimensions)();
62
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
63
- import_tamagui.Tabs,
64
- {
65
- defaultValue: "tab1",
66
- orientation: "horizontal",
67
- flexDirection: "column",
68
- $maxMd: { width: width - 32 },
69
- width: 400,
70
- height: 150,
71
- rounded: "$4",
72
- borderWidth: "$0.25",
73
- borderColor: "$borderColor",
74
- children: [
75
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, { "aria-label": "Manage your account", children: [
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
77
- import_tamagui.Tabs.Tab,
78
- {
79
- activeStyle: {
80
- backgroundColor: "$color3"
81
- },
82
- flex: 1,
83
- value: "tab1",
84
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", text: "center", ellipsis: !0, children: "Profile" })
85
- }
86
- ),
87
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
88
- import_tamagui.Tabs.Tab,
89
- {
90
- activeStyle: {
91
- backgroundColor: "$color3"
92
- },
93
- flex: 1,
94
- value: "tab2",
95
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", text: "center", ellipsis: !0, children: "Connections" })
96
- }
97
- ),
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
99
- import_tamagui.Tabs.Tab,
100
- {
101
- activeStyle: {
102
- backgroundColor: "$color3"
103
- },
104
- flex: 1,
105
- value: "tab3",
106
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { fontFamily: "$body", text: "center", ellipsis: !0, children: "Notifications" })
107
- }
108
- )
109
- ] }),
110
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
111
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Profile" }) }),
112
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Connections" }) }),
113
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Notifications" }) })
114
- ]
115
- }
116
- );
117
- }, VerticalTabs = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
118
- import_tamagui.Tabs,
119
- {
120
- defaultValue: "tab1",
121
- flexDirection: "row",
122
- orientation: "vertical",
123
- width: 400,
124
- rounded: "$4",
125
- borderWidth: "$0.25",
126
- overflow: "hidden",
127
- borderColor: "$borderColor",
128
- children: [
129
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, { "aria-label": "Manage your account", children: [
130
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { activeStyle: { backgroundColor: "$color3" }, value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Profile" }) }),
131
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { activeStyle: { backgroundColor: "$color3" }, value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Connections" }) }),
132
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, { activeStyle: { backgroundColor: "$color3" }, value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { children: "Notifications" }) })
133
- ] }),
134
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { vertical: !0 }),
135
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { text: "center", children: "Profile" }) }),
136
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { text: "center", children: "Connections" }) }),
137
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, { value: "tab3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { text: "center", children: "Notifications" }) })
138
- ]
139
- }
140
- ), TabsContent = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
141
- import_tamagui.Tabs.Content,
142
- {
143
- bg: "$background",
144
- p: "$2",
145
- items: "center",
146
- justify: "center",
147
- flex: 1,
148
- borderColor: "$background",
149
- rounded: "$2",
150
- borderTopLeftRadius: 0,
151
- borderTopRightRadius: 0,
152
- borderWidth: "$2",
153
- ...props,
154
- children: props.children
155
- },
156
- "tab3"
157
- );
158
- //# sourceMappingURL=TabsDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TabsDemo.tsx"],
4
- "mappings": "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",
5
- "names": ["React"]
6
- }
@@ -1,121 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var TabsHeadlessDemo_exports = {};
16
- __export(TabsHeadlessDemo_exports, {
17
- ContentFrame: () => ContentFrame,
18
- CustomTabs: () => CustomTabs,
19
- TabFrame: () => TabFrame,
20
- TabsFrame: () => TabsFrame,
21
- TabsHeadlessDemo: () => TabsHeadlessDemo
22
- });
23
- module.exports = __toCommonJS(TabsHeadlessDemo_exports);
24
- var import_react = require("react"), import_tamagui = require("tamagui"), import_tabs = require("@tamagui/tabs"), import_get_button_sized = require("@tamagui/get-button-sized"), import_jsx_runtime = (
25
- // web only fix for position relative
26
- require("react/jsx-runtime")
27
- );
28
- const demos = ["horizontal", "vertical"], TabsFrame = (0, import_tamagui.styled)(import_tamagui.SizableStack, {
29
- name: "TabsFrame"
30
- }), TabFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
31
- name: "TabsTrigger",
32
- render: "button",
33
- cursor: "pointer",
34
- backgroundColor: "transparent",
35
- variants: {
36
- size: {
37
- "...size": import_get_button_sized.getButtonSized
38
- },
39
- disabled: {
40
- true: {
41
- pointerEvents: "none"
42
- }
43
- },
44
- active: {
45
- true: {
46
- hoverStyle: {
47
- backgroundColor: "$background"
48
- },
49
- focusStyle: {
50
- backgroundColor: "$background"
51
- }
52
- }
53
- }
54
- }
55
- }), CONTENT_NAME = "TabsContent", ContentFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
56
- name: CONTENT_NAME,
57
- flex: 1,
58
- p: "$6",
59
- justify: "center",
60
- items: "center",
61
- bg: "$color4",
62
- rounded: "$4"
63
- }), CustomTabs = (0, import_tabs.createTabs)({
64
- TabsFrame,
65
- TabFrame,
66
- ContentFrame
67
- });
68
- function TabsHeadlessDemo() {
69
- const [demo, setDemo] = (0, import_react.useState)(demos[0]);
70
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
71
- import_tamagui.YStack,
72
- {
73
- px: "$4",
74
- ...import_tamagui.isWeb && {
75
- position: "static"
76
- },
77
- children: [
78
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsView, { flexDirection: demo === "horizontal" ? "row" : "column" }),
79
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
80
- import_tamagui.XStack,
81
- {
82
- items: "center",
83
- gap: "$4",
84
- position: "absolute",
85
- b: "$3",
86
- l: "$4",
87
- $xxs: { display: "none" },
88
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
89
- import_tamagui.Button,
90
- {
91
- size: "$2",
92
- onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
93
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { textTransform: "capitalize", children: demo })
94
- }
95
- )
96
- }
97
- )
98
- ]
99
- }
100
- );
101
- }
102
- const content = ["Home", "Profile", "Settings"], TabsView = ({ flexDirection = "row" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
103
- CustomTabs,
104
- {
105
- flexDirection: flexDirection === "column" ? "row" : "column",
106
- defaultValue: content[0],
107
- children: [
108
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.List, { flexDirection, children: content.map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
109
- CustomTabs.Tab,
110
- {
111
- value: name,
112
- activeStyle: { backgroundColor: "transparent" },
113
- children: name
114
- },
115
- index
116
- )) }),
117
- content.map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomTabs.Content, { value: name, children: name }, index))
118
- ]
119
- }
120
- );
121
- //# sourceMappingURL=TabsHeadlessDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TabsHeadlessDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC,kBAChC,iBAQO,oBACP,cAA2B,0BAC3B,0BAA+B,sCA6D3B;AAAA;AAAA;AAAA;AA3DJ,MAAM,QAAQ,CAAC,cAAc,UAAU,GAE1B,gBAAY,uBAAO,6BAAc;AAAA,EAC5C,MAAM;AACR,CAAC,GAEY,eAAW,uBAAO,+BAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,eAAe,eAER,mBAAe,uBAAO,+BAAgB;AAAA,EACjD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,GAAG;AAAA,EACH,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,SAAS;AACX,CAAC,GAEY,iBAAa,wBAAW;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAAS,mBAAmB;AACjC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAiC,MAAM,CAAC,CAAC;AAEjE,SAEE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACF,GAAI,wBAAS;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MAEA;AAAA,oDAAC,YAAS,eAAe,SAAS,eAAe,QAAQ,UAAU;AAAA,QAEnE;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,GAAE;AAAA,YACF,GAAE;AAAA,YACF,MAAM,EAAE,SAAS,OAAO;AAAA,YAExB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,QAAQ,SAAS,eAAe,aAAa,YAAY;AAAA,gBAExE,sDAAC,sBAAO,MAAP,EAAY,eAAc,cAAc,gBAAK;AAAA;AAAA,YAChD;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,UAAU,CAAC,QAAQ,WAAW,UAAU,GAExC,WAAW,CAAC,EAAE,gBAAgB,MAAM,MAEtC;AAAA,EAAC;AAAA;AAAA,IACC,eAAe,kBAAkB,WAAW,QAAQ;AAAA,IACpD,cAAc,QAAQ,CAAC;AAAA,IAEvB;AAAA,kDAAC,WAAW,MAAX,EAAgB,eACd,kBAAQ,IAAI,CAAC,MAAM,UAClB;AAAA,QAAC,WAAW;AAAA,QAAX;AAAA,UAEC,OAAO;AAAA,UACP,aAAa,EAAE,iBAAiB,cAAc;AAAA,UAE7C;AAAA;AAAA,QAJI;AAAA,MAKP,CACD,GACH;AAAA,MACC,QAAQ,IAAI,CAAC,MAAM,UAClB,4CAAC,WAAW,SAAX,EAA+B,OAAO,MACpC,kBADsB,KAEzB,CACD;AAAA;AAAA;AACH;",
5
- "names": []
6
- }
@@ -1,34 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var TextDemo_exports = {};
16
- __export(TextDemo_exports, {
17
- TextDemo: () => TextDemo
18
- });
19
- module.exports = __toCommonJS(TextDemo_exports);
20
- var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
21
- function TextDemo() {
22
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$2", items: "center", children: [
23
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$3", children: "SizableText" }),
24
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" }),
25
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { children: [
26
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Strong, { children: "Strong" }),
27
- ", ",
28
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Em, { children: "Em" }),
29
- ", ",
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Span, { children: "Span" })
31
- ] })
32
- ] });
33
- }
34
- //# sourceMappingURL=TextDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/TextDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAiE,oBAK3D;AAHC,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,KAAI,MAAK,OAAM,UACrB;AAAA,gDAAC,8BAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,4CAAC,4BAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,IACA,6CAAC,4BACC;AAAA,kDAAC,yBAAO,oBAAM;AAAA,MAAS;AAAA,MAAE,4CAAC,qBAAG,gBAAE;AAAA,MAAK;AAAA,MAAE,4CAAC,uBAAK,kBAAI;AAAA,OAClD;AAAA,KACF;AAEJ;",
5
- "names": []
6
- }