@paygreen/pgui 2.14.10 → 3.0.1-beta

package/dist/index.d.ts

@@ -1,352 +1,2 @@
-import React, { FC, PropsWithChildren, ReactNode, Dispatch, SetStateAction, ReactComponentElement } from 'react';
-import { IconButtonProps, CardProps, HTMLChakraProps, MenuItemProps, FlexProps, AccordionProps, FormControlProps, ModalProps, DrawerProps, StackProps, InputProps, BoxProps, DrawerContentProps, ButtonProps, TextProps } from '@chakra-ui/react';
-import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
-import * as react_select_dist_declarations_src_filters from 'react-select/dist/declarations/src/filters';
-import * as react_select from 'react-select';
-import { GroupBase, Props } from 'react-select';
-import * as react_select_dist_declarations_src_components from 'react-select/dist/declarations/src/components';
-import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
-
-type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
-    label: string;
-};
-declare const ActionsButton: FC<PropsWithChildren<ActionsButtonProps>>;
-
-declare const Card: (props: CardProps) => React.JSX.Element;
-
-type StyledMenuItemProps = HTMLChakraProps<'button'>;
-declare const MenuItem: _chakra_ui_system_dist_system_types.ComponentWithAs<"button", MenuItemProps>;
-type ConfirmMenuItemProps = MenuItemProps & {
-    confirmDelay?: number;
-    confirmColorScheme?: string;
-    confirmContent?: React.ReactNode;
-    confirmText?: React.ReactNode;
-    confirmIcon?: React.FC<React.PropsWithChildren<unknown>>;
-};
-declare const ConfirmMenuItem: _chakra_ui_system_dist_system_types.ComponentWithAs<"button", ConfirmMenuItemProps>;
-
-type DataListColumns = Record<string, DataListCellProps>;
-type DataListContextValue = {
-    setColumns: React.Dispatch<React.SetStateAction<DataListColumns>>;
-    columns: DataListColumns;
-    isHover: boolean;
-};
-declare const DataListContext: React.Context<DataListContextValue>;
-declare const DataListHeaderContext: React.Context<boolean>;
-type DataListCellProps = FlexProps & {
-    colName?: string;
-    colWidth?: string | number | Record<string, string | number>;
-    isVisible?: boolean | boolean[] | Record<string, boolean>;
-};
-declare const DataListCell: ({ children, colName, colWidth, isVisible, ...rest }: DataListCellProps) => React.JSX.Element | null;
-declare const DataListAccordion: ({ ...rest }: {
-    [x: string]: any;
-}) => React.JSX.Element;
-declare const DataListAccordionButton: ({ ...rest }: {
-    [x: string]: any;
-}) => React.JSX.Element;
-declare const DataListAccordionIcon: ({ ...rest }: {
-    [x: string]: any;
-}) => React.JSX.Element;
-declare const DataListAccordionPanel: ({ ...rest }: {
-    [x: string]: any;
-}) => React.JSX.Element;
-type DataListRowProps = FlexProps & {
-    isVisible?: boolean | boolean[] | Record<string, boolean>;
-    isDisabled?: boolean;
-};
-declare const DataListRow: FC<PropsWithChildren<DataListRowProps>>;
-type DataListHeaderProps = DataListRowProps;
-declare const DataListHeader: FC<PropsWithChildren<DataListHeaderProps>>;
-type DataListFooterProps = DataListRowProps;
-declare const DataListFooter: FC<PropsWithChildren<DataListFooterProps>>;
-type DataListProps = AccordionProps & {
-    isHover?: boolean;
-};
-declare const DataList: FC<PropsWithChildren<DataListProps>>;
-
-type FormGroupProps = Omit<FormControlProps, 'onChange' | 'defaultValue' | 'label'> & {
-    children?: ReactNode;
-    errorMessage?: ReactNode;
-    helper?: ReactNode;
-    id?: string;
-    isRequired?: boolean;
-    label?: ReactNode;
-    showError?: boolean;
-};
-declare const FormGroup: ({ children, errorMessage, helper, id, isRequired, label, showError, ...props }: FormGroupProps) => React.JSX.Element;
-
-type InputDayPickerProps = {
-    name: string;
-    placeholder?: string;
-    onChange: Dispatch<SetStateAction<Date | null>>;
-    value: Date | null;
-    locale?: 'fr' | 'en';
-    variant?: 'filled' | 'outline';
-    withTime?: boolean;
-    minDate?: Date | null | undefined;
-    maxDate?: Date | null | undefined;
-    isDisabled?: boolean;
-    inputProps?: any;
-    dayPickerProps?: any;
-    isOpen?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-};
-declare const InputDayPicker: ({ value, onChange, placeholder, name, isDisabled, withTime, locale, minDate, maxDate, variant, inputProps, dayPickerProps, isOpen: isOpenProp, onOpen: onOpenProp, onClose: onCloseProp, }: InputDayPickerProps) => React.JSX.Element;
-
-var css_248z = "/* CSS variables. */\r\n:root {\r\n\t--PhoneInput-color--focus: #03b2cb;\r\n\t--PhoneInputInternationalIconPhone-opacity: 0.8;\r\n\t--PhoneInputInternationalIconGlobe-opacity: 0.65;\r\n\t--PhoneInputCountrySelect-marginRight: 0.35em;\r\n\t--PhoneInputCountrySelectArrow-width: 0.3em;\r\n\t--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);\r\n\t--PhoneInputCountrySelectArrow-borderWidth: 1px;\r\n\t--PhoneInputCountrySelectArrow-opacity: 0.45;\r\n\t--PhoneInputCountrySelectArrow-color: currentColor;\r\n\t--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\r\n\t--PhoneInputCountrySelectArrow-transform: rotate(45deg);\r\n\t--PhoneInputCountryFlag-aspectRatio: 1.5;\r\n\t--PhoneInputCountryFlag-height: 1em;\r\n\t--PhoneInputCountryFlag-borderWidth: 1px;\r\n\t--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);\r\n\t--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\r\n\t--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);\r\n}\r\n\r\n.PhoneInput {\r\n\t/* This is done to stretch the contents of this component. */\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n\r\n.PhoneInputInput {\r\n\t/* The phone number input stretches to fill all empty space */\r\n\tflex: 1;\r\n\t/* The phone number input should shrink\r\n\t   to make room for the extension input */\r\n\tmin-width: 0;\r\n}\r\n\r\n.PhoneInputCountryIcon {\r\n\twidth: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\r\n\theight: var(--PhoneInputCountryFlag-height);\r\n}\r\n\r\n.PhoneInputCountryIcon--square {\r\n\twidth: var(--PhoneInputCountryFlag-height);\r\n}\r\n\r\n.PhoneInputCountryIcon--border {\r\n\t/* Removed `background-color` because when an `<img/>` was still loading\r\n\t   it would show a dark gray rectangle. */\r\n\t/* For some reason the `<img/>` is not stretched to 100% width and height\r\n\t   and sometime there can be seen white pixels of the background at top and bottom. */\r\n\tbackground-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\r\n\t/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */\r\n\t/* For some reason the `<img/>` is not stretched to 100% width and height\r\n\t   and sometime there can be seen white pixels of the background at top and bottom,\r\n\t   so an additional \"inset\" border is added. */\r\n\tbox-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),\r\n\t\tinset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\r\n}\r\n\r\n.PhoneInputCountryIconImg {\r\n\t/* Fixes weird vertical space above the flag icon. */\r\n\t/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */\r\n\tdisplay: block;\r\n\t/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.\r\n\t   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.PhoneInputInternationalIconPhone {\r\n\topacity: var(--PhoneInputInternationalIconPhone-opacity);\r\n}\r\n\r\n.PhoneInputInternationalIconGlobe {\r\n\topacity: var(--PhoneInputInternationalIconGlobe-opacity);\r\n}\r\n\r\n/* Styling native country `<select/>`. */\r\n\r\n.PhoneInputCountry {\r\n\tposition: relative;\r\n\talign-self: stretch;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tmargin-right: var(--PhoneInputCountrySelect-marginRight);\r\n}\r\n\r\n.PhoneInputCountrySelect {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tz-index: 1;\r\n\tborder: 0;\r\n\topacity: 0;\r\n\tcursor: pointer;\r\n}\r\n\r\n.PhoneInputCountrySelect[disabled],\r\n.PhoneInputCountrySelect[readonly] {\r\n\tcursor: default;\r\n}\r\n\r\n.PhoneInputCountrySelectArrow {\r\n\tdisplay: block;\r\n\tcontent: '';\r\n\twidth: var(--PhoneInputCountrySelectArrow-width);\r\n\theight: var(--PhoneInputCountrySelectArrow-width);\r\n\tmargin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\r\n\tborder-style: solid;\r\n\tborder-color: var(--PhoneInputCountrySelectArrow-color);\r\n\tborder-top-width: 0;\r\n\tborder-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\r\n\tborder-left-width: 0;\r\n\tborder-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\r\n\ttransform: var(--PhoneInputCountrySelectArrow-transform);\r\n\topacity: var(--PhoneInputCountrySelectArrow-opacity);\r\n}\r\n\r\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\r\n\topacity: 1;\r\n\tcolor: var(--PhoneInputCountrySelectArrow-color--focus);\r\n}\r\n\r\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\r\n\tbox-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),\r\n\t\tinset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\r\n}\r\n\r\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\r\n\topacity: 1;\r\n\tcolor: var(--PhoneInputCountrySelectArrow-color--focus);\r\n}";
-styleInject(css_248z);
-
-type InputPhoneProps = {
-    locale?: string;
-    value?: string;
-    placeholder?: string;
-    isDisabled?: boolean;
-    inputProps?: object;
-};
-declare const isValidPhone: (val: string) => boolean;
-declare const formatPhoneIntl: (val: string) => string;
-declare const InputPhone: ({ locale, value, placeholder, isDisabled, inputProps, ...props }: InputPhoneProps) => React.JSX.Element;
-
-type InputRangePickerProps = {
-    name: string;
-    placeholder?: string;
-    onChange: Dispatch<SetStateAction<{
-        from: Date | null;
-        to: Date | null;
-    } | null>>;
-    value?: {
-        from: Date | null;
-        to: Date | null;
-    } | null;
-    locale?: 'fr' | 'en';
-    variant?: 'filled' | 'outline';
-    withTime?: boolean;
-    minStartDate?: Date | null | undefined;
-    maxStartDate?: Date | null | undefined;
-    minEndDate?: Date | null | undefined;
-    maxEndDate?: Date | null | undefined;
-    isDisabled?: boolean;
-    breakpoint?: 'base' | 'sm' | 'md' | 'lg';
-    inputProps?: any;
-    dayPickerProps?: any;
-};
-declare const InputRangePicker: ({ value, onChange, placeholder, name, isDisabled, withTime, locale, minStartDate, maxStartDate, minEndDate, maxEndDate, variant, breakpoint, inputProps, dayPickerProps, }: InputRangePickerProps) => React.JSX.Element;
-
-type ModalResponsiveProps = ModalProps & DrawerProps;
-declare const ModalResponsive: ({ isOpen, onClose, finalFocusRef, children, ...rest }: ModalResponsiveProps) => React.JSX.Element;
-
-declare const getPaginationInfo: ({ page, pageSize, totalItems, }: {
-    page?: number | undefined;
-    pageSize?: number | undefined;
-    totalItems?: number | undefined;
-}) => {
-    firstPage: number;
-    lastPage: number;
-    firstItemOnPage: number;
-    lastItemOnPage: number;
-    isFirstPage: boolean;
-    isLastPage: boolean;
-};
-type PaginationContextValue<PageType = number> = {
-    page: PageType;
-    setPage: (page: PageType) => void;
-    firstPage: PageType;
-    isFirstPage: boolean;
-    lastPage: PageType;
-    isLastPage: boolean;
-    totalItems: number;
-    isLoadingPage: boolean;
-    pageSize: number;
-    firstItemOnPage: number;
-    lastItemOnPage: number;
-};
-declare const PaginationContext: React.Context<PaginationContextValue<number>>;
-declare const PaginationButtonFirstPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
-declare const PaginationButtonPrevPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
-declare const PaginationButtonLastPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
-declare const PaginationButtonNextPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
-declare const PaginationInfo: ({ ...rest }: {
-    [x: string]: any;
-}) => React.JSX.Element;
-type PaginationProps = StackProps & {
-    setPage: (page: number) => void;
-    page?: number;
-    pageSize?: number;
-    totalItems?: number;
-    isLoadingPage?: boolean;
-};
-declare const Pagination: ({ setPage, page, pageSize, totalItems, isLoadingPage, children, ...rest }: PaginationProps) => React.JSX.Element;
-
-type CustomProps = {
-    value?: string;
-    defaultValue?: string;
-    onChange?(value?: string): void;
-    delay?: number;
-    clearLabel?: string;
-    inputProps?: object;
-};
-type SearchInputProps = Overwrite<InputProps, CustomProps>;
-declare const SearchInput: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", SearchInputProps>;
-
-declare module 'react' {
-    function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
-}
-type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
-    isAsync?: boolean;
-    isCreatable?: boolean;
-    isError?: boolean;
-    size?: string;
-    formatCreateLabel?: (inputValue: string) => ReactNode;
-    loadOptions?: (input: unknown) => TODO;
-    defaultOptions?: unknown | boolean;
-    debounceDelay?: number;
-    variant?: 'filled' | 'outline';
-} & Props<Option, IsMulti, Group> & Omit<BoxProps, 'defaultValue'>;
-declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: {
-    isAsync?: boolean | undefined;
-    isCreatable?: boolean | undefined;
-    isError?: boolean | undefined;
-    size?: string | undefined;
-    formatCreateLabel?: ((inputValue: string) => ReactNode) | undefined;
-    loadOptions?: ((input: unknown) => TODO) | undefined;
-    defaultOptions?: unknown | boolean;
-    debounceDelay?: number | undefined;
-    variant?: "outline" | "filled" | undefined;
-} & Omit<Pick<react_select_dist_declarations_src_Select.Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
-    tabIndex?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    isLoading?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<Option, IsMulti, Group>> | undefined;
-    placeholder?: React.ReactNode;
-    options?: react_select.OptionsOrGroups<Option, Group> | undefined;
-    pageSize?: number | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<Option, IsMulti, Group> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<Option> | undefined;
-    getOptionValue?: react_select.GetOptionValue<Option> | undefined;
-    isOptionDisabled?: ((option: Option, selectValue: react_select.Options<Option>) => boolean) | undefined;
-    isMulti?: IsMulti | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: react_select.StylesConfig<Option, IsMulti, Group> | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
-    tabIndex?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    isLoading?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<Option, IsMulti, Group>> | undefined;
-    placeholder?: React.ReactNode;
-    options?: react_select.OptionsOrGroups<Option, Group> | undefined;
-    pageSize?: number | undefined;
-    backspaceRemovesValue?: boolean | undefined;
-    blurInputOnSelect?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    classNames?: react_select.ClassNamesConfig<Option, IsMulti, Group> | undefined;
-    closeMenuOnSelect?: boolean | undefined;
-    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-    controlShouldRenderValue?: boolean | undefined;
-    escapeClearsValue?: boolean | undefined;
-    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
-    formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
-    getOptionLabel?: react_select.GetOptionLabel<Option> | undefined;
-    getOptionValue?: react_select.GetOptionValue<Option> | undefined;
-    isOptionDisabled?: ((option: Option, selectValue: react_select.Options<Option>) => boolean) | undefined;
-    isMulti?: IsMulti | undefined;
-    isRtl?: boolean | undefined;
-    isSearchable?: boolean | undefined;
-    loadingMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    minMenuHeight?: number | undefined;
-    maxMenuHeight?: number | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPlacement?: react_select.MenuPlacement | undefined;
-    menuPosition?: react_select.MenuPosition | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    menuShouldScrollIntoView?: boolean | undefined;
-    noOptionsMessage?: ((obj: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    screenReaderStatus?: ((obj: {
-        count: number;
-    }) => string) | undefined;
-    styles?: react_select.StylesConfig<Option, IsMulti, Group> | undefined;
-    tabSelectsValue?: boolean | undefined;
-    unstyled?: boolean | undefined;
-} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
-
-declare const BottomBar: (props: FlexProps) => React.JSX.Element;
-
-declare const LayoutContainer: (props: FlexProps) => React.JSX.Element;
-
-type SideNavProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    onToggle?: () => void;
-    breakpoint?: any[] | Partial<Record<string, any>>;
-} & FlexProps & DrawerContentProps;
-type SideNavMenuItemProps = {
-    isActive?: boolean;
-} & ButtonProps;
-type SideNavMenuProps = {
-    textProps?: TextProps;
-} & StackProps;
-declare const SideNav: ({ isOpen, onClose, onToggle, breakpoint, children, ...props }: SideNavProps) => React.JSX.Element;
-declare const SideNavContainer: (props: StackProps) => React.JSX.Element;
-declare const SideNavHeader: ({ children, ...rest }: FlexProps) => React.JSX.Element;
-declare const SideNavBody: ({ children, ...rest }: StackProps) => React.JSX.Element;
-declare const SideNavFooter: ({ children, ...rest }: FlexProps) => React.JSX.Element;
-declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => React.JSX.Element;
-declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => React.JSX.Element;
-
-type TopBarBackActionProps = {
-    backAction?: () => void;
-    rightInformation?: ReactComponentElement<any>;
-} & FlexProps;
-declare const TopBar: (props: StackProps) => React.JSX.Element;
-declare const TopBarFirstElement: (props: FlexProps) => React.JSX.Element;
-declare const TopBarLastElement: (props: StackProps) => React.JSX.Element;
-declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => React.JSX.Element;
-
-declare const theme: Record<string, any>;
-
-declare const dateFormat = "dd/MM/yyyy";
-
-declare const useIsMobile: (currentBreakpoint: string) => boolean;
-
-export { ActionsButton, ActionsButtonProps, BottomBar, Card, ConfirmMenuItem, DataList, DataListAccordion, DataListAccordionButton, DataListAccordionIcon, DataListAccordionPanel, DataListCell, DataListCellProps, DataListContext, DataListFooter, DataListFooterProps, DataListHeader, DataListHeaderContext, DataListHeaderProps, DataListProps, DataListRow, DataListRowProps, FormGroup, FormGroupProps, InputDayPicker, InputDayPickerProps, InputPhone, InputPhoneProps, InputRangePicker, InputRangePickerProps, LayoutContainer, MenuItem, ModalResponsive, Pagination, PaginationButtonFirstPage, PaginationButtonLastPage, PaginationButtonNextPage, PaginationButtonPrevPage, PaginationContext, PaginationContextValue, PaginationInfo, PaginationProps, SearchInput, Select, SelectProps, SideNav, SideNavBody, SideNavContainer, SideNavFooter, SideNavHeader, SideNavMenu, SideNavMenuItem, SideNavMenuItemProps, SideNavMenuProps, SideNavProps, StyledMenuItemProps, TopBar, TopBarBackAction, TopBarBackActionProps, TopBarFirstElement, TopBarLastElement, dateFormat, formatPhoneIntl, getPaginationInfo, isValidPhone, theme, useIsMobile };
+export * from './components';
+export { default as PGUISystemContext } from './theme';