@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,227 +1,193 @@
|
|
|
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 DialogDemo_exports = {};
|
|
17
24
|
__export(DialogDemo_exports, {
|
|
18
25
|
DialogDemo: () => DialogDemo
|
|
19
26
|
});
|
|
20
27
|
module.exports = __toCommonJS(DialogDemo_exports);
|
|
21
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
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");
|
|
22
32
|
function DialogDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
|
|
24
34
|
gap: "$4",
|
|
25
35
|
justifyContent: "center",
|
|
26
36
|
alignItems: "center",
|
|
27
|
-
children: [
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
disableAdapt: !0
|
|
31
|
-
})
|
|
32
|
-
]
|
|
37
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {
|
|
38
|
+
disableAdapt: !0
|
|
39
|
+
})]
|
|
33
40
|
});
|
|
34
41
|
}
|
|
35
42
|
function DialogInstance(param) {
|
|
36
|
-
var {
|
|
37
|
-
|
|
43
|
+
var {
|
|
44
|
+
disableAdapt
|
|
45
|
+
} = param;
|
|
46
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
|
|
38
47
|
modal: !0,
|
|
39
|
-
children: [
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
children: /* @__PURE__ */
|
|
43
|
-
children:
|
|
44
|
-
children: [
|
|
45
|
-
"Show Dialog",
|
|
46
|
-
disableAdapt ? " (No Sheet)" : ""
|
|
47
|
-
]
|
|
48
|
-
})
|
|
49
|
-
})
|
|
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
|
-
]
|
|
48
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
|
|
49
|
+
asChild: !0,
|
|
50
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
51
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Button.Text, {
|
|
52
|
+
children: ["Show Dialog", disableAdapt ? " (No Sheet)" : ""]
|
|
78
53
|
})
|
|
79
|
-
})
|
|
80
|
-
|
|
54
|
+
})
|
|
55
|
+
}), !disableAdapt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
|
|
56
|
+
when: "maxMd",
|
|
57
|
+
platform: "touch",
|
|
58
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
|
|
59
|
+
animation: "medium",
|
|
60
|
+
zIndex: 2e5,
|
|
61
|
+
modal: !0,
|
|
62
|
+
dismissOnSnapToBottom: !0,
|
|
63
|
+
unmountChildrenWhenHidden: !0,
|
|
81
64
|
children: [
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
65
|
+
// we're nesting infinitely so need this
|
|
66
|
+
/* @__PURE__ */
|
|
67
|
+
(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
|
|
68
|
+
padding: "$4",
|
|
69
|
+
gap: "$4",
|
|
70
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
|
|
72
|
+
backgroundColor: "$shadow6",
|
|
73
|
+
animation: "lazy",
|
|
74
|
+
enterStyle: {
|
|
75
|
+
opacity: 0
|
|
76
|
+
},
|
|
77
|
+
exitStyle: {
|
|
78
|
+
opacity: 0
|
|
79
|
+
}
|
|
80
|
+
})]
|
|
81
|
+
})
|
|
82
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
|
|
83
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
|
|
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
|
|
101
109
|
}
|
|
102
|
-
},
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
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
|
-
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
|
-
})
|
|
110
|
+
}],
|
|
111
|
+
enterStyle: {
|
|
112
|
+
x: 0,
|
|
113
|
+
y: 20,
|
|
114
|
+
opacity: 0
|
|
115
|
+
},
|
|
116
|
+
exitStyle: {
|
|
117
|
+
x: 0,
|
|
118
|
+
y: 10,
|
|
119
|
+
opacity: 0,
|
|
120
|
+
scale: 0.95
|
|
121
|
+
},
|
|
122
|
+
gap: "$4",
|
|
123
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
|
|
124
|
+
children: "Edit profile"
|
|
125
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
|
|
126
|
+
children: "Make changes to your profile here. Click save when you're done."
|
|
127
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
|
|
128
|
+
gap: "$4",
|
|
129
|
+
horizontal: !0,
|
|
130
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
131
|
+
width: 64,
|
|
132
|
+
htmlFor: "name",
|
|
133
|
+
children: "Name"
|
|
134
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
135
|
+
flex: 1,
|
|
136
|
+
id: "name",
|
|
137
|
+
defaultValue: "Nate Wienert"
|
|
138
|
+
})]
|
|
139
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
|
|
140
|
+
gap: "$4",
|
|
141
|
+
horizontal: !0,
|
|
142
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
143
|
+
width: 64,
|
|
144
|
+
htmlFor: "username",
|
|
145
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
|
|
146
|
+
label: "Pick your favorite",
|
|
147
|
+
placement: "bottom-start",
|
|
148
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
149
|
+
children: "Food"
|
|
150
|
+
})
|
|
151
|
+
})
|
|
152
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
153
|
+
flex: 1,
|
|
154
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoContents, {
|
|
155
|
+
trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
|
|
156
|
+
flex: 1,
|
|
157
|
+
iconAfter: import_lucide_icons.ChevronDown,
|
|
158
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
|
|
159
|
+
placeholder: "Something"
|
|
213
160
|
})
|
|
214
161
|
})
|
|
215
|
-
|
|
216
|
-
}
|
|
217
|
-
})
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
162
|
+
})
|
|
163
|
+
})]
|
|
164
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
165
|
+
alignSelf: "flex-end",
|
|
166
|
+
gap: "$4",
|
|
167
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
|
|
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
|
+
})]
|
|
221
191
|
});
|
|
222
192
|
}
|
|
223
|
-
|
|
224
|
-
0 && (module.exports = {
|
|
225
|
-
DialogDemo
|
|
226
|
-
});
|
|
227
|
-
//# sourceMappingURL=DialogDemo.js.map
|
|
193
|
+
//# sourceMappingURL=DialogDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["_jsxs", "_jsx"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DialogDemo_exports","__export","DialogDemo","module","exports","import_jsx_runtime","require","import_lucide_icons","import_tamagui","import_SelectDemo","jsxs","View","gap","justifyContent","alignItems","children","jsx","DialogInstance","disableAdapt","param","Dialog","modal","Trigger","asChild","Button","Text","Adapt","when","platform","Sheet","animation","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","bordered","paddingVertical","paddingHorizontal","elevate","borderRadius"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
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"), 1),
|
|
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")), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
28
|
+
var import_react = __toESM(require("react"), 1), 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,8BAElB,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,50 +1,60 @@
|
|
|
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 FormsDemo_exports = {};
|
|
25
35
|
__export(FormsDemo_exports, {
|
|
26
36
|
FormsDemo: () => FormsDemo
|
|
27
37
|
});
|
|
28
38
|
module.exports = __toCommonJS(FormsDemo_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
39
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
40
|
+
import_react = __toESM(require("react"), 1),
|
|
41
|
+
import_tamagui = require("tamagui");
|
|
30
42
|
function FormsDemo(props) {
|
|
31
43
|
var [status, setStatus] = import_react.default.useState("off");
|
|
32
|
-
return import_react.default.useEffect(function() {
|
|
44
|
+
return import_react.default.useEffect(function () {
|
|
33
45
|
if (status === "submitting") {
|
|
34
|
-
var timer = setTimeout(function() {
|
|
46
|
+
var timer = setTimeout(function () {
|
|
35
47
|
return setStatus("off");
|
|
36
48
|
}, 2e3);
|
|
37
|
-
return function() {
|
|
49
|
+
return function () {
|
|
38
50
|
clearTimeout(timer);
|
|
39
51
|
};
|
|
40
52
|
}
|
|
41
|
-
}, [
|
|
42
|
-
status
|
|
43
|
-
]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Form, {
|
|
53
|
+
}, [status]), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Form, {
|
|
44
54
|
alignItems: "center",
|
|
45
55
|
minWidth: 300,
|
|
46
56
|
gap: "$2",
|
|
47
|
-
onSubmit: function() {
|
|
57
|
+
onSubmit: function () {
|
|
48
58
|
return setStatus("submitting");
|
|
49
59
|
},
|
|
50
60
|
borderWidth: 1,
|
|
@@ -52,25 +62,18 @@ function FormsDemo(props) {
|
|
|
52
62
|
backgroundColor: "$background",
|
|
53
63
|
borderColor: "$borderColor",
|
|
54
64
|
padding: "$8",
|
|
55
|
-
children: [
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
} : void 0,
|
|
66
|
-
children: "Submit"
|
|
67
|
-
})
|
|
65
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
|
|
66
|
+
children: status[0].toUpperCase() + status.slice(1)
|
|
67
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, {
|
|
68
|
+
asChild: !0,
|
|
69
|
+
disabled: status !== "off",
|
|
70
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
71
|
+
icon: status === "submitting" ? function () {
|
|
72
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {});
|
|
73
|
+
} : void 0,
|
|
74
|
+
children: "Submit"
|
|
68
75
|
})
|
|
69
|
-
]
|
|
76
|
+
})]
|
|
70
77
|
});
|
|
71
78
|
}
|
|
72
|
-
|
|
73
|
-
0 && (module.exports = {
|
|
74
|
-
FormsDemo
|
|
75
|
-
});
|
|
76
|
-
//# sourceMappingURL=FormsDemo.js.map
|
|
79
|
+
//# sourceMappingURL=FormsDemo.native.js.map
|
|
@@ -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
|
-
}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormsDemo_exports","__export","FormsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","props","status","setStatus","default","useState","useEffect","timer","setTimeout","clearTimeout","jsxs","Form","alignItems","minWidth","gap","onSubmit","borderWidth","borderRadius","backgroundColor","borderColor","padding","children","jsx","H4"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,iBAAA;AAIX,IAAAK,kBAAmB,GAAAC,OAA6B;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,cAAA,GAAAH,OAAA;AACrD,SAAOJ,SAAQA,CAAAQ,KAAA,EAAS;EAExB,KAAAC,MAAA,EAAAC,SAAA,IAAAL,YAAgB,CAAAM,OAAM,CAAAC,QAAA;EACpB,OAAIP,YAAW,CAAAM,OAAA,CAAAE,SAAc;IAC3B,IAAAJ,MAAM,iBAAmB;MACzB,IAAAK,KAAO,GAAAC,UAAM;QACX,OAAAL,SAAa,MAAK;MACpB;MACF;QACEM,YAGF,CAAAF,KAAA;MAAC;IAAA;EAAA,IACYL,MACX,CAAU,GACV,eAAI,IAAAN,kBAAA,CAAAc,IAAA,EAAAV,cAAA,CAAAW,IAAA;IAAAC,UACJ,EAAU,QAAM;IAAsBC,QACtC;IAAaC,GACb;IAAaC,QACb,WAAAA,CAAA,EAAgB;MAChB,OAAAZ,SAAY;IAAA;IACJa,WAER;IAAAC,YAAA;IAA+CC,eAE/C;IAIAC,WAAA;IAAAC,OAAA;IACFC,QAAA,GAEJ,mBAAAzB,kBAAA,CAAA0B,GAAA,EAAAtB,cAAA,CAAAuB,EAAA","ignoreList":[]}
|
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"), 1),
|
|
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")), import_jsx_runtime = require("react/jsx-runtime");
|
|
28
|
+
var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_react = __toESM(require("react"), 1), 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,8BAYZ;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
|
}
|