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

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

@@ -1,26 +1,38 @@
+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 { C as CdsSkeletonLoaderConstants } from "./CdsSkeletonLoader.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsSkeletonLoaderProps = propsFactory(
   {
-    /** Тип скелета: предопределённый пресет либо произвольная строка (или массив строк) структуры. */
+    /**
+     * Тип скелета: предопределённый пресет либо произвольная строка (или массив строк) структуры.
+     * @en Skeleton type: a predefined preset or an arbitrary structure string (or an array of strings).
+     */
     type: {
       type: [String, Array],
       default: "block"
     },
-    /** Показывать скелет вместо контента слота во время загрузки. */
+    /**
+     * Показывать скелет вместо контента слота во время загрузки.
+     * @en Shows the skeleton instead of the slot content while loading.
+     */
     loading: {
       type: Boolean,
       default: false
     },
-    /** Текст для `aria-label` во время загрузки. */
+    /**
+     * Текст для `aria-label` во время загрузки.
+     * @en Text for the `aria-label` while loading.
+     */
     loadingText: {
       type: String,
       default: void 0
     },
-    /** Режим заготовки: отключает анимацию мерцания (для прототипирования). */
+    /**
+     * Режим заготовки: отключает анимацию мерцания (для прототипирования).
+     * @en Boilerplate mode: turns the shimmer animation off (for prototyping).
+     */
     boilerplate: {
       type: Boolean,
       default: false

package/dist/esm-node/src/components/CdsSlideGroup/CdsSlideGroup.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-slide-group {
     display: flex;

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

@@ -1,19 +1,19 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, watch, createVNode } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.mjs";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
 import { u as useGoTo } from "../../composables/useGoTo/useGoTo.mjs";
 import { u as useGroup } from "../../composables/useGroup/useGroup.mjs";
 import { u as useRtl } from "../../composables/useLocale/useLocale.mjs";
 import { u as useResizeObserver } from "../../composables/useResizeObserver/useResizeObserver.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { b as CdsTransitionFade } from "../../transitions/index.mjs";
+import { I as focusableChildren, _ as keyNames } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.mjs";
 import { C as CdsSlideGroupConstants } from "./api/CdsSlideGroup.constants.mjs";
 import { d as defineCdsSlideGroupProps } from "./api/CdsSlideGroup.props.mjs";
 import { c as calculateCenteredTarget, a as calculateUpdatedTarget, g as getOffsetSize, b as getScrollPosition, d as getScrollSize } from "./utils/calculateTargets.mjs";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { I as focusableChildren, _ as keyNames } from "../../utils/helpers.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSlideGroupConstants.name
@@ -255,17 +255,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       scrollToPosition(newPosition);
     }
     __expose({
-      /** Получить индекс выбранного элемента */
+      /**
+       * Получить индекс выбранного элемента
+       * @en Returns the index of the selected element
+       */
       selected: group.selected,
-      /** Получить скролл элемента */
+      /**
+       * Получить скролл элемента
+       * @en Returns the scroll offset of the element
+       */
       scrollOffset,
-      /** Возвращает значение true, если перед текущим индексом есть элементы. */
+      /**
+       * Возвращает значение true, если перед текущим индексом есть элементы.
+       * @en Returns true if there are elements before the current index.
+       */
       hasPrev,
-      /** Возвращает значение true, если после текущего индекса есть элементы. */
+      /**
+       * Возвращает значение true, если после текущего индекса есть элементы.
+       * @en Returns true if there are elements after the current index.
+       */
       hasNext,
-      /** Зафокусить компонента */
+      /**
+       * Зафокусить компонента
+       * @en Focuses the component
+       */
       focus,
-      /** Проскроллить к элементу по индексу */
+      /**
+       * Проскроллить к элементу по индексу
+       * @en Scrolls to the element by its index
+       */
       scrollTo
     });
     return () => {

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

@@ -1,23 +1,35 @@
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.mjs";
+import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.mjs";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.mjs";
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.mjs";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsSlideGroupConstants, a as CdsSlideGroupSymbol, b as CdsSlideGroupItemConstants } from "./CdsSlideGroup.constants.mjs";
-import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.mjs";
 const defineCdsSlideGroupProps = propsFactory(
   {
-    /** Принудительно выравнивает активный компонент по центру. */
+    /**
+     * Принудительно выравнивает активный компонент по центру.
+     * @en Forces the active component to be aligned to the center.
+     */
     centerActive: Boolean,
-    /** Если `true`, то при изменении активного компонента, контейнер будет прокручиваться так, чтобы он был виден. */
+    /**
+     * Если `true`, то при изменении активного компонента, контейнер будет прокручиваться так, чтобы он был виден.
+     * @en When `true`, the container scrolls the active component into view whenever it changes.
+     */
     scrollToActive: {
       type: Boolean,
       default: true
     },
-    /** Добавляет классы к контейнеру slide group */
+    /**
+     * Добавляет классы к контейнеру slide group
+     * @en Adds classes to the slide group container
+     */
     contentClass: null,
-    /** Добавляет inline-стили к контейнеру slide group */
+    /**
+     * Добавляет inline-стили к контейнеру slide group
+     * @en Adds inline styles to the slide group container
+     */
     contentStyle: null,
     /**
      * Изменяет настройки отображения стрелок:
@@ -27,17 +39,24 @@ const defineCdsSlideGroupProps = propsFactory(
      * Значение «desktop» всегда отображает стрелки на настольных устройствах, а значение «mobile» — на мобильных устройствах.<br />
      * Значение «always» всегда отображает стрелки как на настольных, так и на мобильных устройствах.<br />
      * Используйте значение «never», чтобы отключить отображение стрелок.
+     * @en Changes how the arrows are shown. By default the arrows appear on desktop devices when the container overflows and stay hidden on mobile devices. `true` also shows them on mobile on overflow, `desktop` always shows them on desktop, `mobile` always on mobile, `always` on both, and `never` disables the arrows.
      */
     showArrows: {
       type: [Boolean, String],
       validator: (v) => typeof v === "boolean" || ["always", "desktop", "mobile", "never"].includes(v)
     },
-    /** Иконка для кнопки "следующий". */
+    /**
+     * Иконка для кнопки "следующий".
+     * @en Icon for the “next” button.
+     */
     nextIcon: {
       type: IconValue,
       default: "next"
     },
-    /** Иконка для кнопки "предыдущий". */
+    /**
+     * Иконка для кнопки "предыдущий".
+     * @en Icon for the “previous” button.
+     */
     prevIcon: {
       type: IconValue,
       default: "prev"

package/dist/esm-node/src/components/CdsSlideView/CdsSlideView.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-slide-view {
     overflow: hidden;

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

@@ -4,14 +4,14 @@ import { u as useDirection } from "../../composables/useDirection/useDirection.m
 import { u as useGroup } from "../../composables/useGroup/useGroup.mjs";
 import { u as useRtl, a as useLocale } from "../../composables/useLocale/useLocale.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { _ as keyNames } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { c as getScrollParent } from "../../utils/dom/getScrollParent.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { C as CdsSlideViewConstants, a as CdsSlideViewGroupSymbol, b as CdsSlideViewSymbol } from "./api/CdsSlideView.constants.mjs";
 import { d as defineCdsSlideViewProps } from "./api/CdsSlideView.props.mjs";
 import { T as Touch } from "../../directives/touch/index.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
-import { c as getScrollParent } from "../../utils/dom/getScrollParent.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { _ as keyNames } from "../../utils/helpers.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSlideViewConstants.name,
@@ -187,6 +187,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
+      /**
+       * Состояние группы слайдов: список элементов, активный слайд и методы переключения.
+       * @en State of the slide group: the list of elements, the active slide and the switching methods.
+       */
       group
     });
     return () => {

package/dist/esm-node/src/components/CdsSlideView/CdsSlideViewItem.vue_vue_type_script_setup_true_lang.mjs

@@ -4,10 +4,10 @@ import { u as useLazy } from "../../composables/useLazy/useLazy.mjs";
 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 CdsSlideViewItemConstants, b as CdsSlideViewSymbol, a as CdsSlideViewGroupSymbol } from "./api/CdsSlideView.constants.mjs";
-import { a as defineCdsSlideViewItemProps } from "./api/CdsSlideView.props.mjs";
 import { u as convertToUnit } from "../../utils/helpers.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { c as CdsSlideViewItemConstants, b as CdsSlideViewSymbol, a as CdsSlideViewGroupSymbol } from "./api/CdsSlideView.constants.mjs";
+import { a as defineCdsSlideViewItemProps } from "./api/CdsSlideView.props.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSlideViewItemConstants.name
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     ...defineCdsSlideViewItemProps()
   },
-  emits: [],
+  emits: ["group:selected"],
   setup(__props, {
     expose: __expose
   }) {
@@ -79,6 +79,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     __expose({
+      /**
+       * Состояние слайда в группе: выбран ли он, его значение и метод переключения.
+       * @en State of the slide inside the group: whether it is selected, its value and the toggle method.
+       */
       groupItem
     });
     return () => {

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

@@ -3,32 +3,68 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.mjs";
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.mjs";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.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 { C as CdsSlideViewConstants } from "./CdsSlideView.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsSlideViewProps = propsFactory(
   {
+    /**
+     * Зацикливает перелистывание: с последнего слайда переход ведёт на первый и наоборот
+     * @en Loops the navigation: from the last slide you move to the first one and back
+     */
     continuous: Boolean,
+    /**
+     * Инвертирует направление анимации перехода между слайдами
+     * @en Inverts the direction of the transition animation between slides
+     */
     reverse: Boolean,
+    /**
+     * Показывает стрелки навигации. `'hover'` — только при наведении на компонент
+     * @en Shows the navigation arrows. `'hover'` — only while the pointer is over the component
+     */
     showArrows: {
       type: [Boolean, String],
       validator: (v) => typeof v === "boolean" || v === "hover"
     },
+    /**
+     * Размещает стрелки навигации вертикально: `'left'` или `'right'` — сторона, `true` — сторона по умолчанию
+     * @en Places the navigation arrows vertically: `'left'` or `'right'` — the side, `true` — the default side
+     */
     verticalArrows: [Boolean, String],
+    /**
+     * Иконка кнопки перехода к следующему слайду
+     * @en Icon of the button that moves to the next slide
+     */
     nextIcon: {
       type: [Boolean, String, Function, Object],
       default: "next"
     },
+    /**
+     * Иконка кнопки перехода к предыдущему слайду
+     * @en Icon of the button that moves to the previous slide
+     */
     prevIcon: {
       type: [Boolean, String, Function, Object],
       default: "prev"
     },
+    /**
+     * Управление перелистыванием свайпом: `false` отключает жесты, объект задаёт собственные обработчики касаний
+     * @en Controls swipe navigation: `false` turns the gestures off, an object sets your own touch handlers
+     */
     touch: {
       type: [Object, Boolean],
       default: void 0
     },
+    /**
+     * Слайды сменяются плавным перекрестным затуханием вместо сдвига
+     * @en Slides change with a smooth crossfade instead of a shift
+     */
     crossfade: Boolean,
+    /**
+     * Длительность анимации перехода между слайдами в миллисекундах
+     * @en Duration of the transition animation between slides, in milliseconds
+     */
     transitionDuration: Number,
     ...defineGroupProps(),
     ...defineDirectionProps(),
@@ -41,10 +77,18 @@ const defineCdsSlideViewProps = propsFactory(
 );
 const defineCdsSlideViewItemProps = propsFactory(
   {
+    /**
+     * Переход при показе слайда в обратном направлении. Имя transition-компонента или `false`, чтобы отключить анимацию
+     * @en Transition used when the slide appears in the reverse direction. A transition component name, or `false` to turn the animation off
+     */
     reverseTransition: {
       type: [Boolean, String],
       default: void 0
     },
+    /**
+     * Переход при показе слайда в прямом направлении. Имя transition-компонента или `false`, чтобы отключить анимацию
+     * @en Transition used when the slide appears in the forward direction. A transition component name, or `false` to turn the animation off
+     */
     transition: {
       type: [Boolean, String],
       default: void 0

package/dist/esm-node/src/components/CdsStages/CdsStages.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-stages {
     display: grid;

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

@@ -1,10 +1,10 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
 import { u as useItems } from "../../composables/useItems/useItems.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 { C as CdsStagesConstants } from "./api/CdsStages.constants.mjs";
 import { d as defineCdsStagesProps } from "./api/CdsStages.props.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStagesConstants.name
@@ -48,7 +48,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     };
     __expose({
+      /**
+       * Проверяет, является ли этап с указанным индексом текущим.
+       * @en Checks whether the stage with the given index is the current one.
+       */
       isCurrent,
+      /**
+       * Пройдены ли все этапы.
+       * @en Whether all the stages are passed.
+       */
       isFinished
     });
     return () => {

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

@@ -1,16 +1,22 @@
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.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 { C as CdsStagesConstants } from "./CdsStages.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsStagesProps = propsFactory(
   {
-    /** Текущий этап */
+    /**
+     * Текущий этап
+     * @en Current stage
+     */
     current: {
       type: [String, Number],
       default: null
     },
-    /** Завершены все этапы */
+    /**
+     * Завершены все этапы
+     * @en All stages are finished
+     */
     finished: Boolean,
     ...defineItemsProps(),
     ...defineComponentProps(),

package/dist/esm-node/src/components/CdsStatus/CdsStatus.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-status {
     display: inline-flex;

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
 import { u as useStatus } from "../../composables/useStatus/useStatus.mjs";
 import { u as useText } from "../../composables/useText/useText.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 { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsStatusConstants } from "./api/CdsStatus.constants.mjs";
 import { d as defineCdsStatusProps } from "./api/CdsStatus.props.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStatusConstants.name

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

@@ -1,13 +1,16 @@
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.mjs";
 import { d as defineTextProps } from "../../../composables/useText/useText.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 { C as CdsStatusConstants } from "./CdsStatus.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsStatusProps = propsFactory(
   {
     ...defineStatusProps(),
-    /** Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса. */
+    /**
+     * Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса.
+     * @en Display mode: `fill` — a filled badge without an icon; `text` — a transparent background with a colored status icon.
+     */
     variant: {
       type: String,
       default: "fill"

package/dist/esm-node/src/components/CdsSteps/CdsSteps.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-steps {
     display: flex;

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

@@ -1,14 +1,14 @@
 import { defineComponent, useSlots, computed, unref, toRef, createVNode } from "vue";
 import { u as useGroup } from "../../composables/useGroup/useGroup.mjs";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
+import { M as getPropertyFromItem } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { d as CdsStepsConstants, e as CdsStepsSymbol } from "./api/CdsSteps.constants.mjs";
 import { e as defineCdsStepsProps } from "./api/CdsSteps.props.mjs";
 import { _ as _sfc_main$4 } from "./CdsStepsActions.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsStepsItem.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsStepsView.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$3 } from "./CdsStepsViewItem.vue_vue_type_script_setup_true_lang.mjs";
-import { M as getPropertyFromItem } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -71,7 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
+      /**
+       * Переходит к предыдущему шагу.
+       * @en Moves to the previous step.
+       */
       prev,
+      /**
+       * Переходит к следующему шагу.
+       * @en Moves to the next step.
+       */
       next
     });
     return () => {

package/dist/esm-node/src/components/CdsSteps/CdsStepsActions.vue_vue_type_script_setup_true_lang.mjs

@@ -3,9 +3,9 @@ import { C as CdsButton } from "../CdsButton/index.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { a as useLocale } from "../../composables/useLocale/useLocale.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsStepsActionsConstants } from "./api/CdsSteps.constants.mjs";
 import { d as defineCdsStepsActionsProps } from "./api/CdsSteps.props.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStepsActionsConstants.name

package/dist/esm-node/src/components/CdsSteps/CdsStepsItem.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
 import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsStepsItemConstants, e as CdsStepsSymbol } from "./api/CdsSteps.constants.mjs";
 import { a as defineCdsStepsItemProps } from "./api/CdsSteps.props.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStepsItemConstants.name

package/dist/esm-node/src/components/CdsSteps/CdsStepsView.vue_vue_type_script_setup_true_lang.mjs

@@ -4,9 +4,9 @@ import { d as defineCdsSlideViewProps } from "../CdsSlideView/api/CdsSlideView.p
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { b as CdsStepsViewConstants, e as CdsStepsSymbol } from "./api/CdsSteps.constants.mjs";
 import { b as defineCdsStepsViewProps } from "./api/CdsSteps.props.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStepsViewConstants.name

package/dist/esm-node/src/components/CdsSteps/CdsStepsViewItem.vue_vue_type_script_setup_true_lang.mjs

@@ -3,9 +3,9 @@ import { a as CdsSlideViewItem } from "../CdsSlideView/index.mjs";
 import { a as defineCdsSlideViewItemProps } from "../CdsSlideView/api/CdsSlideView.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 CdsStepsViewItemConstants } from "./api/CdsSteps.constants.mjs";
 import { c as defineCdsStepsViewItemProps } from "./api/CdsSteps.props.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStepsViewItemConstants.name