@tamagui/demos 1.110.4 → 1.111.0

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 (343) hide show
  1. package/dist/cjs/AccordionDemo.native.js +2 -2
  2. package/dist/cjs/AccordionDemo.native.js.map +1 -1
  3. package/dist/cjs/AddThemeDemo.native.js +1 -42
  4. package/dist/cjs/AddThemeDemo.native.js.map +2 -2
  5. package/dist/cjs/AnimationsDemo.native.js +6 -81
  6. package/dist/cjs/AnimationsDemo.native.js.map +2 -2
  7. package/dist/cjs/AnimationsEnterDemo.native.js +1 -42
  8. package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
  9. package/dist/cjs/AnimationsPresenceDemo.native.js +3 -45
  10. package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
  11. package/dist/cjs/BuildAButtonDemo.native.js +57 -88
  12. package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
  13. package/dist/cjs/ButtonDemo.native.js +4 -38
  14. package/dist/cjs/ButtonDemo.native.js.map +1 -1
  15. package/dist/cjs/CardDemo.native.js +4 -38
  16. package/dist/cjs/CardDemo.native.js.map +1 -1
  17. package/dist/cjs/CheckboxDemo.native.js +6 -60
  18. package/dist/cjs/CheckboxDemo.native.js.map +1 -1
  19. package/dist/cjs/CheckboxHeadlessDemo.native.js +6 -81
  20. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
  21. package/dist/cjs/ColorsDemo.native.js +4 -4
  22. package/dist/cjs/ColorsDemo.native.js.map +2 -2
  23. package/dist/cjs/FormsDemo.native.js +1 -42
  24. package/dist/cjs/FormsDemo.native.js.map +2 -2
  25. package/dist/cjs/Grid.native.js +2 -2
  26. package/dist/cjs/Grid.native.js.map +1 -1
  27. package/dist/cjs/InputsDemo.native.js +1 -1
  28. package/dist/cjs/InputsDemo.native.js.map +1 -1
  29. package/dist/cjs/LucideIconsDemo.native.js +3 -45
  30. package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
  31. package/dist/cjs/NewInputsDemo.native.js +1 -1
  32. package/dist/cjs/NewInputsDemo.native.js.map +1 -1
  33. package/dist/cjs/PopoverDemo.native.js +6 -60
  34. package/dist/cjs/PopoverDemo.native.js.map +1 -1
  35. package/dist/cjs/ProgressDemo.native.js +2 -43
  36. package/dist/cjs/ProgressDemo.native.js.map +2 -2
  37. package/dist/cjs/RadioGroupDemo.native.js +1 -1
  38. package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
  39. package/dist/cjs/RadioGroupHeadlessDemo.native.js +33 -62
  40. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +2 -2
  41. package/dist/cjs/RadioGroupUnstyledDemo.native.js +1 -1
  42. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
  43. package/dist/cjs/ReplaceThemeDemo.native.js +1 -42
  44. package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
  45. package/dist/cjs/SelectDemo.native.js +5 -80
  46. package/dist/cjs/SelectDemo.native.js.map +2 -2
  47. package/dist/cjs/SheetDemo.native.js +10 -86
  48. package/dist/cjs/SheetDemo.native.js.map +2 -2
  49. package/dist/cjs/SliderDemo.native.js +6 -59
  50. package/dist/cjs/SliderDemo.native.js.map +1 -1
  51. package/dist/cjs/SwitchDemo.native.js +1 -1
  52. package/dist/cjs/SwitchDemo.native.js.map +1 -1
  53. package/dist/cjs/SwitchHeadlessDemo.native.js +6 -81
  54. package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
  55. package/dist/cjs/TabsAdvancedDemo.native.js +36 -123
  56. package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
  57. package/dist/cjs/TabsDemo.native.js +12 -88
  58. package/dist/cjs/TabsDemo.native.js.map +2 -2
  59. package/dist/cjs/ThemeBuilderDemo.native.js +49 -56
  60. package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
  61. package/dist/cjs/ToastDemo.native.js +4 -46
  62. package/dist/cjs/ToastDemo.native.js.map +2 -2
  63. package/dist/cjs/ToastDuplicateDemo.native.js +5 -57
  64. package/dist/cjs/ToastDuplicateDemo.native.js.map +2 -2
  65. package/dist/cjs/ToggleGroupDemo.native.js +1 -1
  66. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
  67. package/dist/cjs/TokensDemo.native.js +17 -76
  68. package/dist/cjs/TokensDemo.native.js.map +2 -2
  69. package/dist/cjs/TooltipDemo.native.js +5 -57
  70. package/dist/cjs/TooltipDemo.native.js.map +1 -1
  71. package/dist/cjs/UpdateThemeDemo.native.js +2 -44
  72. package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
  73. package/dist/cjs/useOnIntersecting.native.js +8 -79
  74. package/dist/cjs/useOnIntersecting.native.js.map +2 -2
  75. package/dist/esm/AccordionDemo.native.js +2 -2
  76. package/dist/esm/AccordionDemo.native.js.map +1 -1
  77. package/dist/esm/AccordionDemo.native.mjs +79 -0
  78. package/dist/esm/AccordionDemo.native.mjs.map +1 -0
  79. package/dist/esm/AddThemeDemo.native.js +1 -42
  80. package/dist/esm/AddThemeDemo.native.js.map +2 -2
  81. package/dist/esm/AddThemeDemo.native.mjs +36 -0
  82. package/dist/esm/AddThemeDemo.native.mjs.map +1 -0
  83. package/dist/esm/AlertDialogDemo.native.mjs +73 -0
  84. package/dist/esm/AlertDialogDemo.native.mjs.map +1 -0
  85. package/dist/esm/AnimationsDemo.native.js +6 -81
  86. package/dist/esm/AnimationsDemo.native.js.map +2 -2
  87. package/dist/esm/AnimationsDemo.native.mjs +78 -0
  88. package/dist/esm/AnimationsDemo.native.mjs.map +1 -0
  89. package/dist/esm/AnimationsEnterDemo.native.js +1 -42
  90. package/dist/esm/AnimationsEnterDemo.native.js.map +2 -2
  91. package/dist/esm/AnimationsEnterDemo.native.mjs +47 -0
  92. package/dist/esm/AnimationsEnterDemo.native.mjs.map +1 -0
  93. package/dist/esm/AnimationsHoverDemo.native.mjs +24 -0
  94. package/dist/esm/AnimationsHoverDemo.native.mjs.map +1 -0
  95. package/dist/esm/AnimationsPresenceDemo.native.js +2 -43
  96. package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
  97. package/dist/esm/AnimationsPresenceDemo.native.mjs +97 -0
  98. package/dist/esm/AnimationsPresenceDemo.native.mjs.map +1 -0
  99. package/dist/esm/AnimationsTimingDemo.native.mjs +23 -0
  100. package/dist/esm/AnimationsTimingDemo.native.mjs.map +1 -0
  101. package/dist/esm/AvatarDemo.native.mjs +31 -0
  102. package/dist/esm/AvatarDemo.native.mjs.map +1 -0
  103. package/dist/esm/BuildAButtonDemo.native.js +56 -86
  104. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  105. package/dist/esm/BuildAButtonDemo.native.mjs +102 -0
  106. package/dist/esm/BuildAButtonDemo.native.mjs.map +1 -0
  107. package/dist/esm/ButtonDemo.native.js +4 -38
  108. package/dist/esm/ButtonDemo.native.js.map +1 -1
  109. package/dist/esm/ButtonDemo.native.mjs +60 -0
  110. package/dist/esm/ButtonDemo.native.mjs.map +1 -0
  111. package/dist/esm/CardDemo.native.js +4 -38
  112. package/dist/esm/CardDemo.native.js.map +1 -1
  113. package/dist/esm/CardDemo.native.mjs +65 -0
  114. package/dist/esm/CardDemo.native.mjs.map +1 -0
  115. package/dist/esm/CheckboxDemo.native.js +6 -60
  116. package/dist/esm/CheckboxDemo.native.js.map +1 -1
  117. package/dist/esm/CheckboxDemo.native.mjs +47 -0
  118. package/dist/esm/CheckboxDemo.native.mjs.map +1 -0
  119. package/dist/esm/CheckboxHeadlessDemo.native.js +6 -81
  120. package/dist/esm/CheckboxHeadlessDemo.native.js.map +2 -2
  121. package/dist/esm/CheckboxHeadlessDemo.native.mjs +53 -0
  122. package/dist/esm/CheckboxHeadlessDemo.native.mjs.map +1 -0
  123. package/dist/esm/CheckboxUnstyledDemo.native.mjs +54 -0
  124. package/dist/esm/CheckboxUnstyledDemo.native.mjs.map +1 -0
  125. package/dist/esm/ColorsDemo.native.js +4 -4
  126. package/dist/esm/ColorsDemo.native.js.map +2 -2
  127. package/dist/esm/ColorsDemo.native.mjs +114 -0
  128. package/dist/esm/ColorsDemo.native.mjs.map +1 -0
  129. package/dist/esm/DialogDemo.native.mjs +132 -0
  130. package/dist/esm/DialogDemo.native.mjs.map +1 -0
  131. package/dist/esm/FormsDemo.native.js +1 -42
  132. package/dist/esm/FormsDemo.native.js.map +2 -2
  133. package/dist/esm/FormsDemo.native.mjs +42 -0
  134. package/dist/esm/FormsDemo.native.mjs.map +1 -0
  135. package/dist/esm/Grid.native.js +2 -2
  136. package/dist/esm/Grid.native.js.map +1 -1
  137. package/dist/esm/Grid.native.mjs +41 -0
  138. package/dist/esm/Grid.native.mjs.map +1 -0
  139. package/dist/esm/GroupDemo.native.mjs +64 -0
  140. package/dist/esm/GroupDemo.native.mjs.map +1 -0
  141. package/dist/esm/HeadingsDemo.native.mjs +23 -0
  142. package/dist/esm/HeadingsDemo.native.mjs.map +1 -0
  143. package/dist/esm/ImageDemo.native.mjs +13 -0
  144. package/dist/esm/ImageDemo.native.mjs.map +1 -0
  145. package/dist/esm/InputsDemo.native.js +1 -1
  146. package/dist/esm/InputsDemo.native.js.map +1 -1
  147. package/dist/esm/InputsDemo.native.mjs +37 -0
  148. package/dist/esm/InputsDemo.native.mjs.map +1 -0
  149. package/dist/esm/LabelDemo.native.mjs +37 -0
  150. package/dist/esm/LabelDemo.native.mjs.map +1 -0
  151. package/dist/esm/LinearGradientDemo.native.mjs +27 -0
  152. package/dist/esm/LinearGradientDemo.native.mjs.map +1 -0
  153. package/dist/esm/ListItemDemo.native.mjs +77 -0
  154. package/dist/esm/ListItemDemo.native.mjs.map +1 -0
  155. package/dist/esm/LucideIconsDemo.native.js +2 -43
  156. package/dist/esm/LucideIconsDemo.native.js.map +2 -2
  157. package/dist/esm/LucideIconsDemo.native.mjs +68 -0
  158. package/dist/esm/LucideIconsDemo.native.mjs.map +1 -0
  159. package/dist/esm/NewInputsDemo.native.js +1 -1
  160. package/dist/esm/NewInputsDemo.native.js.map +1 -1
  161. package/dist/esm/NewInputsDemo.native.mjs +37 -0
  162. package/dist/esm/NewInputsDemo.native.mjs.map +1 -0
  163. package/dist/esm/PopoverDemo.native.js +6 -60
  164. package/dist/esm/PopoverDemo.native.js.map +1 -1
  165. package/dist/esm/PopoverDemo.native.mjs +109 -0
  166. package/dist/esm/PopoverDemo.native.mjs.map +1 -0
  167. package/dist/esm/ProgressDemo.native.js +2 -43
  168. package/dist/esm/ProgressDemo.native.js.map +2 -2
  169. package/dist/esm/ProgressDemo.native.mjs +79 -0
  170. package/dist/esm/ProgressDemo.native.mjs.map +1 -0
  171. package/dist/esm/RadioGroupDemo.native.js +1 -1
  172. package/dist/esm/RadioGroupDemo.native.js.map +1 -1
  173. package/dist/esm/RadioGroupDemo.native.mjs +47 -0
  174. package/dist/esm/RadioGroupDemo.native.mjs.map +1 -0
  175. package/dist/esm/RadioGroupHeadlessDemo.native.js +32 -60
  176. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +2 -2
  177. package/dist/esm/RadioGroupHeadlessDemo.native.mjs +134 -0
  178. package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map +1 -0
  179. package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
  180. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
  181. package/dist/esm/RadioGroupUnstyledDemo.native.mjs +119 -0
  182. package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map +1 -0
  183. package/dist/esm/ReplaceThemeDemo.native.js +1 -42
  184. package/dist/esm/ReplaceThemeDemo.native.js.map +2 -2
  185. package/dist/esm/ReplaceThemeDemo.native.mjs +44 -0
  186. package/dist/esm/ReplaceThemeDemo.native.mjs.map +1 -0
  187. package/dist/esm/ScrollViewDemo.native.mjs +51 -0
  188. package/dist/esm/ScrollViewDemo.native.mjs.map +1 -0
  189. package/dist/esm/SelectDemo.native.js +5 -80
  190. package/dist/esm/SelectDemo.native.js.map +2 -2
  191. package/dist/esm/SelectDemo.native.mjs +205 -0
  192. package/dist/esm/SelectDemo.native.mjs.map +1 -0
  193. package/dist/esm/SeparatorDemo.native.mjs +38 -0
  194. package/dist/esm/SeparatorDemo.native.mjs.map +1 -0
  195. package/dist/esm/ShapesDemo.native.mjs +19 -0
  196. package/dist/esm/ShapesDemo.native.mjs.map +1 -0
  197. package/dist/esm/SheetDemo.native.js +9 -84
  198. package/dist/esm/SheetDemo.native.js.map +2 -2
  199. package/dist/esm/SheetDemo.native.mjs +165 -0
  200. package/dist/esm/SheetDemo.native.mjs.map +1 -0
  201. package/dist/esm/SliderDemo.native.js +6 -59
  202. package/dist/esm/SliderDemo.native.js.map +1 -1
  203. package/dist/esm/SliderDemo.native.mjs +36 -0
  204. package/dist/esm/SliderDemo.native.mjs.map +1 -0
  205. package/dist/esm/SpinnerDemo.native.mjs +18 -0
  206. package/dist/esm/SpinnerDemo.native.mjs.map +1 -0
  207. package/dist/esm/StacksDemo.native.mjs +82 -0
  208. package/dist/esm/StacksDemo.native.mjs.map +1 -0
  209. package/dist/esm/SwitchDemo.native.js +1 -1
  210. package/dist/esm/SwitchDemo.native.js.map +1 -1
  211. package/dist/esm/SwitchDemo.native.mjs +72 -0
  212. package/dist/esm/SwitchDemo.native.mjs.map +1 -0
  213. package/dist/esm/SwitchHeadlessDemo.native.js +6 -81
  214. package/dist/esm/SwitchHeadlessDemo.native.js.map +2 -2
  215. package/dist/esm/SwitchHeadlessDemo.native.mjs +67 -0
  216. package/dist/esm/SwitchHeadlessDemo.native.mjs.map +1 -0
  217. package/dist/esm/SwitchUnstyledDemo.native.mjs +65 -0
  218. package/dist/esm/SwitchUnstyledDemo.native.mjs.map +1 -0
  219. package/dist/esm/TabsAdvancedDemo.native.js +35 -121
  220. package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
  221. package/dist/esm/TabsAdvancedDemo.native.mjs +351 -0
  222. package/dist/esm/TabsAdvancedDemo.native.mjs.map +1 -0
  223. package/dist/esm/TabsDemo.native.js +11 -86
  224. package/dist/esm/TabsDemo.native.js.map +2 -2
  225. package/dist/esm/TabsDemo.native.mjs +169 -0
  226. package/dist/esm/TabsDemo.native.mjs.map +1 -0
  227. package/dist/esm/TextDemo.native.mjs +30 -0
  228. package/dist/esm/TextDemo.native.mjs.map +1 -0
  229. package/dist/esm/ThemeBuilderDemo.native.js +49 -56
  230. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
  231. package/dist/esm/ThemeBuilderDemo.native.mjs +155 -0
  232. package/dist/esm/ThemeBuilderDemo.native.mjs.map +1 -0
  233. package/dist/esm/ThemeInverseDemo.native.mjs +46 -0
  234. package/dist/esm/ThemeInverseDemo.native.mjs.map +1 -0
  235. package/dist/esm/ToastDemo.native.js +3 -44
  236. package/dist/esm/ToastDemo.native.js.map +2 -2
  237. package/dist/esm/ToastDemo.native.mjs +109 -0
  238. package/dist/esm/ToastDemo.native.mjs.map +1 -0
  239. package/dist/esm/ToastDuplicateDemo.native.js +4 -55
  240. package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
  241. package/dist/esm/ToastDuplicateDemo.native.mjs +55 -0
  242. package/dist/esm/ToastDuplicateDemo.native.mjs.map +1 -0
  243. package/dist/esm/ToggleGroupDemo.native.js +1 -1
  244. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  245. package/dist/esm/ToggleGroupDemo.native.mjs +76 -0
  246. package/dist/esm/ToggleGroupDemo.native.mjs.map +1 -0
  247. package/dist/esm/TokensDemo.native.js +16 -74
  248. package/dist/esm/TokensDemo.native.js.map +2 -2
  249. package/dist/esm/TokensDemo.native.mjs +110 -0
  250. package/dist/esm/TokensDemo.native.mjs.map +1 -0
  251. package/dist/esm/TooltipDemo.native.js +5 -57
  252. package/dist/esm/TooltipDemo.native.js.map +1 -1
  253. package/dist/esm/TooltipDemo.native.mjs +103 -0
  254. package/dist/esm/TooltipDemo.native.mjs.map +1 -0
  255. package/dist/esm/UpdateThemeDemo.native.js +1 -42
  256. package/dist/esm/UpdateThemeDemo.native.js.map +2 -2
  257. package/dist/esm/UpdateThemeDemo.native.mjs +47 -0
  258. package/dist/esm/UpdateThemeDemo.native.mjs.map +1 -0
  259. package/dist/esm/WebNativeImageDemo.native.mjs +11 -0
  260. package/dist/esm/WebNativeImageDemo.native.mjs.map +1 -0
  261. package/dist/esm/index.native.mjs +58 -0
  262. package/dist/esm/index.native.mjs.map +1 -0
  263. package/dist/esm/tamagui.config.native.mjs +5 -0
  264. package/dist/esm/tamagui.config.native.mjs.map +1 -0
  265. package/dist/esm/useOnIntersecting.native.js +12 -83
  266. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  267. package/dist/esm/useOnIntersecting.native.mjs +74 -0
  268. package/dist/esm/useOnIntersecting.native.mjs.map +1 -0
  269. package/dist/jsx/AccordionDemo.native.js +2 -2
  270. package/dist/jsx/AccordionDemo.native.js.map +1 -1
  271. package/dist/jsx/AddThemeDemo.native.js +1 -42
  272. package/dist/jsx/AddThemeDemo.native.js.map +2 -2
  273. package/dist/jsx/AnimationsDemo.native.js +6 -81
  274. package/dist/jsx/AnimationsDemo.native.js.map +2 -2
  275. package/dist/jsx/AnimationsEnterDemo.native.js +1 -42
  276. package/dist/jsx/AnimationsEnterDemo.native.js.map +2 -2
  277. package/dist/jsx/AnimationsPresenceDemo.native.js +2 -43
  278. package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
  279. package/dist/jsx/BuildAButtonDemo.native.js +56 -86
  280. package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
  281. package/dist/jsx/ButtonDemo.native.js +4 -38
  282. package/dist/jsx/ButtonDemo.native.js.map +1 -1
  283. package/dist/jsx/CardDemo.native.js +4 -38
  284. package/dist/jsx/CardDemo.native.js.map +1 -1
  285. package/dist/jsx/CheckboxDemo.native.js +6 -60
  286. package/dist/jsx/CheckboxDemo.native.js.map +1 -1
  287. package/dist/jsx/CheckboxHeadlessDemo.native.js +6 -81
  288. package/dist/jsx/CheckboxHeadlessDemo.native.js.map +2 -2
  289. package/dist/jsx/ColorsDemo.native.js +4 -4
  290. package/dist/jsx/ColorsDemo.native.js.map +2 -2
  291. package/dist/jsx/FormsDemo.native.js +1 -42
  292. package/dist/jsx/FormsDemo.native.js.map +2 -2
  293. package/dist/jsx/Grid.native.js +2 -2
  294. package/dist/jsx/Grid.native.js.map +1 -1
  295. package/dist/jsx/InputsDemo.native.js +1 -1
  296. package/dist/jsx/InputsDemo.native.js.map +1 -1
  297. package/dist/jsx/LucideIconsDemo.native.js +2 -43
  298. package/dist/jsx/LucideIconsDemo.native.js.map +2 -2
  299. package/dist/jsx/NewInputsDemo.native.js +1 -1
  300. package/dist/jsx/NewInputsDemo.native.js.map +1 -1
  301. package/dist/jsx/PopoverDemo.native.js +6 -60
  302. package/dist/jsx/PopoverDemo.native.js.map +1 -1
  303. package/dist/jsx/ProgressDemo.native.js +2 -43
  304. package/dist/jsx/ProgressDemo.native.js.map +2 -2
  305. package/dist/jsx/RadioGroupDemo.native.js +1 -1
  306. package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
  307. package/dist/jsx/RadioGroupHeadlessDemo.native.js +32 -60
  308. package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +2 -2
  309. package/dist/jsx/RadioGroupUnstyledDemo.native.js +1 -1
  310. package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +1 -1
  311. package/dist/jsx/ReplaceThemeDemo.native.js +1 -42
  312. package/dist/jsx/ReplaceThemeDemo.native.js.map +2 -2
  313. package/dist/jsx/SelectDemo.native.js +5 -80
  314. package/dist/jsx/SelectDemo.native.js.map +2 -2
  315. package/dist/jsx/SheetDemo.native.js +9 -84
  316. package/dist/jsx/SheetDemo.native.js.map +2 -2
  317. package/dist/jsx/SliderDemo.native.js +6 -59
  318. package/dist/jsx/SliderDemo.native.js.map +1 -1
  319. package/dist/jsx/SwitchDemo.native.js +1 -1
  320. package/dist/jsx/SwitchDemo.native.js.map +1 -1
  321. package/dist/jsx/SwitchHeadlessDemo.native.js +6 -81
  322. package/dist/jsx/SwitchHeadlessDemo.native.js.map +2 -2
  323. package/dist/jsx/TabsAdvancedDemo.native.js +35 -121
  324. package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
  325. package/dist/jsx/TabsDemo.native.js +11 -86
  326. package/dist/jsx/TabsDemo.native.js.map +2 -2
  327. package/dist/jsx/ThemeBuilderDemo.native.js +49 -56
  328. package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
  329. package/dist/jsx/ToastDemo.native.js +3 -44
  330. package/dist/jsx/ToastDemo.native.js.map +2 -2
  331. package/dist/jsx/ToastDuplicateDemo.native.js +4 -55
  332. package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
  333. package/dist/jsx/ToggleGroupDemo.native.js +1 -1
  334. package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
  335. package/dist/jsx/TokensDemo.native.js +16 -74
  336. package/dist/jsx/TokensDemo.native.js.map +2 -2
  337. package/dist/jsx/TooltipDemo.native.js +5 -57
  338. package/dist/jsx/TooltipDemo.native.js.map +1 -1
  339. package/dist/jsx/UpdateThemeDemo.native.js +1 -42
  340. package/dist/jsx/UpdateThemeDemo.native.js.map +2 -2
  341. package/dist/jsx/useOnIntersecting.native.js +8 -79
  342. package/dist/jsx/useOnIntersecting.native.js.map +1 -1
  343. package/package.json +19 -19
@@ -0,0 +1,47 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Check as CheckIcon } from "@tamagui/lucide-icons";
3
+ import { Checkbox, Label, XStack, YStack } from "tamagui";
4
+ function CheckboxDemo() {
5
+ return /* @__PURE__ */_jsxs(YStack, {
6
+ width: 300,
7
+ alignItems: "center",
8
+ gap: "$2",
9
+ children: [/* @__PURE__ */_jsx(CheckboxWithLabel, {
10
+ size: "$3"
11
+ }), /* @__PURE__ */_jsx(CheckboxWithLabel, {
12
+ size: "$4",
13
+ defaultChecked: !0
14
+ }), /* @__PURE__ */_jsx(CheckboxWithLabel, {
15
+ size: "$5",
16
+ disabled: !0,
17
+ label: "Accept terms (disabled)"
18
+ })]
19
+ });
20
+ }
21
+ function CheckboxWithLabel(param) {
22
+ var {
23
+ size,
24
+ label = "Accept terms and conditions",
25
+ ...checkboxProps
26
+ } = param,
27
+ id = `checkbox-${(size || "").toString().slice(1)}`;
28
+ return /* @__PURE__ */_jsxs(XStack, {
29
+ width: 300,
30
+ alignItems: "center",
31
+ gap: "$4",
32
+ children: [/* @__PURE__ */_jsx(Checkbox, {
33
+ id,
34
+ size,
35
+ ...checkboxProps,
36
+ children: /* @__PURE__ */_jsx(Checkbox.Indicator, {
37
+ children: /* @__PURE__ */_jsx(CheckIcon, {})
38
+ })
39
+ }), /* @__PURE__ */_jsx(Label, {
40
+ size,
41
+ htmlFor: id,
42
+ children: label
43
+ })]
44
+ });
45
+ }
46
+ export { CheckboxDemo, CheckboxWithLabel };
47
+ //# sourceMappingURL=CheckboxDemo.native.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Check","CheckIcon","Checkbox","Label","XStack","YStack","CheckboxDemo","width","alignItems","gap","children","CheckboxWithLabel","size","defaultChecked","disabled","label"],"sources":["../../src/CheckboxDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAiB;AAEnC,SAASC,KAAA,IAAAC,SAAiB,QAAQ,uBAAc;AAI5C,SACEC,QADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAP,KAAC,CAAAM,MAAA;IACCE,KAAA;IACAC,UAAA,UAAC;IACDC,GAAA;IAAsEC,QACxE,GAEJ,eAAAb,IAAA,CAAAc,iBAAA;MAEOC,IAAS;IACd,IACA,eAAQf,IAAA,CAAAc,iBAAA;MACLC,IAAA;MACkCC,cAAA;IACrC,EAAM,EACN,eACEhB,IAAA,CAAAc,iBAAQ;MACNC,IAAA;MAMAE,QAAA;MAGFC,KAAA;IAEJ","ignoreList":[]}
@@ -4,81 +4,6 @@ import { useCheckbox } from "@tamagui/checkbox-headless";
4
4
  import { Check, Minus } from "@tamagui/lucide-icons";
5
5
  import { Pressable } from "react-native";
6
6
  import { Label, XStack, YStack } from "tamagui";
7
- function _array_like_to_array(arr, len) {
8
- (len == null || len > arr.length) && (len = arr.length);
9
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
10
- return arr2;
11
- }
12
- function _array_with_holes(arr) {
13
- if (Array.isArray(arr)) 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) throw _e;
37
- }
38
- }
39
- return _arr;
40
- }
41
- }
42
- function _non_iterable_rest() {
43
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
44
- }
45
- function _object_spread(target) {
46
- for (var i = 1; i < arguments.length; i++) {
47
- var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
48
- typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
49
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
50
- }))), ownKeys2.forEach(function(key) {
51
- _define_property(target, key, source[key]);
52
- });
53
- }
54
- return target;
55
- }
56
- function ownKeys(object, enumerableOnly) {
57
- var keys = Object.keys(object);
58
- if (Object.getOwnPropertySymbols) {
59
- var symbols = Object.getOwnPropertySymbols(object);
60
- enumerableOnly && (symbols = symbols.filter(function(sym) {
61
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
62
- })), keys.push.apply(keys, symbols);
63
- }
64
- return keys;
65
- }
66
- function _object_spread_props(target, source) {
67
- return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
68
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
69
- }), target;
70
- }
71
- function _sliced_to_array(arr, i) {
72
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
73
- }
74
- function _unsupported_iterable_to_array(o, minLen) {
75
- if (o) {
76
- if (typeof o == "string") return _array_like_to_array(o, minLen);
77
- var n = Object.prototype.toString.call(o).slice(8, -1);
78
- if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
79
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
80
- }
81
- }
82
7
  function CheckboxHeadlessDemo() {
83
8
  return /* @__PURE__ */ _jsx(YStack, {
84
9
  width: 200,
@@ -101,11 +26,11 @@ function CheckboxHeadlessDemo() {
101
26
  });
102
27
  }
103
28
  var HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {
104
- var _React_useState = _sliced_to_array(React.useState(props.defaultChecked || !1), 2), checked = _React_useState[0], setChecked = _React_useState[1], _useCheckbox = useCheckbox(props, [
29
+ var [checked, setChecked] = React.useState(props.defaultChecked || !1), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(props, [
105
30
  checked,
106
31
  setChecked
107
- ], ref), checkboxProps = _useCheckbox.checkboxProps, checkboxRef = _useCheckbox.checkboxRef, bubbleInput = _useCheckbox.bubbleInput;
108
- return /* @__PURE__ */ _jsxs(Pressable, _object_spread_props(_object_spread({
32
+ ], ref);
33
+ return /* @__PURE__ */ _jsxs(Pressable, {
109
34
  style: {
110
35
  width: 20,
111
36
  height: 20,
@@ -114,8 +39,8 @@ var HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {
114
39
  alignItems: "center",
115
40
  backgroundColor: checked === !0 ? "lightblue" : "silver"
116
41
  },
117
- ref: checkboxRef
118
- }, checkboxProps), {
42
+ ref: checkboxRef,
43
+ ...checkboxProps,
119
44
  children: [
120
45
  checked === "indeterminate" && /* @__PURE__ */ _jsx(Minus, {
121
46
  width: 18,
@@ -127,7 +52,7 @@ var HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {
127
52
  }),
128
53
  bubbleInput
129
54
  ]
130
- }));
55
+ });
131
56
  });
132
57
  export {
133
58
  CheckboxHeadlessDemo
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
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,MAA8BlB,kBAAAA,iBAAAA,MAAMmB,SAASF,MAAMJ,kBAAkB,EAAA,GAAA,CAAA,GAA9DO,UAAuBpB,gBAAAA,CAAAA,GAAdqB,aAAcrB,gBAAAA,CAAAA,GACsBC,eAAAA,YAClDgB,OACA;IAACG;IAASC;KACVH,GAAAA,GAHMI,gBAA4CrB,aAA5CqB,eAAeC,cAA6BtB,aAA7BsB,aAAaC,cAAgBvB,aAAhBuB;AAMpC,SACE,sBAACpB,WAAAA,qBAAAA,eAAAA;IACCqB,OAAO;MACLhB,OAAO;MACPiB,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBlB,YAAY;MACZmB,iBAAiBT,YAAY,KAAO,cAAc;IACpD;IACAF,KAAKK;KACDD,aAAAA,GAAAA;;MAEHF,YAAY,mBAAmB,qBAACjB,OAAAA;QAAMM,OAAO;QAAIiB,QAAQ;;MACzDN,YAAY,MAAQ,qBAAClB,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", "useState", "checked", "setChecked", "checkboxProps", "checkboxRef", "bubbleInput", "style", "height", "borderRadius", "justifyContent", "backgroundColor"]
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
6
  }
@@ -0,0 +1,53 @@
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: [/* @__PURE__ */_jsx(HeadlessCheckbox, {
16
+ defaultChecked: "indeterminate",
17
+ id: "headless"
18
+ }), /* @__PURE__ */_jsx(Label, {
19
+ htmlFor: "headless",
20
+ children: "Headless"
21
+ })]
22
+ })
23
+ });
24
+ }
25
+ var HeadlessCheckbox = /* @__PURE__ */React.forwardRef(function (props, ref) {
26
+ var [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.native.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useCheckbox","Check","Minus","Pressable","Label","XStack","YStack","CheckboxHeadlessDemo","width","alignItems","gap","children","HeadlessCheckbox","defaultChecked","id","htmlFor","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","style","height","borderRadius","justifyContent"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS;AACT,SAASC,WAAO,oCAAa;AAG7B,SAASC,KAAA,EAAAC,KAAA,QAAiB;AAC1B,SAASC,SAAO,QAAQ,cAAc;AAKhC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAX,IAAC,CAAAU,MAAA;IAEGE,KAAA;IACAC,UAAA,UAAC;IAAiCC,GACpC,EACF;IAEJC,QAAA,iBAAAb,KAAA,CAAAO,MAAA;MAEMK,GAAA;MACJD,UAAO,EAAS;MAEdE,QAAA,GACC,eAAmBf,IAAA,CAAAgB,gBAAA;QACpBC,cAAA;QACFC,EAAA;MAEA,CACE,GAAC,eAAAlB,IAAA,CAAAQ,KAAA;QAAAW,OAAA;QACCJ,QAAO;MACL;IACQ;EACM;AACE;AACJ,IAAAC,gBACZ,kBAA6Bb,KAAO,CAAAiB,UAAA,CAAc,UAAAC,KAAA,EAAAC,GAAA;EAAA,IACpD,CAAAC,OAAA,EAAAC,UAAA,IAAArB,KAAA,CAAAsB,QAAA,CAAAJ,KAAA,CAAAJ,cAAA;IAAA;MAAAS,aAAA;MAAAC,WAAA;MAAAC;IAAA,IAAAxB,WAAA,CAAAiB,KAAA,GAAAE,OACK,EAAAC,UACD,GAAAF,GAEH;EAAA,sBAAYpB,KAAA,CAAAK,SAAmB;IAA8BsB,KAC7D;MAAkDjB,KAClD;MAAAkB,MAAA;MAAAC,YAAA;MACHC,cAAA;MAEHnB,UAAA","ignoreList":[]}
@@ -0,0 +1,54 @@
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
+ }),
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.native.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","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","children"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgCA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAsB;AACtD,SAASC,cAAO,QAAc;AAC9B,SAASC,KAAA,EAAAC,MAAa;AACtB,SAASC,KAAA,QAAO,uBAAsB;AAmChC,SAGMC,KAHN,EAAAC,MAAA,EAAAC,MAAA;AAjCN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,KAAO;IACnBO,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,GAAYlB,MAAA,CAAOD,KAAA,EAAO,CAAC,CAAC;EAErBoB,QAAA,GAAWrB,cAAA,CAAe;IACrCO,KAAA;IACAa;EACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAzB,IAAC,CAAAS,MAAA;IAEGiB,KAAA;IAKAZ,UAAA,UAAC;IAAiCa,GACpC,EACF;IAEJC,QAAA,iBAAA1B,KAAA,CAAAM,MAAA","ignoreList":[]}
@@ -12,10 +12,10 @@ var colorGroups = [
12
12
  function ColorsDemo() {
13
13
  var colors = getTokens({
14
14
  prefixed: !1
15
- }).color, _ref = [
15
+ }).color, [colorsLight, colorsDark] = [
16
16
  getColors(colors),
17
17
  getColors(colors, !0)
18
- ], colorsLight = _ref[0], colorsDark = _ref[1];
18
+ ];
19
19
  return /* @__PURE__ */ _jsxs(YStack, {
20
20
  marginTop: "$4",
21
21
  space: "$8",
@@ -33,7 +33,7 @@ function ColorsDemo() {
33
33
  });
34
34
  }
35
35
  function ColorsRow(param) {
36
- var title = param.title, colors = param.colors;
36
+ var { title, colors } = param;
37
37
  return /* @__PURE__ */ _jsxs(YStack, {
38
38
  space: !0,
39
39
  $sm: {
@@ -72,7 +72,7 @@ function ColorsRow(param) {
72
72
  $xs: {
73
73
  size: "$1"
74
74
  }
75
- }, "".concat(color.key).concat(index));
75
+ }, `${color.key}${index}`);
76
76
  })
77
77
  }, index);
78
78
  }),
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/code/demos/src/ColorsDemo.tsx"],
4
- "mappings": ";AACA,SACEA,IACAC,WACAC,WACAC,QACAC,QACAC,QACAC,WACAC,wBACK;AAEP,IAAMC,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,SAASJ,UAAU;IAAEK,UAAU;EAAM,CAAA,EAAGC,OACZ,OAAA;IAACC,UAAUH,MAAAA;IAASG,UAAUH,QAAQ,EAAA;KAAjEI,cAA2B,KAAA,CAAA,GAAdC,aAAc,KAAA,CAAA;AAElC,SACE,sBAACV,QAAAA;IAAOW,WAAU;IAAKC,OAAM;;MAC3B,qBAACC,WAAAA;QAAUC,OAAM;QAAQT,QAAQI;;MACjC,qBAACZ,WAAAA,CAAAA,CAAAA;MACD,qBAACgB,WAAAA;QAAUC,OAAM;QAAOT,QAAQK;;;;AAGtC;AAEA,SAASG,UAAU,OAA0D;MAAxDC,QAAF,MAAEA,OAAOT,SAAT,MAASA;AAC1B,SACE,sBAACL,QAAAA;IAAOY,OAAK;IAACG,KAAK;MAAEH,OAAO;IAAK;;MAC/B,qBAACjB,IAAAA;QAAGqB,MAAK;kBAAMF;;MAEf,sBAACf,QAAAA;QAAOa,OAAK;QAACK,WAAU;;UACtB,sBAACjB,QAAAA;YAAOY,OAAK;YAACG,KAAK;cAAEH,OAAO;YAAK;YAAGK,WAAU;;cAC3CZ,OAAOa,IAAI,SAACC,OAAOC,OAAAA;AAClB,uBACE,qBAACrB,QAAAA;kBAAOsB,KAAI;4BACTF,MAAMD,IAAI,SAACX,OAAAA;AACV,2BACE,qBAACT,QAAAA;sBAECwB,cAAa;sBACbN,MAAK;sBACLO,QAAO;sBACPC,aAAa;sBACbC,iBAAiBvB,iBAAiBK,KAAAA;sBAClCmB,aAAY;sBACZX,KAAK;wBACHC,MAAM;sBACR;sBACAW,KAAK;wBACHX,MAAM;sBACR;uBAZM,GAAcI,OAAZb,MAAMqB,GAAG,EAAS,OAANR,KAAAA,CAAAA;kBAe1B,CAAA;mBAnBoBA,KAAAA;cAsB1B,CAAA;cAEA,qBAACrB,QAAAA;gBAAOsB,KAAI;gBAAKJ,WAAU;0BACxB,IAAIY,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNb,IAAI,SAACc,GAAGZ,OAAAA;AACP,yBACE,qBAACxB,WAAAA;oBACCW,OAAM;oBACN0B,WAAU;oBACVC,OAAM;oBACNnB,KAAK;sBACHmB,OAAO;oBACT;oBACAP,KAAK;sBACHO,OAAO;oBACT;8BAGCd;qBAFIA,KAAAA;gBAKX,CAAA;;;;UAIN,qBAACpB,QAAAA;YAAOqB,KAAI;YAAKV,WAAU;sBACxBR,YAAYe,IAAI,SAACiB,MAAAA;qBAChB,qBAACvC,WAAAA;gBACCwC,OAAOD;gBACP5B,OAAM;gBACNgB,QAAO;gBACPc,QAAO;gBACPtB,KAAK;kBACHQ,QAAQ;gBACV;gBACAI,KAAK;kBACHJ,QAAQ;gBACV;0BAGCY;iBAFIA,IAAAA;;;;;;;AASnB;AAEA,SAAS3B,UAAUH,QAAgC;MAAEiC,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAOnC,YAAYe,IAAI,SAACC,OAAAA;AACtB,WAAOoB,OAAOC,KAAKnC,MAAAA,EAChBoC,OACC,SAAClC,OAAAA;aACCA,MAAMmC,WAAWvB,KAAAA,MAChBmB,OAAO/B,MAAMoC,SAAS,MAAA,IAAU,CAACpC,MAAMoC,SAAS,MAAA;OAEpDzB,IAAI,SAACU,KAAAA;aAAQvB,OAAOuB,GAAAA;;EACzB,CAAA;AACF;",
5
- "names": ["H2", "Paragraph", "Separator", "Square", "XStack", "YStack", "getTokens", "getVariableValue", "colorGroups", "ColorsDemo", "colors", "prefixed", "color", "getColors", "colorsLight", "colorsDark", "marginTop", "space", "ColorsRow", "title", "$sm", "size", "alignSelf", "map", "group", "index", "gap", "borderRadius", "height", "borderWidth", "backgroundColor", "borderColor", "$xs", "key", "Array", "fill", "slice", "_", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
4
+ "mappings": ";AACA,SACEA,IACAC,WACAC,WACAC,QACAC,QACAC,QACAC,WACAC,wBACK;AAEP,IAAMC,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,SAASJ,UAAU;IAAEK,UAAU;EAAM,CAAA,EAAGC,OACxC,CAACC,aAAaC,UAAAA,IAAc;IAACC,UAAUL,MAAAA;IAASK,UAAUL,QAAQ,EAAA;;AAExE,SACE,sBAACL,QAAAA;IAAOW,WAAU;IAAKC,OAAM;;MAC3B,qBAACC,WAAAA;QAAUC,OAAM;QAAQT,QAAQG;;MACjC,qBAACX,WAAAA,CAAAA,CAAAA;MACD,qBAACgB,WAAAA;QAAUC,OAAM;QAAOT,QAAQI;;;;AAGtC;AAEA,SAASI,UAAU,OAA0D;MAA1D,EAAEC,OAAOT,OAAM,IAAf;AACjB,SACE,sBAACL,QAAAA;IAAOY,OAAK;IAACG,KAAK;MAAEH,OAAO;IAAK;;MAC/B,qBAACjB,IAAAA;QAAGqB,MAAK;kBAAMF;;MAEf,sBAACf,QAAAA;QAAOa,OAAK;QAACK,WAAU;;UACtB,sBAACjB,QAAAA;YAAOY,OAAK;YAACG,KAAK;cAAEH,OAAO;YAAK;YAAGK,WAAU;;cAC3CZ,OAAOa,IAAI,SAACC,OAAOC,OAAAA;AAClB,uBACE,qBAACrB,QAAAA;kBAAOsB,KAAI;4BACTF,MAAMD,IAAI,SAACX,OAAAA;AACV,2BACE,qBAACT,QAAAA;sBAECwB,cAAa;sBACbN,MAAK;sBACLO,QAAO;sBACPC,aAAa;sBACbC,iBAAiBvB,iBAAiBK,KAAAA;sBAClCmB,aAAY;sBACZX,KAAK;wBACHC,MAAM;sBACR;sBACAW,KAAK;wBACHX,MAAM;sBACR;uBAZK,GAAGT,MAAMqB,GAAG,GAAGR,KAAAA,EAAO;kBAejC,CAAA;mBAnBoBA,KAAAA;cAsB1B,CAAA;cAEA,qBAACrB,QAAAA;gBAAOsB,KAAI;gBAAKJ,WAAU;0BACxB,IAAIY,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNb,IAAI,SAACc,GAAGZ,OAAAA;AACP,yBACE,qBAACxB,WAAAA;oBACCW,OAAM;oBACN0B,WAAU;oBACVC,OAAM;oBACNnB,KAAK;sBACHmB,OAAO;oBACT;oBACAP,KAAK;sBACHO,OAAO;oBACT;8BAGCd;qBAFIA,KAAAA;gBAKX,CAAA;;;;UAIN,qBAACpB,QAAAA;YAAOqB,KAAI;YAAKV,WAAU;sBACxBR,YAAYe,IAAI,SAACiB,MAAAA;qBAChB,qBAACvC,WAAAA;gBACCwC,OAAOD;gBACP5B,OAAM;gBACNgB,QAAO;gBACPc,QAAO;gBACPtB,KAAK;kBACHQ,QAAQ;gBACV;gBACAI,KAAK;kBACHJ,QAAQ;gBACV;0BAGCY;iBAFIA,IAAAA;;;;;;;AASnB;AAEA,SAASzB,UAAUL,QAAgC;MAAEiC,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAOnC,YAAYe,IAAI,SAACC,OAAAA;AACtB,WAAOoB,OAAOC,KAAKnC,MAAAA,EAChBoC,OACC,SAAClC,OAAAA;aACCA,MAAMmC,WAAWvB,KAAAA,MAChBmB,OAAO/B,MAAMoC,SAAS,MAAA,IAAU,CAACpC,MAAMoC,SAAS,MAAA;OAEpDzB,IAAI,SAACU,KAAAA;aAAQvB,OAAOuB,GAAAA;;EACzB,CAAA;AACF;",
5
+ "names": ["H2", "Paragraph", "Separator", "Square", "XStack", "YStack", "getTokens", "getVariableValue", "colorGroups", "ColorsDemo", "colors", "prefixed", "color", "colorsLight", "colorsDark", "getColors", "marginTop", "space", "ColorsRow", "title", "$sm", "size", "alignSelf", "map", "group", "index", "gap", "borderRadius", "height", "borderWidth", "backgroundColor", "borderColor", "$xs", "key", "Array", "fill", "slice", "_", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
6
6
  }
@@ -0,0 +1,114 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { H2, Paragraph, Separator, Square, XStack, YStack, getTokens, getVariableValue } from "tamagui";
3
+ var colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
4
+ function ColorsDemo() {
5
+ var 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(param) {
22
+ var {
23
+ title,
24
+ colors
25
+ } = param;
26
+ return /* @__PURE__ */_jsxs(YStack, {
27
+ space: !0,
28
+ $sm: {
29
+ space: "$2"
30
+ },
31
+ children: [/* @__PURE__ */_jsx(H2, {
32
+ size: "$2",
33
+ children: title
34
+ }), /* @__PURE__ */_jsxs(XStack, {
35
+ space: !0,
36
+ alignSelf: "center",
37
+ children: [/* @__PURE__ */_jsxs(YStack, {
38
+ space: !0,
39
+ $sm: {
40
+ space: "$2"
41
+ },
42
+ alignSelf: "center",
43
+ children: [colors.map(function (group, index) {
44
+ return /* @__PURE__ */_jsx(XStack, {
45
+ gap: "$2",
46
+ children: group.map(function (color) {
47
+ return /* @__PURE__ */_jsx(Square, {
48
+ borderRadius: "$2",
49
+ size: "$4",
50
+ height: "$4",
51
+ borderWidth: 1,
52
+ backgroundColor: getVariableValue(color),
53
+ borderColor: "$color7",
54
+ $sm: {
55
+ size: "$2"
56
+ },
57
+ $xs: {
58
+ size: "$1"
59
+ }
60
+ }, `${color.key}${index}`);
61
+ })
62
+ }, index);
63
+ }), /* @__PURE__ */_jsx(XStack, {
64
+ gap: "$2",
65
+ alignSelf: "center",
66
+ children: new Array(13).fill(0).slice(1).map(function (_, index) {
67
+ return /* @__PURE__ */_jsx(Paragraph, {
68
+ color: "$color10",
69
+ textAlign: "center",
70
+ width: "$4",
71
+ $sm: {
72
+ width: "$2"
73
+ },
74
+ $xs: {
75
+ width: "$1"
76
+ },
77
+ children: index
78
+ }, index);
79
+ })
80
+ })]
81
+ }), /* @__PURE__ */_jsx(YStack, {
82
+ gap: "$4",
83
+ marginTop: "$2",
84
+ children: colorGroups.map(function (name) {
85
+ return /* @__PURE__ */_jsx(Paragraph, {
86
+ theme: name,
87
+ color: "$color10",
88
+ height: "$4",
89
+ rotate: "-10deg",
90
+ $sm: {
91
+ height: "$2"
92
+ },
93
+ $xs: {
94
+ height: "$1"
95
+ },
96
+ children: name
97
+ }, name);
98
+ })
99
+ })]
100
+ })]
101
+ });
102
+ }
103
+ function getColors(colors) {
104
+ var dark = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
105
+ return colorGroups.map(function (group) {
106
+ return Object.keys(colors).filter(function (color) {
107
+ return color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"));
108
+ }).map(function (key) {
109
+ return colors[key];
110
+ });
111
+ });
112
+ }
113
+ export { ColorsDemo };
114
+ //# sourceMappingURL=ColorsDemo.native.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","H2","Paragraph","Separator","Square","XStack","YStack","getTokens","getVariableValue","colorGroups","ColorsDemo","colors","prefixed","color","colorsLight","colorsDark","getColors","marginTop","space","children","ColorsRow","title","param","$sm","size","alignSelf","map","group","index","gap","borderRadius","height","borderWidth","backgroundColor","borderColor","$xs","key","Array","fill","slice","_","textAlign"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,EAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,SAAA,EAAAC,gBAAA;AAAA,IACAC,WAAA,IACA,UACA,UACA,SACA,QACA,UACA,aACK,CASH;AAPJ,SAAMC,WAAA,EAAe;EAEd,IAAAC,MAAS,GAAAJ,SAAa;MAC3BK,QAAM;IAGN,GAAAC,KACE;IAAA,CAAAC,WAAA,EAAAC,UAAC,IAAO,CACNC,SAAA,CAAAL,MAAA,GACAK,SAAA,CAAAL,MAAA,IAAC,EAAU;EACiC,OAC9C,eAAAX,KAAA,CAAAM,MAAA;IAEJW,SAAA;IAEAC,KAAS;IACPC,QACE,GACE,eAAArB,IAAC,CAAAsB,SAAQ;MAETC,KAAA;MACEV,MAAA,EAAAG;IACG,IAKS,eAAChB,IAAA,CAAAK,SAAA,sBAAAL,IAAA,CAAAsB,SAAA;MAAAC,KAEC;MAAaV,MACb,EAAAI;IAAK;EAEQ;AAC0B;AAC3B,SAAAK,SACPA,CAAAE,KAAA;EAAA;IAAAD,KAAA;IACHV;EAAM,IAAAW,KAAA;EAAA,sBACRtB,KAAA,CAAAM,MAAA;IAAAY,KAAA,GACA;IAAKK,GAAA;MACGL,KAAA,EACR;IAAA;IAAAC,QAZK,EAAG,CAAiB,eAkBpCrB,IAAA,CAAAG,EAAA;MAEDuB,IAAA;MAMQL,QAAC,EAAAE;IAAA,mBACOrB,KAAA,CAAAK,MAAA;MAAAa,KACN;MAAUO,SACV,EAAM;MAAAN,QACN,EAAK,gBACInB,KAAA,CAAAM,MAAA;QACTY,KAAA;QACAK,GAAA,EAAK;UACHL,KAAA,EAAO;QACT;QAGCO,SAAA;QAAAN,QAAA,GAFIR,MAAA,CAAAe,GAAA,WAAAC,KAAA,EAAAC,KAAA;UAMf,sBAAA9B,IAAA,CAAAO,MAAA;YACFwB,GAAA;YAEAV,QAAC,EAAAQ,KAAA,CAAAD,GAAO,WAASb,KAAA;cAEZ,sBAAAf,IAAA,CAAAM,MAAA;gBAAA0B,YAAA;gBACQN,IAAA;gBACDO,MAAA;gBACCC,WAAA;gBACAC,eAAA,EAAAzB,gBAAA,CAAAK,KAAA;gBACFqB,WAAA;gBACKX,GAAA;kBACVC,IAAA;gBACK;gBACKW,GAAA;kBACVX,IAAA;gBAGC;cAAA,MAAAX,KAAA,CAAAuB,GAAA,GAAAR,KAAA;YAFI;UAKX,GAAAA,KAAA;QACF,IACF,eAAA9B,IAAA,CAAAO,MAAA;UAEJwB,GAAA;UAESJ,SAAU,EAAkC,QAAO;UACnDN,QAAY,EAAK,IAAAkB,KAAA,CACf,IAAAC,IAAO,IAAKC,KAAA,CAAM,EACtB,CAAAb,GAAA,WAAAc,CAAA,EAAAZ,KAAA;YAEG,OAAM,eAAgB9B,IACrB,CAAAI,SAAO,EAAM;cAEJW,KAAO,EAAG,UAC3B;cACH4B,SAAA","ignoreList":[]}
@@ -0,0 +1,132 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { X } from "@tamagui/lucide-icons";
3
+ import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
4
+ import { SelectDemoItem } from "./SelectDemo.mjs";
5
+ function DialogDemo() {
6
+ return /* @__PURE__ */_jsx(DialogInstance, {});
7
+ }
8
+ function DialogInstance() {
9
+ return /* @__PURE__ */_jsxs(Dialog, {
10
+ modal: !0,
11
+ children: [/* @__PURE__ */_jsx(Dialog.Trigger, {
12
+ asChild: !0,
13
+ children: /* @__PURE__ */_jsx(Button, {
14
+ children: "Show Dialog"
15
+ })
16
+ }), /* @__PURE__ */_jsx(Adapt, {
17
+ when: "sm",
18
+ platform: "touch",
19
+ children: /* @__PURE__ */_jsxs(Sheet, {
20
+ animation: "medium",
21
+ zIndex: 2e5,
22
+ modal: !0,
23
+ dismissOnSnapToBottom: !0,
24
+ children: [/* @__PURE__ */_jsx(Sheet.Frame, {
25
+ padding: "$4",
26
+ gap: "$4",
27
+ children: /* @__PURE__ */_jsx(Adapt.Contents, {})
28
+ }), /* @__PURE__ */_jsx(Sheet.Overlay, {
29
+ animation: "lazy",
30
+ enterStyle: {
31
+ opacity: 0
32
+ },
33
+ exitStyle: {
34
+ opacity: 0
35
+ }
36
+ })]
37
+ })
38
+ }), /* @__PURE__ */_jsxs(Dialog.Portal, {
39
+ children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
40
+ animation: "slow",
41
+ opacity: 0.5,
42
+ enterStyle: {
43
+ opacity: 0
44
+ },
45
+ exitStyle: {
46
+ opacity: 0
47
+ }
48
+ }, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
49
+ bordered: !0,
50
+ elevate: !0,
51
+ animateOnly: ["transform", "opacity"],
52
+ animation: ["quicker", {
53
+ opacity: {
54
+ overshootClamping: !0
55
+ }
56
+ }],
57
+ enterStyle: {
58
+ x: 0,
59
+ y: -20,
60
+ opacity: 0,
61
+ scale: 0.9
62
+ },
63
+ exitStyle: {
64
+ x: 0,
65
+ y: 10,
66
+ opacity: 0,
67
+ scale: 0.95
68
+ },
69
+ gap: "$4",
70
+ children: [/* @__PURE__ */_jsx(Dialog.Title, {
71
+ children: "Edit profile"
72
+ }), /* @__PURE__ */_jsx(Dialog.Description, {
73
+ children: "Make changes to your profile here. Click save when you're done."
74
+ }), /* @__PURE__ */_jsxs(Fieldset, {
75
+ gap: "$4",
76
+ horizontal: !0,
77
+ children: [/* @__PURE__ */_jsx(Label, {
78
+ width: 160,
79
+ justifyContent: "flex-end",
80
+ htmlFor: "name",
81
+ children: "Name"
82
+ }), /* @__PURE__ */_jsx(Input, {
83
+ flex: 1,
84
+ id: "name",
85
+ defaultValue: "Nate Wienert"
86
+ })]
87
+ }), /* @__PURE__ */_jsxs(Fieldset, {
88
+ gap: "$4",
89
+ horizontal: !0,
90
+ children: [/* @__PURE__ */_jsx(Label, {
91
+ width: 160,
92
+ justifyContent: "flex-end",
93
+ htmlFor: "username",
94
+ children: /* @__PURE__ */_jsx(TooltipSimple, {
95
+ label: "Pick your favorite",
96
+ placement: "bottom-start",
97
+ children: /* @__PURE__ */_jsx(Paragraph, {
98
+ children: "Food"
99
+ })
100
+ })
101
+ }), /* @__PURE__ */_jsx(SelectDemoItem, {})]
102
+ }), /* @__PURE__ */_jsxs(XStack, {
103
+ alignSelf: "flex-end",
104
+ gap: "$4",
105
+ children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(Dialog.Close, {
106
+ displayWhenAdapted: !0,
107
+ asChild: !0,
108
+ children: /* @__PURE__ */_jsx(Button, {
109
+ theme: "active",
110
+ "aria-label": "Close",
111
+ children: "Save changes"
112
+ })
113
+ })]
114
+ }), /* @__PURE__ */_jsx(Unspaced, {
115
+ children: /* @__PURE__ */_jsx(Dialog.Close, {
116
+ asChild: !0,
117
+ children: /* @__PURE__ */_jsx(Button, {
118
+ position: "absolute",
119
+ top: "$3",
120
+ right: "$3",
121
+ size: "$2",
122
+ circular: !0,
123
+ icon: X
124
+ })
125
+ })
126
+ })]
127
+ }, "content")]
128
+ })]
129
+ });
130
+ }
131
+ export { DialogDemo };
132
+ //# sourceMappingURL=DialogDemo.native.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","XStack","SelectDemoItem","DialogDemo","DialogInstance","modal","children","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","gap","Contents","Overlay","enterStyle","opacity","exitStyle","Portal","Content","bordered","elevate","animateOnly","overshootClamping","x","y","scale","Title","Description","horizontal"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAhB,IAAA,CAAAiB,cAAA;AAAA;AACA,SACAA,eAAA;EACA,sBAAAf,KAAA,CAAAI,MAAA;IACAY,KAAA;IACAC,QAAA,GACA,eAAAnB,IAAA,CAAAM,MAAA,CAAAc,OAAA;MACAC,OAAA;MACKF,QAAA,iBAAAnB,IAAA,CAAAK,MAAA;QAEEc,QAAA;MAGA;IADF,IACL,eAAOnB,IAAA,CAAAI,KAAC;MACVkB,IAAA;MAEAC,QAAS;MACPJ,QACE,iBAACjB,KAAA,CAAOS,KAAA,EAAK;QACXa,SAAA,UAAC;QAIDC,MAAA;QAEIP,KAAA;QAGAQ,qBAAA;QAACP,QAAM,GAAN,eAAAnB,IAAA,CAAAW,KAAA,CAAAgB,KAAA;UACCC,OAAU;UACVC,GAAA,MAAY;UACZV,QAAW,EAAE,eAAWnB,IAAA,CAAAI,KAAA,CAAA0B,QAAA;QAAA,IAC1B,eAAA9B,IAAA,CAAAW,KAAA,CAAAoB,OAAA;UAEJP,SAAA;UAEAQ,UAAA,EAAC;YACCC,OAAA;UAAC,CAAO;UAAPC,SAAA;YAECD,OAAU;UACV;QACA;MACwB;IAAA,EAJpB,EAKN,eAAA/B,KAAA,CAAAI,MAAA,CAAA6B,MAAA;MAEAhB,QAAA,GAAC,eAAOnB,IAAA,CAAAM,MAAA,CAAAyB,OAAA;QAAPP,SAAA;QACCS,OAAA,EAAQ;QACRD,UAAO;UAEPC,OAAA,EAAa;QACb;QACEC,SAAA;UACAD,OAAA;QAAA;MACW,YACP,GAAmB,eACrB/B,KAAA,CAAAI,MAAA,CAAA8B,OAAA;QACFC,QAAA;QACFC,OAAA;QACAC,WAAY,EAAE,CACd,WAAa,EACb,SAAI,CAEJ;QAAAf,SAAA,GACA,WAGA;UACES,OAAA;YAGAO,iBAAC;UACH;QACA,EACE;QAIAR,UACA;UAAgBS,CAClB;UAEAC,CAAA;UACET,OAAA;UAEAU,KAAA;QAIA;QAGFT,SAAA;UAEKO,CAAA;UAAAC,CAAA;UAAAT,OACC;UAASU,KACT,EAAI;QAAA;QACEd,GAAA,EACN;QAAKV,QACL,GAAQ,eACFnB,IAAA,CAAAM,MAAA,CAAAsC,KAAA;UAAAzB,QAAA;QACR,CACF,GACF,eAAAnB,IAAA,CAAAM,MAAA,CAAAuC,WAAA;UAAA1B,QAAA;QAtDI,IAuDN,eAAAjB,KAAA,CAAAK,QAAA;UACFsB,GAAA;UACFiB,UAAA;UAEJ3B,QAAA,G","ignoreList":[]}