@allxsmith/bestax-bulma 1.0.0

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+/**
+ * Checks if code is running in a browser environment.
+ * @param win - Window object.
+ * @param doc - Document object.
+ * @returns {boolean} True if in browser, false otherwise.
+ */
+export declare const isBrowser: (win?: typeof window, doc?: typeof document) => boolean;
+/**
+ * Props for the Dropdown component.
+ *
+ * @property {React.ReactNode} label - The dropdown button content.
+ * @property {React.ReactNode} children - The menu items.
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {string} [menuClassName] - Additional CSS classes for the dropdown menu.
+ * @property {boolean} [active] - Whether the dropdown is open (controlled).
+ * @property {boolean} [up] - Dropdown direction up.
+ * @property {boolean} [right] - Dropdown aligned to the right.
+ * @property {boolean} [hoverable] - Dropdown opens on hover.
+ * @property {boolean} [disabled] - Disables the dropdown trigger.
+ * @property {(active: boolean) => void} [onActiveChange] - Called when active state changes.
+ * @property {boolean} [closeOnClick=true] - Close dropdown when clicking a menu item.
+ * @property {string} [id] - ID for the root element.
+ */
+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;
+}
+/**
+ * Props for the DropdownItem component.
+ *
+ * @property {boolean} [active] - Whether the item is active.
+ * @property {string} [className] - Additional CSS classes.
+ * @property {'a'|'div'|'button'} [as] - The element type to render.
+ * @property {React.ReactNode} [children] - Item content.
+ */
+export interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    active?: boolean;
+    className?: string;
+    as?: 'a' | 'div' | 'button';
+    children?: React.ReactNode;
+}
+/**
+ * Bulma Dropdown item.
+ *
+ * @function
+ * @param {DropdownItemProps} props - Props for the DropdownItem component.
+ * @returns {JSX.Element} The rendered dropdown item.
+ */
+export declare const DropdownItem: React.FC<DropdownItemProps>;
+/**
+ * Bulma Dropdown divider.
+ *
+ * @returns {JSX.Element} The divider element.
+ */
+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,79 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Menu component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} children - Menu content.
+ */
+export interface MenuProps extends Omit<React.HTMLAttributes<HTMLElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * Props for the MenuLabel component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} children - Label content.
+ */
+export interface MenuLabelProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * Bulma Menu label component.
+ *
+ * @function
+ * @param {MenuLabelProps} props - Props for the MenuLabel component.
+ * @returns {JSX.Element} The rendered menu label.
+ */
+export declare const MenuLabel: React.FC<MenuLabelProps>;
+/**
+ * Props for the MenuList component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} children - List items.
+ */
+export interface MenuListProps extends Omit<React.HTMLAttributes<HTMLUListElement>, keyof BulmaClassesProps>, BulmaClassesProps {
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * MenuList applies `menu-list` class only at the top level (not for nested lists).
+ *
+ * @function
+ * @param {MenuListProps} props - Props for the MenuList component.
+ * @returns {JSX.Element} The rendered menu list.
+ */
+export declare const MenuList: React.FC<MenuListProps>;
+/**
+ * Props for the MenuItem component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {boolean} [active] - Whether the item is active.
+ * @property {string} [href] - Href for link items.
+ * @property {React.ElementType} [as] - Render as a custom component.
+ * @property {React.ReactNode} children - Item content and optional nested MenuList.
+ */
+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;
+}
+/**
+ * MenuItem supports `as` prop for custom link components, e.g., react-router-dom Link.
+ *
+ * @function
+ * @param {MenuItemProps} props - Props for the MenuItem component.
+ * @returns {JSX.Element} The rendered menu item.
+ */
+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,34 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Message component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [title] - Title displayed in the message header.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma or 'inherit'/'current').
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the message.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma or 'inherit'/'current').
+ * @property {() => void} [onClose] - Called when the close button is clicked.
+ * @property {React.ReactNode} [children] - Message body content.
+ */
+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;
+}
+/**
+ * Bulma-styled Message component.
+ *
+ * Supports Bulma helper classes, color, and an optional close button.
+ *
+ * @function
+ * @param {MessageProps} props - Props for the Message component.
+ * @returns {JSX.Element} The rendered message.
+ * @see {@link https://bulma.io/documentation/components/message/ | Bulma Message documentation}
+ */
+export declare const Message: React.FC<MessageProps>;
+export default Message;

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Modal component.
+ *
+ * @property {boolean} [active] - Whether the modal is open.
+ * @property {() => void} [onClose] - Called when modal is closed.
+ * @property {string} [className] - Additional CSS classes for the modal.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for modal content.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color for modal content.
+ * @property {React.ReactNode} [modalCardTitle] - Title for modal card variant.
+ * @property {React.ReactNode} [modalCardFoot] - Footer for modal card variant.
+ * @property {'card'|'content'} [type] - Modal type ('card' for modal-card, 'content' for modal-content).
+ * @property {React.ReactNode} [children] - Modal body/content.
+ */
+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;
+}
+/**
+ * Bulma Modal component, supporting both modal-card and modal-content variants.
+ *
+ * @function
+ * @param {ModalProps} props - Props for the Modal component.
+ * @returns {JSX.Element} The rendered modal.
+ * @see {@link https://bulma.io/documentation/components/modal/ | Bulma Modal documentation}
+ */
+export declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

@@ -0,0 +1,229 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Navbar component.
+ *
+ * @property {string} [className] - Additional CSS classes for the navbar.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Color for text.
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color modifier for the navbar.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color for the navbar.
+ * @property {boolean} [transparent] - Whether the navbar is transparent.
+ * @property {'top'|'bottom'} [fixed] - Whether the navbar is fixed to the top or bottom.
+ * @property {React.ReactNode} [children] - Navbar content.
+ */
+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;
+}
+/**
+ * Bulma Navbar component, supports subcomponents for structured navigation.
+ *
+ * @function
+ * @param {NavbarProps} props - Props for the Navbar component.
+ * @returns {JSX.Element} The rendered navbar.
+ * @see {@link https://bulma.io/documentation/components/navbar/ | Bulma Navbar documentation}
+ */
+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;
+};
+/**
+ * Props for the NavbarBrand component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for the brand.
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier for the brand.
+ * @property {React.ReactNode} [children] - Brand content.
+ */
+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;
+}
+/**
+ * Bulma Navbar brand area (usually left side).
+ *
+ * @function
+ * @param {NavbarBrandProps} props - Props for the NavbarBrand component.
+ * @returns {JSX.Element} The rendered brand area.
+ */
+export declare const NavbarBrand: React.FC<NavbarBrandProps>;
+/**
+ * Props for the NavbarItem component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ElementType} [as] - Render as a custom component.
+ * @property {boolean} [active] - Whether the item is active.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for the item.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color for the item.
+ * @property {React.ReactNode} [children] - Navbar item content.
+ */
+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;
+}
+/**
+ * Bulma Navbar item (link, button, etc).
+ *
+ * @function
+ * @param {NavbarItemProps} props - Props for the NavbarItem component.
+ * @returns {JSX.Element} The rendered item.
+ */
+export declare const NavbarItem: React.FC<NavbarItemProps>;
+/**
+ * Props for the NavbarBurger component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for the burger.
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier for the burger.
+ * @property {boolean} [active] - Whether the burger is active.
+ * @property {React.ReactNode} [children] - Custom content inside the burger.
+ * @property {string} ['aria-label'] - Aria label for accessibility.
+ * @property {boolean} ['aria-expanded'] - Aria expanded state.
+ * @property {React.MouseEventHandler<HTMLButtonElement>} [onClick] - Click handler.
+ */
+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>;
+}
+/**
+ * Bulma Navbar burger (responsive menu toggle).
+ *
+ * @function
+ * @param {NavbarBurgerProps} props - Props for the NavbarBurger component.
+ * @returns {JSX.Element} The rendered burger.
+ */
+export declare const NavbarBurger: React.FC<NavbarBurgerProps>;
+/**
+ * Props for the NavbarMenu component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for the menu.
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier for the menu.
+ * @property {boolean} [active] - Whether the menu is active.
+ * @property {React.ReactNode} [children] - Menu content.
+ */
+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;
+}
+/**
+ * Bulma Navbar menu area (collapsible content).
+ *
+ * @function
+ * @param {NavbarMenuProps} props - Props for the NavbarMenu component.
+ * @returns {JSX.Element} The rendered menu.
+ */
+export declare const NavbarMenu: React.FC<NavbarMenuProps>;
+/**
+ * Props for the NavbarStartEnd component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier.
+ * @property {React.ReactNode} [children] - Content.
+ */
+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;
+}
+/**
+ * Bulma Navbar start area (left-aligned).
+ *
+ * @function
+ * @param {NavbarStartEndProps} props - Props for the NavbarStart component.
+ * @returns {JSX.Element} The rendered start area.
+ */
+export declare const NavbarStart: React.FC<NavbarStartEndProps>;
+/**
+ * Bulma Navbar end area (right-aligned).
+ *
+ * @function
+ * @param {NavbarStartEndProps} props - Props for the NavbarEnd component.
+ * @returns {JSX.Element} The rendered end area.
+ */
+export declare const NavbarEnd: React.FC<NavbarStartEndProps>;
+/**
+ * Props for the NavbarDropdown component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {boolean} [right] - Dropdown aligned right.
+ * @property {boolean} [up] - Dropdown opens upwards.
+ * @property {boolean} [hoverable] - Dropdown opens on hover.
+ * @property {boolean} [active] - Dropdown is open.
+ * @property {React.ReactNode} [children] - Dropdown content.
+ */
+export interface NavbarDropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    right?: boolean;
+    up?: boolean;
+    hoverable?: boolean;
+    active?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Bulma Navbar dropdown (for nested dropdown menus).
+ *
+ * @function
+ * @param {NavbarDropdownProps} props - Props for the NavbarDropdown component.
+ * @returns {JSX.Element} The rendered dropdown.
+ */
+export declare const NavbarDropdown: React.FC<NavbarDropdownProps>;
+/**
+ * Props for the NavbarDropdownMenu component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {boolean} [right] - Dropdown aligned right.
+ * @property {boolean} [up] - Dropdown opens upwards.
+ * @property {React.ReactNode} [children] - Dropdown menu content.
+ */
+export interface NavbarDropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    right?: boolean;
+    up?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Bulma Navbar dropdown menu container.
+ *
+ * @function
+ * @param {NavbarDropdownMenuProps} props - Props for the NavbarDropdownMenu component.
+ * @returns {JSX.Element} The rendered dropdown menu.
+ */
+export declare const NavbarDropdownMenu: React.FC<NavbarDropdownMenuProps>;
+/**
+ * Bulma Navbar divider.
+ *
+ * @param props - Standard hr props.
+ * @returns {JSX.Element} The rendered divider.
+ */
+export declare const NavbarDivider: React.FC<React.HTMLAttributes<HTMLHRElement>>;
+export default Navbar;

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

@@ -0,0 +1,117 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Pagination component.
+ *
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color for the pagination.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for the pagination.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color for the pagination.
+ * @property {'small'|'medium'|'large'} [size] - Size modifier for the pagination.
+ * @property {'centered'|'right'} [align] - Alignment for the pagination.
+ * @property {boolean} [rounded] - Renders pagination with rounded corners.
+ * @property {number} [total] - Total number of pages.
+ * @property {number} [current] - Current page.
+ * @property {(page: number) => void} [onPageChange] - Page change callback.
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Custom pagination content.
+ */
+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;
+}
+/**
+ * Props for PaginationPrevious and PaginationNext components.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {boolean} [disabled] - Whether previous/next is disabled.
+ * @property {React.ReactNode} [children] - Button content.
+ */
+export interface PaginationPreviousNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    className?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Bulma Pagination previous button.
+ */
+export declare const PaginationPrevious: React.FC<PaginationPreviousNextProps>;
+/**
+ * Bulma Pagination next button.
+ */
+export declare const PaginationNext: React.FC<PaginationPreviousNextProps>;
+/**
+ * Bulma Pagination navigation component.
+ *
+ * @function
+ * @param {PaginationProps} props - Props for the Pagination component.
+ * @returns {JSX.Element} The rendered pagination.
+ * @see {@link https://bulma.io/documentation/components/pagination/ | Bulma Pagination documentation}
+ */
+export declare const Pagination: React.FC<PaginationProps> & {
+    Link: typeof PaginationLink;
+    List: typeof PaginationList;
+    Ellipsis: typeof PaginationEllipsis;
+    Previous: typeof PaginationPrevious;
+    Next: typeof PaginationNext;
+};
+/**
+ * Props for the PaginationList component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for the list.
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier for the list.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color for the list.
+ * @property {React.ReactNode} [children] - List items.
+ */
+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;
+}
+/**
+ * Bulma Pagination list container.
+ */
+export declare const PaginationList: React.FC<PaginationListProps>;
+/**
+ * Props for the PaginationLink component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
+ * @property {boolean} [active] - Whether the link is for the current page.
+ * @property {boolean} [disabled] - Whether the link is disabled.
+ * @property {React.ReactNode} [children] - Link content.
+ */
+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;
+}
+/**
+ * Bulma Pagination link (page number).
+ */
+export declare const PaginationLink: React.FC<PaginationLinkProps>;
+/**
+ * Bulma Pagination ellipsis element.
+ *
+ * @param props - Standard li props.
+ * @returns {JSX.Element} The rendered ellipsis.
+ */
+export declare const PaginationEllipsis: React.FC<React.LiHTMLAttributes<HTMLLIElement>>;
+export default Pagination;