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

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

@@ -3,21 +3,28 @@ import { d as defineCdsTextInputProps } from "../../CdsTextInput/api/CdsTextInpu
 import { d as defineFilterProps } from "../../../composables/useFilter/useFilter.mjs";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a3 as omit } from "../../../utils/helpers.mjs";
 import { C as CdsAutocompleteConstants } from "./CdsAutocomplete.constants.mjs";
 import { C as CdsModalTransition } from "../../../transitions/modalTransition.mjs";
+import { a3 as omit } from "../../../utils/helpers.mjs";
 const defineCdsAutocompleteProps = propsFactory(
   {
     /**
      * Подсвечивает первый подходящий элемент списка при вводе; Enter или Tab выбирают его.
      * Значение `exact` подсвечивает только при полном совпадении поискового запроса с заголовком элемента.
+     * @en Highlights the first matching item as you type; Enter or Tab select it. The `exact` value highlights it only on a full match of the search query with the item title.
      */
     autoSelectFirst: {
       type: [Boolean, String]
     },
-    /** Очищает поисковый запрос после выбора элемента (актуально для `multiple`). */
+    /**
+     * Очищает поисковый запрос после выбора элемента (актуально для `multiple`).
+     * @en Clears the search query after an item is selected (relevant for `multiple`).
+     */
     clearOnSelect: Boolean,
-    /** Текущее значение поискового запроса для фильтрации элементов (v-model:search). */
+    /**
+     * Текущее значение поискового запроса для фильтрации элементов (v-model:search).
+     * @en Current value of the search query used to filter the items (v-model:search).
+     */
     search: String,
     ...defineFilterProps({ filterKeys: ["title"] }),
     ...omit(defineSelectProps(), ["nativeSelect", "noAutoScroll"]),

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

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

@@ -1,17 +1,17 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 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 { l as isObject } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsBadge } from "../CdsBadge/index.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsImage } from "../CdsImage/index.mjs";
 import { C as CdsAvatarConstants } from "./api/CdsAvatar.constants.mjs";
 import { d as defineCdsAvatarProps } from "./api/CdsAvatar.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
+import { l as isObject } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsAvatarConstants.name

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

@@ -1,25 +1,40 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { d as defineTextProps } from "../../../composables/useText/useText.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 CdsAvatarConstants } from "./CdsAvatar.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
 const defineCdsAvatarProps = propsFactory(
   {
-    /** Бейдж аватара. `true` показывает точку, объект — пропсы `CdsBadge`. */
+    /**
+     * Бейдж аватара. `true` показывает точку, объект — пропсы `CdsBadge`.
+     * @en Avatar badge. `true` shows a dot, an object is passed through as `CdsBadge` props.
+     */
     badge: {
       type: [Boolean, Object],
       default: false
     },
-    /** Источник изображения аватара. Имеет приоритет над `icon` и `text`. */
+    /**
+     * Источник изображения аватара. Имеет приоритет над `icon` и `text`.
+     * @en Source of the avatar image. Takes priority over `icon` and `text`.
+     */
     image: String,
-    /** Иконка, отображаемая в аватаре, если не задано изображение. */
+    /**
+     * Иконка, отображаемая в аватаре, если не задано изображение.
+     * @en Icon shown in the avatar when no image is set.
+     */
     icon: IconValue,
-    /** Добавляет отступ справа — для использования в начале строки контента. */
+    /**
+     * Добавляет отступ справа — для использования в начале строки контента.
+     * @en Adds a margin on the right — for an avatar at the beginning of a line of content.
+     */
     start: Boolean,
-    /** Добавляет отступ слева — для использования в конце строки контента. */
+    /**
+     * Добавляет отступ слева — для использования в конце строки контента.
+     * @en Adds a margin on the left — for an avatar at the end of a line of content.
+     */
     end: Boolean,
     ...defineSizeProps(),
     ...defineTextProps(),

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

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

@@ -2,16 +2,16 @@ import { defineComponent, useSlots, useAttrs, unref, createVNode, mergeProps, wi
 import { a as useLocale } from "../../composables/useLocale/useLocale.mjs";
 import { u as useLocation } from "../../composables/useLocation/useLocation.mjs";
 import { u as useText } from "../../composables/useText/useText.mjs";
-import { u as useTheme } from "../../composables/useTheme/useTheme.mjs";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { a8 as pickWithRest, u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsBadgeConstants, f as floatingBadgeDotOffset, a as floatingBadgeOffset, d as defaultBadgeDotOffset, b as defaultBadgeOffset } from "./api/CdsBadge.constants.mjs";
 import { d as defineCdsBadgeProps } from "./api/CdsBadge.props.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { u as useTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
+import { a8 as pickWithRest, u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsBadgeConstants.name,

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

@@ -1,41 +1,69 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.mjs";
 import { d as defineTextProps } from "../../../composables/useText/useText.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.mjs";
 import { a as defineTagProps, 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 CdsBadgeConstants } from "./CdsBadge.constants.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.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";
 const defineCdsBadgeProps = propsFactory(
   {
-    /**Иконка, отображаемая в компоненте. Если указано свойство `dot`, то это свойство будет проигнорировано. */
+    /**
+     * Иконка, отображаемая в компоненте. Если указано свойство `dot`, то это свойство будет проигнорировано.
+     * @en Icon shown inside the component. Ignored when the `dot` prop is set.
+     */
     icon: IconValue,
-    /**Уменьшает размер и скрывает содержимое, отображая компонент в виде точки */
+    /**
+     * Уменьшает размер и скрывает содержимое, отображая компонент в виде точки
+     * @en Shrinks the component and hides its content, rendering it as a dot
+     */
     dot: Boolean,
-    /**Размер точки */
+    /**
+     * Размер точки
+     * @en Dot size
+     */
     dotSize: [Number, String],
-    /**Отображать как inline блок вместо абсолютного позиционирования. Свойства location, floating и offset будут проигнорированы. */
+    /**
+     * Отображать как inline блок вместо абсолютного позиционирования. Свойства location, floating и offset будут проигнорированы.
+     * @en Renders as an inline block instead of using absolute positioning. The location, floating and offset props are ignored.
+     */
     inline: Boolean,
-    /**Переносит компонент дальше от контента. Это соответствует смещению на 8 пикселей. */
+    /**
+     * Переносит компонент дальше от контента. Это соответствует смещению на 8 пикселей.
+     * @en Moves the component further away from the content — an 8 pixel offset.
+     */
     floating: Boolean,
     /**
      * Устанавливает максимальное допустимое значение при использовании атрибута content со значением в виде числа.
      * Если число в поле content превышает максимальное значение, к нему добавляется суффикс «+».
+     * @en Sets the maximum allowed value when content holds a number. If the number exceeds the maximum, a "+" suffix is added.
      */
     max: [Number, String],
-    /** Сместить по оси X */
+    /**
+     * Сместить по оси X
+     * @en Offset along the X axis
+     */
     offsetX: [Number, String],
-    /** Сместить по оси Y */
+    /**
+     * Сместить по оси Y
+     * @en Offset along the Y axis
+     */
     offsetY: [Number, String],
-    /** Определяет, отображается ли компонент или скрыт. */
+    /**
+     * Определяет, отображается ли компонент или скрыт.
+     * @en Controls whether the component is shown or hidden.
+     */
     modelValue: {
       type: Boolean,
       default: true
     },
-    /** Aria-label для компонента. Если не указано, будет использоваться значение по умолчанию. */
+    /**
+     * Aria-label для компонента. Если не указано, будет использоваться значение по умолчанию.
+     * @en Aria-label for the component. Falls back to the default value when not set.
+     */
     label: {
       type: String,
       default: "$cds.badge"

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

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

@@ -1,6 +1,5 @@
 import { defineComponent, useSlots, computed, toRef, createVNode, unref, Fragment, mergeProps } from "vue";
 import { p as provideDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { b as CdsBreadcrumbsConstants } from "./api/CdsBreadcrumbs.constants.mjs";
@@ -8,6 +7,7 @@ import { b as defineCdsBreadcrumbsProps } from "./api/CdsBreadcrumbs.props.mjs";
 import { _ as _sfc_main$2 } from "./CdsBreadcrumbsDivider.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsBreadcrumbsItem.vue_vue_type_script_setup_true_lang.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsBreadcrumbsConstants.name

package/dist/esm-node/src/components/CdsBreadcrumbs/CdsBreadcrumbsDivider.vue_vue_type_script_setup_true_lang.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsBreadcrumbsDividerConstants } from "./api/CdsBreadcrumbs.constants.mjs";
 import { d as defineCdsBreadcrumbsDividerProps } from "./api/CdsBreadcrumbs.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsBreadcrumbsDividerConstants.name

package/dist/esm-node/src/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue_vue_type_script_setup_true_lang.mjs

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, useAttrs, computed, unref, createVNode, mergeProps } from "vue";
 import { u as useLink } from "../../composables/useRouter/useRouter.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsBreadcrumbsItemConstants } from "./api/CdsBreadcrumbs.constants.mjs";
 import { a as defineCdsBreadcrumbsItemProps } from "./api/CdsBreadcrumbs.props.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.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: CdsBreadcrumbsItemConstants.name

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

@@ -3,25 +3,37 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.mjs";
 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 CdsBreadcrumbsDividerConstants, a as CdsBreadcrumbsItemConstants, b as CdsBreadcrumbsConstants } from "./CdsBreadcrumbs.constants.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsBreadcrumbsProps = propsFactory(
   {
-    /** Массив строк или объектов, используемый для автоматического создания дочерних компонентов */
+    /**
+     * Массив строк или объектов, используемый для автоматического создания дочерних компонентов
+     * @en Array of strings or objects used to build the child components automatically
+     */
     items: {
       type: Array,
       default: () => []
     },
-    /** Разделитель между дочерними компонентами */
+    /**
+     * Разделитель между дочерними компонентами
+     * @en Divider between the child components
+     */
     divider: {
       type: String,
       default: "/"
     },
-    /** Иконка отображаемая рядом с компонентом */
+    /**
+     * Иконка отображаемая рядом с компонентом
+     * @en Icon displayed next to the component
+     */
     icon: IconValue,
-    /** Класс, применяемый к компоненту, когда он находится в активном состоянии */
+    /**
+     * Класс, применяемый к компоненту, когда он находится в активном состоянии
+     * @en Class applied to the component when it is in the active state
+     */
     activeClass: String,
     ...defineComponentProps(),
     ...defineDisabledProps(),
@@ -32,11 +44,20 @@ const defineCdsBreadcrumbsProps = propsFactory(
 );
 const defineCdsBreadcrumbsItemProps = propsFactory(
   {
-    /** Активное состояние компонента, обычно используется для обозначения текущей страницы в навигации */
+    /**
+     * Активное состояние компонента, обычно используется для обозначения текущей страницы в навигации
+     * @en Active state of the component; usually marks the current page in the navigation
+     */
     active: Boolean,
-    /** Класс, применяемый к компоненту, когда он находится в активном состоянии */
+    /**
+     * Класс, применяемый к компоненту, когда он находится в активном состоянии
+     * @en Class applied to the component when it is in the active state
+     */
     activeClass: String,
-    /** Заголовок элемента, отображаемый в компоненте */
+    /**
+     * Заголовок элемента, отображаемый в компоненте
+     * @en Item title displayed in the component
+     */
     title: String,
     ...defineComponentProps(),
     ...defineRouterProps(),
@@ -49,7 +70,10 @@ const defineCdsBreadcrumbsItemProps = propsFactory(
 );
 const defineCdsBreadcrumbsDividerProps = propsFactory(
   {
-    /** Разделитель */
+    /**
+     * Разделитель
+     * @en Divider
+     */
     divider: [Number, String],
     ...defineComponentProps()
   },

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

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

@@ -3,18 +3,18 @@ import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.mjs";
 import { u as useLoader } from "../../composables/useLoader/useLoader.mjs";
 import { u as useLink } from "../../composables/useRouter/useRouter.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 CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.mjs";
 import { C as CdsButtonConstants } from "./api/CdsButton.constants.mjs";
 import { d as defineCdsButtonProps } from "./api/CdsButton.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useAppearance } from "../../composables/useAppearance/useAppearance.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
 import { b as useColor } from "../../composables/useColor/useColor.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsButtonConstants.name
@@ -80,7 +80,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
-      /** Возвращает текущий контекст группы, если эта кнопка используется в компоненте группы (например, CdsButtonGroup). */
+      /**
+       * Возвращает текущий контекст группы, если эта кнопка используется в компоненте группы (например, CdsButtonGroup).
+       * @en Returns the current group context when the button is used inside a group component (for example, CdsButtonGroup).
+       */
       group
     });
     return () => {

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

@@ -5,32 +5,53 @@ import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.mjs";
 import { d as defineTextProps } from "../../../composables/useText/useText.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 CdsButtonConstants, a as CdsButtonToggleSymbol } from "./CdsButton.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";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
 const defineCdsButtonProps = propsFactory(
   {
-    /** Управление активным состоянием компонента */
+    /**
+     * Управление активным состоянием компонента
+     * @en Controls the active state of the component
+     */
     active: {
       type: Boolean,
       default: void 0
     },
-    /** Иконка, компонент будет отображаться в состоянии только иконки */
+    /**
+     * Иконка, компонент будет отображаться в состоянии только иконки
+     * @en Icon to display; the component renders as an icon-only button
+     */
     icon: [Boolean, String, Function, Object],
-    /** Иконка в слоте prepend перед контентом */
+    /**
+     * Иконка в слоте prepend перед контентом
+     * @en Icon in the prepend slot, before the content
+     */
     prependIcon: IconValue,
-    /** Иконка в слоте append после контента */
+    /**
+     * Иконка в слоте append после контента
+     * @en Icon in the append slot, after the content
+     */
     appendIcon: IconValue,
-    /** Расширяет контент до краев, чтобы переместить основной контент из слотов prepend и append. */
+    /**
+     * Разводит слоты prepend и append к краям кнопки.
+     * @en Pushes the prepend and append slots apart to the edges of the button.
+     */
     spaced: String,
-    /** Располагает иконки и контент вертикально — иконка над текстом */
+    /**
+     * Располагает иконки и контент вертикально — иконка над текстом
+     * @en Stacks the icon above the text instead of placing them side by side
+     */
     stacked: Boolean,
-    /** Растягивает кнопку на всю доступную ширину контейнера */
+    /**
+     * Растягивает кнопку на всю доступную ширину контейнера
+     * @en Stretches the button to the full width of its container
+     */
     block: Boolean,
     ...defineComponentProps(),
     ...defineTextProps(),

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

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, toRef, createVNode, unref } from "vue";
 import { C as CdsButtonConstants } from "../CdsButton/api/CdsButton.constants.mjs";
 import { u as useDirection } from "../../composables/useDirection/useDirection.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsButtonGroupConstants } from "./api/CdsButtonGroup.constants.mjs";
 import { d as defineCdsButtonGroupProps } from "./api/CdsButtonGroup.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: CdsButtonGroupConstants.name

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

@@ -1,15 +1,18 @@
 import { d as defineAppearanceProps } from "../../../composables/useAppearance/useAppearance.mjs";
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.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 { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsButtonGroupConstants } from "./CdsButtonGroup.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsButtonGroupProps = propsFactory(
   {
-    /** Добавляет разделители между кнопками группы. */
+    /**
+     * Добавляет разделители между кнопками группы.
+     * @en Adds dividers between the buttons of the group.
+     */
     divided: Boolean,
     ...defineDirectionProps(),
     ...defineAppearanceProps(),

package/dist/esm-node/src/components/CdsButtonToggle/CdsButtonToggle.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-toggle > .cds-button--appearance-primary.cds-button--active:not(.cds-button--disabled) {
     color: rgb(var(--cds-color-content-on-dark));