@tamagui/demos 1.88.13 → 1.88.14

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 (289) 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/CheckboxHeadlessDemo.mjs +50 -0
  62. package/dist/esm/CheckboxUnstyledDemo.mjs +53 -0
  63. package/dist/esm/ColorsDemo.mjs +97 -0
  64. package/dist/esm/DialogDemo.mjs +136 -0
  65. package/dist/esm/FormsDemo.js.map +1 -1
  66. package/dist/esm/FormsDemo.mjs +35 -0
  67. package/dist/esm/FormsDemo.native.js.map +1 -1
  68. package/dist/esm/Grid.mjs +37 -0
  69. package/dist/esm/GroupDemo.mjs +61 -0
  70. package/dist/esm/HeadingsDemo.mjs +21 -0
  71. package/dist/esm/ImageDemo.mjs +12 -0
  72. package/dist/esm/InputsDemo.js.map +1 -1
  73. package/dist/esm/InputsDemo.mjs +36 -0
  74. package/dist/esm/InputsDemo.native.js.map +1 -1
  75. package/dist/esm/LabelDemo.mjs +36 -0
  76. package/dist/esm/LinearGradientDemo.mjs +24 -0
  77. package/dist/esm/ListItemDemo.mjs +76 -0
  78. package/dist/esm/LucideIconsDemo.mjs +58 -0
  79. package/dist/esm/PopoverDemo.js +1 -9
  80. package/dist/esm/PopoverDemo.js.map +1 -1
  81. package/dist/esm/PopoverDemo.mjs +106 -0
  82. package/dist/esm/PopoverDemo.native.js.map +1 -1
  83. package/dist/esm/ProgressDemo.js.map +1 -1
  84. package/dist/esm/ProgressDemo.mjs +64 -0
  85. package/dist/esm/ProgressDemo.native.js.map +1 -1
  86. package/dist/esm/RadioGroupDemo.js.map +1 -1
  87. package/dist/esm/RadioGroupDemo.mjs +46 -0
  88. package/dist/esm/RadioGroupDemo.native.js.map +1 -1
  89. package/dist/esm/ReplaceThemeDemo.mjs +43 -0
  90. package/dist/esm/ScrollViewDemo.mjs +50 -0
  91. package/dist/esm/SelectDemo.js +1 -9
  92. package/dist/esm/SelectDemo.js.map +1 -1
  93. package/dist/esm/SelectDemo.mjs +188 -0
  94. package/dist/esm/SelectDemo.native.js.map +1 -1
  95. package/dist/esm/SeparatorDemo.mjs +36 -0
  96. package/dist/esm/ShapesDemo.mjs +18 -0
  97. package/dist/esm/SheetDemo.js.map +1 -1
  98. package/dist/esm/SheetDemo.mjs +141 -0
  99. package/dist/esm/SheetDemo.native.js.map +1 -1
  100. package/dist/esm/SliderDemo.js.map +1 -1
  101. package/dist/esm/SliderDemo.mjs +34 -0
  102. package/dist/esm/SliderDemo.native.js.map +1 -1
  103. package/dist/esm/SpinnerDemo.mjs +17 -0
  104. package/dist/esm/StacksDemo.mjs +80 -0
  105. package/dist/esm/SwitchDemo.js.map +1 -1
  106. package/dist/esm/SwitchDemo.mjs +81 -0
  107. package/dist/esm/SwitchDemo.native.js.map +1 -1
  108. package/dist/esm/SwitchHeadlessDemo.mjs +66 -0
  109. package/dist/esm/SwitchUnstyledDemo.mjs +68 -0
  110. package/dist/esm/TabsAdvancedDemo.js.map +1 -1
  111. package/dist/esm/TabsAdvancedDemo.mjs +303 -0
  112. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  113. package/dist/esm/TabsDemo.js +1 -10
  114. package/dist/esm/TabsDemo.js.map +1 -1
  115. package/dist/esm/TabsDemo.mjs +158 -0
  116. package/dist/esm/TabsDemo.native.js.map +1 -1
  117. package/dist/esm/TextDemo.mjs +28 -0
  118. package/dist/esm/ThemeBuilderDemo.js.map +1 -1
  119. package/dist/esm/ThemeBuilderDemo.mjs +154 -0
  120. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
  121. package/dist/esm/ThemeInverseDemo.mjs +45 -0
  122. package/dist/esm/ToastDemo.mjs +98 -0
  123. package/dist/esm/ToastDuplicateDemo.mjs +48 -0
  124. package/dist/esm/ToggleGroupDemo.js.map +1 -1
  125. package/dist/esm/ToggleGroupDemo.mjs +73 -0
  126. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  127. package/dist/esm/TokensDemo.js.map +1 -1
  128. package/dist/esm/TokensDemo.mjs +90 -0
  129. package/dist/esm/TokensDemo.native.js.map +1 -1
  130. package/dist/esm/TooltipDemo.js +1 -8
  131. package/dist/esm/TooltipDemo.js.map +1 -1
  132. package/dist/esm/TooltipDemo.mjs +101 -0
  133. package/dist/esm/TooltipDemo.native.js.map +1 -1
  134. package/dist/esm/UpdateThemeDemo.mjs +46 -0
  135. package/dist/esm/index.mjs +49 -0
  136. package/dist/esm/tamagui.config.mjs +4 -0
  137. package/dist/esm/useOnIntersecting.js +0 -1
  138. package/dist/esm/useOnIntersecting.js.map +1 -1
  139. package/dist/esm/useOnIntersecting.mjs +41 -0
  140. package/dist/esm/useOnIntersecting.native.js +0 -1
  141. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  142. package/dist/jsx/AccordionDemo.mjs +58 -0
  143. package/dist/jsx/AddThemeDemo.mjs +35 -0
  144. package/dist/jsx/AlertDialogDemo.mjs +72 -0
  145. package/dist/jsx/AnimationsDemo.mjs +75 -0
  146. package/dist/jsx/AnimationsEnterDemo.mjs +40 -0
  147. package/dist/jsx/AnimationsHoverDemo.mjs +23 -0
  148. package/dist/jsx/AnimationsPresenceDemo.mjs +88 -0
  149. package/dist/jsx/AnimationsTimingDemo.mjs +22 -0
  150. package/dist/jsx/AvatarDemo.mjs +29 -0
  151. package/dist/jsx/BuildAButtonDemo.js.map +1 -1
  152. package/dist/jsx/BuildAButtonDemo.mjs +101 -0
  153. package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
  154. package/dist/jsx/ButtonDemo.mjs +59 -0
  155. package/dist/jsx/CardDemo.js.map +1 -1
  156. package/dist/jsx/CardDemo.mjs +64 -0
  157. package/dist/jsx/CardDemo.native.js.map +1 -1
  158. package/dist/jsx/CheckboxDemo.js.map +1 -1
  159. package/dist/jsx/CheckboxDemo.mjs +45 -0
  160. package/dist/jsx/CheckboxDemo.native.js.map +1 -1
  161. package/dist/jsx/CheckboxHeadlessDemo.mjs +50 -0
  162. package/dist/jsx/CheckboxUnstyledDemo.mjs +53 -0
  163. package/dist/jsx/ColorsDemo.mjs +97 -0
  164. package/dist/jsx/DialogDemo.mjs +136 -0
  165. package/dist/jsx/FormsDemo.js.map +1 -1
  166. package/dist/jsx/FormsDemo.mjs +35 -0
  167. package/dist/jsx/FormsDemo.native.js.map +1 -1
  168. package/dist/jsx/Grid.mjs +37 -0
  169. package/dist/jsx/GroupDemo.mjs +61 -0
  170. package/dist/jsx/HeadingsDemo.mjs +21 -0
  171. package/dist/jsx/ImageDemo.mjs +12 -0
  172. package/dist/jsx/InputsDemo.js.map +1 -1
  173. package/dist/jsx/InputsDemo.mjs +36 -0
  174. package/dist/jsx/InputsDemo.native.js.map +1 -1
  175. package/dist/jsx/LabelDemo.mjs +36 -0
  176. package/dist/jsx/LinearGradientDemo.mjs +24 -0
  177. package/dist/jsx/ListItemDemo.mjs +76 -0
  178. package/dist/jsx/LucideIconsDemo.mjs +58 -0
  179. package/dist/jsx/PopoverDemo.js +1 -9
  180. package/dist/jsx/PopoverDemo.js.map +1 -1
  181. package/dist/jsx/PopoverDemo.mjs +106 -0
  182. package/dist/jsx/PopoverDemo.native.js.map +1 -1
  183. package/dist/jsx/ProgressDemo.js.map +1 -1
  184. package/dist/jsx/ProgressDemo.mjs +64 -0
  185. package/dist/jsx/ProgressDemo.native.js.map +1 -1
  186. package/dist/jsx/RadioGroupDemo.js.map +1 -1
  187. package/dist/jsx/RadioGroupDemo.mjs +46 -0
  188. package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
  189. package/dist/jsx/ReplaceThemeDemo.mjs +43 -0
  190. package/dist/jsx/ScrollViewDemo.mjs +50 -0
  191. package/dist/jsx/SelectDemo.js +1 -9
  192. package/dist/jsx/SelectDemo.js.map +1 -1
  193. package/dist/jsx/SelectDemo.mjs +188 -0
  194. package/dist/jsx/SelectDemo.native.js.map +1 -1
  195. package/dist/jsx/SeparatorDemo.mjs +36 -0
  196. package/dist/jsx/ShapesDemo.mjs +18 -0
  197. package/dist/jsx/SheetDemo.js.map +1 -1
  198. package/dist/jsx/SheetDemo.mjs +141 -0
  199. package/dist/jsx/SheetDemo.native.js.map +1 -1
  200. package/dist/jsx/SliderDemo.js.map +1 -1
  201. package/dist/jsx/SliderDemo.mjs +34 -0
  202. package/dist/jsx/SliderDemo.native.js.map +1 -1
  203. package/dist/jsx/SpinnerDemo.mjs +17 -0
  204. package/dist/jsx/StacksDemo.mjs +80 -0
  205. package/dist/jsx/SwitchDemo.js.map +1 -1
  206. package/dist/jsx/SwitchDemo.mjs +81 -0
  207. package/dist/jsx/SwitchDemo.native.js.map +1 -1
  208. package/dist/jsx/SwitchHeadlessDemo.mjs +66 -0
  209. package/dist/jsx/SwitchUnstyledDemo.mjs +68 -0
  210. package/dist/jsx/TabsAdvancedDemo.js.map +1 -1
  211. package/dist/jsx/TabsAdvancedDemo.mjs +303 -0
  212. package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
  213. package/dist/jsx/TabsDemo.js +1 -10
  214. package/dist/jsx/TabsDemo.js.map +1 -1
  215. package/dist/jsx/TabsDemo.mjs +158 -0
  216. package/dist/jsx/TabsDemo.native.js.map +1 -1
  217. package/dist/jsx/TextDemo.mjs +28 -0
  218. package/dist/jsx/ThemeBuilderDemo.js.map +1 -1
  219. package/dist/jsx/ThemeBuilderDemo.mjs +154 -0
  220. package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
  221. package/dist/jsx/ThemeInverseDemo.mjs +45 -0
  222. package/dist/jsx/ToastDemo.mjs +98 -0
  223. package/dist/jsx/ToastDuplicateDemo.mjs +48 -0
  224. package/dist/jsx/ToggleGroupDemo.js.map +1 -1
  225. package/dist/jsx/ToggleGroupDemo.mjs +73 -0
  226. package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
  227. package/dist/jsx/TokensDemo.js.map +1 -1
  228. package/dist/jsx/TokensDemo.mjs +90 -0
  229. package/dist/jsx/TokensDemo.native.js.map +1 -1
  230. package/dist/jsx/TooltipDemo.js +1 -8
  231. package/dist/jsx/TooltipDemo.js.map +1 -1
  232. package/dist/jsx/TooltipDemo.mjs +101 -0
  233. package/dist/jsx/TooltipDemo.native.js.map +1 -1
  234. package/dist/jsx/UpdateThemeDemo.mjs +46 -0
  235. package/dist/jsx/index.mjs +49 -0
  236. package/dist/jsx/tamagui.config.mjs +4 -0
  237. package/dist/jsx/useOnIntersecting.js +0 -1
  238. package/dist/jsx/useOnIntersecting.js.map +1 -1
  239. package/dist/jsx/useOnIntersecting.mjs +41 -0
  240. package/dist/jsx/useOnIntersecting.native.js +0 -1
  241. package/dist/jsx/useOnIntersecting.native.js.map +1 -1
  242. package/package.json +19 -19
  243. package/src/BuildAButtonDemo.tsx +2 -1
  244. package/src/CardDemo.tsx +2 -1
  245. package/src/CheckboxDemo.tsx +2 -1
  246. package/src/ColorsDemo.tsx +1 -1
  247. package/src/FormsDemo.tsx +2 -1
  248. package/src/InputsDemo.tsx +2 -1
  249. package/src/PopoverDemo.tsx +2 -10
  250. package/src/ProgressDemo.tsx +2 -1
  251. package/src/RadioGroupDemo.tsx +2 -1
  252. package/src/SelectDemo.tsx +2 -11
  253. package/src/SheetDemo.tsx +2 -1
  254. package/src/SliderDemo.tsx +2 -1
  255. package/src/SwitchDemo.tsx +2 -1
  256. package/src/TabsAdvancedDemo.tsx +1 -3
  257. package/src/TabsDemo.tsx +2 -11
  258. package/src/ThemeBuilderDemo.tsx +2 -1
  259. package/src/ToggleGroupDemo.tsx +2 -1
  260. package/src/TokensDemo.tsx +2 -1
  261. package/src/TooltipDemo.tsx +2 -9
  262. package/src/useOnIntersecting.tsx +3 -2
  263. package/types/BuildAButtonDemo.d.ts.map +1 -1
  264. package/types/CardDemo.d.ts +1 -1
  265. package/types/CardDemo.d.ts.map +1 -1
  266. package/types/CheckboxDemo.d.ts +1 -1
  267. package/types/CheckboxDemo.d.ts.map +1 -1
  268. package/types/FormsDemo.d.ts +1 -1
  269. package/types/FormsDemo.d.ts.map +1 -1
  270. package/types/InputsDemo.d.ts.map +1 -1
  271. package/types/PopoverDemo.d.ts +1 -1
  272. package/types/PopoverDemo.d.ts.map +1 -1
  273. package/types/ProgressDemo.d.ts.map +1 -1
  274. package/types/RadioGroupDemo.d.ts +1 -1
  275. package/types/RadioGroupDemo.d.ts.map +1 -1
  276. package/types/SelectDemo.d.ts +1 -1
  277. package/types/SelectDemo.d.ts.map +1 -1
  278. package/types/SheetDemo.d.ts.map +1 -1
  279. package/types/SliderDemo.d.ts.map +1 -1
  280. package/types/SwitchDemo.d.ts +1 -1
  281. package/types/SwitchDemo.d.ts.map +1 -1
  282. package/types/TabsAdvancedDemo.d.ts.map +1 -1
  283. package/types/TabsDemo.d.ts.map +1 -1
  284. package/types/ThemeBuilderDemo.d.ts.map +1 -1
  285. package/types/ToggleGroupDemo.d.ts.map +1 -1
  286. package/types/TokensDemo.d.ts.map +1 -1
  287. package/types/TooltipDemo.d.ts.map +1 -1
  288. package/types/useOnIntersecting.d.ts +1 -1
  289. package/types/useOnIntersecting.d.ts.map +1 -1
@@ -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": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB,kBACzB,iBAaO,oBAYH;AAVJ,MAAM,QAAQ,CAAC,cAAc,WAAW,GAClC,aAAqD;AAAA,EACzD,YAAY;AAAA,EACZ,WAAW;AACb,GAEa,mBAAmB,MAAM;AACpC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,CAAC,GACtC,OAAO,MAAM,SAAS;AAC5B,SACE,4EACG;AAAA,aAAS,cAAc,4CAAC,yBAAsB,IAAK,4CAAC,0BAAuB;AAAA,IAE5E;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,sDAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,qBAAW,IAAI,GAClB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,GAEM,yBAAyB,MAAM;AACnC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAc7B;AAAA,IACD,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC,GAEK,gBAAgB,CAACA,gBAAuB,YAAY,EAAE,GAAG,UAAU,YAAAA,YAAW,CAAC,GAC/E,qBAAqB,CAACC,cAAa,YAAY,EAAE,GAAG,UAAU,UAAAA,UAAS,CAAC,GACxE,qBAAqB,CAACC,cAC1B,YAAY,EAAE,GAAG,UAAU,cAAc,SAAS,UAAU,UAAAA,UAAS,CAAC,GAClE,EAAE,UAAU,UAAU,cAAc,WAAW,IAAI,UAOnD,YACA,CAAC,YAAY,CAAC,gBAAgB,SAAS,MAAM,aAAa,IACrD,IAEF,SAAS,IAAI,aAAa,IAAI,KAAK,GAGtC,eACJ,cAAc,IAAI,WAAW,cAAc,KAAK,YAAY,eACxD,cACJ,cAAc,IAAI,YAAY,cAAc,KAAK,WAAW,eAExD,sBAAqD,CAAC,MAAM,WAAW;AAC3E,IAAI,SAAS,WACX,mBAAmB,MAAM,IAEzB,mBAAmB,MAAM;AAAA,EAE7B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,cAAa;AAAA,MACb,UAAS;AAAA,MAET;AAAA,qDAAC,yBACC;AAAA,sDAAC,kCACE,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,cAAa;AAAA,cACb,OAAO,SAAS;AAAA,cAChB,QAAQ,SAAS;AAAA,cACjB,GAAG,SAAS;AAAA,cACZ,GAAG,SAAS;AAAA;AAAA,UACd,GAEJ;AAAA,UACA,4CAAC,kCACE,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAO,SAAS;AAAA,cAChB,QAAQ,SAAS;AAAA,cACjB,GAAG,SAAS;AAAA,cACZ,GAAG,SAAS;AAAA;AAAA,UACd,GAEJ;AAAA,UAEA;AAAA,YAAC,oBAAK;AAAA,YAAL;AAAA,cACC,yBAAuB;AAAA,cACvB,MAAM;AAAA,cACN,cAAW;AAAA,cACX,OAAM;AAAA,cACN,iBAAgB;AAAA,cAEhB;AAAA,4DAAC,oBAAK,KAAL,EAAS,UAAQ,IAAC,OAAM,QAAO,eAAe,qBAC7C,sDAAC,8BAAY,qBAAO,GACtB;AAAA,gBACA,4CAAC,oBAAK,KAAL,EAAS,UAAQ,IAAC,OAAM,QAAO,eAAe,qBAC7C,sDAAC,8BAAY,yBAAW,GAC1B;AAAA,gBACA,4CAAC,oBAAK,KAAL,EAAS,UAAQ,IAAC,OAAM,QAAO,eAAe,qBAC7C,sDAAC,8BAAY,2BAAa,GAC5B;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,iBAAe;AAAA,YACf;AAAA,YACA;AAAA,YAEA,sDAAC,kBAAgC,WAAU,SAAQ,GAAG,GAAG,SAAS,GAAG,MAAM,GACzE,sDAAC,oBAAK,SAAL,EAAa,OAAO,YAAY,YAAU,IAAC,MAAM,GAAG,gBAAe,UAClE,sDAAC,qBAAG,WAAU,UAAU,sBAAW,GACrC,KAHmB,UAIrB;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ,GAEM,wBAAwB,MAAM;AAClC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAc7B;AAAA,IACD,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC,GAEK,gBAAgB,CAACF,gBAAuB,YAAY,EAAE,GAAG,UAAU,YAAAA,YAAW,CAAC,GAC/E,qBAAqB,CAACC,cAAa,YAAY,EAAE,GAAG,UAAU,UAAAA,UAAS,CAAC,GACxE,qBAAqB,CAACC,cAC1B,YAAY,EAAE,GAAG,UAAU,cAAc,SAAS,UAAU,UAAAA,UAAS,CAAC,GAClE,EAAE,UAAU,UAAU,cAAc,WAAW,IAAI,UAOnD,YACA,CAAC,YAAY,CAAC,gBAAgB,SAAS,MAAM,aAAa,IACrD,IAEF,SAAS,IAAI,aAAa,IAAI,KAAK,GAGtC,eACJ,cAAc,IAAI,WAAW,cAAc,KAAK,YAAY,eACxD,cACJ,cAAc,IAAI,YAAY,cAAc,KAAK,WAAW,eAExD,sBAAqD,CAAC,MAAM,WAAW;AAC3E,IAAI,SAAS,WACX,mBAAmB,MAAM,IAEzB,mBAAmB,MAAM;AAAA,EAE7B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,cAAa;AAAA,MAEb;AAAA,qDAAC,yBACC;AAAA,sDAAC,kCACE,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,SAAS;AAAA,cAChB,QAAO;AAAA,cACP,GAAG,SAAS;AAAA,cACZ,QAAQ;AAAA;AAAA,UACV,GAEJ;AAAA,UACA,4CAAC,kCACE,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,QAAM;AAAA,cACN,OAAO,SAAS;AAAA,cAChB,QAAO;AAAA,cACP,GAAG,SAAS;AAAA,cACZ,QAAQ;AAAA;AAAA,UACV,GAEJ;AAAA,UACA;AAAA,YAAC,oBAAK;AAAA,YAAL;AAAA,cACC,yBAAuB;AAAA,cACvB,MAAM;AAAA,cACN,cAAW;AAAA,cACX,wBAAwB;AAAA,cACxB,yBAAyB;AAAA,cACzB,eAAc;AAAA,cACd,aAAY;AAAA,cACZ,mBAAkB;AAAA,cAClB,iBAAgB;AAAA,cAEhB;AAAA;AAAA,kBAAC,oBAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,SAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,sDAAC,8BAAY,qBAAO;AAAA;AAAA,gBACtB;AAAA,gBACA;AAAA,kBAAC,oBAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,SAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,sDAAC,8BAAY,yBAAW;AAAA;AAAA,gBAC1B;AAAA,gBACA;AAAA,kBAAC,oBAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,SAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,sDAAC,8BAAY,2BAAa;AAAA;AAAA,gBAC5B;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,iBAAe;AAAA,YACf;AAAA,YACA;AAAA,YAEA,sDAAC,kBAAgC,WAAU,SAAQ,GAAG,GAAG,SAAS,GAAG,MAAM,GACzE,sDAAC,oBAAK,SAAL,EAAa,OAAO,YAAY,YAAU,IAAC,MAAM,GAAG,gBAAe,UAClE,sDAAC,qBAAG,WAAU,UAAU,sBAAW,GACrC,KAHmB,UAIrB;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ,GAEM,sBAAsB,CAAC,EAAE,QAAQ,GAAG,MAAM,MAE5C;AAAA,EAAC;AAAA;AAAA,IACC,UAAS;AAAA,IACT,iBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,WAAU;AAAA,IACV,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACC,GAAI,UAAU;AAAA,MACb,iBAAiB;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACC,GAAG;AAAA;AACN,GAIE,qBAAiB,uBAAO,uBAAQ;AAAA,EACpC,UAAU;AAAA,IACR,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE;AAAA,IACvC,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,SAAS,EAAE,EAAE;AAAA,IACvC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;AAAA,EACtC;AACF,CAAC;",
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": "AAAA,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcH,SAM2B,KAN3B;AAZJ,MAAM,QAAQ,CAAC,cAAc,UAAU,GACjC,aAAqD;AAAA,EACzD,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC,GACtC,OAAO,MAAM,SAAS;AAE5B;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,mBAAkB;AAAA,QACjB,GAAI,SAAS;AAAA,UACZ,UAAU;AAAA,QACZ;AAAA,QAEC;AAAA,mBAAS,eAAe,oBAAC,kBAAe,IAAK,oBAAC,gBAAa;AAAA,UAE5D;AAAA,YAAC;AAAA;AAAA,cACC,YAAW;AAAA,cACX,OAAK;AAAA,cACL,UAAS;AAAA,cACT,QAAO;AAAA,cACP,MAAK;AAAA,cACL,MAAM,EAAE,SAAS,OAAO;AAAA,cAExB,8BAAC,UAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,qBAAW,IAAI,GAClB;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,iBAAiB,MAEnB;AAAA,EAAC;AAAA;AAAA,IACC,cAAa;AAAA,IACb,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAa;AAAA,IACb,aAAY;AAAA,IACZ,UAAS;AAAA,IACT,aAAY;AAAA,IAEZ;AAAA;AAAA,QAAC,KAAK;AAAA,QAAL;AAAA,UACC,WAAW,oBAAC,aAAU,UAAQ,IAAC;AAAA,UAC/B,yBAAwB;AAAA,UACxB,cAAW;AAAA,UAEX;AAAA,gCAAC,KAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,8BAAC,eAAY,YAAW,SAAQ,qBAAO,GACzC;AAAA,YACA,oBAAC,KAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,8BAAC,eAAY,YAAW,SAAQ,yBAAW,GAC7C;AAAA,YACA,oBAAC,KAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,8BAAC,eAAY,YAAW,SAAQ,2BAAa,GAC/C;AAAA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,aAAU;AAAA,MACX,oBAAC,eAAY,OAAM,QACjB,8BAAC,MAAG,qBAAO,GACb;AAAA,MAEA,oBAAC,eAAY,OAAM,QACjB,8BAAC,MAAG,yBAAW,GACjB;AAAA,MAEA,oBAAC,eAAY,OAAM,QACjB,8BAAC,MAAG,2BAAa,GACnB;AAAA;AAAA;AACF,GAIE,eAAe,MAEjB;AAAA,EAAC;AAAA;AAAA,IACC,cAAa;AAAA,IACb,eAAc;AAAA,IACd,aAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAa;AAAA,IACb,aAAY;AAAA,IACZ,UAAS;AAAA,IACT,aAAY;AAAA,IAEZ;AAAA;AAAA,QAAC,KAAK;AAAA,QAAL;AAAA,UACC,yBAAwB;AAAA,UACxB,cAAW;AAAA,UACX,WAAW,oBAAC,aAAU;AAAA,UAEtB;AAAA,gCAAC,KAAK,KAAL,EAAS,OAAM,QACd,8BAAC,eAAY,qBAAO,GACtB;AAAA,YACA,oBAAC,KAAK,KAAL,EAAS,OAAM,QACd,8BAAC,eAAY,yBAAW,GAC1B;AAAA,YACA,oBAAC,KAAK,KAAL,EAAS,OAAM,QACd,8BAAC,eAAY,2BAAa,GAC5B;AAAA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,aAAU,UAAQ,IAAC;AAAA,MACpB,oBAAC,eAAY,OAAM,QACjB,8BAAC,MAAG,WAAU,UAAS,qBAAO,GAChC;AAAA,MACA,oBAAC,eAAY,OAAM,QACjB,8BAAC,MAAG,WAAU,UAAS,yBAAW,GACpC;AAAA,MACA,oBAAC,eAAY,OAAM,QACjB,8BAAC,MAAG,WAAU,UAAS,2BAAa,GACtC;AAAA;AAAA;AACF,GAIE,cAAc,CAAC,UAEjB;AAAA,EAAC,KAAK;AAAA,EAAL;AAAA,IACC,iBAAgB;AAAA,IAEhB,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,MAAM;AAAA,IACN,aAAY;AAAA,IACZ,cAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,aAAY;AAAA,IACX,GAAG;AAAA,IAEH,gBAAM;AAAA;AAAA,EAZH;AAaN;",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,158 @@
1
+ import { useState } from "react";
2
+ import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from "tamagui";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ const demos = ["horizontal", "vertical"],
5
+ demosTitle = {
6
+ horizontal: "Horizontal",
7
+ vertical: "Vertical"
8
+ };
9
+ function TabsDemo() {
10
+ const [demoIndex, setDemoIndex] = useState(0),
11
+ demo = demos[demoIndex];
12
+ return (
13
+ // web only fix for position relative
14
+ /* @__PURE__ */
15
+ jsxs(YStack, {
16
+ paddingHorizontal: "$4",
17
+ ...(isWeb && {
18
+ position: "unset"
19
+ }),
20
+ children: [demo === "horizontal" ? /* @__PURE__ */jsx(HorizontalTabs, {}) : /* @__PURE__ */jsx(VerticalTabs, {}), /* @__PURE__ */jsx(XStack, {
21
+ alignItems: "center",
22
+ space: !0,
23
+ position: "absolute",
24
+ bottom: "$3",
25
+ left: "$4",
26
+ $xxs: {
27
+ display: "none"
28
+ },
29
+ children: /* @__PURE__ */jsx(Button, {
30
+ size: "$2",
31
+ onPress: () => setDemoIndex(x => (x + 1) % demos.length),
32
+ children: demosTitle[demo]
33
+ })
34
+ })]
35
+ })
36
+ );
37
+ }
38
+ const HorizontalTabs = () => /* @__PURE__ */jsxs(Tabs, {
39
+ defaultValue: "tab1",
40
+ orientation: "horizontal",
41
+ flexDirection: "column",
42
+ width: 400,
43
+ height: 150,
44
+ borderRadius: "$4",
45
+ borderWidth: "$0.25",
46
+ overflow: "hidden",
47
+ borderColor: "$borderColor",
48
+ children: [/* @__PURE__ */jsxs(Tabs.List, {
49
+ separator: /* @__PURE__ */jsx(Separator, {
50
+ vertical: !0
51
+ }),
52
+ disablePassBorderRadius: "bottom",
53
+ "aria-label": "Manage your account",
54
+ children: [/* @__PURE__ */jsx(Tabs.Tab, {
55
+ flex: 1,
56
+ value: "tab1",
57
+ children: /* @__PURE__ */jsx(SizableText, {
58
+ fontFamily: "$body",
59
+ children: "Profile"
60
+ })
61
+ }), /* @__PURE__ */jsx(Tabs.Tab, {
62
+ flex: 1,
63
+ value: "tab2",
64
+ children: /* @__PURE__ */jsx(SizableText, {
65
+ fontFamily: "$body",
66
+ children: "Connections"
67
+ })
68
+ }), /* @__PURE__ */jsx(Tabs.Tab, {
69
+ flex: 1,
70
+ value: "tab3",
71
+ children: /* @__PURE__ */jsx(SizableText, {
72
+ fontFamily: "$body",
73
+ children: "Notifications"
74
+ })
75
+ })]
76
+ }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(TabsContent, {
77
+ value: "tab1",
78
+ children: /* @__PURE__ */jsx(H5, {
79
+ children: "Profile"
80
+ })
81
+ }), /* @__PURE__ */jsx(TabsContent, {
82
+ value: "tab2",
83
+ children: /* @__PURE__ */jsx(H5, {
84
+ children: "Connections"
85
+ })
86
+ }), /* @__PURE__ */jsx(TabsContent, {
87
+ value: "tab3",
88
+ children: /* @__PURE__ */jsx(H5, {
89
+ children: "Notifications"
90
+ })
91
+ })]
92
+ }),
93
+ VerticalTabs = () => /* @__PURE__ */jsxs(Tabs, {
94
+ defaultValue: "tab1",
95
+ flexDirection: "row",
96
+ orientation: "vertical",
97
+ width: 400,
98
+ borderRadius: "$4",
99
+ borderWidth: "$0.25",
100
+ overflow: "hidden",
101
+ borderColor: "$borderColor",
102
+ children: [/* @__PURE__ */jsxs(Tabs.List, {
103
+ disablePassBorderRadius: "end",
104
+ "aria-label": "Manage your account",
105
+ separator: /* @__PURE__ */jsx(Separator, {}),
106
+ children: [/* @__PURE__ */jsx(Tabs.Tab, {
107
+ value: "tab1",
108
+ children: /* @__PURE__ */jsx(SizableText, {
109
+ children: "Profile"
110
+ })
111
+ }), /* @__PURE__ */jsx(Tabs.Tab, {
112
+ value: "tab2",
113
+ children: /* @__PURE__ */jsx(SizableText, {
114
+ children: "Connections"
115
+ })
116
+ }), /* @__PURE__ */jsx(Tabs.Tab, {
117
+ value: "tab3",
118
+ children: /* @__PURE__ */jsx(SizableText, {
119
+ children: "Notifications"
120
+ })
121
+ })]
122
+ }), /* @__PURE__ */jsx(Separator, {
123
+ vertical: !0
124
+ }), /* @__PURE__ */jsx(TabsContent, {
125
+ value: "tab1",
126
+ children: /* @__PURE__ */jsx(H5, {
127
+ textAlign: "center",
128
+ children: "Profile"
129
+ })
130
+ }), /* @__PURE__ */jsx(TabsContent, {
131
+ value: "tab2",
132
+ children: /* @__PURE__ */jsx(H5, {
133
+ textAlign: "center",
134
+ children: "Connections"
135
+ })
136
+ }), /* @__PURE__ */jsx(TabsContent, {
137
+ value: "tab3",
138
+ children: /* @__PURE__ */jsx(H5, {
139
+ textAlign: "center",
140
+ children: "Notifications"
141
+ })
142
+ })]
143
+ }),
144
+ TabsContent = props => /* @__PURE__ */jsx(Tabs.Content, {
145
+ backgroundColor: "$background",
146
+ padding: "$2",
147
+ alignItems: "center",
148
+ justifyContent: "center",
149
+ flex: 1,
150
+ borderColor: "$background",
151
+ borderRadius: "$2",
152
+ borderTopLeftRadius: 0,
153
+ borderTopRightRadius: 0,
154
+ borderWidth: "$2",
155
+ ...props,
156
+ children: props.children
157
+ }, "tab3");
158
+ export { TabsDemo };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TabsDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB,kBACzB,iBAUO,oBAcH;AAAA;AAAA;AAAA;AAZJ,MAAM,QAAQ,CAAC,cAAc,UAAU,GACjC,aAAqD;AAAA,EACzD,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,CAAC,GACtC,OAAO,MAAM,SAAS;AAE5B,SAEE;AAAA,IAAC;AAAA;AAAA,MACC,mBAAkB;AAAA,MACjB,GAAI,wBAAS;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MAEC;AAAA,iBAAS,eAAe,4CAAC,kBAAe,IAAK,4CAAC,gBAAa;AAAA,QAE5D;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,OAAK;AAAA,YACL,UAAS;AAAA,YACT,QAAO;AAAA,YACP,MAAK;AAAA,YACL,MAAM,EAAE,SAAS,OAAO;AAAA,YAExB,sDAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,qBAAW,IAAI,GAClB;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,iBAAiB,MAEnB;AAAA,EAAC;AAAA;AAAA,IACC,cAAa;AAAA,IACb,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAa;AAAA,IACb,aAAY;AAAA,IACZ,UAAS;AAAA,IACT,aAAY;AAAA,IAEZ;AAAA;AAAA,QAAC,oBAAK;AAAA,QAAL;AAAA,UACC,WAAW,4CAAC,4BAAU,UAAQ,IAAC;AAAA,UAC/B,yBAAwB;AAAA,UACxB,cAAW;AAAA,UAEX;AAAA,wDAAC,oBAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,sDAAC,8BAAY,YAAW,SAAQ,qBAAO,GACzC;AAAA,YACA,4CAAC,oBAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,sDAAC,8BAAY,YAAW,SAAQ,yBAAW,GAC7C;AAAA,YACA,4CAAC,oBAAK,KAAL,EAAS,MAAM,GAAG,OAAM,QACvB,sDAAC,8BAAY,YAAW,SAAQ,2BAAa,GAC/C;AAAA;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,4BAAU;AAAA,MACX,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,qBAAO,GACb;AAAA,MAEA,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,yBAAW,GACjB;AAAA,MAEA,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,2BAAa,GACnB;AAAA;AAAA;AACF,GAIE,eAAe,MAEjB;AAAA,EAAC;AAAA;AAAA,IACC,cAAa;AAAA,IACb,eAAc;AAAA,IACd,aAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAa;AAAA,IACb,aAAY;AAAA,IACZ,UAAS;AAAA,IACT,aAAY;AAAA,IAEZ;AAAA;AAAA,QAAC,oBAAK;AAAA,QAAL;AAAA,UACC,yBAAwB;AAAA,UACxB,cAAW;AAAA,UACX,WAAW,4CAAC,4BAAU;AAAA,UAEtB;AAAA,wDAAC,oBAAK,KAAL,EAAS,OAAM,QACd,sDAAC,8BAAY,qBAAO,GACtB;AAAA,YACA,4CAAC,oBAAK,KAAL,EAAS,OAAM,QACd,sDAAC,8BAAY,yBAAW,GAC1B;AAAA,YACA,4CAAC,oBAAK,KAAL,EAAS,OAAM,QACd,sDAAC,8BAAY,2BAAa,GAC5B;AAAA;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,4BAAU,UAAQ,IAAC;AAAA,MACpB,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,WAAU,UAAS,qBAAO,GAChC;AAAA,MACA,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,WAAU,UAAS,yBAAW,GACpC;AAAA,MACA,4CAAC,eAAY,OAAM,QACjB,sDAAC,qBAAG,WAAU,UAAS,2BAAa,GACtC;AAAA;AAAA;AACF,GAIE,cAAc,CAAC,UAEjB;AAAA,EAAC,oBAAK;AAAA,EAAL;AAAA,IACC,iBAAgB;AAAA,IAEhB,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,MAAM;AAAA,IACN,aAAY;AAAA,IACZ,cAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,aAAY;AAAA,IACX,GAAG;AAAA,IAEH,gBAAM;AAAA;AAAA,EAZH;AAaN;",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,28 @@
1
+ import { Paragraph, SizableText, XStack, YStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ function TextDemo() {
4
+ return /* @__PURE__ */jsxs(YStack, {
5
+ space: "$2",
6
+ alignItems: "center",
7
+ children: [/* @__PURE__ */jsx(SizableText, {
8
+ size: "$3",
9
+ children: "SizableText"
10
+ }), /* @__PURE__ */jsxs(XStack, {
11
+ space: !0,
12
+ children: [/* @__PURE__ */jsx(SizableText, {
13
+ theme: "alt1",
14
+ size: "$3",
15
+ children: "alt1"
16
+ }), /* @__PURE__ */jsx(SizableText, {
17
+ theme: "alt2",
18
+ size: "$3",
19
+ children: "alt2"
20
+ })]
21
+ }), /* @__PURE__ */jsx(Paragraph, {
22
+ size: "$2",
23
+ fontWeight: "800",
24
+ children: "Paragraph"
25
+ })]
26
+ });
27
+ }
28
+ export { TextDemo };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeBuilderDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }