@allxsmith/bestax-bulma 1.0.9 → 1.0.10

package/dist/types/columns/Column.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export type BulmaColumnSize = number | 'full' | 'half' | 'one-third' | 'two-thirds' | 'one-quarter' | 'three-quarters' | 'one-fifth' | 'two-fifths' | 'three-fifths' | 'four-fifths';
+export interface ColumnProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    size?: BulmaColumnSize;
+    sizeMobile?: BulmaColumnSize;
+    sizeTablet?: BulmaColumnSize;
+    sizeDesktop?: BulmaColumnSize;
+    sizeWidescreen?: BulmaColumnSize;
+    sizeFullhd?: BulmaColumnSize;
+    offset?: BulmaColumnSize;
+    offsetMobile?: BulmaColumnSize;
+    offsetTablet?: BulmaColumnSize;
+    offsetDesktop?: BulmaColumnSize;
+    offsetWidescreen?: BulmaColumnSize;
+    offsetFullhd?: BulmaColumnSize;
+    isNarrow?: boolean;
+    isNarrowMobile?: boolean;
+    isNarrowTablet?: boolean;
+    isNarrowTouch?: boolean;
+    isNarrowDesktop?: boolean;
+    isNarrowWidescreen?: boolean;
+    isNarrowFullhd?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Column: React.FC<ColumnProps>;

package/dist/types/columns/Columns.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export type BulmaGapSize = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
+export interface ColumnsProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    isCentered?: boolean;
+    isGapless?: boolean;
+    isMultiline?: boolean;
+    isVCentered?: boolean;
+    isMobile?: boolean;
+    isDesktop?: boolean;
+    gapSize?: BulmaGapSize;
+    gapSizeMobile?: BulmaGapSize;
+    gapSizeTablet?: BulmaGapSize;
+    gapSizeDesktop?: BulmaGapSize;
+    gapSizeWidescreen?: BulmaGapSize;
+    gapSizeFullhd?: BulmaGapSize;
+    children?: React.ReactNode;
+}
+export declare const Columns: React.FC<ColumnsProps>;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+declare const validBreadcrumbAlignments: readonly ["centered", "right"];
+export type BreadcrumbAlignment = (typeof validBreadcrumbAlignments)[number];
+declare const validBreadcrumbSeparators: readonly ["arrow", "bullet", "dot", "succeeds"];
+export type BreadcrumbSeparator = (typeof validBreadcrumbSeparators)[number];
+declare const validBreadcrumbSizes: readonly ["small", "medium", "large"];
+export type BreadcrumbSize = (typeof validBreadcrumbSizes)[number];
+export interface BreadcrumbProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
+    className?: string;
+    alignment?: BreadcrumbAlignment;
+    separator?: BreadcrumbSeparator;
+    size?: BreadcrumbSize;
+    children?: React.ReactNode;
+}
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export {};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    hasShadow?: boolean;
+    header?: React.ReactNode;
+    headerCentered?: boolean;
+    headerIcon?: React.ReactNode;
+    footer?: React.ReactNode | React.ReactNode[];
+    image?: React.ReactNode | string;
+    imageAlt?: string;
+    children?: React.ReactNode;
+}
+export declare const Card: React.FC<CardProps>;
+export declare const __test_exports__: {
+    renderFooter: (footer: CardProps["footer"]) => import("react/jsx-runtime").JSX.Element[] | null;
+};

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+export declare const isBrowser: (win?: typeof window, doc?: typeof document) => boolean;
+export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    label: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    menuClassName?: string;
+    active?: boolean;
+    up?: boolean;
+    right?: boolean;
+    hoverable?: boolean;
+    disabled?: boolean;
+    onActiveChange?: (active: boolean) => void;
+    closeOnClick?: boolean;
+    id?: string;
+}
+export interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    active?: boolean;
+    className?: string;
+    as?: 'a' | 'div' | 'button';
+    children?: React.ReactNode;
+}
+export declare const DropdownItem: React.FC<DropdownItemProps>;
+export declare const DropdownDivider: React.FC;
+export declare const Dropdown: React.FC<DropdownProps> & {
+    Item: React.FC<DropdownItemProps>;
+    Divider: React.FC<{}>;
+};
+export default Dropdown;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+export interface MenuProps extends Omit<React.HTMLAttributes<HTMLElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export interface MenuLabelProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const MenuLabel: React.FC<MenuLabelProps>;
+export interface MenuListProps extends Omit<React.HTMLAttributes<HTMLUListElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const MenuList: React.FC<MenuListProps>;
+export interface MenuItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    className?: string;
+    children: React.ReactNode;
+    active?: boolean;
+    href?: string;
+    as?: React.ElementType;
+    [key: string]: unknown;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;
+export declare const Menu: React.FC<MenuProps> & {
+    Label: React.FC<MenuLabelProps>;
+    List: React.FC<MenuListProps>;
+    Item: React.FC<MenuItemProps>;
+};
+export default Menu;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface MessageProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    title?: React.ReactNode;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    onClose?: () => void;
+    children?: React.ReactNode;
+}
+export declare const Message: React.FC<MessageProps>;
+export default Message;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'title'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    active?: boolean;
+    onClose?: () => void;
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    modalCardTitle?: React.ReactNode;
+    modalCardFoot?: React.ReactNode;
+    type?: 'card' | 'content';
+    children?: React.ReactNode;
+}
+export declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

@@ -0,0 +1,83 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    transparent?: boolean;
+    fixed?: 'top' | 'bottom';
+    children?: React.ReactNode;
+}
+export declare const Navbar: React.FC<NavbarProps> & {
+    Brand: typeof NavbarBrand;
+    Item: typeof NavbarItem;
+    Burger: typeof NavbarBurger;
+    Menu: typeof NavbarMenu;
+    Start: typeof NavbarStart;
+    End: typeof NavbarEnd;
+    Dropdown: typeof NavbarDropdown;
+    DropdownMenu: typeof NavbarDropdownMenu;
+    Divider: typeof NavbarDivider;
+};
+export interface NavbarBrandProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    children?: React.ReactNode;
+}
+export declare const NavbarBrand: React.FC<NavbarBrandProps>;
+export interface NavbarItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    as?: React.ElementType;
+    active?: boolean;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    children?: React.ReactNode;
+}
+export declare const NavbarItem: React.FC<NavbarItemProps>;
+export interface NavbarBurgerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    active?: boolean;
+    children?: React.ReactNode;
+    'aria-label'?: string;
+    'aria-expanded'?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export declare const NavbarBurger: React.FC<NavbarBurgerProps>;
+export interface NavbarMenuProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    active?: boolean;
+    children?: React.ReactNode;
+}
+export declare const NavbarMenu: React.FC<NavbarMenuProps>;
+export interface NavbarStartEndProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    children?: React.ReactNode;
+}
+export declare const NavbarStart: React.FC<NavbarStartEndProps>;
+export declare const NavbarEnd: React.FC<NavbarStartEndProps>;
+export interface NavbarDropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    right?: boolean;
+    up?: boolean;
+    hoverable?: boolean;
+    active?: boolean;
+    children?: React.ReactNode;
+}
+export declare const NavbarDropdown: React.FC<NavbarDropdownProps>;
+export interface NavbarDropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    right?: boolean;
+    up?: boolean;
+    children?: React.ReactNode;
+}
+export declare const NavbarDropdownMenu: React.FC<NavbarDropdownMenuProps>;
+export declare const NavbarDivider: React.FC<React.HTMLAttributes<HTMLHRElement>>;
+export default Navbar;

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface PaginationProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    size?: 'small' | 'medium' | 'large';
+    align?: 'centered' | 'right';
+    rounded?: boolean;
+    total?: number;
+    current?: number;
+    onPageChange?: (page: number) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface PaginationPreviousNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    className?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export declare const PaginationPrevious: React.FC<PaginationPreviousNextProps>;
+export declare const PaginationNext: React.FC<PaginationPreviousNextProps>;
+export declare const Pagination: React.FC<PaginationProps> & {
+    Link: typeof PaginationLink;
+    List: typeof PaginationList;
+    Ellipsis: typeof PaginationEllipsis;
+    Previous: typeof PaginationPrevious;
+    Next: typeof PaginationNext;
+};
+export interface PaginationListProps extends React.HTMLAttributes<HTMLUListElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    children?: React.ReactNode;
+}
+export declare const PaginationList: React.FC<PaginationListProps>;
+export interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    active?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export declare const PaginationLink: React.FC<PaginationLinkProps>;
+export declare const PaginationEllipsis: React.FC<React.LiHTMLAttributes<HTMLLIElement>>;
+export default Pagination;

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+export interface PanelProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface PanelHeadingProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface PanelTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface PanelBlockProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    className?: string;
+    active?: boolean;
+    children?: React.ReactNode;
+}
+export interface PanelIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface PanelInputBlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    iconClassName?: string;
+}
+export interface PanelCheckboxBlockProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> {
+    checked?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    children?: React.ReactNode;
+}
+export interface PanelButtonBlockProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+}
+export declare const Panel: React.FC<PanelProps> & {
+    Heading: typeof PanelHeading;
+    Tabs: typeof PanelTabs;
+    Block: typeof PanelBlock;
+    Icon: typeof PanelIcon;
+    InputBlock: typeof PanelInputBlock;
+    CheckboxBlock: typeof PanelCheckboxBlock;
+    ButtonBlock: typeof PanelButtonBlock;
+};
+export declare const PanelHeading: React.FC<PanelHeadingProps>;
+export declare const PanelTabs: React.FC<PanelTabsProps>;
+export declare const PanelBlock: React.FC<PanelBlockProps>;
+export declare const PanelIcon: React.FC<PanelIconProps>;
+export declare const PanelInputBlock: React.FC<PanelInputBlockProps>;
+export declare const PanelCheckboxBlock: React.FC<PanelCheckboxBlockProps>;
+export declare const PanelButtonBlock: React.FC<PanelButtonBlockProps>;
+export default Panel;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    align?: 'centered' | 'right' | 'left';
+    size?: 'small' | 'medium' | 'large';
+    fullwidth?: boolean;
+    boxed?: boolean;
+    toggle?: boolean;
+    rounded?: boolean;
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabListProps extends React.HTMLAttributes<HTMLUListElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+}
+export declare const Tabs: React.FC<TabsProps> & {
+    List: typeof TabList;
+    Item: typeof TabItem;
+};
+export declare const TabList: React.FC<TabListProps>;
+export declare const TabItem: React.FC<TabItemProps>;
+export default Tabs;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    align?: 'centered' | 'right' | 'left';
+    size?: 'small' | 'medium' | 'large';
+    fullwidth?: boolean;
+    boxed?: boolean;
+    toggle?: boolean;
+    rounded?: boolean;
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabListProps extends React.HTMLAttributes<HTMLUListElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+}
+export declare const Tabs: React.FC<TabsProps> & {
+    List: typeof TabList;
+    Item: typeof TabItem;
+};
+export declare const TabList: React.FC<TabListProps>;
+export declare const TabItem: React.FC<TabItemProps>;
+export default Tabs;

package/dist/types/elements/Block.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface BlockProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    children?: React.ReactNode;
+}
+export declare const Block: React.FC<BlockProps>;

package/dist/types/elements/Box.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface BoxProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    hasShadow?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Box: React.FC<BoxProps>;

package/dist/types/elements/Button.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'onClick'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'> {
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    size?: 'small' | 'normal' | 'medium' | 'large';
+    isLight?: boolean;
+    isRounded?: boolean;
+    isLoading?: boolean;
+    isStatic?: boolean;
+    isFullWidth?: boolean;
+    isOutlined?: boolean;
+    isInverted?: boolean;
+    isFocused?: boolean;
+    isActive?: boolean;
+    isHovered?: boolean;
+    isDisabled?: boolean;
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    as?: 'a' | 'button';
+    href?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement>;
+    target?: string;
+    rel?: string;
+    children?: React.ReactNode;
+}
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/types/elements/Buttons.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+interface ButtonsProps extends React.HTMLAttributes<HTMLDivElement>, BulmaClassesProps {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    isCentered?: boolean;
+    isRight?: boolean;
+    hasAddons?: boolean;
+    children: React.ReactNode;
+}
+export declare const Buttons: React.FC<ButtonsProps>;
+export {};

package/dist/types/elements/Content.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+interface ContentProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    size?: 'small' | 'normal' | 'medium' | 'large';
+    children?: React.ReactNode;
+}
+export declare const Content: React.FC<ContentProps>;
+export default Content;

package/dist/types/elements/Delete.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+interface DeleteProps extends React.HTMLAttributes<HTMLButtonElement>, BulmaClassesProps {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    size?: 'small' | 'medium' | 'large';
+    ariaLabel?: string;
+    disabled?: boolean;
+}
+export declare const Delete: React.FC<DeleteProps>;
+export {};

package/dist/types/elements/Icon.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+type IconLibrary = 'fa' | 'mdi' | 'ion';
+export interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, BulmaClassesProps {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    name: string;
+    library?: IconLibrary;
+    libraryFeatures?: string | string[];
+    size?: 'small' | 'medium' | 'large';
+    ariaLabel?: string;
+    style?: React.CSSProperties;
+}
+export declare const Icon: React.FC<IconProps>;
+export {};

package/dist/types/elements/IconText.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+import { IconProps } from './Icon';
+interface IconTextItem {
+    iconProps: IconProps;
+    text?: string;
+}
+interface IconTextProps extends React.HTMLAttributes<HTMLSpanElement>, BulmaClassesProps {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    iconProps?: IconProps;
+    children?: React.ReactNode;
+    items?: IconTextItem[];
+}
+export declare const IconText: React.FC<IconTextProps>;
+export {};

package/dist/types/elements/Image.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface ImageProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    size?: '16x16' | '24x24' | '32x32' | '48x48' | '64x64' | '96x96' | '128x128' | 'square' | '1by1' | '5by4' | '4by3' | '3by2' | '5by3' | '16by9' | '2by1' | '3by1' | '4by5' | '3by4' | '2by3' | '3by5' | '9by16' | '1by2' | '1by3';
+    isRounded?: boolean;
+    isRetina?: boolean;
+    src?: string;
+    alt?: string;
+    children?: React.ReactNode;
+    as?: 'figure' | 'div' | 'p';
+}
+export declare const Image: React.FC<ImageProps>;
+export default Image;

package/dist/types/elements/Notification.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    color?: (typeof validColors)[number];
+    isLight?: boolean;
+    hasDelete?: boolean;
+    onDelete?: () => void;
+    children?: React.ReactNode;
+}
+export declare const Notification: React.FC<NotificationProps>;

package/dist/types/elements/Progress.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    className?: string;
+    color?: (typeof validColors)[number];
+    size?: 'small' | 'medium' | 'large';
+    value?: number;
+    max?: number;
+    children?: React.ReactNode;
+}
+export declare const Progress: React.FC<ProgressProps>;

package/dist/types/elements/SubTitle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+declare const validSubTitleSizes: readonly ["1", "2", "3", "4", "5", "6"];
+export type SubTitleSize = (typeof validSubTitleSizes)[number];
+declare const validSubTitleElements: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
+export type SubTitleElement = (typeof validSubTitleElements)[number];
+export interface SubTitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement | HTMLParagraphElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
+    className?: string;
+    size?: SubTitleSize;
+    as?: SubTitleElement;
+    children?: React.ReactNode;
+}
+export declare const SubTitle: React.FC<SubTitleProps>;
+export default SubTitle;