@tamagui/demos 1.74.8 → 1.74.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 (252) hide show
  1. package/package.json +18 -18
  2. package/dist/cjs/AnimationCSSDriverLayoutDemo.js +0 -138
  3. package/dist/cjs/AnimationCSSDriverLayoutDemo.js.map +0 -6
  4. package/dist/cjs/ButtonHeadlessDemo.js +0 -110
  5. package/dist/cjs/ButtonHeadlessDemo.js.map +0 -6
  6. package/dist/cjs/ButtonNewDemo.js +0 -55
  7. package/dist/cjs/ButtonNewDemo.js.map +0 -6
  8. package/dist/cjs/ButtonSimpleDemo.js +0 -49
  9. package/dist/cjs/ButtonSimpleDemo.js.map +0 -6
  10. package/dist/cjs/conf.js +0 -29
  11. package/dist/cjs/conf.js.map +0 -6
  12. package/dist/esm/AccordionDemo.mjs +0 -25
  13. package/dist/esm/AccordionDemo.mjs.map +0 -6
  14. package/dist/esm/AddThemeDemo.mjs +0 -35
  15. package/dist/esm/AddThemeDemo.mjs.map +0 -6
  16. package/dist/esm/AlertDialogDemo.mjs +0 -53
  17. package/dist/esm/AlertDialogDemo.mjs.map +0 -6
  18. package/dist/esm/AnimationCSSDriverLayoutDemo.js +0 -121
  19. package/dist/esm/AnimationCSSDriverLayoutDemo.js.map +0 -6
  20. package/dist/esm/AnimationsDemo.mjs +0 -86
  21. package/dist/esm/AnimationsDemo.mjs.map +0 -6
  22. package/dist/esm/AnimationsEnterDemo.mjs +0 -35
  23. package/dist/esm/AnimationsEnterDemo.mjs.map +0 -6
  24. package/dist/esm/AnimationsHoverDemo.mjs +0 -27
  25. package/dist/esm/AnimationsHoverDemo.mjs.map +0 -6
  26. package/dist/esm/AnimationsPresenceDemo.mjs +0 -68
  27. package/dist/esm/AnimationsPresenceDemo.mjs.map +0 -6
  28. package/dist/esm/AnimationsTimingDemo.mjs +0 -26
  29. package/dist/esm/AnimationsTimingDemo.mjs.map +0 -6
  30. package/dist/esm/AvatarDemo.mjs +0 -30
  31. package/dist/esm/AvatarDemo.mjs.map +0 -6
  32. package/dist/esm/BuildAButtonDemo.mjs +0 -43
  33. package/dist/esm/BuildAButtonDemo.mjs.map +0 -6
  34. package/dist/esm/ButtonDemo.mjs +0 -25
  35. package/dist/esm/ButtonDemo.mjs.map +0 -6
  36. package/dist/esm/ButtonHeadlessDemo.js +0 -93
  37. package/dist/esm/ButtonHeadlessDemo.js.map +0 -6
  38. package/dist/esm/ButtonNewDemo.js +0 -31
  39. package/dist/esm/ButtonNewDemo.js.map +0 -6
  40. package/dist/esm/ButtonNewDemo.mjs.map +0 -6
  41. package/dist/esm/ButtonSimpleDemo.js +0 -25
  42. package/dist/esm/ButtonSimpleDemo.js.map +0 -6
  43. package/dist/esm/CardDemo.mjs +0 -48
  44. package/dist/esm/CardDemo.mjs.map +0 -6
  45. package/dist/esm/CheckboxDemo.mjs +0 -22
  46. package/dist/esm/CheckboxDemo.mjs.map +0 -6
  47. package/dist/esm/ColorsDemo.mjs +0 -89
  48. package/dist/esm/ColorsDemo.mjs.map +0 -6
  49. package/dist/esm/DialogDemo.mjs +0 -109
  50. package/dist/esm/DialogDemo.mjs.map +0 -6
  51. package/dist/esm/FormsDemo.mjs +0 -35
  52. package/dist/esm/FormsDemo.mjs.map +0 -6
  53. package/dist/esm/Grid.mjs +0 -37
  54. package/dist/esm/Grid.mjs.map +0 -6
  55. package/dist/esm/GroupDemo.mjs +0 -25
  56. package/dist/esm/GroupDemo.mjs.map +0 -6
  57. package/dist/esm/HeadingsDemo.mjs +0 -16
  58. package/dist/esm/HeadingsDemo.mjs.map +0 -6
  59. package/dist/esm/ImageDemo.mjs +0 -18
  60. package/dist/esm/ImageDemo.mjs.map +0 -6
  61. package/dist/esm/InputsDemo.mjs +0 -31
  62. package/dist/esm/InputsDemo.mjs.map +0 -6
  63. package/dist/esm/LabelDemo.mjs +0 -18
  64. package/dist/esm/LabelDemo.mjs.map +0 -6
  65. package/dist/esm/LinearGradientDemo.mjs +0 -33
  66. package/dist/esm/LinearGradientDemo.mjs.map +0 -6
  67. package/dist/esm/ListItemDemo.mjs +0 -47
  68. package/dist/esm/ListItemDemo.mjs.map +0 -6
  69. package/dist/esm/LucideIconsDemo.mjs +0 -53
  70. package/dist/esm/LucideIconsDemo.mjs.map +0 -6
  71. package/dist/esm/PopoverDemo.mjs +0 -82
  72. package/dist/esm/PopoverDemo.mjs.map +0 -6
  73. package/dist/esm/ProgressDemo.mjs +0 -56
  74. package/dist/esm/ProgressDemo.mjs.map +0 -6
  75. package/dist/esm/RadioGroupDemo.mjs +0 -21
  76. package/dist/esm/RadioGroupDemo.mjs.map +0 -6
  77. package/dist/esm/ReplaceThemeDemo.mjs +0 -45
  78. package/dist/esm/ReplaceThemeDemo.mjs.map +0 -6
  79. package/dist/esm/ScrollViewDemo.mjs +0 -28
  80. package/dist/esm/ScrollViewDemo.mjs.map +0 -6
  81. package/dist/esm/SelectDemo.mjs +0 -173
  82. package/dist/esm/SelectDemo.mjs.map +0 -6
  83. package/dist/esm/SeparatorDemo.mjs +0 -20
  84. package/dist/esm/SeparatorDemo.mjs.map +0 -6
  85. package/dist/esm/ShapesDemo.mjs +0 -12
  86. package/dist/esm/ShapesDemo.mjs.map +0 -6
  87. package/dist/esm/SheetDemo.mjs +0 -100
  88. package/dist/esm/SheetDemo.mjs.map +0 -6
  89. package/dist/esm/SliderDemo.mjs +0 -19
  90. package/dist/esm/SliderDemo.mjs.map +0 -6
  91. package/dist/esm/SpinnerDemo.mjs +0 -12
  92. package/dist/esm/SpinnerDemo.mjs.map +0 -6
  93. package/dist/esm/StacksDemo.mjs +0 -78
  94. package/dist/esm/StacksDemo.mjs.map +0 -6
  95. package/dist/esm/SwitchDemo.mjs +0 -45
  96. package/dist/esm/SwitchDemo.mjs.map +0 -6
  97. package/dist/esm/TabsAdvancedDemo.mjs +0 -239
  98. package/dist/esm/TabsAdvancedDemo.mjs.map +0 -6
  99. package/dist/esm/TabsDemo.mjs +0 -131
  100. package/dist/esm/TabsDemo.mjs.map +0 -6
  101. package/dist/esm/TextDemo.mjs +0 -16
  102. package/dist/esm/TextDemo.mjs.map +0 -6
  103. package/dist/esm/ThemeBuilderDemo.mjs +0 -134
  104. package/dist/esm/ThemeBuilderDemo.mjs.map +0 -6
  105. package/dist/esm/ThemeInverseDemo.mjs +0 -41
  106. package/dist/esm/ThemeInverseDemo.mjs.map +0 -6
  107. package/dist/esm/ToastDemo.mjs +0 -91
  108. package/dist/esm/ToastDemo.mjs.map +0 -6
  109. package/dist/esm/ToastDuplicateDemo.mjs +0 -44
  110. package/dist/esm/ToastDuplicateDemo.mjs.map +0 -6
  111. package/dist/esm/ToggleGroupDemo.mjs +0 -49
  112. package/dist/esm/ToggleGroupDemo.mjs.map +0 -6
  113. package/dist/esm/TokensDemo.mjs +0 -77
  114. package/dist/esm/TokensDemo.mjs.map +0 -6
  115. package/dist/esm/TooltipDemo.mjs +0 -67
  116. package/dist/esm/TooltipDemo.mjs.map +0 -6
  117. package/dist/esm/UpdateThemeDemo.mjs +0 -51
  118. package/dist/esm/UpdateThemeDemo.mjs.map +0 -6
  119. package/dist/esm/conf.js +0 -5
  120. package/dist/esm/conf.js.map +0 -6
  121. package/dist/esm/conf.mjs.map +0 -6
  122. package/dist/esm/index.mjs +0 -50
  123. package/dist/esm/index.mjs.map +0 -6
  124. package/dist/esm/tamagui.config.mjs +0 -8
  125. package/dist/esm/tamagui.config.mjs.map +0 -6
  126. package/dist/esm/useOnIntersecting.mjs +0 -50
  127. package/dist/esm/useOnIntersecting.mjs.map +0 -6
  128. package/dist/jsx/AccordionDemo.mjs +0 -24
  129. package/dist/jsx/AccordionDemo.mjs.map +0 -6
  130. package/dist/jsx/AddThemeDemo.mjs +0 -31
  131. package/dist/jsx/AddThemeDemo.mjs.map +0 -6
  132. package/dist/jsx/AlertDialogDemo.mjs +0 -45
  133. package/dist/jsx/AlertDialogDemo.mjs.map +0 -6
  134. package/dist/jsx/AnimationCSSDriverLayoutDemo.js +0 -93
  135. package/dist/jsx/AnimationCSSDriverLayoutDemo.js.map +0 -6
  136. package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs +0 -93
  137. package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs.map +0 -6
  138. package/dist/jsx/AnimationsDemo.mjs +0 -82
  139. package/dist/jsx/AnimationsDemo.mjs.map +0 -6
  140. package/dist/jsx/AnimationsEnterDemo.mjs +0 -35
  141. package/dist/jsx/AnimationsEnterDemo.mjs.map +0 -6
  142. package/dist/jsx/AnimationsHoverDemo.mjs +0 -22
  143. package/dist/jsx/AnimationsHoverDemo.mjs.map +0 -6
  144. package/dist/jsx/AnimationsPresenceDemo.mjs +0 -69
  145. package/dist/jsx/AnimationsPresenceDemo.mjs.map +0 -6
  146. package/dist/jsx/AnimationsTimingDemo.mjs +0 -21
  147. package/dist/jsx/AnimationsTimingDemo.mjs.map +0 -6
  148. package/dist/jsx/AvatarDemo.mjs +0 -23
  149. package/dist/jsx/AvatarDemo.mjs.map +0 -6
  150. package/dist/jsx/BuildAButtonDemo.mjs +0 -42
  151. package/dist/jsx/BuildAButtonDemo.mjs.map +0 -6
  152. package/dist/jsx/ButtonDemo.mjs +0 -24
  153. package/dist/jsx/ButtonDemo.mjs.map +0 -6
  154. package/dist/jsx/ButtonHeadlessDemo.js +0 -92
  155. package/dist/jsx/ButtonHeadlessDemo.js.map +0 -6
  156. package/dist/jsx/ButtonHeadlessDemo.mjs.map +0 -6
  157. package/dist/jsx/ButtonNewDemo.js +0 -30
  158. package/dist/jsx/ButtonNewDemo.js.map +0 -6
  159. package/dist/jsx/ButtonNewDemo.mjs +0 -30
  160. package/dist/jsx/ButtonNewDemo.mjs.map +0 -6
  161. package/dist/jsx/ButtonSimpleDemo.js +0 -24
  162. package/dist/jsx/ButtonSimpleDemo.js.map +0 -6
  163. package/dist/jsx/ButtonSimpleDemo.mjs.map +0 -6
  164. package/dist/jsx/CardDemo.mjs +0 -41
  165. package/dist/jsx/CardDemo.mjs.map +0 -6
  166. package/dist/jsx/CheckboxDemo.mjs +0 -21
  167. package/dist/jsx/CheckboxDemo.mjs.map +0 -6
  168. package/dist/jsx/ColorsDemo.mjs +0 -86
  169. package/dist/jsx/ColorsDemo.mjs.map +0 -6
  170. package/dist/jsx/DialogDemo.mjs +0 -87
  171. package/dist/jsx/DialogDemo.mjs.map +0 -6
  172. package/dist/jsx/FormsDemo.mjs +0 -31
  173. package/dist/jsx/FormsDemo.mjs.map +0 -6
  174. package/dist/jsx/GroupDemo.mjs +0 -30
  175. package/dist/jsx/GroupDemo.mjs.map +0 -6
  176. package/dist/jsx/HeadingsDemo.mjs +0 -15
  177. package/dist/jsx/HeadingsDemo.mjs.map +0 -6
  178. package/dist/jsx/ImageDemo.mjs +0 -14
  179. package/dist/jsx/ImageDemo.mjs.map +0 -6
  180. package/dist/jsx/InputsDemo.mjs +0 -26
  181. package/dist/jsx/InputsDemo.mjs.map +0 -6
  182. package/dist/jsx/LabelDemo.mjs +0 -17
  183. package/dist/jsx/LabelDemo.mjs.map +0 -6
  184. package/dist/jsx/LinearGradientDemo.mjs +0 -32
  185. package/dist/jsx/LinearGradientDemo.mjs.map +0 -6
  186. package/dist/jsx/ListItemDemo.mjs +0 -40
  187. package/dist/jsx/ListItemDemo.mjs.map +0 -6
  188. package/dist/jsx/LucideIconsDemo.mjs +0 -43
  189. package/dist/jsx/LucideIconsDemo.mjs.map +0 -6
  190. package/dist/jsx/PopoverDemo.mjs +0 -65
  191. package/dist/jsx/PopoverDemo.mjs.map +0 -6
  192. package/dist/jsx/ProgressDemo.mjs +0 -50
  193. package/dist/jsx/ProgressDemo.mjs.map +0 -6
  194. package/dist/jsx/RadioGroupDemo.mjs +0 -20
  195. package/dist/jsx/RadioGroupDemo.mjs.map +0 -6
  196. package/dist/jsx/ReplaceThemeDemo.mjs +0 -44
  197. package/dist/jsx/ReplaceThemeDemo.mjs.map +0 -6
  198. package/dist/jsx/ScrollViewDemo.mjs +0 -17
  199. package/dist/jsx/ScrollViewDemo.mjs.map +0 -6
  200. package/dist/jsx/SelectDemo.mjs +0 -125
  201. package/dist/jsx/SelectDemo.mjs.map +0 -6
  202. package/dist/jsx/SeparatorDemo.mjs +0 -19
  203. package/dist/jsx/SeparatorDemo.mjs.map +0 -6
  204. package/dist/jsx/ShapesDemo.mjs +0 -11
  205. package/dist/jsx/ShapesDemo.mjs.map +0 -6
  206. package/dist/jsx/SheetDemo.mjs +0 -72
  207. package/dist/jsx/SheetDemo.mjs.map +0 -6
  208. package/dist/jsx/SliderDemo.mjs +0 -18
  209. package/dist/jsx/SliderDemo.mjs.map +0 -6
  210. package/dist/jsx/SpinnerDemo.mjs +0 -11
  211. package/dist/jsx/SpinnerDemo.mjs.map +0 -6
  212. package/dist/jsx/StacksDemo.mjs +0 -60
  213. package/dist/jsx/StacksDemo.mjs.map +0 -6
  214. package/dist/jsx/SwitchDemo.mjs +0 -28
  215. package/dist/jsx/SwitchDemo.mjs.map +0 -6
  216. package/dist/jsx/TabsAdvancedDemo.mjs +0 -226
  217. package/dist/jsx/TabsAdvancedDemo.mjs.map +0 -6
  218. package/dist/jsx/TabsDemo.mjs +0 -112
  219. package/dist/jsx/TabsDemo.mjs.map +0 -6
  220. package/dist/jsx/TextDemo.mjs +0 -15
  221. package/dist/jsx/TextDemo.mjs.map +0 -6
  222. package/dist/jsx/ThemeBuilderDemo.mjs +0 -103
  223. package/dist/jsx/ThemeBuilderDemo.mjs.map +0 -6
  224. package/dist/jsx/ThemeInverseDemo.mjs +0 -34
  225. package/dist/jsx/ThemeInverseDemo.mjs.map +0 -6
  226. package/dist/jsx/ToastDemo.mjs +0 -78
  227. package/dist/jsx/ToastDemo.mjs.map +0 -6
  228. package/dist/jsx/ToastDuplicateDemo.mjs +0 -35
  229. package/dist/jsx/ToastDuplicateDemo.mjs.map +0 -6
  230. package/dist/jsx/ToggleGroupDemo.mjs +0 -40
  231. package/dist/jsx/ToggleGroupDemo.mjs.map +0 -6
  232. package/dist/jsx/TokensDemo.mjs +0 -77
  233. package/dist/jsx/TokensDemo.mjs.map +0 -6
  234. package/dist/jsx/TooltipDemo.mjs +0 -62
  235. package/dist/jsx/TooltipDemo.mjs.map +0 -6
  236. package/dist/jsx/UpdateThemeDemo.mjs +0 -51
  237. package/dist/jsx/UpdateThemeDemo.mjs.map +0 -6
  238. package/dist/jsx/conf.js +0 -5
  239. package/dist/jsx/conf.js.map +0 -6
  240. package/dist/jsx/conf.mjs +0 -5
  241. package/dist/jsx/conf.mjs.map +0 -6
  242. package/dist/jsx/index.mjs +0 -50
  243. package/dist/jsx/index.mjs.map +0 -6
  244. package/dist/jsx/tamagui.config.mjs +0 -8
  245. package/dist/jsx/tamagui.config.mjs.map +0 -6
  246. package/dist/jsx/useOnIntersecting.mjs +0 -68
  247. package/dist/jsx/useOnIntersecting.mjs.map +0 -6
  248. package/types/AnimationCSSDriverLayoutDemo.d.ts.map +0 -1
  249. package/types/ButtonHeadlessDemo.d.ts.map +0 -1
  250. package/types/ButtonNewDemo.d.ts.map +0 -1
  251. package/types/ButtonSimpleDemo.d.ts.map +0 -1
  252. package/types/conf.d.ts.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.74.8",
3
+ "version": "1.74.9",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -38,29 +38,29 @@
38
38
  }
39
39
  },
40
40
  "dependencies": {
41
- "@tamagui/avatar": "1.74.8",
42
- "@tamagui/button": "1.74.8",
43
- "@tamagui/core": "1.74.8",
44
- "@tamagui/list-item": "1.74.8",
45
- "@tamagui/logo": "1.74.8",
46
- "@tamagui/menu": "1.74.8",
47
- "@tamagui/popover": "1.74.8",
48
- "@tamagui/progress": "1.74.8",
49
- "@tamagui/radio-group": "1.74.8",
50
- "@tamagui/select": "1.74.8",
51
- "@tamagui/sheet": "1.74.8",
52
- "@tamagui/site-config": "1.74.8",
53
- "@tamagui/slider": "1.74.8",
54
- "@tamagui/stacks": "1.74.8",
55
- "@tamagui/toast": "1.74.8",
56
- "tamagui": "1.74.8"
41
+ "@tamagui/avatar": "1.74.9",
42
+ "@tamagui/button": "1.74.9",
43
+ "@tamagui/core": "1.74.9",
44
+ "@tamagui/list-item": "1.74.9",
45
+ "@tamagui/logo": "1.74.9",
46
+ "@tamagui/menu": "1.74.9",
47
+ "@tamagui/popover": "1.74.9",
48
+ "@tamagui/progress": "1.74.9",
49
+ "@tamagui/radio-group": "1.74.9",
50
+ "@tamagui/select": "1.74.9",
51
+ "@tamagui/sheet": "1.74.9",
52
+ "@tamagui/site-config": "1.74.9",
53
+ "@tamagui/slider": "1.74.9",
54
+ "@tamagui/stacks": "1.74.9",
55
+ "@tamagui/toast": "1.74.9",
56
+ "tamagui": "1.74.9"
57
57
  },
58
58
  "peerDependencies": {
59
59
  "react": "*",
60
60
  "react-dom": "*"
61
61
  },
62
62
  "devDependencies": {
63
- "@tamagui/build": "1.74.8",
63
+ "@tamagui/build": "1.74.9",
64
64
  "react": "^18.2.0",
65
65
  "react-dom": "^18.2.0"
66
66
  },
@@ -1,138 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var AnimationCSSDriverLayoutDemo_exports = {};
20
- __export(AnimationCSSDriverLayoutDemo_exports, {
21
- AnimationCSSDriverLayoutDemo: () => AnimationCSSDriverLayoutDemo
22
- });
23
- module.exports = __toCommonJS(AnimationCSSDriverLayoutDemo_exports);
24
- var import_jsx_runtime = require("react/jsx-runtime");
25
- var import_logo = require("@tamagui/logo");
26
- var import_lucide_icons = require("@tamagui/lucide-icons");
27
- var import_react = require("react");
28
- var import_tamagui = require("tamagui");
29
- function AnimationCSSDriverLayoutDemo(props) {
30
- const [birds, setBirds] = (0, import_react.useState)(1);
31
- const [fd, setFd] = (0, import_react.useState)("row");
32
- const onPress = (0, import_tamagui.useEvent)(() => {
33
- setBirds(5);
34
- });
35
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
36
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
37
- import_tamagui.XStack,
38
- {
39
- justifyContent: "space-between",
40
- alignContent: "space-between",
41
- flexWrap: "wrap",
42
- width: 400,
43
- height: 350,
44
- fd,
45
- gap: 5,
46
- children: Array(birds).fill(0).map((_, index) => {
47
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bird, { index, birds, setBirds }, index);
48
- })
49
- }
50
- ),
51
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
52
- import_tamagui.Button,
53
- {
54
- position: "absolute",
55
- bottom: 20,
56
- left: "$7",
57
- icon: import_lucide_icons.Play,
58
- theme: props.tint,
59
- size: "$5",
60
- circular: true,
61
- onPress
62
- }
63
- ),
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { left: "$5", bottom: 90, position: "absolute", space: true, children: [
65
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, children: [
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { color: "$gray11", children: "Flex Direction" }),
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { children: [
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
- import_tamagui.Button,
70
- {
71
- onPress: () => {
72
- setFd("row");
73
- },
74
- children: "Row"
75
- }
76
- ),
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
78
- import_tamagui.Button,
79
- {
80
- onPress: () => {
81
- setFd("column");
82
- },
83
- children: "Column"
84
- }
85
- )
86
- ] })
87
- ] }),
88
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: true, children: [
89
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { color: "$gray11", children: "Actions" }),
90
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { children: [
91
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
92
- import_tamagui.Button,
93
- {
94
- onPress: () => {
95
- setBirds(birds - 1);
96
- },
97
- children: "Remove"
98
- }
99
- ),
100
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
101
- import_tamagui.Button,
102
- {
103
- onPress: () => {
104
- setBirds(birds + 1);
105
- },
106
- children: "Add"
107
- }
108
- )
109
- ] })
110
- ] })
111
- ] })
112
- ] });
113
- }
114
- const Bird = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
115
- import_tamagui.YStack,
116
- {
117
- width: 60,
118
- ref,
119
- height: 60,
120
- onPress: () => {
121
- props.setBirds(props.birds - 1);
122
- },
123
- hoverStyle: {
124
- width: 100,
125
- height: 100
126
- },
127
- backgroundColor: "$color9",
128
- borderRadius: 10,
129
- animation: "bouncy",
130
- layout: true,
131
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 1.5 })
132
- }
133
- ));
134
- // Annotate the CommonJS export names for ESM import in node:
135
- 0 && (module.exports = {
136
- AnimationCSSDriverLayoutDemo
137
- });
138
- //# sourceMappingURL=AnimationCSSDriverLayoutDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/AnimationCSSDriverLayoutDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAzBJ,kBAAyB;AACzB,0BAAqB;AACrB,mBAAqC;AACrC,qBAYO;AAEA,SAAS,6BAA6B,OAAO;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AACpC,QAAM,CAAC,IAAI,KAAK,QAAI,uBAA2B,KAAK;AAEpD,QAAM,cAAU,yBAAS,MAAM;AAC7B,aAAS,CAAC;AAAA,EACZ,CAAC;AACD,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,cAAa;AAAA,QACb,UAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA,KAAK;AAAA,QAEJ,gBAAM,KAAK,EACT,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,UAAU;AACjB,iBAAO,4CAAC,QAAK,OAAc,OAAc,YAAyB,KAAO;AAAA,QAC3E,CAAC;AAAA;AAAA,IACL;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,IACA,6CAAC,yBAAO,MAAM,MAAM,QAAQ,IAAI,UAAS,YAAW,OAAK,MACvD;AAAA,mDAAC,yBAAO,OAAK,MACX;AAAA,oDAAC,8BAAY,OAAM,WAAU,4BAAc;AAAA,QAC3C,6CAAC,yBACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,sBAAM,KAAK;AAAA,cACb;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,sBAAM,QAAQ;AAAA,cAChB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,WACF;AAAA,SACF;AAAA,MACA,6CAAC,yBAAO,YAAW,UAAS,OAAK,MAC/B;AAAA,oDAAC,8BAAY,OAAM,WAAU,qBAAO;AAAA,QACpC,6CAAC,yBACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,yBAAS,QAAQ,CAAC;AAAA,cACpB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,yBAAS,QAAQ,CAAC;AAAA,cACpB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAOA,MAAM,WAAO,yBAAW,CAAC,OAAkB,QACzC;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,SAAS,MAAM;AACb,YAAM,SAAS,MAAM,QAAQ,CAAC;AAAA,IAChC;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IAEA,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAM;AAAA,IAEN,sDAAC,wBAAS,WAAW,KAAK;AAAA;AAC5B,CACD;",
5
- "names": []
6
- }
@@ -1,110 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var ButtonHeadlessDemo_exports = {};
20
- __export(ButtonHeadlessDemo_exports, {
21
- ButtonHeadlessDemo: () => ButtonHeadlessDemo
22
- });
23
- module.exports = __toCommonJS(ButtonHeadlessDemo_exports);
24
- var import_jsx_runtime = require("react/jsx-runtime");
25
- var import_button = require("@tamagui/button");
26
- var import_get_button_sized = require("@tamagui/get-button-sized");
27
- var import_lucide_icons = require("@tamagui/lucide-icons");
28
- var import_tamagui = require("tamagui");
29
- const ButtonFrame = (0, import_tamagui.styled)(import_button.ButtonBase, {
30
- tag: "button",
31
- justifyContent: "center",
32
- alignItems: "center",
33
- flexWrap: "nowrap",
34
- flexDirection: "row",
35
- cursor: "pointer",
36
- hoverTheme: true,
37
- pressTheme: true,
38
- backgrounded: true,
39
- borderWidth: 1,
40
- borderColor: "$borderColor",
41
- pressStyle: {
42
- borderColor: "$borderColorPress"
43
- },
44
- focusStyle: {
45
- outlineColor: "$borderColorFocus",
46
- outlineStyle: "solid",
47
- outlineWidth: 2
48
- },
49
- variants: {
50
- size: {
51
- "...size": import_get_button_sized.getButtonSized
52
- },
53
- active: {
54
- true: {
55
- hoverStyle: {
56
- backgroundColor: "$background"
57
- }
58
- }
59
- },
60
- disabled: {
61
- true: {
62
- pointerEvents: "none",
63
- opacity: 0.5
64
- }
65
- }
66
- },
67
- defaultVariants: {
68
- size: "$true"
69
- }
70
- });
71
- const TextFrame = (0, import_tamagui.styled)(import_button.ButtonBase.Text, {
72
- // ... your styles
73
- });
74
- const Button = (0, import_tamagui.withStaticProperties)(ButtonFrame, {
75
- Text: TextFrame,
76
- Icon: import_button.ButtonBase.Icon
77
- });
78
- const SimpleButton = ButtonFrame.styleable((props, ref) => {
79
- const { color, icon: Icon, iconAfter: IconAfter, size = "$3", ...buttonProps } = props;
80
- const fontSize = (0, import_tamagui.getFontSize)(size);
81
- const iconSize = fontSize * 2;
82
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, { ref, size, ...buttonProps, children: [
83
- Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button.Icon, { size: iconSize, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}) }),
84
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button.Text, { color, size: props.size, children: props.children }),
85
- IconAfter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button.Icon, { size: iconSize, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconAfter, {}) })
86
- ] });
87
- });
88
- function ButtonHeadlessDemo(props) {
89
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$3", ...props, children: [
90
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleButton, { children: "Plain" }),
91
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleButton, { alignSelf: "center", size: "$6", space: "$3", icon: import_lucide_icons.Airplay, children: "Large" }),
92
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", justifyContent: "center", children: [
93
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleButton, { size: "$3", theme: "alt2", children: "Alt2" }),
94
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleButton, { size: "$3", theme: "yellow", children: "Yellow" })
95
- ] }),
96
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
97
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleButton, { themeInverse: true, size: "$3", children: "Small Inverse" }),
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleButton, { size: "$3", space: "$1.5", iconAfter: import_lucide_icons.Activity, children: "After" })
99
- ] }),
100
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
101
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleButton, { width: "50%", size: "$2", disabled: true, children: "disabled" }) }),
102
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleButton, { width: "50%", size: "$2", chromeless: true, children: "chromeless" }) })
103
- ] })
104
- ] });
105
- }
106
- // Annotate the CommonJS export names for ESM import in node:
107
- 0 && (module.exports = {
108
- ButtonHeadlessDemo
109
- });
110
- //# sourceMappingURL=ButtonHeadlessDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ButtonHeadlessDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8FI;AA9FJ,oBAA2B;AAE3B,8BAA+B;AAC/B,0BAAkC;AAElC,qBAUO;AAEP,MAAM,kBAAc,uBAAO,0BAAY;AAAA,EACrC,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,gBAAY,uBAAO,yBAAW,MAAM;AAAA;AAE1C,CAAC;AAKD,MAAM,aAAS,qCAAqB,aAAa;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,yBAAW;AACnB,CAAC;AAYD,MAAM,eAAe,YAAY,UAA6B,CAAC,OAAO,QAAQ;AAC5E,QAAM,EAAE,OAAO,MAAM,MAAM,WAAW,WAAW,OAAO,MAAM,GAAG,YAAY,IAAI;AACjF,QAAM,eAAW,4BAAY,IAAsB;AACnD,QAAM,WAAW,WAAW;AAE5B,SACE,6CAAC,UAAO,KAAU,MAAa,GAAG,aAC/B;AAAA,YACC,4CAAC,OAAO,MAAP,EAAY,MAAM,UACjB,sDAAC,QAAK,GACR;AAAA,IAEF,4CAAC,OAAO,MAAP,EAAY,OAAc,MAAM,MAAM,MACpC,gBAAM,UACT;AAAA,IACC,aACC,4CAAC,OAAO,MAAP,EAAY,MAAM,UACjB,sDAAC,aAAU,GACb;AAAA,KAEJ;AAEJ,CAAC;AAEM,SAAS,mBAAmB,OAAO;AACxC,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,gDAAC,gBAAa,mBAAK;AAAA,IACnB,4CAAC,gBAAa,WAAU,UAAS,MAAK,MAAK,OAAM,MAAK,MAAM,6BAAS,mBAErE;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,kDAAC,gBAAa,MAAK,MAAK,OAAM,QAAO,kBAErC;AAAA,MACA,4CAAC,gBAAa,MAAK,MAAK,OAAM,UAAS,oBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,gBAAa,cAAY,MAAC,MAAK,MAAK,2BAErC;AAAA,MACA,4CAAC,gBAAa,MAAK,MAAK,OAAM,QAAO,WAAW,8BAAU,mBAE1D;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,gBAAa,OAAM,OAAM,MAAK,MAAK,UAAQ,MAAC,sBAE7C,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,gBAAa,OAAM,OAAM,MAAK,MAAK,YAAU,MAAC,wBAE/C,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
5
- "names": []
6
- }
@@ -1,55 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var ButtonNewDemo_exports = {};
20
- __export(ButtonNewDemo_exports, {
21
- ButtonNewDemo: () => ButtonNewDemo
22
- });
23
- module.exports = __toCommonJS(ButtonNewDemo_exports);
24
- var import_jsx_runtime = require("react/jsx-runtime");
25
- var import_lucide_icons = require("@tamagui/lucide-icons");
26
- var import_tamagui = require("tamagui");
27
- function ButtonNewDemo(props) {
28
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$3", ...props, children: [
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "Plain" }) }),
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { alignSelf: "center", size: "$6", space: "$2", children: [
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Airplay, {}) }),
32
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "Large" })
33
- ] }),
34
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", justifyContent: "center", children: [
35
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "alt2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "Alt2" }) }),
36
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "yellow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "Yellow" }) })
37
- ] }),
38
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
39
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: true, size: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "Small Inverse" }) }),
40
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { size: "$3", space: "$2", children: [
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "After" }),
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Activity, {}) })
43
- ] })
44
- ] }),
45
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", disabled: true, opacity: 0.5, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "disabled" }) }) }),
47
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", chromeless: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button.Text, { children: "chromeless" }) }) })
48
- ] })
49
- ] });
50
- }
51
- // Annotate the CommonJS export names for ESM import in node:
52
- 0 && (module.exports = {
53
- ButtonNewDemo
54
- });
55
- //# sourceMappingURL=ButtonNewDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ButtonNewDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOQ;AAPR,0BAAkC;AAClC,qBAA+C;AAExC,SAAS,cAAc,OAAO;AACnC,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,gDAAC,yBACC,sDAAC,sBAAO,MAAP,EAAY,mBAAK,GACpB;AAAA,IACA,6CAAC,yBAAO,WAAU,UAAS,MAAK,MAAK,OAAM,MACzC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,+BAAQ,GACX;AAAA,MACA,4CAAC,sBAAO,MAAP,EAAY,mBAAK;AAAA,OACpB;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,kDAAC,yBAAO,MAAK,MAAK,OAAM,QACtB,sDAAC,sBAAO,MAAP,EAAY,kBAAI,GACnB;AAAA,MACA,4CAAC,yBAAO,MAAK,MAAK,OAAM,UACtB,sDAAC,sBAAO,MAAP,EAAY,oBAAM,GACrB;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,yBAAO,cAAY,MAAC,MAAK,MACxB,sDAAC,sBAAO,MAAP,EAAY,2BAAa,GAC5B;AAAA,MACA,6CAAC,yBAAO,MAAK,MAAK,OAAM,MACtB;AAAA,oDAAC,sBAAO,MAAP,EAAY,mBAAK;AAAA,QAClB,4CAAC,sBAAO,MAAP,EACC,sDAAC,gCAAS,GACZ;AAAA,SACF;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,MAAC,SAAS,KAC9C,sDAAC,sBAAO,MAAP,EAAY,sBAAQ,GACvB,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,YAAU,MACtC,sDAAC,sBAAO,MAAP,EAAY,wBAAU,GACzB,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
5
- "names": []
6
- }
@@ -1,49 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var ButtonSimpleDemo_exports = {};
20
- __export(ButtonSimpleDemo_exports, {
21
- ButtonSimpleDemo: () => ButtonSimpleDemo
22
- });
23
- module.exports = __toCommonJS(ButtonSimpleDemo_exports);
24
- var import_jsx_runtime = require("react/jsx-runtime");
25
- var import_lucide_icons = require("@tamagui/lucide-icons");
26
- var import_tamagui = require("tamagui");
27
- function ButtonSimpleDemo(props) {
28
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$3", ...props, children: [
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Plain" }),
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { alignSelf: "center", icon: import_lucide_icons.Airplay, size: "$6", children: "Large" }),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", justifyContent: "center", children: [
32
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "alt2", children: "Alt2" }),
33
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "yellow", children: "Yellow" })
34
- ] }),
35
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
36
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: true, size: "$3", children: "Small Inverse" }),
37
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { iconAfter: import_lucide_icons.Activity, size: "$3", children: "After" })
38
- ] }),
39
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
40
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", disabled: true, opacity: 0.5, children: "disabled" }) }),
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { width: "50%", size: "$2", chromeless: true, children: "chromeless" }) })
42
- ] })
43
- ] });
44
- }
45
- // Annotate the CommonJS export names for ESM import in node:
46
- 0 && (module.exports = {
47
- ButtonSimpleDemo
48
- });
49
- //# sourceMappingURL=ButtonSimpleDemo.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ButtonSimpleDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AANN,0BAAkC;AAClC,qBAA+C;AAExC,SAAS,iBAAiB,OAAO;AACtC,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,gDAAC,yBAAO,mBAAK;AAAA,IACb,4CAAC,yBAAQ,WAAU,UAAU,MAAM,6BAAS,MAAK,MAAM,mBAEvD;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,kDAAC,yBAAO,MAAK,MAAK,OAAM,QAAO,kBAE/B;AAAA,MACA,4CAAC,yBAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,yBAAO,cAAY,MAAC,MAAK,MAAK,2BAE/B;AAAA,MACA,4CAAC,yBAAO,WAAW,8BAAU,MAAK,MAAK,mBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,MAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,YAAU,MAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
5
- "names": []
6
- }
package/dist/cjs/conf.js DELETED
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var conf_exports = {};
20
- __export(conf_exports, {
21
- config: () => import_config2.config
22
- });
23
- module.exports = __toCommonJS(conf_exports);
24
- var import_config2 = require("@tamagui/config");
25
- // Annotate the CommonJS export names for ESM import in node:
26
- 0 && (module.exports = {
27
- config
28
- });
29
- //# sourceMappingURL=conf.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/conf.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,IAAAA,iBAAuB;",
5
- "names": ["import_config"]
6
- }
@@ -1,25 +0,0 @@
1
- import { ChevronDown } from "@tamagui/lucide-icons";
2
- import { Accordion, Paragraph, Square } from "tamagui";
3
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
4
- function AccordionDemo() {
5
- return /* @__PURE__ */ jsxs(Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
6
- /* @__PURE__ */ jsxs(Accordion.Item, { value: "a1", children: [
7
- /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
8
- /* @__PURE__ */ jsx(Paragraph, { children: "1. Take a cold shower" }),
9
- /* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
10
- ] }) }),
11
- /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
12
- ] }),
13
- /* @__PURE__ */ jsxs(Accordion.Item, { value: "a2", children: [
14
- /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
15
- /* @__PURE__ */ jsx(Paragraph, { children: "2. Eat 4 eggs" }),
16
- /* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
17
- ] }) }),
18
- /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) })
19
- ] })
20
- ] });
21
- }
22
- export {
23
- AccordionDemo
24
- };
25
- //# sourceMappingURL=AccordionDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/AccordionDemo.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,cAAc;AAQjC,mBACE,KADF;AANL,SAAS,gBAAgB;AAC9B,SACE,qBAAC,aAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,mCAAqB;AAAA,QAChC,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,2BAAa;AAAA,QACxB,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
5
- "names": []
6
- }
@@ -1,35 +0,0 @@
1
- import { addTheme } from "@tamagui/theme";
2
- import { useState } from "react";
3
- import { Button, H3, Square, Theme, YStack } from "tamagui";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
- function AddThemeDemo() {
6
- const [theme, setTheme] = useState();
7
- return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
8
- /* @__PURE__ */ jsxs(H3, { children: [
9
- "Theme: ",
10
- theme ?? "none"
11
- ] }),
12
- /* @__PURE__ */ jsx(Theme, { name: theme ?? "red", children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }),
13
- /* @__PURE__ */ jsx(
14
- Button,
15
- {
16
- disabled: theme === "superblue",
17
- onPress: () => {
18
- addTheme({
19
- name: "superblue",
20
- insertCSS: !0,
21
- theme: {
22
- background: "#000",
23
- color: "blue"
24
- }
25
- }), setTheme("superblue");
26
- },
27
- children: "Add superblue theme"
28
- }
29
- )
30
- ] });
31
- }
32
- export {
33
- AddThemeDemo
34
- };
35
- //# sourceMappingURL=AddThemeDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/AddThemeDemo.tsx"],
4
- "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAO5C,SAGE,KAHF;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,yBAAC,MAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,oBAAC,SAAM,MAAM,SAAS,OACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,SAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
5
- "names": []
6
- }
@@ -1,53 +0,0 @@
1
- import { AlertDialog, Button, XStack, YStack } from "tamagui";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- function AlertDialogDemo() {
4
- return /* @__PURE__ */ jsxs(AlertDialog, { native: !0, children: [
5
- /* @__PURE__ */ jsx(AlertDialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Show Alert" }) }),
6
- /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
7
- /* @__PURE__ */ jsx(
8
- AlertDialog.Overlay,
9
- {
10
- animation: "quick",
11
- opacity: 0.5,
12
- enterStyle: { opacity: 0 },
13
- exitStyle: { opacity: 0 }
14
- },
15
- "overlay"
16
- ),
17
- /* @__PURE__ */ jsx(
18
- AlertDialog.Content,
19
- {
20
- bordered: !0,
21
- elevate: !0,
22
- animation: [
23
- "quick",
24
- {
25
- opacity: {
26
- overshootClamping: !0
27
- }
28
- }
29
- ],
30
- enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
31
- exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
32
- x: 0,
33
- scale: 1,
34
- opacity: 1,
35
- y: 0,
36
- children: /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
37
- /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Accept" }),
38
- /* @__PURE__ */ jsx(AlertDialog.Description, { children: "By pressing yes, you accept our terms and conditions." }),
39
- /* @__PURE__ */ jsxs(XStack, { space: "$3", justifyContent: "flex-end", children: [
40
- /* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Cancel" }) }),
41
- /* @__PURE__ */ jsx(AlertDialog.Action, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "active", children: "Accept" }) })
42
- ] })
43
- ] })
44
- },
45
- "content"
46
- )
47
- ] })
48
- ] });
49
- }
50
- export {
51
- AlertDialogDemo
52
- };
53
- //# sourceMappingURL=AlertDialogDemo.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/AlertDialogDemo.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAM5C,cAoCI,YApCJ;AAJD,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,IACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,IAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,IACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
5
- "names": []
6
- }