@allxsmith/bestax-bulma 1.0.0

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

@@ -0,0 +1,136 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Panel component.
+ *
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color modifier for the panel.
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Panel content.
+ */
+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;
+}
+/**
+ * Props for the PanelHeading component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Heading content.
+ */
+export interface PanelHeadingProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelTabs component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Tabs content.
+ */
+export interface PanelTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelBlock component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {boolean} [active] - Whether the block is active.
+ * @property {React.ReactNode} [children] - Block content.
+ */
+export interface PanelBlockProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    className?: string;
+    active?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelIcon component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Icon content.
+ */
+export interface PanelIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelInputBlock component.
+ *
+ * @property {string} [value] - Input value.
+ * @property {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange] - Input change handler.
+ * @property {string} [placeholder] - Input placeholder.
+ * @property {string} [iconClassName] - Icon class for left icon (default 'fas fa-search').
+ */
+export interface PanelInputBlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    iconClassName?: string;
+}
+/**
+ * Props for the PanelCheckboxBlock component.
+ *
+ * @property {boolean} [checked] - Whether the checkbox is checked.
+ * @property {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange] - Checkbox change handler.
+ * @property {React.ReactNode} [children] - Label/content.
+ */
+export interface PanelCheckboxBlockProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> {
+    checked?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelButtonBlock component.
+ *
+ * @property {React.ReactNode} [children] - Button content.
+ */
+export interface PanelButtonBlockProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+}
+/**
+ * Bulma Panel component, supports various panel subcomponents.
+ *
+ * @function
+ * @param {PanelProps} props - Props for the Panel component.
+ * @returns {JSX.Element} The rendered panel.
+ * @see {@link https://bulma.io/documentation/components/panel/ | Bulma Panel documentation}
+ */
+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;
+};
+/**
+ * Bulma Panel heading.
+ */
+export declare const PanelHeading: React.FC<PanelHeadingProps>;
+/**
+ * Bulma Panel tabs.
+ */
+export declare const PanelTabs: React.FC<PanelTabsProps>;
+/**
+ * Bulma Panel block.
+ */
+export declare const PanelBlock: React.FC<PanelBlockProps>;
+/**
+ * Bulma Panel icon.
+ */
+export declare const PanelIcon: React.FC<PanelIconProps>;
+/**
+ * Bulma Panel input block.
+ */
+export declare const PanelInputBlock: React.FC<PanelInputBlockProps>;
+/**
+ * Bulma Panel checkbox block.
+ */
+export declare const PanelCheckboxBlock: React.FC<PanelCheckboxBlockProps>;
+/**
+ * Bulma Panel button block.
+ */
+export declare const PanelButtonBlock: React.FC<PanelButtonBlockProps>;
+export default Panel;

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Tabs component.
+ *
+ * @property {'centered'|'right'|'left'} [align] - Tab alignment.
+ * @property {'small'|'medium'|'large'} [size] - Tab size.
+ * @property {boolean} [fullwidth] - Tabs are fullwidth.
+ * @property {boolean} [boxed] - Tabs are boxed style.
+ * @property {boolean} [toggle] - Tabs are toggle style.
+ * @property {boolean} [rounded] - Tabs are rounded (if toggle).
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color for the tabs.
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Tab content.
+ */
+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;
+}
+/**
+ * Props for the TabList component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Tab list items.
+ */
+export interface TabListProps extends React.HTMLAttributes<HTMLUListElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the TabItem component.
+ *
+ * @property {boolean} [active] - Whether the tab is active.
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Tab content.
+ * @property {React.MouseEventHandler<HTMLLIElement>} [onClick] - Click handler.
+ */
+export interface TabItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+}
+/**
+ * Bulma Tabs component with subcomponents for tab lists and items.
+ *
+ * @function
+ * @param {TabsProps} props - Props for the Tabs component.
+ * @returns {JSX.Element} The rendered tabs.
+ * @see {@link https://bulma.io/documentation/components/tabs/ | Bulma Tabs documentation}
+ */
+export declare const Tabs: React.FC<TabsProps> & {
+    List: typeof TabList;
+    Item: typeof TabItem;
+};
+/**
+ * Bulma Tab list container.
+ *
+ * @function
+ * @param {TabListProps} props - Props for the TabList component.
+ * @returns {JSX.Element} The rendered tab list.
+ */
+export declare const TabList: React.FC<TabListProps>;
+/**
+ * Bulma Tab item.
+ *
+ * @function
+ * @param {TabItemProps} props - Props for the TabItem component.
+ * @returns {JSX.Element} The rendered tab item.
+ */
+export declare const TabItem: React.FC<TabItemProps>;
+export default Tabs;

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Tabs component.
+ *
+ * @property {'centered'|'right'|'left'} [align] - Tab alignment.
+ * @property {'small'|'medium'|'large'} [size] - Tab size.
+ * @property {boolean} [fullwidth] - Tabs are fullwidth.
+ * @property {boolean} [boxed] - Tabs are boxed style.
+ * @property {boolean} [toggle] - Tabs are toggle style.
+ * @property {boolean} [rounded] - Tabs are rounded (if toggle).
+ * @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color for the tabs.
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Tab content.
+ */
+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;
+}
+/**
+ * Props for the TabList component.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Tab list items.
+ */
+export interface TabListProps extends React.HTMLAttributes<HTMLUListElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the TabItem component.
+ *
+ * @property {boolean} [active] - Whether the tab is active.
+ * @property {string} [className] - Additional CSS classes.
+ * @property {React.ReactNode} [children] - Tab content.
+ * @property {React.MouseEventHandler<HTMLLIElement>} [onClick] - Click handler.
+ */
+export interface TabItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+}
+/**
+ * Bulma Tabs component with subcomponents for tab lists and items.
+ *
+ * @function
+ * @param {TabsProps} props - Props for the Tabs component.
+ * @returns {JSX.Element} The rendered tabs.
+ * @see {@link https://bulma.io/documentation/components/tabs/ | Bulma Tabs documentation}
+ */
+export declare const Tabs: React.FC<TabsProps> & {
+    List: typeof TabList;
+    Item: typeof TabItem;
+};
+/**
+ * Bulma Tab list container.
+ *
+ * @function
+ * @param {TabListProps} props - Props for the TabList component.
+ * @returns {JSX.Element} The rendered tab list.
+ */
+export declare const TabList: React.FC<TabListProps>;
+/**
+ * Bulma Tab item.
+ *
+ * @function
+ * @param {TabItemProps} props - Props for the TabItem component.
+ * @returns {JSX.Element} The rendered tab item.
+ */
+export declare const TabItem: React.FC<TabItemProps>;
+export default Tabs;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Block component.
+ *
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the block.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
+ * @property {React.ReactNode} [children] - Content to be rendered inside the block.
+ */
+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;
+}
+/**
+ * Block component for rendering a styled Bulma block element.
+ *
+ * A block is a simple utility element that adds spacing (margin-bottom) between elements.
+ * Supports Bulma helper classes for additional styling like text color, background color, and layout.
+ *
+ * @function
+ * @param {BlockProps} props - Props for the Block component.
+ * @returns {JSX.Element} The rendered block element.
+ * @see {@link https://bulma.io/documentation/elements/block/ | Bulma Block documentation}
+ */
+export declare const Block: React.FC<BlockProps>;

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Box component.
+ *
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the box.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
+ * @property {boolean} [hasShadow=true] - Whether the box has a shadow (default: true).
+ * @property {React.ReactNode} [children] - Content to be rendered inside the box.
+ */
+export interface BoxProps
+/** @ignore */
+ 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;
+}
+/**
+ * Box component for rendering a styled Bulma box element.
+ *
+ * Supports Bulma helper classes for styling and layout, with optional shadow control.
+ *
+ * @function
+ * @param {BoxProps} props - Props for the Box component.
+ * @returns {JSX.Element} The rendered box element.
+ * @see {@link https://bulma.io/documentation/elements/box/ | Bulma Box documentation}
+ */
+export declare const Box: React.FC<BoxProps>;

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

@@ -0,0 +1,64 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Button component.
+ *
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the button.
+ * @property {'small' | 'normal' | 'medium' | 'large'} [size] - Button size.
+ * @property {boolean} [isLight] - Use the light version of the color.
+ * @property {boolean} [isRounded] - Button is fully rounded.
+ * @property {boolean} [isLoading] - Button shows a loading spinner.
+ * @property {boolean} [isStatic] - Button is static and non-interactive.
+ * @property {boolean} [isFullWidth] - Button takes the full width of parent.
+ * @property {boolean} [isOutlined] - Use outlined button style.
+ * @property {boolean} [isInverted] - Use inverted color style.
+ * @property {boolean} [isFocused] - Button is styled as focused.
+ * @property {boolean} [isActive] - Button is styled as active.
+ * @property {boolean} [isHovered] - Button is styled as hovered.
+ * @property {boolean} [isDisabled] - Button is disabled.
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
+ * @property {'a' | 'button'} [as] - Render as an anchor or button element.
+ * @property {string} [href] - Specifies the URL for anchor buttons.
+ * @property {React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement>} [onClick] - Click handler for the button or anchor.
+ * @property {string} [target] - Target for anchor element.
+ * @property {string} [rel] - Rel attribute for anchor element.
+ * @property {React.ReactNode} [children] - Content to be rendered inside the button.
+ */
+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;
+}
+/**
+ * Button component for rendering a Bulma-styled button or anchor.
+ *
+ * Supports Bulma helper classes for colors, sizes, and various button states and modifiers.
+ *
+ * @function
+ * @param {ButtonProps} props - Props for the Button component.
+ * @returns {JSX.Element} The rendered button or anchor element.
+ * @see {@link https://bulma.io/documentation/elements/button/ | Bulma Button documentation}
+ */
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Buttons component.
+ *
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the buttons group.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
+ * @property {boolean} [isCentered] - Center the group of buttons.
+ * @property {boolean} [isRight] - Align the group of buttons to the right.
+ * @property {boolean} [hasAddons] - Group buttons together as addons.
+ * @property {React.ReactNode} children - The button elements to render inside the group.
+ */
+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;
+}
+/**
+ * Buttons component for rendering a group of Bulma-styled buttons.
+ *
+ * Supports Bulma helper classes for styling, color, and layout, including centering, right alignment, and grouping as addons.
+ *
+ * @function
+ * @param {ButtonsProps} props - Props for the Buttons component.
+ * @returns {JSX.Element} The rendered group of buttons.
+ * @see {@link https://bulma.io/documentation/elements/button/#group | Bulma Button Group documentation}
+ */
+export declare const Buttons: React.FC<ButtonsProps>;
+export {};

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Content component.
+ *
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the content.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
+ * @property {'small' | 'normal' | 'medium' | 'large'} [size] - Size modifier for the content.
+ * @property {React.ReactNode} [children] - Content to be rendered inside the block.
+ */
+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;
+}
+/**
+ * Content component for rendering a styled Bulma content block.
+ *
+ * Applies typographic styles to HTML content (e.g., paragraphs, headings, lists) with Bulma's content class.
+ * Supports size modifiers and Bulma helper classes for additional styling.
+ *
+ * @function
+ * @param {ContentProps} props - Props for the Content component.
+ * @returns {JSX.Element} The rendered content block.
+ * @see {@link https://bulma.io/documentation/elements/content/ | Bulma Content documentation}
+ */
+export declare const Content: React.FC<ContentProps>;
+export default Content;

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Delete component.
+ *
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the delete button.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
+ * @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - Click handler for the button.
+ * @property {'small' | 'medium' | 'large'} [size] - Size modifier for the delete button.
+ * @property {string} [ariaLabel='Close'] - ARIA label for accessibility (default: 'Close').
+ * @property {boolean} [disabled=false] - Whether the button is disabled (default: false).
+ */
+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;
+}
+/**
+ * Delete component for rendering a Bulma-styled delete/close button.
+ *
+ * Supports Bulma helper classes for styling, color, and size, and includes accessibility and disabled state.
+ *
+ * @function
+ * @param {DeleteProps} props - Props for the Delete component.
+ * @returns {JSX.Element} The rendered delete button.
+ * @see {@link https://bulma.io/documentation/elements/delete/ | Bulma Delete documentation}
+ */
+export declare const Delete: React.FC<DeleteProps>;
+export {};

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+type IconLibrary = 'fa' | 'mdi' | 'ion';
+/**
+ * Props for the Icon component.
+ *
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the icon.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
+ * @property {string} name - The icon name (without library prefix).
+ * @property {IconLibrary} [library='fa'] - The icon library to use ('fa' = Font Awesome, 'mdi' = Material Design Icons, 'ion' = Ionicons).
+ * @property {string | string[]} [libraryFeatures] - Additional library-specific classes, e.g. 'fa-lg', 'fa-spin', or ['fa-lg', 'fa-fw'].
+ * @property {'small' | 'medium' | 'large'} [size] - Size modifier for the icon.
+ * @property {string} [ariaLabel='icon'] - ARIA label for accessibility (default: 'icon').
+ * @property {object} [style] - Inline style object.
+ */
+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;
+}
+/**
+ * Icon component for rendering a Bulma-styled icon container.
+ *
+ * Supports Bulma helper classes for styling, color, and size, and renders an <i></i> element for the icon itself.
+ *
+ * @function
+ * @param {IconProps} props - Props for the Icon component.
+ * @returns {JSX.Element} The rendered icon element.
+ * @see {@link https://bulma.io/documentation/elements/icon/ | Bulma Icon documentation}
+ */
+export declare const Icon: React.FC<IconProps>;
+export {};

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+import { IconProps } from './Icon';
+/**
+ * Represents an item for the IconText component, containing icon props and optional text.
+ *
+ * @property {IconProps} iconProps - Props for the Icon component.
+ * @property {string} [text] - Optional text to display next to the icon.
+ */
+interface IconTextItem {
+    iconProps: IconProps;
+    text?: string;
+}
+/**
+ * Props for the IconText component.
+ *
+ * @property {string} [className] - Additional CSS classes to apply.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
+ * @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the icon text.
+ * @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
+ * @property {IconProps} [iconProps] - Props for a single Icon component.
+ * @property {React.ReactNode} [children] - Text for a single icon.
+ * @property {IconTextItem[]} [items] - Array of icon/text pairs for multiple icons.
+ */
+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[];
+}
+/**
+ * IconText component for rendering one or more icons with optional text, styled with Bulma.
+ *
+ * Supports Bulma helper classes for styling, color, and layout. Can render a single icon with text or multiple icon/text pairs.
+ *
+ * @function
+ * @param {IconTextProps} props - Props for the IconText component.
+ * @returns {JSX.Element} The rendered icon text element.
+ * @see {@link https://bulma.io/documentation/elements/icon/#icon-text | Bulma IconText documentation}
+ */
+export declare const IconText: React.FC<IconTextProps>;
+export {};