@central-design-system/components 4.0.0-alpha.3 → 4.0.0-alpha.5

package/dist/esm-node/src/components/CdsList/CdsListGroup.vue_vue_type_script_setup_true_lang.mjs

@@ -7,11 +7,11 @@ import { u as useSsrBoot } from "../../composables/useSsrBoot/useSsrBoot.mjs";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as CdsTransitionExpand } from "../../transitions/index.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { b as CdsListGroupConstants } from "./api/CdsList.constants.mjs";
 import { c as defineCdsListGroupProps } from "./api/CdsList.props.mjs";
 import { _ as _sfc_main$1 } from "./CdsListSubheader.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./components/ListGroupActivator.vue_vue_type_script_setup_true_lang.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListGroupConstants.name
@@ -65,7 +65,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       open(!unref(isOpen), e);
     }
     __expose({
-      /** Признак того, что группа раскрыта */
+      /**
+       * Признак того, что группа раскрыта
+       * @en Whether the group is expanded
+       */
       isOpen
     });
     return () => {

package/dist/esm-node/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/esm-node/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.mjs

@@ -5,17 +5,17 @@ import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { u as useList } from "./composables/useList.mjs";
 import { a as useNestedItem } from "../../composables/useNested/useNested.mjs";
 import { u as useLink } from "../../composables/useRouter/useRouter.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { u as convertToUnit, _ as keyNames } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsListItemConstants, C as CdsListConstants } from "./api/CdsList.constants.mjs";
 import { a as defineCdsListItemProps } from "./api/CdsList.props.mjs";
 import { _ as _sfc_main$3 } from "./CdsListItemDescription.vue_vue_type_script_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsListItemSubtitle.vue_vue_type_script_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsListItemTitle.vue_vue_type_script_lang.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
+import { u as convertToUnit, _ as keyNames } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemConstants.name
@@ -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/esm-node/src/components/CdsList/CdsListItemAction.vue_vue_type_script_setup_true_lang.mjs

@@ -1,17 +1,23 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { a as defineTagProps, d as defineComponentProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { i as CdsListItemActionConstants } from "./api/CdsList.constants.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemActionConstants.name
   },
   __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/esm-node/src/components/CdsList/CdsListItemDivider.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, mergeProps } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { d as CdsListItemDividerConstants } from "./api/CdsList.constants.mjs";
 import { e as defineCdsListItemDividerProps } from "./api/CdsList.props.mjs";
 import { C as CdsDivider } from "../CdsDivider/index.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemDividerConstants.name

package/dist/esm-node/src/components/CdsList/CdsListItemMedia.vue_vue_type_script_setup_true_lang.mjs

@@ -1,17 +1,23 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { a as defineTagProps, d as defineComponentProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { k as CdsListItemMediaConstants } from "./api/CdsList.constants.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemMediaConstants.name
   },
   __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/esm-node/src/components/CdsList/CdsListSubheader.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { c as CdsListSubheaderConstants } from "./api/CdsList.constants.mjs";
 import { d as defineCdsListSubheaderProps } from "./api/CdsList.props.mjs";
 import { u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListSubheaderConstants.name

package/dist/esm-node/src/components/CdsList/api/CdsList.props.mjs

@@ -4,39 +4,72 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.mjs";
 import { d as defineNestedProps } from "../../../composables/useNested/useNested.mjs";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { E as EventProp, a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsListConstants, a as CdsListItemConstants, b as CdsListGroupConstants, c as CdsListSubheaderConstants, d as CdsListItemDividerConstants } from "./CdsList.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
+import { E as EventProp, a7 as pick } from "../../../utils/helpers.mjs";
 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,44 +93,80 @@ 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: [Number, String],
@@ -121,26 +190,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 +250,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/esm-node/src/components/CdsList/components/ListChildren.vue_vue_type_script_setup_true_lang.mjs

@@ -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) {

package/dist/esm-node/src/components/CdsList/composables/useList.mjs

@@ -1,8 +1,8 @@
 import { u as useItems } from "../../../composables/useItems/useItems.mjs";
 import { u as useProxyModel } from "../../../core/useProxyModel.mjs";
-import { H as focusChild, _ as keyNames } from "../../../utils/helpers.mjs";
 import { inject, ref, shallowRef, useId, provide, unref } from "vue";
 import { e as CdsListSymbol } from "../api/CdsList.constants.mjs";
+import { H as focusChild, _ as keyNames } from "../../../utils/helpers.mjs";
 function createList(options = { filterable: false }) {
   const parent = inject(CdsListSymbol, {
     filterable: false,

package/dist/esm-node/src/components/CdsList/index.mjs

@@ -1,5 +1,5 @@
 import { w as withConstants } from "../../core/withConstants.mjs";
-import { C as CdsListConstants, a as CdsListItemConstants, i as CdsListItemActionConstants, j as CdsListItemImageConstants, k as CdsListItemMediaConstants, g as CdsListItemSubtitleConstants, h as CdsListItemTitleConstants, f as CdsListItemDescriptionConstants, d as CdsListItemDividerConstants, b as CdsListGroupConstants } from "./api/CdsList.constants.mjs";
+import { C as CdsListConstants, a as CdsListItemConstants, i as CdsListItemActionConstants, j as CdsListItemImageConstants, k as CdsListItemMediaConstants, g as CdsListItemSubtitleConstants, h as CdsListItemTitleConstants, f as CdsListItemDescriptionConstants, d as CdsListItemDividerConstants, b as CdsListGroupConstants, c as CdsListSubheaderConstants } from "./api/CdsList.constants.mjs";
 import { _ as _sfc_main } from "./CdsList.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$9 } from "./CdsListGroup.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsListItem.vue_vue_type_script_setup_true_lang.mjs";
@@ -10,6 +10,7 @@ import { _ as _sfc_main$3 } from "./CdsListItemImage.vue_vue_type_script_lang.mj
 import { _ as _sfc_main$4 } from "./CdsListItemMedia.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$5 } from "./CdsListItemSubtitle.vue_vue_type_script_lang.mjs";
 import { _ as _sfc_main$6 } from "./CdsListItemTitle.vue_vue_type_script_lang.mjs";
+import { _ as _sfc_main$a } from "./CdsListSubheader.vue_vue_type_script_setup_true_lang.mjs";
 const CdsList = withConstants(_sfc_main, CdsListConstants);
 const CdsListItem = withConstants(_sfc_main$1, CdsListItemConstants);
 const CdsListItemAction = withConstants(_sfc_main$2, CdsListItemActionConstants);
@@ -20,6 +21,7 @@ const CdsListItemTitle = withConstants(_sfc_main$6, CdsListItemTitleConstants);
 const CdsListItemDescription = withConstants(_sfc_main$7, CdsListItemDescriptionConstants);
 const CdsListItemDivider = withConstants(_sfc_main$8, CdsListItemDividerConstants);
 const CdsListGroup = withConstants(_sfc_main$9, CdsListGroupConstants);
+const CdsListSubheader = withConstants(_sfc_main$a, CdsListSubheaderConstants);
 export {
   CdsList as C,
   CdsListItem as a,
@@ -30,6 +32,7 @@ export {
   CdsListItemImage as f,
   CdsListItemMedia as g,
   CdsListItemSubtitle as h,
-  CdsListItemTitle as i
+  CdsListItemTitle as i,
+  CdsListSubheader as j
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm-node/src/components/CdsLoader/CdsLoader.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-loader {
     position: relative;

package/dist/esm-node/src/components/CdsLoader/CdsLoader.vue_vue_type_script_setup_true_lang.mjs

@@ -1,10 +1,10 @@
 import { defineComponent, useAttrs, createVNode, unref, mergeProps } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsLoaderConstants } from "./api/CdsLoader.constants.mjs";
 import { d as defineCdsLoaderProps } from "./api/CdsLoader.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLoaderConstants.name,

package/dist/esm-node/src/components/CdsLoader/api/CdsLoader.props.mjs

@@ -5,11 +5,20 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mj
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
 const defineCdsLoaderProps = propsFactory(
   {
-    /** Зафиксировать загрузчик относительно текущего контейнера */
+    /**
+     * Зафиксировать загрузчик относительно текущего контейнера
+     * @en Pins the loader to the current container
+     */
     fixed: Boolean,
-    /** Отображать фиксированный полноэкранный загрузчик */
+    /**
+     * Отображать фиксированный полноэкранный загрузчик
+     * @en Renders a fixed full-screen loader
+     */
     overlay: Boolean,
-    /** Укажите описание, которое лучше всего описывает состояние загрузки (aria-label) */
+    /**
+     * Укажите описание, которое лучше всего описывает состояние загрузки (aria-label)
+     * @en Description that best explains the loading state (aria-label)
+     */
     description: String,
     ...defineSizeProps(),
     ...defineThemeProps(),

package/dist/esm-node/src/components/CdsMain/CdsMain.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-main {
     display: block;

package/dist/esm-node/src/components/CdsMain/CdsMain.vue_vue_type_script_setup_true_lang.mjs

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { w as warn } from "../../utils/dom/console.mjs";
 import { C as CdsMainConstants } from "./api/CdsMain.constants.mjs";
 import { d as defineCdsMainProps } from "./api/CdsMain.props.mjs";
 import { p as provideMain } from "./context.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsMainConstants.name