@tamagui/demos 1.111.8 → 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,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/NewInputsDemo.tsx"],
4
- "mappings": ";AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,gBAAAA;AACd,SACE,sBAACD,QAAAA;IACCE,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,qBAACC,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACX,UAAAA;QAASY,aAAY;;;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;;MAChC,qBAACR,OAAAA;QAAMgB,MAAM;QAAGJ,MAAME,MAAMF;QAAMC,aAAa,QAAQC,MAAMF,IAAI;;MACjE,qBAACb,QAAAA;QAAOa,MAAME,MAAMF;kBAAM;;;;AAGhC;",
5
- "names": ["Button", "Input", "TextArea", "XStack", "YStack", "NewInputsDemo", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "placeholder", "props", "alignItems", "flex"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Input","TextArea","XStack","YStack","NewInputsDemo","width","minHeight","overflow","space","margin","padding","children","InputDemo","size","placeholder","props"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAO,IAAAC,KAAU,QAAQ,mBAAc;AAIpD,SAQEC,MARF,EAAAC,KAAA,EAAAC,QAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAN,KAAA,CAAAK,MAAA;IAACE,KAAA;IAAAC,SAAA;IAAAC,QACC,EAAO;IAAAC,KACP;IAAWC,MACX,MAAS;IAAAC,OACT,EAAM;IAAAC,QACN,EAAO,CACP,eAAQf,IAAA,CAAAgB,SAAA;MAERC,IAAA;IAAA,IAAqB,eACrBjB,IAAA,CAAAgB,SAAC;MACDC,IAAA;IAAqB,EACrB,EAA8C,eAAAjB,IAAA,CAAAgB,SAAA;MAAAC,IAAA;IAChD,IAEJ,eAAAjB,IAAA,CAAAK,QAAA;MAEAa,WAAmB;IACjB;EAE4E,EACxE;AAA4B;AAGlC,SAAAF,UAAAG,KAAA","ignoreList":[]}
@@ -2,134 +2,108 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
3
3
  import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
4
4
  function PopoverDemo() {
5
- return /* @__PURE__ */ _jsxs(XStack, {
5
+ return /* @__PURE__ */_jsxs(XStack, {
6
6
  gap: "$2",
7
7
  flex: 1,
8
8
  justifyContent: "center",
9
9
  alignItems: "center",
10
- children: [
11
- /* @__PURE__ */ _jsx(Demo, {
12
- placement: "left",
13
- Icon: ChevronLeft,
14
- Name: "left-popover"
15
- }),
16
- /* @__PURE__ */ _jsx(Demo, {
17
- placement: "bottom",
18
- Icon: ChevronDown,
19
- Name: "bottom-popover"
20
- }),
21
- /* @__PURE__ */ _jsx(Demo, {
22
- placement: "top",
23
- Icon: ChevronUp,
24
- Name: "top-popover"
25
- }),
26
- /* @__PURE__ */ _jsx(Demo, {
27
- placement: "right",
28
- Icon: ChevronRight,
29
- Name: "right-popover"
30
- })
31
- ]
10
+ children: [/* @__PURE__ */_jsx(Demo, {
11
+ placement: "left",
12
+ Icon: ChevronLeft,
13
+ Name: "left-popover"
14
+ }), /* @__PURE__ */_jsx(Demo, {
15
+ placement: "bottom",
16
+ Icon: ChevronDown,
17
+ Name: "bottom-popover"
18
+ }), /* @__PURE__ */_jsx(Demo, {
19
+ placement: "top",
20
+ Icon: ChevronUp,
21
+ Name: "top-popover"
22
+ }), /* @__PURE__ */_jsx(Demo, {
23
+ placement: "right",
24
+ Icon: ChevronRight,
25
+ Name: "right-popover"
26
+ })]
32
27
  });
33
28
  }
34
29
  function Demo(param) {
35
- var { Icon, Name, ...props } = param;
36
- return /* @__PURE__ */ _jsxs(Popover, {
30
+ var {
31
+ Icon,
32
+ Name,
33
+ ...props
34
+ } = param;
35
+ return /* @__PURE__ */_jsxs(Popover, {
37
36
  size: "$5",
38
37
  allowFlip: !0,
39
38
  ...props,
40
- children: [
41
- /* @__PURE__ */ _jsx(Popover.Trigger, {
42
- asChild: !0,
43
- children: /* @__PURE__ */ _jsx(Button, {
44
- icon: Icon
45
- })
46
- }),
47
- /* @__PURE__ */ _jsx(Adapt, {
48
- when: "sm",
49
- platform: "touch",
50
- children: /* @__PURE__ */ _jsxs(Popover.Sheet, {
51
- modal: !0,
52
- dismissOnSnapToBottom: !0,
53
- children: [
54
- /* @__PURE__ */ _jsx(Popover.Sheet.Frame, {
55
- padding: "$4",
56
- children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
57
- }),
58
- /* @__PURE__ */ _jsx(Popover.Sheet.Overlay, {
59
- animation: "lazy",
60
- enterStyle: {
61
- opacity: 0
62
- },
63
- exitStyle: {
64
- opacity: 0
65
- }
66
- })
67
- ]
68
- })
69
- }),
70
- /* @__PURE__ */ _jsxs(Popover.Content, {
71
- borderWidth: 1,
72
- borderColor: "$borderColor",
73
- enterStyle: {
74
- y: -10,
75
- opacity: 0
76
- },
77
- exitStyle: {
78
- y: -10,
79
- opacity: 0
80
- },
81
- elevate: !0,
82
- animation: [
83
- "quick",
84
- {
85
- opacity: {
86
- overshootClamping: !0
87
- }
39
+ children: [/* @__PURE__ */_jsx(Popover.Trigger, {
40
+ asChild: !0,
41
+ children: /* @__PURE__ */_jsx(Button, {
42
+ icon: Icon
43
+ })
44
+ }), /* @__PURE__ */_jsx(Adapt, {
45
+ when: "sm",
46
+ platform: "touch",
47
+ children: /* @__PURE__ */_jsxs(Popover.Sheet, {
48
+ modal: !0,
49
+ dismissOnSnapToBottom: !0,
50
+ children: [/* @__PURE__ */_jsx(Popover.Sheet.Frame, {
51
+ padding: "$4",
52
+ children: /* @__PURE__ */_jsx(Adapt.Contents, {})
53
+ }), /* @__PURE__ */_jsx(Popover.Sheet.Overlay, {
54
+ animation: "lazy",
55
+ enterStyle: {
56
+ opacity: 0
57
+ },
58
+ exitStyle: {
59
+ opacity: 0
88
60
  }
89
- ],
90
- children: [
91
- /* @__PURE__ */ _jsx(Popover.Arrow, {
92
- borderWidth: 1,
93
- borderColor: "$borderColor"
94
- }),
95
- /* @__PURE__ */ _jsxs(YStack, {
96
- gap: "$3",
97
- children: [
98
- /* @__PURE__ */ _jsxs(XStack, {
99
- gap: "$3",
100
- children: [
101
- /* @__PURE__ */ _jsx(Label, {
102
- size: "$3",
103
- htmlFor: Name,
104
- children: "Name"
105
- }),
106
- /* @__PURE__ */ _jsx(Input, {
107
- size: "$3",
108
- id: Name
109
- })
110
- ]
111
- }),
112
- /* @__PURE__ */ _jsx(Popover.Close, {
113
- asChild: !0,
114
- children: /* @__PURE__ */ _jsx(Button, {
115
- size: "$3",
116
- onPress: function() {
117
- },
118
- children: (
119
- /* Custom code goes here, does not interfere with popover closure */
120
- "Submit"
121
- )
122
- })
123
- })
124
- ]
125
- })
126
- ]
61
+ })]
127
62
  })
128
- ]
63
+ }), /* @__PURE__ */_jsxs(Popover.Content, {
64
+ borderWidth: 1,
65
+ borderColor: "$borderColor",
66
+ enterStyle: {
67
+ y: -10,
68
+ opacity: 0
69
+ },
70
+ exitStyle: {
71
+ y: -10,
72
+ opacity: 0
73
+ },
74
+ elevate: !0,
75
+ animation: ["quick", {
76
+ opacity: {
77
+ overshootClamping: !0
78
+ }
79
+ }],
80
+ children: [/* @__PURE__ */_jsx(Popover.Arrow, {
81
+ borderWidth: 1,
82
+ borderColor: "$borderColor"
83
+ }), /* @__PURE__ */_jsxs(YStack, {
84
+ gap: "$3",
85
+ children: [/* @__PURE__ */_jsxs(XStack, {
86
+ gap: "$3",
87
+ children: [/* @__PURE__ */_jsx(Label, {
88
+ size: "$3",
89
+ htmlFor: Name,
90
+ children: "Name"
91
+ }), /* @__PURE__ */_jsx(Input, {
92
+ size: "$3",
93
+ id: Name
94
+ })]
95
+ }), /* @__PURE__ */_jsx(Popover.Close, {
96
+ asChild: !0,
97
+ children: /* @__PURE__ */_jsx(Button, {
98
+ size: "$3",
99
+ onPress: function () {},
100
+ children: (/* Custom code goes here, does not interfere with popover closure */
101
+ "Submit")
102
+ })
103
+ })]
104
+ })]
105
+ })]
129
106
  });
130
107
  }
131
- export {
132
- Demo,
133
- PopoverDemo
134
- };
135
- //# sourceMappingURL=PopoverDemo.js.map
108
+ export { Demo, PopoverDemo };
109
+ //# sourceMappingURL=PopoverDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
4
- "mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAElE,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAE9D,SAASC,cAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,KAAI;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC3D,qBAACC,MAAAA;QAAKC,WAAU;QAAOC,MAAMjB;QAAakB,MAAK;;MAC/C,qBAACH,MAAAA;QAAKC,WAAU;QAASC,MAAMlB;QAAamB,MAAK;;MACjD,qBAACH,MAAAA;QAAKC,WAAU;QAAMC,MAAMf;QAAWgB,MAAK;;MAC5C,qBAACH,MAAAA;QAAKC,WAAU;QAAQC,MAAMhB;QAAciB,MAAK;;;;AAGvD;AAEO,SAASH,KAAK,OAI0B;MAJ1B,EACnBE,MACAC,MACA,GAAGC,MAAAA,IAHgB;AAKnB,SACE,sBAACZ,SAAAA;IAAQa,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACZ,QAAQe,SAAO;QAACC,SAAO;kBACtB,qBAACnB,QAAAA;UAAOoB,MAAMP;;;MAGhB,qBAACd,OAAAA;QAAMsB,MAAK;QAAKC,UAAS;kBACxB,sBAACnB,QAAQoB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACtB,QAAQoB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAC5B,MAAM6B,UAAQ,CAAA,CAAA;;YAEjB,qBAACzB,QAAQoB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC7B,QAAQ+B,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,qBAACpC,QAAQqC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAC/B,QAAAA;YAAOE,KAAI;;cACV,sBAACH,QAAAA;gBAAOG,KAAI;;kBACV,qBAACL,OAAAA;oBAAMc,MAAK;oBAAKyB,SAAS3B;8BAAM;;kBAGhC,qBAACb,OAAAA;oBAAMe,MAAK;oBAAK0B,IAAI5B;;;;cAGvB,qBAACX,QAAQwC,OAAK;gBAACxB,SAAO;0BACpB,qBAACnB,QAAAA;kBACCgB,MAAK;kBACL4B,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
5
- "names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Adapt", "Button", "Input", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "id", "Close", "onPress"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Adapt","Button","Input","Label","Popover","XStack","YStack","PopoverDemo","gap","flex","justifyContent","alignItems","children","Demo","placement","Icon","Name","param","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAa,2BAAc;AAEjD,SAASC,WAAO,EAAAC,WAAe,EAAAC,YAAgB,EAAAC,SAAQ,+BAAc;AAIjE,SACEC,KADF,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAZ,KAAC,CAAAU,MAAA;IACCG,GAAA;IACAC,IAAA;IACAC,cAAA,UAAC;IACDC,UAAA,UAAC;IAAgEC,QACnE,GAEJ,eAAAnB,IAAA,CAAAoB,IAAA;MAEOC,SAAc;MACnBC,IAAA,EAAAlB,WAAA;MACAmB,IAAA;IACG,IAC4C,eAAAvB,IAAA,CAAAoB,IAAA;MAC/CC,SACE;MACEC,IAAA,EAAAnB,WAAC;MAIDoB,IAAA;IAEI,IAGA,eAAAvB,IAAA,CAAAoB,IAAA;MAACC,SAAQ,OAAM;MAAdC,IAAA,EAAAhB,SAAA;MAAAiB,IACC;IAAU,IACe,eACdvB,IAAE,CAAAoB,IAAA,EAAS;MAAEC,SAAA;MAC1BC,IAAA,EAAAjB,YAAA;MACFkB,IACF;IAEA;EAAS;AAAR;AACc,SACbH,KAAAI,KAAA,EAAY;EAAA;IACZF,IAAA;IAAAC,IAAA;IAAY,GAAEE;EAAG,CAAK,GAAAD,KAAA;EAAW,OACjC,eAAgBtB,KAAK,CAAAS,OAAS,EAAE;IAAAe,IAChC;IAAOC,SACP;IAAW,GAAAF,KACT;IAAAN,QACA,kBACWnB,IAAA,CAAAW,OAAA,CAAAiB,OAAA;MAAAC,OACP;MAAmBV,QACrB,iBAAAnB,IAAA,CAAAQ,MAAA;QACFsB,IAAA,EAAAR;MACF;IAAA,EAEA,iBAAAtB,IAAA,CAAAO,KAAC;MAAyDwB,IAE1D;MACEC,QAAA;MACEb,QAAA,iBAACjB,KAAA,CAAAS,OAAM,CAAAsB,KAAK,EAAK;QAEjBC,KACA;QAA2BC,qBAC7B;QAAAhB,QAEA,GACE,eAACnB,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAG,KAAA;UAAAC,OAAA;UAAAlB,QACM,iBAAAnB,IAAA,CAAAO,KAAA,CAAA+B,QAAA;QAAA,IACU,eAEftC,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAM,OAAA;UAAAC,SACD;UAAAC,UAAA;YAGHC,OAAA;UACF;UAAAC,SAAA;YAAAD,OAAA;UACF;QACF","ignoreList":[]}
@@ -2,95 +2,78 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
2
2
  import React from "react";
3
3
  import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
4
4
  function ProgressDemo() {
5
- var [key, setKey] = React.useState(0), [size, setSize] = React.useState(4), [progress, setProgress] = React.useState(0), sizeProp = `$${size}`;
6
- return React.useEffect(function() {
7
- var timer = setTimeout(function() {
5
+ var [key, setKey] = React.useState(0),
6
+ [size, setSize] = React.useState(4),
7
+ [progress, setProgress] = React.useState(0),
8
+ sizeProp = `$${size}`;
9
+ return React.useEffect(function () {
10
+ var timer = setTimeout(function () {
8
11
  return setProgress(60);
9
12
  }, 1e3);
10
- return function() {
13
+ return function () {
11
14
  clearTimeout(timer);
12
15
  };
13
- }, []), /* @__PURE__ */ _jsxs(_Fragment, {
14
- children: [
15
- /* @__PURE__ */ _jsxs(YStack, {
16
- height: 60,
17
- alignItems: "center",
18
- gap: "$4",
19
- children: [
20
- /* @__PURE__ */ _jsxs(Paragraph, {
21
- height: 30,
22
- opacity: 0.5,
23
- children: [
24
- "Size: ",
25
- size
26
- ]
27
- }),
28
- /* @__PURE__ */ _jsx(Progress, {
29
- size: sizeProp,
30
- value: progress,
31
- children: /* @__PURE__ */ _jsx(Progress.Indicator, {
32
- animation: "bouncy"
33
- })
34
- }, key)
35
- ]
36
- }),
37
- /* @__PURE__ */ _jsxs(XStack, {
38
- alignItems: "center",
39
- gap: "$2",
40
- position: "absolute",
41
- bottom: "$3",
42
- left: "$4",
43
- $xxs: {
44
- display: "none"
16
+ }, []), /* @__PURE__ */_jsxs(_Fragment, {
17
+ children: [/* @__PURE__ */_jsxs(YStack, {
18
+ height: 60,
19
+ alignItems: "center",
20
+ gap: "$4",
21
+ children: [/* @__PURE__ */_jsxs(Paragraph, {
22
+ height: 30,
23
+ opacity: 0.5,
24
+ children: ["Size: ", size]
25
+ }), /* @__PURE__ */_jsx(Progress, {
26
+ size: sizeProp,
27
+ value: progress,
28
+ children: /* @__PURE__ */_jsx(Progress.Indicator, {
29
+ animation: "bouncy"
30
+ })
31
+ }, key)]
32
+ }), /* @__PURE__ */_jsxs(XStack, {
33
+ alignItems: "center",
34
+ gap: "$2",
35
+ position: "absolute",
36
+ bottom: "$3",
37
+ left: "$4",
38
+ $xxs: {
39
+ display: "none"
40
+ },
41
+ children: [/* @__PURE__ */_jsxs(Slider, {
42
+ size: "$2",
43
+ width: 130,
44
+ defaultValue: [4],
45
+ min: 2,
46
+ max: 6,
47
+ step: 1,
48
+ onValueChange: function (param) {
49
+ var [val] = param;
50
+ setSize(val);
45
51
  },
46
- children: [
47
- /* @__PURE__ */ _jsxs(Slider, {
48
- size: "$2",
49
- width: 130,
50
- defaultValue: [
51
- 4
52
- ],
53
- min: 2,
54
- max: 6,
55
- step: 1,
56
- onValueChange: function(param) {
57
- var [val] = param;
58
- setSize(val);
59
- },
60
- children: [
61
- /* @__PURE__ */ _jsx(Slider.Track, {
62
- borderWidth: 1,
63
- borderColor: "$color5",
64
- children: /* @__PURE__ */ _jsx(Slider.TrackActive, {})
65
- }),
66
- /* @__PURE__ */ _jsx(Slider.Thumb, {
67
- circular: !0,
68
- index: 0
69
- })
70
- ]
71
- }),
72
- /* @__PURE__ */ _jsx(Button, {
73
- size: "$2",
74
- onPress: function() {
75
- return setProgress(function(prev) {
76
- return (prev + 20) % 100;
77
- });
78
- },
79
- children: "Load"
80
- }),
81
- /* @__PURE__ */ _jsx(Button, {
82
- size: "$2",
83
- onPress: function() {
84
- setKey(Math.random()), setProgress(0);
85
- },
86
- children: "Reset"
87
- })
88
- ]
89
- })
90
- ]
52
+ children: [/* @__PURE__ */_jsx(Slider.Track, {
53
+ borderWidth: 1,
54
+ borderColor: "$color5",
55
+ children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
56
+ }), /* @__PURE__ */_jsx(Slider.Thumb, {
57
+ circular: !0,
58
+ index: 0
59
+ })]
60
+ }), /* @__PURE__ */_jsx(Button, {
61
+ size: "$2",
62
+ onPress: function () {
63
+ return setProgress(function (prev) {
64
+ return (prev + 20) % 100;
65
+ });
66
+ },
67
+ children: "Load"
68
+ }), /* @__PURE__ */_jsx(Button, {
69
+ size: "$2",
70
+ onPress: function () {
71
+ setKey(Math.random()), setProgress(0);
72
+ },
73
+ children: "Reset"
74
+ })]
75
+ })]
91
76
  });
92
77
  }
93
- export {
94
- ProgressDemo
95
- };
96
- //# sourceMappingURL=ProgressDemo.js.map
78
+ export { ProgressDemo };
79
+ //# sourceMappingURL=ProgressDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/ProgressDemo.tsx"],
4
- "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;AAE7D,SAASC,eAAAA;AACd,MAAM,CAACC,KAAKC,MAAAA,IAAUT,MAAMU,SAAS,CAAA,GAC/B,CAACC,MAAMC,OAAAA,IAAWZ,MAAMU,SAAS,CAAA,GACjC,CAACG,UAAUC,WAAAA,IAAed,MAAMU,SAAS,CAAA,GACzCK,WAAW,IAAIJ,IAAAA;AAErBX,eAAMgB,UAAU,WAAA;AACd,QAAMC,QAAQC,WAAW,WAAA;aAAMJ,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLK,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACX,QAAAA;QAAOc,QAAQ;QAAIC,YAAW;QAASC,KAAI;;UAC1C,sBAACpB,WAAAA;YAAUkB,QAAQ;YAAIG,SAAS;;cAAK;cAC5BZ;;;UAET,qBAACR,UAAAA;YAAmBQ,MAAMI;YAAUS,OAAOX;sBACzC,qBAACV,SAASsB,WAAS;cAACC,WAAU;;aADjBlB,GAAAA;;;MAKjB,sBAACH,QAAAA;QACCgB,YAAW;QACXC,KAAI;QACJK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAAC3B,QAAAA;YACCO,MAAK;YACLqB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;kBAAC,CAACC,GAAAA,IAAI;AACnB1B,sBAAQ0B,GAAAA;YACV;;cAEA,qBAAClC,OAAOmC,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACrC,OAAOsC,aAAW,CAAA,CAAA;;cAErB,qBAACtC,OAAOuC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAAC5C,QAAAA;YAAOU,MAAK;YAAKmC,SAAS,WAAA;qBAAMhC,YAAY,SAACiC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;UAG3E,qBAAC9C,QAAAA;YACCU,MAAK;YACLmC,SAAS,WAAA;AACPrC,qBAAOuC,KAAKC,OAAM,CAAA,GAClBnC,YAAY,CAAA;YACd;sBACD;;;;;;AAMT;",
5
- "names": ["React", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "key", "setKey", "useState", "size", "setSize", "progress", "setProgress", "sizeProp", "useEffect", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "gap", "opacity", "value", "Indicator", "animation", "position", "bottom", "left", "$xxs", "display", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "onPress", "prev", "Math", "random"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","Button","Paragraph","Progress","Slider","XStack","YStack","ProgressDemo","key","setKey","useState","size","setSize","progress","setProgress","sizeProp","useEffect","timer","setTimeout","clearTimeout","children","height","alignItems","gap","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","param","val","Track","borderWidth"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS,MAAQ;AAgBb,SAAAC,MAAA,EAAAC,SAEI,EAAAC,QAFJ,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAdG,SAASC,aAAA,EAAe;EAC7B,KAAAC,GAAO,EAAAC,MAAK,IAAMT,KAAI,CAAAU,QAAM,GAAS;IAAC,CAAAC,IAC/B,EAAAC,OAAM,IAAOZ,KAAI,CAAAU,QAAM,GAAS;IAAC,CAAAG,QACjC,EAAAC,WAAU,IAAWd,KAAI,CAAAU,QAAM,GAAS;IAACK,QAC1C,OAAWJ,IAAI,EAAI;EAEzB,OAAAX,KAAA,CAAMgB,SAAA,CAAU,YAAM;IACpB,IAAAC,KAAM,GAAAC,UAAQ,aAAiB;MAC/B,OAAOJ,WAAM;IACX;IACF;MACEK,YAGF,CAAAF,KAAA;IACE;EACE,uBAAApB,KAAC,CAAAE,SAAU;IAA0BqB,QAAA,kBAC5BvB,KAAA,CAAAS,MAAA;MAAAe,MACT;MACAC,UAAA,UAAC;MAGHC,GAAA;MAEAH,QAAA,GAAC,eAAAvB,KAAA,CAAAK,SAAA;QAAAmB,MAAA;QACCG,OAAA,EAAW;QACXJ,QAAI,GACJ,QAAS,EACTT,IAAO;MAEP,IAEA,eAAAhB,IAAA,CAAAQ,QAAA;QAAAQ,IAAA,EAAAI,QAAA;QAACU,KAAA,EAAAZ,QAAA;QAAAO,QAAA,iBAAAzB,IAAA,CAAAQ,QAAA,CAAAuB,SAAA;UACCC,SAAK;QAAA;MACE,GAAAnB,GACP;IACK,IACA,eACCX,KAAA,CAAAQ,MAAA;MAAAiB,UACN;MACEC,GAAA;MAAWK,QACb;MAAAC,MAEA;MAAAC,IAAA;MAEAC,IAAA;QACiCC,OAAA;MAAA;MAAAZ,QACnC,GAEA,eAAAvB,KAAC,CAAAO,MAAA,EAAO;QAGRO,IAAA;QAACsB,KAAA;QAAAC,YAAA,GACC,EAAK;QAEHC,GAAA;QACaC,GACf;QAAAC,IACD;QAAAC,aAAA,WAAAA,CAAAC,KAAA;UAED,KAAAC,GAAA,IAAAD,KAAA;UAAA3B,OAAA,CAAA4B,GAAA;QAAA;QACFpB,QAAA,GACF,eAAAzB,IAAA,CAAAS,MAAA,CAAAqC,KAAA;UAEJC,WAAA","ignoreList":[]}
@@ -1,57 +1,47 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Label, RadioGroup, XStack, YStack } from "tamagui";
3
3
  function RadioGroupDemo() {
4
- return /* @__PURE__ */ _jsx(RadioGroup, {
4
+ return /* @__PURE__ */_jsx(RadioGroup, {
5
5
  "aria-labelledby": "Select one item",
6
6
  defaultValue: "3",
7
7
  name: "form",
8
- children: /* @__PURE__ */ _jsxs(YStack, {
8
+ children: /* @__PURE__ */_jsxs(YStack, {
9
9
  width: 300,
10
10
  alignItems: "center",
11
11
  space: "$2",
12
- children: [
13
- /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
14
- size: "$3",
15
- value: "2",
16
- label: "Second value"
17
- }),
18
- /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
19
- size: "$4",
20
- value: "3",
21
- label: "Third value"
22
- }),
23
- /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
24
- size: "$5",
25
- value: "4",
26
- label: "Fourth value"
27
- })
28
- ]
12
+ children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
13
+ size: "$3",
14
+ value: "2",
15
+ label: "Second value"
16
+ }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
17
+ size: "$4",
18
+ value: "3",
19
+ label: "Third value"
20
+ }), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
21
+ size: "$5",
22
+ value: "4",
23
+ label: "Fourth value"
24
+ })]
29
25
  })
30
26
  });
31
27
  }
32
28
  function RadioGroupItemWithLabel(props) {
33
29
  var id = `radiogroup-${props.value}`;
34
- return /* @__PURE__ */ _jsxs(XStack, {
30
+ return /* @__PURE__ */_jsxs(XStack, {
35
31
  width: 300,
36
32
  alignItems: "center",
37
33
  space: "$4",
38
- children: [
39
- /* @__PURE__ */ _jsx(RadioGroup.Item, {
40
- value: props.value,
41
- id,
42
- size: props.size,
43
- children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})
44
- }),
45
- /* @__PURE__ */ _jsx(Label, {
46
- size: props.size,
47
- htmlFor: id,
48
- children: props.label
49
- })
50
- ]
34
+ children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
35
+ value: props.value,
36
+ id,
37
+ size: props.size,
38
+ children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
39
+ }), /* @__PURE__ */_jsx(Label, {
40
+ size: props.size,
41
+ htmlFor: id,
42
+ children: props.label
43
+ })]
51
44
  });
52
45
  }
53
- export {
54
- RadioGroupDemo,
55
- RadioGroupItemWithLabel
56
- };
57
- //# sourceMappingURL=RadioGroupDemo.js.map
46
+ export { RadioGroupDemo, RadioGroupItemWithLabel };
47
+ //# sourceMappingURL=RadioGroupDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/RadioGroupDemo.tsx"],
4
- "mappings": ";AACA,SAASA,OAAOC,YAAYC,QAAQC,cAAc;AAE3C,SAASC,iBAAAA;AACd,SACE,qBAACH,YAAAA;IAAWI,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;cAClE,sBAACJ,QAAAA;MAAOK,OAAO;MAAKC,YAAW;MAASC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,qBAACH,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,qBAACH,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;;;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,sBAACX,QAAAA;IAAOM,OAAO;IAAKC,YAAW;IAASC,OAAM;;MAC5C,qBAACT,WAAWgB,MAAI;QAACJ,OAAOE,MAAMF;QAAOG;QAAQJ,MAAMG,MAAMH;kBACvD,qBAACX,WAAWiB,WAAS,CAAA,CAAA;;MAGvB,qBAAClB,OAAAA;QAAMY,MAAMG,MAAMH;QAAMO,SAASH;kBAC/BD,MAAMD;;;;AAIf;",
5
- "names": ["Label", "RadioGroup", "XStack", "YStack", "RadioGroupDemo", "aria-labelledby", "defaultValue", "name", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "Item", "Indicator", "htmlFor"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","RadioGroup","XStack","YStack","RadioGroupDemo","defaultValue","name","children","width","alignItems","space","RadioGroupItemWithLabel","size","value","label"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAYC,KAAA,QAAQ,mBAAc;AAK5C,SACEC,KADF,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAP,IAAC,CAAAI,UAAA;IAEG,oCAAC;IACDI,YAAA;IACAC,IAAA;IAAkEC,QAEtE,iBAAAR,KAAA,CAAAI,MAAA;MAEJK,KAAA;MAEOC,UAAS;MAKdC,KAAM,EAAK;MACXH,QACE,GACE,eAACV,IAAA,CAAAc,uBAAuB;QAIxBC,IAAA;QAGFC,KAAA;QAEJC,KAAA","ignoreList":[]}