@zvoove/unity-ui 2.28.0 → 2.29.0

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/WeekDays/WeekDays.types.d.ts

@@ -0,0 +1,4 @@
+export interface WeekDaysProps {
+    weekDays: string[];
+    isSelectorOpen: boolean;
+}

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/WeekDays/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WeekDays } from './WeekDays';
+export * from './WeekDays.types';

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Day';
+export * from './WeekDays';
+export * from './CalendarHeader';
+export * from './ActionButtons';
+export * from './Carousel';

package/dist/components/DatePicker/components/DateDialog/components/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar.types';

package/dist/components/DatePicker/components/DateDialog/components/MonthSelector/MonthSelector.d.ts

@@ -0,0 +1,3 @@
+import { MonthSelectorProps } from './MonthSelector.types';
+declare const MonthSelector: ({ currentDate, onSelectMonth, onClose, locale, isOpen, }: MonthSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default MonthSelector;

package/dist/components/DatePicker/components/DateDialog/components/MonthSelector/MonthSelector.types.d.ts

@@ -0,0 +1,23 @@
+export interface MonthSelectorProps {
+    /**
+     * The date object used to determine the current month
+     */
+    currentDate: Date;
+    /**
+     * Callback function triggered when a month is selected
+     * @param month - The index of the selected month (0-11)
+     */
+    onSelectMonth: (month: number) => void;
+    /**
+     * Callback function triggered when the selector should be closed
+     */
+    onClose: () => void;
+    /**
+     * The locale string used for formatting months (e.g., 'en-US', 'de-DE')
+     */
+    locale: string;
+    /**
+     * Whether the selector is open
+     */
+    isOpen: boolean;
+}

package/dist/components/DatePicker/components/DateDialog/components/MonthSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MonthSelector } from './MonthSelector';
+export type { MonthSelectorProps } from './MonthSelector.types';

package/dist/components/DatePicker/components/DateDialog/components/SelectorList/SelectorList.d.ts

@@ -0,0 +1,3 @@
+import { SelectorListProps } from './SelectorList.types';
+declare const SelectorList: <T>({ items, selectedIndex, renderItem, onSelectItem, onClose, isOpen, }: SelectorListProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SelectorList;

package/dist/components/DatePicker/components/DateDialog/components/SelectorList/SelectorList.styled.d.ts

@@ -0,0 +1,19 @@
+export declare const containerStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const scrollContainerStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const itemButtonStyles: import('tailwind-variants').TVReturnType<{
+    isSelected: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    isSelected: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isSelected: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const checkIconContainerStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/DatePicker/components/DateDialog/components/SelectorList/SelectorList.types.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface SelectorListProps<T> {
+    items: T[];
+    selectedIndex: number;
+    renderItem: (item: T, index: number) => React.ReactNode;
+    onSelectItem: (item: T, index: number) => void;
+    onClose: () => void;
+    isOpen: boolean;
+}

package/dist/components/DatePicker/components/DateDialog/components/SelectorList/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SelectorList } from './SelectorList';
+export * from './SelectorList.types';

package/dist/components/DatePicker/components/DateDialog/components/YearSelector/YearSelector.d.ts

@@ -0,0 +1,3 @@
+import { YearSelectorProps } from './YearSelector.types';
+declare const YearSelector: ({ currentDate, onSelectYear, onClose, maxDate, minDate, isOpen, }: YearSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default YearSelector;

package/dist/components/DatePicker/components/DateDialog/components/YearSelector/YearSelector.types.d.ts

@@ -0,0 +1,36 @@
+export interface YearSelectorProps {
+    /**
+     * The date object used to determine the current year
+     */
+    currentDate: Date;
+    /**
+     * Callback function triggered when a year is selected
+     * @param year - The selected year (e.g., 2023)
+     */
+    onSelectYear: (year: number) => void;
+    /**
+     * Callback function triggered when the selector should be closed
+     */
+    onClose: () => void;
+    /**
+     * The locale string used for formatting dates (e.g., 'en-US', 'de-DE')
+     * @default 'de-DE'
+     */
+    locale?: string;
+    /**
+     * The maximum date that can be selected
+     * format: YYYY-MM-DD
+     * This will determine the end year range for the selector
+     */
+    maxDate?: string;
+    /**
+     * The minimum date that can be selected
+     * format: YYYY-MM-DD
+     * This will determine the start year range for the selector
+     */
+    minDate?: string;
+    /**
+     * Whether the selector is open
+     */
+    isOpen: boolean;
+}

package/dist/components/DatePicker/components/DateDialog/components/YearSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as YearSelector } from './YearSelector';
+export type { YearSelectorProps } from './YearSelector.types';

package/dist/components/DatePicker/components/DateDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateDialog } from './DateDialog';
+export type { DateDialogProps } from './DateDialog.types';

package/dist/components/DatePicker/components/index.d.ts

@@ -0,0 +1 @@
+export * from './DateDialog';

package/dist/components/DatePicker/context/Context.types.d.ts

@@ -0,0 +1,15 @@
+import { DatePickerProps } from '../DatePicker.types';
+export interface DatePickerProviderProps extends DatePickerProps {
+    children: React.ReactNode;
+}
+export interface DatePickerContextValue extends Omit<DatePickerProps, 'value'> {
+    innerValue: string;
+    setInnerValue: (value: string) => void;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    uniqueId: string;
+    maxDate?: string;
+    setMaxDate: (date: string | undefined) => void;
+    minDate?: string;
+    setMinDate: (date: string | undefined) => void;
+}

package/dist/components/DatePicker/context/DatePickerContext.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerContextValue } from './Context.types';
+declare const DatePickerContext: import('react').Context<DatePickerContextValue | undefined>;
+export default DatePickerContext;

package/dist/components/DatePicker/context/DatePickerProvider.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProviderProps } from './Context.types';
+declare const DatePickerProvider: ({ value, label, onChange, name, locale, openOnFocus, buttonsTranslations, children, ...textFieldProps }: DatePickerProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default DatePickerProvider;

package/dist/components/DatePicker/context/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DatePickerContext } from './DatePickerContext';
+export { default as DatePickerProvider } from './DatePickerProvider';
+export type { DatePickerContextValue } from './Context.types';

package/dist/components/DatePicker/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useDateSelection';
+export * from './useDialogPosition';
+export * from './useDialogFocus';
+export * from './useDatePicker';
+export * from './useDateUtils';

package/dist/components/DatePicker/hooks/useDatePicker.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerContextValue } from '../context';
+export declare const useDatePicker: () => DatePickerContextValue;

package/dist/components/DatePicker/hooks/useDateSelection.d.ts

@@ -0,0 +1,21 @@
+type UseDateSelectionProps = {
+    /**
+     * The selected date
+     */
+    selectedDate: Date | null;
+    /**
+     * The callback function to select a date
+     */
+    onDateSelect: (date: Date | null, isDayClick?: boolean) => void;
+};
+export declare const useDateSelection: ({ selectedDate, onDateSelect, }: UseDateSelectionProps) => {
+    currentDate: Date;
+    internalSelectedDate: Date | null;
+    handleDateClick: (date: Date, isDayClick?: boolean) => void;
+    handleClear: () => void;
+    handlePrevMonth: () => void;
+    handleNextMonth: () => void;
+    handlePrevYear: () => void;
+    handleNextYear: () => void;
+};
+export {};

package/dist/components/DatePicker/hooks/useDateUtils.d.ts

@@ -0,0 +1,31 @@
+export declare const useDateUtils: (locale?: string) => {
+    getWeekDays: string[];
+    getCurrentMonthName: (date: Date) => string;
+    getDaysInMonth: (date: Date) => number;
+    getFirstDayOfMonth: (date: Date) => number;
+    getLastDayOfMonth: (date: Date) => number;
+    getPreviousMonthDays: (date: Date) => {
+        day: number;
+        isCurrentMonth: boolean;
+        date: Date;
+    }[];
+    getCurrentMonthDays: (date: Date) => {
+        day: number;
+        isCurrentMonth: boolean;
+        date: Date;
+    }[];
+    getNextMonthDays: (date: Date) => {
+        day: number;
+        isCurrentMonth: boolean;
+        date: Date;
+    }[];
+    isSelectedDate: (date: Date, selectedDate: Date | null) => boolean;
+    isToday: (date: Date) => boolean;
+    formatDate: (date: Date) => string;
+    formatFromStringToDate: (date: string, innerLocale?: string) => Date;
+    getPlaceholder: () => string;
+    getFormattedDate: (date: string) => string;
+    getSeparator: () => string | undefined;
+    addMaskBasedOnLocale: (date: string) => string | null;
+    getMaxLength: () => number;
+};

package/dist/components/DatePicker/hooks/useDialogFocus.d.ts

@@ -0,0 +1 @@
+export declare const useDialogFocus: (dialogRef: React.RefObject<HTMLDivElement | null>, isOpen: boolean, selectedDate: Date | null, onClose: () => void) => void;

package/dist/components/DatePicker/hooks/useDialogPosition.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from 'react';
+type UseDialogPositionProps = {
+    /**
+     * Whether the dialog is open
+     */
+    isOpen: boolean;
+    /**
+     * The ref to the portal element
+     */
+    portalRef: RefObject<HTMLDivElement | null>;
+    /**
+     * The selector of the input field that triggers the dialog
+     */
+    inputSelector?: string;
+};
+export declare const useDialogPosition: ({ isOpen, portalRef, inputSelector, }: UseDialogPositionProps) => {
+    updatePosition: () => void;
+};
+export {};

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DatePicker } from './DatePicker';
+export type { DatePickerProps, ButtonsTranslations } from './DatePicker.types';

package/dist/components/DatePicker/utils/calendar.utils.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+/**
+ * Calculate the height of a month based on the number of weeks
+ */
+export declare const getMonthHeight: (weeks: number) => string;
+/**
+ * Create an array of empty cells for days of the week
+ */
+export declare const createEmptyCells: (date: Date, monthDays?: {
+    day: number;
+    date: Date;
+    isCurrentMonth: boolean;
+}[], position?: "before" | "after") => React.ReactElement[];
+/**
+ * Calculate the number of weeks in a month
+ */
+export declare const getWeeksInMonth: (date: Date) => number;
+/**
+ * Create a set of month data for the carousel
+ */
+export declare const createMonthsData: (centerDate: Date, getPreviousMonthDate: (date: Date) => Date, getNextMonthDate: (date: Date) => Date) => {
+    id: string;
+    date: Date;
+    position: string;
+    isActive: boolean;
+}[];

package/dist/components/DatePicker/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './calendar.utils';
+export * from './locale.utils';
+export * from './navigation.utils';

package/dist/components/DatePicker/utils/locale.utils.d.ts

@@ -0,0 +1,38 @@
+import { ButtonsTranslations } from '../DatePicker.types';
+export type PredefinedLocales = 'en-GB' | 'en-US' | 'de-DE' | 'es-ES' | 'fr-FR' | 'it-IT' | 'nl-NL' | 'pt-BR';
+export declare const buttonTranslations: {
+    readonly 'en-GB': {
+        readonly cancel: "Cancel";
+        readonly clear: "Clear";
+    };
+    readonly 'en-US': {
+        readonly cancel: "Cancel";
+        readonly clear: "Clear";
+    };
+    readonly 'de-DE': {
+        readonly cancel: "Abbrechen";
+        readonly clear: "Löschen";
+    };
+    readonly 'es-ES': {
+        readonly cancel: "Cancelar";
+        readonly clear: "Limpiar";
+    };
+    readonly 'fr-FR': {
+        readonly cancel: "Annuler";
+        readonly clear: "Effacer";
+    };
+    readonly 'it-IT': {
+        readonly cancel: "Annulla";
+        readonly clear: "Cancella";
+    };
+    readonly 'nl-NL': {
+        readonly cancel: "Annuleren";
+        readonly clear: "Wissen";
+    };
+    readonly 'pt-BR': {
+        readonly cancel: "Cancelar";
+        readonly clear: "Limpar";
+    };
+};
+export declare const DEFAULT_LOCALE: PredefinedLocales;
+export declare const getTranslation: (locale: string, key: keyof (typeof buttonTranslations)[typeof DEFAULT_LOCALE], customTranslations?: ButtonsTranslations) => string | undefined;

package/dist/components/DatePicker/utils/navigation.utils.d.ts

@@ -0,0 +1,13 @@
+import { MonthData } from '../components/DateDialog/components/Calendar/components';
+/**
+ * Get a date for the previous month
+ */
+export declare const getPreviousMonthDate: (date: Date) => Date;
+/**
+ * Get a date for the next month
+ */
+export declare const getNextMonthDate: (date: Date) => Date;
+/**
+ * Update month data without animation
+ */
+export declare const updateMonthWithoutAnimation: (newDate: Date, setSkipTransition: (value: boolean) => void, setMonthsData: (data: MonthData[]) => void, createMonthsData: (date: Date) => MonthData[], setLocalCurrentDate: (date: Date) => void) => void;

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,3 @@
+import { DialogProps } from './Dialog.types';
+declare const Dialog: ({ open, onClose, children, closeOnBackdropClick, closeOnEsc, padding, size, zIndex, }: DialogProps) => import('react').ReactPortal | null;
+export default Dialog;

package/dist/components/Dialog/Dialog.styled.d.ts

@@ -0,0 +1,38 @@
+export declare const dialogStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+        fullscreen: string[];
+        none: string[];
+    };
+    show: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+        fullscreen: string[];
+        none: string[];
+    };
+    show: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+        fullscreen: string[];
+        none: string[];
+    };
+    show: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const contentStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { CardProps } from '../../index.ts';
+import { ResponsiveType } from '../../types';
+export type DialogSize = 'sm' | 'md' | 'lg' | 'none' | 'fullscreen';
+export interface DialogProps {
+    /**
+     * Controls whether the dialog is open or closed.
+     */
+    open: boolean;
+    /**
+     * Callback function called when the dialog is closed.
+     */
+    onClose: () => void;
+    /**
+     * The main content of the dialog.
+     */
+    children: ReactNode;
+    /**
+     * Whether clicking the backdrop should close the dialog.
+     */
+    closeOnBackdropClick?: boolean;
+    /**
+     * Whether pressing the Escape key should close the dialog.
+     */
+    closeOnEsc?: boolean;
+    /**
+     * Whether to remove the default padding from the dialog content.
+     * Useful for when the dialog has full width content/dividers.
+     * @deprecated Use `padding` prop instead.
+     */
+    removePadding?: boolean;
+    /**
+     * The padding of the dialog content.
+     */
+    padding?: CardProps['padding'];
+    /**
+     * The size of the dialog.
+     * @default none
+     */
+    size?: ResponsiveType<DialogSize>;
+    /**
+     * The z-index of the dialog.
+     * @default 20
+     */
+    zIndex?: number;
+}

package/dist/components/Dialog/DialogManager.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Global manager for Dialog components to track open dialogs.
+ * Maintains a stack order so nested/stacked dialogs can determine
+ * which dialog is topmost (for focus trapping).
+ */
+declare class DialogManager {
+    private readonly dialogStack;
+    private readonly closeCallbacks;
+    /**
+     * Register a Dialog as open with its close callback.
+     * The dialog is pushed to the top of the stack.
+     */
+    registerOpenDialog(dialogId: string, closeCallback: () => void): void;
+    /**
+     * Unregister a Dialog as closed.
+     * The dialog is removed from the stack.
+     */
+    unregisterOpenDialog(dialogId: string): void;
+    /**
+     * Close all other Dialogs except the specified one
+     */
+    closeOtherDialogs(excludeDialogId: string): void;
+    /**
+     * Check if the given dialog is the topmost (last opened) dialog
+     */
+    isTopDialog(dialogId: string): boolean;
+    /**
+     * Check if any Dialogs are currently open
+     */
+    hasOpenDialogs(): boolean;
+    /**
+     * Get all currently open Dialog IDs
+     */
+    getOpenDialogs(): string[];
+    /**
+     * Clear all registered Dialogs (useful for cleanup)
+     */
+    clear(): void;
+}
+export declare const dialogManager: DialogManager;
+export {};

package/dist/components/Dialog/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useDialogAnimation } from './useDialogAnimation';
+export { default as useDialogEscape } from './useDialogEscape';
+export { default as useDialogFocus } from './useDialogFocus';

package/dist/components/Dialog/hooks/useDialogAnimation.d.ts

@@ -0,0 +1,6 @@
+declare const useDialogAnimation: (open: boolean) => {
+    mounted: boolean;
+    show: boolean;
+    setShow: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};
+export default useDialogAnimation;

package/dist/components/Dialog/hooks/useDialogEscape.d.ts

@@ -0,0 +1,2 @@
+declare const useDialogEscape: (onClose: () => void, closeOnEsc: boolean, dialogId: string) => void;
+export default useDialogEscape;

package/dist/components/Dialog/hooks/useDialogFocus.d.ts

@@ -0,0 +1,2 @@
+declare const useDialogFocus: (dialogRef: React.RefObject<HTMLDivElement | null>, mounted: boolean, dialogId: string) => void;
+export default useDialogFocus;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Dialog } from './Dialog';
+export type { DialogProps } from './Dialog.types';
+export { dialogManager } from './DialogManager';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import { DividerProps } from './Divider.types';
+declare const Divider: ({ variant, color, }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/dist/components/Divider/Divider.styled.d.ts

@@ -0,0 +1,19 @@
+export declare const dividerStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        fullWidth: string[];
+        inset: string[];
+        middle: string[];
+    };
+}, undefined, string[], {
+    variant: {
+        fullWidth: string[];
+        inset: string[];
+        middle: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        fullWidth: string[];
+        inset: string[];
+        middle: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,13 @@
+import { BackgroundColors } from '../../types';
+export interface DividerProps {
+    /**
+     * The variant to use.
+     */
+    variant?: 'fullWidth' | 'inset' | 'middle';
+    /**
+     * The color of the divider.
+     * Accepts any background color token name.
+     * @default 'outline-variant'
+     */
+    color?: BackgroundColors;
+}

package/dist/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider.types';

package/dist/components/Expandable/Expandable.d.ts

@@ -0,0 +1,6 @@
+import { ExpandableProps } from './Expandable.types';
+declare const Expandable: {
+    <T extends React.ElementType = "div">({ children, isOpen, as: Component, ...props }: ExpandableProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Expandable;

package/dist/components/Expandable/Expandable.styled.d.ts

@@ -0,0 +1,16 @@
+export declare const expandableStyles: import('tailwind-variants').TVReturnType<{
+    isOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    isOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type ExpandableProps<T extends React.ElementType = 'div'> = Omit<React.ComponentPropsWithoutRef<T>, 'as' | 'children'> & {
+    /**
+     * The children of the Expandable.
+     */
+    children: ReactNode;
+    /**
+     * Whether the Expandable is open or closed.
+     */
+    isOpen?: boolean;
+    as?: 'div' | 'td' | 'tr' | 'th' | 'tbody' | 'thead' | 'tfoot' | 'section' | 'article' | 'main' | 'footer' | 'header' | 'aside' | 'nav' | 'form' | 'iframe' | 'picture' | 'video' | 'audio' | 'canvas' | 'embed' | 'object' | T;
+} & Omit<React.ComponentPropsWithoutRef<T>, 'children'>;

package/dist/components/Expandable/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Expandable } from './Expandable';
+export type { ExpandableProps } from './Expandable.types';

package/dist/components/FloatSearch/FloatSearch.d.ts

@@ -0,0 +1,6 @@
+import { FloatSearchProps } from './FloatSearch.types';
+declare const FloatSearch: {
+    <T extends React.ElementType = "button">({ open, onClose, items, onSearch, onSelect, value, placeholder, translations: translationsProp, zIndex, loading, linkComponent: ItemComponent, }: FloatSearchProps<T>): import('react').ReactPortal | null;
+    displayName: string;
+};
+export default FloatSearch;