@tamagui/demos 1.89.25 → 1.89.27-1708112217600
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 +32 -17
- package/dist/cjs/AccordionDemo.native.js.map +3 -3
- package/dist/cjs/AddThemeDemo.native.js +71 -26
- package/dist/cjs/AddThemeDemo.native.js.map +3 -3
- package/dist/cjs/AlertDialogDemo.native.js +55 -46
- package/dist/cjs/AlertDialogDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsDemo.native.js +102 -41
- package/dist/cjs/AnimationsDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsEnterDemo.native.js +80 -25
- package/dist/cjs/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsHoverDemo.native.js +16 -18
- package/dist/cjs/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsPresenceDemo.native.js +124 -58
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -17
- package/dist/cjs/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/cjs/AvatarDemo.native.js +32 -25
- package/dist/cjs/AvatarDemo.native.js.map +3 -3
- package/dist/cjs/BuildAButtonDemo.native.js +96 -24
- package/dist/cjs/BuildAButtonDemo.native.js.map +3 -3
- package/dist/cjs/ButtonDemo.native.js +54 -17
- package/dist/cjs/ButtonDemo.native.js.map +3 -3
- package/dist/cjs/CardDemo.native.js +66 -38
- package/dist/cjs/CardDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxDemo.native.js +69 -16
- package/dist/cjs/CheckboxDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxHeadlessDemo.native.js +103 -32
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/cjs/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/cjs/ColorsDemo.native.js +106 -70
- package/dist/cjs/ColorsDemo.native.js.map +3 -3
- package/dist/cjs/DialogDemo.native.js +103 -74
- package/dist/cjs/DialogDemo.native.js.map +3 -3
- package/dist/cjs/FormsDemo.native.js +76 -23
- package/dist/cjs/FormsDemo.native.js.map +3 -3
- package/dist/cjs/Grid.native.js +22 -24
- package/dist/cjs/Grid.native.js.map +3 -3
- package/dist/cjs/GroupDemo.native.js +26 -17
- package/dist/cjs/GroupDemo.native.js.map +3 -3
- package/dist/cjs/HeadingsDemo.native.js +14 -11
- package/dist/cjs/HeadingsDemo.native.js.map +3 -3
- package/dist/cjs/ImageDemo.native.js +7 -10
- package/dist/cjs/ImageDemo.native.js.map +3 -3
- package/dist/cjs/InputsDemo.native.js +27 -22
- package/dist/cjs/InputsDemo.native.js.map +3 -3
- package/dist/cjs/LabelDemo.native.js +26 -11
- package/dist/cjs/LabelDemo.native.js.map +3 -3
- package/dist/cjs/LinearGradientDemo.native.js +36 -25
- package/dist/cjs/LinearGradientDemo.native.js.map +3 -3
- package/dist/cjs/ListItemDemo.native.js +49 -35
- package/dist/cjs/ListItemDemo.native.js.map +3 -3
- package/dist/cjs/LucideIconsDemo.native.js +92 -37
- package/dist/cjs/LucideIconsDemo.native.js.map +3 -3
- package/dist/cjs/PopoverDemo.native.js +127 -60
- package/dist/cjs/PopoverDemo.native.js.map +3 -3
- package/dist/cjs/ProgressDemo.native.js +102 -46
- package/dist/cjs/ProgressDemo.native.js.map +3 -3
- package/dist/cjs/RadioGroupDemo.native.js +35 -11
- package/dist/cjs/RadioGroupDemo.native.js.map +3 -3
- package/dist/cjs/ReplaceThemeDemo.native.js +71 -20
- package/dist/cjs/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/cjs/ScrollViewDemo.native.js +44 -21
- package/dist/cjs/ScrollViewDemo.native.js.map +3 -3
- package/dist/cjs/SelectDemo.native.js +272 -156
- package/dist/cjs/SelectDemo.native.js.map +3 -3
- package/dist/cjs/SeparatorDemo.native.js +31 -15
- package/dist/cjs/SeparatorDemo.native.js.map +3 -3
- package/dist/cjs/ShapesDemo.native.js +13 -5
- package/dist/cjs/ShapesDemo.native.js.map +3 -3
- package/dist/cjs/SheetDemo.native.js +217 -91
- package/dist/cjs/SheetDemo.native.js.map +3 -3
- package/dist/cjs/SliderDemo.native.js +64 -11
- package/dist/cjs/SliderDemo.native.js.map +3 -3
- package/dist/cjs/SpinnerDemo.native.js +12 -5
- package/dist/cjs/SpinnerDemo.native.js.map +3 -3
- package/dist/cjs/StacksDemo.native.js +82 -73
- package/dist/cjs/StacksDemo.native.js.map +3 -3
- package/dist/cjs/SwitchDemo.native.js +57 -31
- package/dist/cjs/SwitchDemo.native.js.map +3 -3
- package/dist/cjs/SwitchHeadlessDemo.native.js +118 -47
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/cjs/SwitchUnstyledDemo.native.js +16 -6
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/cjs/TabsAdvancedDemo.native.js +322 -229
- package/dist/cjs/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/cjs/TabsDemo.native.js +160 -86
- package/dist/cjs/TabsDemo.native.js.map +3 -3
- package/dist/cjs/TextDemo.native.js +28 -11
- package/dist/cjs/TextDemo.native.js.map +3 -3
- package/dist/cjs/ThemeBuilderDemo.native.js +152 -125
- package/dist/cjs/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/cjs/ThemeInverseDemo.native.js +26 -32
- package/dist/cjs/ThemeInverseDemo.native.js.map +3 -3
- package/dist/cjs/ToastDemo.native.js +126 -79
- package/dist/cjs/ToastDemo.native.js.map +3 -3
- package/dist/cjs/ToastDuplicateDemo.native.js +93 -32
- package/dist/cjs/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/cjs/ToggleGroupDemo.native.js +56 -39
- package/dist/cjs/ToggleGroupDemo.native.js.map +3 -3
- package/dist/cjs/TokensDemo.native.js +132 -52
- package/dist/cjs/TokensDemo.native.js.map +3 -3
- package/dist/cjs/TooltipDemo.native.js +103 -43
- package/dist/cjs/TooltipDemo.native.js.map +3 -3
- package/dist/cjs/UpdateThemeDemo.native.js +73 -24
- package/dist/cjs/UpdateThemeDemo.native.js.map +3 -3
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/cjs/tamagui.config.native.js.map +3 -3
- package/dist/cjs/useOnIntersecting.native.js +137 -34
- package/dist/cjs/useOnIntersecting.native.js.map +3 -3
- package/dist/esm/AccordionDemo.native.js +31 -17
- package/dist/esm/AccordionDemo.native.js.map +3 -3
- package/dist/esm/AddThemeDemo.native.js +70 -26
- package/dist/esm/AddThemeDemo.native.js.map +3 -3
- package/dist/esm/AlertDialogDemo.native.js +54 -46
- package/dist/esm/AlertDialogDemo.native.js.map +3 -3
- package/dist/esm/AnimationsDemo.native.js +101 -41
- package/dist/esm/AnimationsDemo.native.js.map +3 -3
- package/dist/esm/AnimationsEnterDemo.native.js +79 -25
- package/dist/esm/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/esm/AnimationsHoverDemo.native.js +15 -18
- package/dist/esm/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/esm/AnimationsPresenceDemo.native.js +123 -58
- package/dist/esm/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/esm/AnimationsTimingDemo.native.js +14 -17
- package/dist/esm/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/esm/AvatarDemo.native.js +22 -23
- package/dist/esm/AvatarDemo.native.js.map +3 -3
- package/dist/esm/BuildAButtonDemo.native.js +95 -24
- package/dist/esm/BuildAButtonDemo.native.js.map +3 -3
- package/dist/esm/ButtonDemo.native.js +53 -17
- package/dist/esm/ButtonDemo.native.js.map +3 -3
- package/dist/esm/CardDemo.native.js +65 -38
- package/dist/esm/CardDemo.native.js.map +3 -3
- package/dist/esm/CheckboxDemo.native.js +68 -16
- package/dist/esm/CheckboxDemo.native.js.map +3 -3
- package/dist/esm/CheckboxHeadlessDemo.native.js +102 -32
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/esm/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/esm/ColorsDemo.native.js +107 -80
- package/dist/esm/ColorsDemo.native.js.map +3 -3
- package/dist/esm/DialogDemo.native.js +103 -87
- package/dist/esm/DialogDemo.native.js.map +3 -3
- package/dist/esm/FormsDemo.native.js +75 -23
- package/dist/esm/FormsDemo.native.js.map +3 -3
- package/dist/esm/Grid.mjs +0 -1
- package/dist/esm/Grid.native.js +21 -24
- package/dist/esm/Grid.native.js.map +3 -3
- package/dist/esm/GroupDemo.native.js +25 -17
- package/dist/esm/GroupDemo.native.js.map +3 -3
- package/dist/esm/HeadingsDemo.native.js +4 -9
- package/dist/esm/HeadingsDemo.native.js.map +3 -3
- package/dist/esm/ImageDemo.native.js +6 -10
- package/dist/esm/ImageDemo.native.js.map +3 -3
- package/dist/esm/InputsDemo.native.js +26 -22
- package/dist/esm/InputsDemo.native.js.map +3 -3
- package/dist/esm/LabelDemo.native.js +25 -11
- package/dist/esm/LabelDemo.native.js.map +3 -3
- package/dist/esm/LinearGradientDemo.native.js +35 -25
- package/dist/esm/LinearGradientDemo.native.js.map +3 -3
- package/dist/esm/ListItemDemo.native.js +48 -35
- package/dist/esm/ListItemDemo.native.js.map +3 -3
- package/dist/esm/LucideIconsDemo.native.js +91 -37
- package/dist/esm/LucideIconsDemo.native.js.map +3 -3
- package/dist/esm/PopoverDemo.native.js +126 -60
- package/dist/esm/PopoverDemo.native.js.map +3 -3
- package/dist/esm/ProgressDemo.native.js +101 -46
- package/dist/esm/ProgressDemo.native.js.map +3 -3
- package/dist/esm/RadioGroupDemo.native.js +34 -11
- package/dist/esm/RadioGroupDemo.native.js.map +3 -3
- package/dist/esm/ReplaceThemeDemo.native.js +71 -29
- package/dist/esm/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/esm/ScrollViewDemo.native.js +43 -21
- package/dist/esm/ScrollViewDemo.native.js.map +3 -3
- package/dist/esm/SelectDemo.native.js +271 -156
- package/dist/esm/SelectDemo.native.js.map +3 -3
- package/dist/esm/SeparatorDemo.native.js +21 -13
- package/dist/esm/SeparatorDemo.native.js.map +3 -3
- package/dist/esm/ShapesDemo.native.js +12 -5
- package/dist/esm/ShapesDemo.native.js.map +3 -3
- package/dist/esm/SheetDemo.native.js +216 -91
- package/dist/esm/SheetDemo.native.js.map +3 -3
- package/dist/esm/SliderDemo.native.js +63 -11
- package/dist/esm/SliderDemo.native.js.map +3 -3
- package/dist/esm/SpinnerDemo.native.js +11 -5
- package/dist/esm/SpinnerDemo.native.js.map +3 -3
- package/dist/esm/StacksDemo.native.js +72 -71
- package/dist/esm/StacksDemo.native.js.map +3 -3
- package/dist/esm/SwitchDemo.native.js +56 -31
- package/dist/esm/SwitchDemo.native.js.map +3 -3
- package/dist/esm/SwitchHeadlessDemo.native.js +117 -47
- package/dist/esm/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/esm/SwitchUnstyledDemo.native.js +16 -6
- package/dist/esm/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/esm/TabsAdvancedDemo.native.js +322 -239
- package/dist/esm/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/esm/TabsDemo.native.js +156 -83
- package/dist/esm/TabsDemo.native.js.map +3 -3
- package/dist/esm/TextDemo.native.js +18 -9
- package/dist/esm/TextDemo.native.js.map +3 -3
- package/dist/esm/ThemeBuilderDemo.native.js +151 -125
- package/dist/esm/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/esm/ThemeInverseDemo.native.js +25 -32
- package/dist/esm/ThemeInverseDemo.native.js.map +3 -3
- package/dist/esm/ToastDemo.native.js +125 -79
- package/dist/esm/ToastDemo.native.js.map +3 -3
- package/dist/esm/ToastDuplicateDemo.native.js +92 -32
- package/dist/esm/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/esm/ToggleGroupDemo.native.js +55 -39
- package/dist/esm/ToggleGroupDemo.native.js.map +3 -3
- package/dist/esm/TokensDemo.native.js +131 -52
- package/dist/esm/TokensDemo.native.js.map +3 -3
- package/dist/esm/TooltipDemo.native.js +103 -50
- package/dist/esm/TooltipDemo.native.js.map +3 -3
- package/dist/esm/UpdateThemeDemo.native.js +73 -34
- package/dist/esm/UpdateThemeDemo.native.js.map +3 -3
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js.map +2 -2
- package/dist/esm/useOnIntersecting.native.js +138 -35
- package/dist/esm/useOnIntersecting.native.js.map +3 -3
- package/dist/jsx/AccordionDemo.native.js +31 -17
- package/dist/jsx/AccordionDemo.native.js.map +3 -3
- package/dist/jsx/AddThemeDemo.native.js +70 -26
- package/dist/jsx/AddThemeDemo.native.js.map +3 -3
- package/dist/jsx/AlertDialogDemo.native.js +54 -46
- package/dist/jsx/AlertDialogDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsDemo.native.js +101 -41
- package/dist/jsx/AnimationsDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsEnterDemo.native.js +79 -25
- package/dist/jsx/AnimationsEnterDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsHoverDemo.native.js +15 -18
- package/dist/jsx/AnimationsHoverDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsPresenceDemo.native.js +123 -58
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +3 -3
- package/dist/jsx/AnimationsTimingDemo.native.js +14 -17
- package/dist/jsx/AnimationsTimingDemo.native.js.map +3 -3
- package/dist/jsx/AvatarDemo.native.js +22 -23
- package/dist/jsx/AvatarDemo.native.js.map +3 -3
- package/dist/jsx/BuildAButtonDemo.native.js +95 -24
- package/dist/jsx/BuildAButtonDemo.native.js.map +3 -3
- package/dist/jsx/ButtonDemo.native.js +53 -17
- package/dist/jsx/ButtonDemo.native.js.map +3 -3
- package/dist/jsx/CardDemo.native.js +65 -38
- package/dist/jsx/CardDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxDemo.native.js +68 -16
- package/dist/jsx/CheckboxDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxHeadlessDemo.native.js +102 -32
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +3 -3
- package/dist/jsx/CheckboxUnstyledDemo.native.js +14 -6
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +3 -3
- package/dist/jsx/ColorsDemo.native.js +107 -80
- package/dist/jsx/ColorsDemo.native.js.map +3 -3
- package/dist/jsx/DialogDemo.native.js +103 -87
- package/dist/jsx/DialogDemo.native.js.map +3 -3
- package/dist/jsx/FormsDemo.native.js +75 -23
- package/dist/jsx/FormsDemo.native.js.map +3 -3
- package/dist/jsx/Grid.mjs +0 -1
- package/dist/jsx/Grid.native.js +21 -24
- package/dist/jsx/Grid.native.js.map +3 -3
- package/dist/jsx/GroupDemo.native.js +25 -17
- package/dist/jsx/GroupDemo.native.js.map +3 -3
- package/dist/jsx/HeadingsDemo.native.js +4 -9
- package/dist/jsx/HeadingsDemo.native.js.map +3 -3
- package/dist/jsx/ImageDemo.native.js +6 -10
- package/dist/jsx/ImageDemo.native.js.map +3 -3
- package/dist/jsx/InputsDemo.native.js +26 -22
- package/dist/jsx/InputsDemo.native.js.map +3 -3
- package/dist/jsx/LabelDemo.native.js +25 -11
- package/dist/jsx/LabelDemo.native.js.map +3 -3
- package/dist/jsx/LinearGradientDemo.native.js +35 -25
- package/dist/jsx/LinearGradientDemo.native.js.map +3 -3
- package/dist/jsx/ListItemDemo.native.js +48 -35
- package/dist/jsx/ListItemDemo.native.js.map +3 -3
- package/dist/jsx/LucideIconsDemo.native.js +91 -37
- package/dist/jsx/LucideIconsDemo.native.js.map +3 -3
- package/dist/jsx/PopoverDemo.native.js +126 -60
- package/dist/jsx/PopoverDemo.native.js.map +3 -3
- package/dist/jsx/ProgressDemo.native.js +101 -46
- package/dist/jsx/ProgressDemo.native.js.map +3 -3
- package/dist/jsx/RadioGroupDemo.native.js +34 -11
- package/dist/jsx/RadioGroupDemo.native.js.map +3 -3
- package/dist/jsx/ReplaceThemeDemo.native.js +71 -29
- package/dist/jsx/ReplaceThemeDemo.native.js.map +3 -3
- package/dist/jsx/ScrollViewDemo.native.js +43 -21
- package/dist/jsx/ScrollViewDemo.native.js.map +3 -3
- package/dist/jsx/SelectDemo.native.js +271 -156
- package/dist/jsx/SelectDemo.native.js.map +3 -3
- package/dist/jsx/SeparatorDemo.native.js +21 -13
- package/dist/jsx/SeparatorDemo.native.js.map +3 -3
- package/dist/jsx/ShapesDemo.native.js +12 -5
- package/dist/jsx/ShapesDemo.native.js.map +3 -3
- package/dist/jsx/SheetDemo.native.js +216 -91
- package/dist/jsx/SheetDemo.native.js.map +3 -3
- package/dist/jsx/SliderDemo.native.js +63 -11
- package/dist/jsx/SliderDemo.native.js.map +3 -3
- package/dist/jsx/SpinnerDemo.native.js +11 -5
- package/dist/jsx/SpinnerDemo.native.js.map +3 -3
- package/dist/jsx/StacksDemo.native.js +72 -71
- package/dist/jsx/StacksDemo.native.js.map +3 -3
- package/dist/jsx/SwitchDemo.native.js +56 -31
- package/dist/jsx/SwitchDemo.native.js.map +3 -3
- package/dist/jsx/SwitchHeadlessDemo.native.js +117 -47
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +3 -3
- package/dist/jsx/SwitchUnstyledDemo.native.js +16 -6
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +3 -3
- package/dist/jsx/TabsAdvancedDemo.native.js +322 -239
- package/dist/jsx/TabsAdvancedDemo.native.js.map +3 -3
- package/dist/jsx/TabsDemo.native.js +156 -83
- package/dist/jsx/TabsDemo.native.js.map +3 -3
- package/dist/jsx/TextDemo.native.js +18 -9
- package/dist/jsx/TextDemo.native.js.map +3 -3
- package/dist/jsx/ThemeBuilderDemo.native.js +151 -125
- package/dist/jsx/ThemeBuilderDemo.native.js.map +3 -3
- package/dist/jsx/ThemeInverseDemo.native.js +25 -32
- package/dist/jsx/ThemeInverseDemo.native.js.map +3 -3
- package/dist/jsx/ToastDemo.native.js +125 -79
- package/dist/jsx/ToastDemo.native.js.map +3 -3
- package/dist/jsx/ToastDuplicateDemo.native.js +92 -32
- package/dist/jsx/ToastDuplicateDemo.native.js.map +3 -3
- package/dist/jsx/ToggleGroupDemo.native.js +55 -39
- package/dist/jsx/ToggleGroupDemo.native.js.map +3 -3
- package/dist/jsx/TokensDemo.native.js +131 -52
- package/dist/jsx/TokensDemo.native.js.map +3 -3
- package/dist/jsx/TooltipDemo.native.js +103 -50
- package/dist/jsx/TooltipDemo.native.js.map +3 -3
- package/dist/jsx/UpdateThemeDemo.native.js +73 -34
- package/dist/jsx/UpdateThemeDemo.native.js.map +3 -3
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/tamagui.config.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +138 -35
- package/dist/jsx/useOnIntersecting.native.js.map +3 -3
- package/package.json +18 -18
|
@@ -1,45 +1,58 @@
|
|
|
1
1
|
import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
|
|
2
2
|
import { ListItem, Separator, XStack, YGroup } from "tamagui";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
3
|
function ListItemDemo() {
|
|
5
|
-
return /* @__PURE__ */
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
return /* @__PURE__ */ React.createElement(XStack, {
|
|
5
|
+
$sm: {
|
|
6
|
+
flexDirection: "column"
|
|
7
|
+
},
|
|
8
|
+
paddingHorizontal: "$4",
|
|
9
|
+
space: !0
|
|
10
|
+
}, /* @__PURE__ */ React.createElement(ListItemDemo1, null), /* @__PURE__ */ React.createElement(ListItemDemo2, null));
|
|
9
11
|
}
|
|
10
12
|
function ListItemDemo1() {
|
|
11
|
-
return /* @__PURE__ */
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
return /* @__PURE__ */ React.createElement(YGroup, {
|
|
14
|
+
alignSelf: "center",
|
|
15
|
+
bordered: !0,
|
|
16
|
+
width: 240,
|
|
17
|
+
size: "$4"
|
|
18
|
+
}, /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
|
|
19
|
+
hoverTheme: !0,
|
|
20
|
+
icon: Star,
|
|
21
|
+
title: "Star",
|
|
22
|
+
subTitle: "Twinkles"
|
|
23
|
+
})), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
|
|
24
|
+
hoverTheme: !0,
|
|
25
|
+
icon: Moon
|
|
26
|
+
}, "Moon")), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
|
|
27
|
+
hoverTheme: !0,
|
|
28
|
+
icon: Sun
|
|
29
|
+
}, "Sun")), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
|
|
30
|
+
hoverTheme: !0,
|
|
31
|
+
icon: Cloud
|
|
32
|
+
}, "Cloud")));
|
|
17
33
|
}
|
|
18
34
|
function ListItemDemo2() {
|
|
19
|
-
return /* @__PURE__ */
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
) })
|
|
42
|
-
] });
|
|
35
|
+
return /* @__PURE__ */ React.createElement(YGroup, {
|
|
36
|
+
alignSelf: "center",
|
|
37
|
+
bordered: !0,
|
|
38
|
+
width: 240,
|
|
39
|
+
size: "$5",
|
|
40
|
+
separator: /* @__PURE__ */ React.createElement(Separator, null)
|
|
41
|
+
}, /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
|
|
42
|
+
hoverTheme: !0,
|
|
43
|
+
pressTheme: !0,
|
|
44
|
+
title: "Star",
|
|
45
|
+
subTitle: "Subtitle",
|
|
46
|
+
icon: Star,
|
|
47
|
+
iconAfter: ChevronRight
|
|
48
|
+
})), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
|
|
49
|
+
hoverTheme: !0,
|
|
50
|
+
pressTheme: !0,
|
|
51
|
+
title: "Moon",
|
|
52
|
+
subTitle: "Subtitle",
|
|
53
|
+
icon: Moon,
|
|
54
|
+
iconAfter: ChevronRight
|
|
55
|
+
})));
|
|
43
56
|
}
|
|
44
57
|
export {
|
|
45
58
|
ListItemDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/ListItemDemo.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAASA,cAAcC,OAAOC,MAAMC,MAAMC,WAAW;AACrD,SAASC,UAAUC,WAAWC,QAAQC,cAAc;AAE7C,SAASC,eAAAA;AACd,SACE,sBAAA,cAACF,QAAAA;IAAOG,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,OAAAA;KAC/D,sBAAA,cAACC,eAAAA,IAAAA,GACD,sBAAA,cAACC,eAAAA,IAAAA,CAAAA;AAGP;AAEA,SAASD,gBAAAA;AACP,SACE,sBAAA,cAACN,QAAAA;IAAOQ,WAAU;IAASC,UAAAA;IAASC,OAAO;IAAKC,MAAK;KACnD,sBAAA,cAACX,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IAASgB,YAAAA;IAAWC,MAAMnB;IAAMoB,OAAM;IAAOC,UAAS;OAEzD,sBAAA,cAAChB,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IAASgB,YAAAA;IAAWC,MAAMpB;KAAM,MAAA,CAAA,GAInC,sBAAA,cAACM,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IAASgB,YAAAA;IAAWC,MAAMlB;KAAK,KAAA,CAAA,GAIlC,sBAAA,cAACI,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IAASgB,YAAAA;IAAWC,MAAMrB;KAAO,OAAA,CAAA,CAAA;AAM1C;AAEA,SAASc,gBAAAA;AACP,SACE,sBAAA,cAACP,QAAAA;IAAOQ,WAAU;IAASC,UAAAA;IAASC,OAAO;IAAKC,MAAK;IAAKM,WAAW,sBAAA,cAACnB,WAAAA,IAAAA;KACpE,sBAAA,cAACE,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IACCgB,YAAAA;IACAK,YAAAA;IACAH,OAAM;IACNC,UAAS;IACTF,MAAMnB;IACNwB,WAAW3B;OAGf,sBAAA,cAACQ,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IACCgB,YAAAA;IACAK,YAAAA;IACAH,OAAM;IACNC,UAAS;IACTF,MAAMpB;IACNyB,WAAW3B;;AAKrB;",
|
|
5
|
+
"names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "$sm", "flexDirection", "paddingHorizontal", "space", "ListItemDemo1", "ListItemDemo2", "alignSelf", "bordered", "width", "size", "Item", "hoverTheme", "icon", "title", "subTitle", "separator", "pressTheme", "iconAfter"]
|
|
6
6
|
}
|
|
@@ -3,49 +3,103 @@ import { useMemo, useState } from "react";
|
|
|
3
3
|
import { ScrollView } from "react-native";
|
|
4
4
|
import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
|
|
5
5
|
import { Grid } from "./Grid";
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
function _array_like_to_array(arr, len) {
|
|
7
|
+
(len == null || len > arr.length) && (len = arr.length);
|
|
8
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
9
|
+
arr2[i] = arr[i];
|
|
10
|
+
return arr2;
|
|
11
|
+
}
|
|
12
|
+
function _array_with_holes(arr) {
|
|
13
|
+
if (Array.isArray(arr))
|
|
14
|
+
return arr;
|
|
15
|
+
}
|
|
16
|
+
function _iterable_to_array_limit(arr, i) {
|
|
17
|
+
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
18
|
+
if (_i != null) {
|
|
19
|
+
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
20
|
+
try {
|
|
21
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
22
|
+
;
|
|
23
|
+
} catch (err) {
|
|
24
|
+
_d = !0, _e = err;
|
|
25
|
+
} finally {
|
|
26
|
+
try {
|
|
27
|
+
!_n && _i.return != null && _i.return();
|
|
28
|
+
} finally {
|
|
29
|
+
if (_d)
|
|
30
|
+
throw _e;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
return _arr;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
function _non_iterable_rest() {
|
|
37
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
38
|
+
}
|
|
39
|
+
function _sliced_to_array(arr, i) {
|
|
40
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
41
|
+
}
|
|
42
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
43
|
+
if (o) {
|
|
44
|
+
if (typeof o == "string")
|
|
45
|
+
return _array_like_to_array(o, minLen);
|
|
46
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
47
|
+
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
|
|
48
|
+
return Array.from(n);
|
|
49
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
|
|
50
|
+
return _array_like_to_array(o, minLen);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
var lucideIcons = Object.keys(
|
|
8
54
|
// vite tree shaking workaround
|
|
9
55
|
typeof LucideIcons < "u" ? LucideIcons : {}
|
|
10
|
-
).map((name)
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
56
|
+
).map(function(name) {
|
|
57
|
+
return {
|
|
58
|
+
key: name.toLowerCase(),
|
|
59
|
+
name,
|
|
60
|
+
Icon: LucideIcons[name]
|
|
61
|
+
};
|
|
62
|
+
});
|
|
15
63
|
function LucideIconsDemo() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
64
|
+
var _useState = _sliced_to_array(useState(""), 2), searchRaw = _useState[0], setSearch = _useState[1], search = useDebounceValue(searchRaw, 400), size = 100, iconsMemo = useMemo(function() {
|
|
65
|
+
return lucideIcons.filter(function(x) {
|
|
66
|
+
return x.key.includes(search.toLowerCase());
|
|
67
|
+
}).map(function(param) {
|
|
68
|
+
var Icon = param.Icon, name = param.name;
|
|
69
|
+
return /* @__PURE__ */ React.createElement(YStack, {
|
|
20
70
|
height: size + 20,
|
|
21
71
|
alignItems: "center",
|
|
22
72
|
justifyContent: "center",
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
73
|
+
key: name
|
|
74
|
+
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
75
|
+
size: size * 0.25
|
|
76
|
+
}), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(Paragraph, {
|
|
77
|
+
height: "$6",
|
|
78
|
+
wordWrap: "break-word",
|
|
79
|
+
maxWidth: "100%",
|
|
80
|
+
textAlign: "center",
|
|
81
|
+
paddingHorizontal: "$2",
|
|
82
|
+
size: "$1",
|
|
83
|
+
opacity: 0.5
|
|
84
|
+
}, name));
|
|
85
|
+
});
|
|
86
|
+
}, [
|
|
87
|
+
search
|
|
88
|
+
]);
|
|
89
|
+
return /* @__PURE__ */ React.createElement(YStack, {
|
|
90
|
+
minWidth: "100%",
|
|
91
|
+
padding: "$4",
|
|
92
|
+
paddingBottom: "$0",
|
|
93
|
+
space: !0
|
|
94
|
+
}, /* @__PURE__ */ React.createElement(Input, {
|
|
95
|
+
value: searchRaw,
|
|
96
|
+
onChangeText: setSearch,
|
|
97
|
+
placeholder: "Search..."
|
|
98
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
99
|
+
height: 420
|
|
100
|
+
}, /* @__PURE__ */ React.createElement(ScrollView, null, /* @__PURE__ */ React.createElement(Grid, {
|
|
101
|
+
itemMinWidth: size
|
|
102
|
+
}, iconsMemo))));
|
|
49
103
|
}
|
|
50
104
|
export {
|
|
51
105
|
LucideIconsDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/LucideIconsDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/LucideIconsDemo.tsx"],
|
|
4
|
+
"mappings": "AAAA,YAAYA,iBAAiB;AAC7B,SAASC,SAASC,gBAAgB;AAClC,SAASC,kBAAkB;AAC3B,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,wBAAwB;AAEnE,SAASC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,IAAMC,cAAcC,OAAOC;;EAEzB,OAAOZ,cAAgB,MAAcA,cAAc,CAAC;AAAA,EACpDa,IAAI,SAACC,MAAAA;SAAU;IACfC,KAAKD,KAAKE,YAAW;IACrBF;IACAG,MAAMjB,YAAYc,IAAAA;EACpB;;AAEO,SAASI,kBAAAA;AACd,MAA+BhB,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAjCiB,YAAwBjB,UAAAA,CAAAA,GAAbkB,YAAalB,UAAAA,CAAAA,GACzBmB,SAASb,iBAAiBW,WAAW,GAAA,GAErCG,OAAO,KAEPC,YAAYtB,QAChB,WAAA;WACES,YACGc,OAAO,SAACC,GAAAA;aAAMA,EAAEV,IAAIW,SAASL,OAAOL,YAAW,CAAA;OAC/CH,IAAI,SAAA,OAAA;UAAGI,OAAAA,MAAAA,MAAMH,OAAAA,MAAAA;aACZ,sBAAA,cAACP,QAAAA;QACCoB,QAAQL,OAAO;QACfM,YAAW;QACXC,gBAAe;QACfd,KAAKD;SAEL,sBAAA,cAACG,MAAAA;QAAKK,MAAMA,OAAO;UACnB,sBAAA,cAAChB,QAAAA,IAAAA,GACD,sBAAA,cAACD,WAAAA;QACCsB,QAAO;QACPG,UAAS;QACTC,UAAS;QACTC,WAAU;QACVC,mBAAkB;QAClBX,MAAK;QACLY,SAAS;SAERpB,IAAAA,CAAAA;;KAIX;IAACO;GAAO;AAGV,SACE,sBAAA,cAACd,QAAAA;IAAO4B,UAAS;IAAOC,SAAQ;IAAKC,eAAc;IAAKC,OAAAA;KACtD,sBAAA,cAAClC,OAAAA;IAAMmC,OAAOpB;IAAWqB,cAAcpB;IAAWqB,aAAY;MAE9D,sBAAA,cAAClC,QAAAA;IAAOoB,QAAQ;KACd,sBAAA,cAACxB,YAAAA,MACC,sBAAA,cAACM,MAAAA;IAAKiC,cAAcpB;KAAOC,SAAAA,CAAAA,CAAAA,CAAAA;AAKrC;",
|
|
5
|
+
"names": ["LucideIcons", "useMemo", "useState", "ScrollView", "Input", "Paragraph", "Spacer", "YStack", "useDebounceValue", "Grid", "lucideIcons", "Object", "keys", "map", "name", "key", "toLowerCase", "Icon", "LucideIconsDemo", "searchRaw", "setSearch", "search", "size", "iconsMemo", "filter", "x", "includes", "height", "alignItems", "justifyContent", "wordWrap", "maxWidth", "textAlign", "paddingHorizontal", "opacity", "minWidth", "padding", "paddingBottom", "space", "value", "onChangeText", "placeholder", "itemMinWidth"]
|
|
6
6
|
}
|
|
@@ -1,69 +1,135 @@
|
|
|
1
1
|
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
|
|
3
|
-
|
|
3
|
+
function _define_property(obj, key, value) {
|
|
4
|
+
return key in obj ? Object.defineProperty(obj, key, {
|
|
5
|
+
value,
|
|
6
|
+
enumerable: !0,
|
|
7
|
+
configurable: !0,
|
|
8
|
+
writable: !0
|
|
9
|
+
}) : obj[key] = value, obj;
|
|
10
|
+
}
|
|
11
|
+
function _object_spread(target) {
|
|
12
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
13
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
|
|
14
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
15
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
16
|
+
}))), ownKeys.forEach(function(key) {
|
|
17
|
+
_define_property(target, key, source[key]);
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return target;
|
|
21
|
+
}
|
|
22
|
+
function _object_without_properties(source, excluded) {
|
|
23
|
+
if (source == null)
|
|
24
|
+
return {};
|
|
25
|
+
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
26
|
+
if (Object.getOwnPropertySymbols) {
|
|
27
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
28
|
+
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
29
|
+
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
}
|
|
33
|
+
function _object_without_properties_loose(source, excluded) {
|
|
34
|
+
if (source == null)
|
|
35
|
+
return {};
|
|
36
|
+
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
37
|
+
for (i = 0; i < sourceKeys.length; i++)
|
|
38
|
+
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
39
|
+
return target;
|
|
40
|
+
}
|
|
4
41
|
function PopoverDemo() {
|
|
5
|
-
return /* @__PURE__ */
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
42
|
+
return /* @__PURE__ */ React.createElement(XStack, {
|
|
43
|
+
space: "$2",
|
|
44
|
+
flex: 1,
|
|
45
|
+
justifyContent: "center",
|
|
46
|
+
alignItems: "center"
|
|
47
|
+
}, /* @__PURE__ */ React.createElement(Demo, {
|
|
48
|
+
placement: "left",
|
|
49
|
+
Icon: ChevronLeft,
|
|
50
|
+
Name: "left-popover"
|
|
51
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
52
|
+
placement: "bottom",
|
|
53
|
+
Icon: ChevronDown,
|
|
54
|
+
Name: "bottom-popover"
|
|
55
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
56
|
+
placement: "top",
|
|
57
|
+
Icon: ChevronUp,
|
|
58
|
+
Name: "top-popover"
|
|
59
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
60
|
+
placement: "right",
|
|
61
|
+
Icon: ChevronRight,
|
|
62
|
+
Name: "right-popover"
|
|
63
|
+
}));
|
|
11
64
|
}
|
|
12
|
-
function Demo({
|
|
13
|
-
Icon,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
65
|
+
function Demo(_param) {
|
|
66
|
+
var Icon = _param.Icon, Name = _param.Name, props = _object_without_properties(_param, [
|
|
67
|
+
"Icon",
|
|
68
|
+
"Name"
|
|
69
|
+
]);
|
|
70
|
+
return /* @__PURE__ */ React.createElement(Popover, _object_spread({
|
|
71
|
+
size: "$5",
|
|
72
|
+
allowFlip: !0
|
|
73
|
+
}, props), /* @__PURE__ */ React.createElement(Popover.Trigger, {
|
|
74
|
+
asChild: !0
|
|
75
|
+
}, /* @__PURE__ */ React.createElement(Button, {
|
|
76
|
+
icon: Icon
|
|
77
|
+
})), /* @__PURE__ */ React.createElement(Adapt, {
|
|
78
|
+
when: "sm",
|
|
79
|
+
platform: "touch"
|
|
80
|
+
}, /* @__PURE__ */ React.createElement(Popover.Sheet, {
|
|
81
|
+
modal: !0,
|
|
82
|
+
dismissOnSnapToBottom: !0
|
|
83
|
+
}, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, {
|
|
84
|
+
padding: "$4"
|
|
85
|
+
}, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, {
|
|
86
|
+
animation: "lazy",
|
|
87
|
+
enterStyle: {
|
|
88
|
+
opacity: 0
|
|
89
|
+
},
|
|
90
|
+
exitStyle: {
|
|
91
|
+
opacity: 0
|
|
92
|
+
}
|
|
93
|
+
}))), /* @__PURE__ */ React.createElement(Popover.Content, {
|
|
94
|
+
borderWidth: 1,
|
|
95
|
+
borderColor: "$borderColor",
|
|
96
|
+
enterStyle: {
|
|
97
|
+
y: -10,
|
|
98
|
+
opacity: 0
|
|
99
|
+
},
|
|
100
|
+
exitStyle: {
|
|
101
|
+
y: -10,
|
|
102
|
+
opacity: 0
|
|
103
|
+
},
|
|
104
|
+
elevate: !0,
|
|
105
|
+
animation: [
|
|
106
|
+
"quick",
|
|
32
107
|
{
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
exitStyle: { y: -10, opacity: 0 },
|
|
37
|
-
elevate: !0,
|
|
38
|
-
animation: [
|
|
39
|
-
"quick",
|
|
40
|
-
{
|
|
41
|
-
opacity: {
|
|
42
|
-
overshootClamping: !0
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
],
|
|
46
|
-
children: [
|
|
47
|
-
/* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
48
|
-
/* @__PURE__ */ jsxs(YStack, { space: "$3", children: [
|
|
49
|
-
/* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
|
|
50
|
-
/* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
51
|
-
/* @__PURE__ */ jsx(Input, { size: "$3", id: Name })
|
|
52
|
-
] }),
|
|
53
|
-
/* @__PURE__ */ jsx(Popover.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
|
|
54
|
-
Button,
|
|
55
|
-
{
|
|
56
|
-
size: "$3",
|
|
57
|
-
onPress: () => {
|
|
58
|
-
},
|
|
59
|
-
children: "Submit"
|
|
60
|
-
}
|
|
61
|
-
) })
|
|
62
|
-
] })
|
|
63
|
-
]
|
|
108
|
+
opacity: {
|
|
109
|
+
overshootClamping: !0
|
|
110
|
+
}
|
|
64
111
|
}
|
|
65
|
-
|
|
66
|
-
|
|
112
|
+
]
|
|
113
|
+
}, /* @__PURE__ */ React.createElement(Popover.Arrow, {
|
|
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")))));
|
|
67
133
|
}
|
|
68
134
|
export {
|
|
69
135
|
Demo,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": []
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,SAASC,cAAAA;AACd,SACE,sBAAA,cAACF,QAAAA;IAAOG,OAAM;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;KAC7D,sBAAA,cAACC,MAAAA;IAAKC,WAAU;IAAOC,MAAMjB;IAAakB,MAAK;MAC/C,sBAAA,cAACH,MAAAA;IAAKC,WAAU;IAASC,MAAMlB;IAAamB,MAAK;MACjD,sBAAA,cAACH,MAAAA;IAAKC,WAAU;IAAMC,MAAMf;IAAWgB,MAAK;MAC5C,sBAAA,cAACH,MAAAA;IAAKC,WAAU;IAAQC,MAAMhB;IAAciB,MAAK;;AAGvD;AAEO,SAASH,KAAK,QAAA;MACnBE,OADmB,OACnBA,MACAC,OAFmB,OAEnBA,MACGC,QAAAA,2BAHgB,QAAA;IACnBF;IACAC;;AAGA,SACE,sBAAA,cAACX,SAAAA,eAAAA;IAAQa,MAAK;IAAKC,WAAAA;KAAcF,KAAAA,GAC/B,sBAAA,cAACZ,QAAQe,SAAO;IAACC,SAAAA;KACf,sBAAA,cAACnB,QAAAA;IAAOoB,MAAMP;OAGhB,sBAAA,cAACd,OAAAA;IAAMsB,MAAK;IAAKC,UAAS;KACxB,sBAAA,cAACnB,QAAQoB,OAAK;IAACC,OAAAA;IAAMC,uBAAAA;KACnB,sBAAA,cAACtB,QAAQoB,MAAMG,OAAK;IAACC,SAAQ;KAC3B,sBAAA,cAAC5B,MAAM6B,UAAQ,IAAA,CAAA,GAEjB,sBAAA,cAACzB,QAAQoB,MAAMM,SAAO;IACpBC,WAAU;IACVC,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;QAK9B,sBAAA,cAAC7B,QAAQ+B,SAAO;IACdC,aAAa;IACbC,aAAY;IACZL,YAAY;MAAEM,GAAG;MAAKL,SAAS;IAAE;IACjCC,WAAW;MAAEI,GAAG;MAAKL,SAAS;IAAE;IAChCM,SAAAA;IACAR,WAAW;MACT;MACA;QACEE,SAAS;UACPO,mBAAmB;QACrB;MACF;;KAGF,sBAAA,cAACpC,QAAQqC,OAAK;IAACL,aAAa;IAAGC,aAAY;MAE3C,sBAAA,cAAC/B,QAAAA;IAAOE,OAAM;KACZ,sBAAA,cAACH,QAAAA;IAAOG,OAAM;KACZ,sBAAA,cAACL,OAAAA;IAAMc,MAAK;IAAKyB,SAAS3B;KAAM,MAAA,GAGhC,sBAAA,cAACb,OAAAA;IAAMe,MAAK;IAAK0B,IAAI5B;OAGvB,sBAAA,cAACX,QAAQwC,OAAK;IAACxB,SAAAA;KACb,sBAAA,cAACnB,QAAAA;IACCgB,MAAK;IACL4B,SAAS,WAAA;IAET;KACD,QAAA,CAAA,CAAA,CAAA,CAAA;AAQb;",
|
|
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
|
}
|