@allxsmith/bestax-bulma 5.7.0 → 5.8.1

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

@@ -1,83 +1,230 @@
 import React from 'react';
 import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * Props for the Navbar component.
+ */
 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>;
+/**
+ * Props for the NavbarItem component.
+ */
 export interface NavbarItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes. */
     className?: string;
+    /** Render as a custom component (e.g., a router link). */
     as?: React.ElementType;
+    /** 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;
     [key: string]: unknown;
 }
+/**
+ * Navigation links, buttons, or custom content
+ *
+ * @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.
+ */
 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.
+ * @returns {JSX.Element} The rendered burger.
+ */
 export declare const NavbarBurger: React.FC<NavbarBurgerProps>;
+/**
+ * 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>;
+/**
+ * Props for the NavbarLink component.
+ */
 export interface NavbarLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /** Additional CSS classes. */
     className?: string;
+    /** Render as a custom component (default: 'a'). */
     as?: React.ElementType;
+    /** 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;
 }
+/**
+ * Dropdown trigger with arrow indicator (use as first child of `Navbar.Dropdown`)
+ *
+ * @function
+ * @param {NavbarLinkProps} props - Props for the NavbarLink component.
+ * @returns {JSX.Element} The rendered navbar link.
+ */
 export declare const NavbarLink: React.FC<NavbarLinkProps>;
+/**
+ * Props for the NavbarDropdown component.
+ */
 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;
+    /** Dropdown content. */
     children?: React.ReactNode;
 }
+/**
+ * Dropdown parent (with options for hover, up, right, active)
+ *
+ * @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.
+ */
 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.FC<NavbarProps> & {
     Brand: React.FC<NavbarBrandProps>;

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

@@ -1,43 +1,124 @@
 import React from 'react';
 import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+/**
+ * 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>;

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

@@ -1,45 +1,138 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses';
 import { IconProps } from '../elements/Icon';
+/**
+ * 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<IconProps, '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"><i/></span>`).
+ * Accepts all Icon props (`name`, `variant`, `features`, etc.)
+ *
+ * @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>;

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

@@ -1,16 +1,53 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+/**
+ * Animation styles available for the Reveal component.
+ */
 export type RevealAnimation = 'fade' | 'fade-up' | 'fade-down' | 'slide-left' | 'slide-right' | 'zoom' | 'flip';
+/**
+ * Props for the Reveal component.
+ * @extraProp {string} [className] - Additional CSS classes.
+ */
 export interface RevealProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, 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;
+    /** 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?: React.ElementType;
+    /** 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;
 }
+/**
+ * The `Reveal` component animates its content into view as it scrolls into the viewport, backed by `IntersectionObserver`.
+ *
+ * @function
+ * @param {RevealProps} props - Props for the Reveal component.
+ * @returns {JSX.Element} The rendered reveal wrapper.
+ *
+ * @example
+ * // Fade a section up into view
+ * <Reveal animation="fade-up" as={Section}>
+ *   <Title>Why Grass Doctor</Title>
+ * </Reveal>
+ *
+ * @example
+ * // Stagger a set of cards as they enter the viewport
+ * <Reveal animation="fade-up" cascade cascadeInterval={80}>
+ *   {services.map(service => (
+ *     <Card key={service.name}>{service.name}</Card>
+ *   ))}
+ * </Reveal>
+ */
 export declare const Reveal: React.FC<RevealProps>;
 export default Reveal;

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

@@ -1,30 +1,67 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+/** Position of the sidebar relative to the viewport. */
 export type SidebarPosition = 'left' | 'right';
+/**
+ * Props for the Sidebar component.
+ * @extraProp {string} [className] - Additional CSS classes.
+ * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the sidebar element.
+ */
 export interface SidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'color'>, BulmaClassesProps {
+    /** Whether the sidebar is open (required). */
     isOpen: boolean;
+    /** Callback when sidebar should close. */
     onClose?: () => void;
+    /** Which side the sidebar appears from. Default: 'left'. */
     position?: SidebarPosition;
+    /** Custom width of the sidebar. */
     width?: string;
+    /** Sidebar takes full width (mobile-style). */
     fullWidth?: boolean;
+    /** Show overlay behind sidebar. Default: true. */
     overlay?: boolean;
+    /** Close sidebar when overlay is clicked. Default: true. */
     overlayClose?: boolean;
+    /** Close sidebar on Escape key. Default: true. */
     escapeClose?: boolean;
+    /** Allow closing the sidebar. Default: true. */
     canCancel?: boolean;
+    /** Content to display in the sidebar. */
     children?: React.ReactNode;
+    /** Renders inline instead of using a portal. */
     inline?: boolean;
 }
+/**
+ * Props for the SidebarHeader component.
+ */
 interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Header content. */
     children?: React.ReactNode;
 }
+/**
+ * Props for the SidebarTitle component.
+ */
 interface SidebarTitleProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /** Title content. */
     children?: React.ReactNode;
 }
+/**
+ * Props for the SidebarClose component.
+ * Extends standard button attributes.
+ */
 type SidebarCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * Props for the SidebarBody component.
+ */
 interface SidebarBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Body content. */
     children?: React.ReactNode;
 }
+/**
+ * Props for the SidebarFooter component.
+ */
 interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Footer content. */
     children?: React.ReactNode;
 }
 export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>> & {