@dxtmisha/scripts 0.6.3 → 0.7.6

package/src/classes/Properties/PropertiesPalette.ts

@@ -14,9 +14,11 @@ import {
 } from '../../types/propertyTypes'
 
 /**
- * Class for working with colors.
+ * Manager for design palette and color saturation.
+ * This class handles the extraction of available shade levels (saturation steps) and tracks the usage of palette colors across the design system. It facilitates the mapping between functional variables and their underlying palette definitions, ensuring that generated styles correctly reference the intended theme colors.
  *
- * Класс для работы с цветами.
+ * Менеджер палитры дизайна и насыщенности цветов.
+ * Этот класс обрабатывает извлечение доступных уровней оттенков (шагов насыщенности) и отслеживает использование цветов палитры в системе дизайна. Он упрощает сопоставление функциональных переменных с их базовыми определениями в палитре, гарантируя, что сгенерированные стили правильно ссылаются на нужные цвета темы.
  */
 export class PropertiesPalette {
   /**
@@ -28,9 +30,11 @@ export class PropertiesPalette {
   }
 
   /**
-   * Returns a list of available saturation levels.
+   * Retrieves a list of available saturation levels (shades) grouped by design.
+   * Scans the token cluster for items categorized as 'shade' and returns their resolved value structures.
    *
-   * Возвращает список доступных уровней насыщенности.
+   * Возвращает список доступных уровней насыщенности (оттенков), сгруппированных по дизайну.
+   * Сканирует кластер токенов на наличие элементов, классифицированных как 'shade', и возвращает их разрешенные структуры значений.
    */
   getShade(): PropertyPaletteList {
     return forEach(this.items.findCategory(PropertyCategory.shade), ({
@@ -49,9 +53,11 @@ export class PropertiesPalette {
   }
 
   /**
-   * Getting a list of used values.
+   * Generates a report of all palette colors currently utilized in functional variables.
+   * Iterates through the entire property tree to identify variables referencing palette colors and maps them to their corresponding CSS variable names.
    *
-   * Получаем список использованных значений.
+   * Генерирует отчет обо всех цветах палитры, используемых в данный момент в функциональных переменных.
+   * Итерирует по всему дереву свойств для идентификации переменных, ссылающихся на цвета палитры, и сопоставляет их с соответствующими именами CSS-переменных.
    */
   getUsed(): PropertyPaletteUsed[] {
     const list = this.getList()

package/src/classes/Properties/PropertiesPath.ts

@@ -24,9 +24,11 @@ export type PropertiesPathList = PropertiesPathItem[]
 const DIR_CACHE = 'read'
 
 /**
- * Class for working with paths by the given name of the design.
+ * Directory and path resolver for multi-design token environments.
+ * This class translates abstract design names into concrete filesystem paths for global tokens and component-specific settings. It coordinates the cross-platform path discovery flow and provided cached traversal mechanisms (`to`, `toAll`) to efficiently process token files across the entire project structure.
  *
- * Класс для работы с путями по заданному названию дизайна.
+ * Резолвер директорий и путей для сред с несколькими дизайнами токенов.
+ * Этот класс преобразует абстрактные названия дизайнов в конкретные пути файловой системы для глобальных токенов и настроек компонентов. Он координирует процесс обнаружения путей на разных платформах и предоставляет механизмы кэшированного обхода (`to`, `toAll`) для эффективной обработки файлов токенов во всей структуре проекта.
  */
 export class PropertiesPath {
   private readonly paths: PropertiesPathList
@@ -92,12 +94,14 @@ export class PropertiesPath {
   }
 
   /**
-   * Processes all token values for the selected design and combines them into one-big array.
+   * Executes a cached transformation for a specific design and token group.
+   * Resolves paths for the target design, executes the provided callback to process the data, and caches the result for future performance. Ideal for processing individual themes or component layers within a theme.
    *
-   * Обрабатывает все значения токена у выбранного дизайна и соединяет их в одну-большую массива.
-   * @param name name of the group/ названия группы
-   * @param design design name/ название дизайна
-   * @param callback function for processing/ функция для обработки
+   * Выполняет кэшированную трансформацию для конкретного дизайна и группы токенов.
+   * Разрешает пути для целевого дизайна, выполняет предоставленный callback для обработки данных и кэширует результат. Идеально подходит для обработки отдельных тем или слоев компонентов внутри темы.
+   * @param name unique name for the processing group (used as cache key) / уникальное имя группы обработки (используется как ключ кэша)
+   * @param design names of the design to process / названия дизайна для обработки
+   * @param callback function that receives resolved paths and returns processed data / функция, которая получает разрешенные пути и возвращает обработанные данные
    */
   to(
     name: string,
@@ -128,11 +132,13 @@ export class PropertiesPath {
   }
 
   /**
-   * Processes all token values for all designs and combines them into one-big array.
+   * Orchestrates a global cached transformation across all registered designs.
+   * Iterates through every design defined in the constructor, processes its tokens using the provided callback, and merges the results into a single unified property tree.
    *
-   * Обрабатывает все значения токена у всех дизайнов и соединяет их в одну-большую массива.
-   * @param name name of the group/ названия группы
-   * @param callback function for processing/ функция для обработки
+   * Координирует глобальную кэшированную трансформацию для всех зарегистрированных дизайнов.
+   * Итерирует по каждому дизайну, определенному в конструкторе, обрабатывает его токены с помощью предоставленного callback и объединяет результаты в единое унифицированное дерево свойств.
+   * @param name unique name for the global processing group / уникальное имя глобальной группы обработки
+   * @param callback function for processing individual designs / функция для обработки отдельных дизайнов
    */
   toAll(
     name: string,

package/src/classes/Properties/PropertiesScss.ts

@@ -20,22 +20,24 @@ const NAME_SHADE = 'setDesignShade'
 const NAME_PROPERTIES = 'setDesignsProperties'
 
 /**
- * Class for working with SCSS.
+ * Class for generating SCSS structures from design tokens.
  *
- * Класс для работы с SCSS.
+ * Класс для генерации структур SCSS из токенов дизайна.
  */
 export class PropertiesScss {
   /**
-   * Constructor
-   * @param items
+   * Constructor for initializing the SCSS generator.
+   *
+   * Конструктор для инициализации генератора SCSS.
+   * @param items property management instance / экземпляр управления свойствами
    */
   constructor(private items: PropertiesItems) {
   }
 
   /**
-   * Returns a formatted string for SCSS.
+   * Returns a complete SCSS formatted string containing all configuration mixins.
    *
-   * Возвращает отформатированную строку для SCSS.
+   * Возвращает полную отформатированную строку SCSS, содержащую все миксины конфигурации.
    */
   get() {
     let data = '@use "@dxtmisha/styles" as variables;\r\n\r\n'
@@ -145,9 +147,9 @@ export class PropertiesScss {
   }
 
   /**
-   * Returns a list of properties.
+   * Generates a SCSS map structure for all identified properties.
    *
-   * Возвращает список свойств.
+   * Генерирует структуру карты SCSS для всех определенных свойств.
    */
   getProperties(): string {
     return this.getPropertiesValue(NAME_PROPERTIES, this.to())

package/src/classes/Properties/PropertiesSeparator.ts

@@ -12,19 +12,17 @@ import {
 } from '../../types/propertyTypes'
 
 /**
- * Class for working with property splitting into multiple sub-properties.
+ * Class for handling the splitting of property names with separators into nested sub-properties.
  *
- * Класс для работы с разделением свойства на множество под-свойств.
+ * Класс для работы с разделением названий свойств с разделителями на вложенные под-свойства.
  */
 export class PropertiesSeparator {
   /**
-   * Checks if the structure has grouped records.
+   * Checks if the property list contains any keys that require splitting (contain separators).
    *
-   * Проверяет, есть ли у структуры сгруппированные записи.
-   * @param properties an array that needs to be transformed/
-   * массив, который нужно преобразовать
-   * @param limit the maximum permissible level of verification/
-   * максимальный допустимый уровень проверки
+   * Проверяет, содержит ли список свойств ключи, требующие разделения (содержащие разделители).
+   * @param properties list of properties to check / список свойств для проверки
+   * @param limit maximum recursion depth for verification / максимальная глубина рекурсии для проверки
    */
   static is(
     properties: PropertyList,
@@ -52,10 +50,10 @@ export class PropertiesSeparator {
   }
 
   /**
-   * Transforming a property with long names with separators into a set of sub-properties.
+   * Transforms properties with separator-containing keys into a nested object structure.
    *
-   * Преобразование свойства с длинными названиями с разделителями на множество под-свойств.
-   * @param properties an array that needs to be transformed/ массив, который нужно преобразовать
+   * Преобразует свойства с ключами, содержащими разделители, во вложенную структуру объектов.
+   * @param properties the property list to transform / список свойств для преобразования
    */
   static to(properties: PropertyList): PropertyList {
     let data: PropertyList = {}

package/src/classes/Properties/PropertiesSettings.ts

@@ -16,14 +16,16 @@ import { UI_DIRS_COMPONENTS, UI_DIRS_CONSTRUCTOR, UI_KEY_CONSTRUCTOR } from '../
 const DIR_NAME = 'settings'
 
 /**
- * Class for searching all components.
+ * Class for searching and loading global component settings.
  *
- * Класс для поиск всех компоненты.
+ * Класс для поиска и загрузки глобальных настроек компонентов.
  */
 export class PropertiesSettings {
   /**
-   * Constructor
-   * @param path object of the class for working with paths/ объект класса для работы с путями
+   * Constructor for initializing the settings resolver.
+   *
+   * Конструктор для инициализации резолвера настроек.
+   * @param path path handler instance / экземпляр обработчика путей
    */
   constructor(
     private readonly path: PropertiesPath
@@ -31,9 +33,9 @@ export class PropertiesSettings {
   }
 
   /**
-   * Returns the basic settings of the component.
+   * Returns a unified list of settings for all identified components and constructors.
    *
-   * Возвращает базовые настройки у компонента.
+   * Возвращает унифицированный список настроек для всех определенных компонентов и конструкторов.
    */
   get(): PropertyList {
     return {

package/src/classes/Properties/PropertiesStandard.ts

@@ -16,17 +16,16 @@ import {
 } from '../../types/propertyTypes'
 
 /**
- * A class for transforming a property into a basic structure for work.
+ * Class for transforming raw property data into a standardized structure for internal processing.
  *
- * Класс для преобразования свойства в базовую структуру для работы.
+ * Класс для преобразования сырых данных свойств в стандартизированную структуру для внутренней обработки.
  */
 export class PropertiesStandard {
   /**
-   * Transforms an array into the required data structure.
+   * Transforms a property list or raw data into a standardized PropertyList structure.
    *
-   * Преобразует массив в нужную структуру.
-   * @param properties an array that needs to be transformed/
-   * массив, который нужно преобразовать
+   * Преобразует список свойств или сырые данные в стандартизированную структуру PropertyList.
+   * @param properties the property list or data to transform / список свойств или данные для преобразования
    */
   static to(properties: PropertyListOrData): PropertyList {
     const data: PropertyList = {}

package/src/classes/Properties/PropertiesTool.ts

@@ -12,16 +12,16 @@ import basicProperties from '../../media/properties.json'
 import { UI_KEY_CONSTRUCTOR, UI_FILE_PROPERTY } from '../../config'
 
 /**
- * A class for static methods of obtaining various data.
+ * Utility class for naming components and reading design system property files.
  *
- * Класс для статических методов получения различных данных.
+ * Утилитарный класс для именования компонентов и чтения файлов свойств дизайн-системы.
  */
 export class PropertiesTool {
   /**
-   * Checks if the names of the design relate to the construction.
+   * Checks if the design name identifies as a constructor.
    *
-   * Проверяет, относятся ли названия дизайна к конструкции.
-   * @param design design name/ название дизайна
+   * Проверяет, идентифицирует ли название дизайна конструктор.
+   * @param design design name / название дизайна
    */
   static isConstructor(design: string): boolean {
     return design === UI_KEY_CONSTRUCTOR
@@ -37,11 +37,11 @@ export class PropertiesTool {
   }
 
   /**
-   * Return a list of component names.
+   * Generates a camelCase component name string based on design and component name.
    *
-   * Возвращаем список названий компонентов.
-   * @param design design name/ название дизайна
-   * @param component component name/ название компонента
+   * Генерирует строку названия компонента в стиле camelCase на основе дизайна и названия компонента.
+   * @param design design name / название дизайна
+   * @param component component name / название компонента
    */
   static getComponentName(design: string, component?: string): string {
     return `${design}${component ? `-${toCamelCase(component)}` : ''}`
@@ -58,6 +58,13 @@ export class PropertiesTool {
     return `.${this.getComponentName(design, component)}`
   }
 
+  /**
+   * Reads a property list from a specified path, with special handling for constructors.
+   *
+   * Считывает список свойств по указанному пути с особой обработкой для конструкторов.
+   * @param design design name / название дизайна
+   * @param path array representing the directory path / массив, представляющий путь к директории
+   */
   static readFile(
     design: string,
     path: string[] | undefined

package/src/classes/Properties/PropertiesTypes.ts

@@ -8,9 +8,9 @@ import {
 } from '../../types/propertyTypes'
 
 /**
- * Class with a list of available types.
+ * Utility class for identifying and managing property types based on naming conventions and symbols.
  *
- * Класс со списком доступных типов.
+ * Утилитарный класс для идентификации и управления типами свойств на основе соглашений об именовании и символов.
  */
 export class PropertiesTypes {
   private static readonly SYMBOLS: Record<string, string> = {
@@ -27,11 +27,11 @@ export class PropertiesTypes {
   }
 
   /**
-   * Checks if the list contains such a type.
+   * Checks if the property type matches the specified list of allowed types.
    *
-   * Проверяет, входит ли в список такой тип.
-   * @param type property type/ тип свойства
-   * @param name key name/ название ключа
+   * Проверяет, соответствует ли тип свойства указанному списку разрешенных типов.
+   * @param type current property type / текущий тип свойства
+   * @param name list of allowed types / список разрешенных типов
    */
   static isInType(
     type?: PropertyItem['_type'],
@@ -48,10 +48,10 @@ export class PropertiesTypes {
   }
 
   /**
-   * Checks if there is a type in the name of the property.
+   * Determines if the property name contains a type-identifying symbol or specific prefix.
    *
-   * Проверяет, если есть тип в названии свойства.
-   * @param name key name/ название ключа
+   * Определяет, содержит ли название свойства символ-идентификатор типа или специфический префикс.
+   * @param name property key name / название ключа свойства
    */
   static isTypeInName(name: string): boolean {
     return Boolean(name.match(this.getExpSymbols()))
@@ -98,10 +98,10 @@ export class PropertiesTypes {
   }
 
   /**
-   * Returns the variable type name from the property name.
+   * Extracts and returns the property type identifier from its name string.
    *
-   * Возвращает название типа переменной из названия свойства.
-   * @param name key name/ название ключа
+   * Извлекает и возвращает идентификатор типа свойства из строки его названия.
+   * @param name property key name / название ключа свойства
    */
   static getTypeInName(name: string): PropertyItem['_type'] {
     if (this.isTypeInName(name)) {

package/src/classes/Properties/PropertiesValues.ts

@@ -3,26 +3,26 @@
 import { type PropertyItemPartial } from '../../types/propertyTypes'
 
 /**
- * Class for working with the values.
+ * Utility class for validating and normalizing design system property values.
  *
- * Класс для работы со значениями.
+ * Утилитарный класс для валидации и нормализации значений свойств дизайн-системы.
  */
 export class PropertiesValues {
   /**
-   * Checks if the values are complete.
+   * Checks if the value is marked as "full" (starting with `=`), meaning it doesn't require further processing.
    *
-   * Проверяет, является ли значение полным.
-   * @param value property value/ значение свойства
+   * Проверяет, помечено ли значение как «полное» (начинается с `=`), что означает отсутствие необходимости дальнейшей обработки.
+   * @param value property value / значение свойства
    */
   static isFull(value: PropertyItemPartial['value']): value is string {
     return typeof value === 'string' && Boolean(value.match(this.getExpFull()))
   }
 
   /**
-   * Checks if the value is a color value.
+   * Identifies if the value is a hex color string.
    *
-   * Проверяет, является ли значение цветом.
-   * @param value property value/ значение свойства
+   * Определяет, является ли значение строкой цвета в формате HEX.
+   * @param value property value / значение свойства
    */
   static isColor(value: PropertyItemPartial['__c']): boolean {
     return Boolean(
@@ -33,10 +33,10 @@ export class PropertiesValues {
   }
 
   /**
-   * Checks if the value is a color with transparency.
+   * Identifies if the value is a hex color string with an alpha channel (opacity).
    *
-   * Проверяет, является ли значение цветом с прозрачности.
-   * @param value property value/ значение свойства
+   * Определяет, является ли значение строкой цвета HEX с альфа-каналом (прозрачностью).
+   * @param value property value / значение свойства
    */
   static isColorWithOpacity(value: PropertyItemPartial['__c']): boolean {
     return Boolean(
@@ -47,10 +47,10 @@ export class PropertiesValues {
   }
 
   /**
-   * Removes unnecessary values from the values.
+   * Cleans up the value by removing the "full" marker or converting numeric values to strings.
    *
-   * Убирает лишние значения из значений.
-   * @param value property value/ значение свойства
+   * Очищает значение, удаляя маркер «полноты» или преобразовывая числовые значения в строки.
+   * @param value property value / значение свойства
    */
   static reValue(value: PropertyItemPartial['value']): PropertyItemPartial['value'] {
     if (this.isFull(value)) {

package/src/classes/Properties/PropertiesWrap.ts

@@ -11,17 +11,16 @@ import {
 } from '../../types/propertyTypes'
 
 /**
- * A class for moving data up the level, if the property is used in all records at the same level.
+ * Utility class for optimizing the property structure by moving duplicated data to a higher level.
  *
- * Класс для переноса данных выше по уровню, если свойство используется во всех записях на одном уровне.
+ * Утилитарный класс для оптимизации структуры свойств путем переноса дублирующихся данных на более высокий уровень.
  */
 export class PropertiesWrap {
   /**
-   * Drag the duplicate properties to the top level to reduce the record.
+   * Analyzes the property list and moves duplicate properties to the parent level to reduce redundancy.
    *
-   * Перетаскивает дублирующиеся свойства на верхний уровень для уменьшения записи.
-   * @param properties an array that needs to be transformed/
-   * массив, который нужно преобразовать
+   * Анализирует список свойств и переносит дублирующиеся свойства на родительский уровень для уменьшения избыточности.
+   * @param properties property list to transform / список свойств для преобразования
    */
   static to(properties: PropertyList): void {
     forEach(properties, (item) => {

package/src/classes/Properties/convector/convectorColor.ts

@@ -6,10 +6,12 @@ import {
 } from '../../../types/propertyTypes'
 
 /**
- * Data conversion into colors.
+ * Convector for transforming design token color metadata into internal property structures.
+ * Supports opacity modification based on 'studio.tokens' extensions.
  *
- * Преобразование данных в цвета.
- * @param item values for conversion/ значения для преобразования
+ * Конвектор для преобразования метаданных цвета токенов дизайна во внутренние структуры свойств.
+ * Поддерживает модификацию прозрачности на основе расширений 'studio.tokens'.
+ * @param item property input object for conversion / входной объект свойства для преобразования
  */
 export function convectorColor(item: PropertyItemInput): void {
   const type: string | undefined = item?.$extensions?.['studio.tokens']?.modify?.type

package/src/classes/Properties/to/PropertiesToAbstract.ts

@@ -3,22 +3,36 @@
 import { PropertiesItems } from '../PropertiesItems'
 
 /**
- * Abstract class for conversion.
+ * Abstract base class for data transformation processes.
+ * Provides the core orchestration for initializing and writing transformed property data.
  *
- * Абстрактный класс для преобразования.
+ * Абстрактный базовый класс для процессов преобразования данных.
+ * Обеспечивает основную оркестровку инициализации и записи преобразованных данных свойств.
  */
 export abstract class PropertiesToAbstract {
+  /**
+   * Abstract property defining the cache file path for the specific transformation.
+   *
+   * Абстрактное свойство, определяющее путь к файлу кэша для конкретного преобразования.
+   */
   protected readonly abstract FILE_CACHE: string
 
   /**
-   * Constructor
-   * @param items data for processing/ данные для обработки
+   * Constructor that initializes the transformation with a set of property items.
+   *
+   * Конструктор, который инициализирует преобразование набором элементов свойств.
+   * @param items data for processing / данные для обработки
    */
   constructor(
     protected items: PropertiesItems
   ) {
   }
 
+  /**
+   * Executes the full transformation pipeline: initialization followed by writing the output.
+   *
+   * Выполняет полный конвейер преобразования: инициализацию с последующей записью результата.
+   */
   to(): void {
     this.init()
     this.write()

package/src/classes/Styles/Styles.ts

@@ -188,6 +188,7 @@ export class Styles {
         [
           `@use "./${FILE_BASIC}";`,
           `@use "@dxtmisha/styles/${FILE_PROPERTIES}" as ui;`,
+          `@use "@dxtmisha/media/style.css";`,
           '',
           '@include ui.initGlobal;',
           `@include ui.initDesignBody('${design}.main');`

package/src/composables/__tests__/useAi.test.ts

@@ -0,0 +1,75 @@
+import { describe, expect, it, vi, beforeEach } from 'vitest'
+import { useAi } from '../useAi'
+import { PropertiesConfig } from '../../classes/Properties/PropertiesConfig'
+import { AiGoogle } from '../../classes/Ai/AiGoogle'
+import { AiGoogleCli } from '../../classes/Ai/AiGoogleCli'
+
+vi.mock('../../classes/Properties/PropertiesConfig', () => ({
+  PropertiesConfig: {
+    getAiType: vi.fn()
+  }
+}))
+
+vi.mock('../../classes/Ai/AiGoogle', () => {
+  return {
+    AiGoogle: vi.fn().mockImplementation(function () {
+      return { name: 'AiGoogleInstance' }
+    })
+  }
+})
+
+vi.mock('../../classes/Ai/AiGoogleCli', () => {
+  return {
+    AiGoogleCli: vi.fn().mockImplementation(function () {
+      return { name: 'AiGoogleCliInstance' }
+    })
+  }
+})
+
+describe('useAi', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should return an instance of AiGoogle when the type is gemini', () => {
+    vi.mocked(PropertiesConfig.getAiType).mockReturnValue('gemini')
+    const mockInstance = { name: 'AiGoogleInstance' }
+    vi.mocked(AiGoogle).mockImplementation(function () {
+      return mockInstance as any
+    })
+
+    const result = useAi()
+
+    expect(result).toEqual(mockInstance)
+    expect(AiGoogle).toHaveBeenCalled()
+  })
+
+  it('should return an instance of AiGoogleCli when the type is gemini-cli', () => {
+    vi.mocked(PropertiesConfig.getAiType).mockReturnValue('gemini-cli')
+    const mockInstance = { name: 'AiGoogleCliInstance' }
+    vi.mocked(AiGoogleCli).mockImplementation(function () {
+      return mockInstance as any
+    })
+
+    const result = useAi()
+
+    expect(result).toEqual(mockInstance)
+    expect(AiGoogleCli).toHaveBeenCalled()
+  })
+
+  it('should return undefined for an unknown type', () => {
+    vi.mocked(PropertiesConfig.getAiType).mockReturnValue('unknown' as any)
+
+    const result = useAi()
+
+    expect(result).toBeUndefined()
+  })
+
+  it('should return undefined if no type is configured', () => {
+    vi.mocked(PropertiesConfig.getAiType).mockReturnValue(undefined as any)
+
+    const result = useAi()
+
+    expect(result).toBeUndefined()
+  })
+})

package/src/config.ts

@@ -21,6 +21,7 @@ export const UI_FLAG_NOT_EXPORT = /\/\/ *export:none/
 
 /** Folder where all the code is stored/ Папка, где хранится весь код */
 export const UI_DIR_IN = 'src'
+export const UI_DIR_AI = 'ai'
 /** Components directory name/ Название директории компонентов */
 export const UI_DIR_COMPONENTS = 'components'
 /** Constructors directory name/ Название директории конструкторов */
@@ -34,6 +35,7 @@ export const UI_DIR_DIST_TEMPORARY = 'dist-temporary'
 export const UI_DIR_PROMPT = 'prompt'
 export const UI_DIR_PACKAGES = 'packages'
 
+export const UI_DIRS_AI_WIKI = [UI_DIR_IN, UI_DIR_WIKI, UI_DIR_AI]
 /** Name of the path to tokens/ Название пути к токенам */
 export const UI_DIRS_TOKENS = [UI_DIR_IN, 'media']
 /** Directory containing the list of icons/ Директория со списком иконок */
@@ -74,6 +76,11 @@ export const UI_FILE_NAME_FLAGS = 'flags'
 /** File name for storing media data and icons/ Название файла для хранения медиа-данных и иконок */
 export const UI_FILE_NAME_MEDIA = 'media'
 
+/** File name for the list of component descriptions/ Название файла для список описаний компонентов */
+export const UI_FILE_NAME_DESIGN = 'design'
+export const UI_FILE_NAME_PLUGIN = 'plugin'
+export const UI_FILE_NAME_STYLE = 'style'
+
 /** File name for the list of component descriptions for the wiki/ Название файла для список описаний компонентов для wiki */
 export const UI_FILE_NAME_WIKI = 'wiki'
 
@@ -84,6 +91,8 @@ export const UI_FILE_NAME_VITE_WORKERS = 'vite-workers.config.ts'
 export const UI_FILE_INDEX = 'index.ts'
 
 export const UI_FILE_AI_TYPES = 'ai-types.txt'
+export const UI_FILE_STYLE_SCSS = 'style.scss'
+export const UI_FILE_STYLE_PROPERTIES = 'ui-properties.scss'
 
 /** SCSS file extension/ Расширение файлов SCSS */
 export const UI_EXTENSION_STYLE = 'scss'