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

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

@@ -1,8 +1,8 @@
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsFooterConstants } from "./CdsFooter.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineLayoutProps } from "../../../composables/useLayout/useLayout.mjs";
 const defineCdsFooterProps = propsFactory(

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

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

@@ -2,10 +2,10 @@ import { defineComponent, useSlots, ref, useId, computed, unref, createVNode } f
 import { c as createForm } from "../../composables/useForm/useForm.mjs";
 import { f as forwardRefs } from "../../core/forwardRefs.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDescription } from "../CdsDescription/index.mjs";
 import { C as CdsFormConstants } from "./api/CdsForm.constants.mjs";
 import { d as defineCdsFormProps } from "./api/CdsForm.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsFormConstants.name

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

@@ -4,9 +4,15 @@ import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsFormConstants } from "./CdsForm.constants.mjs";
 const defineCdsFormProps = propsFactory(
   {
-    /** Заголовок формы. Рендерится над контентом через `CdsDescription`. */
+    /**
+     * Заголовок формы. Рендерится над контентом через `CdsDescription`.
+     * @en Heading of the form. Rendered above the content through `CdsDescription`.
+     */
     label: String,
-    /** Описание формы. Рендерится под заголовком через `CdsDescription`. */
+    /**
+     * Описание формы. Рендерится под заголовком через `CdsDescription`.
+     * @en Description of the form. Rendered under the heading through `CdsDescription`.
+     */
     description: String,
     ...defineFormProps(),
     ...defineComponentProps()

package/dist/esm-node/src/components/CdsFunctionalButton/CdsFunctionalButton.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-button.cds-functional-button {
     color: rgb(var(--cds-color-content-primary));

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

@@ -2,15 +2,18 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.mjs";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a3 as omit } from "../../../utils/helpers.mjs";
 import { C as CdsFunctionalButtonConstants } from "./CdsFunctionalButton.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
+import { a3 as omit } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsFunctionalButtonProps = propsFactory(
   {
-    /** Иконка */
+    /**
+     * Иконка
+     * @en Icon
+     */
     icon: [String, Function, Object],
     ...defineComponentProps(),
     ...defineRouterProps(),

package/dist/esm-node/src/components/CdsGrid/CdsCol.vue_vue_type_script_setup_true_lang.mjs

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, inject, computed, unref, h } from "vue";
-import { b as breakpoints } from "../../composables/useDisplay/internal/useDisplay.constants.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { b as componentColName, C as CssGridSymbol, d as componentPrefix } from "./api/CdsGrid.constants.mjs";
 import { d as defineCdsColProps } from "./api/CdsGrid.props.mjs";
 import { g as getClassNameForSpan, a as getClassNameForGridBreakpoints, b as getClassNameForFlexBreakpoints } from "./utils/index.mjs";
+import { b as breakpoints } from "../../composables/useDisplay/internal/useDisplay.constants.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: componentColName

package/dist/esm-node/src/components/CdsGrid/CdsRow.vue_vue_type_script_setup_true_lang.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, h } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as componentRowName, d as componentPrefix } from "./api/CdsGrid.constants.mjs";
 import { b as defineCdsRowProps } from "./api/CdsGrid.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: componentRowName

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

@@ -1,16 +1,28 @@
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { c as componentGridName, a as componentRowName, b as componentColName } from "./CdsGrid.constants.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 const defineCdsGridProps = propsFactory(
   {
-    /** Удаляет max-width по умолчанию и растягивает сетку на всю ширину контейнера */
+    /**
+     * Удаляет max-width по умолчанию и растягивает сетку на всю ширину контейнера
+     * @en Removes the default max-width and stretches the grid across the whole width of the container
+     */
     wide: Boolean,
-    /** Конденсированная сетка. Уменьшенный отступ до 1px по обеим сторонам */
+    /**
+     * Конденсированная сетка. Уменьшенный отступ до 1px по обеим сторонам
+     * @en Condensed grid. The gap is reduced to 1px on both sides
+     */
     condensed: Boolean,
-    /** Узкая сетка */
+    /**
+     * Узкая сетка
+     * @en Narrow grid
+     */
     narrow: Boolean,
-    /** Only CSS Grid supported. Вложенная сетка */
+    /**
+     * Only CSS Grid supported. Вложенная сетка
+     * @en Only CSS Grid supported. A nested grid
+     */
     subgrid: Boolean,
     ...defineTagProps(),
     ...defineComponentProps()
@@ -27,32 +39,50 @@ const defineCdsRowProps = propsFactory(
 );
 const defineCdsColProps = propsFactory(
   {
-    /** >320px */
+    /**
+     * >320px
+     * @en >320px
+     */
     xs: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >672px */
+    /**
+     * >672px
+     * @en >672px
+     */
     sm: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1056px */
+    /**
+     * >1056px
+     * @en >1056px
+     */
     md: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1312px */
+    /**
+     * >1312px
+     * @en >1312px
+     */
     lg: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1584px */
+    /**
+     * >1584px
+     * @en >1584px
+     */
     xl: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не изменятся. */
+    /**
+     * Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не изменятся.
+     * @en Only CSS Grid supported. A permanent column range, start or end values that never change.
+     */
     span: {
       type: [Object, Number, String],
       default: void 0

package/dist/esm-node/src/components/CdsGrid/components/CSSGrid.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
-*/
 :root {
   --cds-grid-gutter: 32px;
   --cds-grid-columns: 4;

package/dist/esm-node/src/components/CdsGrid/components/CSSGrid.mjs

@@ -1,6 +1,6 @@
-import { c as classNames } from "../../../utils/dom/classNames.mjs";
 import { h } from "vue";
 import { d as componentPrefix } from "../api/CdsGrid.constants.mjs";
+import { c as classNames } from "../../../utils/dom/classNames.mjs";
 function CSSGrid(props, slots) {
   return () => {
     var _a;

package/dist/esm-node/src/components/CdsGrid/components/FlexGrid.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
-*/
 .cds-grid {
   margin-inline: auto;
   max-inline-size: 1584px;

package/dist/esm-node/src/components/CdsGrid/components/FlexGrid.mjs

@@ -1,6 +1,6 @@
-import { c as classNames } from "../../../utils/dom/classNames.mjs";
 import { h } from "vue";
 import { d as componentPrefix } from "../api/CdsGrid.constants.mjs";
+import { c as classNames } from "../../../utils/dom/classNames.mjs";
 function FlexGrid(props, slots) {
   return () => {
     var _a;

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

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

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, watch, createVNode, unref } 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 { w as warn } from "../../utils/dom/console.mjs";
 import { C as CdsHeaderConstants } from "./api/CdsHeader.constants.mjs";
 import { d as defineCdsHeaderProps } from "./api/CdsHeader.props.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
 import { u as useLayout } from "../../composables/useLayout/useLayout.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { L as LayoutResizeObserver } from "../CdsLayout/internal/LayoutResizeObserver.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,8 +1,8 @@
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsHeaderConstants } from "./CdsHeader.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineLayoutProps } from "../../../composables/useLayout/useLayout.mjs";
 const defineCdsHeaderProps = propsFactory(

package/dist/esm-node/src/components/CdsHighlight/CdsHighlight.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-highlight__mark {
     color: var(--cds-highlight-color, inherit);

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

@@ -1,10 +1,10 @@
 import { defineComponent, computed, createVNode, unref } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsHighlightConstants } from "./api/CdsHighlight.constants.mjs";
 import { d as defineCdsHighlightProps } from "./api/CdsHighlight.props.mjs";
 import { t as toHighlight } from "./utils/toHighlight.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: CdsHighlightConstants.name

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

@@ -3,24 +3,48 @@ import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsHighlightConstants } from "./CdsHighlight.constants.mjs";
 const defineCdsHighlightProps = propsFactory(
   {
-    /** Текст, в котором выполняется подсветка. */
+    /**
+     * Текст, в котором выполняется подсветка.
+     * @en The text the highlighting is performed in.
+     */
     text: {
       type: String,
       default: ""
     },
-    /** Поисковый запрос: строка или массив строк-терминов. */
+    /**
+     * Поисковый запрос: строка или массив строк-терминов.
+     * @en Search query: a string or an array of term strings.
+     */
     query: [String, Array],
-    /** Готовые диапазоны совпадений `[start, end]`. Имеют приоритет над `query`. */
+    /**
+     * Готовые диапазоны совпадений `[start, end]`. Имеют приоритет над `query`.
+     * @en Ready match ranges `[start, end]`. They take precedence over `query`.
+     */
     matches: Array,
-    /** Подсвечивать все вхождения, а не только первое. */
+    /**
+     * Подсвечивать все вхождения, а не только первое.
+     * @en Highlights every occurrence, not just the first one.
+     */
     matchAll: Boolean,
-    /** Игнорировать регистр при поиске по `query`. */
+    /**
+     * Игнорировать регистр при поиске по `query`.
+     * @en Ignores the case when searching by `query`.
+     */
     ignoreCase: Boolean,
-    /** Цвет текста подсветки. */
+    /**
+     * Цвет текста подсветки.
+     * @en Color of the highlighted text.
+     */
     color: String,
-    /** Прозрачность фона подсветки (CSS-переменная `--cds-highlight-opacity`). */
+    /**
+     * Прозрачность фона подсветки (CSS-переменная `--cds-highlight-opacity`).
+     * @en Opacity of the highlight background (the `--cds-highlight-opacity` CSS variable).
+     */
     opacity: [String, Number],
-    /** Дополнительный CSS-класс для элемента `<mark>`. */
+    /**
+     * Дополнительный CSS-класс для элемента `<mark>`.
+     * @en Extra CSS class for the `<mark>` element.
+     */
     markClass: String,
     ...defineTagProps({ tag: "span" }),
     ...defineComponentProps()

package/dist/esm-node/src/components/CdsHighlight/utils/toHighlight.mjs

@@ -1,5 +1,5 @@
-import { ac as wrapInArray } from "../../../utils/helpers.mjs";
 import { toValue } from "vue";
+import { ac as wrapInArray } from "../../../utils/helpers.mjs";
 function mergeRanges(ranges) {
   const sorted = ranges.filter((span) => span[0] < span[1]).toSorted((a, b) => a[0] - b[0]);
   const merged = [];

package/dist/esm-node/src/components/CdsIcon/CdsIcon.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-icon {
     --cds-icon-size-multiplier: 1;

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

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, useAttrs, shallowRef, Text, unref, createVNode } from "vue";
 import { u as useIcon } from "../../composables/useIcons/useIcons.mjs";
-import { u as useTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { G as flattenFragments, u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsIconConstants } from "./api/CdsIcon.constants.mjs";
 import { d as defineCdsIconProps } from "./api/CdsIcon.props.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
+import { u as useTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { G as flattenFragments, u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsIconConstants.name

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

@@ -1,30 +1,43 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.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 { C as CdsIconConstants } from "./CdsIcon.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsIconProps = propsFactory(
   {
-    /** Название иконки или компонент иконки, который будет отображаться */
+    /**
+     * Название иконки или компонент иконки, который будет отображаться
+     * @en Name of the icon or the icon component to render
+     */
     icon: {
       type: [Boolean, String, Function, Object],
       default: void 0
     },
     /**
      * Строковое имя иконки из зарегистрированного набора (алиас для icon)
+     * @en String name of an icon from a registered pack (an alias for icon)
      * @example `<CdsIcon name="add" />`
      */
     name: {
       type: String,
       default: void 0
     },
-    /** Добавляет отступ справа от иконки — для иконки перед текстом */
+    /**
+     * Добавляет отступ справа от иконки — для иконки перед текстом
+     * @en Adds spacing to the right of the icon — for an icon before the text
+     */
     start: Boolean,
-    /** Добавляет отступ слева от иконки — для иконки после текста */
+    /**
+     * Добавляет отступ слева от иконки — для иконки после текста
+     * @en Adds spacing to the left of the icon — for an icon after the text
+     */
     end: Boolean,
-    /** Прозрачность иконки — число от 0 до 1 */
+    /**
+     * Прозрачность иконки — число от 0 до 1
+     * @en Opacity of the icon — a number between 0 and 1
+     */
     opacity: [String, Number],
     ...defineTagProps({ tag: "i" }),
     ...defineColorProps(),

package/dist/esm-node/src/components/CdsImage/CdsImage.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-image {
     z-index: 0;

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

@@ -1,14 +1,14 @@
 import { defineComponent, useSlots, getCurrentInstance, shallowRef, ref, computed, watch, onBeforeMount, nextTick, onBeforeUnmount, toRef, withDirectives, createVNode, unref, Fragment, vShow } from "vue";
 import { C as CdsResponsive } from "../CdsResponsive/index.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { a6 as parseAspectRatio, u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.mjs";
 import { C as CdsImageConstants } from "./api/CdsImage.constants.mjs";
 import { d as defineCdsImageProps } from "./api/CdsImage.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
+import { a6 as parseAspectRatio, u as convertToUnit } from "../../utils/helpers.mjs";
+import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { I as Intersect } from "../../directives/intersect/index.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -248,10 +248,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, null);
     }
     __expose({
+      /**
+       * Фактический адрес загруженного изображения — с учётом `srcset` и выбранной браузером плотности.
+       * @en Actual address of the loaded image — taking `srcset` and the density chosen by the browser into account.
+       */
       currentSrc,
+      /**
+       * Ссылка на DOM-элемент `img`.
+       * @en Reference to the `img` DOM element.
+       */
       image,
+      /**
+       * Состояние загрузки изображения: ожидание, загрузка, успех или ошибка.
+       * @en Loading state of the image: idle, loading, success or error.
+       */
       state,
+      /**
+       * Собственная ширина загруженного изображения в пикселях.
+       * @en Natural width of the loaded image in pixels.
+       */
       naturalWidth,
+      /**
+       * Собственная высота загруженного изображения в пикселях.
+       * @en Natural height of the loaded image in pixels.
+       */
       naturalHeight
     });
     return () => {