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

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, "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>>;
+declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "color" | "pointerEvents" | "style" | "onLayout" | "keyboardDismissMode" | "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" | "size" | "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,6 +1,6 @@
 import type { ReactNode, Ref } from 'react';
 import type { ViewProps } from 'react-native';
-import type { TabVariant } from '../Tab';
+import type { TabSize, TabVariant } from '../Tab';
 import type { ExtendedStyle, OverridableComponentProps, SyncAnimatedValue } from '../types';
 import type { KeyboardDismissMode, KeyboardShouldPersistTaps, TabsInstance } from './types';
 export declare const tabsColors: readonly ["default", "alt"];
@@ -63,6 +63,11 @@ export default interface TabsProps extends OverridableComponentProps<ViewProps,
      * @default false
      */
     showDivider?: boolean;
+    /**
+     * The size of the Tab.
+     * @default 'medium'
+     */
+    size?: TabSize;
     /**
      * Unstable API.
      */

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

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

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

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

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

@@ -5,6 +5,8 @@ export declare const textFieldStatus: readonly ["default", "success", "error"];
 export declare type TextFieldStatus = typeof textFieldStatus[number];
 export declare const textFieldVariants: readonly ["default", "search"];
 export declare type TextFieldVariant = typeof textFieldVariants[number];
+export declare const textFieldInputFontSizes: readonly ["large", "small"];
+export declare type TextFieldInputFontSize = typeof textFieldInputFontSizes[number];
 export default interface TextFieldProps extends OverridableComponentProps<TextInputProps, {
     /**
      * Determines the style of the container that wraps the input.
@@ -37,5 +39,16 @@ export default interface TextFieldProps extends OverridableComponentProps<TextIn
      * @default default
      */
     variant?: TextFieldVariant;
+    /**
+     * Determines the font size of the input.
+     * @default large
+     */
+    inputFontSize?: TextFieldInputFontSize;
+    /**
+     * Determines whether to display the word counter below the input.
+     * Requires maxLength to be set.
+     * @default false
+     */
+    showWordCounter?: boolean;
 }> {
 }

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

@@ -1,9 +1,11 @@
+import type { TextStyle } from 'react-native';
 import type { FountainUiStyle } from '@fountain-ui/styles';
-import type { TextFieldStatus, TextFieldVariant } from './TextFieldProps';
+import type { TextFieldInputFontSize, TextFieldStatus, TextFieldVariant } from './TextFieldProps';
 interface VariantStyleMap {
     containerStyle?: FountainUiStyle;
+    inputFontStyle?: TextStyle;
     inputStyle?: FountainUiStyle;
     hintStyle?: FountainUiStyle;
 }
-export default function useVariantStyleMap(variant: TextFieldVariant, status: TextFieldStatus, isFocused: boolean): VariantStyleMap;
+export default function useVariantStyleMap(variant: TextFieldVariant, status: TextFieldStatus, isFocused: boolean, inputFontSize?: TextFieldInputFontSize): VariantStyleMap;
 export {};

package/build/typescript/Toggle/Toggle.d.ts

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

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

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

package/build/typescript/Toolbar/BackButton/BackButtonProps.d.ts

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

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

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

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

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

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

@@ -8,11 +8,6 @@ export default interface ToolbarProps extends OverridableComponentProps<RowProps
      * The content of the component.
      */
     children: React.ReactNode;
-    /**
-     * If `true`, disables gutter padding.
-     * @default false
-     */
-    disableGutters?: boolean;
     /**
      * Determines the height of the toolbar.
      * @default 'medium'

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { TextProps, ViewProps } from 'react-native';
-import type { ComponentProps } from '../types';
 import type { ButtonProps } from '../Button';
+import type { OverridableComponentProps } from '../types';
 export declare const tooltipPlacements: readonly ["top", "bottom", "left", "right"];
 export declare type TooltipPlacement = typeof tooltipPlacements[number];
 export declare const tooltipSizes: readonly ["small", "large"];
@@ -18,7 +18,7 @@ export declare type TooltipInitialLayout = {
     x: number;
     y: number;
 };
-export default interface TooltipProps extends ComponentProps<{
+export default interface TooltipProps extends OverridableComponentProps<ViewProps, {
     /**
      * Tooltip reference element.
      */

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

@@ -1,3 +1,4 @@
 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/animated/AnimatedAppBar.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import Animated from 'react-native-reanimated';
-declare const _default: React.FunctionComponent<Animated.AnimateProps<import("../AppBar").AppBarProps & React.RefAttributes<import("react-native").View>>>;
+declare const _default: React.FunctionComponent<import("react-native-reanimated").AnimateProps<import("../AppBar").AppBarProps & React.RefAttributes<import("react-native/types").View>>>;
 export default _default;

package/build/typescript/animated/AnimatedFlatList.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import Animated from 'react-native-reanimated';
-declare const _default: React.ComponentClass<Animated.AnimateProps<import("react-native").FlatListProps<unknown>>, any>;
+declare const _default: React.ComponentClass<import("react-native-reanimated").AnimateProps<import("react-native").FlatListProps<unknown>>, any>;
 export default _default;

package/build/typescript/animated/AnimatedTypography.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import Animated from 'react-native-reanimated';
-declare const _default: React.FunctionComponent<Animated.AnimateProps<import("../Typography").TypographyProps & React.RefAttributes<import("react-native").Text>>>;
+declare const _default: React.FunctionComponent<import("react-native-reanimated").AnimateProps<import("../Typography").TypographyProps & React.RefAttributes<import("react-native/types").Text>>>;
 export default _default;

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

@@ -13,8 +13,8 @@ export interface ContentInsets {
 }
 export interface Options {
     keyboardDismissMode?: 'none' | 'on-drag';
-    dividerExposureMode?: 'always' | 'overlapped';
     supportsReverseScroll?: boolean;
+    minVisibleHeight?: number;
 }
 export interface CollapsibleAppBar {
     appBarStyle: ViewStyleProp;
@@ -22,6 +22,7 @@ export interface CollapsibleAppBar {
     onCollapsibleToolbarLayout: OnLayoutCallback;
     onScroll: OnScroll;
     onScrollViewChanged: (index: number) => void;
+    recoverAppBar: () => void;
     scrollContentInsets: ContentInsets;
     isScrolled: boolean;
 }

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

@@ -3,5 +3,6 @@ import type { Theme } from '../types';
 export interface Config {
     maxWidth?: number;
     styleProvider?: (theme: Theme) => FountainUiStyle;
+    isHomeScreen?: boolean;
 }
-export default function useContentContainerStyle(config: Config): FountainUiStyle;
+export default function useContentContainerStyle(config?: Config): FountainUiStyle;

package/build/typescript/internal/icons/AppBarChevronLeft.d.ts

@@ -0,0 +1,358 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<{
+    (props: {
+        readonly color?: "accent" | "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accentAlt" | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        readonly fill?: import("react-native/types").ColorValue | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
+        pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
+        filter?: string | undefined;
+        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+        readonly height?: import("react-native-svg").NumberProp | undefined;
+        scale?: import("react-native-svg").NumberArray | undefined;
+        scaleX?: import("react-native-svg").NumberProp | undefined;
+        scaleY?: import("react-native-svg").NumberProp | undefined;
+        translateX?: import("react-native-svg").NumberProp | undefined;
+        translateY?: import("react-native-svg").NumberProp | undefined;
+        skewX?: import("react-native-svg").NumberProp | undefined;
+        skewY?: import("react-native-svg").NumberProp | undefined;
+        readonly width?: import("react-native-svg").NumberProp | undefined;
+        title?: string | undefined;
+        hitSlop?: number | import("react-native/types").Insets | undefined;
+        id?: string | undefined;
+        needsOffscreenAlphaCompositing?: boolean | undefined;
+        removeClippedSubviews?: boolean | undefined;
+        testID?: string | undefined;
+        nativeID?: string | undefined;
+        experimental_layoutConformance?: "strict" | "classic" | undefined;
+        collapsable?: boolean | undefined;
+        collapsableChildren?: boolean | undefined;
+        renderToHardwareTextureAndroid?: boolean | undefined;
+        focusable?: boolean | undefined;
+        tabIndex?: 0 | -1 | undefined;
+        shouldRasterizeIOS?: boolean | undefined;
+        isTVSelectable?: boolean | undefined;
+        hasTVPreferredFocus?: boolean | undefined;
+        tvParallaxShiftDistanceX?: number | undefined;
+        tvParallaxShiftDistanceY?: number | undefined;
+        tvParallaxTiltAngle?: number | undefined;
+        tvParallaxMagnification?: number | undefined;
+        onStartShouldSetResponder?: ((event: import("react-native/types").GestureResponderEvent) => boolean) | undefined;
+        onMoveShouldSetResponder?: ((event: import("react-native/types").GestureResponderEvent) => boolean) | undefined;
+        onResponderEnd?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onResponderGrant?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onResponderReject?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onResponderMove?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onResponderRelease?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onResponderStart?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onResponderTerminationRequest?: ((event: import("react-native/types").GestureResponderEvent) => boolean) | undefined;
+        onResponderTerminate?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onStartShouldSetResponderCapture?: ((event: import("react-native/types").GestureResponderEvent) => boolean) | undefined;
+        onMoveShouldSetResponderCapture?: ((event: import("react-native/types").GestureResponderEvent) => boolean) | undefined;
+        onTouchStart?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onTouchMove?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onTouchEnd?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onTouchCancel?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onTouchEndCapture?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onPointerEnter?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerEnterCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerLeave?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerLeaveCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerMove?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerMoveCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerCancel?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerCancelCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerDown?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerDownCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerUp?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        onPointerUpCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
+        accessible?: boolean | undefined;
+        accessibilityActions?: readonly Readonly<{
+            name: string;
+            label?: string | undefined;
+        }>[] | undefined;
+        accessibilityLabel?: string | undefined;
+        'aria-label'?: string | undefined;
+        accessibilityRole?: import("react-native/types").AccessibilityRole | undefined;
+        accessibilityState?: import("react-native/types").AccessibilityState | undefined;
+        'aria-busy'?: boolean | undefined;
+        'aria-checked'?: boolean | "mixed" | undefined;
+        'aria-disabled'?: boolean | undefined;
+        'aria-expanded'?: boolean | undefined;
+        'aria-selected'?: boolean | undefined;
+        accessibilityHint?: string | undefined;
+        accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
+        'aria-valuemax'?: number | undefined;
+        'aria-valuemin'?: number | undefined;
+        'aria-valuenow'?: number | undefined;
+        'aria-valuetext'?: string | undefined;
+        onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
+        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        'aria-hidden'?: boolean | undefined;
+        'aria-modal'?: boolean | undefined;
+        role?: import("react-native/types").Role | undefined;
+        accessibilityLabelledBy?: string | string[] | undefined;
+        'aria-labelledby'?: string | undefined;
+        accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
+        'aria-live'?: "polite" | "assertive" | "off" | undefined;
+        accessibilityElementsHidden?: boolean | undefined;
+        accessibilityViewIsModal?: boolean | undefined;
+        onAccessibilityEscape?: (() => void) | undefined;
+        onAccessibilityTap?: (() => void) | undefined;
+        onMagicTap?: (() => void) | undefined;
+        accessibilityIgnoresInvertColors?: boolean | undefined;
+        accessibilityLanguage?: string | undefined;
+        accessibilityShowsLargeContentViewer?: boolean | undefined;
+        accessibilityLargeContentTitle?: string | undefined;
+        readonly viewBox?: string | undefined;
+        preserveAspectRatio?: string | undefined;
+        opacity?: import("react-native-svg").NumberProp | undefined;
+        fillOpacity?: import("react-native-svg").NumberProp | undefined;
+        fillRule?: import("react-native-svg").FillRule | undefined;
+        stroke?: import("react-native/types").ColorValue | undefined;
+        strokeWidth?: import("react-native-svg").NumberProp | undefined;
+        strokeOpacity?: import("react-native-svg").NumberProp | undefined;
+        strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
+        strokeDashoffset?: import("react-native-svg").NumberProp | undefined;
+        strokeLinecap?: import("react-native-svg").Linecap | undefined;
+        strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
+        strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
+        clipRule?: import("react-native-svg").FillRule | undefined;
+        clipPath?: string | undefined;
+        translate?: import("react-native-svg").NumberArray | undefined;
+        origin?: import("react-native-svg").NumberArray | undefined;
+        originX?: import("react-native-svg").NumberProp | undefined;
+        originY?: import("react-native-svg").NumberProp | undefined;
+        skew?: import("react-native-svg").NumberArray | undefined;
+        rotation?: import("react-native-svg").NumberProp | undefined;
+        x?: import("react-native-svg").NumberArray | undefined;
+        y?: import("react-native-svg").NumberArray | undefined;
+        transform?: string | readonly (({
+            perspective: import("react-native/types").AnimatableNumericValue;
+        } & {
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            rotate: import("react-native/types").AnimatableStringValue;
+        } & {
+            perspective?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            rotateX: import("react-native/types").AnimatableStringValue;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            rotateY: import("react-native/types").AnimatableStringValue;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            rotateZ: import("react-native/types").AnimatableStringValue;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            scale: import("react-native/types").AnimatableNumericValue;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            scaleX: import("react-native/types").AnimatableNumericValue;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            scaleY: import("react-native/types").AnimatableNumericValue;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            translateX: import("react-native/types").AnimatableNumericValue | `${number}%`;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            translateY: import("react-native/types").AnimatableNumericValue | `${number}%`;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            skewX: import("react-native/types").AnimatableStringValue;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewY?: undefined;
+            matrix?: undefined;
+        }) | ({
+            skewY: import("react-native/types").AnimatableStringValue;
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            matrix?: undefined;
+        }) | ({
+            matrix: import("react-native/types").AnimatableNumericValue[];
+        } & {
+            perspective?: undefined;
+            rotate?: undefined;
+            rotateX?: undefined;
+            rotateY?: undefined;
+            rotateZ?: undefined;
+            scale?: undefined;
+            scaleX?: undefined;
+            scaleY?: undefined;
+            translateX?: undefined;
+            translateY?: undefined;
+            skewX?: undefined;
+            skewY?: undefined;
+        }))[] | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
+        disabled?: boolean | undefined;
+        onPress?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onPressIn?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onPressOut?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        onLongPress?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
+        delayPressIn?: number | undefined;
+        delayPressOut?: number | undefined;
+        delayLongPress?: number | undefined;
+        marker?: string | undefined;
+        markerStart?: string | undefined;
+        markerMid?: string | undefined;
+        markerEnd?: string | undefined;
+        mask?: string | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
+        readonly size?: "medium" | "small" | "large" | undefined;
+    }): JSX.Element;
+    displayName: string;
+}>;
+export default _default;