@tamagui/demos 1.125.6 → 1.125.7

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 (121) 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 +130 -168
  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 +112 -143
  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 +183 -263
  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 +146 -189
  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 +135 -158
  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 +4 -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 +20 -20
@@ -3,85 +3,68 @@ import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
3
3
  import { Sheet } from "@tamagui/sheet";
4
4
  import React, { memo } from "react";
5
5
  import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
6
- var spModes = [
7
- "percent",
8
- "constant",
9
- "fit",
10
- "mixed"
11
- ], SheetDemo = function() {
12
- var [position, setPosition] = React.useState(0), [open, setOpen] = React.useState(!1), [modal, setModal] = React.useState(!0), [innerOpen, setInnerOpen] = React.useState(!1), [snapPointsMode, setSnapPointsMode] = React.useState("percent"), [mixedFitDemo, setMixedFitDemo] = React.useState(!1), isPercent = snapPointsMode === "percent", isConstant = snapPointsMode === "constant", isFit = snapPointsMode === "fit", isMixed = snapPointsMode === "mixed", snapPoints = isPercent ? [
13
- 85,
14
- 50,
15
- 25
16
- ] : isConstant ? [
17
- 256,
18
- 190
19
- ] : isFit ? void 0 : mixedFitDemo ? [
20
- "fit",
21
- 110
22
- ] : [
23
- "80%",
24
- 256,
25
- 190
26
- ];
27
- return /* @__PURE__ */ _jsxs(_Fragment, {
28
- children: [
29
- /* @__PURE__ */ _jsxs(YStack, {
6
+ var spModes = ["percent", "constant", "fit", "mixed"],
7
+ SheetDemo = function () {
8
+ var [position, setPosition] = React.useState(0),
9
+ [open, setOpen] = React.useState(!1),
10
+ [modal, setModal] = React.useState(!0),
11
+ [innerOpen, setInnerOpen] = React.useState(!1),
12
+ [snapPointsMode, setSnapPointsMode] = React.useState("percent"),
13
+ [mixedFitDemo, setMixedFitDemo] = React.useState(!1),
14
+ isPercent = snapPointsMode === "percent",
15
+ isConstant = snapPointsMode === "constant",
16
+ isFit = snapPointsMode === "fit",
17
+ isMixed = snapPointsMode === "mixed",
18
+ snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
19
+ return /* @__PURE__ */_jsxs(_Fragment, {
20
+ children: [/* @__PURE__ */_jsxs(YStack, {
30
21
  gap: "$4",
31
- children: [
32
- /* @__PURE__ */ _jsxs(XStack, {
33
- gap: "$4",
34
- $sm: {
35
- flexDirection: "column",
36
- alignItems: "center"
22
+ children: [/* @__PURE__ */_jsxs(XStack, {
23
+ gap: "$4",
24
+ $sm: {
25
+ flexDirection: "column",
26
+ alignItems: "center"
27
+ },
28
+ children: [/* @__PURE__ */_jsx(Button, {
29
+ onPress: function () {
30
+ return setOpen(!0);
37
31
  },
38
- children: [
39
- /* @__PURE__ */ _jsx(Button, {
40
- onPress: function() {
41
- return setOpen(!0);
42
- },
43
- children: "Open"
44
- }),
45
- /* @__PURE__ */ _jsx(Button, {
46
- onPress: function() {
47
- return setModal(function(x) {
48
- return !x;
49
- });
50
- },
51
- children: modal ? "Type: Modal" : "Type: Inline"
52
- }),
53
- /* @__PURE__ */ _jsx(Button, {
54
- onPress: function() {
55
- return setSnapPointsMode(function(prev) {
56
- return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
57
- });
58
- },
59
- children: `Mode: ${{
60
- percent: "Percentage",
61
- constant: "Constant",
62
- fit: "Fit",
63
- mixed: "Mixed"
64
- }[snapPointsMode]}`
65
- })
66
- ]
67
- }),
68
- isMixed ? /* @__PURE__ */ _jsx(Button, {
69
- onPress: function() {
70
- return setMixedFitDemo(function(x) {
32
+ children: "Open"
33
+ }), /* @__PURE__ */_jsx(Button, {
34
+ onPress: function () {
35
+ return setModal(function (x) {
71
36
  return !x;
72
37
  });
73
38
  },
74
- children: `Snap Points: ${JSON.stringify(snapPoints)}`
75
- }) : /* @__PURE__ */ _jsx(XStack, {
76
- paddingVertical: "$2.5",
77
- justifyContent: "center",
78
- children: /* @__PURE__ */ _jsx(Paragraph, {
79
- children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
80
- })
39
+ children: modal ? "Type: Modal" : "Type: Inline"
40
+ }), /* @__PURE__ */_jsx(Button, {
41
+ onPress: function () {
42
+ return setSnapPointsMode(function (prev) {
43
+ return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
44
+ });
45
+ },
46
+ children: `Mode: ${{
47
+ percent: "Percentage",
48
+ constant: "Constant",
49
+ fit: "Fit",
50
+ mixed: "Mixed"
51
+ }[snapPointsMode]}`
52
+ })]
53
+ }), isMixed ? /* @__PURE__ */_jsx(Button, {
54
+ onPress: function () {
55
+ return setMixedFitDemo(function (x) {
56
+ return !x;
57
+ });
58
+ },
59
+ children: `Snap Points: ${JSON.stringify(snapPoints)}`
60
+ }) : /* @__PURE__ */_jsx(XStack, {
61
+ paddingVertical: "$2.5",
62
+ justifyContent: "center",
63
+ children: /* @__PURE__ */_jsx(Paragraph, {
64
+ children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
81
65
  })
82
- ]
83
- }),
84
- /* @__PURE__ */ _jsxs(Sheet, {
66
+ })]
67
+ }), /* @__PURE__ */_jsxs(Sheet, {
85
68
  forceRemoveScrollEnabled: open,
86
69
  modal,
87
70
  open,
@@ -93,136 +76,110 @@ var spModes = [
93
76
  onPositionChange: setPosition,
94
77
  zIndex: 1e5,
95
78
  animation: "medium",
96
- children: [
97
- /* @__PURE__ */ _jsx(Sheet.Overlay, {
98
- animation: "lazy",
99
- backgroundColor: "$shadow6",
100
- enterStyle: {
101
- opacity: 0
102
- },
103
- exitStyle: {
104
- opacity: 0
105
- }
106
- }),
107
- /* @__PURE__ */ _jsx(Sheet.Handle, {}),
108
- /* @__PURE__ */ _jsx(Sheet.Frame, {
109
- padding: "$4",
110
- justifyContent: "center",
111
- alignItems: "center",
112
- gap: "$5",
113
- children: /* @__PURE__ */ _jsx(SheetContents, {
114
- modal,
115
- isPercent,
116
- innerOpen,
117
- setInnerOpen,
118
- setOpen
119
- })
79
+ children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
80
+ animation: "lazy",
81
+ backgroundColor: "$shadow6",
82
+ enterStyle: {
83
+ opacity: 0
84
+ },
85
+ exitStyle: {
86
+ opacity: 0
87
+ }
88
+ }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
89
+ padding: "$4",
90
+ justifyContent: "center",
91
+ alignItems: "center",
92
+ gap: "$5",
93
+ children: /* @__PURE__ */_jsx(SheetContents, {
94
+ modal,
95
+ isPercent,
96
+ innerOpen,
97
+ setInnerOpen,
98
+ setOpen
120
99
  })
121
- ]
122
- })
123
- ]
124
- });
125
- }, SheetContents = /* @__PURE__ */ memo(function(param) {
126
- var { modal, isPercent, innerOpen, setInnerOpen, setOpen } = param;
127
- return /* @__PURE__ */ _jsxs(_Fragment, {
128
- children: [
129
- /* @__PURE__ */ _jsx(Button, {
100
+ })]
101
+ })]
102
+ });
103
+ },
104
+ SheetContents = /* @__PURE__ */memo(function (param) {
105
+ var {
106
+ modal,
107
+ isPercent,
108
+ innerOpen,
109
+ setInnerOpen,
110
+ setOpen
111
+ } = param;
112
+ return /* @__PURE__ */_jsxs(_Fragment, {
113
+ children: [/* @__PURE__ */_jsx(Button, {
130
114
  size: "$6",
131
115
  circular: !0,
132
116
  icon: ChevronDown,
133
- onPress: function() {
117
+ onPress: function () {
134
118
  return setOpen(!1);
135
119
  }
136
- }),
137
- /* @__PURE__ */ _jsx(Input, {
120
+ }), /* @__PURE__ */_jsx(Input, {
138
121
  width: 200
139
- }),
140
- modal && isPercent && /* @__PURE__ */ _jsxs(_Fragment, {
141
- children: [
142
- /* @__PURE__ */ _jsx(InnerSheet, {
143
- open: innerOpen,
144
- onOpenChange: setInnerOpen
145
- }),
146
- /* @__PURE__ */ _jsx(Button, {
147
- size: "$6",
148
- circular: !0,
149
- icon: ChevronUp,
150
- onPress: function() {
151
- return setInnerOpen(!0);
152
- }
153
- })
154
- ]
155
- })
156
- ]
122
+ }), modal && isPercent && /* @__PURE__ */_jsxs(_Fragment, {
123
+ children: [/* @__PURE__ */_jsx(InnerSheet, {
124
+ open: innerOpen,
125
+ onOpenChange: setInnerOpen
126
+ }), /* @__PURE__ */_jsx(Button, {
127
+ size: "$6",
128
+ circular: !0,
129
+ icon: ChevronUp,
130
+ onPress: function () {
131
+ return setInnerOpen(!0);
132
+ }
133
+ })]
134
+ })]
135
+ });
157
136
  });
158
- });
159
137
  function InnerSheet(props) {
160
- return /* @__PURE__ */ _jsxs(Sheet, {
138
+ return /* @__PURE__ */_jsxs(Sheet, {
161
139
  animation: "medium",
162
140
  modal: !0,
163
- snapPoints: [
164
- 90
165
- ],
141
+ snapPoints: [90],
166
142
  dismissOnSnapToBottom: !0,
167
143
  ...props,
168
- children: [
169
- /* @__PURE__ */ _jsx(Sheet.Overlay, {
170
- animation: "medium",
171
- bg: "$shadow2",
172
- enterStyle: {
173
- opacity: 0
174
- },
175
- exitStyle: {
176
- opacity: 0
177
- }
178
- }),
179
- /* @__PURE__ */ _jsx(Sheet.Handle, {}),
180
- /* @__PURE__ */ _jsx(Sheet.Frame, {
181
- flex: 1,
182
- justifyContent: "center",
183
- alignItems: "center",
184
- gap: "$5",
185
- children: /* @__PURE__ */ _jsx(Sheet.ScrollView, {
186
- children: /* @__PURE__ */ _jsxs(YStack, {
187
- padding: "$5",
188
- gap: "$8",
189
- children: [
190
- /* @__PURE__ */ _jsx(Button, {
191
- size: "$6",
192
- circular: !0,
193
- alignSelf: "center",
194
- icon: ChevronDown,
195
- onPress: function() {
196
- var _props_onOpenChange;
197
- return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
198
- }
199
- }),
200
- /* @__PURE__ */ _jsx(H2, {
201
- children: "Hello world"
202
- }),
203
- [
204
- 1,
205
- 2,
206
- 3,
207
- 4,
208
- 5,
209
- 6,
210
- 7,
211
- 8
212
- ].map(function(i) {
213
- return /* @__PURE__ */ _jsx(Paragraph, {
214
- size: "$8",
215
- 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."
216
- }, i);
217
- })
218
- ]
219
- })
144
+ children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
145
+ animation: "medium",
146
+ bg: "$shadow2",
147
+ enterStyle: {
148
+ opacity: 0
149
+ },
150
+ exitStyle: {
151
+ opacity: 0
152
+ }
153
+ }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
154
+ flex: 1,
155
+ justifyContent: "center",
156
+ alignItems: "center",
157
+ gap: "$5",
158
+ children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
159
+ children: /* @__PURE__ */_jsxs(YStack, {
160
+ padding: "$5",
161
+ gap: "$8",
162
+ children: [/* @__PURE__ */_jsx(Button, {
163
+ size: "$6",
164
+ circular: !0,
165
+ alignSelf: "center",
166
+ icon: ChevronDown,
167
+ onPress: function () {
168
+ var _props_onOpenChange;
169
+ return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
170
+ }
171
+ }), /* @__PURE__ */_jsx(H2, {
172
+ children: "Hello world"
173
+ }), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
174
+ return /* @__PURE__ */_jsx(Paragraph, {
175
+ size: "$8",
176
+ 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."
177
+ }, i);
178
+ })]
220
179
  })
221
180
  })
222
- ]
181
+ })]
223
182
  });
224
183
  }
225
- export {
226
- SheetDemo
227
- };
228
- //# sourceMappingURL=SheetDemo.js.map
184
+ export { SheetDemo };
185
+ //# sourceMappingURL=SheetDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/SheetDemo.tsx"],
4
- "mappings": "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",
5
- "names": ["ChevronDown", "ChevronUp", "Sheet", "React", "memo", "Button", "H2", "Input", "Paragraph", "XStack", "YStack", "spModes", "SheetDemo", "position", "setPosition", "useState", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "snapPointsMode", "setSnapPointsMode", "mixedFitDemo", "setMixedFitDemo", "isPercent", "isConstant", "isFit", "isMixed", "snapPoints", "undefined", "gap", "$sm", "flexDirection", "alignItems", "onPress", "x", "prev", "indexOf", "length", "percent", "constant", "fit", "mixed", "JSON", "stringify", "paddingVertical", "justifyContent", "forceRemoveScrollEnabled", "onOpenChange", "dismissOnSnapToBottom", "onPositionChange", "zIndex", "animation", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "SheetContents", "size", "circular", "icon", "width", "InnerSheet", "props", "bg", "flex", "ScrollView", "alignSelf", "map", "i"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$sm","flexDirection","alignItems","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","paddingVertical","justifyContent","forceRemoveScrollEnabled","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","animation","Overlay","backgroundColor","enterStyle"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,44 +1,36 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Slider, XStack } from "tamagui";
3
3
  function SliderDemo() {
4
- return /* @__PURE__ */ _jsxs(XStack, {
4
+ return /* @__PURE__ */_jsxs(XStack, {
5
5
  height: 200,
6
6
  alignItems: "center",
7
7
  gap: "$8",
8
- children: [
9
- /* @__PURE__ */ _jsx(SimpleSlider, {
10
- height: 200,
11
- orientation: "vertical"
12
- }),
13
- /* @__PURE__ */ _jsx(SimpleSlider, {
14
- width: 200
15
- })
16
- ]
8
+ children: [/* @__PURE__ */_jsx(SimpleSlider, {
9
+ height: 200,
10
+ orientation: "vertical"
11
+ }), /* @__PURE__ */_jsx(SimpleSlider, {
12
+ width: 200
13
+ })]
17
14
  });
18
15
  }
19
16
  function SimpleSlider(param) {
20
- var { children, ...props } = param;
21
- return /* @__PURE__ */ _jsxs(Slider, {
22
- defaultValue: [
23
- 50
24
- ],
17
+ var {
18
+ children,
19
+ ...props
20
+ } = param;
21
+ return /* @__PURE__ */_jsxs(Slider, {
22
+ defaultValue: [50],
25
23
  max: 100,
26
24
  step: 1,
27
25
  ...props,
28
- children: [
29
- /* @__PURE__ */ _jsx(Slider.Track, {
30
- children: /* @__PURE__ */ _jsx(Slider.TrackActive, {})
31
- }),
32
- /* @__PURE__ */ _jsx(Slider.Thumb, {
33
- size: "$2",
34
- index: 0,
35
- circular: !0
36
- }),
37
- children
38
- ]
26
+ children: [/* @__PURE__ */_jsx(Slider.Track, {
27
+ children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
28
+ }), /* @__PURE__ */_jsx(Slider.Thumb, {
29
+ size: "$2",
30
+ index: 0,
31
+ circular: !0
32
+ }), children]
39
33
  });
40
34
  }
41
- export {
42
- SliderDemo
43
- };
44
- //# sourceMappingURL=SliderDemo.js.map
35
+ export { SliderDemo };
36
+ //# sourceMappingURL=SliderDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/SliderDemo.tsx"],
4
- "mappings": ";AACA,SAASA,QAAQC,cAAc;AAExB,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,QAAQ;IAAKC,YAAW;IAASC,KAAI;;MAC3C,qBAACC,cAAAA;QAAaH,QAAQ;QAAKI,aAAY;;MACvC,qBAACD,cAAAA;QAAaE,OAAO;;;;AAG3B;AAEA,SAASF,aAAa,OAAmC;MAAnC,EAAEG,UAAU,GAAGC,MAAAA,IAAf;AACpB,SACE,sBAACV,QAAAA;IAAOW,cAAc;MAAC;;IAAKC,KAAK;IAAKC,MAAM;IAAI,GAAGH;;MACjD,qBAACV,OAAOc,OAAK;kBACX,qBAACd,OAAOe,aAAW,CAAA,CAAA;;MAErB,qBAACf,OAAOgB,OAAK;QAACC,MAAK;QAAKC,OAAO;QAAGC,UAAQ;;MACzCV;;;AAGP;",
5
- "names": ["Slider", "XStack", "SliderDemo", "height", "alignItems", "gap", "SimpleSlider", "orientation", "width", "children", "props", "defaultValue", "max", "step", "Track", "TrackActive", "Thumb", "size", "index", "circular"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Slider","XStack","SliderDemo","height","alignItems","gap","children","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAI3B,SACEC,MADF,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,MAAA;IACAC,UAAA,UAAC;IAAyBC,GAC5B;IAEJC,QAAA,GAEA,eAAsBT,IAAE,CAAAU,YAAa;MACnCJ,MACE;MACEK,WAAA;IAGA,IACC,eAAAX,IAAA,CAAAU,YAAA;MACHE,KAAA;IAEJ","ignoreList":[]}
@@ -1,23 +1,18 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Spinner, YStack } from "tamagui";
3
3
  function SpinnerDemo() {
4
- return /* @__PURE__ */ _jsxs(YStack, {
4
+ return /* @__PURE__ */_jsxs(YStack, {
5
5
  padding: "$3",
6
6
  space: "$4",
7
7
  alignItems: "center",
8
- children: [
9
- /* @__PURE__ */ _jsx(Spinner, {
10
- size: "small",
11
- color: "$green10"
12
- }),
13
- /* @__PURE__ */ _jsx(Spinner, {
14
- size: "large",
15
- color: "$orange10"
16
- })
17
- ]
8
+ children: [/* @__PURE__ */_jsx(Spinner, {
9
+ size: "small",
10
+ color: "$green10"
11
+ }), /* @__PURE__ */_jsx(Spinner, {
12
+ size: "large",
13
+ color: "$orange10"
14
+ })]
18
15
  });
19
16
  }
20
- export {
21
- SpinnerDemo
22
- };
23
- //# sourceMappingURL=SpinnerDemo.js.map
17
+ export { SpinnerDemo };
18
+ //# sourceMappingURL=SpinnerDemo.native.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/demos/src/SpinnerDemo.tsx"],
4
- "mappings": ";AAAA,SAASA,SAASC,cAAc;AAEzB,SAASC,cAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;IAAKC,YAAW;;MACzC,qBAACL,SAAAA;QAAQM,MAAK;QAAQC,OAAM;;MAC5B,qBAACP,SAAAA;QAAQM,MAAK;QAAQC,OAAM;;;;AAGlC;",
5
- "names": ["Spinner", "YStack", "SpinnerDemo", "padding", "space", "alignItems", "size", "color"]
6
- }
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Spinner","YStack","SpinnerDemo","padding","space","alignItems","children"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAc;AAI5B,SACEC,OADF,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,OAAA;IACAC,KAAA;IAAwCC,UAC1C;IAEJC,QAAA,G","ignoreList":[]}