@tamagui/demos 2.0.0-rc.8 → 2.0.0
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.cjs +19 -17
- package/dist/cjs/AccordionDemo.native.js +19 -17
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +31 -28
- package/dist/cjs/AddThemeDemo.native.js +33 -30
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +20 -18
- package/dist/cjs/AlertDialogDemo.native.js +20 -18
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +40 -35
- package/dist/cjs/AnimationsDelayDemo.native.js +41 -36
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +27 -23
- package/dist/cjs/AnimationsDemo.native.js +29 -28
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +39 -34
- package/dist/cjs/AnimationsEnterDemo.native.js +38 -34
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +68 -66
- package/dist/cjs/AnimationsPresenceDemo.native.js +71 -69
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +16 -14
- package/dist/cjs/AvatarDemo.native.js +16 -14
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +59 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js +64 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.cjs +22 -20
- package/dist/cjs/BuildAButtonDemo.native.js +31 -29
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +20 -18
- package/dist/cjs/ButtonDemo.native.js +20 -18
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +15 -13
- package/dist/cjs/CardDemo.native.js +15 -13
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +18 -16
- package/dist/cjs/CheckboxDemo.native.js +24 -22
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +39 -37
- package/dist/cjs/CheckboxHeadlessDemo.native.js +39 -37
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +42 -40
- package/dist/cjs/CheckboxUnstyledDemo.native.js +43 -41
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +62 -56
- package/dist/cjs/ColorsDemo.native.js +32 -30
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +53 -53
- package/dist/cjs/ContextMenuDemo.native.js +41 -43
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +34 -32
- package/dist/cjs/DialogDemo.native.js +36 -34
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +31 -28
- package/dist/cjs/FormsDemo.native.js +31 -28
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.cjs +51 -42
- package/dist/cjs/Grid.native.js +44 -37
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +17 -15
- package/dist/cjs/GroupDemo.native.js +17 -15
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +14 -12
- package/dist/cjs/HeadingsDemo.native.js +14 -12
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.cjs +14 -12
- package/dist/cjs/ImageDemo.native.js +14 -12
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +14 -12
- package/dist/cjs/InputsDemo.native.js +14 -12
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +14 -12
- package/dist/cjs/LabelDemo.native.js +14 -12
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +15 -13
- package/dist/cjs/LinearGradientDemo.native.js +15 -13
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +32 -22
- package/dist/cjs/ListItemDemo.native.js +32 -22
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +54 -52
- package/dist/cjs/LucideIconsDemo.native.js +69 -67
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +176 -177
- package/dist/cjs/MenuDemo.native.js +179 -180
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +15 -13
- package/dist/cjs/NewInputsDemo.native.js +15 -13
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +29 -27
- package/dist/cjs/PopoverDemo.native.js +29 -27
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +37 -33
- package/dist/cjs/ProgressDemo.native.js +37 -33
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +14 -12
- package/dist/cjs/RadioGroupDemo.native.js +14 -12
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +68 -63
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +60 -60
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +38 -33
- package/dist/cjs/ReplaceThemeDemo.native.js +39 -34
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +14 -12
- package/dist/cjs/ScrollViewDemo.native.js +14 -12
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +54 -50
- package/dist/cjs/SelectDemo.native.js +44 -42
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +16 -14
- package/dist/cjs/SeparatorDemo.native.js +16 -14
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +14 -12
- package/dist/cjs/ShapesDemo.native.js +14 -12
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +127 -121
- package/dist/cjs/SheetDemo.native.js +149 -147
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +14 -12
- package/dist/cjs/SliderDemo.native.js +14 -12
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +14 -12
- package/dist/cjs/SpinnerDemo.native.js +14 -12
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +17 -15
- package/dist/cjs/StacksDemo.native.js +29 -16
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +18 -16
- package/dist/cjs/SwitchDemo.native.js +20 -18
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +38 -36
- package/dist/cjs/SwitchHeadlessDemo.native.js +40 -38
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +50 -48
- package/dist/cjs/SwitchUnstyledDemo.native.js +51 -49
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +316 -294
- package/dist/cjs/TabsAdvancedDemo.native.js +364 -348
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +105 -99
- package/dist/cjs/TabsDemo.native.js +162 -160
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +68 -64
- package/dist/cjs/TabsHeadlessDemo.native.js +94 -81
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +14 -12
- package/dist/cjs/TextDemo.native.js +14 -12
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +213 -131
- package/dist/cjs/ToastDemo.native.js +229 -142
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +49 -60
- package/dist/cjs/ToastDuplicateDemo.native.js +56 -71
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +155 -0
- package/dist/cjs/ToastV1Demo.native.js +166 -0
- package/dist/cjs/ToastV1Demo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.cjs +21 -19
- package/dist/cjs/ToggleGroupDemo.native.js +21 -19
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +80 -74
- package/dist/cjs/TokensDemo.native.js +58 -55
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +27 -24
- package/dist/cjs/TooltipDemo.native.js +27 -24
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +37 -33
- package/dist/cjs/UpdateThemeDemo.native.js +38 -34
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.cjs +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/index.cjs +9 -5
- package/dist/cjs/index.native.js +9 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tamagui.config.cjs +14 -12
- package/dist/cjs/tamagui.config.native.js +16 -14
- package/dist/cjs/tamagui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +44 -28
- package/dist/cjs/useOnIntersecting.native.js +84 -70
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +3 -3
- package/dist/esm/AccordionDemo.native.js +3 -3
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.mjs +3 -2
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +5 -4
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +6 -6
- package/dist/esm/AlertDialogDemo.native.js +6 -6
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +12 -9
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +12 -9
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +11 -9
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +13 -14
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +10 -7
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +9 -7
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +35 -35
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +37 -37
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.mjs +2 -2
- package/dist/esm/AvatarDemo.native.js +2 -2
- package/dist/esm/BoxShadowTokenDemo.mjs +34 -0
- package/dist/esm/BoxShadowTokenDemo.mjs.map +1 -0
- package/dist/esm/BoxShadowTokenDemo.native.js +36 -0
- package/dist/esm/BoxShadowTokenDemo.native.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.mjs +6 -6
- package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +6 -6
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.mjs +2 -2
- package/dist/esm/ButtonDemo.native.js +2 -2
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +3 -3
- package/dist/esm/CheckboxDemo.native.js +9 -9
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +9 -9
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +9 -9
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +25 -25
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +25 -25
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.mjs +47 -43
- package/dist/esm/ColorsDemo.mjs.map +1 -1
- package/dist/esm/ColorsDemo.native.js +17 -17
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/ContextMenuDemo.mjs +21 -23
- package/dist/esm/ContextMenuDemo.mjs.map +1 -1
- package/dist/esm/ContextMenuDemo.native.js +9 -13
- package/dist/esm/ContextMenuDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +16 -16
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +18 -18
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/FormsDemo.mjs +4 -3
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/FormsDemo.native.js +4 -3
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.mjs +23 -16
- package/dist/esm/Grid.mjs.map +1 -1
- package/dist/esm/Grid.native.js +16 -11
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +9 -1
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +9 -1
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +25 -25
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +32 -32
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/MenuDemo.mjs +148 -151
- package/dist/esm/MenuDemo.mjs.map +1 -1
- package/dist/esm/MenuDemo.native.js +151 -154
- package/dist/esm/MenuDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +10 -10
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +10 -10
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +8 -6
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +8 -6
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +38 -35
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +30 -32
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +10 -7
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +11 -8
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +22 -20
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +11 -11
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +2 -2
- package/dist/esm/SeparatorDemo.native.js +2 -2
- package/dist/esm/SheetDemo.mjs +96 -92
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +120 -120
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.mjs +3 -3
- package/dist/esm/StacksDemo.native.js +4 -4
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +4 -4
- package/dist/esm/SwitchDemo.native.js +6 -6
- package/dist/esm/SwitchHeadlessDemo.mjs +9 -9
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +11 -11
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +34 -34
- package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +34 -34
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +289 -269
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +337 -323
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +77 -73
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +135 -135
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +48 -46
- package/dist/esm/TabsHeadlessDemo.mjs.map +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +67 -67
- package/dist/esm/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +196 -105
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +213 -117
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +31 -33
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +32 -38
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToastV1Demo.mjs +119 -0
- package/dist/esm/ToastV1Demo.mjs.map +1 -0
- package/dist/esm/ToastV1Demo.native.js +127 -0
- package/dist/esm/ToastV1Demo.native.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.mjs +4 -4
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +4 -4
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +52 -48
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.native.js +24 -23
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +5 -4
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +5 -4
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +8 -6
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +9 -7
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/index.js +63 -61
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js +2 -2
- package/dist/esm/tamagui.config.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +30 -16
- package/dist/esm/useOnIntersecting.mjs.map +1 -1
- package/dist/esm/useOnIntersecting.native.js +70 -58
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/package.json +44 -50
- package/src/AccordionDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +2 -2
- package/src/BoxShadowTokenDemo.tsx +35 -0
- package/src/BuildAButtonDemo.tsx +1 -1
- package/src/ButtonDemo.tsx +1 -1
- package/src/CheckboxDemo.tsx +1 -1
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +3 -3
- package/src/DialogDemo.tsx +1 -1
- package/src/GroupDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +27 -6
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +126 -133
- package/src/PopoverDemo.tsx +6 -1
- package/src/ProgressDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -3
- package/src/SheetDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +13 -11
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +39 -29
- package/src/ToastV1Demo.tsx +121 -0
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -1
- package/src/index.tsx +2 -0
- package/dist/cjs/AccordionDemo.js +0 -77
- package/dist/cjs/AccordionDemo.js.map +0 -6
- package/dist/cjs/AddThemeDemo.js +0 -56
- package/dist/cjs/AddThemeDemo.js.map +0 -6
- package/dist/cjs/AlertDialogDemo.js +0 -68
- package/dist/cjs/AlertDialogDemo.js.map +0 -6
- package/dist/cjs/AnimationsDelayDemo.js +0 -56
- package/dist/cjs/AnimationsDelayDemo.js.map +0 -6
- package/dist/cjs/AnimationsDemo.js +0 -99
- package/dist/cjs/AnimationsDemo.js.map +0 -6
- package/dist/cjs/AnimationsEnterDemo.js +0 -55
- package/dist/cjs/AnimationsEnterDemo.js.map +0 -6
- package/dist/cjs/AnimationsHoverDemo.js +0 -41
- package/dist/cjs/AnimationsHoverDemo.js.map +0 -6
- package/dist/cjs/AnimationsPresenceDemo.js +0 -102
- package/dist/cjs/AnimationsPresenceDemo.js.map +0 -6
- package/dist/cjs/AnimationsTimingDemo.js +0 -40
- package/dist/cjs/AnimationsTimingDemo.js.map +0 -6
- package/dist/cjs/AvatarDemo.js +0 -45
- package/dist/cjs/AvatarDemo.js.map +0 -6
- package/dist/cjs/BuildAButtonDemo.js +0 -65
- package/dist/cjs/BuildAButtonDemo.js.map +0 -6
- package/dist/cjs/ButtonDemo.js +0 -42
- package/dist/cjs/ButtonDemo.js.map +0 -6
- package/dist/cjs/CardDemo.js +0 -60
- package/dist/cjs/CardDemo.js.map +0 -6
- package/dist/cjs/CheckboxDemo.js +0 -41
- package/dist/cjs/CheckboxDemo.js.map +0 -6
- package/dist/cjs/CheckboxHeadlessDemo.js +0 -62
- package/dist/cjs/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/cjs/CheckboxUnstyledDemo.js +0 -52
- package/dist/cjs/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/cjs/ColorsDemo.js +0 -107
- package/dist/cjs/ColorsDemo.js.map +0 -6
- package/dist/cjs/ContextMenuDemo.js +0 -200
- package/dist/cjs/ContextMenuDemo.js.map +0 -6
- package/dist/cjs/DialogDemo.js +0 -149
- package/dist/cjs/DialogDemo.js.map +0 -6
- package/dist/cjs/FormsDemo.js +0 -66
- package/dist/cjs/FormsDemo.js.map +0 -6
- package/dist/cjs/Grid.js +0 -46
- package/dist/cjs/Grid.js.map +0 -6
- package/dist/cjs/GroupDemo.js +0 -49
- package/dist/cjs/GroupDemo.js.map +0 -6
- package/dist/cjs/HeadingsDemo.js +0 -31
- package/dist/cjs/HeadingsDemo.js.map +0 -6
- package/dist/cjs/ImageDemo.js +0 -35
- package/dist/cjs/ImageDemo.js.map +0 -6
- package/dist/cjs/InputsDemo.js +0 -43
- package/dist/cjs/InputsDemo.js.map +0 -6
- package/dist/cjs/LabelDemo.js +0 -42
- package/dist/cjs/LabelDemo.js.map +0 -6
- package/dist/cjs/LinearGradientDemo.js +0 -47
- package/dist/cjs/LinearGradientDemo.js.map +0 -6
- package/dist/cjs/ListItemDemo.js +0 -72
- package/dist/cjs/ListItemDemo.js.map +0 -6
- package/dist/cjs/LucideIconsDemo.js +0 -63
- package/dist/cjs/LucideIconsDemo.js.map +0 -6
- package/dist/cjs/MenuDemo.js +0 -187
- package/dist/cjs/MenuDemo.js.map +0 -6
- package/dist/cjs/NewInputsDemo.js +0 -43
- package/dist/cjs/NewInputsDemo.js.map +0 -6
- package/dist/cjs/PopoverDemo.js +0 -127
- package/dist/cjs/PopoverDemo.js.map +0 -6
- package/dist/cjs/ProgressDemo.js +0 -85
- package/dist/cjs/ProgressDemo.js.map +0 -6
- package/dist/cjs/RadioGroupDemo.js +0 -36
- package/dist/cjs/RadioGroupDemo.js.map +0 -6
- package/dist/cjs/RadioGroupHeadlessDemo.js +0 -117
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/cjs/RadioGroupUnstyledDemo.js +0 -106
- package/dist/cjs/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/cjs/ReplaceThemeDemo.js +0 -58
- package/dist/cjs/ReplaceThemeDemo.js.map +0 -6
- package/dist/cjs/ScrollViewDemo.js +0 -33
- package/dist/cjs/ScrollViewDemo.js.map +0 -6
- package/dist/cjs/SelectDemo.js +0 -200
- package/dist/cjs/SelectDemo.js.map +0 -6
- package/dist/cjs/SeparatorDemo.js +0 -35
- package/dist/cjs/SeparatorDemo.js.map +0 -6
- package/dist/cjs/ShapesDemo.js +0 -27
- package/dist/cjs/ShapesDemo.js.map +0 -6
- package/dist/cjs/SheetDemo.js +0 -123
- package/dist/cjs/SheetDemo.js.map +0 -6
- package/dist/cjs/SliderDemo.js +0 -34
- package/dist/cjs/SliderDemo.js.map +0 -6
- package/dist/cjs/SpinnerDemo.js +0 -27
- package/dist/cjs/SpinnerDemo.js.map +0 -6
- package/dist/cjs/StacksDemo.js +0 -86
- package/dist/cjs/StacksDemo.js.map +0 -6
- package/dist/cjs/SwitchDemo.js +0 -58
- package/dist/cjs/SwitchDemo.js.map +0 -6
- package/dist/cjs/SwitchHeadlessDemo.js +0 -88
- package/dist/cjs/SwitchHeadlessDemo.js.map +0 -6
- package/dist/cjs/SwitchUnstyledDemo.js +0 -64
- package/dist/cjs/SwitchUnstyledDemo.js.map +0 -6
- package/dist/cjs/TabsAdvancedDemo.js +0 -288
- package/dist/cjs/TabsAdvancedDemo.js.map +0 -6
- package/dist/cjs/TabsDemo.js +0 -158
- package/dist/cjs/TabsDemo.js.map +0 -6
- package/dist/cjs/TabsHeadlessDemo.js +0 -121
- package/dist/cjs/TabsHeadlessDemo.js.map +0 -6
- package/dist/cjs/TextDemo.js +0 -34
- package/dist/cjs/TextDemo.js.map +0 -6
- package/dist/cjs/ThemeBuilderDemo.js +0 -167
- package/dist/cjs/ThemeBuilderDemo.js.map +0 -6
- package/dist/cjs/ThemeInverseDemo.js +0 -45
- package/dist/cjs/ThemeInverseDemo.js.map +0 -6
- package/dist/cjs/ToastDemo.js +0 -118
- package/dist/cjs/ToastDemo.js.map +0 -6
- package/dist/cjs/ToastDuplicateDemo.js +0 -64
- package/dist/cjs/ToastDuplicateDemo.js.map +0 -6
- package/dist/cjs/ToggleGroupDemo.js +0 -89
- package/dist/cjs/ToggleGroupDemo.js.map +0 -6
- package/dist/cjs/TokensDemo.js +0 -99
- package/dist/cjs/TokensDemo.js.map +0 -6
- package/dist/cjs/TooltipDemo.js +0 -69
- package/dist/cjs/TooltipDemo.js.map +0 -6
- package/dist/cjs/UpdateThemeDemo.js +0 -61
- package/dist/cjs/UpdateThemeDemo.js.map +0 -6
- package/dist/cjs/WebNativeImageDemo.js +0 -24
- package/dist/cjs/WebNativeImageDemo.js.map +0 -6
- package/dist/cjs/index.js +0 -75
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/tamagui.config.js +0 -23
- package/dist/cjs/tamagui.config.js.map +0 -6
- package/dist/cjs/useOnIntersecting.js +0 -65
- package/dist/cjs/useOnIntersecting.js.map +0 -6
- package/dist/esm/AccordionDemo.js +0 -63
- package/dist/esm/AccordionDemo.js.map +0 -6
- package/dist/esm/AddThemeDemo.js +0 -35
- package/dist/esm/AddThemeDemo.js.map +0 -6
- package/dist/esm/AlertDialogDemo.js +0 -53
- package/dist/esm/AlertDialogDemo.js.map +0 -6
- package/dist/esm/AnimationsDelayDemo.js +0 -35
- package/dist/esm/AnimationsDelayDemo.js.map +0 -6
- package/dist/esm/AnimationsDemo.js +0 -86
- package/dist/esm/AnimationsDemo.js.map +0 -6
- package/dist/esm/AnimationsEnterDemo.js +0 -35
- package/dist/esm/AnimationsEnterDemo.js.map +0 -6
- package/dist/esm/AnimationsHoverDemo.js +0 -27
- package/dist/esm/AnimationsHoverDemo.js.map +0 -6
- package/dist/esm/AnimationsPresenceDemo.js +0 -85
- package/dist/esm/AnimationsPresenceDemo.js.map +0 -6
- package/dist/esm/AnimationsTimingDemo.js +0 -26
- package/dist/esm/AnimationsTimingDemo.js.map +0 -6
- package/dist/esm/AvatarDemo.js +0 -30
- package/dist/esm/AvatarDemo.js.map +0 -6
- package/dist/esm/BuildAButtonDemo.js +0 -51
- package/dist/esm/BuildAButtonDemo.js.map +0 -6
- package/dist/esm/ButtonDemo.js +0 -29
- package/dist/esm/ButtonDemo.js.map +0 -6
- package/dist/esm/CardDemo.js +0 -45
- package/dist/esm/CardDemo.js.map +0 -6
- package/dist/esm/CheckboxDemo.js +0 -27
- package/dist/esm/CheckboxDemo.js.map +0 -6
- package/dist/esm/CheckboxHeadlessDemo.js +0 -43
- package/dist/esm/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/esm/CheckboxUnstyledDemo.js +0 -40
- package/dist/esm/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/esm/ColorsDemo.js +0 -104
- package/dist/esm/ColorsDemo.js.map +0 -6
- package/dist/esm/ContextMenuDemo.js +0 -180
- package/dist/esm/ContextMenuDemo.js.map +0 -6
- package/dist/esm/DialogDemo.js +0 -152
- package/dist/esm/DialogDemo.js.map +0 -6
- package/dist/esm/FormsDemo.js +0 -50
- package/dist/esm/FormsDemo.js.map +0 -6
- package/dist/esm/Grid.js +0 -25
- package/dist/esm/Grid.js.map +0 -6
- package/dist/esm/GroupDemo.js +0 -35
- package/dist/esm/GroupDemo.js.map +0 -6
- package/dist/esm/HeadingsDemo.js +0 -16
- package/dist/esm/HeadingsDemo.js.map +0 -6
- package/dist/esm/ImageDemo.js +0 -20
- package/dist/esm/ImageDemo.js.map +0 -6
- package/dist/esm/InputsDemo.js +0 -28
- package/dist/esm/InputsDemo.js.map +0 -6
- package/dist/esm/LabelDemo.js +0 -27
- package/dist/esm/LabelDemo.js.map +0 -6
- package/dist/esm/LinearGradientDemo.js +0 -33
- package/dist/esm/LinearGradientDemo.js.map +0 -6
- package/dist/esm/ListItemDemo.js +0 -58
- package/dist/esm/ListItemDemo.js.map +0 -6
- package/dist/esm/LucideIconsDemo.js +0 -44
- package/dist/esm/LucideIconsDemo.js.map +0 -6
- package/dist/esm/MenuDemo.js +0 -175
- package/dist/esm/MenuDemo.js.map +0 -6
- package/dist/esm/NewInputsDemo.js +0 -29
- package/dist/esm/NewInputsDemo.js.map +0 -6
- package/dist/esm/PopoverDemo.js +0 -124
- package/dist/esm/PopoverDemo.js.map +0 -6
- package/dist/esm/ProgressDemo.js +0 -64
- package/dist/esm/ProgressDemo.js.map +0 -6
- package/dist/esm/RadioGroupDemo.js +0 -21
- package/dist/esm/RadioGroupDemo.js.map +0 -6
- package/dist/esm/RadioGroupHeadlessDemo.js +0 -102
- package/dist/esm/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/esm/RadioGroupUnstyledDemo.js +0 -92
- package/dist/esm/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/esm/ReplaceThemeDemo.js +0 -45
- package/dist/esm/ReplaceThemeDemo.js.map +0 -6
- package/dist/esm/ScrollViewDemo.js +0 -18
- package/dist/esm/ScrollViewDemo.js.map +0 -6
- package/dist/esm/SelectDemo.js +0 -180
- package/dist/esm/SelectDemo.js.map +0 -6
- package/dist/esm/SeparatorDemo.js +0 -20
- package/dist/esm/SeparatorDemo.js.map +0 -6
- package/dist/esm/ShapesDemo.js +0 -12
- package/dist/esm/ShapesDemo.js.map +0 -6
- package/dist/esm/SheetDemo.js +0 -103
- package/dist/esm/SheetDemo.js.map +0 -6
- package/dist/esm/SliderDemo.js +0 -19
- package/dist/esm/SliderDemo.js.map +0 -6
- package/dist/esm/SpinnerDemo.js +0 -12
- package/dist/esm/SpinnerDemo.js.map +0 -6
- package/dist/esm/StacksDemo.js +0 -71
- package/dist/esm/StacksDemo.js.map +0 -6
- package/dist/esm/SwitchDemo.js +0 -43
- package/dist/esm/SwitchDemo.js.map +0 -6
- package/dist/esm/SwitchHeadlessDemo.js +0 -68
- package/dist/esm/SwitchHeadlessDemo.js.map +0 -6
- package/dist/esm/SwitchUnstyledDemo.js +0 -51
- package/dist/esm/SwitchUnstyledDemo.js.map +0 -6
- package/dist/esm/TabsAdvancedDemo.js +0 -275
- package/dist/esm/TabsAdvancedDemo.js.map +0 -6
- package/dist/esm/TabsDemo.js +0 -146
- package/dist/esm/TabsDemo.js.map +0 -6
- package/dist/esm/TabsHeadlessDemo.js +0 -117
- package/dist/esm/TabsHeadlessDemo.js.map +0 -6
- package/dist/esm/TextDemo.js +0 -19
- package/dist/esm/TextDemo.js.map +0 -6
- package/dist/esm/ThemeBuilderDemo.js +0 -152
- package/dist/esm/ThemeBuilderDemo.js.map +0 -6
- package/dist/esm/ThemeInverseDemo.js +0 -30
- package/dist/esm/ThemeInverseDemo.js.map +0 -6
- package/dist/esm/ToastDemo.js +0 -97
- package/dist/esm/ToastDemo.js.map +0 -6
- package/dist/esm/ToastDuplicateDemo.js +0 -44
- package/dist/esm/ToastDuplicateDemo.js.map +0 -6
- package/dist/esm/ToggleGroupDemo.js +0 -75
- package/dist/esm/ToggleGroupDemo.js.map +0 -6
- package/dist/esm/TokensDemo.js +0 -78
- package/dist/esm/TokensDemo.js.map +0 -6
- package/dist/esm/TooltipDemo.js +0 -61
- package/dist/esm/TooltipDemo.js.map +0 -6
- package/dist/esm/UpdateThemeDemo.js +0 -49
- package/dist/esm/UpdateThemeDemo.js.map +0 -6
- package/dist/esm/WebNativeImageDemo.js +0 -9
- package/dist/esm/WebNativeImageDemo.js.map +0 -6
- package/dist/esm/tamagui.config.js +0 -8
- package/dist/esm/tamagui.config.js.map +0 -6
- package/dist/esm/useOnIntersecting.js +0 -50
- package/dist/esm/useOnIntersecting.js.map +0 -6
|
@@ -4,53 +4,58 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var AnimationsDelayDemo_exports = {};
|
|
35
37
|
__export(AnimationsDelayDemo_exports, {
|
|
36
38
|
AnimationsDelayDemo: () => AnimationsDelayDemo
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(AnimationsDelayDemo_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_react = __toESM(require("react"), 1);
|
|
43
|
+
var import_tamagui = require("tamagui");
|
|
44
|
+
var import_useOnIntersecting = require("./useOnIntersecting.native.js");
|
|
45
|
+
var colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
44
46
|
function AnimationsDelayDemo() {
|
|
45
|
-
var ref = import_react.default.useRef(null)
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
47
|
+
var ref = import_react.default.useRef(null);
|
|
48
|
+
var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
|
|
49
|
+
once: true
|
|
50
|
+
});
|
|
51
|
+
var [show, setShow] = import_react.default.useState(true);
|
|
52
|
+
if (import_tamagui.isWeb && !hasIntersected) {
|
|
53
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
54
|
+
ref,
|
|
55
|
+
height: 150
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
54
59
|
gap: "$4",
|
|
55
60
|
items: "center",
|
|
56
61
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDelayDemo_exports","__export","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDelayDemo_exports","__export","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAAA;AAClB,IAAAK,kBAAuE,GAAAC,OAAA;AAEvE,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAkC;AAUvB,IAAAG,cAAA,GAAAH,OAAA;AARX,IAAAI,wBAA2B,GAAAJ,OAAA,CAAY,+BAAY,CAAU;AAEtD,IAAAK,MAAS,IACd,SAAM,EACN,UAAM,EACN,UAAO,EAEP,UAAI,CACF;AAA6C,SAC/CT,oBAAA;EAEA,IAAAU,GACE,GAAAL,YAAA,CAAAM,OAAA,CAAAC,MAAA;EACE,IAAAC,cAAA,OAAAL,wBAAC,CAAAM,iBAAA,EAAAJ,GAAO;IAIAK,IAAC;EAAA;EAAA,KAAAC,IAEC,EAAAC,OAAY,CAAC,GAAAZ,YAAW,CAAAM,OAAW,CAAAO,QAAK;EAAA,IAAAX,cAC5B,CAAAY,KAAA,KAAAN,cAAA;IAAA,OACV,eAAS,IAAAV,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAc,MAAA;MAAAX,GAAA;MACFY,MACP,EAAG;IAAA;EACL;EACW,sBACA,IAAAnB,kBAAA,CAAAoB,IAAA,EAAAhB,cAAA,CAAAc,MAAA;IAAAG,GAAA,MACT;IAAOC,KAAA,EACP,QAAG;IAAAC,QACL,kBACM,IAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAoB,MAAA;MACNH,GAAA,EAAI;MACJF,MAAA,KAAQ;MAAAG,KAAA;MAdHG,OAAA;MAiBbF,QACF,qBAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAsB,eAAA;QAEAH,QAAA,EAAAV,IAAA,IAAAP,MAAA,CAAAqB,GAAA,WAACC,KAAA,EAAAC,CAAA;UAGH,0BAAA7B,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAA0B,MAAA;YAEJC,UAAA,G","ignoreList":[]}
|
|
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var AnimationsDemo_exports = {};
|
|
22
24
|
__export(AnimationsDemo_exports, {
|
|
@@ -24,20 +26,22 @@ __export(AnimationsDemo_exports, {
|
|
|
24
26
|
positions: () => positions
|
|
25
27
|
});
|
|
26
28
|
module.exports = __toCommonJS(AnimationsDemo_exports);
|
|
27
|
-
var import_logo = require("@tamagui/logo")
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
var import_logo = require("@tamagui/logo");
|
|
30
|
+
var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
|
|
31
|
+
var import_tamagui = require("tamagui");
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
33
|
function AnimationsDemo(props) {
|
|
32
34
|
const [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
strategy: "most-recent-wins",
|
|
36
|
+
prop: props.position,
|
|
37
|
+
defaultProp: 0
|
|
38
|
+
});
|
|
39
|
+
const position = positions[positionI];
|
|
40
|
+
const onPress = (0, import_tamagui.useEvent)(() => {
|
|
41
|
+
setPositionI(x => {
|
|
42
|
+
return (x + 1) % positions.length;
|
|
40
43
|
});
|
|
44
|
+
});
|
|
41
45
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
42
46
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
43
47
|
transition: props.animation ?? "bouncy",
|
|
@@ -62,10 +66,10 @@ function AnimationsDemo(props) {
|
|
|
62
66
|
position: "absolute",
|
|
63
67
|
b: 20,
|
|
64
68
|
l: 20,
|
|
65
|
-
icon:
|
|
69
|
+
icon: import_lucide_icons_2.Play,
|
|
66
70
|
theme: props.tint ?? "surface2",
|
|
67
71
|
size: "$5",
|
|
68
|
-
circular:
|
|
72
|
+
circular: true,
|
|
69
73
|
onPress
|
|
70
74
|
})]
|
|
71
75
|
});
|
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var AnimationsDemo_exports = {};
|
|
24
26
|
__export(AnimationsDemo_exports, {
|
|
@@ -26,24 +28,23 @@ __export(AnimationsDemo_exports, {
|
|
|
26
28
|
positions: () => positions
|
|
27
29
|
});
|
|
28
30
|
module.exports = __toCommonJS(AnimationsDemo_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
+
var import_logo = require("@tamagui/logo");
|
|
33
|
+
var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
|
|
34
|
+
var import_tamagui = require("tamagui");
|
|
33
35
|
function AnimationsDemo(props) {
|
|
34
36
|
var [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
_props_tint;
|
|
37
|
+
strategy: "most-recent-wins",
|
|
38
|
+
prop: props.position,
|
|
39
|
+
defaultProp: 0
|
|
40
|
+
});
|
|
41
|
+
var position = positions[positionI];
|
|
42
|
+
var onPress = (0, import_tamagui.useEvent)(function () {
|
|
43
|
+
setPositionI(function (x) {
|
|
44
|
+
return (x + 1) % positions.length;
|
|
45
|
+
});
|
|
46
|
+
});
|
|
47
|
+
var _props_animation, _props_tint;
|
|
47
48
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
48
49
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
49
50
|
transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : "bouncy",
|
|
@@ -68,10 +69,10 @@ function AnimationsDemo(props) {
|
|
|
68
69
|
position: "absolute",
|
|
69
70
|
b: 20,
|
|
70
71
|
l: 20,
|
|
71
|
-
icon:
|
|
72
|
+
icon: import_lucide_icons_2.Play,
|
|
72
73
|
theme: (_props_tint = props.tint) !== null && _props_tint !== void 0 ? _props_tint : "surface2",
|
|
73
74
|
size: "$5",
|
|
74
|
-
circular:
|
|
75
|
+
circular: true,
|
|
75
76
|
onPress
|
|
76
77
|
})]
|
|
77
78
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons_2","import_tamagui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","_props_animation","_props_tint","jsxs","Fragment","children","jsx","Square","transition","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","isWeb","LogoIcon","downscale","Button","b","l","icon","Play","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,sBAAA;AACzB,IAAAM,kBAAA,GAAAC,OAAqB;AACrB,IAAAC,WAAA,GAAAD,OAA6E;AAgBzE,IAAAE,qBAAA,GAAAF,OAAA;AAdG,IAAAG,cAAS,GAAAH,OAAe,UAAO;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,cAAA,CAAAI,oBAAA;IACVC,QAAM,oBAAM;IACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;IACdC,WAAA;EACD;EACA,IAAAD,QAAM,GAAAd,SAAU,CAAAS,SAAA;EACd,IAAAO,OAAA,IAAa,CAAC,EAAAT,cAAM,CAAAU,QAAA;IAClBP,YAAQ,WAASQ,CAAA;MAClB,QAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;IACF;EAED;EAEI,IAAAC,gBAAA,EAAAC,WAAA;EAAA,OAAC,mBAAAlB,kBAAA,CAAAmB,IAAA,EAAAnB,kBAAA,CAAAoB,QAAA;IAAAC,QAAA,kBACa,IAAMrB,kBAAa,CAAAsB,GAAA,EAAAlB,cAAA,CAAAmB,MAAA;MAC/BC,UAAA,GAAaP,gBAAY,GAAAZ,KAAA,CAAAoB,SAAA,cAAAR,gBAAA,cAAAA,gBAAA;MACzBS,WAAA,GACA,WAAM,CACN;MACAb,OAAA;MACAc,IAAA,KAAQ;MACRC,WAAG;MACHC,WAAA,EAAY;MAAAC,OACV,EAAO;MACTC,EAAA;MACAC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACCC,UAAG;QAEHD,KAAA;MAAoC;MACvC,GAAAtB,QAAA;MAEAU,QAAA,EAAAjB,cAAA,CAAA+B,KAAA,uBAAAnC,kBAAA,CAAAsB,GAAA,EAAApB,WAAA,CAAAkC,QAAA;QAACC,SAAA;MAAA;IAAA,EACC,EAAS,eACN,IAAArC,kBAAA,CAAAsB,GAAA,EAAAlB,cAAA,CAAAkC,MAAA;MACH3B,QAAG;MACH4B,CAAA;MACAC,CAAA;MACAC,IAAA,EAAKtC,qBAAA,CAAAuC,IAAA;MACLC,KAAA,GAAAzB,WAAQ,GAAAb,KAAA,CAAAuC,IAAA,cAAA1B,WAAA,cAAAA,WAAA;MACRS,IAAA;MAAAkB,QAAA;MACFhC;IACF;EAIG;AAAkB;AACvB,IACEhB,SAAG;EAEHkB,CAAA;EACA+B,CAAA;EACFb,KAAA;EACAc,MAAA;AAAA,GACK;EAEHhC,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACA;AAAA,GACK;EAEHlB,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACF","ignoreList":[]}
|
|
@@ -2,52 +2,57 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
6
|
-
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
32
34
|
var AnimationsEnterDemo_exports = {};
|
|
33
35
|
__export(AnimationsEnterDemo_exports, {
|
|
34
36
|
AnimationsEnterDemo: () => AnimationsEnterDemo
|
|
35
37
|
});
|
|
36
38
|
module.exports = __toCommonJS(AnimationsEnterDemo_exports);
|
|
37
|
-
var import_react = __toESM(require("react"), 1)
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
39
|
+
var import_react = __toESM(require("react"), 1);
|
|
40
|
+
var import_logo = require("@tamagui/logo");
|
|
41
|
+
var import_tamagui = require("tamagui");
|
|
42
|
+
var import_useOnIntersecting = require("./useOnIntersecting.cjs");
|
|
43
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
44
|
function AnimationsEnterDemo(props) {
|
|
43
|
-
const ref = import_react.default.useRef(null)
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
const ref = import_react.default.useRef(null);
|
|
46
|
+
const [key, setKey] = import_react.default.useState(0);
|
|
47
|
+
const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
|
|
48
|
+
once: true
|
|
49
|
+
});
|
|
50
|
+
if (import_tamagui.isWeb && !hasIntersected) {
|
|
51
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
52
|
+
ref
|
|
47
53
|
});
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
54
|
+
}
|
|
55
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
51
56
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
52
57
|
enterStyle: {
|
|
53
58
|
scale: 1.5,
|
|
@@ -4,52 +4,56 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var AnimationsEnterDemo_exports = {};
|
|
35
37
|
__export(AnimationsEnterDemo_exports, {
|
|
36
38
|
AnimationsEnterDemo: () => AnimationsEnterDemo
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(AnimationsEnterDemo_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_react = __toESM(require("react"), 1);
|
|
43
|
+
var import_logo = require("@tamagui/logo");
|
|
44
|
+
var import_tamagui = require("tamagui");
|
|
45
|
+
var import_useOnIntersecting = require("./useOnIntersecting.native.js");
|
|
44
46
|
function AnimationsEnterDemo(props) {
|
|
45
|
-
var ref = import_react.default.useRef(null)
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
});
|
|
50
|
-
if (import_tamagui.isWeb && !hasIntersected) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
51
|
-
ref
|
|
47
|
+
var ref = import_react.default.useRef(null);
|
|
48
|
+
var [key, setKey] = import_react.default.useState(0);
|
|
49
|
+
var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
|
|
50
|
+
once: true
|
|
52
51
|
});
|
|
52
|
+
if (import_tamagui.isWeb && !hasIntersected) {
|
|
53
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
54
|
+
ref
|
|
55
|
+
});
|
|
56
|
+
}
|
|
53
57
|
var _props_children;
|
|
54
58
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
55
59
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","import_tamagui","import_useOnIntersecting","props","ref","default","useRef","key","setKey","useState","hasIntersected","useIsIntersecting","once","isWeb","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","transition","elevation","size","bg","rounded"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","import_tamagui","import_useOnIntersecting","props","ref","default","useRef","key","setKey","useState","hasIntersected","useIsIntersecting","once","isWeb","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","transition","elevation","size","bg","rounded","LogoIcon","downscale"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAAA;AAClB,IAAAK,kBAAyB,GAAAC,OAAA;AAEzB,IAAAC,YAAA,GAAAC,OAA8C,CAAAF,OAAA;AAE9C,IAAAG,WAAA,GAAAH,OAAA,gBAAkC;AAQvB,IAAAI,cAAA,GAAAJ,OAAA;AANJ,IAAAK,wBAAS,GAAoBL,OAAY;AAC9C,SAAMJ,mBAAMA,CAAAU,KAAA,EAAM;EAClB,IAAAC,GAAO,GAAAN,YAAe,CAAAO,OAAA,CAAAC,MAAA,MAAM;EAC5B,KAAAC,GAAM,EAAAC,MAAA,IAAAV,YAAiB,CAAAO,OAAA,CAAAI,QAAA;EAEvB,IAAIC,cAAA,OAAAR,wBAA0B,CAAAS,iBAAA,EAAAP,GAAA;IAC5BQ,IAAA;EACF;EAEA,IAAAX,cACE,CAAAY,KAAA,KAAAH,cAAA;IACE,0BAAAd,kBAAA,CAAAkB,GAAA,EAAAb,cAAA,CAAAc,MAAA;MAACX;IAAA;EAAA;EAEa,IAAAY,eACH;EAAA,sBACJ,IAAApB,kBAAA,CAAAqB,IAAA,EAAArB,kBAAA,CAAAsB,QAAA;IAAAC,QACH,GAAS,eACX,IAAAvB,kBAAA,CAAAkB,GAAA,EAAAb,cAAA,CAAAmB,MAAA;MACAC,UAAA,EAAW;QACXC,KAAA,KAAU;QACVC,CAAA,GAAM;QACNC,OAAS;MACT;MACAC,UAAG;MACHC,SAAG;MACHC,IAAA,KAAQ;MAEPH,OAAA;MAA6CF,KAAA;MAfzCC,CAAA;MAgBPK,EAAA;MAEAC,OAAA;MAGFV,QAAA,GAAAH,eAAA,GAAAb,KAAA,CAAAgB,QAAA,cAAAH,eAAA,cAAAA,eAAA,sBAAApB,kBAAA,CAAAkB,GAAA,EAAAd,WAAA,CAAA8B,QAAA;QAEJC,SAAA","ignoreList":[]}
|
|
@@ -3,29 +3,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var AnimationsHoverDemo_exports = {};
|
|
22
24
|
__export(AnimationsHoverDemo_exports, {
|
|
23
25
|
AnimationsHoverDemo: () => AnimationsHoverDemo
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
26
|
-
var import_logo = require("@tamagui/logo")
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
var import_logo = require("@tamagui/logo");
|
|
29
|
+
var import_tamagui = require("tamagui");
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
31
|
function AnimationsHoverDemo() {
|
|
30
32
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
31
33
|
borderColor: "$borderColor",
|
|
@@ -5,29 +5,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var AnimationsHoverDemo_exports = {};
|
|
24
26
|
__export(AnimationsHoverDemo_exports, {
|
|
25
27
|
AnimationsHoverDemo: () => AnimationsHoverDemo
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_logo = require("@tamagui/logo");
|
|
32
|
+
var import_tamagui = require("tamagui");
|
|
31
33
|
function AnimationsHoverDemo() {
|
|
32
34
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
33
35
|
borderColor: "$borderColor",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_tamagui","jsx","Square","borderColor","transition","elevation","bg","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_tamagui","jsx","Square","borderColor","transition","elevation","bg","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,2BAAA;AACzB,IAAAK,kBAAuB,GAAAC,OAAA;AAkBjB,IAAAC,WAAA,GAAAD,OAAA;AAhBC,IAAAE,cAAS,GAAAF,OAAA,UAAsB;AACpC,SACEJ,oBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAE,MAAA;IAAAC,WAAA;IAAAC,UACC,UAAY;IAAAC,SACZ,MAAW;IAAAC,EACX,WAAU;IAAAC,IACV,EAAG;IAAAC,OACH,EAAM;IAAAC,UACN,EAAQ;MACRC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAf,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAc,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}
|