@dxtmisha/wiki 0.39.2 → 0.39.4

package/dist/media/props/wikiSnackbarItem.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiSnackbarItem object contains descriptions of all properties for the SnackbarItem component
+ *
+ * Объект wikiSnackbarItem содержит описание всех свойств для компонента SnackbarItem
+ */
+export declare const wikiSnackbarItem: StorybookArgsToList;

package/dist/media/props/wikiStatus.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiStatus object contains common properties for all components in the status category
+ *
+ * Объект wikiStatus содержит общие свойства для всех компонентов в категории статус
+ */
+export declare const wikiStatus: StorybookArgsToList;

package/dist/media/props/wikiStyle.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiStyle object contains common properties for all components in the style category.
+ *
+ * Объект wikiStyle содержит общие свойства для всех компонентов в категории стиль.
+ */
+export declare const wikiStyle: StorybookArgsToList;

package/dist/media/props/wikiTabs.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiTabs object contains descriptions of all properties for the Tabs component
+ *
+ * Объект wikiTabs содержит описание всех свойств для компонента Tabs
+ */
+export declare const wikiTabs: StorybookArgsToList;

package/dist/media/props/wikiTabsNavigation.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiTabsNavigation object contains descriptions of all properties for the TabsNavigation component
+ *
+ * Объект wikiTabsNavigation содержит описание всех свойств для компонента TabsNavigation
+ */
+export declare const wikiTabsNavigation: StorybookArgsToList;

package/dist/media/props/wikiTechnical.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiTechnical object contains common technical properties for all components
+ *
+ * Объект wikiTechnical содержит общие технические свойства для всех компонентов
+ */
+export declare const wikiTechnical: StorybookArgsToList;

package/dist/media/props/wikiText.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiText object contains descriptions of all text properties
+ *
+ * Объект wikiText содержит описание всех текстовых свойств
+ */
+export declare const wikiText: StorybookArgsToList;

package/dist/media/props/wikiTooltip.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiTooltip object contains descriptions of all properties for the Tooltip component
+ *
+ * Объект wikiTooltip содержит описание всех свойств для компонента Tooltip
+ */
+export declare const wikiTooltip: StorybookArgsToList;

package/dist/media/props/wikiValue.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiValue object contains common properties for all components in the value category
+ *
+ * Объект wikiValue содержит общие свойства для всех компонентов в категории значение
+ */
+export declare const wikiValue: StorybookArgsToList;

package/dist/media/props/wikiWindow.d.ts

@@ -0,0 +1,7 @@
+import { StorybookArgsToList } from '../../types/storybookTypes';
+/**
+ * The wikiWindow object contains descriptions of all properties for the Window component
+ *
+ * Объект wikiWindow содержит описание всех свойств для компонента Window
+ */
+export declare const wikiWindow: StorybookArgsToList;

package/dist/media.d.ts

@@ -0,0 +1,6 @@
+export declare const image1: string;
+export declare const image2: string;
+export declare const phone1: string;
+export declare const phone2: string;
+export declare const phone3: string;
+export declare const demoPdf: string;

package/dist/storybook.d.ts

@@ -0,0 +1,2 @@
+export * from './documentation/storybook/StorybookMain';
+export * from './documentation/storybook/StorybookDescriptions';

package/dist/types/storybookTypes.d.ts

@@ -0,0 +1,244 @@
+/** Types for Storybook / Типы для Storybook */
+export declare enum StorybookControl {
+    /** Text input control / Контрол ввода текста */
+    text = "text",
+    /** String input control / Контрол ввода строки */
+    string = "string",
+    /** Number input control / Контрол ввода числа */
+    number = "number",
+    /** Boolean checkbox control / Контрол чекбокса */
+    boolean = "boolean",
+    /** Select dropdown control / Контрол выпадающего списка */
+    select = "select",
+    /** Array input control / Контрол ввода массива */
+    array = "array",
+    /** Object input control / Контрол ввода объекта */
+    object = "object"
+}
+/** Categories for Storybook controls / Категории для элементов управления Storybook */
+export declare enum StorybookCategory {
+    /** Actions category / Категория действий */
+    actions = "Actions",
+    /** Adaptive design category / Категория адаптивного дизайна */
+    adaptive = "Adaptive",
+    /** ARIA category / Категория ARIA */
+    aria = "ARIA",
+    /** Arrow category / Категория стрелок */
+    arrow = "Arrow",
+    /** Attributes category / Категория атрибутов */
+    attributes = "Attributes",
+    /** Bars category / Категория баров */
+    bars = "Bars",
+    /** Counter category / Категория счетчика */
+    counter = "Counter",
+    /** Form category / Категория формы */
+    form = "Form",
+    /** Hook category / Категория хуков */
+    hook = "Hook",
+    /** Icon category / Категория иконок */
+    icon = "Icon",
+    /** Information category / Категория информации */
+    information = "Information",
+    /** Mask category / Категория маски */
+    mask = "Mask",
+    /** Options category / Категория опций */
+    option = "Options",
+    /** Status category / Категория статуса */
+    status = "Status",
+    /** Styles category / Категория стилей */
+    style = "Styles",
+    /** Technical category / Техническая категория */
+    technical = "Technical",
+    /** Text category / Текстовая категория */
+    text = "Text",
+    /** Values category / Категория значений */
+    value = "Values"
+}
+/** Type for Storybook controls / Типы для элементов управления Storybook */
+export type StorybookArgsItemSummary = {
+    /** Summary text / Краткое описание */
+    summary: string;
+    /** Detailed description / Подробное описание */
+    detail?: string;
+};
+/** Type for Storybook arguments / Типы для аргументов Storybook */
+export type StorybookArgsItem = {
+    /** Control type for Storybook value / Тип водимого значения для Storybook */
+    control?: StorybookControl | ({
+        type: StorybookControl;
+    } & Record<string, any>);
+    /** Options for selection in Storybook / Опции для выбора в Storybook */
+    options?: any[] | Record<string, any>;
+    /** Table with metadata for Storybook / Таблица с метаданными для Storybook */
+    table?: {
+        /** Category in Storybook table / Категория в таблице Storybook */
+        category?: string;
+        /** Default value in Storybook table / Значение по умолчанию в таблице Storybook */
+        defaultValue?: StorybookArgsItemSummary;
+        /** Type in Storybook table / Тип значения в таблице Storybook */
+        type?: StorybookArgsItemSummary;
+    };
+    /** Description for Storybook / Описание для Storybook */
+    description?: string;
+    /** Whether the item is a demo item / Является ли элемент демонстрационным */
+    isDemo?: boolean;
+    /** Demo data for the item / Демонстрационные данные для элемента */
+    demo?: any;
+    /** Additional demo data for the item / Дополнительные демонстрационные данные для элемента */
+    demoOptions?: Record<string, any>;
+    /** Hide demo / Скрыть демо */
+    hide?: boolean;
+};
+/** Record of Storybook arguments / Запись аргументов Storybook */
+export type StorybookArgs = Record<string, StorybookArgsItem | undefined>;
+/** Record of Storybook argument values / Запись значений аргументов Storybook */
+export type StorybookArgsValue = Record<string, any>;
+/** Function type for Storybook argument properties / Тип функции для свойств аргументов Storybook */
+export type StorybookArgsProp = (
+/** Default value / Значение по умолчанию */
+defaultValue?: any, 
+/** List of properties / Список свойств */
+props?: string[]) => StorybookArgsItem;
+/** Record of Storybook argument property functions / Запись функций свойств аргументов Storybook */
+export type StorybookArgsProps = Record<string, StorybookArgsProp>;
+/** Description of a component / Описание компонента */
+export type StorybookArgsToDescription = string | Record<string, string>;
+/** MDX description of a component / MDX описание компонента */
+export type StorybookArgsToDescriptionMdx = string | Record<string, string | any>;
+/** List of component features / Перечень возможностей компонента */
+export type StorybookArgsToPossibilities = string[] | Record<string, string[]>;
+/** Options for a Storybook control by type / Настройки для элемента управления Storybook по типу */
+export type StorybookArgsToOptionsByType = {
+    /** Category for the Storybook table / Категория для таблицы Storybook */
+    category?: StorybookCategory;
+    /** Control type / Тип контрола */
+    type?: StorybookControl | string | string[];
+    /** Default value / Значение по умолчанию */
+    defaultValue?: string | number | boolean;
+    /** Value for the argument / Значение для аргумента */
+    value?: any;
+    /** Description for the argument / Описание для аргумента */
+    description?: StorybookArgsToDescription;
+    /** Options for select / Опции для выбора */
+    options?: (string | number)[] | Record<string, string>;
+    /** Minimum value / Минимальное значение */
+    min?: number;
+    /** Maximum value / Максимальное значение */
+    max?: number;
+    /** Sorting order / Порядок сортировки */
+    order?: number;
+};
+/** A Storybook control with its options / Элемент управления Storybook с его настройками */
+export type StorybookArgsToItem = {
+    /** Type for Storybook value / Тип водимого значения для Storybook */
+    type: StorybookControl;
+    /** Options for the control / Настройки для элемента управления */
+    options: StorybookArgsToOptionsByType;
+    /** Whether the item is a demo item / Является ли элемент демонстрационным */
+    isDemo?: boolean;
+    /** Demo data for the item / Демонстрационные данные для элемента */
+    demo?: any;
+    /** Additional demo data for the item / Дополнительные демонстрационные данные для элемента */
+    demoOptions?: Record<string, any>;
+    /** Hide demo / Скрыть демо */
+    hide?: boolean;
+};
+/** A list of Storybook controls / Список элементов управления Storybook */
+export type StorybookArgsToList = Record<string, StorybookArgsToItem>;
+/** Represents a component property for Storybook / Представляет свойство компонента для Storybook */
+export type StorybookProp = {
+    /** Name of the property / Название свойства */
+    name: string;
+    /** Type of the property / Тип свойства */
+    type: string;
+    /** Options for selection in Storybook / Опции для выбора в Storybook */
+    option?: (string | number)[];
+};
+/** A list of component properties for Storybook / Список свойств компонента для Storybook */
+export type StorybookProps = StorybookProp[];
+/** Represents a slot property for a component in Storybook / Представляет свойство слота для компонента в Storybook */
+export type StorybookSlotProperty = {
+    /** Name of the slot property / Название свойства слота */
+    name: string;
+    /** Type of the slot property / Тип свойства слота */
+    type: string;
+};
+/** Represents a slot for a component in Storybook / Представляет слот для компонента в Storybook */
+export type StorybookSlot = {
+    /** Name of the slot / Название слота */
+    name: string;
+    /** Description of the slot / Описание слота */
+    description?: string;
+    /** Properties of the slot / Свойства слота */
+    properties?: StorybookSlotProperty[];
+};
+/** A list of slots for a component in Storybook / Список слотов для компонента в Storybook */
+export type StorybookSlots = StorybookSlot[];
+/** Represents a story for a component in Storybook / Представляет историю для компонента в Storybook */
+export type StorybookComponentsDescriptionStory = {
+    /** Unique identifier for the story / Уникальный идентификатор истории */
+    id: string;
+    /** Name of the story / Название истории */
+    name: StorybookArgsToDescription;
+    /** Components used in the story / Компоненты, используемые в истории */
+    components?: string[];
+    /** Setup script for the story / Скрипт настройки для истории */
+    setup?: string;
+    /** Template for the story / Шаблон для истории */
+    template: string;
+    /**
+     * Name of the component property to which the description belongs /
+     * Название свойства компонента, которому принадлежит описание
+     */
+    propsName?: string | string[];
+};
+/** Represents the description of a component for Storybook / Представляет описание компонента для Storybook */
+export type StorybookComponentsDescriptionItem = {
+    /** Name of the component / Название компонента */
+    name: string;
+    /** Description of the component / Описание компонента */
+    description: StorybookArgsToDescription;
+    /** Component features / Возможности компонента */
+    possibilities?: StorybookArgsToPossibilities;
+    /** Example of rendering the component / Пример рендеринга компонента */
+    render?: string;
+    /** Additional information for import / Дополнительная информация для импорта */
+    import?: string[];
+    /** Additional examples of component usage / Дополнительные примеры использования компонента */
+    stories?: StorybookComponentsDescriptionStory[];
+    /** Documentation for the component / Документация для компонента */
+    documentation?: {
+        /** Import documentation / Документация импорта */
+        import?: string;
+        /** Body documentation / Документация тела */
+        body?: string;
+        /** Events documentation / Документация событий */
+        events?: string;
+        /** Expose documentation / Документация экспозиции */
+        expose?: string;
+        /** Slots documentation / Документация слотов */
+        slots?: string;
+    };
+    /** Prompts for AI documentation / Промпты для документации ИИ */
+    ai?: {
+        /** AI-generated render example / Пример рендеринга, сгенерированный ИИ */
+        render?: string;
+        /** AI-generated import information / Информация об импорте, сгенерированная ИИ */
+        import?: string[];
+        /** AI-generated description / Описание, сгенерированное ИИ */
+        description?: string;
+        /** Whether to hide AI documentation / Скрыть ли документацию ИИ */
+        hide?: boolean;
+    };
+};
+/** A list of component descriptions for Storybook / Список описаний компонентов для Storybook */
+export type StorybookComponentsDescription = StorybookComponentsDescriptionItem[];
+/** MDX component item for Storybook / MDX элемент компонента для Storybook */
+export type StorybookComponentsMdxItem = {
+    /** Name of the component / Название компонента */
+    name: string;
+    /** List of additional descriptions for component arguments / Список дополнительных описаний для аргументов компонента */
+    descriptions?: Record<string, StorybookArgsToDescriptionMdx>;
+};
+/** List of MDX components for Storybook / Список MDX компонентов для Storybook */
+export type StorybookComponentsMdx = StorybookComponentsMdxItem[];

package/dist/types/wikiTypes.d.ts

@@ -0,0 +1,9 @@
+import { StorybookArgsToList, StorybookProps, StorybookSlots } from './storybookTypes';
+export type WikiDataItem = {
+    component: string;
+    props: StorybookProps;
+    slots?: StorybookSlots;
+    events?: StorybookSlots;
+    defaults: Record<string, any>;
+    wikiDesign: StorybookArgsToList;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxtmisha/wiki",
   "private": false,
-  "version": "0.39.2",
+  "version": "0.39.4",
   "type": "module",
   "description": "Wiki documentation and storybook utilities for DXT UI design system",
   "keywords": [
@@ -26,10 +26,20 @@
     "url": "https://github.com/dxtmisha/dxt-ui/issues"
   },
   "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
     "publish": "npm publish --access public"
   },
   "files": [
-    "src",
+    "dist",
+    "src/assets",
+    "src/documentation",
+    "src/media/functional",
+    "src/styles/storybookStyle.scss",
+    "src/media.ts",
+    "src/storybook.tsx",
     "README.md",
     "package.json",
     "LICENSE"
@@ -38,7 +48,10 @@
   "module": "src/library.ts",
   "types": "src/library.ts",
   "exports": {
-    ".": "./src/library.ts",
+    ".": {
+      "import": "./dist/library.js",
+      "types": "./dist/library.d.ts"
+    },
     "./media": "./src/media.ts",
     "./functional/*": "./src/media/functional/*.mdx",
     "./storybook": "./src/storybook.tsx",

package/src/library.ts

@@ -7,3 +7,7 @@ export * from './classes/WikiStorybookProp'
 // Types
 export * from './types/storybookTypes'
 export * from './types/wikiTypes'
+
+// Media
+export * from './media/props/wiki'
+export * from './media/descriptions/wikiDescriptions'

package/src/media/functional/ui/properties/about/about.en.mdx

@@ -0,0 +1,20 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/en/# UI/properties/! About the module'/>
+
+# Properties
+
+The `Properties` module is designed for declarative management of design system styles using JSON configurations. Component developers no longer need to manually write SCSS code for states, media queries, and variables—instead, all design tokens are described in a `properties.json` file.
+
+## Why do we need this file?
+
+In every scalable UI component library, there is a common problem of managing spacing, colors, and states (hover, focus, disabled). Creating a `properties.json` file allows to:
+- Centralize all tokens in one clear place next to the component.
+- Automatically generate typed props for Vue/React from it.
+- Obtain ready-to-use SCSS classes, variables, and themes without code duplication.
+
+## Core Concepts
+
+- **Token**: A unit of style in the configuration object.
+- **Nesting**: The JSON structure determines the nesting of descendant CSS classes.
+- **Typing**: The JSON configuration is strictly divided by types: `var`, `state`, `media`, etc., which tells the generator exactly how the token will work in the output.

package/src/media/functional/ui/properties/about/about.ru.mdx

@@ -0,0 +1,20 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/ru/# UI/properties/! О модуле'/>
+
+# Properties
+
+Модуль `Properties` служит для декларативного управления стилями дизайн-системы с помощью JSON-конфигураций. Разработчику компонентов больше не нужно вручную прописывать SCSS-код для состояний, медиа-запросов и переменных — вместо этого все дизайн-токены описываются в файле `properties.json`.
+
+## Для чего нужен этот файл?
+
+В каждой масштабируемой библиотеке UI-компонентов присутствует общая проблема управления отступами, цветами и состояниями (hover, focus, disabled). Создание файла `properties.json` позволяет:
+- Централизовать все токены в одном понятном месте рядом с компонентом.
+- Автоматически генерировать из него типизированные пропсы для Vue/React.
+- Получать готовые SCSS-классы, переменные и темы без дублирования кода.
+
+## Основные концепции
+
+- **Токен**: Единица стиля в объекте конфигурации.
+- **Вложенность**: Структура JSON определяет вложенность CSS классов-потомков.
+- **Типизация**: JSON-конфигурация строго разделена по типам: `var`, `state`, `media` и т.д., что подсказывает генератору, как именно будет работать токен на выходе.

package/src/media/functional/ui/properties/about/about.vi.mdx

@@ -0,0 +1,20 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/vi/# UI/properties/! Về module'/>
+
+# Properties
+
+Module `Properties` phục vụ cho việc quản lý khai báo các style của hệ thống thiết kế thông qua cấu hình JSON. Nhờ đó, người phát triển component không còn phải code SCSS cho các trạng thái, media-query hay biến theo cách thủ công — thay vào đó, toàn bộ design-token được khai báo tại tệp `properties.json`.
+
+## Tại sao cần có tệp này?
+
+Trong bất kì thư viện UI component có quy mô nào, vấn đề phổ biến nhất là quản lý khoảng cách, màu sắc và trạng thái (hover, focus, disabled). Tệp cấu hình `properties.json` cho phép:
+- Quản lý tập trung mọi token một cách dễ hiểu nằm ngay cạnh component.
+- Tự động sinh ra props chặt chẽ cho Vue/React.
+- Lấy SCSS class, biến và theme dựng sẵn mà không cần lặp code.
+
+## Các khái niệm cơ bản
+
+- **Token**: Đơn vị khai báo style trong cấu hình đối tượng.
+- **Tính lồng nhau**: Cấu trúc lồng của JSON sẽ ánh xạ vào các lớp CSS lồng nhau khi render.
+- **Phân loại**: Khai báo JSON chia thành nhiều loại: `var`, `state`, `media`, v.v... định hướng chính xác kết quả đầu ra.

package/src/media/functional/ui/properties/flag-default/flag-default.en.mdx

@@ -0,0 +1,27 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/en/# UI/properties/flags/Default Value (default)'/>
+
+# Default Value (default)
+
+The `_default` flag defines a fallback value for a property, which is used in `props.ts` and component `defaults` if no specific value is provided.
+
+**Input Configuration (`properties.json`):**
+```json
+{
+  "button": {
+    "~size": {
+      "sm": { "height": "32px" },
+      "md": { "height": "40px" },
+      "_default": "md"
+    }
+  }
+}
+```
+
+**Output Result (TypeScript):**
+```typescript
+export const defaults = {
+  size: 'md'
+}
+```

package/src/media/functional/ui/properties/flag-default/flag-default.ru.mdx

@@ -0,0 +1,27 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/ru/# UI/properties/flags/Значение по умолчанию (default)'/>
+
+# Значение по умолчанию (default)
+
+Флаг `_default` задает fallback-значение для свойства, которое используется в `props.ts` и `defaults` компонента, если реальное значение не было передано.
+
+**Входная конфигурация (`properties.json`):**
+```json
+{
+  "button": {
+    "~size": {
+      "sm": { "height": "32px" },
+      "md": { "height": "40px" },
+      "_default": "md"
+    }
+  }
+}
+```
+
+**Результат (TypeScript):**
+```typescript
+export const defaults = {
+  size: 'md'
+}
+```

package/src/media/functional/ui/properties/flag-default/flag-default.vi.mdx

@@ -0,0 +1,27 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/vi/# UI/properties/flags/Giá trị mặc định (default)'/>
+
+# Giá trị mặc định (default)
+
+Cờ `_default` xác định một giá trị dự phòng cho một thuộc tính, giá trị này được sử dụng trong `props.ts` và `defaults` của thành phần nếu không có giá trị cụ thể nào được cung cấp.
+
+**Cấu hình đầu vào (`properties.json`):**
+```json
+{
+  "button": {
+    "~size": {
+      "sm": { "height": "32px" },
+      "md": { "height": "40px" },
+      "_default": "md"
+    }
+  }
+}
+```
+
+**Kết quả (TypeScript):**
+```typescript
+export const defaults = {
+  size: 'md'
+}
+```

package/src/media/functional/ui/properties/flag-fullName/flag-fullName.en.mdx

@@ -0,0 +1,26 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/en/# UI/properties/flags/Full Name (fullName)'/>
+
+# Full Name (fullName)
+
+The `_fullName: true` flag disables the automatic generation of tree-based paths (BEM scoping). The node will be generated under the specified name, ignoring its parent context.
+
+**Input Configuration (`properties.json`):**
+```json
+{
+  "button": {
+    "my-global-class": {
+      "_fullName": true,
+      "color": "red"
+    }
+  }
+}
+```
+
+**Output Result (SCSS):**
+```scss
+.my-global-class {
+  color: red;
+}
+```

package/src/media/functional/ui/properties/flag-fullName/flag-fullName.ru.mdx

@@ -0,0 +1,26 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/ru/# UI/properties/flags/Полное имя (fullName)'/>
+
+# Полное имя (fullName)
+
+Флаг `_fullName: true` отключает автоматическое формирование древовидных путей (BEM). Узел будет сгенерирован под указанным именем без учета родительских контекстов.
+
+**Входная конфигурация (`properties.json`):**
+```json
+{
+  "button": {
+    "my-global-class": {
+      "_fullName": true,
+      "color": "red"
+    }
+  }
+}
+```
+
+**Результат (SCSS):**
+```scss
+.my-global-class {
+  color: red;
+}
+```

package/src/media/functional/ui/properties/flag-fullName/flag-fullName.vi.mdx

@@ -0,0 +1,26 @@
+import {Meta} from '@storybook/addon-docs/blocks'
+
+<Meta title='@dxtmisha/vi/# UI/properties/flags/Tên đầy đủ (fullName)'/>
+
+# Tên đầy đủ (fullName)
+
+Cờ `_fullName: true` vô hiệu hóa việc tự động tạo các đường dẫn dựa trên cây (phạm vi BEM). Nút sẽ được tạo dưới tên được chỉ định, bỏ qua ngữ cảnh cha của nó.
+
+**Cấu hình đầu vào (`properties.json`):**
+```json
+{
+  "button": {
+    "my-global-class": {
+      "_fullName": true,
+      "color": "red"
+    }
+  }
+}
+```
+
+**Kết quả (SCSS):**
+```scss
+.my-global-class {
+  color: red;
+}
+```