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

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { InputContainerProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+import { CalendarProps, SelectionType } from '../Calendar';
+export interface DatePickerProps<T extends SelectionType> extends InputContainerProps, Omit<CalendarProps<T>, 'style'> {
+    controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
+    TextComponent?: React.FC<TextProps>;
+    CalendarComponent: React.FC<CalendarProps<T>>;
+    placeholder?: string;
+    onFocus?: () => void | never;
+    onBlur?: () => void | never;
+    format?: string;
+    closeOnPick?: boolean;
+    renderCalendar: (calendar: React.ReactElement, blur?: () => void) => JSX.Element | null;
+    requestShowCalendar: () => void;
+    requestCloseCalendar: () => void;
+}
+declare function DatePicker<T extends SelectionType>({ month, year, onChange, value, type, format, placeholder, onFocus, onBlur, disabled, controlComponent, hintComponent, hint, variant, TextComponent, CalendarComponent, rightComponent, style, locale, closeOnPick, renderCalendar, requestShowCalendar, requestCloseCalendar, ...rest }: DatePickerProps<T>): JSX.Element;
+export default DatePicker;

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

@@ -0,0 +1,3 @@
+export { default as DatePicker } from './DatePicker';
+export { CalendarIcon } from './styled';
+export type { DatePickerProps } from './DatePicker';

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { InputContainerProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const CalendarIcon: import("@emotion/native").StyledComponent<import("../../atoms/Icon").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { InputContainerProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+import { DateTimeSelectorProps } from '../DateTimeSelector';
+export interface DateTimePickerProps extends InputContainerProps, Omit<DateTimeSelectorProps, 'style'> {
+    controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
+    TextComponent?: React.FC<TextProps>;
+    DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;
+    placeholder?: string;
+    onFocus?: () => void | never;
+    onBlur?: () => void | never;
+    renderSelector: (selector: React.ReactElement, blur?: () => void) => JSX.Element | null;
+    requestShowSelector: () => void;
+    requestCloseSelector: () => void;
+}
+declare const DateTimePicker: React.FC<DateTimePickerProps>;
+export default DateTimePicker;

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

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

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { DateTimeSelectorProps } from '../DateTimeSelector';
+export declare const getStyledDateTimeSelector: (component: FC<DateTimeSelectorProps>) => import("@emotion/native").StyledComponent<DateTimeSelectorProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+export type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';
+export interface DateTimeSelectorProps extends ViewProps {
+    TextComponent?: React.FC<TextProps>;
+    value?: Date;
+    onChange?: (value: Date) => void | never;
+    mode?: DateTimeSelectorMode;
+    format?: string;
+    locale?: Locale;
+    upperDateThreshold?: Date;
+    lowerDateThreshold?: Date;
+    offsetThreshold?: number;
+    upperOffsetThreshold?: number;
+    lowerOffsetThreshold?: number;
+    dateModalTitle?: string;
+    timeModalTitle?: string;
+    dateConfirmButtonText?: string;
+    timeConfirmButtonText?: string;
+    dayLabel?: string;
+    monthLabel?: string;
+    yearLabel?: string;
+    hourLabel?: string;
+    minuteLabel?: string;
+}
+declare const DateTimeSelector: React.FC<DateTimeSelectorProps>;
+export default DateTimeSelector;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+export type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';
+interface SelectorProps extends ViewProps {
+    TextComponent: React.FC<TextProps>;
+    granularity: Granularity;
+    referenceDate: Date;
+    label: string;
+    value: number;
+    getDisplayValue: (value: number) => string;
+    onChange: (value: number) => void | never;
+    preventUpper?: boolean;
+    preventLower?: boolean;
+}
+export declare const Selector: React.FC<SelectorProps>;
+export {};

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, } 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;