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

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

@@ -1,2 +1,2 @@
-export { default } from './Chip';
-export type { default as ChipProps } from './ChipProps';
+export { default } from './LegacyChip';
+export type { default as ChipProps } from './LegacyChipProps';

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

@@ -0,0 +1,11 @@
+import type { TextStyle } from 'react-native';
+import type { FountainUiStyle } from '@fountain-ui/styles';
+import type { ChipSize, ChipStartElementVariant } from './ChipProps';
+interface ChipStyle {
+    container: FountainUiStyle;
+    endElement?: FountainUiStyle;
+    label: TextStyle;
+    startElement?: FountainUiStyle;
+}
+export default function useChipStyle(size: ChipSize, startElementVariant: ChipStartElementVariant, isEndElement: boolean): ChipStyle;
+export {};

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

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

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export default interface EmptyProps extends OverridableComponentProps<Omit<ViewProps, 'children'>, {
+    /**
+     * Text displayed on the CTA button.
+     */
+    buttonTitle?: string;
+    /**
+     * Descriptive text shown below the title.
+     */
+    description?: string;
+    /**
+     * Content displayed at the top.
+     * Can be an icon, image, or any visual element.
+     */
+    headerContent?: React.ReactNode;
+    /**
+     * Function called when the CTA button is pressed.
+     */
+    onButtonPress?: () => void;
+    /**
+     * The main title text.
+     */
+    title: string;
+}> {
+}

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

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

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import type { ButtonBaseProps } from '../ButtonBase';
-import type { CommonComponentColor, OverridableComponentProps } from '../types';
-export declare type IconButtonColor = CommonComponentColor;
-export declare type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';
+import type { SvgIconSize } from '../SvgIcon/SvgIconProps';
+import type { OverridableComponentProps } from '../types';
+export declare const iconButtonColors: readonly ["strong", "base", "staticStrongInverse", "disabled"];
+export declare type IconButtonColor = typeof iconButtonColors[number];
 export default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {
     /**
      * The icon element.
@@ -10,17 +11,13 @@ export default interface IconButtonProps extends OverridableComponentProps<Butto
     children: React.ReactElement;
     /**
      * The color of the component. It supports those theme colors that make sense for this component.
-     * @default 'primary'
+     * @default 'strong'
      */
     color?: IconButtonColor;
     /**
-     *  If present, this is typography displayed at the bottom of the icon.
-     */
-    label?: string;
-    /**
-     * The size of the button.
+     * Determines the size of the icon that goes inside the button.
      * @default 'medium'
      */
-    size?: IconButtonSize;
+    iconSize?: SvgIconSize;
 }> {
 }

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

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

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { ButtonBaseProps } from '../ButtonBase';
+import type { CommonComponentColor, OverridableComponentProps } from '../types';
+export declare type IconButtonColor = CommonComponentColor;
+export declare type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';
+export default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {
+    /**
+     * The icon element.
+     */
+    children: React.ReactElement;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'primary'
+     */
+    color?: IconButtonColor;
+    /**
+     *  If present, this is typography displayed at the bottom of the icon.
+     */
+    label?: string;
+    /**
+     * The size of the button.
+     * @default 'medium'
+     */
+    size?: IconButtonSize;
+    /**
+     * The custom size of the Icon. Not preDefined.
+     */
+    iconSize?: number;
+}> {
+}

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

@@ -1,2 +1,2 @@
-export { default } from './IconButton';
-export type { default as IconButtonProps } from './IconButtonProps';
+export { default } from './LegacyIconButton';
+export type { default as IconButtonProps } from './LegacyIconButtonProps';

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

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

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import type { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export interface PaginationRenderItemParams {
+    /**
+     * Index of the pagination item.
+     */
+    index: number;
+    /**
+     * If `true`, the pagination item is disabled.
+     */
+    disabled: boolean;
+    /**
+     * If `true` the pagination item is selected.
+     */
+    selected: boolean;
+}
+export default interface PaginationProps extends OverridableComponentProps<ViewProps, {
+    /**
+     * The Number of pages that change when the button is pressed
+     * @default 1
+     */
+    bundleSize?: number;
+    /**
+     * The pagination will be added relative to this node.
+     */
+    children?: React.ReactNode;
+    /**
+     * The total number of pages.
+     */
+    count: number;
+    /**
+     * If `true`, the pagination is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, hide the page indicator.
+     * @default false
+     */
+    hideIndicator?: boolean;
+    /**
+     * If `true`, hide the next-page button.
+     * @default false
+     */
+    hideNextButton?: boolean;
+    /**
+     * If `true`, hide the previous-page button.
+     * @default false
+     */
+    hidePrevButton?: boolean;
+    /**
+     * If `true`, pagination is infinite.
+     * @default false
+     */
+    infinite?: boolean;
+    /**
+     * Callback fired when the page is changed.
+     */
+    onChange?: (page: number) => void;
+    /**
+     * The current page number.
+     */
+    page: number;
+    /**
+     * Render the item.
+     * @default (item) => <PaginationItem {...item} />
+     */
+    renderItem?: (params: PaginationRenderItemParams) => React.ReactNode;
+}> {
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type PaginationProps from './PaginationProps';
+interface NumberPaginationProps {
+    currentPage: PaginationProps['page'];
+    maxPage: PaginationProps['count'];
+}
+export default function NumberPagination(props: NumberPaginationProps): JSX.Element;
+export {};

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
+export declare const paginationVariants: readonly ["dot", "number"];
+export declare type PaginationVariant = typeof paginationVariants[number];
 export interface PaginationRenderItemParams {
     /**
      * Index of the pagination item.
@@ -67,5 +69,10 @@ export default interface PaginationProps extends OverridableComponentProps<ViewP
      * @default (item) => <PaginationItem {...item} />
      */
     renderItem?: (params: PaginationRenderItemParams) => React.ReactNode;
+    /**
+     * Determines design variations of the component.
+     * @default 'dot'
+     */
+    variant?: PaginationVariant;
 }> {
 }

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

@@ -1,2 +1,2 @@
-export { default } from './Pagination';
-export type { default as PaginationProps } from './PaginationProps';
+export { default } from './LegacyPagination';
+export type { default as PaginationProps } from './LegacyPaginationProps';

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type PaginationItemProps from './PaginationItemProps';
+declare function PaginationItem(props: PaginationItemProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof PaginationItem>;
+export default _default;

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

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

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { OverridableComponentProps } from '../types';
+import type { ButtonBaseProps } from '../ButtonBase';
+declare type BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;
+export default interface RadioProps extends OverridableComponentProps<BaseProps, {
+    /**
+     * If `true`, the component is checked.
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Content which is sharing pressable next to radio.
+     */
+    children?: React.ReactNode;
+    /**
+     * If `true`, the radio is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback fired when the component is pressed.
+     */
+    onChange?: (newValue: string) => void;
+    /**
+     * Value of the component.
+     */
+    value: string;
+    /**
+     * Determines the placement of the icon relative to the children.
+     * @default 'left'
+     */
+    iconPlacement?: 'right' | 'left';
+    /**
+     * Custom icon element to display when the radio is unchecked.
+     */
+    uncheckedIcon?: React.ReactNode;
+    /**
+     * Custom icon element to display when the radio is checked.
+     */
+    checkedIcon?: React.ReactNode;
+}> {
+}
+export {};

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

@@ -8,10 +8,14 @@ export default interface RadioProps extends OverridableComponentProps<BaseProps,
      * @default false
      */
     checked?: boolean;
+    /**
+     * Custom icon element to display when the radio is checked.
+     */
+    checkedIcon?: React.ReactNode;
     /**
      * Content which is sharing pressable next to radio.
      */
-    children?: React.ReactNode;
+    children?: string;
     /**
      * If `true`, the radio is disabled.
      * @default false
@@ -22,22 +26,13 @@ export default interface RadioProps extends OverridableComponentProps<BaseProps,
      */
     onChange?: (newValue: string) => void;
     /**
-     * Value of the component.
-     */
-    value: string;
-    /**
-     * Determines the placement of the icon relative to the children.
-     * @default 'left'
-     */
-    iconPlacement?: 'right' | 'left';
-    /**
-     * Custom icon element to display when the radio is unchecked.
+     * Element placed before the children.
      */
-    uncheckedIcon?: React.ReactNode;
+    startIcon?: React.ReactElement;
     /**
-     * Custom icon element to display when the radio is checked.
+     * Value of the component.
      */
-    checkedIcon?: React.ReactNode;
+    value: string;
 }> {
 }
 export {};

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

@@ -1,2 +1,2 @@
-export { default } from './Radio';
-export type { default as RadioProps } from './RadioProps';
+export { default } from './LegacyRadio';
+export type { default as RadioProps } from './LegacyRadioProps';

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

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

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

@@ -1,2 +1,2 @@
-export { default } from './RadioGroup';
+export { default } from './LegacyRadioGroup';
 export type { default as RadioGroupProps } from './RadioGroupProps';

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { ViewProps } from 'react-native';
+import type { ShadowVariant } from '@fountain-ui/styles';
+import { OverridableComponentProps } from '../types';
+export default interface ShadowViewProps extends OverridableComponentProps<ViewProps, {
+    /**
+     * Determines the darkness of the shadow.
+     * @default 100
+     */
+    variant?: ShadowVariant;
+}> {
+}

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

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

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

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

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

@@ -0,0 +1,51 @@
+import React from 'react';
+import type { Animated, ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export default interface SnackbarProps extends OverridableComponentProps<ViewProps, {
+    /**
+     * The text to use for the action component.
+     */
+    actionLabel?: string;
+    /**
+     * y value for animating.
+     */
+    animatedY?: Animated.Value;
+    /**
+     * The number of milliseconds to wait before automatically calling the
+     * `onDismiss` function. `onDismiss` should then set the state of the `visible`
+     * prop to hide the `Snackbar`. This behavior is disabled by default with
+     * the `null` value.
+     * @default null
+     */
+    autoHideDuration?: number | null;
+    /**
+     * Replace the `SnackbarContent` component.
+     */
+    children?: React.ReactNode;
+    /**
+     * The message to display.
+     */
+    message?: string;
+    /**
+     * Callback fired when the action component pressed.
+     */
+    onActionPress?: () => void;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClose?: () => void;
+    /**
+     * Element placed before the title and message.
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * The title to display.
+     */
+    title?: string;
+    /**
+     * If `true`, `Snackbar` is shown.
+     * @default false
+     */
+    visible?: boolean;
+}> {
+}

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import type { Animated, ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
+export declare const snackbarStatus: readonly ["info", "success", "fail"];
+export declare type SnackbarStatus = typeof snackbarStatus[number];
 export default interface SnackbarProps extends OverridableComponentProps<ViewProps, {
     /**
      * The text to use for the action component.
      */
-    actionLabel?: string;
+    actionContent?: string | React.ReactNode;
     /**
      * y value for animating.
      */
@@ -29,7 +31,7 @@ export default interface SnackbarProps extends OverridableComponentProps<ViewPro
     /**
      * Callback fired when the action component pressed.
      */
-    onActionPress?: () => void;
+    onPress?: () => void;
     /**
      * Callback fired when the component requests to be closed.
      */
@@ -38,6 +40,11 @@ export default interface SnackbarProps extends OverridableComponentProps<ViewPro
      * Element placed before the title and message.
      */
     startIcon?: React.ReactElement;
+    /**
+     * The status of the snackbar, which determines its visual style and optional icon.
+     * @default 'info'
+     */
+    status?: SnackbarStatus;
     /**
      * The title to display.
      */

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

@@ -1,2 +1,2 @@
-export { default } from './Snackbar';
-export type { default as SnackbarProps } from './SnackbarProps';
+export { default } from './LegacySnackbar';
+export type { default as SnackbarProps } from './LegacySnackbarProps';

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { OverridableComponentProps } from '../types';
+import type { PaperProps } from '../Paper';
+export default interface SnackbarContentProps extends OverridableComponentProps<PaperProps, {
+    /**
+     * The text to use for the action component.
+     */
+    actionLabel?: string;
+    /**
+     * The message to display.
+     */
+    message?: string;
+    /**
+     * Callback fired when the action component pressed.
+     */
+    onActionPress?: () => void;
+    /**
+     * Element placed before the title and message.
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * The title to display.
+     */
+    title?: string;
+}> {
+}

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

@@ -1,26 +1,7 @@
-import React from 'react';
+import type { ButtonBaseProps } from '../ButtonBase';
+import type SnackbarProps from '../Snackbar/SnackbarProps';
 import type { OverridableComponentProps } from '../types';
-import type { PaperProps } from '../Paper';
-export default interface SnackbarContentProps extends OverridableComponentProps<PaperProps, {
-    /**
-     * The text to use for the action component.
-     */
-    actionLabel?: string;
-    /**
-     * The message to display.
-     */
-    message?: string;
-    /**
-     * Callback fired when the action component pressed.
-     */
-    onActionPress?: () => void;
-    /**
-     * Element placed before the title and message.
-     */
-    startIcon?: React.ReactElement;
-    /**
-     * The title to display.
-     */
-    title?: string;
-}> {
+declare type SnackbarContentBaseProps = Pick<SnackbarProps, 'actionContent' | 'message' | 'onPress' | 'startIcon' | 'status' | 'title'>;
+export default interface SnackbarContentProps extends OverridableComponentProps<Omit<ButtonBaseProps, 'children'>, SnackbarContentBaseProps> {
 }
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type SnackbarContentProps from './SnackbarContentProps';
+interface StatusIconProps {
+    status: SnackbarContentProps['status'];
+}
+export default function StatusIcon(props: StatusIconProps): JSX.Element | null;
+export {};

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

@@ -1,2 +1,2 @@
-export { default } from './SnackbarContent';
-export type { default as SnackbarContentProps } from './SnackbarContentProps';
+export { default } from './LegacySnackbarContent';
+export type { default as SnackbarContentProps } from './LegacySnackbarContentProps';

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

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

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { SvgProps } from 'react-native-svg';
+import type { CommonComponentColor, OverridableComponentProps } from '../types';
+export declare type SvgIconColor = CommonComponentColor;
+export default interface SvgIconProps extends OverridableComponentProps<SvgProps, {
+    /**
+     * Node passed into the SVG element.
+     */
+    children: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     * @default 'primary'
+     */
+    color?: SvgIconColor;
+    /**
+     * The color of the component. It is treated as higher priority than `color` prop if provided.
+     */
+    fill?: SvgProps['fill'];
+    /**
+     * The height applied to the icon.
+     * @default 24
+     */
+    height?: SvgProps['height'];
+    /**
+     * Allows you to redefine what the coordinates without units mean inside an SVG element.
+     * @default '0 0 20 20'
+     */
+    viewBox?: SvgProps['viewBox'];
+    /**
+     * The width applied to the icon.
+     * @default 24
+     */
+    width?: SvgProps['width'];
+}> {
+}