@central-design-system/components 4.0.0-alpha.4 → 4.0.0-alpha.6

package/dist/es/src/components/CdsLayout/CdsLayout.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-layout {
     position: relative;

package/dist/es/src/components/CdsLayout/CdsLayout.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, ref, unref, computed, reactive, watch, onUnmounted, createVNode, Fragment } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as getScrollBarSize, i as hasPreventedScroll } from "../../utils/dom/getScrollParent.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsLayoutConstants, a as CDS_DRAWER_WIDTH } from "./api/CdsLayout.constants.js";
 import { d as defineCdsLayoutProps } from "./api/CdsLayout.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { p as provideLayout } from "../../composables/useLayout/context.js";
 import { L as LayoutScrollObserver } from "./internal/LayoutScrollObserver.js";
 import { L as LayoutResizeObserver } from "./internal/LayoutResizeObserver.js";

package/dist/es/src/components/CdsLayout/api/CdsLayout.props.js

@@ -1,10 +1,13 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsLayoutConstants } from "./CdsLayout.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLayoutProps = propsFactory(
   {
-    /** Контейнерный режим: макет скроллится внутри себя, а не страницы. */
+    /**
+     * Контейнерный режим: макет скроллится внутри себя, а не страницы.
+     * @en Container mode: the layout scrolls inside itself instead of scrolling the page.
+     */
     container: {
       type: Boolean,
       default: false
@@ -12,6 +15,7 @@ const defineCdsLayoutProps = propsFactory(
     /**
      * Схема макета из трёх строк: верх (header), середина (left-page-right),
      * низ (footer). Например `'hhh lpr fff'`.
+     * @en Layout scheme of three strings: top (header), middle (left-page-right), bottom (footer). For example `'hhh lpr fff'`.
      */
     view: {
       type: String,

package/dist/es/src/components/CdsLink/CdsLink.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-link {
     color: rgb(var(--cds-color-content-link));

package/dist/es/src/components/CdsLink/CdsLink.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, useAttrs, createVNode, mergeProps, unref } from "vue";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
 import { u as useText } from "../../composables/useText/useText.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsLinkConstants } from "./api/CdsLink.constants.js";
 import { d as defineCdsLinkProps } from "./api/CdsLink.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLinkConstants.name

package/dist/es/src/components/CdsLink/api/CdsLink.props.js

@@ -1,12 +1,15 @@
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsLinkConstants } from "./CdsLink.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLinkProps = propsFactory(
   {
-    /** Отключает ссылку: навигация не выполняется, проставляются aria-disabled и tabindex=-1 */
+    /**
+     * Отключает ссылку: навигация не выполняется, проставляются aria-disabled и tabindex=-1
+     * @en Disables the link: no navigation happens, aria-disabled and tabindex=-1 are set
+     */
     disabled: {
       type: Boolean,
       default: void 0

package/dist/es/src/components/CdsList/CdsList.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-list {
     position: relative;

package/dist/es/src/components/CdsList/CdsList.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { defineComponent, useSlots, useAttrs, useId, toRef, watch, unref, createVNode } from "vue";
 import { b as useNested } from "../../composables/useNested/useNested.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -7,7 +8,6 @@ import { C as CdsListConstants } from "./api/CdsList.constants.js";
 import { b as defineCdsListProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$1 } from "./components/ListChildren.vue_vue_type_script_setup_true_lang.js";
 import { p as provideList, c as createList } from "./composables/useList.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -99,17 +99,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       /** Текущий индекс клавиатурной навигации */
       navigationIndex,
-      /** Карта дочерних элементов по идентификаторам родителей */
+      /**
+       * Карта дочерних элементов по идентификаторам родителей
+       * @en Map of child items keyed by the identifiers of their parents
+       */
       children,
-      /** Карта родительских элементов по идентификаторам дочерних */
+      /**
+       * Карта родительских элементов по идентификаторам дочерних
+       * @en Map of parent items keyed by the identifiers of their children
+       */
       parents,
-      /** Возвращает путь (массив идентификаторов) до элемента по его id */
+      /**
+       * Возвращает путь (массив идентификаторов) до элемента по его id
+       * @en Returns the path (an array of identifiers) to an item by its id
+       */
       getPath,
-      /** Раскрывает или сворачивает группу по её идентификатору */
+      /**
+       * Раскрывает или сворачивает группу по её идентификатору
+       * @en Expands or collapses a group by its identifier
+       */
       open,
-      /** Выбирает или снимает выбор с элемента по его идентификатору */
+      /**
+       * Выбирает или снимает выбор с элемента по его идентификатору
+       * @en Selects or deselects an item by its identifier
+       */
       select,
-      /** Устанавливает фокус на элемент списка (по индексу или ключевому слову: `next`, `prev`, `first`, `last`) */
+      /**
+       * Устанавливает фокус на элемент списка (по индексу или ключевому слову: `next`, `prev`, `first`, `last`)
+       * @en Moves the focus to a list item (by index or by a keyword: `next`, `prev`, `first`, `last`)
+       */
       focus
     });
     return () => {

package/dist/es/src/components/CdsList/CdsListGroup.vue_vue_type_script_setup_true_lang.js

@@ -65,7 +65,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       open(!unref(isOpen), e);
     }
     __expose({
-      /** Признак того, что группа раскрыта */
+      /**
+       * Признак того, что группа раскрыта
+       * @en Whether the group is expanded
+       */
       isOpen
     });
     return () => {

package/dist/es/src/components/CdsList/CdsListItem.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-list-item {
     position: relative;

package/dist/es/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.js

@@ -5,6 +5,7 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { u as useList } from "./composables/useList.js";
 import { a as useNestedItem } from "../../composables/useNested/useNested.js";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit, _ as keyNames } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -13,7 +14,6 @@ import { a as defineCdsListItemProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$3 } from "./CdsListItemDescription.vue_vue_type_script_lang.js";
 import { _ as _sfc_main$2 } from "./CdsListItemSubtitle.vue_vue_type_script_lang.js";
 import { _ as _sfc_main$1 } from "./CdsListItemTitle.vue_vue_type_script_lang.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -151,21 +151,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       /** Уникальный идентификатор элемента во вложенной структуре */
       id: uid,
-      /** Корневой контекст вложенности (root) родительского списка */
+      /**
+       * Корневой контекст вложенности (root) родительского списка
+       * @en Root nesting context of the parent list
+       */
       root,
       /** Контекст ссылки (useLink): href, isActive, navigate и т.д. */
       link,
-      /** Контекст родительского списка (CdsList) */
+      /**
+       * Контекст родительского списка (CdsList)
+       * @en Context of the parent list (CdsList)
+       */
       list,
-      /** Признак того, что элемент находится в активном состоянии */
+      /**
+       * Признак того, что элемент находится в активном состоянии
+       * @en Whether the item is in the active state
+       */
       isActivated,
-      /** Признак того, что элемент является активатором группы */
+      /**
+       * Признак того, что элемент является активатором группы
+       * @en Whether the item is a group activator
+       */
       isGroupActivator,
-      /** Признак того, что элемент выбран */
+      /**
+       * Признак того, что элемент выбран
+       * @en Whether the item is selected
+       */
       isSelected,
-      /** Активирует или деактивирует элемент */
+      /**
+       * Активирует или деактивирует элемент
+       * @en Activates or deactivates the item
+       */
       activate,
-      /** Выбирает или снимает выбор с элемента */
+      /**
+       * Выбирает или снимает выбор с элемента
+       * @en Selects or deselects the item
+       */
       select
     });
     return () => {

package/dist/es/src/components/CdsList/CdsListItemAction.vue_vue_type_script_setup_true_lang.js

@@ -9,9 +9,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "CdsListItemAction",
   props: {
-    /** Размещает действие в начале элемента списка (перед контентом) */
+    /**
+     * Размещает действие в начале элемента списка (перед контентом)
+     * @en Places the action at the start of the list item (before the content)
+     */
     start: Boolean,
-    /** Размещает действие в конце элемента списка (после контента) */
+    /**
+     * Размещает действие в конце элемента списка (после контента)
+     * @en Places the action at the end of the list item (after the content)
+     */
     end: Boolean,
     ...defineComponentProps(),
     ...defineTagProps()

package/dist/es/src/components/CdsList/CdsListItemMedia.vue_vue_type_script_setup_true_lang.js

@@ -9,9 +9,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "CdsListItemMedia",
   props: {
-    /** Размещает медиа в начале элемента списка (перед контентом) */
+    /**
+     * Размещает медиа в начале элемента списка (перед контентом)
+     * @en Places the media at the start of the list item (before the content)
+     */
     start: Boolean,
-    /** Размещает медиа в конце элемента списка (после контента) */
+    /**
+     * Размещает медиа в конце элемента списка (после контента)
+     * @en Places the media at the end of the list item (after the content)
+     */
     end: Boolean,
     ...defineComponentProps(),
     ...defineTagProps()

package/dist/es/src/components/CdsList/api/CdsList.props.js

@@ -4,39 +4,72 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.js";
 import { d as defineNestedProps } from "../../../composables/useNested/useNested.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { E as EventProp, a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsListConstants, a as CdsListItemConstants, b as CdsListGroupConstants, c as CdsListSubheaderConstants, d as CdsListItemDividerConstants } from "./CdsList.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsListProps = propsFactory(
   {
-    /** Класс, применяемый к элементам списка, когда они находятся в активном состоянии */
+    /**
+     * Класс, применяемый к элементам списка, когда они находятся в активном состоянии
+     * @en Class applied to list items when they are in the active state
+     */
     activeClass: String,
-    /** **FOR INTERNAL USE ONLY** Включает режим фильтрации: пробел не выбирает элемент, а используется для ввода. Применимо в компонентах CdsCombobox, CdsAutocomplete */
+    /**
+     * **FOR INTERNAL USE ONLY** Включает режим фильтрации: пробел не выбирает элемент, а используется для ввода. Применимо в компонентах CdsCombobox, CdsAutocomplete
+     * @en **FOR INTERNAL USE ONLY** Turns on filtering mode: the space key does not select an item but is used for typing. Applies to the CdsCombobox and CdsAutocomplete components
+     */
     filterable: Boolean,
-    /** Убирает внутренние отступы списка и контейнера меню: список полностью заполняет доступную область */
+    /**
+     * Убирает внутренние отступы списка и контейнера меню: список полностью заполняет доступную область
+     * @en Removes the inner paddings of the list and of the menu container: the list fills the available area completely
+     */
     slim: Boolean,
-    /** Иконка, отображаемая у раскрытой группы */
+    /**
+     * Иконка, отображаемая у раскрытой группы
+     * @en Icon shown on an expanded group
+     */
     expandIcon: IconValue,
-    /** Иконка, отображаемая у свёрнутой группы */
+    /**
+     * Иконка, отображаемая у свёрнутой группы
+     * @en Icon shown on a collapsed group
+     */
     collapseIcon: IconValue,
-    /** Отступ перед контентом элемента (резервируется место под prepend-иконку/аватар) */
+    /**
+     * Отступ перед контентом элемента (резервируется место под prepend-иконку/аватар)
+     * @en Indent before the item content (reserves space for the prepend icon or avatar)
+     */
     prependGap: [Number, String],
-    /** Величина отступа для вложенных групп элементов */
+    /**
+     * Величина отступа для вложенных групп элементов
+     * @en Indent size for nested item groups
+     */
     indent: [Number, String],
-    /** Применяет стили навигационного списка (скруглённые активные элементы) */
+    /**
+     * Применяет стили навигационного списка (скруглённые активные элементы)
+     * @en Applies navigation list styles (rounded active items)
+     */
     nav: Boolean,
-    /** Индекс текущего элемента при клавиатурной навигации (поддерживает v-model) */
+    /**
+     * Индекс текущего элемента при клавиатурной навигации (поддерживает v-model)
+     * @en Index of the current item during keyboard navigation (supports v-model)
+     */
     navigationIndex: Number,
-    /** Стратегия клавиатурной навигации: `focus` — перенос фокуса, `track` — виртуальный курсор */
+    /**
+     * Стратегия клавиатурной навигации: `focus` — перенос фокуса, `track` — виртуальный курсор
+     * @en Keyboard navigation strategy: `focus` — moves the focus, `track` — a virtual cursor
+     */
     navigationStrategy: {
       type: String,
       default: "focus"
     },
-    /** Количество строк в элементах списка, влияет на их высоту. `false` отключает фиксированную высоту */
+    /**
+     * Количество строк в элементах списка, влияет на их высоту. `false` отключает фиксированную высоту
+     * @en Number of lines in the list items; affects their height. `false` turns off the fixed height
+     */
     lines: {
       type: [Boolean, String],
       default: "one"
@@ -60,46 +93,85 @@ const defineCdsListProps = propsFactory(
 );
 const defineCdsListItemProps = propsFactory(
   {
-    /** Заголовок элемента, отображаемый в компоненте */
+    /**
+     * Заголовок элемента, отображаемый в компоненте
+     * @en Title of the item shown in the component
+     */
     title: {
       type: [String, Number, Boolean],
       default: void 0
     },
-    /** Подзаголовок элемента, отображаемый под заголовком */
+    /**
+     * Подзаголовок элемента, отображаемый под заголовком
+     * @en Subtitle of the item shown below the title
+     */
     subtitle: {
       type: [String, Number, Boolean],
       default: void 0
     },
-    /** Описание элемента списка, отображаемое под заголовком и подзаголовком */
+    /**
+     * Описание элемента списка, отображаемое под заголовком и подзаголовком
+     * @en Description of the list item shown below the title and the subtitle
+     */
     description: {
       type: [String, Number, Boolean],
       default: void 0
     },
-    /** Принудительно задаёт активное состояние элемента */
+    /**
+     * Принудительно задаёт активное состояние элемента
+     * @en Forces the active state of the item
+     */
     active: {
       type: Boolean,
       default: void 0
     },
-    /** Иконка, отображаемая после контента элемента */
+    /**
+     * Иконка, отображаемая после контента элемента
+     * @en Icon shown after the item content
+     */
     appendIcon: IconValue,
-    /** Иконка, отображаемая перед контентом элемента */
+    /**
+     * Иконка, отображаемая перед контентом элемента
+     * @en Icon shown before the item content
+     */
     prependIcon: IconValue,
-    /** Аватар (URL изображения), отображаемый после контента элемента */
+    /**
+     * Аватар (URL изображения), отображаемый после контента элемента
+     * @en Avatar (image URL) shown after the item content
+     */
     appendAvatar: String,
-    /** Аватар (URL изображения), отображаемый перед контентом элемента */
+    /**
+     * Аватар (URL изображения), отображаемый перед контентом элемента
+     * @en Avatar (image URL) shown before the item content
+     */
     prependAvatar: String,
-    /** Делает элемент кликабельной ссылкой. Определяется автоматически при наличии `href`/`to` */
+    /**
+     * Делает элемент кликабельной ссылкой. Определяется автоматически при наличии `href`/`to`
+     * @en Turns the item into a clickable link. Detected automatically when `href` or `to` is set
+     */
     link: {
       type: Boolean,
       default: void 0
     },
-    /** Значение элемента, используемое при выборе/активации в списке */
+    /**
+     * Значение элемента, используемое при выборе/активации в списке
+     * @en Value of the item used for selection and activation in the list
+     */
     value: null,
-    /** Индекс элемента, используется для клавиатурной навигации */
+    /**
+     * Индекс элемента, используется для клавиатурной навигации
+     * @en Index of the item; used for keyboard navigation
+     */
     index: Number,
-    /** Отступ перед контентом элемента (резервируется место под prepend-иконку/аватар) */
+    /**
+     * Отступ перед контентом элемента (резервируется место под prepend-иконку/аватар)
+     * @en Indent before the item content (reserves space for the prepend icon or avatar)
+     */
     prependGap: [Number, String],
-    /** Значение атрибута `tabindex` элемента */
+    /**
+     * Значение атрибута `tabindex` элемента
+     * @en Value of the element `tabindex` attribute
+     */
     tabindex: [Number, String],
     onClick: EventProp(),
     onClickOnce: EventProp(),
@@ -121,26 +193,53 @@ const defineCdsListItemProps = propsFactory(
 );
 const defineCdsListGroupProps = propsFactory(
   {
-    /** Заголовок группы, отображаемый в активаторе по умолчанию */
+    /**
+     * Заголовок группы, отображаемый в активаторе по умолчанию
+     * @en Title of the group shown in the default activator
+     */
     title: String,
-    /** Убирает отступ у активатора группы, выравнивая его по краю списка */
+    /**
+     * Убирает отступ у активатора группы, выравнивая его по краю списка
+     * @en Removes the indent of the group activator, aligning it to the edge of the list
+     */
     fluid: Boolean,
-    /** Помечает компонент как группу вложенных списков (подгруппу) */
+    /**
+     * Помечает компонент как группу вложенных списков (подгруппу)
+     * @en Marks the component as a group of nested lists (a subgroup)
+     */
     subgroup: Boolean,
-    /** Исходный идентификатор группы, используется для построения id DOM-элемента */
+    /**
+     * Исходный идентификатор группы, используется для построения id DOM-элемента
+     * @en Original identifier of the group; used to build the id of the DOM element
+     */
     rawId: [String, Number],
-    /** Значение группы, используемое в логике раскрытия/выбора */
+    /**
+     * Значение группы, используемое в логике раскрытия/выбора
+     * @en Value of the group used in the expansion and selection logic
+     */
     value: null,
-    /** Иконка, отображаемая перед заголовком группы */
+    /**
+     * Иконка, отображаемая перед заголовком группы
+     * @en Icon shown before the group title
+     */
     prependIcon: IconValue,
-    /** Иконка, отображаемая после заголовка группы */
+    /**
+     * Иконка, отображаемая после заголовка группы
+     * @en Icon shown after the group title
+     */
     appendIcon: IconValue,
-    /** Иконка, отображаемая когда группа раскрыта */
+    /**
+     * Иконка, отображаемая когда группа раскрыта
+     * @en Icon shown when the group is expanded
+     */
     expandIcon: {
       type: IconValue,
       default: "chevron-down"
     },
-    /** Иконка, отображаемая когда группа свёрнута */
+    /**
+     * Иконка, отображаемая когда группа свёрнута
+     * @en Icon shown when the group is collapsed
+     */
     collapseIcon: {
       type: IconValue,
       default: "chevron-up"
@@ -154,13 +253,25 @@ const defineCdsListGroupProps = propsFactory(
 );
 const defineCdsListSubheaderProps = propsFactory(
   {
-    /** Цвет текста подзаголовка */
+    /**
+     * Цвет текста подзаголовка
+     * @en Color of the subheader text
+     */
     color: String,
-    /** Добавляет отступ слева, выравнивая текст с контентом элементов списка */
+    /**
+     * Добавляет отступ слева, выравнивая текст с контентом элементов списка
+     * @en Adds a left indent, aligning the text with the content of the list items
+     */
     inset: Boolean,
-    /** Закрепляет подзаголовок вверху при прокрутке списка */
+    /**
+     * Закрепляет подзаголовок вверху при прокрутке списка
+     * @en Pins the subheader to the top while the list scrolls
+     */
     sticky: Boolean,
-    /** Текст подзаголовка */
+    /**
+     * Текст подзаголовка
+     * @en Text of the subheader
+     */
     title: String,
     ...defineTagProps(),
     ...defineComponentProps()

package/dist/es/src/components/CdsList/components/ListChildren.vue_vue_type_script_setup_true_lang.js

@@ -13,9 +13,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "ListChildren",
   props: {
-    /** Массив внутренних элементов списка для рекурсивного рендеринга */
+    /**
+     * Массив внутренних элементов списка для рекурсивного рендеринга
+     * @en Array of internal list items for recursive rendering
+     */
     items: Array,
-    /** Передавать в значении элемента весь объект, а не только его `value` */
+    /**
+     * Передавать в значении элемента весь объект, а не только его `value`
+     * @en Pass the whole object as the item value instead of just its `value`
+     */
     returnObject: Boolean
   },
   setup(__props) {