@tamagui/demos 1.111.7 → 1.111.9
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/esm/AccordionDemo.native.js +66 -79
- package/dist/esm/AccordionDemo.native.js.map +1 -6
- package/dist/esm/AddThemeDemo.native.js +25 -34
- package/dist/esm/AddThemeDemo.native.js.map +1 -6
- package/dist/esm/AlertDialogDemo.native.js +66 -84
- package/dist/esm/AlertDialogDemo.native.js.map +1 -6
- package/dist/esm/AnimationsDemo.native.js +65 -75
- package/dist/esm/AnimationsDemo.native.js.map +1 -6
- package/dist/esm/AnimationsEnterDemo.native.js +33 -38
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -6
- package/dist/esm/AnimationsHoverDemo.native.js +4 -6
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -6
- package/dist/esm/AnimationsPresenceDemo.native.js +78 -91
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -6
- package/dist/esm/AnimationsTimingDemo.native.js +4 -6
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -6
- package/dist/esm/AvatarDemo.native.js +23 -34
- package/dist/esm/AvatarDemo.native.js.map +1 -6
- package/dist/esm/BuildAButtonDemo.native.js +73 -94
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -6
- package/dist/esm/ButtonDemo.native.js +51 -68
- package/dist/esm/ButtonDemo.native.js.map +1 -6
- package/dist/esm/CardDemo.native.js +47 -63
- package/dist/esm/CardDemo.native.js.map +1 -6
- package/dist/esm/CheckboxDemo.native.js +31 -36
- package/dist/esm/CheckboxDemo.native.js.map +1 -6
- package/dist/esm/CheckboxHeadlessDemo.native.js +26 -33
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -6
- package/dist/esm/CheckboxUnstyledDemo.native.js +36 -40
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -6
- package/dist/esm/ColorsDemo.native.js +84 -106
- package/dist/esm/ColorsDemo.native.js.map +1 -6
- package/dist/esm/DialogDemo.native.js +122 -156
- package/dist/esm/DialogDemo.native.js.map +1 -6
- package/dist/esm/FormsDemo.native.js +18 -25
- package/dist/esm/FormsDemo.native.js.map +1 -6
- package/dist/esm/Grid.native.js +23 -22
- package/dist/esm/Grid.native.js.map +1 -6
- package/dist/esm/GroupDemo.native.js +55 -72
- package/dist/esm/GroupDemo.native.js.map +1 -6
- package/dist/esm/HeadingsDemo.native.js +16 -25
- package/dist/esm/HeadingsDemo.native.js.map +1 -6
- package/dist/esm/ImageDemo.native.js +3 -5
- package/dist/esm/ImageDemo.native.js.map +1 -6
- package/dist/esm/InputsDemo.native.js +21 -31
- package/dist/esm/InputsDemo.native.js.map +1 -6
- package/dist/esm/LabelDemo.native.js +29 -40
- package/dist/esm/LabelDemo.native.js.map +1 -6
- package/dist/esm/LinearGradientDemo.native.js +20 -43
- package/dist/esm/LinearGradientDemo.native.js.map +1 -6
- package/dist/esm/ListItemDemo.native.js +50 -63
- package/dist/esm/ListItemDemo.native.js.map +1 -6
- package/dist/esm/LucideIconsDemo.native.js +38 -44
- package/dist/esm/LucideIconsDemo.native.js.map +1 -6
- package/dist/esm/NewInputsDemo.native.js +21 -31
- package/dist/esm/NewInputsDemo.native.js.map +1 -6
- package/dist/esm/PopoverDemo.native.js +91 -117
- package/dist/esm/PopoverDemo.native.js.map +1 -6
- package/dist/esm/ProgressDemo.native.js +68 -85
- package/dist/esm/ProgressDemo.native.js.map +1 -6
- package/dist/esm/RadioGroupDemo.native.js +28 -38
- package/dist/esm/RadioGroupDemo.native.js.map +1 -6
- package/dist/esm/RadioGroupHeadlessDemo.native.js +75 -65
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -6
- package/dist/esm/RadioGroupUnstyledDemo.native.js +94 -96
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -6
- package/dist/esm/ReplaceThemeDemo.native.js +25 -29
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -6
- package/dist/esm/ScrollViewDemo.native.js +37 -48
- package/dist/esm/ScrollViewDemo.native.js.map +1 -6
- package/dist/esm/SelectDemo.native.js +187 -267
- package/dist/esm/SelectDemo.native.js.map +1 -6
- package/dist/esm/SeparatorDemo.native.js +29 -42
- package/dist/esm/SeparatorDemo.native.js.map +1 -6
- package/dist/esm/ShapesDemo.native.js +12 -17
- package/dist/esm/ShapesDemo.native.js.map +1 -6
- package/dist/esm/SheetDemo.native.js +133 -183
- package/dist/esm/SheetDemo.native.js.map +1 -6
- package/dist/esm/SliderDemo.native.js +22 -30
- package/dist/esm/SliderDemo.native.js.map +1 -6
- package/dist/esm/SpinnerDemo.native.js +10 -15
- package/dist/esm/SpinnerDemo.native.js.map +1 -6
- package/dist/esm/StacksDemo.native.js +67 -85
- package/dist/esm/StacksDemo.native.js.map +1 -6
- package/dist/esm/SwitchDemo.native.js +57 -76
- package/dist/esm/SwitchDemo.native.js.map +1 -6
- package/dist/esm/SwitchHeadlessDemo.native.js +45 -63
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -6
- package/dist/esm/SwitchUnstyledDemo.native.js +46 -50
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -6
- package/dist/esm/TabsAdvancedDemo.native.js +297 -297
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -6
- package/dist/esm/TabsDemo.native.js +126 -149
- package/dist/esm/TabsDemo.native.js.map +1 -6
- package/dist/esm/TextDemo.native.js +21 -30
- package/dist/esm/TextDemo.native.js.map +1 -6
- package/dist/esm/ThemeBuilderDemo.native.js +137 -170
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -6
- package/dist/esm/ThemeInverseDemo.native.js +30 -43
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -6
- package/dist/esm/ToastDemo.native.js +73 -83
- package/dist/esm/ToastDemo.native.js.map +1 -6
- package/dist/esm/ToastDuplicateDemo.native.js +45 -61
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -6
- package/dist/esm/ToggleGroupDemo.native.js +58 -76
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -6
- package/dist/esm/TokensDemo.native.js +94 -107
- package/dist/esm/TokensDemo.native.js.map +1 -6
- package/dist/esm/TooltipDemo.native.js +85 -109
- package/dist/esm/TooltipDemo.native.js.map +1 -6
- package/dist/esm/UpdateThemeDemo.native.js +28 -31
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -6
- package/dist/esm/WebNativeImageDemo.native.js +3 -5
- package/dist/esm/WebNativeImageDemo.native.js.map +1 -6
- package/dist/esm/index.native.js +58 -58
- package/dist/esm/index.native.js.map +1 -6
- package/dist/esm/tamagui.config.native.js +2 -5
- package/dist/esm/tamagui.config.native.js.map +1 -6
- package/dist/esm/useOnIntersecting.native.js +42 -39
- package/dist/esm/useOnIntersecting.native.js.map +1 -6
- package/package.json +21 -21
- package/dist/esm/AccordionDemo.native.mjs +0 -79
- package/dist/esm/AccordionDemo.native.mjs.map +0 -1
- package/dist/esm/AddThemeDemo.native.mjs +0 -36
- package/dist/esm/AddThemeDemo.native.mjs.map +0 -1
- package/dist/esm/AlertDialogDemo.native.mjs +0 -73
- package/dist/esm/AlertDialogDemo.native.mjs.map +0 -1
- package/dist/esm/AnimationsDemo.native.mjs +0 -78
- package/dist/esm/AnimationsDemo.native.mjs.map +0 -1
- package/dist/esm/AnimationsEnterDemo.native.mjs +0 -47
- package/dist/esm/AnimationsEnterDemo.native.mjs.map +0 -1
- package/dist/esm/AnimationsHoverDemo.native.mjs +0 -24
- package/dist/esm/AnimationsHoverDemo.native.mjs.map +0 -1
- package/dist/esm/AnimationsPresenceDemo.native.mjs +0 -97
- package/dist/esm/AnimationsPresenceDemo.native.mjs.map +0 -1
- package/dist/esm/AnimationsTimingDemo.native.mjs +0 -23
- package/dist/esm/AnimationsTimingDemo.native.mjs.map +0 -1
- package/dist/esm/AvatarDemo.native.mjs +0 -31
- package/dist/esm/AvatarDemo.native.mjs.map +0 -1
- package/dist/esm/BuildAButtonDemo.native.mjs +0 -102
- package/dist/esm/BuildAButtonDemo.native.mjs.map +0 -1
- package/dist/esm/ButtonDemo.native.mjs +0 -60
- package/dist/esm/ButtonDemo.native.mjs.map +0 -1
- package/dist/esm/CardDemo.native.mjs +0 -65
- package/dist/esm/CardDemo.native.mjs.map +0 -1
- package/dist/esm/CheckboxDemo.native.mjs +0 -47
- package/dist/esm/CheckboxDemo.native.mjs.map +0 -1
- package/dist/esm/CheckboxHeadlessDemo.native.mjs +0 -53
- package/dist/esm/CheckboxHeadlessDemo.native.mjs.map +0 -1
- package/dist/esm/CheckboxUnstyledDemo.native.mjs +0 -54
- package/dist/esm/CheckboxUnstyledDemo.native.mjs.map +0 -1
- package/dist/esm/ColorsDemo.native.mjs +0 -114
- package/dist/esm/ColorsDemo.native.mjs.map +0 -1
- package/dist/esm/DialogDemo.native.mjs +0 -132
- package/dist/esm/DialogDemo.native.mjs.map +0 -1
- package/dist/esm/FormsDemo.native.mjs +0 -42
- package/dist/esm/FormsDemo.native.mjs.map +0 -1
- package/dist/esm/Grid.native.mjs +0 -41
- package/dist/esm/Grid.native.mjs.map +0 -1
- package/dist/esm/GroupDemo.native.mjs +0 -64
- package/dist/esm/GroupDemo.native.mjs.map +0 -1
- package/dist/esm/HeadingsDemo.native.mjs +0 -23
- package/dist/esm/HeadingsDemo.native.mjs.map +0 -1
- package/dist/esm/ImageDemo.native.mjs +0 -13
- package/dist/esm/ImageDemo.native.mjs.map +0 -1
- package/dist/esm/InputsDemo.native.mjs +0 -37
- package/dist/esm/InputsDemo.native.mjs.map +0 -1
- package/dist/esm/LabelDemo.native.mjs +0 -37
- package/dist/esm/LabelDemo.native.mjs.map +0 -1
- package/dist/esm/LinearGradientDemo.native.mjs +0 -27
- package/dist/esm/LinearGradientDemo.native.mjs.map +0 -1
- package/dist/esm/ListItemDemo.native.mjs +0 -77
- package/dist/esm/ListItemDemo.native.mjs.map +0 -1
- package/dist/esm/LucideIconsDemo.native.mjs +0 -68
- package/dist/esm/LucideIconsDemo.native.mjs.map +0 -1
- package/dist/esm/NewInputsDemo.native.mjs +0 -37
- package/dist/esm/NewInputsDemo.native.mjs.map +0 -1
- package/dist/esm/PopoverDemo.native.mjs +0 -109
- package/dist/esm/PopoverDemo.native.mjs.map +0 -1
- package/dist/esm/ProgressDemo.native.mjs +0 -79
- package/dist/esm/ProgressDemo.native.mjs.map +0 -1
- package/dist/esm/RadioGroupDemo.native.mjs +0 -47
- package/dist/esm/RadioGroupDemo.native.mjs.map +0 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.mjs +0 -134
- package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map +0 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.mjs +0 -119
- package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map +0 -1
- package/dist/esm/ReplaceThemeDemo.native.mjs +0 -44
- package/dist/esm/ReplaceThemeDemo.native.mjs.map +0 -1
- package/dist/esm/ScrollViewDemo.native.mjs +0 -51
- package/dist/esm/ScrollViewDemo.native.mjs.map +0 -1
- package/dist/esm/SelectDemo.native.mjs +0 -205
- package/dist/esm/SelectDemo.native.mjs.map +0 -1
- package/dist/esm/SeparatorDemo.native.mjs +0 -38
- package/dist/esm/SeparatorDemo.native.mjs.map +0 -1
- package/dist/esm/ShapesDemo.native.mjs +0 -19
- package/dist/esm/ShapesDemo.native.mjs.map +0 -1
- package/dist/esm/SheetDemo.native.mjs +0 -165
- package/dist/esm/SheetDemo.native.mjs.map +0 -1
- package/dist/esm/SliderDemo.native.mjs +0 -36
- package/dist/esm/SliderDemo.native.mjs.map +0 -1
- package/dist/esm/SpinnerDemo.native.mjs +0 -18
- package/dist/esm/SpinnerDemo.native.mjs.map +0 -1
- package/dist/esm/StacksDemo.native.mjs +0 -82
- package/dist/esm/StacksDemo.native.mjs.map +0 -1
- package/dist/esm/SwitchDemo.native.mjs +0 -72
- package/dist/esm/SwitchDemo.native.mjs.map +0 -1
- package/dist/esm/SwitchHeadlessDemo.native.mjs +0 -67
- package/dist/esm/SwitchHeadlessDemo.native.mjs.map +0 -1
- package/dist/esm/SwitchUnstyledDemo.native.mjs +0 -65
- package/dist/esm/SwitchUnstyledDemo.native.mjs.map +0 -1
- package/dist/esm/TabsAdvancedDemo.native.mjs +0 -351
- package/dist/esm/TabsAdvancedDemo.native.mjs.map +0 -1
- package/dist/esm/TabsDemo.native.mjs +0 -169
- package/dist/esm/TabsDemo.native.mjs.map +0 -1
- package/dist/esm/TextDemo.native.mjs +0 -30
- package/dist/esm/TextDemo.native.mjs.map +0 -1
- package/dist/esm/ThemeBuilderDemo.native.mjs +0 -155
- package/dist/esm/ThemeBuilderDemo.native.mjs.map +0 -1
- package/dist/esm/ThemeInverseDemo.native.mjs +0 -46
- package/dist/esm/ThemeInverseDemo.native.mjs.map +0 -1
- package/dist/esm/ToastDemo.native.mjs +0 -109
- package/dist/esm/ToastDemo.native.mjs.map +0 -1
- package/dist/esm/ToastDuplicateDemo.native.mjs +0 -55
- package/dist/esm/ToastDuplicateDemo.native.mjs.map +0 -1
- package/dist/esm/ToggleGroupDemo.native.mjs +0 -76
- package/dist/esm/ToggleGroupDemo.native.mjs.map +0 -1
- package/dist/esm/TokensDemo.native.mjs +0 -110
- package/dist/esm/TokensDemo.native.mjs.map +0 -1
- package/dist/esm/TooltipDemo.native.mjs +0 -103
- package/dist/esm/TooltipDemo.native.mjs.map +0 -1
- package/dist/esm/UpdateThemeDemo.native.mjs +0 -47
- package/dist/esm/UpdateThemeDemo.native.mjs.map +0 -1
- package/dist/esm/WebNativeImageDemo.native.mjs +0 -11
- package/dist/esm/WebNativeImageDemo.native.mjs.map +0 -1
- package/dist/esm/index.native.mjs +0 -58
- package/dist/esm/index.native.mjs.map +0 -1
- package/dist/esm/tamagui.config.native.mjs +0 -5
- package/dist/esm/tamagui.config.native.mjs.map +0 -1
- package/dist/esm/useOnIntersecting.native.mjs +0 -74
- package/dist/esm/useOnIntersecting.native.mjs.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.111.
|
|
3
|
+
"version": "1.111.9",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -26,14 +26,14 @@
|
|
|
26
26
|
"./package.json": "./package.json",
|
|
27
27
|
"./photo/*": "./public/*.jpg",
|
|
28
28
|
".": {
|
|
29
|
-
"react-native-import": "./dist/esm/index.native.
|
|
29
|
+
"react-native-import": "./dist/esm/index.native.js",
|
|
30
30
|
"react-native": "./dist/cjs/index.native.js",
|
|
31
31
|
"types": "./types/index.d.ts",
|
|
32
32
|
"import": "./dist/esm/index.mjs",
|
|
33
33
|
"require": "./dist/cjs/index.js"
|
|
34
34
|
},
|
|
35
35
|
"./demo/*": {
|
|
36
|
-
"react-native-import": "./dist/esm/*.native.
|
|
36
|
+
"react-native-import": "./dist/esm/*.native.js",
|
|
37
37
|
"react-native": "./dist/cjs/*.native.js",
|
|
38
38
|
"types": "./types/*.d.ts",
|
|
39
39
|
"import": "./dist/esm/*.mjs",
|
|
@@ -41,29 +41,29 @@
|
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@tamagui/avatar": "1.111.
|
|
45
|
-
"@tamagui/button": "1.111.
|
|
46
|
-
"@tamagui/config": "1.111.
|
|
47
|
-
"@tamagui/core": "1.111.
|
|
48
|
-
"@tamagui/list-item": "1.111.
|
|
49
|
-
"@tamagui/logo": "1.111.
|
|
50
|
-
"@tamagui/lucide-icons": "1.111.
|
|
51
|
-
"@tamagui/menu": "1.111.
|
|
52
|
-
"@tamagui/popover": "1.111.
|
|
53
|
-
"@tamagui/progress": "1.111.
|
|
54
|
-
"@tamagui/radio-group": "1.111.
|
|
55
|
-
"@tamagui/select": "1.111.
|
|
56
|
-
"@tamagui/sheet": "1.111.
|
|
57
|
-
"@tamagui/slider": "1.111.
|
|
58
|
-
"@tamagui/stacks": "1.111.
|
|
59
|
-
"@tamagui/toast": "1.111.
|
|
60
|
-
"tamagui": "1.111.
|
|
44
|
+
"@tamagui/avatar": "1.111.9",
|
|
45
|
+
"@tamagui/button": "1.111.9",
|
|
46
|
+
"@tamagui/config": "1.111.9",
|
|
47
|
+
"@tamagui/core": "1.111.9",
|
|
48
|
+
"@tamagui/list-item": "1.111.9",
|
|
49
|
+
"@tamagui/logo": "1.111.9",
|
|
50
|
+
"@tamagui/lucide-icons": "1.111.9",
|
|
51
|
+
"@tamagui/menu": "1.111.9",
|
|
52
|
+
"@tamagui/popover": "1.111.9",
|
|
53
|
+
"@tamagui/progress": "1.111.9",
|
|
54
|
+
"@tamagui/radio-group": "1.111.9",
|
|
55
|
+
"@tamagui/select": "1.111.9",
|
|
56
|
+
"@tamagui/sheet": "1.111.9",
|
|
57
|
+
"@tamagui/slider": "1.111.9",
|
|
58
|
+
"@tamagui/stacks": "1.111.9",
|
|
59
|
+
"@tamagui/toast": "1.111.9",
|
|
60
|
+
"tamagui": "1.111.9"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"react": "*"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
|
-
"@tamagui/build": "1.111.
|
|
66
|
+
"@tamagui/build": "1.111.9",
|
|
67
67
|
"react": "^18.2.0 || ^19.0.0",
|
|
68
68
|
"react-dom": "^18.2.0 || ^19.0.0"
|
|
69
69
|
},
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { ChevronDown } from "@tamagui/lucide-icons";
|
|
3
|
-
import { Accordion, Paragraph, Square } from "tamagui";
|
|
4
|
-
function AccordionDemo() {
|
|
5
|
-
return /* @__PURE__ */_jsxs(Accordion, {
|
|
6
|
-
overflow: "hidden",
|
|
7
|
-
width: "$20",
|
|
8
|
-
type: "multiple",
|
|
9
|
-
children: [/* @__PURE__ */_jsxs(Accordion.Item, {
|
|
10
|
-
value: "a1",
|
|
11
|
-
children: [/* @__PURE__ */_jsx(Accordion.Trigger, {
|
|
12
|
-
flexDirection: "row",
|
|
13
|
-
justifyContent: "space-between",
|
|
14
|
-
children: function (param) {
|
|
15
|
-
var {
|
|
16
|
-
open
|
|
17
|
-
} = param;
|
|
18
|
-
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
19
|
-
children: [/* @__PURE__ */_jsx(Paragraph, {
|
|
20
|
-
children: "1. Take a cold shower"
|
|
21
|
-
}), /* @__PURE__ */_jsx(Square, {
|
|
22
|
-
animation: "quick",
|
|
23
|
-
rotate: open ? "180deg" : "0deg",
|
|
24
|
-
children: /* @__PURE__ */_jsx(ChevronDown, {
|
|
25
|
-
size: "$1"
|
|
26
|
-
})
|
|
27
|
-
})]
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
}), /* @__PURE__ */_jsx(Accordion.HeightAnimator, {
|
|
31
|
-
animation: "medium",
|
|
32
|
-
children: /* @__PURE__ */_jsx(Accordion.Content, {
|
|
33
|
-
animation: "medium",
|
|
34
|
-
exitStyle: {
|
|
35
|
-
opacity: 0
|
|
36
|
-
},
|
|
37
|
-
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
38
|
-
children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
|
|
39
|
-
})
|
|
40
|
-
})
|
|
41
|
-
})]
|
|
42
|
-
}), /* @__PURE__ */_jsxs(Accordion.Item, {
|
|
43
|
-
value: "a2",
|
|
44
|
-
children: [/* @__PURE__ */_jsx(Accordion.Trigger, {
|
|
45
|
-
flexDirection: "row",
|
|
46
|
-
justifyContent: "space-between",
|
|
47
|
-
children: function (param) {
|
|
48
|
-
var {
|
|
49
|
-
open
|
|
50
|
-
} = param;
|
|
51
|
-
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
52
|
-
children: [/* @__PURE__ */_jsx(Paragraph, {
|
|
53
|
-
children: "2. Eat 4 eggs"
|
|
54
|
-
}), /* @__PURE__ */_jsx(Square, {
|
|
55
|
-
animation: "quick",
|
|
56
|
-
rotate: open ? "180deg" : "0deg",
|
|
57
|
-
children: /* @__PURE__ */_jsx(ChevronDown, {
|
|
58
|
-
size: "$1"
|
|
59
|
-
})
|
|
60
|
-
})]
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
}), /* @__PURE__ */_jsx(Accordion.HeightAnimator, {
|
|
64
|
-
animation: "medium",
|
|
65
|
-
children: /* @__PURE__ */_jsx(Accordion.Content, {
|
|
66
|
-
animation: "medium",
|
|
67
|
-
exitStyle: {
|
|
68
|
-
opacity: 0
|
|
69
|
-
},
|
|
70
|
-
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
71
|
-
children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."
|
|
72
|
-
})
|
|
73
|
-
})
|
|
74
|
-
})]
|
|
75
|
-
})]
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
export { AccordionDemo };
|
|
79
|
-
//# sourceMappingURL=AccordionDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","Accordion","Paragraph","Square","AccordionDemo","overflow","width","type","children","Item","value","Trigger","flexDirection","justifyContent","param","open","animation","rotate"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAC5B,SAASC,WAAW,+BAAyB;AAYjC,SAAAC,SAAA,EACEC,SADF,EAAAC,MAAA;AAVL,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAP,KAAC,CAAAI,SAAA;IACCI,QAAA;IACEC,KAAA;IACIC,IACA;IAAAC,QAIA,GACE,eAAAX,KAAA,CAACI,SAAA,CAAAQ,IAAU;MACXC,KAAA;MAEAF,QAGN,GACA,eAACb,IAAA,CAAAM,SAAU,CAAAU,OAAA;QAQbC,aAAA;QAEAC,cAAC,iBAAe;QACdL,QAAA,WAAAA,CAACM,KAAU;UAEP;YAAAC;UAAA,IAAAD,KAAA;UAIA,sBAAAjB,KAAA,CAAAE,SACE;YAAAS,QAAA,GACA,eAACb,IAAO,CAAAO,SAAA,EAAU;cAKxBM,QAAA;YACA,IAQF,eAAAb,IAAA,CAAAQ,MAAA;cACFa,SAAA;cAEJC,MAAA,EAAAF,IAAA","ignoreList":[]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { addTheme } from "@tamagui/theme";
|
|
4
|
-
import { Button, H3, Square, Theme, YStack } from "tamagui";
|
|
5
|
-
function AddThemeDemo() {
|
|
6
|
-
var [theme, setTheme] = React.useState();
|
|
7
|
-
return /* @__PURE__ */_jsxs(YStack, {
|
|
8
|
-
alignItems: "center",
|
|
9
|
-
space: !0,
|
|
10
|
-
children: [/* @__PURE__ */_jsxs(H3, {
|
|
11
|
-
children: ["Theme: ", theme ?? "none"]
|
|
12
|
-
}), /* @__PURE__ */_jsx(Theme, {
|
|
13
|
-
name: theme ?? "red",
|
|
14
|
-
children: /* @__PURE__ */_jsx(Square, {
|
|
15
|
-
borderRadius: "$8",
|
|
16
|
-
size: 100,
|
|
17
|
-
backgroundColor: "$color"
|
|
18
|
-
})
|
|
19
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
20
|
-
disabled: theme === "superblue",
|
|
21
|
-
onPress: function () {
|
|
22
|
-
addTheme({
|
|
23
|
-
name: "superblue",
|
|
24
|
-
insertCSS: !0,
|
|
25
|
-
theme: {
|
|
26
|
-
background: "#000",
|
|
27
|
-
color: "blue"
|
|
28
|
-
}
|
|
29
|
-
}), setTheme("superblue");
|
|
30
|
-
},
|
|
31
|
-
children: "Add superblue theme"
|
|
32
|
-
})]
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
export { AddThemeDemo };
|
|
36
|
-
//# sourceMappingURL=AddThemeDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","Button","H3","Square","Theme","YStack","AddThemeDemo","theme","setTheme","useState","alignItems","space","children","name","borderRadius","size","backgroundColor","disabled","onPress","insertCSS"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAgB;AAEzB,SAASC,QAAQ,QAAI,gBAAe;AAO9B,SAGEC,MAHF,EAAAC,EAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA;AALC,SAASC,aAAA,EAAe;EAC7B,KAAAC,KAAO,EAAAC,QAAO,IAAQT,KAAI,CAAAU,QAAM;EAEhC,OACE,eAAAX,KAAC,CAAAO,MAAA;IACCK,UAAA;IAAIC,KAAA;IAAAC,QAAQ,GAAS,eAAOd,KAAA,CAAAI,EAAA;MAE5BU,QAAA,GAIA,WAACL,KAAA;IAAA,EACC,EAAoB,eACXX,IAAM,CAAAQ,KAAA;MACbS,IAAA,EAAAN,KAAS;MAAAK,QACP,EAAM,eAAAhB,IAAA,CAAAO,MAAA;QAAAW,YACN,EAAW;QAAAC,IACX,KAAO;QAAAC,eACL,EAAY;MAAA;IACL,IACT,eAEFpB,IAAS,CAAAK,MAAA,EAAW;MACtBgB,QAAA,EAAAV,KAAA;MACDW,OAAA,WAAAA,CAAA;QAAAlB,QAAA;UAEDa,IAAA;UACFM,SAAA;UAEJZ,KAAA","ignoreList":[]}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AlertDialog, Button, XStack, YStack } from "tamagui";
|
|
3
|
-
function AlertDialogDemo() {
|
|
4
|
-
return /* @__PURE__ */_jsxs(AlertDialog, {
|
|
5
|
-
native: !0,
|
|
6
|
-
children: [/* @__PURE__ */_jsx(AlertDialog.Trigger, {
|
|
7
|
-
asChild: !0,
|
|
8
|
-
children: /* @__PURE__ */_jsx(Button, {
|
|
9
|
-
children: "Show Alert"
|
|
10
|
-
})
|
|
11
|
-
}), /* @__PURE__ */_jsxs(AlertDialog.Portal, {
|
|
12
|
-
children: [/* @__PURE__ */_jsx(AlertDialog.Overlay, {
|
|
13
|
-
animation: "quick",
|
|
14
|
-
opacity: 0.5,
|
|
15
|
-
enterStyle: {
|
|
16
|
-
opacity: 0
|
|
17
|
-
},
|
|
18
|
-
exitStyle: {
|
|
19
|
-
opacity: 0
|
|
20
|
-
}
|
|
21
|
-
}, "overlay"), /* @__PURE__ */_jsx(AlertDialog.Content, {
|
|
22
|
-
bordered: !0,
|
|
23
|
-
elevate: !0,
|
|
24
|
-
animation: ["quick", {
|
|
25
|
-
opacity: {
|
|
26
|
-
overshootClamping: !0
|
|
27
|
-
}
|
|
28
|
-
}],
|
|
29
|
-
enterStyle: {
|
|
30
|
-
x: 0,
|
|
31
|
-
y: -20,
|
|
32
|
-
opacity: 0,
|
|
33
|
-
scale: 0.9
|
|
34
|
-
},
|
|
35
|
-
exitStyle: {
|
|
36
|
-
x: 0,
|
|
37
|
-
y: 10,
|
|
38
|
-
opacity: 0,
|
|
39
|
-
scale: 0.95
|
|
40
|
-
},
|
|
41
|
-
x: 0,
|
|
42
|
-
scale: 1,
|
|
43
|
-
opacity: 1,
|
|
44
|
-
y: 0,
|
|
45
|
-
children: /* @__PURE__ */_jsxs(YStack, {
|
|
46
|
-
space: !0,
|
|
47
|
-
children: [/* @__PURE__ */_jsx(AlertDialog.Title, {
|
|
48
|
-
children: "Accept"
|
|
49
|
-
}), /* @__PURE__ */_jsx(AlertDialog.Description, {
|
|
50
|
-
children: "By pressing yes, you accept our terms and conditions."
|
|
51
|
-
}), /* @__PURE__ */_jsxs(XStack, {
|
|
52
|
-
gap: "$3",
|
|
53
|
-
justifyContent: "flex-end",
|
|
54
|
-
children: [/* @__PURE__ */_jsx(AlertDialog.Cancel, {
|
|
55
|
-
asChild: !0,
|
|
56
|
-
children: /* @__PURE__ */_jsx(Button, {
|
|
57
|
-
children: "Cancel"
|
|
58
|
-
})
|
|
59
|
-
}), /* @__PURE__ */_jsx(AlertDialog.Action, {
|
|
60
|
-
asChild: !0,
|
|
61
|
-
children: /* @__PURE__ */_jsx(Button, {
|
|
62
|
-
theme: "active",
|
|
63
|
-
children: "Accept"
|
|
64
|
-
})
|
|
65
|
-
})]
|
|
66
|
-
})]
|
|
67
|
-
})
|
|
68
|
-
}, "content")]
|
|
69
|
-
})]
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
export { AlertDialogDemo };
|
|
73
|
-
//# sourceMappingURL=AlertDialogDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlertDialog","Button","XStack","YStack","AlertDialogDemo","native","children","Trigger","asChild","Portal","Overlay","animation","opacity","enterStyle","exitStyle","Content","bordered","elevate","overshootClamping","x","y","scale"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAQC,KAAA,QAAQ,mBAAc;AAM5C,SAAAC,WAoCI,EAAAC,MApCJ,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAL,KAAC,CAAAC,WAAA;IACCK,MAAA;IAIAC,QAAA,GACE,eAAAT,IAAA,CAAAG,WAAA,CAAAO,OAAA;MAACC,OAAA;MAAAF,QAAA,iBAAAT,IAAA,CAAAI,MAAA;QAECK,QAAA;MAAU;IACD,IACgB,eACdP,KAAE,CAAAC,WAAW,CAAAS,MAAA;MAAAH,QAAA,GAJpB,eAAAT,IAAA,CAAAG,WAAA,CAAAU,OAAA;QAKNC,SAAA;QACAC,OAAA;QAACC,UAAY;UAAZD,OAAA;QACC;QACAE,SAAO;UAEPF,OAAW;QACT;MAAA,GACA,2BACWf,IAAA,CAAAG,WAAA,CAAAe,OAAA;QAAAC,QACP;QAAmBC,OACrB;QACFN,SAAA,GACF,SACA;UACAC,OAAa;YACVM,iBAAA;UACH;QACA,EACG;QAEHL,UAAA;UACEM,CAAA;UACAC,CAAA;UAIAR,OAAA;UACES,KAAA;QAEA;QAGAP,SACF;UACFK,CAAA;UAAAC,CAAA;UA9BIR,OAAA;UA+BNS,KAAA;QACF;QACFF,CAAA;QAEJE,KAAA","ignoreList":[]}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
3
|
-
import { Play } from "@tamagui/lucide-icons";
|
|
4
|
-
import { Button, Square, useControllableState, useEvent } from "tamagui";
|
|
5
|
-
function AnimationsDemo(props) {
|
|
6
|
-
var [positionI, setPositionI] = useControllableState({
|
|
7
|
-
strategy: "most-recent-wins",
|
|
8
|
-
prop: props.position,
|
|
9
|
-
defaultProp: 0
|
|
10
|
-
}),
|
|
11
|
-
position = positions[positionI],
|
|
12
|
-
onPress = useEvent(function () {
|
|
13
|
-
setPositionI(function (x) {
|
|
14
|
-
return (x + 1) % positions.length;
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
18
|
-
children: [/* @__PURE__ */_jsx(Square, {
|
|
19
|
-
animation: props.animation || "bouncy",
|
|
20
|
-
animateOnly: ["transform"],
|
|
21
|
-
onPress,
|
|
22
|
-
size: 104,
|
|
23
|
-
borderColor: "$borderColor",
|
|
24
|
-
borderWidth: 1,
|
|
25
|
-
borderRadius: "$9",
|
|
26
|
-
backgroundColor: "$color9",
|
|
27
|
-
hoverStyle: {
|
|
28
|
-
scale: 1.5
|
|
29
|
-
},
|
|
30
|
-
pressStyle: {
|
|
31
|
-
scale: 0.9
|
|
32
|
-
},
|
|
33
|
-
...position,
|
|
34
|
-
children: props.children || /* @__PURE__ */_jsx(LogoIcon, {
|
|
35
|
-
downscale: 0.75
|
|
36
|
-
})
|
|
37
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
38
|
-
position: "absolute",
|
|
39
|
-
bottom: 20,
|
|
40
|
-
left: 20,
|
|
41
|
-
icon: Play,
|
|
42
|
-
theme: props.tint,
|
|
43
|
-
size: "$5",
|
|
44
|
-
circular: !0,
|
|
45
|
-
onPress
|
|
46
|
-
})]
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
var positions = [{
|
|
50
|
-
x: 0,
|
|
51
|
-
y: 0,
|
|
52
|
-
scale: 1,
|
|
53
|
-
rotate: "0deg"
|
|
54
|
-
}, {
|
|
55
|
-
x: -50,
|
|
56
|
-
y: -50,
|
|
57
|
-
scale: 0.5,
|
|
58
|
-
rotate: "-45deg",
|
|
59
|
-
hoverStyle: {
|
|
60
|
-
scale: 0.6
|
|
61
|
-
},
|
|
62
|
-
pressStyle: {
|
|
63
|
-
scale: 0.4
|
|
64
|
-
}
|
|
65
|
-
}, {
|
|
66
|
-
x: 50,
|
|
67
|
-
y: 50,
|
|
68
|
-
scale: 1,
|
|
69
|
-
rotate: "180deg",
|
|
70
|
-
hoverStyle: {
|
|
71
|
-
scale: 1.1
|
|
72
|
-
},
|
|
73
|
-
pressStyle: {
|
|
74
|
-
scale: 0.9
|
|
75
|
-
}
|
|
76
|
-
}];
|
|
77
|
-
export { AnimationsDemo, positions };
|
|
78
|
-
//# sourceMappingURL=AnimationsDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LogoIcon","Play","Button","Square","useControllableState","useEvent","AnimationsDemo","props","positionI","setPositionI","strategy","prop","position","defaultProp","positions","onPress","x","length","children","animation","animateOnly","size","borderColor","borderWidth","borderRadius","backgroundColor","hoverStyle","scale","pressStyle","downscale","bottom","left","icon","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACzB,SAASC,QAAA,QAAY;AACrB,SAASC,IAAA,QAAQ,uBAAQ;AAgBrB,SAAAC,MAAA,EAAAC,MAkBuB,EAlBvBC,oBAAA,EAAAC,QAAA;AAdG,SAASC,eAAeC,KAAA,EAAO;EACpC,KAAAC,SAAO,EAAAC,YAAW,IAAYL,oBAAI;MAChCM,QAAA,EAAU;MACVC,IAAA,EAAMJ,KAAA,CAAMK,QAAA;MACZC,WAAA,EAAa;IACf,CAAC;IACKD,QAAA,GAAWE,SAAA,CAAUN,SAAS;IAC9BO,OAAA,GAAUV,QAAA,CAAS,YAAM;MAC7BI,YAAA,CAAa,UACHO,CAAA,EAAI;QAEf,QAAAA,CAAA,QAAAF,SAAA,CAAAG,MAAA;MAED;IAEI;EAAA,OAAC,eAAApB,KAAA,CAAAE,SAAA;IAAAmB,QAAA,kBACavB,IAAM,CAAAQ,MAAA;MAClBgB,SAAA,EAAAZ,KAAc,CAAAY,SAAW;MACzBC,WAAA,GACA,WAAM,CACN;MACAL,OAAA;MACAM,IAAA;MACAC,WAAA,gBAAgB;MAChBC,WAAA,EAAY;MAAAC,YACH;MACTC,eAAA;MACAC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACCC,UAAG;QAEHD,KAAA;MAA6C;MAChD,GAAAf,QAAA;MAEAM,QAAA,EAAAX,KAAA,CAAAW,QAAA,mBAAAvB,IAAA,CAAAK,QAAA;QAAC6B,SAAA;MAAA;IAAA,EACC,EAAS,eACDlC,IAAA,CAAAO,MAAA;MACRU,QAAM;MACNkB,MAAM;MACNC,IAAA,IAAO;MACPC,IAAA,EAAK/B,IAAA;MACLgC,KAAA,EAAA1B,KAAQ,CAAA2B,IAAA;MACRb,IAAA;MAAAc,QAAA;MACFpB;IACF;EAIG;AAAkB;AACvB,IACED,SAAG;EAEHE,CAAA;EACAoB,CAAA;EACFT,KAAA;EACAU,MAAA;AAAA,GACK;EAEHrB,CAAA;EACAoB,CAAA;EACAT,KAAA;EAAYU,MACV,UAAO;EACTX,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACA;AAAA,GACK;EAEHX,CAAA;EACAoB,CAAA;EACAT,KAAA;EAAYU,MACV,UAAO;EACTX,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACF","ignoreList":[]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
4
|
-
import { Button, Square, YStack, isWeb } from "tamagui";
|
|
5
|
-
import { useIsIntersecting } from "./useOnIntersecting.native.mjs";
|
|
6
|
-
function AnimationsEnterDemo(props) {
|
|
7
|
-
var ref = React.useRef(null),
|
|
8
|
-
[key, setKey] = React.useState(0);
|
|
9
|
-
if (isWeb) {
|
|
10
|
-
var hasIntersected = useIsIntersecting(ref, {
|
|
11
|
-
once: !0
|
|
12
|
-
});
|
|
13
|
-
if (!hasIntersected) return /* @__PURE__ */_jsx(YStack, {
|
|
14
|
-
ref
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
var _props_children;
|
|
18
|
-
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
19
|
-
children: [/* @__PURE__ */_jsx(Square, {
|
|
20
|
-
enterStyle: {
|
|
21
|
-
scale: 1.5,
|
|
22
|
-
y: -10,
|
|
23
|
-
opacity: 0
|
|
24
|
-
},
|
|
25
|
-
animation: "bouncy",
|
|
26
|
-
elevation: "$4",
|
|
27
|
-
size: 110,
|
|
28
|
-
opacity: 1,
|
|
29
|
-
scale: 1,
|
|
30
|
-
y: 0,
|
|
31
|
-
backgroundColor: "$pink10",
|
|
32
|
-
borderRadius: "$9",
|
|
33
|
-
children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */_jsx(LogoIcon, {
|
|
34
|
-
downscale: 0.75
|
|
35
|
-
})
|
|
36
|
-
}, key), /* @__PURE__ */_jsx(Button, {
|
|
37
|
-
size: "$3",
|
|
38
|
-
marginTop: "$4",
|
|
39
|
-
onPress: function () {
|
|
40
|
-
return setKey(Math.random());
|
|
41
|
-
},
|
|
42
|
-
children: "Re-mount"
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
export { AnimationsEnterDemo };
|
|
47
|
-
//# sourceMappingURL=AnimationsEnterDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","LogoIcon","Button","Square","YStack","isWeb","useIsIntersecting","AnimationsEnterDemo","props","ref","useRef","key","setKey","useState","hasIntersected","once","_props_children","children","enterStyle","scale","y","opacity","animation","elevation","size"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAClB,OAAAC,KAAS,aAAgB;AAEzB,SAASC,QAAQ,QAAQ,eAAQ;AAEjC,SAASC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAyB;AAUrB,SAKTC,iBAAA,wCALS;AARN,SAASC,oBAAoBC,KAAA,EAAY;EAC9C,IAAAC,GAAM,GAAAT,KAAM,CAAAU,MAAM,KAAoB;IAAI,CAAAC,GACnC,EAAAC,MAAK,IAAMZ,KAAI,CAAAa,QAAM,GAAS;EAErC,IAAAR,KAAI;IAUA,IAAAS,cAAA,GAAAR,iBAAA,CAAAG,GAAA;MAACM,IAAA;IAAA;IAAA,IAEC,CAAAD,cAAY,SACV,eAAOnB,IAAA,CAAAS,MAAA;MAAAK;IACJ;EACM;EACX,IAAAO,eACU;EAAA,OACV,eAAUnB,KAAA,CAAAE,SAAA;IAAAkB,QACV,EAAM,gBACGtB,IAAA,CAAAQ,MAAA;MACTe,UAAO;QACPC,KAAG;QACHC,CAAA;QACAC,OAAA;MAEC;MAA6CC,SAAA;MAfzCC,SAAA;MAgBPC,IAAA;MAEAH,OAAA;MAGFF,KAAA;MAEJC,CAAA","ignoreList":[]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
3
|
-
import { Square } from "tamagui";
|
|
4
|
-
function AnimationsHoverDemo() {
|
|
5
|
-
return /* @__PURE__ */_jsx(Square, {
|
|
6
|
-
borderColor: "$borderColor",
|
|
7
|
-
animation: "bouncy",
|
|
8
|
-
elevation: "$4",
|
|
9
|
-
backgroundColor: "$color9",
|
|
10
|
-
size: 104,
|
|
11
|
-
borderRadius: "$9",
|
|
12
|
-
hoverStyle: {
|
|
13
|
-
scale: 1.2
|
|
14
|
-
},
|
|
15
|
-
pressStyle: {
|
|
16
|
-
scale: 0.9
|
|
17
|
-
},
|
|
18
|
-
children: /* @__PURE__ */_jsx(LogoIcon, {
|
|
19
|
-
downscale: 0.75
|
|
20
|
-
})
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
export { AnimationsHoverDemo };
|
|
24
|
-
//# sourceMappingURL=AnimationsHoverDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","LogoIcon","Square","AnimationsHoverDemo","borderColor","animation","elevation","backgroundColor","size","borderRadius","hoverStyle","scale","pressStyle","children","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAgB;AACzB,SAASC,QAAA,QAAc;AAkBjB,SAAAC,MAAA;AAhBC,SAASC,oBAAA,EAAsB;EACpC,OACE,eAAAH,IAAA,CAAAE,MAAA;IAACE,WAAA;IAAAC,SAAA;IAAAC,SACC,MAAY;IAAAC,eACF;IAAAC,IACV;IAAUC,YACV;IAAgBC,UACV;MACNC,KAAA;IAAa;IACDC,UACV,EAAO;MACTD,KAAA;IAAA;IACYE,QACV,iBAAOb,IAAA,CAAAC,QAAA;MACTa,SAAA;IAAA;EAE2B;AAAA;AAGjC,S","ignoreList":[]}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
4
|
-
import { ArrowLeft, ArrowRight } from "@tamagui/lucide-icons";
|
|
5
|
-
import { Button, Image, XStack, YStack, styled } from "tamagui";
|
|
6
|
-
import photo1 from "../../public/photo1.jpg";
|
|
7
|
-
import photo2 from "../../public/photo2.jpg";
|
|
8
|
-
import photo3 from "../../public/photo3.jpg";
|
|
9
|
-
var images = [photo1, photo2, photo3].map(function (x) {
|
|
10
|
-
return x.src || x;
|
|
11
|
-
}),
|
|
12
|
-
GalleryItem = styled(YStack, {
|
|
13
|
-
zIndex: 1,
|
|
14
|
-
x: 0,
|
|
15
|
-
opacity: 1,
|
|
16
|
-
fullscreen: !0,
|
|
17
|
-
variants: {
|
|
18
|
-
// 1 = right, 0 = nowhere, -1 = left
|
|
19
|
-
going: {
|
|
20
|
-
":number": function (going) {
|
|
21
|
-
return {
|
|
22
|
-
enterStyle: {
|
|
23
|
-
x: going > 0 ? 1e3 : -1e3,
|
|
24
|
-
opacity: 0
|
|
25
|
-
},
|
|
26
|
-
exitStyle: {
|
|
27
|
-
zIndex: 0,
|
|
28
|
-
x: going < 0 ? 1e3 : -1e3,
|
|
29
|
-
opacity: 0
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}),
|
|
36
|
-
wrap = function (min, max, v) {
|
|
37
|
-
var rangeSize = max - min;
|
|
38
|
-
return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
|
|
39
|
-
};
|
|
40
|
-
function AnimationsPresenceDemo() {
|
|
41
|
-
var [[page, going], setPage] = React.useState([0, 0]),
|
|
42
|
-
imageIndex = wrap(0, images.length, page),
|
|
43
|
-
paginate = function (going2) {
|
|
44
|
-
setPage([page + going2, going2]);
|
|
45
|
-
};
|
|
46
|
-
return /* @__PURE__ */_jsxs(XStack, {
|
|
47
|
-
overflow: "hidden",
|
|
48
|
-
backgroundColor: "#000",
|
|
49
|
-
position: "relative",
|
|
50
|
-
height: 300,
|
|
51
|
-
width: "100%",
|
|
52
|
-
alignItems: "center",
|
|
53
|
-
children: [/* @__PURE__ */_jsx(AnimatePresence, {
|
|
54
|
-
initial: !1,
|
|
55
|
-
custom: {
|
|
56
|
-
going
|
|
57
|
-
},
|
|
58
|
-
children: /* @__PURE__ */_jsx(GalleryItem, {
|
|
59
|
-
animation: "slow",
|
|
60
|
-
going,
|
|
61
|
-
children: /* @__PURE__ */_jsx(Image, {
|
|
62
|
-
source: {
|
|
63
|
-
uri: images[imageIndex],
|
|
64
|
-
width: 820,
|
|
65
|
-
height: 300
|
|
66
|
-
}
|
|
67
|
-
})
|
|
68
|
-
}, page)
|
|
69
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
70
|
-
accessibilityLabel: "Carousel left",
|
|
71
|
-
icon: ArrowLeft,
|
|
72
|
-
size: "$5",
|
|
73
|
-
position: "absolute",
|
|
74
|
-
left: "$4",
|
|
75
|
-
circular: !0,
|
|
76
|
-
elevate: !0,
|
|
77
|
-
onPress: function () {
|
|
78
|
-
return paginate(-1);
|
|
79
|
-
},
|
|
80
|
-
zi: 100
|
|
81
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
82
|
-
accessibilityLabel: "Carousel right",
|
|
83
|
-
icon: ArrowRight,
|
|
84
|
-
size: "$5",
|
|
85
|
-
position: "absolute",
|
|
86
|
-
right: "$4",
|
|
87
|
-
circular: !0,
|
|
88
|
-
elevate: !0,
|
|
89
|
-
onPress: function () {
|
|
90
|
-
return paginate(1);
|
|
91
|
-
},
|
|
92
|
-
zi: 100
|
|
93
|
-
})]
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
export { AnimationsPresenceDemo, images };
|
|
97
|
-
//# sourceMappingURL=AnimationsPresenceDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","ArrowLeft","ArrowRight","Button","Image","XStack","YStack","styled","photo1","photo2","photo3","images","map","x","src","GalleryItem","zIndex","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","wrap","min","max","v","rangeSize","AnimationsPresenceDemo","page","setPage","useState","imageIndex","length","paginate","going2","overflow","backgroundColor","position","height","width","alignItems","children","initial","custom","animation","source","uri","accessibilityLabel","icon","size"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AACT,SAASC,eAAW,mCAAkB;AAEtC,SAASC,SAAQ,EAAAC,UAAO,QAAQ,uBAAsB;AAGtD,SAAOC,MAAA,EAAAC,KAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAEnB,OAAOC,MAAA,MAAY;AAEnB,OAAOC,MAAA,MAAY;AA0Cf,OAAAC,MAUM,MAVN;AAxCG,IAAAC,MAAM,IAGXH,MAAA,EACAC,MAAG,EACHC,MAAA,CAAS,CACTE,GAAA,WAAYC,CAAA;IAEZ,OAAAA,CAAA,CAAAC,GAAU,IAAAD,CAAA;EAAA;EAAAE,WAAA,GAAAR,MAAA,CAAAD,MAAA;IAAAU,MAER,GAAO;IAAAH,CAAA,GACL;IAAuBI,OACrB;IAAYC,UACV,EAAG;IAAmBC,QACtB;MAAS;MACXC,KACA;QAAW,SACT,WAAAC,CAAQD,KAAA;UAAA,OACL;YACHE,UAAS;cACXT,CAAA,EAAAO,KAAA;cACFH,OAAA;YACF;YACFM,SAAA;cAGYP,MAAa;cACnBH,CAAA,EAAAO,KAAY,OAAM;cACbH,OAAI;YACjB;UAEO,CAAS;QACd;MAIE;IACF;EAEA;EAAAO,IAAA,GACE,SAAAA,CAAAC,GAAA,EAAAC,GAAA,EAAAC,CAAA;IAAA,IAACC,SAAA,GAAAF,GAAA,GAAAD,GAAA;IAAA,SAAAE,CAAA,GAAAF,GAAA,IAAAG,SAAA,GAAAA,SAAA,IAAAA,SAAA,GAAAH,GAAA;EAAA;AACU,SACTI,sBAAgBA,CAAA;EAAA,IAChB,EAAAC,IAAA,EAAAV,KAAS,GAAAW,OAAA,IAAAhC,KAAA,CAAAiC,QAAA,KACD,EACF;IACNC,UAAA,GAAWT,IAAA,IAAAb,MAAA,CAAAuB,MAAA,EAAAJ,IAAA;IAAAK,QAAA,YAAAA,CAAAC,MAAA;MAAAL,OAEX,EAAAD,IAAA,GAAAM,MAAA,EAIAA,MAEA;IAAC;EAAA,sBACCtC,KAAA,CAAAO,MAAmB;IAAAgC,QACnB,UAAM;IAAAC,eACD;IAAAC,QACL,YAAS;IAAAC,MAAA,EACT;IAAKC,KAAA,QACL;IAAQC,UACR,UAAO;IAAAC,QACP,GAA0B,eACtB/C,IAAA,CAAAI,eAAA;MAAA4C,OAAA;MACNC,MAAA;QAEAzB;MAAA;MAACuB,QAAA,iBAAA/C,IAAA,CAAAmB,WAAA;QAAA+B,SACC;QAAmB1B,KACnB;QAAMuB,QACD,iBAAA/C,IAAA,CAAAQ,KAAA;UACL2C,MAAA;YACAC,GAAA,EAAMrC,MAAA,CAAAsB,UAAA;YACNQ,KAAA,KAAQ;YACRD,MAAA,EAAO;UACP;QAAyB;MACrB,GAAAV,IAAA;IAAA,EACN,iBAAAlC,IAAA,CAAAO,MAAA;MAAA8C,kBAAA;MACFC,IAAA,EAAAjD,SAAA;MAEJkD,IAAA","ignoreList":[]}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
3
|
-
import { Square } from "tamagui";
|
|
4
|
-
function AnimationsTimingDemo() {
|
|
5
|
-
return /* @__PURE__ */_jsx(Square, {
|
|
6
|
-
backgroundColor: "$pink10",
|
|
7
|
-
animation: "100ms",
|
|
8
|
-
elevation: "$4",
|
|
9
|
-
size: 110,
|
|
10
|
-
borderRadius: "$9",
|
|
11
|
-
hoverStyle: {
|
|
12
|
-
scale: 1.2
|
|
13
|
-
},
|
|
14
|
-
pressStyle: {
|
|
15
|
-
scale: 0.9
|
|
16
|
-
},
|
|
17
|
-
children: /* @__PURE__ */_jsx(LogoIcon, {
|
|
18
|
-
downscale: 0.75
|
|
19
|
-
})
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
export { AnimationsTimingDemo };
|
|
23
|
-
//# sourceMappingURL=AnimationsTimingDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","LogoIcon","Square","AnimationsTimingDemo","backgroundColor","animation","elevation","size","borderRadius","hoverStyle","scale","pressStyle","children","downscale"],"sources":["../../src/AnimationsTimingDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAgB;AACzB,SAASC,QAAA,QAAc;AAiBjB,SAAAC,MAAA;AAfC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAH,IAAA,CAAAE,MAAA;IAACE,eAAA;IAAAC,SAAA;IAAAC,SACC;IAAgBC,IAChB;IAAUC,YACV,EAAU;IAAAC,UACJ;MACNC,KAAA;IAAa;IACDC,UACV,EAAO;MACTD,KAAA;IAAA;IACYE,QACV,iBAAOZ,IAAA,CAAAC,QAAA;MACTY,SAAA;IAAA;EAE2B;AAAA;AAGjC,S","ignoreList":[]}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import { Avatar, XStack } from "tamagui";
|
|
4
|
-
function AvatarDemo() {
|
|
5
|
-
return /* @__PURE__ */_jsxs(XStack, {
|
|
6
|
-
alignItems: "center",
|
|
7
|
-
gap: "$6",
|
|
8
|
-
children: [/* @__PURE__ */_jsxs(Avatar, {
|
|
9
|
-
circular: !0,
|
|
10
|
-
size: "$10",
|
|
11
|
-
children: [/* @__PURE__ */_jsx(Avatar.Image, {
|
|
12
|
-
accessibilityLabel: "Cam",
|
|
13
|
-
src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
|
|
14
|
-
}), /* @__PURE__ */_jsx(Avatar.Fallback, {
|
|
15
|
-
backgroundColor: "$blue10"
|
|
16
|
-
})]
|
|
17
|
-
}), /* @__PURE__ */_jsxs(Avatar, {
|
|
18
|
-
circular: !0,
|
|
19
|
-
size: "$8",
|
|
20
|
-
children: [/* @__PURE__ */_jsx(Avatar.Image, {
|
|
21
|
-
accessibilityLabel: "Nate Wienert",
|
|
22
|
-
src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
|
|
23
|
-
}), /* @__PURE__ */_jsx(Avatar.Fallback, {
|
|
24
|
-
delayMs: 600,
|
|
25
|
-
backgroundColor: "$blue10"
|
|
26
|
-
})]
|
|
27
|
-
})]
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
export { AvatarDemo };
|
|
31
|
-
//# sourceMappingURL=AvatarDemo.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Avatar","XStack","AvatarDemo","alignItems","gap","children","circular","size","Image","accessibilityLabel","src","Fallback","backgroundColor"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAKzB;AAHC,SAASC,MAAA,EAAAC,MAAa;AAC3B,SACEC,WAAA;EACE,sBAACH,KAAA,CAAAE,MAAO;IACNE,UAAA;IAAAC,GAAA,EAAC;IAAOC,QAAP,kBACCN,KAAA,CAAAC,MAAmB;MAAAM,QACf;MAAAC,IAAA;MACNF,QAAA,GACA,eAACR,IAAA,CAAAG,MAAO,CAAAQ,KAAP,EAAgB;QACnBC,kBAAA;QAEAC,GAAA;MACE,IAAC,eAAOb,IAAA,CAAAG,MAAA,CAAAW,QAAA;QAAPC,eAAA;MACC;IACI,IACN,eAAAb,KAAA,CAAAC,MAAA;MACAM,QAAA;MACFC,IAAA;MACFF,QAAA,GAEJ,eAAAR,IAAA,CAAAG,MAAA,CAAAQ,KAAA","ignoreList":[]}
|