@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
@@ -0,0 +1,80 @@
1
+ import { XStack, YStack, ZStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ function StacksDemo() {
4
+ return /* @__PURE__ */jsxs(XStack, {
5
+ maxWidth: 250,
6
+ padding: "$2",
7
+ alignSelf: "center",
8
+ space: !0,
9
+ children: [/* @__PURE__ */jsxs(YStack, {
10
+ flex: 1,
11
+ space: "$2",
12
+ borderWidth: 2,
13
+ borderColor: "$color",
14
+ borderRadius: "$4",
15
+ padding: "$2",
16
+ children: [/* @__PURE__ */jsx(YStack, {
17
+ backgroundColor: "$color",
18
+ borderRadius: "$3",
19
+ padding: "$2"
20
+ }), /* @__PURE__ */jsx(YStack, {
21
+ backgroundColor: "$color",
22
+ borderRadius: "$3",
23
+ padding: "$2"
24
+ }), /* @__PURE__ */jsx(YStack, {
25
+ backgroundColor: "$color",
26
+ borderRadius: "$3",
27
+ padding: "$2"
28
+ })]
29
+ }), /* @__PURE__ */jsxs(XStack, {
30
+ flex: 1,
31
+ space: "$2",
32
+ borderWidth: 2,
33
+ borderColor: "$color",
34
+ borderRadius: "$4",
35
+ padding: "$2",
36
+ children: [/* @__PURE__ */jsx(YStack, {
37
+ backgroundColor: "$color",
38
+ borderRadius: "$3",
39
+ padding: "$2"
40
+ }), /* @__PURE__ */jsx(YStack, {
41
+ backgroundColor: "$color",
42
+ borderRadius: "$3",
43
+ padding: "$2"
44
+ }), /* @__PURE__ */jsx(YStack, {
45
+ backgroundColor: "$color",
46
+ borderRadius: "$3",
47
+ padding: "$2"
48
+ })]
49
+ }), /* @__PURE__ */jsxs(ZStack, {
50
+ maxWidth: 50,
51
+ maxHeight: 85,
52
+ width: 100,
53
+ flex: 1,
54
+ children: [/* @__PURE__ */jsx(YStack, {
55
+ fullscreen: !0,
56
+ borderRadius: "$4",
57
+ padding: "$2",
58
+ borderColor: "$color",
59
+ borderWidth: 2
60
+ }), /* @__PURE__ */jsx(YStack, {
61
+ borderColor: "$color",
62
+ fullscreen: !0,
63
+ y: 10,
64
+ x: 10,
65
+ borderWidth: 2,
66
+ borderRadius: "$4",
67
+ padding: "$2"
68
+ }), /* @__PURE__ */jsx(YStack, {
69
+ borderColor: "$color",
70
+ fullscreen: !0,
71
+ y: 20,
72
+ x: 20,
73
+ borderWidth: 2,
74
+ borderRadius: "$4",
75
+ padding: "$2"
76
+ })]
77
+ })]
78
+ });
79
+ }
80
+ export { StacksDemo };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SwitchDemo.tsx"],
4
- "mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAKvE,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,yBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,8BAAC,OAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
4
+ "mappings": "AACA,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAsB;AAK3D,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,yBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,0BAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,oBAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,oBAAC,UAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,8BAAC,OAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,81 @@
1
+ import { Label, Separator, Switch, XStack, YStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ function SwitchDemo() {
4
+ return /* @__PURE__ */jsxs(YStack, {
5
+ width: 200,
6
+ alignItems: "center",
7
+ space: "$3",
8
+ children: [/* @__PURE__ */jsxs(XStack, {
9
+ space: "$3",
10
+ $xs: {
11
+ flexDirection: "column"
12
+ },
13
+ children: [/* @__PURE__ */jsx(SwitchWithLabel, {
14
+ size: "$2"
15
+ }), /* @__PURE__ */jsx(SwitchWithLabel, {
16
+ size: "$2",
17
+ defaultChecked: !0
18
+ })]
19
+ }), /* @__PURE__ */jsxs(XStack, {
20
+ space: "$3",
21
+ $xs: {
22
+ flexDirection: "column"
23
+ },
24
+ children: [/* @__PURE__ */jsx(SwitchWithLabel, {
25
+ size: "$3"
26
+ }), /* @__PURE__ */jsx(SwitchWithLabel, {
27
+ size: "$3",
28
+ defaultChecked: !0
29
+ })]
30
+ }), /* @__PURE__ */jsxs(XStack, {
31
+ space: "$3",
32
+ $xs: {
33
+ flexDirection: "column"
34
+ },
35
+ children: [/* @__PURE__ */jsx(SwitchWithLabel, {
36
+ size: "$4"
37
+ }), /* @__PURE__ */jsx(SwitchWithLabel, {
38
+ size: "$4",
39
+ defaultChecked: !0
40
+ })]
41
+ }), /* @__PURE__ */jsxs(XStack, {
42
+ space: "$3",
43
+ $xs: {
44
+ flexDirection: "column"
45
+ },
46
+ children: [/* @__PURE__ */jsx(SwitchWithLabel, {
47
+ size: "$5"
48
+ }), /* @__PURE__ */jsx(SwitchWithLabel, {
49
+ size: "$5",
50
+ defaultChecked: !0
51
+ })]
52
+ })]
53
+ });
54
+ }
55
+ function SwitchWithLabel(props) {
56
+ const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
57
+ return /* @__PURE__ */jsxs(XStack, {
58
+ width: 200,
59
+ alignItems: "center",
60
+ space: "$4",
61
+ children: [/* @__PURE__ */jsx(Label, {
62
+ paddingRight: "$0",
63
+ minWidth: 90,
64
+ justifyContent: "flex-end",
65
+ size: props.size,
66
+ htmlFor: id,
67
+ children: "Accept"
68
+ }), /* @__PURE__ */jsx(Separator, {
69
+ minHeight: 20,
70
+ vertical: !0
71
+ }), /* @__PURE__ */jsx(Switch, {
72
+ id,
73
+ size: props.size,
74
+ defaultChecked: props.defaultChecked,
75
+ children: /* @__PURE__ */jsx(Switch.Thumb, {
76
+ animation: "quicker"
77
+ })
78
+ })]
79
+ });
80
+ }
81
+ export { SwitchDemo, SwitchWithLabel };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SwitchDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA6E,oBAKvE;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,iDAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAiE,oBAK3D;AAHC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,iDAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,KAAK,EAAE,eAAe,SAAS,GAChD;AAAA,kDAAC,mBAAgB,MAAK,MAAK;AAAA,MAC3B,4CAAC,mBAAgB,MAAK,MAAK,gBAAc,IAAC;AAAA,OAC5C;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,OAAuD;AACrF,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,kBAAkB,EAAE;AACjF,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QACb,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,SAAS;AAAA,QACV;AAAA;AAAA,IAED;AAAA,IACA,4CAAC,4BAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,IACnC,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAAM,gBAAgB,MAAM,gBACtD,sDAAC,sBAAO,OAAP,EAAa,WAAU,WAAU,GACpC;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TabsAdvancedDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["currentTab", "intentAt", "activeAt"]
6
6
  }
@@ -0,0 +1,303 @@
1
+ import { useState } from "react";
2
+ import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "tamagui";
3
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
4
+ const demos = ["background", "underline"],
5
+ demosTitle = {
6
+ background: "Background Indicator",
7
+ underline: "Underline Indicator"
8
+ },
9
+ TabsAdvancedDemo = () => {
10
+ const [demoIndex, setDemoIndex] = useState(0),
11
+ demo = demos[demoIndex];
12
+ return /* @__PURE__ */jsxs(Fragment, {
13
+ children: [demo === "underline" ? /* @__PURE__ */jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */jsx(TabsAdvancedBackground, {}), /* @__PURE__ */jsx(XStack, {
14
+ alignItems: "center",
15
+ space: !0,
16
+ position: "absolute",
17
+ bottom: "$3",
18
+ left: "$4",
19
+ $xxs: {
20
+ display: "none"
21
+ },
22
+ children: /* @__PURE__ */jsx(Button, {
23
+ size: "$2",
24
+ onPress: () => setDemoIndex(x => (x + 1) % demos.length),
25
+ children: demosTitle[demo]
26
+ })
27
+ })]
28
+ });
29
+ },
30
+ TabsAdvancedBackground = () => {
31
+ const [tabState, setTabState] = useState({
32
+ activeAt: null,
33
+ currentTab: "tab1",
34
+ intentAt: null,
35
+ prevActiveAt: null
36
+ }),
37
+ setCurrentTab = currentTab2 => setTabState({
38
+ ...tabState,
39
+ currentTab: currentTab2
40
+ }),
41
+ setIntentIndicator = intentAt2 => setTabState({
42
+ ...tabState,
43
+ intentAt: intentAt2
44
+ }),
45
+ setActiveIndicator = activeAt2 => setTabState({
46
+ ...tabState,
47
+ prevActiveAt: tabState.activeAt,
48
+ activeAt: activeAt2
49
+ }),
50
+ {
51
+ activeAt,
52
+ intentAt,
53
+ prevActiveAt,
54
+ currentTab
55
+ } = tabState,
56
+ direction = !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1,
57
+ enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade",
58
+ exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade",
59
+ handleOnInteraction = (type, layout) => {
60
+ type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
61
+ };
62
+ return /* @__PURE__ */jsxs(Tabs, {
63
+ value: currentTab,
64
+ onValueChange: setCurrentTab,
65
+ orientation: "horizontal",
66
+ size: "$4",
67
+ padding: "$2",
68
+ height: 150,
69
+ flexDirection: "column",
70
+ activationMode: "manual",
71
+ backgroundColor: "$background",
72
+ borderRadius: "$4",
73
+ position: "relative",
74
+ children: [/* @__PURE__ */jsxs(YStack, {
75
+ children: [/* @__PURE__ */jsx(AnimatePresence, {
76
+ children: intentAt && /* @__PURE__ */jsx(TabsRovingIndicator, {
77
+ borderRadius: "$4",
78
+ width: intentAt.width,
79
+ height: intentAt.height,
80
+ x: intentAt.x,
81
+ y: intentAt.y
82
+ })
83
+ }), /* @__PURE__ */jsx(AnimatePresence, {
84
+ children: activeAt && /* @__PURE__ */jsx(TabsRovingIndicator, {
85
+ borderRadius: "$4",
86
+ theme: "active",
87
+ width: activeAt.width,
88
+ height: activeAt.height,
89
+ x: activeAt.x,
90
+ y: activeAt.y
91
+ })
92
+ }), /* @__PURE__ */jsxs(Tabs.List, {
93
+ disablePassBorderRadius: !0,
94
+ loop: !1,
95
+ "aria-label": "Manage your account",
96
+ space: "$2",
97
+ backgroundColor: "transparent",
98
+ children: [/* @__PURE__ */jsx(Tabs.Tab, {
99
+ unstyled: !0,
100
+ value: "tab1",
101
+ onInteraction: handleOnInteraction,
102
+ children: /* @__PURE__ */jsx(SizableText, {
103
+ children: "Profile"
104
+ })
105
+ }), /* @__PURE__ */jsx(Tabs.Tab, {
106
+ unstyled: !0,
107
+ value: "tab2",
108
+ onInteraction: handleOnInteraction,
109
+ children: /* @__PURE__ */jsx(SizableText, {
110
+ children: "Connections"
111
+ })
112
+ }), /* @__PURE__ */jsx(Tabs.Tab, {
113
+ unstyled: !0,
114
+ value: "tab3",
115
+ onInteraction: handleOnInteraction,
116
+ children: /* @__PURE__ */jsx(SizableText, {
117
+ children: "Notifications"
118
+ })
119
+ })]
120
+ })]
121
+ }), /* @__PURE__ */jsx(AnimatePresence, {
122
+ exitBeforeEnter: !0,
123
+ enterVariant,
124
+ exitVariant,
125
+ children: /* @__PURE__ */jsx(AnimatedYStack, {
126
+ animation: "100ms",
127
+ x: 0,
128
+ opacity: 1,
129
+ flex: 1,
130
+ children: /* @__PURE__ */jsx(Tabs.Content, {
131
+ value: currentTab,
132
+ forceMount: !0,
133
+ flex: 1,
134
+ justifyContent: "center",
135
+ children: /* @__PURE__ */jsx(H5, {
136
+ textAlign: "center",
137
+ children: currentTab
138
+ })
139
+ })
140
+ }, currentTab)
141
+ })]
142
+ });
143
+ },
144
+ TabsAdvancedUnderline = () => {
145
+ const [tabState, setTabState] = useState({
146
+ activeAt: null,
147
+ currentTab: "tab1",
148
+ intentAt: null,
149
+ prevActiveAt: null
150
+ }),
151
+ setCurrentTab = currentTab2 => setTabState({
152
+ ...tabState,
153
+ currentTab: currentTab2
154
+ }),
155
+ setIntentIndicator = intentAt2 => setTabState({
156
+ ...tabState,
157
+ intentAt: intentAt2
158
+ }),
159
+ setActiveIndicator = activeAt2 => setTabState({
160
+ ...tabState,
161
+ prevActiveAt: tabState.activeAt,
162
+ activeAt: activeAt2
163
+ }),
164
+ {
165
+ activeAt,
166
+ intentAt,
167
+ prevActiveAt,
168
+ currentTab
169
+ } = tabState,
170
+ direction = !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1,
171
+ enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade",
172
+ exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade",
173
+ handleOnInteraction = (type, layout) => {
174
+ type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
175
+ };
176
+ return /* @__PURE__ */jsxs(Tabs, {
177
+ value: currentTab,
178
+ onValueChange: setCurrentTab,
179
+ orientation: "horizontal",
180
+ size: "$4",
181
+ height: 150,
182
+ flexDirection: "column",
183
+ activationMode: "manual",
184
+ backgroundColor: "$background",
185
+ borderRadius: "$4",
186
+ children: [/* @__PURE__ */jsxs(YStack, {
187
+ children: [/* @__PURE__ */jsx(AnimatePresence, {
188
+ children: intentAt && /* @__PURE__ */jsx(TabsRovingIndicator, {
189
+ width: intentAt.width,
190
+ height: "$0.5",
191
+ x: intentAt.x,
192
+ bottom: 0
193
+ })
194
+ }), /* @__PURE__ */jsx(AnimatePresence, {
195
+ children: activeAt && /* @__PURE__ */jsx(TabsRovingIndicator, {
196
+ theme: "active",
197
+ active: !0,
198
+ width: activeAt.width,
199
+ height: "$0.5",
200
+ x: activeAt.x,
201
+ bottom: 0
202
+ })
203
+ }), /* @__PURE__ */jsxs(Tabs.List, {
204
+ disablePassBorderRadius: !0,
205
+ loop: !1,
206
+ "aria-label": "Manage your account",
207
+ borderBottomLeftRadius: 0,
208
+ borderBottomRightRadius: 0,
209
+ paddingBottom: "$1.5",
210
+ borderColor: "$color3",
211
+ borderBottomWidth: "$0.5",
212
+ backgroundColor: "transparent",
213
+ children: [/* @__PURE__ */jsx(Tabs.Tab, {
214
+ unstyled: !0,
215
+ padding: "$5",
216
+ value: "tab1",
217
+ onInteraction: handleOnInteraction,
218
+ children: /* @__PURE__ */jsx(SizableText, {
219
+ children: "Profile"
220
+ })
221
+ }), /* @__PURE__ */jsx(Tabs.Tab, {
222
+ unstyled: !0,
223
+ padding: "$5",
224
+ value: "tab2",
225
+ onInteraction: handleOnInteraction,
226
+ children: /* @__PURE__ */jsx(SizableText, {
227
+ children: "Connections"
228
+ })
229
+ }), /* @__PURE__ */jsx(Tabs.Tab, {
230
+ unstyled: !0,
231
+ padding: "$5",
232
+ value: "tab3",
233
+ onInteraction: handleOnInteraction,
234
+ children: /* @__PURE__ */jsx(SizableText, {
235
+ children: "Notifications"
236
+ })
237
+ })]
238
+ })]
239
+ }), /* @__PURE__ */jsx(AnimatePresence, {
240
+ exitBeforeEnter: !0,
241
+ enterVariant,
242
+ exitVariant,
243
+ children: /* @__PURE__ */jsx(AnimatedYStack, {
244
+ animation: "100ms",
245
+ x: 0,
246
+ opacity: 1,
247
+ flex: 1,
248
+ children: /* @__PURE__ */jsx(Tabs.Content, {
249
+ value: currentTab,
250
+ forceMount: !0,
251
+ flex: 1,
252
+ justifyContent: "center",
253
+ children: /* @__PURE__ */jsx(H5, {
254
+ textAlign: "center",
255
+ children: currentTab
256
+ })
257
+ })
258
+ }, currentTab)
259
+ })]
260
+ });
261
+ },
262
+ TabsRovingIndicator = ({
263
+ active,
264
+ ...props
265
+ }) => /* @__PURE__ */jsx(YStack, {
266
+ position: "absolute",
267
+ backgroundColor: "$color5",
268
+ opacity: 0.7,
269
+ animation: "100ms",
270
+ enterStyle: {
271
+ opacity: 0
272
+ },
273
+ exitStyle: {
274
+ opacity: 0
275
+ },
276
+ ...(active && {
277
+ backgroundColor: "$color8",
278
+ opacity: 0.6
279
+ }),
280
+ ...props
281
+ }),
282
+ AnimatedYStack = styled(YStack, {
283
+ variants: {
284
+ isLeft: {
285
+ true: {
286
+ x: -25,
287
+ opacity: 0
288
+ }
289
+ },
290
+ isRight: {
291
+ true: {
292
+ x: 25,
293
+ opacity: 0
294
+ }
295
+ },
296
+ defaultFade: {
297
+ true: {
298
+ opacity: 0
299
+ }
300
+ }
301
+ }
302
+ });
303
+ export { TabsAdvancedDemo };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TabsAdvancedDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["currentTab", "intentAt", "activeAt"]
6
6
  }
@@ -1,14 +1,5 @@
1
1
  import { useState } from "react";
2
- import {
3
- Button,
4
- H5,
5
- Separator,
6
- SizableText,
7
- Tabs,
8
- XStack,
9
- YStack,
10
- isWeb
11
- } from "tamagui";
2
+ import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from "tamagui";
12
3
  import { jsx, jsxs } from "react/jsx-runtime";
13
4
  const demos = ["horizontal", "vertical"], demosTitle = {
14
5
  horizontal: "Horizontal",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TabsDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }