weavify/dist/components/MultiSelectDropdown.d.ts

````markdown # **Weavify - Reusable UI Components**

/**
 * MultiSelectDropdown  Component
 *
 * A customizable multi-select dropdown based on Material-UI's Autocomplete.
 * It allows selecting multiple options and supports various configurations like size, placeholder, and styles.
 *
 * Author: Anish Kumar
 * Email: anishbishnoi127@gmail.com
 *
 * @template T
 * @param {T[]} options - The list of options to display in the dropdown.
 * @param {string} label - The label displayed above the dropdown (optional).
 * @param {string} id - Unique identifier for the dropdown component.
 * @param {boolean} [isLabelRequired=false] - Determines whether the label is displayed.
 * @param {T[]} value - The current selected options.
 * @param {(event: any, value: T[]) => void} onChange - Callback function triggered when the selected options change.
 * @param {string} [placeholder='Select options'] - Placeholder text displayed when no option is selected.
 * @param {object} [sx] - Custom Material-UI styles for the dropdown container.
 * @param {'small' | 'medium'} [size='small'] - Size of the dropdown (small or medium).
 * @param {string} [searchStyle] - Additional CSS classes for styling the search box.
 * @param {string} [wrapperStyle] - Additional CSS classes for styling the dropdown wrapper.
 * @param {boolean} [required=false] - If true, marks the input as required.
 */
interface MultiSelectDropdownProps<T extends {
    label: string;
    value: string | number;
}> {
    options: T[];
    label: string;
    sx?: object;
    id: string;
    size?: 'small' | 'medium';
    searchStyle?: string;
    placeholder?: string;
    isLabelRequired?: boolean;
    wrapperStyle?: string;
    required?: boolean;
    value: T[];
    onChange: (event: any, value: T[]) => void;
    disabled?: boolean;
    disableCloseOnSelect?: boolean;
    disableClearable?: boolean;
}
declare function MultiSelectDropdown<T extends {
    label: string;
    value: string | number;
}>({ id, options, label, sx, onChange, searchStyle, placeholder, size, isLabelRequired, wrapperStyle, required, value, disabled, disableCloseOnSelect, disableClearable, ...props }: MultiSelectDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
declare const _default: import("react").MemoExoticComponent<typeof MultiSelectDropdown>;
export default _default;