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

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

@@ -1,15 +1,15 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, onBeforeMount, onBeforeUnmount, watch, createVNode, Fragment, mergeProps } 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 { u as useProxyModel } from "../../core/useProxyModel.mjs";
+import { _ as keyNames } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDrawerConstants, a as CDS_DRAWER_Z_INDEX_OUTER, b as CDS_DRAWER_WIDTH_MINIFIED, c as CDS_DRAWER_WIDTH } from "./api/CdsDrawer.constants.mjs";
 import { d as defineCdsDrawerProps } from "./api/CdsDrawer.props.mjs";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { _ as keyNames } from "../../utils/helpers.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsDrawerConstants.name,
@@ -165,6 +165,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isHovering.value = false;
     }
     __expose({
+      /**
+       * Ссылка на корневой DOM-элемент панели.
+       * @en Ref to the root DOM element of the drawer.
+       */
       drawerRef
     });
     return () => {

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

@@ -1,48 +1,72 @@
+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 CdsDrawerConstants } from "./CdsDrawer.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { a7 as pick } from "../../../utils/helpers.mjs";
+import { C as CdsDrawerConstants } from "./CdsDrawer.constants.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsDrawerProps = propsFactory(
   {
-    /** Показать/скрыть панель (v-model). */
+    /**
+     * Показать/скрыть панель (v-model).
+     * @en Shows/hides the drawer (v-model).
+     */
     modelValue: {
       type: Boolean,
       default: null
     },
-    /** Постоянно видима, независимо от размера экрана. */
+    /**
+     * Постоянно видима, независимо от размера экрана.
+     * @en Always visible, regardless of the screen size.
+     */
     permanent: {
       type: Boolean,
       default: false
     },
-    /** Временная панель: открывается через v-model и закрывается по оверлею. */
+    /**
+     * Временная панель: открывается через v-model и закрывается по оверлею.
+     * @en Temporary drawer: opens through v-model and closes on the overlay.
+     */
     temporary: {
       type: Boolean,
       default: false
     },
-    /** Свёрнутый вид (только иконки) до наведения мыши. */
+    /**
+     * Свёрнутый вид (только иконки) до наведения мыши.
+     * @en Minified look (icons only) until the mouse hovers over it.
+     */
     minified: {
       type: Boolean,
       default: false
     },
-    /** Применяет `position: fixed`. */
+    /**
+     * Применяет `position: fixed`.
+     * @en Applies `position: fixed`.
+     */
     fixed: {
       type: Boolean,
       default: false
     },
-    /** Позиционирование справа. */
+    /**
+     * Позиционирование справа.
+     * @en Positions the drawer on the right.
+     */
     right: {
       type: Boolean,
       default: false
     },
-    /** Добавляет границы между секциями (prepend/append). */
+    /**
+     * Добавляет границы между секциями (prepend/append).
+     * @en Adds borders between the sections (prepend/append).
+     */
     border: {
       type: Boolean,
       default: false
     },
-    /** Использовать внутренний скролл для секции контента. */
+    /**
+     * Использовать внутренний скролл для секции контента.
+     * @en Uses an inner scroll for the content section.
+     */
     fixedSlots: {
       type: Boolean,
       default: false

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

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

@@ -1,18 +1,18 @@
 import { defineComponent, useSlots, resolveDynamicComponent, createVNode, unref } 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 { p as pascalCase } from "../../utils/changeCase.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsButton } from "../CdsButton/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 CdsEmptyStateConstants } from "./api/CdsEmptyState.constants.mjs";
 import { d as defineCdsEmptyStateProps } from "./api/CdsEmptyState.props.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
-import { p as pascalCase } from "../../utils/changeCase.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsEmptyStateConstants.name

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

@@ -1,40 +1,65 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.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 { 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 CdsEmptyStateConstants } from "./CdsEmptyState.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsEmptyStateProps = propsFactory(
   {
-    /** Текст кнопки действия. При указании рендерится кнопка под контентом. */
+    /**
+     * Текст кнопки действия. При указании рендерится кнопка под контентом.
+     * @en Text of the action button. When set, a button is rendered below the content.
+     */
     actionText: String,
-    /** Иконка в медиа-области. */
+    /**
+     * Иконка в медиа-области.
+     * @en Icon in the media area.
+     */
     icon: IconValue,
     /**
      * Legacy-иллюстрация из пакета `@central-design-system/illustrations` (CDS 3):
      * kebab-case имя глобально зарегистрированного компонента, например `rocket`.
      * Иллюстрации регистрируются через опцию `illustrations` в `createCds`.
+     * @en Legacy illustration from the `@central-design-system/illustrations` package (CDS 3): the kebab-case name of a globally registered component, for example `rocket`. Illustrations are registered through the `illustrations` option of `createCds`.
      */
     illustration: String,
-    /** Источник изображения в медиа-области (имеет приоритет над `icon`). */
+    /**
+     * Источник изображения в медиа-области (имеет приоритет над `icon`).
+     * @en Source of the image in the media area (takes priority over `icon`).
+     */
     image: String,
-    /** Горизонтальное выравнивание контента: `start`, `center`, `end`. */
+    /**
+     * Горизонтальное выравнивание контента: `start`, `center`, `end`.
+     * @en Horizontal alignment of the content: `start`, `center`, `end`.
+     */
     justify: {
       type: String,
       default: "center"
     },
-    /** Крупный акцентный заголовок над основным заголовком. */
+    /**
+     * Крупный акцентный заголовок над основным заголовком.
+     * @en Large accent heading above the main heading.
+     */
     headline: String,
-    /** Заголовок. */
+    /**
+     * Заголовок.
+     * @en Heading.
+     */
     title: String,
-    /** Описание */
+    /**
+     * Описание
+     * @en Description
+     */
     description: String,
-    /** Максимальная ширина блока описания. */
+    /**
+     * Максимальная ширина блока описания.
+     * @en Maximum width of the description block.
+     */
     textWidth: {
       type: [Number, String],
       default: 500

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

@@ -3,11 +3,11 @@ import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.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 CdsExpandablePanelConstants, e as CdsExpandablePanelsSymbol, d as CdsExpandablePanelSymbol, C as CdsExpandablePanelContentConstants, a as CdsExpandablePanelTitleConstants } from "./api/CdsExpandablePanel.constants.mjs";
 import { d as defineCdsExpandablePanelContentProps, a as defineCdsExpandablePanelTitleProps, b as defineCdsExpandablePanelProps } from "./api/CdsExpandablePanel.props.mjs";
 import { _ as _sfc_main$2 } from "./CdsExpandablePanelContent.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsExpandablePanelTitle.vue_vue_type_script_setup_true_lang.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelConstants.name
@@ -26,13 +26,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const groupItem = useGroupItem(props, CdsExpandablePanelsSymbol);
     provide(CdsExpandablePanelSymbol, groupItem);
     __expose({
-      /** Панель раскрыта */
+      /**
+       * Панель раскрыта
+       * @en The panel is expanded
+       */
       isSelected: groupItem.isSelected,
-      /** Панель заблокирована */
+      /**
+       * Панель заблокирована
+       * @en The panel is blocked
+       */
       disabled: groupItem.disabled,
-      /** Переключить раскрытие панели */
+      /**
+       * Переключить раскрытие панели
+       * @en Toggles the expansion of the panel
+       */
       toggle: groupItem.toggle,
-      /** Раскрыть/свернуть панель */
+      /**
+       * Раскрыть/свернуть панель
+       * @en Expands or collapses the panel
+       */
       select: groupItem.select
     });
     return () => {

package/dist/esm-node/src/components/CdsExpandablePanel/CdsExpandablePanelContent.vue_vue_type_script_setup_true_lang.mjs

@@ -2,9 +2,9 @@ import { defineComponent, useSlots, inject, createVNode, unref } from "vue";
 import { u as useLazy } from "../../composables/useLazy/useLazy.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as CdsTransitionExpand } from "../../transitions/index.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsExpandablePanelContentConstants, d as CdsExpandablePanelSymbol } from "./api/CdsExpandablePanel.constants.mjs";
 import { d as defineCdsExpandablePanelContentProps } from "./api/CdsExpandablePanel.props.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelContentConstants.name

package/dist/esm-node/src/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue_vue_type_script_setup_true_lang.mjs

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, inject, computed, unref, createVNode } from "vue";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsExpandablePanelTitleConstants, d as CdsExpandablePanelSymbol } from "./api/CdsExpandablePanel.constants.mjs";
 import { a as defineCdsExpandablePanelTitleProps } from "./api/CdsExpandablePanel.props.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelTitleConstants.name
@@ -34,9 +34,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       readonly: props.readonly
     }));
     __expose({
-      /** Панель раскрыта */
+      /**
+       * Панель раскрыта
+       * @en The panel is expanded
+       */
       isSelected: panel.isSelected,
-      /** Переключить раскрытие панели */
+      /**
+       * Переключить раскрытие панели
+       * @en Toggles the expansion of the panel
+       */
       toggle: panel.toggle
     });
     return () => {

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

package/dist/esm-node/src/components/CdsExpandablePanel/CdsExpandablePanels.vue_vue_type_script_setup_true_lang.mjs

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, toRef, createVNode, unref } from "vue";
 import { u as useGroup } from "../../composables/useGroup/useGroup.mjs";
-import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
-import { c as CdsExpandablePanelsConstants, e as CdsExpandablePanelsSymbol, b as CdsExpandablePanelConstants } from "./api/CdsExpandablePanel.constants.mjs";
-import { c as defineCdsExpandablePanelsProps } from "./api/CdsExpandablePanel.props.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
+import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
 import { u as convertToUnit } from "../../utils/helpers.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { c as CdsExpandablePanelsConstants, e as CdsExpandablePanelsSymbol, b as CdsExpandablePanelConstants } from "./api/CdsExpandablePanel.constants.mjs";
+import { c as defineCdsExpandablePanelsProps } from "./api/CdsExpandablePanel.props.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelsConstants.name
@@ -41,9 +41,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
-      /** Раскрыть предыдущую панель */
+      /**
+       * Раскрыть предыдущую панель
+       * @en Expands the previous panel
+       */
       prev,
-      /** Раскрыть следующую панель */
+      /**
+       * Раскрыть следующую панель
+       * @en Expands the next panel
+       */
       next
     });
     return () => {

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

@@ -3,34 +3,52 @@ import { d as defineGroupItemProps } from "../../../composables/useGroup/useGrou
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.mjs";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.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 { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsExpandablePanelContentConstants, a as CdsExpandablePanelTitleConstants, b as CdsExpandablePanelConstants, c as CdsExpandablePanelsConstants } from "./CdsExpandablePanel.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";
 const defineCdsExpandablePanelTitleProps = propsFactory(
   {
-    /** Иконка раскрытия панели */
+    /**
+     * Иконка раскрытия панели
+     * @en Icon shown when the panel is collapsed and can be expanded
+     */
     expandIcon: {
       type: IconValue,
       default: "chevron-down"
     },
-    /** Иконка сворачивания панели */
+    /**
+     * Иконка сворачивания панели
+     * @en Icon shown when the panel is expanded and can be collapsed
+     */
     collapseIcon: {
       type: IconValue,
       default: "chevron-up"
     },
-    /** Скрыть иконку раскрытия/сворачивания */
+    /**
+     * Скрыть иконку раскрытия/сворачивания
+     * @en Hides the expand/collapse icon
+     */
     hideActions: Boolean,
-    /** Подсвечивать заголовок фоном при наведении курсора */
+    /**
+     * Подсвечивать заголовок фоном при наведении курсора
+     * @en Highlights the title with a background on hover
+     */
     hover: {
       type: Boolean,
       default: true
     },
-    /** Подсвечивать заголовок фоном при фокусе */
+    /**
+     * Подсвечивать заголовок фоном при фокусе
+     * @en Highlights the title with a background on focus
+     */
     focusable: Boolean,
-    /** Отключить анимацию заголовка */
+    /**
+     * Отключить анимацию заголовка
+     * @en Turns off the animation of the title
+     */
     static: Boolean,
     ...defineComponentProps(),
     ...defineDimensionsProps(),
@@ -47,9 +65,15 @@ const defineCdsExpandablePanelContentProps = propsFactory(
 );
 const defineCdsExpandablePanelProps = propsFactory(
   {
-    /** Текст заголовка панели */
+    /**
+     * Текст заголовка панели
+     * @en Text of the panel title
+     */
     title: String,
-    /** Текст раскрываемого содержимого панели */
+    /**
+     * Текст раскрываемого содержимого панели
+     * @en Text of the expandable content of the panel
+     */
     text: String,
     ...defineCdsExpandablePanelTitleProps(),
     ...defineCdsExpandablePanelContentProps(),
@@ -63,6 +87,7 @@ const defineCdsExpandablePanelsProps = propsFactory(
   {
     /**
      * Вариант отображения группы панелей
+     * @en Display variant of the panel group
      * @values default, accordion
      */
     variant: {
@@ -72,6 +97,7 @@ const defineCdsExpandablePanelsProps = propsFactory(
     },
     /**
      * Внешний вид панелей
+     * @en Appearance of the panels
      * @values primary, secondary, transparent
      */
     appearance: {
@@ -79,7 +105,10 @@ const defineCdsExpandablePanelsProps = propsFactory(
       default: "primary",
       validator: (value) => CdsExpandablePanelsConstants.appearances.includes(value)
     },
-    /** Отступ между панелями */
+    /**
+     * Отступ между панелями
+     * @en Spacing between the panels
+     */
     gap: [Number, String],
     ...pick(defineCdsExpandablePanelProps(), [
       "collapseIcon",

package/dist/esm-node/src/components/CdsField/CdsField.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-field {
     position: relative;
@@ -273,7 +255,7 @@
     opacity: 1;
   }
   @media (hover: hover) {
-    .v-field:hover .cds-field__clearable {
+    .cds-field:hover .cds-field__clearable {
       opacity: 1;
     }
   }

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,
@@ -22,11 +22,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CdsField",
   props: {
     ...defineCdsFieldProps(),
+    /**
+     * Идентификатор поля — значение HTML-атрибута `id` для вложенного контрола
+     * @en Field identifier — the value of the `id` HTML attribute for the inner control
+     */
     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 +104,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
-      /** Ref-ссылка на контролл поля ввода */
+      /**
+       * Ref-ссылка на контролл поля ввода
+       * @en Ref to the control of the input
+       */
       controlRef,
-      /** Цвет иконки */
+      /**
+       * Цвет иконки
+       * @en Icon color
+       */
       fieldIconColor: iconColor
     });
     return () => {