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

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

@@ -4,16 +4,16 @@ import { u as useFocus, d as defineFocusProps } from "../../composables/useFocus
 import { L as LoaderSlot } from "../../composables/useLoader/LoaderSlot.mjs";
 import { u as useLoader } from "../../composables/useLoader/useLoader.mjs";
 import { u as useRtl } from "../../composables/useLocale/useLocale.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { a as CdsTransitionExpandX } from "../../transitions/index.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.mjs";
 import { C as CdsFieldConstants } from "./api/CdsField.constants.mjs";
 import { d as defineCdsFieldProps } from "./api/CdsField.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
 import { a as useBackgroundColor, u as useTextColor, c as useShadowBorderColor } from "../../composables/useColor/useColor.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsFieldConstants.name,
@@ -23,10 +23,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     ...defineCdsFieldProps(),
     id: String,
+    /**
+     * Резервирует место под подсказки и сообщения об ошибках под полем
+     * @en Reserves the space for hints and error messages under the field
+     */
     details: Boolean,
     ...defineFocusProps()
   },
-  emits: ["update:focused", "update:modelValue"],
+  emits: ["update:focused", "update:modelValue", "click:clear"],
   setup(__props, {
     expose: __expose
   }) {
@@ -96,9 +100,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
-      /** Ref-ссылка на контролл поля ввода */
+      /**
+       * Ref-ссылка на контролл поля ввода
+       * @en Ref to the control of the input
+       */
       controlRef,
-      /** Цвет иконки */
+      /**
+       * Цвет иконки
+       * @en Icon color
+       */
       fieldIconColor: iconColor
     });
     return () => {

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

@@ -2,48 +2,90 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.mjs";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
-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 { E as EventProp } from "../../../utils/helpers.mjs";
 import { C as CdsFieldConstants } from "./CdsField.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";
+import { E as EventProp } from "../../../utils/helpers.mjs";
 const defineCdsFieldProps = propsFactory(
   {
-    /** Активное состояние поля */
+    /**
+     * Активное состояние поля
+     * @en Active state of the field
+     */
     active: Boolean,
-    /** Состояние ошибки */
+    /**
+     * Состояние ошибки
+     * @en Error state
+     */
     error: Boolean,
-    /** Признак того, что значение поля было изменено пользователем */
+    /**
+     * Признак того, что значение поля было изменено пользователем
+     * @en Marks that the value of the field was changed by the user
+     */
     dirty: Boolean,
-    /** Обратный порядок расположения элементов внутри поля */
+    /**
+     * Обратный порядок расположения элементов внутри поля
+     * @en Reverses the order of the elements inside the field
+     */
     reverse: Boolean,
-    /** Отображать кнопку очистки значения */
+    /**
+     * Отображать кнопку очистки значения
+     * @en Shows the clear button
+     */
     clearable: Boolean,
-    /** Всегда отображать кнопку очистки, а не только при наведении или фокусе */
+    /**
+     * Всегда отображать кнопку очистки, а не только при наведении или фокусе
+     * @en Always show the clear button, not only on hover or focus
+     */
     persistentClearable: Boolean,
-    /** Цвет иконки. Принимает булево значение или строку с цветом */
+    /**
+     * Цвет иконки. Принимает булево значение или строку с цветом
+     * @en Icon color. Accepts a boolean or a color string
+     */
     iconColor: [Boolean, String],
-    /** Иконка во внутреннем слоте prepend перед содержимым поля */
+    /**
+     * Иконка во внутреннем слоте prepend перед содержимым поля
+     * @en Icon in the inner prepend slot, before the content of the field
+     */
     prependInnerIcon: IconValue,
-    /** Иконка во внутреннем слоте append после содержимого поля */
+    /**
+     * Иконка во внутреннем слоте append после содержимого поля
+     * @en Icon in the inner append slot, after the content of the field
+     */
     appendInnerIcon: IconValue,
-    /** Иконка кнопки очистки */
+    /**
+     * Иконка кнопки очистки
+     * @en Icon of the clear button
+     */
     clearIcon: {
       type: IconValue,
       default: "remove"
     },
-    /** Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру. */
+    /**
+     * Выровнять по вертикали элементы appendInner, prependInner, clearIcon и label по центру.
+     * @en Vertically center the appendInner, prependInner, clearIcon and label elements.
+     */
     centerAffix: {
       type: Boolean,
       default: void 0
     },
-    /** Обработчик клика по кнопке очистки */
+    /**
+     * Обработчик клика по кнопке очистки
+     * @en Handler for a click on the clear button
+     */
     "onClick:clear": EventProp(),
-    /** Обработчик клика по внутренней иконке append */
+    /**
+     * Обработчик клика по внутренней иконке append
+     * @en Handler for a click on the inner append icon
+     */
     "onClick:appendInner": EventProp(),
-    /** Обработчик клика по внутренней иконке prepend */
+    /**
+     * Обработчик клика по внутренней иконке prepend
+     * @en Handler for a click on the inner prepend icon
+     */
     "onClick:prependInner": EventProp(),
     ...defineComponentProps(),
     ...defineDisabledProps(),

package/dist/esm-node/src/components/CdsField/composables/useAutocomplete.mjs

@@ -6,6 +6,7 @@ const defineAutocompleteProps = propsFactory(
      * Помогает влиять на предложения браузера.
      * Значение «suppress» изменяет атрибут name полей, а значение «off» полагается на то, что браузер по собственной инициативе перестанет предлагать значения.
      * Любое другое значение передается встроенной функции автозаполнения для соответствующего элемента.
+     * @en Helps to influence browser suggestions. The `suppress` value changes the name attribute of the fields, and `off` relies on the browser to stop suggesting values on its own. Any other value is passed to the built-in autocomplete of the corresponding element.
      */
     autocomplete: String
   },

package/dist/esm-node/src/components/CdsFileInput/CdsFileInput.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-file-input--hide.cds-input .cds-field,
   .cds-file-input--hide.cds-input .cds-input__control,

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

@@ -11,13 +11,13 @@ import { f as filterProps } from "../../core/defineComponent.mjs";
 import { f as forwardRefs } from "../../core/forwardRefs.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { D as filterInputAttrs, a3 as omit, r as callEvent } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsFileInputConstants } from "./api/CdsFileInput.constants.mjs";
 import { d as defineCdsFileInputProps } from "./api/CdsFileInput.props.mjs";
 import { u as useFileDrop } from "./composables/useFileDrop.mjs";
 import { u as useFileFilter } from "./composables/useFileFilter.mjs";
 import { h as humanReadableFileSize } from "./utils/humanReadableFileSize.mjs";
+import { D as filterInputAttrs, a3 as omit, r as callEvent } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsFileInputConstants.name,

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

@@ -1,32 +1,56 @@
 import { d as defineCdsFieldProps } from "../../CdsField/api/CdsField.props.mjs";
 import { d as defineCdsInputProps } from "../../CdsInput/api/CdsInput.props.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a3 as omit, ac as wrapInArray } from "../../../utils/helpers.mjs";
 import { d as defineFileFilterProps } from "../composables/useFileFilter.mjs";
 import { C as CdsFileInputConstants } from "./CdsFileInput.constants.mjs";
+import { a3 as omit, ac as wrapInArray } from "../../../utils/helpers.mjs";
 const defineCdsFileInputProps = propsFactory(
   {
-    /** Отображать выбранные файлы в виде тегов (CdsTag) вместо списка имён. */
+    /**
+     * Отображать выбранные файлы в виде тегов (CdsTag) вместо списка имён.
+     * @en Show the chosen files as tags (CdsTag) instead of a list of names.
+     */
     chips: Boolean,
-    /** Отображать счётчик количества (и, при `showSize`, суммарного размера) выбранных файлов. */
+    /**
+     * Отображать счётчик количества (и, при `showSize`, суммарного размера) выбранных файлов.
+     * @en Show a counter of the number (and, with `showSize`, of the total size) of the chosen files.
+     */
     counter: Boolean,
-    /** Ключ локализации для текста счётчика с размером файлов. */
+    /**
+     * Ключ локализации для текста счётчика с размером файлов.
+     * @en Localization key for the text of the counter with the file size.
+     */
     counterSizeString: {
       type: String,
       default: "$cds.fileInput.counterSize"
     },
-    /** Ключ локализации для текста счётчика количества файлов. */
+    /**
+     * Ключ локализации для текста счётчика количества файлов.
+     * @en Localization key for the text of the file count counter.
+     */
     counterString: {
       type: String,
       default: "$cds.fileInput.counter"
     },
-    /** Скрыть поле ввода, оставив только иконку prepend (например, для использования как кнопки). */
+    /**
+     * Скрыть поле ввода, оставив только иконку prepend (например, для использования как кнопки).
+     * @en Hide the field, leaving only the prepend icon (to use it as a button, for example).
+     */
     hideInput: Boolean,
-    /** Текст-заполнитель, отображаемый в пустом поле (когда файлы ещё не выбраны). */
+    /**
+     * Текст-заполнитель, отображаемый в пустом поле (когда файлы ещё не выбраны).
+     * @en Placeholder text shown in an empty field (while no files are chosen yet).
+     */
     placeholder: String,
-    /** Разрешить выбор нескольких файлов. */
+    /**
+     * Разрешить выбор нескольких файлов.
+     * @en Allow selecting several files.
+     */
     multiple: Boolean,
-    /** Отображать размер выбранных файлов. Булево значение или основание счисления: 1000 (kB) или 1024 (KiB). */
+    /**
+     * Отображать размер выбранных файлов. Булево значение или основание счисления: 1000 (kB) или 1024 (KiB).
+     * @en Show the size of the chosen files. A boolean or the base: 1000 (kB) or 1024 (KiB).
+     */
     showSize: {
       type: [Boolean, Number, String],
       default: false,
@@ -34,12 +58,18 @@ const defineCdsFileInputProps = propsFactory(
         return typeof value === "boolean" || [1e3, 1024].includes(Number(value));
       }
     },
-    /** Максимальная длина имени файла до усечения (символы в начале и конце сохраняются). */
+    /**
+     * Максимальная длина имени файла до усечения (символы в начале и конце сохраняются).
+     * @en Maximum length of a file name before it is truncated (the characters at the start and at the end are kept).
+     */
     truncateLength: {
       type: [Number, String],
       default: 22
     },
-    /** Значение модели: массив файлов (при `multiple`), один файл или `null`. */
+    /**
+     * Значение модели: массив файлов (при `multiple`), один файл или `null`.
+     * @en Value of the model: an array of files (with `multiple`), a single file or `null`.
+     */
     modelValue: {
       type: [Array, Object],
       default: (props) => props.multiple ? [] : null,

package/dist/esm-node/src/components/CdsFileInput/composables/useFileFilter.mjs

@@ -2,7 +2,10 @@ import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { computed } from "vue";
 const defineFileFilterProps = propsFactory(
   {
-    /** Фильтрация файлов по MIME-типу или расширению (например `image/*,.pdf`). Отклонённые файлы не попадают в модель. */
+    /**
+     * Фильтрация файлов по MIME-типу или расширению (например `image/*,.pdf`). Отклонённые файлы не попадают в модель.
+     * @en Filtering of files by MIME type or extension (`image/*,.pdf`, for example). The rejected files do not get into the model.
+     */
     filterByType: String
   },
   "file-filter"

package/dist/esm-node/src/components/CdsFileUpload/CdsFileUpload.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-file-upload .cds-input__control {
     flex-direction: column;

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

@@ -11,12 +11,12 @@ import { f as filterProps } from "../../core/defineComponent.mjs";
 import { f as forwardRefs } from "../../core/forwardRefs.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { ac as wrapInArray, a3 as omit, D as filterInputAttrs } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { c as CdsFileUploadConstants, d as CdsFileUploadSymbol } from "./api/CdsFileUpload.constants.mjs";
 import { a as defineCdsFileUploadDropzoneProps, c as defineCdsFileUploadProps } from "./api/CdsFileUpload.props.mjs";
 import { _ as _sfc_main$1 } from "./CdsFileUploadDropzone.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsFileUploadList.vue_vue_type_script_setup_true_lang.mjs";
+import { ac as wrapInArray, a3 as omit, D as filterInputAttrs } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsFileUploadConstants.name,
@@ -125,6 +125,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unref(inputRef).value = "";
     }
     __expose(forwardRefs({
+      /**
+       * Ссылка на нативный элемент `input[type=file]` — для программного открытия диалога выбора файлов.
+       * @en Ref to the native `input[type=file]` element — for opening the file dialog programmatically.
+       */
       controlRef: inputRef
     }, cdsInputRef, dropzoneRef));
     return () => {

package/dist/esm-node/src/components/CdsFileUpload/CdsFileUploadDropzone.vue_vue_type_script_setup_true_lang.mjs

@@ -11,11 +11,11 @@ import { d as defineCdsSurfaceProps } from "../CdsSurface/api/CdsSurface.props.m
 import { a as useLocale } from "../../composables/useLocale/useLocale.mjs";
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsFileUploadDropzoneConstants, d as CdsFileUploadSymbol } from "./api/CdsFileUpload.constants.mjs";
 import { a as defineCdsFileUploadDropzoneProps } from "./api/CdsFileUpload.props.mjs";
 import { _ as _sfc_main$1 } from "./CdsFileUploadItem.vue_vue_type_script_setup_true_lang.mjs";
 import { g as getFileKey } from "./utils/getFileKey.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsFileUploadDropzoneConstants.name

package/dist/esm-node/src/components/CdsFileUpload/CdsFileUploadItem.vue_vue_type_script_setup_true_lang.mjs

@@ -7,9 +7,9 @@ import { a as CdsListItem } from "../CdsList/index.mjs";
 import { a as defineCdsListItemProps } from "../CdsList/api/CdsList.props.mjs";
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsFileUploadItemConstants } from "./api/CdsFileUpload.constants.mjs";
 import { d as defineCdsFileUploadItemProps } from "./api/CdsFileUpload.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsFileUploadItemConstants.name

package/dist/esm-node/src/components/CdsFileUpload/CdsFileUploadList.vue_vue_type_script_setup_true_lang.mjs

@@ -4,11 +4,11 @@ import { C as CdsList } from "../CdsList/index.mjs";
 import { b as defineCdsListProps } from "../CdsList/api/CdsList.props.mjs";
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { b as CdsFileUploadListConstants, d as CdsFileUploadSymbol } from "./api/CdsFileUpload.constants.mjs";
 import { b as defineCdsFileUploadListProps } from "./api/CdsFileUpload.props.mjs";
 import { _ as _sfc_main$1 } from "./CdsFileUploadItem.vue_vue_type_script_setup_true_lang.mjs";
 import { g as getFileKey } from "./utils/getFileKey.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsFileUploadListConstants.name

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

@@ -8,45 +8,78 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.mjs";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick, ac as wrapInArray, a3 as omit } from "../../../utils/helpers.mjs";
 import { C as CdsFileUploadItemConstants, a as CdsFileUploadDropzoneConstants, b as CdsFileUploadListConstants, c as CdsFileUploadConstants } from "./CdsFileUpload.constants.mjs";
+import { a7 as pick, ac as wrapInArray, a3 as omit } from "../../../utils/helpers.mjs";
 const defineSharedDropzoneProps = () => ({
-  /** Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`). */
+  /**
+   * Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`).
+   * @en Text of the file browse button. Supports localization keys (`$cds.fileUpload.browse`).
+   */
   browseText: {
     type: String,
     default: "$cds.fileUpload.browse"
   },
-  /** Текст разделителя между иконкой и кнопкой выбора файлов. */
+  /**
+   * Текст разделителя между иконкой и кнопкой выбора файлов.
+   * @en Text of the divider between the icon and the file browse button.
+   */
   dividerText: {
     type: String,
     default: "$cds.fileUpload.divider"
   },
-  /** Заголовок зоны загрузки. */
+  /**
+   * Заголовок зоны загрузки.
+   * @en Title of the upload zone.
+   */
   title: {
     type: String,
     default: "$cds.fileUpload.title"
   },
-  /** Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`. */
+  /**
+   * Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`.
+   * @en Subtitle under the file browse button. Shown with `size` `md` and `lg` only.
+   */
   subtitle: String,
-  /** Иконка в центре зоны загрузки. */
+  /**
+   * Иконка в центре зоны загрузки.
+   * @en Icon in the center of the upload zone.
+   */
   icon: {
     type: IconValue,
     default: "upload"
   },
-  /** Разрешает удалять выбранные файлы из списка. */
+  /**
+   * Разрешает удалять выбранные файлы из списка.
+   * @en Allows removing the chosen files from the list.
+   */
   clearable: Boolean,
-  /** Скрывает кнопку выбора файлов — зона загрузки становится кликабельной целиком. */
+  /**
+   * Скрывает кнопку выбора файлов — зона загрузки становится кликабельной целиком.
+   * @en Hides the file browse button — the whole upload zone becomes clickable.
+   */
   hideBrowse: Boolean,
-  /** Отображает список выбранных файлов внутри зоны загрузки, а не под ней. */
+  /**
+   * Отображает список выбранных файлов внутри зоны загрузки, а не под ней.
+   * @en Shows the list of the chosen files inside the upload zone instead of under it.
+   */
   insetFileList: Boolean,
-  /** Разрешает выбор нескольких файлов. */
+  /**
+   * Разрешает выбор нескольких файлов.
+   * @en Allows choosing several files.
+   */
   multiple: Boolean,
-  /** Затемнение зоны загрузки при перетаскивании файлов. */
+  /**
+   * Затемнение зоны загрузки при перетаскивании файлов.
+   * @en Dimming of the upload zone while files are being dragged over it.
+   */
   scrim: {
     type: [Boolean, String],
     default: true
   },
-  /** Отображает размер файла. Число задаёт основание для перевода в человекочитаемый вид. */
+  /**
+   * Отображает размер файла. Число задаёт основание для перевода в человекочитаемый вид.
+   * @en Shows the size of the file. A number sets the base for the human-readable conversion.
+   */
   showSize: {
     type: [Boolean, Number],
     default: false
@@ -54,6 +87,7 @@ const defineSharedDropzoneProps = () => ({
   /**
    * Размер зоны загрузки.
    * При `sm` зона отображается компактной строкой без кнопки выбора файлов и разделителя.
+   * @en Size of the upload zone. With `sm` the zone is shown as a compact row without the browse button and the divider.
    */
   size: {
     type: String,
@@ -63,13 +97,19 @@ const defineSharedDropzoneProps = () => ({
 const defineCdsFileUploadDropzoneProps = propsFactory(
   {
     ...defineSharedDropzoneProps(),
-    /** Отображает зону загрузки в состоянии ошибки. */
+    /**
+     * Отображает зону загрузки в состоянии ошибки.
+     * @en Shows the upload zone in the error state.
+     */
     error: Boolean,
     ...defineDisabledProps(),
     ...defineReadonlyProps(),
     ...pick(defineCdsDividerProps({ length: 150 }), ["length", "thickness", "opacity"]),
     ...defineCdsSurfaceProps(),
-    /** Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется автономно. */
+    /**
+     * Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется автономно.
+     * @en The list of the chosen files. Used when `CdsFileUploadDropzone` is applied on its own.
+     */
     modelValue: {
       type: Array,
       default: () => []
@@ -79,19 +119,31 @@ const defineCdsFileUploadDropzoneProps = propsFactory(
 );
 const defineCdsFileUploadItemProps = propsFactory(
   {
-    /** Разрешает удалить файл из списка. */
+    /**
+     * Разрешает удалить файл из списка.
+     * @en Allows removing the file from the list.
+     */
     clearable: Boolean,
-    /** Файл, который отображает элемент списка. */
+    /**
+     * Файл, который отображает элемент списка.
+     * @en The file shown by the list item.
+     */
     file: {
       type: Object,
       default: null
     },
-    /** Иконка-заглушка для файлов, у которых нет превью. */
+    /**
+     * Иконка-заглушка для файлов, у которых нет превью.
+     * @en Fallback icon for the files that have no preview.
+     */
     fileIcon: {
       type: IconValue,
       default: "doc"
     },
-    /** Отображает размер файла вместо его MIME-типа. */
+    /**
+     * Отображает размер файла вместо его MIME-типа.
+     * @en Shows the size of the file instead of its MIME type.
+     */
     showSize: {
       type: [Boolean, Number],
       default: false
@@ -102,14 +154,23 @@ const defineCdsFileUploadItemProps = propsFactory(
 );
 const defineCdsFileUploadListProps = propsFactory(
   {
-    /** Разрешает удалять файлы из списка. */
+    /**
+     * Разрешает удалять файлы из списка.
+     * @en Allows removing files from the list.
+     */
     clearable: Boolean,
-    /** Отображает размер каждого файла. */
+    /**
+     * Отображает размер каждого файла.
+     * @en Shows the size of every file.
+     */
     showSize: {
       type: [Boolean, Number],
       default: false
     },
-    /** Список файлов. По умолчанию берётся из контекста `CdsFileUpload`. */
+    /**
+     * Список файлов. По умолчанию берётся из контекста `CdsFileUpload`.
+     * @en The list of files. Taken from the `CdsFileUpload` context by default.
+     */
     files: Array,
     ...defineCdsListProps({ lines: false })
   },
@@ -123,7 +184,10 @@ const defineCdsFileUploadProps = propsFactory(
     // `size` исключён намеренно: у `CdsInput` он шире (`xs`–`xl`), а зона загрузки
     // поддерживает только `sm` | `md` | `lg`. Единый источник — `defineSharedDropzoneProps`.
     ...omit(defineCdsInputProps(), ["direction", "modelValue", "size"]),
-    /** Выбранные файлы. Массив при `multiple`, иначе одиночный `File`. */
+    /**
+     * Выбранные файлы. Массив при `multiple`, иначе одиночный `File`.
+     * @en The chosen files. An array with `multiple`, a single `File` otherwise.
+     */
     modelValue: {
       type: [Array, Object],
       default: null,

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

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

@@ -1,14 +1,14 @@
 import { defineComponent, useSlots, watch, unref, createVNode } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
-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 CdsFooterConstants } from "./api/CdsFooter.constants.mjs";
 import { d as defineCdsFooterProps } from "./api/CdsFooter.props.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.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({
   ...{