@nurl/panda-preset/src/recipes/shared/helpers.ts

Official Panda-CSS preset for the Ganglion Design System.

import type { Sentiment } from '../../theme/semantic-tokens/types'

export type RecipePalette<K extends Sentiment[]> = K[]

/**
 * Creates a palette object for a slot recipe
 *
 * @param slots - Array of slot names
 * @param palettes - Array of palette names
 * @returns Object with the following shape:
 * {
 *  [palette]: {
 *   [slot]: {
 *   colorPalette: palette
 *  }
 * }
 */
export function getSlotRecipePalettes<
  const S extends string,
  const P extends Sentiment,
>(
  slots: S[],
  palettes: P[],
  initialValue?: Record<P, Record<S, Record<'colorPalette', Sentiment>>>,
) {
  return palettes.reduce(
    (acc, palette) => {
      acc[palette] = slots.reduce(
        (acc, slot) => {
          acc[slot] = {
            colorPalette: palette,
          }
          return acc
        },
        {} as Record<S, Record<'colorPalette', Sentiment>>,
      )
      return acc
    },
    initialValue ??
      ({} as Record<P, Record<S, Record<'colorPalette', Sentiment>>>),
  )
}