@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,59 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
17
+ var __objRest = (source, exclude) => {
18
+ var target = {};
19
+ for (var prop in source)
20
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
21
+ target[prop] = source[prop];
22
+ if (source != null && __getOwnPropSymbols)
23
+ for (var prop of __getOwnPropSymbols(source)) {
24
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
25
+ target[prop] = source[prop];
26
+ }
27
+ return target;
28
+ };
29
+ import React from "react";
30
+ import { Slider, XStack } from "tamagui";
31
+ function SliderDemo() {
32
+ return /* @__PURE__ */ React.createElement(XStack, {
33
+ height: 200,
34
+ ai: "center",
35
+ space: "$8"
36
+ }, /* @__PURE__ */ React.createElement(SimpleSlider, {
37
+ height: 200,
38
+ orientation: "vertical"
39
+ }), /* @__PURE__ */ React.createElement(SimpleSlider, {
40
+ width: 200
41
+ }));
42
+ }
43
+ function SimpleSlider(_a) {
44
+ var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
45
+ return /* @__PURE__ */ React.createElement(Slider, __spreadValues({
46
+ defaultValue: [50],
47
+ max: 100,
48
+ step: 1
49
+ }, props), /* @__PURE__ */ React.createElement(Slider.Track, null, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(Slider.Thumb, {
50
+ bordered: true,
51
+ circular: true,
52
+ elevate: true,
53
+ index: 0
54
+ }), children);
55
+ }
56
+ export {
57
+ SliderDemo
58
+ };
59
+ //# sourceMappingURL=SliderDemo.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/SliderDemo.tsx"],
4
+ "sourcesContent": ["import React from 'react'\nimport { Slider, SliderProps, XStack } from 'tamagui'\n\nexport function SliderDemo() {\n return (\n <XStack height={200} ai=\"center\" space=\"$8\">\n <SimpleSlider height={200} orientation=\"vertical\" />\n <SimpleSlider width={200} />\n </XStack>\n )\n}\n\nfunction SimpleSlider({ children, ...props }: SliderProps) {\n return (\n <Slider defaultValue={[50]} max={100} step={1} {...props}>\n <Slider.Track>\n <Slider.TrackActive />\n </Slider.Track>\n <Slider.Thumb bordered circular elevate index={0} />\n {children}\n </Slider>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACrC,oCAAC;AAAA,IAAa,QAAQ;AAAA,IAAK,aAAY;AAAA,GAAW,GAClD,oCAAC;AAAA,IAAa,OAAO;AAAA,GAAK,CAC5B;AAEJ;AAEA,sBAAsB,IAAqC;AAArC,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,SACE,oCAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAAO,QACjD,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,OAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,GACjD,QACH;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ import { Spinner, YStack } from "tamagui";
3
+ function SpinnerDemo() {
4
+ return /* @__PURE__ */ React.createElement(YStack, {
5
+ p: "$3",
6
+ space: "$4",
7
+ ai: "center"
8
+ }, /* @__PURE__ */ React.createElement(Spinner, {
9
+ size: "small",
10
+ color: "$green10"
11
+ }), /* @__PURE__ */ React.createElement(Spinner, {
12
+ size: "large",
13
+ color: "$orange10"
14
+ }));
15
+ }
16
+ export {
17
+ SpinnerDemo
18
+ };
19
+ //# sourceMappingURL=SpinnerDemo.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/SpinnerDemo.tsx"],
4
+ "sourcesContent": ["import React from 'react'\nimport { Spinner, YStack } from 'tamagui'\n\nexport function SpinnerDemo() {\n return (\n <YStack p=\"$3\" space=\"$4\" ai=\"center\">\n <Spinner size=\"small\" color=\"$green10\" />\n <Spinner size=\"large\" color=\"$orange10\" />\n </YStack>\n )\n}\n"],
5
+ "mappings": "AAAA;AACA;AAEO,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,oCAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAW,GACvC,oCAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAY,CAC1C;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,77 @@
1
+ import React from "react";
2
+ import { XStack, YStack, ZStack } from "tamagui";
3
+ function StacksDemo() {
4
+ return /* @__PURE__ */ React.createElement(XStack, {
5
+ maw: 250,
6
+ p: "$2",
7
+ als: "center",
8
+ space: true
9
+ }, /* @__PURE__ */ React.createElement(YStack, {
10
+ flex: 1,
11
+ space: "$2",
12
+ bw: 2,
13
+ boc: "$color",
14
+ br: "$4",
15
+ p: "$2"
16
+ }, /* @__PURE__ */ React.createElement(YStack, {
17
+ bc: "$color",
18
+ br: "$3",
19
+ p: "$2"
20
+ }), /* @__PURE__ */ React.createElement(YStack, {
21
+ bc: "$color",
22
+ br: "$3",
23
+ p: "$2"
24
+ }), /* @__PURE__ */ React.createElement(YStack, {
25
+ bc: "$color",
26
+ br: "$3",
27
+ p: "$2"
28
+ })), /* @__PURE__ */ React.createElement(XStack, {
29
+ flex: 1,
30
+ space: "$2",
31
+ bw: 2,
32
+ boc: "$color",
33
+ br: "$4",
34
+ p: "$2"
35
+ }, /* @__PURE__ */ React.createElement(YStack, {
36
+ bc: "$color",
37
+ br: "$3",
38
+ p: "$2"
39
+ }), /* @__PURE__ */ React.createElement(YStack, {
40
+ bc: "$color",
41
+ br: "$3",
42
+ p: "$2"
43
+ }), /* @__PURE__ */ React.createElement(YStack, {
44
+ bc: "$color",
45
+ br: "$3",
46
+ p: "$2"
47
+ })), /* @__PURE__ */ React.createElement(ZStack, {
48
+ maw: 50,
49
+ mah: 85,
50
+ w: 100,
51
+ flex: 1
52
+ }, /* @__PURE__ */ React.createElement(YStack, {
53
+ fullscreen: true,
54
+ bw: 2,
55
+ br: "$4",
56
+ p: "$2"
57
+ }), /* @__PURE__ */ React.createElement(YStack, {
58
+ fullscreen: true,
59
+ y: 10,
60
+ x: 10,
61
+ bw: 2,
62
+ br: "$4",
63
+ p: "$2"
64
+ }), /* @__PURE__ */ React.createElement(YStack, {
65
+ fullscreen: true,
66
+ y: 20,
67
+ x: 20,
68
+ bw: 2,
69
+ bc: "$color",
70
+ br: "$4",
71
+ p: "$2"
72
+ })));
73
+ }
74
+ export {
75
+ StacksDemo
76
+ };
77
+ //# sourceMappingURL=StacksDemo.js.map
@@ -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;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,KAAI;AAAA,IAAS,OAAK;AAAA,KACzC,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,oCAAC;AAAA,IAAO,KAAK;AAAA,IAAI,KAAK;AAAA,IAAI,GAAG;AAAA,IAAK,MAAM;AAAA,KACtC,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACzC,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACvD,oCAAC;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,42 @@
1
+ import React from "react";
2
+ import { Label, Separator, Switch, XStack, YStack } from "tamagui";
3
+ function SwitchDemo() {
4
+ return /* @__PURE__ */ React.createElement(YStack, {
5
+ w: 300,
6
+ ai: "center",
7
+ space: "$3"
8
+ }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
9
+ size: "$2"
10
+ }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
11
+ size: "$3"
12
+ }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
13
+ size: "$4"
14
+ }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
15
+ size: "$5"
16
+ }));
17
+ }
18
+ function SwitchWithLabel(props) {
19
+ return /* @__PURE__ */ React.createElement(XStack, {
20
+ w: 300,
21
+ ai: "center",
22
+ space: "$4"
23
+ }, /* @__PURE__ */ React.createElement(Label, {
24
+ pr: "$0",
25
+ miw: 200,
26
+ jc: "flex-end",
27
+ size: props.size,
28
+ htmlFor: "switch-1"
29
+ }, "Dark mode"), /* @__PURE__ */ React.createElement(Separator, {
30
+ mih: 20,
31
+ vertical: true
32
+ }), /* @__PURE__ */ React.createElement(Switch, {
33
+ id: "switch-1",
34
+ size: props.size
35
+ }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
36
+ animation: "bouncy"
37
+ })));
38
+ }
39
+ export {
40
+ SwitchDemo
41
+ };
42
+ //# 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;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,oCAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,oCAAC,OAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,129 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
17
+ var __objRest = (source, exclude) => {
18
+ var target = {};
19
+ for (var prop in source)
20
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
21
+ target[prop] = source[prop];
22
+ if (source != null && __getOwnPropSymbols)
23
+ for (var prop of __getOwnPropSymbols(source)) {
24
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
25
+ target[prop] = source[prop];
26
+ }
27
+ return target;
28
+ };
29
+ import React, { forwardRef } from "react";
30
+ import { XStack, YStack } from "tamagui";
31
+ const tints = ["red", "orange", "yellow", "green", "blue", "purple", "pink"];
32
+ const logoColors = tints.map((t) => `var(--${t}9)`);
33
+ const TamaguiLogo = forwardRef((_a, ref) => {
34
+ var _b = _a, {
35
+ showWords,
36
+ color,
37
+ downscale,
38
+ onHoverLetter
39
+ } = _b, props = __objRest(_b, [
40
+ "showWords",
41
+ "color",
42
+ "downscale",
43
+ "onHoverLetter"
44
+ ]);
45
+ return /* @__PURE__ */ React.createElement(XStack, __spreadValues({
46
+ ref,
47
+ ai: "center",
48
+ jc: "center",
49
+ space: "$5"
50
+ }, props), /* @__PURE__ */ React.createElement(LogoIcon, {
51
+ downscale: (downscale ?? 1) * (showWords ? 2 : 1.5),
52
+ color
53
+ }), showWords && /* @__PURE__ */ React.createElement(YStack, {
54
+ mb: -4
55
+ }, /* @__PURE__ */ React.createElement(LogoWords, {
56
+ onHoverLetter,
57
+ downscale: downscale ?? 2,
58
+ color
59
+ })));
60
+ });
61
+ const LogoWords = ({
62
+ color,
63
+ downscale = 1,
64
+ onHoverLetter
65
+ }) => {
66
+ return /* @__PURE__ */ React.createElement("svg", {
67
+ width: 373 * (1 / downscale) * 0.333333334,
68
+ height: 41 * (1 / downscale) * 0.333333334,
69
+ viewBox: "0 0 373 41"
70
+ }, /* @__PURE__ */ React.createElement("polygon", {
71
+ shapeRendering: "crispEdges",
72
+ fill: color || logoColors[0],
73
+ 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",
74
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(0) : void 0
75
+ }), /* @__PURE__ */ React.createElement("path", {
76
+ shapeRendering: "crispEdges",
77
+ fill: color || logoColors[1],
78
+ 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",
79
+ fillRule: "nonzero",
80
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(1) : void 0
81
+ }), /* @__PURE__ */ React.createElement("polygon", {
82
+ shapeRendering: "crispEdges",
83
+ fill: color || logoColors[2],
84
+ 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",
85
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(2) : void 0
86
+ }), /* @__PURE__ */ React.createElement("path", {
87
+ fill: color || logoColors[3],
88
+ 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",
89
+ fillRule: "nonzero",
90
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(3) : void 0
91
+ }), /* @__PURE__ */ React.createElement("polygon", {
92
+ shapeRendering: "crispEdges",
93
+ fill: color || logoColors[4],
94
+ 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",
95
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(4) : void 0
96
+ }), /* @__PURE__ */ React.createElement("polygon", {
97
+ shapeRendering: "crispEdges",
98
+ fill: color || logoColors[5],
99
+ 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",
100
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(5) : void 0
101
+ }), /* @__PURE__ */ React.createElement("polygon", {
102
+ shapeRendering: "crispEdges",
103
+ fill: color || logoColors[6],
104
+ points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
105
+ onMouseEnter: onHoverLetter ? () => onHoverLetter(6) : void 0
106
+ }));
107
+ };
108
+ const LogoIcon = ({ downscale = 2 }) => {
109
+ return /* @__PURE__ */ React.createElement(YStack, {
110
+ als: "center",
111
+ marginVertical: -10,
112
+ pressStyle: {
113
+ opacity: 0.7
114
+ }
115
+ }, /* @__PURE__ */ React.createElement("img", {
116
+ className: "tamagui-icon",
117
+ width: 450 / 8 / downscale,
118
+ height: 420 / 8 / downscale,
119
+ src: "/tamagui-icon.svg"
120
+ }));
121
+ };
122
+ export {
123
+ LogoIcon,
124
+ LogoWords,
125
+ TamaguiLogo,
126
+ logoColors,
127
+ tints
128
+ };
129
+ //# 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;AACA;AAEO,MAAM,QAAqB,CAAC,OAAO,UAAU,UAAU,SAAS,QAAQ,UAAU,MAAM;AAExF,MAAM,aAAa,MAAM,IAAI,CAAC,MAAM,SAAS,KAAK;AAElD,MAAM,cAAc,WACzB,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,6CAAC;AAAA,IAAO;AAAA,IAAU,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,OAAM;AAAA,KAAS,QACvD,oCAAC;AAAA,IAAS,WAAY,cAAa,KAAM,aAAY,IAAI;AAAA,IAAM;AAAA,GAAc,GAC5E,aACC,oCAAC;AAAA,IAAO,IAAI;AAAA,KACV,oCAAC;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,oCAAC;AAAA,IACC,OAAO,MAAO,KAAI,aAAa;AAAA,IAC/B,QAAQ,KAAM,KAAI,aAAa;AAAA,IAC/B,SAAQ;AAAA,KAER,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;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,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;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,oCAAC;AAAA,IACC,KAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,KAEA,oCAAC;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,28 @@
1
+ import React from "react";
2
+ import { Paragraph, SizableText, Text, XStack, YStack } from "tamagui";
3
+ function TextDemo() {
4
+ return /* @__PURE__ */ React.createElement(YStack, {
5
+ space: "$2",
6
+ ai: "center"
7
+ }, /* @__PURE__ */ React.createElement(Text, null, "Text"), /* @__PURE__ */ React.createElement(SizableText, {
8
+ size: "$3"
9
+ }, "SizableText"), /* @__PURE__ */ React.createElement(XStack, {
10
+ space: true
11
+ }, /* @__PURE__ */ React.createElement(SizableText, {
12
+ theme: "alt1",
13
+ size: "$3"
14
+ }, "alt1"), /* @__PURE__ */ React.createElement(SizableText, {
15
+ theme: "alt2",
16
+ size: "$3"
17
+ }, "alt2"), /* @__PURE__ */ React.createElement(SizableText, {
18
+ theme: "alt3",
19
+ size: "$3"
20
+ }, "alt3")), /* @__PURE__ */ React.createElement(Paragraph, {
21
+ size: "$2",
22
+ fow: "800"
23
+ }, "Paragraph"));
24
+ }
25
+ export {
26
+ TextDemo
27
+ };
28
+ //# 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;AACA;AAEO,oBAAoB;AACzB,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAK,IAAG;AAAA,KACpB,oCAAC,YAAK,MAAI,GACV,oCAAC;AAAA,IAAY,MAAK;AAAA,KAAK,aAAW,GAClC,oCAAC;AAAA,IAAO,OAAK;AAAA,KACX,oCAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,GACA,oCAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,GACA,oCAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,CACF,GACA,oCAAC;AAAA,IAAU,MAAK;AAAA,IAAK,KAAI;AAAA,KAAM,WAE/B,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,26 @@
1
+ import { ThemeInverse } from "@tamagui/core";
2
+ import React from "react";
3
+ import { Button, Theme, XStack, YStack } from "tamagui";
4
+ function ThemeInverseDemo() {
5
+ return /* @__PURE__ */ React.createElement(XStack, {
6
+ space: true
7
+ }, /* @__PURE__ */ React.createElement(Buttons, null), /* @__PURE__ */ React.createElement(ThemeInverse, null, /* @__PURE__ */ React.createElement(Buttons, null)));
8
+ }
9
+ function Buttons() {
10
+ return /* @__PURE__ */ React.createElement(YStack, {
11
+ bc: "$background",
12
+ p: "$3",
13
+ br: "$3",
14
+ space: true
15
+ }, /* @__PURE__ */ React.createElement(Button, null, "Dark"), /* @__PURE__ */ React.createElement(Button, {
16
+ themeInverse: true
17
+ }, "Inversed"), /* @__PURE__ */ React.createElement(Button, {
18
+ theme: "alt1"
19
+ }, "Alt1 Dark"), /* @__PURE__ */ React.createElement(Theme, {
20
+ name: "yellow"
21
+ }, /* @__PURE__ */ React.createElement(Button, null, "Yellow dark")));
22
+ }
23
+ export {
24
+ ThemeInverseDemo
25
+ };
26
+ //# 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;AACA;AACA;AAEO,4BAA4B;AACjC,SACE,oCAAC;AAAA,IAAO,OAAK;AAAA,KACX,oCAAC,aAAQ,GACT,oCAAC,oBACC,oCAAC,aAAQ,CACX,CACF;AAEJ;AAEA,mBAAmB;AACjB,SACE,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAc,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,KAC3C,oCAAC,cAAO,MAAI,GACZ,oCAAC;AAAA,IAAO,cAAY;AAAA,KAAC,UAAQ,GAC7B,oCAAC;AAAA,IAAO,OAAM;AAAA,KAAO,WAAS,GAC9B,oCAAC;AAAA,IAAM,MAAK;AAAA,KACV,oCAAC,cAAO,aAAW,CACrB,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,102 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
17
+ var __objRest = (source, exclude) => {
18
+ var target = {};
19
+ for (var prop in source)
20
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
21
+ target[prop] = source[prop];
22
+ if (source != null && __getOwnPropSymbols)
23
+ for (var prop of __getOwnPropSymbols(source)) {
24
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
25
+ target[prop] = source[prop];
26
+ }
27
+ return target;
28
+ };
29
+ import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@tamagui/feather-icons";
30
+ import React from "react";
31
+ import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from "tamagui";
32
+ function TooltipDemo() {
33
+ return /* @__PURE__ */ React.createElement(TooltipGroup, {
34
+ delay: { open: 3e3, close: 100 }
35
+ }, /* @__PURE__ */ React.createElement(YStack, {
36
+ space: "$2",
37
+ als: "center"
38
+ }, /* @__PURE__ */ React.createElement(XStack, {
39
+ space: "$2"
40
+ }, /* @__PURE__ */ React.createElement(Demo, {
41
+ groupId: "0",
42
+ placement: "top-end",
43
+ Icon: Circle
44
+ }), /* @__PURE__ */ React.createElement(Demo, {
45
+ groupId: "1",
46
+ placement: "top",
47
+ Icon: ChevronUp
48
+ }), /* @__PURE__ */ React.createElement(Demo, {
49
+ groupId: "2",
50
+ placement: "top-start",
51
+ Icon: Circle
52
+ })), /* @__PURE__ */ React.createElement(XStack, {
53
+ space: "$2"
54
+ }, /* @__PURE__ */ React.createElement(Demo, {
55
+ groupId: "3",
56
+ placement: "left",
57
+ Icon: ChevronLeft
58
+ }), /* @__PURE__ */ React.createElement(YStack, {
59
+ f: 1
60
+ }), /* @__PURE__ */ React.createElement(Demo, {
61
+ groupId: "4",
62
+ placement: "right",
63
+ Icon: ChevronRight
64
+ })), /* @__PURE__ */ React.createElement(XStack, {
65
+ space: "$2"
66
+ }, /* @__PURE__ */ React.createElement(Demo, {
67
+ groupId: "5",
68
+ placement: "bottom-end",
69
+ Icon: Circle
70
+ }), /* @__PURE__ */ React.createElement(Demo, {
71
+ groupId: "6",
72
+ placement: "bottom",
73
+ Icon: ChevronDown
74
+ }), /* @__PURE__ */ React.createElement(Demo, {
75
+ groupId: "7",
76
+ placement: "bottom-start",
77
+ Icon: Circle
78
+ }))));
79
+ }
80
+ function Demo(_a) {
81
+ var _b = _a, { Icon } = _b, props = __objRest(_b, ["Icon"]);
82
+ return /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, props), /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(Button, {
83
+ icon: Icon,
84
+ circular: true
85
+ })), /* @__PURE__ */ React.createElement(Tooltip.Content, {
86
+ enterStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
87
+ exitStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
88
+ scale: 1,
89
+ x: 0,
90
+ y: 0,
91
+ o: 1,
92
+ animation: "bouncy"
93
+ }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, {
94
+ size: "$2",
95
+ lineHeight: "$1"
96
+ }, "Hello world")));
97
+ }
98
+ export {
99
+ Demo,
100
+ TooltipDemo
101
+ };
102
+ //# 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;AACA;AACA;AAEO,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,KAC5C,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAK,KAAI;AAAA,KACrB,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAU,MAAM;AAAA,GAAQ,GACpD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAM,MAAM;AAAA,GAAW,GACnD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAY,MAAM;AAAA,GAAQ,CACxD,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GACtD,oCAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC1D,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAa,MAAM;AAAA,GAAQ,GACvD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GACxD,oCAAC;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,oCAAC,4BAAY,QACX,oCAAC,QAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAM,UAAQ;AAAA,GAAC,CAC/B,GACA,oCAAC,QAAQ,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,oCAAC,QAAQ,OAAR,IAAc,GACf,oCAAC;AAAA,IAAU,MAAK;AAAA,IAAK,YAAW;AAAA,KAAK,aAErC,CACF,CACF;AAEJ;",
6
+ "names": []
7
+ }
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=conf.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }