@fountain-ui/core 3.0.0-alpha.5 → 3.0.0-alpha.50

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

@@ -1,11 +1,14 @@
 import type { TextStyle } from 'react-native';
 import type { FountainUiStyle } from '@fountain-ui/styles';
-import type { ChipSize, ChipStartElementVariant } from './ChipProps';
+import type { SvgIconProps } from '../SvgIcon';
+import type { ChipColor, ChipSize, ChipStartElementVariant, ChipVariant } from './ChipProps';
 interface ChipStyle {
     container: FountainUiStyle;
-    endElement?: FountainUiStyle;
+    closeButtonContainer?: FountainUiStyle;
+    closeIconSize?: Pick<SvgIconProps, 'height' | 'width'>;
     label: TextStyle;
     startElement?: FountainUiStyle;
+    startElementContainer?: FountainUiStyle;
 }
-export default function useChipStyle(size: ChipSize, startElementVariant: ChipStartElementVariant, isEndElement: boolean): ChipStyle;
+export default function useChipStyle(size: ChipSize, startElementVariant: ChipStartElementVariant, color: ChipColor, selected: boolean, variant?: ChipVariant): ChipStyle;
 export {};

package/build/typescript/CircularProgress/CircularProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
 export default function CircularProgress(props: OverridableComponentProps<ViewProps>): JSX.Element;

package/build/typescript/Column/Column.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     (props: import("../Flexbox").FlexboxProps): JSX.Element;
     displayName: string;

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

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

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

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ModalProps } from '../Modal';
 import type { OverridableComponentProps } from '../types';
 import { ANIMATION_TYPE } from '../Modal';
-export declare const dialogSizes: readonly ["small", "medium", "large"];
+export declare const dialogSizes: readonly ["small", "medium", "large", "full"];
 export declare type DialogSize = typeof dialogSizes[number];
 export default interface DialogProps extends OverridableComponentProps<ModalProps, {
     /**
@@ -14,11 +14,6 @@ export default interface DialogProps extends OverridableComponentProps<ModalProp
      * Dialog children, usually the included sub-components.
      */
     children?: React.ReactNode;
-    /**
-     * If `true`, the dialog is full-screen.
-     * @default false
-     */
-    fullScreen?: boolean;
     /**
      * Determines the minWidth of the Dialog.
      * @default 'medium'

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { DialogProps } from '../Dialog';
+import type DialogTitleProps from './DialogTitleProps';
+interface DialogLargeTitleProps extends DialogTitleProps {
+    closeButtonType?: 'back' | 'close';
+    onClose: DialogProps['onClose'];
+}
+export default function DialogLargeTitle(props: DialogLargeTitleProps): JSX.Element;
+export {};

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

@@ -1,3 +1,7 @@
-/// <reference types="react" />
+import DialogLargeTitle from './DialogLargeTitle';
 import type DialogTitleProps from './DialogTitleProps';
-export default function DialogTitle(props: DialogTitleProps): JSX.Element;
+declare const DialogTitle: {
+    (props: DialogTitleProps): JSX.Element;
+    Large: typeof DialogLargeTitle;
+};
+export default DialogTitle;

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

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

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

@@ -3,7 +3,7 @@ import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
 export declare const dividerElementAligns: readonly ["start", "center", "end"];
 export declare type DividerElementAlign = typeof dividerElementAligns[number];
-export declare const dividerVariants: readonly ["base", "strong"];
+export declare const dividerVariants: readonly ["base", "strong", "baseStatic", "strongStatic"];
 export declare type DividerVariant = typeof dividerVariants[number];
 export default interface DividerProps extends OverridableComponentProps<ViewProps, {
     /**

package/build/typescript/Empty/Empty.d.ts

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

package/build/typescript/Fab/Fab.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type FlexboxProps from './FlexboxProps';
 export default function createFlexbox(direction: 'row' | 'column'): {
     (props: FlexboxProps): JSX.Element;

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/IconButton.d.ts

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

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

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ButtonBaseProps } from '../ButtonBase';
 import type { SvgIconSize } from '../SvgIcon/SvgIconProps';
 import type { OverridableComponentProps } from '../types';
-export declare const iconButtonColors: readonly ["strong", "base", "staticStrongInverse", "disabled"];
+export declare const iconButtonColors: readonly ["strong", "base", "staticStrongInverse", "staticBaseOpacityInverse", "disabled"];
 export declare type IconButtonColor = typeof iconButtonColors[number];
 export default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {
     /**

package/build/typescript/Image/Image.d.ts

@@ -1,3 +1,7 @@
-/// <reference types="react" />
 import type ImageProps from './ImageProps';
-export default function Image(props: ImageProps): JSX.Element;
+declare function Image(props: ImageProps): JSX.Element;
+declare namespace Image {
+    var OverlayCloseButton: typeof import("./OverlayCloseButton").default;
+    var preload: typeof import("./preload").default;
+}
+export default Image;

package/build/typescript/Image/ImageProps.d.ts

@@ -23,6 +23,12 @@ export default interface ImageProps extends OverridableComponentProps<ViewProps,
      * @default false
      */
     disableLongClick?: boolean;
+    /**
+     * If true, disables the fade-in opacity animation on image load.
+     * Only affects native platforms.
+     * @default false
+     */
+    disableFadeIn?: boolean;
     /**
      * If `true`, the image outline is not rendered.
      * @default false

package/build/typescript/Image/OverlayCloseButton/OverlayCloseButton.d.ts

@@ -0,0 +1,2 @@
+import type OverlayCloseButtonProps from './OverlayCloseButtonProps';
+export default function OverlayCloseButton(props: OverlayCloseButtonProps): JSX.Element;

package/build/typescript/Image/OverlayCloseButton/OverlayCloseButtonProps.d.ts

@@ -0,0 +1,3 @@
+import type { IconButtonProps } from '../../IconButton';
+export default interface OverlayCloseButtonProps extends Omit<IconButtonProps, 'children'> {
+}

package/build/typescript/Image/OverlayCloseButton/index.d.ts

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

package/build/typescript/Image/preload.d.ts

@@ -0,0 +1,2 @@
+import type { ImageSource } from '../ImageCore';
+export default function preload(_sources: ImageSource[]): void;

package/build/typescript/Image/preload.native.d.ts

@@ -0,0 +1,2 @@
+import type { ImageSource } from '../ImageCore';
+export default function preload(sources: ImageSource[]): void;

package/build/typescript/ImageCore/ImageCoreNative.d.ts

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

package/build/typescript/ImageCore/ImageCoreProps.d.ts

@@ -8,6 +8,7 @@ export default interface ImageCoreProps extends Readonly<{
     alt?: string;
     cache?: CacheControl;
     disableDrag?: boolean;
+    disableFadeIn?: boolean;
     disableLongClick?: boolean;
     height?: number | string;
     loading: Loading;

package/build/typescript/ImageCore/ImageCoreWeb.d.ts

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

package/build/typescript/Link/Link.d.ts

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

package/build/typescript/List/List.d.ts

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

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

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

package/build/typescript/ListItemIcon/ListItemIcon.d.ts

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

package/build/typescript/ListItemSecondaryAction/ListItemSecondaryAction.d.ts

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

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

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

package/build/typescript/ListSubheader/ListSubheader.d.ts

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

package/build/typescript/Menu/Menu.d.ts

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

package/build/typescript/MenuItem/MenuItem.d.ts

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

package/build/typescript/Modal/AnimatedContainer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type ModalProps from '../ModalProps';
 declare type AnimatedContainerProps = Pick<ModalProps, 'children' | 'closeAnimation' | 'initialOpacity' | 'initialTranslateY' | 'onEnter' | 'onEntered' | 'onExit' | 'onExited' | 'openAnimation' | 'offsetAnimation' | 'style' | 'visible'>;
 export default function AnimatedContainer(props: AnimatedContainerProps): JSX.Element;

package/build/typescript/Modal/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type ModalProps from './ModalProps';
 export declare type ModalCloseReasonType = 'OUTSIDE_PRESS' | 'HARDWARE_BACK_PRESS' | 'CLOSE_BUTTON_PRESS' | 'UNKNOWN';
 export interface ModalCloseEvent {

package/build/typescript/Modal/ModalProps.d.ts

@@ -27,6 +27,14 @@ export default interface ModalProps extends OverridableComponentProps<ViewProps,
      * A single child content element.
      */
     children: React.ReactElement;
+    /**
+     * If `true`, the modal wraps its content in a `KeyboardAvoidingView` so
+     * that on iOS the visible area shrinks when the software keyboard appears.
+     * Intended for centered modals; leave `false` for bottom-anchored or
+     * full-screen overlays that manage their own keyboard handling.
+     * @default false
+     */
+    avoidKeyboard?: boolean;
     /**
      * If `true`, the animation is disabled.
      * @default false

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type PaginationProps from './PaginationProps';
 interface NumberPaginationProps {
     currentPage: PaginationProps['page'];

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

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

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

@@ -1,9 +1,16 @@
 import React from 'react';
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
+export declare const paginationColors: readonly ["base", "static"];
+export declare type PaginationColor = typeof paginationColors[number];
 export declare const paginationVariants: readonly ["dot", "number"];
 export declare type PaginationVariant = typeof paginationVariants[number];
 export interface PaginationRenderItemParams {
+    /**
+     * Set color of dot.
+     * @default 'base'
+     */
+    color?: PaginationColor;
     /**
      * Index of the pagination item.
      */
@@ -27,6 +34,11 @@ export default interface PaginationProps extends OverridableComponentProps<ViewP
      * The pagination will be added relative to this node.
      */
     children?: React.ReactNode;
+    /**
+     * Set color of dot.
+     * @default 'base'
+     */
+    color?: PaginationColor;
     /**
      * The total number of pages.
      */

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

@@ -1,3 +1,3 @@
 export { default } from './Pagination';
-export type { default as PaginationProps } from './PaginationProps';
-export { paginationVariants } from './PaginationProps';
+export type { default as PaginationProps, PaginationColor, PaginationVariant } from './PaginationProps';
+export { paginationColors, paginationVariants } from './PaginationProps';

package/build/typescript/PaginationItem/PaginationItemProps.d.ts

@@ -1,6 +1,12 @@
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
+import { PaginationColor } from '../Pagination';
 export default interface PaginationItemProps extends OverridableComponentProps<ViewProps, {
+    /**
+     * Set color of dot.
+     * @default 'base'
+     */
+    color?: PaginationColor;
     /**
      * If `true`, the pagination item is disabled.
      * @default false

package/build/typescript/Portal/Portal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PortalHost from './PortalHost';
 import type PortalProps from './PortalProps';
 declare function Portal(props: PortalProps): JSX.Element;

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

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

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

@@ -33,6 +33,10 @@ export default interface RadioProps extends OverridableComponentProps<BaseProps,
      * Value of the component.
      */
     value: string;
+    /**
+     * Helper text displayed below the children.
+     */
+    description?: string;
 }> {
 }
 export {};

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

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

package/build/typescript/Row/Row.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     (props: import("../Flexbox").FlexboxProps): JSX.Element;
     displayName: string;

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

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

package/build/typescript/ShadowView/ShadowView.d.ts

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

package/build/typescript/ShadowView/ShadowView.native.d.ts

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

package/build/typescript/Slide/Slide.d.ts

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

package/build/typescript/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import RNSlider from '@react-native-community/slider';
 import type SliderProps from './SliderProps';
-declare const _default: React.ForwardRefExoticComponent<Pick<SliderProps, "testID" | "style" | "onLayout" | "value" | "children" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "disabled" | "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" | "inverted" | "vertical" | "maximumTrackTintColor" | "maximumValue" | "minimumTrackTintColor" | "minimumValue" | "onSlidingStart" | "onSlidingComplete" | "onValueChange" | "step" | "accessibilityUnits" | "accessibilityIncrements" | "maximumTrackImage" | "minimumTrackImage" | "tapToSeek" | "thumbImage" | "trackImage" | "thumbTintColor"> & React.RefAttributes<RNSlider>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<SliderProps, "pointerEvents" | "style" | "onLayout" | "value" | "hitSlop" | "children" | "id" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "experimental_layoutConformance" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "disabled" | "inverted" | "vertical" | "maximumTrackTintColor" | "maximumValue" | "minimumTrackTintColor" | "minimumValue" | "onSlidingStart" | "onSlidingComplete" | "onValueChange" | "step" | "accessibilityUnits" | "accessibilityIncrements" | "maximumTrackImage" | "minimumTrackImage" | "tapToSeek" | "thumbImage" | "trackImage" | "thumbTintColor"> & React.RefAttributes<RNSlider>>;
 export default _default;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type SnackbarContentProps from './SnackbarContentProps';
 interface StatusIconProps {
     status: SnackbarContentProps['status'];

package/build/typescript/Spacer/Spacer.d.ts

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

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

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

package/build/typescript/Switch/Switch.d.ts

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

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

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

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

@@ -1,8 +1,11 @@
 import React from 'react';
 import type { LayoutChangeEvent } from 'react-native';
 import type { TabBaseProps } from '../TabBase';
-import type { OverridableComponentProps } from '../types';
-export declare const tabVariants: readonly ["default", "circular", "bottom-navigation"];
+import type { TabsColor } from '../Tabs';
+import type { ExtendedStyle, OverridableComponentProps } from '../types';
+export declare const tabSizes: readonly ["small", "medium"];
+export declare type TabSize = typeof tabSizes[number];
+export declare const tabVariants: readonly ["default", "circular", "circular-home", "bottom-navigation"];
 export declare type TabVariant = typeof tabVariants[number];
 export default interface TabProps extends OverridableComponentProps<TabBaseProps, {
     /**
@@ -19,6 +22,12 @@ export default interface TabProps extends OverridableComponentProps<TabBaseProps
      * @default false
      */
     enableIndicator?: boolean;
+    /**
+     * The color value inherited from the parent Tabs component.
+     * This allows Tab components to apply consistent styling based on the Tabs container's color scheme.
+     * @default 'default'
+     */
+    parentColor?: TabsColor;
     /**
      * If `true`, the component is selected.
      * @default false
@@ -32,6 +41,11 @@ export default interface TabProps extends OverridableComponentProps<TabBaseProps
      * If supplied, use this icon on selected state.
      */
     selectedIcon?: React.ReactElement;
+    /**
+     * The size of the Tab.
+     * @default 'medium'
+     */
+    size?: TabSize;
     /**
      * The variant to use.
      * @default 'default'
@@ -41,5 +55,10 @@ export default interface TabProps extends OverridableComponentProps<TabBaseProps
      * Function to be passed to the child component's onLayout prop.
      */
     onTabInnerLayout?: (event: LayoutChangeEvent) => void;
+    /**
+     * Custom style to apply to the inner container of the Tab.
+     * This allows customization of the tab's inner layout and appearance.
+     */
+    innerStyle?: ExtendedStyle | ExtendedStyle[];
 }> {
 }

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

@@ -1,2 +1,3 @@
 export { default } from './Tab';
-export type { default as TabProps, TabVariant } from './TabProps';
+export type { default as TabProps, TabSize, TabVariant } from './TabProps';
+export { tabSizes, tabVariants } from './TabProps';

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

@@ -1,10 +1,12 @@
 import { TextStyle } from 'react-native';
 import type { FountainUiStyle } from '@fountain-ui/styles';
-import type { TabVariant } from './TabProps';
+import type { TabsColor } from '../Tabs';
+import type { TabSize, TabVariant } from './TabProps';
 interface VariantStyle {
     container: FountainUiStyle;
+    iconContainer?: FountainUiStyle;
     inner?: FountainUiStyle;
     label: TextStyle;
 }
-export default function useVariantStyleMap(variant: TabVariant, selected: boolean): VariantStyle;
+export default function useVariantStyleMap(variant: TabVariant, selected: boolean, size: TabSize, parentColor: TabsColor): VariantStyle;
 export {};

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

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

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

@@ -11,10 +11,5 @@ export default interface TabBaseProps extends OverridableComponentProps<ButtonBa
      * @default false
      */
     selected?: boolean;
-    /**
-     * Orientation of the TabBase. Default is horizontal.
-     * @default false
-     */
-    vertical?: boolean;
 }> {
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ScrollViewProps } from 'react-native';
 import TabCoordinate from './TabCoordinate';
 export interface ScrollableTabsViewProps extends ScrollViewProps {

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

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