reactive-bulma 4.0.30 → 4.1.0

package/dist/cjs/types/interfaces/atomProps.d.ts

@@ -1,305 +0,0 @@
-import React from 'react';
-import { ElementProps, ComposedElementProps, ClickeableProps } from './commonProps';
-import { BasicColorType, ColumnOffsetType, ColumnSizeType, FixedImageSizeType, IconColorModeType, ElementSizeType, SizeWithoutNormalType, TextColorType, TitleSizeType, RightLeftAlignType, CommonSizeType } from '../types/styleTypes';
-import { DropdownItemType, InputType, ChildrenType, TileContextType, SingleChildType } from '../types/domTypes';
-export interface ColumnProps extends ElementProps, React.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;
-}
-export interface ButtonProps extends ElementProps, React.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;
-}
-export interface ProgressBarProps extends ElementProps, React.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;
-}
-export interface BlockProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the block */
-    children?: ChildrenType;
-}
-export interface TagProps extends ComposedElementProps, React.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;
-}
-export interface ImageProps extends ComposedElementProps, React.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;
-}
-export interface BoxProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the box */
-    children?: ChildrenType;
-}
-export interface TitleSectionProps extends ElementProps, React.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;
-}
-export interface TitleProps {
-    /** `Attribute` Main title configuration object */
-    main?: TitleSectionProps;
-    /** `Attribute` Subtitle title configuration object */
-    secondary?: TitleSectionProps;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export interface DeleteProps extends ElementProps, ClickeableProps {
-    /** `Styling` Set icons's size */
-    size?: SizeWithoutNormalType;
-}
-export interface SelectOption {
-    id: string | number;
-    name: string;
-    selected?: boolean;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}

package/dist/cjs/types/interfaces/commonProps.d.ts

@@ -1,25 +0,0 @@
-export 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;
-}
-export 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;
-}
-export interface ComposedElementProps extends ElementProps, ContainerProps {
-}
-export interface ClickeableProps {
-    /** `Function` Click function, alone does not nothing, but can be reused for other components */
-    onClick?: () => void;
-}
-export interface GenericObjectProps {
-    [key: string]: string | number | boolean | object;
-}

package/dist/cjs/types/interfaces/functionProps.d.ts

@@ -1,16 +0,0 @@
-import { GenericObjectProps } from './commonProps';
-interface RegExpRule {
-    regExp?: RegExp;
-    replacer?: string;
-}
-export interface ParseTestIdProps {
-    tag: string;
-    parsedClasses: string;
-    rules?: RegExpRule[];
-    separator?: string;
-}
-export interface CreateObjArrayProps {
-    numberOfItems?: number;
-    externalParser?: (i: number) => GenericObjectProps;
-}
-export {};

package/dist/cjs/types/interfaces/moleculeProps.d.ts

@@ -1,231 +0,0 @@
-import { ClickeableProps, ComposedElementProps, ElementProps } from './commonProps';
-import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, IconProps, ImageProps, InputProps, MenuItemProps, NavBarItemProps, PaginationItemProps, TabItemProps, TableCellProps, TableHeadCellProps, TileProps } from './atomProps';
-import { BasicColorType, RightCenteredAlignType, BreadcrumbSeparatorType, ColumnGapType, SizeWithoutNormalType, TabsFormatType, MediumAndLargeSizeType, RightLeftAlignType } from '../types/styleTypes';
-import { ChildrenType, SingleChildType, PanelBlockItemType } from '../types/domTypes';
-export 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';
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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[];
-}
-export 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;
-export 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>;
-}
-export interface MenuProps extends ElementProps {
-    /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
-    menuSections: MenuSectionProps[];
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export interface PanelTabsProps extends ElementProps {
-    /** `Attribute` `Required` A list of configuration objects that will render a set of tabs */
-    tabList: PanelTabItem[];
-}
-export 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;
-}
-export interface TileBoxProps extends TileProps {
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export 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;
-}
-export {};