@tamagui/demos 1.123.0 → 1.123.1

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 (361) hide show
  1. package/package.json +19 -20
  2. package/dist/jsx/AccordionDemo.js +0 -29
  3. package/dist/jsx/AccordionDemo.js.map +0 -6
  4. package/dist/jsx/AccordionDemo.mjs +0 -73
  5. package/dist/jsx/AccordionDemo.mjs.map +0 -1
  6. package/dist/jsx/AccordionDemo.native.js +0 -92
  7. package/dist/jsx/AccordionDemo.native.js.map +0 -6
  8. package/dist/jsx/AddThemeDemo.js +0 -35
  9. package/dist/jsx/AddThemeDemo.js.map +0 -6
  10. package/dist/jsx/AddThemeDemo.mjs +0 -36
  11. package/dist/jsx/AddThemeDemo.mjs.map +0 -1
  12. package/dist/jsx/AddThemeDemo.native.js +0 -45
  13. package/dist/jsx/AddThemeDemo.native.js.map +0 -6
  14. package/dist/jsx/AlertDialogDemo.js +0 -53
  15. package/dist/jsx/AlertDialogDemo.js.map +0 -6
  16. package/dist/jsx/AlertDialogDemo.mjs +0 -73
  17. package/dist/jsx/AlertDialogDemo.mjs.map +0 -1
  18. package/dist/jsx/AlertDialogDemo.native.js +0 -91
  19. package/dist/jsx/AlertDialogDemo.native.js.map +0 -6
  20. package/dist/jsx/AnimationsDemo.js +0 -86
  21. package/dist/jsx/AnimationsDemo.js.map +0 -6
  22. package/dist/jsx/AnimationsDemo.mjs +0 -76
  23. package/dist/jsx/AnimationsDemo.mjs.map +0 -1
  24. package/dist/jsx/AnimationsDemo.native.js +0 -88
  25. package/dist/jsx/AnimationsDemo.native.js.map +0 -6
  26. package/dist/jsx/AnimationsEnterDemo.js +0 -35
  27. package/dist/jsx/AnimationsEnterDemo.js.map +0 -6
  28. package/dist/jsx/AnimationsEnterDemo.mjs +0 -40
  29. package/dist/jsx/AnimationsEnterDemo.mjs.map +0 -1
  30. package/dist/jsx/AnimationsEnterDemo.native.js +0 -52
  31. package/dist/jsx/AnimationsEnterDemo.native.js.map +0 -6
  32. package/dist/jsx/AnimationsHoverDemo.js +0 -27
  33. package/dist/jsx/AnimationsHoverDemo.js.map +0 -6
  34. package/dist/jsx/AnimationsHoverDemo.mjs +0 -24
  35. package/dist/jsx/AnimationsHoverDemo.mjs.map +0 -1
  36. package/dist/jsx/AnimationsHoverDemo.native.js +0 -26
  37. package/dist/jsx/AnimationsHoverDemo.native.js.map +0 -6
  38. package/dist/jsx/AnimationsPresenceDemo.js +0 -85
  39. package/dist/jsx/AnimationsPresenceDemo.js.map +0 -6
  40. package/dist/jsx/AnimationsPresenceDemo.mjs +0 -89
  41. package/dist/jsx/AnimationsPresenceDemo.mjs.map +0 -1
  42. package/dist/jsx/AnimationsPresenceDemo.native.js +0 -110
  43. package/dist/jsx/AnimationsPresenceDemo.native.js.map +0 -6
  44. package/dist/jsx/AnimationsTimingDemo.js +0 -26
  45. package/dist/jsx/AnimationsTimingDemo.js.map +0 -6
  46. package/dist/jsx/AnimationsTimingDemo.mjs +0 -23
  47. package/dist/jsx/AnimationsTimingDemo.mjs.map +0 -1
  48. package/dist/jsx/AnimationsTimingDemo.native.js +0 -25
  49. package/dist/jsx/AnimationsTimingDemo.native.js.map +0 -6
  50. package/dist/jsx/AvatarDemo.js +0 -30
  51. package/dist/jsx/AvatarDemo.js.map +0 -6
  52. package/dist/jsx/AvatarDemo.mjs +0 -30
  53. package/dist/jsx/AvatarDemo.mjs.map +0 -1
  54. package/dist/jsx/AvatarDemo.native.js +0 -42
  55. package/dist/jsx/AvatarDemo.native.js.map +0 -6
  56. package/dist/jsx/BuildAButtonDemo.js +0 -43
  57. package/dist/jsx/BuildAButtonDemo.js.map +0 -6
  58. package/dist/jsx/BuildAButtonDemo.mjs +0 -102
  59. package/dist/jsx/BuildAButtonDemo.mjs.map +0 -1
  60. package/dist/jsx/BuildAButtonDemo.native.js +0 -123
  61. package/dist/jsx/BuildAButtonDemo.native.js.map +0 -6
  62. package/dist/jsx/ButtonDemo.js +0 -25
  63. package/dist/jsx/ButtonDemo.js.map +0 -6
  64. package/dist/jsx/ButtonDemo.mjs +0 -60
  65. package/dist/jsx/ButtonDemo.mjs.map +0 -1
  66. package/dist/jsx/ButtonDemo.native.js +0 -77
  67. package/dist/jsx/ButtonDemo.native.js.map +0 -6
  68. package/dist/jsx/CardDemo.js +0 -48
  69. package/dist/jsx/CardDemo.js.map +0 -6
  70. package/dist/jsx/CardDemo.mjs +0 -65
  71. package/dist/jsx/CardDemo.mjs.map +0 -1
  72. package/dist/jsx/CardDemo.native.js +0 -81
  73. package/dist/jsx/CardDemo.native.js.map +0 -6
  74. package/dist/jsx/CheckboxDemo.js +0 -26
  75. package/dist/jsx/CheckboxDemo.js.map +0 -6
  76. package/dist/jsx/CheckboxDemo.mjs +0 -46
  77. package/dist/jsx/CheckboxDemo.mjs.map +0 -1
  78. package/dist/jsx/CheckboxDemo.native.js +0 -52
  79. package/dist/jsx/CheckboxDemo.native.js.map +0 -6
  80. package/dist/jsx/CheckboxHeadlessDemo.js +0 -43
  81. package/dist/jsx/CheckboxHeadlessDemo.js.map +0 -6
  82. package/dist/jsx/CheckboxHeadlessDemo.mjs +0 -53
  83. package/dist/jsx/CheckboxHeadlessDemo.mjs.map +0 -1
  84. package/dist/jsx/CheckboxHeadlessDemo.native.js +0 -60
  85. package/dist/jsx/CheckboxHeadlessDemo.native.js.map +0 -6
  86. package/dist/jsx/CheckboxUnstyledDemo.js +0 -40
  87. package/dist/jsx/CheckboxUnstyledDemo.js.map +0 -6
  88. package/dist/jsx/CheckboxUnstyledDemo.mjs +0 -54
  89. package/dist/jsx/CheckboxUnstyledDemo.mjs.map +0 -1
  90. package/dist/jsx/CheckboxUnstyledDemo.native.js +0 -58
  91. package/dist/jsx/CheckboxUnstyledDemo.native.js.map +0 -6
  92. package/dist/jsx/ColorsDemo.js +0 -89
  93. package/dist/jsx/ColorsDemo.js.map +0 -6
  94. package/dist/jsx/ColorsDemo.mjs +0 -98
  95. package/dist/jsx/ColorsDemo.mjs.map +0 -1
  96. package/dist/jsx/ColorsDemo.native.js +0 -136
  97. package/dist/jsx/ColorsDemo.native.js.map +0 -6
  98. package/dist/jsx/DialogDemo.js +0 -98
  99. package/dist/jsx/DialogDemo.js.map +0 -6
  100. package/dist/jsx/DialogDemo.mjs +0 -132
  101. package/dist/jsx/DialogDemo.mjs.map +0 -1
  102. package/dist/jsx/DialogDemo.native.js +0 -166
  103. package/dist/jsx/DialogDemo.native.js.map +0 -6
  104. package/dist/jsx/FormsDemo.js +0 -35
  105. package/dist/jsx/FormsDemo.js.map +0 -6
  106. package/dist/jsx/FormsDemo.mjs +0 -36
  107. package/dist/jsx/FormsDemo.mjs.map +0 -1
  108. package/dist/jsx/FormsDemo.native.js +0 -49
  109. package/dist/jsx/FormsDemo.native.js.map +0 -6
  110. package/dist/jsx/Grid.js +0 -37
  111. package/dist/jsx/Grid.js.map +0 -6
  112. package/dist/jsx/Grid.mjs +0 -37
  113. package/dist/jsx/Grid.mjs.map +0 -1
  114. package/dist/jsx/Grid.native.js +0 -40
  115. package/dist/jsx/Grid.native.js.map +0 -6
  116. package/dist/jsx/GroupDemo.js +0 -25
  117. package/dist/jsx/GroupDemo.js.map +0 -6
  118. package/dist/jsx/GroupDemo.mjs +0 -62
  119. package/dist/jsx/GroupDemo.mjs.map +0 -1
  120. package/dist/jsx/GroupDemo.native.js +0 -81
  121. package/dist/jsx/GroupDemo.native.js.map +0 -6
  122. package/dist/jsx/HeadingsDemo.js +0 -16
  123. package/dist/jsx/HeadingsDemo.js.map +0 -6
  124. package/dist/jsx/HeadingsDemo.mjs +0 -22
  125. package/dist/jsx/HeadingsDemo.mjs.map +0 -1
  126. package/dist/jsx/HeadingsDemo.native.js +0 -32
  127. package/dist/jsx/HeadingsDemo.native.js.map +0 -6
  128. package/dist/jsx/ImageDemo.js +0 -18
  129. package/dist/jsx/ImageDemo.js.map +0 -6
  130. package/dist/jsx/ImageDemo.mjs +0 -13
  131. package/dist/jsx/ImageDemo.mjs.map +0 -1
  132. package/dist/jsx/ImageDemo.native.js +0 -15
  133. package/dist/jsx/ImageDemo.native.js.map +0 -6
  134. package/dist/jsx/InputsDemo.js +0 -31
  135. package/dist/jsx/InputsDemo.js.map +0 -6
  136. package/dist/jsx/InputsDemo.mjs +0 -37
  137. package/dist/jsx/InputsDemo.mjs.map +0 -1
  138. package/dist/jsx/InputsDemo.native.js +0 -47
  139. package/dist/jsx/InputsDemo.native.js.map +0 -6
  140. package/dist/jsx/LabelDemo.js +0 -18
  141. package/dist/jsx/LabelDemo.js.map +0 -6
  142. package/dist/jsx/LabelDemo.mjs +0 -37
  143. package/dist/jsx/LabelDemo.mjs.map +0 -1
  144. package/dist/jsx/LabelDemo.native.js +0 -48
  145. package/dist/jsx/LabelDemo.native.js.map +0 -6
  146. package/dist/jsx/LinearGradientDemo.js +0 -33
  147. package/dist/jsx/LinearGradientDemo.js.map +0 -6
  148. package/dist/jsx/LinearGradientDemo.mjs +0 -25
  149. package/dist/jsx/LinearGradientDemo.mjs.map +0 -1
  150. package/dist/jsx/LinearGradientDemo.native.js +0 -50
  151. package/dist/jsx/LinearGradientDemo.native.js.map +0 -6
  152. package/dist/jsx/ListItemDemo.js +0 -47
  153. package/dist/jsx/ListItemDemo.js.map +0 -6
  154. package/dist/jsx/ListItemDemo.mjs +0 -77
  155. package/dist/jsx/ListItemDemo.mjs.map +0 -1
  156. package/dist/jsx/ListItemDemo.native.js +0 -90
  157. package/dist/jsx/ListItemDemo.native.js.map +0 -6
  158. package/dist/jsx/LucideIconsDemo.js +0 -53
  159. package/dist/jsx/LucideIconsDemo.js.map +0 -6
  160. package/dist/jsx/LucideIconsDemo.mjs +0 -59
  161. package/dist/jsx/LucideIconsDemo.mjs.map +0 -1
  162. package/dist/jsx/LucideIconsDemo.native.js +0 -74
  163. package/dist/jsx/LucideIconsDemo.native.js.map +0 -6
  164. package/dist/jsx/NewInputsDemo.js +0 -31
  165. package/dist/jsx/NewInputsDemo.js.map +0 -6
  166. package/dist/jsx/NewInputsDemo.mjs +0 -37
  167. package/dist/jsx/NewInputsDemo.mjs.map +0 -1
  168. package/dist/jsx/NewInputsDemo.native.js +0 -47
  169. package/dist/jsx/NewInputsDemo.native.js.map +0 -6
  170. package/dist/jsx/PopoverDemo.js +0 -113
  171. package/dist/jsx/PopoverDemo.js.map +0 -6
  172. package/dist/jsx/PopoverDemo.mjs +0 -121
  173. package/dist/jsx/PopoverDemo.mjs.map +0 -1
  174. package/dist/jsx/PopoverDemo.native.js +0 -156
  175. package/dist/jsx/PopoverDemo.native.js.map +0 -6
  176. package/dist/jsx/ProgressDemo.js +0 -66
  177. package/dist/jsx/ProgressDemo.js.map +0 -6
  178. package/dist/jsx/ProgressDemo.mjs +0 -72
  179. package/dist/jsx/ProgressDemo.mjs.map +0 -1
  180. package/dist/jsx/ProgressDemo.native.js +0 -96
  181. package/dist/jsx/ProgressDemo.native.js.map +0 -6
  182. package/dist/jsx/RadioGroupDemo.js +0 -21
  183. package/dist/jsx/RadioGroupDemo.js.map +0 -6
  184. package/dist/jsx/RadioGroupDemo.mjs +0 -47
  185. package/dist/jsx/RadioGroupDemo.mjs.map +0 -1
  186. package/dist/jsx/RadioGroupDemo.native.js +0 -57
  187. package/dist/jsx/RadioGroupDemo.native.js.map +0 -6
  188. package/dist/jsx/RadioGroupHeadlessDemo.js +0 -102
  189. package/dist/jsx/RadioGroupHeadlessDemo.js.map +0 -6
  190. package/dist/jsx/RadioGroupHeadlessDemo.mjs +0 -134
  191. package/dist/jsx/RadioGroupHeadlessDemo.mjs.map +0 -1
  192. package/dist/jsx/RadioGroupHeadlessDemo.native.js +0 -124
  193. package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +0 -6
  194. package/dist/jsx/RadioGroupUnstyledDemo.js +0 -93
  195. package/dist/jsx/RadioGroupUnstyledDemo.js.map +0 -6
  196. package/dist/jsx/RadioGroupUnstyledDemo.mjs +0 -119
  197. package/dist/jsx/RadioGroupUnstyledDemo.mjs.map +0 -1
  198. package/dist/jsx/RadioGroupUnstyledDemo.native.js +0 -121
  199. package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +0 -6
  200. package/dist/jsx/ReplaceThemeDemo.js +0 -45
  201. package/dist/jsx/ReplaceThemeDemo.js.map +0 -6
  202. package/dist/jsx/ReplaceThemeDemo.mjs +0 -44
  203. package/dist/jsx/ReplaceThemeDemo.mjs.map +0 -1
  204. package/dist/jsx/ReplaceThemeDemo.native.js +0 -48
  205. package/dist/jsx/ReplaceThemeDemo.native.js.map +0 -6
  206. package/dist/jsx/ScrollViewDemo.js +0 -28
  207. package/dist/jsx/ScrollViewDemo.js.map +0 -6
  208. package/dist/jsx/ScrollViewDemo.mjs +0 -51
  209. package/dist/jsx/ScrollViewDemo.mjs.map +0 -1
  210. package/dist/jsx/ScrollViewDemo.native.js +0 -62
  211. package/dist/jsx/ScrollViewDemo.native.js.map +0 -6
  212. package/dist/jsx/SelectDemo.js +0 -170
  213. package/dist/jsx/SelectDemo.js.map +0 -6
  214. package/dist/jsx/SelectDemo.mjs +0 -193
  215. package/dist/jsx/SelectDemo.mjs.map +0 -1
  216. package/dist/jsx/SelectDemo.native.js +0 -285
  217. package/dist/jsx/SelectDemo.native.js.map +0 -6
  218. package/dist/jsx/SeparatorDemo.js +0 -20
  219. package/dist/jsx/SeparatorDemo.js.map +0 -6
  220. package/dist/jsx/SeparatorDemo.mjs +0 -37
  221. package/dist/jsx/SeparatorDemo.mjs.map +0 -1
  222. package/dist/jsx/SeparatorDemo.native.js +0 -51
  223. package/dist/jsx/SeparatorDemo.native.js.map +0 -6
  224. package/dist/jsx/ShapesDemo.js +0 -12
  225. package/dist/jsx/ShapesDemo.js.map +0 -6
  226. package/dist/jsx/ShapesDemo.mjs +0 -19
  227. package/dist/jsx/ShapesDemo.mjs.map +0 -1
  228. package/dist/jsx/ShapesDemo.native.js +0 -24
  229. package/dist/jsx/ShapesDemo.native.js.map +0 -6
  230. package/dist/jsx/SheetDemo.js +0 -102
  231. package/dist/jsx/SheetDemo.js.map +0 -6
  232. package/dist/jsx/SheetDemo.mjs +0 -157
  233. package/dist/jsx/SheetDemo.mjs.map +0 -1
  234. package/dist/jsx/SheetDemo.native.js +0 -226
  235. package/dist/jsx/SheetDemo.native.js.map +0 -6
  236. package/dist/jsx/SliderDemo.js +0 -19
  237. package/dist/jsx/SliderDemo.js.map +0 -6
  238. package/dist/jsx/SliderDemo.mjs +0 -35
  239. package/dist/jsx/SliderDemo.mjs.map +0 -1
  240. package/dist/jsx/SliderDemo.native.js +0 -44
  241. package/dist/jsx/SliderDemo.native.js.map +0 -6
  242. package/dist/jsx/SpinnerDemo.js +0 -12
  243. package/dist/jsx/SpinnerDemo.js.map +0 -6
  244. package/dist/jsx/SpinnerDemo.mjs +0 -18
  245. package/dist/jsx/SpinnerDemo.mjs.map +0 -1
  246. package/dist/jsx/SpinnerDemo.native.js +0 -23
  247. package/dist/jsx/SpinnerDemo.native.js.map +0 -6
  248. package/dist/jsx/StacksDemo.js +0 -78
  249. package/dist/jsx/StacksDemo.js.map +0 -6
  250. package/dist/jsx/StacksDemo.mjs +0 -81
  251. package/dist/jsx/StacksDemo.mjs.map +0 -1
  252. package/dist/jsx/StacksDemo.native.js +0 -100
  253. package/dist/jsx/StacksDemo.native.js.map +0 -6
  254. package/dist/jsx/SwitchDemo.js +0 -41
  255. package/dist/jsx/SwitchDemo.js.map +0 -6
  256. package/dist/jsx/SwitchDemo.mjs +0 -71
  257. package/dist/jsx/SwitchDemo.mjs.map +0 -1
  258. package/dist/jsx/SwitchDemo.native.js +0 -91
  259. package/dist/jsx/SwitchDemo.native.js.map +0 -6
  260. package/dist/jsx/SwitchHeadlessDemo.js +0 -67
  261. package/dist/jsx/SwitchHeadlessDemo.js.map +0 -6
  262. package/dist/jsx/SwitchHeadlessDemo.mjs +0 -67
  263. package/dist/jsx/SwitchHeadlessDemo.mjs.map +0 -1
  264. package/dist/jsx/SwitchHeadlessDemo.native.js +0 -85
  265. package/dist/jsx/SwitchHeadlessDemo.native.js.map +0 -6
  266. package/dist/jsx/SwitchUnstyledDemo.js +0 -51
  267. package/dist/jsx/SwitchUnstyledDemo.js.map +0 -6
  268. package/dist/jsx/SwitchUnstyledDemo.mjs +0 -65
  269. package/dist/jsx/SwitchUnstyledDemo.mjs.map +0 -1
  270. package/dist/jsx/SwitchUnstyledDemo.native.js +0 -69
  271. package/dist/jsx/SwitchUnstyledDemo.native.js.map +0 -6
  272. package/dist/jsx/TabsAdvancedDemo.js +0 -270
  273. package/dist/jsx/TabsAdvancedDemo.js.map +0 -6
  274. package/dist/jsx/TabsAdvancedDemo.mjs +0 -306
  275. package/dist/jsx/TabsAdvancedDemo.mjs.map +0 -1
  276. package/dist/jsx/TabsAdvancedDemo.native.js +0 -351
  277. package/dist/jsx/TabsAdvancedDemo.native.js.map +0 -6
  278. package/dist/jsx/TabsDemo.js +0 -122
  279. package/dist/jsx/TabsDemo.js.map +0 -6
  280. package/dist/jsx/TabsDemo.mjs +0 -159
  281. package/dist/jsx/TabsDemo.mjs.map +0 -1
  282. package/dist/jsx/TabsDemo.native.js +0 -192
  283. package/dist/jsx/TabsDemo.native.js.map +0 -6
  284. package/dist/jsx/TextDemo.js +0 -16
  285. package/dist/jsx/TextDemo.js.map +0 -6
  286. package/dist/jsx/TextDemo.mjs +0 -29
  287. package/dist/jsx/TextDemo.mjs.map +0 -1
  288. package/dist/jsx/TextDemo.native.js +0 -39
  289. package/dist/jsx/TextDemo.native.js.map +0 -6
  290. package/dist/jsx/ThemeBuilderDemo.js +0 -134
  291. package/dist/jsx/ThemeBuilderDemo.js.map +0 -6
  292. package/dist/jsx/ThemeBuilderDemo.mjs +0 -155
  293. package/dist/jsx/ThemeBuilderDemo.mjs.map +0 -1
  294. package/dist/jsx/ThemeBuilderDemo.native.js +0 -188
  295. package/dist/jsx/ThemeBuilderDemo.native.js.map +0 -6
  296. package/dist/jsx/ThemeInverseDemo.js +0 -41
  297. package/dist/jsx/ThemeInverseDemo.js.map +0 -6
  298. package/dist/jsx/ThemeInverseDemo.mjs +0 -46
  299. package/dist/jsx/ThemeInverseDemo.mjs.map +0 -1
  300. package/dist/jsx/ThemeInverseDemo.native.js +0 -59
  301. package/dist/jsx/ThemeInverseDemo.native.js.map +0 -6
  302. package/dist/jsx/ToastDemo.js +0 -91
  303. package/dist/jsx/ToastDemo.js.map +0 -6
  304. package/dist/jsx/ToastDemo.mjs +0 -99
  305. package/dist/jsx/ToastDemo.mjs.map +0 -1
  306. package/dist/jsx/ToastDemo.native.js +0 -119
  307. package/dist/jsx/ToastDemo.native.js.map +0 -6
  308. package/dist/jsx/ToastDuplicateDemo.js +0 -44
  309. package/dist/jsx/ToastDuplicateDemo.js.map +0 -6
  310. package/dist/jsx/ToastDuplicateDemo.mjs +0 -49
  311. package/dist/jsx/ToastDuplicateDemo.mjs.map +0 -1
  312. package/dist/jsx/ToastDuplicateDemo.native.js +0 -71
  313. package/dist/jsx/ToastDuplicateDemo.native.js.map +0 -6
  314. package/dist/jsx/ToggleGroupDemo.js +0 -56
  315. package/dist/jsx/ToggleGroupDemo.js.map +0 -6
  316. package/dist/jsx/ToggleGroupDemo.mjs +0 -81
  317. package/dist/jsx/ToggleGroupDemo.mjs.map +0 -1
  318. package/dist/jsx/ToggleGroupDemo.native.js +0 -101
  319. package/dist/jsx/ToggleGroupDemo.native.js.map +0 -6
  320. package/dist/jsx/TokensDemo.js +0 -79
  321. package/dist/jsx/TokensDemo.js.map +0 -6
  322. package/dist/jsx/TokensDemo.mjs +0 -91
  323. package/dist/jsx/TokensDemo.mjs.map +0 -1
  324. package/dist/jsx/TokensDemo.native.js +0 -123
  325. package/dist/jsx/TokensDemo.native.js.map +0 -6
  326. package/dist/jsx/TooltipDemo.js +0 -60
  327. package/dist/jsx/TooltipDemo.js.map +0 -6
  328. package/dist/jsx/TooltipDemo.mjs +0 -102
  329. package/dist/jsx/TooltipDemo.mjs.map +0 -1
  330. package/dist/jsx/TooltipDemo.native.js +0 -127
  331. package/dist/jsx/TooltipDemo.native.js.map +0 -6
  332. package/dist/jsx/UpdateThemeDemo.js +0 -50
  333. package/dist/jsx/UpdateThemeDemo.js.map +0 -6
  334. package/dist/jsx/UpdateThemeDemo.mjs +0 -47
  335. package/dist/jsx/UpdateThemeDemo.mjs.map +0 -1
  336. package/dist/jsx/UpdateThemeDemo.native.js +0 -50
  337. package/dist/jsx/UpdateThemeDemo.native.js.map +0 -6
  338. package/dist/jsx/WebNativeImageDemo.js +0 -9
  339. package/dist/jsx/WebNativeImageDemo.js.map +0 -6
  340. package/dist/jsx/WebNativeImageDemo.mjs +0 -11
  341. package/dist/jsx/WebNativeImageDemo.mjs.map +0 -1
  342. package/dist/jsx/WebNativeImageDemo.native.js +0 -13
  343. package/dist/jsx/WebNativeImageDemo.native.js.map +0 -6
  344. package/dist/jsx/index.js +0 -58
  345. package/dist/jsx/index.js.map +0 -6
  346. package/dist/jsx/index.mjs +0 -58
  347. package/dist/jsx/index.mjs.map +0 -1
  348. package/dist/jsx/index.native.js +0 -58
  349. package/dist/jsx/index.native.js.map +0 -6
  350. package/dist/jsx/tamagui.config.js +0 -10
  351. package/dist/jsx/tamagui.config.js.map +0 -6
  352. package/dist/jsx/tamagui.config.mjs +0 -7
  353. package/dist/jsx/tamagui.config.mjs.map +0 -1
  354. package/dist/jsx/tamagui.config.native.js +0 -9
  355. package/dist/jsx/tamagui.config.native.js.map +0 -6
  356. package/dist/jsx/useOnIntersecting.js +0 -48
  357. package/dist/jsx/useOnIntersecting.js.map +0 -6
  358. package/dist/jsx/useOnIntersecting.mjs +0 -42
  359. package/dist/jsx/useOnIntersecting.mjs.map +0 -1
  360. package/dist/jsx/useOnIntersecting.native.js +0 -71
  361. package/dist/jsx/useOnIntersecting.native.js.map +0 -6
@@ -1,43 +0,0 @@
1
- import React from "react";
2
- import { useCheckbox } from "@tamagui/checkbox-headless";
3
- import { Check, Minus } from "@tamagui/lucide-icons";
4
- import { Pressable } from "react-native-web";
5
- import { Label, XStack, YStack } from "tamagui";
6
- import { jsx, jsxs } from "react/jsx-runtime";
7
- function CheckboxHeadlessDemo() {
8
- return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", gap: "$3", children: /* @__PURE__ */ jsxs(XStack, { gap: "$3", alignItems: "center", children: [
9
- /* @__PURE__ */ jsx(HeadlessCheckbox, { defaultChecked: "indeterminate", id: "headless" }),
10
- /* @__PURE__ */ jsx(Label, { htmlFor: "headless", children: "Headless" })
11
- ] }) });
12
- }
13
- const HeadlessCheckbox = React.forwardRef((props, ref) => {
14
- const [checked, setChecked] = React.useState(props.defaultChecked || !1), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(
15
- props,
16
- [checked, setChecked],
17
- ref
18
- );
19
- return /* @__PURE__ */ jsxs(
20
- Pressable,
21
- {
22
- style: {
23
- width: 20,
24
- height: 20,
25
- borderRadius: 4,
26
- justifyContent: "center",
27
- alignItems: "center",
28
- backgroundColor: checked === !0 ? "lightblue" : "silver"
29
- },
30
- ref: checkboxRef,
31
- ...checkboxProps,
32
- children: [
33
- checked === "indeterminate" && /* @__PURE__ */ jsx(Minus, { width: 18, height: 18 }),
34
- checked === !0 && /* @__PURE__ */ jsx(Check, { width: 18, height: 18 }),
35
- bubbleInput
36
- ]
37
- }
38
- );
39
- });
40
- export {
41
- CheckboxHeadlessDemo
42
- };
43
- //# sourceMappingURL=CheckboxHeadlessDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/CheckboxHeadlessDemo.tsx"],
4
- "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAC5B,SAAS,OAAO,aAAa;AAG7B,SAAS,iBAAiB;AAC1B,SAAS,OAAO,QAAQ,cAAc;AAKhC,SACE,KADF;AAHC,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,+BAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,wBAAC,oBAAiB,gBAAe,iBAAgB,IAAG,YAAW;AAAA,IAC/D,oBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;AAEA,MAAM,mBAAmB,MAAM,WAAwC,CAAC,OAAO,QAAQ;AACrF,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,MAAM,kBAAkB,EAAK,GACpE,EAAE,eAAe,aAAa,YAAY,IAAI;AAAA,IAClD;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,iBAAiB,YAAY,KAAO,cAAc;AAAA,MACpD;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,oBAAY,mBAAmB,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAC7D,YAAY,MAAQ,oBAAC,SAAM,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;",
5
- "names": []
6
- }
@@ -1,53 +0,0 @@
1
- import React from "react";
2
- import { useCheckbox } from "@tamagui/checkbox-headless";
3
- import { Check, Minus } from "@tamagui/lucide-icons";
4
- import { Pressable } from "react-native-web";
5
- import { Label, XStack, YStack } from "tamagui";
6
- import { jsx, jsxs } from "react/jsx-runtime";
7
- function CheckboxHeadlessDemo() {
8
- return /* @__PURE__ */jsx(YStack, {
9
- width: 200,
10
- alignItems: "center",
11
- gap: "$3",
12
- children: /* @__PURE__ */jsxs(XStack, {
13
- gap: "$3",
14
- alignItems: "center",
15
- children: [/* @__PURE__ */jsx(HeadlessCheckbox, {
16
- defaultChecked: "indeterminate",
17
- id: "headless"
18
- }), /* @__PURE__ */jsx(Label, {
19
- htmlFor: "headless",
20
- children: "Headless"
21
- })]
22
- })
23
- });
24
- }
25
- const HeadlessCheckbox = React.forwardRef((props, ref) => {
26
- const [checked, setChecked] = React.useState(props.defaultChecked || !1),
27
- {
28
- checkboxProps,
29
- checkboxRef,
30
- bubbleInput
31
- } = useCheckbox(props, [checked, setChecked], ref);
32
- return /* @__PURE__ */jsxs(Pressable, {
33
- style: {
34
- width: 20,
35
- height: 20,
36
- borderRadius: 4,
37
- justifyContent: "center",
38
- alignItems: "center",
39
- backgroundColor: checked === !0 ? "lightblue" : "silver"
40
- },
41
- ref: checkboxRef,
42
- ...checkboxProps,
43
- children: [checked === "indeterminate" && /* @__PURE__ */jsx(Minus, {
44
- width: 18,
45
- height: 18
46
- }), checked === !0 && /* @__PURE__ */jsx(Check, {
47
- width: 18,
48
- height: 18
49
- }), bubbleInput]
50
- });
51
- });
52
- export { CheckboxHeadlessDemo };
53
- //# sourceMappingURL=CheckboxHeadlessDemo.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useCheckbox","Check","Minus","Pressable","Label","XStack","YStack","jsx","jsxs","CheckboxHeadlessDemo","width","alignItems","gap","children","HeadlessCheckbox","defaultChecked","id","htmlFor","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","style","height","borderRadius","justifyContent","backgroundColor"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAA,QAAmB;AAC5B,SAASC,KAAA,EAAOC,KAAA,QAAa;AAG7B,SAASC,SAAA,QAAiB;AAC1B,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKhC,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAF,GAAA,CAACD,MAAA;IAAOI,KAAA,EAAO;IAAKC,UAAA,EAAW;IAASC,GAAA,EAAI;IAC1CC,QAAA,iBAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKD,UAAA,EAAW;MAC1BE,QAAA,kBAAAN,GAAA,CAACO,gBAAA;QAAiBC,cAAA,EAAe;QAAgBC,EAAA,EAAG;MAAA,CAAW,GAC/D,eAAAT,GAAA,CAACH,KAAA;QAAMa,OAAA,EAAQ;QAAWJ,QAAA;MAAA,CAAQ;IAAA,CACpC;EAAA,CACF;AAEJ;AAEA,MAAMC,gBAAA,GAAmBf,KAAA,CAAMmB,UAAA,CAAwC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIvB,KAAA,CAAMwB,QAAA,CAASJ,KAAA,CAAMJ,cAAA,IAAkB,EAAK;IACpE;MAAES,aAAA;MAAeC,WAAA;MAAaC;IAAY,IAAI1B,WAAA,CAClDmB,KAAA,EACA,CAACE,OAAA,EAASC,UAAU,GACpBF,GACF;EAEA,OACE,eAAAZ,IAAA,CAACL,SAAA;IACCwB,KAAA,EAAO;MACLjB,KAAA,EAAO;MACPkB,MAAA,EAAQ;MACRC,YAAA,EAAc;MACdC,cAAA,EAAgB;MAChBnB,UAAA,EAAY;MACZoB,eAAA,EAAiBV,OAAA,KAAY,KAAO,cAAc;IACpD;IACAD,GAAA,EAAKK,WAAA;IACJ,GAAGD,aAAA;IAEHX,QAAA,GAAAQ,OAAA,KAAY,mBAAmB,eAAAd,GAAA,CAACL,KAAA;MAAMQ,KAAA,EAAO;MAAIkB,MAAA,EAAQ;IAAA,CAAI,GAC7DP,OAAA,KAAY,MAAQ,eAAAd,GAAA,CAACN,KAAA;MAAMS,KAAA,EAAO;MAAIkB,MAAA,EAAQ;IAAA,CAAI,GAClDF,WAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}
@@ -1,60 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- import { useCheckbox } from "@tamagui/checkbox-headless";
4
- import { Check, Minus } from "@tamagui/lucide-icons";
5
- import { Pressable } from "react-native";
6
- import { Label, XStack, YStack } from "tamagui";
7
- function CheckboxHeadlessDemo() {
8
- return /* @__PURE__ */ _jsx(YStack, {
9
- width: 200,
10
- alignItems: "center",
11
- gap: "$3",
12
- children: /* @__PURE__ */ _jsxs(XStack, {
13
- gap: "$3",
14
- alignItems: "center",
15
- children: [
16
- /* @__PURE__ */ _jsx(HeadlessCheckbox, {
17
- defaultChecked: "indeterminate",
18
- id: "headless"
19
- }),
20
- /* @__PURE__ */ _jsx(Label, {
21
- htmlFor: "headless",
22
- children: "Headless"
23
- })
24
- ]
25
- })
26
- });
27
- }
28
- var HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {
29
- var [checked, setChecked] = React.useState(props.defaultChecked || !1), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(props, [
30
- checked,
31
- setChecked
32
- ], ref);
33
- return /* @__PURE__ */ _jsxs(Pressable, {
34
- style: {
35
- width: 20,
36
- height: 20,
37
- borderRadius: 4,
38
- justifyContent: "center",
39
- alignItems: "center",
40
- backgroundColor: checked === !0 ? "lightblue" : "silver"
41
- },
42
- ref: checkboxRef,
43
- ...checkboxProps,
44
- children: [
45
- checked === "indeterminate" && /* @__PURE__ */ _jsx(Minus, {
46
- width: 18,
47
- height: 18
48
- }),
49
- checked === !0 && /* @__PURE__ */ _jsx(Check, {
50
- width: 18,
51
- height: 18
52
- }),
53
- bubbleInput
54
- ]
55
- });
56
- });
57
- export {
58
- CheckboxHeadlessDemo
59
- };
60
- //# sourceMappingURL=CheckboxHeadlessDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/CheckboxHeadlessDemo.tsx"],
4
- "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAG7B,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc;AAE/B,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;cAC1C,sBAACL,QAAAA;MAAOK,KAAI;MAAKD,YAAW;;QAC1B,qBAACE,kBAAAA;UAAiBC,gBAAe;UAAgBC,IAAG;;QACpD,qBAACT,OAAAA;UAAMU,SAAQ;oBAAW;;;;;AAIlC;AAEA,IAAMH,mBAAmBZ,sBAAMgB,WAAwC,SAACC,OAAOC,KAAAA;AAC7E,MAAM,CAACC,SAASC,UAAAA,IAAcpB,MAAMqB,SAASJ,MAAMJ,kBAAkB,EAAA,GAC/D,EAAES,eAAeC,aAAaC,YAAW,IAAKvB,YAClDgB,OACA;IAACE;IAASC;KACVF,GAAAA;AAGF,SACE,sBAACd,WAAAA;IACCqB,OAAO;MACLhB,OAAO;MACPiB,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBlB,YAAY;MACZmB,iBAAiBV,YAAY,KAAO,cAAc;IACpD;IACAD,KAAKK;IACJ,GAAGD;;MAEHH,YAAY,mBAAmB,qBAAChB,OAAAA;QAAMM,OAAO;QAAIiB,QAAQ;;MACzDP,YAAY,MAAQ,qBAACjB,OAAAA;QAAMO,OAAO;QAAIiB,QAAQ;;MAC9CF;;;AAGP,CAAA;",
5
- "names": ["React", "useCheckbox", "Check", "Minus", "Pressable", "Label", "XStack", "YStack", "CheckboxHeadlessDemo", "width", "alignItems", "gap", "HeadlessCheckbox", "defaultChecked", "id", "htmlFor", "forwardRef", "props", "ref", "checked", "setChecked", "useState", "checkboxProps", "checkboxRef", "bubbleInput", "style", "height", "borderRadius", "justifyContent", "backgroundColor"]
6
- }
@@ -1,40 +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
- }), Indicator = styled(Stack, {}), Checkbox = createCheckbox({
27
- Frame,
28
- Indicator
29
- });
30
- function CheckboxUnstyledDemo() {
31
- return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", gap: "$3", children: /* @__PURE__ */ jsxs(XStack, { gap: "$3", alignItems: "center", children: [
32
- /* @__PURE__ */ jsx(Checkbox, { defaultChecked: !0, id: "unstyled", children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(Check, {}) }) }),
33
- /* @__PURE__ */ jsx(Label, { htmlFor: "unstyled", children: "Unstyled" })
34
- ] }) });
35
- }
36
- export {
37
- Checkbox,
38
- CheckboxUnstyledDemo
39
- };
40
- //# sourceMappingURL=CheckboxUnstyledDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/CheckboxUnstyledDemo.tsx"],
4
- "mappings": "AAAA,SAAgC,sBAAsB;AACtD,SAAS,OAAO,cAAc;AAC9B,SAAS,aAAa;AACtB,SAAS,OAAO,QAAQ,cAAc;AAmChC,SAGM,KAHN;AAjCN,MAAM,QAAQ,OAAO,OAAO;AAAA,EAC1B,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,IACR,SAAS;AAAA,MACP,eAAe,CAAC;AAAA,MAChB,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,YAAY,OAAO,OAAO,CAAC,CAAC,GAErB,WAAW,eAAe;AAAA,EACrC;AAAA,EACA;AACF,CAAC;AAEM,SAAS,uBAAuB;AACrC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C,+BAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,wBAAC,YAAS,gBAAc,IAAC,IAAG,YAC1B,8BAAC,SAAS,WAAT,EACC,8BAAC,SAAM,GACT,GACF;AAAA,IACA,oBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,KACpC,GACF;AAEJ;",
5
- "names": []
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":"AACA,SACEA,EAAA,EACAC,SAAA,EACAC,SAAA,EACAC,MAAA,EACAC,MAAA,EACAC,MAAA,EACAC,SAAA,EACAC,gBAAA,QACK;AASH,SACEC,GAAA,EADFC,IAAA;AAPJ,MAAMC,WAAA,GAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAASC,WAAA,EAAa;EAC3B,MAAMC,MAAA,GAASN,SAAA,CAAU;MAAEO,QAAA,EAAU;IAAM,CAAC,EAAEC,KAAA;IACxC,CAACC,WAAA,EAAaC,UAAU,IAAI,CAACC,SAAA,CAAUL,MAAM,GAAGK,SAAA,CAAUL,MAAA,EAAQ,EAAI,CAAC;EAE7E,OACE,eAAAH,IAAA,CAACJ,MAAA;IAAOa,SAAA,EAAU;IAAKC,KAAA,EAAM;IAC3BC,QAAA,kBAAAZ,GAAA,CAACa,SAAA;MAAUC,KAAA,EAAM;MAAQV,MAAA,EAAQG;IAAA,CAAa,GAC9C,eAAAP,GAAA,CAACN,SAAA,IAAU,GACX,eAAAM,GAAA,CAACa,SAAA;MAAUC,KAAA,EAAM;MAAOV,MAAA,EAAQI;IAAA,CAAY;EAAA,CAC9C;AAEJ;AAEA,SAASK,UAAU;EAAEC,KAAA;EAAOV;AAAO,GAA4C;EAC7E,OACE,eAAAH,IAAA,CAACJ,MAAA;IAAOc,KAAA,EAAK;IAACI,GAAA,EAAK;MAAEJ,KAAA,EAAO;IAAK;IAC/BC,QAAA,kBAAAZ,GAAA,CAACR,EAAA;MAAGwB,IAAA,EAAK;MAAMJ,QAAA,EAAAE;IAAA,CAAM,GAErB,eAAAb,IAAA,CAACL,MAAA;MAAOe,KAAA,EAAK;MAACM,SAAA,EAAU;MACtBL,QAAA,kBAAAX,IAAA,CAACJ,MAAA;QAAOc,KAAA,EAAK;QAACI,GAAA,EAAK;UAAEJ,KAAA,EAAO;QAAK;QAAGM,SAAA,EAAU;QAC3CL,QAAA,GAAAR,MAAA,CAAOc,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,KAEhB,eAAApB,GAAA,CAACJ,MAAA;UAAOyB,GAAA,EAAI;UACTT,QAAA,EAAAO,KAAA,CAAMD,GAAA,CAAKZ,KAAA,IAER,eAAAN,GAAA,CAACL,MAAA;YAEC2B,YAAA,EAAa;YACbN,IAAA,EAAK;YACLO,MAAA,EAAO;YACPC,WAAA,EAAa;YACbC,eAAA,EAAiB1B,gBAAA,CAAiBO,KAAK;YACvCoB,WAAA,EAAY;YACZX,GAAA,EAAK;cACHC,IAAA,EAAM;YACR;YACAW,GAAA,EAAK;cACHX,IAAA,EAAM;YACR;UAAA,GAZK,GAAGV,KAAA,CAAMsB,GAAG,GAAGR,KAAK,EAa3B,CAEH;QAAA,GAnBmBA,KAoBtB,CAEH,GAED,eAAApB,GAAA,CAACJ,MAAA;UAAOyB,GAAA,EAAI;UAAKJ,SAAA,EAAU;UACxBL,QAAA,MAAIiB,KAAA,CAAM,EAAE,EACVC,IAAA,CAAK,CAAC,EACNC,KAAA,CAAM,CAAC,EACPb,GAAA,CAAI,CAACc,CAAA,EAAGZ,KAAA,KAEL,eAAApB,GAAA,CAACP,SAAA;YACCa,KAAA,EAAM;YACN2B,SAAA,EAAU;YACVC,KAAA,EAAM;YACNnB,GAAA,EAAK;cACHmB,KAAA,EAAO;YACT;YACAP,GAAA,EAAK;cACHO,KAAA,EAAO;YACT;YAGCtB,QAAA,EAAAQ;UAAA,GAFIA,KAGP,CAEH;QAAA,CACL;MAAA,CACF,GAEA,eAAApB,GAAA,CAACH,MAAA;QAAOwB,GAAA,EAAI;QAAKX,SAAA,EAAU;QACxBE,QAAA,EAAAV,WAAA,CAAYgB,GAAA,CAAKiB,IAAA,IAChB,eAAAnC,GAAA,CAACP,SAAA;UACC2C,KAAA,EAAOD,IAAA;UACP7B,KAAA,EAAM;UACNiB,MAAA,EAAO;UACPc,MAAA,EAAO;UACPtB,GAAA,EAAK;YACHQ,MAAA,EAAQ;UACV;UACAI,GAAA,EAAK;YACHJ,MAAA,EAAQ;UACV;UAGCX,QAAA,EAAAuB;QAAA,GAFIA,IAGP,CACD;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,SAAS1B,UAAUL,MAAA,EAAkCkC,IAAA,GAAO,IAAO;EACjE,OAAOpC,WAAA,CAAYgB,GAAA,CAAKC,KAAA,IACfoB,MAAA,CAAOC,IAAA,CAAKpC,MAAM,EACtBqC,MAAA,CACEnC,KAAA,IACCA,KAAA,CAAMoC,UAAA,CAAWvB,KAAK,MACrBmB,IAAA,GAAOhC,KAAA,CAAMqC,QAAA,CAAS,MAAM,IAAI,CAACrC,KAAA,CAAMqC,QAAA,CAAS,MAAM,EAC3D,EACCzB,GAAA,CAAKU,GAAA,IAAQxB,MAAA,CAAOwB,GAAG,CAAC,CAC5B;AACH","ignoreList":[]}