@empathyco/x-tailwindcss/dist/esm/x-tailwind-plugin/components/input-group/index.js

Empathy X Tailwind plugin

import { deepMerge } from '@empathyco/x-deep-merge';
import { rename } from '@empathyco/x-utils';
import { inputGroupButtons } from './buttons/index.js';
import { inputGroupColors } from './colors.js';
import { inputGroupDefault } from './default.js';
import { inputGroupLine } from './line.js';
import { inputGroupSizes } from './sizes.js';

/**
 * Returns the component `input-group` CSS.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the component.
 */
function inputGroup(helpers) {
    return {
        '.x-input-group': deepMerge(inputGroupDefault(helpers), rename({
            ...inputGroupColors(helpers),
            ...inputGroupSizes(helpers),
            ...inputGroupLine(helpers),
            ...inputGroupButtons(helpers),
        }, {
            prefix: '&-',
        })),
    };
}

export { inputGroup };