reactive-bulma 4.0.30 → 4.1.0

package/dist/index.d.ts

@@ -1,805 +0,0 @@
-import React$1 from 'react';
-
-interface ContainerProps {
-    /** `Attribute` *For container case*. ID used to locate the element in unit test suites (like Jest) */
-    containerTestId?: string;
-    /** `Attribute` *For container case*. Custom CSS classes, applicable for specific scenarios */
-    containerCssClasses?: string;
-    /** `Attribute` *For container case*. Custom styling applicable for specific scenarios */
-    containerStyle?: React.CSSProperties;
-}
-interface ElementProps {
-    /** `Attribute` ID used to locate the element in unit test suites (like Jest) */
-    testId?: string;
-    /** `Attribute` Custom CSS classes, applicable for specific scenarios */
-    cssClasses?: string;
-    /** `Attribute` Custom styling applicable for specific scenarios */
-    style?: React.CSSProperties;
-}
-interface ComposedElementProps extends ElementProps, ContainerProps {
-}
-interface ClickeableProps {
-    /** `Function` Click function, alone does not nothing, but can be reused for other components */
-    onClick?: () => void;
-}
-
-type CommonSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
-type AbstractSizeType = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-four-fifths' | 'is-three-fifths' | 'is-two-fifths' | 'is-one-fifth';
-type ColumnSizeType = CommonSizeType | AbstractSizeType;
-type ColumnOffsetType = 'is-offset-1' | 'is-offset-2' | 'is-offset-3' | 'is-offset-4' | 'is-offset-5' | 'is-offset-6' | 'is-offset-7' | 'is-offset-8' | 'is-offset-9' | 'is-offset-10' | 'is-offset-11' | 'is-offset-12';
-type TitleSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
-type BasicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' | 'is-text' | 'is-ghost' | 'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger';
-type TextColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'has-text-dark' | 'has-text-primary' | 'has-text-link' | 'has-text-info' | 'has-text-success' | 'has-text-warning' | 'has-text-danger';
-type FixedImageSizeType = 'is-16x16' | 'is-24x24' | 'is-32x32' | 'is-48x48' | 'is-64x64' | 'is-96x96' | 'is-128x128' | 'is-square' | 'is-1by1' | 'is-5by4' | 'is-4by3' | 'is-3by2' | 'is-5by3' | 'is-16by9' | 'is-2by1' | 'is-3by1' | 'is-4by5' | 'is-3by4' | 'is-2by3' | 'is-3by5' | 'is-9by16' | 'is-1by2' | 'is-1by3';
-type ElementSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
-type SizeWithoutNormalType = Exclude<ElementSizeType, 'is-normal'>;
-type SizeWithHeightType = SizeWithoutNormalType | 'is-halfheight' | 'is-fullheight';
-type MediumAndLargeSizeType = Exclude<SizeWithoutNormalType, 'is-small'>;
-type IconColorModeType = 'light' | 'dark';
-type ColumnGapType = 'is-0' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8';
-type ElementAlignType = 'is-centered' | 'is-right' | 'is-left';
-type RightCenteredAlignType = Exclude<ElementAlignType, 'is-left'>;
-type RightLeftAlignType = Exclude<ElementAlignType, 'is-centered'>;
-type BreadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
-type TabsFormatType = 'is-boxed' | 'is-toggle';
-
-type InputType = 'text' | 'password' | 'email' | 'tel';
-type DropdownItemType = 'item' | 'link' | 'divider';
-type PanelBlockItemType = 'icon' | 'control' | 'button';
-type ChildrenType = string | React$1.ReactElement | React$1.ReactElement[];
-type SingleChildType = Exclude<ChildrenType, React$1.ReactElement[]>;
-type TileContextType = 'is-child' | 'is-parent' | 'is-ancestor';
-type NavBarFixedPositionType = 'top' | 'bottom';
-
-interface ColumnProps extends ElementProps, React$1.ComponentPropsWithoutRef<'section'> {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
-    children?: ChildrenType;
-    /** `Styling` Set column's size */
-    size?: ColumnSizeType;
-    /** `Styling` Set column's offset (moving it as you set its size */
-    offset?: ColumnOffsetType;
-    /** `Styling` Set if the column only will take the space it needs */
-    isNarrow?: boolean;
-}
-interface ButtonProps extends ElementProps, React$1.ComponentPropsWithoutRef<'button'> {
-    /** `Attribute` The text will be shown in the `Button` */
-    text?: string;
-    /** `Attribute` Will disable the button */
-    isDisabled?: boolean;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Will adjust the selected color with a ligther style */
-    isLightColor?: boolean;
-    /** `Styling` Will invert button's colors (typography in color and background in white or black) */
-    isInvertedColor?: boolean;
-    /** `Styling` Similar to `isInvertedColor`, but button's border will be colored */
-    isOutlined?: boolean;
-    /** `Styling` Will add round borders to button's shape */
-    isRounded?: boolean;
-    /** `Styling` Will change `text` for an animated spinner, but will remain clickeable */
-    isLoading?: boolean;
-    /** `Styling` Similar to `isDisabled`, but will remove any color style */
-    isStatic?: boolean;
-    /** `Styling` Sets the button style when a User selects it (useful for an attached `ButtonGroup`) */
-    isSelected?: boolean;
-    /** `Styling` Set button's size on bulma's size tokens */
-    size?: ElementSizeType;
-    /** `Function` Click function, alone does not nothing, but can be reused for other components */
-    onClick?: () => void;
-}
-interface ProgressBarProps extends ElementProps, React$1.ComponentPropsWithoutRef<'progress'> {
-    /** `Attribute` Sets colored bar at the level against `max` value (`100` by default) */
-    value?: number;
-    /** `Attribute` Sets the entire bar length comparing with current `value` */
-    max?: number;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Set progress bar's size */
-    size?: ElementSizeType;
-    /** `Styling` Will change `value` for an animated loading */
-    isLoading?: boolean;
-}
-interface BlockProps extends ElementProps, React$1.ComponentPropsWithoutRef<'section'> {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the block */
-    children?: ChildrenType;
-}
-interface TagProps extends ComposedElementProps, React$1.ComponentPropsWithoutRef<'span'> {
-    /** `Attribute` `Required` The text will be shown in the `Tag` */
-    text: string;
-    /** `Attribute` Will add a delete button (for both single or addon cases) */
-    withDelete?: boolean;
-    /** `Attribute` Will add a second tag element (that could have its own text, color and delete) */
-    withAddon?: boolean;
-    /** `Attribute` The text will be shown in the tag's addon */
-    addonText?: string;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Will adjust the selected color with a ligther style */
-    isLight?: boolean;
-    /** `Styling` Will add round borders to tag's shape */
-    isRounded?: boolean;
-    /** `Styling` Set tag's size */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Color on tag's addon based on bulma's color tokens */
-    addonColor?: BasicColorType;
-    /** `Function` Click function for `delete` option, alone does not nothing, but can be reused for other components */
-    onDeleteClick?: () => void;
-}
-interface ImageProps extends ComposedElementProps, React$1.ComponentPropsWithoutRef<'figure'> {
-    /** `Attribute` `Required` The image source that will be shown */
-    src: string;
-    /** `Attribute` A description text for the image, useful for accessibility purposes */
-    alt?: string;
-    /** `Styling` Will add round borders to image's shape */
-    fixedSize?: FixedImageSizeType;
-    /** `Styling` Sets image size based on one of fixed ratios/fixed sizes */
-    isRounded?: boolean;
-}
-interface BoxProps extends ElementProps, React$1.ComponentPropsWithoutRef<'section'> {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the box */
-    children?: ChildrenType;
-}
-interface TitleSectionProps extends ElementProps, React$1.ComponentPropsWithoutRef<'p'> {
-    /** `Attribute` Sets the text you want to show */
-    text: string;
-    /** `Styling` Set text size */
-    size?: TitleSizeType;
-    /** `Styling` Set type of title (`title` at top, `subtitle` at below) */
-    type: 'title' | 'subtitle';
-    /** `Styling` Set text spacing at default or maximun length */
-    isSpaced?: boolean;
-}
-interface TitleProps {
-    /** `Attribute` Main title configuration object */
-    main?: TitleSectionProps;
-    /** `Attribute` Subtitle title configuration object */
-    secondary?: TitleSectionProps;
-}
-interface IconProps extends ComposedElementProps {
-    /** `Attribute` `Required` Sets the icon key work based on [Material Design icon list](https://pictogrammers.com/library/mdi/) */
-    iconLabel: string;
-    /** `Attribute` Sets the text you want to show next to the icon */
-    text?: string;
-    /** `Styling` Color based on bulma's text color tokens */
-    color?: TextColorType;
-    /** `Styling` Set icons's size */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Special usage in case you want to set as dark or light mode */
-    colorMode?: IconColorModeType;
-    /** `Styling` Animates the icon spinning 360° */
-    isSpinning?: boolean;
-    /** `Styling` Used for `InputControl` styling purpose only. Will move the Icon itself to control's Input side */
-    position?: RightLeftAlignType;
-}
-interface InputProps extends ElementProps, ClickeableProps {
-    /** `Attribute` `Required` What type of input will be used */
-    type: InputType;
-    /** `Attribute` The value that will be shown on the input */
-    text?: string;
-    /** `Attribute` The text that will be shown if the user does not type any value */
-    placeholder?: string;
-    /** `Attribute` Will disable the input */
-    isDisabled?: boolean;
-    /** `Attribute` Will show the input as a normal one, but is not editable and has no shadow */
-    isReadonly?: boolean;
-    /** `Styling` Color based on bulma's text color tokens */
-    color?: BasicColorType;
-    /** `Styling` Set input's size */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Will add round borders to input's shape */
-    isRounded?: boolean;
-    /** `Styling` Will add a specific border when the input is hovered by the user */
-    isHovered?: boolean;
-    /** `Styling` Will add a specific border when the input is focused by the user */
-    isFocused?: boolean;
-    /** `Function` Reffers to each time the user press a key. Alone does not nothing, but can be reused for other components */
-    onChange?: () => void;
-}
-interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
-    /** `Attribute` Text area's columns value that sets its width */
-    cols?: number;
-    /** `Attribute` Text area's rows value that sets its height */
-    rows?: number;
-    /** `Styling` Will disable characteristic sizable property by removing its control on bottom-right corner */
-    isFixedSize?: boolean;
-}
-interface DeleteProps extends ElementProps, ClickeableProps {
-    /** `Styling` Set icons's size */
-    size?: SizeWithoutNormalType;
-}
-interface SelectOption {
-    id: string | number;
-    name: string;
-    selected?: boolean;
-}
-interface SelectProps extends ComposedElementProps, ClickeableProps {
-    /** `Attribute` Indicates the options contained on the select */
-    options?: SelectOption[];
-    /** `Attribute` Indicates how many options will be shown at first glance (before looking for the whole list */
-    showOptions?: number;
-    /** `Attribute` Will allow multiple selection */
-    isMultiple?: boolean;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Set select's size */
-    size?: ElementSizeType;
-    /** `Styling`Will add round borders to input's shape */
-    isRounded?: boolean;
-    /** `Styling`Will add a specific border when the input is hovered by the user */
-    isHovered?: boolean;
-    /** `Styling`Will add a specific border when the input is focused by the user */
-    isFocused?: boolean;
-}
-interface FileProps extends ComposedElementProps, ClickeableProps {
-    /** `Attribute` The name of the file to be uploaded */
-    fileName?: string;
-    /** `Attribute` The icon displayed in file's button" */
-    uploadIcon?: IconProps;
-    /** `Attribute` The text displayed in file's button */
-    uploadText?: string;
-    /** `Styling` Changes button's position to its right */
-    buttonOnRight?: boolean;
-    /** `Styling` The whole container (button and file name) will occupy its parent container width */
-    isFullWidth?: boolean;
-    /** `Styling` Changes styling to a box style, making the button bigger and file name's position below the button */
-    isBoxed?: boolean;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Set button's size */
-    size?: ElementSizeType;
-}
-interface CheckBoxProps extends ComposedElementProps {
-    /** `Attribute` Sets checkbox's text that will be shown next to its control */
-    content?: ChildrenType;
-    /** `Attribute` Will disable the checkbox */
-    isDisabled?: boolean;
-    /** `Function` Click function, alone does not nothing, but can be reused for other components */
-    onChange?: () => void;
-}
-interface RadioButtonItemProps extends Pick<ElementProps, 'testId' | 'style'> {
-    /** `Attribute` `Required` Sets checkbox's text*/
-    label: string;
-    /** `Attribute` Sets the name that will relate this checkbox with the others */
-    name?: string;
-    /** `Attribute` Shows the checkbox as checked or unchecked */
-    isChecked?: boolean;
-    /** `Attribute` Will disable the checkbox */
-    isDisabled?: boolean;
-    /** `Function` Click function, alone does not nothing, but can be reused for other components */
-    onChange?: () => void;
-}
-interface RadioButtonProps extends ComposedElementProps {
-    /** `Attribute` `Required` Indicates the options contained to be selected */
-    options: RadioButtonItemProps[];
-    /** `Attribute` `Required` Sets the name that will relate this checkbox with the others */
-    name: string;
-    /** `Function` Click function, alone does not nothing, but can be reused for other components */
-    onChange?: () => void;
-}
-interface BreadcrumbItemProps extends ComposedElementProps, ClickeableProps {
-    /** `Attribute` `Required` Indicates item text that will be shown */
-    text: string;
-    /** `Styling` Marks the item as the one where user is located (based on breadcrumb hierarchy) */
-    isActiveItem?: boolean;
-}
-interface DropdownTriggerProps extends ComposedElementProps, ClickeableProps {
-    /** `Attribute` `Required` Sets the name will be shown on the dropdown input */
-    menuText: string;
-    /** `Attribute` Sets a relationship between trigger's button and dropdown's menu to toggle display */
-    dropdownPointer?: string;
-}
-interface DropdownItemProps extends ElementProps, ClickeableProps {
-    /** `Attribute` `Required` Sets the name will be shown on the item */
-    itemText: string;
-    /** `Attribute` Changes item's composition into a `<hr>`, a `<a>` or a `<div>` depending its type */
-    type?: DropdownItemType;
-    /** `Styling` Marks the item as the one where user is located (based on dropdown hierarchy) */
-    isActiveItem?: boolean;
-}
-interface MenuItemProps extends ElementProps, ClickeableProps {
-    /** `Attribute` `Required` Sets the text will be shown on the menu item */
-    text: string;
-    /** `Styling` Generates a blue background to mark the item as the active one in the `MenuList` */
-    isActive?: boolean;
-}
-interface PaginationItemProps extends ElementProps, ClickeableProps {
-    /** `Attribute` `Required` Sets the number string that will be shown in the item and in its title when user hovers it */
-    text: string | number;
-    /** `Attribute` Sets a custom text before the `text` when user hovers the item */
-    labelText?: string;
-    /** `Attribute` Sets a custom text before the `text` when user hovers the item if is the current one */
-    currentLabelText?: string;
-    /** `Styling` Makes the item the selected one, changing its background to blue */
-    isSelected?: boolean;
-}
-interface TabItemProps extends ComposedElementProps, ClickeableProps {
-    /** `Attribute` `Required` The text will be shown in the `TabItem` */
-    text: string;
-    /** `Attribute` Adds an `Icon` component before the text */
-    icon?: IconProps;
-    /** `Styling` Used for `Tabs` styling purpose only. Will mark the tab as the one selected among its group */
-    isActive?: boolean;
-}
-interface LevelHeaderProps extends ElementProps {
-    /** `Attribute` `Required` A title in smaller size */
-    header: string;
-    /** `Attribute` `Required` Main value (numeric or text) to be shown in a bigger scale below `header` */
-    value: string | number;
-}
-interface TileProps extends ElementProps {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the tile */
-    children?: ChildrenType;
-    /** `Attribute` Indicates its hierarchy level based on [Bulma documantation](https://bulma.io/documentation/layout/tiles/#nesting-requirements). Selection any level besides `is-child` will invalidate any `color` you select */
-    context?: TileContextType;
-    /** `Styling` Set tile's size */
-    size?: CommonSizeType;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Used for hierarchy level as ancestor or parent. It selects its children in a vertical format (like a column) */
-    isVertical?: boolean;
-}
-interface NavBarItemProps extends ElementProps, ClickeableProps {
-    /** `Attribute` `Required` Reffers to the component or string that will be shown inside the item */
-    children: SingleChildType;
-    /** `Styling` Used for `NavBarDropdown` styling purpose only. Will mark the item as the one selected among its group */
-    isActive?: boolean;
-}
-interface TableHeadCellProps extends ElementProps, ClickeableProps {
-    /** `Attribute` `Required` It will display cell's content, which could be text, an html tag or a custom component */
-    content: SingleChildType;
-}
-interface TableCellProps extends ElementProps, ClickeableProps {
-    /** `Attribute` `Required` It will display cell's content, which could be text, an html tag or a custom component */
-    content: SingleChildType;
-}
-
-declare const Button: React$1.FC<ButtonProps>;
-
-declare const Column: React$1.FC<ColumnProps>;
-
-declare const ProgressBar: React$1.FC<ProgressBarProps>;
-
-declare const Block: React$1.FC<BlockProps>;
-
-declare const Tag: React$1.FC<TagProps>;
-
-declare const Box: React$1.FC<BoxProps>;
-
-declare const Title: React$1.FC<TitleProps>;
-
-declare const Icon: React$1.FC<IconProps>;
-
-declare const Input: React$1.FC<InputProps>;
-
-declare const TextArea: React$1.FC<TextAreaProps>;
-
-declare const Delete: React$1.FC<DeleteProps>;
-
-declare const Select: React$1.FC<SelectProps>;
-
-declare const File: React$1.FC<FileProps>;
-
-declare const CheckBox: React$1.FC<CheckBoxProps>;
-
-declare const RadioButton: React$1.FC<RadioButtonProps>;
-
-declare const BreadcrumbItem: React$1.FC<BreadcrumbItemProps>;
-
-declare const DropdownTrigger: React$1.FC<DropdownTriggerProps>;
-
-declare const DropdownItem: React$1.FC<DropdownItemProps>;
-
-declare const MenuItem: React$1.FC<MenuItemProps>;
-
-declare const Image: React$1.FC<ImageProps>;
-
-declare const PaginationItem: React$1.FC<PaginationItemProps>;
-
-declare const TabItem: React$1.FC<TabItemProps>;
-
-declare const LevelHeader: React$1.FC<LevelHeaderProps>;
-
-declare const Tile: React$1.FC<TileProps>;
-
-declare const NavBarItem: React$1.FC<NavBarItemProps>;
-
-declare const TableHeadCell: React$1.FC<TableHeadCellProps>;
-
-declare const TableCell: React$1.FC<TableCellProps>;
-
-interface ButtonGroupProps extends ElementProps {
-    /** `Atribute` `Required` Array of `Button` objects that will be shown */
-    buttonList: ButtonProps[];
-    /** `Styling` Will group the list of buttonList in a single line */
-    isAttached?: boolean;
-    /** `Styling` Sets group position on the container */
-    position?: 'left' | 'centered' | 'right';
-}
-interface ColumnGroupProps extends ElementProps {
-    /** `Atribute` `Required` Array of `Column` objects that will be shown */
-    listOfColumns: ColumnProps[];
-    /** `Styling` Will adjust column structure display layout in case you want to work on mobiles */
-    isMobileLayout?: boolean;
-    /** `Styling` Will reorder column display in multiple lines each time exceeds viewport width */
-    isMultiline?: boolean;
-    /** `Styling` Will center the list of columns vertically */
-    isVerticallyCentered?: boolean;
-    /** `Styling` Will center the list of columns horizontally */
-    isHorizontallyCentered?: boolean;
-    /** `Styling` Will adjust the space between the columns. In case to set null, it will remove those gaps */
-    gap?: ColumnGapType | null;
-}
-interface NotificationProps extends ElementProps {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
-    children?: ChildrenType;
-    /** `Atribute` Includes a `Delete` config object that will be shown */
-    deleteButton?: DeleteProps;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Will adjust the selected color with a ligther style */
-    isLightColor?: boolean;
-}
-interface BreadcrumbsProps extends ComposedElementProps {
-    /** `Atribute` `Required` Array of `BreadcrumbItems` objects that will be shown */
-    items: BreadcrumbItemProps[];
-    /** `Styling` Will adjust element position on screen */
-    alignment?: RightCenteredAlignType | null;
-    /** `Styling` Will adjust element position on screen */
-    separator?: BreadcrumbSeparatorType | null;
-    /** `Styling` Set breadcrumb's size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-}
-interface DropdownProps extends ElementProps {
-    /** `Atribute` `Required` Sets the name will be shown on the dropdown input */
-    inputText: string;
-    /** `Attribute` Sets a relationship between dropdown trigger's button and dropdown's menu to toggle display */
-    dropdownPointer?: string;
-    /** `Atribute` `Required` Array of `DropdownItem` objects that will be shown on its menu */
-    listOfItems: DropdownItemProps[];
-}
-interface MessageProps extends ElementProps {
-    /** `Atribute` Sets the header's text that will be shown on message's darker zone */
-    headerText?: string;
-    /** `Atribute` `Required` Sets the body's text that will be shown on message's lighter zone */
-    bodyText: string;
-    /** `Atribute` Includes a `Delete` config object that will be shown */
-    deleteButton?: DeleteProps;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Set button's size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-}
-interface MenuSubListProps {
-    subListTitle: MenuItemProps;
-    subItems: MenuItemProps[];
-}
-type MenuListItemType = MenuItemProps | MenuSubListProps;
-interface MenuListProps extends ElementProps {
-    /** `Attribute` `Required` List of menu items that can be used as single ones or in a list/sublist format */
-    itemList: Array<MenuListItemType>;
-}
-interface MenuSectionProps {
-    /** `Attribute` `Required` Label that will be show at the beginning of each section */
-    label: string;
-    /** `Attribute` `Required` List of menu items that can be used as single ones or in a list/sublist format */
-    itemList: Array<MenuListItemType>;
-}
-interface MenuProps extends ElementProps {
-    /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
-    menuSections: MenuSectionProps[];
-}
-interface PaginationNavigationButtonProps extends ClickeableProps {
-    /** `Attribute` `Required` Text that will be shown on the button */
-    text: string;
-    /** `Attribute` Will disable the button */
-    isDisabled?: boolean;
-    /** `Attribute` Custom CSS classes, applicable for specific scenarios */
-    cssClasses?: string;
-}
-interface PaginationProps extends ComposedElementProps {
-    /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
-    pages: PaginationItemProps[];
-    /** `Attribute` Adds a couple of ellipsis between the first and last item */
-    hasEllipsis?: boolean;
-    /** `Attribute` Number of items that will be hidden if `hasEllipsis` is `true` */
-    ellipsisItems?: number;
-    /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
-    showPreviousPageButton?: PaginationNavigationButtonProps | null;
-    /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
-    showNextPageButton?: PaginationNavigationButtonProps | null;
-    /** `Styling` Will add round borders to each page's shape */
-    isRounded?: boolean;
-    /** `Styling` Set button's size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Will adjust the pages position on screen */
-    alignment?: RightCenteredAlignType | null;
-}
-interface ModalProps extends ComposedElementProps {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
-    children?: ChildrenType | null;
-    /** `Function` Custom function related to the modal's close button to inject custom code if needed */
-    onCloseClick?: () => void;
-}
-interface TabsProps extends ElementProps {
-    /** `Attribute` `Required` List of tabs that will be shown in order */
-    tabs: TabItemProps[];
-    /** `Styling` Will adjust the tabs position on screen */
-    alignment?: RightCenteredAlignType;
-    /** `Styling` Set tab's size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Set tab's size on bulma's size tokens */
-    format?: TabsFormatType;
-    /** `Styling` Will add round tabs borders. Only visible if `format` is set to `is-toggle` */
-    isRounded?: boolean;
-    /** `Styling` The whole container will occupy its parent container width */
-    isFullWidth?: boolean;
-}
-interface InputControlProps extends ElementProps {
-    /** `Attribute` `Required` control's input configuration which will be wrapped */
-    inputConfig: InputProps;
-    /** `Attribute` `Icon` configuration that will be shown in Input's left side */
-    leftIcon?: IconProps;
-    /** `Attribute` `Icon` configuration that will be shown in Input's right side */
-    rightIcon?: IconProps;
-    /** `Styling` Set control and its input size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Will add an animated spinner on input's right side */
-    isLoading?: boolean;
-    /** `Styling` Used for `FormField` styling purpose only. Will strech the input and its container in full-width */
-    isExpanded?: boolean;
-}
-interface PanelBlockItemProps {
-    /** `Attribute` `Required` Indicates to component's parser which type of component will be rendered based on its option */
-    type: PanelBlockItemType;
-    /** `Attribute` `Required` The component properties that will configure that specific instance */
-    props: InputControlProps | IconProps | ButtonProps;
-}
-interface PanelBlockProps extends ComposedElementProps, ClickeableProps {
-    /** `Attribute` `Required` Configuration object with a type and a set of props based on the available components that could be rendered in each `PanelBlock` */
-    config: PanelBlockItemProps;
-    /** `Attribute` Usable when config's U is `icon` only. It will display a text next to mentioned icon (for user purposes) */
-    blockText?: string;
-    /** `Styling` Used for `PanelBlock` styling purpose only. Will mark its rendered component as the one selected among its group */
-    isActive?: boolean;
-}
-interface PanelTabItem extends ClickeableProps {
-    /** `Attribute` `Required` Will show the text to the user in shape of tab */
-    text: string;
-    /** `Styling` Used for `PanelTab` styling purpose only. Will mark its rendered component as the one selected among its group */
-    isActive?: boolean;
-}
-interface PanelTabsProps extends ElementProps {
-    /** `Attribute` `Required` A list of configuration objects that will render a set of tabs */
-    tabList: PanelTabItem[];
-}
-interface LevelItemProps extends ElementProps {
-    /** `Attribute` `Required` Reffers to the component or string content that will be shown inside the level */
-    content: SingleChildType;
-    /** `Styling` Centers item's content horizontally */
-    isCentered?: boolean;
-}
-interface TileBoxProps extends TileProps {
-}
-interface FooterProps extends ComposedElementProps {
-    /** `Attribute` `Required` Reffers to the component, list of components or string content that will be shown inside the footer */
-    content: ChildrenType;
-    /** `Styling` Centers footer¿s content horizontally */
-    isContentCentered?: boolean;
-}
-interface MediaProps extends ElementProps {
-    /** `Attribute` Reffers to the component or string content that will be shown inside the component's left side */
-    leftContent?: SingleChildType;
-    /** `Attribute` Reffers to the component or string content that will be shown inside the component's center */
-    centerContent?: SingleChildType;
-    /** `Attribute` Reffers to the component or string content that will be shown inside the component's right side */
-    rightContent?: SingleChildType;
-}
-interface SectionProps extends ElementProps {
-    /** `Attribute` `Required` Reffers to the component or string content that will be shown inside the section */
-    content: SingleChildType;
-    /** `Styling` Set button's size on bulma's size tokens */
-    size?: MediumAndLargeSizeType;
-}
-interface NavBarDropdownProps extends ComposedElementProps {
-    /** `Attribute` `Required` It will show the presentation text to be clicked or hovered in order to display its menu */
-    text: string;
-    /** `Attribute` `Required` A list of configuration objects that will render in dropdown's menu. Those can be items or dividers */
-    items: Array<NavBarItemProps | 'divider'>;
-    /** `Styling` Used for `NavBar` styling purpose only. Will set the dropdown on a specific position based on the proveded value */
-    position?: RightLeftAlignType;
-    /** `Styling` Used to display dropdown's menu when user clicks on its text */
-    isActive?: boolean;
-    /** `Styling` Similar to `isActive`, but will display when user hovers its pointer on its text */
-    isHoverable?: boolean;
-    /** `Styling` Sets dropdown's menu on top of the text instead default styling */
-    hasDropdownUp?: boolean;
-    /** `Styling` Sets dropdown's menu design like a box, also adds some animation when its diplayed */
-    hasBoxedMenu?: boolean;
-}
-interface BrandConfigProps extends Omit<NavBarItemProps, 'children'> {
-    children: ImageProps;
-}
-interface NavBarBrandProps extends ElementProps {
-    /** `Attribute` `Required` Configuration object to inject a `NavBarItem` with a Image configuration as its children */
-    brandConfig: BrandConfigProps;
-    /** `Styling` It sets brand's burger button as active (changing looks from a burger to a cross) */
-    isBurgerActive?: boolean;
-}
-interface TableRowProps extends ElementProps, ClickeableProps {
-    /** `Attribute` Configuration object to inject a `TableHeaderCell` as row's head */
-    headCell?: TableHeadCellProps;
-    /** `Attribute` `Required` List of `TableCell` that will be rendered on the table */
-    listOfCells: TableCellProps[];
-    /** `Styling` Used for `Table` styling purpose only. Will set row's background color to indicate it has been selected by the user */
-    isSelected?: boolean;
-}
-
-declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
-
-declare const ColumnGroup: React$1.FC<ColumnGroupProps>;
-
-declare const Notification: React$1.FC<NotificationProps>;
-
-declare const Breadcrumbs: React$1.FC<BreadcrumbsProps>;
-
-declare const Dropdown: React$1.FC<DropdownProps>;
-
-declare const Message: React$1.FC<MessageProps>;
-
-declare const Menu: React$1.FC<MenuProps>;
-
-declare const MenuList: React$1.FC<MenuListProps>;
-
-declare const Pagination: React$1.FC<PaginationProps>;
-
-declare const Modal: React$1.FC<ModalProps>;
-
-declare const Tabs: React$1.FC<TabsProps>;
-
-declare const InputControl: React$1.FC<InputControlProps>;
-
-declare const PanelBlock: React$1.FC<PanelBlockProps>;
-
-declare const PanelTabs: React$1.FC<PanelTabsProps>;
-
-declare const LevelItem: React$1.FC<LevelItemProps>;
-
-declare const TileBox: React$1.FC<TileBoxProps>;
-
-declare const Footer: React$1.FC<FooterProps>;
-
-declare const Media: React$1.FC<MediaProps>;
-
-declare const Section: React$1.FC<SectionProps>;
-
-declare const NavBarBrand: React$1.FC<NavBarBrandProps>;
-
-declare const NavBarDropdown: React$1.FC<NavBarDropdownProps>;
-
-declare const TableRow: React$1.FC<TableRowProps>;
-
-interface FormFieldHelperProps {
-    text?: string;
-    color?: BasicColorType;
-}
-interface FormFieldProps extends ElementProps {
-    /** `Attribute` `Required` Single or multiple `InputControlProps` config objects which will be wrapped around the `FormField` */
-    inputControlConfig: InputControlProps | InputControlProps[];
-    /** `Attribute` Sets a custom text before the wrapped input to indicate its usage */
-    labelText?: string;
-    /** `Attribute` Adds a helper text below the wrapped paragraph to provide context information */
-    helperConfig?: FormFieldHelperProps;
-    /** `Styling` Will adjust field's sections (label, input/s and helper) in horizontal position */
-    isHorizontal?: boolean;
-    /** `Styling` Will group the list of inputs in a same wrapper (useful for several inputs with same usage, as a complex address) */
-    isGrouped?: boolean;
-}
-interface PanelProps extends ElementProps {
-    /** `Attribute` `Required` Will display Panel's header text */
-    headerText: string;
-    /** `Attribute` A configuration object that will render a set of tabs based on `PanelTab` component */
-    panelTabs?: PanelTabsProps;
-    /** `Attribute` `Required` A list of configuration objects that will render a list of block with different components, based on `PanelBlockList` component */
-    blockList: PanelBlockProps[];
-    /** `Styling` Color based on bulma's text color tokens */
-    color?: BasicColorType;
-}
-interface LevelProps extends ElementProps {
-    /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's left side */
-    leftSide?: LevelItemProps[];
-    /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's center */
-    centerSide?: LevelItemProps[];
-    /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's right side */
-    rightSide?: LevelItemProps[];
-    /** `Styling` Will adjust the navigator on horizontal on mobile as well */
-    isMobile?: boolean;
-}
-interface HeroProps extends ElementProps {
-    /** `Attribute` Designated section for hero's header, it will be visible only if container's `size` is setted to `is-fullheight` */
-    header?: ChildrenType;
-    /** `Attribute` `Required` Designated section for hero's body */
-    body: ChildrenType;
-    /** `Attribute` Designated section for hero's footer, it will be visible only if container's `size` is setted to `is-fullheight` */
-    footer?: ChildrenType;
-    /** `Styling` Set hero's size */
-    size?: SizeWithHeightType;
-    /** `Styling` Color based on bulma's text color tokens */
-    color?: BasicColorType;
-}
-interface TileGroupProps extends ElementProps, Pick<TileProps, 'context' | 'isVertical' | 'size'> {
-    /** `Attribute` `Required` A list of `Title` configurations that will be displayed in a grid mode on the screen */
-    groupConfig: TileProps[];
-}
-interface NavBarMenuProps {
-    itemList: Array<NavBarItemProps | NavBarDropdownProps>;
-    showInMobile?: boolean;
-}
-interface NavBarProps extends ElementProps {
-    /** `Attribute` Configuration object for navbar's left section, it needs of a `NavBarBrand` object to be displayed at NavBar's start */
-    brandConfig?: NavBarBrandProps;
-    /** `Attribute` Configuration object for navbar's left section, it needs of a list of `NavBarItem` or `NavBarDropdown` objects to be displayed */
-    itemsAtStart?: NavBarMenuProps;
-    /** `Attribute` Configuration object for navbar's right section, it needs of a list of `NavBarItem` or `NavBarDropdown` objects to be displayed */
-    itemsAtEnd?: NavBarMenuProps;
-    /** `Styling` Sets navbar's position at screen's top or bottom */
-    fixedPosition?: NavBarFixedPositionType;
-    /** `Styling` Color based on bulma's text color tokens */
-    color?: BasicColorType;
-    /** `Styling` Sets navbar's color as transparent */
-    isTransparent?: boolean;
-    /** `Styling` Adds a small padding around the navbar */
-    isSpaced?: boolean;
-    /** `Styling` Adds a small shadow on navbar's bottom */
-    hasShadow?: boolean;
-}
-interface CardFooterProps extends ClickeableProps {
-    text: string;
-}
-interface CardProps extends ElementProps {
-    /** `Attribute` It will shot a text on card's top, just a paragraph */
-    headerText?: string;
-    /** `Attribute` A single configuration object that will render an `Image` component */
-    image?: ImageProps;
-    /** `Attribute` `Required` Deisgnated section where you can include a string, a single or list of components (each one separated in its own `content` section) */
-    content: ChildrenType;
-    /** `Attribute` A list of footer links that will be rendered on card's bottom, below its content */
-    footerLinks?: CardFooterProps[];
-}
-interface TableProps extends ElementProps {
-    /** `Attribute` `Required` Configuration object that will display table's head */
-    head: TableHeadCellProps[];
-    /** `Attribute` `Required` Configuration object that will display table's body */
-    body: TableRowProps[];
-    /** `Attribute` Configuration object that will display table's foot */
-    foot?: TableHeadCellProps[];
-    /** `Styling` It will add a Bordered styling to the table. It can be combined with other mentioned styling properties. */
-    isBordered?: boolean;
-    /** `Styling` It will add a Striped styling to the table. It can be combined with other mentioned styling properties. */
-    isStriped?: boolean;
-    /** `Styling` It will add a Narrow styling to the table. It can be combined with other mentioned styling properties. */
-    isNarrow?: boolean;
-    /** `Styling` It will add a Hoverable styling to the table. It can be combined with other mentioned styling properties. */
-    isHoverable?: boolean;
-    /** `Styling` It will add a Fullwidth styling to the table. It can be combined with other mentioned styling properties. */
-    isFullwidth?: boolean;
-    /** `Styling` Will create a container around the table in order to make it scrollable */
-    isContained?: boolean;
-}
-
-declare const FormField: React$1.FC<FormFieldProps>;
-
-declare const Panel: React$1.FC<PanelProps>;
-
-declare const Level: React$1.FC<LevelProps>;
-
-declare const Hero: React$1.FC<HeroProps>;
-
-declare const TileGroup: React$1.FC<TileGroupProps>;
-
-declare const NavBar: React$1.FC<NavBarProps>;
-
-declare const Card: React$1.FC<CardProps>;
-
-declare const Table: React$1.FC<TableProps>;
-
-export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, Card, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Footer, FormField, Hero, Icon, Image, Input, InputControl, Level, LevelHeader, LevelItem, Media, Menu, MenuItem, MenuList, Message, Modal, NavBar, NavBarBrand, NavBarDropdown, NavBarItem, Notification, Pagination, PaginationItem, Panel, PanelBlock, PanelTabs, ProgressBar, RadioButton, Section, Select, TabItem, Table, TableCell, TableHeadCell, TableRow, Tabs, Tag, TextArea, Tile, TileBox, TileGroup, Title };