@tamagui/demos 1.111.8 → 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
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/NewInputsDemo.tsx"],
|
|
4
|
-
"mappings": ";AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,gBAAAA;AACd,SACE,sBAACD,QAAAA;IACCE,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,qBAACC,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACX,UAAAA;QAASY,aAAY;;;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;;MAChC,qBAACR,OAAAA;QAAMgB,MAAM;QAAGJ,MAAME,MAAMF;QAAMC,aAAa,QAAQC,MAAMF,IAAI;;MACjE,qBAACb,QAAAA;QAAOa,MAAME,MAAMF;kBAAM;;;;AAGhC;",
|
|
5
|
-
"names": ["Button", "Input", "TextArea", "XStack", "YStack", "NewInputsDemo", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "placeholder", "props", "alignItems", "flex"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Input","TextArea","XStack","YStack","NewInputsDemo","width","minHeight","overflow","space","margin","padding","children","InputDemo","size","placeholder","props"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAO,IAAAC,KAAU,QAAQ,mBAAc;AAIpD,SAQEC,MARF,EAAAC,KAAA,EAAAC,QAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAN,KAAA,CAAAK,MAAA;IAACE,KAAA;IAAAC,SAAA;IAAAC,QACC,EAAO;IAAAC,KACP;IAAWC,MACX,MAAS;IAAAC,OACT,EAAM;IAAAC,QACN,EAAO,CACP,eAAQf,IAAA,CAAAgB,SAAA;MAERC,IAAA;IAAA,IAAqB,eACrBjB,IAAA,CAAAgB,SAAC;MACDC,IAAA;IAAqB,EACrB,EAA8C,eAAAjB,IAAA,CAAAgB,SAAA;MAAAC,IAAA;IAChD,IAEJ,eAAAjB,IAAA,CAAAK,QAAA;MAEAa,WAAmB;IACjB;EAE4E,EACxE;AAA4B;AAGlC,SAAAF,UAAAG,KAAA","ignoreList":[]}
|
|
@@ -2,134 +2,108 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
|
|
4
4
|
function PopoverDemo() {
|
|
5
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
6
6
|
gap: "$2",
|
|
7
7
|
flex: 1,
|
|
8
8
|
justifyContent: "center",
|
|
9
9
|
alignItems: "center",
|
|
10
|
-
children: [
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
placement: "right",
|
|
28
|
-
Icon: ChevronRight,
|
|
29
|
-
Name: "right-popover"
|
|
30
|
-
})
|
|
31
|
-
]
|
|
10
|
+
children: [/* @__PURE__ */_jsx(Demo, {
|
|
11
|
+
placement: "left",
|
|
12
|
+
Icon: ChevronLeft,
|
|
13
|
+
Name: "left-popover"
|
|
14
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
15
|
+
placement: "bottom",
|
|
16
|
+
Icon: ChevronDown,
|
|
17
|
+
Name: "bottom-popover"
|
|
18
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
19
|
+
placement: "top",
|
|
20
|
+
Icon: ChevronUp,
|
|
21
|
+
Name: "top-popover"
|
|
22
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
23
|
+
placement: "right",
|
|
24
|
+
Icon: ChevronRight,
|
|
25
|
+
Name: "right-popover"
|
|
26
|
+
})]
|
|
32
27
|
});
|
|
33
28
|
}
|
|
34
29
|
function Demo(param) {
|
|
35
|
-
var {
|
|
36
|
-
|
|
30
|
+
var {
|
|
31
|
+
Icon,
|
|
32
|
+
Name,
|
|
33
|
+
...props
|
|
34
|
+
} = param;
|
|
35
|
+
return /* @__PURE__ */_jsxs(Popover, {
|
|
37
36
|
size: "$5",
|
|
38
37
|
allowFlip: !0,
|
|
39
38
|
...props,
|
|
40
|
-
children: [
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
children:
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
opacity: 0
|
|
62
|
-
},
|
|
63
|
-
exitStyle: {
|
|
64
|
-
opacity: 0
|
|
65
|
-
}
|
|
66
|
-
})
|
|
67
|
-
]
|
|
68
|
-
})
|
|
69
|
-
}),
|
|
70
|
-
/* @__PURE__ */ _jsxs(Popover.Content, {
|
|
71
|
-
borderWidth: 1,
|
|
72
|
-
borderColor: "$borderColor",
|
|
73
|
-
enterStyle: {
|
|
74
|
-
y: -10,
|
|
75
|
-
opacity: 0
|
|
76
|
-
},
|
|
77
|
-
exitStyle: {
|
|
78
|
-
y: -10,
|
|
79
|
-
opacity: 0
|
|
80
|
-
},
|
|
81
|
-
elevate: !0,
|
|
82
|
-
animation: [
|
|
83
|
-
"quick",
|
|
84
|
-
{
|
|
85
|
-
opacity: {
|
|
86
|
-
overshootClamping: !0
|
|
87
|
-
}
|
|
39
|
+
children: [/* @__PURE__ */_jsx(Popover.Trigger, {
|
|
40
|
+
asChild: !0,
|
|
41
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
42
|
+
icon: Icon
|
|
43
|
+
})
|
|
44
|
+
}), /* @__PURE__ */_jsx(Adapt, {
|
|
45
|
+
when: "sm",
|
|
46
|
+
platform: "touch",
|
|
47
|
+
children: /* @__PURE__ */_jsxs(Popover.Sheet, {
|
|
48
|
+
modal: !0,
|
|
49
|
+
dismissOnSnapToBottom: !0,
|
|
50
|
+
children: [/* @__PURE__ */_jsx(Popover.Sheet.Frame, {
|
|
51
|
+
padding: "$4",
|
|
52
|
+
children: /* @__PURE__ */_jsx(Adapt.Contents, {})
|
|
53
|
+
}), /* @__PURE__ */_jsx(Popover.Sheet.Overlay, {
|
|
54
|
+
animation: "lazy",
|
|
55
|
+
enterStyle: {
|
|
56
|
+
opacity: 0
|
|
57
|
+
},
|
|
58
|
+
exitStyle: {
|
|
59
|
+
opacity: 0
|
|
88
60
|
}
|
|
89
|
-
]
|
|
90
|
-
children: [
|
|
91
|
-
/* @__PURE__ */ _jsx(Popover.Arrow, {
|
|
92
|
-
borderWidth: 1,
|
|
93
|
-
borderColor: "$borderColor"
|
|
94
|
-
}),
|
|
95
|
-
/* @__PURE__ */ _jsxs(YStack, {
|
|
96
|
-
gap: "$3",
|
|
97
|
-
children: [
|
|
98
|
-
/* @__PURE__ */ _jsxs(XStack, {
|
|
99
|
-
gap: "$3",
|
|
100
|
-
children: [
|
|
101
|
-
/* @__PURE__ */ _jsx(Label, {
|
|
102
|
-
size: "$3",
|
|
103
|
-
htmlFor: Name,
|
|
104
|
-
children: "Name"
|
|
105
|
-
}),
|
|
106
|
-
/* @__PURE__ */ _jsx(Input, {
|
|
107
|
-
size: "$3",
|
|
108
|
-
id: Name
|
|
109
|
-
})
|
|
110
|
-
]
|
|
111
|
-
}),
|
|
112
|
-
/* @__PURE__ */ _jsx(Popover.Close, {
|
|
113
|
-
asChild: !0,
|
|
114
|
-
children: /* @__PURE__ */ _jsx(Button, {
|
|
115
|
-
size: "$3",
|
|
116
|
-
onPress: function() {
|
|
117
|
-
},
|
|
118
|
-
children: (
|
|
119
|
-
/* Custom code goes here, does not interfere with popover closure */
|
|
120
|
-
"Submit"
|
|
121
|
-
)
|
|
122
|
-
})
|
|
123
|
-
})
|
|
124
|
-
]
|
|
125
|
-
})
|
|
126
|
-
]
|
|
61
|
+
})]
|
|
127
62
|
})
|
|
128
|
-
|
|
63
|
+
}), /* @__PURE__ */_jsxs(Popover.Content, {
|
|
64
|
+
borderWidth: 1,
|
|
65
|
+
borderColor: "$borderColor",
|
|
66
|
+
enterStyle: {
|
|
67
|
+
y: -10,
|
|
68
|
+
opacity: 0
|
|
69
|
+
},
|
|
70
|
+
exitStyle: {
|
|
71
|
+
y: -10,
|
|
72
|
+
opacity: 0
|
|
73
|
+
},
|
|
74
|
+
elevate: !0,
|
|
75
|
+
animation: ["quick", {
|
|
76
|
+
opacity: {
|
|
77
|
+
overshootClamping: !0
|
|
78
|
+
}
|
|
79
|
+
}],
|
|
80
|
+
children: [/* @__PURE__ */_jsx(Popover.Arrow, {
|
|
81
|
+
borderWidth: 1,
|
|
82
|
+
borderColor: "$borderColor"
|
|
83
|
+
}), /* @__PURE__ */_jsxs(YStack, {
|
|
84
|
+
gap: "$3",
|
|
85
|
+
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
86
|
+
gap: "$3",
|
|
87
|
+
children: [/* @__PURE__ */_jsx(Label, {
|
|
88
|
+
size: "$3",
|
|
89
|
+
htmlFor: Name,
|
|
90
|
+
children: "Name"
|
|
91
|
+
}), /* @__PURE__ */_jsx(Input, {
|
|
92
|
+
size: "$3",
|
|
93
|
+
id: Name
|
|
94
|
+
})]
|
|
95
|
+
}), /* @__PURE__ */_jsx(Popover.Close, {
|
|
96
|
+
asChild: !0,
|
|
97
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
98
|
+
size: "$3",
|
|
99
|
+
onPress: function () {},
|
|
100
|
+
children: (/* Custom code goes here, does not interfere with popover closure */
|
|
101
|
+
"Submit")
|
|
102
|
+
})
|
|
103
|
+
})]
|
|
104
|
+
})]
|
|
105
|
+
})]
|
|
129
106
|
});
|
|
130
107
|
}
|
|
131
|
-
export {
|
|
132
|
-
|
|
133
|
-
PopoverDemo
|
|
134
|
-
};
|
|
135
|
-
//# sourceMappingURL=PopoverDemo.js.map
|
|
108
|
+
export { Demo, PopoverDemo };
|
|
109
|
+
//# sourceMappingURL=PopoverDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAElE,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAE9D,SAASC,cAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,KAAI;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC3D,qBAACC,MAAAA;QAAKC,WAAU;QAAOC,MAAMjB;QAAakB,MAAK;;MAC/C,qBAACH,MAAAA;QAAKC,WAAU;QAASC,MAAMlB;QAAamB,MAAK;;MACjD,qBAACH,MAAAA;QAAKC,WAAU;QAAMC,MAAMf;QAAWgB,MAAK;;MAC5C,qBAACH,MAAAA;QAAKC,WAAU;QAAQC,MAAMhB;QAAciB,MAAK;;;;AAGvD;AAEO,SAASH,KAAK,OAI0B;MAJ1B,EACnBE,MACAC,MACA,GAAGC,MAAAA,IAHgB;AAKnB,SACE,sBAACZ,SAAAA;IAAQa,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACZ,QAAQe,SAAO;QAACC,SAAO;kBACtB,qBAACnB,QAAAA;UAAOoB,MAAMP;;;MAGhB,qBAACd,OAAAA;QAAMsB,MAAK;QAAKC,UAAS;kBACxB,sBAACnB,QAAQoB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACtB,QAAQoB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAC5B,MAAM6B,UAAQ,CAAA,CAAA;;YAEjB,qBAACzB,QAAQoB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC7B,QAAQ+B,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,qBAACpC,QAAQqC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAC/B,QAAAA;YAAOE,KAAI;;cACV,sBAACH,QAAAA;gBAAOG,KAAI;;kBACV,qBAACL,OAAAA;oBAAMc,MAAK;oBAAKyB,SAAS3B;8BAAM;;kBAGhC,qBAACb,OAAAA;oBAAMe,MAAK;oBAAK0B,IAAI5B;;;;cAGvB,qBAACX,QAAQwC,OAAK;gBAACxB,SAAO;0BACpB,qBAACnB,QAAAA;kBACCgB,MAAK;kBACL4B,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
|
|
5
|
-
"names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Adapt", "Button", "Input", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "id", "Close", "onPress"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Adapt","Button","Input","Label","Popover","XStack","YStack","PopoverDemo","gap","flex","justifyContent","alignItems","children","Demo","placement","Icon","Name","param","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAa,2BAAc;AAEjD,SAASC,WAAO,EAAAC,WAAe,EAAAC,YAAgB,EAAAC,SAAQ,+BAAc;AAIjE,SACEC,KADF,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAZ,KAAC,CAAAU,MAAA;IACCG,GAAA;IACAC,IAAA;IACAC,cAAA,UAAC;IACDC,UAAA,UAAC;IAAgEC,QACnE,GAEJ,eAAAnB,IAAA,CAAAoB,IAAA;MAEOC,SAAc;MACnBC,IAAA,EAAAlB,WAAA;MACAmB,IAAA;IACG,IAC4C,eAAAvB,IAAA,CAAAoB,IAAA;MAC/CC,SACE;MACEC,IAAA,EAAAnB,WAAC;MAIDoB,IAAA;IAEI,IAGA,eAAAvB,IAAA,CAAAoB,IAAA;MAACC,SAAQ,OAAM;MAAdC,IAAA,EAAAhB,SAAA;MAAAiB,IACC;IAAU,IACe,eACdvB,IAAE,CAAAoB,IAAA,EAAS;MAAEC,SAAA;MAC1BC,IAAA,EAAAjB,YAAA;MACFkB,IACF;IAEA;EAAS;AAAR;AACc,SACbH,KAAAI,KAAA,EAAY;EAAA;IACZF,IAAA;IAAAC,IAAA;IAAY,GAAEE;EAAG,CAAK,GAAAD,KAAA;EAAW,OACjC,eAAgBtB,KAAK,CAAAS,OAAS,EAAE;IAAAe,IAChC;IAAOC,SACP;IAAW,GAAAF,KACT;IAAAN,QACA,kBACWnB,IAAA,CAAAW,OAAA,CAAAiB,OAAA;MAAAC,OACP;MAAmBV,QACrB,iBAAAnB,IAAA,CAAAQ,MAAA;QACFsB,IAAA,EAAAR;MACF;IAAA,EAEA,iBAAAtB,IAAA,CAAAO,KAAC;MAAyDwB,IAE1D;MACEC,QAAA;MACEb,QAAA,iBAACjB,KAAA,CAAAS,OAAM,CAAAsB,KAAK,EAAK;QAEjBC,KACA;QAA2BC,qBAC7B;QAAAhB,QAEA,GACE,eAACnB,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAG,KAAA;UAAAC,OAAA;UAAAlB,QACM,iBAAAnB,IAAA,CAAAO,KAAA,CAAA+B,QAAA;QAAA,IACU,eAEftC,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAM,OAAA;UAAAC,SACD;UAAAC,UAAA;YAGHC,OAAA;UACF;UAAAC,SAAA;YAAAD,OAAA;UACF;QACF","ignoreList":[]}
|
|
@@ -2,95 +2,78 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
|
|
4
4
|
function ProgressDemo() {
|
|
5
|
-
var [key, setKey] = React.useState(0),
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
var [key, setKey] = React.useState(0),
|
|
6
|
+
[size, setSize] = React.useState(4),
|
|
7
|
+
[progress, setProgress] = React.useState(0),
|
|
8
|
+
sizeProp = `$${size}`;
|
|
9
|
+
return React.useEffect(function () {
|
|
10
|
+
var timer = setTimeout(function () {
|
|
8
11
|
return setProgress(60);
|
|
9
12
|
}, 1e3);
|
|
10
|
-
return function() {
|
|
13
|
+
return function () {
|
|
11
14
|
clearTimeout(timer);
|
|
12
15
|
};
|
|
13
|
-
}, []), /* @__PURE__ */
|
|
14
|
-
children: [
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
16
|
+
}, []), /* @__PURE__ */_jsxs(_Fragment, {
|
|
17
|
+
children: [/* @__PURE__ */_jsxs(YStack, {
|
|
18
|
+
height: 60,
|
|
19
|
+
alignItems: "center",
|
|
20
|
+
gap: "$4",
|
|
21
|
+
children: [/* @__PURE__ */_jsxs(Paragraph, {
|
|
22
|
+
height: 30,
|
|
23
|
+
opacity: 0.5,
|
|
24
|
+
children: ["Size: ", size]
|
|
25
|
+
}), /* @__PURE__ */_jsx(Progress, {
|
|
26
|
+
size: sizeProp,
|
|
27
|
+
value: progress,
|
|
28
|
+
children: /* @__PURE__ */_jsx(Progress.Indicator, {
|
|
29
|
+
animation: "bouncy"
|
|
30
|
+
})
|
|
31
|
+
}, key)]
|
|
32
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
33
|
+
alignItems: "center",
|
|
34
|
+
gap: "$2",
|
|
35
|
+
position: "absolute",
|
|
36
|
+
bottom: "$3",
|
|
37
|
+
left: "$4",
|
|
38
|
+
$xxs: {
|
|
39
|
+
display: "none"
|
|
40
|
+
},
|
|
41
|
+
children: [/* @__PURE__ */_jsxs(Slider, {
|
|
42
|
+
size: "$2",
|
|
43
|
+
width: 130,
|
|
44
|
+
defaultValue: [4],
|
|
45
|
+
min: 2,
|
|
46
|
+
max: 6,
|
|
47
|
+
step: 1,
|
|
48
|
+
onValueChange: function (param) {
|
|
49
|
+
var [val] = param;
|
|
50
|
+
setSize(val);
|
|
45
51
|
},
|
|
46
|
-
children: [
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
]
|
|
71
|
-
}),
|
|
72
|
-
/* @__PURE__ */ _jsx(Button, {
|
|
73
|
-
size: "$2",
|
|
74
|
-
onPress: function() {
|
|
75
|
-
return setProgress(function(prev) {
|
|
76
|
-
return (prev + 20) % 100;
|
|
77
|
-
});
|
|
78
|
-
},
|
|
79
|
-
children: "Load"
|
|
80
|
-
}),
|
|
81
|
-
/* @__PURE__ */ _jsx(Button, {
|
|
82
|
-
size: "$2",
|
|
83
|
-
onPress: function() {
|
|
84
|
-
setKey(Math.random()), setProgress(0);
|
|
85
|
-
},
|
|
86
|
-
children: "Reset"
|
|
87
|
-
})
|
|
88
|
-
]
|
|
89
|
-
})
|
|
90
|
-
]
|
|
52
|
+
children: [/* @__PURE__ */_jsx(Slider.Track, {
|
|
53
|
+
borderWidth: 1,
|
|
54
|
+
borderColor: "$color5",
|
|
55
|
+
children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
|
|
56
|
+
}), /* @__PURE__ */_jsx(Slider.Thumb, {
|
|
57
|
+
circular: !0,
|
|
58
|
+
index: 0
|
|
59
|
+
})]
|
|
60
|
+
}), /* @__PURE__ */_jsx(Button, {
|
|
61
|
+
size: "$2",
|
|
62
|
+
onPress: function () {
|
|
63
|
+
return setProgress(function (prev) {
|
|
64
|
+
return (prev + 20) % 100;
|
|
65
|
+
});
|
|
66
|
+
},
|
|
67
|
+
children: "Load"
|
|
68
|
+
}), /* @__PURE__ */_jsx(Button, {
|
|
69
|
+
size: "$2",
|
|
70
|
+
onPress: function () {
|
|
71
|
+
setKey(Math.random()), setProgress(0);
|
|
72
|
+
},
|
|
73
|
+
children: "Reset"
|
|
74
|
+
})]
|
|
75
|
+
})]
|
|
91
76
|
});
|
|
92
77
|
}
|
|
93
|
-
export {
|
|
94
|
-
|
|
95
|
-
};
|
|
96
|
-
//# sourceMappingURL=ProgressDemo.js.map
|
|
78
|
+
export { ProgressDemo };
|
|
79
|
+
//# sourceMappingURL=ProgressDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/ProgressDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;AAE7D,SAASC,eAAAA;AACd,MAAM,CAACC,KAAKC,MAAAA,IAAUT,MAAMU,SAAS,CAAA,GAC/B,CAACC,MAAMC,OAAAA,IAAWZ,MAAMU,SAAS,CAAA,GACjC,CAACG,UAAUC,WAAAA,IAAed,MAAMU,SAAS,CAAA,GACzCK,WAAW,IAAIJ,IAAAA;AAErBX,eAAMgB,UAAU,WAAA;AACd,QAAMC,QAAQC,WAAW,WAAA;aAAMJ,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLK,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACX,QAAAA;QAAOc,QAAQ;QAAIC,YAAW;QAASC,KAAI;;UAC1C,sBAACpB,WAAAA;YAAUkB,QAAQ;YAAIG,SAAS;;cAAK;cAC5BZ;;;UAET,qBAACR,UAAAA;YAAmBQ,MAAMI;YAAUS,OAAOX;sBACzC,qBAACV,SAASsB,WAAS;cAACC,WAAU;;aADjBlB,GAAAA;;;MAKjB,sBAACH,QAAAA;QACCgB,YAAW;QACXC,KAAI;QACJK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAAC3B,QAAAA;YACCO,MAAK;YACLqB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;kBAAC,CAACC,GAAAA,IAAI;AACnB1B,sBAAQ0B,GAAAA;YACV;;cAEA,qBAAClC,OAAOmC,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACrC,OAAOsC,aAAW,CAAA,CAAA;;cAErB,qBAACtC,OAAOuC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAAC5C,QAAAA;YAAOU,MAAK;YAAKmC,SAAS,WAAA;qBAAMhC,YAAY,SAACiC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;UAG3E,qBAAC9C,QAAAA;YACCU,MAAK;YACLmC,SAAS,WAAA;AACPrC,qBAAOuC,KAAKC,OAAM,CAAA,GAClBnC,YAAY,CAAA;YACd;sBACD;;;;;;AAMT;",
|
|
5
|
-
"names": ["React", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "key", "setKey", "useState", "size", "setSize", "progress", "setProgress", "sizeProp", "useEffect", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "gap", "opacity", "value", "Indicator", "animation", "position", "bottom", "left", "$xxs", "display", "width", "defaultValue", "min", "max", "step", "onValueChange", "val", "Track", "borderWidth", "borderColor", "TrackActive", "Thumb", "circular", "index", "onPress", "prev", "Math", "random"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","Button","Paragraph","Progress","Slider","XStack","YStack","ProgressDemo","key","setKey","useState","size","setSize","progress","setProgress","sizeProp","useEffect","timer","setTimeout","clearTimeout","children","height","alignItems","gap","opacity","value","Indicator","animation","position","bottom","left","$xxs","display","width","defaultValue","min","max","step","onValueChange","param","val","Track","borderWidth"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS,MAAQ;AAgBb,SAAAC,MAAA,EAAAC,SAEI,EAAAC,QAFJ,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAdG,SAASC,aAAA,EAAe;EAC7B,KAAAC,GAAO,EAAAC,MAAK,IAAMT,KAAI,CAAAU,QAAM,GAAS;IAAC,CAAAC,IAC/B,EAAAC,OAAM,IAAOZ,KAAI,CAAAU,QAAM,GAAS;IAAC,CAAAG,QACjC,EAAAC,WAAU,IAAWd,KAAI,CAAAU,QAAM,GAAS;IAACK,QAC1C,OAAWJ,IAAI,EAAI;EAEzB,OAAAX,KAAA,CAAMgB,SAAA,CAAU,YAAM;IACpB,IAAAC,KAAM,GAAAC,UAAQ,aAAiB;MAC/B,OAAOJ,WAAM;IACX;IACF;MACEK,YAGF,CAAAF,KAAA;IACE;EACE,uBAAApB,KAAC,CAAAE,SAAU;IAA0BqB,QAAA,kBAC5BvB,KAAA,CAAAS,MAAA;MAAAe,MACT;MACAC,UAAA,UAAC;MAGHC,GAAA;MAEAH,QAAA,GAAC,eAAAvB,KAAA,CAAAK,SAAA;QAAAmB,MAAA;QACCG,OAAA,EAAW;QACXJ,QAAI,GACJ,QAAS,EACTT,IAAO;MAEP,IAEA,eAAAhB,IAAA,CAAAQ,QAAA;QAAAQ,IAAA,EAAAI,QAAA;QAACU,KAAA,EAAAZ,QAAA;QAAAO,QAAA,iBAAAzB,IAAA,CAAAQ,QAAA,CAAAuB,SAAA;UACCC,SAAK;QAAA;MACE,GAAAnB,GACP;IACK,IACA,eACCX,KAAA,CAAAQ,MAAA;MAAAiB,UACN;MACEC,GAAA;MAAWK,QACb;MAAAC,MAEA;MAAAC,IAAA;MAEAC,IAAA;QACiCC,OAAA;MAAA;MAAAZ,QACnC,GAEA,eAAAvB,KAAC,CAAAO,MAAA,EAAO;QAGRO,IAAA;QAACsB,KAAA;QAAAC,YAAA,GACC,EAAK;QAEHC,GAAA;QACaC,GACf;QAAAC,IACD;QAAAC,aAAA,WAAAA,CAAAC,KAAA;UAED,KAAAC,GAAA,IAAAD,KAAA;UAAA3B,OAAA,CAAA4B,GAAA;QAAA;QACFpB,QAAA,GACF,eAAAzB,IAAA,CAAAS,MAAA,CAAAqC,KAAA;UAEJC,WAAA","ignoreList":[]}
|
|
@@ -1,57 +1,47 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Label, RadioGroup, XStack, YStack } from "tamagui";
|
|
3
3
|
function RadioGroupDemo() {
|
|
4
|
-
return /* @__PURE__ */
|
|
4
|
+
return /* @__PURE__ */_jsx(RadioGroup, {
|
|
5
5
|
"aria-labelledby": "Select one item",
|
|
6
6
|
defaultValue: "3",
|
|
7
7
|
name: "form",
|
|
8
|
-
children: /* @__PURE__ */
|
|
8
|
+
children: /* @__PURE__ */_jsxs(YStack, {
|
|
9
9
|
width: 300,
|
|
10
10
|
alignItems: "center",
|
|
11
11
|
space: "$2",
|
|
12
|
-
children: [
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
value: "4",
|
|
26
|
-
label: "Fourth value"
|
|
27
|
-
})
|
|
28
|
-
]
|
|
12
|
+
children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
|
|
13
|
+
size: "$3",
|
|
14
|
+
value: "2",
|
|
15
|
+
label: "Second value"
|
|
16
|
+
}), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
|
|
17
|
+
size: "$4",
|
|
18
|
+
value: "3",
|
|
19
|
+
label: "Third value"
|
|
20
|
+
}), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
|
|
21
|
+
size: "$5",
|
|
22
|
+
value: "4",
|
|
23
|
+
label: "Fourth value"
|
|
24
|
+
})]
|
|
29
25
|
})
|
|
30
26
|
});
|
|
31
27
|
}
|
|
32
28
|
function RadioGroupItemWithLabel(props) {
|
|
33
29
|
var id = `radiogroup-${props.value}`;
|
|
34
|
-
return /* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
35
31
|
width: 300,
|
|
36
32
|
alignItems: "center",
|
|
37
33
|
space: "$4",
|
|
38
|
-
children: [
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
children: props.label
|
|
49
|
-
})
|
|
50
|
-
]
|
|
34
|
+
children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
|
|
35
|
+
value: props.value,
|
|
36
|
+
id,
|
|
37
|
+
size: props.size,
|
|
38
|
+
children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
|
|
39
|
+
}), /* @__PURE__ */_jsx(Label, {
|
|
40
|
+
size: props.size,
|
|
41
|
+
htmlFor: id,
|
|
42
|
+
children: props.label
|
|
43
|
+
})]
|
|
51
44
|
});
|
|
52
45
|
}
|
|
53
|
-
export {
|
|
54
|
-
|
|
55
|
-
RadioGroupItemWithLabel
|
|
56
|
-
};
|
|
57
|
-
//# sourceMappingURL=RadioGroupDemo.js.map
|
|
46
|
+
export { RadioGroupDemo, RadioGroupItemWithLabel };
|
|
47
|
+
//# sourceMappingURL=RadioGroupDemo.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/RadioGroupDemo.tsx"],
|
|
4
|
-
"mappings": ";AACA,SAASA,OAAOC,YAAYC,QAAQC,cAAc;AAE3C,SAASC,iBAAAA;AACd,SACE,qBAACH,YAAAA;IAAWI,mBAAgB;IAAkBC,cAAa;IAAIC,MAAK;cAClE,sBAACJ,QAAAA;MAAOK,OAAO;MAAKC,YAAW;MAASC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,qBAACH,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;QACnD,qBAACH,yBAAAA;UAAwBC,MAAK;UAAKC,OAAM;UAAIC,OAAM;;;;;AAI3D;AAEO,SAASH,wBAAwBI,OAIvC;AACC,MAAMC,KAAK,cAAcD,MAAMF,KAAK;AACpC,SACE,sBAACX,QAAAA;IAAOM,OAAO;IAAKC,YAAW;IAASC,OAAM;;MAC5C,qBAACT,WAAWgB,MAAI;QAACJ,OAAOE,MAAMF;QAAOG;QAAQJ,MAAMG,MAAMH;kBACvD,qBAACX,WAAWiB,WAAS,CAAA,CAAA;;MAGvB,qBAAClB,OAAAA;QAAMY,MAAMG,MAAMH;QAAMO,SAASH;kBAC/BD,MAAMD;;;;AAIf;",
|
|
5
|
-
"names": ["Label", "RadioGroup", "XStack", "YStack", "RadioGroupDemo", "aria-labelledby", "defaultValue", "name", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "Item", "Indicator", "htmlFor"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","RadioGroup","XStack","YStack","RadioGroupDemo","defaultValue","name","children","width","alignItems","space","RadioGroupItemWithLabel","size","value","label"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAYC,KAAA,QAAQ,mBAAc;AAK5C,SACEC,KADF,EAAAC,UAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAP,IAAC,CAAAI,UAAA;IAEG,oCAAC;IACDI,YAAA;IACAC,IAAA;IAAkEC,QAEtE,iBAAAR,KAAA,CAAAI,MAAA;MAEJK,KAAA;MAEOC,UAAS;MAKdC,KAAM,EAAK;MACXH,QACE,GACE,eAACV,IAAA,CAAAc,uBAAuB;QAIxBC,IAAA;QAGFC,KAAA;QAEJC,KAAA","ignoreList":[]}
|