@fountain-ui/core 2.0.0-beta.9 → 2.0.0-beta.90

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

@@ -1,24 +1,38 @@
-import React from 'react';
+import type { ReactNode, Ref } from 'react';
 import type { ViewProps } from 'react-native';
-import Animated from 'react-native-reanimated';
-import type { TabVariant } from '../Tab';
-import type { OverridableComponentProps } from '../types';
-export declare type KeyboardDismissMode = 'none' | 'on-drag' | 'interactive';
-export declare type KeyboardShouldPersistTaps = 'never' | boolean | 'always' | 'handled';
+import type { TabIndicatorColor } from './TabIndicatorProps';
+import type { TabVariant, TabIndicatorSize } from '../Tab';
+import type { OverridableComponentProps, SyncAnimatedValue } from '../types';
+import type { KeyboardDismissMode, KeyboardShouldPersistTaps, TabsInstance } from './types';
+import type { ExtendedStyle } from '../types';
 export default interface TabsProps extends OverridableComponentProps<ViewProps, {
+    ref?: Ref<TabsInstance>;
     /**
      * Collection of Tab components.
      */
-    children: React.ReactNode;
-    /**
-     * Selected index.
-     */
-    index: number;
+    children: ReactNode;
     /**
      * If `true`, the indicator is disabled.
      * @default false
      */
     disableIndicator?: boolean;
+    /**
+     * The color of tab indicator
+     * @default 'primary'
+     */
+    indicatorColor?: TabIndicatorColor;
+    /**
+     * The size of tab indicator.
+     * 'full' adjusts the indicator to the size of the Tab,
+     * while 'fit-content' adjusts the indicator to the size of the content inside the Tab.
+     * @default 'full'
+     */
+    indicatorSize?: TabIndicatorSize;
+    /**
+     * Index of initial tab that should be selected.
+     * @default 0
+     */
+    initialIndex?: number;
     /**
      * keyboard dismissing condition of dragging.
      * @default 'none'
@@ -39,13 +53,23 @@ export default interface TabsProps extends OverridableComponentProps<ViewProps,
      */
     scrollable?: boolean;
     /**
-     * Scrollable value for using animated interpolation.
+     * These styles will be applied to the scroll view content container which wraps all of the child views.
+     */
+    scrollViewContentContainerStyle?: ExtendedStyle | ExtendedStyle[];
+    /**
+     * Unstable API.
      */
-    scrollValue?: Animated.SharedValue<number>;
+    UNSTABLE_sharedIndex?: SyncAnimatedValue;
     /**
      * The variant to use.
      * @default 'primary'
      */
     variant?: TabVariant;
+    /**
+     * Callback function executed when a Tab is selected.
+     * Executed even if the index does not change when a Tab is pressed.
+     * Receives the next tab index and the current tab index as parameters.
+     */
+    onTabSelected?: (newIndex: number, currentIndex: number) => void;
 }> {
 }

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

@@ -1,2 +1,3 @@
 export { default } from './Tabs';
 export type { default as TabsProps } from './TabsProps';
+export type { TabsInstance } from './types';

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

@@ -0,0 +1,9 @@
+export declare type KeyboardDismissMode = 'none' | 'on-drag' | 'interactive';
+export declare type KeyboardShouldPersistTaps = 'never' | boolean | 'always' | 'handled';
+export interface TabsInstance {
+    /**
+     * Function to scroll to a specific tab. Invalid index is ignored.
+     * @param index
+     */
+    setTab: (index: number) => void;
+}

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

@@ -0,0 +1,3 @@
+import type { MonoStore } from '../store';
+import type { SyncAnimatedValue } from '../types';
+export default function useIndexStore(value: SyncAnimatedValue): MonoStore<number>;

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

@@ -0,0 +1,8 @@
+import type { MutableRefObject } from 'react';
+import type { ScrollView, ViewProps } from 'react-native';
+import type TabCoordinate from './TabCoordinate';
+export interface UseScrollViewReaction {
+    scrollViewRef: MutableRefObject<ScrollView | null>;
+    onLayout: ViewProps['onLayout'];
+}
+export default function useScrollViewReaction(initialIndex: number, coordinates: TabCoordinate[]): UseScrollViewReaction;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import TabCoordinate from './TabCoordinate';
+export interface UpdateCoordinate {
+    (index: number, x: number, width: number): void;
+}
+export default function useTabCoordinates(tabElements: React.ReactNode): [TabCoordinate[], UpdateCoordinate];

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface UpdateInnerContentsWidth {
+    (index: number, width: number): void;
+}
+declare const useTabInnerContentsWidth: (tabElements: React.ReactNode) => [number[], UpdateInnerContentsWidth];
+export default useTabInnerContentsWidth;

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

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type TabCoordinate from './TabCoordinate';
+export declare function isEveryTabCoordinatesDefined(coordinates: (TabCoordinate | number)[], tabElements: ReactNode): boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Animated, LayoutChangeEvent } from 'react-native';
 interface LabelProps {
     activeColor: string;

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

@@ -2,6 +2,9 @@ import React from 'react';
 import { NativeSyntheticEvent, TargetedEvent } from 'react-native';
 import { ComponentProps } from '../types';
 declare type TextFieldKeyboardType = 'default' | 'numeric' | 'email-address';
+export interface setStyleProp {
+    fontFamily: string;
+}
 export default interface TextFieldProps extends ComponentProps<{
     /**
      * If true, user won't be able to interact with the component.

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

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

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

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

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

@@ -1,8 +1,15 @@
 import React from 'react';
-import type { ViewProps } from 'react-native';
+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.
@@ -43,5 +50,23 @@ export default interface TooltipProps extends ComponentProps<{
      * @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/Typography/TypographyProps.d.ts

@@ -3,7 +3,7 @@ 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';
+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;
@@ -13,12 +13,25 @@ export interface AccessibilityMap extends Partial<{
 }> {
 }
 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.
      */
@@ -56,5 +69,13 @@ export default interface TypographyProps extends ComponentProps<{
      * @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/animated/AnimatedPressable.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import Animated from 'react-native-reanimated';
-declare const _default: React.ComponentClass<Animated.AnimateProps<import("../Pressable").PressableProps>, any>;
+import { Animated } from 'react-native';
+declare const _default: Animated.AnimatedComponent<React.ComponentType<import("../Pressable").PressableProps>>;
 export default _default;

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

@@ -1,7 +1,12 @@
+export { default as useAnimatedValue } from './useAnimatedValue';
 export { default as useBreakpointUp } from './useBreakpointUp';
 export { default as useCollapsibleAppBar } from './useCollapsibleAppBar';
 export { default as useContentContainerStyle } from './useContentContainerStyle';
 export { default as useElevationStyle } from './useElevationStyle';
 export { default as useFadeInAppBar } from './useFadeInAppBar';
+export { default as useImperativeState } from './useImperativeState';
+export { default as useSyncAnimatedValue } from './useSyncAnimatedValue';
 export { default as useThrottle } from './useThrottle';
+export { default as useDebounce } from './useDebounce';
 export { default as useValidWindowDimensions } from './useValidWindowDimensions';
+export type { CollapsibleAppBar } from './useCollapsibleAppBar';

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

@@ -0,0 +1,2 @@
+import { Animated } from 'react-native';
+export default function useAnimatedValue(initialValue?: number): Animated.Value;

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

@@ -13,6 +13,8 @@ export interface ContentInsets {
 }
 export interface Options {
     keyboardDismissMode?: 'none' | 'on-drag';
+    dividerExposureMode?: 'always' | 'overlapped';
+    supportsReverseScroll?: boolean;
 }
 export interface CollapsibleAppBar {
     appBarStyle: ViewStyleProp;

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

@@ -0,0 +1 @@
+export default function useDebounce(callback: (args?: any) => void, debounceMillis: number): (...args: any[]) => void;

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

@@ -14,6 +14,7 @@ export interface FadeInAppBar {
     titleStyle: ViewStyleProp;
     onAppBarLayout: OnLayoutCallback;
     onScroll: OnScroll;
+    scrollY: SharedValue<number>;
     dy: SharedValue<number>;
     normalized: SharedValue<number>;
 }

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

@@ -0,0 +1,6 @@
+export interface ImperativeState<T> {
+    hasChanged: () => boolean;
+    get: () => T;
+    set: (nextState: T) => void;
+}
+export default function useImperativeState<T>(initialValue: T): ImperativeState<T>;

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

@@ -0,0 +1,6 @@
+import type { SyncAnimatedValue } from '../types';
+export interface SyncAnimatedValueConfig {
+    initialValue: number;
+    shouldSyncAlways?: boolean;
+}
+export default function useSyncAnimatedValue(config: SyncAnimatedValueConfig): SyncAnimatedValue;

package/build/typescript/hooks/useValidWindowDimensions/index.ios.d.ts

@@ -1 +1,2 @@
-export default function useValidWindowDimensions(): import("react-native").ScaledSize;
+import type { ScaledSize } from 'react-native';
+export default function useValidWindowDimensions(): ScaledSize;

package/build/typescript/index.d.ts

@@ -2,6 +2,7 @@ export * from './styles';
 export * from './types';
 export * from './hooks';
 export * from './utils';
+export * from './store';
 export { default as Accordion } from './Accordion';
 export * from './Accordion';
 export { default as AppBar } from './AppBar';
@@ -50,6 +51,7 @@ export { default as IconButton } from './IconButton';
 export * from './IconButton';
 export { default as Image } from './Image';
 export * from './Image';
+export * from './ImageCore';
 export { default as Link } from './Link';
 export * from './Link';
 export { default as List } from './List';

package/build/typescript/internal/hooks/index.d.ts

@@ -1,2 +1 @@
 export { default as useHeight } from './useHeight';
-export { default as useWidth } from './useWidth';

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

@@ -13,7 +13,7 @@ declare const _default: React.MemoExoticComponent<{
         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-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | 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;
@@ -21,10 +21,13 @@ declare const _default: React.MemoExoticComponent<{
         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;
-        title?: string | undefined;
         readonly viewBox?: string | undefined;
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
@@ -39,7 +42,6 @@ declare const _default: React.MemoExoticComponent<{
         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;
@@ -69,11 +71,11 @@ declare const _default: React.MemoExoticComponent<{
         delayPressOut?: number | undefined;
         delayLongPress?: number | undefined;
         id?: string | undefined;
-        marker?: string | undefined;
         markerStart?: string | undefined;
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
-        mask?: 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;
@@ -103,20 +105,20 @@ declare const _default: React.MemoExoticComponent<{
         onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessible?: boolean | undefined;
         accessibilityActions?: readonly Readonly<{
             name: string;
             label?: string | undefined;
         }>[] | undefined;
-        accessibilityLabel?: string | 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;

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

@@ -13,7 +13,7 @@ declare const _default: React.MemoExoticComponent<{
         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-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | 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;
@@ -21,10 +21,13 @@ declare const _default: React.MemoExoticComponent<{
         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;
-        title?: string | undefined;
         readonly viewBox?: string | undefined;
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
@@ -39,7 +42,6 @@ declare const _default: React.MemoExoticComponent<{
         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;
@@ -69,11 +71,11 @@ declare const _default: React.MemoExoticComponent<{
         delayPressOut?: number | undefined;
         delayLongPress?: number | undefined;
         id?: string | undefined;
-        marker?: string | undefined;
         markerStart?: string | undefined;
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
-        mask?: 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;
@@ -103,20 +105,20 @@ declare const _default: React.MemoExoticComponent<{
         onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessible?: boolean | undefined;
         accessibilityActions?: readonly Readonly<{
             name: string;
             label?: string | undefined;
         }>[] | undefined;
-        accessibilityLabel?: string | 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;

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

@@ -13,7 +13,7 @@ declare const _default: React.MemoExoticComponent<{
         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-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | 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;
@@ -21,10 +21,13 @@ declare const _default: React.MemoExoticComponent<{
         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;
-        title?: string | undefined;
         readonly viewBox?: string | undefined;
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
@@ -39,7 +42,6 @@ declare const _default: React.MemoExoticComponent<{
         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;
@@ -69,11 +71,11 @@ declare const _default: React.MemoExoticComponent<{
         delayPressOut?: number | undefined;
         delayLongPress?: number | undefined;
         id?: string | undefined;
-        marker?: string | undefined;
         markerStart?: string | undefined;
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
-        mask?: 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;
@@ -103,20 +105,20 @@ declare const _default: React.MemoExoticComponent<{
         onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessible?: boolean | undefined;
         accessibilityActions?: readonly Readonly<{
             name: string;
             label?: string | undefined;
         }>[] | undefined;
-        accessibilityLabel?: string | 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;

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

@@ -13,7 +13,7 @@ declare const _default: React.MemoExoticComponent<{
         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-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | 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;
@@ -21,10 +21,13 @@ declare const _default: React.MemoExoticComponent<{
         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;
-        title?: string | undefined;
         readonly viewBox?: string | undefined;
         preserveAspectRatio?: string | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
@@ -39,7 +42,6 @@ declare const _default: React.MemoExoticComponent<{
         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;
@@ -69,11 +71,11 @@ declare const _default: React.MemoExoticComponent<{
         delayPressOut?: number | undefined;
         delayLongPress?: number | undefined;
         id?: string | undefined;
-        marker?: string | undefined;
         markerStart?: string | undefined;
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
-        mask?: 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;
@@ -103,20 +105,20 @@ declare const _default: React.MemoExoticComponent<{
         onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessible?: boolean | undefined;
         accessibilityActions?: readonly Readonly<{
             name: string;
             label?: string | undefined;
         }>[] | undefined;
-        accessibilityLabel?: string | 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;