@tamagui/demos 1.123.0 → 1.123.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (373) hide show
  1. package/dist/cjs/PopoverDemo.cjs +2 -0
  2. package/dist/cjs/PopoverDemo.js +2 -1
  3. package/dist/cjs/PopoverDemo.js.map +1 -1
  4. package/dist/cjs/PopoverDemo.native.js +2 -0
  5. package/dist/cjs/PopoverDemo.native.js.map +2 -2
  6. package/dist/esm/PopoverDemo.js +2 -1
  7. package/dist/esm/PopoverDemo.js.map +1 -1
  8. package/dist/esm/PopoverDemo.mjs +2 -0
  9. package/dist/esm/PopoverDemo.mjs.map +1 -1
  10. package/dist/esm/PopoverDemo.native.js +2 -0
  11. package/dist/esm/PopoverDemo.native.js.map +2 -2
  12. package/package.json +19 -20
  13. package/src/PopoverDemo.tsx +2 -1
  14. package/dist/jsx/AccordionDemo.js +0 -29
  15. package/dist/jsx/AccordionDemo.js.map +0 -6
  16. package/dist/jsx/AccordionDemo.mjs +0 -73
  17. package/dist/jsx/AccordionDemo.mjs.map +0 -1
  18. package/dist/jsx/AccordionDemo.native.js +0 -92
  19. package/dist/jsx/AccordionDemo.native.js.map +0 -6
  20. package/dist/jsx/AddThemeDemo.js +0 -35
  21. package/dist/jsx/AddThemeDemo.js.map +0 -6
  22. package/dist/jsx/AddThemeDemo.mjs +0 -36
  23. package/dist/jsx/AddThemeDemo.mjs.map +0 -1
  24. package/dist/jsx/AddThemeDemo.native.js +0 -45
  25. package/dist/jsx/AddThemeDemo.native.js.map +0 -6
  26. package/dist/jsx/AlertDialogDemo.js +0 -53
  27. package/dist/jsx/AlertDialogDemo.js.map +0 -6
  28. package/dist/jsx/AlertDialogDemo.mjs +0 -73
  29. package/dist/jsx/AlertDialogDemo.mjs.map +0 -1
  30. package/dist/jsx/AlertDialogDemo.native.js +0 -91
  31. package/dist/jsx/AlertDialogDemo.native.js.map +0 -6
  32. package/dist/jsx/AnimationsDemo.js +0 -86
  33. package/dist/jsx/AnimationsDemo.js.map +0 -6
  34. package/dist/jsx/AnimationsDemo.mjs +0 -76
  35. package/dist/jsx/AnimationsDemo.mjs.map +0 -1
  36. package/dist/jsx/AnimationsDemo.native.js +0 -88
  37. package/dist/jsx/AnimationsDemo.native.js.map +0 -6
  38. package/dist/jsx/AnimationsEnterDemo.js +0 -35
  39. package/dist/jsx/AnimationsEnterDemo.js.map +0 -6
  40. package/dist/jsx/AnimationsEnterDemo.mjs +0 -40
  41. package/dist/jsx/AnimationsEnterDemo.mjs.map +0 -1
  42. package/dist/jsx/AnimationsEnterDemo.native.js +0 -52
  43. package/dist/jsx/AnimationsEnterDemo.native.js.map +0 -6
  44. package/dist/jsx/AnimationsHoverDemo.js +0 -27
  45. package/dist/jsx/AnimationsHoverDemo.js.map +0 -6
  46. package/dist/jsx/AnimationsHoverDemo.mjs +0 -24
  47. package/dist/jsx/AnimationsHoverDemo.mjs.map +0 -1
  48. package/dist/jsx/AnimationsHoverDemo.native.js +0 -26
  49. package/dist/jsx/AnimationsHoverDemo.native.js.map +0 -6
  50. package/dist/jsx/AnimationsPresenceDemo.js +0 -85
  51. package/dist/jsx/AnimationsPresenceDemo.js.map +0 -6
  52. package/dist/jsx/AnimationsPresenceDemo.mjs +0 -89
  53. package/dist/jsx/AnimationsPresenceDemo.mjs.map +0 -1
  54. package/dist/jsx/AnimationsPresenceDemo.native.js +0 -110
  55. package/dist/jsx/AnimationsPresenceDemo.native.js.map +0 -6
  56. package/dist/jsx/AnimationsTimingDemo.js +0 -26
  57. package/dist/jsx/AnimationsTimingDemo.js.map +0 -6
  58. package/dist/jsx/AnimationsTimingDemo.mjs +0 -23
  59. package/dist/jsx/AnimationsTimingDemo.mjs.map +0 -1
  60. package/dist/jsx/AnimationsTimingDemo.native.js +0 -25
  61. package/dist/jsx/AnimationsTimingDemo.native.js.map +0 -6
  62. package/dist/jsx/AvatarDemo.js +0 -30
  63. package/dist/jsx/AvatarDemo.js.map +0 -6
  64. package/dist/jsx/AvatarDemo.mjs +0 -30
  65. package/dist/jsx/AvatarDemo.mjs.map +0 -1
  66. package/dist/jsx/AvatarDemo.native.js +0 -42
  67. package/dist/jsx/AvatarDemo.native.js.map +0 -6
  68. package/dist/jsx/BuildAButtonDemo.js +0 -43
  69. package/dist/jsx/BuildAButtonDemo.js.map +0 -6
  70. package/dist/jsx/BuildAButtonDemo.mjs +0 -102
  71. package/dist/jsx/BuildAButtonDemo.mjs.map +0 -1
  72. package/dist/jsx/BuildAButtonDemo.native.js +0 -123
  73. package/dist/jsx/BuildAButtonDemo.native.js.map +0 -6
  74. package/dist/jsx/ButtonDemo.js +0 -25
  75. package/dist/jsx/ButtonDemo.js.map +0 -6
  76. package/dist/jsx/ButtonDemo.mjs +0 -60
  77. package/dist/jsx/ButtonDemo.mjs.map +0 -1
  78. package/dist/jsx/ButtonDemo.native.js +0 -77
  79. package/dist/jsx/ButtonDemo.native.js.map +0 -6
  80. package/dist/jsx/CardDemo.js +0 -48
  81. package/dist/jsx/CardDemo.js.map +0 -6
  82. package/dist/jsx/CardDemo.mjs +0 -65
  83. package/dist/jsx/CardDemo.mjs.map +0 -1
  84. package/dist/jsx/CardDemo.native.js +0 -81
  85. package/dist/jsx/CardDemo.native.js.map +0 -6
  86. package/dist/jsx/CheckboxDemo.js +0 -26
  87. package/dist/jsx/CheckboxDemo.js.map +0 -6
  88. package/dist/jsx/CheckboxDemo.mjs +0 -46
  89. package/dist/jsx/CheckboxDemo.mjs.map +0 -1
  90. package/dist/jsx/CheckboxDemo.native.js +0 -52
  91. package/dist/jsx/CheckboxDemo.native.js.map +0 -6
  92. package/dist/jsx/CheckboxHeadlessDemo.js +0 -43
  93. package/dist/jsx/CheckboxHeadlessDemo.js.map +0 -6
  94. package/dist/jsx/CheckboxHeadlessDemo.mjs +0 -53
  95. package/dist/jsx/CheckboxHeadlessDemo.mjs.map +0 -1
  96. package/dist/jsx/CheckboxHeadlessDemo.native.js +0 -60
  97. package/dist/jsx/CheckboxHeadlessDemo.native.js.map +0 -6
  98. package/dist/jsx/CheckboxUnstyledDemo.js +0 -40
  99. package/dist/jsx/CheckboxUnstyledDemo.js.map +0 -6
  100. package/dist/jsx/CheckboxUnstyledDemo.mjs +0 -54
  101. package/dist/jsx/CheckboxUnstyledDemo.mjs.map +0 -1
  102. package/dist/jsx/CheckboxUnstyledDemo.native.js +0 -58
  103. package/dist/jsx/CheckboxUnstyledDemo.native.js.map +0 -6
  104. package/dist/jsx/ColorsDemo.js +0 -89
  105. package/dist/jsx/ColorsDemo.js.map +0 -6
  106. package/dist/jsx/ColorsDemo.mjs +0 -98
  107. package/dist/jsx/ColorsDemo.mjs.map +0 -1
  108. package/dist/jsx/ColorsDemo.native.js +0 -136
  109. package/dist/jsx/ColorsDemo.native.js.map +0 -6
  110. package/dist/jsx/DialogDemo.js +0 -98
  111. package/dist/jsx/DialogDemo.js.map +0 -6
  112. package/dist/jsx/DialogDemo.mjs +0 -132
  113. package/dist/jsx/DialogDemo.mjs.map +0 -1
  114. package/dist/jsx/DialogDemo.native.js +0 -166
  115. package/dist/jsx/DialogDemo.native.js.map +0 -6
  116. package/dist/jsx/FormsDemo.js +0 -35
  117. package/dist/jsx/FormsDemo.js.map +0 -6
  118. package/dist/jsx/FormsDemo.mjs +0 -36
  119. package/dist/jsx/FormsDemo.mjs.map +0 -1
  120. package/dist/jsx/FormsDemo.native.js +0 -49
  121. package/dist/jsx/FormsDemo.native.js.map +0 -6
  122. package/dist/jsx/Grid.js +0 -37
  123. package/dist/jsx/Grid.js.map +0 -6
  124. package/dist/jsx/Grid.mjs +0 -37
  125. package/dist/jsx/Grid.mjs.map +0 -1
  126. package/dist/jsx/Grid.native.js +0 -40
  127. package/dist/jsx/Grid.native.js.map +0 -6
  128. package/dist/jsx/GroupDemo.js +0 -25
  129. package/dist/jsx/GroupDemo.js.map +0 -6
  130. package/dist/jsx/GroupDemo.mjs +0 -62
  131. package/dist/jsx/GroupDemo.mjs.map +0 -1
  132. package/dist/jsx/GroupDemo.native.js +0 -81
  133. package/dist/jsx/GroupDemo.native.js.map +0 -6
  134. package/dist/jsx/HeadingsDemo.js +0 -16
  135. package/dist/jsx/HeadingsDemo.js.map +0 -6
  136. package/dist/jsx/HeadingsDemo.mjs +0 -22
  137. package/dist/jsx/HeadingsDemo.mjs.map +0 -1
  138. package/dist/jsx/HeadingsDemo.native.js +0 -32
  139. package/dist/jsx/HeadingsDemo.native.js.map +0 -6
  140. package/dist/jsx/ImageDemo.js +0 -18
  141. package/dist/jsx/ImageDemo.js.map +0 -6
  142. package/dist/jsx/ImageDemo.mjs +0 -13
  143. package/dist/jsx/ImageDemo.mjs.map +0 -1
  144. package/dist/jsx/ImageDemo.native.js +0 -15
  145. package/dist/jsx/ImageDemo.native.js.map +0 -6
  146. package/dist/jsx/InputsDemo.js +0 -31
  147. package/dist/jsx/InputsDemo.js.map +0 -6
  148. package/dist/jsx/InputsDemo.mjs +0 -37
  149. package/dist/jsx/InputsDemo.mjs.map +0 -1
  150. package/dist/jsx/InputsDemo.native.js +0 -47
  151. package/dist/jsx/InputsDemo.native.js.map +0 -6
  152. package/dist/jsx/LabelDemo.js +0 -18
  153. package/dist/jsx/LabelDemo.js.map +0 -6
  154. package/dist/jsx/LabelDemo.mjs +0 -37
  155. package/dist/jsx/LabelDemo.mjs.map +0 -1
  156. package/dist/jsx/LabelDemo.native.js +0 -48
  157. package/dist/jsx/LabelDemo.native.js.map +0 -6
  158. package/dist/jsx/LinearGradientDemo.js +0 -33
  159. package/dist/jsx/LinearGradientDemo.js.map +0 -6
  160. package/dist/jsx/LinearGradientDemo.mjs +0 -25
  161. package/dist/jsx/LinearGradientDemo.mjs.map +0 -1
  162. package/dist/jsx/LinearGradientDemo.native.js +0 -50
  163. package/dist/jsx/LinearGradientDemo.native.js.map +0 -6
  164. package/dist/jsx/ListItemDemo.js +0 -47
  165. package/dist/jsx/ListItemDemo.js.map +0 -6
  166. package/dist/jsx/ListItemDemo.mjs +0 -77
  167. package/dist/jsx/ListItemDemo.mjs.map +0 -1
  168. package/dist/jsx/ListItemDemo.native.js +0 -90
  169. package/dist/jsx/ListItemDemo.native.js.map +0 -6
  170. package/dist/jsx/LucideIconsDemo.js +0 -53
  171. package/dist/jsx/LucideIconsDemo.js.map +0 -6
  172. package/dist/jsx/LucideIconsDemo.mjs +0 -59
  173. package/dist/jsx/LucideIconsDemo.mjs.map +0 -1
  174. package/dist/jsx/LucideIconsDemo.native.js +0 -74
  175. package/dist/jsx/LucideIconsDemo.native.js.map +0 -6
  176. package/dist/jsx/NewInputsDemo.js +0 -31
  177. package/dist/jsx/NewInputsDemo.js.map +0 -6
  178. package/dist/jsx/NewInputsDemo.mjs +0 -37
  179. package/dist/jsx/NewInputsDemo.mjs.map +0 -1
  180. package/dist/jsx/NewInputsDemo.native.js +0 -47
  181. package/dist/jsx/NewInputsDemo.native.js.map +0 -6
  182. package/dist/jsx/PopoverDemo.js +0 -113
  183. package/dist/jsx/PopoverDemo.js.map +0 -6
  184. package/dist/jsx/PopoverDemo.mjs +0 -121
  185. package/dist/jsx/PopoverDemo.mjs.map +0 -1
  186. package/dist/jsx/PopoverDemo.native.js +0 -156
  187. package/dist/jsx/PopoverDemo.native.js.map +0 -6
  188. package/dist/jsx/ProgressDemo.js +0 -66
  189. package/dist/jsx/ProgressDemo.js.map +0 -6
  190. package/dist/jsx/ProgressDemo.mjs +0 -72
  191. package/dist/jsx/ProgressDemo.mjs.map +0 -1
  192. package/dist/jsx/ProgressDemo.native.js +0 -96
  193. package/dist/jsx/ProgressDemo.native.js.map +0 -6
  194. package/dist/jsx/RadioGroupDemo.js +0 -21
  195. package/dist/jsx/RadioGroupDemo.js.map +0 -6
  196. package/dist/jsx/RadioGroupDemo.mjs +0 -47
  197. package/dist/jsx/RadioGroupDemo.mjs.map +0 -1
  198. package/dist/jsx/RadioGroupDemo.native.js +0 -57
  199. package/dist/jsx/RadioGroupDemo.native.js.map +0 -6
  200. package/dist/jsx/RadioGroupHeadlessDemo.js +0 -102
  201. package/dist/jsx/RadioGroupHeadlessDemo.js.map +0 -6
  202. package/dist/jsx/RadioGroupHeadlessDemo.mjs +0 -134
  203. package/dist/jsx/RadioGroupHeadlessDemo.mjs.map +0 -1
  204. package/dist/jsx/RadioGroupHeadlessDemo.native.js +0 -124
  205. package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +0 -6
  206. package/dist/jsx/RadioGroupUnstyledDemo.js +0 -93
  207. package/dist/jsx/RadioGroupUnstyledDemo.js.map +0 -6
  208. package/dist/jsx/RadioGroupUnstyledDemo.mjs +0 -119
  209. package/dist/jsx/RadioGroupUnstyledDemo.mjs.map +0 -1
  210. package/dist/jsx/RadioGroupUnstyledDemo.native.js +0 -121
  211. package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +0 -6
  212. package/dist/jsx/ReplaceThemeDemo.js +0 -45
  213. package/dist/jsx/ReplaceThemeDemo.js.map +0 -6
  214. package/dist/jsx/ReplaceThemeDemo.mjs +0 -44
  215. package/dist/jsx/ReplaceThemeDemo.mjs.map +0 -1
  216. package/dist/jsx/ReplaceThemeDemo.native.js +0 -48
  217. package/dist/jsx/ReplaceThemeDemo.native.js.map +0 -6
  218. package/dist/jsx/ScrollViewDemo.js +0 -28
  219. package/dist/jsx/ScrollViewDemo.js.map +0 -6
  220. package/dist/jsx/ScrollViewDemo.mjs +0 -51
  221. package/dist/jsx/ScrollViewDemo.mjs.map +0 -1
  222. package/dist/jsx/ScrollViewDemo.native.js +0 -62
  223. package/dist/jsx/ScrollViewDemo.native.js.map +0 -6
  224. package/dist/jsx/SelectDemo.js +0 -170
  225. package/dist/jsx/SelectDemo.js.map +0 -6
  226. package/dist/jsx/SelectDemo.mjs +0 -193
  227. package/dist/jsx/SelectDemo.mjs.map +0 -1
  228. package/dist/jsx/SelectDemo.native.js +0 -285
  229. package/dist/jsx/SelectDemo.native.js.map +0 -6
  230. package/dist/jsx/SeparatorDemo.js +0 -20
  231. package/dist/jsx/SeparatorDemo.js.map +0 -6
  232. package/dist/jsx/SeparatorDemo.mjs +0 -37
  233. package/dist/jsx/SeparatorDemo.mjs.map +0 -1
  234. package/dist/jsx/SeparatorDemo.native.js +0 -51
  235. package/dist/jsx/SeparatorDemo.native.js.map +0 -6
  236. package/dist/jsx/ShapesDemo.js +0 -12
  237. package/dist/jsx/ShapesDemo.js.map +0 -6
  238. package/dist/jsx/ShapesDemo.mjs +0 -19
  239. package/dist/jsx/ShapesDemo.mjs.map +0 -1
  240. package/dist/jsx/ShapesDemo.native.js +0 -24
  241. package/dist/jsx/ShapesDemo.native.js.map +0 -6
  242. package/dist/jsx/SheetDemo.js +0 -102
  243. package/dist/jsx/SheetDemo.js.map +0 -6
  244. package/dist/jsx/SheetDemo.mjs +0 -157
  245. package/dist/jsx/SheetDemo.mjs.map +0 -1
  246. package/dist/jsx/SheetDemo.native.js +0 -226
  247. package/dist/jsx/SheetDemo.native.js.map +0 -6
  248. package/dist/jsx/SliderDemo.js +0 -19
  249. package/dist/jsx/SliderDemo.js.map +0 -6
  250. package/dist/jsx/SliderDemo.mjs +0 -35
  251. package/dist/jsx/SliderDemo.mjs.map +0 -1
  252. package/dist/jsx/SliderDemo.native.js +0 -44
  253. package/dist/jsx/SliderDemo.native.js.map +0 -6
  254. package/dist/jsx/SpinnerDemo.js +0 -12
  255. package/dist/jsx/SpinnerDemo.js.map +0 -6
  256. package/dist/jsx/SpinnerDemo.mjs +0 -18
  257. package/dist/jsx/SpinnerDemo.mjs.map +0 -1
  258. package/dist/jsx/SpinnerDemo.native.js +0 -23
  259. package/dist/jsx/SpinnerDemo.native.js.map +0 -6
  260. package/dist/jsx/StacksDemo.js +0 -78
  261. package/dist/jsx/StacksDemo.js.map +0 -6
  262. package/dist/jsx/StacksDemo.mjs +0 -81
  263. package/dist/jsx/StacksDemo.mjs.map +0 -1
  264. package/dist/jsx/StacksDemo.native.js +0 -100
  265. package/dist/jsx/StacksDemo.native.js.map +0 -6
  266. package/dist/jsx/SwitchDemo.js +0 -41
  267. package/dist/jsx/SwitchDemo.js.map +0 -6
  268. package/dist/jsx/SwitchDemo.mjs +0 -71
  269. package/dist/jsx/SwitchDemo.mjs.map +0 -1
  270. package/dist/jsx/SwitchDemo.native.js +0 -91
  271. package/dist/jsx/SwitchDemo.native.js.map +0 -6
  272. package/dist/jsx/SwitchHeadlessDemo.js +0 -67
  273. package/dist/jsx/SwitchHeadlessDemo.js.map +0 -6
  274. package/dist/jsx/SwitchHeadlessDemo.mjs +0 -67
  275. package/dist/jsx/SwitchHeadlessDemo.mjs.map +0 -1
  276. package/dist/jsx/SwitchHeadlessDemo.native.js +0 -85
  277. package/dist/jsx/SwitchHeadlessDemo.native.js.map +0 -6
  278. package/dist/jsx/SwitchUnstyledDemo.js +0 -51
  279. package/dist/jsx/SwitchUnstyledDemo.js.map +0 -6
  280. package/dist/jsx/SwitchUnstyledDemo.mjs +0 -65
  281. package/dist/jsx/SwitchUnstyledDemo.mjs.map +0 -1
  282. package/dist/jsx/SwitchUnstyledDemo.native.js +0 -69
  283. package/dist/jsx/SwitchUnstyledDemo.native.js.map +0 -6
  284. package/dist/jsx/TabsAdvancedDemo.js +0 -270
  285. package/dist/jsx/TabsAdvancedDemo.js.map +0 -6
  286. package/dist/jsx/TabsAdvancedDemo.mjs +0 -306
  287. package/dist/jsx/TabsAdvancedDemo.mjs.map +0 -1
  288. package/dist/jsx/TabsAdvancedDemo.native.js +0 -351
  289. package/dist/jsx/TabsAdvancedDemo.native.js.map +0 -6
  290. package/dist/jsx/TabsDemo.js +0 -122
  291. package/dist/jsx/TabsDemo.js.map +0 -6
  292. package/dist/jsx/TabsDemo.mjs +0 -159
  293. package/dist/jsx/TabsDemo.mjs.map +0 -1
  294. package/dist/jsx/TabsDemo.native.js +0 -192
  295. package/dist/jsx/TabsDemo.native.js.map +0 -6
  296. package/dist/jsx/TextDemo.js +0 -16
  297. package/dist/jsx/TextDemo.js.map +0 -6
  298. package/dist/jsx/TextDemo.mjs +0 -29
  299. package/dist/jsx/TextDemo.mjs.map +0 -1
  300. package/dist/jsx/TextDemo.native.js +0 -39
  301. package/dist/jsx/TextDemo.native.js.map +0 -6
  302. package/dist/jsx/ThemeBuilderDemo.js +0 -134
  303. package/dist/jsx/ThemeBuilderDemo.js.map +0 -6
  304. package/dist/jsx/ThemeBuilderDemo.mjs +0 -155
  305. package/dist/jsx/ThemeBuilderDemo.mjs.map +0 -1
  306. package/dist/jsx/ThemeBuilderDemo.native.js +0 -188
  307. package/dist/jsx/ThemeBuilderDemo.native.js.map +0 -6
  308. package/dist/jsx/ThemeInverseDemo.js +0 -41
  309. package/dist/jsx/ThemeInverseDemo.js.map +0 -6
  310. package/dist/jsx/ThemeInverseDemo.mjs +0 -46
  311. package/dist/jsx/ThemeInverseDemo.mjs.map +0 -1
  312. package/dist/jsx/ThemeInverseDemo.native.js +0 -59
  313. package/dist/jsx/ThemeInverseDemo.native.js.map +0 -6
  314. package/dist/jsx/ToastDemo.js +0 -91
  315. package/dist/jsx/ToastDemo.js.map +0 -6
  316. package/dist/jsx/ToastDemo.mjs +0 -99
  317. package/dist/jsx/ToastDemo.mjs.map +0 -1
  318. package/dist/jsx/ToastDemo.native.js +0 -119
  319. package/dist/jsx/ToastDemo.native.js.map +0 -6
  320. package/dist/jsx/ToastDuplicateDemo.js +0 -44
  321. package/dist/jsx/ToastDuplicateDemo.js.map +0 -6
  322. package/dist/jsx/ToastDuplicateDemo.mjs +0 -49
  323. package/dist/jsx/ToastDuplicateDemo.mjs.map +0 -1
  324. package/dist/jsx/ToastDuplicateDemo.native.js +0 -71
  325. package/dist/jsx/ToastDuplicateDemo.native.js.map +0 -6
  326. package/dist/jsx/ToggleGroupDemo.js +0 -56
  327. package/dist/jsx/ToggleGroupDemo.js.map +0 -6
  328. package/dist/jsx/ToggleGroupDemo.mjs +0 -81
  329. package/dist/jsx/ToggleGroupDemo.mjs.map +0 -1
  330. package/dist/jsx/ToggleGroupDemo.native.js +0 -101
  331. package/dist/jsx/ToggleGroupDemo.native.js.map +0 -6
  332. package/dist/jsx/TokensDemo.js +0 -79
  333. package/dist/jsx/TokensDemo.js.map +0 -6
  334. package/dist/jsx/TokensDemo.mjs +0 -91
  335. package/dist/jsx/TokensDemo.mjs.map +0 -1
  336. package/dist/jsx/TokensDemo.native.js +0 -123
  337. package/dist/jsx/TokensDemo.native.js.map +0 -6
  338. package/dist/jsx/TooltipDemo.js +0 -60
  339. package/dist/jsx/TooltipDemo.js.map +0 -6
  340. package/dist/jsx/TooltipDemo.mjs +0 -102
  341. package/dist/jsx/TooltipDemo.mjs.map +0 -1
  342. package/dist/jsx/TooltipDemo.native.js +0 -127
  343. package/dist/jsx/TooltipDemo.native.js.map +0 -6
  344. package/dist/jsx/UpdateThemeDemo.js +0 -50
  345. package/dist/jsx/UpdateThemeDemo.js.map +0 -6
  346. package/dist/jsx/UpdateThemeDemo.mjs +0 -47
  347. package/dist/jsx/UpdateThemeDemo.mjs.map +0 -1
  348. package/dist/jsx/UpdateThemeDemo.native.js +0 -50
  349. package/dist/jsx/UpdateThemeDemo.native.js.map +0 -6
  350. package/dist/jsx/WebNativeImageDemo.js +0 -9
  351. package/dist/jsx/WebNativeImageDemo.js.map +0 -6
  352. package/dist/jsx/WebNativeImageDemo.mjs +0 -11
  353. package/dist/jsx/WebNativeImageDemo.mjs.map +0 -1
  354. package/dist/jsx/WebNativeImageDemo.native.js +0 -13
  355. package/dist/jsx/WebNativeImageDemo.native.js.map +0 -6
  356. package/dist/jsx/index.js +0 -58
  357. package/dist/jsx/index.js.map +0 -6
  358. package/dist/jsx/index.mjs +0 -58
  359. package/dist/jsx/index.mjs.map +0 -1
  360. package/dist/jsx/index.native.js +0 -58
  361. package/dist/jsx/index.native.js.map +0 -6
  362. package/dist/jsx/tamagui.config.js +0 -10
  363. package/dist/jsx/tamagui.config.js.map +0 -6
  364. package/dist/jsx/tamagui.config.mjs +0 -7
  365. package/dist/jsx/tamagui.config.mjs.map +0 -1
  366. package/dist/jsx/tamagui.config.native.js +0 -9
  367. package/dist/jsx/tamagui.config.native.js.map +0 -6
  368. package/dist/jsx/useOnIntersecting.js +0 -48
  369. package/dist/jsx/useOnIntersecting.js.map +0 -6
  370. package/dist/jsx/useOnIntersecting.mjs +0 -42
  371. package/dist/jsx/useOnIntersecting.mjs.map +0 -1
  372. package/dist/jsx/useOnIntersecting.native.js +0 -71
  373. package/dist/jsx/useOnIntersecting.native.js.map +0 -6
@@ -1,54 +0,0 @@
1
- import { createCheckbox } from "@tamagui/checkbox";
2
- import { Stack, styled } from "@tamagui/core";
3
- import { Check } from "@tamagui/lucide-icons";
4
- import { Label, XStack, YStack } from "tamagui";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- const Frame = styled(Stack, {
7
- borderWidth: 1,
8
- borderColor: "$borderColor",
9
- borderRadius: 5,
10
- alignItems: "center",
11
- justifyContent: "center",
12
- variants: {
13
- checked: {
14
- indeterminate: {},
15
- true: {
16
- backgroundColor: "$color5"
17
- },
18
- false: {
19
- backgroundColor: "$color3"
20
- }
21
- }
22
- },
23
- defaultVariants: {
24
- checked: !1
25
- }
26
- }),
27
- Indicator = styled(Stack, {}),
28
- Checkbox = createCheckbox({
29
- Frame,
30
- Indicator
31
- });
32
- function CheckboxUnstyledDemo() {
33
- return /* @__PURE__ */jsx(YStack, {
34
- width: 200,
35
- alignItems: "center",
36
- gap: "$3",
37
- children: /* @__PURE__ */jsxs(XStack, {
38
- gap: "$3",
39
- alignItems: "center",
40
- children: [/* @__PURE__ */jsx(Checkbox, {
41
- defaultChecked: !0,
42
- id: "unstyled",
43
- children: /* @__PURE__ */jsx(Checkbox.Indicator, {
44
- children: /* @__PURE__ */jsx(Check, {})
45
- })
46
- }), /* @__PURE__ */jsx(Label, {
47
- htmlFor: "unstyled",
48
- children: "Unstyled"
49
- })]
50
- })
51
- });
52
- }
53
- export { Checkbox, CheckboxUnstyledDemo };
54
- //# sourceMappingURL=CheckboxUnstyledDemo.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["createCheckbox","Stack","styled","Check","Label","XStack","YStack","jsx","jsxs","Frame","borderWidth","borderColor","borderRadius","alignItems","justifyContent","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","Checkbox","CheckboxUnstyledDemo","width","gap","children","defaultChecked","id","htmlFor"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgCA,cAAA,QAAsB;AACtD,SAASC,KAAA,EAAOC,MAAA,QAAc;AAC9B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAmChC,SAGMC,GAAA,EAHNC,IAAA;AAjCN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,KAAA,EAAO;IAC1BS,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,UAAA,EAAY;IACZC,cAAA,EAAgB;IAChBC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,aAAA,EAAe,CAAC;QAChBC,IAAA,EAAM;UACJC,eAAA,EAAiB;QACnB;QACAC,KAAA,EAAO;UACLD,eAAA,EAAiB;QACnB;MACF;IACF;IAEAE,eAAA,EAAiB;MACfL,OAAA,EAAS;IACX;EACF,CAAC;EAEKM,SAAA,GAAYpB,MAAA,CAAOD,KAAA,EAAO,CAAC,CAAC;EAErBsB,QAAA,GAAWvB,cAAA,CAAe;IACrCS,KAAA;IACAa;EACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAjB,GAAA,CAACD,MAAA;IAAOmB,KAAA,EAAO;IAAKZ,UAAA,EAAW;IAASa,GAAA,EAAI;IAC1CC,QAAA,iBAAAnB,IAAA,CAACH,MAAA;MAAOqB,GAAA,EAAI;MAAKb,UAAA,EAAW;MAC1Bc,QAAA,kBAAApB,GAAA,CAACgB,QAAA;QAASK,cAAA,EAAc;QAACC,EAAA,EAAG;QAC1BF,QAAA,iBAAApB,GAAA,CAACgB,QAAA,CAASD,SAAA,EAAT;UACCK,QAAA,iBAAApB,GAAA,CAACJ,KAAA,IAAM;QAAA,CACT;MAAA,CACF,GACA,eAAAI,GAAA,CAACH,KAAA;QAAM0B,OAAA,EAAQ;QAAWH,QAAA;MAAA,CAAQ;IAAA,CACpC;EAAA,CACF;AAEJ","ignoreList":[]}
@@ -1,58 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { createCheckbox } from "@tamagui/checkbox";
3
- import { Stack, styled } from "@tamagui/core";
4
- import { Check } from "@tamagui/lucide-icons";
5
- import { Label, XStack, YStack } from "tamagui";
6
- var Frame = styled(Stack, {
7
- borderWidth: 1,
8
- borderColor: "$borderColor",
9
- borderRadius: 5,
10
- alignItems: "center",
11
- justifyContent: "center",
12
- variants: {
13
- checked: {
14
- indeterminate: {},
15
- true: {
16
- backgroundColor: "$color5"
17
- },
18
- false: {
19
- backgroundColor: "$color3"
20
- }
21
- }
22
- },
23
- defaultVariants: {
24
- checked: !1
25
- }
26
- }), Indicator = styled(Stack, {}), Checkbox = createCheckbox({
27
- Frame,
28
- Indicator
29
- });
30
- function CheckboxUnstyledDemo() {
31
- return /* @__PURE__ */ _jsx(YStack, {
32
- width: 200,
33
- alignItems: "center",
34
- gap: "$3",
35
- children: /* @__PURE__ */ _jsxs(XStack, {
36
- gap: "$3",
37
- alignItems: "center",
38
- children: [
39
- /* @__PURE__ */ _jsx(Checkbox, {
40
- defaultChecked: !0,
41
- id: "unstyled",
42
- children: /* @__PURE__ */ _jsx(Checkbox.Indicator, {
43
- children: /* @__PURE__ */ _jsx(Check, {})
44
- })
45
- }),
46
- /* @__PURE__ */ _jsx(Label, {
47
- htmlFor: "unstyled",
48
- children: "Unstyled"
49
- })
50
- ]
51
- })
52
- });
53
- }
54
- export {
55
- Checkbox,
56
- CheckboxUnstyledDemo
57
- };
58
- //# sourceMappingURL=CheckboxUnstyledDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/CheckboxUnstyledDemo.tsx"],
4
- "mappings": ";AAAA,SAAgCA,sBAAsB;AACtD,SAASC,OAAOC,cAAc;AAC9B,SAASC,aAAa;AACtB,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQL,OAAOD,OAAO;EAC1BO,aAAa;EACbC,aAAa;EACbC,cAAc;EACdC,YAAY;EACZC,gBAAgB;EAChBC,UAAU;IACRC,SAAS;MACPC,eAAe,CAAC;MAChBC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EAEAE,iBAAiB;IACfL,SAAS;EACX;AACF,CAAA,GAEMM,YAAYlB,OAAOD,OAAO,CAAC,CAAA,GAEpBoB,WAAWrB,eAAe;EACrCO;EACAa;AACF,CAAA;AAEO,SAASE,uBAAAA;AACd,SACE,qBAAChB,QAAAA;IAAOiB,OAAO;IAAKZ,YAAW;IAASa,KAAI;cAC1C,sBAACnB,QAAAA;MAAOmB,KAAI;MAAKb,YAAW;;QAC1B,qBAACU,UAAAA;UAASI,gBAAc;UAACC,IAAG;oBAC1B,qBAACL,SAASD,WAAS;sBACjB,qBAACjB,OAAAA,CAAAA,CAAAA;;;QAGL,qBAACC,OAAAA;UAAMuB,SAAQ;oBAAW;;;;;AAIlC;",
5
- "names": ["createCheckbox", "Stack", "styled", "Check", "Label", "XStack", "YStack", "Frame", "borderWidth", "borderColor", "borderRadius", "alignItems", "justifyContent", "variants", "checked", "indeterminate", "true", "backgroundColor", "false", "defaultVariants", "Indicator", "Checkbox", "CheckboxUnstyledDemo", "width", "gap", "defaultChecked", "id", "htmlFor"]
6
- }
@@ -1,89 +0,0 @@
1
- import {
2
- H2,
3
- Paragraph,
4
- Separator,
5
- Square,
6
- XStack,
7
- YStack,
8
- getTokens,
9
- getVariableValue
10
- } from "tamagui";
11
- import { jsx, jsxs } from "react/jsx-runtime";
12
- const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
13
- function ColorsDemo() {
14
- const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
15
- return /* @__PURE__ */ jsxs(YStack, { marginTop: "$4", space: "$8", children: [
16
- /* @__PURE__ */ jsx(ColorsRow, { title: "Light", colors: colorsLight }),
17
- /* @__PURE__ */ jsx(Separator, {}),
18
- /* @__PURE__ */ jsx(ColorsRow, { title: "Dark", colors: colorsDark })
19
- ] });
20
- }
21
- function ColorsRow({ title, colors }) {
22
- return /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, children: [
23
- /* @__PURE__ */ jsx(H2, { size: "$2", children: title }),
24
- /* @__PURE__ */ jsxs(XStack, { space: !0, alignSelf: "center", children: [
25
- /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
26
- colors.map((group, index) => /* @__PURE__ */ jsx(XStack, { gap: "$2", children: group.map((color) => /* @__PURE__ */ jsx(
27
- Square,
28
- {
29
- borderRadius: "$2",
30
- size: "$4",
31
- height: "$4",
32
- borderWidth: 1,
33
- backgroundColor: getVariableValue(color),
34
- borderColor: "$color7",
35
- $sm: {
36
- size: "$2"
37
- },
38
- $xs: {
39
- size: "$1"
40
- }
41
- },
42
- `${color.key}${index}`
43
- )) }, index)),
44
- /* @__PURE__ */ jsx(XStack, { gap: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ jsx(
45
- Paragraph,
46
- {
47
- color: "$color10",
48
- textAlign: "center",
49
- width: "$4",
50
- $sm: {
51
- width: "$2"
52
- },
53
- $xs: {
54
- width: "$1"
55
- },
56
- children: index
57
- },
58
- index
59
- )) })
60
- ] }),
61
- /* @__PURE__ */ jsx(YStack, { gap: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ jsx(
62
- Paragraph,
63
- {
64
- theme: name,
65
- color: "$color10",
66
- height: "$4",
67
- rotate: "-10deg",
68
- $sm: {
69
- height: "$2"
70
- },
71
- $xs: {
72
- height: "$1"
73
- },
74
- children: name
75
- },
76
- name
77
- )) })
78
- ] })
79
- ] });
80
- }
81
- function getColors(colors, dark = !1) {
82
- return colorGroups.map((group) => Object.keys(colors).filter(
83
- (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
84
- ).map((key) => colors[key]));
85
- }
86
- export {
87
- ColorsDemo
88
- };
89
- //# sourceMappingURL=ColorsDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ColorsDemo.tsx"],
4
- "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASH,SACE,KADF;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,wBAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,qBAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,OAAK,IAAC,WAAU,UACtB;AAAA,2BAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,oBAAC,UAAO,KAAI,MACT,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAiB,iBAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBmB,KAoBtB,CAEH;AAAA,QAED,oBAAC,UAAO,KAAI,MAAK,WAAU,UACxB,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,KAAI,MAAK,WAAU,MACxB,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
5
- "names": []
6
- }
@@ -1,98 +0,0 @@
1
- import { H2, Paragraph, Separator, Square, XStack, YStack, getTokens, getVariableValue } from "tamagui";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
4
- function ColorsDemo() {
5
- const colors = getTokens({
6
- prefixed: !1
7
- }).color,
8
- [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
9
- return /* @__PURE__ */jsxs(YStack, {
10
- marginTop: "$4",
11
- space: "$8",
12
- children: [/* @__PURE__ */jsx(ColorsRow, {
13
- title: "Light",
14
- colors: colorsLight
15
- }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(ColorsRow, {
16
- title: "Dark",
17
- colors: colorsDark
18
- })]
19
- });
20
- }
21
- function ColorsRow({
22
- title,
23
- colors
24
- }) {
25
- return /* @__PURE__ */jsxs(YStack, {
26
- space: !0,
27
- $sm: {
28
- space: "$2"
29
- },
30
- children: [/* @__PURE__ */jsx(H2, {
31
- size: "$2",
32
- children: title
33
- }), /* @__PURE__ */jsxs(XStack, {
34
- space: !0,
35
- alignSelf: "center",
36
- children: [/* @__PURE__ */jsxs(YStack, {
37
- space: !0,
38
- $sm: {
39
- space: "$2"
40
- },
41
- alignSelf: "center",
42
- children: [colors.map((group, index) => /* @__PURE__ */jsx(XStack, {
43
- gap: "$2",
44
- children: group.map(color => /* @__PURE__ */jsx(Square, {
45
- borderRadius: "$2",
46
- size: "$4",
47
- height: "$4",
48
- borderWidth: 1,
49
- backgroundColor: getVariableValue(color),
50
- borderColor: "$color7",
51
- $sm: {
52
- size: "$2"
53
- },
54
- $xs: {
55
- size: "$1"
56
- }
57
- }, `${color.key}${index}`))
58
- }, index)), /* @__PURE__ */jsx(XStack, {
59
- gap: "$2",
60
- alignSelf: "center",
61
- children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */jsx(Paragraph, {
62
- color: "$color10",
63
- textAlign: "center",
64
- width: "$4",
65
- $sm: {
66
- width: "$2"
67
- },
68
- $xs: {
69
- width: "$1"
70
- },
71
- children: index
72
- }, index))
73
- })]
74
- }), /* @__PURE__ */jsx(YStack, {
75
- gap: "$4",
76
- marginTop: "$2",
77
- children: colorGroups.map(name => /* @__PURE__ */jsx(Paragraph, {
78
- theme: name,
79
- color: "$color10",
80
- height: "$4",
81
- rotate: "-10deg",
82
- $sm: {
83
- height: "$2"
84
- },
85
- $xs: {
86
- height: "$1"
87
- },
88
- children: name
89
- }, name))
90
- })]
91
- })]
92
- });
93
- }
94
- function getColors(colors, dark = !1) {
95
- return colorGroups.map(group => Object.keys(colors).filter(color => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))).map(key => colors[key]));
96
- }
97
- export { ColorsDemo };
98
- //# sourceMappingURL=ColorsDemo.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["H2","Paragraph","Separator","Square","XStack","YStack","getTokens","getVariableValue","jsx","jsxs","colorGroups","ColorsDemo","colors","prefixed","color","colorsLight","colorsDark","getColors","marginTop","space","children","ColorsRow","title","$sm","size","alignSelf","map","group","index","gap","borderRadius","height","borderWidth","backgroundColor","borderColor","$xs","key","Array","fill","slice","_","textAlign","width","name","theme","rotate","dark","Object","keys","filter","startsWith","endsWith"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,136 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { H2, Paragraph, Separator, Square, XStack, YStack, getTokens, getVariableValue } from "tamagui";
3
- var colorGroups = [
4
- "orange",
5
- "yellow",
6
- "green",
7
- "blue",
8
- "purple",
9
- "pink",
10
- "red"
11
- ];
12
- function ColorsDemo() {
13
- var colors = getTokens({
14
- prefixed: !1
15
- }).color, [colorsLight, colorsDark] = [
16
- getColors(colors),
17
- getColors(colors, !0)
18
- ];
19
- return /* @__PURE__ */ _jsxs(YStack, {
20
- marginTop: "$4",
21
- space: "$8",
22
- children: [
23
- /* @__PURE__ */ _jsx(ColorsRow, {
24
- title: "Light",
25
- colors: colorsLight
26
- }),
27
- /* @__PURE__ */ _jsx(Separator, {}),
28
- /* @__PURE__ */ _jsx(ColorsRow, {
29
- title: "Dark",
30
- colors: colorsDark
31
- })
32
- ]
33
- });
34
- }
35
- function ColorsRow(param) {
36
- var { title, colors } = param;
37
- return /* @__PURE__ */ _jsxs(YStack, {
38
- space: !0,
39
- $sm: {
40
- space: "$2"
41
- },
42
- children: [
43
- /* @__PURE__ */ _jsx(H2, {
44
- size: "$2",
45
- children: title
46
- }),
47
- /* @__PURE__ */ _jsxs(XStack, {
48
- space: !0,
49
- alignSelf: "center",
50
- children: [
51
- /* @__PURE__ */ _jsxs(YStack, {
52
- space: !0,
53
- $sm: {
54
- space: "$2"
55
- },
56
- alignSelf: "center",
57
- children: [
58
- colors.map(function(group, index) {
59
- return /* @__PURE__ */ _jsx(XStack, {
60
- gap: "$2",
61
- children: group.map(function(color) {
62
- return /* @__PURE__ */ _jsx(Square, {
63
- borderRadius: "$2",
64
- size: "$4",
65
- height: "$4",
66
- borderWidth: 1,
67
- backgroundColor: getVariableValue(color),
68
- borderColor: "$color7",
69
- $sm: {
70
- size: "$2"
71
- },
72
- $xs: {
73
- size: "$1"
74
- }
75
- }, `${color.key}${index}`);
76
- })
77
- }, index);
78
- }),
79
- /* @__PURE__ */ _jsx(XStack, {
80
- gap: "$2",
81
- alignSelf: "center",
82
- children: new Array(13).fill(0).slice(1).map(function(_, index) {
83
- return /* @__PURE__ */ _jsx(Paragraph, {
84
- color: "$color10",
85
- textAlign: "center",
86
- width: "$4",
87
- $sm: {
88
- width: "$2"
89
- },
90
- $xs: {
91
- width: "$1"
92
- },
93
- children: index
94
- }, index);
95
- })
96
- })
97
- ]
98
- }),
99
- /* @__PURE__ */ _jsx(YStack, {
100
- gap: "$4",
101
- marginTop: "$2",
102
- children: colorGroups.map(function(name) {
103
- return /* @__PURE__ */ _jsx(Paragraph, {
104
- theme: name,
105
- color: "$color10",
106
- height: "$4",
107
- rotate: "-10deg",
108
- $sm: {
109
- height: "$2"
110
- },
111
- $xs: {
112
- height: "$1"
113
- },
114
- children: name
115
- }, name);
116
- })
117
- })
118
- ]
119
- })
120
- ]
121
- });
122
- }
123
- function getColors(colors) {
124
- var dark = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
125
- return colorGroups.map(function(group) {
126
- return Object.keys(colors).filter(function(color) {
127
- return color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"));
128
- }).map(function(key) {
129
- return colors[key];
130
- });
131
- });
132
- }
133
- export {
134
- ColorsDemo
135
- };
136
- //# sourceMappingURL=ColorsDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/ColorsDemo.tsx"],
4
- "mappings": ";AACA,SACEA,IACAC,WACAC,WACAC,QACAC,QACAC,QACAC,WACAC,wBACK;AAEP,IAAMC,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,SAASJ,UAAU;IAAEK,UAAU;EAAM,CAAA,EAAGC,OACxC,CAACC,aAAaC,UAAAA,IAAc;IAACC,UAAUL,MAAAA;IAASK,UAAUL,QAAQ,EAAA;;AAExE,SACE,sBAACL,QAAAA;IAAOW,WAAU;IAAKC,OAAM;;MAC3B,qBAACC,WAAAA;QAAUC,OAAM;QAAQT,QAAQG;;MACjC,qBAACX,WAAAA,CAAAA,CAAAA;MACD,qBAACgB,WAAAA;QAAUC,OAAM;QAAOT,QAAQI;;;;AAGtC;AAEA,SAASI,UAAU,OAA0D;MAA1D,EAAEC,OAAOT,OAAM,IAAf;AACjB,SACE,sBAACL,QAAAA;IAAOY,OAAK;IAACG,KAAK;MAAEH,OAAO;IAAK;;MAC/B,qBAACjB,IAAAA;QAAGqB,MAAK;kBAAMF;;MAEf,sBAACf,QAAAA;QAAOa,OAAK;QAACK,WAAU;;UACtB,sBAACjB,QAAAA;YAAOY,OAAK;YAACG,KAAK;cAAEH,OAAO;YAAK;YAAGK,WAAU;;cAC3CZ,OAAOa,IAAI,SAACC,OAAOC,OAAAA;AAClB,uBACE,qBAACrB,QAAAA;kBAAOsB,KAAI;4BACTF,MAAMD,IAAI,SAACX,OAAAA;AACV,2BACE,qBAACT,QAAAA;sBAECwB,cAAa;sBACbN,MAAK;sBACLO,QAAO;sBACPC,aAAa;sBACbC,iBAAiBvB,iBAAiBK,KAAAA;sBAClCmB,aAAY;sBACZX,KAAK;wBACHC,MAAM;sBACR;sBACAW,KAAK;wBACHX,MAAM;sBACR;uBAZK,GAAGT,MAAMqB,GAAG,GAAGR,KAAAA,EAAO;kBAejC,CAAA;mBAnBoBA,KAAAA;cAsB1B,CAAA;cAEA,qBAACrB,QAAAA;gBAAOsB,KAAI;gBAAKJ,WAAU;0BACxB,IAAIY,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNb,IAAI,SAACc,GAAGZ,OAAAA;AACP,yBACE,qBAACxB,WAAAA;oBACCW,OAAM;oBACN0B,WAAU;oBACVC,OAAM;oBACNnB,KAAK;sBACHmB,OAAO;oBACT;oBACAP,KAAK;sBACHO,OAAO;oBACT;8BAGCd;qBAFIA,KAAAA;gBAKX,CAAA;;;;UAIN,qBAACpB,QAAAA;YAAOqB,KAAI;YAAKV,WAAU;sBACxBR,YAAYe,IAAI,SAACiB,MAAAA;qBAChB,qBAACvC,WAAAA;gBACCwC,OAAOD;gBACP5B,OAAM;gBACNgB,QAAO;gBACPc,QAAO;gBACPtB,KAAK;kBACHQ,QAAQ;gBACV;gBACAI,KAAK;kBACHJ,QAAQ;gBACV;0BAGCY;iBAFIA,IAAAA;;;;;;;AASnB;AAEA,SAASzB,UAAUL,QAAgC;MAAEiC,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAOnC,YAAYe,IAAI,SAACC,OAAAA;AACtB,WAAOoB,OAAOC,KAAKnC,MAAAA,EAChBoC,OACC,SAAClC,OAAAA;aACCA,MAAMmC,WAAWvB,KAAAA,MAChBmB,OAAO/B,MAAMoC,SAAS,MAAA,IAAU,CAACpC,MAAMoC,SAAS,MAAA;OAEpDzB,IAAI,SAACU,KAAAA;aAAQvB,OAAOuB,GAAAA;;EACzB,CAAA;AACF;",
5
- "names": ["H2", "Paragraph", "Separator", "Square", "XStack", "YStack", "getTokens", "getVariableValue", "colorGroups", "ColorsDemo", "colors", "prefixed", "color", "colorsLight", "colorsDark", "getColors", "marginTop", "space", "ColorsRow", "title", "$sm", "size", "alignSelf", "map", "group", "index", "gap", "borderRadius", "height", "borderWidth", "backgroundColor", "borderColor", "$xs", "key", "Array", "fill", "slice", "_", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
6
- }
@@ -1,98 +0,0 @@
1
- import { X } from "@tamagui/lucide-icons";
2
- import {
3
- Adapt,
4
- Button,
5
- Dialog,
6
- Fieldset,
7
- Input,
8
- Label,
9
- Paragraph,
10
- Sheet,
11
- TooltipSimple,
12
- Unspaced,
13
- XStack
14
- } from "tamagui";
15
- import { SelectDemoItem } from "./SelectDemo";
16
- import { jsx, jsxs } from "react/jsx-runtime";
17
- function DialogDemo() {
18
- return /* @__PURE__ */ jsx(DialogInstance, {});
19
- }
20
- function DialogInstance() {
21
- return /* @__PURE__ */ jsxs(Dialog, { modal: !0, children: [
22
- /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Show Dialog" }) }),
23
- /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
24
- /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
25
- /* @__PURE__ */ jsx(
26
- Sheet.Overlay,
27
- {
28
- animation: "lazy",
29
- enterStyle: { opacity: 0 },
30
- exitStyle: { opacity: 0 }
31
- }
32
- )
33
- ] }) }),
34
- /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
35
- /* @__PURE__ */ jsx(
36
- Dialog.Overlay,
37
- {
38
- animation: "slow",
39
- opacity: 0.5,
40
- enterStyle: { opacity: 0 },
41
- exitStyle: { opacity: 0 }
42
- },
43
- "overlay"
44
- ),
45
- /* @__PURE__ */ jsxs(
46
- Dialog.Content,
47
- {
48
- bordered: !0,
49
- elevate: !0,
50
- animateOnly: ["transform", "opacity"],
51
- animation: [
52
- "quicker",
53
- {
54
- opacity: {
55
- overshootClamping: !0
56
- }
57
- }
58
- ],
59
- enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
60
- exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
61
- gap: "$4",
62
- children: [
63
- /* @__PURE__ */ jsx(Dialog.Title, { children: "Edit profile" }),
64
- /* @__PURE__ */ jsx(Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
65
- /* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
66
- /* @__PURE__ */ jsx(Label, { width: 130, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
67
- /* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
68
- ] }),
69
- /* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
70
- /* @__PURE__ */ jsx(Label, { width: 130, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ jsx(TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ jsx(Paragraph, { children: "Food" }) }) }),
71
- /* @__PURE__ */ jsx(SelectDemoItem, {})
72
- ] }),
73
- /* @__PURE__ */ jsxs(XStack, { alignSelf: "flex-end", gap: "$4", children: [
74
- /* @__PURE__ */ jsx(DialogInstance, {}),
75
- /* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "active", "aria-label": "Close", children: "Save changes" }) })
76
- ] }),
77
- /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
78
- Button,
79
- {
80
- position: "absolute",
81
- top: "$3",
82
- right: "$3",
83
- size: "$2",
84
- circular: !0,
85
- icon: X
86
- }
87
- ) }) })
88
- ]
89
- },
90
- "content"
91
- )
92
- ] })
93
- ] });
94
- }
95
- export {
96
- DialogDemo
97
- };
98
- //# sourceMappingURL=DialogDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/DialogDemo.tsx"],
4
- "mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAGtB,cAWD,YAXC;AADF,SAAS,aAAa;AAC3B,SAAO,oBAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,IACrB,8BAAC,UAAO,yBAAW,GACrB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,8BAAC,iBAAc,OAAM,sBAAqB,WAAU,gBAClD,8BAAC,aAAU,kBAAI,GACjB,GACF;AAAA,cACA,oBAAC,kBAAe;AAAA,eAClB;AAAA,YAEA,qBAAC,UAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,kCAAC,kBAAe;AAAA,cAEhB,oBAAC,OAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,8BAAC,UAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
5
- "names": []
6
- }