@moneyforward/mfui-components 2.48.2 → 3.0.0

package/dist/esm/src/MultipleSelectBox/hooks/useOptionKeyboardNavigation.d.ts

@@ -1,38 +0,0 @@
-import { type KeyboardEventHandler } from 'react';
-import { type MultipleSelectBoxOption, type AllowedValueTypes } from '../MultipleSelectBox.types';
-type UseOptionKeyboardNavigationProps<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>> = {
-    /**
-     * Filtered options (after search and other filters).
-     */
-    filteredOptions: MultipleSelectBoxOption<T, AdditionalProps>[];
-    /**
-     * Currently selected values.
-     */
-    selectedValues: Set<MultipleSelectBoxOption<T, AdditionalProps>['value']>;
-    /**
-     * Callback when an option is selected.
-     */
-    onSelectOption: (option: MultipleSelectBoxOption<T, AdditionalProps>) => void;
-    /**
-     * Callback to close the option panel.
-     */
-    onClosePanel: () => void;
-};
-/**
- * Hook to manage keyboard navigation and interaction for options in MultipleSelectBox
- *
- * This hook handles:
- * - Tracking which option should be tabbable
- * - Arrow key navigation between options
- * - Enter/Space key selection
- * - Escape key to close panel
- * - Focus management
- *
- * @returns Object with handlers and state for option keyboard navigation
- */
-export declare function useOptionKeyboardNavigation<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>({ filteredOptions, selectedValues, onSelectOption, onClosePanel, }: UseOptionKeyboardNavigationProps<T, AdditionalProps>): {
-    tabbableOptionIndex: number;
-    handleOptionFocus: (optionIndex: number) => void;
-    createKeyDownHandler: (option: MultipleSelectBoxOption<T, AdditionalProps>) => KeyboardEventHandler<HTMLLIElement>;
-};
-export {};

package/dist/esm/src/MultipleSelectBox/hooks/useOptionSelectionManagement.d.ts

@@ -1,24 +0,0 @@
-import { type MultipleSelectBoxOption, type AllowedValueTypes } from '../MultipleSelectBox.types';
-type UseOptionSelectionManagementProps<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>> = {
-    /**
-     * The options to be selected.
-     */
-    options: MultipleSelectBoxOption<T, AdditionalProps>[];
-    /**
-     * The selected values.
-     */
-    selectedValues: Set<MultipleSelectBoxOption<T, AdditionalProps>['value']>;
-    /**
-     * The function to update the selected values.
-     */
-    updateSelectedValues: (values: MultipleSelectBoxOption<T, AdditionalProps>['value'][]) => void;
-};
-/**
- * Hook to manage the selection of options.
- */
-export declare function useOptionSelectionManagement<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>({ options, selectedValues, updateSelectedValues }: UseOptionSelectionManagementProps<T, AdditionalProps>): {
-    handleSelectOption: (option: MultipleSelectBoxOption<T, AdditionalProps>) => void;
-    handleSelectAllOptions: (targetOptions?: MultipleSelectBoxOption<T, AdditionalProps>[]) => void;
-    handleClearAllOptions: (targetOptions?: MultipleSelectBoxOption<T, AdditionalProps>[]) => void;
-};
-export {};

package/dist/esm/src/MultipleSelectBox/hooks/useSearchBox.d.ts

@@ -1,19 +0,0 @@
-import { type MultipleSelectBoxOption, type AllowedValueTypes } from '../MultipleSelectBox.types';
-/**
- * Custom hook to handle search functionality within a SelectBox component.
- *
- * @param options - Array of SelectBox options.
- *
- * @param enableSearchOptions - Indicates if the SelectBox component is searchable.
- *
- * @param onSearchOptions - Handler executed when the search text changes. When
- * provided, client-side filtering is disabled as it's assumed that the caller
- * will handle the filtering.
- *
- * @returns - Object containing the filtered options and a function to update the search text.
- */
-export declare const useSearchBox: <T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>(options: MultipleSelectBoxOption<T, AdditionalProps>[], enableSearchOptions: boolean, onSearchOptions?: (text: string) => void) => {
-    onSearchTextChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    filteredOptions: MultipleSelectBoxOption<T, AdditionalProps>[];
-    searchText: string;
-};

package/dist/esm/src/MultipleSelectBox/hooks/useVirtualizedMultipleSelectBoxOptions.d.ts

@@ -1,63 +0,0 @@
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { type RefObject } from 'react';
-import { type FlatMultipleSelectBoxOption, type VirtualOptionTypes } from '../MultipleSelectBox.types';
-export type UseVirtualizedMultipleSelectBoxOptionsParams<T extends string | number = string, AdditionalProps extends Record<string, unknown> = Record<string, never>> = {
-    /**
-     * Enable virtualization for the option list
-     */
-    enabled: boolean;
-    /**
-     * Reference to the scrollable parent element
-     */
-    parentRef: RefObject<HTMLElement | null>;
-    /**
-     * Flat array of all options
-     */
-    flatOptions: FlatMultipleSelectBoxOption<T, AdditionalProps>[];
-} & Partial<VirtualOptionTypes>;
-export type UseVirtualizedMultipleSelectBoxOptionsReturn = {
-    /**
-     * The virtualizer instance from @tanstack/react-virtual
-     * Null when virtualization is disabled
-     */
-    virtualizer: ReturnType<typeof useVirtualizer<HTMLElement, Element>> | null;
-    /**
-     * Array of virtual items to render (only visible + overscan items)
-     */
-    virtualItems: ReturnType<typeof useVirtualizer<HTMLElement, Element>>['getVirtualItems'] extends () => infer R ? R : never;
-    /**
-     * Total height of all items combined
-     */
-    totalSize: number;
-    /**
-     * Scroll to a specific option by index
-     */
-    scrollToIndex: (index: number, options?: {
-        align?: 'start' | 'center' | 'end' | 'auto';
-        behavior?: 'auto' | 'smooth';
-    }) => void;
-    /**
-     * Whether virtualization is currently enabled
-     */
-    isVirtualized: boolean;
-};
-/**
- * Custom hook for virtualizing large option lists in MultipleSelectBox using @tanstack/react-virtual.
- * Only renders visible items + overscan for improved performance.
- *
- * @param params - Virtualization configuration
- *
- * @returns Virtualizer instance and helper methods
- *
- * @example
- * ```tsx
- * const { virtualItems, totalSize, scrollToIndex, isVirtualized } = useVirtualizedMultipleSelectBoxOptions({
- *   enabled: true,
- *   parentRef: optionPanelRef,
- *   flatOptions,
- *   estimateSize: () => 36, // or (index) => index < 10 ? 40 : 36 for dynamic sizing
- *   overscan: 5,
- * });
- * ```
- */
-export declare function useVirtualizedMultipleSelectBoxOptions<T extends string | number = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>({ enabled, parentRef, flatOptions, estimateSize, overscan, }: UseVirtualizedMultipleSelectBoxOptionsParams<T, AdditionalProps>): UseVirtualizedMultipleSelectBoxOptionsReturn;

package/dist/esm/src/MultipleSelectBox/index.d.ts

@@ -1,2 +0,0 @@
-export { MultipleSelectBox } from './MultipleSelectBox';
-export type { MultipleSelectBoxProps, MultipleSelectBoxOption } from './MultipleSelectBox.types';

package/dist/esm/src/MultipleSelectBox/utils/flattenOptions.d.ts

@@ -1,11 +0,0 @@
-import { type MultipleSelectBoxOption, type AllowedValueTypes } from '../MultipleSelectBox.types';
-/**
- * Flattens options with only one level of nesting.
- * only one level of nesting is allowed.
- * Group labels are preserved, followed by their immediate children.
- *
- * @param options - The options array to flatten
- *
- * @returns Flat array of options, including group labels and their children in order
- */
-export declare function flattenOptions<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>(options: MultipleSelectBoxOption<T, AdditionalProps>[]): MultipleSelectBoxOption<T, AdditionalProps>[];

package/dist/esm/src/MultipleSelectBox/utils/insertOptionValueInSortedOrder.d.ts

@@ -1,14 +0,0 @@
-import { type MultipleSelectBoxOption, type AllowedValueTypes } from '../MultipleSelectBox.types';
-/**
- * Inserts a value into a sorted array based on the original options order.
- * This function maintains the order of the options while inserting a new value at the appropriate position.
- *
- * @param sortedValues - Array of currently selected values that are already sorted
- *
- * @param newValue - New value to be inserted
- *
- * @param options - Array of all available options (used as reference for ordering)
- *
- * @returns A new sorted array with the inserted value
- */
-export declare function insertOptionValueInSortedOrder<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>(sortedValues: MultipleSelectBoxOption<T, AdditionalProps>['value'][], newValue: MultipleSelectBoxOption<T, AdditionalProps>['value'], options: MultipleSelectBoxOption<T, AdditionalProps>[]): MultipleSelectBoxOption<T, AdditionalProps>['value'][];

package/dist/esm/src/MultipleSelectBox/utils/isSelectableOption.d.ts

@@ -1,25 +0,0 @@
-import { type MultipleSelectBoxOption, type AllowedValueTypes } from '../MultipleSelectBox.types';
-/**
- * Type guard to check if an option is a selectable option (has value and may have disabled)
- *
- * @param option - The option to check
- *
- * @returns True if the option has a value (is not a group label)
- */
-export declare function isSelectableOption<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>(option: MultipleSelectBoxOption<T, AdditionalProps>): option is Extract<MultipleSelectBoxOption<T, AdditionalProps>, {
-    value?: unknown;
-}>;
-/**
- * Returns true if the option is selectable and disabled.
- *
- * @param option - The option to check
- */
-export declare function isOptionDisabled<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>(option: MultipleSelectBoxOption<T, AdditionalProps>): boolean;
-/**
- * Returns true if the option is selectable, has a value, and is selected.
- *
- * @param option - The option to check
- *
- * @param selectedValues - The set of selected values
- */
-export declare function isOptionSelected<T extends AllowedValueTypes = string, AdditionalProps extends Record<string, unknown> = Record<string, never>>(option: MultipleSelectBoxOption<T, AdditionalProps>, selectedValues: Set<unknown>): boolean;

package/dist/esm/src/PageHeader/PageHeader.d.ts

@@ -1,6 +0,0 @@
-import { type PageHeaderProps } from './PageHeader.types';
-/**
- * The page header component.
- * The PageHeader component is for the main heading title and related actions and navigations of a page. It's always placed at the top of a page after the GlobalHeader and MainNavigation.
- */
-export declare function PageHeader({ headingSlot, renderHeading, showBackButton, backButtonProps, actionSlot, className, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/PageHeader/PageHeader.types.d.ts

@@ -1,57 +0,0 @@
-import { type ReactNode } from 'react';
-import { type IconButtonProps } from '../IconButton';
-import { type ResponsiveSlot } from '../types/responsive';
-export type PageHeaderRenderOptions = {
-    /**
-     * The original heading element wrapped in <h1> tag.
-     * This ensures proper semantic HTML structure and accessibility.
-     */
-    headingNode: ReactNode;
-};
-export type PageHeaderProps = {
-    /**
-     * It's for rendering the content of the heading.
-     * It should be just a string in most cases.
-     * Note that it can be any element, but it should be allowed in the <h1> element.
-     */
-    headingSlot?: ReactNode;
-    /**
-     * Custom render function for the heading area.
-     * Provides the original headingNode wrapped in <h1> tag for flexible layout composition.
-     * When provided, this takes precedence over the default headingSlot rendering.
-     *
-     * @param options - Contains the headingNode for layout composition
-     *
-     * @returns ReactNode - Custom layout containing the headingNode
-     *
-     * @example
-     * ```tsx
-     * <PageHeader
-     *   headingSlot="Dashboard"
-     *   renderHeading={({ headingNode }) => (
-     *     <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-     *       {headingNode}
-     *       <Badge>Live</Badge>
-     *     </div>
-     *   )}
-     * />
-     * ```
-     */
-    renderHeading?: (options: PageHeaderRenderOptions) => ReactNode;
-    /**
-     * It's for rendering the back button on the left side of the component.
-     */
-    showBackButton?: boolean;
-    /**
-     * It's for controlling the back button.
-     */
-    backButtonProps?: Omit<IconButtonProps, 'outlined' | 'children'>;
-    /**
-     * It's for rendering any interactions on the right side of the component.
-     */
-    actionSlot?: ResponsiveSlot | ReactNode;
-    /**
-     * It's for overriding the root styles of the component.
-     */
-    className?: string;
-};

package/dist/esm/src/PageHeader/index.d.ts

@@ -1,2 +0,0 @@
-export { PageHeader } from './PageHeader';
-export type { PageHeaderProps } from './PageHeader.types';

package/dist/esm/src/Pagination/ItemsCount/ItemsCount.d.ts

@@ -1,5 +0,0 @@
-import { type ItemsCountProps } from './ItemsCount.types';
-/**
- * The ItemsCount for displaying the number of items.
- */
-export declare function ItemsCount({ totalPages, currentPageNumber, totalItems, itemsPerPage, unitLabel }: ItemsCountProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/Pagination/ItemsCount/ItemsCount.types.d.ts

@@ -1,22 +0,0 @@
-export type ItemsCountProps = {
-    /**
-     * The number of the current page.
-     */
-    currentPageNumber: number;
-    /**
-     * The total number of items.
-     */
-    totalItems: number;
-    /**
-     * The number of items per page.
-     */
-    itemsPerPage: number;
-    /**
-     * The label of the unit.
-     */
-    unitLabel: string;
-    /**
-     * The total number of pages.
-     */
-    totalPages: number;
-};

package/dist/esm/src/Pagination/ItemsCount/index.d.ts

@@ -1,2 +0,0 @@
-export { ItemsCount } from './ItemsCount';
-export type { ItemsCountProps } from './ItemsCount.types';

package/dist/esm/src/Pagination/ItemsPerPage/ItemsPerPage.d.ts

@@ -1,5 +0,0 @@
-import { type ItemsPerPageProps } from './ItemsPerPage.types';
-/**
- * The ItemsPerPage for displaying the number of items per page.
- */
-export declare function ItemsPerPage({ itemsPerPage, itemsPerPageLabel, itemsPerPageOptions, itemsPerPageSelectBoxProps, onItemsPerPageChange, }: ItemsPerPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/Pagination/ItemsPerPage/ItemsPerPage.types.d.ts

@@ -1,26 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-export type ItemsPerPageProps = {
-    /**
-     * The number of items per page.
-     */
-    itemsPerPage: number;
-    /**
-     * This prop allows you to change the label for the "displayed number per page". If you don't provide this prop, the default label is "1ページの表示数".
-     */
-    itemsPerPageLabel: string;
-    /**
-     * Options for items per page. If undefined, the ItemsPerPage section is not displayed.
-     */
-    itemsPerPageOptions: number[];
-    /**
-     * The properties for the select box.
-     * If this prop is not passed, the default values for each property will be applied.
-     *
-     * @property aria-label - The alternative text for the select box. default is '1ページあたりの表示件数を選択する'.
-     */
-    itemsPerPageSelectBoxProps?: Pick<ComponentPropsWithoutRef<'select'>, 'aria-label'>;
-    /**
-     * Handler to execute when the items per page is changed. Accepts the new items per page number as an argument.
-     */
-    onItemsPerPageChange: ((itemsPerPage: number) => void) | undefined;
-};

package/dist/esm/src/Pagination/ItemsPerPage/index.d.ts

@@ -1,2 +0,0 @@
-export { ItemsPerPage } from './ItemsPerPage';
-export type { ItemsPerPageProps } from './ItemsPerPage.types';

package/dist/esm/src/Pagination/PagePicker/PagePicker.d.ts

@@ -1,5 +0,0 @@
-import { type PagePickerProps } from './PagePicker.types';
-/**
- * The PagePicker for displaying the current page number and the total number of pages.
- */
-export declare function PagePicker({ currentPageNumber, totalPages, prevButtonProps, pageSelectBoxProps, pageSuffixLabel, nextButtonProps, onPageChange, }: PagePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/Pagination/PagePicker/PagePicker.types.d.ts

@@ -1,47 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import { type ButtonProps } from '../../Button';
-export type Language = 'ja' | 'en';
-export type PagePickerProps = {
-    /**
-     * The number of the current page.
-     */
-    currentPageNumber: number;
-    /**
-     * The total number of pages.
-     */
-    totalPages: number;
-    /**
-     * The properties for the previous button.
-     * If this prop is not passed, the default values for each property will be applied.
-     *
-     * @property aria-label - The alternative text for the previous button. default is '前のページへ戻る'.
-     */
-    prevButtonProps?: Pick<ButtonProps, 'aria-label'>;
-    /**
-     * The properties for the page select box.
-     * If this prop is not passed, the default values for each property will be applied.
-     *
-     * @property aria-label - The alternative text for the select box. default is 'ページを選択する'.
-     */
-    pageSelectBoxProps?: Pick<ComponentPropsWithoutRef<'select'>, 'aria-label'>;
-    /**
-     * This prop allows you to change the label for the "page". If you don't provide this prop, the default label is "ページ".
-     */
-    pageSuffixLabel: string;
-    /**
-     * The properties for the next button.
-     * If this prop is not passed, the default values for each property will be applied.
-     *
-     * @property aria-label - The alternative text for the next button. default is '次のページへ進む'.
-     */
-    nextButtonProps?: Pick<ButtonProps, 'aria-label'>;
-    /**
-     * Handler to execute when the page is changed. Accepts the new page number as an argument.
-     */
-    onPageChange?: ((pageNumber: number) => void) | undefined;
-    /**
-     * The property to specify the language.
-     * If this prop is not passed, the default value is 'ja'.
-     */
-    language?: Language;
-};

package/dist/esm/src/Pagination/PagePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { PagePicker } from './PagePicker';
-export type { PagePickerProps } from './PagePicker.types';

package/dist/esm/src/Pagination/Pagination.d.ts

@@ -1,6 +0,0 @@
-import { type PaginationProps } from './Pagination.types';
-/**
- * The general-purpose Pagination component.
- * This component switches the looks depends on the props: showItemsCount, showPagePicker and showItemsPerPage.
- */
-export declare function Pagination({ 'aria-label': ariaLabel, currentPageNumber, totalItems, itemsPerPage, unitLabel, prevButtonProps, pageSelectBoxProps, nextButtonProps, itemsPerPageProps, itemsPerPageSelectBoxProps, showItemsCount, showPagePicker, showItemsPerPage, alignment, pageSuffixLabel, onPageChange, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/Pagination/Pagination.types.d.ts

@@ -1,89 +0,0 @@
-import { type ItemsPerPageProps } from './ItemsPerPage';
-import { type PagePickerProps } from './PagePicker';
-import { type PaginationSlotRecipeVariantProps } from '../../styled-system/recipes';
-export type PaginationItemsPerPageProps = {
-    /**
-     * This prop allows you to change the label for the "displayed number per page". If you don't provide this prop, the default label is "1ページの表示数".
-     */
-    label?: string;
-    /**
-     * Options for items per page. If undefined, the ItemsPerPage section is not displayed.
-     */
-    options?: number[];
-    /**
-     * Handler to execute when the items per page is changed. Accepts the new items per page number as an argument.
-     */
-    onChange?: (itemsPerPage: number) => void;
-};
-export type PaginationProps = {
-    /**
-     * The alternative text for the pagination root.
-     */
-    'aria-label'?: string;
-    /**
-     * The number of the current page.
-     */
-    currentPageNumber: number;
-    /**
-     * The total number of items.
-     */
-    totalItems: number;
-    /**
-     * The number of items per page.
-     */
-    itemsPerPage: number;
-    /**
-     * The label of the unit.
-     *
-     * @default '件'
-     */
-    unitLabel?: string;
-    /**
-     * Whether to show items count.
-     *
-     * @default false
-     */
-    showItemsCount?: boolean;
-    /**
-     * Whether to show page picker.
-     *
-     * @default false
-     */
-    showPagePicker?: boolean;
-    /**
-     * The alignment of the pagination component.
-     *
-     * @default 'left'
-     */
-    alignment?: PaginationSlotRecipeVariantProps['alignment'];
-    /**
-     * Handler to execute when the page is changed. Accepts the new page number as an argument.
-     */
-    onPageChange?: (pageNumber: number) => void;
-    /**
-     * This prop allows you to change the label for the "page". If you don't provide this prop, the default label is "ページ".
-     */
-    pageSuffixLabel?: string;
-} & ({
-    /**
-     * Whether to show items per page.
-     *
-     * @default false
-     */
-    showItemsPerPage: true;
-    /**
-     * Props for the ItemsPerPage component.
-     */
-    itemsPerPageProps: PaginationItemsPerPageProps;
-} | {
-    /**
-     * Whether to show items per page.
-     *
-     * @default false
-     */
-    showItemsPerPage: false;
-    /**
-     * Props for the ItemsPerPage component.
-     */
-    itemsPerPageProps?: PaginationItemsPerPageProps;
-}) & Pick<ItemsPerPageProps, 'itemsPerPageSelectBoxProps'> & Pick<PagePickerProps, 'prevButtonProps' | 'pageSelectBoxProps' | 'nextButtonProps'>;

package/dist/esm/src/Pagination/index.d.ts

@@ -1,2 +0,0 @@
-export { Pagination } from './Pagination';
-export type { PaginationProps } from './Pagination.types';

package/dist/esm/src/Pagination/shared/commonStyles.d.ts

@@ -1,3 +0,0 @@
-export declare const SELECT_BOX_ROW_HEIGHT = 32;
-export declare const SELECT_BOX_PADDING_X = 24;
-export declare const SELECT_BOX_MAX_HEIGHT: number;

package/dist/esm/src/Panel/Panel.d.ts

@@ -1,10 +0,0 @@
-/**
- * The Panel component.
- * This component is used for grouping content with a border.
- * Also extends the props of `<div>` element.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
- */
-export declare const Panel: import("react").ForwardRefExoticComponent<{
-    children: import("react").ReactNode;
-} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/src/Panel/Panel.types.d.ts

@@ -1,10 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-/**
- * Props for the Panel component
- */
-export type PanelProps = {
-    /**
-     * The content to display inside the panel
-     */
-    children: ReactNode;
-} & ComponentPropsWithoutRef<'div'>;

package/dist/esm/src/Panel/index.d.ts

@@ -1,2 +0,0 @@
-export { Panel } from './Panel';
-export type { PanelProps } from './Panel.types';

package/dist/esm/src/Popover/Popover.d.ts

@@ -1,9 +0,0 @@
-import { type PopoverProps } from './Popover.types';
-/**
- * The Popover component.
- * This component is a foundation component for other Popover components like SelectBox, MultipleSelectBox, DropdownMenu, DatePicker, etc
- *
- * You can control the open state of the Popover by passing the `open` and `onOpenStateChanged` props
- * Or just leave it as an uncontrolled popover, it will automatically handle by itself.
- */
-export declare function Popover({ renderTrigger, renderContent, open, onOpenStateChanged, onOpen, onClose, enableAutoFocusOnTrigger, enableAutoFocusOnPopover, minWidth, maxHeight, enableConstrainedContentWidth, contentProps, targetDOMNode, enableAutoUnmount, onBlur, allowedPlacements, enableViewportConstraint, enableAutomaticPortalTargetResolution, enableCenteredLayoutOnNarrowViewport, }: PopoverProps): import("react/jsx-runtime").JSX.Element;