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

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

@@ -1,7 +1,15 @@
 import React from 'react';
 import type { SvgProps } from 'react-native-svg';
-import type { CommonComponentColor, OverridableComponentProps } from '../types';
-export declare type SvgIconColor = CommonComponentColor;
+import type { OverridableComponentProps } from '../types';
+export declare const svgIconColors: readonly ["strong", "strongInverse", "base", "baseInverse", "baseOpacity", "baseOpacityInverse", "weak", "weakInverse", "weakOpacity", "weakOpacityInverse", "accent", "accentAlt"];
+export declare type SvgIconColor = typeof svgIconColors[number];
+export declare const svgIconSizeMap: {
+    readonly small: 16;
+    readonly medium: 20;
+    readonly large: 24;
+};
+export declare type SvgIconSize = keyof typeof svgIconSizeMap;
+export declare const svgIconSizes: ("medium" | "small" | "large")[];
 export default interface SvgIconProps extends OverridableComponentProps<SvgProps, {
     /**
      * Node passed into the SVG element.
@@ -9,7 +17,7 @@ export default interface SvgIconProps extends OverridableComponentProps<SvgProps
     children: React.ReactNode;
     /**
      * The color of the component. It supports those theme colors that make sense for this component.
-     * @default 'primary'
+     * @default 'strong'
      */
     color?: SvgIconColor;
     /**
@@ -18,17 +26,20 @@ export default interface SvgIconProps extends OverridableComponentProps<SvgProps
     fill?: SvgProps['fill'];
     /**
      * The height applied to the icon.
-     * @default 24
      */
     height?: SvgProps['height'];
+    /**
+     * Determines the size of the viewport.
+     * @default 'medium'
+     */
+    size?: SvgIconSize;
     /**
      * Allows you to redefine what the coordinates without units mean inside an SVG element.
-     * @default '0 0 20 20'
+     * @default '0 0 24 24'
      */
     viewBox?: SvgProps['viewBox'];
     /**
      * The width applied to the icon.
-     * @default 24
      */
     width?: SvgProps['width'];
 }> {

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

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

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

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

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import type { LayoutChangeEvent } from 'react-native';
+import type { TabBaseProps } from '../TabBase';
+import type { OverridableComponentProps } from '../types';
+export declare type TabVariant = 'primary' | 'secondary' | 'tertiary' | 'bottom-navigation' | 'contained';
+export declare type TabIndicatorColor = 'primary' | 'secondary';
+export declare type TabIndicatorSize = 'full' | 'fit-content';
+export default interface TabProps extends OverridableComponentProps<TabBaseProps, {
+    /**
+     * If `true`, the badge is visible.
+     * @default false
+     */
+    badgeVisible?: boolean;
+    /**
+     * The label of the Tab.
+     */
+    children: string | React.ReactElement;
+    /**
+     * If `true`, the indicator is enabled.
+     * @default false
+     */
+    enableIndicator?: boolean;
+    /**
+     * If `true`, the component is selected.
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Element placed before the children.
+     */
+    icon?: React.ReactElement;
+    /**
+     * Tab indicator color
+     * @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;
+    /**
+     * If supplied, use this icon on selected state.
+     */
+    selectedIcon?: React.ReactElement;
+    /**
+     * The variant to use.
+     * @default 'primary'
+     */
+    variant?: TabVariant;
+    /**
+     * Function to be passed to the child component's onLayout prop.
+     */
+    onTabInnerLayout?: (event: LayoutChangeEvent) => void;
+}> {
+}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { TabIndicatorColor, TabIndicatorSize } from './TabProps';
-declare const _default: React.MemoExoticComponent<({ indicatorSize, color }: {
+import type { TabIndicatorColor, TabIndicatorSize } from './LegacyTabProps';
+declare const _default: React.MemoExoticComponent<({ indicatorSize, color, }: {
     indicatorSize: TabIndicatorSize;
     color: TabIndicatorColor;
 }) => JSX.Element>;

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

@@ -2,9 +2,8 @@ import React from 'react';
 import type { LayoutChangeEvent } from 'react-native';
 import type { TabBaseProps } from '../TabBase';
 import type { OverridableComponentProps } from '../types';
-export declare type TabVariant = 'primary' | 'secondary' | 'tertiary' | 'bottom-navigation' | 'contained';
-export declare type TabIndicatorColor = 'primary' | 'secondary';
-export declare type TabIndicatorSize = 'full' | 'fit-content';
+export declare const tabVariants: readonly ["default", "circular", "bottom-navigation"];
+export declare type TabVariant = typeof tabVariants[number];
 export default interface TabProps extends OverridableComponentProps<TabBaseProps, {
     /**
      * If `true`, the badge is visible.
@@ -29,25 +28,13 @@ export default interface TabProps extends OverridableComponentProps<TabBaseProps
      * Element placed before the children.
      */
     icon?: React.ReactElement;
-    /**
-     * Tab indicator color
-     * @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;
     /**
      * If supplied, use this icon on selected state.
      */
     selectedIcon?: React.ReactElement;
     /**
      * The variant to use.
-     * @default 'primary'
+     * @default 'default'
      */
     variant?: TabVariant;
     /**

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+import type { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+import type TabCoordinate from './TabCoordinate';
+export declare type TabIndicatorColor = 'primary' | 'secondary';
+export default interface TabIndicatorProps extends OverridableComponentProps<ViewProps, {
+    /**
+     * Tab item coordinates.
+     */
+    coordinates: TabCoordinate[];
+    /**
+     * Indicator color.
+     * @default: 'primary'
+     */
+    color?: TabIndicatorColor;
+    /**
+     * If `true`, the indicator is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Initial index.
+     */
+    initialIndex: number;
+    /**
+     * If `true`, the tab will be able to scroll.
+     */
+    scrollable: boolean;
+}> {
+}

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

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

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

@@ -0,0 +1,74 @@
+import type { ReactNode, Ref } from 'react';
+import type { ViewProps } from 'react-native';
+import type { TabVariant, TabIndicatorSize } from '../Tab';
+import type { ExtendedStyle, OverridableComponentProps, SyncAnimatedValue } from '../types';
+import type { TabIndicatorColor } from './LegacyTabIndicatorProps';
+import type { KeyboardDismissMode, KeyboardShouldPersistTaps, TabsInstance } from './types';
+export default interface TabsProps extends OverridableComponentProps<ViewProps, {
+    ref?: Ref<TabsInstance>;
+    /**
+     * Collection of Tab components.
+     */
+    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'
+     */
+    keyboardDismissMode?: KeyboardDismissMode;
+    /**
+     * keyboard persisting condition of tapping.
+     * @default 'never'
+     */
+    keyboardShouldPersistTaps?: KeyboardShouldPersistTaps;
+    /**
+     * Callback fired when a tab is selected.
+     */
+    onChange?: (newIndex: number) => void;
+    /**
+     * If `true`, the component will be able to scroll.
+     * @default false
+     */
+    scrollable?: boolean;
+    /**
+     * These styles will be applied to the scroll view content container which wraps all of the child views.
+     */
+    scrollViewContentContainerStyle?: ExtendedStyle | ExtendedStyle[];
+    /**
+     * Unstable API.
+     */
+    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/TabIndicatorProps.d.ts

@@ -1,17 +1,11 @@
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
 import type TabCoordinate from './TabCoordinate';
-export declare type TabIndicatorColor = 'primary' | 'secondary';
 export default interface TabIndicatorProps extends OverridableComponentProps<ViewProps, {
     /**
      * Tab item coordinates.
      */
     coordinates: TabCoordinate[];
-    /**
-     * Indicator color.
-     * @default: 'primary'
-     */
-    color?: TabIndicatorColor;
     /**
      * If `true`, the indicator is disabled.
      */
@@ -20,9 +14,5 @@ export default interface TabIndicatorProps extends OverridableComponentProps<Vie
      * Initial index.
      */
     initialIndex: number;
-    /**
-     * If `true`, the tab will be able to scroll.
-     */
-    scrollable: boolean;
 }> {
 }

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

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

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

@@ -1,10 +1,10 @@
 import type { ReactNode, Ref } from 'react';
 import type { ViewProps } from 'react-native';
-import type { TabIndicatorColor } from './TabIndicatorProps';
-import type { TabVariant, TabIndicatorSize } from '../Tab';
-import type { OverridableComponentProps, SyncAnimatedValue } from '../types';
+import type { TabVariant } from '../Tab/TabProps';
+import type { ExtendedStyle, OverridableComponentProps, SyncAnimatedValue } from '../types';
 import type { KeyboardDismissMode, KeyboardShouldPersistTaps, TabsInstance } from './types';
-import type { ExtendedStyle } from '../types';
+export declare const tabIndicatorSizes: readonly ["fit-content", "full"];
+export declare type TabIndicatorSize = typeof tabIndicatorSizes[number];
 export default interface TabsProps extends OverridableComponentProps<ViewProps, {
     ref?: Ref<TabsInstance>;
     /**
@@ -16,16 +16,11 @@ export default interface TabsProps extends OverridableComponentProps<ViewProps,
      * @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'
+     * @default 'fit-content'
      */
     indicatorSize?: TabIndicatorSize;
     /**
@@ -56,6 +51,11 @@ export default interface TabsProps extends OverridableComponentProps<ViewProps,
      * These styles will be applied to the scroll view content container which wraps all of the child views.
      */
     scrollViewContentContainerStyle?: ExtendedStyle | ExtendedStyle[];
+    /**
+     * Determines whether to display the bottom border.
+     * @default false
+     */
+    showDivider?: boolean;
     /**
      * Unstable API.
      */

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+import TextFieldProps from './LegacyTextFieldProps';
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextInput>>;
+export default TextField;

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

@@ -0,0 +1,67 @@
+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.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether to style the TextField with error style.
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * It is an icon placed to the right of the TextField.
+     */
+    icon?: React.ReactElement;
+    /**
+     * User can specify the keyboard type.
+     * @default 'default'
+     */
+    keyboardType?: TextFieldKeyboardType;
+    /**
+     * The text to use for the floating label.
+     */
+    label?: string;
+    /**
+     * Callback that is called when the textField is blurred.
+     */
+    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    /**
+     * Callback that is called when the textField's text changes.
+     */
+    onChangeText?: (value: string) => void;
+    /**
+     * Callback that is called when the textField is focused.
+     */
+    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    /**
+     * Callback that is called when icon pressed.
+     */
+    onIconPress?: () => void;
+    /**
+     * Callback that is called when enter or submit key pressed.
+     */
+    onSubmitEditing?: () => void;
+    /**
+     * Placeholder for textField.
+     */
+    placeholder?: string;
+    /**
+     * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.
+     * @default false
+     */
+    secureTextEntry?: boolean;
+    /**
+     * Value of the textField.
+     */
+    value?: string;
+}> {
+}
+export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Animated, LayoutChangeEvent, TextInput } from 'react-native';
-import TextFieldProps from './TextFieldProps';
+import TextFieldProps from './LegacyTextFieldProps';
 interface OutlinedTextFieldProps extends TextFieldProps {
     animatedError: Animated.Value;
     animatedLabel: Animated.Value;

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

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

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

@@ -1,67 +1,41 @@
-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.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether to style the TextField with error style.
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * It is an icon placed to the right of the TextField.
-     */
-    icon?: React.ReactElement;
-    /**
-     * User can specify the keyboard type.
-     * @default 'default'
-     */
-    keyboardType?: TextFieldKeyboardType;
-    /**
-     * The text to use for the floating label.
-     */
-    label?: string;
-    /**
-     * Callback that is called when the textField is blurred.
-     */
-    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+import type { TextInputProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+import { ExtendedStyle } from '../types';
+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 default interface TextFieldProps extends OverridableComponentProps<TextInputProps, {
     /**
-     * Callback that is called when the textField's text changes.
+     * Determines the style of the container that wraps the input.
      */
-    onChangeText?: (value: string) => void;
+    containerStyle?: ExtendedStyle | ExtendedStyle[];
     /**
-     * Callback that is called when the textField is focused.
+     * Determines the text below the input.
      */
-    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    hint?: string;
     /**
-     * Callback that is called when icon pressed.
+     * Determines whether to display the spinner when in loading state. (only search)
      */
-    onIconPress?: () => void;
+    isLoading?: boolean;
     /**
-     * Callback that is called when enter or submit key pressed.
+     * Determines whether to expose the Clear button.
+     * @default variant === search ? true : false
      */
-    onSubmitEditing?: () => void;
+    showClearButton?: boolean;
     /**
-     * Placeholder for textField.
+     * Determines the input color based on the status.
+     * @default default
      */
-    placeholder?: string;
+    status?: TextFieldStatus;
     /**
-     * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.
-     * @default false
+     * Determines the title of the input.
      */
-    secureTextEntry?: boolean;
+    title?: string;
     /**
-     * Value of the textField.
+     * Determines the overall style and appearance of the input.
+     * @default default
      */
-    value?: string;
+    variant?: TextFieldVariant;
 }> {
 }
-export {};

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import type { ButtonBaseProps } from '../ButtonBase';
+import type { OverridableComponentProps } from '../types';
+export default interface ToggleProps extends OverridableComponentProps<Omit<ButtonBaseProps, 'children'>, {
+    /**
+     * If `true`, the component is checked.
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * If `true`, the switch is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback fired when the switch is changed.
+     */
+    onChange?: (newChecked: boolean) => void;
+}> {
+}

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

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

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

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