@tamagui/demos 1.89.26 → 1.89.27-1708113113238
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,58 +1,111 @@
|
|
|
1
|
-
import {
|
|
2
|
-
ChevronDown,
|
|
3
|
-
ChevronLeft,
|
|
4
|
-
ChevronRight,
|
|
5
|
-
ChevronUp,
|
|
6
|
-
Circle
|
|
7
|
-
} from "@tamagui/lucide-icons";
|
|
1
|
+
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@tamagui/lucide-icons";
|
|
8
2
|
import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from "tamagui";
|
|
9
|
-
|
|
3
|
+
function _object_without_properties(source, excluded) {
|
|
4
|
+
if (source == null)
|
|
5
|
+
return {};
|
|
6
|
+
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
7
|
+
if (Object.getOwnPropertySymbols) {
|
|
8
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
9
|
+
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
10
|
+
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
11
|
+
}
|
|
12
|
+
return target;
|
|
13
|
+
}
|
|
14
|
+
function _object_without_properties_loose(source, excluded) {
|
|
15
|
+
if (source == null)
|
|
16
|
+
return {};
|
|
17
|
+
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
18
|
+
for (i = 0; i < sourceKeys.length; i++)
|
|
19
|
+
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
20
|
+
return target;
|
|
21
|
+
}
|
|
10
22
|
function TooltipDemo() {
|
|
11
|
-
return /* @__PURE__ */
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
return /* @__PURE__ */ React.createElement(TooltipGroup, {
|
|
24
|
+
delay: {
|
|
25
|
+
open: 3e3,
|
|
26
|
+
close: 100
|
|
27
|
+
}
|
|
28
|
+
}, /* @__PURE__ */ React.createElement(YStack, {
|
|
29
|
+
space: "$2",
|
|
30
|
+
alignSelf: "center"
|
|
31
|
+
}, /* @__PURE__ */ React.createElement(XStack, {
|
|
32
|
+
space: "$2"
|
|
33
|
+
}, /* @__PURE__ */ React.createElement(Demo, {
|
|
34
|
+
groupId: "0",
|
|
35
|
+
placement: "top-end",
|
|
36
|
+
Icon: Circle
|
|
37
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
38
|
+
groupId: "1",
|
|
39
|
+
placement: "top",
|
|
40
|
+
Icon: ChevronUp
|
|
41
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
42
|
+
groupId: "2",
|
|
43
|
+
placement: "top-start",
|
|
44
|
+
Icon: Circle
|
|
45
|
+
})), /* @__PURE__ */ React.createElement(XStack, {
|
|
46
|
+
space: "$2"
|
|
47
|
+
}, /* @__PURE__ */ React.createElement(Demo, {
|
|
48
|
+
groupId: "3",
|
|
49
|
+
placement: "left",
|
|
50
|
+
Icon: ChevronLeft
|
|
51
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
52
|
+
flex: 1
|
|
53
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
54
|
+
groupId: "4",
|
|
55
|
+
placement: "right",
|
|
56
|
+
Icon: ChevronRight
|
|
57
|
+
})), /* @__PURE__ */ React.createElement(XStack, {
|
|
58
|
+
space: "$2"
|
|
59
|
+
}, /* @__PURE__ */ React.createElement(Demo, {
|
|
60
|
+
groupId: "5",
|
|
61
|
+
placement: "bottom-end",
|
|
62
|
+
Icon: Circle
|
|
63
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
64
|
+
groupId: "6",
|
|
65
|
+
placement: "bottom",
|
|
66
|
+
Icon: ChevronDown
|
|
67
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
68
|
+
groupId: "7",
|
|
69
|
+
placement: "bottom-start",
|
|
70
|
+
Icon: Circle
|
|
71
|
+
}))));
|
|
28
72
|
}
|
|
29
|
-
function Demo(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
73
|
+
function Demo(_param) {
|
|
74
|
+
var Icon = _param.Icon, props = _object_without_properties(_param, [
|
|
75
|
+
"Icon"
|
|
76
|
+
]);
|
|
77
|
+
return /* @__PURE__ */ React.createElement(Tooltip, props, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(Button, {
|
|
78
|
+
icon: Icon,
|
|
79
|
+
circular: !0
|
|
80
|
+
})), /* @__PURE__ */ React.createElement(Tooltip.Content, {
|
|
81
|
+
enterStyle: {
|
|
82
|
+
x: 0,
|
|
83
|
+
y: -5,
|
|
84
|
+
opacity: 0,
|
|
85
|
+
scale: 0.9
|
|
86
|
+
},
|
|
87
|
+
exitStyle: {
|
|
88
|
+
x: 0,
|
|
89
|
+
y: -5,
|
|
90
|
+
opacity: 0,
|
|
91
|
+
scale: 0.9
|
|
92
|
+
},
|
|
93
|
+
scale: 1,
|
|
94
|
+
x: 0,
|
|
95
|
+
y: 0,
|
|
96
|
+
opacity: 1,
|
|
97
|
+
animation: [
|
|
98
|
+
"quick",
|
|
34
99
|
{
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
x: 0,
|
|
39
|
-
y: 0,
|
|
40
|
-
opacity: 1,
|
|
41
|
-
animation: [
|
|
42
|
-
"quick",
|
|
43
|
-
{
|
|
44
|
-
opacity: {
|
|
45
|
-
overshootClamping: !0
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
],
|
|
49
|
-
children: [
|
|
50
|
-
/* @__PURE__ */ jsx(Tooltip.Arrow, {}),
|
|
51
|
-
/* @__PURE__ */ jsx(Paragraph, { size: "$2", lineHeight: "$1", children: "Hello world" })
|
|
52
|
-
]
|
|
100
|
+
opacity: {
|
|
101
|
+
overshootClamping: !0
|
|
102
|
+
}
|
|
53
103
|
}
|
|
54
|
-
|
|
55
|
-
|
|
104
|
+
]
|
|
105
|
+
}, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, {
|
|
106
|
+
size: "$2",
|
|
107
|
+
lineHeight: "$1"
|
|
108
|
+
}, "Hello world")));
|
|
56
109
|
}
|
|
57
110
|
export {
|
|
58
111
|
TooltipDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/TooltipDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/TooltipDemo.tsx"],
|
|
4
|
+
"mappings": "AAAA,SACEA,aACAC,aACAC,cACAC,WACAC,cACK;AAEP,SAASC,QAAQC,WAAWC,SAASC,cAAcC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;AAElE,SAASC,cAAAA;AACd,SACE,sBAAA,cAACH,cAAAA;IAAaI,OAAO;MAAEC,MAAM;MAAMC,OAAO;IAAI;KAC5C,sBAAA,cAACJ,QAAAA;IAAOK,OAAM;IAAKC,WAAU;KAC3B,sBAAA,cAACP,QAAAA;IAAOM,OAAM;KACZ,sBAAA,cAACE,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAUC,MAAMhB;MAC5C,sBAAA,cAACa,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAMC,MAAMjB;MACxC,sBAAA,cAACc,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAYC,MAAMhB;OAEhD,sBAAA,cAACK,QAAAA;IAAOM,OAAM;KACZ,sBAAA,cAACE,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAOC,MAAMnB;MACzC,sBAAA,cAACS,QAAAA;IAAOW,MAAM;MACd,sBAAA,cAACJ,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAQC,MAAMlB;OAE5C,sBAAA,cAACO,QAAAA;IAAOM,OAAM;KACZ,sBAAA,cAACE,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAaC,MAAMhB;MAC/C,sBAAA,cAACa,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAASC,MAAMpB;MAC3C,sBAAA,cAACiB,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAeC,MAAMhB;;AAK3D;AAEA,SAASa,KAAK,QAAA;MAAEG,OAAF,OAAEA,MAASE,QAAAA,2BAAX,QAAA;IAAEF;;AACd,SACE,sBAAA,cAACb,SAAYe,OACX,sBAAA,cAACf,QAAQgB,SAAO,MACd,sBAAA,cAAClB,QAAAA;IAAOmB,MAAMJ;IAAMK,UAAAA;OAEtB,sBAAA,cAAClB,QAAQmB,SAAO;IACdC,YAAY;MAAEC,GAAG;MAAGC,GAAG;MAAIC,SAAS;MAAGC,OAAO;IAAI;IAClDC,WAAW;MAAEJ,GAAG;MAAGC,GAAG;MAAIC,SAAS;MAAGC,OAAO;IAAI;IACjDA,OAAO;IACPH,GAAG;IACHC,GAAG;IACHC,SAAS;IACTG,WAAW;MACT;MACA;QACEH,SAAS;UACPI,mBAAmB;QACrB;MACF;;KAGF,sBAAA,cAAC3B,QAAQ4B,OAAK,IAAA,GACd,sBAAA,cAAC7B,WAAAA;IAAU8B,MAAK;IAAKC,YAAW;KAAK,aAAA,CAAA,CAAA;AAM7C;",
|
|
5
|
+
"names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Circle", "Button", "Paragraph", "Tooltip", "TooltipGroup", "XStack", "YStack", "TooltipDemo", "delay", "open", "close", "space", "alignSelf", "Demo", "groupId", "placement", "Icon", "flex", "props", "Trigger", "icon", "circular", "Content", "enterStyle", "x", "y", "opacity", "scale", "exitStyle", "animation", "overshootClamping", "Arrow", "size", "lineHeight"]
|
|
6
6
|
}
|
|
@@ -1,21 +1,58 @@
|
|
|
1
1
|
import * as Config from "@tamagui/site-config";
|
|
2
2
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
3
3
|
import { useState } from "react";
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
4
|
+
import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
5
|
+
function _array_like_to_array(arr, len) {
|
|
6
|
+
(len == null || len > arr.length) && (len = arr.length);
|
|
7
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
8
|
+
arr2[i] = arr[i];
|
|
9
|
+
return arr2;
|
|
10
|
+
}
|
|
11
|
+
function _array_with_holes(arr) {
|
|
12
|
+
if (Array.isArray(arr))
|
|
13
|
+
return arr;
|
|
14
|
+
}
|
|
15
|
+
function _iterable_to_array_limit(arr, i) {
|
|
16
|
+
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
17
|
+
if (_i != null) {
|
|
18
|
+
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
19
|
+
try {
|
|
20
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
21
|
+
;
|
|
22
|
+
} catch (err) {
|
|
23
|
+
_d = !0, _e = err;
|
|
24
|
+
} finally {
|
|
25
|
+
try {
|
|
26
|
+
!_n && _i.return != null && _i.return();
|
|
27
|
+
} finally {
|
|
28
|
+
if (_d)
|
|
29
|
+
throw _e;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return _arr;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
function _non_iterable_rest() {
|
|
36
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
37
|
+
}
|
|
38
|
+
function _sliced_to_array(arr, i) {
|
|
39
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
40
|
+
}
|
|
41
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
42
|
+
if (o) {
|
|
43
|
+
if (typeof o == "string")
|
|
44
|
+
return _array_like_to_array(o, minLen);
|
|
45
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
46
|
+
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
|
|
47
|
+
return Array.from(n);
|
|
48
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
|
|
49
|
+
return _array_like_to_array(o, minLen);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
var colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
|
|
16
53
|
function UpdateThemeDemo() {
|
|
17
|
-
|
|
18
|
-
return useIsomorphicLayoutEffect(()
|
|
54
|
+
var _useState = _sliced_to_array(useState(), 2), theme = _useState[0], setTheme = _useState[1], update = useForceUpdate();
|
|
55
|
+
return useIsomorphicLayoutEffect(function() {
|
|
19
56
|
addTheme({
|
|
20
57
|
name: "custom",
|
|
21
58
|
insertCSS: !0,
|
|
@@ -23,26 +60,28 @@ function UpdateThemeDemo() {
|
|
|
23
60
|
color: "red"
|
|
24
61
|
}
|
|
25
62
|
}), setTheme("custom");
|
|
26
|
-
}, []), /* @__PURE__ */
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
63
|
+
}, []), /* @__PURE__ */ React.createElement(YStack, {
|
|
64
|
+
alignItems: "center",
|
|
65
|
+
space: !0
|
|
66
|
+
}, /* @__PURE__ */ React.createElement(XStack, {
|
|
67
|
+
gap: "$5"
|
|
68
|
+
}, /* @__PURE__ */ React.createElement(Theme, {
|
|
69
|
+
name: theme ?? null
|
|
70
|
+
}, /* @__PURE__ */ React.createElement(Square, {
|
|
71
|
+
borderRadius: "$8",
|
|
72
|
+
size: 100,
|
|
73
|
+
backgroundColor: "$color"
|
|
74
|
+
}))), /* @__PURE__ */ React.createElement(Button, {
|
|
75
|
+
onPress: function() {
|
|
76
|
+
var randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
|
|
77
|
+
updateTheme({
|
|
78
|
+
name: "custom",
|
|
79
|
+
theme: {
|
|
80
|
+
color: randomColor
|
|
81
|
+
}
|
|
82
|
+
}), update();
|
|
83
|
+
}
|
|
84
|
+
}, "Set to random color"));
|
|
46
85
|
}
|
|
47
86
|
export {
|
|
48
87
|
UpdateThemeDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/UpdateThemeDemo.tsx"],
|
|
4
|
+
"mappings": "AAAA,YAAYA,YAAY;AACxB,SAASC,UAAUC,mBAAmB;AACtC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMC,SAASZ,OAAOa,OAAOC,OAAOC,OAC9BC,YAAYC,OAAOC,KAAKN,MAAAA;AAEvB,SAASO,kBAAAA;AACd,MAA0BhB,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBiB,QAAmBjB,UAAAA,CAAAA,GAAZkB,WAAYlB,UAAAA,CAAAA,GACpBmB,SAASZ,eAAAA;AAEfC,mCAA0B,WAAA;AACxBV,aAAS;MACPsB,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAAA,cAACb,QAAAA;IAAOiB,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACnB,QAAAA;IAAOoB,KAAK;KACX,sBAAA,cAACrB,OAAAA;IAAMiB,MAAMH,SAAS;KACpB,sBAAA,cAACf,QAAAA;IAAOuB,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;QAIzD,sBAAA,cAAC1B,QAAAA;IACC2B,SAAS,WAAA;AACP,UAAMC,cAAcvB,iBAClBG,OAAOI,UAAUiB,KAAKC,MAAMD,KAAKE,OAAM,IAAKnB,UAAUoB,MAAM,CAAA,CAAE,CAAC;AAEjElC,kBAAY;QACVqB,MAAM;QACNH,OAAO;UACLL,OAAOiB;QACT;MACF,CAAA,GACAV,OAAAA;IACF;KACD,qBAAA,CAAA;AAKP;",
|
|
5
|
+
"names": ["Config", "addTheme", "updateTheme", "useState", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "config", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "update", "name", "insertCSS", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress", "randomColor", "Math", "floor", "random", "length"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.tsx"],
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/index.tsx"],
|
|
4
4
|
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/tamagui.config.ts"],
|
|
4
|
-
"mappings": "AAAA,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/tamagui.config.ts"],
|
|
4
|
+
"mappings": "AAAA,SAASA,cAAc;AAEvB,SAASA,UAAAA,eAAc;AACvB,IAAA,yBAAeA;",
|
|
5
5
|
"names": ["config"]
|
|
6
6
|
}
|
|
@@ -1,46 +1,149 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
2
|
import { isWeb, useEvent } from "tamagui";
|
|
3
|
-
function
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
function _array_like_to_array(arr, len) {
|
|
4
|
+
(len == null || len > arr.length) && (len = arr.length);
|
|
5
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
6
|
+
arr2[i] = arr[i];
|
|
7
|
+
return arr2;
|
|
8
|
+
}
|
|
9
|
+
function _array_with_holes(arr) {
|
|
10
|
+
if (Array.isArray(arr))
|
|
11
|
+
return arr;
|
|
12
|
+
}
|
|
13
|
+
function _array_without_holes(arr) {
|
|
14
|
+
if (Array.isArray(arr))
|
|
15
|
+
return _array_like_to_array(arr);
|
|
16
|
+
}
|
|
17
|
+
function _iterable_to_array(iter) {
|
|
18
|
+
if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
|
|
19
|
+
return Array.from(iter);
|
|
20
|
+
}
|
|
21
|
+
function _iterable_to_array_limit(arr, i) {
|
|
22
|
+
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
23
|
+
if (_i != null) {
|
|
24
|
+
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
25
|
+
try {
|
|
26
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
27
|
+
;
|
|
28
|
+
} catch (err) {
|
|
29
|
+
_d = !0, _e = err;
|
|
30
|
+
} finally {
|
|
31
|
+
try {
|
|
32
|
+
!_n && _i.return != null && _i.return();
|
|
33
|
+
} finally {
|
|
34
|
+
if (_d)
|
|
35
|
+
throw _e;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return _arr;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
function _non_iterable_rest() {
|
|
42
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
43
|
+
}
|
|
44
|
+
function _non_iterable_spread() {
|
|
45
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
46
|
+
}
|
|
47
|
+
function _object_without_properties(source, excluded) {
|
|
48
|
+
if (source == null)
|
|
49
|
+
return {};
|
|
50
|
+
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
51
|
+
if (Object.getOwnPropertySymbols) {
|
|
52
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
53
|
+
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
54
|
+
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
55
|
+
}
|
|
56
|
+
return target;
|
|
57
|
+
}
|
|
58
|
+
function _object_without_properties_loose(source, excluded) {
|
|
59
|
+
if (source == null)
|
|
60
|
+
return {};
|
|
61
|
+
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
62
|
+
for (i = 0; i < sourceKeys.length; i++)
|
|
63
|
+
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
64
|
+
return target;
|
|
65
|
+
}
|
|
66
|
+
function _sliced_to_array(arr, i) {
|
|
67
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
68
|
+
}
|
|
69
|
+
function _to_consumable_array(arr) {
|
|
70
|
+
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
|
|
71
|
+
}
|
|
72
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
73
|
+
if (o) {
|
|
74
|
+
if (typeof o == "string")
|
|
75
|
+
return _array_like_to_array(o, minLen);
|
|
76
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
77
|
+
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
|
|
78
|
+
return Array.from(n);
|
|
79
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
|
|
80
|
+
return _array_like_to_array(o, minLen);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
function useIsIntersecting(refs) {
|
|
84
|
+
var _param = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, once = _param.once, opts = _object_without_properties(_param, [
|
|
85
|
+
"once"
|
|
86
|
+
]), _useState = _sliced_to_array(useState([]), 2), values = _useState[0], setValues = _useState[1];
|
|
87
|
+
return isWeb && useOnIntersecting(refs, function(entries) {
|
|
88
|
+
var intersecting = entries.some(function(x) {
|
|
89
|
+
return x == null ? void 0 : x.isIntersecting;
|
|
90
|
+
});
|
|
91
|
+
once && !intersecting || setValues(function(prev) {
|
|
92
|
+
var next = entries.map(function(e) {
|
|
93
|
+
var _e_isIntersecting;
|
|
94
|
+
return (_e_isIntersecting = e == null ? void 0 : e.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : !1;
|
|
12
95
|
});
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
96
|
+
return prev.length === next.length && prev.every(function(e, i) {
|
|
97
|
+
return e === next[i];
|
|
98
|
+
}) ? prev : next;
|
|
99
|
+
});
|
|
100
|
+
}, opts), Array.isArray(refs) ? values : values[0];
|
|
101
|
+
}
|
|
102
|
+
function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
103
|
+
var _ref = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, _ref_threshold = _ref.threshold, threshold = _ref_threshold === void 0 ? 0 : _ref_threshold, root = _ref.root, rootMargin = _ref.rootMargin, mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [], onIntersectEvent = useEvent(incomingCbRaw);
|
|
104
|
+
useEffect(function() {
|
|
105
|
+
var refs = Array.isArray(refsIn) ? refsIn : [
|
|
106
|
+
refsIn
|
|
107
|
+
];
|
|
108
|
+
if (refs.length) {
|
|
109
|
+
var dispose = null, currentEntries = [], options = {
|
|
110
|
+
threshold,
|
|
111
|
+
root,
|
|
112
|
+
rootMargin
|
|
113
|
+
}, io = new IntersectionObserver(function(entries) {
|
|
114
|
+
currentEntries = refs.map(function(ref2, index) {
|
|
115
|
+
var _entries_find, _ref2;
|
|
116
|
+
return (_ref2 = (_entries_find = entries.find(function(x) {
|
|
117
|
+
return x.target === ref2.current;
|
|
118
|
+
})) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref2 !== void 0 ? _ref2 : null;
|
|
119
|
+
}), dispose == null || dispose(), dispose = onIntersectEvent(currentEntries) || null;
|
|
120
|
+
}, options), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
121
|
+
try {
|
|
122
|
+
for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
123
|
+
var ref = _step.value;
|
|
124
|
+
ref.current && io.observe(ref.current);
|
|
125
|
+
}
|
|
126
|
+
} catch (err) {
|
|
127
|
+
_didIteratorError = !0, _iteratorError = err;
|
|
128
|
+
} finally {
|
|
129
|
+
try {
|
|
130
|
+
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
131
|
+
} finally {
|
|
132
|
+
if (_didIteratorError)
|
|
133
|
+
throw _iteratorError;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
return function() {
|
|
137
|
+
dispose == null || dispose(), io.disconnect();
|
|
138
|
+
};
|
|
139
|
+
}
|
|
36
140
|
}, [
|
|
37
141
|
onIntersectEvent,
|
|
38
142
|
refsIn,
|
|
39
143
|
root,
|
|
40
144
|
rootMargin,
|
|
41
|
-
threshold
|
|
42
|
-
|
|
43
|
-
]);
|
|
145
|
+
threshold
|
|
146
|
+
].concat(_to_consumable_array(mountArgs)));
|
|
44
147
|
}
|
|
45
148
|
export {
|
|
46
149
|
useIsIntersecting,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/useOnIntersecting.tsx"],
|
|
4
|
-
"mappings": "AACA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/useOnIntersecting.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["useEffect", "useState", "isWeb", "useEvent", "useIsIntersecting", "refs", "once", "opts", "values", "setValues", "useOnIntersecting", "entries", "intersecting", "some", "x", "isIntersecting", "prev", "next", "map", "e", "length", "every", "i", "Array", "isArray", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "dispose", "currentEntries", "options", "io", "IntersectionObserver", "ref", "index", "find", "target", "current", "observe", "disconnect"]
|
|
6
6
|
}
|
|
@@ -1,23 +1,37 @@
|
|
|
1
1
|
import { ChevronDown } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Accordion, Paragraph, Square } from "tamagui";
|
|
3
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
4
3
|
function AccordionDemo() {
|
|
5
|
-
return /* @__PURE__ */
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
4
|
+
return /* @__PURE__ */ React.createElement(Accordion, {
|
|
5
|
+
overflow: "hidden",
|
|
6
|
+
width: "$20",
|
|
7
|
+
type: "multiple"
|
|
8
|
+
}, /* @__PURE__ */ React.createElement(Accordion.Item, {
|
|
9
|
+
value: "a1"
|
|
10
|
+
}, /* @__PURE__ */ React.createElement(Accordion.Trigger, {
|
|
11
|
+
flexDirection: "row",
|
|
12
|
+
justifyContent: "space-between"
|
|
13
|
+
}, function(param) {
|
|
14
|
+
var open = param.open;
|
|
15
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, "1. Take a cold shower"), /* @__PURE__ */ React.createElement(Square, {
|
|
16
|
+
animation: "quick",
|
|
17
|
+
rotate: open ? "180deg" : "0deg"
|
|
18
|
+
}, /* @__PURE__ */ React.createElement(ChevronDown, {
|
|
19
|
+
size: "$1"
|
|
20
|
+
})));
|
|
21
|
+
}), /* @__PURE__ */ React.createElement(Accordion.Content, null, /* @__PURE__ */ React.createElement(Paragraph, null, "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."))), /* @__PURE__ */ React.createElement(Accordion.Item, {
|
|
22
|
+
value: "a2"
|
|
23
|
+
}, /* @__PURE__ */ React.createElement(Accordion.Trigger, {
|
|
24
|
+
flexDirection: "row",
|
|
25
|
+
justifyContent: "space-between"
|
|
26
|
+
}, function(param) {
|
|
27
|
+
var open = param.open;
|
|
28
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, "2. Eat 4 eggs"), /* @__PURE__ */ React.createElement(Square, {
|
|
29
|
+
animation: "quick",
|
|
30
|
+
rotate: open ? "180deg" : "0deg"
|
|
31
|
+
}, /* @__PURE__ */ React.createElement(ChevronDown, {
|
|
32
|
+
size: "$1"
|
|
33
|
+
})));
|
|
34
|
+
}), /* @__PURE__ */ React.createElement(Accordion.Content, null, /* @__PURE__ */ React.createElement(Paragraph, null, "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals."))));
|
|
21
35
|
}
|
|
22
36
|
export {
|
|
23
37
|
AccordionDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/AccordionDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AccordionDemo.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAASA,mBAAmB;AAC5B,SAASC,WAAWC,WAAWC,cAAc;AAEtC,SAASC,gBAAAA;AACd,SACE,sBAAA,cAACH,WAAAA;IAAUI,UAAS;IAASC,OAAM;IAAMC,MAAK;KAC5C,sBAAA,cAACN,UAAUO,MAAI;IAACC,OAAM;KACpB,sBAAA,cAACR,UAAUS,SAAO;IAACC,eAAc;IAAMC,gBAAe;KACnD,SAAA,OAAA;QAAGC,OAAAA,MAAAA;WACF,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACX,WAAAA,MAAU,uBAAA,GACX,sBAAA,cAACC,QAAAA;MAAOW,WAAU;MAAQC,QAAQF,OAAO,WAAW;OAClD,sBAAA,cAACb,aAAAA;MAAYgB,MAAK;;MAK1B,sBAAA,cAACf,UAAUgB,SAAO,MAChB,sBAAA,cAACf,WAAAA,MAAU,4IAAA,CAAA,CAAA,GAOf,sBAAA,cAACD,UAAUO,MAAI;IAACC,OAAM;KACpB,sBAAA,cAACR,UAAUS,SAAO;IAACC,eAAc;IAAMC,gBAAe;KACnD,SAAA,OAAA;QAAGC,OAAAA,MAAAA;WACF,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACX,WAAAA,MAAU,eAAA,GACX,sBAAA,cAACC,QAAAA;MAAOW,WAAU;MAAQC,QAAQF,OAAO,WAAW;OAClD,sBAAA,cAACb,aAAAA;MAAYgB,MAAK;;MAK1B,sBAAA,cAACf,UAAUgB,SAAO,MAChB,sBAAA,cAACf,WAAAA,MAAU,yIAAA,CAAA,CAAA,CAAA;AAQrB;",
|
|
5
|
+
"names": ["ChevronDown", "Accordion", "Paragraph", "Square", "AccordionDemo", "overflow", "width", "type", "Item", "value", "Trigger", "flexDirection", "justifyContent", "open", "animation", "rotate", "size", "Content"]
|
|
6
6
|
}
|