@tamagui/demos 1.89.26 → 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,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/AnimationsEnterDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsEnterDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,kBAAyB,0BACzB,eAAiC,kBACjC,iBAAuC,oBAEvC,2BAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,SAASA,oBAAoBC,OAAU;AAC5C,MAAMC,UAAMC,qBAAoB,IAAA,GAC1BC,qBAAiBC,4CAAkBH,KAAK;IAAEI,MAAM;EAAK,CAAA,GACrCC,YAAAA,qBAAAA,uBAAS,CAAA,GAAA,CAAA,GAAxBC,MAAeD,UAAAA,CAAAA,GAAVE,SAAUF,UAAAA,CAAAA;AAEtB,MAAI,CAACH;AACH,WAAO,sBAAA,cAACM,uBAAAA;MAAOR;;MAqBVD;AAlBP,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACU,uBAAAA;IACCH;IACAI,YAAY;MACVC,OAAO;MACPC,GAAG;MACHC,SAAS;IACX;IACAC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNH,SAAS;IACTF,OAAO;IACPC,GAAG;IACHK,iBAAgB;IAChBC,cAAa;MAEZnB,kBAAAA,MAAMoB,cAAQ,QAAdpB,oBAAAA,SAAAA,kBAAkB,sBAAA,cAACqB,sBAAAA;IAASC,WAAW;OAG1C,sBAAA,cAACC,uBAAAA;IAAON,MAAK;IAAKO,WAAU;IAAKC,SAAS,WAAA;aAAMjB,OAAOkB,KAAKC,OAAM,CAAA;;KAAK,UAAA,CAAA;AAK7E;",
|
|
5
|
+
"names": ["AnimationsEnterDemo", "props", "ref", "useRef", "hasIntersected", "useIsIntersecting", "once", "useState", "key", "setKey", "YStack", "Square", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "LogoIcon", "downscale", "Button", "marginTop", "onPress", "Math", "random"]
|
|
6
6
|
}
|
|
@@ -18,26 +18,24 @@ __export(AnimationsHoverDemo_exports, {
|
|
|
18
18
|
AnimationsHoverDemo: () => AnimationsHoverDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
21
|
-
var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui")
|
|
21
|
+
var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui");
|
|
22
22
|
function AnimationsHoverDemo() {
|
|
23
|
-
return /* @__PURE__ */ (
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
pressStyle: {
|
|
36
|
-
scale: 0.9
|
|
37
|
-
},
|
|
38
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
|
|
23
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.Square, {
|
|
24
|
+
borderColor: "$borderColor",
|
|
25
|
+
animation: "bouncy",
|
|
26
|
+
elevation: "$4",
|
|
27
|
+
backgroundColor: "$color9",
|
|
28
|
+
size: 104,
|
|
29
|
+
borderRadius: "$9",
|
|
30
|
+
hoverStyle: {
|
|
31
|
+
scale: 1.2
|
|
32
|
+
},
|
|
33
|
+
pressStyle: {
|
|
34
|
+
scale: 0.9
|
|
39
35
|
}
|
|
40
|
-
|
|
36
|
+
}, /* @__PURE__ */ React.createElement(import_logo.LogoIcon, {
|
|
37
|
+
downscale: 0.75
|
|
38
|
+
}));
|
|
41
39
|
}
|
|
42
40
|
// Annotate the CommonJS export names for ESM import in node:
|
|
43
41
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/AnimationsHoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsHoverDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;kBAAyB,0BACzB,iBAAuB;AAEhB,SAASA,sBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IACCC,aAAY;IACZC,WAAU;IACVC,WAAU;IACVC,iBAAgB;IAChBC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;KAEA,sBAAA,cAACE,sBAAAA;IAASC,WAAW;;AAG3B;",
|
|
5
|
+
"names": ["AnimationsHoverDemo", "Square", "borderColor", "animation", "elevation", "backgroundColor", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "LogoIcon", "downscale"]
|
|
6
6
|
}
|
|
@@ -27,8 +27,61 @@ __export(AnimationsPresenceDemo_exports, {
|
|
|
27
27
|
images: () => images
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
|
|
30
|
-
var import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg")), import_photo2 = __toESM(require("../../public/photo2.jpg")), import_photo3 = __toESM(require("../../public/photo3.jpg"))
|
|
31
|
-
|
|
30
|
+
var import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg")), import_photo2 = __toESM(require("../../public/photo2.jpg")), import_photo3 = __toESM(require("../../public/photo3.jpg"));
|
|
31
|
+
function _array_like_to_array(arr, len) {
|
|
32
|
+
(len == null || len > arr.length) && (len = arr.length);
|
|
33
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
34
|
+
arr2[i] = arr[i];
|
|
35
|
+
return arr2;
|
|
36
|
+
}
|
|
37
|
+
function _array_with_holes(arr) {
|
|
38
|
+
if (Array.isArray(arr))
|
|
39
|
+
return arr;
|
|
40
|
+
}
|
|
41
|
+
function _iterable_to_array_limit(arr, i) {
|
|
42
|
+
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
43
|
+
if (_i != null) {
|
|
44
|
+
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
45
|
+
try {
|
|
46
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
47
|
+
;
|
|
48
|
+
} catch (err) {
|
|
49
|
+
_d = !0, _e = err;
|
|
50
|
+
} finally {
|
|
51
|
+
try {
|
|
52
|
+
!_n && _i.return != null && _i.return();
|
|
53
|
+
} finally {
|
|
54
|
+
if (_d)
|
|
55
|
+
throw _e;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return _arr;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
function _non_iterable_rest() {
|
|
62
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
63
|
+
}
|
|
64
|
+
function _sliced_to_array(arr, i) {
|
|
65
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
66
|
+
}
|
|
67
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
68
|
+
if (o) {
|
|
69
|
+
if (typeof o == "string")
|
|
70
|
+
return _array_like_to_array(o, minLen);
|
|
71
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
72
|
+
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
|
|
73
|
+
return Array.from(n);
|
|
74
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
|
|
75
|
+
return _array_like_to_array(o, minLen);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
var images = [
|
|
79
|
+
import_photo1.default,
|
|
80
|
+
import_photo2.default,
|
|
81
|
+
import_photo3.default
|
|
82
|
+
].map(function(x) {
|
|
83
|
+
return x.src || x;
|
|
84
|
+
}), GalleryItem = (0, import_tamagui.styled)(import_tamagui.YStack, {
|
|
32
85
|
zIndex: 1,
|
|
33
86
|
x: 0,
|
|
34
87
|
opacity: 1,
|
|
@@ -36,69 +89,82 @@ const images = [import_photo1.default, import_photo2.default, import_photo3.defa
|
|
|
36
89
|
variants: {
|
|
37
90
|
// 1 = right, 0 = nowhere, -1 = left
|
|
38
91
|
going: {
|
|
39
|
-
":number": (going)
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
92
|
+
":number": function(going) {
|
|
93
|
+
return {
|
|
94
|
+
enterStyle: {
|
|
95
|
+
x: going > 0 ? 1e3 : -1e3,
|
|
96
|
+
opacity: 0
|
|
97
|
+
},
|
|
98
|
+
exitStyle: {
|
|
99
|
+
zIndex: 0,
|
|
100
|
+
x: going < 0 ? 1e3 : -1e3,
|
|
101
|
+
opacity: 0
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
}
|
|
50
105
|
}
|
|
51
106
|
}
|
|
52
|
-
}), wrap = (min, max, v)
|
|
53
|
-
|
|
107
|
+
}), wrap = function(min, max, v) {
|
|
108
|
+
var rangeSize = max - min;
|
|
54
109
|
return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
|
|
55
110
|
};
|
|
56
111
|
function AnimationsPresenceDemo() {
|
|
57
|
-
|
|
58
|
-
|
|
112
|
+
var _useState = _sliced_to_array((0, import_react.useState)([
|
|
113
|
+
0,
|
|
114
|
+
0
|
|
115
|
+
]), 2), _useState_ = _sliced_to_array(_useState[0], 2), page = _useState_[0], going = _useState_[1], setPage = _useState[1], imageIndex = wrap(0, images.length, page), paginate = function(going2) {
|
|
116
|
+
setPage([
|
|
117
|
+
page + going2,
|
|
118
|
+
going2
|
|
119
|
+
]);
|
|
59
120
|
};
|
|
60
|
-
return /* @__PURE__ */ (
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
onPress: () => paginate(-1),
|
|
82
|
-
zi: 100
|
|
83
|
-
}
|
|
84
|
-
),
|
|
85
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
86
|
-
import_tamagui.Button,
|
|
87
|
-
{
|
|
88
|
-
accessibilityLabel: "Carousel right",
|
|
89
|
-
icon: import_lucide_icons.ArrowRight,
|
|
90
|
-
size: "$5",
|
|
91
|
-
position: "absolute",
|
|
92
|
-
right: "$4",
|
|
93
|
-
circular: !0,
|
|
94
|
-
elevate: !0,
|
|
95
|
-
onPress: () => paginate(1),
|
|
96
|
-
zi: 100
|
|
97
|
-
}
|
|
98
|
-
)
|
|
99
|
-
]
|
|
121
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
|
|
122
|
+
overflow: "hidden",
|
|
123
|
+
backgroundColor: "#000",
|
|
124
|
+
position: "relative",
|
|
125
|
+
height: 300,
|
|
126
|
+
width: "100%",
|
|
127
|
+
alignItems: "center"
|
|
128
|
+
}, /* @__PURE__ */ React.createElement(import_animate_presence.AnimatePresence, {
|
|
129
|
+
initial: !1,
|
|
130
|
+
custom: {
|
|
131
|
+
going
|
|
132
|
+
}
|
|
133
|
+
}, /* @__PURE__ */ React.createElement(GalleryItem, {
|
|
134
|
+
key: page,
|
|
135
|
+
animation: "slowest",
|
|
136
|
+
going
|
|
137
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.Image, {
|
|
138
|
+
source: {
|
|
139
|
+
uri: images[imageIndex],
|
|
140
|
+
width: 780,
|
|
141
|
+
height: 300
|
|
100
142
|
}
|
|
101
|
-
)
|
|
143
|
+
}))), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
|
|
144
|
+
accessibilityLabel: "Carousel left",
|
|
145
|
+
icon: import_lucide_icons.ArrowLeft,
|
|
146
|
+
size: "$5",
|
|
147
|
+
position: "absolute",
|
|
148
|
+
left: "$4",
|
|
149
|
+
circular: !0,
|
|
150
|
+
elevate: !0,
|
|
151
|
+
onPress: function() {
|
|
152
|
+
return paginate(-1);
|
|
153
|
+
},
|
|
154
|
+
zi: 100
|
|
155
|
+
}), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
|
|
156
|
+
accessibilityLabel: "Carousel right",
|
|
157
|
+
icon: import_lucide_icons.ArrowRight,
|
|
158
|
+
size: "$5",
|
|
159
|
+
position: "absolute",
|
|
160
|
+
right: "$4",
|
|
161
|
+
circular: !0,
|
|
162
|
+
elevate: !0,
|
|
163
|
+
onPress: function() {
|
|
164
|
+
return paginate(1);
|
|
165
|
+
},
|
|
166
|
+
zi: 100
|
|
167
|
+
}));
|
|
102
168
|
}
|
|
103
169
|
// Annotate the CommonJS export names for ESM import in node:
|
|
104
170
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/AnimationsPresenceDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["photo1", "photo2", "photo3", "going"]
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsPresenceDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8BAAgC,sCAChC,sBAAsC,kCACtC,eAAyB,kBACzB,iBAAsD,oBAGtD,gBAAmB,6CAEnB,gBAAmB,6CAEnB,gBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,IAAMA,SAAS;EAACC,cAAAA;EAAQC,cAAAA;EAAQC,cAAAA;EAAQC,IAAI,SAACC,GAAAA;SAAMA,EAAEC,OAAOD;IAE7DE,kBAAcC,uBAAOC,uBAAQ;EACjCC,QAAQ;EACRL,GAAG;EACHM,SAAS;EACTC,YAAY;EAEZC,UAAU;;IAERC,OAAO;MACL,WAAW,SAACA,OAAAA;eAAW;UACrBC,YAAY;YACVV,GAAGS,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;UACAK,WAAW;YACTN,QAAQ;YACRL,GAAGS,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;QACF;;IACF;EACF;AACF,CAAA,GAEMM,OAAO,SAACC,KAAaC,KAAaC,GAAAA;AACtC,MAAMC,YAAYF,MAAMD;AACxB,WAAWE,IAAIF,OAAOG,YAAaA,aAAaA,YAAaH;AAC/D;AAEO,SAASI,yBAAAA;AACd,MAAiCC,YAAAA,qBAAAA,uBAAS;IAAC;IAAG;GAAE,GAAA,CAAA,GAAA,aAAA,iBAAfA,UAAAA,CAAAA,GAAAA,CAAAA,GAAzBC,OAAAA,WAAAA,CAAAA,GAAMV,QAAAA,WAAAA,CAAAA,GAAQW,UAAWF,UAAAA,CAAAA,GAE3BG,aAAaT,KAAK,GAAGjB,OAAO2B,QAAQH,IAAAA,GACpCI,WAAW,SAACd,QAAAA;AAChBW,YAAQ;MAACD,OAAOV;MAAOA;KAAM;EAC/B;AAEA,SACE,sBAAA,cAACe,uBAAAA;IACCC,UAAS;IACTC,iBAAgB;IAChBC,UAAS;IACTC,QAAQ;IACRC,OAAM;IACNC,YAAW;KAEX,sBAAA,cAACC,yCAAAA;IAAgBC,SAAS;IAAOC,QAAQ;MAAExB;IAAM;KAC/C,sBAAA,cAACP,aAAAA;IAAYgC,KAAKf;IAAMgB,WAAU;IAAU1B;KAC1C,sBAAA,cAAC2B,sBAAAA;IAAMC,QAAQ;MAAEC,KAAK3C,OAAO0B,UAAAA;MAAaQ,OAAO;MAAKD,QAAQ;IAAI;QAItE,sBAAA,cAACW,uBAAAA;IACCC,oBAAmB;IACnBC,MAAMC;IACNC,MAAK;IACLhB,UAAS;IACTiB,MAAK;IACLC,UAAAA;IACAC,SAAAA;IACAC,SAAS,WAAA;aAAMxB,SAAS,EAAC;;IACzByB,IAAI;MAEN,sBAAA,cAACT,uBAAAA;IACCC,oBAAmB;IACnBC,MAAMQ;IACNN,MAAK;IACLhB,UAAS;IACTuB,OAAM;IACNL,UAAAA;IACAC,SAAAA;IACAC,SAAS,WAAA;aAAMxB,SAAS,CAAA;;IACxByB,IAAI;;AAIZ;",
|
|
5
|
+
"names": ["images", "photo1", "photo2", "photo3", "map", "x", "src", "GalleryItem", "styled", "YStack", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "useState", "page", "setPage", "imageIndex", "length", "paginate", "XStack", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "AnimatePresence", "initial", "custom", "key", "animation", "Image", "source", "uri", "Button", "accessibilityLabel", "icon", "ArrowLeft", "size", "left", "circular", "elevate", "onPress", "zi", "ArrowRight", "right"]
|
|
6
6
|
}
|
|
@@ -18,25 +18,23 @@ __export(AnimationsTimingDemo_exports, {
|
|
|
18
18
|
AnimationsTimingDemo: () => AnimationsTimingDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(AnimationsTimingDemo_exports);
|
|
21
|
-
var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui")
|
|
21
|
+
var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui");
|
|
22
22
|
function AnimationsTimingDemo() {
|
|
23
|
-
return /* @__PURE__ */ (
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
pressStyle: {
|
|
35
|
-
scale: 0.9
|
|
36
|
-
},
|
|
37
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 0.75 })
|
|
23
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.Square, {
|
|
24
|
+
backgroundColor: "$pink10",
|
|
25
|
+
animation: "100ms",
|
|
26
|
+
elevation: "$4",
|
|
27
|
+
size: 110,
|
|
28
|
+
borderRadius: "$9",
|
|
29
|
+
hoverStyle: {
|
|
30
|
+
scale: 1.2
|
|
31
|
+
},
|
|
32
|
+
pressStyle: {
|
|
33
|
+
scale: 0.9
|
|
38
34
|
}
|
|
39
|
-
|
|
35
|
+
}, /* @__PURE__ */ React.createElement(import_logo.LogoIcon, {
|
|
36
|
+
downscale: 0.75
|
|
37
|
+
}));
|
|
40
38
|
}
|
|
41
39
|
// Annotate the CommonJS export names for ESM import in node:
|
|
42
40
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/AnimationsTimingDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsTimingDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;kBAAyB,0BACzB,iBAAuB;AAEhB,SAASA,uBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IACCC,iBAAgB;IAChBC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;KAEA,sBAAA,cAACE,sBAAAA;IAASC,WAAW;;AAG3B;",
|
|
5
|
+
"names": ["AnimationsTimingDemo", "Square", "backgroundColor", "animation", "elevation", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "LogoIcon", "downscale"]
|
|
6
6
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __export = (target, all) => {
|
|
7
8
|
for (var name in all)
|
|
8
9
|
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
@@ -12,36 +13,42 @@ var __export = (target, all) => {
|
|
|
12
13
|
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
14
|
return to;
|
|
14
15
|
};
|
|
15
|
-
var
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
24
|
var AvatarDemo_exports = {};
|
|
17
25
|
__export(AvatarDemo_exports, {
|
|
18
26
|
AvatarDemo: () => AvatarDemo
|
|
19
27
|
});
|
|
20
28
|
module.exports = __toCommonJS(AvatarDemo_exports);
|
|
21
|
-
var
|
|
29
|
+
var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
|
|
22
30
|
function AvatarDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
] });
|
|
31
|
+
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
space: "$6"
|
|
34
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Avatar, {
|
|
35
|
+
circular: !0,
|
|
36
|
+
size: "$10"
|
|
37
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Avatar.Image, {
|
|
38
|
+
accessibilityLabel: "Cam",
|
|
39
|
+
src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
|
|
40
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Avatar.Fallback, {
|
|
41
|
+
backgroundColor: "$blue10"
|
|
42
|
+
})), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Avatar, {
|
|
43
|
+
circular: !0,
|
|
44
|
+
size: "$8"
|
|
45
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Avatar.Image, {
|
|
46
|
+
accessibilityLabel: "Nate Wienert",
|
|
47
|
+
src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
|
|
48
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Avatar.Fallback, {
|
|
49
|
+
delayMs: 600,
|
|
50
|
+
backgroundColor: "$blue10"
|
|
51
|
+
})));
|
|
45
52
|
}
|
|
46
53
|
// Annotate the CommonJS export names for ESM import in node:
|
|
47
54
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/AvatarDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AvatarDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;mBAAkB,2BAClB,iBAA+B;AAExB,SAASA,aAAAA;AACd,SACE,6BAAAC,QAAA,cAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAM;KAChC,6BAAAH,QAAA,cAACI,uBAAAA;IAAOC,UAAAA;IAASC,MAAK;KACpB,6BAAAN,QAAA,cAACI,sBAAOG,OAAK;IACXC,oBAAmB;IACnBC,KAAI;MAEN,6BAAAT,QAAA,cAACI,sBAAOM,UAAQ;IAACC,iBAAgB;OAGnC,6BAAAX,QAAA,cAACI,uBAAAA;IAAOC,UAAAA;IAASC,MAAK;KACpB,6BAAAN,QAAA,cAACI,sBAAOG,OAAK;IACXC,oBAAmB;IACnBC,KAAI;MAEN,6BAAAT,QAAA,cAACI,sBAAOM,UAAQ;IAACE,SAAS;IAAKD,iBAAgB;;AAIvD;",
|
|
5
|
+
"names": ["AvatarDemo", "React", "XStack", "alignItems", "space", "Avatar", "circular", "size", "Image", "accessibilityLabel", "src", "Fallback", "backgroundColor", "delayMs"]
|
|
6
6
|
}
|
|
@@ -18,8 +18,42 @@ __export(BuildAButtonDemo_exports, {
|
|
|
18
18
|
BuildAButtonDemo: () => BuildAButtonDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(BuildAButtonDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui")
|
|
22
|
-
|
|
21
|
+
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
|
|
22
|
+
function _define_property(obj, key, value) {
|
|
23
|
+
return key in obj ? Object.defineProperty(obj, key, {
|
|
24
|
+
value,
|
|
25
|
+
enumerable: !0,
|
|
26
|
+
configurable: !0,
|
|
27
|
+
writable: !0
|
|
28
|
+
}) : obj[key] = value, obj;
|
|
29
|
+
}
|
|
30
|
+
function _object_spread(target) {
|
|
31
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
32
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
33
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
34
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
35
|
+
}))), ownKeys2.forEach(function(key) {
|
|
36
|
+
_define_property(target, key, source[key]);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
return target;
|
|
40
|
+
}
|
|
41
|
+
function ownKeys(object, enumerableOnly) {
|
|
42
|
+
var keys = Object.keys(object);
|
|
43
|
+
if (Object.getOwnPropertySymbols) {
|
|
44
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
45
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
46
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
47
|
+
})), keys.push.apply(keys, symbols);
|
|
48
|
+
}
|
|
49
|
+
return keys;
|
|
50
|
+
}
|
|
51
|
+
function _object_spread_props(target, source) {
|
|
52
|
+
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
53
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
54
|
+
}), target;
|
|
55
|
+
}
|
|
56
|
+
var outlined = {
|
|
23
57
|
backgroundColor: "transparent",
|
|
24
58
|
borderWidth: 2,
|
|
25
59
|
borderColor: "$background",
|
|
@@ -30,30 +64,68 @@ const outlined = {
|
|
|
30
64
|
}
|
|
31
65
|
};
|
|
32
66
|
function BuildAButtonDemo() {
|
|
33
|
-
return /* @__PURE__ */
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
67
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
|
|
68
|
+
fullscreen: !0,
|
|
69
|
+
ov: "hidden"
|
|
70
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
|
|
71
|
+
mah: 200,
|
|
72
|
+
y: -100,
|
|
73
|
+
x: -40,
|
|
74
|
+
rotate: "-10deg"
|
|
75
|
+
}, /* @__PURE__ */ React.createElement(ButtonCol, _object_spread_props(_object_spread({
|
|
76
|
+
y: 35,
|
|
77
|
+
size: "$2"
|
|
78
|
+
}, outlined), {
|
|
79
|
+
subTheme: "alt1",
|
|
80
|
+
borderWidth: 1
|
|
81
|
+
})), /* @__PURE__ */ React.createElement(ButtonCol, {
|
|
82
|
+
y: 30
|
|
83
|
+
}), /* @__PURE__ */ React.createElement(ButtonCol, _object_spread({
|
|
84
|
+
y: -50
|
|
85
|
+
}, outlined)), /* @__PURE__ */ React.createElement(ButtonCol, _object_spread_props(_object_spread({}, outlined), {
|
|
86
|
+
icon: /* @__PURE__ */ React.createElement(import_lucide_icons.Hand, null)
|
|
87
|
+
})), /* @__PURE__ */ React.createElement(ButtonCol, {
|
|
88
|
+
size: "$6",
|
|
89
|
+
subTheme: "alt2"
|
|
90
|
+
}), /* @__PURE__ */ React.createElement(ButtonCol, _object_spread({
|
|
91
|
+
size: "$6",
|
|
92
|
+
subTheme: "alt2"
|
|
93
|
+
}, outlined)), /* @__PURE__ */ React.createElement(ButtonCol, _object_spread({
|
|
94
|
+
size: "$8",
|
|
95
|
+
subTheme: "alt2",
|
|
96
|
+
iconAfter: /* @__PURE__ */ React.createElement(import_lucide_icons.Drumstick, null)
|
|
97
|
+
}, outlined)), /* @__PURE__ */ React.createElement(ButtonCol, {
|
|
98
|
+
size: "$10",
|
|
99
|
+
subTheme: "alt1"
|
|
100
|
+
}), /* @__PURE__ */ React.createElement(ButtonCol, _object_spread_props(_object_spread({
|
|
101
|
+
size: "$8",
|
|
102
|
+
subTheme: "alt2"
|
|
103
|
+
}, outlined), {
|
|
104
|
+
borderRadius: 0
|
|
105
|
+
}))));
|
|
44
106
|
}
|
|
45
107
|
function ButtonCol(props) {
|
|
46
|
-
|
|
47
|
-
return /* @__PURE__ */
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
108
|
+
var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
|
|
109
|
+
return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
|
|
110
|
+
padding: "$2",
|
|
111
|
+
space: "$3"
|
|
112
|
+
}, /* @__PURE__ */ React.createElement(import_tamagui.Button, _object_spread({
|
|
113
|
+
theme: props.subTheme
|
|
114
|
+
}, props), "Hello"), /* @__PURE__ */ React.createElement(import_tamagui.Button, _object_spread({
|
|
115
|
+
theme: "orange" + subTheme
|
|
116
|
+
}, props), "Hello"), /* @__PURE__ */ React.createElement(import_tamagui.Button, _object_spread({
|
|
117
|
+
theme: "yellow" + subTheme
|
|
118
|
+
}, props), "Hello"), /* @__PURE__ */ React.createElement(import_tamagui.Button, _object_spread({
|
|
119
|
+
theme: "green" + subTheme
|
|
120
|
+
}, props), "Hello"), /* @__PURE__ */ React.createElement(import_tamagui.Button, _object_spread({
|
|
121
|
+
theme: "blue" + subTheme
|
|
122
|
+
}, props), "Hello"), /* @__PURE__ */ React.createElement(import_tamagui.Button, _object_spread({
|
|
123
|
+
theme: "purple" + subTheme
|
|
124
|
+
}, props), "Hello"), /* @__PURE__ */ React.createElement(import_tamagui.Button, _object_spread({
|
|
125
|
+
theme: "pink" + subTheme
|
|
126
|
+
}, props), "Hello"), /* @__PURE__ */ React.createElement(import_tamagui.Button, _object_spread({
|
|
127
|
+
theme: "red" + subTheme
|
|
128
|
+
}, props), "Hello"));
|
|
57
129
|
}
|
|
58
130
|
// Annotate the CommonJS export names for ESM import in node:
|
|
59
131
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/BuildAButtonDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/BuildAButtonDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,0BAAgC,kCAEhC,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMA,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,YAAAA;IAAWC,IAAG;KACpB,sBAAA,cAACC,uBAAAA;IAAOC,KAAK;IAAKC,GAAG;IAAMC,GAAG;IAAKC,QAAO;KACxC,sBAAA,cAACC,WAAAA,qBAAAA,eAAAA;IAAUH,GAAG;IAAII,MAAK;KAAShB,QAAAA,GAAAA;IAAUiB,UAAS;IAAOf,aAAa;OACvE,sBAAA,cAACa,WAAAA;IAAUH,GAAG;MACd,sBAAA,cAACG,WAAAA,eAAAA;IAAUH,GAAG;KAASZ,QAAAA,CAAAA,GACvB,sBAAA,cAACe,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcf,QAAAA,GAAAA;IAAUkB,MAAM,sBAAA,cAACC,0BAAAA,IAAAA;OAChC,sBAAA,cAACJ,WAAAA;IAAUC,MAAK;IAAKC,UAAS;MAC9B,sBAAA,cAACF,WAAAA,eAAAA;IAAUC,MAAK;IAAKC,UAAS;KAAWjB,QAAAA,CAAAA,GACzC,sBAAA,cAACe,WAAAA,eAAAA;IAAUC,MAAK;IAAKC,UAAS;IAAOG,WAAW,sBAAA,cAACC,+BAAAA,IAAAA;KAAkBrB,QAAAA,CAAAA,GACnE,sBAAA,cAACe,WAAAA;IAAUC,MAAK;IAAMC,UAAS;MAC/B,sBAAA,cAACF,WAAAA,qBAAAA,eAAAA;IAAUC,MAAK;IAAKC,UAAS;KAAWjB,QAAAA,GAAAA;IAAUI,cAAc;;AAIzE;AAEA,SAASW,UACPO,OAEC;AAED,MAAML,WAAWK,MAAML,WAAY,IAAkB,OAAfK,MAAML,QAAQ,IAAK;AACzD,SACE,sBAAA,cAACV,uBAAAA;IAAOgB,SAAQ;IAAKC,OAAM;KACzB,sBAAA,cAACC,uBAAAA,eAAAA;IAAOC,OAAOJ,MAAML;KAAcK,KAAAA,GAAO,OAAA,GAG1C,sBAAA,cAACG,uBAAAA,eAAAA;IAAOC,OAAQ,WAAWT;KAA4BK,KAAAA,GAAO,OAAA,GAG9D,sBAAA,cAACG,uBAAAA,eAAAA;IAAOC,OAAQ,WAAWT;KAA4BK,KAAAA,GAAO,OAAA,GAG9D,sBAAA,cAACG,uBAAAA,eAAAA;IAAOC,OAAQ,UAAUT;KAA4BK,KAAAA,GAAO,OAAA,GAG7D,sBAAA,cAACG,uBAAAA,eAAAA;IAAOC,OAAQ,SAAST;KAA4BK,KAAAA,GAAO,OAAA,GAG5D,sBAAA,cAACG,uBAAAA,eAAAA;IAAOC,OAAQ,WAAWT;KAA4BK,KAAAA,GAAO,OAAA,GAG9D,sBAAA,cAACG,uBAAAA,eAAAA;IAAOC,OAAQ,SAAST;KAA4BK,KAAAA,GAAO,OAAA,GAG5D,sBAAA,cAACG,uBAAAA,eAAAA;IAAOC,OAAQ,QAAQT;KAA4BK,KAAAA,GAAO,OAAA,CAAA;AAKjE;",
|
|
5
|
+
"names": ["outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "YStack", "fullscreen", "ov", "XStack", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "Hand", "iconAfter", "Drumstick", "props", "padding", "space", "Button", "theme"]
|
|
6
6
|
}
|