@cdek-it/react-native-ui-kit 0.2.0

package/dist/components/Button/styles/useSeverityButtonStyles.d.ts

@@ -0,0 +1,64 @@
+import type { ButtonSeverityProps } from '../types';
+export declare const useSeverityButtonStyles: (severity: ButtonSeverityProps["severity"]) => {
+    containerVariantStyles: {
+        basic: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        outlined: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+    };
+    labelVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+    pressedVariantStyles: {
+        basic: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        outlined: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+    };
+    iconVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+    pressedLabelVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+};

package/dist/components/Button/styles/useSeverityButtonStyles.js

@@ -0,0 +1,29 @@
+import { useMemo } from 'react';
+import { useDangerButtonStyles } from './useDangerButtonStyles';
+import { useInfoButtonStyles } from './useInfoButtonStyles';
+import { useSuccessButtonStyles } from './useSuccessButtonStyles';
+import { useWarningButtonStyles } from './useWarningButtonStyles';
+export const useSeverityButtonStyles = (severity) => {
+    const dangerButtonStyles = useDangerButtonStyles();
+    const warningButtonStyles = useWarningButtonStyles();
+    const infoButtonStyles = useInfoButtonStyles();
+    const successButtonStyles = useSuccessButtonStyles();
+    return useMemo(() => {
+        switch (severity) {
+            case 'danger':
+                return dangerButtonStyles;
+            case 'warning':
+                return warningButtonStyles;
+            case 'info':
+                return infoButtonStyles;
+            case 'success':
+                return successButtonStyles;
+        }
+    }, [
+        dangerButtonStyles,
+        infoButtonStyles,
+        severity,
+        successButtonStyles,
+        warningButtonStyles,
+    ]);
+};

package/dist/components/Button/styles/useSuccessButtonStyles.d.ts

@@ -0,0 +1,63 @@
+export declare const useSuccessButtonStyles: () => {
+    containerVariantStyles: {
+        basic: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        outlined: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+    };
+    labelVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+    pressedVariantStyles: {
+        basic: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        outlined: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+    };
+    iconVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+    pressedLabelVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+};

package/dist/components/Button/styles/useSuccessButtonStyles.js

@@ -0,0 +1,61 @@
+import { makeStyles } from '../../../utils/makeStyles';
+export const useSuccessButtonStyles = () => {
+    const labelVariantStyles = useLabelVariantStyles();
+    const pressedVariantStyles = usePressedVariantStyles();
+    const containerVariantStyles = useContainerVariantStyles();
+    const iconVariantStyles = useIconVariantStyles();
+    return {
+        containerVariantStyles,
+        labelVariantStyles,
+        pressedVariantStyles,
+        iconVariantStyles,
+        pressedLabelVariantStyles: labelVariantStyles,
+    };
+};
+const useLabelVariantStyles = makeStyles(({ theme }) => ({
+    basic: { color: theme.Button.Severity.Success.Basic.successButtonTextColor },
+    outlined: {
+        color: theme.Button.Severity.Success.Outlined.successOutlinedButtonTextColor,
+    },
+    text: {
+        color: theme.Button.Severity.Success.Text.successTextButtonTextColor,
+    },
+}));
+const usePressedVariantStyles = makeStyles(({ theme }) => ({
+    basic: {
+        borderColor: theme.Button.Severity.Success.Basic.successButtonBorderColor,
+        backgroundColor: theme.Button.Severity.Success.Basic.successButtonHoverBg,
+    },
+    outlined: {
+        borderColor: theme.Button.Severity.Success.Outlined
+            .successOutlinedButtonHoverBorderColor,
+        backgroundColor: theme.Button.Severity.Success.Outlined.successOutlinedButtonHoverBg,
+    },
+    text: {
+        borderColor: theme.Surface['surface-transparent'],
+        backgroundColor: theme.Button.Severity.Success.Text.successTextButtonHoverBg,
+    },
+}));
+const useContainerVariantStyles = makeStyles(({ theme }) => ({
+    basic: {
+        borderColor: theme.Button.Severity.Success.Basic.successButtonBorderColor,
+        backgroundColor: theme.Button.Severity.Success.Basic.successButtonBg,
+    },
+    outlined: {
+        borderColor: theme.Button.Severity.Success.Outlined.successOutlinedButtonBorderColor,
+        backgroundColor: theme.Button.Severity.Success.Outlined.successOutlinedButtonBg,
+    },
+    text: {
+        borderColor: theme.Button.Severity.Success.Basic.successButtonBorderColor,
+        backgroundColor: theme.Button.Severity.Success.Text.successTextButtonBg,
+    },
+}));
+const useIconVariantStyles = makeStyles(({ theme }) => ({
+    basic: { color: theme.Button.Severity.Success.Basic.successButtonTextColor },
+    outlined: {
+        color: theme.Button.Severity.Success.Outlined.successOutlinedButtonTextColor,
+    },
+    text: {
+        color: theme.Button.Severity.Success.Text.successTextButtonTextColor,
+    },
+}));

package/dist/components/Button/styles/useWarningButtonStyles.d.ts

@@ -0,0 +1,63 @@
+export declare const useWarningButtonStyles: () => {
+    containerVariantStyles: {
+        basic: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        outlined: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+    };
+    labelVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+    pressedVariantStyles: {
+        basic: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        outlined: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+        text: {
+            borderColor: string;
+            backgroundColor: string;
+        };
+    };
+    iconVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+    pressedLabelVariantStyles: {
+        basic: {
+            color: string;
+        };
+        outlined: {
+            color: string;
+        };
+        text: {
+            color: string;
+        };
+    };
+};

package/dist/components/Button/styles/useWarningButtonStyles.js

@@ -0,0 +1,61 @@
+import { makeStyles } from '../../../utils/makeStyles';
+export const useWarningButtonStyles = () => {
+    const labelVariantStyles = useLabelVariantStyles();
+    const pressedVariantStyles = usePressedVariantStyles();
+    const containerVariantStyles = useContainerVariantStyles();
+    const iconVariantStyles = useIconVariantStyles();
+    return {
+        containerVariantStyles,
+        labelVariantStyles,
+        pressedVariantStyles,
+        iconVariantStyles,
+        pressedLabelVariantStyles: labelVariantStyles,
+    };
+};
+const useLabelVariantStyles = makeStyles(({ theme }) => ({
+    basic: { color: theme.Button.Severity.Warning.Basic.warningButtonTextColor },
+    outlined: {
+        color: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonTextColor,
+    },
+    text: {
+        color: theme.Button.Severity.Warning.Text.warningTextButtonTextColor,
+    },
+}));
+const usePressedVariantStyles = makeStyles(({ theme }) => ({
+    basic: {
+        borderColor: theme.Button.Severity.Warning.Basic.warningButtonBorderColor,
+        backgroundColor: theme.Button.Severity.Warning.Basic.warningButtonHoverBg,
+    },
+    outlined: {
+        borderColor: theme.Button.Severity.Warning.Outlined
+            .warningOutlinedButtonHoverBorderColor,
+        backgroundColor: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonHoverBg,
+    },
+    text: {
+        borderColor: theme.Surface['surface-transparent'],
+        backgroundColor: theme.Button.Severity.Warning.Text.warningTextButtonHoverBg,
+    },
+}));
+const useContainerVariantStyles = makeStyles(({ theme }) => ({
+    basic: {
+        borderColor: theme.Button.Severity.Warning.Basic.warningButtonBorderColor,
+        backgroundColor: theme.Button.Severity.Warning.Basic.warningButtonBg,
+    },
+    outlined: {
+        borderColor: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonBorderColor,
+        backgroundColor: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonBg,
+    },
+    text: {
+        borderColor: theme.Button.Severity.Warning.Basic.warningButtonBorderColor,
+        backgroundColor: theme.Button.Severity.Warning.Text.warningTextButtonBg,
+    },
+}));
+const useIconVariantStyles = makeStyles(({ theme }) => ({
+    basic: { color: theme.Button.Severity.Warning.Basic.warningButtonTextColor },
+    outlined: {
+        color: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonTextColor,
+    },
+    text: {
+        color: theme.Button.Severity.Warning.Text.warningTextButtonTextColor,
+    },
+}));

package/dist/components/Button/types.d.ts

@@ -0,0 +1,107 @@
+import type { Ref } from 'react';
+import type { ColorValue, PressableProps, TextStyle, View, ViewStyle } from 'react-native';
+import type { SvgSource } from '../../utils/SvgUniversal';
+import type { BadgeSeverity } from '../Badge/Badge';
+export type ButtonBaseVariant = 'primary' | 'secondary' | 'tertiary' | 'text' | 'link';
+export type ButtonSeverityVariant = 'basic' | 'outlined' | 'text';
+export type ButtonVariant = ButtonBaseVariant | ButtonSeverityVariant;
+export type ButtonSize = 'xlarge' | 'large' | 'base' | 'small';
+export type ButtonShape = 'square' | 'circle';
+export type ButtonIconPosition = 
+/** @deprecated */
+'left'
+/** @deprecated */
+ | 'right' | 'prefix' | 'postfix';
+export interface BaseButtonProps<Variant extends ButtonVariant> extends PressableProps {
+    /**
+     * Controls button size
+     * @default 'base'
+     */
+    size?: ButtonSize;
+    /**
+     * Controls button shape
+     * @default 'square'
+     */
+    shape?: ButtonShape;
+    /**
+     * Controls button loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Button visual presentation type
+     */
+    variant?: Variant;
+    /**
+     * Icon position
+     *
+     * Важно: значения left и right - deprecated!!! Используйте prefix и postfix
+     *
+     * @default 'prefix'
+     */
+    iconPosition?: ButtonIconPosition;
+    /**
+     * Controls icon only button variant
+     */
+    iconOnly?: unknown;
+    /**
+     * SVG icon
+     * @default undefined
+     */
+    Icon?: SvgSource;
+    /**
+     * Label in button
+     */
+    label?: string;
+    /**
+     * Ref for the pressable component
+     */
+    pressableRef?: Ref<View>;
+}
+export interface IconTextButton<Variant extends ButtonVariant> extends BaseButtonProps<Variant> {
+    label: string;
+    iconOnly?: never;
+}
+export interface IconOnlyButtonProps<Variant extends ButtonVariant> extends BaseButtonProps<Variant> {
+    Icon: SvgSource;
+    iconOnly: true;
+    iconPosition?: never;
+    label?: never;
+}
+export type ButtonProps<Variant extends ButtonVariant> = IconTextButton<Variant> | IconOnlyButtonProps<Variant>;
+export type LabelVariantStyles<Variant extends ButtonVariant> = Record<Required<BaseButtonProps<Variant>>['variant'], TextStyle>;
+export type PressedVariantStyles<Variant extends ButtonVariant> = Record<Required<BaseButtonProps<Variant>>['variant'], ViewStyle>;
+export type ContainerVariantStyles<Variant extends ButtonVariant> = Record<Required<BaseButtonProps<Variant>>['variant'], ViewStyle>;
+export type IconVariantStyles<Variant extends ButtonVariant> = Record<Required<BaseButtonProps<Variant>>['variant'], {
+    color: ColorValue;
+}>;
+export type PressedLabelVariantStyles<Variant extends ButtonVariant> = Record<Required<BaseButtonProps<Variant>>['variant'], {
+    color: ColorValue;
+}>;
+export interface VariantStyles<Variant extends ButtonVariant> {
+    containerVariantStyles: ContainerVariantStyles<Variant>;
+    pressedVariantStyles: PressedVariantStyles<Variant>;
+    labelVariantStyles: LabelVariantStyles<Variant>;
+    iconVariantStyles: IconVariantStyles<Variant>;
+    pressedLabelVariantStyles: PressedLabelVariantStyles<Variant>;
+}
+export type ButtonSeverity = 'info' | 'success' | 'warning' | 'danger';
+export interface ButtonSeverityProps {
+    /**
+     * Controls severity button styling variant
+     */
+    severity: ButtonSeverity;
+    variant?: ButtonSeverityVariant;
+}
+export interface ButtonBadgeProps {
+    /**
+     * Controls color of Badge component
+     *
+     * @type {BadgeSeverity}
+     */
+    badgeSeverity: BadgeSeverity;
+    /**
+     * Текст внутри бейджа. Если не указан, то бейдж будет в форме точки.
+     */
+    badgeLabel?: string;
+}

package/dist/components/Button/utils/ButtonActivityIndicator.d.ts

@@ -0,0 +1,3 @@
+import type { BaseButtonProps, ButtonVariant } from '../types';
+export type ButtonActivityIndicatorProps<Variant extends ButtonVariant> = Pick<Required<BaseButtonProps<Variant>>, 'size'>;
+export declare const ButtonActivityIndicator: <Variant extends ButtonVariant>({ size, }: ButtonActivityIndicatorProps<Variant>) => import("react").JSX.Element;

package/dist/components/Button/utils/ButtonActivityIndicator.js

@@ -0,0 +1,17 @@
+import { ActivityIndicator } from 'react-native';
+import { genericMemo } from '../../../utils/genericMemo';
+import { makeStyles } from '../../../utils/makeStyles';
+import { useTypeBasedStyle } from './useTypeBasedStyle';
+const ButtonActivityIndicatorComponent = ({ size, }) => {
+    const styles = useStyles();
+    const sizeBasedStyle = useTypeBasedStyle(size, styles);
+    return (<ActivityIndicator color={styles.activityIndicator.color} size={sizeBasedStyle.height ?? 'small'} testID='Button_ActivityIndicator'/>);
+};
+const useStyles = makeStyles(({ theme }) => ({
+    xlarge: { height: 21 },
+    large: { height: 21 },
+    base: { height: 17.5 },
+    small: { height: 14 },
+    activityIndicator: { color: theme.Button.Disabled.disabledButtonTextColor },
+}));
+export const ButtonActivityIndicator = genericMemo(ButtonActivityIndicatorComponent);

package/dist/components/Button/utils/ButtonContainer.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { BaseButtonProps, ButtonVariant, VariantStyles } from '../types';
+export type ButtonContainerComponentProps<Variant extends ButtonVariant> = Omit<BaseButtonProps<Variant>, 'size' | 'variant' | 'disabled' | 'loading' | 'shape' | 'Icon' | 'iconPosition' | 'label'> & Pick<Required<BaseButtonProps<Variant>>, 'size' | 'variant' | 'disabled' | 'loading' | 'shape'> & {
+    readonly children: ReactNode;
+} & Pick<VariantStyles<Variant>, 'containerVariantStyles' | 'pressedVariantStyles'>;
+export declare const ButtonContainerComponent: <Variant extends ButtonVariant>({ style, size, disabled, loading, variant, shape, iconOnly, children, containerVariantStyles, pressedVariantStyles, pressableRef, ...props }: ButtonContainerComponentProps<Variant>) => import("react").JSX.Element;
+export declare const ButtonContainer: <Variant extends ButtonVariant>({ style, size, disabled, loading, variant, shape, iconOnly, children, containerVariantStyles, pressedVariantStyles, pressableRef, ...props }: ButtonContainerComponentProps<Variant>) => import("react").JSX.Element;

package/dist/components/Button/utils/ButtonContainer.js

@@ -0,0 +1,10 @@
+import { Pressable } from 'react-native';
+import { genericMemo } from '../../../utils/genericMemo';
+import { useButtonContainerCallbackStyle } from './useButtonContainerCallbackStyle';
+export const ButtonContainerComponent = ({ style, size, disabled, loading, variant, shape, iconOnly, children, containerVariantStyles, pressedVariantStyles, pressableRef, ...props }) => {
+    const containerCallbackStyle = useButtonContainerCallbackStyle(size, variant, shape, disabled, loading, iconOnly, style, containerVariantStyles, pressedVariantStyles);
+    return (<Pressable accessibilityRole='button' disabled={disabled || loading} ref={pressableRef} style={containerCallbackStyle} {...props}>
+      {children}
+    </Pressable>);
+};
+export const ButtonContainer = genericMemo(ButtonContainerComponent);

package/dist/components/Button/utils/ButtonIcon.d.ts

@@ -0,0 +1,4 @@
+import type { BaseButtonProps, ButtonVariant, VariantStyles } from '../types';
+export type ButtonIconComponentProps<Variant extends ButtonVariant> = Pick<Required<BaseButtonProps<Variant>>, 'size' | 'variant' | 'disabled' | 'loading'> & Pick<BaseButtonProps<Variant>, 'Icon'> & Pick<VariantStyles<Variant>, 'iconVariantStyles'>;
+export declare const ButtonIconComponent: <Variant extends ButtonVariant>({ size, variant, disabled, loading, Icon, iconVariantStyles, }: ButtonIconComponentProps<Variant>) => import("react").JSX.Element | null;
+export declare const ButtonIcon: <Variant extends ButtonVariant>({ size, variant, disabled, loading, Icon, iconVariantStyles, }: ButtonIconComponentProps<Variant>) => import("react").JSX.Element | null;

package/dist/components/Button/utils/ButtonIcon.js

@@ -0,0 +1,11 @@
+import { SvgUniversal } from '../../../utils/SvgUniversal';
+import { genericMemo } from '../../../utils/genericMemo';
+import { useIconStyle } from './useIconStyle';
+export const ButtonIconComponent = ({ size, variant, disabled, loading, Icon, iconVariantStyles, }) => {
+    const iconStyle = useIconStyle(size, variant, disabled, loading, iconVariantStyles);
+    if (!Icon) {
+        return null;
+    }
+    return (<SvgUniversal height={iconStyle.height} source={Icon} style={iconStyle} testID='Button_Icon' width={iconStyle.width}/>);
+};
+export const ButtonIcon = genericMemo(ButtonIconComponent);

package/dist/components/Button/utils/ButtonLabel.d.ts

@@ -0,0 +1,4 @@
+import type { BaseButtonProps, ButtonVariant, VariantStyles } from '../types';
+export type ButtonLabelComponentProps<Variant extends ButtonVariant> = Pick<BaseButtonProps<Variant>, 'iconOnly' | 'label'> & Pick<Required<BaseButtonProps<Variant>>, 'size' | 'variant' | 'disabled' | 'loading'> & Pick<VariantStyles<Variant>, 'labelVariantStyles'>;
+export declare const ButtonLabelComponent: <Variant extends ButtonVariant>({ label, iconOnly, size, disabled, loading, variant, labelVariantStyles, }: ButtonLabelComponentProps<Variant>) => import("react").JSX.Element | null;
+export declare const ButtonLabel: <Variant extends ButtonVariant>({ label, iconOnly, size, disabled, loading, variant, labelVariantStyles, }: ButtonLabelComponentProps<Variant>) => import("react").JSX.Element | null;

package/dist/components/Button/utils/ButtonLabel.js

@@ -0,0 +1,13 @@
+import { Text } from 'react-native';
+import { genericMemo } from '../../../utils/genericMemo';
+import { useButtonLabelStyle } from './useButtonLabelStyle';
+export const ButtonLabelComponent = ({ label, iconOnly, size, disabled, loading, variant, labelVariantStyles, }) => {
+    const labelStyle = useButtonLabelStyle(size, variant, disabled, loading, labelVariantStyles);
+    if (iconOnly) {
+        return null;
+    }
+    return (<Text style={labelStyle} testID='Button_Text'>
+      {label}
+    </Text>);
+};
+export const ButtonLabel = genericMemo(ButtonLabelComponent);

package/dist/components/Button/utils/ButtonLeftArea.d.ts

@@ -0,0 +1,4 @@
+import type { BaseButtonProps, ButtonVariant, VariantStyles } from '../types';
+export type ButtonLeftAreaComponentProps<Variant extends ButtonVariant> = Pick<BaseButtonProps<Variant>, 'iconPosition' | 'Icon'> & Pick<Required<BaseButtonProps<Variant>>, 'size' | 'variant' | 'loading' | 'disabled'> & Pick<VariantStyles<Variant>, 'iconVariantStyles'>;
+export declare const ButtonLeftAreaComponent: <Variant extends ButtonVariant>({ size, iconPosition, variant, Icon, loading, disabled, iconVariantStyles, }: ButtonLeftAreaComponentProps<Variant>) => import("react").JSX.Element | null;
+export declare const ButtonLeftArea: <Variant extends ButtonVariant>({ size, iconPosition, variant, Icon, loading, disabled, iconVariantStyles, }: ButtonLeftAreaComponentProps<Variant>) => import("react").JSX.Element | null;

package/dist/components/Button/utils/ButtonLeftArea.js

@@ -0,0 +1,13 @@
+import { genericMemo } from '../../../utils/genericMemo';
+import { ButtonActivityIndicator } from './ButtonActivityIndicator';
+import { ButtonIcon } from './ButtonIcon';
+export const ButtonLeftAreaComponent = ({ size, iconPosition, variant, Icon, loading, disabled, iconVariantStyles, }) => {
+    if (iconPosition === 'left' || iconPosition === 'prefix') {
+        if (loading && !disabled) {
+            return <ButtonActivityIndicator size={size}/>;
+        }
+        return (<ButtonIcon {...{ size, variant, disabled, loading, Icon, iconVariantStyles }}/>);
+    }
+    return null;
+};
+export const ButtonLeftArea = genericMemo(ButtonLeftAreaComponent);

package/dist/components/Button/utils/ButtonRightArea.d.ts

@@ -0,0 +1,3 @@
+import type { BaseButtonProps, ButtonVariant, VariantStyles } from '../types';
+export type ButtonRightAreaComponentProps<Variant extends ButtonVariant> = Pick<BaseButtonProps<Variant>, 'iconPosition' | 'Icon'> & Pick<Required<BaseButtonProps<Variant>>, 'size' | 'variant' | 'loading' | 'disabled'> & Pick<VariantStyles<Variant>, 'iconVariantStyles'>;
+export declare const ButtonRightArea: <Variant extends ButtonVariant>({ size, iconPosition, variant, Icon, loading, disabled, iconVariantStyles, }: ButtonRightAreaComponentProps<Variant>) => import("react").JSX.Element | null;

package/dist/components/Button/utils/ButtonRightArea.js

@@ -0,0 +1,13 @@
+import { genericMemo } from '../../../utils/genericMemo';
+import { ButtonActivityIndicator } from './ButtonActivityIndicator';
+import { ButtonIcon } from './ButtonIcon';
+const ButtonRightAreaComponent = ({ size, iconPosition, variant, Icon, loading, disabled, iconVariantStyles, }) => {
+    if (iconPosition === 'right' || iconPosition === 'postfix') {
+        if (loading && !disabled) {
+            return <ButtonActivityIndicator size={size}/>;
+        }
+        return (<ButtonIcon {...{ size, variant, disabled, loading, Icon, iconVariantStyles }}/>);
+    }
+    return null;
+};
+export const ButtonRightArea = genericMemo(ButtonRightAreaComponent);

package/dist/components/Button/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { ButtonLeftArea } from './ButtonLeftArea';
+export { ButtonRightArea } from './ButtonRightArea';
+export { ButtonLabel } from './ButtonLabel';
+export { ButtonContainer } from './ButtonContainer';

package/dist/components/Button/utils/index.js

@@ -0,0 +1,4 @@
+export { ButtonLeftArea } from './ButtonLeftArea';
+export { ButtonRightArea } from './ButtonRightArea';
+export { ButtonLabel } from './ButtonLabel';
+export { ButtonContainer } from './ButtonContainer';

package/dist/components/Button/utils/useButtonContainerCallbackStyle.d.ts

@@ -0,0 +1,3 @@
+import { type PressableStateCallbackType, type ViewStyle } from 'react-native';
+import type { BaseButtonProps, ButtonVariant, ContainerVariantStyles, PressedVariantStyles } from '../types';
+export declare const useButtonContainerCallbackStyle: <Variant extends ButtonVariant>(size: Required<BaseButtonProps<Variant>>["size"], variant: Required<BaseButtonProps<Variant>>["variant"], shape: Required<BaseButtonProps<Variant>>["shape"], disabled: Required<BaseButtonProps<Variant>>["disabled"], loading: Required<BaseButtonProps<Variant>>["loading"], iconOnly: Required<BaseButtonProps<Variant>>["iconOnly"], style: BaseButtonProps<Variant>["style"], containerVariantStyles: ContainerVariantStyles<Variant>, pressedVariantStyles: PressedVariantStyles<Variant>) => ({ pressed }: PressableStateCallbackType) => ViewStyle;