@tamagui/demos 1.89.0-1706483140977 → 1.89.1

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 (307) hide show
  1. package/dist/cjs/CheckboxHeadlessDemo.js +6 -1
  2. package/dist/cjs/CheckboxHeadlessDemo.js.map +1 -1
  3. package/dist/cjs/CheckboxHeadlessDemo.native.js +6 -1
  4. package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
  5. package/dist/cjs/DialogDemo.js +72 -82
  6. package/dist/cjs/DialogDemo.js.map +2 -2
  7. package/dist/cjs/DialogDemo.native.js +72 -82
  8. package/dist/cjs/DialogDemo.native.js.map +2 -2
  9. package/dist/cjs/SelectDemo.js +122 -132
  10. package/dist/cjs/SelectDemo.js.map +1 -1
  11. package/dist/cjs/SelectDemo.native.js +122 -132
  12. package/dist/cjs/SelectDemo.native.js.map +1 -1
  13. package/dist/cjs/SwitchDemo.js +5 -9
  14. package/dist/cjs/SwitchDemo.js.map +1 -1
  15. package/dist/cjs/SwitchDemo.native.js +5 -9
  16. package/dist/cjs/SwitchDemo.native.js.map +1 -1
  17. package/dist/cjs/SwitchHeadlessDemo.js.map +1 -1
  18. package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
  19. package/dist/cjs/ThemeBuilderDemo.js +17 -17
  20. package/dist/cjs/ThemeBuilderDemo.native.js +17 -17
  21. package/dist/cjs/index.js +4 -0
  22. package/dist/cjs/index.js.map +1 -1
  23. package/dist/cjs/index.native.js +8 -0
  24. package/dist/cjs/index.native.js.map +1 -1
  25. package/dist/esm/AccordionDemo.native.js +16 -35
  26. package/dist/esm/AccordionDemo.native.js.map +1 -1
  27. package/dist/esm/AddThemeDemo.native.js +13 -31
  28. package/dist/esm/AddThemeDemo.native.js.map +1 -1
  29. package/dist/esm/AlertDialogDemo.native.js +17 -37
  30. package/dist/esm/AlertDialogDemo.native.js.map +1 -1
  31. package/dist/esm/AnimationsDemo.native.js +15 -34
  32. package/dist/esm/AnimationsDemo.native.js.map +1 -1
  33. package/dist/esm/AnimationsEnterDemo.native.js +14 -31
  34. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
  35. package/dist/esm/AnimationsHoverDemo.native.js +8 -27
  36. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
  37. package/dist/esm/AnimationsPresenceDemo.native.js +21 -44
  38. package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
  39. package/dist/esm/AnimationsTimingDemo.native.js +8 -27
  40. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
  41. package/dist/esm/AvatarDemo.native.js +13 -33
  42. package/dist/esm/AvatarDemo.native.js.map +1 -1
  43. package/dist/esm/BuildAButtonDemo.native.js +24 -43
  44. package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
  45. package/dist/esm/ButtonDemo.native.js +17 -36
  46. package/dist/esm/ButtonDemo.native.js.map +1 -1
  47. package/dist/esm/CardDemo.native.js +16 -37
  48. package/dist/esm/CardDemo.native.js.map +1 -1
  49. package/dist/esm/CheckboxDemo.native.js +12 -32
  50. package/dist/esm/CheckboxDemo.native.js.map +2 -2
  51. package/dist/esm/CheckboxHeadlessDemo.js +7 -4
  52. package/dist/esm/CheckboxHeadlessDemo.js.map +1 -1
  53. package/dist/esm/CheckboxHeadlessDemo.mjs +2 -0
  54. package/dist/esm/CheckboxHeadlessDemo.native.js +22 -33
  55. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
  56. package/dist/esm/CheckboxUnstyledDemo.native.js +12 -30
  57. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
  58. package/dist/esm/ColorsDemo.native.js +29 -40
  59. package/dist/esm/ColorsDemo.native.js.map +1 -1
  60. package/dist/esm/DialogDemo.js +71 -82
  61. package/dist/esm/DialogDemo.js.map +2 -2
  62. package/dist/esm/DialogDemo.mjs +2 -7
  63. package/dist/esm/DialogDemo.native.js +90 -106
  64. package/dist/esm/DialogDemo.native.js.map +2 -2
  65. package/dist/esm/FormsDemo.native.js +11 -30
  66. package/dist/esm/FormsDemo.native.js.map +1 -1
  67. package/dist/esm/Grid.native.js +11 -37
  68. package/dist/esm/Grid.native.js.map +2 -2
  69. package/dist/esm/GroupDemo.native.js +17 -36
  70. package/dist/esm/GroupDemo.native.js.map +1 -1
  71. package/dist/esm/HeadingsDemo.native.js +11 -31
  72. package/dist/esm/HeadingsDemo.native.js.map +1 -1
  73. package/dist/esm/ImageDemo.native.js +6 -26
  74. package/dist/esm/ImageDemo.native.js.map +1 -1
  75. package/dist/esm/InputsDemo.native.js +13 -33
  76. package/dist/esm/InputsDemo.native.js.map +1 -1
  77. package/dist/esm/LabelDemo.native.js +11 -31
  78. package/dist/esm/LabelDemo.native.js.map +1 -1
  79. package/dist/esm/LinearGradientDemo.native.js +10 -29
  80. package/dist/esm/LinearGradientDemo.native.js.map +1 -1
  81. package/dist/esm/ListItemDemo.native.js +22 -41
  82. package/dist/esm/ListItemDemo.native.js.map +1 -1
  83. package/dist/esm/LucideIconsDemo.native.js +18 -42
  84. package/dist/esm/LucideIconsDemo.native.js.map +1 -1
  85. package/dist/esm/PopoverDemo.native.js +25 -45
  86. package/dist/esm/PopoverDemo.native.js.map +1 -1
  87. package/dist/esm/ProgressDemo.native.js +18 -37
  88. package/dist/esm/ProgressDemo.native.js.map +1 -1
  89. package/dist/esm/RadioGroupDemo.native.js +11 -32
  90. package/dist/esm/RadioGroupDemo.native.js.map +1 -1
  91. package/dist/esm/ReplaceThemeDemo.native.js +22 -32
  92. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
  93. package/dist/esm/ScrollViewDemo.native.js +15 -35
  94. package/dist/esm/ScrollViewDemo.native.js.map +1 -1
  95. package/dist/esm/SelectDemo.js +122 -132
  96. package/dist/esm/SelectDemo.js.map +1 -1
  97. package/dist/esm/SelectDemo.mjs +11 -7
  98. package/dist/esm/SelectDemo.native.js +130 -158
  99. package/dist/esm/SelectDemo.native.js.map +1 -1
  100. package/dist/esm/SeparatorDemo.native.js +14 -34
  101. package/dist/esm/SeparatorDemo.native.js.map +1 -1
  102. package/dist/esm/ShapesDemo.native.js +7 -27
  103. package/dist/esm/ShapesDemo.native.js.map +1 -1
  104. package/dist/esm/SheetDemo.native.js +39 -56
  105. package/dist/esm/SheetDemo.native.js.map +1 -1
  106. package/dist/esm/SliderDemo.native.js +10 -30
  107. package/dist/esm/SliderDemo.native.js.map +1 -1
  108. package/dist/esm/SpinnerDemo.native.js +7 -27
  109. package/dist/esm/SpinnerDemo.native.js.map +1 -1
  110. package/dist/esm/StacksDemo.native.js +22 -42
  111. package/dist/esm/StacksDemo.native.js.map +1 -1
  112. package/dist/esm/SwitchDemo.js +5 -9
  113. package/dist/esm/SwitchDemo.js.map +1 -1
  114. package/dist/esm/SwitchDemo.mjs +5 -16
  115. package/dist/esm/SwitchDemo.native.js +19 -44
  116. package/dist/esm/SwitchDemo.native.js.map +1 -1
  117. package/dist/esm/SwitchHeadlessDemo.js.map +1 -1
  118. package/dist/esm/SwitchHeadlessDemo.native.js +20 -37
  119. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
  120. package/dist/esm/SwitchUnstyledDemo.native.js +14 -33
  121. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
  122. package/dist/esm/TabsAdvancedDemo.native.js +57 -67
  123. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
  124. package/dist/esm/TabsDemo.native.js +58 -77
  125. package/dist/esm/TabsDemo.native.js.map +1 -1
  126. package/dist/esm/TextDemo.native.js +10 -30
  127. package/dist/esm/TextDemo.native.js.map +1 -1
  128. package/dist/esm/ThemeBuilderDemo.js +17 -17
  129. package/dist/esm/ThemeBuilderDemo.mjs +17 -17
  130. package/dist/esm/ThemeBuilderDemo.native.js +45 -65
  131. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
  132. package/dist/esm/ThemeInverseDemo.native.js +15 -35
  133. package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
  134. package/dist/esm/ToastDemo.native.js +30 -56
  135. package/dist/esm/ToastDemo.native.js.map +2 -2
  136. package/dist/esm/ToastDuplicateDemo.native.js +18 -43
  137. package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
  138. package/dist/esm/ToggleGroupDemo.native.js +20 -39
  139. package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
  140. package/dist/esm/TokensDemo.native.js +20 -38
  141. package/dist/esm/TokensDemo.native.js.map +1 -1
  142. package/dist/esm/TooltipDemo.native.js +30 -43
  143. package/dist/esm/TooltipDemo.native.js.map +1 -1
  144. package/dist/esm/UpdateThemeDemo.native.js +25 -41
  145. package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
  146. package/dist/esm/index.js +4 -0
  147. package/dist/esm/index.js.map +1 -1
  148. package/dist/esm/index.mjs +4 -0
  149. package/dist/esm/index.native.js +53 -115
  150. package/dist/esm/index.native.js.map +1 -1
  151. package/dist/esm/tamagui.config.native.js +6 -25
  152. package/dist/esm/tamagui.config.native.js.map +2 -2
  153. package/dist/esm/useOnIntersecting.native.js +8 -29
  154. package/dist/esm/useOnIntersecting.native.js.map +1 -1
  155. package/dist/jsx/AccordionDemo.native.js +16 -35
  156. package/dist/jsx/AccordionDemo.native.js.map +1 -1
  157. package/dist/jsx/AddThemeDemo.native.js +13 -31
  158. package/dist/jsx/AddThemeDemo.native.js.map +1 -1
  159. package/dist/jsx/AlertDialogDemo.native.js +17 -37
  160. package/dist/jsx/AlertDialogDemo.native.js.map +1 -1
  161. package/dist/jsx/AnimationsDemo.native.js +15 -34
  162. package/dist/jsx/AnimationsDemo.native.js.map +1 -1
  163. package/dist/jsx/AnimationsEnterDemo.native.js +14 -31
  164. package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
  165. package/dist/jsx/AnimationsHoverDemo.native.js +8 -27
  166. package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
  167. package/dist/jsx/AnimationsPresenceDemo.native.js +21 -44
  168. package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
  169. package/dist/jsx/AnimationsTimingDemo.native.js +8 -27
  170. package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
  171. package/dist/jsx/AvatarDemo.native.js +13 -33
  172. package/dist/jsx/AvatarDemo.native.js.map +1 -1
  173. package/dist/jsx/BuildAButtonDemo.native.js +24 -43
  174. package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
  175. package/dist/jsx/ButtonDemo.native.js +17 -36
  176. package/dist/jsx/ButtonDemo.native.js.map +1 -1
  177. package/dist/jsx/CardDemo.native.js +16 -37
  178. package/dist/jsx/CardDemo.native.js.map +1 -1
  179. package/dist/jsx/CheckboxDemo.native.js +12 -32
  180. package/dist/jsx/CheckboxDemo.native.js.map +2 -2
  181. package/dist/jsx/CheckboxHeadlessDemo.js +7 -4
  182. package/dist/jsx/CheckboxHeadlessDemo.js.map +1 -1
  183. package/dist/jsx/CheckboxHeadlessDemo.mjs +2 -0
  184. package/dist/jsx/CheckboxHeadlessDemo.native.js +22 -33
  185. package/dist/jsx/CheckboxHeadlessDemo.native.js.map +1 -1
  186. package/dist/jsx/CheckboxUnstyledDemo.native.js +12 -30
  187. package/dist/jsx/CheckboxUnstyledDemo.native.js.map +1 -1
  188. package/dist/jsx/ColorsDemo.native.js +29 -40
  189. package/dist/jsx/ColorsDemo.native.js.map +1 -1
  190. package/dist/jsx/DialogDemo.js +71 -82
  191. package/dist/jsx/DialogDemo.js.map +2 -2
  192. package/dist/jsx/DialogDemo.mjs +2 -7
  193. package/dist/jsx/DialogDemo.native.js +90 -106
  194. package/dist/jsx/DialogDemo.native.js.map +2 -2
  195. package/dist/jsx/FormsDemo.native.js +11 -30
  196. package/dist/jsx/FormsDemo.native.js.map +1 -1
  197. package/dist/jsx/Grid.native.js +11 -37
  198. package/dist/jsx/Grid.native.js.map +2 -2
  199. package/dist/jsx/GroupDemo.native.js +17 -36
  200. package/dist/jsx/GroupDemo.native.js.map +1 -1
  201. package/dist/jsx/HeadingsDemo.native.js +11 -31
  202. package/dist/jsx/HeadingsDemo.native.js.map +1 -1
  203. package/dist/jsx/ImageDemo.native.js +6 -26
  204. package/dist/jsx/ImageDemo.native.js.map +1 -1
  205. package/dist/jsx/InputsDemo.native.js +13 -33
  206. package/dist/jsx/InputsDemo.native.js.map +1 -1
  207. package/dist/jsx/LabelDemo.native.js +11 -31
  208. package/dist/jsx/LabelDemo.native.js.map +1 -1
  209. package/dist/jsx/LinearGradientDemo.native.js +10 -29
  210. package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
  211. package/dist/jsx/ListItemDemo.native.js +22 -41
  212. package/dist/jsx/ListItemDemo.native.js.map +1 -1
  213. package/dist/jsx/LucideIconsDemo.native.js +18 -42
  214. package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
  215. package/dist/jsx/PopoverDemo.native.js +25 -45
  216. package/dist/jsx/PopoverDemo.native.js.map +1 -1
  217. package/dist/jsx/ProgressDemo.native.js +18 -37
  218. package/dist/jsx/ProgressDemo.native.js.map +1 -1
  219. package/dist/jsx/RadioGroupDemo.native.js +11 -32
  220. package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
  221. package/dist/jsx/ReplaceThemeDemo.native.js +22 -32
  222. package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
  223. package/dist/jsx/ScrollViewDemo.native.js +15 -35
  224. package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
  225. package/dist/jsx/SelectDemo.js +122 -132
  226. package/dist/jsx/SelectDemo.js.map +1 -1
  227. package/dist/jsx/SelectDemo.mjs +11 -7
  228. package/dist/jsx/SelectDemo.native.js +130 -158
  229. package/dist/jsx/SelectDemo.native.js.map +1 -1
  230. package/dist/jsx/SeparatorDemo.native.js +14 -34
  231. package/dist/jsx/SeparatorDemo.native.js.map +1 -1
  232. package/dist/jsx/ShapesDemo.native.js +7 -27
  233. package/dist/jsx/ShapesDemo.native.js.map +1 -1
  234. package/dist/jsx/SheetDemo.native.js +39 -56
  235. package/dist/jsx/SheetDemo.native.js.map +1 -1
  236. package/dist/jsx/SliderDemo.native.js +10 -30
  237. package/dist/jsx/SliderDemo.native.js.map +1 -1
  238. package/dist/jsx/SpinnerDemo.native.js +7 -27
  239. package/dist/jsx/SpinnerDemo.native.js.map +1 -1
  240. package/dist/jsx/StacksDemo.native.js +22 -42
  241. package/dist/jsx/StacksDemo.native.js.map +1 -1
  242. package/dist/jsx/SwitchDemo.js +5 -9
  243. package/dist/jsx/SwitchDemo.js.map +1 -1
  244. package/dist/jsx/SwitchDemo.mjs +5 -16
  245. package/dist/jsx/SwitchDemo.native.js +19 -44
  246. package/dist/jsx/SwitchDemo.native.js.map +1 -1
  247. package/dist/jsx/SwitchHeadlessDemo.js.map +1 -1
  248. package/dist/jsx/SwitchHeadlessDemo.native.js +20 -37
  249. package/dist/jsx/SwitchHeadlessDemo.native.js.map +1 -1
  250. package/dist/jsx/SwitchUnstyledDemo.native.js +14 -33
  251. package/dist/jsx/SwitchUnstyledDemo.native.js.map +1 -1
  252. package/dist/jsx/TabsAdvancedDemo.native.js +57 -67
  253. package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
  254. package/dist/jsx/TabsDemo.native.js +58 -77
  255. package/dist/jsx/TabsDemo.native.js.map +1 -1
  256. package/dist/jsx/TextDemo.native.js +10 -30
  257. package/dist/jsx/TextDemo.native.js.map +1 -1
  258. package/dist/jsx/ThemeBuilderDemo.js +17 -17
  259. package/dist/jsx/ThemeBuilderDemo.mjs +17 -17
  260. package/dist/jsx/ThemeBuilderDemo.native.js +45 -65
  261. package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
  262. package/dist/jsx/ThemeInverseDemo.native.js +15 -35
  263. package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
  264. package/dist/jsx/ToastDemo.native.js +30 -56
  265. package/dist/jsx/ToastDemo.native.js.map +2 -2
  266. package/dist/jsx/ToastDuplicateDemo.native.js +18 -43
  267. package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
  268. package/dist/jsx/ToggleGroupDemo.native.js +20 -39
  269. package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
  270. package/dist/jsx/TokensDemo.native.js +20 -38
  271. package/dist/jsx/TokensDemo.native.js.map +1 -1
  272. package/dist/jsx/TooltipDemo.native.js +30 -43
  273. package/dist/jsx/TooltipDemo.native.js.map +1 -1
  274. package/dist/jsx/UpdateThemeDemo.native.js +25 -41
  275. package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
  276. package/dist/jsx/index.js +4 -0
  277. package/dist/jsx/index.js.map +1 -1
  278. package/dist/jsx/index.mjs +4 -0
  279. package/dist/jsx/index.native.js +53 -115
  280. package/dist/jsx/index.native.js.map +1 -1
  281. package/dist/jsx/tamagui.config.native.js +6 -25
  282. package/dist/jsx/tamagui.config.native.js.map +2 -2
  283. package/dist/jsx/useOnIntersecting.native.js +8 -29
  284. package/dist/jsx/useOnIntersecting.native.js.map +1 -1
  285. package/package.json +18 -18
  286. package/src/CheckboxHeadlessDemo.tsx +47 -0
  287. package/src/CheckboxUnstyledDemo.tsx +49 -0
  288. package/src/DialogDemo.tsx +3 -11
  289. package/src/SelectDemo.tsx +8 -14
  290. package/src/SwitchDemo.tsx +5 -9
  291. package/src/SwitchHeadlessDemo.tsx +73 -0
  292. package/src/SwitchUnstyledDemo.tsx +63 -0
  293. package/src/ThemeBuilderDemo.tsx +17 -17
  294. package/src/index.tsx +4 -0
  295. package/types/CheckboxHeadlessDemo.d.ts +3 -0
  296. package/types/CheckboxHeadlessDemo.d.ts.map +1 -0
  297. package/types/CheckboxUnstyledDemo.d.ts +157 -0
  298. package/types/CheckboxUnstyledDemo.d.ts.map +1 -0
  299. package/types/DialogDemo.d.ts.map +1 -1
  300. package/types/SelectDemo.d.ts.map +1 -1
  301. package/types/SwitchDemo.d.ts.map +1 -1
  302. package/types/SwitchHeadlessDemo.d.ts +3 -0
  303. package/types/SwitchHeadlessDemo.d.ts.map +1 -0
  304. package/types/SwitchUnstyledDemo.d.ts +111 -0
  305. package/types/SwitchUnstyledDemo.d.ts.map +1 -0
  306. package/types/index.d.ts +4 -0
  307. package/types/index.d.ts.map +1 -1
@@ -1,170 +1,143 @@
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: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
- var SelectDemo_exports = {};
17
- __export(SelectDemo_exports, {
18
- SelectDemo: () => SelectDemo,
19
- SelectDemoItem: () => SelectDemoItem
20
- });
21
- module.exports = __toCommonJS(SelectDemo_exports);
22
- var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient"), import_jsx_runtime = require("react/jsx-runtime");
1
+ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
2
+ import { useMemo, useState } from "react";
3
+ import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagui";
4
+ import { LinearGradient } from "tamagui/linear-gradient";
5
+ import { jsx, jsxs } from "react/jsx-runtime";
23
6
  function SelectDemo() {
24
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
25
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: !0, children: [
26
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Custom" }),
27
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, {})
7
+ return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
8
+ /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
9
+ /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-1", f: 1, miw: 80, children: "Custom" }),
10
+ /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-1" })
28
11
  ] }),
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: !0, children: [
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Native" }),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { native: !0 })
12
+ /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
13
+ /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-2", f: 1, miw: 80, children: "Native" }),
14
+ /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-2", native: !0 })
32
15
  ] })
33
16
  ] });
34
17
  }
35
18
  function SelectDemoItem(props) {
36
- const [val, setVal] = (0, import_react.useState)("apple");
37
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
38
- import_tamagui.Select,
39
- {
40
- id: "food",
41
- value: val,
42
- onValueChange: setVal,
43
- disablePreventBodyScroll: !0,
44
- ...props,
45
- children: [
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 220, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
47
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
48
- import_tamagui.Sheet,
49
- {
50
- native: !!props.native,
51
- modal: !0,
52
- dismissOnSnapToBottom: !0,
53
- animationConfig: {
54
- type: "spring",
55
- damping: 20,
56
- mass: 1.2,
57
- stiffness: 250
58
- },
59
- children: [
60
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
61
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
62
- import_tamagui.Sheet.Overlay,
63
- {
64
- animation: "lazy",
65
- enterStyle: { opacity: 0 },
66
- exitStyle: { opacity: 0 }
67
- }
68
- )
69
- ]
70
- }
71
- ) }),
72
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
73
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
74
- import_tamagui.Select.ScrollUpButton,
19
+ const [val, setVal] = useState("apple");
20
+ return /* @__PURE__ */ jsxs(Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
21
+ /* @__PURE__ */ jsx(Select.Trigger, { width: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
22
+ /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
23
+ Sheet,
24
+ {
25
+ native: !!props.native,
26
+ modal: !0,
27
+ dismissOnSnapToBottom: !0,
28
+ animationConfig: {
29
+ type: "spring",
30
+ damping: 20,
31
+ mass: 1.2,
32
+ stiffness: 250
33
+ },
34
+ children: [
35
+ /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
36
+ /* @__PURE__ */ jsx(
37
+ Sheet.Overlay,
75
38
  {
76
- alignItems: "center",
77
- justifyContent: "center",
78
- position: "relative",
79
- width: "100%",
80
- height: "$3",
81
- children: [
82
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
83
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
84
- import_linear_gradient.LinearGradient,
85
- {
86
- start: [0, 0],
87
- end: [0, 1],
88
- fullscreen: !0,
89
- colors: ["$background", "transparent"],
90
- borderRadius: "$4"
91
- }
92
- )
93
- ]
39
+ animation: "lazy",
40
+ enterStyle: { opacity: 0 },
41
+ exitStyle: { opacity: 0 }
94
42
  }
95
- ),
96
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
97
- import_tamagui.Select.Viewport,
98
- {
99
- minWidth: 200,
100
- children: [
101
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { children: [
102
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
103
- (0, import_react.useMemo)(
104
- () => items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
105
- import_tamagui.Select.Item,
106
- {
107
- index: i,
108
- value: item.name.toLowerCase(),
109
- children: [
110
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
111
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
112
- ]
113
- },
114
- item.name
115
- )),
116
- [items]
117
- )
118
- ] }),
119
- props.native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
120
- import_tamagui.YStack,
43
+ )
44
+ ]
45
+ }
46
+ ) }),
47
+ /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
48
+ /* @__PURE__ */ jsxs(
49
+ Select.ScrollUpButton,
50
+ {
51
+ alignItems: "center",
52
+ justifyContent: "center",
53
+ position: "relative",
54
+ width: "100%",
55
+ height: "$3",
56
+ children: [
57
+ /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
58
+ /* @__PURE__ */ jsx(
59
+ LinearGradient,
60
+ {
61
+ start: [0, 0],
62
+ end: [0, 1],
63
+ fullscreen: !0,
64
+ colors: ["$background", "transparent"],
65
+ borderRadius: "$4"
66
+ }
67
+ )
68
+ ]
69
+ }
70
+ ),
71
+ /* @__PURE__ */ jsxs(
72
+ Select.Viewport,
73
+ {
74
+ minWidth: 200,
75
+ children: [
76
+ /* @__PURE__ */ jsxs(Select.Group, { children: [
77
+ /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
78
+ useMemo(
79
+ () => items.map((item, i) => /* @__PURE__ */ jsxs(
80
+ Select.Item,
121
81
  {
122
- position: "absolute",
123
- right: 0,
124
- top: 0,
125
- bottom: 0,
126
- alignItems: "center",
127
- justifyContent: "center",
128
- width: "$4",
129
- pointerEvents: "none",
130
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
131
- import_lucide_icons.ChevronDown,
132
- {
133
- size: (0, import_tamagui.getFontSize)(props.size ?? "$true")
134
- }
135
- )
136
- }
137
- )
138
- ]
139
- }
140
- ),
141
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
142
- import_tamagui.Select.ScrollDownButton,
143
- {
144
- alignItems: "center",
145
- justifyContent: "center",
146
- position: "relative",
147
- width: "100%",
148
- height: "$3",
149
- children: [
150
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
151
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
152
- import_linear_gradient.LinearGradient,
82
+ index: i,
83
+ value: item.name.toLowerCase(),
84
+ children: [
85
+ /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
86
+ /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
87
+ ]
88
+ },
89
+ item.name
90
+ )),
91
+ [items]
92
+ )
93
+ ] }),
94
+ props.native && /* @__PURE__ */ jsx(
95
+ YStack,
96
+ {
97
+ position: "absolute",
98
+ right: 0,
99
+ top: 0,
100
+ bottom: 0,
101
+ alignItems: "center",
102
+ justifyContent: "center",
103
+ width: "$4",
104
+ pointerEvents: "none",
105
+ children: /* @__PURE__ */ jsx(
106
+ ChevronDown,
153
107
  {
154
- start: [0, 0],
155
- end: [0, 1],
156
- fullscreen: !0,
157
- colors: ["transparent", "$background"],
158
- borderRadius: "$4"
108
+ size: getFontSize(props.size ?? "$true")
159
109
  }
160
110
  )
161
- ]
162
- }
163
- )
164
- ] })
165
- ]
166
- }
167
- );
111
+ }
112
+ )
113
+ ]
114
+ }
115
+ ),
116
+ /* @__PURE__ */ jsxs(
117
+ Select.ScrollDownButton,
118
+ {
119
+ alignItems: "center",
120
+ justifyContent: "center",
121
+ position: "relative",
122
+ width: "100%",
123
+ height: "$3",
124
+ children: [
125
+ /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
126
+ /* @__PURE__ */ jsx(
127
+ LinearGradient,
128
+ {
129
+ start: [0, 0],
130
+ end: [0, 1],
131
+ fullscreen: !0,
132
+ colors: ["transparent", "$background"],
133
+ borderRadius: "$4"
134
+ }
135
+ )
136
+ ]
137
+ }
138
+ )
139
+ ] })
140
+ ] });
168
141
  }
169
142
  const items = [
170
143
  { name: "Apple" },
@@ -190,9 +163,8 @@ const items = [
190
163
  { name: "Jackfruit" },
191
164
  { name: "Durian" }
192
165
  ];
193
- // Annotate the CommonJS export names for ESM import in node:
194
- 0 && (module.exports = {
166
+ export {
195
167
  SelectDemo,
196
168
  SelectDemoItem
197
- });
169
+ };
198
170
  //# sourceMappingURL=SelectDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -1,40 +1,20 @@
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: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
- var SeparatorDemo_exports = {};
17
- __export(SeparatorDemo_exports, {
18
- SeparatorDemo: () => SeparatorDemo
19
- });
20
- module.exports = __toCommonJS(SeparatorDemo_exports);
21
- var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
1
+ import { Paragraph, Separator, XStack, YStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
22
3
  function SeparatorDemo() {
23
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: "100%", maxWidth: 300, marginHorizontal: 15, children: [
24
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { fontWeight: "800", children: "Tamagui" }),
25
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "A cross-platform component library." }),
26
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { marginVertical: 15 }),
27
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { height: 20, alignItems: "center", children: [
28
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Blog" }),
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { alignSelf: "stretch", vertical: !0, marginHorizontal: 15 }),
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Docs" }),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { alignSelf: "stretch", vertical: !0, marginHorizontal: 15 }),
32
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Source" })
4
+ return /* @__PURE__ */ jsxs(YStack, { width: "100%", maxWidth: 300, marginHorizontal: 15, children: [
5
+ /* @__PURE__ */ jsx(Paragraph, { fontWeight: "800", children: "Tamagui" }),
6
+ /* @__PURE__ */ jsx(Paragraph, { children: "A cross-platform component library." }),
7
+ /* @__PURE__ */ jsx(Separator, { marginVertical: 15 }),
8
+ /* @__PURE__ */ jsxs(XStack, { height: 20, alignItems: "center", children: [
9
+ /* @__PURE__ */ jsx(Paragraph, { children: "Blog" }),
10
+ /* @__PURE__ */ jsx(Separator, { alignSelf: "stretch", vertical: !0, marginHorizontal: 15 }),
11
+ /* @__PURE__ */ jsx(Paragraph, { children: "Docs" }),
12
+ /* @__PURE__ */ jsx(Separator, { alignSelf: "stretch", vertical: !0, marginHorizontal: 15 }),
13
+ /* @__PURE__ */ jsx(Paragraph, { children: "Source" })
33
14
  ] })
34
15
  ] });
35
16
  }
36
- // Annotate the CommonJS export names for ESM import in node:
37
- 0 && (module.exports = {
17
+ export {
38
18
  SeparatorDemo
39
- });
19
+ };
40
20
  //# sourceMappingURL=SeparatorDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SeparatorDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAqD,oBAK/C;AAHC,SAAS,gBAAgB;AAC9B,SACE,6CAAC,yBAAO,OAAM,QAAO,UAAU,KAAK,kBAAkB,IACpD;AAAA,gDAAC,4BAAU,YAAW,OAAM,qBAAO;AAAA,IACnC,4CAAC,4BAAU,iDAAmC;AAAA,IAC9C,4CAAC,4BAAU,gBAAgB,IAAI;AAAA,IAC/B,6CAAC,yBAAO,QAAQ,IAAI,YAAW,UAC7B;AAAA,kDAAC,4BAAU,kBAAI;AAAA,MACf,4CAAC,4BAAU,WAAU,WAAU,UAAQ,IAAC,kBAAkB,IAAI;AAAA,MAC9D,4CAAC,4BAAU,kBAAI;AAAA,MACf,4CAAC,4BAAU,WAAU,WAAU,UAAQ,IAAC,kBAAkB,IAAI;AAAA,MAC9D,4CAAC,4BAAU,oBAAM;AAAA,OACnB;AAAA,KACF;AAEJ;",
4
+ "mappings": "AACA,SAAS,WAAW,WAAW,QAAQ,cAAc;AAK/C,cAGA,YAHA;AAHC,SAAS,gBAAgB;AAC9B,SACE,qBAAC,UAAO,OAAM,QAAO,UAAU,KAAK,kBAAkB,IACpD;AAAA,wBAAC,aAAU,YAAW,OAAM,qBAAO;AAAA,IACnC,oBAAC,aAAU,iDAAmC;AAAA,IAC9C,oBAAC,aAAU,gBAAgB,IAAI;AAAA,IAC/B,qBAAC,UAAO,QAAQ,IAAI,YAAW,UAC7B;AAAA,0BAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,WAAU,WAAU,UAAQ,IAAC,kBAAkB,IAAI;AAAA,MAC9D,oBAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,WAAU,WAAU,UAAQ,IAAC,kBAAkB,IAAI;AAAA,MAC9D,oBAAC,aAAU,oBAAM;AAAA,OACnB;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,32 +1,12 @@
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: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
- var ShapesDemo_exports = {};
17
- __export(ShapesDemo_exports, {
18
- ShapesDemo: () => ShapesDemo
19
- });
20
- module.exports = __toCommonJS(ShapesDemo_exports);
21
- var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
1
+ import { Circle, Square, XStack } from "tamagui";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
22
3
  function ShapesDemo() {
23
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { padding: "$2", space: "$4", children: [
24
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { size: 100, backgroundColor: "$color", elevation: "$4" }),
25
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { size: 100, backgroundColor: "$color", elevation: "$4" })
4
+ return /* @__PURE__ */ jsxs(XStack, { padding: "$2", space: "$4", children: [
5
+ /* @__PURE__ */ jsx(Square, { size: 100, backgroundColor: "$color", elevation: "$4" }),
6
+ /* @__PURE__ */ jsx(Circle, { size: 100, backgroundColor: "$color", elevation: "$4" })
26
7
  ] });
27
8
  }
28
- // Annotate the CommonJS export names for ESM import in node:
29
- 0 && (module.exports = {
9
+ export {
30
10
  ShapesDemo
31
- });
11
+ };
32
12
  //# sourceMappingURL=ShapesDemo.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ShapesDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuC,oBAInC;AAFG,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,gDAAC,yBAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,IAC3D,4CAAC,yBAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,KAC7D;AAEJ;",
4
+ "mappings": "AAAA,SAAS,QAAQ,QAAQ,cAAc;AAInC,SACE,KADF;AAFG,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,wBAAC,UAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,IAC3D,oBAAC,UAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,KAC7D;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -1,33 +1,17 @@
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: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
- var SheetDemo_exports = {};
17
- __export(SheetDemo_exports, {
18
- SheetDemo: () => SheetDemo
19
- });
20
- module.exports = __toCommonJS(SheetDemo_exports);
21
- var import_lucide_icons = require("@tamagui/lucide-icons"), import_sheet = require("@tamagui/sheet"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
1
+ import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
2
+ import { Sheet } from "@tamagui/sheet";
3
+ import { useState } from "react";
4
+ import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
5
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
22
6
  const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
23
- const [position, setPosition] = (0, import_react.useState)(0), [open, setOpen] = (0, import_react.useState)(!1), [modal, setModal] = (0, import_react.useState)(!0), [innerOpen, setInnerOpen] = (0, import_react.useState)(!1), [snapPointsMode, setSnapPointsMode] = (0, import_react.useState)("percent"), [mixedFitDemo, setMixedFitDemo] = (0, import_react.useState)(!1), isPercent = snapPointsMode === "percent", isConstant = snapPointsMode === "constant", isFit = snapPointsMode === "fit", isMixed = snapPointsMode === "mixed", snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
24
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
25
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
26
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, $sm: { flexDirection: "column", alignItems: "center" }, children: [
27
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setOpen(!0), children: "Open" }),
28
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setModal((x) => !x), children: modal ? "Type: Modal" : "Type: Inline" }),
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
30
- import_tamagui.Button,
7
+ const [position, setPosition] = useState(0), [open, setOpen] = useState(!1), [modal, setModal] = useState(!0), [innerOpen, setInnerOpen] = useState(!1), [snapPointsMode, setSnapPointsMode] = useState("percent"), [mixedFitDemo, setMixedFitDemo] = useState(!1), isPercent = snapPointsMode === "percent", isConstant = snapPointsMode === "constant", isFit = snapPointsMode === "fit", isMixed = snapPointsMode === "mixed", snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
8
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
9
+ /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
10
+ /* @__PURE__ */ jsxs(XStack, { space: !0, $sm: { flexDirection: "column", alignItems: "center" }, children: [
11
+ /* @__PURE__ */ jsx(Button, { onPress: () => setOpen(!0), children: "Open" }),
12
+ /* @__PURE__ */ jsx(Button, { onPress: () => setModal((x) => !x), children: modal ? "Type: Modal" : "Type: Inline" }),
13
+ /* @__PURE__ */ jsx(
14
+ Button,
31
15
  {
32
16
  onPress: () => setSnapPointsMode(
33
17
  (prev) => spModes[(spModes.indexOf(prev) + 1) % spModes.length]
@@ -36,10 +20,10 @@ const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
36
20
  }
37
21
  )
38
22
  ] }),
39
- isMixed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setMixedFitDemo((x) => !x), children: `Snap Points: ${JSON.stringify(snapPoints)}` }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { paddingVertical: "$2.5", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}` }) })
23
+ isMixed ? /* @__PURE__ */ jsx(Button, { onPress: () => setMixedFitDemo((x) => !x), children: `Snap Points: ${JSON.stringify(snapPoints)}` }) : /* @__PURE__ */ jsx(XStack, { paddingVertical: "$2.5", justifyContent: "center", children: /* @__PURE__ */ jsx(Paragraph, { children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}` }) })
40
24
  ] }),
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
42
- import_sheet.Sheet,
25
+ /* @__PURE__ */ jsxs(
26
+ Sheet,
43
27
  {
44
28
  forceRemoveScrollEnabled: open,
45
29
  modal,
@@ -53,26 +37,26 @@ const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
53
37
  zIndex: 1e5,
54
38
  animation: "medium",
55
39
  children: [
56
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
57
- import_sheet.Sheet.Overlay,
40
+ /* @__PURE__ */ jsx(
41
+ Sheet.Overlay,
58
42
  {
59
43
  animation: "lazy",
60
44
  enterStyle: { opacity: 0 },
61
45
  exitStyle: { opacity: 0 }
62
46
  }
63
47
  ),
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
65
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.Frame, { padding: "$4", justifyContent: "center", alignItems: "center", space: "$5", children: [
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$6", circular: !0, icon: import_lucide_icons.ChevronDown, onPress: () => setOpen(!1) }),
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { width: 200 }),
68
- modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
69
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
70
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
71
- import_tamagui.Button,
48
+ /* @__PURE__ */ jsx(Sheet.Handle, {}),
49
+ /* @__PURE__ */ jsxs(Sheet.Frame, { padding: "$4", justifyContent: "center", alignItems: "center", space: "$5", children: [
50
+ /* @__PURE__ */ jsx(Button, { size: "$6", circular: !0, icon: ChevronDown, onPress: () => setOpen(!1) }),
51
+ /* @__PURE__ */ jsx(Input, { width: 200 }),
52
+ modal && isPercent && /* @__PURE__ */ jsxs(Fragment, { children: [
53
+ /* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
54
+ /* @__PURE__ */ jsx(
55
+ Button,
72
56
  {
73
57
  size: "$6",
74
58
  circular: !0,
75
- icon: import_lucide_icons.ChevronUp,
59
+ icon: ChevronUp,
76
60
  onPress: () => setInnerOpen(!0)
77
61
  }
78
62
  )
@@ -84,37 +68,36 @@ const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
84
68
  ] });
85
69
  };
86
70
  function InnerSheet(props) {
87
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, { animation: "medium", modal: !0, snapPoints: [90], dismissOnSnapToBottom: !0, ...props, children: [
88
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
89
- import_sheet.Sheet.Overlay,
71
+ return /* @__PURE__ */ jsxs(Sheet, { animation: "medium", modal: !0, snapPoints: [90], dismissOnSnapToBottom: !0, ...props, children: [
72
+ /* @__PURE__ */ jsx(
73
+ Sheet.Overlay,
90
74
  {
91
75
  animation: "medium",
92
76
  enterStyle: { opacity: 0 },
93
77
  exitStyle: { opacity: 0 }
94
78
  }
95
79
  ),
96
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
97
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, { flex: 1, justifyContent: "center", alignItems: "center", space: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { p: "$5", gap: "$8", children: [
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
99
- import_tamagui.Button,
80
+ /* @__PURE__ */ jsx(Sheet.Handle, {}),
81
+ /* @__PURE__ */ jsx(Sheet.Frame, { flex: 1, justifyContent: "center", alignItems: "center", space: "$5", children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsxs(YStack, { p: "$5", gap: "$8", children: [
82
+ /* @__PURE__ */ jsx(
83
+ Button,
100
84
  {
101
85
  size: "$6",
102
86
  circular: !0,
103
87
  alignSelf: "center",
104
- icon: import_lucide_icons.ChevronDown,
88
+ icon: ChevronDown,
105
89
  onPress: () => {
106
90
  var _a;
107
91
  return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, !1);
108
92
  }
109
93
  }
110
94
  ),
111
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Hello world" }),
112
- [1, 2, 3, 4, 5, 6, 7, 8].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$8", children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint." }, i))
95
+ /* @__PURE__ */ jsx(H2, { children: "Hello world" }),
96
+ [1, 2, 3, 4, 5, 6, 7, 8].map((i) => /* @__PURE__ */ jsx(Paragraph, { size: "$8", children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint." }, i))
113
97
  ] }) }) })
114
98
  ] });
115
99
  }
116
- // Annotate the CommonJS export names for ESM import in node:
117
- 0 && (module.exports = {
100
+ export {
118
101
  SheetDemo
119
- });
102
+ };
120
103
  //# sourceMappingURL=SheetDemo.js.map