@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.10

package/build/typescript/BottomSheetContent/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './BottomSheetContent';
+export type { default as BottomSheetContentProps } from './BottomSheetContentProps';

package/build/typescript/BottomSheetTitle/BottomSheetTitle.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type BottomSheetTitleProps from './BottomSheetTitleProps';
+export default function BottomSheetTitle(props: BottomSheetTitleProps): JSX.Element;

package/build/typescript/BottomSheetTitle/BottomSheetTitleProps.d.ts

@@ -0,0 +1,12 @@
+import type { OverridableComponentProps } from '../types';
+import type { RowProps } from '../Row';
+declare type ActionButtonProps = {
+    title: string;
+    onPress: () => void;
+};
+export default interface BottomSheetTitleProps extends OverridableComponentProps<RowProps, {
+    children: string;
+    actionButtonProps?: ActionButtonProps;
+}> {
+}
+export {};

package/build/typescript/BottomSheetTitle/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './BottomSheetTitle';
+export type { default as BottomSheetTitleProps } from './BottomSheetTitleProps';

package/build/typescript/Button/ButtonProps.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import type { ButtonBaseProps } from '../ButtonBase';
 import type { OverridableComponentProps } from '../types';
-export declare const ButtonColors: readonly ["accent", "primary", "danger", "disabled", "secondary", "accentAlt"];
-export declare type ButtonColor = typeof ButtonColors[number];
-export declare const ButtonSizes: readonly ["small", "medium", "large"];
-export declare type ButtonSize = typeof ButtonSizes[number];
-export declare const ButtonVariants: readonly ["solid", "outlined", "text", "capsuleSolid", "capsuleOutlined"];
-export declare type ButtonVariant = typeof ButtonVariants[number];
+export declare const buttonColors: readonly ["accent", "primary", "danger", "disabled", "secondary", "accentAlt"];
+export declare type ButtonColor = typeof buttonColors[number];
+export declare const buttonSizes: readonly ["small", "medium", "large"];
+export declare type ButtonSize = typeof buttonSizes[number];
+export declare const buttonVariants: readonly ["solid", "outlined", "text", "capsuleSolid", "capsuleOutlined"];
+export declare type ButtonVariant = typeof buttonVariants[number];
 export default interface ButtonProps extends OverridableComponentProps<ButtonBaseProps, {
     /**
      * The content of the button.
@@ -22,6 +22,11 @@ export default interface ButtonProps extends OverridableComponentProps<ButtonBas
      * @default false
      */
     disableMinWidth?: boolean;
+    /**
+     * Determines whether padding should be applied.
+     * @default false
+     */
+    disablePadding?: boolean;
     /**
      * Element placed after the children.
      */

package/build/typescript/Button/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacyButton';
-export type { default as ButtonProps } from './LegacyButtonProps';
+export { default } from './Button';
+export type { default as ButtonProps } from './ButtonProps';
+export { buttonColors, buttonSizes, buttonVariants } from './ButtonProps';

package/build/typescript/Checkbox/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacyCheckbox';
-export type { default as CheckboxProps } from './LegacyCheckboxProps';
+export { default } from './Checkbox';
+export type { default as CheckboxProps } from './CheckboxProps';
+export { checkboxVariants } from './CheckboxProps';

package/build/typescript/Checkbox/useVariantStyleMap.d.ts

@@ -1,6 +1,7 @@
 import { FountainUiStyle } from '@fountain-ui/styles';
 import type { CheckboxVariant } from './CheckboxProps';
 declare type useVariantStyleMapReturns = {
+    checkboxContainerStyle?: FountainUiStyle;
     checkboxStyle?: FountainUiStyle;
     containerStyle?: FountainUiStyle;
     iconColor?: string;

package/build/typescript/Chip/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacyChip';
-export type { default as ChipProps } from './LegacyChipProps';
+export { default } from './Chip';
+export type { default as ChipProps } from './ChipProps';
+export { chipSizes, chipStartElementVariants } from './ChipProps';

package/build/typescript/Dialog/DialogContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { DialogSize } from './DialogProps';
+export declare type Context = {
+    size: DialogSize;
+};
+export declare const DialogProvider: import("react").Provider<Context>;
+export declare const useDialogContext: () => Context;

package/build/typescript/Dialog/index.d.ts

@@ -1,2 +1,5 @@
-export { default } from './LegacyDialog';
-export type { default as DialogProps } from './LegacyDialogProps';
+export { default } from './Dialog';
+export type { default as DialogProps } from './DialogProps';
+export { dialogSizes } from './DialogProps';
+export { DialogProvider, useDialogContext } from './DialogContext';
+export { default as useDialogSectionStyle } from './useDialogSectionStyle';

package/build/typescript/Dialog/useDialogSectionStyle.d.ts

@@ -0,0 +1,2 @@
+import type { FountainUiStyle } from '@fountain-ui/styles';
+export default function useDialogSectionStyle(): FountainUiStyle;

package/build/typescript/Dialog/useDialogStyle.d.ts

@@ -1,6 +1,6 @@
 import type { NamedStylesStringUnion } from '@fountain-ui/styles';
 import type { DialogSize } from './DialogProps';
-declare type DialogStyleKeys = 'root' | 'container' | 'paper' | 'topElementContainer' | 'topElementContent' | 'mediaWrapper';
+declare type DialogStyleKeys = 'root' | 'container' | 'paper' | 'topElementContainer' | 'topElementContent';
 declare type DialogStyles = NamedStylesStringUnion<DialogStyleKeys>;
 export default function useDialogStyle(size: DialogSize, fullScreen: boolean): DialogStyles;
 export {};

package/build/typescript/DialogActions/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyDialogActions';
+export { default } from './DialogActions';
 export type { default as DialogActionsProps } from './DialogActionsProps';

package/build/typescript/DialogContent/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyDialogContent';
-export type { default as DialogContentProps } from './LegacyDialogContentProps';
+export { default } from './DialogContent';
+export type { default as DialogContentProps } from './DialogContentProps';

package/build/typescript/DialogMedia/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyDialogMedia';
-export type { default as DialogMediaProps } from './LegacyDialogMediaProps';
+export { default } from './DialogMedia';
+export type { default as DialogMediaProps } from './DialogMediaProps';

package/build/typescript/DialogTitle/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyDialogTitle';
-export type { default as DialogTitleProps } from './LegacyDialogTitleProps';
+export { default } from './DialogTitle';
+export type { default as DialogTitleProps } from './DialogTitleProps';

package/build/typescript/Divider/DividerProps.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
-export declare const elementAligns: readonly ["start", "center", "end"];
-export declare type ElementAlign = typeof elementAligns[number];
+export declare const dividerElementAligns: readonly ["start", "center", "end"];
+export declare type DividerElementAlign = typeof dividerElementAligns[number];
 export declare const dividerVariants: readonly ["base", "strong"];
 export declare type DividerVariant = typeof dividerVariants[number];
 export default interface DividerProps extends OverridableComponentProps<ViewProps, {
@@ -34,7 +34,7 @@ export default interface DividerProps extends OverridableComponentProps<ViewProp
      *  Set position of children.
      *  @default center
      */
-    elementAlign?: ElementAlign;
+    elementAlign?: DividerElementAlign;
     /**
      * Select the style of the divider based on this value.
      *  @default base

package/build/typescript/Divider/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacyDivider';
-export type { default as DividerProps } from './LegacyDividerProps';
+export { default } from './Divider';
+export type { default as DividerProps } from './DividerProps';
+export { dividerVariants, dividerElementAligns } from './DividerProps';

package/build/typescript/Flexbox/FlexboxProps.d.ts

@@ -40,6 +40,10 @@ export default interface FlexboxProps extends OverridableComponentProps<ViewProp
      * @default 'nowrap'
      */
     flexWrap?: FlexStyle['flexWrap'];
+    /**
+     * Defines the spacing between items in a flex container.
+     */
+    gap?: number | undefined;
     /**
      * Content of this component.
      */

package/build/typescript/IconButton/IconButtonProps.d.ts

@@ -19,5 +19,10 @@ export default interface IconButtonProps extends OverridableComponentProps<Butto
      * @default 'medium'
      */
     iconSize?: SvgIconSize;
+    /**
+     * Determines whether to show the loading status or not.
+     * @default false
+     */
+    isLoading?: boolean;
 }> {
 }

package/build/typescript/IconButton/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacyIconButton';
-export type { default as IconButtonProps } from './LegacyIconButtonProps';
+export { default } from './IconButton';
+export type { default as IconButtonProps } from './IconButtonProps';
+export { iconButtonColors } from './IconButtonProps';

package/build/typescript/ListItem/ListItem.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import ListItemProps from './ListItemProps';
+import type ListItemProps from './ListItemProps';
 export default function ListItem(props: ListItemProps): JSX.Element;

package/build/typescript/ListItem/ListItemProps.d.ts

@@ -13,6 +13,10 @@ export default interface ListItemProps extends OverridableComponentProps<React.P
      * @default false
      */
     button?: boolean;
+    /**
+     * Displays a description in this item.
+     */
+    description?: string;
     /**
      * Whether to prevent interaction with the ButtonBase.
      * @default false

package/build/typescript/ListItemText/ListItemTextProps.d.ts

@@ -1,16 +1,9 @@
-import type { TypographyProps } from '../Typography';
 import type { OverridableComponentProps } from '../types';
 import type { ColumnProps } from '../Column';
-declare type BaseProps = Omit<ColumnProps, 'children'>;
-export default interface ListItemTextProps extends OverridableComponentProps<BaseProps, {
+export default interface ListItemTextProps extends OverridableComponentProps<ColumnProps, {
     /**
      * The main content element.
      */
-    primary?: TypographyProps['children'];
-    /**
-     * The secondary content element.
-     */
-    secondary?: TypographyProps['children'];
+    children: string;
 }> {
 }
-export {};

package/build/typescript/Pagination/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacyPagination';
-export type { default as PaginationProps } from './LegacyPaginationProps';
+export { default } from './Pagination';
+export type { default as PaginationProps } from './PaginationProps';
+export { paginationVariants } from './PaginationProps';

package/build/typescript/Radio/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyRadio';
-export type { default as RadioProps } from './LegacyRadioProps';
+export { default } from './Radio';
+export type { default as RadioProps } from './RadioProps';

package/build/typescript/RadioGroup/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyRadioGroup';
+export { default } from './RadioGroup';
 export type { default as RadioGroupProps } from './RadioGroupProps';

package/build/typescript/Section/Section.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type SectionProps from './SectionProps';
+export default function Section(props: SectionProps): JSX.Element;

package/build/typescript/Section/SectionProps.d.ts

@@ -0,0 +1,6 @@
+import type { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export default interface SectionProps extends OverridableComponentProps<ViewProps, {
+    maxWidth?: number;
+}> {
+}

package/build/typescript/Section/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Section';
+export type { default as SectionProps } from './SectionProps';

package/build/typescript/Snackbar/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacySnackbar';
-export type { default as SnackbarProps } from './LegacySnackbarProps';
+export { default } from './Snackbar';
+export type { default as SnackbarProps } from './SnackbarProps';
+export { snackbarStatus } from './SnackbarProps';

package/build/typescript/SnackbarContent/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacySnackbarContent';
-export type { default as SnackbarContentProps } from './LegacySnackbarContentProps';
+export { default } from './SnackbarContent';
+export type { default as SnackbarContentProps } from './SnackbarContentProps';

package/build/typescript/SvgIcon/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacySvgIcon';
-export type { default as SvgIconProps } from './LegacySvgIconProps';
+export { default } from './SvgIcon';
+export type { default as SvgIconProps } from './SvgIconProps';
+export { svgIconColors, svgIconSizes } from './SvgIconProps';

package/build/typescript/Tab/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyTab';
-export type { default as TabProps, TabVariant, TabIndicatorSize } from './LegacyTabProps';
+export { default } from './Tab';
+export type { default as TabProps, TabVariant } from './TabProps';

package/build/typescript/TabBase/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyTabBase';
+export { default } from './TabBase';
 export type { default as TabBaseProps } from './TabBaseProps';

package/build/typescript/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type TabsProps from './TabsProps';
 import type { TabsInstance } from './types';
-declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "testID" | "style" | "onLayout" | "keyboardDismissMode" | "children" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "accessibilityLabel" | "accessible" | "hitSlop" | "removeClippedSubviews" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessibilityActions" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "onChange" | "variant" | "keyboardShouldPersistTaps" | "indicatorSize" | "initialIndex" | "scrollable" | "disableIndicator" | "scrollViewContentContainerStyle" | "UNSTABLE_sharedIndex" | "onTabSelected" | "showDivider"> & React.RefAttributes<TabsInstance>>;
+declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "color" | "testID" | "style" | "onLayout" | "keyboardDismissMode" | "children" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "accessibilityLabel" | "accessible" | "hitSlop" | "removeClippedSubviews" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessibilityActions" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "onChange" | "variant" | "keyboardShouldPersistTaps" | "disableIndicator" | "indicatorSize" | "initialIndex" | "scrollable" | "scrollViewContentContainerStyle" | "showDivider" | "UNSTABLE_sharedIndex" | "onTabSelected"> & React.RefAttributes<TabsInstance>>;
 export default Tabs;

package/build/typescript/Tabs/TabsProps.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode, Ref } from 'react';
 import type { ViewProps } from 'react-native';
-import type { TabVariant } from '../Tab/TabProps';
+import type { TabVariant } from '../Tab';
 import type { ExtendedStyle, OverridableComponentProps, SyncAnimatedValue } from '../types';
 import type { KeyboardDismissMode, KeyboardShouldPersistTaps, TabsInstance } from './types';
+export declare const tabsColors: readonly ["default", "alt"];
+export declare type TabsColor = typeof tabsColors[number];
 export declare const tabIndicatorSizes: readonly ["fit-content", "full"];
 export declare type TabIndicatorSize = typeof tabIndicatorSizes[number];
 export default interface TabsProps extends OverridableComponentProps<ViewProps, {
@@ -11,6 +13,11 @@ export default interface TabsProps extends OverridableComponentProps<ViewProps,
      * Collection of Tab components.
      */
     children: ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'default'
+     */
+    color?: TabsColor;
     /**
      * If `true`, the indicator is disabled.
      * @default false

package/build/typescript/Tabs/index.d.ts

@@ -1,3 +1,4 @@
-export { default } from './LegacyTabs';
-export type { default as TabsProps } from './LegacyTabsProps';
+export { default } from './Tabs';
+export type { default as TabsProps } from './TabsProps';
+export { tabIndicatorSizes, tabsColors } from './TabsProps';
 export type { TabsInstance } from './types';

package/build/typescript/Tabs/useTabsStyle.d.ts

@@ -0,0 +1,7 @@
+import type { FountainUiStyle } from '@fountain-ui/styles';
+import type { TabVariant } from '../Tab';
+interface TabsStyle {
+    container: FountainUiStyle;
+}
+export default function useTabsStyle(variant: TabVariant): TabsStyle;
+export {};

package/build/typescript/TextField/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacyTextField';
-export type { default as TextFieldProps } from './LegacyTextFieldProps';
+export { default } from './TextField';
+export type { default as TextFieldProps } from './TextFieldProps';
+export { textFieldStatus } from './TextFieldProps';

package/build/typescript/Toolbar/ToolbarProps.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-import type { ViewProps } from 'react-native';
+import type { RowProps } from '../Row';
 import type { OverridableComponentProps } from '../types';
-export default interface ToolbarProps extends OverridableComponentProps<ViewProps, {
+export declare const toolbarSizes: readonly ["small", "medium", "large"];
+export declare type ToolbarSize = typeof toolbarSizes[number];
+export default interface ToolbarProps extends OverridableComponentProps<RowProps, {
     /**
      * The content of the component.
      */
@@ -11,5 +13,10 @@ export default interface ToolbarProps extends OverridableComponentProps<ViewProp
      * @default false
      */
     disableGutters?: boolean;
+    /**
+     * Determines the height of the toolbar.
+     * @default 'medium'
+     */
+    size?: ToolbarSize;
 }> {
 }

package/build/typescript/Toolbar/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './Toolbar';
 export type { default as ToolbarProps } from './ToolbarProps';
+export { toolbarSizes } from './ToolbarProps';

package/build/typescript/Tooltip/Beaks/index.d.ts

@@ -1,2 +1,6 @@
 export { default } from './Beak';
 export type { default as BeakProps } from './BeakProps';
+export { default as HorizontalLargeBeak } from './HorizontalLargeBeak';
+export { default as HorizontalSmallBeak } from './HorizontalSmallBeak';
+export { default as VerticalLargeBeak } from './VerticalLargeBeak';
+export { default as VerticalSmallBeak } from './VerticalSmallBeak';

package/build/typescript/Tooltip/index.d.ts

@@ -1,2 +1,4 @@
-export { default } from './LegacyTooltip';
-export type { default as TooltipProps } from './LegacyTooltipProps';
+export { default } from './Tooltip';
+export type { default as TooltipProps, TooltipBeakLayout, TooltipBeakPlacement } from './TooltipProps';
+export { tooltipBeakPlacements, tooltipPlacements, tooltipSizes } from './TooltipProps';
+export * from './Beaks';

package/build/typescript/Typography/TypographyProps.d.ts

@@ -48,6 +48,10 @@ export default interface TypographyProps extends ComponentProps<{
      * Internal use only. The hyperlink of the text.
      */
     href?: string;
+    /**
+     * Defines the vertical spacing between lines of text.
+     */
+    lineHeight?: TextStyle['lineHeight'];
     /**
      * Used to truncate the text with an ellipsis after computing the text
      * layout, including line wrapping, such that the total number of lines

package/build/typescript/Typography/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './LegacyTypography';
-export type { default as TypographyProps } from './LegacyTypographyProps';
+export { default } from './Typography';
+export type { default as TypographyProps } from './TypographyProps';
+export { typographyColors } from './TypographyProps';

package/build/typescript/hooks/useContentContainerStyle.d.ts

@@ -1,11 +1,7 @@
-import type { ScrollViewProps } from 'react-native';
+import type { FountainUiStyle } from '@fountain-ui/styles';
 import type { Theme } from '../types';
-declare type Breakpoint = keyof Theme['breakpoints']['values'];
-declare type ContentContainerStyle = ScrollViewProps['contentContainerStyle'];
 export interface Config {
-    breakpoint?: Breakpoint;
-    maxWidth?: Breakpoint;
-    styleProvider?: (theme: Theme) => ContentContainerStyle;
+    maxWidth?: number;
+    styleProvider?: (theme: Theme) => FountainUiStyle;
 }
-export default function useContentContainerStyle(config?: Config): ContentContainerStyle;
-export {};
+export default function useContentContainerStyle(config?: Config): FountainUiStyle;

package/build/typescript/index.d.ts

@@ -13,6 +13,12 @@ export { default as Avatar } from './Avatar';
 export * from './Avatar';
 export { default as Badge } from './Badge';
 export * from './Badge';
+export { default as BottomSheetActions } from './BottomSheetActions';
+export * from './BottomSheetActions';
+export { default as BottomSheetContent } from './BottomSheetContent';
+export * from './BottomSheetContent';
+export { default as BottomSheetTitle } from './BottomSheetTitle';
+export * from './BottomSheetTitle';
 export { default as Button } from './Button';
 export * from './Button';
 export { default as ButtonBase } from './ButtonBase';
@@ -29,8 +35,6 @@ export { default as CardMedia } from './CardMedia';
 export * from './CardMedia';
 export { default as Checkbox } from './Checkbox';
 export * from './Checkbox';
-export { default as CheckboxGroup } from './CheckboxGroup';
-export * from './CheckboxGroup';
 export { default as Chip } from './Chip';
 export * from './Chip';
 export { default as CircularProgress } from './CircularProgress';
@@ -93,6 +97,8 @@ export { default as RadioGroup } from './RadioGroup';
 export * from './RadioGroup';
 export { default as Row } from './Row';
 export * from './Row';
+export { default as Section } from './Section';
+export * from './Section';
 export { default as ShadowView } from './ShadowView';
 export * from './ShadowView';
 export { default as Slide } from './Slide';