@fountain-ui/core 2.0.0-beta.92 → 2.0.0-beta.94

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

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+import type TooltipProps from '../TooltipProps';
+export default interface BeakProps extends SvgProps, Pick<TooltipProps, 'placement' | 'size'> {
+}

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

@@ -0,0 +1,3 @@
+/// <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

@@ -0,0 +1,3 @@
+/// <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

@@ -0,0 +1,3 @@
+/// <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

@@ -0,0 +1,3 @@
+/// <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

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

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

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

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import type { TextProps, ViewProps } from 'react-native';
+import type { ComponentProps } from '../types';
+import type { ButtonProps } from '../Button';
+export declare type TooltipPlacement = 'top' | 'bottom';
+export declare type TooltipArrowPlacement = 'left' | 'right';
+export declare type TooltipInitialLayout = {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+};
+export default interface TooltipProps extends ComponentProps<{
+    /**
+     * Tooltip reference element.
+     */
+    children: React.ReactNode;
+    /**
+     * Left position relative to reference element.
+     */
+    left?: number;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClose?: () => void;
+    /**
+     * Tooltip placement.
+     * @default 'top'
+     */
+    placement?: TooltipPlacement;
+    /**
+     * Right position relative to reference element.
+     */
+    right?: number;
+    /**
+     * Tooltip title.
+     */
+    title: ButtonProps['children'];
+    /**
+     * Additional style for tooltip wrapper.
+     */
+    tooltipStyle?: ViewProps['style'];
+    /**
+     * The additional amount to vertically shift.
+     * @default 4
+     */
+    verticalOffset?: number;
+    /**
+     * If `true`, the tooltip is shown.
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * Tooltip arrow layout.
+     * If 'undefined', the arrow will be centered on tooltip.
+     */
+    arrowLayout?: {
+        placement: TooltipArrowPlacement;
+        offset: number;
+    };
+    /**
+     * number of tooltip's title lines
+     * @default 1
+     */
+    numberOfTitleLines?: TextProps['numberOfLines'];
+    /**
+     * position of tooltip before onLayout call
+     * @default  { height: 0, width: 0 , x: 0, y: 0}
+     */
+    initialLayout?: TooltipInitialLayout;
+}> {
+}

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

@@ -2,8 +2,16 @@ import React from 'react';
 import type { TextProps, ViewProps } from 'react-native';
 import type { ComponentProps } from '../types';
 import type { ButtonProps } from '../Button';
-export declare type TooltipPlacement = 'top' | 'bottom';
-export declare type TooltipArrowPlacement = 'left' | 'right';
+export declare const tooltipPlacements: readonly ["top", "bottom", "left", "right"];
+export declare type TooltipPlacement = typeof tooltipPlacements[number];
+export declare const tooltipSizes: readonly ["small", "large"];
+export declare type TooltipSize = typeof tooltipSizes[number];
+export declare const tooltipBeakPlacements: readonly ["start", "middle", "end"];
+export declare type TooltipBeakPlacement = typeof tooltipBeakPlacements[number];
+export declare type TooltipBeakLayout = {
+    placement: TooltipBeakPlacement;
+    offset: number;
+};
 export declare type TooltipInitialLayout = {
     height: number;
     width: number;
@@ -51,13 +59,10 @@ export default interface TooltipProps extends ComponentProps<{
      */
     visible?: boolean;
     /**
-     * Tooltip arrow layout.
-     * If 'undefined', the arrow will be centered on tooltip.
+     * Tooltip beak layout.
+     * If 'undefined', the beak will be centered on tooltip.
      */
-    arrowLayout?: {
-        placement: TooltipArrowPlacement;
-        offset: number;
-    };
+    beakLayout?: TooltipBeakLayout;
     /**
      * number of tooltip's title lines
      * @default 1
@@ -67,6 +72,11 @@ export default interface TooltipProps extends ComponentProps<{
      * position of tooltip before onLayout call
      * @default  { height: 0, width: 0 , x: 0, y: 0}
      */
-    initialLayout: TooltipInitialLayout;
+    initialLayout?: TooltipInitialLayout;
+    /**
+     * Determines the size of the tooltip.
+     * @default  'small'
+     */
+    size?: TooltipSize;
 }> {
 }

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

@@ -1,2 +1,2 @@
-export { default } from './Tooltip';
-export type { default as TooltipProps } from './TooltipProps';
+export { default } from './LegacyTooltip';
+export type { default as TooltipProps } from './LegacyTooltipProps';

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Text } from 'react-native';
+import TypographyProps from './LegacyTypographyProps';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<Text>>>;
+export default _default;

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

@@ -0,0 +1,81 @@
+import React from 'react';
+import type { AccessibilityProps, TextProps } from 'react-native';
+import type { ComponentProps } from '../types';
+export declare type TypographyAlign = 'inherit' | 'left' | 'center' | 'right' | 'justify';
+export declare type TypographyColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'warning' | 'error' | 'accent' | 'textPrimary' | 'textSecondary' | 'textAccent' | 'textHint';
+export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption1' | 'caption2' | 'flag' | 'button1' | 'button2';
+export interface Accessibility {
+    accessibilityRole: AccessibilityProps['accessibilityRole'];
+    'area-level'?: number;
+}
+export interface AccessibilityMap extends Partial<{
+    [key: string]: Accessibility;
+}> {
+}
+export default interface TypographyProps extends ComponentProps<{
+    /**
+     * Applies HTML tag at web and communicates purpose of component at app
+     */
+    accessibilityRole?: AccessibilityProps['accessibilityRole'];
+    /**
+     * Set the text-align on the component.
+     * The value 'justify' is not supported on Android and fallbacks to left.
+     * @default 'inherit'
+     */
+    align?: TypographyAlign;
+    /**
+     * Applies HTML heading level
+     */
+    ariaLevel?: number;
+    /**
+     * Specifies whether fonts should scale to respect Text Size accessibility settings.
+     * @default false
+     */
+    disableFontScaling?: boolean;
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'inherit'
+     */
+    color?: TypographyColor;
+    /**
+     * The text ellipsis mode.
+     * @default 'tail'
+     */
+    ellipsizeMode?: TextProps['ellipsizeMode'];
+    /**
+     * Internal use only. The hyperlink of the text.
+     */
+    href?: string;
+    /**
+     * Used to truncate the text with an ellipsis after computing the text
+     * layout, including line wrapping, such that the total number of lines
+     * does not exceed this number.
+     */
+    numberOfLines?: TextProps['numberOfLines'];
+    /**
+     * Lets the user select text, to use the native copy and paste functionality.
+     */
+    onPress?: TextProps['onPress'];
+    /**
+     * Lets the user select text, to use the native copy and paste functionality.
+     */
+    selectable?: boolean;
+    /**
+     * Applies the theme typography styles.
+     * @default 'body1'
+     */
+    variant?: TypographyVariant;
+    /**
+     * Callback that is called when the text layout has been calculated.
+     */
+    onTextLayout?: TextProps['onTextLayout'];
+    /**
+     * Callback that is called when the layout of the Text component changes.
+     */
+    onLayout?: TextProps['onLayout'];
+}> {
+}

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { Text } from 'react-native';
-import TypographyProps from './TypographyProps';
+import type TypographyProps from './TypographyProps';
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<Text>>>;
 export default _default;

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

@@ -1,17 +1,15 @@
 import React from 'react';
-import type { AccessibilityProps, TextProps } from 'react-native';
+import type { AccessibilityProps, TextProps, TextStyle } from 'react-native';
+import type { FontVariant, FontWeight } from '@fountain-ui/styles';
 import type { ComponentProps } from '../types';
-export declare type TypographyAlign = 'inherit' | 'left' | 'center' | 'right' | 'justify';
-export declare type TypographyColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'warning' | 'error' | 'accent' | 'textPrimary' | 'textSecondary' | 'textAccent' | 'textHint';
-export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption1' | 'caption2' | 'flag' | 'button1' | 'button2';
+export declare type TypographyAlign = 'inherit' | TextStyle['textAlign'];
+export declare const typographyColors: readonly ["inherit", "accent", "accentAlt", "strong", "strongInverse", "base", "baseInverse", "baseOpacity", "baseOpacityInverse", "weak", "weakOpacity", "weakInverse", "weakOpacityInverse"];
+export declare type TypographyColor = typeof typographyColors[number];
 export interface Accessibility {
     accessibilityRole: AccessibilityProps['accessibilityRole'];
     'area-level'?: number;
 }
-export interface AccessibilityMap extends Partial<{
-    [key: string]: Accessibility;
-}> {
-}
+export declare type AccessibilityMap = Partial<Record<FontVariant, Accessibility>>;
 export default interface TypographyProps extends ComponentProps<{
     /**
      * Applies HTML tag at web and communicates purpose of component at app
@@ -68,7 +66,12 @@ export default interface TypographyProps extends ComponentProps<{
      * Applies the theme typography styles.
      * @default 'body1'
      */
-    variant?: TypographyVariant;
+    variant?: FontVariant;
+    /**
+     * Determines the font weight.
+     * @default 'medium'
+     */
+    weight?: FontWeight;
     /**
      * Callback that is called when the text layout has been calculated.
      */

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

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

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

@@ -23,6 +23,7 @@ export interface CollapsibleAppBar {
     onScroll: OnScroll;
     onScrollViewChanged: (index: number) => void;
     scrollContentInsets: ContentInsets;
+    isScrolled: boolean;
 }
 export default function useCollapsibleAppBar(userOptions?: Options): CollapsibleAppBar;
 export {};

package/build/typescript/index.d.ts

@@ -17,6 +17,8 @@ export { default as Button } from './Button';
 export * from './Button';
 export { default as ButtonBase } from './ButtonBase';
 export * from './ButtonBase';
+export { default as ButtonSet } from './ButtonSet';
+export * from './ButtonSet';
 export { default as Card } from './Card';
 export * from './Card';
 export { default as CardActions } from './CardActions';
@@ -27,6 +29,8 @@ 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';
@@ -45,6 +49,8 @@ export { default as DialogTitle } from './DialogTitle';
 export * from './DialogTitle';
 export { default as Divider } from './Divider';
 export * from './Divider';
+export { default as Empty } from './Empty';
+export * from './Empty';
 export { default as Fab } from './Fab';
 export * from './Fab';
 export { default as IconButton } from './IconButton';
@@ -87,6 +93,8 @@ export { default as RadioGroup } from './RadioGroup';
 export * from './RadioGroup';
 export { default as Row } from './Row';
 export * from './Row';
+export { default as ShadowView } from './ShadowView';
+export * from './ShadowView';
 export { default as Slide } from './Slide';
 export * from './Slide';
 export { default as Slider } from './Slider';
@@ -109,6 +117,8 @@ export { default as Tabs } from './Tabs';
 export * from './Tabs';
 export { default as TextField } from './TextField';
 export * from './TextField';
+export { default as Toggle } from './Toggle';
+export * from './Toggle';
 export { default as Toolbar } from './Toolbar';
 export * from './Toolbar';
 export { default as Tooltip } from './Tooltip';

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<{
+    (props: (Omit<import("../../SvgIcon/SvgIconProps").default, "children"> | Omit<import("../..").SvgIconProps, "children">) & {
+        enableV2?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+}>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<{
+    (props: (Omit<import("../../SvgIcon/SvgIconProps").default, "children"> | Omit<import("../..").SvgIconProps, "children">) & {
+        enableV2?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+}>;
+export default _default;

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

@@ -1,129 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
-    (props: {
-        readonly color?: import("../..").CommonComponentColor | 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").ColorValue | undefined;
-        fontStyle?: import("react-native-svg").FontStyle | undefined;
-        testID?: string | undefined;
-        fontVariant?: import("react-native-svg").FontVariant | undefined;
-        opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly height?: import("react-native-svg").NumberProp | undefined;
-        readonly width?: import("react-native-svg").NumberProp | undefined;
-        transform?: string | (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
-        rotation?: import("react-native-svg").NumberProp | 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;
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
-        title?: string | undefined;
-        clipPath?: string | undefined;
-        marker?: string | undefined;
-        mask?: string | undefined;
-        scale?: import("react-native-svg").NumberArray | undefined;
-        skewX?: import("react-native-svg").NumberProp | undefined;
-        skewY?: import("react-native-svg").NumberProp | undefined;
-        readonly viewBox?: string | undefined;
-        preserveAspectRatio?: string | undefined;
-        fillOpacity?: import("react-native-svg").NumberProp | undefined;
-        fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native").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;
-        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;
-        x?: import("react-native-svg").NumberArray | undefined;
-        y?: import("react-native-svg").NumberArray | undefined;
-        pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
-        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        disabled?: boolean | undefined;
-        onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        delayPressIn?: number | undefined;
-        delayPressOut?: number | undefined;
-        delayLongPress?: number | undefined;
-        id?: string | undefined;
-        markerStart?: string | undefined;
-        markerMid?: string | undefined;
-        markerEnd?: string | undefined;
-        accessibilityLabel?: string | undefined;
-        accessible?: boolean | 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;
-        hitSlop?: import("react-native").Insets | undefined;
-        removeClippedSubviews?: boolean | undefined;
-        nativeID?: string | undefined;
-        collapsable?: boolean | undefined;
-        needsOffscreenAlphaCompositing?: boolean | undefined;
-        renderToHardwareTextureAndroid?: boolean | undefined;
-        focusable?: boolean | undefined;
-        shouldRasterizeIOS?: boolean | undefined;
-        isTVSelectable?: boolean | undefined;
-        hasTVPreferredFocus?: boolean | undefined;
-        tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
-        tvParallaxShiftDistanceX?: number | undefined;
-        tvParallaxShiftDistanceY?: number | undefined;
-        tvParallaxTiltAngle?: number | undefined;
-        tvParallaxMagnification?: number | undefined;
-        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessibilityActions?: readonly Readonly<{
-            name: string;
-            label?: string | undefined;
-        }>[] | undefined;
-        accessibilityRole?: import("react-native").AccessibilityRole | undefined;
-        accessibilityState?: import("react-native").AccessibilityState | undefined;
-        accessibilityHint?: string | undefined;
-        accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
-        accessibilityLabelledBy?: string | string[] | undefined;
-        accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
-        accessibilityElementsHidden?: boolean | undefined;
-        accessibilityLanguage?: string | undefined;
-        accessibilityViewIsModal?: boolean | undefined;
-        onAccessibilityEscape?: (() => void) | undefined;
-        onAccessibilityTap?: (() => void) | undefined;
-        onMagicTap?: (() => void) | undefined;
-        accessibilityIgnoresInvertColors?: boolean | undefined;
+    (props: (Omit<import("../../SvgIcon/SvgIconProps").default, "children"> | Omit<import("../..").SvgIconProps, "children">) & {
+        enableV2?: boolean | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -1,129 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
-    (props: {
-        readonly color?: import("../..").CommonComponentColor | 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").ColorValue | undefined;
-        fontStyle?: import("react-native-svg").FontStyle | undefined;
-        testID?: string | undefined;
-        fontVariant?: import("react-native-svg").FontVariant | undefined;
-        opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly height?: import("react-native-svg").NumberProp | undefined;
-        readonly width?: import("react-native-svg").NumberProp | undefined;
-        transform?: string | (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
-        rotation?: import("react-native-svg").NumberProp | 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;
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
-        title?: string | undefined;
-        clipPath?: string | undefined;
-        marker?: string | undefined;
-        mask?: string | undefined;
-        scale?: import("react-native-svg").NumberArray | undefined;
-        skewX?: import("react-native-svg").NumberProp | undefined;
-        skewY?: import("react-native-svg").NumberProp | undefined;
-        readonly viewBox?: string | undefined;
-        preserveAspectRatio?: string | undefined;
-        fillOpacity?: import("react-native-svg").NumberProp | undefined;
-        fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native").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;
-        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;
-        x?: import("react-native-svg").NumberArray | undefined;
-        y?: import("react-native-svg").NumberArray | undefined;
-        pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
-        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        disabled?: boolean | undefined;
-        onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        delayPressIn?: number | undefined;
-        delayPressOut?: number | undefined;
-        delayLongPress?: number | undefined;
-        id?: string | undefined;
-        markerStart?: string | undefined;
-        markerMid?: string | undefined;
-        markerEnd?: string | undefined;
-        accessibilityLabel?: string | undefined;
-        accessible?: boolean | 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;
-        hitSlop?: import("react-native").Insets | undefined;
-        removeClippedSubviews?: boolean | undefined;
-        nativeID?: string | undefined;
-        collapsable?: boolean | undefined;
-        needsOffscreenAlphaCompositing?: boolean | undefined;
-        renderToHardwareTextureAndroid?: boolean | undefined;
-        focusable?: boolean | undefined;
-        shouldRasterizeIOS?: boolean | undefined;
-        isTVSelectable?: boolean | undefined;
-        hasTVPreferredFocus?: boolean | undefined;
-        tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
-        tvParallaxShiftDistanceX?: number | undefined;
-        tvParallaxShiftDistanceY?: number | undefined;
-        tvParallaxTiltAngle?: number | undefined;
-        tvParallaxMagnification?: number | undefined;
-        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessibilityActions?: readonly Readonly<{
-            name: string;
-            label?: string | undefined;
-        }>[] | undefined;
-        accessibilityRole?: import("react-native").AccessibilityRole | undefined;
-        accessibilityState?: import("react-native").AccessibilityState | undefined;
-        accessibilityHint?: string | undefined;
-        accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
-        accessibilityLabelledBy?: string | string[] | undefined;
-        accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
-        accessibilityElementsHidden?: boolean | undefined;
-        accessibilityLanguage?: string | undefined;
-        accessibilityViewIsModal?: boolean | undefined;
-        onAccessibilityEscape?: (() => void) | undefined;
-        onAccessibilityTap?: (() => void) | undefined;
-        onMagicTap?: (() => void) | undefined;
-        accessibilityIgnoresInvertColors?: boolean | undefined;
+    (props: (Omit<import("../../SvgIcon/SvgIconProps").default, "children"> | Omit<import("../..").SvgIconProps, "children">) & {
+        enableV2?: boolean | undefined;
     }): JSX.Element;
     displayName: string;
 }>;