@tamagui/demos 1.13.3 → 1.13.4
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/AddThemeDemo.js +1 -59
- package/dist/cjs/AddThemeDemo.js.map +2 -2
- package/dist/cjs/AlertDialogDemo.js +1 -76
- package/dist/cjs/AlertDialogDemo.js.map +2 -2
- package/dist/cjs/AnimationsDemo.js +1 -113
- package/dist/cjs/AnimationsDemo.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.js +1 -63
- package/dist/cjs/AnimationsEnterDemo.js.map +2 -2
- package/dist/cjs/AnimationsHoverDemo.js +1 -49
- package/dist/cjs/AnimationsHoverDemo.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.js +1 -96
- package/dist/cjs/AnimationsPresenceDemo.js.map +2 -2
- package/dist/cjs/AnimationsTimingDemo.js +1 -49
- package/dist/cjs/AnimationsTimingDemo.js.map +2 -2
- package/dist/cjs/AvatarDemo.js +1 -53
- package/dist/cjs/AvatarDemo.js.map +2 -2
- package/dist/cjs/ButtonDemo.js +1 -48
- package/dist/cjs/ButtonDemo.js.map +2 -2
- package/dist/cjs/CardDemo.js +1 -69
- package/dist/cjs/CardDemo.js.map +2 -2
- package/dist/cjs/CheckboxDemo.js +1 -44
- package/dist/cjs/CheckboxDemo.js.map +2 -2
- package/dist/cjs/ColorsDemo.js +1 -112
- package/dist/cjs/ColorsDemo.js.map +2 -2
- package/dist/cjs/DialogDemo.js +1 -85
- package/dist/cjs/DialogDemo.js.map +2 -2
- package/dist/cjs/FormsDemo.js +1 -59
- package/dist/cjs/FormsDemo.js.map +2 -2
- package/dist/cjs/GroupDemo.js +1 -48
- package/dist/cjs/GroupDemo.js.map +2 -2
- package/dist/cjs/HeadingsDemo.js +1 -39
- package/dist/cjs/HeadingsDemo.js.map +2 -2
- package/dist/cjs/ImageDemo.js +1 -32
- package/dist/cjs/ImageDemo.js.map +2 -2
- package/dist/cjs/InputsDemo.js +1 -43
- package/dist/cjs/InputsDemo.js.map +2 -2
- package/dist/cjs/LabelDemo.js +1 -41
- package/dist/cjs/LabelDemo.js.map +2 -2
- package/dist/cjs/LinearGradientDemo.js +1 -56
- package/dist/cjs/LinearGradientDemo.js.map +2 -2
- package/dist/cjs/ListItemDemo.js +1 -70
- package/dist/cjs/ListItemDemo.js.map +2 -2
- package/dist/cjs/LucideIconsDemo.js +1 -66
- package/dist/cjs/LucideIconsDemo.js.map +2 -2
- package/dist/cjs/PopoverDemo.js +1 -92
- package/dist/cjs/PopoverDemo.js.map +2 -2
- package/dist/cjs/ProgressDemo.js +1 -71
- package/dist/cjs/ProgressDemo.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.js +1 -43
- package/dist/cjs/RadioGroupDemo.js.map +2 -2
- package/dist/cjs/ScrollViewDemo.js +1 -41
- package/dist/cjs/ScrollViewDemo.js.map +2 -2
- package/dist/cjs/SelectDemo.js +1 -103
- package/dist/cjs/SelectDemo.js.map +2 -2
- package/dist/cjs/SeparatorDemo.js +1 -43
- package/dist/cjs/SeparatorDemo.js.map +2 -2
- package/dist/cjs/ShapesDemo.js +1 -35
- package/dist/cjs/ShapesDemo.js.map +2 -2
- package/dist/cjs/SheetDemo.js +1 -103
- package/dist/cjs/SheetDemo.js.map +2 -2
- package/dist/cjs/SliderDemo.js +1 -42
- package/dist/cjs/SliderDemo.js.map +2 -2
- package/dist/cjs/SpinnerDemo.js +1 -35
- package/dist/cjs/SpinnerDemo.js.map +2 -2
- package/dist/cjs/StacksDemo.js +1 -81
- package/dist/cjs/StacksDemo.js.map +2 -2
- package/dist/cjs/SwitchDemo.js +1 -55
- package/dist/cjs/SwitchDemo.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.js +1 -282
- package/dist/cjs/TabsAdvancedDemo.js.map +2 -2
- package/dist/cjs/TabsDemo.js +1 -146
- package/dist/cjs/TabsDemo.js.map +2 -2
- package/dist/cjs/TextDemo.js +1 -39
- package/dist/cjs/TextDemo.js.map +2 -2
- package/dist/cjs/ThemeInverseDemo.js +1 -43
- package/dist/cjs/ThemeInverseDemo.js.map +2 -2
- package/dist/cjs/ToastDemo.js +1 -128
- package/dist/cjs/ToastDemo.js.map +3 -3
- package/dist/cjs/ToastDuplicateDemo.js +1 -77
- package/dist/cjs/ToastDuplicateDemo.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.js +1 -72
- package/dist/cjs/ToggleGroupDemo.js.map +2 -2
- package/dist/cjs/TokensDemo.js +1 -110
- package/dist/cjs/TokensDemo.js.map +2 -2
- package/dist/cjs/TooltipDemo.js +1 -79
- package/dist/cjs/TooltipDemo.js.map +2 -2
- package/dist/cjs/UpdateThemeDemo.js +1 -79
- package/dist/cjs/UpdateThemeDemo.js.map +2 -2
- package/dist/cjs/conf.js +1 -28
- package/dist/cjs/conf.js.map +2 -2
- package/dist/cjs/index.js +1 -159
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/tamagui.config.js +1 -27
- package/dist/cjs/tamagui.config.js.map +2 -2
- package/dist/cjs/useOnIntersecting.js +1 -92
- package/dist/cjs/useOnIntersecting.js.map +2 -2
- package/dist/esm/AddThemeDemo.js +1 -35
- package/dist/esm/AddThemeDemo.js.map +2 -2
- package/dist/esm/AddThemeDemo.mjs +1 -35
- package/dist/esm/AddThemeDemo.mjs.map +2 -2
- package/dist/esm/AlertDialogDemo.js +1 -52
- package/dist/esm/AlertDialogDemo.js.map +2 -2
- package/dist/esm/AlertDialogDemo.mjs +1 -52
- package/dist/esm/AlertDialogDemo.mjs.map +2 -2
- package/dist/esm/AnimationsDemo.js +1 -88
- package/dist/esm/AnimationsDemo.js.map +2 -2
- package/dist/esm/AnimationsDemo.mjs +1 -88
- package/dist/esm/AnimationsDemo.mjs.map +2 -2
- package/dist/esm/AnimationsEnterDemo.js +1 -39
- package/dist/esm/AnimationsEnterDemo.js.map +2 -2
- package/dist/esm/AnimationsEnterDemo.mjs +1 -39
- package/dist/esm/AnimationsEnterDemo.mjs.map +2 -2
- package/dist/esm/AnimationsHoverDemo.js +1 -25
- package/dist/esm/AnimationsHoverDemo.js.map +2 -2
- package/dist/esm/AnimationsHoverDemo.mjs +1 -25
- package/dist/esm/AnimationsHoverDemo.mjs.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.js +1 -61
- package/dist/esm/AnimationsPresenceDemo.js.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -61
- package/dist/esm/AnimationsPresenceDemo.mjs.map +2 -2
- package/dist/esm/AnimationsTimingDemo.js +1 -25
- package/dist/esm/AnimationsTimingDemo.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.mjs +1 -25
- package/dist/esm/AnimationsTimingDemo.mjs.map +2 -2
- package/dist/esm/AvatarDemo.js +1 -29
- package/dist/esm/AvatarDemo.js.map +2 -2
- package/dist/esm/AvatarDemo.mjs +1 -29
- package/dist/esm/AvatarDemo.mjs.map +2 -2
- package/dist/esm/ButtonDemo.js +1 -24
- package/dist/esm/ButtonDemo.js.map +2 -2
- package/dist/esm/ButtonDemo.mjs +1 -24
- package/dist/esm/ButtonDemo.mjs.map +2 -2
- package/dist/esm/CardDemo.js +1 -45
- package/dist/esm/CardDemo.js.map +2 -2
- package/dist/esm/CardDemo.mjs +1 -45
- package/dist/esm/CardDemo.mjs.map +2 -2
- package/dist/esm/CheckboxDemo.js +1 -20
- package/dist/esm/CheckboxDemo.js.map +2 -2
- package/dist/esm/CheckboxDemo.mjs +1 -20
- package/dist/esm/CheckboxDemo.mjs.map +2 -2
- package/dist/esm/ColorsDemo.js +1 -97
- package/dist/esm/ColorsDemo.js.map +2 -2
- package/dist/esm/ColorsDemo.mjs +1 -97
- package/dist/esm/ColorsDemo.mjs.map +2 -2
- package/dist/esm/DialogDemo.js +1 -73
- package/dist/esm/DialogDemo.js.map +2 -2
- package/dist/esm/DialogDemo.mjs +1 -73
- package/dist/esm/DialogDemo.mjs.map +2 -2
- package/dist/esm/FormsDemo.js +1 -35
- package/dist/esm/FormsDemo.js.map +2 -2
- package/dist/esm/FormsDemo.mjs +1 -35
- package/dist/esm/FormsDemo.mjs.map +2 -2
- package/dist/esm/GroupDemo.js +1 -24
- package/dist/esm/GroupDemo.js.map +2 -2
- package/dist/esm/GroupDemo.mjs +1 -24
- package/dist/esm/GroupDemo.mjs.map +2 -2
- package/dist/esm/HeadingsDemo.js +1 -15
- package/dist/esm/HeadingsDemo.js.map +2 -2
- package/dist/esm/HeadingsDemo.mjs +1 -15
- package/dist/esm/HeadingsDemo.mjs.map +2 -2
- package/dist/esm/ImageDemo.js +1 -8
- package/dist/esm/ImageDemo.js.map +2 -2
- package/dist/esm/ImageDemo.mjs +1 -8
- package/dist/esm/ImageDemo.mjs.map +2 -2
- package/dist/esm/InputsDemo.js +1 -19
- package/dist/esm/InputsDemo.js.map +2 -2
- package/dist/esm/InputsDemo.mjs +1 -19
- package/dist/esm/InputsDemo.mjs.map +2 -2
- package/dist/esm/LabelDemo.js +1 -17
- package/dist/esm/LabelDemo.js.map +2 -2
- package/dist/esm/LabelDemo.mjs +1 -17
- package/dist/esm/LabelDemo.mjs.map +2 -2
- package/dist/esm/LinearGradientDemo.js +1 -32
- package/dist/esm/LinearGradientDemo.js.map +2 -2
- package/dist/esm/LinearGradientDemo.mjs +1 -32
- package/dist/esm/LinearGradientDemo.mjs.map +2 -2
- package/dist/esm/ListItemDemo.js +1 -46
- package/dist/esm/ListItemDemo.js.map +2 -2
- package/dist/esm/ListItemDemo.mjs +1 -46
- package/dist/esm/ListItemDemo.mjs.map +2 -2
- package/dist/esm/LucideIconsDemo.js +1 -32
- package/dist/esm/LucideIconsDemo.js.map +2 -2
- package/dist/esm/LucideIconsDemo.mjs +1 -32
- package/dist/esm/LucideIconsDemo.mjs.map +2 -2
- package/dist/esm/PopoverDemo.js +1 -75
- package/dist/esm/PopoverDemo.js.map +2 -2
- package/dist/esm/PopoverDemo.mjs +1 -75
- package/dist/esm/PopoverDemo.mjs.map +2 -2
- package/dist/esm/ProgressDemo.js +1 -47
- package/dist/esm/ProgressDemo.js.map +2 -2
- package/dist/esm/ProgressDemo.mjs +1 -47
- package/dist/esm/ProgressDemo.mjs.map +2 -2
- package/dist/esm/RadioGroupDemo.js +1 -19
- package/dist/esm/RadioGroupDemo.js.map +2 -2
- package/dist/esm/RadioGroupDemo.mjs +1 -19
- package/dist/esm/RadioGroupDemo.mjs.map +2 -2
- package/dist/esm/ScrollViewDemo.js +1 -17
- package/dist/esm/ScrollViewDemo.js.map +2 -2
- package/dist/esm/ScrollViewDemo.mjs +1 -17
- package/dist/esm/ScrollViewDemo.mjs.map +2 -2
- package/dist/esm/SelectDemo.js +1 -79
- package/dist/esm/SelectDemo.js.map +2 -2
- package/dist/esm/SelectDemo.mjs +1 -79
- package/dist/esm/SelectDemo.mjs.map +2 -2
- package/dist/esm/SeparatorDemo.js +1 -19
- package/dist/esm/SeparatorDemo.js.map +2 -2
- package/dist/esm/SeparatorDemo.mjs +1 -19
- package/dist/esm/SeparatorDemo.mjs.map +2 -2
- package/dist/esm/ShapesDemo.js +1 -11
- package/dist/esm/ShapesDemo.js.map +2 -2
- package/dist/esm/ShapesDemo.mjs +1 -11
- package/dist/esm/ShapesDemo.mjs.map +2 -2
- package/dist/esm/SheetDemo.js +1 -79
- package/dist/esm/SheetDemo.js.map +2 -2
- package/dist/esm/SheetDemo.mjs +1 -79
- package/dist/esm/SheetDemo.mjs.map +2 -2
- package/dist/esm/SliderDemo.js +1 -18
- package/dist/esm/SliderDemo.js.map +2 -2
- package/dist/esm/SliderDemo.mjs +1 -18
- package/dist/esm/SliderDemo.mjs.map +2 -2
- package/dist/esm/SpinnerDemo.js +1 -11
- package/dist/esm/SpinnerDemo.js.map +2 -2
- package/dist/esm/SpinnerDemo.mjs +1 -11
- package/dist/esm/SpinnerDemo.mjs.map +2 -2
- package/dist/esm/StacksDemo.js +1 -57
- package/dist/esm/StacksDemo.js.map +2 -2
- package/dist/esm/StacksDemo.mjs +1 -57
- package/dist/esm/StacksDemo.mjs.map +2 -2
- package/dist/esm/SwitchDemo.js +1 -31
- package/dist/esm/SwitchDemo.js.map +2 -2
- package/dist/esm/SwitchDemo.mjs +1 -31
- package/dist/esm/SwitchDemo.mjs.map +2 -2
- package/dist/esm/TabsAdvancedDemo.js +1 -268
- package/dist/esm/TabsAdvancedDemo.js.map +2 -2
- package/dist/esm/TabsAdvancedDemo.mjs +1 -268
- package/dist/esm/TabsAdvancedDemo.mjs.map +2 -2
- package/dist/esm/TabsDemo.js +1 -130
- package/dist/esm/TabsDemo.js.map +2 -2
- package/dist/esm/TabsDemo.mjs +1 -130
- package/dist/esm/TabsDemo.mjs.map +2 -2
- package/dist/esm/TextDemo.js +1 -15
- package/dist/esm/TextDemo.js.map +2 -2
- package/dist/esm/TextDemo.mjs +1 -15
- package/dist/esm/TextDemo.mjs.map +2 -2
- package/dist/esm/ThemeInverseDemo.js +1 -19
- package/dist/esm/ThemeInverseDemo.js.map +2 -2
- package/dist/esm/ThemeInverseDemo.mjs +1 -19
- package/dist/esm/ThemeInverseDemo.mjs.map +2 -2
- package/dist/esm/ToastDemo.js +1 -94
- package/dist/esm/ToastDemo.js.map +3 -3
- package/dist/esm/ToastDemo.mjs +1 -94
- package/dist/esm/ToastDemo.mjs.map +3 -3
- package/dist/esm/ToastDuplicateDemo.js +1 -43
- package/dist/esm/ToastDuplicateDemo.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.mjs +1 -43
- package/dist/esm/ToastDuplicateDemo.mjs.map +2 -2
- package/dist/esm/ToggleGroupDemo.js +1 -48
- package/dist/esm/ToggleGroupDemo.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.mjs +1 -48
- package/dist/esm/ToggleGroupDemo.mjs.map +2 -2
- package/dist/esm/TokensDemo.js +1 -86
- package/dist/esm/TokensDemo.js.map +2 -2
- package/dist/esm/TokensDemo.mjs +1 -86
- package/dist/esm/TokensDemo.mjs.map +2 -2
- package/dist/esm/TooltipDemo.js +1 -68
- package/dist/esm/TooltipDemo.js.map +2 -2
- package/dist/esm/TooltipDemo.mjs +1 -68
- package/dist/esm/TooltipDemo.mjs.map +2 -2
- package/dist/esm/UpdateThemeDemo.js +1 -53
- package/dist/esm/UpdateThemeDemo.js.map +2 -2
- package/dist/esm/UpdateThemeDemo.mjs +1 -53
- package/dist/esm/UpdateThemeDemo.mjs.map +2 -2
- package/dist/esm/conf.js +1 -4
- package/dist/esm/conf.js.map +1 -1
- package/dist/esm/conf.mjs +1 -4
- package/dist/esm/conf.mjs.map +1 -1
- package/dist/esm/index.js +1 -91
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/index.mjs +1 -91
- package/dist/esm/index.mjs.map +2 -2
- package/dist/esm/tamagui.config.js +1 -5
- package/dist/esm/tamagui.config.js.map +2 -2
- package/dist/esm/tamagui.config.mjs +1 -5
- package/dist/esm/tamagui.config.mjs.map +2 -2
- package/dist/esm/useOnIntersecting.js +1 -67
- package/dist/esm/useOnIntersecting.js.map +2 -2
- package/dist/esm/useOnIntersecting.mjs +1 -67
- package/dist/esm/useOnIntersecting.mjs.map +2 -2
- package/dist/jsx/AddThemeDemo.js +1 -30
- package/dist/jsx/AddThemeDemo.js.map +2 -2
- package/dist/jsx/AddThemeDemo.mjs +1 -30
- package/dist/jsx/AddThemeDemo.mjs.map +2 -2
- package/dist/jsx/AlertDialogDemo.js +1 -44
- package/dist/jsx/AlertDialogDemo.js.map +2 -2
- package/dist/jsx/AlertDialogDemo.mjs +1 -44
- package/dist/jsx/AlertDialogDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsDemo.js +1 -80
- package/dist/jsx/AnimationsDemo.js.map +2 -2
- package/dist/jsx/AnimationsDemo.mjs +1 -80
- package/dist/jsx/AnimationsDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.js +1 -34
- package/dist/jsx/AnimationsEnterDemo.js.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.mjs +1 -34
- package/dist/jsx/AnimationsEnterDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsHoverDemo.js +1 -20
- package/dist/jsx/AnimationsHoverDemo.js.map +2 -2
- package/dist/jsx/AnimationsHoverDemo.mjs +1 -20
- package/dist/jsx/AnimationsHoverDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.js +1 -54
- package/dist/jsx/AnimationsPresenceDemo.js.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.mjs +1 -54
- package/dist/jsx/AnimationsPresenceDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.js +1 -20
- package/dist/jsx/AnimationsTimingDemo.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.mjs +1 -20
- package/dist/jsx/AnimationsTimingDemo.mjs.map +2 -2
- package/dist/jsx/AvatarDemo.js +1 -22
- package/dist/jsx/AvatarDemo.js.map +2 -2
- package/dist/jsx/AvatarDemo.mjs +1 -22
- package/dist/jsx/AvatarDemo.mjs.map +2 -2
- package/dist/jsx/ButtonDemo.js +1 -23
- package/dist/jsx/ButtonDemo.js.map +2 -2
- package/dist/jsx/ButtonDemo.mjs +1 -23
- package/dist/jsx/ButtonDemo.mjs.map +2 -2
- package/dist/jsx/CardDemo.js +1 -38
- package/dist/jsx/CardDemo.js.map +2 -2
- package/dist/jsx/CardDemo.mjs +1 -38
- package/dist/jsx/CardDemo.mjs.map +2 -2
- package/dist/jsx/CheckboxDemo.js +1 -19
- package/dist/jsx/CheckboxDemo.js.map +2 -2
- package/dist/jsx/CheckboxDemo.mjs +1 -19
- package/dist/jsx/CheckboxDemo.mjs.map +2 -2
- package/dist/jsx/ColorsDemo.js +1 -85
- package/dist/jsx/ColorsDemo.js.map +2 -2
- package/dist/jsx/ColorsDemo.mjs +1 -85
- package/dist/jsx/ColorsDemo.mjs.map +2 -2
- package/dist/jsx/DialogDemo.js +1 -65
- package/dist/jsx/DialogDemo.js.map +2 -2
- package/dist/jsx/DialogDemo.mjs +1 -65
- package/dist/jsx/DialogDemo.mjs.map +2 -2
- package/dist/jsx/FormsDemo.js +1 -30
- package/dist/jsx/FormsDemo.js.map +2 -2
- package/dist/jsx/FormsDemo.mjs +1 -30
- package/dist/jsx/FormsDemo.mjs.map +2 -2
- package/dist/jsx/GroupDemo.js +1 -23
- package/dist/jsx/GroupDemo.js.map +2 -2
- package/dist/jsx/GroupDemo.mjs +1 -23
- package/dist/jsx/GroupDemo.mjs.map +2 -2
- package/dist/jsx/HeadingsDemo.js +1 -14
- package/dist/jsx/HeadingsDemo.js.map +2 -2
- package/dist/jsx/HeadingsDemo.mjs +1 -14
- package/dist/jsx/HeadingsDemo.mjs.map +2 -2
- package/dist/jsx/ImageDemo.js +1 -7
- package/dist/jsx/ImageDemo.js.map +2 -2
- package/dist/jsx/ImageDemo.mjs +1 -7
- package/dist/jsx/ImageDemo.mjs.map +2 -2
- package/dist/jsx/InputsDemo.js +1 -18
- package/dist/jsx/InputsDemo.js.map +2 -2
- package/dist/jsx/InputsDemo.mjs +1 -18
- package/dist/jsx/InputsDemo.mjs.map +2 -2
- package/dist/jsx/LabelDemo.js +1 -16
- package/dist/jsx/LabelDemo.js.map +2 -2
- package/dist/jsx/LabelDemo.mjs +1 -16
- package/dist/jsx/LabelDemo.mjs.map +2 -2
- package/dist/jsx/LinearGradientDemo.js +1 -25
- package/dist/jsx/LinearGradientDemo.js.map +2 -2
- package/dist/jsx/LinearGradientDemo.mjs +1 -25
- package/dist/jsx/LinearGradientDemo.mjs.map +2 -2
- package/dist/jsx/ListItemDemo.js +1 -39
- package/dist/jsx/ListItemDemo.js.map +2 -2
- package/dist/jsx/ListItemDemo.mjs +1 -39
- package/dist/jsx/ListItemDemo.mjs.map +2 -2
- package/dist/jsx/LucideIconsDemo.js +1 -31
- package/dist/jsx/LucideIconsDemo.js.map +2 -2
- package/dist/jsx/LucideIconsDemo.mjs +1 -31
- package/dist/jsx/LucideIconsDemo.mjs.map +2 -2
- package/dist/jsx/PopoverDemo.js +1 -66
- package/dist/jsx/PopoverDemo.js.map +2 -2
- package/dist/jsx/PopoverDemo.mjs +1 -66
- package/dist/jsx/PopoverDemo.mjs.map +2 -2
- package/dist/jsx/ProgressDemo.js +1 -42
- package/dist/jsx/ProgressDemo.js.map +2 -2
- package/dist/jsx/ProgressDemo.mjs +1 -42
- package/dist/jsx/ProgressDemo.mjs.map +2 -2
- package/dist/jsx/RadioGroupDemo.js +1 -18
- package/dist/jsx/RadioGroupDemo.js.map +2 -2
- package/dist/jsx/RadioGroupDemo.mjs +1 -18
- package/dist/jsx/RadioGroupDemo.mjs.map +2 -2
- package/dist/jsx/ScrollViewDemo.js +1 -16
- package/dist/jsx/ScrollViewDemo.js.map +2 -2
- package/dist/jsx/ScrollViewDemo.mjs +1 -16
- package/dist/jsx/ScrollViewDemo.mjs.map +2 -2
- package/dist/jsx/SelectDemo.js +1 -72
- package/dist/jsx/SelectDemo.js.map +2 -2
- package/dist/jsx/SelectDemo.mjs +1 -72
- package/dist/jsx/SelectDemo.mjs.map +2 -2
- package/dist/jsx/SeparatorDemo.js +1 -18
- package/dist/jsx/SeparatorDemo.js.map +2 -2
- package/dist/jsx/SeparatorDemo.mjs +1 -18
- package/dist/jsx/SeparatorDemo.mjs.map +2 -2
- package/dist/jsx/ShapesDemo.js +1 -10
- package/dist/jsx/ShapesDemo.js.map +2 -2
- package/dist/jsx/ShapesDemo.mjs +1 -10
- package/dist/jsx/ShapesDemo.mjs.map +2 -2
- package/dist/jsx/SheetDemo.js +1 -65
- package/dist/jsx/SheetDemo.js.map +2 -2
- package/dist/jsx/SheetDemo.mjs +1 -65
- package/dist/jsx/SheetDemo.mjs.map +2 -2
- package/dist/jsx/SliderDemo.js +1 -17
- package/dist/jsx/SliderDemo.js.map +2 -2
- package/dist/jsx/SliderDemo.mjs +1 -17
- package/dist/jsx/SliderDemo.mjs.map +2 -2
- package/dist/jsx/SpinnerDemo.js +1 -10
- package/dist/jsx/SpinnerDemo.js.map +2 -2
- package/dist/jsx/SpinnerDemo.mjs +1 -10
- package/dist/jsx/SpinnerDemo.mjs.map +2 -2
- package/dist/jsx/StacksDemo.js +1 -45
- package/dist/jsx/StacksDemo.js.map +2 -2
- package/dist/jsx/StacksDemo.mjs +1 -45
- package/dist/jsx/StacksDemo.mjs.map +2 -2
- package/dist/jsx/SwitchDemo.js +1 -26
- package/dist/jsx/SwitchDemo.js.map +2 -2
- package/dist/jsx/SwitchDemo.mjs +1 -26
- package/dist/jsx/SwitchDemo.mjs.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.js +1 -219
- package/dist/jsx/TabsAdvancedDemo.js.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.mjs +1 -219
- package/dist/jsx/TabsAdvancedDemo.mjs.map +2 -2
- package/dist/jsx/TabsDemo.js +1 -105
- package/dist/jsx/TabsDemo.js.map +2 -2
- package/dist/jsx/TabsDemo.mjs +1 -105
- package/dist/jsx/TabsDemo.mjs.map +2 -2
- package/dist/jsx/TextDemo.js +1 -14
- package/dist/jsx/TextDemo.js.map +2 -2
- package/dist/jsx/TextDemo.mjs +1 -14
- package/dist/jsx/TextDemo.mjs.map +2 -2
- package/dist/jsx/ThemeInverseDemo.js +1 -18
- package/dist/jsx/ThemeInverseDemo.js.map +2 -2
- package/dist/jsx/ThemeInverseDemo.mjs +1 -18
- package/dist/jsx/ThemeInverseDemo.mjs.map +2 -2
- package/dist/jsx/ToastDemo.js +1 -74
- package/dist/jsx/ToastDemo.js.map +3 -3
- package/dist/jsx/ToastDemo.mjs +1 -74
- package/dist/jsx/ToastDemo.mjs.map +3 -3
- package/dist/jsx/ToastDuplicateDemo.js +1 -34
- package/dist/jsx/ToastDuplicateDemo.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.mjs +1 -34
- package/dist/jsx/ToastDuplicateDemo.mjs.map +2 -2
- package/dist/jsx/ToggleGroupDemo.js +1 -39
- package/dist/jsx/ToggleGroupDemo.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.mjs +1 -39
- package/dist/jsx/ToggleGroupDemo.mjs.map +2 -2
- package/dist/jsx/TokensDemo.js +1 -77
- package/dist/jsx/TokensDemo.js.map +2 -2
- package/dist/jsx/TokensDemo.mjs +1 -77
- package/dist/jsx/TokensDemo.mjs.map +2 -2
- package/dist/jsx/TooltipDemo.js +1 -63
- package/dist/jsx/TooltipDemo.js.map +2 -2
- package/dist/jsx/TooltipDemo.mjs +1 -63
- package/dist/jsx/TooltipDemo.mjs.map +2 -2
- package/dist/jsx/UpdateThemeDemo.js +1 -48
- package/dist/jsx/UpdateThemeDemo.js.map +2 -2
- package/dist/jsx/UpdateThemeDemo.mjs +1 -48
- package/dist/jsx/UpdateThemeDemo.mjs.map +2 -2
- package/dist/jsx/conf.js +1 -4
- package/dist/jsx/conf.js.map +1 -1
- package/dist/jsx/conf.mjs +1 -4
- package/dist/jsx/conf.mjs.map +1 -1
- package/dist/jsx/index.js +1 -91
- package/dist/jsx/index.js.map +2 -2
- package/dist/jsx/index.mjs +1 -91
- package/dist/jsx/index.mjs.map +2 -2
- package/dist/jsx/tamagui.config.js +1 -5
- package/dist/jsx/tamagui.config.js.map +2 -2
- package/dist/jsx/tamagui.config.mjs +1 -5
- package/dist/jsx/tamagui.config.mjs.map +2 -2
- package/dist/jsx/useOnIntersecting.js +1 -67
- package/dist/jsx/useOnIntersecting.js.map +2 -2
- package/dist/jsx/useOnIntersecting.mjs +1 -67
- package/dist/jsx/useOnIntersecting.mjs.map +2 -2
- package/package.json +18 -18
- package/src/ToastDemo.tsx +4 -4
package/dist/cjs/SelectDemo.js
CHANGED
|
@@ -1,104 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var SelectDemo_exports = {};
|
|
20
|
-
__export(SelectDemo_exports, {
|
|
21
|
-
SelectDemo: () => SelectDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(SelectDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_lucide_icons = require("@tamagui/lucide-icons");
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var import_tamagui = require("tamagui");
|
|
28
|
-
var import_linear_gradient = require("tamagui/linear-gradient");
|
|
29
|
-
function SelectDemo() {
|
|
30
|
-
const [val, setVal] = (0, import_react.useState)("apple");
|
|
31
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { id: "food", value: val, onValueChange: setVal, children: [
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 180, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
|
|
36
|
-
] }) }),
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollUpButton, { alignItems: "center", justifyContent: "center", position: "relative", width: "100%", height: "$3", children: [
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
|
|
40
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
41
|
-
import_linear_gradient.LinearGradient,
|
|
42
|
-
{
|
|
43
|
-
start: [0, 0],
|
|
44
|
-
end: [0, 1],
|
|
45
|
-
fullscreen: true,
|
|
46
|
-
colors: ["$background", "$backgroundTransparent"],
|
|
47
|
-
borderRadius: "$4"
|
|
48
|
-
}
|
|
49
|
-
)
|
|
50
|
-
] }),
|
|
51
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, { minWidth: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { space: "$0", children: [
|
|
52
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
|
|
53
|
-
items.map((item, i) => {
|
|
54
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Item, { index: i, value: item.name.toLowerCase(), children: [
|
|
55
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
|
|
56
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
|
|
57
|
-
] }, item.name);
|
|
58
|
-
})
|
|
59
|
-
] }) }),
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollDownButton, { alignItems: "center", justifyContent: "center", position: "relative", width: "100%", height: "$3", children: [
|
|
61
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
|
|
62
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
-
import_linear_gradient.LinearGradient,
|
|
64
|
-
{
|
|
65
|
-
start: [0, 0],
|
|
66
|
-
end: [0, 1],
|
|
67
|
-
fullscreen: true,
|
|
68
|
-
colors: ["$backgroundTransparent", "$background"],
|
|
69
|
-
borderRadius: "$4"
|
|
70
|
-
}
|
|
71
|
-
)
|
|
72
|
-
] })
|
|
73
|
-
] })
|
|
74
|
-
] });
|
|
75
|
-
}
|
|
76
|
-
const items = [
|
|
77
|
-
{ name: "Apple" },
|
|
78
|
-
{ name: "Pear" },
|
|
79
|
-
{ name: "Blackberry" },
|
|
80
|
-
{ name: "Peach" },
|
|
81
|
-
{ name: "Apricot" },
|
|
82
|
-
{ name: "Melon" },
|
|
83
|
-
{ name: "Honeydew" },
|
|
84
|
-
{ name: "Starfruit" },
|
|
85
|
-
{ name: "Blueberry" },
|
|
86
|
-
{ name: "Raspberry" },
|
|
87
|
-
{ name: "Strawberry" },
|
|
88
|
-
{ name: "Mango" },
|
|
89
|
-
{ name: "Pineapple" },
|
|
90
|
-
{ name: "Lime" },
|
|
91
|
-
{ name: "Lemon" },
|
|
92
|
-
{ name: "Coconut" },
|
|
93
|
-
{ name: "Guava" },
|
|
94
|
-
{ name: "Papaya" },
|
|
95
|
-
{ name: "Orange" },
|
|
96
|
-
{ name: "Grape" },
|
|
97
|
-
{ name: "Jackfruit" },
|
|
98
|
-
{ name: "Durian" }
|
|
99
|
-
];
|
|
100
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
101
|
-
0 && (module.exports = {
|
|
102
|
-
SelectDemo
|
|
103
|
-
});
|
|
1
|
+
"use strict";var i=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var d=(a,n)=>{for(var r in n)i(a,r,{get:n[r],enumerable:!0})},h=(a,n,r,m)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of u(n))!S.call(a,l)&&l!==r&&i(a,l,{get:()=>n[l],enumerable:!(m=s(n,l))||m.enumerable});return a};var g=a=>h(i({},"__esModule",{value:!0}),a);var I={};d(I,{SelectDemo:()=>f});module.exports=g(I);var e=require("react/jsx-runtime"),o=require("@tamagui/lucide-icons"),p=require("react"),t=require("tamagui"),c=require("tamagui/linear-gradient");function f(){const[a,n]=(0,p.useState)("apple");return(0,e.jsxs)(t.Select,{id:"food",value:a,onValueChange:n,children:[(0,e.jsx)(t.Select.Trigger,{width:180,iconAfter:o.ChevronDown,children:(0,e.jsx)(t.Select.Value,{placeholder:"Something"})}),(0,e.jsx)(t.Adapt,{when:"sm",platform:"touch",children:(0,e.jsxs)(t.Sheet,{modal:!0,dismissOnSnapToBottom:!0,children:[(0,e.jsx)(t.Sheet.Frame,{children:(0,e.jsx)(t.Sheet.ScrollView,{children:(0,e.jsx)(t.Adapt.Contents,{})})}),(0,e.jsx)(t.Sheet.Overlay,{})]})}),(0,e.jsxs)(t.Select.Content,{zIndex:2e5,children:[(0,e.jsxs)(t.Select.ScrollUpButton,{alignItems:"center",justifyContent:"center",position:"relative",width:"100%",height:"$3",children:[(0,e.jsx)(t.YStack,{zIndex:10,children:(0,e.jsx)(o.ChevronUp,{size:20})}),(0,e.jsx)(c.LinearGradient,{start:[0,0],end:[0,1],fullscreen:!0,colors:["$background","$backgroundTransparent"],borderRadius:"$4"})]}),(0,e.jsx)(t.Select.Viewport,{minWidth:200,children:(0,e.jsxs)(t.Select.Group,{space:"$0",children:[(0,e.jsx)(t.Select.Label,{children:"Fruits"}),w.map((r,m)=>(0,e.jsxs)(t.Select.Item,{index:m,value:r.name.toLowerCase(),children:[(0,e.jsx)(t.Select.ItemText,{children:r.name}),(0,e.jsx)(t.Select.ItemIndicator,{marginLeft:"auto",children:(0,e.jsx)(o.Check,{size:16})})]},r.name))]})}),(0,e.jsxs)(t.Select.ScrollDownButton,{alignItems:"center",justifyContent:"center",position:"relative",width:"100%",height:"$3",children:[(0,e.jsx)(t.YStack,{zIndex:10,children:(0,e.jsx)(o.ChevronDown,{size:20})}),(0,e.jsx)(c.LinearGradient,{start:[0,0],end:[0,1],fullscreen:!0,colors:["$backgroundTransparent","$background"],borderRadius:"$4"})]})]})]})}const w=[{name:"Apple"},{name:"Pear"},{name:"Blackberry"},{name:"Peach"},{name:"Apricot"},{name:"Melon"},{name:"Honeydew"},{name:"Starfruit"},{name:"Blueberry"},{name:"Raspberry"},{name:"Strawberry"},{name:"Mango"},{name:"Pineapple"},{name:"Lime"},{name:"Lemon"},{name:"Coconut"},{name:"Guava"},{name:"Papaya"},{name:"Orange"},{name:"Grape"},{name:"Jackfruit"},{name:"Durian"}];0&&(module.exports={SelectDemo});
|
|
104
2
|
//# sourceMappingURL=SelectDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { useState } from 'react'\nimport { Adapt, Select, Sheet, YStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function SelectDemo() {\n const [val, setVal] = useState('apple')\n return (\n <Select id=\"food\" value={val} onValueChange={setVal}>\n <Select.Trigger width={180} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Adapt when=\"sm\" platform=\"touch\">\n <Sheet modal dismissOnSnapToBottom>\n <Sheet.Frame>\n <Sheet.ScrollView>\n <Adapt.Contents />\n </Sheet.ScrollView>\n </Sheet.Frame>\n <Sheet.Overlay />\n </Sheet>\n </Adapt>\n\n <Select.Content zIndex={200000}>\n <Select.ScrollUpButton alignItems=\"center\" justifyContent=\"center\" position=\"relative\" width=\"100%\" height=\"$3\">\n <YStack zIndex={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n borderRadius=\"$4\"\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group space=\"$0\">\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n <Select.ItemIndicator marginLeft=\"auto\">\n <Check size={16} />\n </Select.ItemIndicator>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton alignItems=\"center\" justifyContent=\"center\" position=\"relative\" width=\"100%\" height=\"$3\">\n <YStack zIndex={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n borderRadius=\"$4\"\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Raspberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAUQ,IAAAI,EAAA,6BAVRC,EAA8C,iCAC9CC,EAAyB,iBACzBC,EAA6C,mBAC7CC,EAA+B,mCAExB,SAASN,GAAa,CAC3B,KAAM,CAACO,EAAKC,CAAM,KAAI,YAAS,OAAO,EACtC,SACE,QAAC,UAAO,GAAG,OAAO,MAAOD,EAAK,cAAeC,EAC3C,oBAAC,SAAO,QAAP,CAAe,MAAO,IAAK,UAAW,cACrC,mBAAC,SAAO,MAAP,CAAa,YAAY,YAAY,EACxC,KAEA,OAAC,SAAM,KAAK,KAAK,SAAS,QACxB,oBAAC,SAAM,MAAK,GAAC,sBAAqB,GAChC,oBAAC,QAAM,MAAN,CACC,mBAAC,QAAM,WAAN,CACC,mBAAC,QAAM,SAAN,EAAe,EAClB,EACF,KACA,OAAC,QAAM,QAAN,EAAc,GACjB,EACF,KAEA,QAAC,SAAO,QAAP,CAAe,OAAQ,IACtB,qBAAC,SAAO,eAAP,CAAsB,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,MAAM,OAAO,OAAO,KACzG,oBAAC,UAAO,OAAQ,GACd,mBAAC,aAAU,KAAM,GAAI,EACvB,KACA,OAAC,kBACC,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACV,WAAU,GACV,OAAQ,CAAC,cAAe,wBAAwB,EAChD,aAAa,KACf,GACF,KAEA,OAAC,SAAO,SAAP,CAAgB,SAAU,IACzB,oBAAC,SAAO,MAAP,CAAa,MAAM,KAClB,oBAAC,SAAO,MAAP,CAAa,kBAAM,EACnBC,EAAM,IAAI,CAACC,EAAMC,OAEd,QAAC,SAAO,KAAP,CAAY,MAAOA,EAAmB,MAAOD,EAAK,KAAK,YAAY,EAClE,oBAAC,SAAO,SAAP,CAAiB,SAAAA,EAAK,KAAK,KAC5B,OAAC,SAAO,cAAP,CAAqB,WAAW,OAC/B,mBAAC,SAAM,KAAM,GAAI,EACnB,IAJ0BA,EAAK,IAKjC,CAEH,GACH,EACF,KAEA,QAAC,SAAO,iBAAP,CAAwB,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,MAAM,OAAO,OAAO,KAC3G,oBAAC,UAAO,OAAQ,GACd,mBAAC,eAAY,KAAM,GAAI,EACzB,KACA,OAAC,kBACC,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACV,WAAU,GACV,OAAQ,CAAC,yBAA0B,aAAa,EAChD,aAAa,KACf,GACF,GACF,GACF,CAEJ,CAEA,MAAMD,EAAQ,CACZ,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,MAAO,EACf,CAAE,KAAM,YAAa,EACrB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,SAAU,EAClB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,UAAW,EACnB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,YAAa,EACrB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,MAAO,EACf,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,SAAU,EAClB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,QAAS,EACjB,CAAE,KAAM,QAAS,EACjB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,QAAS,CACnB",
|
|
6
|
+
"names": ["SelectDemo_exports", "__export", "SelectDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_react", "import_tamagui", "import_linear_gradient", "val", "setVal", "items", "item", "i"]
|
|
7
7
|
}
|
|
@@ -1,44 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var SeparatorDemo_exports = {};
|
|
20
|
-
__export(SeparatorDemo_exports, {
|
|
21
|
-
SeparatorDemo: () => SeparatorDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(SeparatorDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function SeparatorDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: "100%", maxWidth: 300, marginHorizontal: 15, children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { fontWeight: "800", children: "Tamagui" }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "A cross-platform component library." }),
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { marginVertical: 15 }),
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { height: 20, alignItems: "center", children: [
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Blog" }),
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { alignSelf: "stretch", vertical: true, marginHorizontal: 15 }),
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Docs" }),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { alignSelf: "stretch", vertical: true, marginHorizontal: 15 }),
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Source" })
|
|
37
|
-
] })
|
|
38
|
-
] });
|
|
39
|
-
}
|
|
40
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
41
|
-
0 && (module.exports = {
|
|
42
|
-
SeparatorDemo
|
|
43
|
-
});
|
|
1
|
+
"use strict";var g=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var m=(o,t)=>{for(var e in t)g(o,e,{get:t[e],enumerable:!0})},p=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of l(t))!h.call(o,i)&&i!==e&&g(o,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return o};var S=o=>p(g({},"__esModule",{value:!0}),o);var P={};m(P,{SeparatorDemo:()=>f});module.exports=S(P);var r=require("react/jsx-runtime"),a=require("tamagui");function f(){return(0,r.jsxs)(a.YStack,{width:"100%",maxWidth:300,marginHorizontal:15,children:[(0,r.jsx)(a.Paragraph,{fontWeight:"800",children:"Tamagui"}),(0,r.jsx)(a.Paragraph,{children:"A cross-platform component library."}),(0,r.jsx)(a.Separator,{marginVertical:15}),(0,r.jsxs)(a.XStack,{height:20,alignItems:"center",children:[(0,r.jsx)(a.Paragraph,{children:"Blog"}),(0,r.jsx)(a.Separator,{alignSelf:"stretch",vertical:!0,marginHorizontal:15}),(0,r.jsx)(a.Paragraph,{children:"Docs"}),(0,r.jsx)(a.Separator,{alignSelf:"stretch",vertical:!0,marginHorizontal:15}),(0,r.jsx)(a.Paragraph,{children:"Source"})]})]})}0&&(module.exports={SeparatorDemo});
|
|
44
2
|
//# sourceMappingURL=SeparatorDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SeparatorDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { Paragraph, Separator, XStack, YStack } from 'tamagui'\n\nexport function SeparatorDemo() {\n return (\n <YStack width=\"100%\" maxWidth={300} marginHorizontal={15}>\n <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n <Paragraph>A cross-platform component library.</Paragraph>\n <Separator marginVertical={15} />\n <XStack height={20} alignItems=\"center\">\n <Paragraph>Blog</Paragraph>\n <Separator alignSelf=\"stretch\" vertical marginHorizontal={15} />\n <Paragraph>Docs</Paragraph>\n <Separator alignSelf=\"stretch\" vertical marginHorizontal={15} />\n <Paragraph>Source</Paragraph>\n </XStack>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAMM,IAAAI,EAAA,6BALNC,EAAqD,mBAE9C,SAASH,GAAgB,CAC9B,SACE,QAAC,UAAO,MAAM,OAAO,SAAU,IAAK,iBAAkB,GACpD,oBAAC,aAAU,WAAW,MAAM,mBAAO,KACnC,OAAC,aAAU,+CAAmC,KAC9C,OAAC,aAAU,eAAgB,GAAI,KAC/B,QAAC,UAAO,OAAQ,GAAI,WAAW,SAC7B,oBAAC,aAAU,gBAAI,KACf,OAAC,aAAU,UAAU,UAAU,SAAQ,GAAC,iBAAkB,GAAI,KAC9D,OAAC,aAAU,gBAAI,KACf,OAAC,aAAU,UAAU,UAAU,SAAQ,GAAC,iBAAkB,GAAI,KAC9D,OAAC,aAAU,kBAAM,GACnB,GACF,CAEJ",
|
|
6
|
+
"names": ["SeparatorDemo_exports", "__export", "SeparatorDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
|
|
7
7
|
}
|
package/dist/cjs/ShapesDemo.js
CHANGED
|
@@ -1,36 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var ShapesDemo_exports = {};
|
|
20
|
-
__export(ShapesDemo_exports, {
|
|
21
|
-
ShapesDemo: () => ShapesDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(ShapesDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function ShapesDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { padding: "$2", space: "$4", children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { size: 100, backgroundColor: "$color", elevation: "$4" }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { size: 100, backgroundColor: "$color", elevation: "$4" })
|
|
30
|
-
] });
|
|
31
|
-
}
|
|
32
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
33
|
-
0 && (module.exports = {
|
|
34
|
-
ShapesDemo
|
|
35
|
-
});
|
|
1
|
+
"use strict";var l=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var d=(e,o)=>{for(var i in o)l(e,i,{get:o[i],enumerable:!0})},k=(e,o,i,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of $(o))!p.call(e,a)&&a!==i&&l(e,a,{get:()=>o[a],enumerable:!(n=t(o,a))||n.enumerable});return e};var u=e=>k(l({},"__esModule",{value:!0}),e);var g={};d(g,{ShapesDemo:()=>S});module.exports=u(g);var c=require("react/jsx-runtime"),r=require("tamagui");function S(){return(0,c.jsxs)(r.XStack,{padding:"$2",space:"$4",children:[(0,c.jsx)(r.Square,{size:100,backgroundColor:"$color",elevation:"$4"}),(0,c.jsx)(r.Circle,{size:100,backgroundColor:"$color",elevation:"$4"})]})}0&&(module.exports={ShapesDemo});
|
|
36
2
|
//# sourceMappingURL=ShapesDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ShapesDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Circle, Square, XStack } from 'tamagui'\n\nexport function ShapesDemo() {\n return (\n <XStack padding=\"$2\" space=\"$4\">\n <Square size={100} backgroundColor=\"$color\" elevation=\"$4\" />\n <Circle size={100} backgroundColor=\"$color\" elevation=\"$4\" />\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAuC,mBAEhC,SAASH,GAAa,CAC3B,SACE,QAAC,UAAO,QAAQ,KAAK,MAAM,KACzB,oBAAC,UAAO,KAAM,IAAK,gBAAgB,SAAS,UAAU,KAAK,KAC3D,OAAC,UAAO,KAAM,IAAK,gBAAgB,SAAS,UAAU,KAAK,GAC7D,CAEJ",
|
|
6
|
+
"names": ["ShapesDemo_exports", "__export", "ShapesDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
|
|
7
7
|
}
|
package/dist/cjs/SheetDemo.js
CHANGED
|
@@ -1,104 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var SheetDemo_exports = {};
|
|
20
|
-
__export(SheetDemo_exports, {
|
|
21
|
-
SheetDemo: () => SheetDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(SheetDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_lucide_icons = require("@tamagui/lucide-icons");
|
|
26
|
-
var import_sheet = require("@tamagui/sheet");
|
|
27
|
-
var import_react = require("react");
|
|
28
|
-
var import_tamagui = require("tamagui");
|
|
29
|
-
const SheetDemo = () => {
|
|
30
|
-
const [position, setPosition] = (0, import_react.useState)(0);
|
|
31
|
-
const [open, setOpen] = (0, import_react.useState)(false);
|
|
32
|
-
const [modal, setModal] = (0, import_react.useState)(false);
|
|
33
|
-
const [innerOpen, setInnerOpen] = (0, import_react.useState)(false);
|
|
34
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setOpen(true), children: "Open" }),
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setModal((x) => !x), children: modal ? "Type: Modal" : "Type: Inline" })
|
|
38
|
-
] }),
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
40
|
-
import_sheet.Sheet,
|
|
41
|
-
{
|
|
42
|
-
forceRemoveScrollEnabled: open,
|
|
43
|
-
modal,
|
|
44
|
-
open,
|
|
45
|
-
onOpenChange: setOpen,
|
|
46
|
-
snapPoints: [85, 50, 25],
|
|
47
|
-
dismissOnSnapToBottom: true,
|
|
48
|
-
position,
|
|
49
|
-
onPositionChange: setPosition,
|
|
50
|
-
zIndex: 1e5,
|
|
51
|
-
animation: "bouncy",
|
|
52
|
-
children: [
|
|
53
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {}),
|
|
54
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
|
|
55
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.Frame, { flex: 1, padding: "$4", justifyContent: "center", alignItems: "center", space: "$5", children: [
|
|
56
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$6", circular: true, icon: import_lucide_icons.ChevronDown, onPress: () => setOpen(false) }),
|
|
57
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { width: 200 }),
|
|
58
|
-
modal && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
59
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
61
|
-
import_tamagui.Button,
|
|
62
|
-
{
|
|
63
|
-
size: "$6",
|
|
64
|
-
circular: true,
|
|
65
|
-
icon: import_lucide_icons.ChevronUp,
|
|
66
|
-
onPress: () => setInnerOpen(true)
|
|
67
|
-
}
|
|
68
|
-
)
|
|
69
|
-
] })
|
|
70
|
-
] })
|
|
71
|
-
]
|
|
72
|
-
}
|
|
73
|
-
)
|
|
74
|
-
] });
|
|
75
|
-
};
|
|
76
|
-
function InnerSheet(props) {
|
|
77
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, { modal: true, snapPoints: [90], dismissOnSnapToBottom: true, ...props, children: [
|
|
78
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {}),
|
|
79
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
|
|
80
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, { flex: 1, justifyContent: "center", alignItems: "center", space: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.ScrollView, { padding: "$4", space: true, children: [
|
|
81
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
82
|
-
import_tamagui.Button,
|
|
83
|
-
{
|
|
84
|
-
size: "$8",
|
|
85
|
-
circular: true,
|
|
86
|
-
alignSelf: "center",
|
|
87
|
-
icon: import_lucide_icons.ChevronDown,
|
|
88
|
-
onPress: () => {
|
|
89
|
-
var _a;
|
|
90
|
-
return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, false);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
),
|
|
94
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, { children: "Hello world" }),
|
|
95
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "You can scroll me" }),
|
|
96
|
-
[1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$10", children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint." }, i))
|
|
97
|
-
] }) })
|
|
98
|
-
] });
|
|
99
|
-
}
|
|
100
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
101
|
-
0 && (module.exports = {
|
|
102
|
-
SheetDemo
|
|
103
|
-
});
|
|
1
|
+
"use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var P=(t,n)=>{for(var r in n)p(t,r,{get:n[r],enumerable:!0})},O=(t,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of S(n))!g.call(t,i)&&i!==r&&p(t,i,{get:()=>n[i],enumerable:!(s=h(n,i))||s.enumerable});return t};var v=t=>O(p({},"__esModule",{value:!0}),t);var I={};P(I,{SheetDemo:()=>y});module.exports=v(I);var e=require("react/jsx-runtime"),c=require("@tamagui/lucide-icons"),a=require("@tamagui/sheet"),l=require("react"),o=require("tamagui");const y=()=>{const[t,n]=(0,l.useState)(0),[r,s]=(0,l.useState)(!1),[i,m]=(0,l.useState)(!1),[d,u]=(0,l.useState)(!1);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(o.XStack,{space:!0,children:[(0,e.jsx)(o.Button,{onPress:()=>s(!0),children:"Open"}),(0,e.jsx)(o.Button,{onPress:()=>m(f=>!f),children:i?"Type: Modal":"Type: Inline"})]}),(0,e.jsxs)(a.Sheet,{forceRemoveScrollEnabled:r,modal:i,open:r,onOpenChange:s,snapPoints:[85,50,25],dismissOnSnapToBottom:!0,position:t,onPositionChange:n,zIndex:1e5,animation:"bouncy",children:[(0,e.jsx)(a.Sheet.Overlay,{}),(0,e.jsx)(a.Sheet.Handle,{}),(0,e.jsxs)(a.Sheet.Frame,{flex:1,padding:"$4",justifyContent:"center",alignItems:"center",space:"$5",children:[(0,e.jsx)(o.Button,{size:"$6",circular:!0,icon:c.ChevronDown,onPress:()=>s(!1)}),(0,e.jsx)(o.Input,{width:200}),i&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(C,{open:d,onOpenChange:u}),(0,e.jsx)(o.Button,{size:"$6",circular:!0,icon:c.ChevronUp,onPress:()=>u(!0)})]})]})]})]})};function C(t){return(0,e.jsxs)(a.Sheet,{modal:!0,snapPoints:[90],dismissOnSnapToBottom:!0,...t,children:[(0,e.jsx)(a.Sheet.Overlay,{}),(0,e.jsx)(a.Sheet.Handle,{}),(0,e.jsx)(a.Sheet.Frame,{flex:1,justifyContent:"center",alignItems:"center",space:"$5",children:(0,e.jsxs)(a.Sheet.ScrollView,{padding:"$4",space:!0,children:[(0,e.jsx)(o.Button,{size:"$8",circular:!0,alignSelf:"center",icon:c.ChevronDown,onPress:()=>{var n;return(n=t.onOpenChange)==null?void 0:n.call(t,!1)}}),(0,e.jsx)(o.H1,{children:"Hello world"}),(0,e.jsx)(o.H2,{children:"You can scroll me"}),[1,2,3].map(n=>(0,e.jsx)(o.Paragraph,{size:"$10",children:"Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."},n))]})})]})}0&&(module.exports={SheetDemo});
|
|
104
2
|
//# sourceMappingURL=SheetDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Input, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n animation=\"bouncy\" // for the css driver\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame flex={1} padding=\"$4\" justifyContent=\"center\" alignItems=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n <Input width={200} />\n {modal && (\n <>\n <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n <Button\n size=\"$6\"\n circular\n icon={ChevronUp}\n onPress={() => setInnerOpen(true)}\n ></Button>\n </>\n )}\n </Sheet.Frame>\n </Sheet>\n </>\n )\n}\n\nfunction InnerSheet(props: SheetProps) {\n return (\n <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame flex={1} justifyContent=\"center\" alignItems=\"center\" space=\"$5\">\n <Sheet.ScrollView padding=\"$4\" space>\n <Button\n size=\"$8\"\n circular\n alignSelf=\"center\"\n icon={ChevronDown}\n onPress={() => props.onOpenChange?.(false)}\n />\n <H1>Hello world</H1>\n <H2>You can scroll me</H2>\n {[1, 2, 3].map((i) => (\n <Paragraph key={i} size=\"$10\">\n Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n </Paragraph>\n ))}\n </Sheet.ScrollView>\n </Sheet.Frame>\n </Sheet>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAcM,IAAAI,EAAA,6BAdNC,EAAuC,iCACvCC,EAAsB,0BAEtBC,EAAyB,iBACzBC,EAAyD,mBAElD,MAAMN,EAAY,IAAM,CAC7B,KAAM,CAACO,EAAUC,CAAW,KAAI,YAAS,CAAC,EACpC,CAACC,EAAMC,CAAO,KAAI,YAAS,EAAK,EAChC,CAACC,EAAOC,CAAQ,KAAI,YAAS,EAAK,EAClC,CAACC,EAAWC,CAAY,KAAI,YAAS,EAAK,EAEhD,SACE,oBACE,qBAAC,UAAO,MAAK,GACX,oBAAC,UAAO,QAAS,IAAMJ,EAAQ,EAAI,EAAG,gBAAI,KAC1C,OAAC,UAAO,QAAS,IAAME,EAAUG,GAAM,CAACA,CAAC,EACtC,SAAAJ,EAAQ,cAAgB,eAC3B,GACF,KAEA,QAAC,SACC,yBAA0BF,EAC1B,MAAOE,EACP,KAAMF,EACN,aAAcC,EACd,WAAY,CAAC,GAAI,GAAI,EAAE,EACvB,sBAAqB,GACrB,SAAUH,EACV,iBAAkBC,EAClB,OAAQ,IACR,UAAU,SAEV,oBAAC,QAAM,QAAN,EAAc,KACf,OAAC,QAAM,OAAN,EAAa,KACd,QAAC,QAAM,MAAN,CAAY,KAAM,EAAG,QAAQ,KAAK,eAAe,SAAS,WAAW,SAAS,MAAM,KACnF,oBAAC,UAAO,KAAK,KAAK,SAAQ,GAAC,KAAM,cAAa,QAAS,IAAME,EAAQ,EAAK,EAAG,KAC7E,OAAC,SAAM,MAAO,IAAK,EAClBC,MACC,oBACE,oBAACK,EAAA,CAAW,KAAMH,EAAW,aAAcC,EAAc,KACzD,OAAC,UACC,KAAK,KACL,SAAQ,GACR,KAAM,YACN,QAAS,IAAMA,EAAa,EAAI,EACjC,GACH,GAEJ,GACF,GACF,CAEJ,EAEA,SAASE,EAAWC,EAAmB,CACrC,SACE,QAAC,SAAM,MAAK,GAAC,WAAY,CAAC,EAAE,EAAG,sBAAqB,GAAE,GAAGA,EACvD,oBAAC,QAAM,QAAN,EAAc,KACf,OAAC,QAAM,OAAN,EAAa,KACd,OAAC,QAAM,MAAN,CAAY,KAAM,EAAG,eAAe,SAAS,WAAW,SAAS,MAAM,KACtE,oBAAC,QAAM,WAAN,CAAiB,QAAQ,KAAK,MAAK,GAClC,oBAAC,UACC,KAAK,KACL,SAAQ,GACR,UAAU,SACV,KAAM,cACN,QAAS,IAAG,CAnExB,IAAAC,EAmE2B,OAAAA,EAAAD,EAAM,eAAN,YAAAC,EAAA,KAAAD,EAAqB,KACtC,KACA,OAAC,MAAG,uBAAW,KACf,OAAC,MAAG,6BAAiB,EACpB,CAAC,EAAG,EAAG,CAAC,EAAE,IAAKE,MACd,OAAC,aAAkB,KAAK,MAAM,uXAAdA,CAMhB,CACD,GACH,EACF,GACF,CAEJ",
|
|
6
|
+
"names": ["SheetDemo_exports", "__export", "SheetDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_sheet", "import_react", "import_tamagui", "position", "setPosition", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "x", "InnerSheet", "props", "_a", "i"]
|
|
7
7
|
}
|
package/dist/cjs/SliderDemo.js
CHANGED
|
@@ -1,43 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var SliderDemo_exports = {};
|
|
20
|
-
__export(SliderDemo_exports, {
|
|
21
|
-
SliderDemo: () => SliderDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(SliderDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function SliderDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { height: 200, alignItems: "center", space: "$8", children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, { height: 200, orientation: "vertical" }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, { width: 200 })
|
|
30
|
-
] });
|
|
31
|
-
}
|
|
32
|
-
function SimpleSlider({ children, ...props }) {
|
|
33
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, { defaultValue: [50], max: 100, step: 1, ...props, children: [
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, { index: 0, circular: true, elevate: true }),
|
|
36
|
-
children
|
|
37
|
-
] });
|
|
38
|
-
}
|
|
39
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
40
|
-
0 && (module.exports = {
|
|
41
|
-
SliderDemo
|
|
42
|
-
});
|
|
1
|
+
"use strict";var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(r,e)=>{for(var l in e)c(r,l,{get:e[l],enumerable:!0})},h=(r,e,l,S)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of o(e))!p.call(r,a)&&a!==l&&c(r,a,{get:()=>e[a],enumerable:!(S=n(e,a))||S.enumerable});return r};var m=r=>h(c({},"__esModule",{value:!0}),r);var f={};u(f,{SliderDemo:()=>k});module.exports=m(f);var i=require("react/jsx-runtime"),t=require("tamagui");function k(){return(0,i.jsxs)(t.XStack,{height:200,alignItems:"center",space:"$8",children:[(0,i.jsx)(d,{height:200,orientation:"vertical"}),(0,i.jsx)(d,{width:200})]})}function d({children:r,...e}){return(0,i.jsxs)(t.Slider,{defaultValue:[50],max:100,step:1,...e,children:[(0,i.jsx)(t.Slider.Track,{children:(0,i.jsx)(t.Slider.TrackActive,{})}),(0,i.jsx)(t.Slider.Thumb,{index:0,circular:!0,elevate:!0}),r]})}0&&(module.exports={SliderDemo});
|
|
43
2
|
//# sourceMappingURL=SliderDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SliderDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Slider, SliderProps, Spacer, XStack } from 'tamagui'\n\nexport function SliderDemo() {\n return (\n <XStack height={200} alignItems=\"center\" space=\"$8\">\n <SimpleSlider height={200} orientation=\"vertical\" />\n <SimpleSlider width={200} />\n </XStack>\n )\n}\n\nfunction SimpleSlider({ children, ...props }: SliderProps) {\n return (\n <Slider defaultValue={[50]} max={100} step={1} {...props}>\n <Slider.Track>\n <Slider.TrackActive />\n </Slider.Track>\n <Slider.Thumb index={0} circular elevate />\n {children}\n </Slider>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAoD,mBAE7C,SAASH,GAAa,CAC3B,SACE,QAAC,UAAO,OAAQ,IAAK,WAAW,SAAS,MAAM,KAC7C,oBAACI,EAAA,CAAa,OAAQ,IAAK,YAAY,WAAW,KAClD,OAACA,EAAA,CAAa,MAAO,IAAK,GAC5B,CAEJ,CAEA,SAASA,EAAa,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAgB,CACzD,SACE,QAAC,UAAO,aAAc,CAAC,EAAE,EAAG,IAAK,IAAK,KAAM,EAAI,GAAGA,EACjD,oBAAC,SAAO,MAAP,CACC,mBAAC,SAAO,YAAP,EAAmB,EACtB,KACA,OAAC,SAAO,MAAP,CAAa,MAAO,EAAG,SAAQ,GAAC,QAAO,GAAC,EACxCD,GACH,CAEJ",
|
|
6
|
+
"names": ["SliderDemo_exports", "__export", "SliderDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "SimpleSlider", "children", "props"]
|
|
7
7
|
}
|
package/dist/cjs/SpinnerDemo.js
CHANGED
|
@@ -1,36 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var SpinnerDemo_exports = {};
|
|
20
|
-
__export(SpinnerDemo_exports, {
|
|
21
|
-
SpinnerDemo: () => SpinnerDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(SpinnerDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function SpinnerDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$4", alignItems: "center", children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "small", color: "$green10" }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "large", color: "$orange10" })
|
|
30
|
-
] });
|
|
31
|
-
}
|
|
32
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
33
|
-
0 && (module.exports = {
|
|
34
|
-
SpinnerDemo
|
|
35
|
-
});
|
|
1
|
+
"use strict";var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var t=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(n,e)=>{for(var i in e)c(n,i,{get:e[i],enumerable:!0})},s=(n,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of t(e))!g.call(n,r)&&r!==i&&c(n,r,{get:()=>e[r],enumerable:!(l=p(e,r))||l.enumerable});return n};var S=n=>s(c({},"__esModule",{value:!0}),n);var d={};m(d,{SpinnerDemo:()=>$});module.exports=S(d);var a=require("react/jsx-runtime"),o=require("tamagui");function $(){return(0,a.jsxs)(o.YStack,{padding:"$3",space:"$4",alignItems:"center",children:[(0,a.jsx)(o.Spinner,{size:"small",color:"$green10"}),(0,a.jsx)(o.Spinner,{size:"large",color:"$orange10"})]})}0&&(module.exports={SpinnerDemo});
|
|
36
2
|
//# sourceMappingURL=SpinnerDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SpinnerDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Spinner, YStack } from 'tamagui'\n\nexport function SpinnerDemo() {\n return (\n <YStack padding=\"$3\" space=\"$4\" alignItems=\"center\">\n <Spinner size=\"small\" color=\"$green10\" />\n <Spinner size=\"large\" color=\"$orange10\" />\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAgC,mBAEzB,SAASH,GAAc,CAC5B,SACE,QAAC,UAAO,QAAQ,KAAK,MAAM,KAAK,WAAW,SACzC,oBAAC,WAAQ,KAAK,QAAQ,MAAM,WAAW,KACvC,OAAC,WAAQ,KAAK,QAAQ,MAAM,YAAY,GAC1C,CAEJ",
|
|
6
|
+
"names": ["SpinnerDemo_exports", "__export", "SpinnerDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
|
|
7
7
|
}
|
package/dist/cjs/StacksDemo.js
CHANGED
|
@@ -1,82 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var StacksDemo_exports = {};
|
|
20
|
-
__export(StacksDemo_exports, {
|
|
21
|
-
StacksDemo: () => StacksDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(StacksDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function StacksDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { maxWidth: 250, padding: "$2", alignSelf: "center", space: true, children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
29
|
-
import_tamagui.YStack,
|
|
30
|
-
{
|
|
31
|
-
flex: 1,
|
|
32
|
-
space: "$2",
|
|
33
|
-
borderWidth: 2,
|
|
34
|
-
borderColor: "$color",
|
|
35
|
-
borderRadius: "$4",
|
|
36
|
-
padding: "$2",
|
|
37
|
-
children: [
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
|
|
40
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" })
|
|
41
|
-
]
|
|
42
|
-
}
|
|
43
|
-
),
|
|
44
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
45
|
-
import_tamagui.XStack,
|
|
46
|
-
{
|
|
47
|
-
flex: 1,
|
|
48
|
-
space: "$2",
|
|
49
|
-
borderWidth: 2,
|
|
50
|
-
borderColor: "$color",
|
|
51
|
-
borderRadius: "$4",
|
|
52
|
-
padding: "$2",
|
|
53
|
-
children: [
|
|
54
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
|
|
55
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
|
|
56
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" })
|
|
57
|
-
]
|
|
58
|
-
}
|
|
59
|
-
),
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ZStack, { maxWidth: 50, maxHeight: 85, width: 100, flex: 1, children: [
|
|
61
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, borderWidth: 2, borderRadius: "$4", padding: "$2" }),
|
|
62
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, y: 10, x: 10, borderWidth: 2, borderRadius: "$4", padding: "$2" }),
|
|
63
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
64
|
-
import_tamagui.YStack,
|
|
65
|
-
{
|
|
66
|
-
fullscreen: true,
|
|
67
|
-
y: 20,
|
|
68
|
-
x: 20,
|
|
69
|
-
borderWidth: 2,
|
|
70
|
-
backgroundColor: "$color",
|
|
71
|
-
borderRadius: "$4",
|
|
72
|
-
padding: "$2"
|
|
73
|
-
}
|
|
74
|
-
)
|
|
75
|
-
] })
|
|
76
|
-
] });
|
|
77
|
-
}
|
|
78
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
79
|
-
0 && (module.exports = {
|
|
80
|
-
StacksDemo
|
|
81
|
-
});
|
|
1
|
+
"use strict";var $=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var t=(a,o)=>{for(var i in o)$(a,i,{get:o[i],enumerable:!0})},u=(a,o,i,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of n(o))!b.call(a,e)&&e!==i&&$(a,e,{get:()=>o[e],enumerable:!(c=l(o,e))||c.enumerable});return a};var g=a=>u($({},"__esModule",{value:!0}),a);var s={};t(s,{StacksDemo:()=>p});module.exports=g(s);var d=require("react/jsx-runtime"),r=require("tamagui");function p(){return(0,d.jsxs)(r.XStack,{maxWidth:250,padding:"$2",alignSelf:"center",space:!0,children:[(0,d.jsxs)(r.YStack,{flex:1,space:"$2",borderWidth:2,borderColor:"$color",borderRadius:"$4",padding:"$2",children:[(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"}),(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"}),(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"})]}),(0,d.jsxs)(r.XStack,{flex:1,space:"$2",borderWidth:2,borderColor:"$color",borderRadius:"$4",padding:"$2",children:[(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"}),(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"}),(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"})]}),(0,d.jsxs)(r.ZStack,{maxWidth:50,maxHeight:85,width:100,flex:1,children:[(0,d.jsx)(r.YStack,{fullscreen:!0,borderWidth:2,borderRadius:"$4",padding:"$2"}),(0,d.jsx)(r.YStack,{fullscreen:!0,y:10,x:10,borderWidth:2,borderRadius:"$4",padding:"$2"}),(0,d.jsx)(r.YStack,{fullscreen:!0,y:20,x:20,borderWidth:2,backgroundColor:"$color",borderRadius:"$4",padding:"$2"})]})]})}0&&(module.exports={StacksDemo});
|
|
82
2
|
//# sourceMappingURL=StacksDemo.js.map
|