@tamagui/demos 1.0.1-beta.100

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 (517) hide show
  1. package/dist/cjs/AnimationsDemo.js +120 -0
  2. package/dist/cjs/AnimationsDemo.js.map +7 -0
  3. package/dist/cjs/AnimationsEnterDemo.js +67 -0
  4. package/dist/cjs/AnimationsEnterDemo.js.map +7 -0
  5. package/dist/cjs/AnimationsHoverDemo.js +50 -0
  6. package/dist/cjs/AnimationsHoverDemo.js.map +7 -0
  7. package/dist/cjs/AnimationsPresenceDemo.js +99 -0
  8. package/dist/cjs/AnimationsPresenceDemo.js.map +7 -0
  9. package/dist/cjs/AvatarDemo.js +55 -0
  10. package/dist/cjs/AvatarDemo.js.map +7 -0
  11. package/dist/cjs/ButtonDemo.js +81 -0
  12. package/dist/cjs/ButtonDemo.js.map +7 -0
  13. package/dist/cjs/CardDemo.js +90 -0
  14. package/dist/cjs/CardDemo.js.map +7 -0
  15. package/dist/cjs/Demos.js +127 -0
  16. package/dist/cjs/Demos.js.map +7 -0
  17. package/dist/cjs/DialogDemo.js +103 -0
  18. package/dist/cjs/DialogDemo.js.map +7 -0
  19. package/dist/cjs/DrawerDemo.js +69 -0
  20. package/dist/cjs/DrawerDemo.js.map +7 -0
  21. package/dist/cjs/DrawerSimpleDemo.js +52 -0
  22. package/dist/cjs/DrawerSimpleDemo.js.map +7 -0
  23. package/dist/cjs/FeatherIconsDemo.js +75 -0
  24. package/dist/cjs/FeatherIconsDemo.js.map +7 -0
  25. package/dist/cjs/FormsDemo.js +63 -0
  26. package/dist/cjs/FormsDemo.js.map +7 -0
  27. package/dist/cjs/GroupDemo.js +52 -0
  28. package/dist/cjs/GroupDemo.js.map +7 -0
  29. package/dist/cjs/HeadingsDemo.js +37 -0
  30. package/dist/cjs/HeadingsDemo.js.map +7 -0
  31. package/dist/cjs/ImageDemo.js +39 -0
  32. package/dist/cjs/ImageDemo.js.map +7 -0
  33. package/dist/cjs/KitchenSink.js +127 -0
  34. package/dist/cjs/KitchenSink.js.map +7 -0
  35. package/dist/cjs/LabelDemo.js +45 -0
  36. package/dist/cjs/LabelDemo.js.map +7 -0
  37. package/dist/cjs/LinearGradientDemo.js +43 -0
  38. package/dist/cjs/LinearGradientDemo.js.map +7 -0
  39. package/dist/cjs/ListItemDemo.js +83 -0
  40. package/dist/cjs/ListItemDemo.js.map +7 -0
  41. package/dist/cjs/MenuDemo.js +50 -0
  42. package/dist/cjs/MenuDemo.js.map +7 -0
  43. package/dist/cjs/PopoverDemo.js +99 -0
  44. package/dist/cjs/PopoverDemo.js.map +7 -0
  45. package/dist/cjs/ProgressDemo.js +80 -0
  46. package/dist/cjs/ProgressDemo.js.map +7 -0
  47. package/dist/cjs/SelectDemo.js +105 -0
  48. package/dist/cjs/SelectDemo.js.map +7 -0
  49. package/dist/cjs/SeparatorDemo.js +54 -0
  50. package/dist/cjs/SeparatorDemo.js.map +7 -0
  51. package/dist/cjs/ShapesDemo.js +46 -0
  52. package/dist/cjs/ShapesDemo.js.map +7 -0
  53. package/dist/cjs/SheetDemo.js +52 -0
  54. package/dist/cjs/SheetDemo.js.map +7 -0
  55. package/dist/cjs/SliderDemo.js +83 -0
  56. package/dist/cjs/SliderDemo.js.map +7 -0
  57. package/dist/cjs/SpinnerDemo.js +45 -0
  58. package/dist/cjs/SpinnerDemo.js.map +7 -0
  59. package/dist/cjs/StacksDemo.js +103 -0
  60. package/dist/cjs/StacksDemo.js.map +7 -0
  61. package/dist/cjs/SwitchDemo.js +68 -0
  62. package/dist/cjs/SwitchDemo.js.map +7 -0
  63. package/dist/cjs/TamaguiLogo.js +157 -0
  64. package/dist/cjs/TamaguiLogo.js.map +7 -0
  65. package/dist/cjs/TextDemo.js +54 -0
  66. package/dist/cjs/TextDemo.js.map +7 -0
  67. package/dist/cjs/ThemeInverseDemo.js +52 -0
  68. package/dist/cjs/ThemeInverseDemo.js.map +7 -0
  69. package/dist/cjs/TooltipDemo.js +127 -0
  70. package/dist/cjs/TooltipDemo.js.map +7 -0
  71. package/dist/cjs/conf.js +16 -0
  72. package/dist/cjs/conf.js.map +7 -0
  73. package/dist/cjs/demos/AnimationsDemo.js +121 -0
  74. package/dist/cjs/demos/AnimationsDemo.js.map +7 -0
  75. package/dist/cjs/demos/AnimationsEnterDemo.js +62 -0
  76. package/dist/cjs/demos/AnimationsEnterDemo.js.map +7 -0
  77. package/dist/cjs/demos/AnimationsHoverDemo.js +45 -0
  78. package/dist/cjs/demos/AnimationsHoverDemo.js.map +7 -0
  79. package/dist/cjs/demos/AnimationsPresenceDemo.js +96 -0
  80. package/dist/cjs/demos/AnimationsPresenceDemo.js.map +7 -0
  81. package/dist/cjs/demos/AvatarDemo.js +55 -0
  82. package/dist/cjs/demos/AvatarDemo.js.map +7 -0
  83. package/dist/cjs/demos/ButtonDemo.js +81 -0
  84. package/dist/cjs/demos/ButtonDemo.js.map +7 -0
  85. package/dist/cjs/demos/CardDemo.js +89 -0
  86. package/dist/cjs/demos/CardDemo.js.map +7 -0
  87. package/dist/cjs/demos/DialogDemo.js +94 -0
  88. package/dist/cjs/demos/DialogDemo.js.map +7 -0
  89. package/dist/cjs/demos/DrawerDemo.js +65 -0
  90. package/dist/cjs/demos/DrawerDemo.js.map +7 -0
  91. package/dist/cjs/demos/FeatherIconsDemo.js +74 -0
  92. package/dist/cjs/demos/FeatherIconsDemo.js.map +7 -0
  93. package/dist/cjs/demos/FormsDemo.js +63 -0
  94. package/dist/cjs/demos/FormsDemo.js.map +7 -0
  95. package/dist/cjs/demos/GroupDemo.js +44 -0
  96. package/dist/cjs/demos/GroupDemo.js.map +7 -0
  97. package/dist/cjs/demos/HeadingsDemo.js +37 -0
  98. package/dist/cjs/demos/HeadingsDemo.js.map +7 -0
  99. package/dist/cjs/demos/ImageDemo.js +39 -0
  100. package/dist/cjs/demos/ImageDemo.js.map +7 -0
  101. package/dist/cjs/demos/LabelDemo.js +39 -0
  102. package/dist/cjs/demos/LabelDemo.js.map +7 -0
  103. package/dist/cjs/demos/LinearGradientDemo.js +43 -0
  104. package/dist/cjs/demos/LinearGradientDemo.js.map +7 -0
  105. package/dist/cjs/demos/ListItemDemo.js +75 -0
  106. package/dist/cjs/demos/ListItemDemo.js.map +7 -0
  107. package/dist/cjs/demos/MenuDemo.js +50 -0
  108. package/dist/cjs/demos/MenuDemo.js.map +7 -0
  109. package/dist/cjs/demos/PopoverDemo.js +99 -0
  110. package/dist/cjs/demos/PopoverDemo.js.map +7 -0
  111. package/dist/cjs/demos/ProgressDemo.js +76 -0
  112. package/dist/cjs/demos/ProgressDemo.js.map +7 -0
  113. package/dist/cjs/demos/SeparatorDemo.js +54 -0
  114. package/dist/cjs/demos/SeparatorDemo.js.map +7 -0
  115. package/dist/cjs/demos/ShapesDemo.js +42 -0
  116. package/dist/cjs/demos/ShapesDemo.js.map +7 -0
  117. package/dist/cjs/demos/SliderDemo.js +59 -0
  118. package/dist/cjs/demos/SliderDemo.js.map +7 -0
  119. package/dist/cjs/demos/SpinnerDemo.js +41 -0
  120. package/dist/cjs/demos/SpinnerDemo.js.map +7 -0
  121. package/dist/cjs/demos/StacksDemo.js +101 -0
  122. package/dist/cjs/demos/StacksDemo.js.map +7 -0
  123. package/dist/cjs/demos/SwitchDemo.js +78 -0
  124. package/dist/cjs/demos/SwitchDemo.js.map +7 -0
  125. package/dist/cjs/demos/TextDemo.js +54 -0
  126. package/dist/cjs/demos/TextDemo.js.map +7 -0
  127. package/dist/cjs/demos/ThemeInverseDemo.js +53 -0
  128. package/dist/cjs/demos/ThemeInverseDemo.js.map +7 -0
  129. package/dist/cjs/demos/TooltipDemo.js +122 -0
  130. package/dist/cjs/demos/TooltipDemo.js.map +7 -0
  131. package/dist/cjs/demos/index.js +116 -0
  132. package/dist/cjs/demos/index.js.map +7 -0
  133. package/dist/cjs/index.js +115 -0
  134. package/dist/cjs/index.js.map +7 -0
  135. package/dist/cjs/useOnIntersecting.js +86 -0
  136. package/dist/cjs/useOnIntersecting.js.map +7 -0
  137. package/dist/esm/AnimationsDemo.js +95 -0
  138. package/dist/esm/AnimationsDemo.js.map +7 -0
  139. package/dist/esm/AnimationsEnterDemo.js +41 -0
  140. package/dist/esm/AnimationsEnterDemo.js.map +7 -0
  141. package/dist/esm/AnimationsHoverDemo.js +24 -0
  142. package/dist/esm/AnimationsHoverDemo.js.map +7 -0
  143. package/dist/esm/AnimationsPresenceDemo.js +72 -0
  144. package/dist/esm/AnimationsPresenceDemo.js.map +7 -0
  145. package/dist/esm/AvatarDemo.js +29 -0
  146. package/dist/esm/AvatarDemo.js.map +7 -0
  147. package/dist/esm/ButtonDemo.js +57 -0
  148. package/dist/esm/ButtonDemo.js.map +7 -0
  149. package/dist/esm/CardDemo.js +66 -0
  150. package/dist/esm/CardDemo.js.map +7 -0
  151. package/dist/esm/Demos.js +110 -0
  152. package/dist/esm/Demos.js.map +7 -0
  153. package/dist/esm/DialogDemo.js +77 -0
  154. package/dist/esm/DialogDemo.js.map +7 -0
  155. package/dist/esm/DrawerDemo.js +43 -0
  156. package/dist/esm/DrawerDemo.js.map +7 -0
  157. package/dist/esm/DrawerSimpleDemo.js +26 -0
  158. package/dist/esm/DrawerSimpleDemo.js.map +7 -0
  159. package/dist/esm/FeatherIconsDemo.js +49 -0
  160. package/dist/esm/FeatherIconsDemo.js.map +7 -0
  161. package/dist/esm/FormsDemo.js +37 -0
  162. package/dist/esm/FormsDemo.js.map +7 -0
  163. package/dist/esm/GroupDemo.js +26 -0
  164. package/dist/esm/GroupDemo.js.map +7 -0
  165. package/dist/esm/HeadingsDemo.js +11 -0
  166. package/dist/esm/HeadingsDemo.js.map +7 -0
  167. package/dist/esm/ImageDemo.js +13 -0
  168. package/dist/esm/ImageDemo.js.map +7 -0
  169. package/dist/esm/KitchenSink.js +110 -0
  170. package/dist/esm/KitchenSink.js.map +7 -0
  171. package/dist/esm/LabelDemo.js +19 -0
  172. package/dist/esm/LabelDemo.js.map +7 -0
  173. package/dist/esm/LinearGradientDemo.js +17 -0
  174. package/dist/esm/LinearGradientDemo.js.map +7 -0
  175. package/dist/esm/ListItemDemo.js +57 -0
  176. package/dist/esm/ListItemDemo.js.map +7 -0
  177. package/dist/esm/MenuDemo.js +24 -0
  178. package/dist/esm/MenuDemo.js.map +7 -0
  179. package/dist/esm/PopoverDemo.js +74 -0
  180. package/dist/esm/PopoverDemo.js.map +7 -0
  181. package/dist/esm/ProgressDemo.js +54 -0
  182. package/dist/esm/ProgressDemo.js.map +7 -0
  183. package/dist/esm/SelectDemo.js +79 -0
  184. package/dist/esm/SelectDemo.js.map +7 -0
  185. package/dist/esm/SeparatorDemo.js +28 -0
  186. package/dist/esm/SeparatorDemo.js.map +7 -0
  187. package/dist/esm/ShapesDemo.js +20 -0
  188. package/dist/esm/ShapesDemo.js.map +7 -0
  189. package/dist/esm/SheetDemo.js +26 -0
  190. package/dist/esm/SheetDemo.js.map +7 -0
  191. package/dist/esm/SliderDemo.js +59 -0
  192. package/dist/esm/SliderDemo.js.map +7 -0
  193. package/dist/esm/SpinnerDemo.js +19 -0
  194. package/dist/esm/SpinnerDemo.js.map +7 -0
  195. package/dist/esm/StacksDemo.js +77 -0
  196. package/dist/esm/StacksDemo.js.map +7 -0
  197. package/dist/esm/SwitchDemo.js +42 -0
  198. package/dist/esm/SwitchDemo.js.map +7 -0
  199. package/dist/esm/TamaguiLogo.js +129 -0
  200. package/dist/esm/TamaguiLogo.js.map +7 -0
  201. package/dist/esm/TextDemo.js +28 -0
  202. package/dist/esm/TextDemo.js.map +7 -0
  203. package/dist/esm/ThemeInverseDemo.js +26 -0
  204. package/dist/esm/ThemeInverseDemo.js.map +7 -0
  205. package/dist/esm/TooltipDemo.js +102 -0
  206. package/dist/esm/TooltipDemo.js.map +7 -0
  207. package/dist/esm/conf.js +1 -0
  208. package/dist/esm/conf.js.map +7 -0
  209. package/dist/esm/demos/AnimationsDemo.js +83 -0
  210. package/dist/esm/demos/AnimationsDemo.js.map +7 -0
  211. package/dist/esm/demos/AnimationsEnterDemo.js +42 -0
  212. package/dist/esm/demos/AnimationsEnterDemo.js.map +7 -0
  213. package/dist/esm/demos/AnimationsHoverDemo.js +25 -0
  214. package/dist/esm/demos/AnimationsHoverDemo.js.map +7 -0
  215. package/dist/esm/demos/AnimationsPresenceDemo.js +71 -0
  216. package/dist/esm/demos/AnimationsPresenceDemo.js.map +7 -0
  217. package/dist/esm/demos/AvatarDemo.js +35 -0
  218. package/dist/esm/demos/AvatarDemo.js.map +7 -0
  219. package/dist/esm/demos/ButtonDemo.js +48 -0
  220. package/dist/esm/demos/ButtonDemo.js.map +7 -0
  221. package/dist/esm/demos/CardDemo.js +53 -0
  222. package/dist/esm/demos/CardDemo.js.map +7 -0
  223. package/dist/esm/demos/DialogDemo.js +74 -0
  224. package/dist/esm/demos/DialogDemo.js.map +7 -0
  225. package/dist/esm/demos/DrawerDemo.js +45 -0
  226. package/dist/esm/demos/DrawerDemo.js.map +7 -0
  227. package/dist/esm/demos/FeatherIconsDemo.js +51 -0
  228. package/dist/esm/demos/FeatherIconsDemo.js.map +7 -0
  229. package/dist/esm/demos/FormsDemo.js +40 -0
  230. package/dist/esm/demos/FormsDemo.js.map +7 -0
  231. package/dist/esm/demos/GroupDemo.js +24 -0
  232. package/dist/esm/demos/GroupDemo.js.map +7 -0
  233. package/dist/esm/demos/HeadingsDemo.js +14 -0
  234. package/dist/esm/demos/HeadingsDemo.js.map +7 -0
  235. package/dist/esm/demos/ImageDemo.js +16 -0
  236. package/dist/esm/demos/ImageDemo.js.map +7 -0
  237. package/dist/esm/demos/LabelDemo.js +19 -0
  238. package/dist/esm/demos/LabelDemo.js.map +7 -0
  239. package/dist/esm/demos/LinearGradientDemo.js +20 -0
  240. package/dist/esm/demos/LinearGradientDemo.js.map +7 -0
  241. package/dist/esm/demos/ListItemDemo.js +55 -0
  242. package/dist/esm/demos/ListItemDemo.js.map +7 -0
  243. package/dist/esm/demos/MenuDemo.js +27 -0
  244. package/dist/esm/demos/MenuDemo.js.map +7 -0
  245. package/dist/esm/demos/PopoverDemo.js +51 -0
  246. package/dist/esm/demos/PopoverDemo.js.map +7 -0
  247. package/dist/esm/demos/ProgressDemo.js +56 -0
  248. package/dist/esm/demos/ProgressDemo.js.map +7 -0
  249. package/dist/esm/demos/SeparatorDemo.js +31 -0
  250. package/dist/esm/demos/SeparatorDemo.js.map +7 -0
  251. package/dist/esm/demos/ShapesDemo.js +22 -0
  252. package/dist/esm/demos/ShapesDemo.js.map +7 -0
  253. package/dist/esm/demos/SliderDemo.js +39 -0
  254. package/dist/esm/demos/SliderDemo.js.map +7 -0
  255. package/dist/esm/demos/SpinnerDemo.js +21 -0
  256. package/dist/esm/demos/SpinnerDemo.js.map +7 -0
  257. package/dist/esm/demos/StacksDemo.js +78 -0
  258. package/dist/esm/demos/StacksDemo.js.map +7 -0
  259. package/dist/esm/demos/SwitchDemo.js +58 -0
  260. package/dist/esm/demos/SwitchDemo.js.map +7 -0
  261. package/dist/esm/demos/TextDemo.js +31 -0
  262. package/dist/esm/demos/TextDemo.js.map +7 -0
  263. package/dist/esm/demos/ThemeInverseDemo.js +30 -0
  264. package/dist/esm/demos/ThemeInverseDemo.js.map +7 -0
  265. package/dist/esm/demos/TooltipDemo.js +75 -0
  266. package/dist/esm/demos/TooltipDemo.js.map +7 -0
  267. package/dist/esm/demos/index.js +62 -0
  268. package/dist/esm/demos/index.js.map +7 -0
  269. package/dist/esm/index.js +63 -0
  270. package/dist/esm/index.js.map +7 -0
  271. package/dist/esm/useOnIntersecting.js +62 -0
  272. package/dist/esm/useOnIntersecting.js.map +7 -0
  273. package/dist/jsx/AnimationsDemo.js +61 -0
  274. package/dist/jsx/AnimationsDemo.js.map +7 -0
  275. package/dist/jsx/AnimationsEnterDemo.js +24 -0
  276. package/dist/jsx/AnimationsEnterDemo.js.map +7 -0
  277. package/dist/jsx/AnimationsHoverDemo.js +13 -0
  278. package/dist/jsx/AnimationsHoverDemo.js.map +7 -0
  279. package/dist/jsx/AnimationsPresenceDemo.js +37 -0
  280. package/dist/jsx/AnimationsPresenceDemo.js.map +7 -0
  281. package/dist/jsx/AvatarDemo.js +17 -0
  282. package/dist/jsx/AvatarDemo.js.map +7 -0
  283. package/dist/jsx/ButtonDemo.js +24 -0
  284. package/dist/jsx/ButtonDemo.js.map +7 -0
  285. package/dist/jsx/CardDemo.js +25 -0
  286. package/dist/jsx/CardDemo.js.map +7 -0
  287. package/dist/jsx/Demos.js +69 -0
  288. package/dist/jsx/DialogDemo.js +35 -0
  289. package/dist/jsx/DialogDemo.js.map +7 -0
  290. package/dist/jsx/DrawerDemo.js +18 -0
  291. package/dist/jsx/DrawerDemo.js.map +7 -0
  292. package/dist/jsx/DrawerSimpleDemo.js +20 -0
  293. package/dist/jsx/DrawerSimpleDemo.js.map +7 -0
  294. package/dist/jsx/FeatherIconsDemo.js +32 -0
  295. package/dist/jsx/FeatherIconsDemo.js.map +7 -0
  296. package/dist/jsx/FormsDemo.js +19 -0
  297. package/dist/jsx/FormsDemo.js.map +7 -0
  298. package/dist/jsx/GroupDemo.js +24 -0
  299. package/dist/jsx/GroupDemo.js.map +7 -0
  300. package/dist/jsx/HeadingsDemo.js +15 -0
  301. package/dist/jsx/HeadingsDemo.js.map +7 -0
  302. package/dist/jsx/ImageDemo.js +8 -0
  303. package/dist/jsx/ImageDemo.js.map +7 -0
  304. package/dist/jsx/KitchenSink.js +69 -0
  305. package/dist/jsx/LabelDemo.js +11 -0
  306. package/dist/jsx/LabelDemo.js.map +7 -0
  307. package/dist/jsx/LinearGradientDemo.js +8 -0
  308. package/dist/jsx/LinearGradientDemo.js.map +7 -0
  309. package/dist/jsx/ListItemDemo.js +26 -0
  310. package/dist/jsx/ListItemDemo.js.map +7 -0
  311. package/dist/jsx/MenuDemo.js +15 -0
  312. package/dist/jsx/MenuDemo.js.map +7 -0
  313. package/dist/jsx/PopoverDemo.js +26 -0
  314. package/dist/jsx/PopoverDemo.js.map +7 -0
  315. package/dist/jsx/ProgressDemo.js +35 -0
  316. package/dist/jsx/ProgressDemo.js.map +7 -0
  317. package/dist/jsx/SelectDemo.js +51 -0
  318. package/dist/jsx/SelectDemo.js.map +7 -0
  319. package/dist/jsx/SeparatorDemo.js +19 -0
  320. package/dist/jsx/SeparatorDemo.js.map +7 -0
  321. package/dist/jsx/ShapesDemo.js +11 -0
  322. package/dist/jsx/ShapesDemo.js.map +7 -0
  323. package/dist/jsx/SheetDemo.js +20 -0
  324. package/dist/jsx/SheetDemo.js.map +7 -0
  325. package/dist/jsx/SliderDemo.js +18 -0
  326. package/dist/jsx/SliderDemo.js.map +7 -0
  327. package/dist/jsx/SpinnerDemo.js +11 -0
  328. package/dist/jsx/SpinnerDemo.js.map +7 -0
  329. package/dist/jsx/StacksDemo.js +24 -0
  330. package/dist/jsx/StacksDemo.js.map +7 -0
  331. package/dist/jsx/SwitchDemo.js +20 -0
  332. package/dist/jsx/SwitchDemo.js.map +7 -0
  333. package/dist/jsx/TamaguiLogo.js +42 -0
  334. package/dist/jsx/TamaguiLogo.js.map +7 -0
  335. package/dist/jsx/TextDemo.js +17 -0
  336. package/dist/jsx/TextDemo.js.map +7 -0
  337. package/dist/jsx/ThemeInverseDemo.js +20 -0
  338. package/dist/jsx/ThemeInverseDemo.js.map +7 -0
  339. package/dist/jsx/TooltipDemo.js +35 -0
  340. package/dist/jsx/TooltipDemo.js.map +7 -0
  341. package/dist/jsx/conf.js +1 -0
  342. package/dist/jsx/conf.js.map +7 -0
  343. package/dist/jsx/index.js +63 -0
  344. package/dist/jsx/index.js.map +7 -0
  345. package/dist/jsx/useOnIntersecting.js +62 -0
  346. package/dist/jsx/useOnIntersecting.js.map +7 -0
  347. package/package.json +47 -0
  348. package/src/AnimationsDemo.tsx +85 -0
  349. package/src/AnimationsEnterDemo.tsx +43 -0
  350. package/src/AnimationsHoverDemo.tsx +24 -0
  351. package/src/AnimationsPresenceDemo.tsx +73 -0
  352. package/src/AvatarDemo.tsx +24 -0
  353. package/src/ButtonDemo.tsx +38 -0
  354. package/src/CardDemo.tsx +40 -0
  355. package/src/DialogDemo.tsx +73 -0
  356. package/src/DrawerDemo.tsx +34 -0
  357. package/src/FeatherIconsDemo.tsx +45 -0
  358. package/src/FormsDemo.tsx +22 -0
  359. package/src/GroupDemo.tsx +26 -0
  360. package/src/HeadingsDemo.tsx +15 -0
  361. package/src/ImageDemo.tsx +6 -0
  362. package/src/LabelDemo.tsx +11 -0
  363. package/src/LinearGradientDemo.tsx +16 -0
  364. package/src/ListItemDemo.tsx +40 -0
  365. package/src/MenuDemo.tsx +33 -0
  366. package/src/PopoverDemo.tsx +41 -0
  367. package/src/ProgressDemo.tsx +52 -0
  368. package/src/SelectDemo.tsx +77 -0
  369. package/src/SeparatorDemo.tsx +19 -0
  370. package/src/ShapesDemo.tsx +11 -0
  371. package/src/SheetDemo.tsx +25 -0
  372. package/src/SliderDemo.tsx +23 -0
  373. package/src/SpinnerDemo.tsx +11 -0
  374. package/src/StacksDemo.tsx +26 -0
  375. package/src/SwitchDemo.tsx +27 -0
  376. package/src/TamaguiLogo.tsx +114 -0
  377. package/src/TextDemo.tsx +25 -0
  378. package/src/ThemeInverseDemo.tsx +27 -0
  379. package/src/TooltipDemo.tsx +51 -0
  380. package/src/conf.tsx +8 -0
  381. package/src/index.tsx +34 -0
  382. package/src/useOnIntersecting.tsx +80 -0
  383. package/types/AnimationsDemo.d.ts +22 -0
  384. package/types/AnimationsDemo.d.ts.map +1 -0
  385. package/types/AnimationsEnterDemo.d.ts +3 -0
  386. package/types/AnimationsEnterDemo.d.ts.map +1 -0
  387. package/types/AnimationsHoverDemo.d.ts +3 -0
  388. package/types/AnimationsHoverDemo.d.ts.map +1 -0
  389. package/types/AnimationsPresenceDemo.d.ts +4 -0
  390. package/types/AnimationsPresenceDemo.d.ts.map +1 -0
  391. package/types/AvatarDemo.d.ts +3 -0
  392. package/types/AvatarDemo.d.ts.map +1 -0
  393. package/types/ButtonDemo.d.ts +3 -0
  394. package/types/ButtonDemo.d.ts.map +1 -0
  395. package/types/CardDemo.d.ts +3 -0
  396. package/types/CardDemo.d.ts.map +1 -0
  397. package/types/Demos.d.ts +9 -0
  398. package/types/Demos.d.ts.map +1 -0
  399. package/types/DialogDemo.d.ts +3 -0
  400. package/types/DialogDemo.d.ts.map +1 -0
  401. package/types/DrawerDemo.d.ts +3 -0
  402. package/types/DrawerDemo.d.ts.map +1 -0
  403. package/types/DrawerSimpleDemo.d.ts +2 -0
  404. package/types/DrawerSimpleDemo.d.ts.map +1 -0
  405. package/types/FeatherIconsDemo.d.ts +3 -0
  406. package/types/FeatherIconsDemo.d.ts.map +1 -0
  407. package/types/FormsDemo.d.ts +3 -0
  408. package/types/FormsDemo.d.ts.map +1 -0
  409. package/types/GroupDemo.d.ts +3 -0
  410. package/types/GroupDemo.d.ts.map +1 -0
  411. package/types/HeadingsDemo.d.ts +3 -0
  412. package/types/HeadingsDemo.d.ts.map +1 -0
  413. package/types/ImageDemo.d.ts +3 -0
  414. package/types/ImageDemo.d.ts.map +1 -0
  415. package/types/KitchenSink.d.ts.map +1 -0
  416. package/types/LabelDemo.d.ts +3 -0
  417. package/types/LabelDemo.d.ts.map +1 -0
  418. package/types/LinearGradientDemo.d.ts +3 -0
  419. package/types/LinearGradientDemo.d.ts.map +1 -0
  420. package/types/ListItemDemo.d.ts +3 -0
  421. package/types/ListItemDemo.d.ts.map +1 -0
  422. package/types/MenuDemo.d.ts +3 -0
  423. package/types/MenuDemo.d.ts.map +1 -0
  424. package/types/PopoverDemo.d.ts +7 -0
  425. package/types/PopoverDemo.d.ts.map +1 -0
  426. package/types/ProgressDemo.d.ts +3 -0
  427. package/types/ProgressDemo.d.ts.map +1 -0
  428. package/types/SelectDemo.d.ts +3 -0
  429. package/types/SelectDemo.d.ts.map +1 -0
  430. package/types/SeparatorDemo.d.ts +3 -0
  431. package/types/SeparatorDemo.d.ts.map +1 -0
  432. package/types/ShapesDemo.d.ts +3 -0
  433. package/types/ShapesDemo.d.ts.map +1 -0
  434. package/types/SheetDemo.d.ts +2 -0
  435. package/types/SheetDemo.d.ts.map +1 -0
  436. package/types/SliderDemo.d.ts +3 -0
  437. package/types/SliderDemo.d.ts.map +1 -0
  438. package/types/SpinnerDemo.d.ts +3 -0
  439. package/types/SpinnerDemo.d.ts.map +1 -0
  440. package/types/StacksDemo.d.ts +3 -0
  441. package/types/StacksDemo.d.ts.map +1 -0
  442. package/types/SwitchDemo.d.ts +3 -0
  443. package/types/SwitchDemo.d.ts.map +1 -0
  444. package/types/TamaguiLogo.d.ts +26 -0
  445. package/types/TamaguiLogo.d.ts.map +1 -0
  446. package/types/TextDemo.d.ts +3 -0
  447. package/types/TextDemo.d.ts.map +1 -0
  448. package/types/ThemeInverseDemo.d.ts +3 -0
  449. package/types/ThemeInverseDemo.d.ts.map +1 -0
  450. package/types/TooltipDemo.d.ts +7 -0
  451. package/types/TooltipDemo.d.ts.map +1 -0
  452. package/types/conf.d.ts +8 -0
  453. package/types/conf.d.ts.map +1 -0
  454. package/types/demos/AnimationsDemo.d.ts +23 -0
  455. package/types/demos/AnimationsDemo.d.ts.map +1 -0
  456. package/types/demos/AnimationsEnterDemo.d.ts +4 -0
  457. package/types/demos/AnimationsEnterDemo.d.ts.map +1 -0
  458. package/types/demos/AnimationsHoverDemo.d.ts +4 -0
  459. package/types/demos/AnimationsHoverDemo.d.ts.map +1 -0
  460. package/types/demos/AnimationsPresenceDemo.d.ts +5 -0
  461. package/types/demos/AnimationsPresenceDemo.d.ts.map +1 -0
  462. package/types/demos/AvatarDemo.d.ts +3 -0
  463. package/types/demos/AvatarDemo.d.ts.map +1 -0
  464. package/types/demos/ButtonDemo.d.ts +3 -0
  465. package/types/demos/ButtonDemo.d.ts.map +1 -0
  466. package/types/demos/CardDemo.d.ts +3 -0
  467. package/types/demos/CardDemo.d.ts.map +1 -0
  468. package/types/demos/DialogDemo.d.ts +3 -0
  469. package/types/demos/DialogDemo.d.ts.map +1 -0
  470. package/types/demos/DrawerDemo.d.ts +3 -0
  471. package/types/demos/DrawerDemo.d.ts.map +1 -0
  472. package/types/demos/FeatherIconsDemo.d.ts +3 -0
  473. package/types/demos/FeatherIconsDemo.d.ts.map +1 -0
  474. package/types/demos/FormsDemo.d.ts +3 -0
  475. package/types/demos/FormsDemo.d.ts.map +1 -0
  476. package/types/demos/GroupDemo.d.ts +3 -0
  477. package/types/demos/GroupDemo.d.ts.map +1 -0
  478. package/types/demos/HeadingsDemo.d.ts +3 -0
  479. package/types/demos/HeadingsDemo.d.ts.map +1 -0
  480. package/types/demos/ImageDemo.d.ts +3 -0
  481. package/types/demos/ImageDemo.d.ts.map +1 -0
  482. package/types/demos/LabelDemo.d.ts +3 -0
  483. package/types/demos/LabelDemo.d.ts.map +1 -0
  484. package/types/demos/LinearGradientDemo.d.ts +3 -0
  485. package/types/demos/LinearGradientDemo.d.ts.map +1 -0
  486. package/types/demos/ListItemDemo.d.ts +3 -0
  487. package/types/demos/ListItemDemo.d.ts.map +1 -0
  488. package/types/demos/MenuDemo.d.ts +3 -0
  489. package/types/demos/MenuDemo.d.ts.map +1 -0
  490. package/types/demos/PopoverDemo.d.ts +7 -0
  491. package/types/demos/PopoverDemo.d.ts.map +1 -0
  492. package/types/demos/ProgressDemo.d.ts +3 -0
  493. package/types/demos/ProgressDemo.d.ts.map +1 -0
  494. package/types/demos/SeparatorDemo.d.ts +3 -0
  495. package/types/demos/SeparatorDemo.d.ts.map +1 -0
  496. package/types/demos/ShapesDemo.d.ts +3 -0
  497. package/types/demos/ShapesDemo.d.ts.map +1 -0
  498. package/types/demos/SliderDemo.d.ts +3 -0
  499. package/types/demos/SliderDemo.d.ts.map +1 -0
  500. package/types/demos/SpinnerDemo.d.ts +3 -0
  501. package/types/demos/SpinnerDemo.d.ts.map +1 -0
  502. package/types/demos/StacksDemo.d.ts +3 -0
  503. package/types/demos/StacksDemo.d.ts.map +1 -0
  504. package/types/demos/SwitchDemo.d.ts +3 -0
  505. package/types/demos/SwitchDemo.d.ts.map +1 -0
  506. package/types/demos/TextDemo.d.ts +3 -0
  507. package/types/demos/TextDemo.d.ts.map +1 -0
  508. package/types/demos/ThemeInverseDemo.d.ts +3 -0
  509. package/types/demos/ThemeInverseDemo.d.ts.map +1 -0
  510. package/types/demos/TooltipDemo.d.ts +7 -0
  511. package/types/demos/TooltipDemo.d.ts.map +1 -0
  512. package/types/demos/index.d.ts +31 -0
  513. package/types/demos/index.d.ts.map +1 -0
  514. package/types/index.d.ts +32 -0
  515. package/types/index.d.ts.map +1 -0
  516. package/types/useOnIntersecting.d.ts +11 -0
  517. package/types/useOnIntersecting.d.ts.map +1 -0
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/StacksDemo.tsx"],
4
+ "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack maw={250} p=\"$2\" als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuC;AAEhC,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,KAAI;AAAA,IAAS,OAAK;AAAA,KACzC,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAI,KAAK;AAAA,IAAI,GAAG;AAAA,IAAK,MAAM;AAAA,KACtC,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACzC,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACvD,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrE,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,68 @@
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;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
+ var SwitchDemo_exports = {};
22
+ __export(SwitchDemo_exports, {
23
+ SwitchDemo: () => SwitchDemo
24
+ });
25
+ module.exports = __toCommonJS(SwitchDemo_exports);
26
+ var import_react = __toESM(require("react"));
27
+ var import_tamagui = require("tamagui");
28
+ function SwitchDemo() {
29
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
30
+ w: 300,
31
+ ai: "center",
32
+ space: "$3"
33
+ }, /* @__PURE__ */ import_react.default.createElement(SwitchWithLabel, {
34
+ size: "$2"
35
+ }), /* @__PURE__ */ import_react.default.createElement(SwitchWithLabel, {
36
+ size: "$3"
37
+ }), /* @__PURE__ */ import_react.default.createElement(SwitchWithLabel, {
38
+ size: "$4"
39
+ }), /* @__PURE__ */ import_react.default.createElement(SwitchWithLabel, {
40
+ size: "$5"
41
+ }));
42
+ }
43
+ function SwitchWithLabel(props) {
44
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
45
+ w: 300,
46
+ ai: "center",
47
+ space: "$4"
48
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
49
+ pr: "$0",
50
+ miw: 200,
51
+ jc: "flex-end",
52
+ size: props.size,
53
+ htmlFor: "switch-1"
54
+ }, "Dark mode"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, {
55
+ mih: 20,
56
+ vertical: true
57
+ }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Switch, {
58
+ id: "switch-1",
59
+ size: props.size
60
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Switch.Thumb, {
61
+ animation: "bouncy"
62
+ })));
63
+ }
64
+ // Annotate the CommonJS export names for ESM import in node:
65
+ 0 && (module.exports = {
66
+ SwitchDemo
67
+ });
68
+ //# sourceMappingURL=SwitchDemo.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/SwitchDemo.tsx"],
4
+ "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={300} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id=\"switch-1\" size={props.size}>\n <Switch.Thumb animation=\"bouncy\" />\n </Switch>\n </XStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqE;AAE9D,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,mDAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,mDAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,157 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
20
+ };
21
+ var __objRest = (source, exclude) => {
22
+ var target = {};
23
+ for (var prop in source)
24
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
+ target[prop] = source[prop];
26
+ if (source != null && __getOwnPropSymbols)
27
+ for (var prop of __getOwnPropSymbols(source)) {
28
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
+ target[prop] = source[prop];
30
+ }
31
+ return target;
32
+ };
33
+ var __export = (target, all) => {
34
+ for (var name in all)
35
+ __defProp(target, name, { get: all[name], enumerable: true });
36
+ };
37
+ var __copyProps = (to, from, except, desc) => {
38
+ if (from && typeof from === "object" || typeof from === "function") {
39
+ for (let key of __getOwnPropNames(from))
40
+ if (!__hasOwnProp.call(to, key) && key !== except)
41
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
42
+ }
43
+ return to;
44
+ };
45
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
46
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
47
+ var TamaguiLogo_exports = {};
48
+ __export(TamaguiLogo_exports, {
49
+ LogoIcon: () => LogoIcon,
50
+ LogoWords: () => LogoWords,
51
+ TamaguiLogo: () => TamaguiLogo,
52
+ logoColors: () => logoColors,
53
+ tints: () => tints
54
+ });
55
+ module.exports = __toCommonJS(TamaguiLogo_exports);
56
+ var import_react = __toESM(require("react"));
57
+ var import_tamagui = require("tamagui");
58
+ const tints = ["red", "orange", "yellow", "green", "blue", "purple", "pink"];
59
+ const logoColors = tints.map((t) => `var(--${t}9)`);
60
+ const TamaguiLogo = (0, import_react.forwardRef)((_a, ref) => {
61
+ var _b = _a, {
62
+ showWords,
63
+ color,
64
+ downscale,
65
+ onHoverLetter
66
+ } = _b, props = __objRest(_b, [
67
+ "showWords",
68
+ "color",
69
+ "downscale",
70
+ "onHoverLetter"
71
+ ]);
72
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, __spreadValues({
73
+ ref,
74
+ ai: "center",
75
+ jc: "center",
76
+ space: "$5"
77
+ }, props), /* @__PURE__ */ import_react.default.createElement(LogoIcon, {
78
+ downscale: (downscale ?? 1) * (showWords ? 2 : 1.5),
79
+ color
80
+ }), showWords && /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
81
+ mb: -4
82
+ }, /* @__PURE__ */ import_react.default.createElement(LogoWords, {
83
+ onHoverLetter,
84
+ downscale: downscale ?? 2,
85
+ color
86
+ })));
87
+ });
88
+ const LogoWords = ({
89
+ color,
90
+ downscale = 1,
91
+ onHoverLetter
92
+ }) => {
93
+ return /* @__PURE__ */ import_react.default.createElement("svg", {
94
+ width: 373 * (1 / downscale) * 0.333333334,
95
+ height: 41 * (1 / downscale) * 0.333333334,
96
+ viewBox: "0 0 373 41"
97
+ }, /* @__PURE__ */ import_react.default.createElement("polygon", {
98
+ shapeRendering: "crispEdges",
99
+ fill: color || logoColors[0],
100
+ points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903",
101
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(0) : void 0
102
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
103
+ shapeRendering: "crispEdges",
104
+ fill: color || logoColors[1],
105
+ d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
106
+ fillRule: "nonzero",
107
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(1) : void 0
108
+ }), /* @__PURE__ */ import_react.default.createElement("polygon", {
109
+ shapeRendering: "crispEdges",
110
+ fill: color || logoColors[2],
111
+ points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903",
112
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(2) : void 0
113
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
114
+ fill: color || logoColors[3],
115
+ d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
116
+ fillRule: "nonzero",
117
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(3) : void 0
118
+ }), /* @__PURE__ */ import_react.default.createElement("polygon", {
119
+ shapeRendering: "crispEdges",
120
+ fill: color || logoColors[4],
121
+ points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903",
122
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(4) : void 0
123
+ }), /* @__PURE__ */ import_react.default.createElement("polygon", {
124
+ shapeRendering: "crispEdges",
125
+ fill: color || logoColors[5],
126
+ points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903",
127
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(5) : void 0
128
+ }), /* @__PURE__ */ import_react.default.createElement("polygon", {
129
+ shapeRendering: "crispEdges",
130
+ fill: color || logoColors[6],
131
+ points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
132
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(6) : void 0
133
+ }));
134
+ };
135
+ const LogoIcon = ({ downscale = 2 }) => {
136
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
137
+ als: "center",
138
+ marginVertical: -10,
139
+ pressStyle: {
140
+ opacity: 0.7
141
+ }
142
+ }, /* @__PURE__ */ import_react.default.createElement("img", {
143
+ className: "tamagui-icon",
144
+ width: 450 / 8 / downscale,
145
+ height: 420 / 8 / downscale,
146
+ src: "/tamagui-icon.svg"
147
+ }));
148
+ };
149
+ // Annotate the CommonJS export names for ESM import in node:
150
+ 0 && (module.exports = {
151
+ LogoIcon,
152
+ LogoWords,
153
+ TamaguiLogo,
154
+ logoColors,
155
+ tints
156
+ });
157
+ //# sourceMappingURL=TamaguiLogo.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/TamaguiLogo.tsx"],
4
+ "sourcesContent": ["import React, { forwardRef } from 'react'\nimport { ThemeName, XStack, XStackProps, YStack } from 'tamagui'\n\nexport const tints: ThemeName[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']\n\nexport const logoColors = tints.map((t) => `var(--${t}9)`)\n\nexport const TamaguiLogo = forwardRef(\n (\n {\n showWords,\n color,\n downscale,\n onHoverLetter,\n ...props\n }: {\n onHoverLetter?: (i: number) => void\n showWords?: boolean\n color?: string\n downscale?: number\n } & XStackProps,\n ref\n ) => (\n <XStack ref={ref} ai=\"center\" jc=\"center\" space=\"$5\" {...props}>\n <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n {showWords && (\n <YStack mb={-4}>\n <LogoWords onHoverLetter={onHoverLetter} downscale={downscale ?? 2} color={color} />\n </YStack>\n )}\n </XStack>\n )\n)\n\nexport const LogoWords = ({\n color,\n downscale = 1,\n onHoverLetter,\n}: {\n color?: string\n downscale?: number\n onHoverLetter?: any\n}) => {\n return (\n <svg\n width={373 * (1 / downscale) * 0.333333334}\n height={41 * (1 / downscale) * 0.333333334}\n viewBox=\"0 0 373 41\"\n >\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[0]}\n points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(0) : undefined}\n />\n <path\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[1]}\n d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(1) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[2]}\n points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(2) : undefined}\n />\n <path\n fill={color || logoColors[3]}\n d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(3) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[4]}\n points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(4) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[5]}\n points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(5) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[6]}\n points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(6) : undefined}\n />\n </svg>\n )\n}\n\nexport const LogoIcon = ({ downscale = 2 }: any) => {\n return (\n <YStack\n als=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n }}\n >\n <img\n className=\"tamagui-icon\"\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n src=\"/tamagui-icon.svg\"\n />\n </YStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,qBAAuD;AAEhD,MAAM,QAAqB,CAAC,OAAO,UAAU,UAAU,SAAS,QAAQ,UAAU,MAAM;AAExF,MAAM,aAAa,MAAM,IAAI,CAAC,MAAM,SAAS,KAAK;AAElD,MAAM,cAAc,6BACzB,CACE,IAYA,QACA;AAbA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAJF,IAKK,kBALL,IAKK;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAUF,4DAAC;AAAA,IAAO;AAAA,IAAU,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,OAAM;AAAA,KAAS,QACvD,mDAAC;AAAA,IAAS,WAAY,cAAa,KAAM,aAAY,IAAI;AAAA,IAAM;AAAA,GAAc,GAC5E,aACC,mDAAC;AAAA,IAAO,IAAI;AAAA,KACV,mDAAC;AAAA,IAAU;AAAA,IAA8B,WAAW,aAAa;AAAA,IAAG;AAAA,GAAc,CACpF,CAEJ;AAAA,CAEJ;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,MAKI;AACJ,SACE,mDAAC;AAAA,IACC,OAAO,MAAO,KAAI,aAAa;AAAA,IAC/B,QAAQ,KAAM,KAAI,aAAa;AAAA,IAC/B,SAAQ;AAAA,KAER,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,CACF;AAEJ;AAEO,MAAM,WAAW,CAAC,EAAE,YAAY,QAAa;AAClD,SACE,mDAAC;AAAA,IACC,KAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,KAEA,mDAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO,MAAM,IAAI;AAAA,IACjB,QAAQ,MAAM,IAAI;AAAA,IAClB,KAAI;AAAA,GACN,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,54 @@
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;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
+ var TextDemo_exports = {};
22
+ __export(TextDemo_exports, {
23
+ TextDemo: () => TextDemo
24
+ });
25
+ module.exports = __toCommonJS(TextDemo_exports);
26
+ var import_react = __toESM(require("react"));
27
+ var import_tamagui = require("tamagui");
28
+ function TextDemo() {
29
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
30
+ space: "$2",
31
+ ai: "center"
32
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "Text"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
33
+ size: "$3"
34
+ }, "SizableText"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
35
+ space: true
36
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
37
+ theme: "alt1",
38
+ size: "$3"
39
+ }, "alt1"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
40
+ theme: "alt2",
41
+ size: "$3"
42
+ }, "alt2"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
43
+ theme: "alt3",
44
+ size: "$3"
45
+ }, "alt3")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
46
+ size: "$2",
47
+ fow: "800"
48
+ }, "Paragraph"));
49
+ }
50
+ // Annotate the CommonJS export names for ESM import in node:
51
+ 0 && (module.exports = {
52
+ TextDemo
53
+ });
54
+ //# sourceMappingURL=TextDemo.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/TextDemo.tsx"],
4
+ "sourcesContent": ["import React from 'react'\nimport { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'\n\nexport function TextDemo() {\n return (\n <YStack space=\"$2\" ai=\"center\">\n <Text>Text</Text>\n <SizableText size=\"$3\">SizableText</SizableText>\n <XStack space>\n <SizableText theme=\"alt1\" size=\"$3\">\n alt1\n </SizableText>\n <SizableText theme=\"alt2\" size=\"$3\">\n alt2\n </SizableText>\n <SizableText theme=\"alt3\" size=\"$3\">\n alt3\n </SizableText>\n </XStack>\n <Paragraph size=\"$2\" fow=\"800\">\n Paragraph\n </Paragraph>\n </YStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA6D;AAEtD,oBAAoB;AACzB,SACE,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAK,IAAG;AAAA,KACpB,mDAAC,2BAAK,MAAI,GACV,mDAAC;AAAA,IAAY,MAAK;AAAA,KAAK,aAAW,GAClC,mDAAC;AAAA,IAAO,OAAK;AAAA,KACX,mDAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,GACA,mDAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,GACA,mDAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,CACF,GACA,mDAAC;AAAA,IAAU,MAAK;AAAA,IAAK,KAAI;AAAA,KAAM,WAE/B,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,52 @@
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;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
+ var ThemeInverseDemo_exports = {};
22
+ __export(ThemeInverseDemo_exports, {
23
+ ThemeInverseDemo: () => ThemeInverseDemo
24
+ });
25
+ module.exports = __toCommonJS(ThemeInverseDemo_exports);
26
+ var import_core = require("@tamagui/core");
27
+ var import_react = __toESM(require("react"));
28
+ var import_tamagui = require("tamagui");
29
+ function ThemeInverseDemo() {
30
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
31
+ space: true
32
+ }, /* @__PURE__ */ import_react.default.createElement(Buttons, null), /* @__PURE__ */ import_react.default.createElement(import_core.ThemeInverse, null, /* @__PURE__ */ import_react.default.createElement(Buttons, null)));
33
+ }
34
+ function Buttons() {
35
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
36
+ bc: "$background",
37
+ p: "$3",
38
+ br: "$3",
39
+ space: true
40
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Dark"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
41
+ themeInverse: true
42
+ }, "Inversed"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
43
+ theme: "alt1"
44
+ }, "Alt1 Dark"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Theme, {
45
+ name: "yellow"
46
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Yellow dark")));
47
+ }
48
+ // Annotate the CommonJS export names for ESM import in node:
49
+ 0 && (module.exports = {
50
+ ThemeInverseDemo
51
+ });
52
+ //# sourceMappingURL=ThemeInverseDemo.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ThemeInverseDemo.tsx"],
4
+ "sourcesContent": ["import { ThemeInverse } from '@tamagui/core'\nimport React from 'react'\nimport { Button, Theme, XStack, YStack } from 'tamagui'\n\nexport function ThemeInverseDemo() {\n return (\n <XStack space>\n <Buttons />\n <ThemeInverse>\n <Buttons />\n </ThemeInverse>\n </XStack>\n )\n}\n\nfunction Buttons() {\n return (\n <YStack bc=\"$background\" p=\"$3\" br=\"$3\" space>\n <Button>Dark</Button>\n <Button themeInverse>Inversed</Button>\n <Button theme=\"alt1\">Alt1 Dark</Button>\n <Theme name=\"yellow\">\n <Button>Yellow dark</Button>\n </Theme>\n </YStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAC7B,mBAAkB;AAClB,qBAA8C;AAEvC,4BAA4B;AACjC,SACE,mDAAC;AAAA,IAAO,OAAK;AAAA,KACX,mDAAC,aAAQ,GACT,mDAAC,gCACC,mDAAC,aAAQ,CACX,CACF;AAEJ;AAEA,mBAAmB;AACjB,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAc,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,KAC3C,mDAAC,6BAAO,MAAI,GACZ,mDAAC;AAAA,IAAO,cAAY;AAAA,KAAC,UAAQ,GAC7B,mDAAC;AAAA,IAAO,OAAM;AAAA,KAAO,WAAS,GAC9B,mDAAC;AAAA,IAAM,MAAK;AAAA,KACV,mDAAC,6BAAO,aAAW,CACrB,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,127 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
20
+ };
21
+ var __objRest = (source, exclude) => {
22
+ var target = {};
23
+ for (var prop in source)
24
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
+ target[prop] = source[prop];
26
+ if (source != null && __getOwnPropSymbols)
27
+ for (var prop of __getOwnPropSymbols(source)) {
28
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
+ target[prop] = source[prop];
30
+ }
31
+ return target;
32
+ };
33
+ var __export = (target, all) => {
34
+ for (var name in all)
35
+ __defProp(target, name, { get: all[name], enumerable: true });
36
+ };
37
+ var __copyProps = (to, from, except, desc) => {
38
+ if (from && typeof from === "object" || typeof from === "function") {
39
+ for (let key of __getOwnPropNames(from))
40
+ if (!__hasOwnProp.call(to, key) && key !== except)
41
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
42
+ }
43
+ return to;
44
+ };
45
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
46
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
47
+ var TooltipDemo_exports = {};
48
+ __export(TooltipDemo_exports, {
49
+ Demo: () => Demo,
50
+ TooltipDemo: () => TooltipDemo
51
+ });
52
+ module.exports = __toCommonJS(TooltipDemo_exports);
53
+ var import_feather_icons = require("@tamagui/feather-icons");
54
+ var import_react = __toESM(require("react"));
55
+ var import_tamagui = require("tamagui");
56
+ function TooltipDemo() {
57
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.TooltipGroup, {
58
+ delay: { open: 3e3, close: 100 }
59
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
60
+ space: "$2",
61
+ als: "center"
62
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
63
+ space: "$2"
64
+ }, /* @__PURE__ */ import_react.default.createElement(Demo, {
65
+ groupId: "0",
66
+ placement: "top-end",
67
+ Icon: import_feather_icons.Circle
68
+ }), /* @__PURE__ */ import_react.default.createElement(Demo, {
69
+ groupId: "1",
70
+ placement: "top",
71
+ Icon: import_feather_icons.ChevronUp
72
+ }), /* @__PURE__ */ import_react.default.createElement(Demo, {
73
+ groupId: "2",
74
+ placement: "top-start",
75
+ Icon: import_feather_icons.Circle
76
+ })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
77
+ space: "$2"
78
+ }, /* @__PURE__ */ import_react.default.createElement(Demo, {
79
+ groupId: "3",
80
+ placement: "left",
81
+ Icon: import_feather_icons.ChevronLeft
82
+ }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
83
+ f: 1
84
+ }), /* @__PURE__ */ import_react.default.createElement(Demo, {
85
+ groupId: "4",
86
+ placement: "right",
87
+ Icon: import_feather_icons.ChevronRight
88
+ })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
89
+ space: "$2"
90
+ }, /* @__PURE__ */ import_react.default.createElement(Demo, {
91
+ groupId: "5",
92
+ placement: "bottom-end",
93
+ Icon: import_feather_icons.Circle
94
+ }), /* @__PURE__ */ import_react.default.createElement(Demo, {
95
+ groupId: "6",
96
+ placement: "bottom",
97
+ Icon: import_feather_icons.ChevronDown
98
+ }), /* @__PURE__ */ import_react.default.createElement(Demo, {
99
+ groupId: "7",
100
+ placement: "bottom-start",
101
+ Icon: import_feather_icons.Circle
102
+ }))));
103
+ }
104
+ function Demo(_a) {
105
+ var _b = _a, { Icon } = _b, props = __objRest(_b, ["Icon"]);
106
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Tooltip, __spreadValues({}, props), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Tooltip.Trigger, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
107
+ icon: Icon,
108
+ circular: true
109
+ })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Tooltip.Content, {
110
+ enterStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
111
+ exitStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
112
+ scale: 1,
113
+ x: 0,
114
+ y: 0,
115
+ o: 1,
116
+ animation: "bouncy"
117
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Tooltip.Arrow, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
118
+ size: "$2",
119
+ lineHeight: "$1"
120
+ }, "Hello world")));
121
+ }
122
+ // Annotate the CommonJS export names for ESM import in node:
123
+ 0 && (module.exports = {
124
+ Demo,
125
+ TooltipDemo
126
+ });
127
+ //# sourceMappingURL=TooltipDemo.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/TooltipDemo.tsx"],
4
+ "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport function TooltipDemo() {\n return (\n <TooltipGroup delay={{ open: 3000, close: 100 }}>\n <YStack space=\"$2\" als=\"center\">\n <XStack space=\"$2\">\n <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n <YStack f={1} />\n <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n </XStack>\n </YStack>\n </TooltipGroup>\n )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n return (\n <Tooltip {...props}>\n <Tooltip.Trigger>\n <Button icon={Icon} circular />\n </Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n scale={1}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$1\">\n Hello world\n </Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA0E;AAC1E,mBAAkB;AAClB,qBAAuF;AAEhF,uBAAuB;AAC5B,SACE,mDAAC;AAAA,IAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,KAC5C,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAK,KAAI;AAAA,KACrB,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAU,MAAM;AAAA,GAAQ,GACpD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAM,MAAM;AAAA,GAAW,GACnD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAY,MAAM;AAAA,GAAQ,CACxD,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GACtD,mDAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC1D,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAa,MAAM;AAAA,GAAQ,GACvD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GACxD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAe,MAAM;AAAA,GAAQ,CAC3D,CACF,CACF;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,mDAAC,2CAAY,QACX,mDAAC,uBAAQ,SAAR,MACC,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAM,UAAQ;AAAA,GAAC,CAC/B,GACA,mDAAC,uBAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC3C,OAAO;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,KAEV,mDAAC,uBAAQ,OAAR,IAAc,GACf,mDAAC;AAAA,IAAU,MAAK;AAAA,IAAK,YAAW;AAAA,KAAK,aAErC,CACF,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,16 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __copyProps = (to, from, except, desc) => {
6
+ if (from && typeof from === "object" || typeof from === "function") {
7
+ for (let key of __getOwnPropNames(from))
8
+ if (!__hasOwnProp.call(to, key) && key !== except)
9
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
+ }
11
+ return to;
12
+ };
13
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
14
+ var conf_exports = {};
15
+ module.exports = __toCommonJS(conf_exports);
16
+ //# sourceMappingURL=conf.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/conf.tsx"],
4
+ "sourcesContent": ["import { config } from '@tamagui/config-base'\nimport { InferTamaguiConfig } from '@tamagui/core'\n\nexport type Conf = InferTamaguiConfig<typeof config>\n\ndeclare module 'tamagui' {\n interface TamaguiCustomConfig extends Conf {}\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
6
+ "names": []
7
+ }