@tamagui/demos 1.135.4-1761749240853 → 1.135.4
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 +90 -84
- package/dist/cjs/AccordionDemo.native.js.map +6 -1
- 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 +48 -50
- package/dist/cjs/AddThemeDemo.native.js.map +6 -1
- package/dist/cjs/AlertDialogDemo.native.js +95 -83
- package/dist/cjs/AlertDialogDemo.native.js.map +6 -1
- package/dist/cjs/AnimationsDemo.native.js +86 -84
- package/dist/cjs/AnimationsDemo.native.js.map +6 -1
- 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 +51 -58
- package/dist/cjs/AnimationsEnterDemo.native.js.map +6 -1
- package/dist/cjs/AnimationsHoverDemo.native.js +17 -22
- package/dist/cjs/AnimationsHoverDemo.native.js.map +6 -1
- 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 +104 -107
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +6 -1
- package/dist/cjs/AnimationsTimingDemo.native.js +17 -22
- package/dist/cjs/AnimationsTimingDemo.native.js.map +6 -1
- package/dist/cjs/AvatarDemo.native.js +45 -41
- package/dist/cjs/AvatarDemo.native.js.map +6 -1
- package/dist/cjs/BuildAButtonDemo.native.js +113 -100
- package/dist/cjs/BuildAButtonDemo.native.js.map +6 -1
- package/dist/cjs/ButtonDemo.native.js +79 -69
- package/dist/cjs/ButtonDemo.native.js.map +6 -1
- package/dist/cjs/CardDemo.native.js +74 -64
- package/dist/cjs/CardDemo.native.js.map +6 -1
- package/dist/cjs/CheckboxDemo.native.js +47 -49
- package/dist/cjs/CheckboxDemo.native.js.map +6 -1
- 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 +47 -53
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +6 -1
- package/dist/cjs/CheckboxUnstyledDemo.native.js +51 -57
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +6 -1
- package/dist/cjs/ColorsDemo.native.js +116 -101
- package/dist/cjs/ColorsDemo.native.js.map +6 -1
- package/dist/cjs/DialogDemo.native.js +201 -167
- package/dist/cjs/DialogDemo.native.js.map +6 -1
- 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 +39 -42
- package/dist/cjs/FormsDemo.native.js.map +6 -1
- 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 +36 -48
- package/dist/cjs/Grid.native.js.map +6 -1
- package/dist/cjs/GroupDemo.native.js +83 -73
- package/dist/cjs/GroupDemo.native.js.map +6 -1
- package/dist/cjs/HeadingsDemo.native.js +36 -34
- package/dist/cjs/HeadingsDemo.native.js.map +6 -1
- package/dist/cjs/ImageDemo.native.js +16 -20
- package/dist/cjs/ImageDemo.native.js.map +6 -1
- package/dist/cjs/InputsDemo.native.js +42 -38
- package/dist/cjs/InputsDemo.native.js.map +6 -1
- package/dist/cjs/LabelDemo.native.js +51 -46
- package/dist/cjs/LabelDemo.native.js.map +6 -1
- package/dist/cjs/LinearGradientDemo.native.js +54 -38
- package/dist/cjs/LinearGradientDemo.native.js.map +6 -1
- package/dist/cjs/ListItemDemo.native.js +74 -68
- package/dist/cjs/ListItemDemo.native.js.map +6 -1
- 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 +62 -70
- package/dist/cjs/LucideIconsDemo.native.js.map +6 -1
- package/dist/cjs/NewInputsDemo.native.js +42 -38
- package/dist/cjs/NewInputsDemo.native.js.map +6 -1
- package/dist/cjs/PopoverDemo.native.js +154 -131
- package/dist/cjs/PopoverDemo.native.js.map +6 -1
- 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 +99 -93
- package/dist/cjs/ProgressDemo.native.js.map +6 -1
- package/dist/cjs/RadioGroupDemo.native.js +49 -45
- package/dist/cjs/RadioGroupDemo.native.js.map +6 -1
- 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 +78 -102
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +6 -1
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +106 -112
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +6 -1
- 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 +43 -50
- package/dist/cjs/ReplaceThemeDemo.native.js.map +6 -1
- package/dist/cjs/ScrollViewDemo.native.js +59 -54
- package/dist/cjs/ScrollViewDemo.native.js.map +6 -1
- 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 +279 -211
- package/dist/cjs/SelectDemo.native.js.map +6 -1
- package/dist/cjs/SeparatorDemo.native.js +53 -47
- package/dist/cjs/SeparatorDemo.native.js.map +6 -1
- package/dist/cjs/ShapesDemo.native.js +28 -29
- package/dist/cjs/ShapesDemo.native.js.map +6 -1
- 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 +202 -172
- package/dist/cjs/SheetDemo.native.js.map +6 -1
- package/dist/cjs/SliderDemo.native.js +41 -39
- package/dist/cjs/SliderDemo.native.js.map +6 -1
- package/dist/cjs/SpinnerDemo.native.js +26 -27
- package/dist/cjs/SpinnerDemo.native.js.map +6 -1
- package/dist/cjs/StacksDemo.native.js +96 -85
- package/dist/cjs/StacksDemo.native.js.map +6 -1
- package/dist/cjs/SwitchDemo.native.js +87 -74
- package/dist/cjs/SwitchDemo.native.js.map +6 -1
- 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 +77 -71
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +6 -1
- package/dist/cjs/SwitchUnstyledDemo.native.js +61 -66
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +6 -1
- 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 +310 -321
- package/dist/cjs/TabsAdvancedDemo.native.js.map +6 -1
- 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 +177 -165
- package/dist/cjs/TabsDemo.native.js.map +6 -1
- package/dist/cjs/TabsHeadlessDemo.native.js +102 -102
- package/dist/cjs/TabsHeadlessDemo.native.js.map +6 -1
- package/dist/cjs/TextDemo.native.js +41 -39
- package/dist/cjs/TextDemo.native.js.map +6 -1
- package/dist/cjs/ThemeBuilderDemo.native.js +181 -154
- package/dist/cjs/ThemeBuilderDemo.native.js.map +6 -1
- package/dist/cjs/ThemeInverseDemo.native.js +54 -47
- package/dist/cjs/ThemeInverseDemo.native.js.map +6 -1
- 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 +104 -100
- package/dist/cjs/ToastDemo.native.js.map +6 -1
- 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 +73 -70
- package/dist/cjs/ToastDuplicateDemo.native.js.map +6 -1
- package/dist/cjs/ToggleGroupDemo.native.js +93 -83
- package/dist/cjs/ToggleGroupDemo.native.js.map +6 -1
- 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 +112 -111
- package/dist/cjs/TokensDemo.native.js.map +6 -1
- package/dist/cjs/TooltipDemo.native.js +121 -104
- package/dist/cjs/TooltipDemo.native.js.map +6 -1
- 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 +44 -54
- package/dist/cjs/UpdateThemeDemo.native.js.map +6 -1
- package/dist/cjs/WebNativeImageDemo.native.js +16 -20
- package/dist/cjs/WebNativeImageDemo.native.js.map +6 -1
- package/dist/cjs/index.native.js +126 -70
- package/dist/cjs/index.native.js.map +6 -1
- package/dist/cjs/tamagui.config.native.js +11 -21
- package/dist/cjs/tamagui.config.native.js.map +6 -1
- package/dist/cjs/useOnIntersecting.native.js +53 -62
- package/dist/cjs/useOnIntersecting.native.js.map +6 -1
- package/dist/esm/ToastDuplicateDemo.native.js +4 -4
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/package.json +31 -32
|
@@ -1,193 +1,227 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
6
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
});
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: !0
|
|
22
|
-
}), mod);
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
16
|
var DialogDemo_exports = {};
|
|
24
17
|
__export(DialogDemo_exports, {
|
|
25
18
|
DialogDemo: () => DialogDemo
|
|
26
19
|
});
|
|
27
20
|
module.exports = __toCommonJS(DialogDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
-
import_lucide_icons = require("@tamagui/lucide-icons"),
|
|
30
|
-
import_tamagui = require("tamagui"),
|
|
31
|
-
import_SelectDemo = require("./SelectDemo.native.js");
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo");
|
|
32
22
|
function DialogDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {
|
|
34
24
|
gap: "$4",
|
|
35
25
|
justifyContent: "center",
|
|
36
26
|
alignItems: "center",
|
|
37
|
-
children: [
|
|
38
|
-
|
|
39
|
-
|
|
27
|
+
children: [
|
|
28
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {
|
|
30
|
+
disableAdapt: !0
|
|
31
|
+
})
|
|
32
|
+
]
|
|
40
33
|
});
|
|
41
34
|
}
|
|
42
35
|
function DialogInstance(param) {
|
|
43
|
-
var {
|
|
44
|
-
|
|
45
|
-
} = param;
|
|
46
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
|
|
36
|
+
var { disableAdapt } = param;
|
|
37
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
|
|
47
38
|
modal: !0,
|
|
48
|
-
children: [
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.
|
|
52
|
-
children:
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
|
|
41
|
+
asChild: !0,
|
|
42
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
43
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button.Text, {
|
|
44
|
+
children: [
|
|
45
|
+
"Show Dialog",
|
|
46
|
+
disableAdapt ? " (No Sheet)" : ""
|
|
47
|
+
]
|
|
48
|
+
})
|
|
53
49
|
})
|
|
54
|
-
})
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
50
|
+
}),
|
|
51
|
+
!disableAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
|
|
52
|
+
when: "maxMd",
|
|
53
|
+
platform: "touch",
|
|
54
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
|
|
55
|
+
animation: "medium",
|
|
56
|
+
zIndex: 2e5,
|
|
57
|
+
modal: !0,
|
|
58
|
+
dismissOnSnapToBottom: !0,
|
|
59
|
+
unmountChildrenWhenHidden: !0,
|
|
60
|
+
children: [
|
|
61
|
+
// we're nesting infinitely so need this
|
|
62
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
|
|
63
|
+
padding: "$4",
|
|
64
|
+
gap: "$4",
|
|
65
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
|
|
66
|
+
}),
|
|
67
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
|
|
68
|
+
backgroundColor: "$shadow6",
|
|
69
|
+
animation: "lazy",
|
|
70
|
+
enterStyle: {
|
|
71
|
+
opacity: 0
|
|
72
|
+
},
|
|
73
|
+
exitStyle: {
|
|
74
|
+
opacity: 0
|
|
75
|
+
}
|
|
76
|
+
})
|
|
77
|
+
]
|
|
78
|
+
})
|
|
79
|
+
}),
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
|
|
64
81
|
children: [
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
backgroundColor: "$shadow6",
|
|
85
|
-
animateOnly: ["transform", "opacity"],
|
|
86
|
-
animation: ["quicker", {
|
|
87
|
-
opacity: {
|
|
88
|
-
overshootClamping: !0
|
|
89
|
-
}
|
|
90
|
-
}],
|
|
91
|
-
enterStyle: {
|
|
92
|
-
opacity: 0
|
|
93
|
-
},
|
|
94
|
-
exitStyle: {
|
|
95
|
-
opacity: 0
|
|
96
|
-
}
|
|
97
|
-
}, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.FocusScope, {
|
|
98
|
-
focusOnIdle: !0,
|
|
99
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
|
|
100
|
-
bordered: !0,
|
|
101
|
-
paddingVertical: "$4",
|
|
102
|
-
paddingHorizontal: "$6",
|
|
103
|
-
elevate: !0,
|
|
104
|
-
borderRadius: "$6",
|
|
105
|
-
animateOnly: ["transform", "opacity"],
|
|
106
|
-
animation: ["quicker", {
|
|
107
|
-
opacity: {
|
|
108
|
-
overshootClamping: !0
|
|
82
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
|
|
83
|
+
backgroundColor: "$shadow6",
|
|
84
|
+
animateOnly: [
|
|
85
|
+
"transform",
|
|
86
|
+
"opacity"
|
|
87
|
+
],
|
|
88
|
+
animation: [
|
|
89
|
+
"quicker",
|
|
90
|
+
{
|
|
91
|
+
opacity: {
|
|
92
|
+
overshootClamping: !0
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
],
|
|
96
|
+
enterStyle: {
|
|
97
|
+
opacity: 0
|
|
98
|
+
},
|
|
99
|
+
exitStyle: {
|
|
100
|
+
opacity: 0
|
|
109
101
|
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
102
|
+
}, "overlay"),
|
|
103
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.FocusScope, {
|
|
104
|
+
focusOnIdle: !0,
|
|
105
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
|
|
106
|
+
bordered: !0,
|
|
107
|
+
paddingVertical: "$4",
|
|
108
|
+
paddingHorizontal: "$6",
|
|
109
|
+
elevate: !0,
|
|
110
|
+
borderRadius: "$6",
|
|
111
|
+
animateOnly: [
|
|
112
|
+
"transform",
|
|
113
|
+
"opacity"
|
|
114
|
+
],
|
|
115
|
+
animation: [
|
|
116
|
+
"quicker",
|
|
117
|
+
{
|
|
118
|
+
opacity: {
|
|
119
|
+
overshootClamping: !0
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
],
|
|
123
|
+
enterStyle: {
|
|
124
|
+
x: 0,
|
|
125
|
+
y: 20,
|
|
126
|
+
opacity: 0
|
|
127
|
+
},
|
|
128
|
+
exitStyle: {
|
|
129
|
+
x: 0,
|
|
130
|
+
y: 10,
|
|
131
|
+
opacity: 0,
|
|
132
|
+
scale: 0.95
|
|
133
|
+
},
|
|
134
|
+
gap: "$4",
|
|
135
|
+
children: [
|
|
136
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
|
|
137
|
+
children: "Edit profile"
|
|
138
|
+
}),
|
|
139
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
|
|
140
|
+
children: "Make changes to your profile here. Click save when you're done."
|
|
141
|
+
}),
|
|
142
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
|
|
143
|
+
gap: "$4",
|
|
144
|
+
horizontal: !0,
|
|
145
|
+
children: [
|
|
146
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
147
|
+
width: 64,
|
|
148
|
+
htmlFor: "name",
|
|
149
|
+
children: "Name"
|
|
150
|
+
}),
|
|
151
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
152
|
+
flex: 1,
|
|
153
|
+
id: "name",
|
|
154
|
+
defaultValue: "Nate Wienert"
|
|
155
|
+
})
|
|
156
|
+
]
|
|
157
|
+
}),
|
|
158
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
|
|
159
|
+
gap: "$4",
|
|
160
|
+
horizontal: !0,
|
|
161
|
+
children: [
|
|
162
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
163
|
+
width: 64,
|
|
164
|
+
htmlFor: "username",
|
|
165
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
|
|
166
|
+
label: "Pick your favorite",
|
|
167
|
+
placement: "bottom-start",
|
|
168
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
169
|
+
children: "Food"
|
|
170
|
+
})
|
|
171
|
+
})
|
|
172
|
+
}),
|
|
173
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
174
|
+
flex: 1,
|
|
175
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoContents, {
|
|
176
|
+
trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
|
|
177
|
+
flex: 1,
|
|
178
|
+
iconAfter: import_lucide_icons.ChevronDown,
|
|
179
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
|
|
180
|
+
placeholder: "Something"
|
|
181
|
+
})
|
|
182
|
+
})
|
|
183
|
+
})
|
|
184
|
+
})
|
|
185
|
+
]
|
|
186
|
+
}),
|
|
187
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
188
|
+
alignSelf: "flex-end",
|
|
189
|
+
gap: "$4",
|
|
190
|
+
children: [
|
|
191
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
|
|
192
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
|
|
193
|
+
displayWhenAdapted: !0,
|
|
194
|
+
asChild: !0,
|
|
195
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
196
|
+
theme: "accent",
|
|
197
|
+
"aria-label": "Close",
|
|
198
|
+
children: "Save changes"
|
|
199
|
+
})
|
|
200
|
+
})
|
|
201
|
+
]
|
|
202
|
+
}),
|
|
203
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, {
|
|
204
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
|
|
205
|
+
asChild: !0,
|
|
206
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
207
|
+
position: "absolute",
|
|
208
|
+
right: "$3",
|
|
209
|
+
size: "$2",
|
|
210
|
+
circular: !0,
|
|
211
|
+
icon: import_lucide_icons.X
|
|
212
|
+
})
|
|
160
213
|
})
|
|
161
214
|
})
|
|
162
|
-
|
|
163
|
-
})
|
|
164
|
-
})
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
displayWhenAdapted: !0,
|
|
169
|
-
asChild: !0,
|
|
170
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
171
|
-
theme: "accent",
|
|
172
|
-
"aria-label": "Close",
|
|
173
|
-
children: "Save changes"
|
|
174
|
-
})
|
|
175
|
-
})]
|
|
176
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, {
|
|
177
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
|
|
178
|
-
asChild: !0,
|
|
179
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
180
|
-
position: "absolute",
|
|
181
|
-
right: "$3",
|
|
182
|
-
size: "$2",
|
|
183
|
-
circular: !0,
|
|
184
|
-
icon: import_lucide_icons.X
|
|
185
|
-
})
|
|
186
|
-
})
|
|
187
|
-
})]
|
|
188
|
-
}, "content")
|
|
189
|
-
})]
|
|
190
|
-
})]
|
|
215
|
+
]
|
|
216
|
+
}, "content")
|
|
217
|
+
})
|
|
218
|
+
]
|
|
219
|
+
})
|
|
220
|
+
]
|
|
191
221
|
});
|
|
192
222
|
}
|
|
193
|
-
|
|
223
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
224
|
+
0 && (module.exports = {
|
|
225
|
+
DialogDemo
|
|
226
|
+
});
|
|
227
|
+
//# sourceMappingURL=DialogDemo.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["_jsxs", "_jsx"]
|
|
6
|
+
}
|
package/dist/cjs/FormsDemo.cjs
CHANGED
|
@@ -34,7 +34,7 @@ __export(FormsDemo_exports, {
|
|
|
34
34
|
FormsDemo: () => FormsDemo
|
|
35
35
|
});
|
|
36
36
|
module.exports = __toCommonJS(FormsDemo_exports);
|
|
37
|
-
var import_react = __toESM(require("react")
|
|
37
|
+
var import_react = __toESM(require("react")),
|
|
38
38
|
import_tamagui = require("tamagui"),
|
|
39
39
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
40
40
|
function FormsDemo(props) {
|
package/dist/cjs/FormsDemo.js
CHANGED
|
@@ -25,7 +25,7 @@ __export(FormsDemo_exports, {
|
|
|
25
25
|
FormsDemo: () => FormsDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(FormsDemo_exports);
|
|
28
|
-
var import_react = __toESM(require("react")
|
|
28
|
+
var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
function FormsDemo(props) {
|
|
30
30
|
const [status, setStatus] = import_react.default.useState("off");
|
|
31
31
|
return import_react.default.useEffect(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/FormsDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,iBAA0C,oBAetC;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAA6C,KAAK;AAEpF,sBAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,oDAAC,qBAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,4CAAC,oBAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,sDAAC,yBAAO,MAAM,WAAW,eAAe,MAAM,4CAAC,0BAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -1,60 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
var __create = Object.create;
|
|
4
3
|
var __defProp = Object.defineProperty;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
-
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
7
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
-
});
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
10
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
22
16
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
17
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
18
|
// file that has been converted to a CommonJS file using a Babel-
|
|
25
19
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
20
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}) : target, mod)),
|
|
31
|
-
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
-
value: !0
|
|
33
|
-
}), mod);
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
34
24
|
var FormsDemo_exports = {};
|
|
35
25
|
__export(FormsDemo_exports, {
|
|
36
26
|
FormsDemo: () => FormsDemo
|
|
37
27
|
});
|
|
38
28
|
module.exports = __toCommonJS(FormsDemo_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
40
|
-
import_react = __toESM(require("react"), 1),
|
|
41
|
-
import_tamagui = require("tamagui");
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_tamagui = require("tamagui");
|
|
42
30
|
function FormsDemo(props) {
|
|
43
31
|
var [status, setStatus] = import_react.default.useState("off");
|
|
44
|
-
return import_react.default.useEffect(function
|
|
32
|
+
return import_react.default.useEffect(function() {
|
|
45
33
|
if (status === "submitting") {
|
|
46
|
-
var timer = setTimeout(function
|
|
34
|
+
var timer = setTimeout(function() {
|
|
47
35
|
return setStatus("off");
|
|
48
36
|
}, 2e3);
|
|
49
|
-
return function
|
|
37
|
+
return function() {
|
|
50
38
|
clearTimeout(timer);
|
|
51
39
|
};
|
|
52
40
|
}
|
|
53
|
-
}, [
|
|
41
|
+
}, [
|
|
42
|
+
status
|
|
43
|
+
]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Form, {
|
|
54
44
|
alignItems: "center",
|
|
55
45
|
minWidth: 300,
|
|
56
46
|
gap: "$2",
|
|
57
|
-
onSubmit: function
|
|
47
|
+
onSubmit: function() {
|
|
58
48
|
return setStatus("submitting");
|
|
59
49
|
},
|
|
60
50
|
borderWidth: 1,
|
|
@@ -62,18 +52,25 @@ function FormsDemo(props) {
|
|
|
62
52
|
backgroundColor: "$background",
|
|
63
53
|
borderColor: "$borderColor",
|
|
64
54
|
padding: "$8",
|
|
65
|
-
children: [
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
55
|
+
children: [
|
|
56
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, {
|
|
57
|
+
children: status[0].toUpperCase() + status.slice(1)
|
|
58
|
+
}),
|
|
59
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, {
|
|
60
|
+
asChild: !0,
|
|
61
|
+
disabled: status !== "off",
|
|
62
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
63
|
+
icon: status === "submitting" ? function() {
|
|
64
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {});
|
|
65
|
+
} : void 0,
|
|
66
|
+
children: "Submit"
|
|
67
|
+
})
|
|
75
68
|
})
|
|
76
|
-
|
|
69
|
+
]
|
|
77
70
|
});
|
|
78
71
|
}
|
|
79
|
-
|
|
72
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
73
|
+
0 && (module.exports = {
|
|
74
|
+
FormsDemo
|
|
75
|
+
});
|
|
76
|
+
//# sourceMappingURL=FormsDemo.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/FormsDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA2C,8BAC3C,eAAkB,2BAClB,iBAA0C;AACnC,SAAS,UAAU,OAAO;AAC7B,MAAI,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,KAAK;AAC9C,sBAAAA,QAAM,UAAU,WAAW;AACvB,QAAI,WAAW,cAAc;AACzB,UAAI,QAAQ,WAAW,WAAW;AAC9B,eAAO,UAAU,KAAK;AAAA,MAC1B,GAAG,GAAI;AACP,aAAO,WAAW;AACd,qBAAa,KAAK;AAAA,MACtB;AAAA,IACJ;AAAA,EACJ,GAAG;AAAA,IACC;AAAA,EACJ,CAAC,GACoB,uCAAAC,MAAM,qBAAM;AAAA,IAC7B,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,KAAK;AAAA,IACL,UAAU,WAAW;AACjB,aAAO,UAAU,YAAY;AAAA,IACjC;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,SAAS;AAAA,IACT,UAAU;AAAA,MACQ,uCAAAC,KAAK,mBAAI;AAAA,QACnB,UAAU,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;AAAA,MACtD,CAAC;AAAA,MACa,uCAAAA,KAAK,oBAAK,SAAS;AAAA,QAC7B,SAAS;AAAA,QACT,UAAU,WAAW;AAAA,QACrB,UAAwB,uCAAAA,KAAK,uBAAQ;AAAA,UACjC,MAAM,WAAW,eAAe,WAAW;AACvC,mBAAqB,uCAAAA,KAAK,wBAAS,CAAC,CAAC;AAAA,UACzC,IAAI;AAAA,UACJ,UAAU;AAAA,QACd,CAAC;AAAA,MACL,CAAC;AAAA,IACL;AAAA,EACJ,CAAC;AACL;",
|
|
5
|
+
"names": ["React", "_jsxs", "_jsx"]
|
|
6
|
+
}
|
package/dist/cjs/Grid.cjs
CHANGED
|
@@ -36,7 +36,7 @@ __export(Grid_exports, {
|
|
|
36
36
|
module.exports = __toCommonJS(Grid_exports);
|
|
37
37
|
var import_core = require("@tamagui/core"),
|
|
38
38
|
import_stacks = require("@tamagui/stacks"),
|
|
39
|
-
import_react = __toESM(require("react")
|
|
39
|
+
import_react = __toESM(require("react")),
|
|
40
40
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
41
41
|
function Grid({
|
|
42
42
|
children,
|
package/dist/cjs/Grid.js
CHANGED
|
@@ -25,7 +25,7 @@ __export(Grid_exports, {
|
|
|
25
25
|
Grid: () => Grid
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(Grid_exports);
|
|
28
|
-
var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_react = __toESM(require("react")
|
|
28
|
+
var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_react = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
function Grid({ children, columns, itemMinWidth = 200, gap }) {
|
|
30
30
|
if (import_core.isWeb)
|
|
31
31
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
package/dist/cjs/Grid.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Grid.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB,0BACtB,gBAAuB,4BACvB,eAAkB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB,0BACtB,gBAAuB,4BACvB,eAAkB,2BAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,aAAAA,QAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,4CAAC,wBAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|