SCOPE: LIST OF JETPACK COMPONENTS

As a PO I would like to have the JetPack components wrapped into LVN

<h1>JETPACK</h1>

<h2>NAVIGATION</h2>

- [x] [PushNavigation](https://developer.android.com/jetpack/compose/navigation) liveview-native/liveview-client-jetpack#64

<h2>STYLES</h2>

- [x] [CustomApplicationStyle](https://developer.android.com/jetpack/compose/designsystems/material3) liveview-native/liveview-client-jetpack#66

<h2>THEMING</h2>

<h3>Material Theming</h3>

- [x] [MaterialTheme](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#MaterialTheme(androidx.compose.material3.ColorScheme,androidx.compose.material3.Shapes,androidx.compose.material3.Typography,kotlin.Function0)) liveview-native/liveview-client-jetpack#74

<h3>Color Scheme</h3>

- [x] [ColorScheme](https://developer.android.com/reference/kotlin/androidx/compose/material3/ColorScheme) liveview-native/liveview-client-jetpack#75

<h3>Typography</h3>

- [x] [Typography](https://developer.android.com/reference/kotlin/androidx/compose/material3/Typography) liveview-native/liveview-client-jetpack#76

<h3>Shape</h3>

- [x] [Shapes](https://developer.android.com/reference/kotlin/androidx/compose/material3/Shapes) liveview-native/liveview-client-jetpack#77

<h2>COMPONENTS</h2>

<h3>Navigation Drawer</h3>

- [x] [ModalDrawerSheet](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ModalDrawerSheet(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)) liveview-native/liveview-client-jetpack#122
- [x] [NavigationDrawerItem](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#NavigationDrawerItem(kotlin.Function0,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.NavigationDrawerItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#127
- [x] [ModalNavigationDrawer](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ModalNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material3.DrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Color,kotlin.Function0)) liveview-native/liveview-client-jetpack#121
- [x] [PermanentNavigationDrawer](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#PermanentNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0)) liveview-native/liveview-client-jetpack#123
- [x] [PermanentDrawerSheet](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#PermanentDrawerSheet(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)) liveview-native/liveview-client-jetpack#124
- [x] [DismissibleNavigationDrawer](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#DismissibleNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material3.DrawerState,kotlin.Boolean,kotlin.Function0)) liveview-native/liveview-client-jetpack#125
- [x] [DismissibleDrawerSheet](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#DismissibleDrawerSheet(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)) liveview-native/liveview-client-jetpack#126
- [x] DropdownMenu liveview-native/liveview-client-jetpack#126

<h3>Text Fields</h3>

- [x] [NavigationDrawerItem](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#TextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)) liveview-native/liveview-client-jetpack#147
- [x] [OutlinedTextField](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)) liveview-native/liveview-client-jetpack#148

<h3>FAB</h3>

- [x] [SmallFloatingActionButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#SmallFloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#105
- [x] [LargeFloatingActionButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#LargeFloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#106
- [x] [FloatingActionButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#104

<h3>Extended FAB</h3>

- [x] [ExtendedFloatingActionButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ExtendedFloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)) liveview-native/liveview-client-jetpack#103

<h3>Bottom App Bar</h3>

- [x] [BottomAppBar](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#BottomAppBar(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)) liveview-native/liveview-client-jetpack#80

<h3>Sliders</h3>

- [x] [Slider](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Slider(androidx.compose.material3.SliderState,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SliderColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1,kotlin.Function1)) liveview-native/liveview-client-jetpack#138
- [x] [RangeSlider](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#RangeSlider(kotlin.ranges.ClosedFloatingPointRange,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int,kotlin.Function0,androidx.compose.material3.SliderColors)) liveview-native/liveview-client-jetpack#139

<h3>Dividers</h3>

- [x] [Divider](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Divider(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color)) liveview-native/liveview-client-jetpack#102

<h3>Badge</h3>

- [x] [Badge](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Badge(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)) liveview-native/liveview-client-jetpack#78
- [x] [BadgeBox](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#BadgedBox(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)) liveview-native/liveview-client-jetpack#79

<h3>Buttons</h3>

- [x] [Button](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)) liveview-native/liveview-client-jetpack#83
- [x] [ElevatedButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ElevatedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)) liveview-native/liveview-client-jetpack#84
- [x] [FilledTonalButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#FilledTonalButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)) liveview-native/liveview-client-jetpack#85
- [x] [OutlinedButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#OutlinedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)) liveview-native/liveview-client-jetpack#86
- [x] [TextButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#TextButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)) liveview-native/liveview-client-jetpack#87

<h3>Cards</h3>

- [x] [ElevatedCard](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ElevatedCard(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.material3.CardColors,androidx.compose.material3.CardElevation,kotlin.Function1)) liveview-native/liveview-client-jetpack#89
- [x] [OutlinedCard](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#OutlinedCard(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.material3.CardColors,androidx.compose.material3.CardElevation,androidx.compose.foundation.BorderStroke,kotlin.Function1)) liveview-native/liveview-client-jetpack#90

<h3>Menus</h3>

- [x] ExposedDropdownMenuBox liveview-native/liveview-client-jetpack#118
- [x] DropdownMenuItem liveview-native/liveview-client-jetpack#90

<h3>Snackbars</h3>

- [x] [Snackbar](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Snackbar(androidx.compose.material3.SnackbarData,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)) liveview-native/liveview-client-jetpack#140

<h3>Progress Indicators</h3>

- [x] [LinearProgressIndicator](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#LinearProgressIndicator(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)) liveview-native/liveview-client-jetpack#130
- [x] [CircularProgressIndicator](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#CircularProgressIndicator(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)) liveview-native/liveview-client-jetpack#131

<h3>Radio Button</h3>

- [x] [RadioButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.RadioButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#132

<h3>Switch</h3>

- [x] [Switch](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Switch(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.SwitchColors,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#142

<h3>Bottom Sheet</h3>

- [x] ModalBottomSheet liveview-native/liveview-client-jetpack#82

<h3>Navigation Bar</h3>

- [x] [NavigationBar](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#NavigationBar(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)) liveview-native/liveview-client-jetpack#119
- [x] [NavigationBarItem](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#(androidx.compose.foundation.layout.RowScope).NavigationBarItem(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.NavigationBarItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#120

<h3>Top App Bar</h3>

- [x] [CenterAlignedTopAppBar](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#CenterAlignedTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)) liveview-native/liveview-client-jetpack#153
- [x] [MediumTopAppBar](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#MediumTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)) liveview-native/liveview-client-jetpack#154
- [x] [LargeTopAppBar](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#LargeTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)) liveview-native/liveview-client-jetpack#155

<h3>Bottom Sheet</h3>

- [x] [BottomSheetScaffold](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#BottomSheetScaffold(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material3.BottomSheetScaffoldState,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,kotlin.Function0,kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)) liveview-native/liveview-client-jetpack#81

<h3>Date Picker</h3>

- [x] [DatePicker](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#DatePicker(androidx.compose.material3.DatePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.DatePickerFormatter,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.DatePickerColors)) liveview-native/liveview-client-jetpack#98
- [x] DatePickerDialog liveview-native/liveview-client-jetpack#99
- [x] [DateRangePicker](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#DateRangePicker(androidx.compose.material3.DateRangePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.DatePickerFormatter,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.DatePickerColors)) liveview-native/liveview-client-jetpack#100

<h3>Segmented Button</h3>

- [x] [SegmentedButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#(androidx.compose.material3.SingleChoiceSegmentedButtonRowScope).SegmentedButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.SegmentedButtonColors,androidx.compose.material3.SegmentedButtonBorder,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0,kotlin.Function0)) liveview-native/liveview-client-jetpack#135
- [x] [SingleChoiceSegmentedButtonRow](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#SingleChoiceSegmentedButtonRow(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,kotlin.Function1)) liveview-native/liveview-client-jetpack#136
- [x] [MultiChoiceSegmentedButtonRow](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#MultiChoiceSegmentedButtonRow(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,kotlin.Function1)) liveview-native/liveview-client-jetpack#137

<h3>Dialogs</h3>

- [x] AlertDialog liveview-native/liveview-client-jetpack#101

<h3>Chips</h3>

- [x] [AssistChip](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#AssistChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#91
- [x] [ElevatedAssistChip](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ElevatedAssistChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#92
- [x] [FilterChip](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#FilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#93
- [x] [ElevatedFilterChip](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ElevatedFilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#94
- [x] [InputChip](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#InputChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#95
- [x] [SuggestionChip](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#SuggestionChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#96
- [x] [ElevatedSuggestionChip](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ElevatedSuggestionChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#97

<h3>Icon Button</h3>

- [x] [IconToggleButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#108
- [x] [FilledIconButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#FilledIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#109
- [x] [FilledIconToggleButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#FilledIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#110
- [x] [FilledTonalIconButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#FilledTonalIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#111
- [x] [OutlinedIconButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#OutlinedIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#113
- [x] [OutlinedIconToggleButton](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#OutlinedIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)) liveview-native/liveview-client-jetpack#114

<h3>Pager</h3>

- [x] [HorizontalPager](https://developer.android.com/reference/kotlin/androidx/compose/foundation/pager/package-summary#HorizontalPager(androidx.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function2)) liveview-native/liveview-client-jetpack#185
- [x] [VerticalPager](https://developer.android.com/reference/kotlin/androidx/compose/foundation/pager/package-summary#VerticalPager(androidx.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function2)) liveview-native/liveview-client-jetpack#186

<h3>Lists</h3>

- [x] [ListItem](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ListItem(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.ListItemColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)) liveview-native/liveview-client-jetpack#115

<h3>Time Picker</h3>

- [x] [TimePicker](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)) liveview-native/liveview-client-jetpack#149
- [x] [TimeInput](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#TimeInput(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors)) liveview-native/liveview-client-jetpack#150

<h3>Search Bar</h3>

- [x] SearchBar liveview-native/liveview-client-jetpack#133
- [x] DockedSearchBar liveview-native/liveview-client-jetpack#134

<h3>Swipe to Dismiss</h3>

- [x] [SwipeToDismiss](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#SwipeToDismiss(androidx.compose.material3.DismissState,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.collections.Set)) liveview-native/liveview-client-jetpack#141

<h3>Tool Tip</h3>

- [x] [PlainTooltipBox](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#PlainTooltipBox(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.PlainTooltipState,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)) liveview-native/liveview-client-jetpack#151

<h3>Navigation Rail</h3>

- [x] [NavigationRail](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#NavigationRail(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)) liveview-native/liveview-client-jetpack#128
- [x] [NavigationRailItem](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#NavigationRailItem(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.NavigationRailItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#129

<h3>Tabs</h3>

- [x] [Tab](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Tab(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)) liveview-native/liveview-client-jetpack#143
- [x] [TabRow](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)) liveview-native/liveview-client-jetpack#145
- [x] [LeadingIconTab](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#LeadingIconTab(kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.interaction.MutableInteractionSource)) liveview-native/liveview-client-jetpack#144
- [x] [ScrollableTabRow](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#ScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,kotlin.Function0)) liveview-native/liveview-client-jetpack#146

<h2>FOUNDATION</h2>

<h3>Lazy</h3>

- [x] [LazyVerticalGrid](https://foso.github.io/Jetpack-Compose-Playground/foundation/lazyverticalgrid/) liveview-native/liveview-client-jetpack#16
- [x] LazyHorizontalGrid liveview-native/liveview-client-jetpack#166

<h3>Layout</h3>

- [x] [Box](https://foso.github.io/Jetpack-Compose-Playground/layout/box/) liveview-native/liveview-client-jetpack#6

<h3>Image</h3>

- [x] [Image](https://foso.github.io/Jetpack-Compose-Playground/foundation/image/) liveview-native/liveview-client-jetpack#13

<h3>Text</h3>

- [x] [BasicTextField](https://foso.github.io/Jetpack-Compose-Playground/foundation/basictextfield/) liveview-native/liveview-client-jetpack#17

<h2>MATERIAL</h2>

- [x] [Divider](https://foso.github.io/Jetpack-Compose-Playground/material/divider/) liveview-native/liveview-client-jetpack#23
- [x] [FloatingActionButton](https://foso.github.io/Jetpack-Compose-Playground/material/floatingactionbutton/) liveview-native/liveview-client-jetpack#27
- [x] [Checkbox](https://foso.github.io/Jetpack-Compose-Playground/material/checkbox/) liveview-native/liveview-client-jetpack#26
- [x] [Switch](https://foso.github.io/Jetpack-Compose-Playground/material/switch/) liveview-native/liveview-client-jetpack#36
- [x] [RadioButton](https://foso.github.io/Jetpack-Compose-Playground/material/radiobutton/) liveview-native/liveview-client-jetpack#32
- [x] [Slider](https://foso.github.io/Jetpack-Compose-Playground/material/slider/) liveview-native/liveview-client-jetpack#34
- [x] [CircularProgressIndicator](https://foso.github.io/Jetpack-Compose-Playground/material/circularprogressindicator/) liveview-native/liveview-client-jetpack#24
- [x] [LinearProgressIndicator](https://foso.github.io/Jetpack-Compose-Playground/material/linearprogressindicator/) liveview-native/liveview-client-jetpack#28
- [x] [AlertDialog](https://foso.github.io/Jetpack-Compose-Playground/material/alertdialog/) liveview-native/liveview-client-jetpack#19
- [x] [BadgeBox](https://foso.github.io/Jetpack-Compose-Playground/material/badgedbox/) liveview-native/liveview-client-jetpack#20
- [x] [Buttons](https://foso.github.io/Jetpack-Compose-Playground/material/button/) liveview-native/liveview-client-jetpack#21
- [x] [Snackbar](https://foso.github.io/Jetpack-Compose-Playground/material/snackbar/) liveview-native/liveview-client-jetpack#35

<h2>SURFACES AND LAYOUT</h2>

<h3>Surfaces</h3>

- [x] [Surface](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.foundation.BorderStroke,kotlin.Function0)) liveview-native/liveview-client-jetpack#156

<h3>Scaffold</h3>

- [x] [Scaffold](https://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)) liveview-native/liveview-client-jetpack#157

<h2>ACTIVITY</h2>

- [x] [BackHandler](https://foso.github.io/Jetpack-Compose-Playground/activity/backhandler/) liveview-native/liveview-client-jetpack#4

<h2>ANIMATION</h2>

- [ ] [AnimatedVisibility](https://developer.android.com/reference/kotlin/androidx/compose/animation/package-summary#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)) liveview-native/liveview-client-jetpack#431

















































SCOPE: LIST OF JETPACK COMPONENTS #413

Description

JETPACK

NAVIGATION

STYLES

THEMING

Material Theming

Color Scheme

Typography

Shape

COMPONENTS

Navigation Drawer

Text Fields

FAB

Extended FAB

Bottom App Bar

Sliders

Dividers

Badge

Buttons

Cards

Menus

Snackbars

Progress Indicators

Radio Button

Switch

Bottom Sheet

Navigation Bar

Top App Bar

Bottom Sheet

Date Picker

Segmented Button

Dialogs

Chips

Icon Button

Pager

Lists

Time Picker

Search Bar

Swipe to Dismiss

Tool Tip

Navigation Rail

Tabs

FOUNDATION

Lazy

Layout

Image

Text

MATERIAL

SURFACES AND LAYOUT

Surfaces

Scaffold

ACTIVITY

ANIMATION

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions