@tamagui/demos 1.135.3 → 1.135.4-1761748186554
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.
- package/dist/cjs/AccordionDemo.native.js +84 -90
- package/dist/cjs/AccordionDemo.native.js.map +1 -6
- package/dist/cjs/AddThemeDemo.cjs +1 -1
- package/dist/cjs/AddThemeDemo.js +1 -1
- package/dist/cjs/AddThemeDemo.js.map +1 -1
- package/dist/cjs/AddThemeDemo.native.js +50 -48
- package/dist/cjs/AddThemeDemo.native.js.map +1 -6
- package/dist/cjs/AlertDialogDemo.native.js +83 -95
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -6
- package/dist/cjs/AnimationsDemo.native.js +84 -86
- package/dist/cjs/AnimationsDemo.native.js.map +1 -6
- package/dist/cjs/AnimationsEnterDemo.cjs +1 -1
- package/dist/cjs/AnimationsEnterDemo.js +1 -1
- package/dist/cjs/AnimationsEnterDemo.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.js +58 -51
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -6
- package/dist/cjs/AnimationsHoverDemo.native.js +22 -17
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -6
- package/dist/cjs/AnimationsPresenceDemo.cjs +4 -4
- package/dist/cjs/AnimationsPresenceDemo.js +1 -1
- package/dist/cjs/AnimationsPresenceDemo.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.native.js +107 -104
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -6
- package/dist/cjs/AnimationsTimingDemo.native.js +22 -17
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -6
- package/dist/cjs/AvatarDemo.native.js +41 -45
- package/dist/cjs/AvatarDemo.native.js.map +1 -6
- package/dist/cjs/BuildAButtonDemo.native.js +100 -113
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -6
- package/dist/cjs/ButtonDemo.native.js +69 -79
- package/dist/cjs/ButtonDemo.native.js.map +1 -6
- package/dist/cjs/CardDemo.native.js +64 -74
- package/dist/cjs/CardDemo.native.js.map +1 -6
- package/dist/cjs/CheckboxDemo.native.js +49 -47
- package/dist/cjs/CheckboxDemo.native.js.map +1 -6
- package/dist/cjs/CheckboxHeadlessDemo.cjs +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.js +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js +53 -47
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -6
- package/dist/cjs/CheckboxUnstyledDemo.native.js +57 -51
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -6
- package/dist/cjs/ColorsDemo.native.js +101 -116
- package/dist/cjs/ColorsDemo.native.js.map +1 -6
- package/dist/cjs/DialogDemo.native.js +167 -201
- package/dist/cjs/DialogDemo.native.js.map +1 -6
- package/dist/cjs/FormsDemo.cjs +1 -1
- package/dist/cjs/FormsDemo.js +1 -1
- package/dist/cjs/FormsDemo.js.map +1 -1
- package/dist/cjs/FormsDemo.native.js +42 -39
- package/dist/cjs/FormsDemo.native.js.map +1 -6
- package/dist/cjs/Grid.cjs +1 -1
- package/dist/cjs/Grid.js +1 -1
- package/dist/cjs/Grid.js.map +1 -1
- package/dist/cjs/Grid.native.js +48 -36
- package/dist/cjs/Grid.native.js.map +1 -6
- package/dist/cjs/GroupDemo.native.js +73 -83
- package/dist/cjs/GroupDemo.native.js.map +1 -6
- package/dist/cjs/HeadingsDemo.native.js +34 -36
- package/dist/cjs/HeadingsDemo.native.js.map +1 -6
- package/dist/cjs/ImageDemo.native.js +20 -16
- package/dist/cjs/ImageDemo.native.js.map +1 -6
- package/dist/cjs/InputsDemo.native.js +38 -42
- package/dist/cjs/InputsDemo.native.js.map +1 -6
- package/dist/cjs/LabelDemo.native.js +46 -51
- package/dist/cjs/LabelDemo.native.js.map +1 -6
- package/dist/cjs/LinearGradientDemo.native.js +38 -54
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -6
- package/dist/cjs/ListItemDemo.native.js +68 -74
- package/dist/cjs/ListItemDemo.native.js.map +1 -6
- package/dist/cjs/LucideIconsDemo.cjs +2 -2
- package/dist/cjs/LucideIconsDemo.js +1 -1
- package/dist/cjs/LucideIconsDemo.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.native.js +70 -62
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -6
- package/dist/cjs/NewInputsDemo.native.js +38 -42
- package/dist/cjs/NewInputsDemo.native.js.map +1 -6
- package/dist/cjs/PopoverDemo.native.js +131 -154
- package/dist/cjs/PopoverDemo.native.js.map +1 -6
- package/dist/cjs/ProgressDemo.cjs +1 -1
- package/dist/cjs/ProgressDemo.js +1 -1
- package/dist/cjs/ProgressDemo.js.map +1 -1
- package/dist/cjs/ProgressDemo.native.js +93 -99
- package/dist/cjs/ProgressDemo.native.js.map +1 -6
- package/dist/cjs/RadioGroupDemo.native.js +45 -49
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -6
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.js +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +102 -78
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -6
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +112 -106
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -6
- package/dist/cjs/ReplaceThemeDemo.cjs +1 -1
- package/dist/cjs/ReplaceThemeDemo.js +1 -1
- package/dist/cjs/ReplaceThemeDemo.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.native.js +50 -43
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -6
- package/dist/cjs/ScrollViewDemo.native.js +54 -59
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -6
- package/dist/cjs/SelectDemo.cjs +1 -1
- package/dist/cjs/SelectDemo.js +1 -1
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +211 -279
- package/dist/cjs/SelectDemo.native.js.map +1 -6
- package/dist/cjs/SeparatorDemo.native.js +47 -53
- package/dist/cjs/SeparatorDemo.native.js.map +1 -6
- package/dist/cjs/ShapesDemo.native.js +29 -28
- package/dist/cjs/ShapesDemo.native.js.map +1 -6
- package/dist/cjs/SheetDemo.cjs +1 -1
- package/dist/cjs/SheetDemo.js +1 -1
- package/dist/cjs/SheetDemo.js.map +1 -1
- package/dist/cjs/SheetDemo.native.js +172 -202
- package/dist/cjs/SheetDemo.native.js.map +1 -6
- package/dist/cjs/SliderDemo.native.js +39 -41
- package/dist/cjs/SliderDemo.native.js.map +1 -6
- package/dist/cjs/SpinnerDemo.native.js +27 -26
- package/dist/cjs/SpinnerDemo.native.js.map +1 -6
- package/dist/cjs/StacksDemo.native.js +85 -96
- package/dist/cjs/StacksDemo.native.js.map +1 -6
- package/dist/cjs/SwitchDemo.native.js +74 -87
- package/dist/cjs/SwitchDemo.native.js.map +1 -6
- package/dist/cjs/SwitchHeadlessDemo.cjs +1 -1
- package/dist/cjs/SwitchHeadlessDemo.js +1 -1
- package/dist/cjs/SwitchHeadlessDemo.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.native.js +71 -77
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -6
- package/dist/cjs/SwitchUnstyledDemo.native.js +66 -61
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -6
- package/dist/cjs/TabsAdvancedDemo.cjs +1 -1
- package/dist/cjs/TabsAdvancedDemo.js +1 -1
- package/dist/cjs/TabsAdvancedDemo.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.native.js +321 -310
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -6
- package/dist/cjs/TabsDemo.cjs +1 -1
- package/dist/cjs/TabsDemo.js +1 -1
- package/dist/cjs/TabsDemo.js.map +1 -1
- package/dist/cjs/TabsDemo.native.js +165 -177
- package/dist/cjs/TabsDemo.native.js.map +1 -6
- package/dist/cjs/TabsHeadlessDemo.native.js +102 -102
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -6
- package/dist/cjs/TextDemo.native.js +39 -41
- package/dist/cjs/TextDemo.native.js.map +1 -6
- package/dist/cjs/ThemeBuilderDemo.native.js +154 -181
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -6
- package/dist/cjs/ThemeInverseDemo.native.js +47 -54
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -6
- package/dist/cjs/ToastDemo.cjs +1 -1
- package/dist/cjs/ToastDemo.js +1 -1
- package/dist/cjs/ToastDemo.js.map +1 -1
- package/dist/cjs/ToastDemo.native.js +100 -104
- package/dist/cjs/ToastDemo.native.js.map +1 -6
- package/dist/cjs/ToastDuplicateDemo.cjs +1 -1
- package/dist/cjs/ToastDuplicateDemo.js +1 -1
- package/dist/cjs/ToastDuplicateDemo.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.native.js +70 -73
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -6
- package/dist/cjs/ToggleGroupDemo.native.js +83 -93
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -6
- package/dist/cjs/TokensDemo.cjs +1 -1
- package/dist/cjs/TokensDemo.js +1 -1
- package/dist/cjs/TokensDemo.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js +111 -112
- package/dist/cjs/TokensDemo.native.js.map +1 -6
- package/dist/cjs/TooltipDemo.native.js +104 -121
- package/dist/cjs/TooltipDemo.native.js.map +1 -6
- package/dist/cjs/UpdateThemeDemo.cjs +1 -1
- package/dist/cjs/UpdateThemeDemo.js +1 -1
- package/dist/cjs/UpdateThemeDemo.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.native.js +54 -44
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -6
- package/dist/cjs/WebNativeImageDemo.native.js +20 -16
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -6
- package/dist/cjs/index.native.js +70 -126
- package/dist/cjs/index.native.js.map +1 -6
- package/dist/cjs/tamagui.config.native.js +21 -11
- package/dist/cjs/tamagui.config.native.js.map +1 -6
- package/dist/cjs/useOnIntersecting.native.js +62 -53
- package/dist/cjs/useOnIntersecting.native.js.map +1 -6
- package/dist/esm/ToastDuplicateDemo.native.js +4 -4
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/package.json +32 -31
|
@@ -1,110 +1,108 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
var __create = Object.create;
|
|
3
4
|
var __defProp = Object.defineProperty;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
9
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: !0
|
|
13
|
+
});
|
|
14
|
+
},
|
|
15
|
+
__copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
16
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
23
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
24
|
// file that has been converted to a CommonJS file using a Babel-
|
|
19
25
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
26
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
22
|
-
|
|
23
|
-
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: !0
|
|
30
|
+
}) : target, mod)),
|
|
31
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: !0
|
|
33
|
+
}), mod);
|
|
24
34
|
var SheetDemo_exports = {};
|
|
25
35
|
__export(SheetDemo_exports, {
|
|
26
36
|
SheetDemo: () => SheetDemo
|
|
27
37
|
});
|
|
28
38
|
module.exports = __toCommonJS(SheetDemo_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
];
|
|
50
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
51
|
-
children: [
|
|
52
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
39
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
40
|
+
import_lucide_icons = require("@tamagui/lucide-icons"),
|
|
41
|
+
import_sheet = require("@tamagui/sheet"),
|
|
42
|
+
import_react = __toESM(require("react"), 1),
|
|
43
|
+
import_tamagui = require("tamagui"),
|
|
44
|
+
spModes = ["percent", "constant", "fit", "mixed"],
|
|
45
|
+
SheetDemo = function () {
|
|
46
|
+
var [position, setPosition] = import_react.default.useState(0),
|
|
47
|
+
[open, setOpen] = import_react.default.useState(!1),
|
|
48
|
+
[modal, setModal] = import_react.default.useState(!0),
|
|
49
|
+
[innerOpen, setInnerOpen] = import_react.default.useState(!1),
|
|
50
|
+
[snapPointsMode, setSnapPointsMode] = import_react.default.useState("percent"),
|
|
51
|
+
[mixedFitDemo, setMixedFitDemo] = import_react.default.useState(!1),
|
|
52
|
+
isPercent = snapPointsMode === "percent",
|
|
53
|
+
isConstant = snapPointsMode === "constant",
|
|
54
|
+
isFit = snapPointsMode === "fit",
|
|
55
|
+
isMixed = snapPointsMode === "mixed",
|
|
56
|
+
snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
|
|
57
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
58
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
53
59
|
gap: "$4",
|
|
54
|
-
children: [
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
61
|
+
gap: "$4",
|
|
62
|
+
$maxMd: {
|
|
63
|
+
flexDirection: "column",
|
|
64
|
+
alignItems: "center"
|
|
65
|
+
},
|
|
66
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
67
|
+
onPress: function () {
|
|
68
|
+
return setOpen(!0);
|
|
60
69
|
},
|
|
61
|
-
children:
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
},
|
|
66
|
-
children: "Open"
|
|
67
|
-
}),
|
|
68
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
69
|
-
onPress: function() {
|
|
70
|
-
return setModal(function(x) {
|
|
71
|
-
return !x;
|
|
72
|
-
});
|
|
73
|
-
},
|
|
74
|
-
children: modal ? "Type: Modal" : "Type: Inline"
|
|
75
|
-
}),
|
|
76
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
77
|
-
onPress: function() {
|
|
78
|
-
return setSnapPointsMode(function(prev) {
|
|
79
|
-
return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
|
|
80
|
-
});
|
|
81
|
-
},
|
|
82
|
-
children: `Mode: ${{
|
|
83
|
-
percent: "Percentage",
|
|
84
|
-
constant: "Constant",
|
|
85
|
-
fit: "Fit",
|
|
86
|
-
mixed: "Mixed"
|
|
87
|
-
}[snapPointsMode]}`
|
|
88
|
-
})
|
|
89
|
-
]
|
|
90
|
-
}),
|
|
91
|
-
isMixed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
92
|
-
onPress: function() {
|
|
93
|
-
return setMixedFitDemo(function(x) {
|
|
70
|
+
children: "Open"
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
72
|
+
onPress: function () {
|
|
73
|
+
return setModal(function (x) {
|
|
94
74
|
return !x;
|
|
95
75
|
});
|
|
96
76
|
},
|
|
97
|
-
children:
|
|
98
|
-
})
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
}
|
|
77
|
+
children: modal ? "Type: Modal" : "Type: Inline"
|
|
78
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
79
|
+
onPress: function () {
|
|
80
|
+
return setSnapPointsMode(function (prev) {
|
|
81
|
+
return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
|
|
82
|
+
});
|
|
83
|
+
},
|
|
84
|
+
children: `Mode: ${{
|
|
85
|
+
percent: "Percentage",
|
|
86
|
+
constant: "Constant",
|
|
87
|
+
fit: "Fit",
|
|
88
|
+
mixed: "Mixed"
|
|
89
|
+
}[snapPointsMode]}`
|
|
90
|
+
})]
|
|
91
|
+
}), isMixed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
92
|
+
onPress: function () {
|
|
93
|
+
return setMixedFitDemo(function (x) {
|
|
94
|
+
return !x;
|
|
95
|
+
});
|
|
96
|
+
},
|
|
97
|
+
children: `Snap Points: ${JSON.stringify(snapPoints)}`
|
|
98
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
99
|
+
paddingVertical: "$2.5",
|
|
100
|
+
justifyContent: "center",
|
|
101
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
102
|
+
children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
|
|
104
103
|
})
|
|
105
|
-
]
|
|
106
|
-
}),
|
|
107
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
|
|
104
|
+
})]
|
|
105
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
|
|
108
106
|
forceRemoveScrollEnabled: open,
|
|
109
107
|
modal,
|
|
110
108
|
open,
|
|
@@ -116,137 +114,109 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = req
|
|
|
116
114
|
onPositionChange: setPosition,
|
|
117
115
|
zIndex: 1e5,
|
|
118
116
|
animation: "medium",
|
|
119
|
-
children: [
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
innerOpen,
|
|
140
|
-
setInnerOpen,
|
|
141
|
-
setOpen
|
|
142
|
-
})
|
|
117
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
|
|
118
|
+
animation: "lazy",
|
|
119
|
+
backgroundColor: "$shadow6",
|
|
120
|
+
enterStyle: {
|
|
121
|
+
opacity: 0
|
|
122
|
+
},
|
|
123
|
+
exitStyle: {
|
|
124
|
+
opacity: 0
|
|
125
|
+
}
|
|
126
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
|
|
127
|
+
padding: "$4",
|
|
128
|
+
justifyContent: "center",
|
|
129
|
+
alignItems: "center",
|
|
130
|
+
gap: "$5",
|
|
131
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SheetContents, {
|
|
132
|
+
modal,
|
|
133
|
+
isPercent,
|
|
134
|
+
innerOpen,
|
|
135
|
+
setInnerOpen,
|
|
136
|
+
setOpen
|
|
143
137
|
})
|
|
144
|
-
]
|
|
145
|
-
})
|
|
146
|
-
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
138
|
+
})]
|
|
139
|
+
})]
|
|
140
|
+
});
|
|
141
|
+
},
|
|
142
|
+
SheetContents = /* @__PURE__ */(0, import_react.memo)(function (param) {
|
|
143
|
+
var {
|
|
144
|
+
modal,
|
|
145
|
+
isPercent,
|
|
146
|
+
innerOpen,
|
|
147
|
+
setInnerOpen,
|
|
148
|
+
setOpen
|
|
149
|
+
} = param;
|
|
150
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
151
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
153
152
|
size: "$6",
|
|
154
153
|
circular: !0,
|
|
155
154
|
icon: import_lucide_icons.ChevronDown,
|
|
156
|
-
onPress: function() {
|
|
155
|
+
onPress: function () {
|
|
157
156
|
return setOpen(!1);
|
|
158
157
|
}
|
|
159
|
-
}),
|
|
160
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
158
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
161
159
|
width: 200
|
|
162
|
-
}),
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
})
|
|
177
|
-
]
|
|
178
|
-
})
|
|
179
|
-
]
|
|
160
|
+
}), modal && isPercent && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
161
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InnerSheet, {
|
|
162
|
+
open: innerOpen,
|
|
163
|
+
onOpenChange: setInnerOpen
|
|
164
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
165
|
+
size: "$6",
|
|
166
|
+
circular: !0,
|
|
167
|
+
icon: import_lucide_icons.ChevronUp,
|
|
168
|
+
onPress: function () {
|
|
169
|
+
return setInnerOpen(!0);
|
|
170
|
+
}
|
|
171
|
+
})]
|
|
172
|
+
})]
|
|
173
|
+
});
|
|
180
174
|
});
|
|
181
|
-
});
|
|
182
175
|
function InnerSheet(props) {
|
|
183
|
-
return /* @__PURE__ */
|
|
176
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
|
|
184
177
|
animation: "medium",
|
|
185
178
|
modal: !0,
|
|
186
|
-
snapPoints: [
|
|
187
|
-
90
|
|
188
|
-
],
|
|
179
|
+
snapPoints: [90],
|
|
189
180
|
dismissOnSnapToBottom: !0,
|
|
190
181
|
...props,
|
|
191
|
-
children: [
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
children: /* @__PURE__ */
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
[
|
|
227
|
-
1,
|
|
228
|
-
2,
|
|
229
|
-
3,
|
|
230
|
-
4,
|
|
231
|
-
5,
|
|
232
|
-
6,
|
|
233
|
-
7,
|
|
234
|
-
8
|
|
235
|
-
].map(function(i) {
|
|
236
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
237
|
-
size: "$8",
|
|
238
|
-
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."
|
|
239
|
-
}, i);
|
|
240
|
-
})
|
|
241
|
-
]
|
|
242
|
-
})
|
|
182
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {
|
|
183
|
+
animation: "medium",
|
|
184
|
+
bg: "$shadow2",
|
|
185
|
+
enterStyle: {
|
|
186
|
+
opacity: 0
|
|
187
|
+
},
|
|
188
|
+
exitStyle: {
|
|
189
|
+
opacity: 0
|
|
190
|
+
}
|
|
191
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {
|
|
192
|
+
flex: 1,
|
|
193
|
+
justifyContent: "center",
|
|
194
|
+
alignItems: "center",
|
|
195
|
+
gap: "$5",
|
|
196
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, {
|
|
197
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
198
|
+
padding: "$5",
|
|
199
|
+
gap: "$8",
|
|
200
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
201
|
+
size: "$6",
|
|
202
|
+
circular: !0,
|
|
203
|
+
alignSelf: "center",
|
|
204
|
+
icon: import_lucide_icons.ChevronDown,
|
|
205
|
+
onPress: function () {
|
|
206
|
+
var _props_onOpenChange;
|
|
207
|
+
return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
|
|
208
|
+
}
|
|
209
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
|
|
210
|
+
children: "Hello world"
|
|
211
|
+
}), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
|
|
212
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
213
|
+
size: "$8",
|
|
214
|
+
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."
|
|
215
|
+
}, i);
|
|
216
|
+
})]
|
|
243
217
|
})
|
|
244
218
|
})
|
|
245
|
-
]
|
|
219
|
+
})]
|
|
246
220
|
});
|
|
247
221
|
}
|
|
248
|
-
|
|
249
|
-
0 && (module.exports = {
|
|
250
|
-
SheetDemo
|
|
251
|
-
});
|
|
252
|
-
//# sourceMappingURL=SheetDemo.js.map
|
|
222
|
+
//# sourceMappingURL=SheetDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["React", "_jsxs", "_Fragment", "_jsx"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SheetDemo_exports","__export","SheetDemo","module","exports","import_jsx_runtime","require","import_lucide_icons","import_sheet","import_react","__toESM","import_tamagui","spModes","position","setPosition","default","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","jsxs","Fragment","children","YStack","gap","XStack","$maxMd","flexDirection","alignItems","jsx","Button","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","paddingVertical","justifyContent","Paragraph","Sheet","forceRemoveScrollEnabled","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","animation","Overlay","backgroundColor","enterStyle"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,64 +1,62 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __export = (target, all) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
16
23
|
var SliderDemo_exports = {};
|
|
17
24
|
__export(SliderDemo_exports, {
|
|
18
25
|
SliderDemo: () => SliderDemo
|
|
19
26
|
});
|
|
20
27
|
module.exports = __toCommonJS(SliderDemo_exports);
|
|
21
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
28
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
+
import_tamagui = require("tamagui");
|
|
22
30
|
function SliderDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
24
32
|
height: 200,
|
|
25
33
|
alignItems: "center",
|
|
26
34
|
gap: "$8",
|
|
27
|
-
children: [
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
width: 200
|
|
34
|
-
})
|
|
35
|
-
]
|
|
35
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleSlider, {
|
|
36
|
+
height: 200,
|
|
37
|
+
orientation: "vertical"
|
|
38
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SimpleSlider, {
|
|
39
|
+
width: 200
|
|
40
|
+
})]
|
|
36
41
|
});
|
|
37
42
|
}
|
|
38
43
|
function SimpleSlider(param) {
|
|
39
|
-
var {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
+
var {
|
|
45
|
+
children,
|
|
46
|
+
...props
|
|
47
|
+
} = param;
|
|
48
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Slider, {
|
|
49
|
+
defaultValue: [50],
|
|
44
50
|
max: 100,
|
|
45
51
|
step: 1,
|
|
46
52
|
...props,
|
|
47
|
-
children: [
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
circular: !0
|
|
55
|
-
}),
|
|
56
|
-
children
|
|
57
|
-
]
|
|
53
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, {
|
|
54
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {})
|
|
55
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, {
|
|
56
|
+
size: "$2",
|
|
57
|
+
index: 0,
|
|
58
|
+
circular: !0
|
|
59
|
+
}), children]
|
|
58
60
|
});
|
|
59
61
|
}
|
|
60
|
-
|
|
61
|
-
0 && (module.exports = {
|
|
62
|
-
SliderDemo
|
|
63
|
-
});
|
|
64
|
-
//# sourceMappingURL=SliderDemo.js.map
|
|
62
|
+
//# sourceMappingURL=SliderDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SliderDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA2C,8BAC3C,iBAA+B;AACxB,SAAS,aAAa;AACzB,SAAqB,uCAAAA,MAAM,uBAAQ;AAAA,IAC/B,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,UAAU;AAAA,MACQ,uCAAAC,KAAK,cAAc;AAAA,QAC7B,QAAQ;AAAA,QACR,aAAa;AAAA,MACjB,CAAC;AAAA,MACa,uCAAAA,KAAK,cAAc;AAAA,QAC7B,OAAO;AAAA,MACX,CAAC;AAAA,IACL;AAAA,EACJ,CAAC;AACL;AACA,SAAS,aAAa,OAAO;AACzB,MAAI,EAAE,UAAU,GAAG,MAAM,IAAI;AAC7B,SAAqB,uCAAAD,MAAM,uBAAQ;AAAA,IAC/B,cAAc;AAAA,MACV;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,IACL,MAAM;AAAA,IACN,GAAG;AAAA,IACH,UAAU;AAAA,MACQ,uCAAAC,KAAK,sBAAO,OAAO;AAAA,QAC7B,UAAwB,uCAAAA,KAAK,sBAAO,aAAa,CAAC,CAAC;AAAA,MACvD,CAAC;AAAA,MACa,uCAAAA,KAAK,sBAAO,OAAO;AAAA,QAC7B,MAAM;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,MACd,CAAC;AAAA,MACD;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;",
|
|
5
|
-
"names": ["_jsxs", "_jsx"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SliderDemo_exports","__export","SliderDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","XStack","height","alignItems","gap","children","jsx","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,kBAI3B;AAFG,IAAAK,kBAAsB,GAAAC,OAAA;EAAAC,cAAA,GAAAD,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,cAAa,CAAAE,MAAQ,EAAK;IAC3BC,MAAA;IAA0BC,UAC5B;IAEJC,GAAA;IAEAC,QAAS,GACP,eACE,IAAAR,kBAAA,CAAAS,GAAA,EAAAC,YAAC;MACCL,MAAA;MAGAM,WAAA;IACC,IACH,mBAAAX,kBAAA,CAAAS,GAAA,EAAAC,YAAA;MAEJE,KAAA","ignoreList":[]}
|
|
@@ -1,43 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __export = (target, all) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
16
23
|
var SpinnerDemo_exports = {};
|
|
17
24
|
__export(SpinnerDemo_exports, {
|
|
18
25
|
SpinnerDemo: () => SpinnerDemo
|
|
19
26
|
});
|
|
20
27
|
module.exports = __toCommonJS(SpinnerDemo_exports);
|
|
21
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
28
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
+
import_tamagui = require("tamagui");
|
|
22
30
|
function SpinnerDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
24
32
|
padding: "$3",
|
|
25
33
|
space: "$4",
|
|
26
34
|
alignItems: "center",
|
|
27
|
-
children: [
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
color: "$orange10"
|
|
35
|
-
})
|
|
36
|
-
]
|
|
35
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
|
|
36
|
+
size: "small",
|
|
37
|
+
color: "$green10"
|
|
38
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
|
|
39
|
+
size: "large",
|
|
40
|
+
color: "$orange10"
|
|
41
|
+
})]
|
|
37
42
|
});
|
|
38
43
|
}
|
|
39
|
-
|
|
40
|
-
0 && (module.exports = {
|
|
41
|
-
SpinnerDemo
|
|
42
|
-
});
|
|
43
|
-
//# sourceMappingURL=SpinnerDemo.js.map
|
|
44
|
+
//# sourceMappingURL=SpinnerDemo.native.js.map
|