@allxsmith/bestax-bulma 5.65.0 → 5.66.0

package/dist/index.esm.js

@@ -5,17 +5,17 @@ export { Avatar } from './esm/components/Avatar.js';
 export { Avatars } from './esm/components/Avatars.js';
 export { Badge } from './esm/components/Badge.js';
 export { Breadcrumb } from './esm/components/Breadcrumb.js';
-export { Card } from './esm/components/Card.js';
+export { Card, CardContent, CardFooter, CardFooterItem, CardHeader, CardHeaderIcon, CardHeaderTitle, CardImage } from './esm/components/Card.js';
 export { Dropdown, DropdownDivider, DropdownItem, isBrowser } from './esm/components/Dropdown.js';
 export { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIndicator, EmptyStateTitle } from './esm/components/EmptyState.js';
 export { Menu, MenuItem, MenuLabel, MenuList, MenuSection } from './esm/components/Menu.js';
-export { Message } from './esm/components/Message.js';
-export { Modal } from './esm/components/Modal.js';
+export { Message, MessageBody, MessageHeader } from './esm/components/Message.js';
+export { Modal, ModalBackground, ModalCard, ModalCardBody, ModalCardFoot, ModalCardHead, ModalCardTitle, ModalClose, ModalContent } from './esm/components/Modal.js';
 export { Navbar, NavbarBrand, NavbarBurger, NavbarDivider, NavbarDropdown, NavbarDropdownMenu, NavbarEnd, NavbarItem, NavbarLink, NavbarMenu, NavbarStart } from './esm/components/Navbar.js';
 export { Pagination, PaginationEllipsis, PaginationLink, PaginationList, PaginationNext, PaginationPrevious } from './esm/components/Pagination.js';
 export { Panel, PanelBlock, PanelButtonBlock, PanelCheckboxBlock, PanelHeading, PanelIcon, PanelInputBlock, PanelTabs } from './esm/components/Panel.js';
 export { Tab, TabContentItem, TabItem, TabList, Tabs, TabsContent } from './esm/components/Tabs.js';
-export { SegmentedControl } from './esm/components/SegmentedControl.js';
+export { SegmentedControl, SegmentedControlSegment } from './esm/components/SegmentedControl.js';
 export { Loading } from './esm/components/Loading.js';
 export { Collapse } from './esm/components/Collapse.js';
 export { Collapses } from './esm/components/Collapses.js';
@@ -25,7 +25,7 @@ export { HoverCard } from './esm/components/HoverCard.js';
 export { ContextMenu } from './esm/components/ContextMenu.js';
 export { Step, Steps } from './esm/components/Steps.js';
 export { Timeline, TimelineItem } from './esm/components/Timeline.js';
-export { Sidebar } from './esm/components/Sidebar.js';
+export { Sidebar, SidebarBody, SidebarClose, SidebarFooter, SidebarHeader, SidebarTitle } from './esm/components/Sidebar.js';
 export { Toast, ToastContainer, toast } from './esm/components/Toast.js';
 export { Dialog, DialogContainer, dialog } from './esm/components/Dialog.js';
 export { Carousel, CarouselItem } from './esm/components/Carousel.js';
@@ -51,7 +51,7 @@ export { Delete } from './esm/elements/Delete.js';
 export { DescriptionList, DescriptionListItem, DescriptionListLabel, DescriptionListValue } from './esm/elements/DescriptionList.js';
 export { Divider } from './esm/elements/Divider.js';
 export { Emphasis } from './esm/elements/Emphasis.js';
-export { Figure } from './esm/elements/Figure.js';
+export { Figure, FigureCaption } from './esm/elements/Figure.js';
 export { Icon } from './esm/elements/Icon.js';
 export { IconButton } from './esm/elements/IconButton.js';
 export { IconText } from './esm/elements/IconText.js';

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

@@ -171,6 +171,58 @@ export interface CardHeaderIconProps extends React.ButtonHTMLAttributes<HTMLButt
     /** Icon content (e.g. an icon element). */
     children?: React.ReactNode;
 }
+/**
+ * Card header title compound component. Renders a `.card-header-title` element.
+ *
+ * @function
+ * @param {CardHeaderTitleProps} props - Props for the CardHeaderTitle component.
+ * @returns {JSX.Element} The rendered card header title.
+ */
+export declare const CardHeaderTitle: React.FC<CardHeaderTitleProps>;
+/**
+ * Card header icon compound component. Renders a `.card-header-icon` button.
+ *
+ * @function
+ * @param {CardHeaderIconProps} props - Props for the CardHeaderIcon component.
+ * @returns {JSX.Element} The rendered card header icon button.
+ */
+export declare const CardHeaderIcon: React.FC<CardHeaderIconProps>;
+/**
+ * Card image compound component. Wraps children in a `.card-image` element.
+ *
+ * @function
+ * @param {CardImageProps} props - Props for the CardImage component.
+ * @returns {JSX.Element} The rendered card image container.
+ */
+export declare const CardImage: React.FC<CardImageProps>;
+/**
+ * Card content compound component. Wraps children in a `.card-content` element.
+ *
+ * @function
+ * @param {CardContentProps} props - Props for the CardContent component.
+ * @returns {JSX.Element} The rendered card content container.
+ */
+export declare const CardContent: React.FC<CardContentProps>;
+/**
+ * Card footer compound component. Wraps children in a `.card-footer` element.
+ *
+ * @function
+ * @param {CardFooterProps} props - Props for the CardFooter component.
+ * @returns {JSX.Element} The rendered card footer.
+ */
+export declare const CardFooter: React.FC<CardFooterProps>;
+/**
+ * Card footer item compound component. Wraps children in a `.card-footer-item` span.
+ *
+ * @function
+ * @param {CardFooterItemProps} props - Props for the CardFooterItem component.
+ * @returns {JSX.Element} The rendered card footer item.
+ */
+export declare const CardFooterItem: React.FC<CardFooterItemProps>;
+export declare const CardHeader: React.FC<CardHeaderProps> & {
+    Title: React.FC<CardHeaderTitleProps>;
+    Icon: React.FC<CardHeaderIconProps>;
+};
 /** Card component with Header, Image, Content, Footer, and FooterItem sub-components. */
 export declare const Card: React.FC<CardProps> & {
     Header: React.FC<CardHeaderProps> & {

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

@@ -66,7 +66,8 @@ export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     repeat?: boolean;
     /**
      * Enable drag/swipe navigation. Default: true. A swipe moves one step,
-     * however far it travels.
+     * however far it travels. A swipe toward the start of the line goes on,
+     * so on a right-to-left page a swipe right brings the next slide in.
      */
     hasDrag?: boolean;
     /**
@@ -162,9 +163,17 @@ export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     indicatorPosition?: 'bottom' | 'top';
     /** Indicator style. Default: 'dots'. */
     indicatorStyle?: 'circles' | 'dots' | 'lines' | 'bars';
-    /** Icon name for the previous arrow button. */
+    /**
+     * Icon name for the previous arrow button. On a right-to-left page that
+     * button sits on the right and the built-in chevron flips to point there,
+     * but an icon you name is drawn as given, so pick one that points the way
+     * the page reads.
+     */
     iconPrev?: string;
-    /** Icon name for the next arrow button. */
+    /**
+     * Icon name for the next arrow button. On a right-to-left page it sits on
+     * the left, and an icon you name is drawn as given, as with `iconPrev`.
+     */
     iconNext?: string;
     /** Icon library to use. */
     iconLibrary?: IconLibrary;

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

@@ -44,6 +44,22 @@ export interface MessageBodyProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Message body content. */
     children?: React.ReactNode;
 }
+/**
+ * Message header compound component. Renders a `.message-header` element.
+ *
+ * @function
+ * @param {MessageHeaderProps} props - Props for the MessageHeader component.
+ * @returns {JSX.Element} The rendered message header.
+ */
+export declare const MessageHeader: React.FC<MessageHeaderProps>;
+/**
+ * Message body compound component. Renders a `.message-body` element.
+ *
+ * @function
+ * @param {MessageBodyProps} props - Props for the MessageBody component.
+ * @returns {JSX.Element} The rendered message body.
+ */
+export declare const MessageBody: React.FC<MessageBodyProps>;
 export declare const Message: React.FC<MessageProps> & {
     Header: React.FC<MessageHeaderProps>;
     Body: React.FC<MessageBodyProps>;

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

@@ -130,6 +130,77 @@ export interface ModalCloseProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     /** Button variant. 'delete' (default) for modal card headers, 'floating' for overlay close button. */
     variant?: 'delete' | 'floating';
 }
+/**
+ * Modal.Background - Renders the modal background overlay. Pass it
+ * `onClick={onClose}` for a click on it to close the modal.
+ *
+ * @function
+ * @param {ModalBackgroundProps} props - Component props.
+ * @returns {JSX.Element} Modal background element.
+ */
+export declare const ModalBackground: React.FC<ModalBackgroundProps>;
+/**
+ * Modal.Content - Renders modal content wrapper for custom content.
+ *
+ * @function
+ * @param {ModalContentProps} props - Component props.
+ * @returns {JSX.Element} Modal content element.
+ */
+export declare const ModalContent: React.FC<ModalContentProps>;
+/**
+ * Modal.Card.Head - Renders modal card header section.
+ *
+ * @function
+ * @param {ModalCardHeadProps} props - Component props.
+ * @returns {JSX.Element} Modal card header element.
+ */
+export declare const ModalCardHead: React.FC<ModalCardHeadProps>;
+/**
+ * Modal.Card.Title - Renders modal card title.
+ *
+ * @function
+ * @param {ModalCardTitleProps} props - Component props.
+ * @returns {JSX.Element} Modal card title element.
+ */
+export declare const ModalCardTitle: React.FC<ModalCardTitleProps>;
+/**
+ * Modal.Card.Body - Renders modal card body section.
+ *
+ * @function
+ * @param {ModalCardBodyProps} props - Component props.
+ * @returns {JSX.Element} Modal card body element.
+ */
+export declare const ModalCardBody: React.FC<ModalCardBodyProps>;
+/**
+ * Modal.Card.Foot - Renders modal card footer section.
+ *
+ * @function
+ * @param {ModalCardFootProps} props - Component props.
+ * @returns {JSX.Element} Modal card footer element.
+ */
+export declare const ModalCardFoot: React.FC<ModalCardFootProps>;
+export declare const ModalCard: React.FC<ModalCardProps> & {
+    Head: React.FC<ModalCardHeadProps>;
+    Title: React.FC<ModalCardTitleProps>;
+    Body: React.FC<ModalCardBodyProps>;
+    Foot: React.FC<ModalCardFootProps>;
+};
+/**
+ * Modal.Close - Renders modal close button with two variant styles. It calls
+ * the modal's `onClose` unless given an `onClick` of its own.
+ *
+ * @function
+ * @param {ModalCloseProps} props - Component props.
+ * @returns {JSX.Element} Close button element.
+ *
+ * @remarks
+ * Supports two variants:
+ * - 'delete' (default): For use in modal card headers, renders with 'delete' class
+ * - 'floating': For floating overlay close button, renders with 'modal-close' class
+ *
+ * The size prop only applies to the 'floating' variant.
+ */
+export declare const ModalClose: React.FC<ModalCloseProps>;
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {
     Background: React.FC<ModalBackgroundProps>;
     Content: React.FC<ModalContentProps>;

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

@@ -37,6 +37,16 @@ export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, Omit<Bul
     fixed?: 'top' | 'bottom';
     /** Navbar content (compose with subcomponents). */
     children?: React.ReactNode;
+    /**
+     * Accessible name. Defaults to `main navigation`. A screen reader announces
+     * it with the landmark's role, and since the name holds the role word,
+     * "navigation" is heard twice. Pass a name without it (`aria-label="Site"`),
+     * and a different name on each Navbar when a page has more than one. A
+     * passed `aria-label` replaces the default, and `aria-label={undefined}`
+     * removes it, leaving the landmark unnamed.
+     * @defaultValue 'main navigation'
+     */
+    'aria-label'?: React.AriaAttributes['aria-label'];
 }
 /**
  * Props for the NavbarBrand component.

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

@@ -48,7 +48,11 @@ export interface PopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
      */
     onOpenChange?: (open: boolean) => void;
     /**
-     * Where the panel opens against the trigger.
+     * Where the panel opens against the trigger. Left out, it opens below and
+     * lines up with the trigger's start edge, which is its right edge on a
+     * right-to-left page, so a trigger at the start of the line doesn't push
+     * the panel off the screen. A corner you pass stays physical, so
+     * `bottom-left` lines up the left edges on either page.
      * @defaultValue 'bottom-left'
      */
     position?: PopoverPosition;

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

@@ -110,6 +110,15 @@ export interface SegmentedControlSegmentProps extends Omit<ButtonOwnProps, 'colo
      */
     'aria-pressed'?: never;
 }
+/**
+ * One option in the row: a `<button role="radio">` that's checked while the group's value is its `value`, filled with the group's `color` and marked `is-selected`.
+ *
+ * @function
+ * @param {SegmentedControlSegmentProps} props - Props for the segment.
+ * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref to the `<button>`.
+ * @returns {JSX.Element} The rendered segment.
+ */
+export declare const SegmentedControlSegment: React.ForwardRefExoticComponent<SegmentedControlSegmentProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>> & {
     Segment: React.ForwardRefExoticComponent<SegmentedControlSegmentProps & React.RefAttributes<HTMLButtonElement>>;
 };

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

@@ -66,38 +66,78 @@ export interface SidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'c
 /**
  * Props for the SidebarHeader component.
  */
-interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Header content. */
     children?: React.ReactNode;
 }
+/**
+ * Container for the sidebar header.
+ *
+ * @function
+ * @param {SidebarHeaderProps} props - Props for the SidebarHeader component.
+ * @returns {JSX.Element} The rendered sidebar header.
+ */
+export declare const SidebarHeader: React.FC<SidebarHeaderProps>;
 /**
  * Props for the SidebarTitle component.
  */
-interface SidebarTitleProps extends React.HTMLAttributes<HTMLParagraphElement> {
+export interface SidebarTitleProps extends React.HTMLAttributes<HTMLParagraphElement> {
     /** Title content. */
     children?: React.ReactNode;
 }
+/**
+ * Title text inside the header.
+ *
+ * @function
+ * @param {SidebarTitleProps} props - Props for the SidebarTitle component.
+ * @returns {JSX.Element} The rendered sidebar title.
+ */
+export declare const SidebarTitle: React.FC<SidebarTitleProps>;
 /**
  * Props for the SidebarClose component.
  * Extends standard button attributes.
  * @extraProp {'button' | 'submit' | 'reset'} [type='button'] - Button type. Defaults to `'button'`, so a close button inside a form does not submit it. Pass `'submit'` or `'reset'` and yours is used; any other value, or a spread carrying `type: undefined`, renders `'button'`.
  * @extraProp {string} [aria-label='Close'] - Accessible name. Pass your own to replace it. An empty one, or a spread carrying `'aria-label': undefined`, keeps the default rather than leaving the button unnamed.
  */
-type SidebarCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+export type SidebarCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * Close button for the sidebar.
+ *
+ * @function
+ * @param {SidebarCloseProps} props - Props for the SidebarClose component.
+ * @returns {JSX.Element} The rendered close button.
+ */
+export declare const SidebarClose: React.FC<SidebarCloseProps>;
 /**
  * Props for the SidebarBody component.
  */
-interface SidebarBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SidebarBodyProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Body content. */
     children?: React.ReactNode;
 }
+/**
+ * Main content area of the sidebar.
+ *
+ * @function
+ * @param {SidebarBodyProps} props - Props for the SidebarBody component.
+ * @returns {JSX.Element} The rendered sidebar body.
+ */
+export declare const SidebarBody: React.FC<SidebarBodyProps>;
 /**
  * Props for the SidebarFooter component.
  */
-interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Footer content. */
     children?: React.ReactNode;
 }
+/**
+ * Footer area of the sidebar.
+ *
+ * @function
+ * @param {SidebarFooterProps} props - Props for the SidebarFooter component.
+ * @returns {JSX.Element} The rendered sidebar footer.
+ */
+export declare const SidebarFooter: React.FC<SidebarFooterProps>;
 export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>> & {
     Header: React.FC<SidebarHeaderProps>;
     Title: React.FC<SidebarTitleProps>;

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

@@ -13,6 +13,17 @@ export interface FigureCaptionProps extends React.HTMLAttributes<HTMLElement>, O
     /** Content to be rendered inside the figcaption. */
     children?: React.ReactNode;
 }
+/**
+ * FigureCaption component for rendering a styled figcaption element.
+ *
+ * A FigureCaption wraps the HTML `<figcaption>` element with Bulma helper class integration.
+ * Use it inside Figure components to provide captions for images or other media.
+ *
+ * @function
+ * @param {FigureCaptionProps} props - Props for the FigureCaption component.
+ * @returns {JSX.Element} The rendered figcaption element.
+ */
+export declare const FigureCaption: React.FC<FigureCaptionProps>;
 /**
  * Props for the Figure component.
  */

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

@@ -63,7 +63,13 @@ export interface ColorInputBaseProps extends Omit<React.InputHTMLAttributes<HTML
     openOnFocus?: boolean;
     /** Closes the panel once a swatch is chosen. */
     closeOnSwatchClick?: boolean;
-    /** The panel's place relative to the field. */
+    /**
+     * Where the panel opens against the field. Left out, it opens below and
+     * lines up with the field's start edge, which is its right edge when the
+     * picker reads right to left. A corner you pass stays physical, so
+     * `bottom-left` lines up the left edges either way.
+     * @defaultValue 'bottom-left'
+     */
     position?: PickerPosition;
     /**
      * Renders the panel through a portal, into the `portalContainer` a

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

@@ -103,7 +103,13 @@ export interface DateInputBaseProps extends Omit<React.InputHTMLAttributes<HTMLI
     openOnFocus?: boolean;
     /** Close the popover after a date is selected. */
     closeOnSelect?: boolean;
-    /** Popover anchor position relative to the input. */
+    /**
+     * Where the popover opens against the field. Left out, it opens below and
+     * lines up with the field's start edge, which is its right edge when the
+     * picker reads right to left. A corner you pass stays physical, so
+     * `bottom-left` lines up the left edges either way.
+     * @defaultValue 'bottom-left'
+     */
     position?: PickerPosition;
     /**
      * Render the popover through a portal, into the `portalContainer` a

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

@@ -90,7 +90,13 @@ export interface DateRangeInputBaseProps extends Omit<React.HTMLAttributes<HTMLD
      * marks the start, never closes it.
      */
     closeOnSelect?: boolean;
-    /** Popover anchor position relative to the field. */
+    /**
+     * Where the popover opens against the field. Left out, it opens below and
+     * lines up with the field's start edge, which is its right edge when the
+     * picker reads right to left. A corner you pass stays physical, so
+     * `bottom-left` lines up the left edges either way.
+     * @defaultValue 'bottom-left'
+     */
     position?: PickerPosition;
     /**
      * Render the popover through a portal, into the `portalContainer` a

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

@@ -76,7 +76,13 @@ export interface DateTimeInputBaseProps extends Omit<React.InputHTMLAttributes<H
     openOnFocus?: boolean;
     /** Off by default — users typically tweak both halves before committing. */
     closeOnSelect?: boolean;
-    /** Popover anchor position. */
+    /**
+     * Where the popover opens against the field. Left out, it opens below and
+     * lines up with the field's start edge, which is its right edge when the
+     * picker reads right to left. A corner you pass stays physical, so
+     * `bottom-left` lines up the left edges either way.
+     * @defaultValue 'bottom-left'
+     */
     position?: PickerPosition;
     /**
      * Render the popover through a portal, into the `portalContainer` a

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

@@ -65,7 +65,13 @@ export interface TimeInputBaseProps extends Omit<React.InputHTMLAttributes<HTMLI
     openOnFocus?: boolean;
     /** Close the popover after a time is selected (off by default). */
     closeOnSelect?: boolean;
-    /** Popover anchor position relative to the input. */
+    /**
+     * Where the popover opens against the field. Left out, it opens below and
+     * lines up with the field's start edge, which is its right edge when the
+     * picker reads right to left. A corner you pass stays physical, so
+     * `bottom-left` lines up the left edges either way.
+     * @defaultValue 'bottom-left'
+     */
     position?: PickerPosition;
     /**
      * Render the popover through a portal, into the `portalContainer` a

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

@@ -157,7 +157,10 @@ interface TreeSelectBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     /** Rounds the field's corners (Bulma's `is-rounded`). */
     isRounded?: boolean;
     /**
-     * Where the panel opens, relative to the field, as on the pickers.
+     * Where the panel opens against the field, as on the pickers. Left out, it
+     * opens below and lines up with the field's start edge, which is its right
+     * edge on a right-to-left page. A corner you pass stays physical, so
+     * `bottom-left` lines up the left edges either way.
      * @defaultValue 'bottom-left'
      */
     position?: PickerPosition;

package/dist/types/form/_pickerInternals/PickerPopover.d.ts

@@ -6,6 +6,11 @@ export interface PickerPopoverProps {
     onClose: () => void;
     anchorRef: React.RefObject<HTMLElement | null>;
     children: React.ReactNode;
+    /**
+     * The corner it opens from. Left out, it's `bottom-left` lined up with the
+     * anchor's start edge: the stylesheet's `is-start-aligned` rule in place,
+     * and the anchor's direction when portaled.
+     */
     position?: PickerPosition;
     appendToBody?: boolean;
     className?: string;

package/dist/types/form/_pickerInternals/useLocaleDefaults.d.ts

@@ -28,6 +28,18 @@ export interface PickerLocaleScope {
  * picker's own formatting reports it.
  */
 export declare function usePickerLocaleScope(ownLocale: string | undefined, ownDir: string | undefined): PickerLocaleScope;
+/**
+ * The `dir` a picker's root ends up with: the one passed to it, else its own
+ * locale's inside a `LocaleProvider`, else none, so it follows the page. A
+ * picker that renders its own `Control` puts it there too. Bulma places the
+ * Control's icon and loading spinner against the Control's direction, and
+ * the launcher sits inside the picker's root, so the two have to agree or a
+ * French picker in an Arabic section puts the icon on top of the launcher.
+ * Returned as attributes to spread, empty when there's no `dir` to set.
+ */
+export declare function usePickerDirAttrs(ownLocale: string | undefined, ownDir: string | undefined): {
+    dir?: string;
+};
 /**
  * Whether a picker's `dayNames` replace the calendar's own, which `Calendar`
  * does only for a full week of seven.

package/dist/types/form/_selectInternals/DialogSelect.d.ts

@@ -55,6 +55,7 @@ export interface DialogSelectProps extends Omit<React.HTMLAttributes<HTMLDivElem
     color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
     size?: 'small' | 'medium' | 'large';
     isRounded?: boolean;
+    /** Left out, the panel lines up with the field's start edge. */
     position?: PickerPosition;
     appendToBody?: boolean;
     /** Holds the field, which focus goes back to. */

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

@@ -22,8 +22,15 @@ export interface AnchoredPosition {
 export interface UseAnchoredPositionOptions {
     /** Whether the panel is on the page. Nothing is measured while it is not. */
     active: boolean;
-    /** The corner asked for, or `auto` to pick one that keeps the panel in the viewport. */
-    position: PickerPosition;
+    /**
+     * The corner asked for, or `auto` to pick one that keeps the panel in the
+     * viewport. A named corner is physical, whatever the page's direction.
+     * Left out, the corner is `bottom-left` lined up with the anchor's inline
+     * start, which is its right edge right to left. A panel in place gets that
+     * from its stylesheet, as Popover's and the pickers' do; a fixed panel's
+     * coordinates read the anchor's direction.
+     */
+    position?: PickerPosition;
     /**
      * Whether the panel is fixed to the viewport (it was portaled away from the
      * anchor), which needs coordinates. Otherwise the panel's CSS places it

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

@@ -171,6 +171,58 @@ export interface CardHeaderIconProps extends React.ButtonHTMLAttributes<HTMLButt
     /** Icon content (e.g. an icon element). */
     children?: React.ReactNode;
 }
+/**
+ * Card header title compound component. Renders a `.card-header-title` element.
+ *
+ * @function
+ * @param {CardHeaderTitleProps} props - Props for the CardHeaderTitle component.
+ * @returns {JSX.Element} The rendered card header title.
+ */
+export declare const CardHeaderTitle: React.FC<CardHeaderTitleProps>;
+/**
+ * Card header icon compound component. Renders a `.card-header-icon` button.
+ *
+ * @function
+ * @param {CardHeaderIconProps} props - Props for the CardHeaderIcon component.
+ * @returns {JSX.Element} The rendered card header icon button.
+ */
+export declare const CardHeaderIcon: React.FC<CardHeaderIconProps>;
+/**
+ * Card image compound component. Wraps children in a `.card-image` element.
+ *
+ * @function
+ * @param {CardImageProps} props - Props for the CardImage component.
+ * @returns {JSX.Element} The rendered card image container.
+ */
+export declare const CardImage: React.FC<CardImageProps>;
+/**
+ * Card content compound component. Wraps children in a `.card-content` element.
+ *
+ * @function
+ * @param {CardContentProps} props - Props for the CardContent component.
+ * @returns {JSX.Element} The rendered card content container.
+ */
+export declare const CardContent: React.FC<CardContentProps>;
+/**
+ * Card footer compound component. Wraps children in a `.card-footer` element.
+ *
+ * @function
+ * @param {CardFooterProps} props - Props for the CardFooter component.
+ * @returns {JSX.Element} The rendered card footer.
+ */
+export declare const CardFooter: React.FC<CardFooterProps>;
+/**
+ * Card footer item compound component. Wraps children in a `.card-footer-item` span.
+ *
+ * @function
+ * @param {CardFooterItemProps} props - Props for the CardFooterItem component.
+ * @returns {JSX.Element} The rendered card footer item.
+ */
+export declare const CardFooterItem: React.FC<CardFooterItemProps>;
+export declare const CardHeader: React.FC<CardHeaderProps> & {
+    Title: React.FC<CardHeaderTitleProps>;
+    Icon: React.FC<CardHeaderIconProps>;
+};
 /** Card component with Header, Image, Content, Footer, and FooterItem sub-components. */
 export declare const Card: React.FC<CardProps> & {
     Header: React.FC<CardHeaderProps> & {

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

@@ -66,7 +66,8 @@ export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     repeat?: boolean;
     /**
      * Enable drag/swipe navigation. Default: true. A swipe moves one step,
-     * however far it travels.
+     * however far it travels. A swipe toward the start of the line goes on,
+     * so on a right-to-left page a swipe right brings the next slide in.
      */
     hasDrag?: boolean;
     /**
@@ -162,9 +163,17 @@ export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     indicatorPosition?: 'bottom' | 'top';
     /** Indicator style. Default: 'dots'. */
     indicatorStyle?: 'circles' | 'dots' | 'lines' | 'bars';
-    /** Icon name for the previous arrow button. */
+    /**
+     * Icon name for the previous arrow button. On a right-to-left page that
+     * button sits on the right and the built-in chevron flips to point there,
+     * but an icon you name is drawn as given, so pick one that points the way
+     * the page reads.
+     */
     iconPrev?: string;
-    /** Icon name for the next arrow button. */
+    /**
+     * Icon name for the next arrow button. On a right-to-left page it sits on
+     * the left, and an icon you name is drawn as given, as with `iconPrev`.
+     */
     iconNext?: string;
     /** Icon library to use. */
     iconLibrary?: IconLibrary;

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

@@ -44,6 +44,22 @@ export interface MessageBodyProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Message body content. */
     children?: React.ReactNode;
 }
+/**
+ * Message header compound component. Renders a `.message-header` element.
+ *
+ * @function
+ * @param {MessageHeaderProps} props - Props for the MessageHeader component.
+ * @returns {JSX.Element} The rendered message header.
+ */
+export declare const MessageHeader: React.FC<MessageHeaderProps>;
+/**
+ * Message body compound component. Renders a `.message-body` element.
+ *
+ * @function
+ * @param {MessageBodyProps} props - Props for the MessageBody component.
+ * @returns {JSX.Element} The rendered message body.
+ */
+export declare const MessageBody: React.FC<MessageBodyProps>;
 export declare const Message: React.FC<MessageProps> & {
     Header: React.FC<MessageHeaderProps>;
     Body: React.FC<MessageBodyProps>;