@tamagui/demos 1.111.8 → 1.111.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/dist/esm/AccordionDemo.native.js +66 -79
  2. package/dist/esm/AccordionDemo.native.js.map +1 -6
  3. package/dist/esm/AddThemeDemo.native.js +25 -34
  4. package/dist/esm/AddThemeDemo.native.js.map +1 -6
  5. package/dist/esm/AlertDialogDemo.native.js +66 -84
  6. package/dist/esm/AlertDialogDemo.native.js.map +1 -6
  7. package/dist/esm/AnimationsDemo.native.js +65 -75
  8. package/dist/esm/AnimationsDemo.native.js.map +1 -6
  9. package/dist/esm/AnimationsEnterDemo.native.js +33 -38
  10. package/dist/esm/AnimationsEnterDemo.native.js.map +1 -6
  11. package/dist/esm/AnimationsHoverDemo.native.js +4 -6
  12. package/dist/esm/AnimationsHoverDemo.native.js.map +1 -6
  13. package/dist/esm/AnimationsPresenceDemo.native.js +78 -91
  14. package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -6
  15. package/dist/esm/AnimationsTimingDemo.native.js +4 -6
  16. package/dist/esm/AnimationsTimingDemo.native.js.map +1 -6
  17. package/dist/esm/AvatarDemo.native.js +23 -34
  18. package/dist/esm/AvatarDemo.native.js.map +1 -6
  19. package/dist/esm/BuildAButtonDemo.native.js +73 -94
  20. package/dist/esm/BuildAButtonDemo.native.js.map +1 -6
  21. package/dist/esm/ButtonDemo.native.js +51 -68
  22. package/dist/esm/ButtonDemo.native.js.map +1 -6
  23. package/dist/esm/CardDemo.native.js +47 -63
  24. package/dist/esm/CardDemo.native.js.map +1 -6
  25. package/dist/esm/CheckboxDemo.native.js +31 -36
  26. package/dist/esm/CheckboxDemo.native.js.map +1 -6
  27. package/dist/esm/CheckboxHeadlessDemo.native.js +26 -33
  28. package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -6
  29. package/dist/esm/CheckboxUnstyledDemo.native.js +36 -40
  30. package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -6
  31. package/dist/esm/ColorsDemo.native.js +84 -106
  32. package/dist/esm/ColorsDemo.native.js.map +1 -6
  33. package/dist/esm/DialogDemo.native.js +122 -156
  34. package/dist/esm/DialogDemo.native.js.map +1 -6
  35. package/dist/esm/FormsDemo.native.js +18 -25
  36. package/dist/esm/FormsDemo.native.js.map +1 -6
  37. package/dist/esm/Grid.native.js +23 -22
  38. package/dist/esm/Grid.native.js.map +1 -6
  39. package/dist/esm/GroupDemo.native.js +55 -72
  40. package/dist/esm/GroupDemo.native.js.map +1 -6
  41. package/dist/esm/HeadingsDemo.native.js +16 -25
  42. package/dist/esm/HeadingsDemo.native.js.map +1 -6
  43. package/dist/esm/ImageDemo.native.js +3 -5
  44. package/dist/esm/ImageDemo.native.js.map +1 -6
  45. package/dist/esm/InputsDemo.native.js +21 -31
  46. package/dist/esm/InputsDemo.native.js.map +1 -6
  47. package/dist/esm/LabelDemo.native.js +29 -40
  48. package/dist/esm/LabelDemo.native.js.map +1 -6
  49. package/dist/esm/LinearGradientDemo.native.js +20 -43
  50. package/dist/esm/LinearGradientDemo.native.js.map +1 -6
  51. package/dist/esm/ListItemDemo.native.js +50 -63
  52. package/dist/esm/ListItemDemo.native.js.map +1 -6
  53. package/dist/esm/LucideIconsDemo.native.js +38 -44
  54. package/dist/esm/LucideIconsDemo.native.js.map +1 -6
  55. package/dist/esm/NewInputsDemo.native.js +21 -31
  56. package/dist/esm/NewInputsDemo.native.js.map +1 -6
  57. package/dist/esm/PopoverDemo.native.js +91 -117
  58. package/dist/esm/PopoverDemo.native.js.map +1 -6
  59. package/dist/esm/ProgressDemo.native.js +68 -85
  60. package/dist/esm/ProgressDemo.native.js.map +1 -6
  61. package/dist/esm/RadioGroupDemo.native.js +28 -38
  62. package/dist/esm/RadioGroupDemo.native.js.map +1 -6
  63. package/dist/esm/RadioGroupHeadlessDemo.native.js +75 -65
  64. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -6
  65. package/dist/esm/RadioGroupUnstyledDemo.native.js +94 -96
  66. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -6
  67. package/dist/esm/ReplaceThemeDemo.native.js +25 -29
  68. package/dist/esm/ReplaceThemeDemo.native.js.map +1 -6
  69. package/dist/esm/ScrollViewDemo.native.js +37 -48
  70. package/dist/esm/ScrollViewDemo.native.js.map +1 -6
  71. package/dist/esm/SelectDemo.native.js +187 -267
  72. package/dist/esm/SelectDemo.native.js.map +1 -6
  73. package/dist/esm/SeparatorDemo.native.js +29 -42
  74. package/dist/esm/SeparatorDemo.native.js.map +1 -6
  75. package/dist/esm/ShapesDemo.native.js +12 -17
  76. package/dist/esm/ShapesDemo.native.js.map +1 -6
  77. package/dist/esm/SheetDemo.native.js +133 -183
  78. package/dist/esm/SheetDemo.native.js.map +1 -6
  79. package/dist/esm/SliderDemo.native.js +22 -30
  80. package/dist/esm/SliderDemo.native.js.map +1 -6
  81. package/dist/esm/SpinnerDemo.native.js +10 -15
  82. package/dist/esm/SpinnerDemo.native.js.map +1 -6
  83. package/dist/esm/StacksDemo.native.js +67 -85
  84. package/dist/esm/StacksDemo.native.js.map +1 -6
  85. package/dist/esm/SwitchDemo.native.js +57 -76
  86. package/dist/esm/SwitchDemo.native.js.map +1 -6
  87. package/dist/esm/SwitchHeadlessDemo.native.js +45 -63
  88. package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -6
  89. package/dist/esm/SwitchUnstyledDemo.native.js +46 -50
  90. package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -6
  91. package/dist/esm/TabsAdvancedDemo.native.js +297 -297
  92. package/dist/esm/TabsAdvancedDemo.native.js.map +1 -6
  93. package/dist/esm/TabsDemo.native.js +126 -149
  94. package/dist/esm/TabsDemo.native.js.map +1 -6
  95. package/dist/esm/TextDemo.native.js +21 -30
  96. package/dist/esm/TextDemo.native.js.map +1 -6
  97. package/dist/esm/ThemeBuilderDemo.native.js +137 -170
  98. package/dist/esm/ThemeBuilderDemo.native.js.map +1 -6
  99. package/dist/esm/ThemeInverseDemo.native.js +30 -43
  100. package/dist/esm/ThemeInverseDemo.native.js.map +1 -6
  101. package/dist/esm/ToastDemo.native.js +73 -83
  102. package/dist/esm/ToastDemo.native.js.map +1 -6
  103. package/dist/esm/ToastDuplicateDemo.native.js +45 -61
  104. package/dist/esm/ToastDuplicateDemo.native.js.map +1 -6
  105. package/dist/esm/ToggleGroupDemo.native.js +58 -76
  106. package/dist/esm/ToggleGroupDemo.native.js.map +1 -6
  107. package/dist/esm/TokensDemo.native.js +94 -107
  108. package/dist/esm/TokensDemo.native.js.map +1 -6
  109. package/dist/esm/TooltipDemo.native.js +85 -109
  110. package/dist/esm/TooltipDemo.native.js.map +1 -6
  111. package/dist/esm/UpdateThemeDemo.native.js +28 -31
  112. package/dist/esm/UpdateThemeDemo.native.js.map +1 -6
  113. package/dist/esm/WebNativeImageDemo.native.js +3 -5
  114. package/dist/esm/WebNativeImageDemo.native.js.map +1 -6
  115. package/dist/esm/index.native.js +58 -58
  116. package/dist/esm/index.native.js.map +1 -6
  117. package/dist/esm/tamagui.config.native.js +2 -5
  118. package/dist/esm/tamagui.config.native.js.map +1 -6
  119. package/dist/esm/useOnIntersecting.native.js +42 -39
  120. package/dist/esm/useOnIntersecting.native.js.map +1 -6
  121. package/package.json +21 -21
  122. package/dist/esm/AccordionDemo.native.mjs +0 -79
  123. package/dist/esm/AccordionDemo.native.mjs.map +0 -1
  124. package/dist/esm/AddThemeDemo.native.mjs +0 -36
  125. package/dist/esm/AddThemeDemo.native.mjs.map +0 -1
  126. package/dist/esm/AlertDialogDemo.native.mjs +0 -73
  127. package/dist/esm/AlertDialogDemo.native.mjs.map +0 -1
  128. package/dist/esm/AnimationsDemo.native.mjs +0 -78
  129. package/dist/esm/AnimationsDemo.native.mjs.map +0 -1
  130. package/dist/esm/AnimationsEnterDemo.native.mjs +0 -47
  131. package/dist/esm/AnimationsEnterDemo.native.mjs.map +0 -1
  132. package/dist/esm/AnimationsHoverDemo.native.mjs +0 -24
  133. package/dist/esm/AnimationsHoverDemo.native.mjs.map +0 -1
  134. package/dist/esm/AnimationsPresenceDemo.native.mjs +0 -97
  135. package/dist/esm/AnimationsPresenceDemo.native.mjs.map +0 -1
  136. package/dist/esm/AnimationsTimingDemo.native.mjs +0 -23
  137. package/dist/esm/AnimationsTimingDemo.native.mjs.map +0 -1
  138. package/dist/esm/AvatarDemo.native.mjs +0 -31
  139. package/dist/esm/AvatarDemo.native.mjs.map +0 -1
  140. package/dist/esm/BuildAButtonDemo.native.mjs +0 -102
  141. package/dist/esm/BuildAButtonDemo.native.mjs.map +0 -1
  142. package/dist/esm/ButtonDemo.native.mjs +0 -60
  143. package/dist/esm/ButtonDemo.native.mjs.map +0 -1
  144. package/dist/esm/CardDemo.native.mjs +0 -65
  145. package/dist/esm/CardDemo.native.mjs.map +0 -1
  146. package/dist/esm/CheckboxDemo.native.mjs +0 -47
  147. package/dist/esm/CheckboxDemo.native.mjs.map +0 -1
  148. package/dist/esm/CheckboxHeadlessDemo.native.mjs +0 -53
  149. package/dist/esm/CheckboxHeadlessDemo.native.mjs.map +0 -1
  150. package/dist/esm/CheckboxUnstyledDemo.native.mjs +0 -54
  151. package/dist/esm/CheckboxUnstyledDemo.native.mjs.map +0 -1
  152. package/dist/esm/ColorsDemo.native.mjs +0 -114
  153. package/dist/esm/ColorsDemo.native.mjs.map +0 -1
  154. package/dist/esm/DialogDemo.native.mjs +0 -132
  155. package/dist/esm/DialogDemo.native.mjs.map +0 -1
  156. package/dist/esm/FormsDemo.native.mjs +0 -42
  157. package/dist/esm/FormsDemo.native.mjs.map +0 -1
  158. package/dist/esm/Grid.native.mjs +0 -41
  159. package/dist/esm/Grid.native.mjs.map +0 -1
  160. package/dist/esm/GroupDemo.native.mjs +0 -64
  161. package/dist/esm/GroupDemo.native.mjs.map +0 -1
  162. package/dist/esm/HeadingsDemo.native.mjs +0 -23
  163. package/dist/esm/HeadingsDemo.native.mjs.map +0 -1
  164. package/dist/esm/ImageDemo.native.mjs +0 -13
  165. package/dist/esm/ImageDemo.native.mjs.map +0 -1
  166. package/dist/esm/InputsDemo.native.mjs +0 -37
  167. package/dist/esm/InputsDemo.native.mjs.map +0 -1
  168. package/dist/esm/LabelDemo.native.mjs +0 -37
  169. package/dist/esm/LabelDemo.native.mjs.map +0 -1
  170. package/dist/esm/LinearGradientDemo.native.mjs +0 -27
  171. package/dist/esm/LinearGradientDemo.native.mjs.map +0 -1
  172. package/dist/esm/ListItemDemo.native.mjs +0 -77
  173. package/dist/esm/ListItemDemo.native.mjs.map +0 -1
  174. package/dist/esm/LucideIconsDemo.native.mjs +0 -68
  175. package/dist/esm/LucideIconsDemo.native.mjs.map +0 -1
  176. package/dist/esm/NewInputsDemo.native.mjs +0 -37
  177. package/dist/esm/NewInputsDemo.native.mjs.map +0 -1
  178. package/dist/esm/PopoverDemo.native.mjs +0 -109
  179. package/dist/esm/PopoverDemo.native.mjs.map +0 -1
  180. package/dist/esm/ProgressDemo.native.mjs +0 -79
  181. package/dist/esm/ProgressDemo.native.mjs.map +0 -1
  182. package/dist/esm/RadioGroupDemo.native.mjs +0 -47
  183. package/dist/esm/RadioGroupDemo.native.mjs.map +0 -1
  184. package/dist/esm/RadioGroupHeadlessDemo.native.mjs +0 -134
  185. package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map +0 -1
  186. package/dist/esm/RadioGroupUnstyledDemo.native.mjs +0 -119
  187. package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map +0 -1
  188. package/dist/esm/ReplaceThemeDemo.native.mjs +0 -44
  189. package/dist/esm/ReplaceThemeDemo.native.mjs.map +0 -1
  190. package/dist/esm/ScrollViewDemo.native.mjs +0 -51
  191. package/dist/esm/ScrollViewDemo.native.mjs.map +0 -1
  192. package/dist/esm/SelectDemo.native.mjs +0 -205
  193. package/dist/esm/SelectDemo.native.mjs.map +0 -1
  194. package/dist/esm/SeparatorDemo.native.mjs +0 -38
  195. package/dist/esm/SeparatorDemo.native.mjs.map +0 -1
  196. package/dist/esm/ShapesDemo.native.mjs +0 -19
  197. package/dist/esm/ShapesDemo.native.mjs.map +0 -1
  198. package/dist/esm/SheetDemo.native.mjs +0 -165
  199. package/dist/esm/SheetDemo.native.mjs.map +0 -1
  200. package/dist/esm/SliderDemo.native.mjs +0 -36
  201. package/dist/esm/SliderDemo.native.mjs.map +0 -1
  202. package/dist/esm/SpinnerDemo.native.mjs +0 -18
  203. package/dist/esm/SpinnerDemo.native.mjs.map +0 -1
  204. package/dist/esm/StacksDemo.native.mjs +0 -82
  205. package/dist/esm/StacksDemo.native.mjs.map +0 -1
  206. package/dist/esm/SwitchDemo.native.mjs +0 -72
  207. package/dist/esm/SwitchDemo.native.mjs.map +0 -1
  208. package/dist/esm/SwitchHeadlessDemo.native.mjs +0 -67
  209. package/dist/esm/SwitchHeadlessDemo.native.mjs.map +0 -1
  210. package/dist/esm/SwitchUnstyledDemo.native.mjs +0 -65
  211. package/dist/esm/SwitchUnstyledDemo.native.mjs.map +0 -1
  212. package/dist/esm/TabsAdvancedDemo.native.mjs +0 -351
  213. package/dist/esm/TabsAdvancedDemo.native.mjs.map +0 -1
  214. package/dist/esm/TabsDemo.native.mjs +0 -169
  215. package/dist/esm/TabsDemo.native.mjs.map +0 -1
  216. package/dist/esm/TextDemo.native.mjs +0 -30
  217. package/dist/esm/TextDemo.native.mjs.map +0 -1
  218. package/dist/esm/ThemeBuilderDemo.native.mjs +0 -155
  219. package/dist/esm/ThemeBuilderDemo.native.mjs.map +0 -1
  220. package/dist/esm/ThemeInverseDemo.native.mjs +0 -46
  221. package/dist/esm/ThemeInverseDemo.native.mjs.map +0 -1
  222. package/dist/esm/ToastDemo.native.mjs +0 -109
  223. package/dist/esm/ToastDemo.native.mjs.map +0 -1
  224. package/dist/esm/ToastDuplicateDemo.native.mjs +0 -55
  225. package/dist/esm/ToastDuplicateDemo.native.mjs.map +0 -1
  226. package/dist/esm/ToggleGroupDemo.native.mjs +0 -76
  227. package/dist/esm/ToggleGroupDemo.native.mjs.map +0 -1
  228. package/dist/esm/TokensDemo.native.mjs +0 -110
  229. package/dist/esm/TokensDemo.native.mjs.map +0 -1
  230. package/dist/esm/TooltipDemo.native.mjs +0 -103
  231. package/dist/esm/TooltipDemo.native.mjs.map +0 -1
  232. package/dist/esm/UpdateThemeDemo.native.mjs +0 -47
  233. package/dist/esm/UpdateThemeDemo.native.mjs.map +0 -1
  234. package/dist/esm/WebNativeImageDemo.native.mjs +0 -11
  235. package/dist/esm/WebNativeImageDemo.native.mjs.map +0 -1
  236. package/dist/esm/index.native.mjs +0 -58
  237. package/dist/esm/index.native.mjs.map +0 -1
  238. package/dist/esm/tamagui.config.native.mjs +0 -5
  239. package/dist/esm/tamagui.config.native.mjs.map +0 -1
  240. package/dist/esm/useOnIntersecting.native.mjs +0 -74
  241. package/dist/esm/useOnIntersecting.native.mjs.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XStack","YStack","ToggleGroupDemo","paddingHorizontal","children","alignItems","space","ToggleGroupComponent","type","size","orientation"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,2BAAkB;AAEnD,SAASC,WAAO,EAAAC,SAAa,EAAAC,UAAQ,QAAc;AAM3C,SACEC,KADF,EAAAC,WAAA,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAV,IAAC,CAAAS,MAAA;IAEGE,iBAAA,MAAC;IACCC,QAAA,iBAACV,KAAA,CAAAM,MAAA;MACDK,UAAA,UAAC;MAAwEC,KAC3E;MACAF,QAAA,GACE,eAAAV,KAAC,CAAAO,MAAA;QACDI,UAAA,UAAC;QACHC,KAAA;QAEJF,QAAA,GAEJ,eAAAZ,IAAA,CAAAe,oBAAA;UAESC,IAAA;UAKIC,IAAA,MAAU;UAEnBC,WAAA;QAAC,mBAAAlB,IAAA,CAAAe,oBAAA;UACCC,IAAA,YAAqB;UACrBC,IAAW;UACXC,WAAe;QACf,CAAM;MAEN,IAKA,eAAAhB,KAAA,CAAAM,MAAA;QAACK,UAAA;QAAAC,KAAA;QAAAF,QACC,GACA,eAAAZ,IAAA,CAAAe,oBAAA;UACAC,IAAM,UAAM;UACZC,IAAM,MAAM;UACZC,WAAA;QAEA,mBAAAlB,IAAA,CAAAe,oBAAC,EAAiB;UAGlBC,IAAA;UAGAC,IAAA;UAEAC,WAAA;QAAA;MACF;IACF;EAEJ","ignoreList":[]}
@@ -1,110 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- import { getConfig } from "@tamagui/core";
4
- import { Button, H2, H3, H4, Separator, Square, XGroup, XStack, YStack } from "tamagui";
5
- var sections = [{
6
- name: "Size",
7
- key: "size"
8
- }, {
9
- name: "Space",
10
- key: "space"
11
- }, {
12
- name: "Space (-)",
13
- key: "spaceNegative"
14
- }, {
15
- name: "Radius",
16
- key: "radius"
17
- }];
18
- function TokensDemo() {
19
- var [section, setSection] = React.useState("size");
20
- return /* @__PURE__ */_jsxs(YStack, {
21
- space: !0,
22
- children: [/* @__PURE__ */_jsx(XGroup, {
23
- alignItems: "center",
24
- alignSelf: "center",
25
- children: sections.map(function (param) {
26
- var {
27
- name,
28
- key
29
- } = param;
30
- return /* @__PURE__ */_jsx(XGroup.Item, {
31
- children: /* @__PURE__ */_jsx(Button, {
32
- size: "$3",
33
- theme: section === key ? "active" : null,
34
- fontFamily: "$silkscreen",
35
- onPress: function () {
36
- return setSection(key);
37
- },
38
- children: name
39
- })
40
- }, key);
41
- })
42
- }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */_jsx(SizeSection, {
43
- section
44
- })]
45
- });
46
- }
47
- function SizeSection(param) {
48
- var {
49
- section
50
- } = param,
51
- allTokens = getConfig().tokens,
52
- tokens = allTokens[section.startsWith("space") ? "space" : section],
53
- st = Object.keys(tokens).sort(function (a, b) {
54
- return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
55
- }),
56
- spaceTokens = st.filter(function (t) {
57
- return Number.parseFloat(t) >= 0;
58
- }),
59
- spaceTokensNegative = st.filter(function (t) {
60
- return Number.parseFloat(t) < 0;
61
- }).sort(function (a, b) {
62
- return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
63
- });
64
- return /* @__PURE__ */_jsxs(YStack, {
65
- flex: 1,
66
- space: !0,
67
- children: [/* @__PURE__ */_jsx(H2, {
68
- children: "Sizes"
69
- }), /* @__PURE__ */_jsx(YStack, {
70
- width: "100%",
71
- space: "$2",
72
- separator: /* @__PURE__ */_jsx(Separator, {}),
73
- children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function (token) {
74
- var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
75
- return /* @__PURE__ */_jsxs(XStack, {
76
- width: "100%",
77
- alignItems: "center",
78
- children: [/* @__PURE__ */_jsx(YStack, {
79
- width: "25%",
80
- children: /* @__PURE__ */_jsxs(H3, {
81
- size: "$6",
82
- children: ["$", token]
83
- })
84
- }), /* @__PURE__ */_jsx(YStack, {
85
- width: "20%",
86
- children: /* @__PURE__ */_jsxs(H4, {
87
- size: "$5",
88
- children: [(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px"]
89
- })
90
- }), /* @__PURE__ */_jsx(Square, {
91
- size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
92
- backgroundColor: "$color5",
93
- ...(section === "spaceNegative" && {
94
- backgroundColor: "$red5",
95
- size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function (t) {
96
- return Number.parseFloat(t) === -Number.parseFloat(token);
97
- })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
98
- }),
99
- ...(section === "radius" && {
100
- size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
101
- borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
102
- })
103
- })]
104
- }, token);
105
- })
106
- })]
107
- });
108
- }
109
- export { TokensDemo };
110
- //# sourceMappingURL=TokensDemo.native.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","getConfig","Button","H2","H3","H4","Separator","Square","XGroup","XStack","YStack","sections","name","key","TokensDemo","section","setSection","useState","space","children","alignItems","alignSelf","map","param","Item","size","theme","fontFamily","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","separator","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS;AAET,SAASC,SAAQ,QAAQ,eAAe;AA2BpC,SAKUC,MALV,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAvBJ,IAAAC,QAAM,IACJ;EACEC,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,EACF;AAEO,SAASC,WAAA,EAAa;EAC3B,KAAAC,OAAO,EAAAC,UAAS,IAAUhB,KAAI,CAAAiB,QAAM,OAAkB;EAEtD,OACE,eAAAlB,KAAC,CAAAW,MAAA;IACCQ,KAAA;IAIQC,QAAC,kBAAAtB,IAAA,CAAAW,MAAA;MACCY,UAAK;MACLC,SAAO,UAAY;MACnBF,QAAA,EAAAR,QAAW,CAAAW,GAAA,WAAAC,KAAA;QACX;UAAAX,IAAS;UAAAC;QAAM,IAAAU,KAAW;QAEzB,sBAAA1B,IAAA,CAAAW,MAAA,CAAAgB,IAAA;UAAAL,QAAA,iBAAAtB,IAAA,CAAAK,MAAA;YAIRuB,IACH;YAEEC,KAAY,EAAAX,OACZ,KAAAF,GAAA,GAAY;YAGhBc,UAAA;YAEJC,OAAA,WAAAA,CAAA;cAES,OAAcZ,UAAQ,CAAyBH,GAAA;YAChD;YAGJM,QAAO,EAAAP;UAEH;QAMJ,GAAAC,GAAA;MACE;IACA,IAEI,CAACE,OAAA,KAEG,UAAAA,OAAA,KAAC,eAAa,IAAAA,OAAO,YAAW,IAAAA,OAC9B,iCAAAlB,IAAA,CAAAgC,WAAA;MAAAd;IACgB;EAAE;AAClB;AAEiB,SAAAc,WAAOA,CAAAN,KAAQ;EAAA;MAAAR;IAAI,IAAAQ,KAAA;IAAAO,SAAA,GAAA7B,SAAA,GAAA8B,MAAA;IAAAA,MAAA,GAAAD,SAAA,CAAAf,OAAA,CAAAiB,UAAA,sBAAAjB,OAAA;IAAAkB,EAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,IAAA,WAAAC,CAAA,EAAAC,CAAA;MAAA,OAAEC,MACtC,CAAAC,UAAA,CAAAH,CAAA,IAAAE,MAAA,CAAAC,UAAA,CAAAF,CAAA;IAAA;IAAAG,WACA,GAAAR,EAAA,CAAAS,MAAA,WAAAC,CAAA;MAAA,OAACJ,MAAA,CAAAC,UAAA,CAAAG,CAAA;IAAA;IAAAC,mBAAA,GAAAX,EAAA,CAAAS,MAAA,WAAAC,CAAA;MAAA,OAAAJ,MACC,CAAMC,UAAO,CAAAG,CAAK,IAAG;IAAA,GAAAP,IAAA,WACrBC,CAAA,EAAAC,CAAA;MAAgB,OAAAC,MACX,CAAAC,UAAY,CAAAH,CAAA,IAAAE,MAAA,CAAAC,UAAmB,CAAAF,CAAA;IAAA;EACjB,sBAEdvC,KACC,CAAAW,MAAA;IAAoBmC,IAAA;IACsC3B,KAAA;IAEzDC,QACP,kBACKtB,IAAA,CAAYM,EAAA;MAAYgB,QAC3B;IAA6B,IACA,eAC/BtB,IAAA,CAAAa,MAAA;MAAAoC,KAAA;MACF5B,KAAA;MAAA6B,SACF,iBAAAlD,IAAA,CAAAS,SAAA;MAIRa,QAAA,GAAAJ,OAAA,uBAAA6B,mBAAA,GAAAH,WAAA,EAAAnB,GAAA,WAAA0B,KAAA;QACF,IAAAC,aAAA,EAAAC,cAAA,EAAAC,QAAA,EAAAC,qBAAA,EAAAC,cAAA,EAAAC,yBAAA;QAEJ,sBAAAvD,KAAA,CAAAU,MAAA","ignoreList":[]}
@@ -1,103 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@tamagui/lucide-icons";
3
- import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from "tamagui";
4
- function TooltipDemo() {
5
- return /* @__PURE__ */_jsx(TooltipGroup, {
6
- delay: {
7
- open: 3e3,
8
- close: 100
9
- },
10
- children: /* @__PURE__ */_jsxs(YStack, {
11
- gap: "$2",
12
- alignSelf: "center",
13
- children: [/* @__PURE__ */_jsxs(XStack, {
14
- gap: "$2",
15
- children: [/* @__PURE__ */_jsx(Demo, {
16
- groupId: "0",
17
- placement: "top-end",
18
- Icon: Circle
19
- }), /* @__PURE__ */_jsx(Demo, {
20
- groupId: "1",
21
- placement: "top",
22
- Icon: ChevronUp
23
- }), /* @__PURE__ */_jsx(Demo, {
24
- groupId: "2",
25
- placement: "top-start",
26
- Icon: Circle
27
- })]
28
- }), /* @__PURE__ */_jsxs(XStack, {
29
- gap: "$2",
30
- children: [/* @__PURE__ */_jsx(Demo, {
31
- groupId: "3",
32
- placement: "left",
33
- Icon: ChevronLeft
34
- }), /* @__PURE__ */_jsx(YStack, {
35
- flex: 1
36
- }), /* @__PURE__ */_jsx(Demo, {
37
- groupId: "4",
38
- placement: "right",
39
- Icon: ChevronRight
40
- })]
41
- }), /* @__PURE__ */_jsxs(XStack, {
42
- gap: "$2",
43
- children: [/* @__PURE__ */_jsx(Demo, {
44
- groupId: "5",
45
- placement: "bottom-end",
46
- Icon: Circle
47
- }), /* @__PURE__ */_jsx(Demo, {
48
- groupId: "6",
49
- placement: "bottom",
50
- Icon: ChevronDown
51
- }), /* @__PURE__ */_jsx(Demo, {
52
- groupId: "7",
53
- placement: "bottom-start",
54
- Icon: Circle
55
- })]
56
- })]
57
- })
58
- });
59
- }
60
- function Demo(param) {
61
- var {
62
- Icon,
63
- ...props
64
- } = param;
65
- return /* @__PURE__ */_jsxs(Tooltip, {
66
- ...props,
67
- children: [/* @__PURE__ */_jsx(Tooltip.Trigger, {
68
- children: /* @__PURE__ */_jsx(Button, {
69
- icon: Icon,
70
- circular: !0
71
- })
72
- }), /* @__PURE__ */_jsxs(Tooltip.Content, {
73
- enterStyle: {
74
- x: 0,
75
- y: -5,
76
- opacity: 0,
77
- scale: 0.9
78
- },
79
- exitStyle: {
80
- x: 0,
81
- y: -5,
82
- opacity: 0,
83
- scale: 0.9
84
- },
85
- scale: 1,
86
- x: 0,
87
- y: 0,
88
- opacity: 1,
89
- animation: ["quick", {
90
- opacity: {
91
- overshootClamping: !0
92
- }
93
- }],
94
- children: [/* @__PURE__ */_jsx(Tooltip.Arrow, {}), /* @__PURE__ */_jsx(Paragraph, {
95
- size: "$2",
96
- lineHeight: "$1",
97
- children: "Hello world"
98
- })]
99
- })]
100
- });
101
- }
102
- export { TooltipDemo };
103
- //# sourceMappingURL=TooltipDemo.native.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Tooltip","TooltipGroup","XStack","YStack","TooltipDemo","delay","open","close","children","gap","alignSelf","Demo","groupId","placement","Icon","flex"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,WAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,MAAA,EAAAC,SAAA,EAAAC,OAAA,EAAAC,YAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,YAAA;EACA,sBAAAd,IAAA,CAAAW,YAAA;IACAI,KAAA;MAAAC,IACK;MAEPC,KAAS;IAMD;IAJDC,QAAS,iBAAchB,KAAA,CAAAW,MAAA;MAC5BM,GACE;MAEIC,SAAA,UAAC;MACCF,QAAA,GACA,eAAAhB,KAAC,CAAAU,MAAK;QACNO,GAAA;QACFD,QAAA,GACA,eAAClB,IAAA,CAAAqB,IAAO;UACNC,OAAA,KAAC;UACDC,SAAA,WAAC;UACDC,IAAA,EAAAjB;QACF,IACA,eAACP,IAAA,CAAAqB,IAAO;UACNC,OAAA,KAAC;UACDC,SAAA,OAAC;UACDC,IAAA,EAAAlB;QACF,IAEJ,eAAAN,IAAA,CAAAqB,IAAA;UAEJC,OAAA;UAEcC,SAAQ,EAAG,WAAwC;UAE7DC,IAAA,EAAAjB;QACE;MAGC,mBAAAL,KAAA,CAAAU,MAAA;QACCO,GAAA;QACAD,QAAA,EAAW,CACX,eAAOlB,IAAA,CAAAqB,IAAA;UACJC,OAAA;UACAC,SAAA;UACHC,IAAS,EAAApB;QACT,IACE,eAAAJ,IAAA,CAAAa,MAAA;UACAY,IAAA;QACE,IAAS,eACPzB,IAAA,CAAmBqB,IAAA;UACrBC,OAAA;UACFC,SAAA;UACFC,IAAA,EAAAnB;QAEA;MAAe,EACf,EAEA,eAAAH,KAAA,CAAAU,MAAA;QAAAO,GAAA;QACFD,QAAA,GACF,eAAAlB,IAAA,CAAAqB,IAAA;UAEJC,OAAA","ignoreList":[]}
@@ -1,47 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
3
- import { config } from "@tamagui/config/v3";
4
- import { addTheme, updateTheme } from "@tamagui/theme";
5
- import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
6
- var colors = config.tokens.color,
7
- colorKeys = Object.keys(colors);
8
- function UpdateThemeDemo() {
9
- var [theme, setTheme] = React.useState(),
10
- update = useForceUpdate();
11
- return useIsomorphicLayoutEffect(function () {
12
- addTheme({
13
- name: "custom",
14
- insertCSS: !0,
15
- theme: {
16
- color: "red"
17
- }
18
- }), setTheme("custom");
19
- }, []), /* @__PURE__ */_jsxs(YStack, {
20
- alignItems: "center",
21
- space: !0,
22
- children: [/* @__PURE__ */_jsx(XStack, {
23
- gap: "$5",
24
- children: /* @__PURE__ */_jsx(Theme, {
25
- name: theme ?? null,
26
- children: /* @__PURE__ */_jsx(Square, {
27
- borderRadius: "$8",
28
- size: 100,
29
- backgroundColor: "$color"
30
- })
31
- })
32
- }), /* @__PURE__ */_jsx(Button, {
33
- onPress: function () {
34
- var randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
35
- updateTheme({
36
- name: "custom",
37
- theme: {
38
- color: randomColor
39
- }
40
- }), update();
41
- },
42
- children: "Set to random color"
43
- })]
44
- });
45
- }
46
- export { UpdateThemeDemo };
47
- //# sourceMappingURL=UpdateThemeDemo.native.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useForceUpdate","useIsomorphicLayoutEffect","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","update","name","insertCSS","alignItems","space","children","gap","borderRadius","size","backgroundColor","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAc;AACvB,SAASC,MAAA,QAAU,oBAAmB;AAEtC,SAAAC,QAAA,EAAAC,WAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,IACAC,MAAA,GAAAX,MAAA,CAAAY,MAAA,CAAAC,KAAA;EAAAC,SAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAL,MAAA;AAAA,SACAM,gBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAApB,KAAA,CAAAqB,QAAA;IAAAC,MAAA,GAAAZ,cAAA;EACA,OAAAC,yBAAA;IACAT,QAAA;MACAqB,IAAA;MACAC,SAAA;MAAAL,KACK;QAqBHL,KAGM,EAHN;MAnBE;IAGC,IAAAM,QAAS;EACd,MAAM,EAAC,eAAerB,KAAI,CAAAS,MAAM;IAGhCiB,UAAA;IACEC,KAAA,IAAS;IAAAC,QACD,GACN,eAAW9B,IAAA,CAAAU,MAAA;MACXqB,GAAA,EAAO;MACLD,QAAO,iBAAA9B,IAAA,CAAAS,KAAA;QACTiB,IAAA,EAAAJ,KAAA;QAEFQ,QAAS,iBAAQ9B,IAAA,CAAAQ,MAAA;UAIjBwB,YAAA;UACEC,IAAA;UAMAC,eAAA;QAAC;MAAA;IAAA,EACC,EACE,eAAMlC,IAAA,CAAAO,MAAc;MAAA4B,OAClB,WAAAA,CAAA,EAAO;QACT,IAAAC,WAAA,GAAAxB,gBAAA,CAAAG,MAAA,CAAAG,SAAA,CAAAmB,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA,KAAArB,SAAA,CAAAsB,MAAA;QACAlC,WAAA,CAAY;UACVoB,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLL,KAAA,EAAOmB;UACT;QACF,CAAC,GACDX,MAAA,CAAO;MACT;MACDK,QAAA;IAAA;EAED;AAGN","ignoreList":[]}
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Image } from "@tamagui/image-next";
3
- function WebNativeImageDemo() {
4
- return /* @__PURE__ */_jsx(Image, {
5
- src: "https://picsum.photos/200/300",
6
- width: 200,
7
- height: 300
8
- });
9
- }
10
- export { WebNativeImageDemo };
11
- //# sourceMappingURL=WebNativeImageDemo.native.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","Image","WebNativeImageDemo","src"],"sources":["../../src/WebNativeImageDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AAGb,SAAAC,KAAA;AADF,SAASC,mBAAA,EAAqB;EACnC,OAAO,eAAAF,IAAC,CAAAC,KAAA;IACVE,GAAA","ignoreList":[]}
@@ -1,58 +0,0 @@
1
- export * from "./AccordionDemo.native.mjs";
2
- export * from "./AddThemeDemo.native.mjs";
3
- export * from "./AlertDialogDemo.native.mjs";
4
- export * from "./AnimationsDemo.native.mjs";
5
- export * from "./AnimationsEnterDemo.native.mjs";
6
- export * from "./AnimationsHoverDemo.native.mjs";
7
- export * from "./AnimationsPresenceDemo.native.mjs";
8
- export * from "./AnimationsTimingDemo.native.mjs";
9
- export * from "./AvatarDemo.native.mjs";
10
- export * from "./BuildAButtonDemo.native.mjs";
11
- export * from "./ButtonDemo.native.mjs";
12
- export * from "./ThemeBuilderDemo.native.mjs";
13
- export * from "./CardDemo.native.mjs";
14
- export * from "./CheckboxDemo.native.mjs";
15
- export * from "./CheckboxHeadlessDemo.native.mjs";
16
- export * from "./CheckboxUnstyledDemo.native.mjs";
17
- export * from "./ColorsDemo.native.mjs";
18
- export * from "./DialogDemo.native.mjs";
19
- export * from "./FormsDemo.native.mjs";
20
- export * from "./GroupDemo.native.mjs";
21
- export * from "./HeadingsDemo.native.mjs";
22
- export * from "./ImageDemo.native.mjs";
23
- export * from "./WebNativeImageDemo.native.mjs";
24
- export * from "./InputsDemo.native.mjs";
25
- export * from "./NewInputsDemo.native.mjs";
26
- export * from "./LabelDemo.native.mjs";
27
- export * from "./LinearGradientDemo.native.mjs";
28
- export * from "./ListItemDemo.native.mjs";
29
- export * from "./LucideIconsDemo.native.mjs";
30
- export * from "./PopoverDemo.native.mjs";
31
- export * from "./ProgressDemo.native.mjs";
32
- export * from "./RadioGroupDemo.native.mjs";
33
- export * from "./RadioGroupHeadlessDemo.native.mjs";
34
- export * from "./RadioGroupUnstyledDemo.native.mjs";
35
- export * from "./ReplaceThemeDemo.native.mjs";
36
- export * from "./ScrollViewDemo.native.mjs";
37
- export * from "./SelectDemo.native.mjs";
38
- export * from "./SeparatorDemo.native.mjs";
39
- export * from "./ShapesDemo.native.mjs";
40
- export * from "./SheetDemo.native.mjs";
41
- export * from "./SliderDemo.native.mjs";
42
- export * from "./SpinnerDemo.native.mjs";
43
- export * from "./StacksDemo.native.mjs";
44
- export * from "./SwitchDemo.native.mjs";
45
- export * from "./SwitchHeadlessDemo.native.mjs";
46
- export * from "./SwitchUnstyledDemo.native.mjs";
47
- export * from "./TabsAdvancedDemo.native.mjs";
48
- export * from "./TabsDemo.native.mjs";
49
- export * from "./TextDemo.native.mjs";
50
- export * from "./ThemeInverseDemo.native.mjs";
51
- export * from "./ToastDemo.native.mjs";
52
- export * from "./ToastDuplicateDemo.native.mjs";
53
- export * from "./ToggleGroupDemo.native.mjs";
54
- export * from "./TokensDemo.native.mjs";
55
- export * from "./TooltipDemo.native.mjs";
56
- export * from "./UpdateThemeDemo.native.mjs";
57
- export * from "./useOnIntersecting.native.mjs";
58
- //# sourceMappingURL=index.native.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1,5 +0,0 @@
1
- import { config } from "@tamagui/config/v3";
2
- import { config as config2 } from "@tamagui/config/v3";
3
- var tamagui_config_default = config;
4
- export { config2 as config, tamagui_config_default as default };
5
- //# sourceMappingURL=tamagui.config.native.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["config","config2","tamagui_config_default"],"sources":["../../src/tamagui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASA,MAAA,IAAAC,OAAA,QAAc;AACvB,IAAOC,sBAAA,GAAQF,MAAA","ignoreList":[]}
@@ -1,74 +0,0 @@
1
- import { useEffect, useState } from "react";
2
- import { isWeb, useEvent } from "tamagui";
3
- function useIsIntersecting(refs) {
4
- var {
5
- once,
6
- ...opts
7
- } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
8
- [values, setValues] = useState([]);
9
- return isWeb && useOnIntersecting(refs, function (entries) {
10
- var intersecting = entries.some(function (x) {
11
- return x?.isIntersecting;
12
- });
13
- once && !intersecting || setValues(function (prev) {
14
- var next = entries.map(function (e) {
15
- var _e_isIntersecting;
16
- return (_e_isIntersecting = e?.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : !1;
17
- });
18
- return prev.length === next.length && prev.every(function (e, i) {
19
- return e === next[i];
20
- }) ? prev : next;
21
- });
22
- }, opts), Array.isArray(refs) ? values : values[0];
23
- }
24
- function useOnIntersecting(refsIn, incomingCbRaw) {
25
- var {
26
- threshold = 0,
27
- root,
28
- rootMargin
29
- } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {},
30
- mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [],
31
- onIntersectEvent = useEvent(incomingCbRaw);
32
- useEffect(function () {
33
- var refs = Array.isArray(refsIn) ? refsIn : [refsIn];
34
- if (refs.length) {
35
- var dispose = null,
36
- currentEntries = [],
37
- options = {
38
- threshold,
39
- root,
40
- rootMargin
41
- },
42
- io = new IntersectionObserver(function (entries) {
43
- currentEntries = refs.map(function (ref2, index) {
44
- var _entries_find, _ref;
45
- return (_ref = (_entries_find = entries.find(function (x) {
46
- return x.target === ref2.current;
47
- })) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
48
- }), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
49
- }, options),
50
- _iteratorNormalCompletion = !0,
51
- _didIteratorError = !1,
52
- _iteratorError = void 0;
53
- try {
54
- for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
55
- var ref = _step.value;
56
- ref.current && io.observe(ref.current);
57
- }
58
- } catch (err) {
59
- _didIteratorError = !0, _iteratorError = err;
60
- } finally {
61
- try {
62
- !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
63
- } finally {
64
- if (_didIteratorError) throw _iteratorError;
65
- }
66
- }
67
- return function () {
68
- dispose?.(), io.disconnect();
69
- };
70
- }
71
- }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
72
- }
73
- export { useIsIntersecting, useOnIntersecting };
74
- //# sourceMappingURL=useOnIntersecting.native.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useEffect","useState","isWeb","useEvent","useIsIntersecting","refs","once","opts","arguments","length","values","setValues","useOnIntersecting","entries","intersecting","some","x","isIntersecting","prev","next","map","e","_e_isIntersecting","every","i","Array","isArray","refsIn","incomingCbRaw","threshold","root","rootMargin","mountArgs","onIntersectEvent","dispose","currentEntries","options","io","IntersectionObserver","ref2","index","_entries_find","_ref","find","target","current","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","ref","value","observe"],"sources":["../../src/useOnIntersecting.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAWzB,SAASC,kBACdC,IAAA,EACA;EAEA;MAAMC,IAAC;MAAA,GAAQC;IAAA,IAASC,SAAI,CAAAC,MAAsB,QAAAD,SAAA,iBAAAA,SAAA;IAAA,CAAAE,MAAA,EAAAC,SAAA,IAAAV,QAAA;EAElD,OAAIC,KAAA,IACFU,iBAAA,CAAAP,IAAA,YAAAQ,OAAA;IACE,IAAAC,YAAA,GAAAD,OAAA,CAAAE,IAAA,WAAAC,CAAA;MACC,OAAAA,CAAA,EAAAC,cAAY;IACX;IACAX,IAAI,KAAAQ,YAAS,IAAAH,SACb,WAAWO,IAAS;MAClB,IAAAC,IAAM,GAAAN,OAAO,CAAAO,GAAA,CAAQ,UAAKC,CAAA,EAAM;QAChC,IAAAC,iBAAS;QAIV,QAAAA,iBAAA,GAAAD,CAAA,EAAAJ,cAAA,cAAAK,iBAAA,cAAAA,iBAAA;MACH;MACA,OAAAJ,IAAA,CAAAT,MAAA,KAAAU,IAAA,CAAAV,MAAA,IAAAS,IAAA,CAAAK,KAAA,WAAAF,CAAA,EAAAG,CAAA;QAII,OAAMH,CAAA,KAAQF,IAAI,CAAAK,CAAI;MAChC,KAAAN,IAAA,GAAAC,IAAA;IAEO;EAML,GAAAZ,IAAM,GAAAkB,KAAA,CAAAC,OAAA,CAAArB,IAAmB,IAAAK,MAAS,GAAAA,MAAa;AAE/C;AACE,SAAAE,iBAAoBA,CAAAe,MAAQ,EAAAC,aAAU,EAAS;EAC/C;MAAIC,SAAM,IAAQ;MAAAC,IAAA;MAAAC;IAAA,IAAAvB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAwB,SAAA,GAAAxB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAyB,gBAAA,GAAA9B,QAAA,CAAAyB,aAAA;EAElB5B,SAAI,aAA4B;IAEhC,IAAAK,IAAM,GAAAoB,KAAU,CAAAC,OAAA,CAAAC,MAAA,IAAAA,MAAA,IACdA,MAAA;IACA,IACAtB,IAAA,CAAAI,MAAA;MACF,IACMyB,OAAS;QAAAC,cAAsB;QAAAC,OAAY;UAC/CP,SAAA;UAOCC,IAAA;UAEHC;QACM;QAAAM,EAAI,OAAAC,oBACS,WAAOzB,OAAA;UAI1BsB,cAAa,GAAA9B,IAAA,CAAAe,GAAA,WAAAmB,IAAA,EAAAC,KAAA;YACX,IAAAC,aACG,EAAAC,IAAW;YAChB,QAAAA,IAAA,IAAAD,aAAA,GAAA5B,OAAA,CAAA8B,IAAA,WAAA3B,CAAA;cACC,OAAAA,CAAA,CAAA4B,MAAA,KAAAL,IAAA,CAAAM,OAAA;YACD,gBAAAJ,aAAA,cAAAA,aAAA,GAAAN,cAAA,CAAAK,KAAA,eAAAE,IAAA,cAAAA,IAAA;UACA,IAAAR,OAAA,MAAAA,OAAA,GAAAD,gBAAA,CAAAE,cAAA;QACA,GAAAC,OAAA;QAAAU,yBAAA;QAAAC,iBAAA;QAAAC,cAAA;MACA;QACA,SAAAC,SAAA,GAAA5C,IAAA,CAAA6C,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAA9B,IAAA,IAAAkC,IAAA,GAAAP,yBAAA;UAEG,IAAAQ,GAAA,GAAAF,KAAA,CAAAG,KAAA;UACJD,GAAA,CAAAT,OAAA,IAAAR,EAAA,CAAAmB,OAAA,CAAAF,GAAA,CAAAT,OAAA;QACH","ignoreList":[]}