@mui/joy/utils/types.d.ts

Joy UI is an open-source React component library that implements MUI's own design principles. It's comprehensive and can be used in production out of the box.

import { SxProps } from '../styles/types';
export type SlotCommonProps = {
    component?: React.ElementType;
    sx?: SxProps;
};
export type SlotProps<TSlotComponent extends React.ElementType, TOverrides, TOwnerState> = (Omit<React.ComponentPropsWithRef<TSlotComponent>, 'color'> & TOverrides & SlotCommonProps & Record<string, unknown>) | ((ownerState: TOwnerState) => Omit<React.ComponentPropsWithRef<TSlotComponent>, 'color'> & TOverrides & SlotCommonProps & Record<string, unknown>);
/**
 * Use the keys of `Slots` to make sure that K contains all of the keys
 *
 * @example CreateSlotsAndSlotProps<{ root: React.ElementType, decorator: React.ElementType }, { root: ..., decorator: ... }>
 */
export type CreateSlotsAndSlotProps<Slots, K extends Record<keyof Slots, any>> = {
    /**
     * The components used for each slot inside.
     * @default {}
     */
    slots?: Slots;
    /**
     * The props used for each slot inside.
     * @default {}
     */
    slotProps?: {
        [P in keyof K]?: K[P];
    };
};