@allxsmith/bestax-bulma 5.6.2 → 5.7.0

package/dist/types/columns/Columns.d.ts

@@ -27,4 +27,6 @@ export interface ColumnsProps extends React.HTMLAttributes<HTMLDivElement>, Omit
     gapSizeFullhd?: BulmaGapSize;
     children?: React.ReactNode;
 }
-export declare const Columns: React.FC<ColumnsProps>;
+export declare const Columns: React.FC<ColumnsProps> & {
+    Column: React.FC<import("./Column").ColumnProps>;
+};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses';
-import { Avatar, AvatarProps } from './Avatar';
+import { AvatarProps } from './Avatar';
 export type AvatarsSpacing = 'sm' | 'md' | 'lg';
 export interface AvatarsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
     className?: string;
@@ -13,6 +13,6 @@ export interface AvatarsProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     children?: React.ReactNode;
 }
 export declare const Avatars: React.FC<AvatarsProps> & {
-    Avatar: typeof Avatar;
+    Avatar: React.FC<AvatarProps>;
 };
 export default Avatars;

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

@@ -14,7 +14,6 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Omit<Bu
     imageAlt?: string;
     children?: React.ReactNode;
 }
-declare const CardComponent: React.FC<CardProps>;
 export interface CardHeaderProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     children?: React.ReactNode;
@@ -45,25 +44,16 @@ export interface CardHeaderIconProps extends React.ButtonHTMLAttributes<HTMLButt
     className?: string;
     children?: React.ReactNode;
 }
-declare const CardHeader: React.FC<CardHeaderProps>;
-declare const CardHeaderTitle: React.FC<CardHeaderTitleProps>;
-declare const CardHeaderIcon: React.FC<CardHeaderIconProps>;
-declare const CardImage: React.FC<CardImageProps>;
-declare const CardContent: React.FC<CardContentProps>;
-declare const CardFooter: React.FC<CardFooterProps>;
-declare const CardFooterItem: React.FC<CardFooterItemProps>;
-type CardWithCompounds = typeof CardComponent & {
-    Header: typeof CardHeader & {
-        Title: typeof CardHeaderTitle;
-        Icon: typeof CardHeaderIcon;
+export declare const Card: React.FC<CardProps> & {
+    Header: React.FC<CardHeaderProps> & {
+        Title: React.FC<CardHeaderTitleProps>;
+        Icon: React.FC<CardHeaderIconProps>;
     };
-    Image: typeof CardImage;
-    Content: typeof CardContent;
-    Footer: typeof CardFooter;
-    FooterItem: typeof CardFooterItem;
+    Image: React.FC<CardImageProps>;
+    Content: React.FC<CardContentProps>;
+    Footer: React.FC<CardFooterProps>;
+    FooterItem: React.FC<CardFooterItemProps>;
 };
-declare const CardWithSubComponents: CardWithCompounds;
-export { CardWithSubComponents as Card };
 export declare const __test_exports__: {
     renderFooter: (footer: CardProps["footer"], classPrefix: string | undefined) => React.JSX.Element[] | null;
 };

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

@@ -9,7 +9,6 @@ export interface MessageProps extends Omit<React.HTMLAttributes<HTMLElement>, 't
     onClose?: () => void;
     children?: React.ReactNode;
 }
-declare const MessageComponent: React.FC<MessageProps>;
 export interface MessageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     children?: React.ReactNode;
@@ -18,12 +17,8 @@ export interface MessageBodyProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     children?: React.ReactNode;
 }
-declare const MessageHeader: React.FC<MessageHeaderProps>;
-declare const MessageBody: React.FC<MessageBodyProps>;
-type MessageWithCompounds = typeof MessageComponent & {
-    Header: typeof MessageHeader;
-    Body: typeof MessageBody;
+export declare const Message: React.FC<MessageProps> & {
+    Header: React.FC<MessageHeaderProps>;
+    Body: React.FC<MessageBodyProps>;
 };
-declare const MessageWithSubComponents: MessageWithCompounds;
-export { MessageWithSubComponents as Message };
-export default MessageWithSubComponents;
+export default Message;

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

@@ -38,23 +38,15 @@ export interface ModalCloseProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     size?: 'small' | 'medium' | 'large';
     variant?: 'delete' | 'floating';
 }
-declare const ModalBackground: React.FC<ModalBackgroundProps>;
-declare const ModalContent: React.FC<ModalContentProps>;
-declare const ModalCardHead: React.FC<ModalCardHeadProps>;
-declare const ModalCardTitle: React.FC<ModalCardTitleProps>;
-declare const ModalCardBody: React.FC<ModalCardBodyProps>;
-declare const ModalCardFoot: React.FC<ModalCardFootProps>;
-declare const ModalCard: React.FC<ModalCardProps> & {
-    Head: typeof ModalCardHead;
-    Title: typeof ModalCardTitle;
-    Body: typeof ModalCardBody;
-    Foot: typeof ModalCardFoot;
-};
-declare const ModalClose: React.FC<ModalCloseProps>;
 export declare const Modal: React.FC<ModalProps> & {
-    Background: typeof ModalBackground;
-    Content: typeof ModalContent;
-    Card: typeof ModalCard;
-    Close: typeof ModalClose;
+    Background: React.FC<ModalBackgroundProps>;
+    Content: React.FC<ModalContentProps>;
+    Card: React.FC<ModalCardProps> & {
+        Head: React.FC<ModalCardHeadProps>;
+        Title: React.FC<ModalCardTitleProps>;
+        Body: React.FC<ModalCardBodyProps>;
+        Foot: React.FC<ModalCardFootProps>;
+    };
+    Close: React.FC<ModalCloseProps>;
 };
 export default Modal;

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

@@ -9,18 +9,6 @@ export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, Omit<Bul
     fixed?: 'top' | 'bottom';
     children?: React.ReactNode;
 }
-export declare const Navbar: React.FC<NavbarProps> & {
-    Brand: typeof NavbarBrand;
-    Item: typeof NavbarItem;
-    Link: typeof NavbarLink;
-    Burger: typeof NavbarBurger;
-    Menu: typeof NavbarMenu;
-    Start: typeof NavbarStart;
-    End: typeof NavbarEnd;
-    Dropdown: typeof NavbarDropdown;
-    DropdownMenu: typeof NavbarDropdownMenu;
-    Divider: typeof NavbarDivider;
-};
 export interface NavbarBrandProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     className?: string;
     textColor?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -91,4 +79,16 @@ export interface NavbarDropdownMenuProps extends React.HTMLAttributes<HTMLDivEle
 }
 export declare const NavbarDropdownMenu: React.FC<NavbarDropdownMenuProps>;
 export declare const NavbarDivider: React.FC<React.HTMLAttributes<HTMLHRElement>>;
+export declare const Navbar: React.FC<NavbarProps> & {
+    Brand: React.FC<NavbarBrandProps>;
+    Item: React.FC<NavbarItemProps>;
+    Link: React.FC<NavbarLinkProps>;
+    Burger: React.FC<NavbarBurgerProps>;
+    Menu: React.FC<NavbarMenuProps>;
+    Start: React.FC<NavbarStartEndProps>;
+    End: React.FC<NavbarStartEndProps>;
+    Dropdown: React.FC<NavbarDropdownProps>;
+    DropdownMenu: React.FC<NavbarDropdownMenuProps>;
+    Divider: React.FC<React.HTMLAttributes<HTMLHRElement>>;
+};
 export default Navbar;

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

@@ -20,13 +20,6 @@ export interface PaginationPreviousNextProps extends React.AnchorHTMLAttributes<
 }
 export declare const PaginationPrevious: React.FC<PaginationPreviousNextProps>;
 export declare const PaginationNext: React.FC<PaginationPreviousNextProps>;
-export declare const Pagination: React.FC<PaginationProps> & {
-    Link: typeof PaginationLink;
-    List: typeof PaginationList;
-    Ellipsis: typeof PaginationEllipsis;
-    Previous: typeof PaginationPrevious;
-    Next: typeof PaginationNext;
-};
 export interface PaginationListProps extends React.HTMLAttributes<HTMLUListElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     className?: string;
     textColor?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -46,4 +39,11 @@ export interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnch
 }
 export declare const PaginationLink: React.FC<PaginationLinkProps>;
 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/components/Panel.d.ts

@@ -34,15 +34,6 @@ export interface PanelCheckboxBlockProps extends Omit<React.LabelHTMLAttributes<
 export interface PanelButtonBlockProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
 }
-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;
-};
 export declare const PanelHeading: React.FC<PanelHeadingProps>;
 export declare const PanelTabs: React.FC<PanelTabsProps>;
 export declare const PanelBlock: React.FC<PanelBlockProps>;
@@ -50,4 +41,13 @@ export declare const PanelIcon: React.FC<PanelIconProps>;
 export declare const PanelInputBlock: React.FC<PanelInputBlockProps>;
 export declare const PanelCheckboxBlock: React.FC<PanelCheckboxBlockProps>;
 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/components/Steps.d.ts

@@ -40,6 +40,6 @@ export interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, '
 }
 export declare const Step: React.FC<StepProps>;
 export declare const Steps: React.FC<StepsProps> & {
-    Step: typeof Step;
+    Step: React.FC<StepProps>;
 };
 export default Steps;

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

@@ -17,14 +17,6 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     className?: string;
     children?: React.ReactNode;
 }
-export declare const Tabs: React.FC<TabsProps> & {
-    List: typeof TabList;
-    Tab: typeof Tab;
-    Item: typeof TabItem;
-    Content: typeof TabsContent & {
-        Item: typeof TabContentItem;
-    };
-};
 export interface TabListProps extends React.HTMLAttributes<HTMLUListElement> {
     className?: string;
     children?: React.ReactNode;
@@ -54,13 +46,21 @@ export interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     children?: React.ReactNode;
 }
-export declare const TabsContent: React.FC<TabsContentProps> & {
-    Item: typeof TabContentItem;
-};
 export interface TabContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
     index: number;
     className?: string;
     children?: React.ReactNode;
 }
 export declare const TabContentItem: React.FC<TabContentItemProps>;
+export declare const TabsContent: React.FC<TabsContentProps> & {
+    Item: React.FC<TabContentItemProps>;
+};
+export declare const Tabs: React.FC<TabsProps> & {
+    List: React.FC<TabListProps>;
+    Tab: React.FC<TabProps>;
+    Item: React.FC<TabItemProps>;
+    Content: React.FC<TabsContentProps> & {
+        Item: React.FC<TabContentItemProps>;
+    };
+};
 export default Tabs;

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

@@ -10,5 +10,8 @@ interface ButtonsProps extends React.HTMLAttributes<HTMLDivElement>, BulmaClasse
     hasAddons?: boolean;
     children: React.ReactNode;
 }
-export declare const Buttons: React.FC<ButtonsProps>;
+export declare const Buttons: React.FC<ButtonsProps> & {
+    Button: React.FC<import("./Button").ButtonProps>;
+    LinkButton: React.FC<import("./LinkButton").LinkButtonProps>;
+};
 export {};

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

@@ -14,5 +14,7 @@ interface IconTextProps extends React.HTMLAttributes<HTMLSpanElement>, BulmaClas
     children?: React.ReactNode;
     items?: IconTextItem[];
 }
-export declare const IconText: React.FC<IconTextProps>;
+export declare const IconText: React.FC<IconTextProps> & {
+    Icon: React.FC<IconProps>;
+};
 export {};

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

@@ -6,4 +6,6 @@ export interface OrderedListProps extends React.OlHTMLAttributes<HTMLOListElemen
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
     children?: React.ReactNode;
 }
-export declare const OrderedList: React.FC<OrderedListProps>;
+export declare const OrderedList: React.FC<OrderedListProps> & {
+    Item: React.FC<import("./ListItem").ListItemProps>;
+};

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

@@ -10,4 +10,11 @@ export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElem
     isResponsive?: boolean;
     children?: React.ReactNode;
 }
-export declare const Table: React.FC<TableProps>;
+export declare const Table: React.FC<TableProps> & {
+    Thead: React.FC<import("./Thead").TheadProps>;
+    Tbody: React.FC<import("./Tbody").TbodyProps>;
+    Tfoot: React.FC<import("./Tfoot").TfootProps>;
+    Tr: React.FC<import("./Tr").TrProps>;
+    Th: React.FC<import("./Th").ThProps>;
+    Td: React.FC<import("./Td").TdProps>;
+};

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

@@ -6,4 +6,6 @@ export interface TagsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'c
     isMultiline?: boolean;
     children?: React.ReactNode;
 }
-export declare const Tags: React.FC<TagsProps>;
+export declare const Tags: React.FC<TagsProps> & {
+    Tag: React.FC<import("./Tag").TagProps>;
+};

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

@@ -6,4 +6,6 @@ export interface UnorderedListProps extends React.HTMLAttributes<HTMLUListElemen
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
     children?: React.ReactNode;
 }
-export declare const UnorderedList: React.FC<UnorderedListProps>;
+export declare const UnorderedList: React.FC<UnorderedListProps> & {
+    Item: React.FC<import("./ListItem").ListItemProps>;
+};

package/dist/types/form/Checkboxes.d.ts

@@ -9,5 +9,7 @@ export interface CheckboxesProps extends Omit<BulmaClassesProps, 'color'>, FormF
     onChange?: (values: string[]) => void;
     children?: React.ReactNode;
 }
-export declare const Checkboxes: React.FC<CheckboxesProps>;
+export declare const Checkboxes: React.FC<CheckboxesProps> & {
+    Checkbox: React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+};
 export default Checkboxes;

package/dist/types/form/Field.d.ts

@@ -34,7 +34,16 @@ export interface FieldBodyProps extends React.HTMLAttributes<HTMLDivElement>, Om
 export declare const FieldLabel: React.FC<FieldLabelProps>;
 export declare const FieldBody: React.FC<FieldBodyProps>;
 export declare const Field: React.FC<FieldProps> & {
-    Label: typeof FieldLabel;
-    Body: typeof FieldBody;
+    Label: React.FC<FieldLabelProps>;
+    Body: React.FC<FieldBodyProps>;
+    Control: React.ForwardRefExoticComponent<(Omit<{
+        as?: "div";
+    } & import("./Control").ControlBaseProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }, "ref"> | Omit<{
+        as: "p";
+    } & Omit<import("./Control").ControlBaseProps, keyof React.HTMLAttributes<HTMLDivElement>> & React.HTMLAttributes<HTMLParagraphElement> & {
+        ref?: React.Ref<HTMLParagraphElement>;
+    }, "ref">) & React.RefAttributes<HTMLDivElement | HTMLParagraphElement>>;
 };
 export default Field;

package/dist/types/form/Radios.d.ts

@@ -9,5 +9,7 @@ export interface RadiosProps extends Omit<BulmaClassesProps, 'color'>, FormField
     onChange?: (value: string) => void;
     children: React.ReactNode;
 }
-export declare const Radios: React.FC<RadiosProps>;
+export declare const Radios: React.FC<RadiosProps> & {
+    Radio: React.ForwardRefExoticComponent<import("./Radio").RadioProps & React.RefAttributes<HTMLInputElement>>;
+};
 export default Radios;

package/dist/types/grid/Grid.d.ts

@@ -22,4 +22,6 @@ export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, Omit<Bu
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
     children?: React.ReactNode;
 }
-export declare const Grid: React.FC<GridProps>;
+export declare const Grid: React.FC<GridProps> & {
+    Cell: React.FC<import("./Cell").CellProps>;
+};

package/dist/types/helpers/withSubComponents.d.ts

@@ -0,0 +1,3 @@
+export declare function withSubComponents<Base extends {
+    displayName?: string;
+}, Subs extends Record<string, unknown>>(base: Base, subs: Subs, displayName?: string): Base & Subs;

package/dist/types/layout/Hero.d.ts

@@ -9,11 +9,6 @@ export interface HeroProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulma
     fullheightWithNavbar?: boolean;
     children?: React.ReactNode;
 }
-export declare const Hero: React.FC<HeroProps> & {
-    Head: typeof HeroHead;
-    Body: typeof HeroBody;
-    Foot: typeof HeroFoot;
-};
 export interface HeroHeadProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     className?: string;
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -38,4 +33,9 @@ export interface HeroFootProps extends React.HTMLAttributes<HTMLDivElement>, Omi
     children?: React.ReactNode;
 }
 export declare const HeroFoot: React.FC<HeroFootProps>;
+export declare const Hero: React.FC<HeroProps> & {
+    Head: React.FC<HeroHeadProps>;
+    Body: React.FC<HeroBodyProps>;
+    Foot: React.FC<HeroFootProps>;
+};
 export default Hero;

package/dist/types/layout/Level.d.ts

@@ -8,11 +8,6 @@ export interface LevelProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulm
     className?: string;
     children?: React.ReactNode;
 }
-export declare const Level: React.FC<LevelProps> & {
-    Left: typeof LevelLeft;
-    Right: typeof LevelRight;
-    Item: typeof LevelItem;
-};
 export interface LevelLeftProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     color?: (typeof validColors)[number] | 'inherit' | 'current';
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -42,4 +37,9 @@ export interface LevelItemProps extends React.HTMLAttributes<HTMLDivElement | HT
     rel?: string;
 }
 export declare const LevelItem: React.FC<LevelItemProps>;
+export declare const Level: React.FC<LevelProps> & {
+    Left: React.FC<LevelLeftProps>;
+    Right: React.FC<LevelRightProps>;
+    Item: React.FC<LevelItemProps>;
+};
 export default Level;

package/dist/types/layout/Media.d.ts

@@ -8,7 +8,6 @@ export interface MediaProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulm
     className?: string;
     children?: React.ReactNode;
 }
-export declare const Media: React.FC<MediaProps>;
 export interface MediaLeftProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     as?: 'figure' | 'div';
     color?: (typeof validColors)[number] | 'inherit' | 'current';
@@ -34,10 +33,9 @@ export interface MediaRightProps extends React.HTMLAttributes<HTMLDivElement>, O
     children?: React.ReactNode;
 }
 export declare const MediaRight: React.FC<MediaRightProps>;
-interface MediaComponent extends React.FC<MediaProps> {
+export declare const Media: React.FC<MediaProps> & {
     Left: React.FC<MediaLeftProps>;
     Content: React.FC<MediaContentProps>;
     Right: React.FC<MediaRightProps>;
-}
-declare const MediaWithSubcomponents: MediaComponent;
-export default MediaWithSubcomponents;
+};
+export default Media;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "5.6.2",
+  "version": "5.7.0",
   "description": "A fully-typed React component library for the Bulma CSS framework. Build modern UIs quickly with reusable, accessible, and customizable Bulma-based React components.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",