@chakra-ui/react/dist/esm/styled-system/use-recipe.js

Responsive and accessible React UI components built with React and Emotion

"use strict";
"use client";
import { useMemo } from 'react';
import { useChakraContext } from './provider.js';

function useRecipe(options) {
  const { key, recipe: recipeProp } = options;
  const sys = useChakraContext();
  return useMemo(() => {
    const recipe = recipeProp || (key != null ? sys.getRecipe(key) : {});
    return sys.cva(structuredClone(recipe));
  }, [key, recipeProp, sys]);
}

export { useRecipe };