@allxsmith/bestax-bulma 5.16.4 → 5.16.6

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

@@ -0,0 +1,302 @@
+import React from 'react';
+import type { PolymorphicComponent } from '../helpers/polymorphic.js';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Navbar component.
+ * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the root `<nav>` element.
+ */
+export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes for the navbar. */
+    className?: string;
+    /** Text color for the navbar. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Bulma color modifier for the navbar. */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    /** Background color for the navbar. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Renders the navbar with a transparent background. */
+    transparent?: boolean;
+    /** Fixes the navbar to the top or bottom of the viewport. */
+    fixed?: 'top' | 'bottom';
+    /** Navbar content (compose with subcomponents). */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the NavbarBrand component.
+ */
+export interface NavbarBrandProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Text color for the brand. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Bulma color modifier for the brand. */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    /** Brand content. */
+    children?: React.ReactNode;
+}
+/**
+ * For logo and branding (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>;
+/**
+ * The NavbarItem component's own props — everything it adds on top of the
+ * attributes of whatever element `as` renders.
+ */
+export interface NavbarItemOwnProps extends Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /**
+     * Not accepted. `color` here would be the deprecated presentational HTML
+     * attribute, and `useBulmaClasses` consumes any `color` key as a Bulma helper
+     * before the target could see it — so it is declared unavailable rather than
+     * silently eaten. Use `textColor` / `bgColor`.
+     * @internal
+     */
+    color?: never;
+    /**
+     * Not accepted under this name. `useBulmaClasses` consumes any
+     * `backgroundColor` key before `rest` is spread, so a custom `as` target
+     * declaring one would never receive it. Use `bgColor`.
+     * @internal
+     */
+    backgroundColor?: never;
+    /** Additional CSS classes. */
+    className?: string;
+    /** Whether the item is active. */
+    active?: boolean;
+    /** Text color for the item. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color for the item. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Navbar item content. */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the NavbarItem component. The DOM attributes and the `ref` both
+ * follow `as`: rendering as a router link accepts that component's props (`to`
+ * and friends) by inference, and `as="span"` rejects `href`.
+ *
+ * @extraProp {PolymorphicRef<React.ElementType>} [ref] - Ref forwarded to the element `as` renders, typed from `as`: the DOM node for an intrinsic tag, or whatever handle a custom component exposes.
+ */
+export type NavbarItemProps<T extends React.ElementType = 'a'> = NavbarItemOwnProps & Omit<React.ComponentPropsWithoutRef<T>, keyof NavbarItemOwnProps | 'as'> & {
+    /** Render as another intrinsic element (`'span'`, `'div'`) or a custom component (e.g. a router link). Defaults to `'a'`. */
+    as?: T;
+};
+/**
+ * Navigation links, buttons, or custom content
+ *
+ * @function
+ * @param {NavbarItemProps} props - Props for the NavbarItem component.
+ * @param {React.Ref} ref - Forwarded ref to the element `as` renders.
+ * @returns {JSX.Element} The rendered item.
+ */
+export declare const NavbarItem: PolymorphicComponent<NavbarItemOwnProps, "a">;
+/**
+ * Props for the NavbarBurger component.
+ * @extraProp {React.Ref<HTMLButtonElement>} [ref] - Ref forwarded to the burger button element.
+ */
+export interface NavbarBurgerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Text color for the burger. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Bulma color modifier for the burger. */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    /** Whether the burger is active. */
+    active?: boolean;
+    /** Custom content inside the burger. */
+    children?: React.ReactNode;
+    /** Aria label for accessibility. */
+    'aria-label'?: string;
+    /** Aria expanded state. */
+    'aria-expanded'?: boolean;
+    /** Click handler. */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+/**
+ * Responsive menu toggle (mobile)
+ *
+ * @function
+ * @param {NavbarBurgerProps} props - Props for the NavbarBurger component.
+ * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref to the burger button element.
+ * @returns {JSX.Element} The rendered burger.
+ */
+export declare const NavbarBurger: React.ForwardRefExoticComponent<NavbarBurgerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Props for the NavbarMenu component.
+ */
+export interface NavbarMenuProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Text color for the menu. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Bulma color modifier for the menu. */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    /** Whether the menu is active. */
+    active?: boolean;
+    /** Menu content. */
+    children?: React.ReactNode;
+}
+/**
+ * Collapsible content (contains `Navbar.Start` and `Navbar.End`)
+ *
+ * @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.
+ */
+export interface NavbarStartEndProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Text color. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Bulma color modifier. */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    /** Content. */
+    children?: React.ReactNode;
+}
+/**
+ * Left-aligned menu area
+ *
+ * @function
+ * @param {NavbarStartEndProps} props - Props for the NavbarStart component.
+ * @returns {JSX.Element} The rendered start area.
+ */
+export declare const NavbarStart: React.FC<NavbarStartEndProps>;
+/**
+ * Right-aligned menu area
+ *
+ * @function
+ * @param {NavbarStartEndProps} props - Props for the NavbarEnd component.
+ * @returns {JSX.Element} The rendered end area.
+ */
+export declare const NavbarEnd: React.FC<NavbarStartEndProps>;
+/**
+ * The NavbarLink component's own props — everything it adds on top of the
+ * attributes of whatever element `as` renders.
+ */
+export interface NavbarLinkOwnProps extends Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /**
+     * Not accepted. `color` here would be the deprecated presentational HTML
+     * attribute, and `useBulmaClasses` consumes any `color` key as a Bulma helper
+     * before the target could see it — so it is declared unavailable rather than
+     * silently eaten. Use `textColor` / `bgColor`.
+     * @internal
+     */
+    color?: never;
+    /**
+     * Not accepted under this name. `useBulmaClasses` consumes any
+     * `backgroundColor` key before `rest` is spread, so a custom `as` target
+     * declaring one would never receive it. Use `bgColor`.
+     * @internal
+     */
+    backgroundColor?: never;
+    /** Additional CSS classes. */
+    className?: string;
+    /** Remove the dropdown arrow indicator. */
+    arrowless?: boolean;
+    /** Text color. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Link content. */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the NavbarLink component. The DOM attributes and the `ref` both
+ * follow `as`: `as="button"` accepts the button attributes and a button ref,
+ * and `as="span"` rejects `href` and `target`. Not `rel` — React declares it on
+ * `HTMLAttributes<T>`, so it is valid on every element, and rejecting it would
+ * mean diverging from React's own typing.
+ *
+ * @extraProp {PolymorphicRef<React.ElementType>} [ref] - Ref forwarded to the element `as` renders, typed from `as`: the DOM node for an intrinsic tag, or whatever handle a custom component exposes.
+ */
+export type NavbarLinkProps<T extends React.ElementType = 'a'> = NavbarLinkOwnProps & Omit<React.ComponentPropsWithoutRef<T>, keyof NavbarLinkOwnProps | 'as'> & {
+    /** Render as another intrinsic element (`'button'`, `'span'`) or a custom component. Defaults to `'a'`. */
+    as?: T;
+};
+/**
+ * Dropdown trigger with arrow indicator (use as first child of `Navbar.Dropdown`)
+ *
+ * @function
+ * @param {NavbarLinkProps} props - Props for the NavbarLink component.
+ * @param {React.Ref} ref - Forwarded ref to the element `as` renders.
+ * @returns {JSX.Element} The rendered navbar link.
+ */
+export declare const NavbarLink: PolymorphicComponent<NavbarLinkOwnProps, "a">;
+/**
+ * Props for the NavbarDropdown component.
+ * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the dropdown container element.
+ */
+export interface NavbarDropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Dropdown aligned right. */
+    right?: boolean;
+    /** Dropdown opens upwards. */
+    up?: boolean;
+    /** Dropdown opens on hover. */
+    hoverable?: boolean;
+    /** Dropdown is open. */
+    active?: boolean;
+    /** Callback when dropdown active state changes. */
+    onActiveChange?: (active: boolean) => void;
+    /** Dropdown content. */
+    children?: React.ReactNode;
+}
+/**
+ * Dropdown parent (with options for hover, up, right, active)
+ *
+ * @function
+ * @param {NavbarDropdownProps} props - Props for the NavbarDropdown component.
+ * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the dropdown container element.
+ * @returns {JSX.Element} The rendered dropdown.
+ */
+export declare const NavbarDropdown: React.ForwardRefExoticComponent<NavbarDropdownProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props for the NavbarDropdownMenu component.
+ */
+export interface NavbarDropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Dropdown aligned right. */
+    right?: boolean;
+    /** Dropdown opens upwards. */
+    up?: boolean;
+    /** Dropdown menu content. */
+    children?: React.ReactNode;
+}
+/**
+ * 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>;
+/**
+ * Divider in dropdown menus.
+ *
+ * @function
+ * @param {React.HTMLAttributes<HTMLHRElement>} props - Standard hr props.
+ * @returns {JSX.Element} The rendered divider.
+ */
+export declare const NavbarDivider: React.FC<React.HTMLAttributes<HTMLHRElement>>;
+export declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>> & {
+    Brand: React.FC<NavbarBrandProps>;
+    Item: PolymorphicComponent<NavbarItemOwnProps, "a">;
+    Link: PolymorphicComponent<NavbarLinkOwnProps, "a">;
+    Burger: React.ForwardRefExoticComponent<NavbarBurgerProps & React.RefAttributes<HTMLButtonElement>>;
+    Menu: React.FC<NavbarMenuProps>;
+    Start: React.FC<NavbarStartEndProps>;
+    End: React.FC<NavbarStartEndProps>;
+    Dropdown: React.ForwardRefExoticComponent<NavbarDropdownProps & React.RefAttributes<HTMLDivElement>>;
+    DropdownMenu: React.FC<NavbarDropdownMenuProps>;
+    Divider: React.FC<React.HTMLAttributes<HTMLHRElement>>;
+};
+export default Navbar;

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

@@ -0,0 +1,130 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
+/**
+ * Props for the Pagination component.
+ */
+export interface PaginationProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /**
+     * Color modifier for the pagination (renders `is-<color>`).
+     *
+     * Bulma ships no pagination color CSS, so this prop has never had a visual
+     * effect for any value. Passing it logs a console warning in development.
+     * Use `textColor` / `bgColor` instead.
+     * @deprecated No `.pagination.is-<color>` CSS exists; the prop renders
+     * unstyled and will be removed in the next major version.
+     */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    /** Text color helper. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color helper. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Size modifier for the pagination. */
+    size?: 'small' | 'medium' | 'large';
+    /** Alignment for the pagination. */
+    align?: 'centered' | 'right';
+    /** Renders pagination with rounded corners. */
+    rounded?: boolean;
+    /** Total number of pages (for custom implementations). */
+    total?: number;
+    /** Current page (for controlled implementations). */
+    current?: number;
+    /** Callback when a page is selected. */
+    onPageChange?: (page: number) => void;
+    /** Additional CSS classes. */
+    className?: string;
+    /** Custom pagination content (usually subcomponents). */
+    children?: React.ReactNode;
+}
+/**
+ * Props for PaginationPrevious and PaginationNext components.
+ */
+export interface PaginationPreviousNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Whether previous/next is disabled. */
+    disabled?: boolean;
+    /** Button content. */
+    children?: React.ReactNode;
+}
+/**
+ * "Previous" navigation button.
+ *
+ * @function
+ * @param {PaginationPreviousNextProps} props - Props for the PaginationPrevious component.
+ * @returns {JSX.Element} The rendered previous button.
+ */
+export declare const PaginationPrevious: React.FC<PaginationPreviousNextProps>;
+/**
+ * "Next" navigation button.
+ *
+ * @function
+ * @param {PaginationPreviousNextProps} props - Props for the PaginationNext component.
+ * @returns {JSX.Element} The rendered next button.
+ */
+export declare const PaginationNext: React.FC<PaginationPreviousNextProps>;
+/**
+ * Props for the PaginationList component.
+ */
+export interface PaginationListProps extends React.HTMLAttributes<HTMLUListElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Text color for the list. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Bulma color modifier for the list. */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    /** Background color for the list. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** List items. */
+    children?: React.ReactNode;
+}
+/**
+ * Container for page links and ellipsis.
+ *
+ * @function
+ * @param {PaginationListProps} props - Props for the PaginationList component.
+ * @returns {JSX.Element} The rendered pagination list.
+ */
+export declare const PaginationList: React.FC<PaginationListProps>;
+/**
+ * Props for the PaginationLink component.
+ */
+export interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Bulma color modifier. */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    /** Text color. */
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Background color. */
+    bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Whether the link is for the current page. */
+    active?: boolean;
+    /** Whether the link is disabled. */
+    disabled?: boolean;
+    /** Link content. */
+    children?: React.ReactNode;
+}
+/**
+ * Page number or navigation link.
+ *
+ * @function
+ * @param {PaginationLinkProps} props - Props for the PaginationLink component.
+ * @returns {JSX.Element} The rendered pagination link.
+ */
+export declare const PaginationLink: React.FC<PaginationLinkProps>;
+/**
+ * Ellipsis separator.
+ *
+ * @function
+ * @param {React.LiHTMLAttributes<HTMLLIElement>} props - Standard li props.
+ * @returns {JSX.Element} The rendered ellipsis.
+ */
+export declare const PaginationEllipsis: React.FC<React.LiHTMLAttributes<HTMLLIElement>>;
+export declare const Pagination: React.FC<PaginationProps> & {
+    Link: React.FC<PaginationLinkProps>;
+    List: React.FC<PaginationListProps>;
+    Ellipsis: React.FC<React.LiHTMLAttributes<HTMLLIElement>>;
+    Previous: React.FC<PaginationPreviousNextProps>;
+    Next: React.FC<PaginationPreviousNextProps>;
+};
+export default Pagination;

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

@@ -0,0 +1,147 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+import { IconChildrenProps, IconDeprecatedProps, IconNameProps } from '../elements/Icon.js';
+/**
+ * Props for the Panel component.
+ */
+export interface PanelProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Bulma color modifier for the panel. */
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    /** Additional CSS classes. */
+    className?: string;
+    /** Panel content (usually includes subcomponents). */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelHeading component.
+ */
+export interface PanelHeadingProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Heading content. */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelTabs component.
+ */
+export interface PanelTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Tabs content. */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelBlock component.
+ */
+export interface PanelBlockProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Additional CSS classes. */
+    className?: string;
+    /** Whether the block is active. */
+    active?: boolean;
+    /** Block content. */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelIcon component.
+ * Extends IconProps but uses 'panel-icon' as the container class.
+ */
+export type PanelIconProps = Omit<IconNameProps, 'containerClassName'> | Omit<IconChildrenProps, 'containerClassName'> | Omit<IconDeprecatedProps, 'containerClassName'>;
+/**
+ * Props for the PanelInputBlock component.
+ */
+export interface PanelInputBlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Input value. */
+    value?: string;
+    /** Input change handler. */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Input placeholder. */
+    placeholder?: string;
+    /** Icon class for left icon (default 'fas fa-search'). */
+    iconClassName?: string;
+}
+/**
+ * Props for the PanelCheckboxBlock component.
+ */
+export interface PanelCheckboxBlockProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> {
+    /** Whether the checkbox is checked. */
+    checked?: boolean;
+    /** Checkbox change handler. */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Label/content. */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the PanelButtonBlock component.
+ */
+export interface PanelButtonBlockProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Button content. */
+    children?: React.ReactNode;
+}
+/**
+ * Main heading (renders as `<p class="panel-heading">`)
+ *
+ * @function
+ * @param {PanelHeadingProps} props - Props for the PanelHeading component.
+ * @returns {JSX.Element} The rendered panel heading.
+ */
+export declare const PanelHeading: React.FC<PanelHeadingProps>;
+/**
+ * Panel tabs (renders as `<p class="panel-tabs">`)
+ *
+ * @function
+ * @param {PanelTabsProps} props - Props for the PanelTabs component.
+ * @returns {JSX.Element} The rendered panel tabs.
+ */
+export declare const PanelTabs: React.FC<PanelTabsProps>;
+/**
+ * Individual panel block (renders as `<a class="panel-block">`)
+ *
+ * @function
+ * @param {PanelBlockProps} props - Props for the PanelBlock component.
+ * @returns {JSX.Element} The rendered panel block.
+ */
+export declare const PanelBlock: React.FC<PanelBlockProps>;
+/**
+ * Icon wrapper with panel styling (renders as `<span class="panel-icon">`, containing an
+ * `<i/>` when a `name` is given, or the custom node passed as `children`).
+ * Accepts all Icon props (`name`, `variant`, `features`, etc.), or `children` for a custom node.
+ *
+ * @function
+ * @param {PanelIconProps} props - Props for the PanelIcon component.
+ * @returns {JSX.Element} The rendered panel icon.
+ */
+export declare const PanelIcon: React.FC<PanelIconProps>;
+/**
+ * Search input with icon (renders as `<div class="panel-block">`)
+ *
+ * @function
+ * @param {PanelInputBlockProps} props - Props for the PanelInputBlock component.
+ * @returns {JSX.Element} The rendered panel input block.
+ */
+export declare const PanelInputBlock: React.FC<PanelInputBlockProps>;
+/**
+ * Checkbox block (renders as `<label class="panel-block">`)
+ *
+ * @function
+ * @param {PanelCheckboxBlockProps} props - Props for the PanelCheckboxBlock component.
+ * @returns {JSX.Element} The rendered panel checkbox block.
+ */
+export declare const PanelCheckboxBlock: React.FC<PanelCheckboxBlockProps>;
+/**
+ * Call-to-action button (renders as `<div class="panel-block"><button /></div>`)
+ *
+ * @function
+ * @param {PanelButtonBlockProps} props - Props for the PanelButtonBlock component.
+ * @returns {JSX.Element} The rendered panel button block.
+ */
+export declare const PanelButtonBlock: React.FC<PanelButtonBlockProps>;
+export declare const Panel: React.FC<PanelProps> & {
+    Heading: React.FC<PanelHeadingProps>;
+    Tabs: React.FC<PanelTabsProps>;
+    Block: React.FC<PanelBlockProps>;
+    Icon: React.FC<PanelIconProps>;
+    InputBlock: React.FC<PanelInputBlockProps>;
+    CheckboxBlock: React.FC<PanelCheckboxBlockProps>;
+    ButtonBlock: React.FC<PanelButtonBlockProps>;
+};
+export default Panel;

package/dist/types-cjs/components/Reveal.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { PolymorphicComponentWithoutRef } from '../helpers/polymorphic.js';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+/**
+ * Animation styles available for the Reveal component.
+ */
+export type RevealAnimation = 'fade' | 'fade-up' | 'fade-down' | 'slide-left' | 'slide-right' | 'zoom' | 'flip';
+/**
+ * The Reveal component's own props — everything it adds on top of the
+ * attributes of whatever element `as` renders.
+ */
+export interface RevealOwnProps extends BulmaClassesProps {
+    /** Animation style applied when the element enters the viewport. */
+    animation?: RevealAnimation;
+    /** Delay in milliseconds before the animation starts. Default: 0. */
+    delay?: number;
+    /** Animation duration in milliseconds. Default: 600. */
+    duration?: number;
+    /** Fraction (0-1) of the element that must be visible to trigger the reveal. Clamped to the 0-1 range; non-finite values fall back to `0.15`. */
+    threshold?: number;
+    /** Animate only the first time the element enters the viewport. If `false`, it re-animates on every entry/exit. */
+    once?: boolean;
+    /** Stagger direct children with an incrementing delay instead of animating this element as a single block. */
+    cascade?: boolean;
+    /** Milliseconds added to each successive child's delay when `cascade` is set. Default: 80. */
+    cascadeInterval?: number;
+    /** Content to reveal. */
+    children?: React.ReactNode;
+    /** Additional CSS classes. Applied to the observed element (the wrapper `div` when `as` is a component). */
+    className?: string;
+    /** Inline styles, merged after the animation's own. Applied to the observed element. */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for the Reveal component. The DOM attributes follow `as`.
+ *
+ * Reveal forwards no `ref`: it owns the node it observes for scroll
+ * intersection, and when `as` is a component that node is a wrapper `div`
+ * rather than the element `as` names — so a ref derived from `as` would point
+ * at the wrong thing.
+ */
+export type RevealProps<T extends React.ElementType = 'div'> = RevealOwnProps & Omit<React.ComponentPropsWithoutRef<T>, keyof RevealOwnProps | 'as'> & {
+    /** Element or component to render as. Default: 'div'. When `as` is a plain intrinsic tag (e.g. `'section'`), your `className`, `style`, and Bulma helper classes plus everything in `...rest` all land on that single element. When `as` is a component (e.g. `Section`, `Card`), scroll detection needs a real DOM node with a ref, so `Reveal` wraps it in an observed `div`: `className`/`style`/helper classes go on that wrapper `div`, while `...rest` (`id`, `aria-*`, `data-*`, event handlers) is forwarded to the inner component. */
+    as?: T;
+};
+export declare const Reveal: PolymorphicComponentWithoutRef<RevealOwnProps, "div">;
+export default Reveal;