@tamagui/demos 1.88.13 → 1.89.0-1706360676826

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 (329) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/BuildAButtonDemo.js.map +1 -1
  3. package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
  4. package/dist/cjs/CardDemo.js.map +1 -1
  5. package/dist/cjs/CardDemo.native.js.map +1 -1
  6. package/dist/cjs/CheckboxDemo.js.map +1 -1
  7. package/dist/cjs/CheckboxDemo.native.js.map +1 -1
  8. package/dist/cjs/FormsDemo.js.map +1 -1
  9. package/dist/cjs/FormsDemo.native.js.map +1 -1
  10. package/dist/cjs/InputsDemo.js.map +1 -1
  11. package/dist/cjs/InputsDemo.native.js.map +1 -1
  12. package/dist/cjs/PopoverDemo.js.map +1 -1
  13. package/dist/cjs/PopoverDemo.native.js.map +1 -1
  14. package/dist/cjs/ProgressDemo.js.map +1 -1
  15. package/dist/cjs/ProgressDemo.native.js.map +1 -1
  16. package/dist/cjs/RadioGroupDemo.js.map +1 -1
  17. package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
  18. package/dist/cjs/SelectDemo.js.map +1 -1
  19. package/dist/cjs/SelectDemo.native.js.map +1 -1
  20. package/dist/cjs/SheetDemo.js.map +1 -1
  21. package/dist/cjs/SheetDemo.native.js.map +1 -1
  22. package/dist/cjs/SliderDemo.js.map +1 -1
  23. package/dist/cjs/SliderDemo.native.js.map +1 -1
  24. package/dist/cjs/SwitchDemo.js.map +1 -1
  25. package/dist/cjs/SwitchDemo.native.js.map +1 -1
  26. package/dist/cjs/TabsAdvancedDemo.js.map +1 -1
  27. package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
  28. package/dist/cjs/TabsDemo.js.map +1 -1
  29. package/dist/cjs/TabsDemo.native.js.map +1 -1
  30. package/dist/cjs/ThemeBuilderDemo.js.map +1 -1
  31. package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
  32. package/dist/cjs/ToggleGroupDemo.js.map +1 -1
  33. package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
  34. package/dist/cjs/TokensDemo.js.map +1 -1
  35. package/dist/cjs/TokensDemo.native.js.map +1 -1
  36. package/dist/cjs/TooltipDemo.js.map +1 -1
  37. package/dist/cjs/TooltipDemo.native.js.map +1 -1
  38. package/dist/cjs/useOnIntersecting.js +0 -1
  39. package/dist/cjs/useOnIntersecting.js.map +1 -1
  40. package/dist/cjs/useOnIntersecting.native.js +0 -1
  41. package/dist/cjs/useOnIntersecting.native.js.map +1 -1
  42. package/dist/esm/AccordionDemo.mjs +58 -0
  43. package/dist/esm/AddThemeDemo.mjs +35 -0
  44. package/dist/esm/AlertDialogDemo.mjs +72 -0
  45. package/dist/esm/AnimationsDemo.mjs +75 -0
  46. package/dist/esm/AnimationsEnterDemo.mjs +40 -0
  47. package/dist/esm/AnimationsHoverDemo.mjs +23 -0
  48. package/dist/esm/AnimationsPresenceDemo.mjs +88 -0
  49. package/dist/esm/AnimationsTimingDemo.mjs +22 -0
  50. package/dist/esm/AvatarDemo.mjs +29 -0
  51. package/dist/esm/BuildAButtonDemo.js.map +1 -1
  52. package/dist/esm/BuildAButtonDemo.mjs +101 -0
  53. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  54. package/dist/esm/ButtonDemo.mjs +59 -0
  55. package/dist/esm/CardDemo.js.map +1 -1
  56. package/dist/esm/CardDemo.mjs +64 -0
  57. package/dist/esm/CardDemo.native.js.map +1 -1
  58. package/dist/esm/CheckboxDemo.js.map +1 -1
  59. package/dist/esm/CheckboxDemo.mjs +45 -0
  60. package/dist/esm/CheckboxDemo.native.js.map +1 -1
  61. package/dist/esm/ColorsDemo.mjs +97 -0
  62. package/dist/esm/DialogDemo.mjs +136 -0
  63. package/dist/esm/FormsDemo.js.map +1 -1
  64. package/dist/esm/FormsDemo.mjs +35 -0
  65. package/dist/esm/FormsDemo.native.js.map +1 -1
  66. package/dist/esm/Grid.mjs +37 -0
  67. package/dist/esm/GroupDemo.mjs +61 -0
  68. package/dist/esm/HeadingsDemo.mjs +21 -0
  69. package/dist/esm/ImageDemo.mjs +12 -0
  70. package/dist/esm/InputsDemo.js.map +1 -1
  71. package/dist/esm/InputsDemo.mjs +36 -0
  72. package/dist/esm/InputsDemo.native.js.map +1 -1
  73. package/dist/esm/LabelDemo.mjs +36 -0
  74. package/dist/esm/LinearGradientDemo.mjs +24 -0
  75. package/dist/esm/ListItemDemo.mjs +76 -0
  76. package/dist/esm/LucideIconsDemo.mjs +58 -0
  77. package/dist/esm/PopoverDemo.js +1 -9
  78. package/dist/esm/PopoverDemo.js.map +1 -1
  79. package/dist/esm/PopoverDemo.mjs +106 -0
  80. package/dist/esm/PopoverDemo.native.js.map +1 -1
  81. package/dist/esm/ProgressDemo.js.map +1 -1
  82. package/dist/esm/ProgressDemo.mjs +64 -0
  83. package/dist/esm/ProgressDemo.native.js.map +1 -1
  84. package/dist/esm/RadioGroupDemo.js.map +1 -1
  85. package/dist/esm/RadioGroupDemo.mjs +46 -0
  86. package/dist/esm/RadioGroupDemo.native.js.map +1 -1
  87. package/dist/esm/ReplaceThemeDemo.mjs +43 -0
  88. package/dist/esm/ScrollViewDemo.mjs +50 -0
  89. package/dist/esm/SelectDemo.js +1 -9
  90. package/dist/esm/SelectDemo.js.map +1 -1
  91. package/dist/esm/SelectDemo.mjs +188 -0
  92. package/dist/esm/SelectDemo.native.js.map +1 -1
  93. package/dist/esm/SeparatorDemo.mjs +36 -0
  94. package/dist/esm/ShapesDemo.mjs +18 -0
  95. package/dist/esm/SheetDemo.js.map +1 -1
  96. package/dist/esm/SheetDemo.mjs +141 -0
  97. package/dist/esm/SheetDemo.native.js.map +1 -1
  98. package/dist/esm/SliderDemo.js.map +1 -1
  99. package/dist/esm/SliderDemo.mjs +34 -0
  100. package/dist/esm/SliderDemo.native.js.map +1 -1
  101. package/dist/esm/SpinnerDemo.mjs +17 -0
  102. package/dist/esm/StacksDemo.mjs +80 -0
  103. package/dist/esm/SwitchDemo.js.map +1 -1
  104. package/dist/esm/SwitchDemo.mjs +81 -0
  105. package/dist/esm/SwitchDemo.native.js.map +1 -1
  106. package/dist/esm/TabsAdvancedDemo.js.map +1 -1
  107. package/dist/esm/TabsAdvancedDemo.mjs +303 -0
  108. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  109. package/dist/esm/TabsDemo.js +1 -10
  110. package/dist/esm/TabsDemo.js.map +1 -1
  111. package/dist/esm/TabsDemo.mjs +158 -0
  112. package/dist/esm/TabsDemo.native.js.map +1 -1
  113. package/dist/esm/TextDemo.mjs +28 -0
  114. package/dist/esm/ThemeBuilderDemo.js.map +1 -1
  115. package/dist/esm/ThemeBuilderDemo.mjs +154 -0
  116. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
  117. package/dist/esm/ThemeInverseDemo.mjs +45 -0
  118. package/dist/esm/ToastDemo.mjs +98 -0
  119. package/dist/esm/ToastDuplicateDemo.mjs +48 -0
  120. package/dist/esm/ToggleGroupDemo.js.map +1 -1
  121. package/dist/esm/ToggleGroupDemo.mjs +73 -0
  122. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  123. package/dist/esm/TokensDemo.js.map +1 -1
  124. package/dist/esm/TokensDemo.mjs +90 -0
  125. package/dist/esm/TokensDemo.native.js.map +1 -1
  126. package/dist/esm/TooltipDemo.js +1 -8
  127. package/dist/esm/TooltipDemo.js.map +1 -1
  128. package/dist/esm/TooltipDemo.mjs +101 -0
  129. package/dist/esm/TooltipDemo.native.js.map +1 -1
  130. package/dist/esm/UpdateThemeDemo.mjs +46 -0
  131. package/dist/esm/index.mjs +49 -0
  132. package/dist/esm/tamagui.config.mjs +4 -0
  133. package/dist/esm/useOnIntersecting.js +0 -1
  134. package/dist/esm/useOnIntersecting.js.map +1 -1
  135. package/dist/esm/useOnIntersecting.mjs +41 -0
  136. package/dist/esm/useOnIntersecting.native.js +0 -1
  137. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  138. package/dist/jsx/AccordionDemo.mjs +58 -0
  139. package/dist/jsx/AddThemeDemo.mjs +35 -0
  140. package/dist/jsx/AlertDialogDemo.mjs +72 -0
  141. package/dist/jsx/AnimationsDemo.mjs +75 -0
  142. package/dist/jsx/AnimationsEnterDemo.mjs +40 -0
  143. package/dist/jsx/AnimationsHoverDemo.mjs +23 -0
  144. package/dist/jsx/AnimationsPresenceDemo.mjs +88 -0
  145. package/dist/jsx/AnimationsTimingDemo.mjs +22 -0
  146. package/dist/jsx/AvatarDemo.mjs +29 -0
  147. package/dist/jsx/BuildAButtonDemo.js.map +1 -1
  148. package/dist/jsx/BuildAButtonDemo.mjs +101 -0
  149. package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
  150. package/dist/jsx/ButtonDemo.mjs +59 -0
  151. package/dist/jsx/CardDemo.js.map +1 -1
  152. package/dist/jsx/CardDemo.mjs +64 -0
  153. package/dist/jsx/CardDemo.native.js.map +1 -1
  154. package/dist/jsx/CheckboxDemo.js.map +1 -1
  155. package/dist/jsx/CheckboxDemo.mjs +45 -0
  156. package/dist/jsx/CheckboxDemo.native.js.map +1 -1
  157. package/dist/jsx/ColorsDemo.mjs +97 -0
  158. package/dist/jsx/DialogDemo.mjs +136 -0
  159. package/dist/jsx/FormsDemo.js.map +1 -1
  160. package/dist/jsx/FormsDemo.mjs +35 -0
  161. package/dist/jsx/FormsDemo.native.js.map +1 -1
  162. package/dist/jsx/Grid.mjs +37 -0
  163. package/dist/jsx/GroupDemo.mjs +61 -0
  164. package/dist/jsx/HeadingsDemo.mjs +21 -0
  165. package/dist/jsx/ImageDemo.mjs +12 -0
  166. package/dist/jsx/InputsDemo.js.map +1 -1
  167. package/dist/jsx/InputsDemo.mjs +36 -0
  168. package/dist/jsx/InputsDemo.native.js.map +1 -1
  169. package/dist/jsx/LabelDemo.mjs +36 -0
  170. package/dist/jsx/LinearGradientDemo.mjs +24 -0
  171. package/dist/jsx/ListItemDemo.mjs +76 -0
  172. package/dist/jsx/LucideIconsDemo.mjs +58 -0
  173. package/dist/jsx/PopoverDemo.js +1 -9
  174. package/dist/jsx/PopoverDemo.js.map +1 -1
  175. package/dist/jsx/PopoverDemo.mjs +106 -0
  176. package/dist/jsx/PopoverDemo.native.js.map +1 -1
  177. package/dist/jsx/ProgressDemo.js.map +1 -1
  178. package/dist/jsx/ProgressDemo.mjs +64 -0
  179. package/dist/jsx/ProgressDemo.native.js.map +1 -1
  180. package/dist/jsx/RadioGroupDemo.js.map +1 -1
  181. package/dist/jsx/RadioGroupDemo.mjs +46 -0
  182. package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
  183. package/dist/jsx/ReplaceThemeDemo.mjs +43 -0
  184. package/dist/jsx/ScrollViewDemo.mjs +50 -0
  185. package/dist/jsx/SelectDemo.js +1 -9
  186. package/dist/jsx/SelectDemo.js.map +1 -1
  187. package/dist/jsx/SelectDemo.mjs +188 -0
  188. package/dist/jsx/SelectDemo.native.js.map +1 -1
  189. package/dist/jsx/SeparatorDemo.mjs +36 -0
  190. package/dist/jsx/ShapesDemo.mjs +18 -0
  191. package/dist/jsx/SheetDemo.js.map +1 -1
  192. package/dist/jsx/SheetDemo.mjs +141 -0
  193. package/dist/jsx/SheetDemo.native.js.map +1 -1
  194. package/dist/jsx/SliderDemo.js.map +1 -1
  195. package/dist/jsx/SliderDemo.mjs +34 -0
  196. package/dist/jsx/SliderDemo.native.js.map +1 -1
  197. package/dist/jsx/SpinnerDemo.mjs +17 -0
  198. package/dist/jsx/StacksDemo.mjs +80 -0
  199. package/dist/jsx/SwitchDemo.js.map +1 -1
  200. package/dist/jsx/SwitchDemo.mjs +81 -0
  201. package/dist/jsx/SwitchDemo.native.js.map +1 -1
  202. package/dist/jsx/TabsAdvancedDemo.js.map +1 -1
  203. package/dist/jsx/TabsAdvancedDemo.mjs +303 -0
  204. package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
  205. package/dist/jsx/TabsDemo.js +1 -10
  206. package/dist/jsx/TabsDemo.js.map +1 -1
  207. package/dist/jsx/TabsDemo.mjs +158 -0
  208. package/dist/jsx/TabsDemo.native.js.map +1 -1
  209. package/dist/jsx/TextDemo.mjs +28 -0
  210. package/dist/jsx/ThemeBuilderDemo.js.map +1 -1
  211. package/dist/jsx/ThemeBuilderDemo.mjs +154 -0
  212. package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
  213. package/dist/jsx/ThemeInverseDemo.mjs +45 -0
  214. package/dist/jsx/ToastDemo.mjs +98 -0
  215. package/dist/jsx/ToastDuplicateDemo.mjs +48 -0
  216. package/dist/jsx/ToggleGroupDemo.js.map +1 -1
  217. package/dist/jsx/ToggleGroupDemo.mjs +73 -0
  218. package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
  219. package/dist/jsx/TokensDemo.js.map +1 -1
  220. package/dist/jsx/TokensDemo.mjs +90 -0
  221. package/dist/jsx/TokensDemo.native.js.map +1 -1
  222. package/dist/jsx/TooltipDemo.js +1 -8
  223. package/dist/jsx/TooltipDemo.js.map +1 -1
  224. package/dist/jsx/TooltipDemo.mjs +101 -0
  225. package/dist/jsx/TooltipDemo.native.js.map +1 -1
  226. package/dist/jsx/UpdateThemeDemo.mjs +46 -0
  227. package/dist/jsx/index.mjs +49 -0
  228. package/dist/jsx/tamagui.config.mjs +4 -0
  229. package/dist/jsx/useOnIntersecting.js +0 -1
  230. package/dist/jsx/useOnIntersecting.js.map +1 -1
  231. package/dist/jsx/useOnIntersecting.mjs +41 -0
  232. package/dist/jsx/useOnIntersecting.native.js +0 -1
  233. package/dist/jsx/useOnIntersecting.native.js.map +1 -1
  234. package/package.json +19 -19
  235. package/src/BuildAButtonDemo.tsx +2 -1
  236. package/src/CardDemo.tsx +2 -1
  237. package/src/CheckboxDemo.tsx +2 -1
  238. package/src/ColorsDemo.tsx +1 -1
  239. package/src/FormsDemo.tsx +2 -1
  240. package/src/InputsDemo.tsx +2 -1
  241. package/src/PopoverDemo.tsx +2 -10
  242. package/src/ProgressDemo.tsx +2 -1
  243. package/src/RadioGroupDemo.tsx +2 -1
  244. package/src/SelectDemo.tsx +2 -11
  245. package/src/SheetDemo.tsx +2 -1
  246. package/src/SliderDemo.tsx +2 -1
  247. package/src/SwitchDemo.tsx +2 -1
  248. package/src/TabsAdvancedDemo.tsx +1 -3
  249. package/src/TabsDemo.tsx +2 -11
  250. package/src/ThemeBuilderDemo.tsx +2 -1
  251. package/src/ToggleGroupDemo.tsx +2 -1
  252. package/src/TokensDemo.tsx +2 -1
  253. package/src/TooltipDemo.tsx +2 -9
  254. package/src/useOnIntersecting.tsx +3 -2
  255. package/types/BuildAButtonDemo.d.ts.map +1 -1
  256. package/types/CardDemo.d.ts +1 -1
  257. package/types/CardDemo.d.ts.map +1 -1
  258. package/types/CheckboxDemo.d.ts +1 -1
  259. package/types/CheckboxDemo.d.ts.map +1 -1
  260. package/types/FormsDemo.d.ts +1 -1
  261. package/types/FormsDemo.d.ts.map +1 -1
  262. package/types/InputsDemo.d.ts.map +1 -1
  263. package/types/PopoverDemo.d.ts +1 -1
  264. package/types/PopoverDemo.d.ts.map +1 -1
  265. package/types/ProgressDemo.d.ts.map +1 -1
  266. package/types/RadioGroupDemo.d.ts +1 -1
  267. package/types/RadioGroupDemo.d.ts.map +1 -1
  268. package/types/SelectDemo.d.ts +1 -1
  269. package/types/SelectDemo.d.ts.map +1 -1
  270. package/types/SheetDemo.d.ts.map +1 -1
  271. package/types/SliderDemo.d.ts.map +1 -1
  272. package/types/SwitchDemo.d.ts +1 -1
  273. package/types/SwitchDemo.d.ts.map +1 -1
  274. package/types/TabsAdvancedDemo.d.ts.map +1 -1
  275. package/types/TabsDemo.d.ts.map +1 -1
  276. package/types/ThemeBuilderDemo.d.ts.map +1 -1
  277. package/types/ToggleGroupDemo.d.ts.map +1 -1
  278. package/types/TokensDemo.d.ts.map +1 -1
  279. package/types/TooltipDemo.d.ts.map +1 -1
  280. package/types/useOnIntersecting.d.ts +1 -1
  281. package/types/useOnIntersecting.d.ts.map +1 -1
  282. package/dist/cjs/CheckboxHeadlessDemo.js +0 -49
  283. package/dist/cjs/CheckboxHeadlessDemo.js.map +0 -6
  284. package/dist/cjs/CheckboxHeadlessDemo.native.js +0 -54
  285. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +0 -6
  286. package/dist/cjs/CheckboxUnstyledDemo.js +0 -52
  287. package/dist/cjs/CheckboxUnstyledDemo.js.map +0 -6
  288. package/dist/cjs/CheckboxUnstyledDemo.native.js +0 -58
  289. package/dist/cjs/CheckboxUnstyledDemo.native.js.map +0 -6
  290. package/dist/cjs/SwitchHeadlessDemo.js +0 -79
  291. package/dist/cjs/SwitchHeadlessDemo.js.map +0 -6
  292. package/dist/cjs/SwitchHeadlessDemo.native.js +0 -84
  293. package/dist/cjs/SwitchHeadlessDemo.native.js.map +0 -6
  294. package/dist/cjs/SwitchUnstyledDemo.js +0 -68
  295. package/dist/cjs/SwitchUnstyledDemo.js.map +0 -6
  296. package/dist/cjs/SwitchUnstyledDemo.native.js +0 -74
  297. package/dist/cjs/SwitchUnstyledDemo.native.js.map +0 -6
  298. package/dist/esm/CheckboxHeadlessDemo.js +0 -40
  299. package/dist/esm/CheckboxHeadlessDemo.js.map +0 -6
  300. package/dist/esm/CheckboxHeadlessDemo.native.js +0 -54
  301. package/dist/esm/CheckboxHeadlessDemo.native.js.map +0 -6
  302. package/dist/esm/CheckboxUnstyledDemo.js +0 -40
  303. package/dist/esm/CheckboxUnstyledDemo.js.map +0 -6
  304. package/dist/esm/CheckboxUnstyledDemo.native.js +0 -58
  305. package/dist/esm/CheckboxUnstyledDemo.native.js.map +0 -6
  306. package/dist/esm/SwitchHeadlessDemo.js +0 -67
  307. package/dist/esm/SwitchHeadlessDemo.js.map +0 -6
  308. package/dist/esm/SwitchHeadlessDemo.native.js +0 -84
  309. package/dist/esm/SwitchHeadlessDemo.native.js.map +0 -6
  310. package/dist/esm/SwitchUnstyledDemo.js +0 -55
  311. package/dist/esm/SwitchUnstyledDemo.js.map +0 -6
  312. package/dist/esm/SwitchUnstyledDemo.native.js +0 -74
  313. package/dist/esm/SwitchUnstyledDemo.native.js.map +0 -6
  314. package/dist/jsx/CheckboxHeadlessDemo.js +0 -40
  315. package/dist/jsx/CheckboxHeadlessDemo.js.map +0 -6
  316. package/dist/jsx/CheckboxHeadlessDemo.native.js +0 -54
  317. package/dist/jsx/CheckboxHeadlessDemo.native.js.map +0 -6
  318. package/dist/jsx/CheckboxUnstyledDemo.js +0 -40
  319. package/dist/jsx/CheckboxUnstyledDemo.js.map +0 -6
  320. package/dist/jsx/CheckboxUnstyledDemo.native.js +0 -58
  321. package/dist/jsx/CheckboxUnstyledDemo.native.js.map +0 -6
  322. package/dist/jsx/SwitchHeadlessDemo.js +0 -67
  323. package/dist/jsx/SwitchHeadlessDemo.js.map +0 -6
  324. package/dist/jsx/SwitchHeadlessDemo.native.js +0 -84
  325. package/dist/jsx/SwitchHeadlessDemo.native.js.map +0 -6
  326. package/dist/jsx/SwitchUnstyledDemo.js +0 -55
  327. package/dist/jsx/SwitchUnstyledDemo.js.map +0 -6
  328. package/dist/jsx/SwitchUnstyledDemo.native.js +0 -74
  329. package/dist/jsx/SwitchUnstyledDemo.native.js.map +0 -6
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/FormsDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBACpC,iBAAsD,oBAelD;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6C,KAAK;AAE9E,qCAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,oDAAC,qBAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,4CAAC,oBAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,sDAAC,yBAAO,MAAM,WAAW,eAAe,MAAM,4CAAC,0BAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBAEpC,iBAA0C,oBAetC;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6C,KAAK;AAE9E,qCAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,oDAAC,qBAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,4CAAC,oBAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,sDAAC,yBAAO,MAAM,WAAW,eAAe,MAAM,4CAAC,0BAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,37 @@
1
+ import { isWeb } from "@tamagui/core";
2
+ import { XStack } from "@tamagui/stacks";
3
+ import React from "react";
4
+ import { jsx } from "react/jsx-runtime";
5
+ function Grid({
6
+ children,
7
+ columns,
8
+ itemMinWidth = 200,
9
+ gap
10
+ }) {
11
+ if (isWeb) return /* @__PURE__ */jsx("div", {
12
+ style: {
13
+ gap,
14
+ display: "grid",
15
+ justifyContent: "stretch",
16
+ // gridTemplateRows: 'repeat(4, 1fr)',
17
+ gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
18
+ // gridTemplateColumns: '1fr 1fr',
19
+ },
20
+
21
+ children
22
+ });
23
+ const childrenList = React.Children.toArray(children);
24
+ return /* @__PURE__ */jsx(XStack, {
25
+ alignItems: "center",
26
+ justifyContent: "center",
27
+ flexWrap: "wrap",
28
+ children: childrenList.map((child, i) => child ? /* @__PURE__ */jsx(XStack, {
29
+ flex: 1,
30
+ minWidth: itemMinWidth,
31
+ marginRight: gap,
32
+ marginBottom: gap,
33
+ children: child
34
+ }, i) : null)
35
+ });
36
+ }
37
+ export { Grid };
@@ -0,0 +1,61 @@
1
+ import { Activity, Airplay } from "@tamagui/lucide-icons";
2
+ import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ function GroupDemo() {
5
+ return /* @__PURE__ */jsxs(YStack, {
6
+ padding: "$3",
7
+ space: "$2",
8
+ alignItems: "center",
9
+ children: [/* @__PURE__ */jsxs(Group, {
10
+ orientation: "horizontal",
11
+ children: [/* @__PURE__ */jsx(Group.Item, {
12
+ children: /* @__PURE__ */jsx(Button, {
13
+ children: "First"
14
+ })
15
+ }), /* @__PURE__ */jsx(Group.Item, {
16
+ children: /* @__PURE__ */jsx(Button, {
17
+ children: "Second"
18
+ })
19
+ }), /* @__PURE__ */jsx(Group.Item, {
20
+ children: /* @__PURE__ */jsx(Button, {
21
+ children: "Third"
22
+ })
23
+ })]
24
+ }), /* @__PURE__ */jsxs(XGroup, {
25
+ size: "$3",
26
+ $gtSm: {
27
+ size: "$5"
28
+ },
29
+ children: [/* @__PURE__ */jsx(XGroup.Item, {
30
+ children: /* @__PURE__ */jsx(Button, {
31
+ size: "$3",
32
+ icon: Activity,
33
+ children: "First"
34
+ })
35
+ }), /* @__PURE__ */jsx(XGroup.Item, {
36
+ children: /* @__PURE__ */jsx(Button, {
37
+ size: "$3",
38
+ icon: Airplay,
39
+ children: "Second"
40
+ })
41
+ })]
42
+ }), /* @__PURE__ */jsxs(YGroup, {
43
+ separator: /* @__PURE__ */jsx(Separator, {}),
44
+ children: [/* @__PURE__ */jsx(YGroup.Item, {
45
+ children: /* @__PURE__ */jsx(ListItem, {
46
+ title: "First"
47
+ })
48
+ }), /* @__PURE__ */jsx(YGroup.Item, {
49
+ children: /* @__PURE__ */jsx(ListItem, {
50
+ title: "Second",
51
+ subTitle: "Second subtitle"
52
+ })
53
+ }), /* @__PURE__ */jsx(YGroup.Item, {
54
+ children: /* @__PURE__ */jsx(ListItem, {
55
+ children: "Third"
56
+ })
57
+ })]
58
+ })]
59
+ });
60
+ }
61
+ export { GroupDemo };
@@ -0,0 +1,21 @@
1
+ import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ function HeadingsDemo() {
4
+ return /* @__PURE__ */jsxs(YStack, {
5
+ alignSelf: "center",
6
+ children: [/* @__PURE__ */jsx(H1, {
7
+ children: "Heading 1"
8
+ }), /* @__PURE__ */jsx(H2, {
9
+ children: "Heading 2"
10
+ }), /* @__PURE__ */jsx(H3, {
11
+ children: "Heading 3"
12
+ }), /* @__PURE__ */jsx(H4, {
13
+ children: "Heading 4"
14
+ }), /* @__PURE__ */jsx(H5, {
15
+ children: "Heading 5"
16
+ }), /* @__PURE__ */jsx(H6, {
17
+ children: "Heading 6"
18
+ })]
19
+ });
20
+ }
21
+ export { HeadingsDemo };
@@ -0,0 +1,12 @@
1
+ import { Image } from "tamagui";
2
+ import { jsx } from "react/jsx-runtime";
3
+ function ImageDemo() {
4
+ return /* @__PURE__ */jsx(Image, {
5
+ source: {
6
+ uri: "https://placekitten.com/200/300",
7
+ width: 200,
8
+ height: 300
9
+ }
10
+ });
11
+ }
12
+ export { ImageDemo };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/InputsDemo.tsx"],
4
- "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAIhE,SAQE,KARF;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,4BAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,YAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,SAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
4
+ "mappings": "AACA,SAAS,QAAQ,OAAO,UAAU,QAAQ,cAAc;AAIpD,SAQE,KARF;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,4BAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,YAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,SAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,36 @@
1
+ import { Button, Input, TextArea, XStack, YStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ function InputsDemo() {
4
+ return /* @__PURE__ */jsxs(YStack, {
5
+ width: 200,
6
+ minHeight: 250,
7
+ overflow: "hidden",
8
+ space: "$2",
9
+ margin: "$3",
10
+ padding: "$2",
11
+ children: [/* @__PURE__ */jsx(InputDemo, {
12
+ size: "$2"
13
+ }), /* @__PURE__ */jsx(InputDemo, {
14
+ size: "$3"
15
+ }), /* @__PURE__ */jsx(InputDemo, {
16
+ size: "$4"
17
+ }), /* @__PURE__ */jsx(TextArea, {
18
+ placeholder: "Enter your details..."
19
+ })]
20
+ });
21
+ }
22
+ function InputDemo(props) {
23
+ return /* @__PURE__ */jsxs(XStack, {
24
+ alignItems: "center",
25
+ space: "$2",
26
+ children: [/* @__PURE__ */jsx(Input, {
27
+ flex: 1,
28
+ size: props.size,
29
+ placeholder: `Size ${props.size}...`
30
+ }), /* @__PURE__ */jsx(Button, {
31
+ size: props.size,
32
+ children: "Go"
33
+ })]
34
+ });
35
+ }
36
+ export { InputsDemo };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/InputsDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoE,oBAIhE;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,oDAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,2BAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,gDAAC,wBAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,4CAAC,yBAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAwD,oBAIpD;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,oDAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,2BAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,gDAAC,wBAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,4CAAC,yBAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,36 @@
1
+ import { Input, Label, Switch, XStack, YStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ function LabelDemo() {
4
+ return /* @__PURE__ */jsxs(YStack, {
5
+ padding: "$3",
6
+ minWidth: 300,
7
+ space: "$4",
8
+ children: [/* @__PURE__ */jsxs(XStack, {
9
+ alignItems: "center",
10
+ space: "$4",
11
+ children: [/* @__PURE__ */jsx(Label, {
12
+ width: 90,
13
+ htmlFor: "name",
14
+ children: "Name"
15
+ }), /* @__PURE__ */jsx(Input, {
16
+ flex: 1,
17
+ id: "name",
18
+ defaultValue: "Nate Wienert"
19
+ })]
20
+ }), /* @__PURE__ */jsxs(XStack, {
21
+ alignItems: "center",
22
+ space: "$4",
23
+ children: [/* @__PURE__ */jsx(Label, {
24
+ width: 90,
25
+ htmlFor: "notify",
26
+ children: "Notifications"
27
+ }), /* @__PURE__ */jsx(Switch, {
28
+ id: "notify",
29
+ children: /* @__PURE__ */jsx(Switch.Thumb, {
30
+ animation: "quick"
31
+ })
32
+ })]
33
+ })]
34
+ });
35
+ }
36
+ export { LabelDemo };
@@ -0,0 +1,24 @@
1
+ import { XStack } from "tamagui";
2
+ import { LinearGradient } from "tamagui/linear-gradient";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ function LinearGradientDemo() {
5
+ return /* @__PURE__ */jsxs(XStack, {
6
+ space: !0,
7
+ children: [/* @__PURE__ */jsx(LinearGradient, {
8
+ width: "$6",
9
+ height: "$6",
10
+ borderRadius: "$4",
11
+ colors: ["$red10", "$yellow10"],
12
+ start: [0, 1],
13
+ end: [0, 0]
14
+ }), /* @__PURE__ */jsx(LinearGradient, {
15
+ width: "$6",
16
+ height: "$6",
17
+ borderRadius: "$4",
18
+ colors: ["$background", "$color"],
19
+ start: [1, 1],
20
+ end: [0, 0]
21
+ })]
22
+ });
23
+ }
24
+ export { LinearGradientDemo };
@@ -0,0 +1,76 @@
1
+ import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
2
+ import { ListItem, Separator, XStack, YGroup } from "tamagui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ function ListItemDemo() {
5
+ return /* @__PURE__ */jsxs(XStack, {
6
+ $sm: {
7
+ flexDirection: "column"
8
+ },
9
+ paddingHorizontal: "$4",
10
+ space: !0,
11
+ children: [/* @__PURE__ */jsx(ListItemDemo1, {}), /* @__PURE__ */jsx(ListItemDemo2, {})]
12
+ });
13
+ }
14
+ function ListItemDemo1() {
15
+ return /* @__PURE__ */jsxs(YGroup, {
16
+ alignSelf: "center",
17
+ bordered: !0,
18
+ width: 240,
19
+ size: "$4",
20
+ children: [/* @__PURE__ */jsx(YGroup.Item, {
21
+ children: /* @__PURE__ */jsx(ListItem, {
22
+ hoverTheme: !0,
23
+ icon: Star,
24
+ title: "Star",
25
+ subTitle: "Twinkles"
26
+ })
27
+ }), /* @__PURE__ */jsx(YGroup.Item, {
28
+ children: /* @__PURE__ */jsx(ListItem, {
29
+ hoverTheme: !0,
30
+ icon: Moon,
31
+ children: "Moon"
32
+ })
33
+ }), /* @__PURE__ */jsx(YGroup.Item, {
34
+ children: /* @__PURE__ */jsx(ListItem, {
35
+ hoverTheme: !0,
36
+ icon: Sun,
37
+ children: "Sun"
38
+ })
39
+ }), /* @__PURE__ */jsx(YGroup.Item, {
40
+ children: /* @__PURE__ */jsx(ListItem, {
41
+ hoverTheme: !0,
42
+ icon: Cloud,
43
+ children: "Cloud"
44
+ })
45
+ })]
46
+ });
47
+ }
48
+ function ListItemDemo2() {
49
+ return /* @__PURE__ */jsxs(YGroup, {
50
+ alignSelf: "center",
51
+ bordered: !0,
52
+ width: 240,
53
+ size: "$5",
54
+ separator: /* @__PURE__ */jsx(Separator, {}),
55
+ children: [/* @__PURE__ */jsx(YGroup.Item, {
56
+ children: /* @__PURE__ */jsx(ListItem, {
57
+ hoverTheme: !0,
58
+ pressTheme: !0,
59
+ title: "Star",
60
+ subTitle: "Subtitle",
61
+ icon: Star,
62
+ iconAfter: ChevronRight
63
+ })
64
+ }), /* @__PURE__ */jsx(YGroup.Item, {
65
+ children: /* @__PURE__ */jsx(ListItem, {
66
+ hoverTheme: !0,
67
+ pressTheme: !0,
68
+ title: "Moon",
69
+ subTitle: "Subtitle",
70
+ icon: Moon,
71
+ iconAfter: ChevronRight
72
+ })
73
+ })]
74
+ });
75
+ }
76
+ export { ListItemDemo };
@@ -0,0 +1,58 @@
1
+ import * as LucideIcons from "@tamagui/lucide-icons";
2
+ import { useMemo, useState } from "react";
3
+ import { ScrollView } from "react-native-web";
4
+ import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
5
+ import { Grid } from "./Grid.mjs";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
7
+ const lucideIcons = Object.keys(
8
+ // vite tree shaking workaround
9
+ typeof LucideIcons < "u" ? LucideIcons : {}).map(name => ({
10
+ key: name.toLowerCase(),
11
+ name,
12
+ Icon: LucideIcons[name]
13
+ }));
14
+ function LucideIconsDemo() {
15
+ const [searchRaw, setSearch] = useState(""),
16
+ search = useDebounceValue(searchRaw, 400),
17
+ size = 100,
18
+ iconsMemo = useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
19
+ Icon,
20
+ name
21
+ }) => /* @__PURE__ */jsxs(YStack, {
22
+ height: size + 20,
23
+ alignItems: "center",
24
+ justifyContent: "center",
25
+ children: [/* @__PURE__ */jsx(Icon, {
26
+ size: size * 0.25
27
+ }), /* @__PURE__ */jsx(Spacer, {}), /* @__PURE__ */jsx(Paragraph, {
28
+ height: "$6",
29
+ wordWrap: "break-word",
30
+ maxWidth: "100%",
31
+ textAlign: "center",
32
+ paddingHorizontal: "$2",
33
+ size: "$1",
34
+ opacity: 0.5,
35
+ children: name
36
+ })]
37
+ }, name)), [search]);
38
+ return /* @__PURE__ */jsxs(YStack, {
39
+ minWidth: "100%",
40
+ padding: "$4",
41
+ paddingBottom: "$0",
42
+ space: !0,
43
+ children: [/* @__PURE__ */jsx(Input, {
44
+ value: searchRaw,
45
+ onChangeText: setSearch,
46
+ placeholder: "Search..."
47
+ }), /* @__PURE__ */jsx(YStack, {
48
+ height: 420,
49
+ children: /* @__PURE__ */jsx(ScrollView, {
50
+ children: /* @__PURE__ */jsx(Grid, {
51
+ itemMinWidth: size,
52
+ children: iconsMemo
53
+ })
54
+ })
55
+ })]
56
+ });
57
+ }
58
+ export { LucideIconsDemo };
@@ -1,13 +1,5 @@
1
1
  import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
2
- import {
3
- Adapt,
4
- Button,
5
- Input,
6
- Label,
7
- Popover,
8
- XStack,
9
- YStack
10
- } from "tamagui";
2
+ import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
11
3
  import { jsx, jsxs } from "react/jsx-runtime";
12
4
  function PopoverDemo() {
13
5
  return /* @__PURE__ */ jsxs(XStack, { space: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/PopoverDemo.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAIH,SACE,KADF;AAFG,SAAS,cAAc;AAC5B,SACE,qBAAC,UAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,wBAAC,QAAK,WAAU,QAAO,MAAM,aAAa,MAAK,gBAAe;AAAA,IAC9D,oBAAC,QAAK,WAAU,UAAS,MAAM,aAAa,MAAK,kBAAiB;AAAA,IAClE,oBAAC,QAAK,WAAU,OAAM,MAAM,WAAW,MAAK,eAAc;AAAA,IAC1D,oBAAC,QAAK,WAAU,SAAQ,MAAM,cAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,OAAM,MACZ;AAAA,iCAAC,UAAO,OAAM,MACZ;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,oBAAC,QAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
4
+ "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAElE,SAAS,OAAO,QAAQ,OAAO,OAAO,SAAS,QAAQ,cAAc;AAIjE,SACE,KADF;AAFG,SAAS,cAAc;AAC5B,SACE,qBAAC,UAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,wBAAC,QAAK,WAAU,QAAO,MAAM,aAAa,MAAK,gBAAe;AAAA,IAC9D,oBAAC,QAAK,WAAU,UAAS,MAAM,aAAa,MAAK,kBAAiB;AAAA,IAClE,oBAAC,QAAK,WAAU,OAAM,MAAM,WAAW,MAAK,eAAc;AAAA,IAC1D,oBAAC,QAAK,WAAU,SAAQ,MAAM,cAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,OAAM,MACZ;AAAA,iCAAC,UAAO,OAAM,MACZ;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,oBAAC,QAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,106 @@
1
+ import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
2
+ import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ function PopoverDemo() {
5
+ return /* @__PURE__ */jsxs(XStack, {
6
+ space: "$2",
7
+ flex: 1,
8
+ justifyContent: "center",
9
+ alignItems: "center",
10
+ children: [/* @__PURE__ */jsx(Demo, {
11
+ placement: "left",
12
+ Icon: ChevronLeft,
13
+ Name: "left-popover"
14
+ }), /* @__PURE__ */jsx(Demo, {
15
+ placement: "bottom",
16
+ Icon: ChevronDown,
17
+ Name: "bottom-popover"
18
+ }), /* @__PURE__ */jsx(Demo, {
19
+ placement: "top",
20
+ Icon: ChevronUp,
21
+ Name: "top-popover"
22
+ }), /* @__PURE__ */jsx(Demo, {
23
+ placement: "right",
24
+ Icon: ChevronRight,
25
+ Name: "right-popover"
26
+ })]
27
+ });
28
+ }
29
+ function Demo({
30
+ Icon,
31
+ Name,
32
+ ...props
33
+ }) {
34
+ return /* @__PURE__ */jsxs(Popover, {
35
+ size: "$5",
36
+ allowFlip: !0,
37
+ ...props,
38
+ children: [/* @__PURE__ */jsx(Popover.Trigger, {
39
+ asChild: !0,
40
+ children: /* @__PURE__ */jsx(Button, {
41
+ icon: Icon
42
+ })
43
+ }), /* @__PURE__ */jsx(Adapt, {
44
+ when: "sm",
45
+ platform: "touch",
46
+ children: /* @__PURE__ */jsxs(Popover.Sheet, {
47
+ modal: !0,
48
+ dismissOnSnapToBottom: !0,
49
+ children: [/* @__PURE__ */jsx(Popover.Sheet.Frame, {
50
+ padding: "$4",
51
+ children: /* @__PURE__ */jsx(Adapt.Contents, {})
52
+ }), /* @__PURE__ */jsx(Popover.Sheet.Overlay, {
53
+ animation: "lazy",
54
+ enterStyle: {
55
+ opacity: 0
56
+ },
57
+ exitStyle: {
58
+ opacity: 0
59
+ }
60
+ })]
61
+ })
62
+ }), /* @__PURE__ */jsxs(Popover.Content, {
63
+ borderWidth: 1,
64
+ borderColor: "$borderColor",
65
+ enterStyle: {
66
+ y: -10,
67
+ opacity: 0
68
+ },
69
+ exitStyle: {
70
+ y: -10,
71
+ opacity: 0
72
+ },
73
+ elevate: !0,
74
+ animation: ["quick", {
75
+ opacity: {
76
+ overshootClamping: !0
77
+ }
78
+ }],
79
+ children: [/* @__PURE__ */jsx(Popover.Arrow, {
80
+ borderWidth: 1,
81
+ borderColor: "$borderColor"
82
+ }), /* @__PURE__ */jsxs(YStack, {
83
+ space: "$3",
84
+ children: [/* @__PURE__ */jsxs(XStack, {
85
+ space: "$3",
86
+ children: [/* @__PURE__ */jsx(Label, {
87
+ size: "$3",
88
+ htmlFor: Name,
89
+ children: "Name"
90
+ }), /* @__PURE__ */jsx(Input, {
91
+ size: "$3",
92
+ id: Name
93
+ })]
94
+ }), /* @__PURE__ */jsx(Popover.Close, {
95
+ asChild: !0,
96
+ children: /* @__PURE__ */jsx(Button, {
97
+ size: "$3",
98
+ onPress: () => {},
99
+ children: "Submit"
100
+ })
101
+ })]
102
+ })]
103
+ })]
104
+ });
105
+ }
106
+ export { Demo, PopoverDemo };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/PopoverDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAClE,iBASO,oBAIH;AAFG,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,gDAAC,QAAK,WAAU,QAAO,MAAM,iCAAa,MAAK,gBAAe;AAAA,IAC9D,4CAAC,QAAK,WAAU,UAAS,MAAM,iCAAa,MAAK,kBAAiB;AAAA,IAClE,4CAAC,QAAK,WAAU,OAAM,MAAM,+BAAW,MAAK,eAAc;AAAA,IAC1D,4CAAC,QAAK,WAAU,SAAQ,MAAM,kCAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,uBAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,OAAM,MACZ;AAAA,yDAAC,yBAAO,OAAM,MACZ;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAElE,iBAAqE,oBAIjE;AAFG,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,gDAAC,QAAK,WAAU,QAAO,MAAM,iCAAa,MAAK,gBAAe;AAAA,IAC9D,4CAAC,QAAK,WAAU,UAAS,MAAM,iCAAa,MAAK,kBAAiB;AAAA,IAClE,4CAAC,QAAK,WAAU,OAAM,MAAM,+BAAW,MAAK,eAAc;AAAA,IAC1D,4CAAC,QAAK,WAAU,SAAQ,MAAM,kCAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,uBAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,OAAM,MACZ;AAAA,yDAAC,yBAAO,OAAM,MACZ;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ProgressDemo.tsx"],
4
- "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,WAAW,UAAsB,QAAQ,QAAQ,cAAc;AAe5E,mBAMM,KAJF,YAFJ;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAS,MAAM,UAAU,OAAO,UAC/B,8BAAC,SAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
4
+ "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,WAAW,UAAU,QAAQ,QAAQ,cAAc;AAehE,mBAMM,KAJF,YAFJ;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,mBAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,iCACE;AAAA,yBAAC,UAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,2BAAC,aAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,oBAAC,YAAS,MAAM,UAAU,OAAO,UAC/B,8BAAC,SAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,oCAAC,OAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,oBAAC,OAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,64 @@
1
+ import { useEffect, useState } from "react";
2
+ import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
3
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
4
+ function ProgressDemo() {
5
+ const [size, setSize] = useState(4),
6
+ [progress, setProgress] = useState(20),
7
+ sizeProp = `$${size}`;
8
+ return useEffect(() => {
9
+ const timer = setTimeout(() => setProgress(60), 1e3);
10
+ return () => {
11
+ clearTimeout(timer);
12
+ };
13
+ }, []), /* @__PURE__ */jsxs(Fragment, {
14
+ children: [/* @__PURE__ */jsxs(YStack, {
15
+ height: 60,
16
+ alignItems: "center",
17
+ space: !0,
18
+ children: [/* @__PURE__ */jsxs(Paragraph, {
19
+ height: 30,
20
+ opacity: 0.5,
21
+ children: ["Size: ", size]
22
+ }), /* @__PURE__ */jsx(Progress, {
23
+ size: sizeProp,
24
+ value: progress,
25
+ children: /* @__PURE__ */jsx(Progress.Indicator, {
26
+ animation: "bouncy"
27
+ })
28
+ })]
29
+ }), /* @__PURE__ */jsxs(XStack, {
30
+ alignItems: "center",
31
+ space: !0,
32
+ position: "absolute",
33
+ bottom: "$3",
34
+ left: "$4",
35
+ $xxs: {
36
+ display: "none"
37
+ },
38
+ children: [/* @__PURE__ */jsxs(Slider, {
39
+ size: "$2",
40
+ width: 130,
41
+ defaultValue: [4],
42
+ min: 2,
43
+ max: 6,
44
+ step: 1,
45
+ onValueChange: ([val]) => {
46
+ setSize(val);
47
+ },
48
+ children: [/* @__PURE__ */jsx(Slider.Track, {
49
+ borderWidth: 1,
50
+ borderColor: "$color5",
51
+ children: /* @__PURE__ */jsx(Slider.TrackActive, {})
52
+ }), /* @__PURE__ */jsx(Slider.Thumb, {
53
+ circular: !0,
54
+ index: 0
55
+ })]
56
+ }), /* @__PURE__ */jsx(Button, {
57
+ size: "$2",
58
+ onPress: () => setProgress(prev => (prev + 20) % 100),
59
+ children: "Load"
60
+ })]
61
+ })]
62
+ });
63
+ }
64
+ export { ProgressDemo };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ProgressDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBACpC,iBAAgF,oBAe5E;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,qCAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,4EACE;AAAA,iDAAC,yBAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,mDAAC,4BAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,4CAAC,2BAAS,MAAM,UAAU,OAAO,UAC/B,sDAAC,wBAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,4DAAC,sBAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,4CAAC,sBAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,4CAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBAEpC,iBAAoE,oBAehE;AAbG,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC,GAC5B,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE,GACrC,WAAW,IAAI,IAAI;AAEzB,qCAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC,GAGH,4EACE;AAAA,iDAAC,yBAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,IAC3C;AAAA,mDAAC,4BAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,4CAAC,2BAAS,MAAM,UAAU,OAAO,UAC/B,sDAAC,wBAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,cAAc,CAAC,CAAC;AAAA,cAChB,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,wBAAQ,GAAG;AAAA,cACb;AAAA,cAEA;AAAA,4DAAC,sBAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,gBACA,4CAAC,sBAAO,OAAP,EAAa,UAAQ,IAAC,OAAO,GAAG;AAAA;AAAA;AAAA,UACnC;AAAA,UAEA,4CAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/RadioGroupDemo.tsx"],
4
- "mappings": "AAAA,SAAS,OAAO,YAAwB,QAAQ,cAAc;AAKxD,SACE,KADF;AAHC,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,+BAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
4
+ "mappings": "AACA,SAAS,OAAO,YAAY,QAAQ,cAAc;AAK5C,SACE,KADF;AAHC,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,+BAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,oBAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEO,SAAS,wBAAwB,OAIrC;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }