@tamagui/demos 1.89.27 → 1.89.29
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 +68 -30
- package/dist/cjs/AccordionDemo.native.js.map +2 -2
- package/dist/cjs/AddThemeDemo.native.js +34 -22
- package/dist/cjs/AddThemeDemo.native.js.map +2 -2
- package/dist/cjs/AlertDialogDemo.native.js +84 -55
- package/dist/cjs/AlertDialogDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsDemo.native.js +55 -33
- package/dist/cjs/AnimationsDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.native.js +32 -26
- package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +7 -6
- package/dist/cjs/AnimationsHoverDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.native.js +49 -43
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +7 -6
- package/dist/cjs/AnimationsTimingDemo.native.js.map +2 -2
- package/dist/cjs/AvatarDemo.native.js +35 -31
- package/dist/cjs/AvatarDemo.native.js.map +2 -2
- package/dist/cjs/BuildAButtonDemo.native.js +96 -58
- package/dist/cjs/BuildAButtonDemo.native.js.map +2 -2
- package/dist/cjs/ButtonDemo.native.js +85 -36
- package/dist/cjs/ButtonDemo.native.js.map +2 -2
- package/dist/cjs/CardDemo.native.js +82 -43
- package/dist/cjs/CardDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxDemo.native.js +54 -25
- package/dist/cjs/CheckboxDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxHeadlessDemo.native.js +49 -22
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxUnstyledDemo.native.js +20 -11
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +2 -2
- package/dist/cjs/ColorsDemo.native.js +96 -77
- package/dist/cjs/ColorsDemo.native.js.map +2 -2
- package/dist/cjs/DialogDemo.native.js +154 -103
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/FormsDemo.native.js +19 -11
- package/dist/cjs/FormsDemo.native.js.map +2 -2
- package/dist/cjs/Grid.native.js +20 -15
- package/dist/cjs/Grid.native.js.map +2 -2
- package/dist/cjs/GroupDemo.native.js +71 -24
- package/dist/cjs/GroupDemo.native.js.map +2 -2
- package/dist/cjs/HeadingsDemo.native.js +26 -14
- package/dist/cjs/HeadingsDemo.native.js.map +2 -2
- package/dist/cjs/ImageDemo.native.js +2 -2
- package/dist/cjs/ImageDemo.native.js.map +2 -2
- package/dist/cjs/InputsDemo.native.js +32 -21
- package/dist/cjs/InputsDemo.native.js.map +2 -2
- package/dist/cjs/LabelDemo.native.js +39 -24
- package/dist/cjs/LabelDemo.native.js.map +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +41 -35
- package/dist/cjs/LinearGradientDemo.native.js.map +2 -2
- package/dist/cjs/ListItemDemo.native.js +67 -38
- package/dist/cjs/ListItemDemo.native.js.map +2 -2
- package/dist/cjs/LucideIconsDemo.native.js +38 -25
- package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
- package/dist/cjs/PopoverDemo.native.js +135 -83
- package/dist/cjs/PopoverDemo.native.js.map +2 -2
- package/dist/cjs/ProgressDemo.native.js +73 -49
- package/dist/cjs/ProgressDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.native.js +42 -30
- package/dist/cjs/RadioGroupDemo.native.js.map +2 -2
- package/dist/cjs/ReplaceThemeDemo.native.js +28 -21
- package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/cjs/ScrollViewDemo.native.js +51 -40
- package/dist/cjs/ScrollViewDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.native.js +218 -138
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/cjs/SeparatorDemo.native.js +43 -29
- package/dist/cjs/SeparatorDemo.native.js.map +2 -2
- package/dist/cjs/ShapesDemo.native.js +16 -12
- package/dist/cjs/ShapesDemo.native.js.map +2 -2
- package/dist/cjs/SheetDemo.native.js +195 -128
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/cjs/SliderDemo.native.js +45 -18
- package/dist/cjs/SliderDemo.native.js.map +2 -2
- package/dist/cjs/SpinnerDemo.native.js +14 -10
- package/dist/cjs/SpinnerDemo.native.js.map +2 -2
- package/dist/cjs/StacksDemo.native.js +91 -79
- package/dist/cjs/StacksDemo.native.js.map +2 -2
- package/dist/cjs/SwitchDemo.native.js +75 -51
- package/dist/cjs/SwitchDemo.native.js.map +2 -2
- package/dist/cjs/SwitchHeadlessDemo.native.js +74 -46
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/SwitchUnstyledDemo.native.js +20 -13
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js +239 -148
- package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/cjs/TabsDemo.native.js +159 -82
- package/dist/cjs/TabsDemo.native.js.map +2 -2
- package/dist/cjs/TextDemo.native.js +32 -27
- package/dist/cjs/TextDemo.native.js.map +2 -2
- package/dist/cjs/ThemeBuilderDemo.native.js +164 -130
- package/dist/cjs/ThemeBuilderDemo.native.js.map +2 -2
- package/dist/cjs/ThemeInverseDemo.native.js +45 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +2 -2
- package/dist/cjs/ToastDemo.native.js +85 -57
- package/dist/cjs/ToastDemo.native.js.map +2 -2
- package/dist/cjs/ToastDuplicateDemo.native.js +58 -33
- package/dist/cjs/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.native.js +78 -52
- package/dist/cjs/ToggleGroupDemo.native.js.map +2 -2
- package/dist/cjs/TokensDemo.native.js +81 -54
- package/dist/cjs/TokensDemo.native.js.map +2 -2
- package/dist/cjs/TooltipDemo.native.js +145 -78
- package/dist/cjs/TooltipDemo.native.js.map +2 -2
- package/dist/cjs/UpdateThemeDemo.native.js +29 -22
- package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
- package/dist/esm/AccordionDemo.native.js +68 -29
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +34 -21
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +84 -54
- package/dist/esm/AlertDialogDemo.native.js.map +2 -2
- package/dist/esm/AnimationsDemo.native.js +55 -32
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +32 -25
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +7 -5
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +49 -42
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.native.js +7 -5
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.native.js +34 -21
- package/dist/esm/AvatarDemo.native.js.map +2 -2
- package/dist/esm/BuildAButtonDemo.native.js +96 -57
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.js +85 -35
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.js +82 -42
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +54 -24
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +49 -21
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +20 -10
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.native.js +96 -76
- package/dist/esm/ColorsDemo.native.js.map +2 -2
- package/dist/esm/DialogDemo.native.js +154 -102
- package/dist/esm/DialogDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.native.js +19 -10
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.native.js +20 -14
- package/dist/esm/Grid.native.js.map +2 -2
- package/dist/esm/GroupDemo.native.js +71 -23
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/HeadingsDemo.native.js +25 -4
- package/dist/esm/HeadingsDemo.native.js.map +2 -2
- package/dist/esm/ImageDemo.native.js +2 -1
- package/dist/esm/ImageDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.js +32 -20
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/LabelDemo.native.js +39 -23
- package/dist/esm/LabelDemo.native.js.map +1 -1
- package/dist/esm/LinearGradientDemo.native.js +41 -34
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.native.js +67 -37
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +38 -24
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.js +135 -82
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.native.js +73 -48
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.js +42 -29
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +28 -20
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +51 -39
- package/dist/esm/ScrollViewDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.native.js +218 -137
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/dist/esm/SeparatorDemo.native.js +42 -19
- package/dist/esm/SeparatorDemo.native.js.map +2 -2
- package/dist/esm/ShapesDemo.native.js +16 -11
- package/dist/esm/ShapesDemo.native.js.map +1 -1
- package/dist/esm/SheetDemo.native.js +195 -127
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/esm/SliderDemo.native.js +45 -17
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SpinnerDemo.native.js +14 -9
- package/dist/esm/SpinnerDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.native.js +90 -69
- package/dist/esm/StacksDemo.native.js.map +2 -2
- package/dist/esm/SwitchDemo.native.js +75 -50
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +74 -45
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +20 -12
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +239 -147
- package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/esm/TabsDemo.native.js +159 -81
- package/dist/esm/TabsDemo.native.js.map +2 -2
- package/dist/esm/TextDemo.native.js +31 -17
- package/dist/esm/TextDemo.native.js.map +2 -2
- package/dist/esm/ThemeBuilderDemo.native.js +164 -129
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +45 -20
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.native.js +85 -56
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.js +58 -32
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.native.js +78 -51
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.native.js +81 -53
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.js +145 -77
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +29 -21
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/jsx/AccordionDemo.native.js +68 -29
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +34 -21
- package/dist/jsx/AddThemeDemo.native.js.map +1 -1
- package/dist/jsx/AlertDialogDemo.native.js +84 -54
- package/dist/jsx/AlertDialogDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsDemo.native.js +55 -32
- package/dist/jsx/AnimationsDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +32 -25
- package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsHoverDemo.native.js +7 -5
- package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +49 -42
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.native.js +7 -5
- package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/jsx/AvatarDemo.native.js +34 -21
- package/dist/jsx/AvatarDemo.native.js.map +2 -2
- package/dist/jsx/BuildAButtonDemo.native.js +96 -57
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +85 -35
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +82 -42
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +54 -24
- package/dist/jsx/CheckboxDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +49 -21
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxUnstyledDemo.native.js +20 -10
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/ColorsDemo.native.js +96 -76
- package/dist/jsx/ColorsDemo.native.js.map +2 -2
- package/dist/jsx/DialogDemo.native.js +154 -102
- package/dist/jsx/DialogDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.native.js +19 -10
- package/dist/jsx/FormsDemo.native.js.map +1 -1
- package/dist/jsx/Grid.native.js +20 -14
- package/dist/jsx/Grid.native.js.map +2 -2
- package/dist/jsx/GroupDemo.native.js +71 -23
- package/dist/jsx/GroupDemo.native.js.map +1 -1
- package/dist/jsx/HeadingsDemo.native.js +25 -4
- package/dist/jsx/HeadingsDemo.native.js.map +2 -2
- package/dist/jsx/ImageDemo.native.js +2 -1
- package/dist/jsx/ImageDemo.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +32 -20
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LabelDemo.native.js +39 -23
- package/dist/jsx/LabelDemo.native.js.map +1 -1
- package/dist/jsx/LinearGradientDemo.native.js +41 -34
- package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
- package/dist/jsx/ListItemDemo.native.js +67 -37
- package/dist/jsx/ListItemDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +38 -24
- package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +135 -82
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +73 -48
- package/dist/jsx/ProgressDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupDemo.native.js +42 -29
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +28 -20
- package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/jsx/ScrollViewDemo.native.js +51 -39
- package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
- package/dist/jsx/SelectDemo.native.js +218 -137
- package/dist/jsx/SelectDemo.native.js.map +2 -2
- package/dist/jsx/SeparatorDemo.native.js +42 -19
- package/dist/jsx/SeparatorDemo.native.js.map +2 -2
- package/dist/jsx/ShapesDemo.native.js +16 -11
- package/dist/jsx/ShapesDemo.native.js.map +1 -1
- package/dist/jsx/SheetDemo.native.js +195 -127
- package/dist/jsx/SheetDemo.native.js.map +2 -2
- package/dist/jsx/SliderDemo.native.js +45 -17
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SpinnerDemo.native.js +14 -9
- package/dist/jsx/SpinnerDemo.native.js.map +1 -1
- package/dist/jsx/StacksDemo.native.js +90 -69
- package/dist/jsx/StacksDemo.native.js.map +2 -2
- package/dist/jsx/SwitchDemo.native.js +75 -50
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +74 -45
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/jsx/SwitchUnstyledDemo.native.js +20 -12
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +239 -147
- package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/jsx/TabsDemo.native.js +159 -81
- package/dist/jsx/TabsDemo.native.js.map +2 -2
- package/dist/jsx/TextDemo.native.js +31 -17
- package/dist/jsx/TextDemo.native.js.map +2 -2
- package/dist/jsx/ThemeBuilderDemo.native.js +164 -129
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ThemeInverseDemo.native.js +45 -20
- package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +85 -56
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +58 -32
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +78 -51
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +81 -53
- package/dist/jsx/TokensDemo.native.js.map +1 -1
- package/dist/jsx/TooltipDemo.native.js +145 -77
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +29 -21
- package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
- package/package.json +18 -18
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
3
|
import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
|
|
3
4
|
function _define_property(obj, key, value) {
|
|
@@ -10,15 +11,30 @@ function _define_property(obj, key, value) {
|
|
|
10
11
|
}
|
|
11
12
|
function _object_spread(target) {
|
|
12
13
|
for (var i = 1; i < arguments.length; i++) {
|
|
13
|
-
var source = arguments[i] != null ? arguments[i] : {},
|
|
14
|
-
typeof Object.getOwnPropertySymbols == "function" && (
|
|
14
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
15
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
15
16
|
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
16
|
-
}))),
|
|
17
|
+
}))), ownKeys2.forEach(function(key) {
|
|
17
18
|
_define_property(target, key, source[key]);
|
|
18
19
|
});
|
|
19
20
|
}
|
|
20
21
|
return target;
|
|
21
22
|
}
|
|
23
|
+
function ownKeys(object, enumerableOnly) {
|
|
24
|
+
var keys = Object.keys(object);
|
|
25
|
+
if (Object.getOwnPropertySymbols) {
|
|
26
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
28
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
29
|
+
})), keys.push.apply(keys, symbols);
|
|
30
|
+
}
|
|
31
|
+
return keys;
|
|
32
|
+
}
|
|
33
|
+
function _object_spread_props(target, source) {
|
|
34
|
+
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
35
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
36
|
+
}), target;
|
|
37
|
+
}
|
|
22
38
|
function _object_without_properties(source, excluded) {
|
|
23
39
|
if (source == null)
|
|
24
40
|
return {};
|
|
@@ -39,97 +55,134 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
39
55
|
return target;
|
|
40
56
|
}
|
|
41
57
|
function PopoverDemo() {
|
|
42
|
-
return /* @__PURE__ */
|
|
58
|
+
return /* @__PURE__ */ _jsxs(XStack, {
|
|
43
59
|
space: "$2",
|
|
44
60
|
flex: 1,
|
|
45
61
|
justifyContent: "center",
|
|
46
|
-
alignItems: "center"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
alignItems: "center",
|
|
63
|
+
children: [
|
|
64
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
65
|
+
placement: "left",
|
|
66
|
+
Icon: ChevronLeft,
|
|
67
|
+
Name: "left-popover"
|
|
68
|
+
}),
|
|
69
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
70
|
+
placement: "bottom",
|
|
71
|
+
Icon: ChevronDown,
|
|
72
|
+
Name: "bottom-popover"
|
|
73
|
+
}),
|
|
74
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
75
|
+
placement: "top",
|
|
76
|
+
Icon: ChevronUp,
|
|
77
|
+
Name: "top-popover"
|
|
78
|
+
}),
|
|
79
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
80
|
+
placement: "right",
|
|
81
|
+
Icon: ChevronRight,
|
|
82
|
+
Name: "right-popover"
|
|
83
|
+
})
|
|
84
|
+
]
|
|
85
|
+
});
|
|
64
86
|
}
|
|
65
87
|
function Demo(_param) {
|
|
66
88
|
var Icon = _param.Icon, Name = _param.Name, props = _object_without_properties(_param, [
|
|
67
89
|
"Icon",
|
|
68
90
|
"Name"
|
|
69
91
|
]);
|
|
70
|
-
return /* @__PURE__ */
|
|
92
|
+
return /* @__PURE__ */ _jsxs(Popover, _object_spread_props(_object_spread({
|
|
71
93
|
size: "$5",
|
|
72
94
|
allowFlip: !0
|
|
73
|
-
}, props),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
}
|
|
111
|
-
|
|
95
|
+
}, props), {
|
|
96
|
+
children: [
|
|
97
|
+
/* @__PURE__ */ _jsx(Popover.Trigger, {
|
|
98
|
+
asChild: !0,
|
|
99
|
+
children: /* @__PURE__ */ _jsx(Button, {
|
|
100
|
+
icon: Icon
|
|
101
|
+
})
|
|
102
|
+
}),
|
|
103
|
+
/* @__PURE__ */ _jsx(Adapt, {
|
|
104
|
+
when: "sm",
|
|
105
|
+
platform: "touch",
|
|
106
|
+
children: /* @__PURE__ */ _jsxs(Popover.Sheet, {
|
|
107
|
+
modal: !0,
|
|
108
|
+
dismissOnSnapToBottom: !0,
|
|
109
|
+
children: [
|
|
110
|
+
/* @__PURE__ */ _jsx(Popover.Sheet.Frame, {
|
|
111
|
+
padding: "$4",
|
|
112
|
+
children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
|
|
113
|
+
}),
|
|
114
|
+
/* @__PURE__ */ _jsx(Popover.Sheet.Overlay, {
|
|
115
|
+
animation: "lazy",
|
|
116
|
+
enterStyle: {
|
|
117
|
+
opacity: 0
|
|
118
|
+
},
|
|
119
|
+
exitStyle: {
|
|
120
|
+
opacity: 0
|
|
121
|
+
}
|
|
122
|
+
})
|
|
123
|
+
]
|
|
124
|
+
})
|
|
125
|
+
}),
|
|
126
|
+
/* @__PURE__ */ _jsxs(Popover.Content, {
|
|
127
|
+
borderWidth: 1,
|
|
128
|
+
borderColor: "$borderColor",
|
|
129
|
+
enterStyle: {
|
|
130
|
+
y: -10,
|
|
131
|
+
opacity: 0
|
|
132
|
+
},
|
|
133
|
+
exitStyle: {
|
|
134
|
+
y: -10,
|
|
135
|
+
opacity: 0
|
|
136
|
+
},
|
|
137
|
+
elevate: !0,
|
|
138
|
+
animation: [
|
|
139
|
+
"quick",
|
|
140
|
+
{
|
|
141
|
+
opacity: {
|
|
142
|
+
overshootClamping: !0
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
],
|
|
146
|
+
children: [
|
|
147
|
+
/* @__PURE__ */ _jsx(Popover.Arrow, {
|
|
148
|
+
borderWidth: 1,
|
|
149
|
+
borderColor: "$borderColor"
|
|
150
|
+
}),
|
|
151
|
+
/* @__PURE__ */ _jsxs(YStack, {
|
|
152
|
+
space: "$3",
|
|
153
|
+
children: [
|
|
154
|
+
/* @__PURE__ */ _jsxs(XStack, {
|
|
155
|
+
space: "$3",
|
|
156
|
+
children: [
|
|
157
|
+
/* @__PURE__ */ _jsx(Label, {
|
|
158
|
+
size: "$3",
|
|
159
|
+
htmlFor: Name,
|
|
160
|
+
children: "Name"
|
|
161
|
+
}),
|
|
162
|
+
/* @__PURE__ */ _jsx(Input, {
|
|
163
|
+
size: "$3",
|
|
164
|
+
id: Name
|
|
165
|
+
})
|
|
166
|
+
]
|
|
167
|
+
}),
|
|
168
|
+
/* @__PURE__ */ _jsx(Popover.Close, {
|
|
169
|
+
asChild: !0,
|
|
170
|
+
children: /* @__PURE__ */ _jsx(Button, {
|
|
171
|
+
size: "$3",
|
|
172
|
+
onPress: function() {
|
|
173
|
+
},
|
|
174
|
+
children: (
|
|
175
|
+
/* Custom code goes here, does not interfere with popover closure */
|
|
176
|
+
"Submit"
|
|
177
|
+
)
|
|
178
|
+
})
|
|
179
|
+
})
|
|
180
|
+
]
|
|
181
|
+
})
|
|
182
|
+
]
|
|
183
|
+
})
|
|
112
184
|
]
|
|
113
|
-
}
|
|
114
|
-
borderWidth: 1,
|
|
115
|
-
borderColor: "$borderColor"
|
|
116
|
-
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
117
|
-
space: "$3"
|
|
118
|
-
}, /* @__PURE__ */ React.createElement(XStack, {
|
|
119
|
-
space: "$3"
|
|
120
|
-
}, /* @__PURE__ */ React.createElement(Label, {
|
|
121
|
-
size: "$3",
|
|
122
|
-
htmlFor: Name
|
|
123
|
-
}, "Name"), /* @__PURE__ */ React.createElement(Input, {
|
|
124
|
-
size: "$3",
|
|
125
|
-
id: Name
|
|
126
|
-
})), /* @__PURE__ */ React.createElement(Popover.Close, {
|
|
127
|
-
asChild: !0
|
|
128
|
-
}, /* @__PURE__ */ React.createElement(Button, {
|
|
129
|
-
size: "$3",
|
|
130
|
-
onPress: function() {
|
|
131
|
-
}
|
|
132
|
-
}, "Submit")))));
|
|
185
|
+
}));
|
|
133
186
|
}
|
|
134
187
|
export {
|
|
135
188
|
Demo,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAElE,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,SAASC,QAAQC,cAAc
|
|
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,OAAM;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC7D,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,QAAA;MACnBE,OADmB,OACnBA,MACAC,OAFmB,OAEnBA,MACGC,QAAAA,2BAHgB,QAAA;IACnBF;IACAC;;AAGA,SACE,sBAACX,SAAAA,qBAAAA,eAAAA;IAAQa,MAAK;IAAKC,WAAS;KAAKF,KAAAA,GAAAA;;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,OAAM;;cACZ,sBAACH,QAAAA;gBAAOG,OAAM;;kBACZ,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
5
|
"names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Adapt", "Button", "Input", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "space", "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
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
1
2
|
import { useEffect, useState } from "react";
|
|
2
3
|
import { Button, Paragraph, Progress, Slider, XStack, YStack } from "tamagui";
|
|
3
4
|
function _array_like_to_array(arr, len) {
|
|
@@ -56,54 +57,78 @@ function ProgressDemo() {
|
|
|
56
57
|
return function() {
|
|
57
58
|
clearTimeout(timer);
|
|
58
59
|
};
|
|
59
|
-
}, []), /* @__PURE__ */
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
60
|
+
}, []), /* @__PURE__ */ _jsxs(_Fragment, {
|
|
61
|
+
children: [
|
|
62
|
+
/* @__PURE__ */ _jsxs(YStack, {
|
|
63
|
+
height: 60,
|
|
64
|
+
alignItems: "center",
|
|
65
|
+
space: !0,
|
|
66
|
+
children: [
|
|
67
|
+
/* @__PURE__ */ _jsxs(Paragraph, {
|
|
68
|
+
height: 30,
|
|
69
|
+
opacity: 0.5,
|
|
70
|
+
children: [
|
|
71
|
+
"Size: ",
|
|
72
|
+
size
|
|
73
|
+
]
|
|
74
|
+
}),
|
|
75
|
+
/* @__PURE__ */ _jsx(Progress, {
|
|
76
|
+
size: sizeProp,
|
|
77
|
+
value: progress,
|
|
78
|
+
children: /* @__PURE__ */ _jsx(Progress.Indicator, {
|
|
79
|
+
animation: "bouncy"
|
|
80
|
+
})
|
|
81
|
+
})
|
|
82
|
+
]
|
|
83
|
+
}),
|
|
84
|
+
/* @__PURE__ */ _jsxs(XStack, {
|
|
85
|
+
alignItems: "center",
|
|
86
|
+
space: !0,
|
|
87
|
+
position: "absolute",
|
|
88
|
+
bottom: "$3",
|
|
89
|
+
left: "$4",
|
|
90
|
+
$xxs: {
|
|
91
|
+
display: "none"
|
|
92
|
+
},
|
|
93
|
+
children: [
|
|
94
|
+
/* @__PURE__ */ _jsxs(Slider, {
|
|
95
|
+
size: "$2",
|
|
96
|
+
width: 130,
|
|
97
|
+
defaultValue: [
|
|
98
|
+
4
|
|
99
|
+
],
|
|
100
|
+
min: 2,
|
|
101
|
+
max: 6,
|
|
102
|
+
step: 1,
|
|
103
|
+
onValueChange: function(param) {
|
|
104
|
+
var _param = _sliced_to_array(param, 1), val = _param[0];
|
|
105
|
+
setSize(val);
|
|
106
|
+
},
|
|
107
|
+
children: [
|
|
108
|
+
/* @__PURE__ */ _jsx(Slider.Track, {
|
|
109
|
+
borderWidth: 1,
|
|
110
|
+
borderColor: "$color5",
|
|
111
|
+
children: /* @__PURE__ */ _jsx(Slider.TrackActive, {})
|
|
112
|
+
}),
|
|
113
|
+
/* @__PURE__ */ _jsx(Slider.Thumb, {
|
|
114
|
+
circular: !0,
|
|
115
|
+
index: 0
|
|
116
|
+
})
|
|
117
|
+
]
|
|
118
|
+
}),
|
|
119
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
120
|
+
size: "$2",
|
|
121
|
+
onPress: function() {
|
|
122
|
+
return setProgress(function(prev) {
|
|
123
|
+
return (prev + 20) % 100;
|
|
124
|
+
});
|
|
125
|
+
},
|
|
126
|
+
children: "Load"
|
|
127
|
+
})
|
|
128
|
+
]
|
|
129
|
+
})
|
|
130
|
+
]
|
|
131
|
+
});
|
|
107
132
|
}
|
|
108
133
|
export {
|
|
109
134
|
ProgressDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/ProgressDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAwBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BQ,OAAiBR,UAAAA,CAAAA,GAAXS,UAAWT,UAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAlCU,WAAyBV,WAAAA,CAAAA,GAAfW,cAAeX,WAAAA,CAAAA,GAC1BY,WAAY,IAAQ,OAALJ,IAAAA;AAErBT,mBAAU,WAAA;AACR,QAAMc,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,
|
|
4
|
+
"mappings": ";AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,WAAWC,UAAUC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7D,SAASC,eAAAA;AACd,MAAwBP,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAA1BQ,OAAiBR,UAAAA,CAAAA,GAAXS,UAAWT,UAAAA,CAAAA,GACQA,aAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAlCU,WAAyBV,WAAAA,CAAAA,GAAfW,cAAeX,WAAAA,CAAAA,GAC1BY,WAAY,IAAQ,OAALJ,IAAAA;AAErBT,mBAAU,WAAA;AACR,QAAMc,QAAQC,WAAW,WAAA;aAAMH,YAAY,EAAA;OAAK,GAAA;AAChD,WAAO,WAAA;AACLI,mBAAaF,KAAAA;IACf;EACF,GAAG,CAAA,CAAE,GAGH,sBAAA,WAAA;;MACE,sBAACP,QAAAA;QAAOU,QAAQ;QAAIC,YAAW;QAASC,OAAK;;UAC3C,sBAAChB,WAAAA;YAAUc,QAAQ;YAAIG,SAAS;;cAAK;cAC5BX;;;UAET,qBAACL,UAAAA;YAASK,MAAMI;YAAUQ,OAAOV;sBAC/B,qBAACP,SAASkB,WAAS;cAACC,WAAU;;;;;MAIlC,sBAACjB,QAAAA;QACCY,YAAW;QACXC,OAAK;QACLK,UAAS;QACTC,QAAO;QACPC,MAAK;QACLC,MAAM;UAAEC,SAAS;QAAO;;UAExB,sBAACvB,QAAAA;YACCI,MAAK;YACLoB,OAAO;YACPC,cAAc;cAAC;;YACfC,KAAK;YACLC,KAAK;YACLC,MAAM;YACNC,eAAe,SAAA,OAAA;uDAAEC,MAAAA,OAAAA,CAAAA;AACfzB,sBAAQyB,GAAAA;YACV;;cAEA,qBAAC9B,OAAO+B,OAAK;gBAACC,aAAa;gBAAGC,aAAY;0BACxC,qBAACjC,OAAOkC,aAAW,CAAA,CAAA;;cAErB,qBAAClC,OAAOmC,OAAK;gBAACC,UAAQ;gBAACC,OAAO;;;;UAGhC,qBAACxC,QAAAA;YAAOO,MAAK;YAAKkC,SAAS,WAAA;qBAAM/B,YAAY,SAACgC,MAAAA;wBAAUA,OAAO,MAAM;;;sBAAM;;;;;;AAMnF;",
|
|
5
5
|
"names": ["useEffect", "useState", "Button", "Paragraph", "Progress", "Slider", "XStack", "YStack", "ProgressDemo", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "setTimeout", "clearTimeout", "height", "alignItems", "space", "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"]
|
|
6
6
|
}
|
|
@@ -1,41 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
import { Label, RadioGroup, XStack, YStack } from "tamagui";
|
|
2
3
|
function RadioGroupDemo() {
|
|
3
|
-
return /* @__PURE__ */
|
|
4
|
+
return /* @__PURE__ */ _jsx(RadioGroup, {
|
|
4
5
|
"aria-labelledby": "Select one item",
|
|
5
6
|
defaultValue: "3",
|
|
6
|
-
name: "form"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
7
|
+
name: "form",
|
|
8
|
+
children: /* @__PURE__ */ _jsxs(YStack, {
|
|
9
|
+
width: 300,
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
space: "$2",
|
|
12
|
+
children: [
|
|
13
|
+
/* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
|
|
14
|
+
size: "$3",
|
|
15
|
+
value: "2",
|
|
16
|
+
label: "Second value"
|
|
17
|
+
}),
|
|
18
|
+
/* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
|
|
19
|
+
size: "$4",
|
|
20
|
+
value: "3",
|
|
21
|
+
label: "Third value"
|
|
22
|
+
}),
|
|
23
|
+
/* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
|
|
24
|
+
size: "$5",
|
|
25
|
+
value: "4",
|
|
26
|
+
label: "Fourth value"
|
|
27
|
+
})
|
|
28
|
+
]
|
|
29
|
+
})
|
|
30
|
+
});
|
|
24
31
|
}
|
|
25
32
|
function RadioGroupItemWithLabel(props) {
|
|
26
33
|
var id = "radiogroup-".concat(props.value);
|
|
27
|
-
return /* @__PURE__ */
|
|
34
|
+
return /* @__PURE__ */ _jsxs(XStack, {
|
|
28
35
|
width: 300,
|
|
29
36
|
alignItems: "center",
|
|
30
|
-
space: "$4"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
space: "$4",
|
|
38
|
+
children: [
|
|
39
|
+
/* @__PURE__ */ _jsx(RadioGroup.Item, {
|
|
40
|
+
value: props.value,
|
|
41
|
+
id,
|
|
42
|
+
size: props.size,
|
|
43
|
+
children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})
|
|
44
|
+
}),
|
|
45
|
+
/* @__PURE__ */ _jsx(Label, {
|
|
46
|
+
size: props.size,
|
|
47
|
+
htmlFor: id,
|
|
48
|
+
children: props.label
|
|
49
|
+
})
|
|
50
|
+
]
|
|
51
|
+
});
|
|
39
52
|
}
|
|
40
53
|
export {
|
|
41
54
|
RadioGroupDemo,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupDemo.tsx"],
|
|
4
|
-
"mappings": "AACA,SAASA,OAAOC,YAAYC,QAAQC,cAAc;AAE3C,SAASC,iBAAAA;AACd,SACE,
|
|
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,KAAM,cAAyB,OAAZD,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
5
|
"names": ["Label", "RadioGroup", "XStack", "YStack", "RadioGroupDemo", "aria-labelledby", "defaultValue", "name", "width", "alignItems", "space", "RadioGroupItemWithLabel", "size", "value", "label", "props", "id", "Item", "Indicator", "htmlFor"]
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
import { addTheme, replaceTheme } from "@tamagui/theme";
|
|
2
3
|
import { useState } from "react";
|
|
3
4
|
import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
@@ -59,27 +60,34 @@ function ReplaceThemeDemo() {
|
|
|
59
60
|
color2: "green"
|
|
60
61
|
}
|
|
61
62
|
}), setTheme("mytheme");
|
|
62
|
-
}, []), /* @__PURE__ */
|
|
63
|
+
}, []), /* @__PURE__ */ _jsxs(YStack, {
|
|
63
64
|
alignItems: "center",
|
|
64
|
-
space: !0
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
65
|
+
space: !0,
|
|
66
|
+
children: [
|
|
67
|
+
/* @__PURE__ */ _jsx(XStack, {
|
|
68
|
+
gap: "$5",
|
|
69
|
+
children: /* @__PURE__ */ _jsx(Theme, {
|
|
70
|
+
name: theme ?? null,
|
|
71
|
+
children: /* @__PURE__ */ _jsx(Square, {
|
|
72
|
+
borderRadius: "$8",
|
|
73
|
+
size: 100,
|
|
74
|
+
backgroundColor: "$color"
|
|
75
|
+
})
|
|
76
|
+
})
|
|
77
|
+
}),
|
|
78
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
79
|
+
onPress: function() {
|
|
80
|
+
replaceTheme({
|
|
81
|
+
name: "mytheme",
|
|
82
|
+
theme: {
|
|
83
|
+
color: "blue"
|
|
84
|
+
}
|
|
85
|
+
}), update();
|
|
86
|
+
},
|
|
87
|
+
children: "Replace theme to only have $color: blue"
|
|
88
|
+
})
|
|
89
|
+
]
|
|
90
|
+
});
|
|
83
91
|
}
|
|
84
92
|
export {
|
|
85
93
|
ReplaceThemeDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/ReplaceThemeDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,UAAUC,oBAAoB;AACvC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASC,mBAAAA;AACd,MAA0BR,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBS,QAAmBT,UAAAA,CAAAA,GAAZU,WAAYV,UAAAA,CAAAA,GACpBW,SAASL,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPc,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLK,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAL,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,
|
|
4
|
+
"mappings": ";AAAA,SAASA,UAAUC,oBAAoB;AACvC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASC,mBAAAA;AACd,MAA0BR,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBS,QAAmBT,UAAAA,CAAAA,GAAZU,WAAYV,UAAAA,CAAAA,GACpBW,SAASL,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPc,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLK,OAAO;QACPC,QAAQ;MACV;IACF,CAAA,GACAL,SAAS,SAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACL,QAAAA;IAAOW,YAAW;IAASC,OAAK;;MAC/B,qBAACb,QAAAA;QAAOc,KAAI;kBACV,qBAACf,OAAAA;UAAMS,MAAMH,SAAS;oBACpB,qBAACP,QAAAA;YAAOiB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAACpB,QAAAA;QACCqB,SAAS,WAAA;AACPvB,uBAAa;YACXa,MAAM;YACNH,OAAO;cACLK,OAAO;YACT;UACF,CAAA,GACAH,OAAAA;QACF;kBACD;;;;AAKP;",
|
|
5
5
|
"names": ["addTheme", "replaceTheme", "useState", "Button", "Square", "Theme", "XStack", "YStack", "useForceUpdate", "useIsomorphicLayoutEffect", "ReplaceThemeDemo", "theme", "setTheme", "update", "name", "insertCSS", "color", "color2", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress"]
|
|
6
6
|
}
|