@tamagui/demos 1.63.0 → 1.64.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 (123) hide show
  1. package/dist/cjs/SheetDemo.js +4 -1
  2. package/dist/cjs/SheetDemo.js.map +1 -1
  3. package/dist/cjs/SheetDemo.native.js +4 -1
  4. package/dist/cjs/SheetDemo.native.js.map +1 -1
  5. package/dist/cjs/TokensDemo.js +29 -26
  6. package/dist/cjs/TokensDemo.js.map +1 -1
  7. package/dist/cjs/TokensDemo.native.js +29 -26
  8. package/dist/cjs/TokensDemo.native.js.map +1 -1
  9. package/dist/cjs/useOnIntersecting.js +4 -4
  10. package/dist/cjs/useOnIntersecting.js.map +1 -1
  11. package/dist/cjs/useOnIntersecting.native.js +4 -4
  12. package/dist/cjs/useOnIntersecting.native.js.map +1 -1
  13. package/dist/esm/AccordionDemo.mjs +25 -0
  14. package/dist/esm/AccordionDemo.mjs.map +6 -0
  15. package/dist/esm/AddThemeDemo.mjs +35 -0
  16. package/dist/esm/AddThemeDemo.mjs.map +1 -1
  17. package/dist/esm/AlertDialogDemo.mjs +53 -0
  18. package/dist/esm/AlertDialogDemo.mjs.map +1 -1
  19. package/dist/esm/AnimationsDemo.mjs +86 -0
  20. package/dist/esm/AnimationsDemo.mjs.map +1 -1
  21. package/dist/esm/AnimationsEnterDemo.mjs +35 -0
  22. package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
  23. package/dist/esm/AnimationsHoverDemo.mjs +27 -0
  24. package/dist/esm/AnimationsHoverDemo.mjs.map +1 -1
  25. package/dist/esm/AnimationsPresenceDemo.mjs +68 -0
  26. package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
  27. package/dist/esm/AnimationsTimingDemo.mjs +26 -0
  28. package/dist/esm/AnimationsTimingDemo.mjs.map +1 -1
  29. package/dist/esm/AvatarDemo.mjs +30 -0
  30. package/dist/esm/AvatarDemo.mjs.map +1 -1
  31. package/dist/esm/BuildAButtonDemo.mjs +43 -0
  32. package/dist/esm/BuildAButtonDemo.mjs.map +6 -0
  33. package/dist/esm/ButtonDemo.mjs +25 -0
  34. package/dist/esm/ButtonDemo.mjs.map +1 -1
  35. package/dist/esm/CardDemo.mjs +48 -0
  36. package/dist/esm/CardDemo.mjs.map +1 -1
  37. package/dist/esm/CheckboxDemo.mjs +22 -0
  38. package/dist/esm/CheckboxDemo.mjs.map +1 -1
  39. package/dist/esm/ColorsDemo.mjs +89 -0
  40. package/dist/esm/ColorsDemo.mjs.map +1 -1
  41. package/dist/esm/DialogDemo.mjs +109 -0
  42. package/dist/esm/DialogDemo.mjs.map +2 -2
  43. package/dist/esm/FormsDemo.mjs +35 -0
  44. package/dist/esm/FormsDemo.mjs.map +1 -1
  45. package/dist/esm/Grid.mjs +37 -0
  46. package/dist/esm/Grid.mjs.map +6 -0
  47. package/dist/esm/GroupDemo.mjs +25 -0
  48. package/dist/esm/GroupDemo.mjs.map +1 -1
  49. package/dist/esm/HeadingsDemo.mjs +16 -0
  50. package/dist/esm/HeadingsDemo.mjs.map +1 -1
  51. package/dist/esm/ImageDemo.mjs +18 -0
  52. package/dist/esm/ImageDemo.mjs.map +1 -1
  53. package/dist/esm/InputsDemo.mjs +31 -0
  54. package/dist/esm/InputsDemo.mjs.map +1 -1
  55. package/dist/esm/LabelDemo.mjs +18 -0
  56. package/dist/esm/LabelDemo.mjs.map +1 -1
  57. package/dist/esm/LinearGradientDemo.mjs +33 -0
  58. package/dist/esm/LinearGradientDemo.mjs.map +1 -1
  59. package/dist/esm/ListItemDemo.mjs +47 -0
  60. package/dist/esm/ListItemDemo.mjs.map +1 -1
  61. package/dist/esm/LucideIconsDemo.mjs +53 -0
  62. package/dist/esm/LucideIconsDemo.mjs.map +1 -1
  63. package/dist/esm/PopoverDemo.mjs +82 -0
  64. package/dist/esm/PopoverDemo.mjs.map +1 -1
  65. package/dist/esm/ProgressDemo.mjs +56 -0
  66. package/dist/esm/ProgressDemo.mjs.map +1 -1
  67. package/dist/esm/RadioGroupDemo.mjs +21 -0
  68. package/dist/esm/RadioGroupDemo.mjs.map +1 -1
  69. package/dist/esm/ReplaceThemeDemo.mjs +45 -0
  70. package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
  71. package/dist/esm/ScrollViewDemo.mjs +28 -0
  72. package/dist/esm/ScrollViewDemo.mjs.map +1 -1
  73. package/dist/esm/SelectDemo.mjs +173 -0
  74. package/dist/esm/SelectDemo.mjs.map +1 -1
  75. package/dist/esm/SeparatorDemo.mjs +20 -0
  76. package/dist/esm/SeparatorDemo.mjs.map +1 -1
  77. package/dist/esm/ShapesDemo.mjs +12 -0
  78. package/dist/esm/ShapesDemo.mjs.map +1 -1
  79. package/dist/esm/SheetDemo.mjs +100 -0
  80. package/dist/esm/SheetDemo.mjs.map +1 -1
  81. package/dist/esm/SliderDemo.mjs +19 -0
  82. package/dist/esm/SliderDemo.mjs.map +1 -1
  83. package/dist/esm/SpinnerDemo.mjs +12 -0
  84. package/dist/esm/SpinnerDemo.mjs.map +1 -1
  85. package/dist/esm/StacksDemo.mjs +78 -0
  86. package/dist/esm/StacksDemo.mjs.map +1 -1
  87. package/dist/esm/SwitchDemo.mjs +45 -0
  88. package/dist/esm/SwitchDemo.mjs.map +1 -1
  89. package/dist/esm/TabsAdvancedDemo.mjs +239 -0
  90. package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
  91. package/dist/esm/TabsDemo.mjs +131 -0
  92. package/dist/esm/TabsDemo.mjs.map +1 -1
  93. package/dist/esm/TextDemo.mjs +16 -0
  94. package/dist/esm/TextDemo.mjs.map +1 -1
  95. package/dist/esm/ThemeBuilderDemo.mjs +134 -0
  96. package/dist/esm/ThemeBuilderDemo.mjs.map +6 -0
  97. package/dist/esm/ThemeInverseDemo.mjs +41 -0
  98. package/dist/esm/ThemeInverseDemo.mjs.map +1 -1
  99. package/dist/esm/ToastDemo.mjs +91 -0
  100. package/dist/esm/ToastDemo.mjs.map +1 -1
  101. package/dist/esm/ToastDuplicateDemo.mjs +44 -0
  102. package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
  103. package/dist/esm/ToggleGroupDemo.mjs +49 -0
  104. package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
  105. package/dist/esm/TokensDemo.mjs +77 -0
  106. package/dist/esm/TokensDemo.mjs.map +1 -1
  107. package/dist/esm/TooltipDemo.mjs +67 -0
  108. package/dist/esm/TooltipDemo.mjs.map +1 -1
  109. package/dist/esm/UpdateThemeDemo.mjs +51 -0
  110. package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
  111. package/dist/esm/index.mjs +50 -0
  112. package/dist/esm/index.mjs.map +1 -1
  113. package/dist/esm/tamagui.config.mjs +8 -0
  114. package/dist/esm/tamagui.config.mjs.map +2 -2
  115. package/dist/esm/useOnIntersecting.mjs +50 -0
  116. package/dist/esm/useOnIntersecting.mjs.map +1 -1
  117. package/dist/jsx/SheetDemo.native.js +4 -1
  118. package/dist/jsx/SheetDemo.native.js.map +1 -1
  119. package/dist/jsx/TokensDemo.native.js +27 -24
  120. package/dist/jsx/TokensDemo.native.js.map +1 -1
  121. package/dist/jsx/useOnIntersecting.native.js +4 -4
  122. package/dist/jsx/useOnIntersecting.native.js.map +1 -1
  123. package/package.json +19 -18
@@ -0,0 +1,51 @@
1
+ import * as Config from "@tamagui/site-config";
2
+ import { addTheme, updateTheme } from "@tamagui/theme";
3
+ import { useState } from "react";
4
+ import {
5
+ Button,
6
+ Square,
7
+ Theme,
8
+ XStack,
9
+ YStack,
10
+ getVariableValue,
11
+ useForceUpdate,
12
+ useIsomorphicLayoutEffect
13
+ } from "tamagui";
14
+ import { jsx, jsxs } from "react/jsx-runtime";
15
+ const colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
16
+ function UpdateThemeDemo() {
17
+ const [theme, setTheme] = useState(), update = useForceUpdate();
18
+ return useIsomorphicLayoutEffect(() => {
19
+ addTheme({
20
+ name: "custom",
21
+ insertCSS: !0,
22
+ theme: {
23
+ color: "red",
24
+ color2: "blue"
25
+ }
26
+ }), setTheme("custom");
27
+ }, []), /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
28
+ /* @__PURE__ */ jsx(XStack, { gap: "$5", children: /* @__PURE__ */ jsx(Theme, { name: theme ?? null, children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
29
+ /* @__PURE__ */ jsx(
30
+ Button,
31
+ {
32
+ onPress: () => {
33
+ const randomColor = getVariableValue(
34
+ colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]
35
+ );
36
+ updateTheme({
37
+ name: "custom",
38
+ theme: {
39
+ color: randomColor
40
+ }
41
+ }), update();
42
+ },
43
+ children: "Set to random color"
44
+ }
45
+ )
46
+ ] });
47
+ }
48
+ export {
49
+ UpdateThemeDemo
50
+ };
51
+ //# sourceMappingURL=UpdateThemeDemo.mjs.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/UpdateThemeDemo.tsx"],
4
- "mappings": "AAkCI,SAGM,KAHN;AAlCJ,YAAY,YAAY;AACxB,SAAS,UAAU,mBAAmB;AACtC,SAAgB,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,SAAS,OAAO,OAAO,OAAO;AACpC,MAAM,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AACxC,QAAM,SAAS,eAAe;AAE9B,4BAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AACD,aAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SACE,qBAAC,UAAO,YAAW,UAAS,OAAK,MAC/B;AAAA,wBAAC,UAAO,KAAK,MACX,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,cAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,sBAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC;AACD,iBAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
4
+ "mappings": "AAAA,YAAY,YAAY;AACxB,SAAS,UAAU,mBAAmB;AACtC,SAAgB,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsBH,SAGM,KAHN;AApBJ,MAAM,SAAS,OAAO,OAAO,OAAO,OAC9B,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,GAClC,SAAS,eAAe;AAE9B,mCAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,wBAAC,UAAO,KAAK,MACX,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,cAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,sBAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,50 @@
1
+ export * from "./AccordionDemo";
2
+ export * from "./AddThemeDemo";
3
+ export * from "./AlertDialogDemo";
4
+ export * from "./AnimationsDemo";
5
+ export * from "./AnimationsEnterDemo";
6
+ export * from "./AnimationsHoverDemo";
7
+ export * from "./AnimationsPresenceDemo";
8
+ export * from "./AnimationsTimingDemo";
9
+ export * from "./AvatarDemo";
10
+ export * from "./BuildAButtonDemo";
11
+ export * from "./ButtonDemo";
12
+ export * from "./ThemeBuilderDemo";
13
+ export * from "./CardDemo";
14
+ export * from "./CheckboxDemo";
15
+ export * from "./ColorsDemo";
16
+ export * from "./DialogDemo";
17
+ export * from "./FormsDemo";
18
+ export * from "./GroupDemo";
19
+ export * from "./HeadingsDemo";
20
+ export * from "./ImageDemo";
21
+ export * from "./InputsDemo";
22
+ export * from "./LabelDemo";
23
+ export * from "./LinearGradientDemo";
24
+ export * from "./ListItemDemo";
25
+ export * from "./LucideIconsDemo";
26
+ export * from "./PopoverDemo";
27
+ export * from "./ProgressDemo";
28
+ export * from "./RadioGroupDemo";
29
+ export * from "./ReplaceThemeDemo";
30
+ export * from "./ScrollViewDemo";
31
+ export * from "./SelectDemo";
32
+ export * from "./SeparatorDemo";
33
+ export * from "./ShapesDemo";
34
+ export * from "./SheetDemo";
35
+ export * from "./SliderDemo";
36
+ export * from "./SpinnerDemo";
37
+ export * from "./StacksDemo";
38
+ export * from "./SwitchDemo";
39
+ export * from "./TabsAdvancedDemo";
40
+ export * from "./TabsDemo";
41
+ export * from "./TextDemo";
42
+ export * from "./ThemeInverseDemo";
43
+ export * from "./ToastDemo";
44
+ export * from "./ToastDuplicateDemo";
45
+ export * from "./ToggleGroupDemo";
46
+ export * from "./TokensDemo";
47
+ export * from "./TooltipDemo";
48
+ export * from "./UpdateThemeDemo";
49
+ export * from "./useOnIntersecting";
50
+ //# sourceMappingURL=index.mjs.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
- "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;",
4
+ "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;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,8 @@
1
+ import { config } from "@tamagui/site-config";
2
+ import { config as config2 } from "@tamagui/site-config";
3
+ var tamagui_config_default = config;
4
+ export {
5
+ config2 as config,
6
+ tamagui_config_default as default
7
+ };
8
+ //# sourceMappingURL=tamagui.config.mjs.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tamagui.config.ts"],
4
- "mappings": "AAAA,SAAS,cAAc;AACvB,IAAO,yBAAQ;",
5
- "names": []
4
+ "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,UAAAA,eAAc;AACvB,IAAO,yBAAQ;",
5
+ "names": ["config"]
6
6
  }
@@ -0,0 +1,50 @@
1
+ import { useEffect, useState } from "react";
2
+ import { isWeb, useEvent } from "tamagui";
3
+ function useIsIntersecting(refs, { once, ...opts } = {}) {
4
+ const [values, setValues] = useState([]);
5
+ return isWeb && useOnIntersecting(
6
+ refs,
7
+ (entries) => {
8
+ const intersecting = entries.some((x) => x?.isIntersecting);
9
+ once && !intersecting || setValues((prev) => {
10
+ const next = entries.map((e) => e?.isIntersecting ?? !1);
11
+ return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
12
+ });
13
+ },
14
+ opts
15
+ ), Array.isArray(refs) ? values : values[0];
16
+ }
17
+ function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {
18
+ const onIntersectEvent = useEvent(incomingCbRaw);
19
+ useEffect(() => {
20
+ const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
21
+ if (!refs.length)
22
+ return;
23
+ let dispose = null, currentEntries = [];
24
+ const options = {
25
+ threshold,
26
+ root,
27
+ rootMargin
28
+ }, io = new IntersectionObserver((entries) => {
29
+ currentEntries = refs.map((ref, index) => entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
30
+ }, options);
31
+ for (const ref of refs)
32
+ ref.current && io.observe(ref.current);
33
+ return () => {
34
+ dispose?.(), io.disconnect();
35
+ };
36
+ }, [
37
+ onIntersectEvent,
38
+ refsIn,
39
+ root,
40
+ rootMargin,
41
+ threshold,
42
+ // eslint-disable-next-line react-hooks/exhaustive-deps
43
+ ...mountArgs
44
+ ]);
45
+ }
46
+ export {
47
+ useIsIntersecting,
48
+ useOnIntersecting
49
+ };
50
+ //# sourceMappingURL=useOnIntersecting.mjs.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/useOnIntersecting.tsx"],
4
- "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,MAAI,OAAO;AACT;AAAA,MACE;AAAA,MACA,CAAC,YAAY;AACX,cAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,YAAI,QAAQ,CAAC;AAAc;AAC3B,kBAAU,CAAC,SAAS;AAClB,gBAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,KAAK;AAC1D,cAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG;AACtE,mBAAO;AAAA,UACT;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAQ,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B;AAChC,QAAI,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,UAAM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAAU;AACxC,eACE,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK;AAAA,MAE9E,CAAC;AACD;AACA,gBAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO,MAAM;AACtB,UAAI,IAAI,SAAS;AACf,WAAG,QAAQ,IAAI,OAAO;AAAA,MACxB;AAAA,IACF;AAEA,WAAO,MAAM;AACX;AACA,SAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
4
+ "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,GAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,MAAM,GAAG,kBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,UAAU,GACV,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,gBAAU,GACV,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
5
5
  "names": []
6
6
  }
@@ -66,7 +66,10 @@ function InnerSheet(props) {
66
66
  circular
67
67
  alignSelf="center"
68
68
  icon={ChevronDown}
69
- onPress={() => props.onOpenChange?.(!1)}
69
+ onPress={() => {
70
+ var _a;
71
+ return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, !1);
72
+ }}
70
73
  />
71
74
  <H2>Hello world</H2>
72
75
  {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => <Paragraph key={i} size="$8">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.</Paragraph>)}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SheetDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -36,30 +36,33 @@ function SizeSection({ section }) {
36
36
  return <YStack flex={1} space>
37
37
  <H2>Sizes</H2>
38
38
  <YStack width="100%" space="$2" separator={<Separator />}>{(section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
39
- (token) => <XStack width="100%" alignItems="center" key={token}>
40
- <YStack width="25%"><H3 size="$6">
41
- {"$"}
42
- {token}
43
- </H3></YStack>
44
- <YStack width="20%"><H4 size="$5">
45
- {tokens[token]?.val}
46
- {"px"}
47
- </H4></YStack>
48
- <Square
49
- size={tokens[token]?.val}
50
- backgroundColor="$color5"
51
- {...section === "spaceNegative" && {
52
- backgroundColor: "$red5",
53
- size: -tokens[spaceTokensNegative.find(
54
- (t) => parseFloat(t) === -parseFloat(token)
55
- ) ?? token]?.val
56
- }}
57
- {...section === "radius" && {
58
- size: allTokens.size[token]?.val,
59
- borderRadius: tokens[token]?.val
60
- }}
61
- />
62
- </XStack>
39
+ (token) => {
40
+ var _a, _b, _c, _d, _e;
41
+ return <XStack width="100%" alignItems="center" key={token}>
42
+ <YStack width="25%"><H3 size="$6">
43
+ {"$"}
44
+ {token}
45
+ </H3></YStack>
46
+ <YStack width="20%"><H4 size="$5">
47
+ {(_a = tokens[token]) == null ? void 0 : _a.val}
48
+ {"px"}
49
+ </H4></YStack>
50
+ <Square
51
+ size={(_b = tokens[token]) == null ? void 0 : _b.val}
52
+ backgroundColor="$color5"
53
+ {...section === "spaceNegative" && {
54
+ backgroundColor: "$red5",
55
+ size: -((_c = tokens[spaceTokensNegative.find(
56
+ (t) => parseFloat(t) === -parseFloat(token)
57
+ ) ?? token]) == null ? void 0 : _c.val)
58
+ }}
59
+ {...section === "radius" && {
60
+ size: (_d = allTokens.size[token]) == null ? void 0 : _d.val,
61
+ borderRadius: (_e = tokens[token]) == null ? void 0 : _e.val
62
+ }}
63
+ />
64
+ </XStack>;
65
+ }
63
66
  )}</YStack>
64
67
  </YStack>;
65
68
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TokensDemo.tsx"],
4
- "mappings": "AAAA,SAAiB,iBAAiB;AAClC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AAI9E,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,WAAW,SAAS,UAAU,UACnC,SAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,CAAC,OAAO,KAAK,KAAK,KAChB,CAAC;AAAA,MACC,KAAK;AAAA,MACL,OAAO,YAAY,MAAM,WAAW;AAAA,MACpC,WAAW;AAAA,MACX,SAAS,MAAM,WAAW,GAAG;AAAA,MAE5B,KACH,EAPC,OAQH,EATC,OAAO,KAWX,EACH,EAfC;AAAA,MAiBC,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,CAAC,YAAY,SAAS,SAAS;AAAA,EAC5D,EAtBC;AAwBL;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,CAAC,OAAO,MAAM,GAAG;AAAA,IACf,CAAC,GAAG,KAAK,EAAR;AAAA,IACD,CAAC,OAAO,MAAM,OAAO,MAAM,KAAK,WAAW,CAAC,UAAU,MAClD,YAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,CAAC,OAAO,MAAM,OAAO,WAAW,SAAS,KAAK;AAAA,QAC5C,CAAC,OAAO,MAAM,MACZ,CAAC,GAAG,KAAK;AAAA,WAAK;AAAA,WAAE;AAAA,QAAM,EAArB,GACH,EAFC;AAAA,QAGD,CAAC,OAAO,MAAM,MACZ,CAAC,GAAG,KAAK;AAAA,WAAM,OAAO,KAAK,GAAG;AAAA,WAAI;AAAA,QAAE,EAAnC,GACH,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,MAAM,OAAO,KAAK,GAAG;AAAA,UACrB,gBAAgB;AAAA,cACX,YAAY,mBAAmB;AAAA,YAClC,iBAAiB;AAAA,YACjB,MAAM,CAAC,OACL,oBAAoB;AAAA,cAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,YAC5C,KAAK,KACP,GAAG;AAAA,UACL;AAAA,cACK,YAAY,YAAY;AAAA,YAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,YAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,UAC/B;AAAA,QACF;AAAA,MACF,EAvBC;AAAA,IA0BP,EACF,EA/BC;AAAA,EAgCH,EAlCC;AAoCL;",
4
+ "mappings": "AAAA,SAAiB,iBAAiB;AAClC,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AAI9E,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,WAAW,SAAS,UAAU,UACnC,SAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,CAAC,OAAO,KAAK,KAAK,KAChB,CAAC;AAAA,MACC,KAAK;AAAA,MACL,OAAO,YAAY,MAAM,WAAW;AAAA,MACpC,WAAW;AAAA,MACX,SAAS,MAAM,WAAW,GAAG;AAAA,MAE5B,KACH,EAPC,OAQH,EATC,OAAO,KAWX,EACH,EAfC;AAAA,MAiBC,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,CAAC,YAAY,SAAS,SAAS;AAAA,EAC5D,EAtBC;AAwBL;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,CAAC,OAAO,MAAM,GAAG;AAAA,IACf,CAAC,GAAG,KAAK,EAAR;AAAA,IACD,CAAC,OAAO,MAAM,OAAO,MAAM,KAAK,WAAW,CAAC,UAAU,MAClD,YAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAAU;AArErB;AAsEY,eACE,CAAC,OAAO,MAAM,OAAO,WAAW,SAAS,KAAK;AAAA,UAC5C,CAAC,OAAO,MAAM,MACZ,CAAC,GAAG,KAAK;AAAA,aAAK;AAAA,aAAE;AAAA,UAAM,EAArB,GACH,EAFC;AAAA,UAGD,CAAC,OAAO,MAAM,MACZ,CAAC,GAAG,KAAK;AAAA,cAAM,YAAO,KAAK,MAAZ,mBAAe;AAAA,aAAI;AAAA,UAAE,EAAnC,GACH,EAFC;AAAA,UAGD,CAAC;AAAA,YACC,OAAM,YAAO,KAAK,MAAZ,mBAAe;AAAA,YACrB,gBAAgB;AAAA,gBACX,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MAAM,GAAC,YACL,oBAAoB;AAAA,gBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,cAC5C,KAAK,KACP,MAJO,mBAIJ;AAAA,YACL;AAAA,gBACK,YAAY,YAAY;AAAA,cAC3B,OAAM,eAAU,KAAK,KAAK,MAApB,mBAAuB;AAAA,cAC7B,eAAc,YAAO,KAAK,MAAZ,mBAAe;AAAA,YAC/B;AAAA,UACF;AAAA,QACF,EAvBC;AAAA,MAyBL;AAAA,IACF,EACF,EA/BC;AAAA,EAgCH,EAlCC;AAoCL;",
5
5
  "names": []
6
6
  }
@@ -5,9 +5,9 @@ function useIsIntersecting(refs, { once, ...opts } = {}) {
5
5
  return isWeb && useOnIntersecting(
6
6
  refs,
7
7
  (entries) => {
8
- const intersecting = entries.some((x) => x?.isIntersecting);
8
+ const intersecting = entries.some((x) => x == null ? void 0 : x.isIntersecting);
9
9
  once && !intersecting || setValues((prev) => {
10
- const next = entries.map((e) => e?.isIntersecting ?? !1);
10
+ const next = entries.map((e) => (e == null ? void 0 : e.isIntersecting) ?? !1);
11
11
  return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
12
12
  });
13
13
  },
@@ -26,12 +26,12 @@ function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMar
26
26
  root,
27
27
  rootMargin
28
28
  }, io = new IntersectionObserver((entries) => {
29
- currentEntries = refs.map((ref, index) => entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
29
+ currentEntries = refs.map((ref, index) => entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null), dispose == null || dispose(), dispose = onIntersectEvent(currentEntries) || null;
30
30
  }, options);
31
31
  for (const ref of refs)
32
32
  ref.current && io.observe(ref.current);
33
33
  return () => {
34
- dispose?.(), io.disconnect();
34
+ dispose == null || dispose(), io.disconnect();
35
35
  };
36
36
  }, [
37
37
  onIntersectEvent,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/useOnIntersecting.tsx"],
4
- "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,GAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,MAAM,GAAG,kBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,UAAU,GACV,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,gBAAU,GACV,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
4
+ "mappings": "AAAA,SAA2B,WAAW,gBAAgB;AACtD,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,8BACA,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,oCACA,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.63.0",
3
+ "version": "1.64.1",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -28,34 +28,35 @@
28
28
  },
29
29
  "./demo/*": {
30
30
  "types": "./types/*.d.ts",
31
+ "node": "./dist/cjs/*.js",
31
32
  "import": "./dist/esm/*.js",
32
33
  "require": "./dist/cjs/*.js"
33
34
  }
34
35
  },
35
36
  "dependencies": {
36
- "@tamagui/avatar": "1.63.0",
37
- "@tamagui/button": "1.63.0",
38
- "@tamagui/core": "1.63.0",
39
- "@tamagui/list-item": "1.63.0",
40
- "@tamagui/logo": "1.63.0",
41
- "@tamagui/menu": "1.63.0",
42
- "@tamagui/popover": "1.63.0",
43
- "@tamagui/progress": "1.63.0",
44
- "@tamagui/radio-group": "1.63.0",
45
- "@tamagui/select": "1.63.0",
46
- "@tamagui/sheet": "1.63.0",
47
- "@tamagui/site-config": "1.63.0",
48
- "@tamagui/slider": "1.63.0",
49
- "@tamagui/stacks": "1.63.0",
50
- "@tamagui/toast": "1.63.0",
51
- "tamagui": "1.63.0"
37
+ "@tamagui/avatar": "1.64.1",
38
+ "@tamagui/button": "1.64.1",
39
+ "@tamagui/core": "1.64.1",
40
+ "@tamagui/list-item": "1.64.1",
41
+ "@tamagui/logo": "1.64.1",
42
+ "@tamagui/menu": "1.64.1",
43
+ "@tamagui/popover": "1.64.1",
44
+ "@tamagui/progress": "1.64.1",
45
+ "@tamagui/radio-group": "1.64.1",
46
+ "@tamagui/select": "1.64.1",
47
+ "@tamagui/sheet": "1.64.1",
48
+ "@tamagui/site-config": "1.64.1",
49
+ "@tamagui/slider": "1.64.1",
50
+ "@tamagui/stacks": "1.64.1",
51
+ "@tamagui/toast": "1.64.1",
52
+ "tamagui": "1.64.1"
52
53
  },
53
54
  "peerDependencies": {
54
55
  "react": "*",
55
56
  "react-dom": "*"
56
57
  },
57
58
  "devDependencies": {
58
- "@tamagui/build": "1.63.0",
59
+ "@tamagui/build": "1.64.1",
59
60
  "react": "^18.2.0",
60
61
  "react-dom": "^18.2.0"
61
62
  },