@nex-ui/react/dist/cjs/components/utils/useStyles.cjs

🎉 A beautiful, modern, and reliable React component library.

'use strict';

var react = require('react');
var system = require('@nex-ui/system');
var Context = require('../provider/Context.cjs');

const useStyles = ({ name, ownerState, recipe })=>{
    const { components } = Context.useNexUI();
    const styleOverrides = components?.[name]?.styleOverrides;
    const extendedRecipe = react.useMemo(()=>{
        const slotRecipe = recipe;
        if (slotRecipe.__slotRecipe) {
            // @ts-ignore
            return system.defineSlotRecipe({
                extend: slotRecipe,
                ...styleOverrides
            });
        }
        return system.defineRecipe({
            // @ts-ignore
            extend: recipe,
            ...styleOverrides
        });
    }, [
        recipe,
        styleOverrides
    ]);
    // @ts-ignore
    return extendedRecipe(extendedRecipe.splitVariantProps(ownerState));
};

exports.useStyles = useStyles;