@v-miniapp/ui-react 1.0.37 → 1.0.39

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,12 @@
+import { IOverride } from '../../types/util';
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { IIconProps } from '../icon';
+export type IAlertType = 'informative' | 'positive' | 'negative';
+export type IAlertProps = IOverride<ComponentPropsWithRef<'div'>, {
+    type?: IAlertType;
+    title?: ReactNode;
+    message?: ReactNode;
+    closeable?: boolean | IIconProps | ReactNode;
+    action?: ReactNode;
+}>;
+export declare const Alert: FC<IAlertProps>;

package/dist/components/alert/index.d.ts

@@ -0,0 +1 @@
+export * from './alert';

package/dist/components/app/components/app.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { IAppConfig } from '../types/app';
+import { ILocalesConfig, IResourceKey, ITemplateParams } from '../../../locales/types';
+export type IAppConfigContext = {
+    t: (key: IResourceKey, params?: ITemplateParams) => ReactNode;
+};
+export type IAppConfigFunction = (context: IAppConfigContext) => IAppConfig;
+export type IAppProps = ComponentPropsWithRef<'div'> & {
+    config: IAppConfig | IAppConfigFunction;
+    localesConfig?: ILocalesConfig;
+};
+export declare const AppInner: ({ config: configProp }: IAppProps) => import("react/jsx-runtime").JSX.Element;
+export declare const App: ({ className, config, localesConfig, ...props }: IAppProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/app/components/bottom-tab-bar.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const BottomTabBarLayout: FC<PropsWithChildren>;

package/dist/components/app/components/link.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, FC } from 'react';
+import { INavigatePathnameOptions, INavigateDeltaOptions } from '../types/navigation';
+export type ILinkProps = Omit<ComponentProps<'a'>, 'href' | 'onClick'> & (({
+    to: number;
+} & INavigateDeltaOptions) | ({
+    to: string;
+} & INavigatePathnameOptions));
+export declare const Link: FC<ILinkProps>;

package/dist/components/app/components/navigation-analytic.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const NavigationAnalytic: FC<PropsWithChildren>;

package/dist/components/app/components/navigation-bar.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const NavigationBarLayout: FC<PropsWithChildren>;

package/dist/components/app/components/page-layout.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const getPageId: (locationKey: string) => string;
+export declare const PageLayout: FC<PropsWithChildren>;

package/dist/components/app/components/pages-render.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const PagesRender: FC;

package/dist/components/app/context/location-key.d.ts

@@ -0,0 +1,4 @@
+export type ILocationKeyState = {
+    locationKey: string | null;
+};
+export declare const LocationKeyContext: import('react').Context<ILocationKeyState>;

package/dist/components/app/hooks/use-app-pause.d.ts

@@ -0,0 +1 @@
+export declare const useAppPause: (onPause: () => void) => void;

package/dist/components/app/hooks/use-app-resume.d.ts

@@ -0,0 +1 @@
+export declare const useAppResume: (onResume: () => void) => void;

package/dist/components/app/hooks/use-app-state.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IAppState } from '../types/app';
+export declare const useAppState: () => {
+    config: import('..').IAppConfig;
+    appState: IAppState;
+    setAppState: Dispatch<SetStateAction<IAppState>>;
+};

package/dist/components/app/hooks/use-bottom-tab-bar.d.ts

@@ -0,0 +1,13 @@
+import { IAppBottomTabBarState } from '../types/app';
+export declare const useBottomTabBar: () => {
+    state: IAppBottomTabBarState;
+    pageState: IAppBottomTabBarState | undefined;
+    appState: IAppBottomTabBarState | undefined;
+    hidden: boolean;
+    setPageBottomTabBar: (bottomTabBar: Partial<IAppBottomTabBarState>) => void;
+    setAppBottomTabBar: (bottomTabBar: Partial<IAppBottomTabBarState>) => void;
+    removePageBottomTabBar: () => void;
+    removeAppBottomTabBar: () => void;
+    resetPageBottomTabBar: () => void;
+    resetAppBottomTabBar: () => void;
+};

package/dist/components/app/hooks/use-custom-icon-event.d.ts

@@ -0,0 +1 @@
+export declare const useCustomIconEvent: (onCustomIconEvent: (index: number) => void) => void;

package/dist/components/app/hooks/use-did-hide.d.ts

@@ -0,0 +1 @@
+export declare const useDidHide: (func?: () => void) => boolean;

package/dist/components/app/hooks/use-did-show.d.ts

@@ -0,0 +1 @@
+export declare const useDidShow: (func?: () => void) => boolean;

package/dist/components/app/hooks/use-history.d.ts

@@ -0,0 +1,2 @@
+export declare const useHistory: () => import('..').IHistory;
+export declare const useHistories: () => import('..').IHistory[];

package/dist/components/app/hooks/use-location.d.ts

@@ -0,0 +1 @@
+export declare const useLocation: () => import('..').ILocation;

package/dist/components/app/hooks/use-navigate.d.ts

@@ -0,0 +1 @@
+export declare const useNavigate: () => import('..').INavigate;

package/dist/components/app/hooks/use-navigation-bar.d.ts

@@ -0,0 +1,12 @@
+import { IAppNavigationBarState } from '../types/app';
+export declare const useNavigationBar: () => {
+    state: IAppNavigationBarState;
+    pageState: IAppNavigationBarState | undefined;
+    appState: IAppNavigationBarState | undefined;
+    setPageNavigationBar: (navigationBar: Partial<IAppNavigationBarState>) => void;
+    setAppNavigationBar: (navigationBar: Partial<IAppNavigationBarState>) => void;
+    removePageNavigationBar: () => void;
+    removeAppNavigationBar: () => void;
+    resetPageNavigationBar: () => void;
+    resetAppNavigationBar: () => void;
+};

package/dist/components/app/hooks/use-navigation-type.d.ts

@@ -0,0 +1 @@
+export declare const useNavigationType: () => import('..').IHistoryAction;

package/dist/components/app/hooks/use-page-config.d.ts

@@ -0,0 +1 @@
+export declare const usePageConfig: () => import('..').IPageConfig | undefined;

package/dist/components/app/hooks/use-page-layout.d.ts

@@ -0,0 +1,14 @@
+import { IAppPageLayoutState } from '../types/app';
+export declare const usePageLayout: () => {
+    state: IAppPageLayoutState;
+    pageState: IAppPageLayoutState | undefined;
+    appState: IAppPageLayoutState | undefined;
+    setPagePagelayout: (pageLayoutState: Partial<IAppPageLayoutState>) => void;
+    setAppPageLayout: (pageLayoutState: Partial<IAppPageLayoutState>) => void;
+    removePagePagelayout: () => void;
+    removeAppPageLayout: () => void;
+    resetPagePagelayout: () => void;
+    resetAppPageLayout: () => void;
+};
+export declare const usePullToRefresh: (onRefresh: () => Promise<unknown> | unknown) => void;
+export declare const useLoadMore: (onEndReached: () => void) => void;

package/dist/components/app/hooks/use-page-scroll.d.ts

@@ -0,0 +1,5 @@
+import { ThrottleOptions } from 'ahooks/lib/useThrottle/throttleOptions';
+export type IUsePageScrollOptions = {
+    throttle?: ThrottleOptions;
+};
+export declare const usePageScroll: (callback: (target: HTMLDivElement, event: Event) => void, options?: IUsePageScrollOptions) => void;

package/dist/components/app/hooks/use-page-state.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IPageState } from '../types/app';
+export declare const usePageState: () => {
+    pageState: IPageState | undefined;
+    setPageState: Dispatch<SetStateAction<IPageState | undefined>>;
+};

package/dist/components/app/hooks/use-settings-changed.d.ts

@@ -0,0 +1,3 @@
+type ISettings = Record<string, unknown>;
+export declare const useSettingsChanged: (onSettingsChanged: (settings: ISettings) => void) => void;
+export {};

package/dist/components/app/index.d.ts

@@ -0,0 +1,18 @@
+export * from './components/app';
+export * from './components/link';
+export * from './hooks/use-did-hide';
+export * from './hooks/use-did-show';
+export * from './hooks/use-history';
+export * from './hooks/use-location';
+export * from './hooks/use-navigate';
+export * from './hooks/use-navigation-bar';
+export * from './hooks/use-navigation-type';
+export * from './hooks/use-page-layout';
+export * from './hooks/use-page-scroll';
+export * from './hooks/use-app-pause';
+export * from './hooks/use-app-resume';
+export * from './hooks/use-settings-changed';
+export * from './hooks/use-custom-icon-event';
+export * from './utils/data-theme';
+export type * from './types/app';
+export type * from './types/navigation';

package/dist/components/app/stores/app.d.ts

@@ -0,0 +1,24 @@
+import { IAppConfig, IAppState, IPageState } from '../types/app';
+import { IHistory, INavigate } from '../types/navigation';
+import { EventEmitter } from '../../../utils/event-emitter';
+export type IAppStoreState = {
+    config: IAppConfig;
+    initialized: boolean;
+    appState: IAppState;
+    pageStates: Partial<Record<string, IPageState>>;
+    histories: IHistory[];
+    init: (config: IAppConfig) => void;
+    navigate: INavigate;
+};
+type IBeforeLocationChangeData = {
+    history: IHistory;
+    histories: IHistory[];
+    nextHistory: IHistory;
+    nextHistories: IHistory[];
+};
+export declare const navigationEventEmitter: EventEmitter<{
+    beforeLocationChangeP1: IBeforeLocationChangeData;
+    beforeLocationChangeP2: IBeforeLocationChangeData;
+}>;
+export declare const useAppStore: import('zustand').UseBoundStore<import('zustand').StoreApi<IAppStoreState>>;
+export {};

package/dist/components/app/stores/app.selector.d.ts

@@ -0,0 +1,11 @@
+import { IAppStoreState } from './app';
+export declare const historiesSelector: (state: IAppStoreState) => import('..').IHistory[];
+export declare const lastHistorySelector: (state: IAppStoreState) => import('..').IHistory;
+export declare const historySelector: (locationKey: string | null) => (state: IAppStoreState) => import('..').IHistory | undefined;
+export declare const lastLocationSelector: (state: IAppStoreState) => import('..').ILocation;
+export declare const pageStatesSelector: (state: IAppStoreState) => Partial<Record<string, import('..').IPageState>>;
+export declare const pageStateSelector: (locationKey: string | null) => (state: IAppStoreState) => import('..').IPageState | undefined;
+export declare const lastPageStateSelector: (state: IAppStoreState) => import('..').IPageState | undefined;
+export declare const pageConfigsSelector: (state: IAppStoreState) => import('..').IPageConfig[];
+export declare const pageConfigSelector: (locationKey: string | null) => (state: IAppStoreState) => import('..').IPageConfig | undefined;
+export declare const lastPageConfigSelector: (state: IAppStoreState) => import('..').IPageConfig | undefined;

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

@@ -0,0 +1,55 @@
+import { ComponentType, PropsWithChildren } from 'react';
+import { INavigationAnimationType } from './navigation';
+import { INavigationBarProps } from '../../navigation-bar';
+import { IBottomTabBarItem, IBottomTabBarProps } from '../../bottom-tab-bar';
+import { IPageBaseProps } from '../../layout';
+export type IAppAnimationState = {
+    type?: INavigationAnimationType;
+};
+export type IAppKeepAliveState = {
+    enable?: boolean;
+    maxStack?: number;
+    freeze?: boolean;
+    freezeDelay?: number;
+};
+export type IAppPageLayoutState = IPageBaseProps & {
+    hidden?: boolean;
+    scrollRestoration?: boolean;
+};
+export type IAppNavigationBarState = INavigationBarProps & {
+    hidden?: boolean;
+};
+export type IAppBottomTabBarState = Partial<Omit<IBottomTabBarProps, 'activeId' | 'items'>> & {
+    items: Array<IBottomTabBarItem & {
+        path: string;
+        params?: Record<string, string>;
+    }>;
+    hidden?: boolean;
+};
+export type ILayout = ComponentType<PropsWithChildren>;
+export type IAppState = {
+    animation?: IAppAnimationState;
+    navigationBar?: IAppNavigationBarState;
+    bottomTabBar?: IAppBottomTabBarState;
+    keepAlive?: IAppKeepAliveState;
+    pageLayout?: IAppPageLayoutState;
+    Layouts?: ILayout[];
+};
+export type IPageState = Omit<IAppState, 'keepAlive'> & {
+    keepAlive?: boolean;
+    freeze?: boolean;
+    freezeDelay?: number;
+};
+export type IPageConfig = {
+    pathname: string;
+    Component: ComponentType;
+    Layouts?: ILayout[];
+    bottomTabBarId?: string;
+} & IPageState;
+export type IDarkModeConfig = {
+    defaultEnabled?: boolean;
+};
+export type IAppConfig = {
+    pages: IPageConfig[];
+    darkMode?: IDarkModeConfig;
+} & IAppState;

package/dist/components/app/types/navigation.d.ts

@@ -0,0 +1,30 @@
+import { IAppAnimationState, IPageState } from './app';
+export type INavigationAnimationType = 'none' | 'slide_up' | 'slide_left' | 'fade_in';
+export type INavigatePathnameOptions = {
+    replace?: boolean;
+    params?: Record<string, string>;
+    state?: any;
+} & IPageState;
+export type INavigateDeltaOptions = {
+    animation?: IAppAnimationState;
+};
+export type INavigate = {
+    (to: string, options?: INavigatePathnameOptions): void;
+    (to: number, options?: INavigateDeltaOptions): void;
+};
+export type IHistoryAction = 'POP' | 'REPLACE' | 'PUSH';
+export type ILocation = {
+    key: string;
+    pathname: string;
+    params?: Record<string, string>;
+    state?: any;
+};
+export type IHistoryState = {
+    locations: ILocation[];
+    idx: number;
+    type: 'vsf-router';
+};
+export type IHistory = {
+    action: IHistoryAction;
+    location: ILocation;
+};

package/dist/components/app/utils/animation.d.ts

@@ -0,0 +1,2 @@
+import { IHistoryAction, INavigationAnimationType } from '../types/navigation';
+export declare const setupAnimation: (animationType: INavigationAnimationType, action: IHistoryAction) => void;

package/dist/components/app/utils/data-theme.d.ts

@@ -0,0 +1,5 @@
+import { IDarkModeConfig } from '../types/app';
+export declare const initDataTheme: (darkMode?: IDarkModeConfig) => void;
+export declare const getDataTheme: () => 'dark' | 'light';
+export declare const setDataTheme: (theme: "dark" | "light") => void;
+export declare const toggleDataTheme: () => void;

package/dist/components/app/utils/history.d.ts

@@ -0,0 +1,7 @@
+import { IAppConfig, IPageConfig } from '../types/app';
+import { IHistory, IHistoryState, ILocation } from '../types/navigation';
+export declare const PAGE_PATH_NAME = "__pagePath";
+export declare const initHistories: (config: IAppConfig) => IHistory[];
+export declare const getPageByPathname: (pages: IPageConfig[], pathname: string) => IPageConfig | undefined;
+export declare const getHistoryState: (histories: IHistory[]) => IHistoryState;
+export declare const getUrlFromLocation: (location: ILocation) => URL;

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,15 @@
+import { IColor } from '../../types/colors';
+import { IOverride } from '../../types/util';
+import { ComponentProps, FC } from 'react';
+import { ITypographySize } from '../typography';
+export type IAvatarShape = 'circle' | 'rounded';
+export type IAvatarProps = IOverride<ComponentProps<'img'>, {
+    size?: number;
+    shape?: IAvatarShape;
+    border?: boolean;
+    label?: string;
+    labelColor?: IColor;
+    labelSize?: ITypographySize;
+    color?: IColor;
+}>;
+export declare const Avatar: FC<IAvatarProps>;

package/dist/components/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './avatar';

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,8 @@
+import { IOverride } from '../../types/util';
+import { ComponentProps, FC } from 'react';
+export type IBadgeProps = IOverride<ComponentProps<'div'>, {
+    outline?: boolean;
+}>;
+export declare const Badge: FC<IBadgeProps>;
+export type IBadgeContainerProps = ComponentProps<'div'>;
+export declare const BadgeContainer: FC<IBadgeContainerProps>;

package/dist/components/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './badge';

package/dist/components/bottom-tab-bar/bottom-tab-bar.d.ts

@@ -0,0 +1,22 @@
+import { FC, ReactNode } from 'react';
+import { IIconProps } from '../icon';
+import { IColor } from '../../types/colors';
+export type IBottomTabBarItem = {
+    id: string;
+    name: string;
+    icon?: IIconProps | ReactNode;
+    activeIcon?: IIconProps | ReactNode;
+};
+export type IBottomTabBarProps = {
+    className?: string;
+    items: IBottomTabBarItem[];
+    activeId?: string;
+    indicator?: boolean;
+    setCssVariable?: boolean;
+    bgColor?: IColor;
+    color?: IColor;
+    activeColor?: IColor;
+    onItemClick?: (item: IBottomTabBarItem, index: number) => void;
+    safeAreaBottomOffset?: boolean;
+};
+export declare const BottomTabBar: FC<IBottomTabBarProps>;

package/dist/components/bottom-tab-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './bottom-tab-bar';

package/dist/components/button/button.const.d.ts

@@ -0,0 +1,3 @@
+import { ITypographySize } from '../typography';
+import { IButtonSize } from './button';
+export declare const buttonLabelSizeMapping: Record<IButtonSize, ITypographySize>;

package/dist/components/button/button.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { IIconProps } from '../icon';
+import { IOverride } from '../../types/util';
+export type IButtonShape = 'rounded' | 'pill';
+export type IButtonSize = 'large' | 'medium';
+export type IButtonType = 'solid' | 'solid-subtle' | 'outline' | 'ghost';
+export type IButtonTheme = 'default' | 'brand' | 'neutral' | 'neutral-inverse';
+export type IButtonProps = IOverride<ComponentPropsWithRef<'button'>, {
+    shape?: IButtonShape;
+    size?: IButtonSize;
+    type?: IButtonType;
+    theme?: IButtonTheme;
+    disabled?: boolean;
+    loading?: boolean;
+    leadingIcon?: IIconProps | ReactNode;
+    trailingIcon?: IIconProps | ReactNode;
+    htmlType?: ComponentPropsWithRef<'button'>['type'];
+    block?: boolean;
+}>;
+export declare const Button: FC<IButtonProps>;

package/dist/components/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/components/calendar/calendar-range-sheet.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import { IButtonProps } from '../button';
+import { IOverride } from '../../types/util';
+import { IRange, IRangePickerProps } from '../calendar/range-picker';
+export type ICalendarRangeSheetProps = IOverride<Omit<IRangePickerProps, 'value' | 'onChange' | 'defaultValue' | 'onPick'>, {
+    title?: ReactNode;
+    confirmButton?: IButtonProps;
+    open?: boolean;
+    onCancel?: () => void;
+    value?: IRange | null;
+    defaultValue?: IRange | null;
+    onSelect?: (value: IRange) => void;
+}>;
+export declare const CalendarRangeSheet: FC<ICalendarRangeSheetProps>;

package/dist/components/calendar/calendar-single-sheet.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import { IButtonProps } from '../button';
+import { IOverride } from '../../types/util';
+import { ISinglePickerProps } from '../calendar/single-picker';
+export type ICalendarSingleSheetProps = IOverride<Omit<ISinglePickerProps, 'value' | 'onChange' | 'defaultValue'>, {
+    title?: ReactNode;
+    confirmButton?: IButtonProps;
+    open?: boolean;
+    onCancel?: () => void;
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onSelect?: (value: Date) => void;
+}>;
+export declare const CalendarSingleSheet: FC<ICalendarSingleSheetProps>;

package/dist/components/calendar/calendar.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ISinglePickerProps } from './single-picker';
+import { IRangePickerProps } from './range-picker';
+export type ICalendarProps = (ISinglePickerProps & {
+    type?: 'single';
+}) | (IRangePickerProps & {
+    type: 'range';
+});
+declare const Calendar: FC<ICalendarProps>;
+export { Calendar };

package/dist/components/calendar/default-render.d.ts

@@ -0,0 +1,3 @@
+import { IAppLanguage } from '../../locales';
+import { IRenderText } from './utils';
+export declare const getRenderText: (argLang?: IAppLanguage, renderText?: IRenderText) => IRenderText;

package/dist/components/calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './calendar';

package/dist/components/calendar/range-picker.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef, FC } from 'react';
+import { ICommonPickerProps } from './utils';
+import { IOverride } from '../../types/util';
+export type IRange = [Date | null, Date | null];
+export type IRangePickerProps = IOverride<ComponentPropsWithRef<'div'>, {
+    value?: IRange | null;
+    onChange?: (value: IRange) => void;
+    onPick?: (value: IRange) => void;
+    defaultValue?: IRange | null;
+} & ICommonPickerProps>;
+export declare const RangePicker: FC<IRangePickerProps>;

package/dist/components/calendar/single-picker.d.ts

@@ -0,0 +1,9 @@
+import { ICommonPickerProps } from './utils';
+import { ComponentPropsWithRef, FC } from 'react';
+import { IOverride } from '../../types/util';
+export type ISinglePickerProps = IOverride<ComponentPropsWithRef<'div'>, {
+    value?: Date | null;
+    onChange?: (value: Date) => void;
+    defaultValue?: Date | null;
+} & ICommonPickerProps>;
+export declare const SinglePicker: FC<ISinglePickerProps>;

package/dist/components/calendar/utils.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode } from 'react';
+import { IAppLanguage } from '../../locales';
+export declare const Weekday: {
+    readonly SUNDAY: 0;
+    readonly MONDAY: 1;
+    readonly TUESDAY: 2;
+    readonly WEDNESDAY: 3;
+    readonly THURSDAY: 4;
+    readonly FRIDAY: 5;
+    readonly SATURDAY: 6;
+};
+export type IWeekday = (typeof Weekday)[keyof typeof Weekday];
+export declare const Month: {
+    readonly JANUARY: 0;
+    readonly FEBRUARY: 1;
+    readonly MARCH: 2;
+    readonly APRIL: 3;
+    readonly MAY: 4;
+    readonly JUNE: 5;
+    readonly JULY: 6;
+    readonly AUGUST: 7;
+    readonly SEPTEMBER: 8;
+    readonly OCTOBER: 9;
+    readonly NOVEMBER: 10;
+    readonly DECEMBER: 11;
+};
+export type IMonth = (typeof Month)[keyof typeof Month];
+export interface IDateFns {
+    getNumDaysInMonth(month: IMonth, year: number): number;
+    isSame(date1: Date, date2: Date): boolean;
+    isBefore(date1: Date, date2: Date): boolean;
+    isAfter(date1: Date, date2: Date): boolean;
+    isSameOrBefore(date1: Date, date2: Date): boolean;
+    isSameOrAfter(date1: Date, date2: Date): boolean;
+}
+declare class DateFns implements IDateFns {
+    getNumDaysInMonth(month: IMonth, year: number): number;
+    isSame(date1: Date, date2: Date): boolean;
+    isBefore(date1: Date, date2: Date): boolean;
+    isAfter(date1: Date, date2: Date): boolean;
+    isSameOrBefore(date1: Date, date2: Date): boolean;
+    isSameOrAfter(date1: Date, date2: Date): boolean;
+}
+export declare const dateFns: DateFns;
+export type INavigationMode = 'month' | 'month-year' | 'time-only';
+export type ILang = 'vi' | 'en';
+export type IRenderText = {
+    date?: ((date: Date) => ReactNode) | ReactNode;
+    dateSubText?: ((date: Date) => ReactNode) | ReactNode;
+    headerLabel?: ((month: IMonth, year: number) => ReactNode) | ReactNode;
+    weekday?: ((weekday: IWeekday) => ReactNode) | ReactNode;
+};
+export type ICommonPickerProps = {
+    lang?: IAppLanguage;
+    navigationMode?: INavigationMode;
+    renderText?: IRenderText;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export {};

package/dist/components/carousel/carousel.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, FC, ReactNode } from 'react';
+import { ICarouselInstance, ICarouselOptions } from './use-carousel';
+import { IOverride } from '../../types/util';
+export type ICarouselProps = {
+    className?: string;
+    children: ReactNode;
+    carousel?: ICarouselInstance;
+    options?: ICarouselOptions;
+    pagination?: boolean;
+};
+export declare const Carousel: import('react').ForwardRefExoticComponent<ICarouselProps & import('react').RefAttributes<ICarouselInstance>>;
+export type ICarouselItemProps = IOverride<ComponentProps<'div'>, {
+    width?: string | number;
+}>;
+export declare const CarouselItem: FC<ICarouselItemProps>;

package/dist/components/carousel/index.d.ts

@@ -0,0 +1 @@
+export * from './carousel';

package/dist/components/carousel/use-carousel.d.ts

@@ -0,0 +1,27 @@
+export type ICarouselAlign = 'start' | 'center' | 'end';
+export type ICarouselOptions = {
+    align?: ICarouselAlign;
+    initialIndex?: number;
+    loop?: boolean;
+    duration?: number;
+    autoplay?: boolean;
+    delay?: number;
+    autoHeight?: boolean;
+    gap?: number;
+};
+export type ICarouselViewPortRef = <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;
+export type ICarouselToOptions = {
+    jump?: boolean;
+};
+export type ICarouselInstance = {
+    ref: ICarouselViewPortRef;
+    next: (options: ICarouselToOptions) => void;
+    prev: (options: ICarouselToOptions) => void;
+    toSlide: (index: number, options: ICarouselToOptions) => void;
+    activeIndex: number;
+    canNext: boolean;
+    canPrev: boolean;
+    snaps: number[];
+    options: ICarouselOptions;
+};
+export declare const useCarousel: (options?: ICarouselOptions) => ICarouselInstance;

package/dist/components/checkbox/check-icon.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ICheckIconProps extends React.SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const CheckIcon: React.FC<ICheckIconProps>;
+export default CheckIcon;