@allxsmith/bestax-bulma 5.16.4 → 5.16.6

package/dist/types-cjs/elements/ListItem.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the ListItem component.
+ * @extraProp {number} [value] - Custom value for ordered list items.
+ */
+export interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color helper. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Content to render inside the list item. */
+    children?: React.ReactNode;
+}
+/**
+ * The `ListItem` component renders a styled list item (`<li>`) element with Bulma helper class integration.
+ *
+ * @function
+ * @param {ListItemProps} props - Props for the ListItem component.
+ * @returns {JSX.Element} The rendered li element.
+ */
+export declare const ListItem: React.FC<ListItemProps>;

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

@@ -0,0 +1,148 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Notification component.
+ */
+export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /**
+     * Bulma color modifier for the notification (renders `is-<color>`).
+     *
+     * Only `primary`, `link`, `info`, `success`, `warning`, `danger`, `black`,
+     * `white`, `light`, and `dark` have shipped CSS for `.notification`. Every
+     * other value the union accepts emits a class no CSS rule matches, so the
+     * notification renders unstyled; those log a console warning in development
+     * and will be removed from this union in the next major version.
+     */
+    color?: (typeof validColors)[number];
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Use the light color variant. */
+    isLight?: boolean;
+    /** Shows a close (delete) button in the notification. */
+    hasDelete?: boolean;
+    /** Callback fired when the delete button is clicked. */
+    onDelete?: () => void;
+    /** Content inside the notification. */
+    children?: React.ReactNode;
+}
+/**
+ * The `Notification` component is a Bulma-styled alert/message area for providing feedback, warnings, or information to users.
+ *
+ * @function
+ * @param {NotificationProps} props - Props for the Notification component.
+ * @returns {JSX.Element} The rendered notification element.
+ * @see {@link https://bulma.io/documentation/elements/notification/ | Bulma Notification documentation}
+ */
+export declare const Notification: React.FC<NotificationProps>;
+/** Screen positions where programmatic notifications can be displayed. */
+export type NotificationPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right';
+/**
+ * Options for showing a programmatic notification.
+ */
+export interface NotificationOptions {
+    /** The message to display. */
+    message: string | React.ReactNode;
+    /**
+     * Bulma color modifier for the notification (renders `is-<color>`).
+     *
+     * Only `primary`, `link`, `info`, `success`, `warning`, `danger`, `black`,
+     * `white`, `light`, and `dark` have shipped CSS for `.notification`. Every
+     * other value the union accepts emits a class no CSS rule matches, so the
+     * notification renders unstyled; those log a console warning in development
+     * and will be removed from this union in the next major version.
+     */
+    color?: (typeof validColors)[number];
+    /** Use the light color variant. */
+    isLight?: boolean;
+    /** Duration in ms before auto-close. Default 3000. */
+    duration?: number;
+    /** Position on the screen. Default 'top-right'. */
+    position?: NotificationPosition;
+    /** When true, notifications enter a FIFO queue and display one at a time. Default false. */
+    queue?: boolean;
+    /** Show a delete (close) button. Default true. */
+    hasDelete?: boolean;
+    /** Stay open until dismissed. */
+    indefinite?: boolean;
+    /** Pause auto-close timer on hover. Default true. */
+    pauseOnHover?: boolean;
+}
+/**
+ * Internal representation of a notification instance.
+ */
+interface NotificationInstance {
+    /** Unique identifier for this notification. */
+    id: string;
+    /** Configuration options for the notification. */
+    options: NotificationOptions;
+}
+/**
+ * Programmatic notification API for showing, closing, and managing notifications.
+ *
+ * @example
+ * notification.success('File saved successfully');
+ * notification.danger('Something went wrong', { duration: 5000 });
+ */
+export declare const notification: {
+    /**
+     * Show a notification with the given options.
+     * @param {NotificationOptions} options - Notification configuration.
+     * @returns {string} The unique ID of the created notification.
+     */
+    show: (options: NotificationOptions) => string;
+    /**
+     * Show a success notification.
+     * @param {string|React.ReactNode} message - The message to display.
+     * @param {Partial<NotificationOptions>} [options] - Additional options.
+     * @returns {string} The notification ID.
+     */
+    success: (message: string | React.ReactNode, options?: Partial<NotificationOptions>) => string;
+    /**
+     * Show a danger notification.
+     * @param {string|React.ReactNode} message - The message to display.
+     * @param {Partial<NotificationOptions>} [options] - Additional options.
+     * @returns {string} The notification ID.
+     */
+    danger: (message: string | React.ReactNode, options?: Partial<NotificationOptions>) => string;
+    /**
+     * Show a warning notification.
+     * @param {string|React.ReactNode} message - The message to display.
+     * @param {Partial<NotificationOptions>} [options] - Additional options.
+     * @returns {string} The notification ID.
+     */
+    warning: (message: string | React.ReactNode, options?: Partial<NotificationOptions>) => string;
+    /**
+     * Show an info notification.
+     * @param {string|React.ReactNode} message - The message to display.
+     * @param {Partial<NotificationOptions>} [options] - Additional options.
+     * @returns {string} The notification ID.
+     */
+    info: (message: string | React.ReactNode, options?: Partial<NotificationOptions>) => string;
+    /**
+     * Close a specific notification by ID.
+     * @param {string} id - The notification ID to close.
+     */
+    close: (id: string) => void;
+    /** Close all notifications and clear the queue. */
+    closeAll: () => void;
+    /**
+     * Subscribe to notification state changes.
+     * @param {(items: NotificationInstance[]) => void} listener - Callback invoked on changes.
+     * @returns {() => void} Unsubscribe function.
+     */
+    subscribe: (listener: (items: NotificationInstance[]) => void) => (() => void);
+};
+/**
+ * Container component for rendering programmatic notifications.
+ * Place once at your app root to enable the notification API.
+ *
+ * @function
+ * @param {{ position?: NotificationPosition }} props - Container props.
+ * @returns {JSX.Element | null} The rendered notification container, or null if empty.
+ */
+export declare const NotificationContainer: React.FC<{
+    position?: NotificationPosition;
+}>;
+export {};

package/dist/types-cjs/elements/OrderedList.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the OrderedList component.
+ * @extraProp {'1' | 'a' | 'A' | 'i' | 'I'} [type='1'] - The numbering type for the list.
+ * @extraProp {number} [start] - The starting number for the list.
+ * @extraProp {boolean} [reversed] - Whether to reverse the list numbering.
+ */
+export interface OrderedListProps extends React.OlHTMLAttributes<HTMLOListElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color helper. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** List items to render inside the list. */
+    children?: React.ReactNode;
+}
+export declare const OrderedList: React.FC<OrderedListProps> & {
+    Item: React.FC<import("./ListItem.js").ListItemProps>;
+};

package/dist/types-cjs/elements/Paragraph.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Paragraph component.
+ */
+export interface ParagraphProps extends React.HTMLAttributes<HTMLParagraphElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color helper. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Content to render inside the paragraph. */
+    children?: React.ReactNode;
+}
+/**
+ * The `Paragraph` component renders a styled `<p>` element with Bulma helper class integration.
+ *
+ * @function
+ * @param {ParagraphProps} props - Props for the Paragraph component.
+ * @returns {JSX.Element} The rendered paragraph element.
+ */
+export declare const Paragraph: React.FC<ParagraphProps>;

package/dist/types-cjs/elements/Pre.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Pre component.
+ */
+export interface PreProps extends React.HTMLAttributes<HTMLPreElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color helper. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Preformatted content to render. */
+    children?: React.ReactNode;
+}
+/**
+ * The `Pre` component renders a styled `<pre>` element with Bulma helper class integration.
+ *
+ * @function
+ * @param {PreProps} props - Props for the Pre component.
+ * @returns {JSX.Element} The rendered pre element.
+ */
+export declare const Pre: React.FC<PreProps>;

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Progress component.
+ */
+export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /**
+     * Bulma color modifier for the progress bar (renders `is-<color>`).
+     *
+     * Only `primary`, `link`, `info`, `success`, `warning`, `danger`, `black`,
+     * `white`, `light`, and `dark` have shipped CSS for `.progress`. Every
+     * other value the union accepts emits a class no CSS rule matches, so the
+     * bar renders unstyled; those log a console warning in development and will
+     * be removed from this union in the next major version.
+     */
+    color?: (typeof validColors)[number];
+    /** Size modifier for the progress bar. */
+    size?: 'small' | 'medium' | 'large';
+    /** Current value of the progress bar. */
+    value?: number;
+    /** Maximum value of the progress bar. */
+    max?: number;
+    /** Optional custom content inside the progress bar. */
+    children?: React.ReactNode;
+}
+/**
+ * The `Progress` component displays a Bulma-styled progress bar.
+ *
+ * @function
+ * @param {ProgressProps} props - Props for the Progress component.
+ * @returns {JSX.Element} The rendered progress bar element.
+ * @see {@link https://bulma.io/documentation/elements/progress/ | Bulma Progress documentation}
+ */
+export declare const Progress: React.FC<ProgressProps>;

package/dist/types-cjs/elements/Skeleton.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+/**
+ * Props for the Skeleton component.
+ */
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Additional CSS classes to apply */
+    className?: string;
+    /** Skeleton variant: block (single block) or lines. */
+    variant?: 'block' | 'lines';
+    /** Number of lines (only for `lines` variant). */
+    lines?: number;
+    /** Content inside the block (only for block variant). */
+    children?: React.ReactNode;
+}
+/**
+ * The `Skeleton` component provides a Bulma-styled skeleton loader for React applications, useful for indicating that content is loading.
+ *
+ * @function
+ * @param {SkeletonProps} props - Props for the Skeleton component.
+ * @returns {JSX.Element} The rendered skeleton element.
+ *
+ * @example
+ * // Block skeleton
+ * <Skeleton />
+ *
+ * @example
+ * // Multi-line skeleton
+ * <Skeleton variant="lines" lines={5} />
+ */
+export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/types-cjs/elements/Span.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Span component.
+ */
+export interface SpanProps extends React.HTMLAttributes<HTMLSpanElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color helper. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Content to render inside the span. */
+    children?: React.ReactNode;
+}
+/**
+ * The `Span` component renders a styled inline `<span>` element with Bulma helper class integration.
+ *
+ * @function
+ * @param {SpanProps} props - Props for the Span component.
+ * @returns {JSX.Element} The rendered span element.
+ */
+export declare const Span: React.FC<SpanProps>;

package/dist/types-cjs/elements/Strong.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Strong component.
+ */
+export interface StrongProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color helper. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Content to render inside the strong element. */
+    children?: React.ReactNode;
+}
+/**
+ * The `Strong` component renders a styled `<strong>` element with Bulma helper class integration.
+ *
+ * @function
+ * @param {StrongProps} props - Props for the Strong component.
+ * @returns {JSX.Element} The rendered strong element.
+ */
+export declare const Strong: React.FC<StrongProps>;

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Valid size values for the SubTitle component (Bulma subtitle sizes): `'1'`–`'6'` as a string or number (`3` and `'3'` are equivalent).
+ */
+export type SubTitleSize = '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
+declare const validSubTitleElements: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
+/**
+ * Valid HTML elements for the SubTitle component.
+ */
+export type SubTitleElement = (typeof validSubTitleElements)[number];
+/**
+ * Props for the SubTitle component.
+ * @extraProp {boolean} [skeleton] - Applies the `is-skeleton` class to the entire component.
+ */
+export interface SubTitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement | HTMLParagraphElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Size of the subtitle (Bulma sizes `1`-`6`, as a string or number). */
+    size?: SubTitleSize;
+    /** HTML element to render as (h1-h6 or p). */
+    as?: SubTitleElement;
+    /** Applies the `has-skeleton` class to part of the content. */
+    hasSkeleton?: boolean;
+    /** Subtitle content. */
+    children?: React.ReactNode;
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color helper. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+}
+/**
+ * The `SubTitle` component renders a Bulma-styled subtitle (secondary heading), supporting sizes `1-6` and rendering as any heading or paragraph element (`h1-h6`, `p`).
+ *
+ * @function
+ * @param {SubTitleProps} props - Props for the SubTitle component.
+ * @returns {JSX.Element} The rendered subtitle element.
+ * @see {@link https://bulma.io/documentation/elements/title/#subtitle | Bulma Subtitle documentation}
+ */
+export declare const SubTitle: React.FC<SubTitleProps>;
+export default SubTitle;

package/dist/types-cjs/elements/Table.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @group Table
+ */
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Table component.
+ */
+export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Adds borders to all cells. */
+    isBordered?: boolean;
+    /** Adds zebra-striping to rows. */
+    isStriped?: boolean;
+    /** Makes the table more compact by cutting cell padding in half. */
+    isNarrow?: boolean;
+    /** Adds a hover effect on rows. */
+    isHoverable?: boolean;
+    /** Makes the table span the full width of its parent. */
+    isFullwidth?: boolean;
+    /** Makes the table span the full width of its parent. @deprecated Use `isFullwidth` instead — `isFullwidth` wins if both are set. */
+    isFullWidth?: boolean;
+    /** Makes the table horizontally scrollable on small screens. */
+    isResponsive?: boolean;
+    /** Table content (should use subcomponents). */
+    children?: React.ReactNode;
+}
+export declare const Table: React.FC<TableProps> & {
+    Thead: React.FC<import("./Thead.js").TheadProps>;
+    Tbody: React.FC<import("./Tbody.js").TbodyProps>;
+    Tfoot: React.FC<import("./Tfoot.js").TfootProps>;
+    Tr: React.FC<import("./Tr.js").TrProps>;
+    Th: React.FC<import("./Th.js").ThProps>;
+    Td: React.FC<import("./Td.js").TdProps>;
+};

package/dist/types-cjs/elements/Tag.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+declare const validTagColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "dark", "light", "white"];
+/**
+ * Valid color values for the Tag component (Bulma tag colors).
+ */
+export type TagColor = (typeof validTagColors)[number];
+declare const validTagSizes: readonly ["normal", "medium", "large"];
+/**
+ * Valid size values for the Tag component (Bulma tag sizes).
+ */
+export type TagSize = (typeof validTagSizes)[number];
+/**
+ * Props for the Tag component.
+ */
+export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, Omit<BulmaClassesProps, 'color'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Bulma color modifier for the tag. */
+    color?: TagColor;
+    /** Tag size. */
+    size?: TagSize;
+    /** Use the light color variant. */
+    isLight?: boolean;
+    /** Renders a rounded tag. */
+    isRounded?: boolean;
+    /** Renders a delete-style tag (delete button). */
+    isDelete?: boolean;
+    /** Adds hover effect to the tag. */
+    isHoverable?: boolean;
+    /** Callback for delete tag/button. */
+    onDelete?: () => void;
+    /** Tag content. */
+    children?: React.ReactNode;
+}
+/**
+ * The `Tag` component renders a Bulma-styled label or badge.
+ *
+ * @function
+ * @param {TagProps} props - Props for the Tag component.
+ * @returns {JSX.Element} The rendered tag element.
+ * @see {@link https://bulma.io/documentation/elements/tag/ | Bulma Tag documentation}
+ */
+export declare const Tag: React.FC<TagProps>;
+export {};

package/dist/types-cjs/elements/Tags.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+declare const validTagsSizes: readonly ["medium", "large"];
+/**
+ * Valid size values for the Tags component (Bulma tag group sizes).
+ */
+export type TagsSize = (typeof validTagsSizes)[number];
+/**
+ * Props for the Tags component.
+ */
+export interface TagsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color' | 'size'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Group tags together as add-ons (no spacing). */
+    hasAddons?: boolean;
+    /**
+     * No-op retained for backwards compatibility.
+     *
+     * @deprecated Bulma's `.tags` wraps by default (no shipped `are-multiline`
+     * CSS exists for it) — this prop has never had a visual effect and will be
+     * removed in the next major version.
+     */
+    isMultiline?: boolean;
+    /** Size of every tag in the group. */
+    size?: TagsSize;
+    /** Tag elements to render inside the container. */
+    children?: React.ReactNode;
+}
+export declare const Tags: React.FC<TagsProps> & {
+    Tag: React.FC<import("./Tag.js").TagProps>;
+};
+export {};

package/dist/types-cjs/elements/Tbody.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @group Table
+ */
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Tbody component.
+ */
+export interface TbodyProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Table body content (rows). */
+    children?: React.ReactNode;
+}
+/**
+ * Tbody component for rendering a styled Bulma table body.
+ *
+ * Supports Bulma helper classes for additional styling.
+ *
+ * @function
+ * @param {TbodyProps} props - Props for the Tbody component.
+ * @returns {JSX.Element} The rendered table body element.
+ * @see {@link https://bulma.io/documentation/elements/table/#table-body | Bulma Table documentation}
+ */
+export declare const Tbody: React.FC<TbodyProps>;

package/dist/types-cjs/elements/Td.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @group Table
+ */
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+/** Valid Bulma color values for table cells. */
+export declare const validTableColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "dark", "light", "white"];
+/**
+ * Valid color values for the Td component (Bulma table cell colors).
+ */
+export type TableColor = (typeof validTableColors)[number];
+/**
+ * Props for the Td component.
+ */
+export interface TdProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Bulma color modifier for the table cell. */
+    color?: TableColor;
+    /** Table cell content. */
+    children?: React.ReactNode;
+}
+/**
+ * Td component for rendering a styled Bulma table cell.
+ *
+ * Supports Bulma color modifiers and helper classes for additional styling.
+ *
+ * @function
+ * @param {TdProps} props - Props for the Td component.
+ * @returns {JSX.Element} The rendered table cell element.
+ * @see {@link https://bulma.io/documentation/elements/table/#table-body | Bulma Table documentation}
+ */
+export declare const Td: React.FC<TdProps>;

package/dist/types-cjs/elements/Tfoot.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @group Table
+ */
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Tfoot component.
+ */
+export interface TfootProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Table footer content (rows). */
+    children?: React.ReactNode;
+}
+/**
+ * Tfoot component for rendering a styled Bulma table footer.
+ *
+ * Supports Bulma helper classes for additional styling.
+ *
+ * @function
+ * @param {TfootProps} props - Props for the Tfoot component.
+ * @returns {JSX.Element} The rendered table footer element.
+ * @see {@link https://bulma.io/documentation/elements/table/#table-footer | Bulma Table documentation}
+ */
+export declare const Tfoot: React.FC<TfootProps>;

package/dist/types-cjs/elements/Th.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @group Table
+ */
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+import { TableColor } from './Td.js';
+declare const validAlignments: readonly ["left", "right", "centered"];
+/**
+ * Valid alignment values for the Th component.
+ */
+type TableAlignment = (typeof validAlignments)[number];
+/**
+ * Props for the Th component.
+ */
+export interface ThProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
+    /** Additional CSS classes to apply. */
+    className?: string;
+    /** Text alignment for the header cell ('left', 'right', 'centered'). */
+    isAligned?: TableAlignment;
+    /** Width of the header cell (e.g., '100px' or 100). */
+    width?: string | number;
+    /** Bulma color modifier for the header cell. */
+    color?: TableColor;
+    /** Table header cell content. */
+    children?: React.ReactNode;
+}
+/**
+ * Th component for rendering a styled Bulma table header cell.
+ *
+ * Supports alignment, width, and color modifiers.
+ *
+ * @function
+ * @param {ThProps} props - Props for the Th component.
+ * @returns {JSX.Element} The rendered table header cell element.
+ * @see {@link https://bulma.io/documentation/elements/table/#table-head | Bulma Table documentation}
+ */
+export declare const Th: React.FC<ThProps>;
+export {};