@tamagui/demos 1.111.7 → 1.111.9

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 (241) hide show
  1. package/dist/esm/AccordionDemo.native.js +66 -79
  2. package/dist/esm/AccordionDemo.native.js.map +1 -6
  3. package/dist/esm/AddThemeDemo.native.js +25 -34
  4. package/dist/esm/AddThemeDemo.native.js.map +1 -6
  5. package/dist/esm/AlertDialogDemo.native.js +66 -84
  6. package/dist/esm/AlertDialogDemo.native.js.map +1 -6
  7. package/dist/esm/AnimationsDemo.native.js +65 -75
  8. package/dist/esm/AnimationsDemo.native.js.map +1 -6
  9. package/dist/esm/AnimationsEnterDemo.native.js +33 -38
  10. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -6
  11. package/dist/esm/AnimationsHoverDemo.native.js +4 -6
  12. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -6
  13. package/dist/esm/AnimationsPresenceDemo.native.js +78 -91
  14. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -6
  15. package/dist/esm/AnimationsTimingDemo.native.js +4 -6
  16. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -6
  17. package/dist/esm/AvatarDemo.native.js +23 -34
  18. package/dist/esm/AvatarDemo.native.js.map +1 -6
  19. package/dist/esm/BuildAButtonDemo.native.js +73 -94
  20. package/dist/esm/BuildAButtonDemo.native.js.map +1 -6
  21. package/dist/esm/ButtonDemo.native.js +51 -68
  22. package/dist/esm/ButtonDemo.native.js.map +1 -6
  23. package/dist/esm/CardDemo.native.js +47 -63
  24. package/dist/esm/CardDemo.native.js.map +1 -6
  25. package/dist/esm/CheckboxDemo.native.js +31 -36
  26. package/dist/esm/CheckboxDemo.native.js.map +1 -6
  27. package/dist/esm/CheckboxHeadlessDemo.native.js +26 -33
  28. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -6
  29. package/dist/esm/CheckboxUnstyledDemo.native.js +36 -40
  30. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -6
  31. package/dist/esm/ColorsDemo.native.js +84 -106
  32. package/dist/esm/ColorsDemo.native.js.map +1 -6
  33. package/dist/esm/DialogDemo.native.js +122 -156
  34. package/dist/esm/DialogDemo.native.js.map +1 -6
  35. package/dist/esm/FormsDemo.native.js +18 -25
  36. package/dist/esm/FormsDemo.native.js.map +1 -6
  37. package/dist/esm/Grid.native.js +23 -22
  38. package/dist/esm/Grid.native.js.map +1 -6
  39. package/dist/esm/GroupDemo.native.js +55 -72
  40. package/dist/esm/GroupDemo.native.js.map +1 -6
  41. package/dist/esm/HeadingsDemo.native.js +16 -25
  42. package/dist/esm/HeadingsDemo.native.js.map +1 -6
  43. package/dist/esm/ImageDemo.native.js +3 -5
  44. package/dist/esm/ImageDemo.native.js.map +1 -6
  45. package/dist/esm/InputsDemo.native.js +21 -31
  46. package/dist/esm/InputsDemo.native.js.map +1 -6
  47. package/dist/esm/LabelDemo.native.js +29 -40
  48. package/dist/esm/LabelDemo.native.js.map +1 -6
  49. package/dist/esm/LinearGradientDemo.native.js +20 -43
  50. package/dist/esm/LinearGradientDemo.native.js.map +1 -6
  51. package/dist/esm/ListItemDemo.native.js +50 -63
  52. package/dist/esm/ListItemDemo.native.js.map +1 -6
  53. package/dist/esm/LucideIconsDemo.native.js +38 -44
  54. package/dist/esm/LucideIconsDemo.native.js.map +1 -6
  55. package/dist/esm/NewInputsDemo.native.js +21 -31
  56. package/dist/esm/NewInputsDemo.native.js.map +1 -6
  57. package/dist/esm/PopoverDemo.native.js +91 -117
  58. package/dist/esm/PopoverDemo.native.js.map +1 -6
  59. package/dist/esm/ProgressDemo.native.js +68 -85
  60. package/dist/esm/ProgressDemo.native.js.map +1 -6
  61. package/dist/esm/RadioGroupDemo.native.js +28 -38
  62. package/dist/esm/RadioGroupDemo.native.js.map +1 -6
  63. package/dist/esm/RadioGroupHeadlessDemo.native.js +75 -65
  64. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -6
  65. package/dist/esm/RadioGroupUnstyledDemo.native.js +94 -96
  66. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -6
  67. package/dist/esm/ReplaceThemeDemo.native.js +25 -29
  68. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -6
  69. package/dist/esm/ScrollViewDemo.native.js +37 -48
  70. package/dist/esm/ScrollViewDemo.native.js.map +1 -6
  71. package/dist/esm/SelectDemo.native.js +187 -267
  72. package/dist/esm/SelectDemo.native.js.map +1 -6
  73. package/dist/esm/SeparatorDemo.native.js +29 -42
  74. package/dist/esm/SeparatorDemo.native.js.map +1 -6
  75. package/dist/esm/ShapesDemo.native.js +12 -17
  76. package/dist/esm/ShapesDemo.native.js.map +1 -6
  77. package/dist/esm/SheetDemo.native.js +133 -183
  78. package/dist/esm/SheetDemo.native.js.map +1 -6
  79. package/dist/esm/SliderDemo.native.js +22 -30
  80. package/dist/esm/SliderDemo.native.js.map +1 -6
  81. package/dist/esm/SpinnerDemo.native.js +10 -15
  82. package/dist/esm/SpinnerDemo.native.js.map +1 -6
  83. package/dist/esm/StacksDemo.native.js +67 -85
  84. package/dist/esm/StacksDemo.native.js.map +1 -6
  85. package/dist/esm/SwitchDemo.native.js +57 -76
  86. package/dist/esm/SwitchDemo.native.js.map +1 -6
  87. package/dist/esm/SwitchHeadlessDemo.native.js +45 -63
  88. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -6
  89. package/dist/esm/SwitchUnstyledDemo.native.js +46 -50
  90. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -6
  91. package/dist/esm/TabsAdvancedDemo.native.js +297 -297
  92. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -6
  93. package/dist/esm/TabsDemo.native.js +126 -149
  94. package/dist/esm/TabsDemo.native.js.map +1 -6
  95. package/dist/esm/TextDemo.native.js +21 -30
  96. package/dist/esm/TextDemo.native.js.map +1 -6
  97. package/dist/esm/ThemeBuilderDemo.native.js +137 -170
  98. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -6
  99. package/dist/esm/ThemeInverseDemo.native.js +30 -43
  100. package/dist/esm/ThemeInverseDemo.native.js.map +1 -6
  101. package/dist/esm/ToastDemo.native.js +73 -83
  102. package/dist/esm/ToastDemo.native.js.map +1 -6
  103. package/dist/esm/ToastDuplicateDemo.native.js +45 -61
  104. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -6
  105. package/dist/esm/ToggleGroupDemo.native.js +58 -76
  106. package/dist/esm/ToggleGroupDemo.native.js.map +1 -6
  107. package/dist/esm/TokensDemo.native.js +94 -107
  108. package/dist/esm/TokensDemo.native.js.map +1 -6
  109. package/dist/esm/TooltipDemo.native.js +85 -109
  110. package/dist/esm/TooltipDemo.native.js.map +1 -6
  111. package/dist/esm/UpdateThemeDemo.native.js +28 -31
  112. package/dist/esm/UpdateThemeDemo.native.js.map +1 -6
  113. package/dist/esm/WebNativeImageDemo.native.js +3 -5
  114. package/dist/esm/WebNativeImageDemo.native.js.map +1 -6
  115. package/dist/esm/index.native.js +58 -58
  116. package/dist/esm/index.native.js.map +1 -6
  117. package/dist/esm/tamagui.config.native.js +2 -5
  118. package/dist/esm/tamagui.config.native.js.map +1 -6
  119. package/dist/esm/useOnIntersecting.native.js +42 -39
  120. package/dist/esm/useOnIntersecting.native.js.map +1 -6
  121. package/package.json +21 -21
  122. package/dist/esm/AccordionDemo.native.mjs +0 -79
  123. package/dist/esm/AccordionDemo.native.mjs.map +0 -1
  124. package/dist/esm/AddThemeDemo.native.mjs +0 -36
  125. package/dist/esm/AddThemeDemo.native.mjs.map +0 -1
  126. package/dist/esm/AlertDialogDemo.native.mjs +0 -73
  127. package/dist/esm/AlertDialogDemo.native.mjs.map +0 -1
  128. package/dist/esm/AnimationsDemo.native.mjs +0 -78
  129. package/dist/esm/AnimationsDemo.native.mjs.map +0 -1
  130. package/dist/esm/AnimationsEnterDemo.native.mjs +0 -47
  131. package/dist/esm/AnimationsEnterDemo.native.mjs.map +0 -1
  132. package/dist/esm/AnimationsHoverDemo.native.mjs +0 -24
  133. package/dist/esm/AnimationsHoverDemo.native.mjs.map +0 -1
  134. package/dist/esm/AnimationsPresenceDemo.native.mjs +0 -97
  135. package/dist/esm/AnimationsPresenceDemo.native.mjs.map +0 -1
  136. package/dist/esm/AnimationsTimingDemo.native.mjs +0 -23
  137. package/dist/esm/AnimationsTimingDemo.native.mjs.map +0 -1
  138. package/dist/esm/AvatarDemo.native.mjs +0 -31
  139. package/dist/esm/AvatarDemo.native.mjs.map +0 -1
  140. package/dist/esm/BuildAButtonDemo.native.mjs +0 -102
  141. package/dist/esm/BuildAButtonDemo.native.mjs.map +0 -1
  142. package/dist/esm/ButtonDemo.native.mjs +0 -60
  143. package/dist/esm/ButtonDemo.native.mjs.map +0 -1
  144. package/dist/esm/CardDemo.native.mjs +0 -65
  145. package/dist/esm/CardDemo.native.mjs.map +0 -1
  146. package/dist/esm/CheckboxDemo.native.mjs +0 -47
  147. package/dist/esm/CheckboxDemo.native.mjs.map +0 -1
  148. package/dist/esm/CheckboxHeadlessDemo.native.mjs +0 -53
  149. package/dist/esm/CheckboxHeadlessDemo.native.mjs.map +0 -1
  150. package/dist/esm/CheckboxUnstyledDemo.native.mjs +0 -54
  151. package/dist/esm/CheckboxUnstyledDemo.native.mjs.map +0 -1
  152. package/dist/esm/ColorsDemo.native.mjs +0 -114
  153. package/dist/esm/ColorsDemo.native.mjs.map +0 -1
  154. package/dist/esm/DialogDemo.native.mjs +0 -132
  155. package/dist/esm/DialogDemo.native.mjs.map +0 -1
  156. package/dist/esm/FormsDemo.native.mjs +0 -42
  157. package/dist/esm/FormsDemo.native.mjs.map +0 -1
  158. package/dist/esm/Grid.native.mjs +0 -41
  159. package/dist/esm/Grid.native.mjs.map +0 -1
  160. package/dist/esm/GroupDemo.native.mjs +0 -64
  161. package/dist/esm/GroupDemo.native.mjs.map +0 -1
  162. package/dist/esm/HeadingsDemo.native.mjs +0 -23
  163. package/dist/esm/HeadingsDemo.native.mjs.map +0 -1
  164. package/dist/esm/ImageDemo.native.mjs +0 -13
  165. package/dist/esm/ImageDemo.native.mjs.map +0 -1
  166. package/dist/esm/InputsDemo.native.mjs +0 -37
  167. package/dist/esm/InputsDemo.native.mjs.map +0 -1
  168. package/dist/esm/LabelDemo.native.mjs +0 -37
  169. package/dist/esm/LabelDemo.native.mjs.map +0 -1
  170. package/dist/esm/LinearGradientDemo.native.mjs +0 -27
  171. package/dist/esm/LinearGradientDemo.native.mjs.map +0 -1
  172. package/dist/esm/ListItemDemo.native.mjs +0 -77
  173. package/dist/esm/ListItemDemo.native.mjs.map +0 -1
  174. package/dist/esm/LucideIconsDemo.native.mjs +0 -68
  175. package/dist/esm/LucideIconsDemo.native.mjs.map +0 -1
  176. package/dist/esm/NewInputsDemo.native.mjs +0 -37
  177. package/dist/esm/NewInputsDemo.native.mjs.map +0 -1
  178. package/dist/esm/PopoverDemo.native.mjs +0 -109
  179. package/dist/esm/PopoverDemo.native.mjs.map +0 -1
  180. package/dist/esm/ProgressDemo.native.mjs +0 -79
  181. package/dist/esm/ProgressDemo.native.mjs.map +0 -1
  182. package/dist/esm/RadioGroupDemo.native.mjs +0 -47
  183. package/dist/esm/RadioGroupDemo.native.mjs.map +0 -1
  184. package/dist/esm/RadioGroupHeadlessDemo.native.mjs +0 -134
  185. package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map +0 -1
  186. package/dist/esm/RadioGroupUnstyledDemo.native.mjs +0 -119
  187. package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map +0 -1
  188. package/dist/esm/ReplaceThemeDemo.native.mjs +0 -44
  189. package/dist/esm/ReplaceThemeDemo.native.mjs.map +0 -1
  190. package/dist/esm/ScrollViewDemo.native.mjs +0 -51
  191. package/dist/esm/ScrollViewDemo.native.mjs.map +0 -1
  192. package/dist/esm/SelectDemo.native.mjs +0 -205
  193. package/dist/esm/SelectDemo.native.mjs.map +0 -1
  194. package/dist/esm/SeparatorDemo.native.mjs +0 -38
  195. package/dist/esm/SeparatorDemo.native.mjs.map +0 -1
  196. package/dist/esm/ShapesDemo.native.mjs +0 -19
  197. package/dist/esm/ShapesDemo.native.mjs.map +0 -1
  198. package/dist/esm/SheetDemo.native.mjs +0 -165
  199. package/dist/esm/SheetDemo.native.mjs.map +0 -1
  200. package/dist/esm/SliderDemo.native.mjs +0 -36
  201. package/dist/esm/SliderDemo.native.mjs.map +0 -1
  202. package/dist/esm/SpinnerDemo.native.mjs +0 -18
  203. package/dist/esm/SpinnerDemo.native.mjs.map +0 -1
  204. package/dist/esm/StacksDemo.native.mjs +0 -82
  205. package/dist/esm/StacksDemo.native.mjs.map +0 -1
  206. package/dist/esm/SwitchDemo.native.mjs +0 -72
  207. package/dist/esm/SwitchDemo.native.mjs.map +0 -1
  208. package/dist/esm/SwitchHeadlessDemo.native.mjs +0 -67
  209. package/dist/esm/SwitchHeadlessDemo.native.mjs.map +0 -1
  210. package/dist/esm/SwitchUnstyledDemo.native.mjs +0 -65
  211. package/dist/esm/SwitchUnstyledDemo.native.mjs.map +0 -1
  212. package/dist/esm/TabsAdvancedDemo.native.mjs +0 -351
  213. package/dist/esm/TabsAdvancedDemo.native.mjs.map +0 -1
  214. package/dist/esm/TabsDemo.native.mjs +0 -169
  215. package/dist/esm/TabsDemo.native.mjs.map +0 -1
  216. package/dist/esm/TextDemo.native.mjs +0 -30
  217. package/dist/esm/TextDemo.native.mjs.map +0 -1
  218. package/dist/esm/ThemeBuilderDemo.native.mjs +0 -155
  219. package/dist/esm/ThemeBuilderDemo.native.mjs.map +0 -1
  220. package/dist/esm/ThemeInverseDemo.native.mjs +0 -46
  221. package/dist/esm/ThemeInverseDemo.native.mjs.map +0 -1
  222. package/dist/esm/ToastDemo.native.mjs +0 -109
  223. package/dist/esm/ToastDemo.native.mjs.map +0 -1
  224. package/dist/esm/ToastDuplicateDemo.native.mjs +0 -55
  225. package/dist/esm/ToastDuplicateDemo.native.mjs.map +0 -1
  226. package/dist/esm/ToggleGroupDemo.native.mjs +0 -76
  227. package/dist/esm/ToggleGroupDemo.native.mjs.map +0 -1
  228. package/dist/esm/TokensDemo.native.mjs +0 -110
  229. package/dist/esm/TokensDemo.native.mjs.map +0 -1
  230. package/dist/esm/TooltipDemo.native.mjs +0 -103
  231. package/dist/esm/TooltipDemo.native.mjs.map +0 -1
  232. package/dist/esm/UpdateThemeDemo.native.mjs +0 -47
  233. package/dist/esm/UpdateThemeDemo.native.mjs.map +0 -1
  234. package/dist/esm/WebNativeImageDemo.native.mjs +0 -11
  235. package/dist/esm/WebNativeImageDemo.native.mjs.map +0 -1
  236. package/dist/esm/index.native.mjs +0 -58
  237. package/dist/esm/index.native.mjs.map +0 -1
  238. package/dist/esm/tamagui.config.native.mjs +0 -5
  239. package/dist/esm/tamagui.config.native.mjs.map +0 -1
  240. package/dist/esm/useOnIntersecting.native.mjs +0 -74
  241. package/dist/esm/useOnIntersecting.native.mjs.map +0 -1
@@ -1,166 +1,132 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { X } from "@tamagui/lucide-icons";
3
3
  import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
4
- import { SelectDemoItem } from "./SelectDemo";
4
+ import { SelectDemoItem } from "./SelectDemo.native.js";
5
5
  function DialogDemo() {
6
- return /* @__PURE__ */ _jsx(DialogInstance, {});
6
+ return /* @__PURE__ */_jsx(DialogInstance, {});
7
7
  }
8
8
  function DialogInstance() {
9
- return /* @__PURE__ */ _jsxs(Dialog, {
9
+ return /* @__PURE__ */_jsxs(Dialog, {
10
10
  modal: !0,
11
- children: [
12
- /* @__PURE__ */ _jsx(Dialog.Trigger, {
13
- asChild: !0,
14
- children: /* @__PURE__ */ _jsx(Button, {
15
- children: "Show Dialog"
16
- })
17
- }),
18
- /* @__PURE__ */ _jsx(Adapt, {
19
- when: "sm",
20
- platform: "touch",
21
- children: /* @__PURE__ */ _jsxs(Sheet, {
22
- animation: "medium",
23
- zIndex: 2e5,
24
- modal: !0,
25
- dismissOnSnapToBottom: !0,
26
- children: [
27
- /* @__PURE__ */ _jsx(Sheet.Frame, {
28
- padding: "$4",
29
- gap: "$4",
30
- children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
31
- }),
32
- /* @__PURE__ */ _jsx(Sheet.Overlay, {
33
- animation: "lazy",
34
- enterStyle: {
35
- opacity: 0
36
- },
37
- exitStyle: {
38
- opacity: 0
39
- }
40
- })
41
- ]
42
- })
43
- }),
44
- /* @__PURE__ */ _jsxs(Dialog.Portal, {
45
- children: [
46
- /* @__PURE__ */ _jsx(Dialog.Overlay, {
47
- animation: "slow",
48
- opacity: 0.5,
49
- enterStyle: {
50
- opacity: 0
51
- },
52
- exitStyle: {
53
- opacity: 0
54
- }
55
- }, "overlay"),
56
- /* @__PURE__ */ _jsxs(Dialog.Content, {
57
- bordered: !0,
58
- elevate: !0,
59
- animateOnly: [
60
- "transform",
61
- "opacity"
62
- ],
63
- animation: [
64
- "quicker",
65
- {
66
- opacity: {
67
- overshootClamping: !0
68
- }
69
- }
70
- ],
71
- enterStyle: {
72
- x: 0,
73
- y: -20,
74
- opacity: 0,
75
- scale: 0.9
76
- },
77
- exitStyle: {
78
- x: 0,
79
- y: 10,
80
- opacity: 0,
81
- scale: 0.95
82
- },
83
- gap: "$4",
84
- children: [
85
- /* @__PURE__ */ _jsx(Dialog.Title, {
86
- children: "Edit profile"
87
- }),
88
- /* @__PURE__ */ _jsx(Dialog.Description, {
89
- children: "Make changes to your profile here. Click save when you're done."
90
- }),
91
- /* @__PURE__ */ _jsxs(Fieldset, {
92
- gap: "$4",
93
- horizontal: !0,
94
- children: [
95
- /* @__PURE__ */ _jsx(Label, {
96
- width: 160,
97
- justifyContent: "flex-end",
98
- htmlFor: "name",
99
- children: "Name"
100
- }),
101
- /* @__PURE__ */ _jsx(Input, {
102
- flex: 1,
103
- id: "name",
104
- defaultValue: "Nate Wienert"
105
- })
106
- ]
107
- }),
108
- /* @__PURE__ */ _jsxs(Fieldset, {
109
- gap: "$4",
110
- horizontal: !0,
111
- children: [
112
- /* @__PURE__ */ _jsx(Label, {
113
- width: 160,
114
- justifyContent: "flex-end",
115
- htmlFor: "username",
116
- children: /* @__PURE__ */ _jsx(TooltipSimple, {
117
- label: "Pick your favorite",
118
- placement: "bottom-start",
119
- children: /* @__PURE__ */ _jsx(Paragraph, {
120
- children: "Food"
121
- })
122
- })
123
- }),
124
- /* @__PURE__ */ _jsx(SelectDemoItem, {})
125
- ]
126
- }),
127
- /* @__PURE__ */ _jsxs(XStack, {
128
- alignSelf: "flex-end",
129
- gap: "$4",
130
- children: [
131
- /* @__PURE__ */ _jsx(DialogInstance, {}),
132
- /* @__PURE__ */ _jsx(Dialog.Close, {
133
- displayWhenAdapted: !0,
134
- asChild: !0,
135
- children: /* @__PURE__ */ _jsx(Button, {
136
- theme: "active",
137
- "aria-label": "Close",
138
- children: "Save changes"
139
- })
140
- })
141
- ]
142
- }),
143
- /* @__PURE__ */ _jsx(Unspaced, {
144
- children: /* @__PURE__ */ _jsx(Dialog.Close, {
145
- asChild: !0,
146
- children: /* @__PURE__ */ _jsx(Button, {
147
- position: "absolute",
148
- top: "$3",
149
- right: "$3",
150
- size: "$2",
151
- circular: !0,
152
- icon: X
153
- })
154
- })
155
- })
156
- ]
157
- }, "content")
158
- ]
11
+ children: [/* @__PURE__ */_jsx(Dialog.Trigger, {
12
+ asChild: !0,
13
+ children: /* @__PURE__ */_jsx(Button, {
14
+ children: "Show Dialog"
159
15
  })
160
- ]
16
+ }), /* @__PURE__ */_jsx(Adapt, {
17
+ when: "sm",
18
+ platform: "touch",
19
+ children: /* @__PURE__ */_jsxs(Sheet, {
20
+ animation: "medium",
21
+ zIndex: 2e5,
22
+ modal: !0,
23
+ dismissOnSnapToBottom: !0,
24
+ children: [/* @__PURE__ */_jsx(Sheet.Frame, {
25
+ padding: "$4",
26
+ gap: "$4",
27
+ children: /* @__PURE__ */_jsx(Adapt.Contents, {})
28
+ }), /* @__PURE__ */_jsx(Sheet.Overlay, {
29
+ animation: "lazy",
30
+ enterStyle: {
31
+ opacity: 0
32
+ },
33
+ exitStyle: {
34
+ opacity: 0
35
+ }
36
+ })]
37
+ })
38
+ }), /* @__PURE__ */_jsxs(Dialog.Portal, {
39
+ children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
40
+ animation: "slow",
41
+ opacity: 0.5,
42
+ enterStyle: {
43
+ opacity: 0
44
+ },
45
+ exitStyle: {
46
+ opacity: 0
47
+ }
48
+ }, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
49
+ bordered: !0,
50
+ elevate: !0,
51
+ animateOnly: ["transform", "opacity"],
52
+ animation: ["quicker", {
53
+ opacity: {
54
+ overshootClamping: !0
55
+ }
56
+ }],
57
+ enterStyle: {
58
+ x: 0,
59
+ y: -20,
60
+ opacity: 0,
61
+ scale: 0.9
62
+ },
63
+ exitStyle: {
64
+ x: 0,
65
+ y: 10,
66
+ opacity: 0,
67
+ scale: 0.95
68
+ },
69
+ gap: "$4",
70
+ children: [/* @__PURE__ */_jsx(Dialog.Title, {
71
+ children: "Edit profile"
72
+ }), /* @__PURE__ */_jsx(Dialog.Description, {
73
+ children: "Make changes to your profile here. Click save when you're done."
74
+ }), /* @__PURE__ */_jsxs(Fieldset, {
75
+ gap: "$4",
76
+ horizontal: !0,
77
+ children: [/* @__PURE__ */_jsx(Label, {
78
+ width: 160,
79
+ justifyContent: "flex-end",
80
+ htmlFor: "name",
81
+ children: "Name"
82
+ }), /* @__PURE__ */_jsx(Input, {
83
+ flex: 1,
84
+ id: "name",
85
+ defaultValue: "Nate Wienert"
86
+ })]
87
+ }), /* @__PURE__ */_jsxs(Fieldset, {
88
+ gap: "$4",
89
+ horizontal: !0,
90
+ children: [/* @__PURE__ */_jsx(Label, {
91
+ width: 160,
92
+ justifyContent: "flex-end",
93
+ htmlFor: "username",
94
+ children: /* @__PURE__ */_jsx(TooltipSimple, {
95
+ label: "Pick your favorite",
96
+ placement: "bottom-start",
97
+ children: /* @__PURE__ */_jsx(Paragraph, {
98
+ children: "Food"
99
+ })
100
+ })
101
+ }), /* @__PURE__ */_jsx(SelectDemoItem, {})]
102
+ }), /* @__PURE__ */_jsxs(XStack, {
103
+ alignSelf: "flex-end",
104
+ gap: "$4",
105
+ children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(Dialog.Close, {
106
+ displayWhenAdapted: !0,
107
+ asChild: !0,
108
+ children: /* @__PURE__ */_jsx(Button, {
109
+ theme: "active",
110
+ "aria-label": "Close",
111
+ children: "Save changes"
112
+ })
113
+ })]
114
+ }), /* @__PURE__ */_jsx(Unspaced, {
115
+ children: /* @__PURE__ */_jsx(Dialog.Close, {
116
+ asChild: !0,
117
+ children: /* @__PURE__ */_jsx(Button, {
118
+ position: "absolute",
119
+ top: "$3",
120
+ right: "$3",
121
+ size: "$2",
122
+ circular: !0,
123
+ icon: X
124
+ })
125
+ })
126
+ })]
127
+ }, "content")]
128
+ })]
161
129
  });
162
130
  }
163
- export {
164
- DialogDemo
165
- };
166
- //# sourceMappingURL=DialogDemo.js.map
131
+ export { DialogDemo };
132
+ //# sourceMappingURL=DialogDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/DialogDemo.tsx"],
4
- "mappings": ";AAAA,SAASA,SAAS;AAClB,SACEC,OACAC,QACAC,QACAC,UACAC,OACAC,OACAC,WACAC,OACAC,eACAC,UACAC,cACK;AAEP,SAASC,sBAAsB;AAExB,SAASC,aAAAA;AACd,SAAO,qBAACC,gBAAAA,CAAAA,CAAAA;AACV;AAEA,SAASA,iBAAAA;AACP,SACE,sBAACX,QAAAA;IAAOY,OAAK;;MACX,qBAACZ,OAAOa,SAAO;QAACC,SAAO;kBACrB,qBAACf,QAAAA;oBAAO;;;MAGV,qBAACD,OAAAA;QAAMiB,MAAK;QAAKC,UAAS;kBACxB,sBAACX,OAAAA;UAAMY,WAAU;UAASC,QAAQ;UAAQN,OAAK;UAACO,uBAAqB;;YACnE,qBAACd,MAAMe,OAAK;cAACC,SAAQ;cAAKC,KAAI;wBAC5B,qBAACxB,MAAMyB,UAAQ,CAAA,CAAA;;YAEjB,qBAAClB,MAAMmB,SAAO;cACZP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC1B,OAAO4B,QAAM;;UACZ,qBAAC5B,OAAOwB,SAAO;YAEbP,WAAU;YACVS,SAAS;YACTD,YAAY;cAAEC,SAAS;YAAE;YACzBC,WAAW;cAAED,SAAS;YAAE;aAJpB,SAAA;UAON,sBAAC1B,OAAO6B,SAAO;YACbC,UAAQ;YACRC,SAAO;YAEPC,aAAa;cAAC;cAAa;;YAC3Bf,WAAW;cACT;cACA;gBACES,SAAS;kBACPO,mBAAmB;gBACrB;cACF;;YAEFR,YAAY;cAAES,GAAG;cAAGC,GAAG;cAAKT,SAAS;cAAGU,OAAO;YAAI;YACnDT,WAAW;cAAEO,GAAG;cAAGC,GAAG;cAAIT,SAAS;cAAGU,OAAO;YAAK;YAClDd,KAAI;;cAEJ,qBAACtB,OAAOqC,OAAK;0BAAC;;cACd,qBAACrC,OAAOsC,aAAW;0BAAC;;cAGpB,sBAACrC,UAAAA;gBAASqB,KAAI;gBAAKiB,YAAU;;kBAC3B,qBAACpC,OAAAA;oBAAMqC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BAAO;;kBAG5D,qBAACxC,OAAAA;oBAAMyC,MAAM;oBAAGC,IAAG;oBAAOC,cAAa;;;;cAEzC,sBAAC5C,UAAAA;gBAASqB,KAAI;gBAAKiB,YAAU;;kBAC3B,qBAACpC,OAAAA;oBAAMqC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BACnD,qBAACpC,eAAAA;sBAAcwC,OAAM;sBAAqBC,WAAU;gCAClD,qBAAC3C,WAAAA;kCAAU;;;;kBAGf,qBAACK,gBAAAA,CAAAA,CAAAA;;;cAGH,sBAACD,QAAAA;gBAAOwC,WAAU;gBAAW1B,KAAI;;kBAC/B,qBAACX,gBAAAA,CAAAA,CAAAA;kBAED,qBAACX,OAAOiD,OAAK;oBAACC,oBAAkB;oBAACpC,SAAO;8BACtC,qBAACf,QAAAA;sBAAOoD,OAAM;sBAASC,cAAW;gCAAQ;;;;;cAM9C,qBAAC7C,UAAAA;0BACC,qBAACP,OAAOiD,OAAK;kBAACnC,SAAO;4BACnB,qBAACf,QAAAA;oBACCsD,UAAS;oBACTC,KAAI;oBACJC,OAAM;oBACNC,MAAK;oBACLC,UAAQ;oBACRC,MAAM7D;;;;;aAnDR,SAAA;;;;;AA2Dd;",
5
- "names": ["X", "Adapt", "Button", "Dialog", "Fieldset", "Input", "Label", "Paragraph", "Sheet", "TooltipSimple", "Unspaced", "XStack", "SelectDemoItem", "DialogDemo", "DialogInstance", "modal", "Trigger", "asChild", "when", "platform", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "gap", "Contents", "Overlay", "enterStyle", "opacity", "exitStyle", "Portal", "Content", "bordered", "elevate", "animateOnly", "overshootClamping", "x", "y", "scale", "Title", "Description", "horizontal", "width", "justifyContent", "htmlFor", "flex", "id", "defaultValue", "label", "placement", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "position", "top", "right", "size", "circular", "icon"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","XStack","SelectDemoItem","DialogDemo","DialogInstance","modal","children","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","gap","Contents","Overlay","enterStyle","opacity","exitStyle","Portal","Content","bordered","elevate","animateOnly","overshootClamping","x","y","scale","Title","Description","horizontal"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAhB,IAAA,CAAAiB,cAAA;AAAA;AACA,SACAA,eAAA;EACA,sBAAAf,KAAA,CAAAI,MAAA;IACAY,KAAA;IACAC,QAAA,GACA,eAAAnB,IAAA,CAAAM,MAAA,CAAAc,OAAA;MACAC,OAAA;MACKF,QAAA,iBAAAnB,IAAA,CAAAK,MAAA;QAEEc,QAAA;MAGA;IADF,IACL,eAAOnB,IAAA,CAAAI,KAAC;MACVkB,IAAA;MAEAC,QAAS;MACPJ,QACE,iBAACjB,KAAA,CAAOS,KAAA,EAAK;QACXa,SAAA,UAAC;QAIDC,MAAA;QAEIP,KAAA;QAGAQ,qBAAA;QAACP,QAAM,GAAN,eAAAnB,IAAA,CAAAW,KAAA,CAAAgB,KAAA;UACCC,OAAU;UACVC,GAAA,MAAY;UACZV,QAAW,EAAE,eAAWnB,IAAA,CAAAI,KAAA,CAAA0B,QAAA;QAAA,IAC1B,eAAA9B,IAAA,CAAAW,KAAA,CAAAoB,OAAA;UAEJP,SAAA;UAEAQ,UAAA,EAAC;YACCC,OAAA;UAAC,CAAO;UAAPC,SAAA;YAECD,OAAU;UACV;QACA;MACwB;IAAA,EAJpB,EAKN,eAAA/B,KAAA,CAAAI,MAAA,CAAA6B,MAAA;MAEAhB,QAAA,GAAC,eAAOnB,IAAA,CAAAM,MAAA,CAAAyB,OAAA;QAAPP,SAAA;QACCS,OAAA,EAAQ;QACRD,UAAO;UAEPC,OAAA,EAAa;QACb;QACEC,SAAA;UACAD,OAAA;QAAA;MACW,YACP,GAAmB,eACrB/B,KAAA,CAAAI,MAAA,CAAA8B,OAAA;QACFC,QAAA;QACFC,OAAA;QACAC,WAAY,EAAE,CACd,WAAa,EACb,SAAI,CAEJ;QAAAf,SAAA,GACA,WAGA;UACES,OAAA;YAGAO,iBAAC;UACH;QACA,EACE;QAIAR,UACA;UAAgBS,CAClB;UAEAC,CAAA;UACET,OAAA;UAEAU,KAAA;QAIA;QAGFT,SAAA;UAEKO,CAAA;UAAAC,CAAA;UAAAT,OACC;UAASU,KACT,EAAI;QAAA;QACEd,GAAA,EACN;QAAKV,QACL,GAAQ,eACFnB,IAAA,CAAAM,MAAA,CAAAsC,KAAA;UAAAzB,QAAA;QACR,CACF,GACF,eAAAnB,IAAA,CAAAM,MAAA,CAAAuC,WAAA;UAAA1B,QAAA;QAtDI,IAuDN,eAAAjB,KAAA,CAAAK,QAAA;UACFsB,GAAA;UACFiB,UAAA;UAEJ3B,QAAA,G","ignoreList":[]}
@@ -3,22 +3,20 @@ import React from "react";
3
3
  import { Button, Form, H4, Spinner } from "tamagui";
4
4
  function FormsDemo(props) {
5
5
  var [status, setStatus] = React.useState("off");
6
- return React.useEffect(function() {
6
+ return React.useEffect(function () {
7
7
  if (status === "submitting") {
8
- var timer = setTimeout(function() {
8
+ var timer = setTimeout(function () {
9
9
  return setStatus("off");
10
10
  }, 2e3);
11
- return function() {
11
+ return function () {
12
12
  clearTimeout(timer);
13
13
  };
14
14
  }
15
- }, [
16
- status
17
- ]), /* @__PURE__ */ _jsxs(Form, {
15
+ }, [status]), /* @__PURE__ */_jsxs(Form, {
18
16
  alignItems: "center",
19
17
  minWidth: 300,
20
18
  gap: "$2",
21
- onSubmit: function() {
19
+ onSubmit: function () {
22
20
  return setStatus("submitting");
23
21
  },
24
22
  borderWidth: 1,
@@ -26,24 +24,19 @@ function FormsDemo(props) {
26
24
  backgroundColor: "$background",
27
25
  borderColor: "$borderColor",
28
26
  padding: "$8",
29
- children: [
30
- /* @__PURE__ */ _jsx(H4, {
31
- children: status[0].toUpperCase() + status.slice(1)
32
- }),
33
- /* @__PURE__ */ _jsx(Form.Trigger, {
34
- asChild: !0,
35
- disabled: status !== "off",
36
- children: /* @__PURE__ */ _jsx(Button, {
37
- icon: status === "submitting" ? function() {
38
- return /* @__PURE__ */ _jsx(Spinner, {});
39
- } : void 0,
40
- children: "Submit"
41
- })
27
+ children: [/* @__PURE__ */_jsx(H4, {
28
+ children: status[0].toUpperCase() + status.slice(1)
29
+ }), /* @__PURE__ */_jsx(Form.Trigger, {
30
+ asChild: !0,
31
+ disabled: status !== "off",
32
+ children: /* @__PURE__ */_jsx(Button, {
33
+ icon: status === "submitting" ? function () {
34
+ return /* @__PURE__ */_jsx(Spinner, {});
35
+ } : void 0,
36
+ children: "Submit"
42
37
  })
43
- ]
38
+ })]
44
39
  });
45
40
  }
46
- export {
47
- FormsDemo
48
- };
49
- //# sourceMappingURL=FormsDemo.js.map
41
+ export { FormsDemo };
42
+ //# sourceMappingURL=FormsDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/FormsDemo.tsx"],
4
- "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,MAAMC,IAAIC,eAAe;AAEnC,SAASC,UAAUC,OAA2B;AACnD,MAAM,CAACC,QAAQC,SAAAA,IAAaR,MAAMS,SAA6C,KAAA;AAE/ET,eAAMU,UAAU,WAAA;AACd,QAAIH,WAAW,cAAc;AAC3B,UAAMI,QAAQC,WAAW,WAAA;eAAMJ,UAAU,KAAA;SAAQ,GAAA;AACjD,aAAO,WAAA;AACLK,qBAAaF,KAAAA;MACf;IACF;EACF,GAAG;IAACJ;GAAO,GAGT,sBAACL,MAAAA;IACCY,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMT,UAAU,YAAA;;IAC1BU,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;;MAER,qBAACnB,IAAAA;kBAAII,OAAO,CAAA,EAAGgB,YAAW,IAAKhB,OAAOiB,MAAM,CAAA;;MAE5C,qBAACtB,KAAKuB,SAAO;QAACC,SAAO;QAACC,UAAUpB,WAAW;kBACzC,qBAACN,QAAAA;UAAO2B,MAAMrB,WAAW,eAAe,WAAA;mBAAM,qBAACH,SAAAA,CAAAA,CAAAA;cAAayB;oBAAW;;;;;AAM/E;",
5
- "names": ["React", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "useState", "useEffect", "timer", "setTimeout", "clearTimeout", "alignItems", "minWidth", "gap", "onSubmit", "borderWidth", "borderRadius", "backgroundColor", "borderColor", "padding", "toUpperCase", "slice", "Trigger", "asChild", "disabled", "icon", "undefined"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","H4","Spinner","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","alignItems","minWidth","gap","onSubmit","borderWidth","borderRadius","backgroundColor","borderColor","padding","children","toUpperCase","slice"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS,MAAQ,OAAM;AAenB,SAWEC,MAXF,EAAAC,IAAA,EAAAC,EAAA,EAAAC,OAAA;AAbG,SAASC,UAAUC,KAAA,EAA6B;EACrD,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAA6C;EAE/E,OAAAT,KAAA,CAAMU,SAAA,CAAU,YAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,IAAAI,KAAM,GAAAC,UAAQ,aAAiB;QAC/B,OAAOJ,SAAM;MACX;MACF;QACFK,YAAA,CAAAF,KAAA;MACE;IAGD;EAAA,IAAAJ,MACC,CAAW,GACX,eAAUR,KAAA,CAAAG,IAAA;IAAAY,UACN;IAAAC,QACJ,KAAU;IAA4BC,GACtC;IAAaC,QACb,WAAAA,CAAA,EAAa;MACb,OAAAT,SAAA,CAAgB;IAAA;IACJU,WACJ;IAAAC,YAER;IAAAC,eAAA,eAAK;IAA0CC,WAE/C,gBAAC;IAIDC,OAAA;IAAAC,QAAA,GACF,eAAA1B,IAAA,CAAAM,EAAA;MAEJoB,QAAA,EAAAhB,MAAA,IAAAiB,WAAA,KAAAjB,MAAA,CAAAkB,KAAA","ignoreList":[]}
@@ -3,28 +3,31 @@ import { isWeb } from "@tamagui/core";
3
3
  import { XStack } from "@tamagui/stacks";
4
4
  import React from "react";
5
5
  function Grid(param) {
6
- var { children, columns, itemMinWidth = 200, gap } = param;
7
- if (isWeb)
8
- return /* @__PURE__ */ _jsx("div", {
9
- style: {
10
- gap,
11
- display: "grid",
12
- justifyContent: "stretch",
13
- // gridTemplateRows: 'repeat(4, 1fr)',
14
- gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
15
- },
16
- children: (
17
- // gridTemplateColumns: '1fr 1fr',
18
- children
19
- )
20
- });
6
+ var {
7
+ children,
8
+ columns,
9
+ itemMinWidth = 200,
10
+ gap
11
+ } = param;
12
+ if (isWeb) return /* @__PURE__ */_jsx("div", {
13
+ style: {
14
+ gap,
15
+ display: "grid",
16
+ justifyContent: "stretch",
17
+ // gridTemplateRows: 'repeat(4, 1fr)',
18
+ gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
19
+ },
20
+ children:
21
+ // gridTemplateColumns: '1fr 1fr',
22
+ children
23
+ });
21
24
  var childrenList = React.Children.toArray(children);
22
- return /* @__PURE__ */ _jsx(XStack, {
25
+ return /* @__PURE__ */_jsx(XStack, {
23
26
  alignItems: "center",
24
27
  justifyContent: "center",
25
28
  flexWrap: "wrap",
26
- children: childrenList.map(function(child, i) {
27
- return child ? /* @__PURE__ */ _jsx(XStack, {
29
+ children: childrenList.map(function (child, i) {
30
+ return child ? /* @__PURE__ */_jsx(XStack, {
28
31
  flex: 1,
29
32
  minWidth: itemMinWidth,
30
33
  marginRight: gap,
@@ -34,7 +37,5 @@ function Grid(param) {
34
37
  })
35
38
  });
36
39
  }
37
- export {
38
- Grid
39
- };
40
- //# sourceMappingURL=Grid.js.map
40
+ export { Grid };
41
+ //# sourceMappingURL=Grid.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/Grid.tsx"],
4
- "mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AACvB,OAAOC,WAAW;AASX,SAASC,KAAK,OAAyD;MAAzD,EAAEC,UAAUC,SAASC,eAAe,KAAKC,IAAG,IAA5C;AACnB,MAAIP;AACF,WACE,qBAACQ,OAAAA;MACCC,OAAO;QACLF;QACAG,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAqB,4BAA4BN,YAAAA;MAEnD;;;QAECF;;;AAKP,MAAMS,eAAeX,MAAMY,SAASC,QAAQX,QAAAA;AAE5C,SACE,qBAACH,QAAAA;IAAOe,YAAW;IAASL,gBAAe;IAASM,UAAS;cAC1DJ,aAAaK,IAAI,SAACC,OAAOC,GAAAA;AACxB,aAAKD,QAMH,qBAAClB,QAAAA;QAECoB,MAAM;QACNC,UAAUhB;QACViB,aAAahB;QACbiB,cAAcjB;kBAEbY;SANIC,CAAAA,IANA;IAeX,CAAA;;AAGN;",
5
- "names": ["isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "div", "style", "display", "justifyContent", "gridTemplateColumns", "childrenList", "Children", "toArray", "alignItems", "flexWrap", "map", "child", "i", "flex", "minWidth", "marginRight", "marginBottom"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","alignItems","flexWrap","map","child","i","flex","minWidth","marginRight","marginBottom"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,uBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACF,IAAAJ,KACE,SAAC,eAAAD,IAAA;IAAAU,KAAA;MACCD,GAAA;MAAOE,OACL;MAAAC,cACS;MAAA;MACOC,mBAAA,8BAAAL,YAAA;IAAA;IAE6CF,QAAA;IAE/D;IAECA;EACH;EAIJ,IAAAQ,YAAM,GAAAX,KAAe,CAAAY,QAAM,CAAAC,OAAS,CAAAV,QAAQ;EAE5C,OACE,eAAAN,IAAC,CAAAE,MAAA;IAQMe,UAAA;IAAAL,cAAA;IAAAM,QAEO;IAAAZ,QACN,EAAAQ,YAAU,CAAAK,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACV,OAAAD,KAAA,GAAa,eAAApB,IAAA,CAAAE,MAAA;QACboB,IAAA;QAECC,QAAA,EAAAf,YAAA;QAAAgB,WAAA,EAAAf,GAAA;QANIgB,YAAA,EAAAhB,GAAA;QANAH,QAgBb,EAAAc;MAEJ,GAAAC,CAAA","ignoreList":[]}
@@ -2,80 +2,63 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Activity, Airplay } from "@tamagui/lucide-icons";
3
3
  import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
4
4
  function GroupDemo() {
5
- return /* @__PURE__ */ _jsxs(YStack, {
5
+ return /* @__PURE__ */_jsxs(YStack, {
6
6
  padding: "$3",
7
7
  space: "$2",
8
8
  alignItems: "center",
9
- children: [
10
- /* @__PURE__ */ _jsxs(Group, {
11
- orientation: "horizontal",
12
- children: [
13
- /* @__PURE__ */ _jsx(Group.Item, {
14
- children: /* @__PURE__ */ _jsx(Button, {
15
- children: "First"
16
- })
17
- }),
18
- /* @__PURE__ */ _jsx(Group.Item, {
19
- children: /* @__PURE__ */ _jsx(Button, {
20
- children: "Second"
21
- })
22
- }),
23
- /* @__PURE__ */ _jsx(Group.Item, {
24
- children: /* @__PURE__ */ _jsx(Button, {
25
- children: "Third"
26
- })
27
- })
28
- ]
29
- }),
30
- /* responsive + size */
31
- /* @__PURE__ */ _jsxs(XGroup, {
32
- size: "$3",
33
- $gtSm: {
34
- size: "$5"
35
- },
36
- children: [
37
- /* @__PURE__ */ _jsx(XGroup.Item, {
38
- children: /* @__PURE__ */ _jsx(Button, {
39
- size: "$3",
40
- icon: Activity,
41
- children: "First"
42
- })
43
- }),
44
- /* @__PURE__ */ _jsx(XGroup.Item, {
45
- children: /* @__PURE__ */ _jsx(Button, {
46
- size: "$3",
47
- icon: Airplay,
48
- children: "Second"
49
- })
50
- })
51
- ]
52
- }),
53
- /* Separator */
54
- /* @__PURE__ */ _jsxs(YGroup, {
55
- separator: /* @__PURE__ */ _jsx(Separator, {}),
56
- children: [
57
- /* @__PURE__ */ _jsx(YGroup.Item, {
58
- children: /* @__PURE__ */ _jsx(ListItem, {
59
- title: "First"
60
- })
61
- }),
62
- /* @__PURE__ */ _jsx(YGroup.Item, {
63
- children: /* @__PURE__ */ _jsx(ListItem, {
64
- title: "Second",
65
- subTitle: "Second subtitle"
66
- })
67
- }),
68
- /* @__PURE__ */ _jsx(YGroup.Item, {
69
- children: /* @__PURE__ */ _jsx(ListItem, {
70
- children: "Third"
71
- })
72
- })
73
- ]
74
- })
75
- ]
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
+ }), /* responsive + size */
25
+ /* @__PURE__ */_jsxs(XGroup, {
26
+ size: "$3",
27
+ $gtSm: {
28
+ size: "$5"
29
+ },
30
+ children: [/* @__PURE__ */_jsx(XGroup.Item, {
31
+ children: /* @__PURE__ */_jsx(Button, {
32
+ size: "$3",
33
+ icon: Activity,
34
+ children: "First"
35
+ })
36
+ }), /* @__PURE__ */_jsx(XGroup.Item, {
37
+ children: /* @__PURE__ */_jsx(Button, {
38
+ size: "$3",
39
+ icon: Airplay,
40
+ children: "Second"
41
+ })
42
+ })]
43
+ }), /* Separator */
44
+ /* @__PURE__ */_jsxs(YGroup, {
45
+ separator: /* @__PURE__ */_jsx(Separator, {}),
46
+ children: [/* @__PURE__ */_jsx(YGroup.Item, {
47
+ children: /* @__PURE__ */_jsx(ListItem, {
48
+ title: "First"
49
+ })
50
+ }), /* @__PURE__ */_jsx(YGroup.Item, {
51
+ children: /* @__PURE__ */_jsx(ListItem, {
52
+ title: "Second",
53
+ subTitle: "Second subtitle"
54
+ })
55
+ }), /* @__PURE__ */_jsx(YGroup.Item, {
56
+ children: /* @__PURE__ */_jsx(ListItem, {
57
+ children: "Third"
58
+ })
59
+ })]
60
+ })]
76
61
  });
77
62
  }
78
- export {
79
- GroupDemo
80
- };
81
- //# sourceMappingURL=GroupDemo.js.map
63
+ export { GroupDemo };
64
+ //# sourceMappingURL=GroupDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/GroupDemo.tsx"],
4
- "mappings": ";AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,OAAOC,UAAUC,WAAWC,QAAQC,QAAQC,cAAc;AAEpE,SAASC,YAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;IAAKC,YAAW;;MACzC,sBAACT,OAAAA;QAAMU,aAAY;;UACjB,qBAACV,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;UAEV,qBAACC,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;UAEV,qBAACC,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;;;;MAKZ,sBAACI,QAAAA;QAAOS,MAAK;QAAKC,OAAO;UAAED,MAAM;QAAK;;UACpC,qBAACT,OAAOQ,MAAI;sBACV,qBAACZ,QAAAA;cAAOa,MAAK;cAAKE,MAAMjB;wBAAU;;;UAIpC,qBAACM,OAAOQ,MAAI;sBACV,qBAACZ,QAAAA;cAAOa,MAAK;cAAKE,MAAMhB;wBAAS;;;;;;MAOrC,sBAACM,QAAAA;QAAOW,WAAW,qBAACb,WAAAA,CAAAA,CAAAA;;UAClB,qBAACE,OAAOO,MAAI;sBACV,qBAACV,UAAAA;cAASe,OAAM;;;UAElB,qBAACZ,OAAOO,MAAI;sBACV,qBAACV,UAAAA;cAASe,OAAM;cAASC,UAAS;;;UAEpC,qBAACb,OAAOO,MAAI;sBACV,qBAACV,UAAAA;wBAAS;;;;;;;AAKpB;",
5
- "names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo", "padding", "space", "alignItems", "orientation", "Item", "size", "$gtSm", "icon", "separator", "title", "subTitle"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","GroupDemo","padding","space","alignItems","children","orientation","Item"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAe;AAClC,SAASC,QAAQ,EAAAC,OAAO,QAAU,uBAAmB;AAK/C,SAEIC,MAFJ,EAAAC,KAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAV,KAAC,CAAAS,MAAA;IACCE,OAAA;IACEC,KAAA;IAEAC,UACA;IAEAC,QACA,GAEA,eACFd,KAAA,CAAAI,KAAA;MAGAW,WAAA,cAAC;MACCD,QAAA,GAKA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAIJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UAGAW,QAAA;QACE;MAGA,IAGA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAEJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UACFW,QAAA;QAEJ","ignoreList":[]}
@@ -2,31 +2,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
4
4
  function HeadingsDemo() {
5
- return /* @__PURE__ */ _jsxs(YStack, {
5
+ return /* @__PURE__ */_jsxs(YStack, {
6
6
  alignSelf: "center",
7
- children: [
8
- /* @__PURE__ */ _jsx(H1, {
9
- children: "Heading 1"
10
- }),
11
- /* @__PURE__ */ _jsx(H2, {
12
- children: "Heading 2"
13
- }),
14
- /* @__PURE__ */ _jsx(H3, {
15
- children: "Heading 3"
16
- }),
17
- /* @__PURE__ */ _jsx(H4, {
18
- children: "Heading 4"
19
- }),
20
- /* @__PURE__ */ _jsx(H5, {
21
- children: "Heading 5"
22
- }),
23
- /* @__PURE__ */ _jsx(H6, {
24
- children: "Heading 6"
25
- })
26
- ]
7
+ children: [/* @__PURE__ */_jsx(H1, {
8
+ children: "Heading 1"
9
+ }), /* @__PURE__ */_jsx(H2, {
10
+ children: "Heading 2"
11
+ }), /* @__PURE__ */_jsx(H3, {
12
+ children: "Heading 3"
13
+ }), /* @__PURE__ */_jsx(H4, {
14
+ children: "Heading 4"
15
+ }), /* @__PURE__ */_jsx(H5, {
16
+ children: "Heading 5"
17
+ }), /* @__PURE__ */_jsx(H6, {
18
+ children: "Heading 6"
19
+ })]
27
20
  });
28
21
  }
29
- export {
30
- HeadingsDemo
31
- };
32
- //# sourceMappingURL=HeadingsDemo.js.map
22
+ export { HeadingsDemo };
23
+ //# sourceMappingURL=HeadingsDemo.native.js.map