@tamagui/demos 1.89.28 → 1.89.30

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 (319) hide show
  1. package/dist/cjs/AccordionDemo.native.js +68 -30
  2. package/dist/cjs/AccordionDemo.native.js.map +2 -2
  3. package/dist/cjs/AddThemeDemo.native.js +34 -22
  4. package/dist/cjs/AddThemeDemo.native.js.map +2 -2
  5. package/dist/cjs/AlertDialogDemo.native.js +84 -55
  6. package/dist/cjs/AlertDialogDemo.native.js.map +2 -2
  7. package/dist/cjs/AnimationsDemo.native.js +55 -33
  8. package/dist/cjs/AnimationsDemo.native.js.map +2 -2
  9. package/dist/cjs/AnimationsEnterDemo.native.js +32 -26
  10. package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
  11. package/dist/cjs/AnimationsHoverDemo.native.js +7 -6
  12. package/dist/cjs/AnimationsHoverDemo.native.js.map +2 -2
  13. package/dist/cjs/AnimationsPresenceDemo.native.js +49 -43
  14. package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
  15. package/dist/cjs/AnimationsTimingDemo.native.js +7 -6
  16. package/dist/cjs/AnimationsTimingDemo.native.js.map +2 -2
  17. package/dist/cjs/AvatarDemo.native.js +35 -31
  18. package/dist/cjs/AvatarDemo.native.js.map +2 -2
  19. package/dist/cjs/BuildAButtonDemo.native.js +96 -58
  20. package/dist/cjs/BuildAButtonDemo.native.js.map +2 -2
  21. package/dist/cjs/ButtonDemo.native.js +85 -36
  22. package/dist/cjs/ButtonDemo.native.js.map +2 -2
  23. package/dist/cjs/CardDemo.native.js +82 -43
  24. package/dist/cjs/CardDemo.native.js.map +2 -2
  25. package/dist/cjs/CheckboxDemo.native.js +54 -25
  26. package/dist/cjs/CheckboxDemo.native.js.map +2 -2
  27. package/dist/cjs/CheckboxHeadlessDemo.native.js +49 -22
  28. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
  29. package/dist/cjs/CheckboxUnstyledDemo.native.js +20 -11
  30. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +2 -2
  31. package/dist/cjs/ColorsDemo.native.js +96 -77
  32. package/dist/cjs/ColorsDemo.native.js.map +2 -2
  33. package/dist/cjs/DialogDemo.native.js +154 -103
  34. package/dist/cjs/DialogDemo.native.js.map +2 -2
  35. package/dist/cjs/FormsDemo.native.js +19 -11
  36. package/dist/cjs/FormsDemo.native.js.map +2 -2
  37. package/dist/cjs/Grid.native.js +20 -15
  38. package/dist/cjs/Grid.native.js.map +2 -2
  39. package/dist/cjs/GroupDemo.native.js +71 -24
  40. package/dist/cjs/GroupDemo.native.js.map +2 -2
  41. package/dist/cjs/HeadingsDemo.native.js +26 -14
  42. package/dist/cjs/HeadingsDemo.native.js.map +2 -2
  43. package/dist/cjs/ImageDemo.native.js +2 -2
  44. package/dist/cjs/ImageDemo.native.js.map +2 -2
  45. package/dist/cjs/InputsDemo.native.js +32 -21
  46. package/dist/cjs/InputsDemo.native.js.map +2 -2
  47. package/dist/cjs/LabelDemo.native.js +39 -24
  48. package/dist/cjs/LabelDemo.native.js.map +2 -2
  49. package/dist/cjs/LinearGradientDemo.native.js +41 -35
  50. package/dist/cjs/LinearGradientDemo.native.js.map +2 -2
  51. package/dist/cjs/ListItemDemo.native.js +67 -38
  52. package/dist/cjs/ListItemDemo.native.js.map +2 -2
  53. package/dist/cjs/LucideIconsDemo.native.js +38 -25
  54. package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
  55. package/dist/cjs/PopoverDemo.native.js +135 -83
  56. package/dist/cjs/PopoverDemo.native.js.map +2 -2
  57. package/dist/cjs/ProgressDemo.native.js +73 -49
  58. package/dist/cjs/ProgressDemo.native.js.map +2 -2
  59. package/dist/cjs/RadioGroupDemo.native.js +42 -30
  60. package/dist/cjs/RadioGroupDemo.native.js.map +2 -2
  61. package/dist/cjs/ReplaceThemeDemo.native.js +28 -21
  62. package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
  63. package/dist/cjs/ScrollViewDemo.native.js +51 -40
  64. package/dist/cjs/ScrollViewDemo.native.js.map +2 -2
  65. package/dist/cjs/SelectDemo.native.js +218 -138
  66. package/dist/cjs/SelectDemo.native.js.map +2 -2
  67. package/dist/cjs/SeparatorDemo.native.js +43 -29
  68. package/dist/cjs/SeparatorDemo.native.js.map +2 -2
  69. package/dist/cjs/ShapesDemo.native.js +16 -12
  70. package/dist/cjs/ShapesDemo.native.js.map +2 -2
  71. package/dist/cjs/SheetDemo.native.js +195 -128
  72. package/dist/cjs/SheetDemo.native.js.map +2 -2
  73. package/dist/cjs/SliderDemo.native.js +45 -18
  74. package/dist/cjs/SliderDemo.native.js.map +2 -2
  75. package/dist/cjs/SpinnerDemo.native.js +14 -10
  76. package/dist/cjs/SpinnerDemo.native.js.map +2 -2
  77. package/dist/cjs/StacksDemo.native.js +91 -79
  78. package/dist/cjs/StacksDemo.native.js.map +2 -2
  79. package/dist/cjs/SwitchDemo.native.js +75 -51
  80. package/dist/cjs/SwitchDemo.native.js.map +2 -2
  81. package/dist/cjs/SwitchHeadlessDemo.native.js +74 -46
  82. package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
  83. package/dist/cjs/SwitchUnstyledDemo.native.js +20 -13
  84. package/dist/cjs/SwitchUnstyledDemo.native.js.map +2 -2
  85. package/dist/cjs/TabsAdvancedDemo.native.js +239 -148
  86. package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
  87. package/dist/cjs/TabsDemo.native.js +159 -82
  88. package/dist/cjs/TabsDemo.native.js.map +2 -2
  89. package/dist/cjs/TextDemo.native.js +32 -27
  90. package/dist/cjs/TextDemo.native.js.map +2 -2
  91. package/dist/cjs/ThemeBuilderDemo.native.js +164 -130
  92. package/dist/cjs/ThemeBuilderDemo.native.js.map +2 -2
  93. package/dist/cjs/ThemeInverseDemo.native.js +45 -21
  94. package/dist/cjs/ThemeInverseDemo.native.js.map +2 -2
  95. package/dist/cjs/ToastDemo.native.js +85 -57
  96. package/dist/cjs/ToastDemo.native.js.map +2 -2
  97. package/dist/cjs/ToastDuplicateDemo.native.js +58 -33
  98. package/dist/cjs/ToastDuplicateDemo.native.js.map +2 -2
  99. package/dist/cjs/ToggleGroupDemo.native.js +78 -52
  100. package/dist/cjs/ToggleGroupDemo.native.js.map +2 -2
  101. package/dist/cjs/TokensDemo.native.js +81 -54
  102. package/dist/cjs/TokensDemo.native.js.map +2 -2
  103. package/dist/cjs/TooltipDemo.native.js +145 -78
  104. package/dist/cjs/TooltipDemo.native.js.map +2 -2
  105. package/dist/cjs/UpdateThemeDemo.native.js +29 -22
  106. package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
  107. package/dist/esm/AccordionDemo.native.js +68 -29
  108. package/dist/esm/AccordionDemo.native.js.map +1 -1
  109. package/dist/esm/AddThemeDemo.native.js +34 -21
  110. package/dist/esm/AddThemeDemo.native.js.map +1 -1
  111. package/dist/esm/AlertDialogDemo.native.js +84 -54
  112. package/dist/esm/AlertDialogDemo.native.js.map +2 -2
  113. package/dist/esm/AnimationsDemo.native.js +55 -32
  114. package/dist/esm/AnimationsDemo.native.js.map +1 -1
  115. package/dist/esm/AnimationsEnterDemo.native.js +32 -25
  116. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
  117. package/dist/esm/AnimationsHoverDemo.native.js +7 -5
  118. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
  119. package/dist/esm/AnimationsPresenceDemo.native.js +49 -42
  120. package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
  121. package/dist/esm/AnimationsTimingDemo.native.js +7 -5
  122. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
  123. package/dist/esm/AvatarDemo.native.js +34 -21
  124. package/dist/esm/AvatarDemo.native.js.map +2 -2
  125. package/dist/esm/BuildAButtonDemo.native.js +96 -57
  126. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  127. package/dist/esm/ButtonDemo.native.js +85 -35
  128. package/dist/esm/ButtonDemo.native.js.map +1 -1
  129. package/dist/esm/CardDemo.native.js +82 -42
  130. package/dist/esm/CardDemo.native.js.map +1 -1
  131. package/dist/esm/CheckboxDemo.native.js +54 -24
  132. package/dist/esm/CheckboxDemo.native.js.map +1 -1
  133. package/dist/esm/CheckboxHeadlessDemo.native.js +49 -21
  134. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
  135. package/dist/esm/CheckboxUnstyledDemo.native.js +20 -10
  136. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
  137. package/dist/esm/ColorsDemo.native.js +96 -76
  138. package/dist/esm/ColorsDemo.native.js.map +2 -2
  139. package/dist/esm/DialogDemo.native.js +154 -102
  140. package/dist/esm/DialogDemo.native.js.map +2 -2
  141. package/dist/esm/FormsDemo.native.js +19 -10
  142. package/dist/esm/FormsDemo.native.js.map +1 -1
  143. package/dist/esm/Grid.native.js +20 -14
  144. package/dist/esm/Grid.native.js.map +2 -2
  145. package/dist/esm/GroupDemo.native.js +71 -23
  146. package/dist/esm/GroupDemo.native.js.map +1 -1
  147. package/dist/esm/HeadingsDemo.native.js +25 -4
  148. package/dist/esm/HeadingsDemo.native.js.map +2 -2
  149. package/dist/esm/ImageDemo.native.js +2 -1
  150. package/dist/esm/ImageDemo.native.js.map +1 -1
  151. package/dist/esm/InputsDemo.native.js +32 -20
  152. package/dist/esm/InputsDemo.native.js.map +1 -1
  153. package/dist/esm/LabelDemo.native.js +39 -23
  154. package/dist/esm/LabelDemo.native.js.map +1 -1
  155. package/dist/esm/LinearGradientDemo.native.js +41 -34
  156. package/dist/esm/LinearGradientDemo.native.js.map +1 -1
  157. package/dist/esm/ListItemDemo.native.js +67 -37
  158. package/dist/esm/ListItemDemo.native.js.map +1 -1
  159. package/dist/esm/LucideIconsDemo.native.js +38 -24
  160. package/dist/esm/LucideIconsDemo.native.js.map +1 -1
  161. package/dist/esm/PopoverDemo.native.js +135 -82
  162. package/dist/esm/PopoverDemo.native.js.map +1 -1
  163. package/dist/esm/ProgressDemo.native.js +73 -48
  164. package/dist/esm/ProgressDemo.native.js.map +1 -1
  165. package/dist/esm/RadioGroupDemo.native.js +42 -29
  166. package/dist/esm/RadioGroupDemo.native.js.map +1 -1
  167. package/dist/esm/ReplaceThemeDemo.native.js +28 -20
  168. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
  169. package/dist/esm/ScrollViewDemo.native.js +51 -39
  170. package/dist/esm/ScrollViewDemo.native.js.map +1 -1
  171. package/dist/esm/SelectDemo.native.js +218 -137
  172. package/dist/esm/SelectDemo.native.js.map +2 -2
  173. package/dist/esm/SeparatorDemo.native.js +42 -19
  174. package/dist/esm/SeparatorDemo.native.js.map +2 -2
  175. package/dist/esm/ShapesDemo.native.js +16 -11
  176. package/dist/esm/ShapesDemo.native.js.map +1 -1
  177. package/dist/esm/SheetDemo.native.js +195 -127
  178. package/dist/esm/SheetDemo.native.js.map +2 -2
  179. package/dist/esm/SliderDemo.native.js +45 -17
  180. package/dist/esm/SliderDemo.native.js.map +1 -1
  181. package/dist/esm/SpinnerDemo.native.js +14 -9
  182. package/dist/esm/SpinnerDemo.native.js.map +1 -1
  183. package/dist/esm/StacksDemo.native.js +90 -69
  184. package/dist/esm/StacksDemo.native.js.map +2 -2
  185. package/dist/esm/SwitchDemo.native.js +75 -50
  186. package/dist/esm/SwitchDemo.native.js.map +1 -1
  187. package/dist/esm/SwitchHeadlessDemo.native.js +74 -45
  188. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
  189. package/dist/esm/SwitchUnstyledDemo.native.js +20 -12
  190. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
  191. package/dist/esm/TabsAdvancedDemo.native.js +239 -147
  192. package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
  193. package/dist/esm/TabsDemo.native.js +159 -81
  194. package/dist/esm/TabsDemo.native.js.map +2 -2
  195. package/dist/esm/TextDemo.native.js +31 -17
  196. package/dist/esm/TextDemo.native.js.map +2 -2
  197. package/dist/esm/ThemeBuilderDemo.native.js +164 -129
  198. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
  199. package/dist/esm/ThemeInverseDemo.native.js +45 -20
  200. package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
  201. package/dist/esm/ToastDemo.native.js +85 -56
  202. package/dist/esm/ToastDemo.native.js.map +2 -2
  203. package/dist/esm/ToastDuplicateDemo.native.js +58 -32
  204. package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
  205. package/dist/esm/ToggleGroupDemo.native.js +78 -51
  206. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  207. package/dist/esm/TokensDemo.native.js +81 -53
  208. package/dist/esm/TokensDemo.native.js.map +1 -1
  209. package/dist/esm/TooltipDemo.native.js +145 -77
  210. package/dist/esm/TooltipDemo.native.js.map +1 -1
  211. package/dist/esm/UpdateThemeDemo.native.js +29 -21
  212. package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
  213. package/dist/jsx/AccordionDemo.native.js +68 -29
  214. package/dist/jsx/AccordionDemo.native.js.map +1 -1
  215. package/dist/jsx/AddThemeDemo.native.js +34 -21
  216. package/dist/jsx/AddThemeDemo.native.js.map +1 -1
  217. package/dist/jsx/AlertDialogDemo.native.js +84 -54
  218. package/dist/jsx/AlertDialogDemo.native.js.map +2 -2
  219. package/dist/jsx/AnimationsDemo.native.js +55 -32
  220. package/dist/jsx/AnimationsDemo.native.js.map +1 -1
  221. package/dist/jsx/AnimationsEnterDemo.native.js +32 -25
  222. package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
  223. package/dist/jsx/AnimationsHoverDemo.native.js +7 -5
  224. package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
  225. package/dist/jsx/AnimationsPresenceDemo.native.js +49 -42
  226. package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
  227. package/dist/jsx/AnimationsTimingDemo.native.js +7 -5
  228. package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
  229. package/dist/jsx/AvatarDemo.native.js +34 -21
  230. package/dist/jsx/AvatarDemo.native.js.map +2 -2
  231. package/dist/jsx/BuildAButtonDemo.native.js +96 -57
  232. package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
  233. package/dist/jsx/ButtonDemo.native.js +85 -35
  234. package/dist/jsx/ButtonDemo.native.js.map +1 -1
  235. package/dist/jsx/CardDemo.native.js +82 -42
  236. package/dist/jsx/CardDemo.native.js.map +1 -1
  237. package/dist/jsx/CheckboxDemo.native.js +54 -24
  238. package/dist/jsx/CheckboxDemo.native.js.map +1 -1
  239. package/dist/jsx/CheckboxHeadlessDemo.native.js +49 -21
  240. package/dist/jsx/CheckboxHeadlessDemo.native.js.map +1 -1
  241. package/dist/jsx/CheckboxUnstyledDemo.native.js +20 -10
  242. package/dist/jsx/CheckboxUnstyledDemo.native.js.map +1 -1
  243. package/dist/jsx/ColorsDemo.native.js +96 -76
  244. package/dist/jsx/ColorsDemo.native.js.map +2 -2
  245. package/dist/jsx/DialogDemo.native.js +154 -102
  246. package/dist/jsx/DialogDemo.native.js.map +2 -2
  247. package/dist/jsx/FormsDemo.native.js +19 -10
  248. package/dist/jsx/FormsDemo.native.js.map +1 -1
  249. package/dist/jsx/Grid.native.js +20 -14
  250. package/dist/jsx/Grid.native.js.map +2 -2
  251. package/dist/jsx/GroupDemo.native.js +71 -23
  252. package/dist/jsx/GroupDemo.native.js.map +1 -1
  253. package/dist/jsx/HeadingsDemo.native.js +25 -4
  254. package/dist/jsx/HeadingsDemo.native.js.map +2 -2
  255. package/dist/jsx/ImageDemo.native.js +2 -1
  256. package/dist/jsx/ImageDemo.native.js.map +1 -1
  257. package/dist/jsx/InputsDemo.native.js +32 -20
  258. package/dist/jsx/InputsDemo.native.js.map +1 -1
  259. package/dist/jsx/LabelDemo.native.js +39 -23
  260. package/dist/jsx/LabelDemo.native.js.map +1 -1
  261. package/dist/jsx/LinearGradientDemo.native.js +41 -34
  262. package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
  263. package/dist/jsx/ListItemDemo.native.js +67 -37
  264. package/dist/jsx/ListItemDemo.native.js.map +1 -1
  265. package/dist/jsx/LucideIconsDemo.native.js +38 -24
  266. package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
  267. package/dist/jsx/PopoverDemo.native.js +135 -82
  268. package/dist/jsx/PopoverDemo.native.js.map +1 -1
  269. package/dist/jsx/ProgressDemo.native.js +73 -48
  270. package/dist/jsx/ProgressDemo.native.js.map +1 -1
  271. package/dist/jsx/RadioGroupDemo.native.js +42 -29
  272. package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
  273. package/dist/jsx/ReplaceThemeDemo.native.js +28 -20
  274. package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
  275. package/dist/jsx/ScrollViewDemo.native.js +51 -39
  276. package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
  277. package/dist/jsx/SelectDemo.native.js +218 -137
  278. package/dist/jsx/SelectDemo.native.js.map +2 -2
  279. package/dist/jsx/SeparatorDemo.native.js +42 -19
  280. package/dist/jsx/SeparatorDemo.native.js.map +2 -2
  281. package/dist/jsx/ShapesDemo.native.js +16 -11
  282. package/dist/jsx/ShapesDemo.native.js.map +1 -1
  283. package/dist/jsx/SheetDemo.native.js +195 -127
  284. package/dist/jsx/SheetDemo.native.js.map +2 -2
  285. package/dist/jsx/SliderDemo.native.js +45 -17
  286. package/dist/jsx/SliderDemo.native.js.map +1 -1
  287. package/dist/jsx/SpinnerDemo.native.js +14 -9
  288. package/dist/jsx/SpinnerDemo.native.js.map +1 -1
  289. package/dist/jsx/StacksDemo.native.js +90 -69
  290. package/dist/jsx/StacksDemo.native.js.map +2 -2
  291. package/dist/jsx/SwitchDemo.native.js +75 -50
  292. package/dist/jsx/SwitchDemo.native.js.map +1 -1
  293. package/dist/jsx/SwitchHeadlessDemo.native.js +74 -45
  294. package/dist/jsx/SwitchHeadlessDemo.native.js.map +1 -1
  295. package/dist/jsx/SwitchUnstyledDemo.native.js +20 -12
  296. package/dist/jsx/SwitchUnstyledDemo.native.js.map +1 -1
  297. package/dist/jsx/TabsAdvancedDemo.native.js +239 -147
  298. package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
  299. package/dist/jsx/TabsDemo.native.js +159 -81
  300. package/dist/jsx/TabsDemo.native.js.map +2 -2
  301. package/dist/jsx/TextDemo.native.js +31 -17
  302. package/dist/jsx/TextDemo.native.js.map +2 -2
  303. package/dist/jsx/ThemeBuilderDemo.native.js +164 -129
  304. package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
  305. package/dist/jsx/ThemeInverseDemo.native.js +45 -20
  306. package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
  307. package/dist/jsx/ToastDemo.native.js +85 -56
  308. package/dist/jsx/ToastDemo.native.js.map +2 -2
  309. package/dist/jsx/ToastDuplicateDemo.native.js +58 -32
  310. package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
  311. package/dist/jsx/ToggleGroupDemo.native.js +78 -51
  312. package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
  313. package/dist/jsx/TokensDemo.native.js +81 -53
  314. package/dist/jsx/TokensDemo.native.js.map +1 -1
  315. package/dist/jsx/TooltipDemo.native.js +145 -77
  316. package/dist/jsx/TooltipDemo.native.js.map +1 -1
  317. package/dist/jsx/UpdateThemeDemo.native.js +29 -21
  318. package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
  319. package/package.json +18 -18
@@ -1,3 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
2
  import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
2
3
  import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
3
4
  function _define_property(obj, key, value) {
@@ -10,15 +11,30 @@ function _define_property(obj, key, value) {
10
11
  }
11
12
  function _object_spread(target) {
12
13
  for (var i = 1; i < arguments.length; i++) {
13
- var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
14
- typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
14
+ var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
15
+ typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
15
16
  return Object.getOwnPropertyDescriptor(source, sym).enumerable;
16
- }))), ownKeys.forEach(function(key) {
17
+ }))), ownKeys2.forEach(function(key) {
17
18
  _define_property(target, key, source[key]);
18
19
  });
19
20
  }
20
21
  return target;
21
22
  }
23
+ function ownKeys(object, enumerableOnly) {
24
+ var keys = Object.keys(object);
25
+ if (Object.getOwnPropertySymbols) {
26
+ var symbols = Object.getOwnPropertySymbols(object);
27
+ enumerableOnly && (symbols = symbols.filter(function(sym) {
28
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
29
+ })), keys.push.apply(keys, symbols);
30
+ }
31
+ return keys;
32
+ }
33
+ function _object_spread_props(target, source) {
34
+ return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
35
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
36
+ }), target;
37
+ }
22
38
  function _object_without_properties(source, excluded) {
23
39
  if (source == null)
24
40
  return {};
@@ -39,97 +55,134 @@ function _object_without_properties_loose(source, excluded) {
39
55
  return target;
40
56
  }
41
57
  function PopoverDemo() {
42
- return /* @__PURE__ */ React.createElement(XStack, {
58
+ return /* @__PURE__ */ _jsxs(XStack, {
43
59
  space: "$2",
44
60
  flex: 1,
45
61
  justifyContent: "center",
46
- alignItems: "center"
47
- }, /* @__PURE__ */ React.createElement(Demo, {
48
- placement: "left",
49
- Icon: ChevronLeft,
50
- Name: "left-popover"
51
- }), /* @__PURE__ */ React.createElement(Demo, {
52
- placement: "bottom",
53
- Icon: ChevronDown,
54
- Name: "bottom-popover"
55
- }), /* @__PURE__ */ React.createElement(Demo, {
56
- placement: "top",
57
- Icon: ChevronUp,
58
- Name: "top-popover"
59
- }), /* @__PURE__ */ React.createElement(Demo, {
60
- placement: "right",
61
- Icon: ChevronRight,
62
- Name: "right-popover"
63
- }));
62
+ alignItems: "center",
63
+ children: [
64
+ /* @__PURE__ */ _jsx(Demo, {
65
+ placement: "left",
66
+ Icon: ChevronLeft,
67
+ Name: "left-popover"
68
+ }),
69
+ /* @__PURE__ */ _jsx(Demo, {
70
+ placement: "bottom",
71
+ Icon: ChevronDown,
72
+ Name: "bottom-popover"
73
+ }),
74
+ /* @__PURE__ */ _jsx(Demo, {
75
+ placement: "top",
76
+ Icon: ChevronUp,
77
+ Name: "top-popover"
78
+ }),
79
+ /* @__PURE__ */ _jsx(Demo, {
80
+ placement: "right",
81
+ Icon: ChevronRight,
82
+ Name: "right-popover"
83
+ })
84
+ ]
85
+ });
64
86
  }
65
87
  function Demo(_param) {
66
88
  var Icon = _param.Icon, Name = _param.Name, props = _object_without_properties(_param, [
67
89
  "Icon",
68
90
  "Name"
69
91
  ]);
70
- return /* @__PURE__ */ React.createElement(Popover, _object_spread({
92
+ return /* @__PURE__ */ _jsxs(Popover, _object_spread_props(_object_spread({
71
93
  size: "$5",
72
94
  allowFlip: !0
73
- }, props), /* @__PURE__ */ React.createElement(Popover.Trigger, {
74
- asChild: !0
75
- }, /* @__PURE__ */ React.createElement(Button, {
76
- icon: Icon
77
- })), /* @__PURE__ */ React.createElement(Adapt, {
78
- when: "sm",
79
- platform: "touch"
80
- }, /* @__PURE__ */ React.createElement(Popover.Sheet, {
81
- modal: !0,
82
- dismissOnSnapToBottom: !0
83
- }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, {
84
- padding: "$4"
85
- }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, {
86
- animation: "lazy",
87
- enterStyle: {
88
- opacity: 0
89
- },
90
- exitStyle: {
91
- opacity: 0
92
- }
93
- }))), /* @__PURE__ */ React.createElement(Popover.Content, {
94
- borderWidth: 1,
95
- borderColor: "$borderColor",
96
- enterStyle: {
97
- y: -10,
98
- opacity: 0
99
- },
100
- exitStyle: {
101
- y: -10,
102
- opacity: 0
103
- },
104
- elevate: !0,
105
- animation: [
106
- "quick",
107
- {
108
- opacity: {
109
- overshootClamping: !0
110
- }
111
- }
95
+ }, props), {
96
+ children: [
97
+ /* @__PURE__ */ _jsx(Popover.Trigger, {
98
+ asChild: !0,
99
+ children: /* @__PURE__ */ _jsx(Button, {
100
+ icon: Icon
101
+ })
102
+ }),
103
+ /* @__PURE__ */ _jsx(Adapt, {
104
+ when: "sm",
105
+ platform: "touch",
106
+ children: /* @__PURE__ */ _jsxs(Popover.Sheet, {
107
+ modal: !0,
108
+ dismissOnSnapToBottom: !0,
109
+ children: [
110
+ /* @__PURE__ */ _jsx(Popover.Sheet.Frame, {
111
+ padding: "$4",
112
+ children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
113
+ }),
114
+ /* @__PURE__ */ _jsx(Popover.Sheet.Overlay, {
115
+ animation: "lazy",
116
+ enterStyle: {
117
+ opacity: 0
118
+ },
119
+ exitStyle: {
120
+ opacity: 0
121
+ }
122
+ })
123
+ ]
124
+ })
125
+ }),
126
+ /* @__PURE__ */ _jsxs(Popover.Content, {
127
+ borderWidth: 1,
128
+ borderColor: "$borderColor",
129
+ enterStyle: {
130
+ y: -10,
131
+ opacity: 0
132
+ },
133
+ exitStyle: {
134
+ y: -10,
135
+ opacity: 0
136
+ },
137
+ elevate: !0,
138
+ animation: [
139
+ "quick",
140
+ {
141
+ opacity: {
142
+ overshootClamping: !0
143
+ }
144
+ }
145
+ ],
146
+ children: [
147
+ /* @__PURE__ */ _jsx(Popover.Arrow, {
148
+ borderWidth: 1,
149
+ borderColor: "$borderColor"
150
+ }),
151
+ /* @__PURE__ */ _jsxs(YStack, {
152
+ space: "$3",
153
+ children: [
154
+ /* @__PURE__ */ _jsxs(XStack, {
155
+ space: "$3",
156
+ children: [
157
+ /* @__PURE__ */ _jsx(Label, {
158
+ size: "$3",
159
+ htmlFor: Name,
160
+ children: "Name"
161
+ }),
162
+ /* @__PURE__ */ _jsx(Input, {
163
+ size: "$3",
164
+ id: Name
165
+ })
166
+ ]
167
+ }),
168
+ /* @__PURE__ */ _jsx(Popover.Close, {
169
+ asChild: !0,
170
+ children: /* @__PURE__ */ _jsx(Button, {
171
+ size: "$3",
172
+ onPress: function() {
173
+ },
174
+ children: (
175
+ /* Custom code goes here, does not interfere with popover closure */
176
+ "Submit"
177
+ )
178
+ })
179
+ })
180
+ ]
181
+ })
182
+ ]
183
+ })
112
184
  ]
113
- }, /* @__PURE__ */ React.createElement(Popover.Arrow, {
114
- borderWidth: 1,
115
- borderColor: "$borderColor"
116
- }), /* @__PURE__ */ React.createElement(YStack, {
117
- space: "$3"
118
- }, /* @__PURE__ */ React.createElement(XStack, {
119
- space: "$3"
120
- }, /* @__PURE__ */ React.createElement(Label, {
121
- size: "$3",
122
- htmlFor: Name
123
- }, "Name"), /* @__PURE__ */ React.createElement(Input, {
124
- size: "$3",
125
- id: Name
126
- })), /* @__PURE__ */ React.createElement(Popover.Close, {
127
- asChild: !0
128
- }, /* @__PURE__ */ React.createElement(Button, {
129
- size: "$3",
130
- onPress: function() {
131
- }
132
- }, "Submit")))));
185
+ }));
133
186
  }
134
187
  export {
135
188
  Demo,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/PopoverDemo.tsx"],
4
- "mappings": "AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAElE,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,SAASC,cAAAA;AACd,SACE,sBAAA,cAACF,QAAAA;IAAOG,OAAM;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;KAC7D,sBAAA,cAACC,MAAAA;IAAKC,WAAU;IAAOC,MAAMjB;IAAakB,MAAK;MAC/C,sBAAA,cAACH,MAAAA;IAAKC,WAAU;IAASC,MAAMlB;IAAamB,MAAK;MACjD,sBAAA,cAACH,MAAAA;IAAKC,WAAU;IAAMC,MAAMf;IAAWgB,MAAK;MAC5C,sBAAA,cAACH,MAAAA;IAAKC,WAAU;IAAQC,MAAMhB;IAAciB,MAAK;;AAGvD;AAEO,SAASH,KAAK,QAAA;MACnBE,OADmB,OACnBA,MACAC,OAFmB,OAEnBA,MACGC,QAAAA,2BAHgB,QAAA;IACnBF;IACAC;;AAGA,SACE,sBAAA,cAACX,SAAAA,eAAAA;IAAQa,MAAK;IAAKC,WAAAA;KAAcF,KAAAA,GAC/B,sBAAA,cAACZ,QAAQe,SAAO;IAACC,SAAAA;KACf,sBAAA,cAACnB,QAAAA;IAAOoB,MAAMP;OAGhB,sBAAA,cAACd,OAAAA;IAAMsB,MAAK;IAAKC,UAAS;KACxB,sBAAA,cAACnB,QAAQoB,OAAK;IAACC,OAAAA;IAAMC,uBAAAA;KACnB,sBAAA,cAACtB,QAAQoB,MAAMG,OAAK;IAACC,SAAQ;KAC3B,sBAAA,cAAC5B,MAAM6B,UAAQ,IAAA,CAAA,GAEjB,sBAAA,cAACzB,QAAQoB,MAAMM,SAAO;IACpBC,WAAU;IACVC,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;QAK9B,sBAAA,cAAC7B,QAAQ+B,SAAO;IACdC,aAAa;IACbC,aAAY;IACZL,YAAY;MAAEM,GAAG;MAAKL,SAAS;IAAE;IACjCC,WAAW;MAAEI,GAAG;MAAKL,SAAS;IAAE;IAChCM,SAAAA;IACAR,WAAW;MACT;MACA;QACEE,SAAS;UACPO,mBAAmB;QACrB;MACF;;KAGF,sBAAA,cAACpC,QAAQqC,OAAK;IAACL,aAAa;IAAGC,aAAY;MAE3C,sBAAA,cAAC/B,QAAAA;IAAOE,OAAM;KACZ,sBAAA,cAACH,QAAAA;IAAOG,OAAM;KACZ,sBAAA,cAACL,OAAAA;IAAMc,MAAK;IAAKyB,SAAS3B;KAAM,MAAA,GAGhC,sBAAA,cAACb,OAAAA;IAAMe,MAAK;IAAK0B,IAAI5B;OAGvB,sBAAA,cAACX,QAAQwC,OAAK;IAACxB,SAAAA;KACb,sBAAA,cAACnB,QAAAA;IACCgB,MAAK;IACL4B,SAAS,WAAA;IAET;KACD,QAAA,CAAA,CAAA,CAAA,CAAA;AAQb;",
4
+ "mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAElE,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,SAASC,cAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,OAAM;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC7D,qBAACC,MAAAA;QAAKC,WAAU;QAAOC,MAAMjB;QAAakB,MAAK;;MAC/C,qBAACH,MAAAA;QAAKC,WAAU;QAASC,MAAMlB;QAAamB,MAAK;;MACjD,qBAACH,MAAAA;QAAKC,WAAU;QAAMC,MAAMf;QAAWgB,MAAK;;MAC5C,qBAACH,MAAAA;QAAKC,WAAU;QAAQC,MAAMhB;QAAciB,MAAK;;;;AAGvD;AAEO,SAASH,KAAK,QAAA;MACnBE,OADmB,OACnBA,MACAC,OAFmB,OAEnBA,MACGC,QAAAA,2BAHgB,QAAA;IACnBF;IACAC;;AAGA,SACE,sBAACX,SAAAA,qBAAAA,eAAAA;IAAQa,MAAK;IAAKC,WAAS;KAAKF,KAAAA,GAAAA;;MAC/B,qBAACZ,QAAQe,SAAO;QAACC,SAAO;kBACtB,qBAACnB,QAAAA;UAAOoB,MAAMP;;;MAGhB,qBAACd,OAAAA;QAAMsB,MAAK;QAAKC,UAAS;kBACxB,sBAACnB,QAAQoB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACtB,QAAQoB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAC5B,MAAM6B,UAAQ,CAAA,CAAA;;YAEjB,qBAACzB,QAAQoB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC7B,QAAQ+B,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,qBAACpC,QAAQqC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAC/B,QAAAA;YAAOE,OAAM;;cACZ,sBAACH,QAAAA;gBAAOG,OAAM;;kBACZ,qBAACL,OAAAA;oBAAMc,MAAK;oBAAKyB,SAAS3B;8BAAM;;kBAGhC,qBAACb,OAAAA;oBAAMe,MAAK;oBAAK0B,IAAI5B;;;;cAGvB,qBAACX,QAAQwC,OAAK;gBAACxB,SAAO;0BACpB,qBAACnB,QAAAA;kBACCgB,MAAK;kBACL4B,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
5
5
  "names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Adapt", "Button", "Input", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "space", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "id", "Close", "onPress"]
6
6
  }
@@ -1,3 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
2
  import { useEffect, useState } from "react";
2
3
  import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
3
4
  function _array_like_to_array(arr, len) {
@@ -56,54 +57,78 @@ function ProgressDemo() {
56
57
  return function() {
57
58
  clearTimeout(timer);
58
59
  };
59
- }, []), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(YStack, {
60
- height: 60,
61
- alignItems: "center",
62
- space: !0
63
- }, /* @__PURE__ */ React.createElement(Paragraph, {
64
- height: 30,
65
- opacity: 0.5
66
- }, "Size: ", size), /* @__PURE__ */ React.createElement(Progress, {
67
- size: sizeProp,
68
- value: progress
69
- }, /* @__PURE__ */ React.createElement(Progress.Indicator, {
70
- animation: "bouncy"
71
- }))), /* @__PURE__ */ React.createElement(XStack, {
72
- alignItems: "center",
73
- space: !0,
74
- position: "absolute",
75
- bottom: "$3",
76
- left: "$4",
77
- $xxs: {
78
- display: "none"
79
- }
80
- }, /* @__PURE__ */ React.createElement(Slider, {
81
- size: "$2",
82
- width: 130,
83
- defaultValue: [
84
- 4
85
- ],
86
- min: 2,
87
- max: 6,
88
- step: 1,
89
- onValueChange: function(param) {
90
- var _param = _sliced_to_array(param, 1), val = _param[0];
91
- setSize(val);
92
- }
93
- }, /* @__PURE__ */ React.createElement(Slider.Track, {
94
- borderWidth: 1,
95
- borderColor: "$color5"
96
- }, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(Slider.Thumb, {
97
- circular: !0,
98
- index: 0
99
- })), /* @__PURE__ */ React.createElement(Button, {
100
- size: "$2",
101
- onPress: function() {
102
- return setProgress(function(prev) {
103
- return (prev + 20) % 100;
104
- });
105
- }
106
- }, "Load")));
60
+ }, []), /* @__PURE__ */ _jsxs(_Fragment, {
61
+ children: [
62
+ /* @__PURE__ */ _jsxs(YStack, {
63
+ height: 60,
64
+ alignItems: "center",
65
+ space: !0,
66
+ children: [
67
+ /* @__PURE__ */ _jsxs(Paragraph, {
68
+ height: 30,
69
+ opacity: 0.5,
70
+ children: [
71
+ "Size: ",
72
+ size
73
+ ]
74
+ }),
75
+ /* @__PURE__ */ _jsx(Progress, {
76
+ size: sizeProp,
77
+ value: progress,
78
+ children: /* @__PURE__ */ _jsx(Progress.Indicator, {
79
+ animation: "bouncy"
80
+ })
81
+ })
82
+ ]
83
+ }),
84
+ /* @__PURE__ */ _jsxs(XStack, {
85
+ alignItems: "center",
86
+ space: !0,
87
+ position: "absolute",
88
+ bottom: "$3",
89
+ left: "$4",
90
+ $xxs: {
91
+ display: "none"
92
+ },
93
+ children: [
94
+ /* @__PURE__ */ _jsxs(Slider, {
95
+ size: "$2",
96
+ width: 130,
97
+ defaultValue: [
98
+ 4
99
+ ],
100
+ min: 2,
101
+ max: 6,
102
+ step: 1,
103
+ onValueChange: function(param) {
104
+ var _param = _sliced_to_array(param, 1), val = _param[0];
105
+ setSize(val);
106
+ },
107
+ children: [
108
+ /* @__PURE__ */ _jsx(Slider.Track, {
109
+ borderWidth: 1,
110
+ borderColor: "$color5",
111
+ children: /* @__PURE__ */ _jsx(Slider.TrackActive, {})
112
+ }),
113
+ /* @__PURE__ */ _jsx(Slider.Thumb, {
114
+ circular: !0,
115
+ index: 0
116
+ })
117
+ ]
118
+ }),
119
+ /* @__PURE__ */ _jsx(Button, {
120
+ size: "$2",
121
+ onPress: function() {
122
+ return setProgress(function(prev) {
123
+ return (prev + 20) % 100;
124
+ });
125
+ },
126
+ children: "Load"
127
+ })
128
+ ]
129
+ })
130
+ ]
131
+ });
107
132
  }
108
133
  export {
109
134
  ProgressDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ProgressDemo.tsx"],
4
- "mappings": "AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAwBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BQ,OAAiBR,UAAAA,CAAAA,GAAXS,UAAWT,UAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAlCU,WAAyBV,WAAAA,CAAAA,GAAfW,cAAeX,WAAAA,CAAAA,GAC1BY,WAAY,IAAQ,OAALJ,IAAAA;AAErBT,mBAAU,WAAA;AACR,QAAMc,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACP,QAAAA;IAAOU,QAAQ;IAAIC,YAAW;IAASC,OAAAA;KACtC,sBAAA,cAAChB,WAAAA;IAAUc,QAAQ;IAAIG,SAAS;KAAK,UAC5BX,IAAAA,GAET,sBAAA,cAACL,UAAAA;IAASK,MAAMI;IAAUQ,OAAOV;KAC/B,sBAAA,cAACP,SAASkB,WAAS;IAACC,WAAU;QAIlC,sBAAA,cAACjB,QAAAA;IACCY,YAAW;IACXC,OAAAA;IACAK,UAAS;IACTC,QAAO;IACPC,MAAK;IACLC,MAAM;MAAEC,SAAS;IAAO;KAExB,sBAAA,cAACvB,QAAAA;IACCI,MAAK;IACLoB,OAAO;IACPC,cAAc;MAAC;;IACfC,KAAK;IACLC,KAAK;IACLC,MAAM;IACNC,eAAe,SAAA,OAAA;+CAAEC,MAAAA,OAAAA,CAAAA;AACfzB,cAAQyB,GAAAA;IACV;KAEA,sBAAA,cAAC9B,OAAO+B,OAAK;IAACC,aAAa;IAAGC,aAAY;KACxC,sBAAA,cAACjC,OAAOkC,aAAW,IAAA,CAAA,GAErB,sBAAA,cAAClC,OAAOmC,OAAK;IAACC,UAAAA;IAASC,OAAO;OAGhC,sBAAA,cAACxC,QAAAA;IAAOO,MAAK;IAAKkC,SAAS,WAAA;aAAM/B,YAAY,SAACgC,MAAAA;gBAAUA,OAAO,MAAM;;;KAAM,MAAA,CAAA,CAAA;AAMnF;",
4
+ "mappings": ";AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAwBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BQ,OAAiBR,UAAAA,CAAAA,GAAXS,UAAWT,UAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAlCU,WAAyBV,WAAAA,CAAAA,GAAfW,cAAeX,WAAAA,CAAAA,GAC1BY,WAAY,IAAQ,OAALJ,IAAAA;AAErBT,mBAAU,WAAA;AACR,QAAMc,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACP,QAAAA;QAAOU,QAAQ;QAAIC,YAAW;QAASC,OAAK;;UAC3C,sBAAChB,WAAAA;YAAUc,QAAQ;YAAIG,SAAS;;cAAK;cAC5BX;;;UAET,qBAACL,UAAAA;YAASK,MAAMI;YAAUQ,OAAOV;sBAC/B,qBAACP,SAASkB,WAAS;cAACC,WAAU;;;;;MAIlC,sBAACjB,QAAAA;QACCY,YAAW;QACXC,OAAK;QACLK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAACvB,QAAAA;YACCI,MAAK;YACLoB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACfzB,sBAAQyB,GAAAA;YACV;;cAEA,qBAAC9B,OAAO+B,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACjC,OAAOkC,aAAW,CAAA,CAAA;;cAErB,qBAAClC,OAAOmC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAACxC,QAAAA;YAAOO,MAAK;YAAKkC,SAAS,WAAA;qBAAM/B,YAAY,SAACgC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;;;;;AAMnF;",
5
5
  "names": ["useEffect", "useState", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "space", "opacity", "value", "Indicator", "animation", "position", "bottom", "left", "$xxs", "display", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "onPress", "prev"]
6
6
  }
@@ -1,41 +1,54 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
2
  import { Label, RadioGroup, XStack, YStack } from "tamagui";
2
3
  function RadioGroupDemo() {
3
- return /* @__PURE__ */ React.createElement(RadioGroup, {
4
+ return /* @__PURE__ */ _jsx(RadioGroup, {
4
5
  "aria-labelledby": "Select one item",
5
6
  defaultValue: "3",
6
- name: "form"
7
- }, /* @__PURE__ */ React.createElement(YStack, {
8
- width: 300,
9
- alignItems: "center",
10
- space: "$2"
11
- }, /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
12
- size: "$3",
13
- value: "2",
14
- label: "Second value"
15
- }), /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
16
- size: "$4",
17
- value: "3",
18
- label: "Third value"
19
- }), /* @__PURE__ */ React.createElement(RadioGroupItemWithLabel, {
20
- size: "$5",
21
- value: "4",
22
- label: "Fourth value"
23
- })));
7
+ name: "form",
8
+ children: /* @__PURE__ */ _jsxs(YStack, {
9
+ width: 300,
10
+ alignItems: "center",
11
+ space: "$2",
12
+ children: [
13
+ /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
14
+ size: "$3",
15
+ value: "2",
16
+ label: "Second value"
17
+ }),
18
+ /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
19
+ size: "$4",
20
+ value: "3",
21
+ label: "Third value"
22
+ }),
23
+ /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
24
+ size: "$5",
25
+ value: "4",
26
+ label: "Fourth value"
27
+ })
28
+ ]
29
+ })
30
+ });
24
31
  }
25
32
  function RadioGroupItemWithLabel(props) {
26
33
  var id = "radiogroup-".concat(props.value);
27
- return /* @__PURE__ */ React.createElement(XStack, {
34
+ return /* @__PURE__ */ _jsxs(XStack, {
28
35
  width: 300,
29
36
  alignItems: "center",
30
- space: "$4"
31
- }, /* @__PURE__ */ React.createElement(RadioGroup.Item, {
32
- value: props.value,
33
- id,
34
- size: props.size
35
- }, /* @__PURE__ */ React.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ React.createElement(Label, {
36
- size: props.size,
37
- htmlFor: id
38
- }, props.label));
37
+ space: "$4",
38
+ children: [
39
+ /* @__PURE__ */ _jsx(RadioGroup.Item, {
40
+ value: props.value,
41
+ id,
42
+ size: props.size,
43
+ children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})
44
+ }),
45
+ /* @__PURE__ */ _jsx(Label, {
46
+ size: props.size,
47
+ htmlFor: id,
48
+ children: props.label
49
+ })
50
+ ]
51
+ });
39
52
  }
40
53
  export {
41
54
  RadioGroupDemo,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupDemo.tsx"],
4
- "mappings": "AACA,SAASA,OAAOC,YAAYC,QAAQC,cAAc;AAE3C,SAASC,iBAAAA;AACd,SACE,sBAAA,cAACH,YAAAA;IAAWI,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;KAClE,sBAAA,cAACJ,QAAAA;IAAOK,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACC,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;MACnD,sBAAA,cAACH,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;MACnD,sBAAA,cAACH,yBAAAA;IAAwBC,MAAK;IAAKC,OAAM;IAAIC,OAAM;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAM,cAAyB,OAAZD,MAAMF,KAAK;AACpC,SACE,sBAAA,cAACX,QAAAA;IAAOM,OAAO;IAAKC,YAAW;IAASC,OAAM;KAC5C,sBAAA,cAACT,WAAWgB,MAAI;IAACJ,OAAOE,MAAMF;IAAOG;IAAQJ,MAAMG,MAAMH;KACvD,sBAAA,cAACX,WAAWiB,WAAS,IAAA,CAAA,GAGvB,sBAAA,cAAClB,OAAAA;IAAMY,MAAMG,MAAMH;IAAMO,SAASH;KAC/BD,MAAMD,KAAK,CAAA;AAIpB;",
4
+ "mappings": ";AACA,SAASA,OAAOC,YAAYC,QAAQC,cAAc;AAE3C,SAASC,iBAAAA;AACd,SACE,qBAACH,YAAAA;IAAWI,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;cAClE,sBAACJ,QAAAA;MAAOK,OAAO;MAAKC,YAAW;MAASC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,qBAACH,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,qBAACH,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;;;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAM,cAAyB,OAAZD,MAAMF,KAAK;AACpC,SACE,sBAACX,QAAAA;IAAOM,OAAO;IAAKC,YAAW;IAASC,OAAM;;MAC5C,qBAACT,WAAWgB,MAAI;QAACJ,OAAOE,MAAMF;QAAOG;QAAQJ,MAAMG,MAAMH;kBACvD,qBAACX,WAAWiB,WAAS,CAAA,CAAA;;MAGvB,qBAAClB,OAAAA;QAAMY,MAAMG,MAAMH;QAAMO,SAASH;kBAC/BD,MAAMD;;;;AAIf;",
5
5
  "names": ["Label", "RadioGroup", "XStack", "YStack", "RadioGroupDemo", "aria-labelledby", "defaultValue", "name", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "Item", "Indicator", "htmlFor"]
6
6
  }
@@ -1,3 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
2
  import { addTheme, replaceTheme } from "@tamagui/theme";
2
3
  import { useState } from "react";
3
4
  import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
@@ -59,27 +60,34 @@ function ReplaceThemeDemo() {
59
60
  color2: "green"
60
61
  }
61
62
  }), setTheme("mytheme");
62
- }, []), /* @__PURE__ */ React.createElement(YStack, {
63
+ }, []), /* @__PURE__ */ _jsxs(YStack, {
63
64
  alignItems: "center",
64
- space: !0
65
- }, /* @__PURE__ */ React.createElement(XStack, {
66
- gap: "$5"
67
- }, /* @__PURE__ */ React.createElement(Theme, {
68
- name: theme ?? null
69
- }, /* @__PURE__ */ React.createElement(Square, {
70
- borderRadius: "$8",
71
- size: 100,
72
- backgroundColor: "$color"
73
- }))), /* @__PURE__ */ React.createElement(Button, {
74
- onPress: function() {
75
- replaceTheme({
76
- name: "mytheme",
77
- theme: {
78
- color: "blue"
79
- }
80
- }), update();
81
- }
82
- }, "Replace theme to only have $color: blue"));
65
+ space: !0,
66
+ children: [
67
+ /* @__PURE__ */ _jsx(XStack, {
68
+ gap: "$5",
69
+ children: /* @__PURE__ */ _jsx(Theme, {
70
+ name: theme ?? null,
71
+ children: /* @__PURE__ */ _jsx(Square, {
72
+ borderRadius: "$8",
73
+ size: 100,
74
+ backgroundColor: "$color"
75
+ })
76
+ })
77
+ }),
78
+ /* @__PURE__ */ _jsx(Button, {
79
+ onPress: function() {
80
+ replaceTheme({
81
+ name: "mytheme",
82
+ theme: {
83
+ color: "blue"
84
+ }
85
+ }), update();
86
+ },
87
+ children: "Replace theme to only have $color: blue"
88
+ })
89
+ ]
90
+ });
83
91
  }
84
92
  export {
85
93
  ReplaceThemeDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ReplaceThemeDemo.tsx"],
4
- "mappings": "AAAA,SAASA,UAAUC,oBAAoB;AACvC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASC,mBAAAA;AACd,MAA0BR,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBS,QAAmBT,UAAAA,CAAAA,GAAZU,WAAYV,UAAAA,CAAAA,GACpBW,SAASL,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPc,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLK,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAL,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAAA,cAACL,QAAAA;IAAOW,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACb,QAAAA;IAAOc,KAAI;KACV,sBAAA,cAACf,OAAAA;IAAMS,MAAMH,SAAS;KACpB,sBAAA,cAACP,QAAAA;IAAOiB,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;QAIzD,sBAAA,cAACpB,QAAAA;IACCqB,SAAS,WAAA;AACPvB,mBAAa;QACXa,MAAM;QACNH,OAAO;UACLK,OAAO;QACT;MACF,CAAA,GACAH,OAAAA;IACF;KACD,yCAAA,CAAA;AAKP;",
4
+ "mappings": ";AAAA,SAASA,UAAUC,oBAAoB;AACvC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASC,mBAAAA;AACd,MAA0BR,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBS,QAAmBT,UAAAA,CAAAA,GAAZU,WAAYV,UAAAA,CAAAA,GACpBW,SAASL,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPc,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLK,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAL,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACL,QAAAA;IAAOW,YAAW;IAASC,OAAK;;MAC/B,qBAACb,QAAAA;QAAOc,KAAI;kBACV,qBAACf,OAAAA;UAAMS,MAAMH,SAAS;oBACpB,qBAACP,QAAAA;YAAOiB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAACpB,QAAAA;QACCqB,SAAS,WAAA;AACPvB,uBAAa;YACXa,MAAM;YACNH,OAAO;cACLK,OAAO;YACT;UACF,CAAA,GACAH,OAAAA;QACF;kBACD;;;;AAKP;",
5
5
  "names": ["addTheme", "replaceTheme", "useState", "Button", "Square", "Theme", "XStack", "YStack", "useForceUpdate", "useIsomorphicLayoutEffect", "ReplaceThemeDemo", "theme", "setTheme", "update", "name", "insertCSS", "color", "color2", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress"]
6
6
  }