import { HTMLAttributes, Ref, VNodeProps } from 'vue';
import { Data, MergeAll } from '../types/index.js';
/**
 * Extension of `useAttrs` which splits root attributes from other properties.
 * As root properties are considered: `style` and `class`.
 *
 * Make sure to call `defineOptions({ inheritAttrs: false });`.
 *
 * @example
 * ```vue
 * <script setup>
 *   defineOptions({ inheritAttrs: false });
 *   const { rootAttrs, restAttrs } = useRootAttrs();
 * </script>
 * <template>
 *   <div class="onyx-component" v-bind="rootAttrs">
 *    <!-- ... -->
 *      <input
 *        // some other attributes...
 *        v-bind="restAttrs"
 *      />
 *    <!-- ... -->
 *   </div>
 * </template>
 */
export declare const useRootAttrs: <T extends Pick<HTMLAttributes, "class" | "style">>() => {
    /**
     * Contains the `class` and `style` fall-through attributes, if set.
     */
    rootAttrs: import('vue').ComputedRef<Pick<T, "style" | "class">>;
    /**
     * Contains all fall-through attributes except `class` and `style`.
     */
    restAttrs: import('vue').ComputedRef<Omit<T, "style" | "class">>;
};
type VProps = Data<any> & VNodeProps;
type MergeVuePropsResult<T extends unknown[]> = MergeAll<T> extends {
    ref: NonNullable<unknown>;
} ? MergeAll<[...T, {
    ref: Ref;
}]> : MergeAll<T>;
/**
 * Extends the Vue's `mergeProp` function, so that it
 *   - doesn't complain about nullish parameters
 *   - is also able to merge `ref` properties
 */
export declare const mergeVueProps: <T extends (VProps | null | undefined)[]>(...args: T | []) => MergeVuePropsResult<T>;
export {};