@tamagui/demos 1.89.26 → 1.89.27-1708113113238

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 (333) hide show
  1. package/dist/cjs/AccordionDemo.native.js +32 -17
  2. package/dist/cjs/AccordionDemo.native.js.map +3 -3
  3. package/dist/cjs/AddThemeDemo.native.js +71 -26
  4. package/dist/cjs/AddThemeDemo.native.js.map +3 -3
  5. package/dist/cjs/AlertDialogDemo.native.js +55 -46
  6. package/dist/cjs/AlertDialogDemo.native.js.map +3 -3
  7. package/dist/cjs/AnimationsDemo.native.js +102 -41
  8. package/dist/cjs/AnimationsDemo.native.js.map +3 -3
  9. package/dist/cjs/AnimationsEnterDemo.native.js +80 -25
  10. package/dist/cjs/AnimationsEnterDemo.native.js.map +3 -3
  11. package/dist/cjs/AnimationsHoverDemo.native.js +16 -18
  12. package/dist/cjs/AnimationsHoverDemo.native.js.map +3 -3
  13. package/dist/cjs/AnimationsPresenceDemo.native.js +124 -58
  14. package/dist/cjs/AnimationsPresenceDemo.native.js.map +3 -3
  15. package/dist/cjs/AnimationsTimingDemo.native.js +15 -17
  16. package/dist/cjs/AnimationsTimingDemo.native.js.map +3 -3
  17. package/dist/cjs/AvatarDemo.native.js +32 -25
  18. package/dist/cjs/AvatarDemo.native.js.map +3 -3
  19. package/dist/cjs/BuildAButtonDemo.native.js +96 -24
  20. package/dist/cjs/BuildAButtonDemo.native.js.map +3 -3
  21. package/dist/cjs/ButtonDemo.native.js +54 -17
  22. package/dist/cjs/ButtonDemo.native.js.map +3 -3
  23. package/dist/cjs/CardDemo.native.js +66 -38
  24. package/dist/cjs/CardDemo.native.js.map +3 -3
  25. package/dist/cjs/CheckboxDemo.native.js +69 -16
  26. package/dist/cjs/CheckboxDemo.native.js.map +3 -3
  27. package/dist/cjs/CheckboxHeadlessDemo.native.js +103 -32
  28. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +3 -3
  29. package/dist/cjs/CheckboxUnstyledDemo.native.js +14 -6
  30. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +3 -3
  31. package/dist/cjs/ColorsDemo.native.js +106 -70
  32. package/dist/cjs/ColorsDemo.native.js.map +3 -3
  33. package/dist/cjs/DialogDemo.native.js +103 -74
  34. package/dist/cjs/DialogDemo.native.js.map +3 -3
  35. package/dist/cjs/FormsDemo.native.js +76 -23
  36. package/dist/cjs/FormsDemo.native.js.map +3 -3
  37. package/dist/cjs/Grid.native.js +22 -24
  38. package/dist/cjs/Grid.native.js.map +3 -3
  39. package/dist/cjs/GroupDemo.native.js +26 -17
  40. package/dist/cjs/GroupDemo.native.js.map +3 -3
  41. package/dist/cjs/HeadingsDemo.native.js +14 -11
  42. package/dist/cjs/HeadingsDemo.native.js.map +3 -3
  43. package/dist/cjs/ImageDemo.native.js +7 -10
  44. package/dist/cjs/ImageDemo.native.js.map +3 -3
  45. package/dist/cjs/InputsDemo.native.js +27 -22
  46. package/dist/cjs/InputsDemo.native.js.map +3 -3
  47. package/dist/cjs/LabelDemo.native.js +26 -11
  48. package/dist/cjs/LabelDemo.native.js.map +3 -3
  49. package/dist/cjs/LinearGradientDemo.native.js +36 -25
  50. package/dist/cjs/LinearGradientDemo.native.js.map +3 -3
  51. package/dist/cjs/ListItemDemo.native.js +49 -35
  52. package/dist/cjs/ListItemDemo.native.js.map +3 -3
  53. package/dist/cjs/LucideIconsDemo.native.js +92 -37
  54. package/dist/cjs/LucideIconsDemo.native.js.map +3 -3
  55. package/dist/cjs/PopoverDemo.native.js +127 -60
  56. package/dist/cjs/PopoverDemo.native.js.map +3 -3
  57. package/dist/cjs/ProgressDemo.native.js +102 -46
  58. package/dist/cjs/ProgressDemo.native.js.map +3 -3
  59. package/dist/cjs/RadioGroupDemo.native.js +35 -11
  60. package/dist/cjs/RadioGroupDemo.native.js.map +3 -3
  61. package/dist/cjs/ReplaceThemeDemo.native.js +71 -20
  62. package/dist/cjs/ReplaceThemeDemo.native.js.map +3 -3
  63. package/dist/cjs/ScrollViewDemo.native.js +44 -21
  64. package/dist/cjs/ScrollViewDemo.native.js.map +3 -3
  65. package/dist/cjs/SelectDemo.native.js +272 -156
  66. package/dist/cjs/SelectDemo.native.js.map +3 -3
  67. package/dist/cjs/SeparatorDemo.native.js +31 -15
  68. package/dist/cjs/SeparatorDemo.native.js.map +3 -3
  69. package/dist/cjs/ShapesDemo.native.js +13 -5
  70. package/dist/cjs/ShapesDemo.native.js.map +3 -3
  71. package/dist/cjs/SheetDemo.native.js +217 -91
  72. package/dist/cjs/SheetDemo.native.js.map +3 -3
  73. package/dist/cjs/SliderDemo.native.js +64 -11
  74. package/dist/cjs/SliderDemo.native.js.map +3 -3
  75. package/dist/cjs/SpinnerDemo.native.js +12 -5
  76. package/dist/cjs/SpinnerDemo.native.js.map +3 -3
  77. package/dist/cjs/StacksDemo.native.js +82 -73
  78. package/dist/cjs/StacksDemo.native.js.map +3 -3
  79. package/dist/cjs/SwitchDemo.native.js +57 -31
  80. package/dist/cjs/SwitchDemo.native.js.map +3 -3
  81. package/dist/cjs/SwitchHeadlessDemo.native.js +118 -47
  82. package/dist/cjs/SwitchHeadlessDemo.native.js.map +3 -3
  83. package/dist/cjs/SwitchUnstyledDemo.native.js +16 -6
  84. package/dist/cjs/SwitchUnstyledDemo.native.js.map +3 -3
  85. package/dist/cjs/TabsAdvancedDemo.native.js +322 -229
  86. package/dist/cjs/TabsAdvancedDemo.native.js.map +3 -3
  87. package/dist/cjs/TabsDemo.native.js +160 -86
  88. package/dist/cjs/TabsDemo.native.js.map +3 -3
  89. package/dist/cjs/TextDemo.native.js +28 -11
  90. package/dist/cjs/TextDemo.native.js.map +3 -3
  91. package/dist/cjs/ThemeBuilderDemo.native.js +152 -125
  92. package/dist/cjs/ThemeBuilderDemo.native.js.map +3 -3
  93. package/dist/cjs/ThemeInverseDemo.native.js +26 -32
  94. package/dist/cjs/ThemeInverseDemo.native.js.map +3 -3
  95. package/dist/cjs/ToastDemo.native.js +126 -79
  96. package/dist/cjs/ToastDemo.native.js.map +3 -3
  97. package/dist/cjs/ToastDuplicateDemo.native.js +93 -32
  98. package/dist/cjs/ToastDuplicateDemo.native.js.map +3 -3
  99. package/dist/cjs/ToggleGroupDemo.native.js +56 -39
  100. package/dist/cjs/ToggleGroupDemo.native.js.map +3 -3
  101. package/dist/cjs/TokensDemo.native.js +132 -52
  102. package/dist/cjs/TokensDemo.native.js.map +3 -3
  103. package/dist/cjs/TooltipDemo.native.js +103 -43
  104. package/dist/cjs/TooltipDemo.native.js.map +3 -3
  105. package/dist/cjs/UpdateThemeDemo.native.js +73 -24
  106. package/dist/cjs/UpdateThemeDemo.native.js.map +3 -3
  107. package/dist/cjs/index.native.js.map +2 -2
  108. package/dist/cjs/tamagui.config.native.js.map +3 -3
  109. package/dist/cjs/useOnIntersecting.native.js +137 -34
  110. package/dist/cjs/useOnIntersecting.native.js.map +3 -3
  111. package/dist/esm/AccordionDemo.native.js +31 -17
  112. package/dist/esm/AccordionDemo.native.js.map +3 -3
  113. package/dist/esm/AddThemeDemo.native.js +70 -26
  114. package/dist/esm/AddThemeDemo.native.js.map +3 -3
  115. package/dist/esm/AlertDialogDemo.native.js +54 -46
  116. package/dist/esm/AlertDialogDemo.native.js.map +3 -3
  117. package/dist/esm/AnimationsDemo.native.js +101 -41
  118. package/dist/esm/AnimationsDemo.native.js.map +3 -3
  119. package/dist/esm/AnimationsEnterDemo.native.js +79 -25
  120. package/dist/esm/AnimationsEnterDemo.native.js.map +3 -3
  121. package/dist/esm/AnimationsHoverDemo.native.js +15 -18
  122. package/dist/esm/AnimationsHoverDemo.native.js.map +3 -3
  123. package/dist/esm/AnimationsPresenceDemo.native.js +123 -58
  124. package/dist/esm/AnimationsPresenceDemo.native.js.map +3 -3
  125. package/dist/esm/AnimationsTimingDemo.native.js +14 -17
  126. package/dist/esm/AnimationsTimingDemo.native.js.map +3 -3
  127. package/dist/esm/AvatarDemo.native.js +22 -23
  128. package/dist/esm/AvatarDemo.native.js.map +3 -3
  129. package/dist/esm/BuildAButtonDemo.native.js +95 -24
  130. package/dist/esm/BuildAButtonDemo.native.js.map +3 -3
  131. package/dist/esm/ButtonDemo.native.js +53 -17
  132. package/dist/esm/ButtonDemo.native.js.map +3 -3
  133. package/dist/esm/CardDemo.native.js +65 -38
  134. package/dist/esm/CardDemo.native.js.map +3 -3
  135. package/dist/esm/CheckboxDemo.native.js +68 -16
  136. package/dist/esm/CheckboxDemo.native.js.map +3 -3
  137. package/dist/esm/CheckboxHeadlessDemo.native.js +102 -32
  138. package/dist/esm/CheckboxHeadlessDemo.native.js.map +3 -3
  139. package/dist/esm/CheckboxUnstyledDemo.native.js +14 -6
  140. package/dist/esm/CheckboxUnstyledDemo.native.js.map +3 -3
  141. package/dist/esm/ColorsDemo.native.js +107 -80
  142. package/dist/esm/ColorsDemo.native.js.map +3 -3
  143. package/dist/esm/DialogDemo.native.js +103 -87
  144. package/dist/esm/DialogDemo.native.js.map +3 -3
  145. package/dist/esm/FormsDemo.native.js +75 -23
  146. package/dist/esm/FormsDemo.native.js.map +3 -3
  147. package/dist/esm/Grid.mjs +0 -1
  148. package/dist/esm/Grid.native.js +21 -24
  149. package/dist/esm/Grid.native.js.map +3 -3
  150. package/dist/esm/GroupDemo.native.js +25 -17
  151. package/dist/esm/GroupDemo.native.js.map +3 -3
  152. package/dist/esm/HeadingsDemo.native.js +4 -9
  153. package/dist/esm/HeadingsDemo.native.js.map +3 -3
  154. package/dist/esm/ImageDemo.native.js +6 -10
  155. package/dist/esm/ImageDemo.native.js.map +3 -3
  156. package/dist/esm/InputsDemo.native.js +26 -22
  157. package/dist/esm/InputsDemo.native.js.map +3 -3
  158. package/dist/esm/LabelDemo.native.js +25 -11
  159. package/dist/esm/LabelDemo.native.js.map +3 -3
  160. package/dist/esm/LinearGradientDemo.native.js +35 -25
  161. package/dist/esm/LinearGradientDemo.native.js.map +3 -3
  162. package/dist/esm/ListItemDemo.native.js +48 -35
  163. package/dist/esm/ListItemDemo.native.js.map +3 -3
  164. package/dist/esm/LucideIconsDemo.native.js +91 -37
  165. package/dist/esm/LucideIconsDemo.native.js.map +3 -3
  166. package/dist/esm/PopoverDemo.native.js +126 -60
  167. package/dist/esm/PopoverDemo.native.js.map +3 -3
  168. package/dist/esm/ProgressDemo.native.js +101 -46
  169. package/dist/esm/ProgressDemo.native.js.map +3 -3
  170. package/dist/esm/RadioGroupDemo.native.js +34 -11
  171. package/dist/esm/RadioGroupDemo.native.js.map +3 -3
  172. package/dist/esm/ReplaceThemeDemo.native.js +71 -29
  173. package/dist/esm/ReplaceThemeDemo.native.js.map +3 -3
  174. package/dist/esm/ScrollViewDemo.native.js +43 -21
  175. package/dist/esm/ScrollViewDemo.native.js.map +3 -3
  176. package/dist/esm/SelectDemo.native.js +271 -156
  177. package/dist/esm/SelectDemo.native.js.map +3 -3
  178. package/dist/esm/SeparatorDemo.native.js +21 -13
  179. package/dist/esm/SeparatorDemo.native.js.map +3 -3
  180. package/dist/esm/ShapesDemo.native.js +12 -5
  181. package/dist/esm/ShapesDemo.native.js.map +3 -3
  182. package/dist/esm/SheetDemo.native.js +216 -91
  183. package/dist/esm/SheetDemo.native.js.map +3 -3
  184. package/dist/esm/SliderDemo.native.js +63 -11
  185. package/dist/esm/SliderDemo.native.js.map +3 -3
  186. package/dist/esm/SpinnerDemo.native.js +11 -5
  187. package/dist/esm/SpinnerDemo.native.js.map +3 -3
  188. package/dist/esm/StacksDemo.native.js +72 -71
  189. package/dist/esm/StacksDemo.native.js.map +3 -3
  190. package/dist/esm/SwitchDemo.native.js +56 -31
  191. package/dist/esm/SwitchDemo.native.js.map +3 -3
  192. package/dist/esm/SwitchHeadlessDemo.native.js +117 -47
  193. package/dist/esm/SwitchHeadlessDemo.native.js.map +3 -3
  194. package/dist/esm/SwitchUnstyledDemo.native.js +16 -6
  195. package/dist/esm/SwitchUnstyledDemo.native.js.map +3 -3
  196. package/dist/esm/TabsAdvancedDemo.native.js +322 -239
  197. package/dist/esm/TabsAdvancedDemo.native.js.map +3 -3
  198. package/dist/esm/TabsDemo.native.js +156 -83
  199. package/dist/esm/TabsDemo.native.js.map +3 -3
  200. package/dist/esm/TextDemo.native.js +18 -9
  201. package/dist/esm/TextDemo.native.js.map +3 -3
  202. package/dist/esm/ThemeBuilderDemo.native.js +151 -125
  203. package/dist/esm/ThemeBuilderDemo.native.js.map +3 -3
  204. package/dist/esm/ThemeInverseDemo.native.js +25 -32
  205. package/dist/esm/ThemeInverseDemo.native.js.map +3 -3
  206. package/dist/esm/ToastDemo.native.js +125 -79
  207. package/dist/esm/ToastDemo.native.js.map +3 -3
  208. package/dist/esm/ToastDuplicateDemo.native.js +92 -32
  209. package/dist/esm/ToastDuplicateDemo.native.js.map +3 -3
  210. package/dist/esm/ToggleGroupDemo.native.js +55 -39
  211. package/dist/esm/ToggleGroupDemo.native.js.map +3 -3
  212. package/dist/esm/TokensDemo.native.js +131 -52
  213. package/dist/esm/TokensDemo.native.js.map +3 -3
  214. package/dist/esm/TooltipDemo.native.js +103 -50
  215. package/dist/esm/TooltipDemo.native.js.map +3 -3
  216. package/dist/esm/UpdateThemeDemo.native.js +73 -34
  217. package/dist/esm/UpdateThemeDemo.native.js.map +3 -3
  218. package/dist/esm/index.native.js.map +1 -1
  219. package/dist/esm/tamagui.config.native.js.map +2 -2
  220. package/dist/esm/useOnIntersecting.native.js +138 -35
  221. package/dist/esm/useOnIntersecting.native.js.map +3 -3
  222. package/dist/jsx/AccordionDemo.native.js +31 -17
  223. package/dist/jsx/AccordionDemo.native.js.map +3 -3
  224. package/dist/jsx/AddThemeDemo.native.js +70 -26
  225. package/dist/jsx/AddThemeDemo.native.js.map +3 -3
  226. package/dist/jsx/AlertDialogDemo.native.js +54 -46
  227. package/dist/jsx/AlertDialogDemo.native.js.map +3 -3
  228. package/dist/jsx/AnimationsDemo.native.js +101 -41
  229. package/dist/jsx/AnimationsDemo.native.js.map +3 -3
  230. package/dist/jsx/AnimationsEnterDemo.native.js +79 -25
  231. package/dist/jsx/AnimationsEnterDemo.native.js.map +3 -3
  232. package/dist/jsx/AnimationsHoverDemo.native.js +15 -18
  233. package/dist/jsx/AnimationsHoverDemo.native.js.map +3 -3
  234. package/dist/jsx/AnimationsPresenceDemo.native.js +123 -58
  235. package/dist/jsx/AnimationsPresenceDemo.native.js.map +3 -3
  236. package/dist/jsx/AnimationsTimingDemo.native.js +14 -17
  237. package/dist/jsx/AnimationsTimingDemo.native.js.map +3 -3
  238. package/dist/jsx/AvatarDemo.native.js +22 -23
  239. package/dist/jsx/AvatarDemo.native.js.map +3 -3
  240. package/dist/jsx/BuildAButtonDemo.native.js +95 -24
  241. package/dist/jsx/BuildAButtonDemo.native.js.map +3 -3
  242. package/dist/jsx/ButtonDemo.native.js +53 -17
  243. package/dist/jsx/ButtonDemo.native.js.map +3 -3
  244. package/dist/jsx/CardDemo.native.js +65 -38
  245. package/dist/jsx/CardDemo.native.js.map +3 -3
  246. package/dist/jsx/CheckboxDemo.native.js +68 -16
  247. package/dist/jsx/CheckboxDemo.native.js.map +3 -3
  248. package/dist/jsx/CheckboxHeadlessDemo.native.js +102 -32
  249. package/dist/jsx/CheckboxHeadlessDemo.native.js.map +3 -3
  250. package/dist/jsx/CheckboxUnstyledDemo.native.js +14 -6
  251. package/dist/jsx/CheckboxUnstyledDemo.native.js.map +3 -3
  252. package/dist/jsx/ColorsDemo.native.js +107 -80
  253. package/dist/jsx/ColorsDemo.native.js.map +3 -3
  254. package/dist/jsx/DialogDemo.native.js +103 -87
  255. package/dist/jsx/DialogDemo.native.js.map +3 -3
  256. package/dist/jsx/FormsDemo.native.js +75 -23
  257. package/dist/jsx/FormsDemo.native.js.map +3 -3
  258. package/dist/jsx/Grid.mjs +0 -1
  259. package/dist/jsx/Grid.native.js +21 -24
  260. package/dist/jsx/Grid.native.js.map +3 -3
  261. package/dist/jsx/GroupDemo.native.js +25 -17
  262. package/dist/jsx/GroupDemo.native.js.map +3 -3
  263. package/dist/jsx/HeadingsDemo.native.js +4 -9
  264. package/dist/jsx/HeadingsDemo.native.js.map +3 -3
  265. package/dist/jsx/ImageDemo.native.js +6 -10
  266. package/dist/jsx/ImageDemo.native.js.map +3 -3
  267. package/dist/jsx/InputsDemo.native.js +26 -22
  268. package/dist/jsx/InputsDemo.native.js.map +3 -3
  269. package/dist/jsx/LabelDemo.native.js +25 -11
  270. package/dist/jsx/LabelDemo.native.js.map +3 -3
  271. package/dist/jsx/LinearGradientDemo.native.js +35 -25
  272. package/dist/jsx/LinearGradientDemo.native.js.map +3 -3
  273. package/dist/jsx/ListItemDemo.native.js +48 -35
  274. package/dist/jsx/ListItemDemo.native.js.map +3 -3
  275. package/dist/jsx/LucideIconsDemo.native.js +91 -37
  276. package/dist/jsx/LucideIconsDemo.native.js.map +3 -3
  277. package/dist/jsx/PopoverDemo.native.js +126 -60
  278. package/dist/jsx/PopoverDemo.native.js.map +3 -3
  279. package/dist/jsx/ProgressDemo.native.js +101 -46
  280. package/dist/jsx/ProgressDemo.native.js.map +3 -3
  281. package/dist/jsx/RadioGroupDemo.native.js +34 -11
  282. package/dist/jsx/RadioGroupDemo.native.js.map +3 -3
  283. package/dist/jsx/ReplaceThemeDemo.native.js +71 -29
  284. package/dist/jsx/ReplaceThemeDemo.native.js.map +3 -3
  285. package/dist/jsx/ScrollViewDemo.native.js +43 -21
  286. package/dist/jsx/ScrollViewDemo.native.js.map +3 -3
  287. package/dist/jsx/SelectDemo.native.js +271 -156
  288. package/dist/jsx/SelectDemo.native.js.map +3 -3
  289. package/dist/jsx/SeparatorDemo.native.js +21 -13
  290. package/dist/jsx/SeparatorDemo.native.js.map +3 -3
  291. package/dist/jsx/ShapesDemo.native.js +12 -5
  292. package/dist/jsx/ShapesDemo.native.js.map +3 -3
  293. package/dist/jsx/SheetDemo.native.js +216 -91
  294. package/dist/jsx/SheetDemo.native.js.map +3 -3
  295. package/dist/jsx/SliderDemo.native.js +63 -11
  296. package/dist/jsx/SliderDemo.native.js.map +3 -3
  297. package/dist/jsx/SpinnerDemo.native.js +11 -5
  298. package/dist/jsx/SpinnerDemo.native.js.map +3 -3
  299. package/dist/jsx/StacksDemo.native.js +72 -71
  300. package/dist/jsx/StacksDemo.native.js.map +3 -3
  301. package/dist/jsx/SwitchDemo.native.js +56 -31
  302. package/dist/jsx/SwitchDemo.native.js.map +3 -3
  303. package/dist/jsx/SwitchHeadlessDemo.native.js +117 -47
  304. package/dist/jsx/SwitchHeadlessDemo.native.js.map +3 -3
  305. package/dist/jsx/SwitchUnstyledDemo.native.js +16 -6
  306. package/dist/jsx/SwitchUnstyledDemo.native.js.map +3 -3
  307. package/dist/jsx/TabsAdvancedDemo.native.js +322 -239
  308. package/dist/jsx/TabsAdvancedDemo.native.js.map +3 -3
  309. package/dist/jsx/TabsDemo.native.js +156 -83
  310. package/dist/jsx/TabsDemo.native.js.map +3 -3
  311. package/dist/jsx/TextDemo.native.js +18 -9
  312. package/dist/jsx/TextDemo.native.js.map +3 -3
  313. package/dist/jsx/ThemeBuilderDemo.native.js +151 -125
  314. package/dist/jsx/ThemeBuilderDemo.native.js.map +3 -3
  315. package/dist/jsx/ThemeInverseDemo.native.js +25 -32
  316. package/dist/jsx/ThemeInverseDemo.native.js.map +3 -3
  317. package/dist/jsx/ToastDemo.native.js +125 -79
  318. package/dist/jsx/ToastDemo.native.js.map +3 -3
  319. package/dist/jsx/ToastDuplicateDemo.native.js +92 -32
  320. package/dist/jsx/ToastDuplicateDemo.native.js.map +3 -3
  321. package/dist/jsx/ToggleGroupDemo.native.js +55 -39
  322. package/dist/jsx/ToggleGroupDemo.native.js.map +3 -3
  323. package/dist/jsx/TokensDemo.native.js +131 -52
  324. package/dist/jsx/TokensDemo.native.js.map +3 -3
  325. package/dist/jsx/TooltipDemo.native.js +103 -50
  326. package/dist/jsx/TooltipDemo.native.js.map +3 -3
  327. package/dist/jsx/UpdateThemeDemo.native.js +73 -34
  328. package/dist/jsx/UpdateThemeDemo.native.js.map +3 -3
  329. package/dist/jsx/index.native.js.map +1 -1
  330. package/dist/jsx/tamagui.config.native.js.map +2 -2
  331. package/dist/jsx/useOnIntersecting.native.js +138 -35
  332. package/dist/jsx/useOnIntersecting.native.js.map +3 -3
  333. package/package.json +18 -18
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/StacksDemo.tsx"],
4
- "mappings": "AACA,SAAS,QAAQ,QAAQ,cAAc;AAKjC,SAQE,KARF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,UAAU,KAAK,SAAQ,MAAK,WAAU,UAAS,OAAK,IAC1D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,SAAQ;AAAA,QAER;AAAA,8BAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA;AAAA;AAAA,IAClE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,SAAQ;AAAA,QAER;AAAA,8BAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA,UAChE,oBAAC,UAAO,iBAAgB,UAAS,cAAa,MAAK,SAAQ,MAAK;AAAA;AAAA;AAAA,IAClE;AAAA,IAEA,qBAAC,UAAO,UAAU,IAAI,WAAW,IAAI,OAAO,KAAK,MAAM,GACrD;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,YAAU;AAAA,UACV,cAAa;AAAA,UACb,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,aAAa;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,YAAU;AAAA,UACV,GAAG;AAAA,UACH,GAAG;AAAA,UACH,aAAa;AAAA,UACb,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,MACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,YAAU;AAAA,UACV,GAAG;AAAA,UACH,GAAG;AAAA,UACH,aAAa;AAAA,UACb,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,MACV;AAAA,OACF;AAAA,KACF;AAEJ;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/demos/src/StacksDemo.tsx"],
4
+ "mappings": "AAAA,OAAOA,WAAW;AAClB,SAASC,QAAQC,QAAQC,cAAc;AAEhC,SAASC,aAAAA;AACd,SACE,sBAAA,cAACH,QAAAA;IAAOI,UAAU;IAAKC,SAAQ;IAAKC,WAAU;IAASC,OAAAA;KACrD,sBAAA,cAACN,QAAAA;IACCO,MAAM;IACND,OAAM;IACNE,aAAa;IACbC,aAAY;IACZC,cAAa;IACbN,SAAQ;KAER,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;MAC3D,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;MAC3D,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;OAG7D,sBAAA,cAACL,QAAAA;IACCQ,MAAM;IACND,OAAM;IACNE,aAAa;IACbC,aAAY;IACZC,cAAa;IACbN,SAAQ;KAER,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;MAC3D,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;MAC3D,sBAAA,cAACJ,QAAAA;IAAOW,iBAAgB;IAASD,cAAa;IAAKN,SAAQ;OAG7D,sBAAA,cAACH,QAAAA;IAAOE,UAAU;IAAIS,WAAW;IAAIC,OAAO;IAAKN,MAAM;KACrD,sBAAA,cAACP,QAAAA;IACCc,YAAAA;IACAJ,cAAa;IACbN,SAAQ;IACRK,aAAY;IACZD,aAAa;MAEf,sBAAA,cAACR,QAAAA;IACCS,aAAY;IACZK,YAAAA;IACAC,GAAG;IACHC,GAAG;IACHR,aAAa;IACbE,cAAa;IACbN,SAAQ;MAEV,sBAAA,cAACJ,QAAAA;IACCS,aAAY;IACZK,YAAAA;IACAC,GAAG;IACHC,GAAG;IACHR,aAAa;IACbE,cAAa;IACbN,SAAQ;;AAKlB;",
5
+ "names": ["React", "XStack", "YStack", "ZStack", "StacksDemo", "maxWidth", "padding", "alignSelf", "space", "flex", "borderWidth", "borderColor", "borderRadius", "backgroundColor", "maxHeight", "width", "fullscreen", "y", "x"]
6
6
  }
@@ -1,38 +1,63 @@
1
1
  import { Label, Separator, Switch, XStack, YStack } from "tamagui";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
2
  function SwitchDemo() {
4
- return /* @__PURE__ */ jsxs(YStack, { width: 200, alignItems: "center", gap: "$3", children: [
5
- /* @__PURE__ */ jsxs(XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
6
- /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2" }),
7
- /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$2", defaultChecked: !0 })
8
- ] }),
9
- /* @__PURE__ */ jsxs(XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
10
- /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3" }),
11
- /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$3", defaultChecked: !0 })
12
- ] }),
13
- /* @__PURE__ */ jsxs(XStack, { gap: "$3", $xs: { flexDirection: "column" }, children: [
14
- /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4" }),
15
- /* @__PURE__ */ jsx(SwitchWithLabel, { size: "$4", defaultChecked: !0 })
16
- ] })
17
- ] });
3
+ return /* @__PURE__ */ React.createElement(YStack, {
4
+ width: 200,
5
+ alignItems: "center",
6
+ gap: "$3"
7
+ }, /* @__PURE__ */ React.createElement(XStack, {
8
+ gap: "$3",
9
+ $xs: {
10
+ flexDirection: "column"
11
+ }
12
+ }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
13
+ size: "$2"
14
+ }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
15
+ size: "$2",
16
+ defaultChecked: !0
17
+ })), /* @__PURE__ */ React.createElement(XStack, {
18
+ gap: "$3",
19
+ $xs: {
20
+ flexDirection: "column"
21
+ }
22
+ }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
23
+ size: "$3"
24
+ }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
25
+ size: "$3",
26
+ defaultChecked: !0
27
+ })), /* @__PURE__ */ React.createElement(XStack, {
28
+ gap: "$3",
29
+ $xs: {
30
+ flexDirection: "column"
31
+ }
32
+ }, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
33
+ size: "$4"
34
+ }), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
35
+ size: "$4",
36
+ defaultChecked: !0
37
+ })));
18
38
  }
19
39
  function SwitchWithLabel(props) {
20
- const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
21
- return /* @__PURE__ */ jsxs(XStack, { width: 200, alignItems: "center", gap: "$4", children: [
22
- /* @__PURE__ */ jsx(
23
- Label,
24
- {
25
- paddingRight: "$0",
26
- minWidth: 90,
27
- justifyContent: "flex-end",
28
- size: props.size,
29
- htmlFor: id,
30
- children: "Accept"
31
- }
32
- ),
33
- /* @__PURE__ */ jsx(Separator, { minHeight: 20, vertical: !0 }),
34
- /* @__PURE__ */ jsx(Switch, { id, size: props.size, defaultChecked: props.defaultChecked, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quicker" }) })
35
- ] });
40
+ var _props_defaultChecked, id = "switch-".concat(props.size.toString().slice(1), "-").concat((_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : "", "}");
41
+ return /* @__PURE__ */ React.createElement(XStack, {
42
+ width: 200,
43
+ alignItems: "center",
44
+ gap: "$4"
45
+ }, /* @__PURE__ */ React.createElement(Label, {
46
+ paddingRight: "$0",
47
+ minWidth: 90,
48
+ justifyContent: "flex-end",
49
+ size: props.size,
50
+ htmlFor: id
51
+ }, "Accept"), /* @__PURE__ */ React.createElement(Separator, {
52
+ minHeight: 20,
53
+ vertical: !0
54
+ }), /* @__PURE__ */ React.createElement(Switch, {
55
+ id,
56
+ size: props.size,
57
+ defaultChecked: props.defaultChecked
58
+ }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
59
+ animation: "quicker"
60
+ })));
36
61
  }
37
62
  export {
38
63
  SwitchDemo,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/SwitchDemo.tsx"],
4
- "mappings": "AACA,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAsB;AAK3D,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,yBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,KAAK,EAAE,eAAe,SAAS,GAC9C;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,8BAAC,OAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchDemo.tsx"],
4
+ "mappings": "AACA,SAASA,OAAOC,WAAWC,QAAQC,QAAQC,cAAsB;AAE1D,SAASC,aAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;KAC1C,sBAAA,cAACL,QAAAA;IAAOK,KAAI;IAAKC,KAAK;MAAEC,eAAe;IAAS;KAC9C,sBAAA,cAACC,iBAAAA;IAAgBC,MAAK;MACtB,sBAAA,cAACD,iBAAAA;IAAgBC,MAAK;IAAKC,gBAAAA;OAE7B,sBAAA,cAACV,QAAAA;IAAOK,KAAI;IAAKC,KAAK;MAAEC,eAAe;IAAS;KAC9C,sBAAA,cAACC,iBAAAA;IAAgBC,MAAK;MACtB,sBAAA,cAACD,iBAAAA;IAAgBC,MAAK;IAAKC,gBAAAA;OAE7B,sBAAA,cAACV,QAAAA;IAAOK,KAAI;IAAKC,KAAK;MAAEC,eAAe;IAAS;KAC9C,sBAAA,cAACC,iBAAAA;IAAgBC,MAAK;MACtB,sBAAA,cAACD,iBAAAA;IAAgBC,MAAK;IAAKC,gBAAAA;;AAInC;AAEO,SAASF,gBAAgBG,OAAqD;MAC5BA,uBAAjDC,KAAM,UAA2CD,OAAlCA,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,GAAG,GAAA,EAA8B,QAA3BH,wBAAAA,MAAMD,oBAAc,QAApBC,0BAAAA,SAAAA,wBAAwB,IAAG,GAAA;AAClF,SACE,sBAAA,cAACX,QAAAA;IAAOG,OAAO;IAAKC,YAAW;IAASC,KAAI;KAC1C,sBAAA,cAACR,OAAAA;IACCkB,cAAa;IACbC,UAAU;IACVC,gBAAe;IACfR,MAAME,MAAMF;IACZS,SAASN;KACV,QAAA,GAGD,sBAAA,cAACd,WAAAA;IAAUqB,WAAW;IAAIC,UAAAA;MAC1B,sBAAA,cAACrB,QAAAA;IAAOa;IAAQH,MAAME,MAAMF;IAAMC,gBAAgBC,MAAMD;KACtD,sBAAA,cAACX,OAAOsB,OAAK;IAACC,WAAU;;AAIhC;",
5
+ "names": ["Label", "Separator", "Switch", "XStack", "YStack", "SwitchDemo", "width", "alignItems", "gap", "$xs", "flexDirection", "SwitchWithLabel", "size", "defaultChecked", "props", "id", "toString", "slice", "paddingRight", "minWidth", "justifyContent", "htmlFor", "minHeight", "vertical", "Thumb", "animation"]
6
6
  }
@@ -2,64 +2,134 @@ import { useSwitch } from "@tamagui/switch-headless";
2
2
  import { forwardRef, useEffect, useRef, useState } from "react";
3
3
  import { Animated, Pressable } from "react-native";
4
4
  import { Label, XStack, YStack } from "tamagui";
5
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
5
+ function _array_like_to_array(arr, len) {
6
+ (len == null || len > arr.length) && (len = arr.length);
7
+ for (var i = 0, arr2 = new Array(len); i < len; i++)
8
+ arr2[i] = arr[i];
9
+ return arr2;
10
+ }
11
+ function _array_with_holes(arr) {
12
+ if (Array.isArray(arr))
13
+ return arr;
14
+ }
15
+ function _define_property(obj, key, value) {
16
+ return key in obj ? Object.defineProperty(obj, key, {
17
+ value,
18
+ enumerable: !0,
19
+ configurable: !0,
20
+ writable: !0
21
+ }) : obj[key] = value, obj;
22
+ }
23
+ function _iterable_to_array_limit(arr, i) {
24
+ var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
25
+ if (_i != null) {
26
+ var _arr = [], _n = !0, _d = !1, _s, _e;
27
+ try {
28
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
29
+ ;
30
+ } catch (err) {
31
+ _d = !0, _e = err;
32
+ } finally {
33
+ try {
34
+ !_n && _i.return != null && _i.return();
35
+ } finally {
36
+ if (_d)
37
+ throw _e;
38
+ }
39
+ }
40
+ return _arr;
41
+ }
42
+ }
43
+ function _non_iterable_rest() {
44
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
45
+ }
46
+ function _object_spread(target) {
47
+ for (var i = 1; i < arguments.length; i++) {
48
+ var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
49
+ typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
50
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
51
+ }))), ownKeys.forEach(function(key) {
52
+ _define_property(target, key, source[key]);
53
+ });
54
+ }
55
+ return target;
56
+ }
57
+ function _sliced_to_array(arr, i) {
58
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
59
+ }
60
+ function _unsupported_iterable_to_array(o, minLen) {
61
+ if (o) {
62
+ if (typeof o == "string")
63
+ return _array_like_to_array(o, minLen);
64
+ var n = Object.prototype.toString.call(o).slice(8, -1);
65
+ if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
66
+ return Array.from(n);
67
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
68
+ return _array_like_to_array(o, minLen);
69
+ }
70
+ }
6
71
  function SwitchHeadlessDemo() {
7
- return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ jsxs(XStack, { space: "$3", alignItems: "center", children: [
8
- /* @__PURE__ */ jsx(Label, { htmlFor: "headless", children: "Headless" }),
9
- /* @__PURE__ */ jsx(HeadlessSwitch, { defaultChecked: !0, id: "headless" })
10
- ] }) });
72
+ return /* @__PURE__ */ React.createElement(YStack, {
73
+ width: 200,
74
+ alignItems: "center",
75
+ space: "$3"
76
+ }, /* @__PURE__ */ React.createElement(XStack, {
77
+ space: "$3",
78
+ alignItems: "center"
79
+ }, /* @__PURE__ */ React.createElement(Label, {
80
+ htmlFor: "headless"
81
+ }, "Headless"), /* @__PURE__ */ React.createElement(HeadlessSwitch, {
82
+ defaultChecked: !0,
83
+ id: "headless"
84
+ })));
11
85
  }
12
- const HeadlessSwitch = forwardRef((props, ref) => {
13
- const [checked, setChecked] = useState(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = useSwitch(
14
- props,
15
- [checked, setChecked],
16
- ref
17
- ), animation = useRef(new Animated.Value(checked ? 1 : 0)).current;
18
- return useEffect(() => {
86
+ var HeadlessSwitch = /* @__PURE__ */ forwardRef(function(props, ref) {
87
+ var _useState = _sliced_to_array(useState(props.defaultChecked || !1), 2), checked = _useState[0], setChecked = _useState[1], _useSwitch = useSwitch(props, [
88
+ checked,
89
+ setChecked
90
+ ], ref), switchProps = _useSwitch.switchProps, switchRef = _useSwitch.switchRef, bubbleInput = _useSwitch.bubbleInput, animation = useRef(new Animated.Value(checked ? 1 : 0)).current;
91
+ return useEffect(function() {
19
92
  Animated.timing(animation, {
20
93
  toValue: checked ? 1 : 0,
21
94
  duration: 100,
22
95
  useNativeDriver: !0
23
96
  }).start();
24
- }, [checked]), /* @__PURE__ */ jsxs(Fragment, { children: [
25
- /* @__PURE__ */ jsx(
26
- Pressable,
97
+ }, [
98
+ checked
99
+ ]), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Pressable, _object_spread({
100
+ style: {
101
+ width: 40,
102
+ height: 20,
103
+ borderRadius: 100,
104
+ backgroundColor: checked ? "lightblue" : "silver"
105
+ },
106
+ ref: switchRef
107
+ }, switchProps), /* @__PURE__ */ React.createElement(Animated.View, {
108
+ style: [
109
+ {
110
+ backgroundColor: "black",
111
+ borderRadius: 100,
112
+ width: 20,
113
+ height: 20
114
+ },
27
115
  {
28
- style: {
29
- width: 40,
30
- height: 20,
31
- borderRadius: 100,
32
- backgroundColor: checked ? "lightblue" : "silver"
33
- },
34
- ref: switchRef,
35
- ...switchProps,
36
- children: /* @__PURE__ */ jsx(
37
- Animated.View,
116
+ transform: [
38
117
  {
39
- style: [
40
- {
41
- backgroundColor: "black",
42
- borderRadius: 100,
43
- width: 20,
44
- height: 20
45
- },
46
- {
47
- transform: [
48
- {
49
- translateX: animation.interpolate({
50
- inputRange: [0, 1],
51
- outputRange: [0, 20]
52
- })
53
- }
54
- ]
55
- }
56
- ]
118
+ translateX: animation.interpolate({
119
+ inputRange: [
120
+ 0,
121
+ 1
122
+ ],
123
+ outputRange: [
124
+ 0,
125
+ 20
126
+ ]
127
+ })
57
128
  }
58
- )
129
+ ]
59
130
  }
60
- ),
61
- bubbleInput
62
- ] });
131
+ ]
132
+ })), bubbleInput);
63
133
  });
64
134
  export {
65
135
  SwitchHeadlessDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/SwitchHeadlessDemo.tsx"],
4
- "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,YAAY,WAAW,QAAQ,gBAAgB;AAExD,SAAS,UAAU,iBAAiB;AACpC,SAAS,OAAO,QAAQ,cAAc;AAKhC,SA2BF,UA1BI,KADF;AAHC,SAAS,qBAAqB;AACnC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,+BAAC,UAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,wBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,oBAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,iBAAiB,WAAsC,CAAC,OAAO,QAAQ;AAC3E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,EAAK,GAC9D,EAAE,aAAa,WAAW,YAAY,IAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,YAAY,OAAO,IAAI,SAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAE9D,mBAAU,MAAM;AACd,aAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchHeadlessDemo.tsx"],
4
+ "mappings": "AACA,SAASA,iBAAiB;AAC1B,SAASC,YAAYC,WAAWC,QAAQC,gBAAgB;AAExD,SAASC,UAAUC,iBAAiB;AACpC,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,qBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACL,QAAAA;IAAOK,OAAM;IAAKD,YAAW;KAC5B,sBAAA,cAACL,OAAAA;IAAMO,SAAQ;KAAW,UAAA,GAC1B,sBAAA,cAACC,gBAAAA;IAAeC,gBAAAA;IAAeC,IAAG;;AAI1C;AAEA,IAAMF,iBAAiBd,2BAAsC,SAACiB,OAAOC,KAAAA;AACnE,MAA8Bf,YAAAA,iBAAAA,SAASc,MAAMF,kBAAkB,EAAA,GAAA,CAAA,GAAxDI,UAAuBhB,UAAAA,CAAAA,GAAdiB,aAAcjB,UAAAA,CAAAA,GACkBJ,aAAAA,UAC9CkB,OACA;IAACE;IAASC;KACVF,GAAAA,GAHMG,cAAwCtB,WAAxCsB,aAAaC,YAA2BvB,WAA3BuB,WAAWC,cAAgBxB,WAAhBwB,aAM1BC,YAAYtB,OAAO,IAAIE,SAASqB,MAAMN,UAAU,IAAI,CAAA,CAAA,EAAIO;AAE9DzB,mBAAU,WAAA;AACRG,aAASuB,OAAOH,WAAW;MACzBI,SAAST,UAAU,IAAI;MACvBU,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACZ;GAAQ,GAGV,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACd,WAAAA,eAAAA;IACC2B,OAAO;MACLtB,OAAO;MACPuB,QAAQ;MACRC,cAAc;MACdC,iBAAiBhB,UAAU,cAAc;IAC3C;IACAD,KAAKI;KACDD,WAAAA,GAEJ,sBAAA,cAACjB,SAASgC,MAAI;IACZJ,OAAO;MACL;QACEG,iBAAiB;QACjBD,cAAc;QACdxB,OAAO;QACPuB,QAAQ;MACV;MACA;QACEI,WAAW;UACT;YACEC,YAAYd,UAAUe,YAAY;cAChCC,YAAY;gBAAC;gBAAG;;cAChBC,aAAa;gBAAC;gBAAG;;YACnB,CAAA;UACF;;MAEJ;;OAILlB,WAAAA;AAGP,CAAA;",
5
+ "names": ["useSwitch", "forwardRef", "useEffect", "useRef", "useState", "Animated", "Pressable", "Label", "XStack", "YStack", "SwitchHeadlessDemo", "width", "alignItems", "space", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "props", "ref", "checked", "setChecked", "switchProps", "switchRef", "bubbleInput", "animation", "Value", "current", "timing", "toValue", "duration", "useNativeDriver", "start", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
6
6
  }
@@ -1,8 +1,7 @@
1
1
  import { Stack, styled } from "@tamagui/core";
2
2
  import { SwitchStyledContext, createSwitch } from "@tamagui/switch";
3
3
  import { Label, XStack, YStack } from "tamagui";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
- const Frame = styled(Stack, {
4
+ var Frame = styled(Stack, {
6
5
  context: SwitchStyledContext,
7
6
  width: 40,
8
7
  height: 20,
@@ -43,10 +42,21 @@ const Frame = styled(Stack, {
43
42
  Thumb
44
43
  });
45
44
  function SwitchUnstyledDemo() {
46
- return /* @__PURE__ */ jsx(YStack, { width: 200, alignItems: "center", space: "$3", children: /* @__PURE__ */ jsxs(XStack, { space: "$3", alignItems: "center", children: [
47
- /* @__PURE__ */ jsx(Label, { htmlFor: "unstyled-switch", children: "Unstyled" }),
48
- /* @__PURE__ */ jsx(Switch, { defaultChecked: !0, id: "unstyled-switch", children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
49
- ] }) });
45
+ return /* @__PURE__ */ React.createElement(YStack, {
46
+ width: 200,
47
+ alignItems: "center",
48
+ space: "$3"
49
+ }, /* @__PURE__ */ React.createElement(XStack, {
50
+ space: "$3",
51
+ alignItems: "center"
52
+ }, /* @__PURE__ */ React.createElement(Label, {
53
+ htmlFor: "unstyled-switch"
54
+ }, "Unstyled"), /* @__PURE__ */ React.createElement(Switch, {
55
+ defaultChecked: !0,
56
+ id: "unstyled-switch"
57
+ }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
58
+ animation: "quick"
59
+ }))));
50
60
  }
51
61
  export {
52
62
  Switch,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/SwitchUnstyledDemo.tsx"],
4
- "mappings": "AAAA,SAAS,OAAO,cAAc;AAC9B,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,OAAO,QAAQ,cAAc;AAoDhC,SACE,KADF;AAlDN,MAAM,QAAQ,OAAO,OAAO;AAAA,EAC1B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,QAAQ,OAAO,OAAO;AAAA,EAC1B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAGY,SAAS,aAAa;AAAA;AAAA,EAEjC;AAAA;AAAA,EAEA;AACF,CAAC;AAEM,SAAS,qBAAqB;AACnC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,+BAAC,UAAO,OAAM,MAAK,YAAW,UAC5B;AAAA,wBAAC,SAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,oBAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SwitchUnstyledDemo.tsx"],
4
+ "mappings": "AAAA,SAASA,OAAOC,cAAc;AAC9B,SAASC,qBAAqBC,oBAAoB;AAClD,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQN,OAAOD,OAAO;EAC1BQ,SAASN;EACTO,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EACAE,iBAAiB;IACfJ,SAAS;EACX;AACF,CAAA,GAEMK,QAAQjB,OAAOD,OAAO;EAC1BQ,SAASN;EACTO,OAAO;EACPC,QAAQ;EACRK,iBAAiB;EACjBJ,cAAc;EAEdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJK,SAAS;MACX;MACAH,OAAO;QACLG,SAAS;MACX;IACF;EACF;AACF,CAAA,GAGaC,SAASjB,aAAa;;EAEjCI;;EAEAW;AACF,CAAA;AAEO,SAASG,qBAAAA;AACd,SACE,sBAAA,cAACf,QAAAA;IAAOG,OAAO;IAAKa,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAAClB,QAAAA;IAAOkB,OAAM;IAAKD,YAAW;KAC5B,sBAAA,cAAClB,OAAAA;IAAMoB,SAAQ;KAAkB,UAAA,GACjC,sBAAA,cAACJ,QAAAA;IAAOK,gBAAAA;IAAeC,IAAG;KACxB,sBAAA,cAACN,OAAOF,OAAK;IAACS,WAAU;;AAKlC;",
5
+ "names": ["Stack", "styled", "SwitchStyledContext", "createSwitch", "Label", "XStack", "YStack", "Frame", "context", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "SwitchUnstyledDemo", "alignItems", "space", "htmlFor", "defaultChecked", "id", "animation"]
6
6
  }