@tecsinapse/react-core 3.3.7 → 3.4.1-beta.0

package/dist/types/components/molecules/DateTimeSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateTimeSelector } from './DateTimeSelector';
+export type { DateTimeSelectorProps, DateTimeSelectorMode, } from './DateTimeSelector';

package/dist/types/components/molecules/DateTimeSelector/styled.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+export declare const Root: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Content: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const SelectorRoot: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const SelectorValue: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const SelectorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    isFirst?: boolean | undefined;
+    isLast?: boolean | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Control: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const Header: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const BackButton: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/types/components/molecules/Grid/functions.d.ts

@@ -0,0 +1,4 @@
+import { Spacing } from '../../../types/defaults';
+import { GridSpacing, PaddingPosition } from './index';
+export declare const getGridItemPadding: (pos: PaddingPosition, _spacing: GridSpacing | undefined, themeSpacing: Spacing) => number | undefined;
+export declare const getGridItemColumSpan: (columns: number, span: number) => number;

package/dist/types/components/molecules/Grid/index.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { SpacingType } from '../../../types/defaults';
+export interface IGrid {
+    children: JSX.Element[];
+    layout?: number[][];
+    columns?: number;
+    spacing?: SpacingType | {
+        top?: SpacingType;
+        right?: SpacingType;
+        bottom?: SpacingType;
+        left?: SpacingType;
+    };
+}
+export type FlexPositioning = 'flex-start' | 'flex-end' | 'center';
+export type FlexAlignBase = FlexPositioning | 'stretch';
+export type FlexAlignType = FlexAlignBase | 'baseline';
+export type FlexSpacing = 'space-between' | 'space-around';
+export type PaddingPosition = 'top' | 'right' | 'bottom' | 'left';
+export type GridSpacing = SpacingType | {
+    top?: SpacingType;
+    right?: SpacingType;
+    bottom?: SpacingType;
+    left?: SpacingType;
+};
+export interface IGridItem {
+    children: React.ReactElement;
+    span: number;
+    columns?: number;
+    loading?: boolean;
+    loadingComponent?: React.ReactElement;
+    alignContent?: FlexAlignBase | FlexSpacing;
+    alignItems?: FlexAlignType;
+    alignSelf?: 'auto' | FlexAlignType;
+    flex?: number;
+    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    flexGrow?: number;
+    flexShrink?: number;
+    justifyContent?: FlexPositioning | FlexSpacing | 'space-evenly';
+    spacing?: GridSpacing;
+    wrapper?: boolean;
+}
+export { getGridItemColumSpan, getGridItemPadding } from './functions';

package/dist/types/components/molecules/HintInputContainer/HintInputContainer.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { InputVariantType, PressableInputContainerProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+export interface HintInputContainerProps extends PressableInputContainerProps {
+    viewStyle?: StyleProp<ViewStyle>;
+    focused: boolean;
+    LabelComponent?: React.FC<TextProps>;
+    onPress?: () => void | never;
+    disabled?: boolean;
+    hint?: string;
+    hintComponent?: JSX.Element;
+    variant?: InputVariantType;
+    rightComponent?: JSX.Element;
+}
+declare const HintInputContainer: React.FC<HintInputContainerProps>;
+export default HintInputContainer;

package/dist/types/components/molecules/HintInputContainer/index.d.ts

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

package/dist/types/components/molecules/IconTextButton/IconComponent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconProps } from '../../atoms/Icon';
+import { ButtonSizeType } from '../../atoms/Button';
+import { FontColor } from '../../../types/defaults';
+interface IconComponentProps {
+    iconProps?: IconProps;
+    size?: ButtonSizeType;
+    defaultFontColor: keyof FontColor;
+}
+declare const _default: React.NamedExoticComponent<IconComponentProps>;
+export default _default;

package/dist/types/components/molecules/IconTextButton/IconTextButton.d.ts

@@ -0,0 +1,10 @@
+import { IconProps } from '../../atoms/Icon';
+import { TextProps } from '../../atoms/Text';
+import { ButtonProps } from '../../atoms/Button';
+export type IconPositionOptions = 'left' | 'right';
+export interface IconTextButtonProps extends ButtonProps {
+    iconProps?: IconProps;
+    iconPosition?: IconPositionOptions;
+    textProps?: TextProps;
+    label?: string;
+}

package/dist/types/components/molecules/IconTextButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconComponent } from './IconComponent';
+export type { IconPositionOptions, IconTextButtonProps, } from './IconTextButton';

package/dist/types/components/molecules/InputPassword/InputPasswordIcon.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ButtonProps } from '../../atoms/Button';
+interface InputPasswordIconProps extends ButtonProps {
+    revealed: boolean;
+    onChangeState: (revealed: boolean) => void;
+}
+declare const InputPasswordIcon: FC<InputPasswordIconProps>;
+export default InputPasswordIcon;

package/dist/types/components/molecules/InputPassword/index.d.ts

@@ -0,0 +1 @@
+export { default as InputPasswordIcon } from './InputPasswordIcon';

package/dist/types/components/molecules/InputPassword/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledPasswordButtonIcon: import("@emotion/native").StyledComponent<import("../../atoms/Button").ButtonProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/types/components/molecules/LabeledSwitch/LabeledSwitch.d.ts

@@ -0,0 +1,11 @@
+import { SwitchProps } from '../../atoms/Switch';
+export type LabelPositionOptions = 'left' | 'right';
+export type LabeledSwitchProps = {
+    pressableLabel?: boolean;
+    leftLabel?: string;
+    rightLabel?: string;
+} & ({
+    leftLabel: string;
+} | {
+    rightLabel: string;
+}) & SwitchProps;

package/dist/types/components/molecules/LabeledSwitch/index.d.ts

@@ -0,0 +1 @@
+export type { LabeledSwitchProps, LabelPositionOptions } from './LabeledSwitch';

package/dist/types/components/molecules/Snackbar/Snackbar.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+import { IconProps } from '../../atoms/Icon';
+export interface SnackbarProps {
+    colorVariant?: ColorType;
+    colorTone?: ColorGradationType;
+    open: boolean;
+    onClose?: () => void;
+    dismissable?: boolean;
+    timeout?: number;
+    showProgressBar?: boolean;
+    leftIcon?: IconProps;
+    rightIcon?: Omit<IconProps, 'name' | 'type'>;
+    anchor?: 'top' | 'bottom';
+    anchorDistance?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+declare const Snackbar: ({ children, open, onClose, dismissable, timeout, leftIcon, colorTone, colorVariant, rightIcon, anchor, anchorDistance, style, }: SnackbarProps) => JSX.Element;
+export default Snackbar;

package/dist/types/components/molecules/Snackbar/index.d.ts

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

package/dist/types/components/molecules/Snackbar/styled.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { SnackbarProps } from './Snackbar';
+export declare const SnackbarContainer: import("@emotion/native").StyledComponent<import("../../atoms/Paper").PaperProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<SnackbarProps & import("../../../types/defaults").ThemeProviderProps> & {
+    visible: boolean;
+}, {}, {}>;
+export declare const ContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const IconContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const DismissContainer: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledContainerFlexRow: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const TextContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;

package/dist/types/components/molecules/TextArea/TextArea.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { FontStackType, FontWeightType } from '../../../types/defaults';
+import { InputContainerProps, InputElementProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+export interface TextAreaProps extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>, InputContainerProps {
+    inputFontStack?: FontStackType;
+    inputFontWeight?: FontWeightType;
+    maxCharCount?: number;
+    value: string;
+    TextComponent?: FC<TextProps>;
+    focused?: boolean;
+}
+declare const TextArea: FC<TextAreaProps>;
+export default TextArea;

package/dist/types/components/molecules/TextArea/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';
+export { TextAreaInputBase } from './styled';

package/dist/types/components/molecules/TextArea/styled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TextAreaProps } from './TextArea';
+export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputContainerProps & Partial<import("../../atoms/Input").InputElementProps> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const TextAreaInputBase: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<TextAreaProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useDebouncedState } from './useDebouncedState';
+export { useTheme } from './useTheme';

package/dist/types/hooks/useDebouncedState.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare function useDebouncedState<S>(initialState: S | (() => S), timeoutCallback?: (state: S) => void, timeoutMs?: number): [S, Dispatch<SetStateAction<S>>];

package/dist/types/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeProp } from '../types/defaults';
+export declare const useTheme: () => ThemeProp;

package/dist/types/index.d.ts

@@ -0,0 +1,66 @@
+export { Avatar } from './components/atoms/Avatar/';
+export type { AvatarProps } from './components/atoms/Avatar';
+export { Badge } from './components/atoms/Badge';
+export type { BadgeProps } from './components/atoms/Badge';
+export { BoxContent } from './components/atoms/BoxContent';
+export type { BoxContentProps } from './components/atoms/BoxContent';
+export { Button, Error, Loading, Success } from './components/atoms/Button';
+export type { ButtonProps, ButtonSizeType, ButtonStateProps, ButtonStateType, } from './components/atoms/Button';
+export { Card } from './components/atoms/Card';
+export type { CardProps } from './components/atoms/Card';
+export { Footer } from './components/atoms/Card/Footer';
+export type { FooterProps } from './components/atoms/Card/Footer';
+export { Header } from './components/atoms/Card/Header';
+export type { HeaderProps } from './components/atoms/Card/Header';
+export { Checkbox } from './components/atoms/Checkbox';
+export type { CheckboxProps } from './components/atoms/Checkbox';
+export { Divider } from './components/atoms/Divider';
+export type { DividerProps } from './components/atoms/Divider';
+export { GroupButton, GroupButtonOption } from './components/atoms/GroupButton';
+export type { GroupButtonOptionProps, GroupButtonProps, GroupButtonValue, } from './components/atoms/GroupButton';
+export { Icon } from './components/atoms/Icon';
+export type { IconProps } from './components/atoms/Icon';
+export { disabledInputStyles, Hint, InputContainer, InputElement, InputMaskElement, PressableInputContainer, StyledBorderKeeper, useInputFocus, useNumberMask, useStringMask, } from './components/atoms/Input';
+export type { InputContainerProps, InputElementProps, InputMaskElementProps, InputVariantType, PressableInputContainerProps, CurrencyOptions, } from './components/atoms/Input';
+export { Paper } from './components/atoms/Paper';
+export type { PaperProps } from './components/atoms/Paper';
+export { PressableSurface } from './components/atoms/PressableSurface';
+export type { PressableSurfaceProps } from './components/atoms/PressableSurface';
+export { ProgressBar } from './components/atoms/ProgressBar';
+export type { ProgressBarProps } from './components/atoms/ProgressBar';
+export { RadioButton } from './components/atoms/RadioButton';
+export type { RadioButtonProps } from './components/atoms/RadioButton';
+export { Switch, SWITCH_PIN_WIDTH, SWITCH_BODY_WIDTH, } from './components/atoms/Switch';
+export type { SwitchProps } from './components/atoms/Switch';
+export { Tag } from './components/atoms/Tag';
+export type { TagProps } from './components/atoms/Tag';
+export { Text } from './components/atoms/Text';
+export type { TextProps } from './components/atoms/Text';
+export { Calendar } from './components/molecules/Calendar';
+export type { CalendarProps, DateRange, SelectionType, Value, } from './components/molecules/Calendar';
+export { DatePicker, CalendarIcon } from './components/molecules/DatePicker';
+export type { DatePickerProps } from './components/molecules/DatePicker';
+export { DateTimePicker } from './components/molecules/DateTimePicker';
+export type { DateTimePickerProps } from './components/molecules/DateTimePicker';
+export { DateTimeSelector } from './components/molecules/DateTimeSelector';
+export type { DateTimeSelectorMode, DateTimeSelectorProps, } from './components/molecules/DateTimeSelector';
+export { getGridItemPadding, getGridItemColumSpan, } from './components/molecules/Grid';
+export type { GridSpacing, IGridItem, IGrid, FlexAlignBase, FlexAlignType, FlexPositioning, FlexSpacing, PaddingPosition, } from './components/molecules/Grid';
+export { HintInputContainer } from './components/molecules/HintInputContainer';
+export type { HintInputContainerProps } from './components/molecules/HintInputContainer';
+export { IconComponent } from './components/molecules/IconTextButton';
+export type { IconPositionOptions, IconTextButtonProps, } from './components/molecules/IconTextButton';
+export { InputPasswordIcon } from './components/molecules/InputPassword';
+export type { LabeledSwitchProps, LabelPositionOptions, } from './components/molecules/LabeledSwitch';
+export { Snackbar } from './components/molecules/Snackbar';
+export type { SnackbarProps } from './components/molecules/Snackbar';
+export { TextArea, TextAreaInputBase } from './components/molecules/TextArea';
+export type { TextAreaProps } from './components/molecules/TextArea';
+export * from './hooks';
+export * from './styles/definitions';
+export * from './styles/light';
+export { default as ThemeProvider } from './styles/ThemeProvider';
+export * from './types/defaults';
+export * from './utils';
+export { ControlledDateTimeSelector } from './components/molecules/ControlledDateTimeSelector';
+export type { ControlledDateTimeSelectorProps, ControlledSelectorComponentProps, } from './components/molecules/ControlledDateTimeSelector';

package/dist/types/styles/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ThemeProviderProps } from '../types/defaults';
+declare const ThemeProvider: FC<ThemeProviderProps>;
+export default ThemeProvider;

package/dist/types/styles/definitions.d.ts

@@ -0,0 +1,45 @@
+import { BorderRadius, BorderWidth, Breakpoints, FontColor, FontStack, FontWeight, IconSize, Miscellaneous, Spacing, TypographyVariation, ZIndex } from '../types/defaults';
+export declare const statusColor: {
+    error: {
+        xlight: string;
+        light: string;
+        medium: string;
+        dark: string;
+        xdark: string;
+    };
+    warning: {
+        xlight: string;
+        light: string;
+        medium: string;
+        dark: string;
+        xdark: string;
+    };
+    success: {
+        xlight: string;
+        light: string;
+        medium: string;
+        dark: string;
+        xdark: string;
+    };
+    info: {
+        xlight: string;
+        light: string;
+        medium: string;
+        dark: string;
+        xdark: string;
+    };
+};
+export declare const hex2rgba: (hex: any, alpha?: number) => string;
+export declare const miscellaneous: Miscellaneous;
+export declare const spacing: Spacing;
+export declare const iconSize: IconSize;
+export declare const borderRadius: BorderRadius;
+export declare const borderWidth: BorderWidth;
+export declare const typography: TypographyVariation;
+export declare const fontStack: FontStack;
+export declare const fontWeight: FontWeight;
+export declare const fontFiles: FontWeight;
+export declare const fontColor: FontColor;
+export declare const zIndex: ZIndex;
+export type IconType = 'material' | 'material-community' | 'simple-line-icon' | 'zocial' | 'font-awesome' | 'octicon' | 'ionicon' | 'foundation' | 'evilicon' | 'entypo' | 'antdesign' | 'font-awesome-5' | string;
+export declare const breakpoints: Breakpoints;

package/dist/types/styles/light.d.ts

@@ -0,0 +1,2 @@
+import { ThemeProp } from '../types/defaults';
+export declare const lightTheme: ThemeProp;

package/dist/types/types/defaults.d.ts

@@ -0,0 +1,134 @@
+import { ReactNode } from 'react';
+export type Color = {
+    primary: ColorGradation;
+    secondary: ColorGradation;
+    error: ColorGradation;
+    success: ColorGradation;
+    info: ColorGradation;
+    warning: ColorGradation;
+};
+export type TypographyVariation = {
+    h1: Typography;
+    h2: Typography;
+    h3: Typography;
+    h4: Typography;
+    h5: Typography;
+    base: Typography;
+    sub: Typography;
+    label: Typography;
+};
+export type Miscellaneous = {
+    shadow: string;
+    overlay: string;
+    bodyColor: string;
+    surfaceColor: string;
+};
+export type Spacing = {
+    nano: string;
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    kilo: string;
+    mega: string;
+    giga: string;
+    tera: string;
+    peta: string;
+    hexa: string;
+};
+export type IconSize = {
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    kilo: string;
+    mega: string;
+};
+export type BorderRadius = {
+    nano: string;
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    pill: string;
+};
+export type BorderWidth = {
+    pico: string;
+    nano: string;
+};
+export type Typography = {
+    lineHeight: string;
+    fontSize: string;
+};
+export type ColorGradation = {
+    xlight: string;
+    light: string;
+    medium: string;
+    dark: string;
+    xdark: string;
+};
+export type FontStack = {
+    default: string;
+    mono: string;
+};
+export type FontColor = {
+    light: string;
+    medium: string;
+    dark: string;
+    orange: string;
+};
+export type ZIndex = {
+    default: number;
+    absolute: number;
+    drawer: number;
+    select: number;
+    input: number;
+    popover: number;
+    tooltip: number;
+    header: number;
+    backdrop: number;
+    sidebar: number;
+    modal: number;
+};
+export type FontWeight = {
+    regular: string;
+    bold: string;
+    black: string;
+};
+export type Breakpoints = {
+    sm: number;
+    md: number;
+    lg: number;
+};
+export type ThemeProp = {
+    color: Color;
+    miscellaneous: Miscellaneous;
+    spacing: Spacing;
+    iconSize: IconSize;
+    borderRadius: BorderRadius;
+    borderWidth: BorderWidth;
+    typography: TypographyVariation;
+    font: {
+        color: FontColor;
+        stack: FontStack;
+        weight: FontWeight;
+        files: FontWeight;
+    };
+    zIndex: ZIndex;
+    breakpoints: Breakpoints;
+};
+export interface ThemeProviderProps {
+    children?: ReactNode;
+    theme: ThemeProp;
+}
+export type StyleProps = ThemeProviderProps;
+export type ColorType = keyof Color;
+export type SpacingType = keyof Spacing;
+export type TypographyVariationType = keyof TypographyVariation;
+export type FontWeightType = keyof FontWeight;
+export type VariantType = 'filled' | 'outlined' | 'text';
+export type ColorGradationType = keyof ColorGradation;
+export type FontColorType = keyof FontColor;
+export type BorderRadiusType = keyof BorderRadius;
+export type FontStackType = keyof FontStack;
+export type IconSizeType = keyof IconSize;

package/dist/types/utils/IPhoneXHelper.d.ts

@@ -0,0 +1,4 @@
+export declare function isIphoneX(): boolean;
+export declare function ifIphoneX(iphoneXStyle: any, regularStyle: any): any;
+export declare function getStatusBarHeight(safe: any): any;
+export declare function getBottomSpace(): 0 | 34;

package/dist/types/utils/ResponsiveFontSize.d.ts

@@ -0,0 +1,3 @@
+export declare const RFPercentage: (percent: number) => number;
+export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
+export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number) => string;

package/dist/types/utils/extractNumbersFromString.d.ts

@@ -0,0 +1,2 @@
+export declare const extractNumbersFromString: (value: string) => number;
+export declare const extractDigitsFromString: (value: string) => string;

package/dist/types/utils/formatWithMask.d.ts

@@ -0,0 +1,2 @@
+import { MaskType, CurrencyOptions } from '../components/atoms/Input';
+export declare const formatWithMask: (mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions, value: string | number) => string | number;

package/dist/types/utils/index.d.ts

@@ -0,0 +1,7 @@
+export { extractDigitsFromString, extractNumbersFromString, } from './extractNumbersFromString';
+export * from './formatWithMask';
+export * from './IPhoneXHelper';
+export { lightenDarkenColor } from './lightenDarkenColor';
+export * from './masks';
+export * from './ResponsiveFontSize';
+export * from './variantComplement';

package/dist/types/utils/lightenDarkenColor.d.ts

@@ -0,0 +1 @@
+export declare const lightenDarkenColor: (color: string, variation: number) => string;

package/dist/types/utils/masks.d.ts

@@ -0,0 +1,12 @@
+export declare const Masks: {
+    CPF: string[];
+    CNPJ: string[];
+    DATE: string[];
+    HOUR: string[];
+    MONTH_YEAR: string[];
+    CEP: string[];
+    PHONE: string[];
+    PHONE_EXTENDED: string[];
+    COMBINED_PHONE: (value: string) => string[];
+    COMBINED_CPF_CNPJ: (value: string) => string[];
+};

package/dist/types/utils/variantComplement.d.ts

@@ -0,0 +1,6 @@
+import { ColorGradationType, ColorType, FontColorType, VariantType } from '../types/defaults';
+export declare const fontColorVC: Record<VariantType, FontColorType>;
+export declare const colorVC: Record<VariantType, ColorType>;
+export declare const colorGradationVC: Record<VariantType, ColorGradationType>;
+export declare const borderColorVC: Record<VariantType, ColorType>;
+export declare const borderColorGradationVC: Record<VariantType, ColorGradationType>;