@tamagui/demos 1.1.7 → 1.1.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 (200) hide show
  1. package/dist/cjs/AddThemeDemo.js +12 -22
  2. package/dist/cjs/AddThemeDemo.js.map +1 -1
  3. package/dist/cjs/AlertDialogDemo.js +44 -68
  4. package/dist/cjs/AlertDialogDemo.js.map +1 -1
  5. package/dist/cjs/AnimationsDemo.js +13 -11
  6. package/dist/cjs/AnimationsDemo.js.map +1 -1
  7. package/dist/cjs/AnimationsEnterDemo.js +11 -18
  8. package/dist/cjs/AnimationsEnterDemo.js.map +1 -1
  9. package/dist/cjs/AnimationsHoverDemo.js +17 -16
  10. package/dist/cjs/AnimationsHoverDemo.js.map +1 -1
  11. package/dist/cjs/AnimationsPresenceDemo.js +17 -29
  12. package/dist/cjs/AnimationsPresenceDemo.js.map +1 -1
  13. package/dist/cjs/AnimationsTimingDemo.js +17 -16
  14. package/dist/cjs/AnimationsTimingDemo.js.map +1 -1
  15. package/dist/cjs/AvatarDemo.js +22 -33
  16. package/dist/cjs/AvatarDemo.js.map +1 -1
  17. package/dist/cjs/ButtonDemo.js +16 -63
  18. package/dist/cjs/ButtonDemo.js.map +1 -1
  19. package/dist/cjs/CardDemo.js +29 -57
  20. package/dist/cjs/CardDemo.js.map +1 -1
  21. package/dist/cjs/ColorsDemo.js +62 -86
  22. package/dist/cjs/ColorsDemo.js.map +1 -1
  23. package/dist/cjs/DialogDemo.js +50 -115
  24. package/dist/cjs/DialogDemo.js.map +1 -1
  25. package/dist/cjs/FeatherIconsDemo.js +13 -38
  26. package/dist/cjs/FeatherIconsDemo.js.map +1 -1
  27. package/dist/cjs/FormsDemo.js +10 -39
  28. package/dist/cjs/FormsDemo.js.map +1 -1
  29. package/dist/cjs/GroupDemo.js +16 -51
  30. package/dist/cjs/GroupDemo.js.map +1 -1
  31. package/dist/cjs/HeadingsDemo.js +8 -23
  32. package/dist/cjs/HeadingsDemo.js.map +1 -1
  33. package/dist/cjs/ImageDemo.js +1 -5
  34. package/dist/cjs/ImageDemo.js.map +1 -1
  35. package/dist/cjs/LabelDemo.js +10 -40
  36. package/dist/cjs/LabelDemo.js.map +1 -1
  37. package/dist/cjs/LinearGradientDemo.js +12 -9
  38. package/dist/cjs/LinearGradientDemo.js.map +1 -1
  39. package/dist/cjs/ListItemDemo.js +22 -51
  40. package/dist/cjs/ListItemDemo.js.map +1 -1
  41. package/dist/cjs/LucideIconsDemo.js +13 -38
  42. package/dist/cjs/LucideIconsDemo.js.map +1 -1
  43. package/dist/cjs/PopoverDemo.js +39 -82
  44. package/dist/cjs/PopoverDemo.js.map +2 -2
  45. package/dist/cjs/ProgressDemo.js +30 -61
  46. package/dist/cjs/ProgressDemo.js.map +1 -1
  47. package/dist/cjs/ScrollViewDemo.js +10 -54
  48. package/dist/cjs/ScrollViewDemo.js.map +1 -1
  49. package/dist/cjs/SelectDemo.js +43 -106
  50. package/dist/cjs/SelectDemo.js.map +1 -1
  51. package/dist/cjs/SeparatorDemo.js +12 -42
  52. package/dist/cjs/SeparatorDemo.js.map +1 -1
  53. package/dist/cjs/ShapesDemo.js +4 -16
  54. package/dist/cjs/ShapesDemo.js.map +1 -1
  55. package/dist/cjs/SheetDemo.js +48 -90
  56. package/dist/cjs/SheetDemo.js.map +1 -1
  57. package/dist/cjs/SliderDemo.js +9 -32
  58. package/dist/cjs/SliderDemo.js.map +1 -1
  59. package/dist/cjs/SpinnerDemo.js +4 -15
  60. package/dist/cjs/SpinnerDemo.js.map +1 -1
  61. package/dist/cjs/StacksDemo.js +17 -89
  62. package/dist/cjs/StacksDemo.js.map +1 -1
  63. package/dist/cjs/SwitchDemo.js +11 -45
  64. package/dist/cjs/SwitchDemo.js.map +1 -1
  65. package/dist/cjs/TextDemo.js +9 -33
  66. package/dist/cjs/TextDemo.js.map +1 -1
  67. package/dist/cjs/ThemeInverseDemo.js +10 -35
  68. package/dist/cjs/ThemeInverseDemo.js.map +1 -1
  69. package/dist/cjs/TokensDemo.js +52 -80
  70. package/dist/cjs/TokensDemo.js.map +1 -1
  71. package/dist/cjs/TooltipDemo.js +42 -104
  72. package/dist/cjs/TooltipDemo.js.map +1 -1
  73. package/dist/cjs/UpdateThemeDemo.js +12 -16
  74. package/dist/cjs/UpdateThemeDemo.js.map +1 -1
  75. package/dist/cjs/useOnIntersecting.js +1 -0
  76. package/dist/cjs/useOnIntersecting.js.map +1 -1
  77. package/dist/esm/AddThemeDemo.js +12 -22
  78. package/dist/esm/AddThemeDemo.js.map +1 -1
  79. package/dist/esm/AlertDialogDemo.js +44 -68
  80. package/dist/esm/AlertDialogDemo.js.map +1 -1
  81. package/dist/esm/AnimationsDemo.js +13 -11
  82. package/dist/esm/AnimationsDemo.js.map +1 -1
  83. package/dist/esm/AnimationsEnterDemo.js +11 -18
  84. package/dist/esm/AnimationsEnterDemo.js.map +1 -1
  85. package/dist/esm/AnimationsHoverDemo.js +17 -16
  86. package/dist/esm/AnimationsHoverDemo.js.map +1 -1
  87. package/dist/esm/AnimationsPresenceDemo.js +13 -29
  88. package/dist/esm/AnimationsPresenceDemo.js.map +1 -1
  89. package/dist/esm/AnimationsTimingDemo.js +17 -16
  90. package/dist/esm/AnimationsTimingDemo.js.map +1 -1
  91. package/dist/esm/AvatarDemo.js +22 -33
  92. package/dist/esm/AvatarDemo.js.map +1 -1
  93. package/dist/esm/ButtonDemo.js +16 -63
  94. package/dist/esm/ButtonDemo.js.map +1 -1
  95. package/dist/esm/CardDemo.js +29 -57
  96. package/dist/esm/CardDemo.js.map +1 -1
  97. package/dist/esm/ColorsDemo.js +62 -86
  98. package/dist/esm/ColorsDemo.js.map +1 -1
  99. package/dist/esm/DialogDemo.js +50 -115
  100. package/dist/esm/DialogDemo.js.map +1 -1
  101. package/dist/esm/FeatherIconsDemo.js +9 -38
  102. package/dist/esm/FeatherIconsDemo.js.map +1 -1
  103. package/dist/esm/FormsDemo.js +10 -39
  104. package/dist/esm/FormsDemo.js.map +1 -1
  105. package/dist/esm/GroupDemo.js +16 -51
  106. package/dist/esm/GroupDemo.js.map +1 -1
  107. package/dist/esm/HeadingsDemo.js +8 -23
  108. package/dist/esm/HeadingsDemo.js.map +1 -1
  109. package/dist/esm/ImageDemo.js +1 -5
  110. package/dist/esm/ImageDemo.js.map +1 -1
  111. package/dist/esm/LabelDemo.js +10 -40
  112. package/dist/esm/LabelDemo.js.map +1 -1
  113. package/dist/esm/LinearGradientDemo.js +12 -9
  114. package/dist/esm/LinearGradientDemo.js.map +1 -1
  115. package/dist/esm/ListItemDemo.js +22 -51
  116. package/dist/esm/ListItemDemo.js.map +1 -1
  117. package/dist/esm/LucideIconsDemo.js +9 -38
  118. package/dist/esm/LucideIconsDemo.js.map +1 -1
  119. package/dist/esm/PopoverDemo.js +39 -82
  120. package/dist/esm/PopoverDemo.js.map +2 -2
  121. package/dist/esm/ProgressDemo.js +30 -61
  122. package/dist/esm/ProgressDemo.js.map +1 -1
  123. package/dist/esm/ScrollViewDemo.js +10 -54
  124. package/dist/esm/ScrollViewDemo.js.map +1 -1
  125. package/dist/esm/SelectDemo.js +43 -106
  126. package/dist/esm/SelectDemo.js.map +1 -1
  127. package/dist/esm/SeparatorDemo.js +12 -42
  128. package/dist/esm/SeparatorDemo.js.map +1 -1
  129. package/dist/esm/ShapesDemo.js +4 -16
  130. package/dist/esm/ShapesDemo.js.map +1 -1
  131. package/dist/esm/SheetDemo.js +48 -90
  132. package/dist/esm/SheetDemo.js.map +1 -1
  133. package/dist/esm/SliderDemo.js +9 -32
  134. package/dist/esm/SliderDemo.js.map +1 -1
  135. package/dist/esm/SpinnerDemo.js +4 -15
  136. package/dist/esm/SpinnerDemo.js.map +1 -1
  137. package/dist/esm/StacksDemo.js +17 -89
  138. package/dist/esm/StacksDemo.js.map +1 -1
  139. package/dist/esm/SwitchDemo.js +11 -45
  140. package/dist/esm/SwitchDemo.js.map +1 -1
  141. package/dist/esm/TextDemo.js +9 -33
  142. package/dist/esm/TextDemo.js.map +1 -1
  143. package/dist/esm/ThemeInverseDemo.js +10 -35
  144. package/dist/esm/ThemeInverseDemo.js.map +1 -1
  145. package/dist/esm/TokensDemo.js +52 -80
  146. package/dist/esm/TokensDemo.js.map +1 -1
  147. package/dist/esm/TooltipDemo.js +42 -104
  148. package/dist/esm/TooltipDemo.js.map +1 -1
  149. package/dist/esm/UpdateThemeDemo.js +8 -16
  150. package/dist/esm/UpdateThemeDemo.js.map +1 -1
  151. package/dist/esm/useOnIntersecting.js +1 -0
  152. package/dist/esm/useOnIntersecting.js.map +1 -1
  153. package/dist/jsx/AddThemeDemo.js +14 -11
  154. package/dist/jsx/AddThemeDemo.js.map +1 -1
  155. package/dist/jsx/AlertDialogDemo.js +25 -8
  156. package/dist/jsx/AlertDialogDemo.js.map +1 -1
  157. package/dist/jsx/AnimationsDemo.js +26 -6
  158. package/dist/jsx/AnimationsDemo.js.map +1 -1
  159. package/dist/jsx/AnimationsEnterDemo.js +16 -5
  160. package/dist/jsx/AnimationsEnterDemo.js.map +1 -1
  161. package/dist/jsx/AnimationsHoverDemo.js +13 -5
  162. package/dist/jsx/AnimationsHoverDemo.js.map +1 -1
  163. package/dist/jsx/AnimationsPresenceDemo.js +20 -2
  164. package/dist/jsx/AnimationsPresenceDemo.js.map +1 -1
  165. package/dist/jsx/AnimationsTimingDemo.js +13 -5
  166. package/dist/jsx/AnimationsTimingDemo.js.map +1 -1
  167. package/dist/jsx/AvatarDemo.js +8 -2
  168. package/dist/jsx/AvatarDemo.js.map +1 -1
  169. package/dist/jsx/CardDemo.js +17 -2
  170. package/dist/jsx/CardDemo.js.map +1 -1
  171. package/dist/jsx/ColorsDemo.js +38 -15
  172. package/dist/jsx/ColorsDemo.js.map +1 -1
  173. package/dist/jsx/DialogDemo.js +22 -8
  174. package/dist/jsx/DialogDemo.js.map +1 -1
  175. package/dist/jsx/FeatherIconsDemo.js.map +1 -1
  176. package/dist/jsx/LinearGradientDemo.js +16 -2
  177. package/dist/jsx/LinearGradientDemo.js.map +1 -1
  178. package/dist/jsx/ListItemDemo.js +16 -2
  179. package/dist/jsx/ListItemDemo.js.map +1 -1
  180. package/dist/jsx/LucideIconsDemo.js.map +1 -1
  181. package/dist/jsx/PopoverDemo.js +35 -18
  182. package/dist/jsx/PopoverDemo.js.map +2 -2
  183. package/dist/jsx/ProgressDemo.js +11 -3
  184. package/dist/jsx/ProgressDemo.js.map +1 -1
  185. package/dist/jsx/SelectDemo.js +14 -2
  186. package/dist/jsx/SelectDemo.js.map +1 -1
  187. package/dist/jsx/SheetDemo.js +24 -3
  188. package/dist/jsx/SheetDemo.js.map +1 -1
  189. package/dist/jsx/SliderDemo.js.map +1 -1
  190. package/dist/jsx/TokensDemo.js +22 -10
  191. package/dist/jsx/TokensDemo.js.map +1 -1
  192. package/dist/jsx/TooltipDemo.js +15 -7
  193. package/dist/jsx/TooltipDemo.js.map +1 -1
  194. package/dist/jsx/UpdateThemeDemo.js +14 -12
  195. package/dist/jsx/UpdateThemeDemo.js.map +1 -1
  196. package/dist/jsx/useOnIntersecting.js +1 -0
  197. package/dist/jsx/useOnIntersecting.js.map +1 -1
  198. package/package.json +16 -16
  199. package/src/PopoverDemo.tsx +15 -11
  200. package/types/PopoverDemo.d.ts +2 -1
@@ -24,95 +24,23 @@ module.exports = __toCommonJS(StacksDemo_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_tamagui = require("tamagui");
26
26
  function StacksDemo() {
27
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
28
- maw: 250,
29
- p: "$2",
30
- als: "center",
31
- space: true,
32
- children: [
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
34
- flex: 1,
35
- space: "$2",
36
- bw: 2,
37
- boc: "$color",
38
- br: "$4",
39
- p: "$2",
40
- children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
42
- bc: "$color",
43
- br: "$3",
44
- p: "$2"
45
- }),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
47
- bc: "$color",
48
- br: "$3",
49
- p: "$2"
50
- }),
51
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
52
- bc: "$color",
53
- br: "$3",
54
- p: "$2"
55
- })
56
- ]
57
- }),
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
59
- flex: 1,
60
- space: "$2",
61
- bw: 2,
62
- boc: "$color",
63
- br: "$4",
64
- p: "$2",
65
- children: [
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
67
- bc: "$color",
68
- br: "$3",
69
- p: "$2"
70
- }),
71
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
72
- bc: "$color",
73
- br: "$3",
74
- p: "$2"
75
- }),
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
77
- bc: "$color",
78
- br: "$3",
79
- p: "$2"
80
- })
81
- ]
82
- }),
83
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ZStack, {
84
- maw: 50,
85
- mah: 85,
86
- w: 100,
87
- flex: 1,
88
- children: [
89
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
90
- fullscreen: true,
91
- bw: 2,
92
- br: "$4",
93
- p: "$2"
94
- }),
95
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
96
- fullscreen: true,
97
- y: 10,
98
- x: 10,
99
- bw: 2,
100
- br: "$4",
101
- p: "$2"
102
- }),
103
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
104
- fullscreen: true,
105
- y: 20,
106
- x: 20,
107
- bw: 2,
108
- bc: "$color",
109
- br: "$4",
110
- p: "$2"
111
- })
112
- ]
113
- })
114
- ]
115
- });
27
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { maw: 250, p: "$2", als: "center", space: true, children: [
28
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { flex: 1, space: "$2", bw: 2, boc: "$color", br: "$4", p: "$2", children: [
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { bc: "$color", br: "$3", p: "$2" }),
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { bc: "$color", br: "$3", p: "$2" }),
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { bc: "$color", br: "$3", p: "$2" })
32
+ ] }),
33
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { flex: 1, space: "$2", bw: 2, boc: "$color", br: "$4", p: "$2", children: [
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { bc: "$color", br: "$3", p: "$2" }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { bc: "$color", br: "$3", p: "$2" }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { bc: "$color", br: "$3", p: "$2" })
37
+ ] }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ZStack, { maw: 50, mah: 85, w: 100, flex: 1, children: [
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, bw: 2, br: "$4", p: "$2" }),
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, y: 10, x: 10, bw: 2, br: "$4", p: "$2" }),
41
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, y: 20, x: 20, bw: 2, bc: "$color", br: "$4", p: "$2" })
42
+ ] })
43
+ ] });
116
44
  }
117
45
  // Annotate the CommonJS export names for ESM import in node:
118
46
  0 && (module.exports = {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/StacksDemo.tsx"],
4
4
  "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack maw={250} p=\"$2\" als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAAuC;AAEhC,SAAS,aAAa;AAC3B,SACE,6CAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,KAAI;AAAA,IAAS,OAAK;AAAA,IACzC;AAAA,mDAAC;AAAA,QAAO,MAAM;AAAA,QAAG,OAAM;AAAA,QAAK,IAAI;AAAA,QAAG,KAAI;AAAA,QAAS,IAAG;AAAA,QAAK,GAAE;AAAA,QACxD;AAAA,sDAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACnC,4CAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACnC,4CAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA;AAAA,OACrC;AAAA,MAEA,6CAAC;AAAA,QAAO,MAAM;AAAA,QAAG,OAAM;AAAA,QAAK,IAAI;AAAA,QAAG,KAAI;AAAA,QAAS,IAAG;AAAA,QAAK,GAAE;AAAA,QACxD;AAAA,sDAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACnC,4CAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACnC,4CAAC;AAAA,YAAO,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA;AAAA,OACrC;AAAA,MAEA,6CAAC;AAAA,QAAO,KAAK;AAAA,QAAI,KAAK;AAAA,QAAI,GAAG;AAAA,QAAK,MAAM;AAAA,QACtC;AAAA,sDAAC;AAAA,YAAO,YAAU;AAAA,YAAC,IAAI;AAAA,YAAG,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACzC,4CAAC;AAAA,YAAO,YAAU;AAAA,YAAC,GAAG;AAAA,YAAI,GAAG;AAAA,YAAI,IAAI;AAAA,YAAG,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA,UACvD,4CAAC;AAAA,YAAO,YAAU;AAAA,YAAC,GAAG;AAAA,YAAI,GAAG;AAAA,YAAI,IAAI;AAAA,YAAG,IAAG;AAAA,YAAS,IAAG;AAAA,YAAK,GAAE;AAAA,WAAK;AAAA;AAAA,OACrE;AAAA;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAAuC;AAEhC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,KAAK,KAAK,GAAE,MAAK,KAAI,UAAS,OAAK,MACzC;AAAA,iDAAC,yBAAO,MAAM,GAAG,OAAM,MAAK,IAAI,GAAG,KAAI,UAAS,IAAG,MAAK,GAAE,MACxD;AAAA,kDAAC,yBAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,MACnC,4CAAC,yBAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,MACnC,4CAAC,yBAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,OACrC;AAAA,IAEA,6CAAC,yBAAO,MAAM,GAAG,OAAM,MAAK,IAAI,GAAG,KAAI,UAAS,IAAG,MAAK,GAAE,MACxD;AAAA,kDAAC,yBAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,MACnC,4CAAC,yBAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,MACnC,4CAAC,yBAAO,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,OACrC;AAAA,IAEA,6CAAC,yBAAO,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,GACtC;AAAA,kDAAC,yBAAO,YAAU,MAAC,IAAI,GAAG,IAAG,MAAK,GAAE,MAAK;AAAA,MACzC,4CAAC,yBAAO,YAAU,MAAC,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,IAAG,MAAK,GAAE,MAAK;AAAA,MACvD,4CAAC,yBAAO,YAAU,MAAC,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,IAAG,UAAS,IAAG,MAAK,GAAE,MAAK;AAAA,OACrE;AAAA,KACF;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -24,54 +24,20 @@ module.exports = __toCommonJS(SwitchDemo_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_tamagui = require("tamagui");
26
26
  function SwitchDemo() {
27
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
28
- w: 200,
29
- ai: "center",
30
- space: "$3",
31
- children: [
32
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
33
- size: "$2"
34
- }),
35
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
36
- size: "$3"
37
- }),
38
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
39
- size: "$4"
40
- }),
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
42
- size: "$5"
43
- })
44
- ]
45
- });
27
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { w: 200, ai: "center", space: "$3", children: [
28
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$2" }),
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$3" }),
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$4" }),
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "$5" })
32
+ ] });
46
33
  }
47
34
  function SwitchWithLabel(props) {
48
35
  const id = `switch-${props.size.toString().slice(1)}`;
49
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
50
- w: 200,
51
- ai: "center",
52
- space: "$4",
53
- children: [
54
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
55
- pr: "$0",
56
- miw: 90,
57
- jc: "flex-end",
58
- size: props.size,
59
- htmlFor: id,
60
- children: "Dark mode"
61
- }),
62
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
63
- mih: 20,
64
- vertical: true
65
- }),
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
67
- id,
68
- size: props.size,
69
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
70
- animation: "quick"
71
- })
72
- })
73
- ]
74
- });
36
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { w: 200, ai: "center", space: "$4", children: [
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { pr: "$0", miw: 90, jc: "flex-end", size: props.size, htmlFor: id, children: "Dark mode" }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { mih: 20, vertical: true }),
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, { id, size: props.size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { animation: "quick" }) })
40
+ ] });
75
41
  }
76
42
  // Annotate the CommonJS export names for ESM import in node:
77
43
  0 && (module.exports = {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/SwitchDemo.tsx"],
4
4
  "sourcesContent": ["import { Label, Separator, SizeTokens, Switch, XStack, YStack, styled } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={200} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n const id = `switch-${props.size.toString().slice(1)}`\n return (\n <XStack w={200} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={90} jc=\"flex-end\" size={props.size} htmlFor={id}>\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id={id} size={props.size}>\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAA6E;AAEtE,SAAS,aAAa;AAC3B,SACE,6CAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,IAChC;AAAA,kDAAC;AAAA,QAAgB,MAAK;AAAA,OAAK;AAAA,MAC3B,4CAAC;AAAA,QAAgB,MAAK;AAAA,OAAK;AAAA,MAC3B,4CAAC;AAAA,QAAgB,MAAK;AAAA,OAAK;AAAA,MAC3B,4CAAC;AAAA,QAAgB,MAAK;AAAA,OAAK;AAAA;AAAA,GAC7B;AAEJ;AAEA,SAAS,gBAAgB,OAA6B;AACpD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC;AAClD,SACE,6CAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,IAChC;AAAA,kDAAC;AAAA,QAAM,IAAG;AAAA,QAAK,KAAK;AAAA,QAAI,IAAG;AAAA,QAAW,MAAM,MAAM;AAAA,QAAM,SAAS;AAAA,QAAI;AAAA,OAErE;AAAA,MACA,4CAAC;AAAA,QAAU,KAAK;AAAA,QAAI,UAAQ;AAAA,OAAC;AAAA,MAC7B,4CAAC;AAAA,QAAO;AAAA,QAAQ,MAAM,MAAM;AAAA,QAC1B,sDAAC,sBAAO,OAAP;AAAA,UAAa,WAAU;AAAA,SAAQ;AAAA,OAClC;AAAA;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAA6E;AAEtE,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,gDAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,4CAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,4CAAC,mBAAgB,MAAK,MAAK;AAAA,IAC3B,4CAAC,mBAAgB,MAAK,MAAK;AAAA,KAC7B;AAEJ;AAEA,SAAS,gBAAgB,OAA6B;AACpD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC;AAClD,SACE,6CAAC,yBAAO,GAAG,KAAK,IAAG,UAAS,OAAM,MAChC;AAAA,gDAAC,wBAAM,IAAG,MAAK,KAAK,IAAI,IAAG,YAAW,MAAM,MAAM,MAAM,SAAS,IAAI,uBAErE;AAAA,IACA,4CAAC,4BAAU,KAAK,IAAI,UAAQ,MAAC;AAAA,IAC7B,4CAAC,yBAAO,IAAQ,MAAM,MAAM,MAC1B,sDAAC,sBAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -24,39 +24,15 @@ module.exports = __toCommonJS(TextDemo_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_tamagui = require("tamagui");
26
26
  function TextDemo() {
27
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
28
- space: "$2",
29
- ai: "center",
30
- children: [
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
32
- children: "Text"
33
- }),
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
35
- size: "$3",
36
- children: "SizableText"
37
- }),
38
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
39
- space: true,
40
- children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
42
- theme: "alt1",
43
- size: "$3",
44
- children: "alt1"
45
- }),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
47
- theme: "alt2",
48
- size: "$3",
49
- children: "alt2"
50
- })
51
- ]
52
- }),
53
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
54
- size: "$2",
55
- fow: "800",
56
- children: "Paragraph"
57
- })
58
- ]
59
- });
27
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$2", ai: "center", children: [
28
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Text" }),
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$3", children: "SizableText" }),
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
32
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt2", size: "$3", children: "alt2" })
33
+ ] }),
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", fow: "800", children: "Paragraph" })
35
+ ] });
60
36
  }
61
37
  // Annotate the CommonJS export names for ESM import in node:
62
38
  0 && (module.exports = {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/TextDemo.tsx"],
4
4
  "sourcesContent": ["import React from 'react'\nimport { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'\n\nexport function TextDemo() {\n return (\n <YStack space=\"$2\" ai=\"center\">\n <Text>Text</Text>\n <SizableText size=\"$3\">SizableText</SizableText>\n <XStack space>\n <SizableText theme=\"alt1\" size=\"$3\">\n alt1\n </SizableText>\n <SizableText theme=\"alt2\" size=\"$3\">\n alt2\n </SizableText>\n </XStack>\n <Paragraph size=\"$2\" fow=\"800\">\n Paragraph\n </Paragraph>\n </YStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAA6D;AAEtD,SAAS,WAAW;AACzB,SACE,6CAAC;AAAA,IAAO,OAAM;AAAA,IAAK,IAAG;AAAA,IACpB;AAAA,kDAAC;AAAA,QAAK;AAAA,OAAI;AAAA,MACV,4CAAC;AAAA,QAAY,MAAK;AAAA,QAAK;AAAA,OAAW;AAAA,MAClC,6CAAC;AAAA,QAAO,OAAK;AAAA,QACX;AAAA,sDAAC;AAAA,YAAY,OAAM;AAAA,YAAO,MAAK;AAAA,YAAK;AAAA,WAEpC;AAAA,UACA,4CAAC;AAAA,YAAY,OAAM;AAAA,YAAO,MAAK;AAAA,YAAK;AAAA,WAEpC;AAAA;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAU,MAAK;AAAA,QAAK,KAAI;AAAA,QAAM;AAAA,OAE/B;AAAA;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAA6D;AAEtD,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,OAAM,MAAK,IAAG,UACpB;AAAA,gDAAC,uBAAK,kBAAI;AAAA,IACV,4CAAC,8BAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,6CAAC,yBAAO,OAAK,MACX;AAAA,kDAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,MACA,4CAAC,8BAAY,OAAM,QAAO,MAAK,MAAK,kBAEpC;AAAA,OACF;AAAA,IACA,4CAAC,4BAAU,MAAK,MAAK,KAAI,OAAM,uBAE/B;AAAA,KACF;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -24,43 +24,18 @@ module.exports = __toCommonJS(ThemeInverseDemo_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_tamagui = require("tamagui");
26
26
  function ThemeInverseDemo() {
27
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
28
- space: true,
29
- children: [
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {}),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
32
- inverse: true,
33
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {})
34
- })
35
- ]
36
- });
27
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
28
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {}),
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { inverse: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {}) })
30
+ ] });
37
31
  }
38
32
  function Buttons() {
39
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
40
- bc: "$background",
41
- p: "$3",
42
- br: "$3",
43
- space: true,
44
- children: [
45
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
46
- children: "Dark"
47
- }),
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
49
- themeInverse: true,
50
- children: "Inversed"
51
- }),
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
53
- theme: "alt1",
54
- children: "Alt1 Dark"
55
- }),
56
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
57
- name: "yellow",
58
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
59
- children: "Yellow dark"
60
- })
61
- })
62
- ]
63
- });
33
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { bc: "$background", p: "$3", br: "$3", space: true, children: [
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Dark" }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: true, children: "Inversed" }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "alt1", children: "Alt1 Dark" }),
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "yellow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Yellow dark" }) })
38
+ ] });
64
39
  }
65
40
  // Annotate the CommonJS export names for ESM import in node:
66
41
  0 && (module.exports = {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeInverseDemo.tsx"],
4
4
  "sourcesContent": ["import { Button, Theme, XStack, YStack } from 'tamagui'\n\nexport function ThemeInverseDemo() {\n return (\n <XStack space>\n <Buttons />\n <Theme inverse>\n <Buttons />\n </Theme>\n </XStack>\n )\n}\n\nfunction Buttons() {\n return (\n <YStack bc=\"$background\" p=\"$3\" br=\"$3\" space>\n <Button>Dark</Button>\n <Button themeInverse>Inversed</Button>\n <Button theme=\"alt1\">Alt1 Dark</Button>\n <Theme name=\"yellow\">\n <Button>Yellow dark</Button>\n </Theme>\n </YStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAA8C;AAEvC,SAAS,mBAAmB;AACjC,SACE,6CAAC;AAAA,IAAO,OAAK;AAAA,IACX;AAAA,kDAAC,WAAQ;AAAA,MACT,4CAAC;AAAA,QAAM,SAAO;AAAA,QACZ,sDAAC,WAAQ;AAAA,OACX;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,UAAU;AACjB,SACE,6CAAC;AAAA,IAAO,IAAG;AAAA,IAAc,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,IAC3C;AAAA,kDAAC;AAAA,QAAO;AAAA,OAAI;AAAA,MACZ,4CAAC;AAAA,QAAO,cAAY;AAAA,QAAC;AAAA,OAAQ;AAAA,MAC7B,4CAAC;AAAA,QAAO,OAAM;AAAA,QAAO;AAAA,OAAS;AAAA,MAC9B,4CAAC;AAAA,QAAM,MAAK;AAAA,QACV,sDAAC;AAAA,UAAO;AAAA,SAAW;AAAA,OACrB;AAAA;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAA8C;AAEvC,SAAS,mBAAmB;AACjC,SACE,6CAAC,yBAAO,OAAK,MACX;AAAA,gDAAC,WAAQ;AAAA,IACT,4CAAC,wBAAM,SAAO,MACZ,sDAAC,WAAQ,GACX;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU;AACjB,SACE,6CAAC,yBAAO,IAAG,eAAc,GAAE,MAAK,IAAG,MAAK,OAAK,MAC3C;AAAA,gDAAC,yBAAO,kBAAI;AAAA,IACZ,4CAAC,yBAAO,cAAY,MAAC,sBAAQ;AAAA,IAC7B,4CAAC,yBAAO,OAAM,QAAO,uBAAS;AAAA,IAC9B,4CAAC,wBAAM,MAAK,UACV,sDAAC,yBAAO,yBAAW,GACrB;AAAA,KACF;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -45,27 +45,22 @@ const sections = [
45
45
  ];
46
46
  function TokensDemo() {
47
47
  const [section, setSection] = (0, import_react.useState)("size");
48
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
49
- space: true,
50
- children: [
51
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, {
52
- ai: "center",
53
- als: "center",
54
- children: sections.map(({ name, key }) => {
55
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
56
- size: "$3",
57
- theme: section === key ? "active" : null,
58
- fontFamily: "$silkscreen",
59
- onPress: () => setSection(key),
60
- children: name
61
- }, key);
62
- })
63
- }),
64
- (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, {
65
- section
66
- })
67
- ]
68
- });
48
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, children: [
49
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, { ai: "center", als: "center", children: sections.map(({ name, key }) => {
50
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
51
+ import_tamagui.Button,
52
+ {
53
+ size: "$3",
54
+ theme: section === key ? "active" : null,
55
+ fontFamily: "$silkscreen",
56
+ onPress: () => setSection(key),
57
+ children: name
58
+ },
59
+ key
60
+ );
61
+ }) }),
62
+ (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, { section })
63
+ ] });
69
64
  }
70
65
  function SizeSection({ section }) {
71
66
  const allTokens = (0, import_core.getConfig)().tokens;
@@ -75,65 +70,42 @@ function SizeSection({ section }) {
75
70
  );
76
71
  const spaceTokens = st.filter((t) => parseFloat(t) >= 0 && t !== "-0");
77
72
  const spaceTokensNegative = st.filter((t) => parseFloat(t) < 0 || t === "-0").sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
78
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
79
- f: 1,
80
- space: true,
81
- children: [
82
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {
83
- children: "Sizes"
84
- }),
85
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
86
- w: "100%",
87
- space: "$2",
88
- separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
89
- children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
90
- (token) => {
91
- var _a, _b, _c, _d, _e;
92
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
93
- w: "100%",
94
- ai: "center",
95
- children: [
96
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
97
- w: "25%",
98
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
99
- size: "$6",
100
- children: [
101
- "$",
102
- token
103
- ]
104
- })
105
- }),
106
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
107
- w: "20%",
108
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, {
109
- size: "$5",
110
- children: [
111
- (_a = tokens[token]) == null ? void 0 : _a.val,
112
- "px"
113
- ]
114
- })
115
- }),
116
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
117
- size: (_b = tokens[token]) == null ? void 0 : _b.val,
118
- bc: "$color3",
119
- ...section === "spaceNegative" && {
120
- bc: "$red3",
121
- size: -((_c = tokens[spaceTokensNegative.find(
122
- (t) => parseFloat(t) === -parseFloat(token)
123
- ) ?? token]) == null ? void 0 : _c.val)
124
- },
125
- ...section === "radius" && {
126
- size: (_d = allTokens.size[token]) == null ? void 0 : _d.val,
127
- br: (_e = tokens[token]) == null ? void 0 : _e.val
128
- }
129
- })
130
- ]
131
- }, token);
132
- }
133
- )
134
- })
135
- ]
136
- });
73
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { f: 1, space: true, children: [
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sizes" }),
75
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { w: "100%", space: "$2", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
76
+ (token) => {
77
+ var _a, _b, _c, _d, _e;
78
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { w: "100%", ai: "center", children: [
79
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { w: "25%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, { size: "$6", children: [
80
+ "$",
81
+ token
82
+ ] }) }),
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { w: "20%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, { size: "$5", children: [
84
+ (_a = tokens[token]) == null ? void 0 : _a.val,
85
+ "px"
86
+ ] }) }),
87
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
88
+ import_tamagui.Square,
89
+ {
90
+ size: (_b = tokens[token]) == null ? void 0 : _b.val,
91
+ bc: "$color3",
92
+ ...section === "spaceNegative" && {
93
+ bc: "$red3",
94
+ size: -((_c = tokens[spaceTokensNegative.find(
95
+ (t) => parseFloat(t) === -parseFloat(token)
96
+ ) ?? token]) == null ? void 0 : _c.val)
97
+ },
98
+ ...section === "radius" && {
99
+ // @ts-ignore
100
+ size: (_d = allTokens.size[token]) == null ? void 0 : _d.val,
101
+ br: (_e = tokens[token]) == null ? void 0 : _e.val
102
+ }
103
+ }
104
+ )
105
+ ] }, token);
106
+ }
107
+ ) })
108
+ ] });
137
109
  }
138
110
  // Annotate the CommonJS export names for ESM import in node:
139
111
  0 && (module.exports = {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/TokensDemo.tsx"],
4
4
  "sourcesContent": ["import { Tokens, getConfig } from '@tamagui/core'\nimport { useState } from 'react'\nimport {\n Button,\n H2,\n H3,\n H4,\n ScrollView,\n Separator,\n Square,\n XGroup,\n XStack,\n YStack,\n} from 'tamagui'\n\ntype Section = 'spaceNegative' | keyof Tokens\n\nconst sections: { name: string; key: Section }[] = [\n {\n name: `Size`,\n key: `size`,\n },\n {\n name: `Space`,\n key: 'space',\n },\n {\n name: `Space (-)`,\n key: `spaceNegative`,\n },\n {\n name: `Radius`,\n key: `radius`,\n },\n]\n\nexport function TokensDemo() {\n const [section, setSection] = useState<Section>('size')\n\n return (\n <YStack space>\n <XGroup ai=\"center\" als=\"center\">\n {sections.map(({ name, key }) => {\n return (\n <Button\n key={key}\n size=\"$3\"\n theme={section === key ? 'active' : null}\n fontFamily=\"$silkscreen\"\n onPress={() => setSection(key)}\n >\n {name}\n </Button>\n )\n })}\n </XGroup>\n\n {(section === 'size' ||\n section === 'spaceNegative' ||\n section === 'space' ||\n section === 'radius') && <SizeSection section={section} />}\n </YStack>\n )\n}\n\nfunction SizeSection({ section }: { section: Section }) {\n const allTokens = getConfig().tokens\n const tokens = allTokens[section.startsWith('space') ? 'space' : section]\n const st = Object.keys(tokens).sort((a, b) =>\n parseFloat(a) > parseFloat(b) ? 1 : -1,\n )\n const spaceTokens = st.filter((t) => parseFloat(t) >= 0 && t !== '-0')\n const spaceTokensNegative = st\n .filter((t) => parseFloat(t) < 0 || t === '-0')\n .sort((a, b) => (parseFloat(a) > parseFloat(b) ? -1 : 1))\n\n return (\n <YStack f={1} space>\n <H2>Sizes</H2>\n <YStack w=\"100%\" space=\"$2\" separator={<Separator />}>\n {(section === 'spaceNegative' ? spaceTokensNegative : spaceTokens).map(\n (token) => {\n return (\n <XStack w=\"100%\" ai=\"center\" key={token}>\n <YStack w=\"25%\">\n <H3 size=\"$6\">${token}</H3>\n </YStack>\n <YStack w=\"20%\">\n <H4 size=\"$5\">{tokens[token]?.val}px</H4>\n </YStack>\n <Square\n size={tokens[token]?.val}\n bc=\"$color3\"\n {...(section === 'spaceNegative' && {\n bc: '$red3',\n size: -tokens[\n spaceTokensNegative.find(\n (t) => parseFloat(t) === -parseFloat(token),\n ) ?? token\n ]?.val,\n })}\n {...(section === 'radius' && {\n // @ts-ignore\n size: allTokens.size[token]?.val,\n br: tokens[token]?.val,\n })}\n />\n </XStack>\n )\n },\n )}\n </YStack>\n </YStack>\n )\n}\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }