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

package/dist/es/entry.js

@@ -108,24 +108,25 @@ import { c as c13, a as a26, b as b16, u as u8 } from "./src/hooks/useBreakpoint
 import { c as c14, p as p3, u as u9 } from "./src/hooks/createContext/index.js";
 import { c as c15, d as d12, u as u10 } from "./src/composables/useDisplay/useDisplay.js";
 import { c as c16, a as a27, b as b17, d as d13, u as u11 } from "./src/hooks/useHydration/index.js";
-import { c as c17 } from "./src/hooks/createObserver/index.js";
-import { a as a28, c as c18 } from "./src/hooks/createPlugin/index.js";
-import { c as c19, d as d14, p as p4, u as u12 } from "./src/composables/useTheme/useTheme.js";
-import { c as c20 } from "./src/hooks/createTrinity/index.js";
-import { d as d15, g as g4, u as u13 } from "./src/composables/useDatetime/useDatetime.js";
-import { d as d16, u as u14 } from "./src/composables/useDimensions/useDimensions.js";
-import { d as d17, u as u15 } from "./src/composables/useLayout/useLayout.js";
+import { c as c17, d as d14, u as u12 } from "./src/composables/useForm/useForm.js";
+import { c as c18 } from "./src/hooks/createObserver/index.js";
+import { a as a28, c as c19 } from "./src/hooks/createPlugin/index.js";
+import { c as c20, d as d15, p as p4, u as u13 } from "./src/composables/useTheme/useTheme.js";
+import { c as c21 } from "./src/hooks/createTrinity/index.js";
+import { d as d16, g as g4, u as u14 } from "./src/composables/useDatetime/useDatetime.js";
+import { d as d17, u as u15 } from "./src/composables/useDimensions/useDimensions.js";
+import { d as d18, u as u16 } from "./src/composables/useLayout/useLayout.js";
 import { i as i9 } from "./src/assets/icons/index.js";
-import { m, u as u16 } from "./src/components/CdsTable/composable/table.js";
+import { m, u as u17 } from "./src/components/CdsTable/composable/table.js";
 import { t } from "./src/hooks/toArray/index.js";
 import { t as t2 } from "./src/hooks/toElement/index.js";
-import { u as u17, a as a29 } from "./src/hooks/useIntersectionObserver/index.js";
-import { a as a30, u as u18 } from "./src/hooks/useResizeObserver/index.js";
-import { u as u19, a as a31 } from "./src/components/CdsToastQueue/composables/useToastQueue.js";
+import { u as u18, a as a29 } from "./src/hooks/useIntersectionObserver/index.js";
+import { a as a30, u as u19 } from "./src/hooks/useResizeObserver/index.js";
+import { u as u20, a as a31 } from "./src/components/CdsToastQueue/composables/useToastQueue.js";
 const createCds = (options = {}) => {
   return createCds$1(options);
 };
-const version = "4.0.0-alpha.5";
+const version = "4.0.0-alpha.6";
 createCds.version = version;
 export {
   c3 as CDS_DRAWER_WIDTH,
@@ -303,24 +304,26 @@ export {
   c as createDefaults,
   c15 as createDisplay,
   c16 as createFallbackHydration,
+  c17 as createForm,
   a27 as createHydration,
   b17 as createHydrationContext,
   d13 as createHydrationPlugin,
-  c17 as createObserver,
+  c18 as createObserver,
   a28 as createPlugin,
-  c18 as createPluginContext,
-  c19 as createTheme,
-  c20 as createTrinity,
+  c19 as createPluginContext,
+  c20 as createTheme,
+  c21 as createTrinity,
   d8 as defaultDisplayOptions,
   d7 as defaultThemeOptions,
   d9 as defineAppearanceProps,
   d11 as defineColorProps,
-  d15 as defineDatetimeProps,
-  d16 as defineDimensionsProps,
+  d16 as defineDatetimeProps,
+  d17 as defineDimensionsProps,
   d12 as defineDisplayProps,
-  d17 as defineLayoutProps,
+  d14 as defineFormProps,
+  d18 as defineLayoutProps,
   d10 as defineSizeProps,
-  d14 as defineThemeProps,
+  d15 as defineThemeProps,
   i2 as directives,
   g4 as getDayHash,
   i9 as iconsets,
@@ -340,25 +343,26 @@ export {
   u8 as useBreakpoints,
   b15 as useColor,
   u9 as useContext,
-  u13 as useDatetime,
+  u14 as useDatetime,
   u as useDefaults,
-  u14 as useDimensions,
+  u15 as useDimensions,
   u10 as useDisplay,
-  u17 as useElementIntersection,
+  u18 as useElementIntersection,
   a30 as useElementSize,
+  u12 as useForm,
   u11 as useHydration,
   u2 as useInjectLayout,
   a29 as useIntersectionObserver,
-  u15 as useLayout,
-  u16 as useLazyKVMap,
+  u16 as useLayout,
+  u17 as useLazyKVMap,
   u4 as useOtpInput,
-  u18 as useResizeObserver,
+  u19 as useResizeObserver,
   u3 as useSelection,
   c12 as useShadowBorderColor,
   u6 as useSize,
   u7 as useTextColor,
-  u12 as useTheme,
-  u19 as useToastItem,
+  u13 as useTheme,
+  u20 as useToastItem,
   a31 as useToastQueue,
   i5 as utils,
   version

package/dist/es/src/cds.js

@@ -1,18 +1,18 @@
 import { C as CssGridSymbol } from "./components/CdsGrid/api/CdsGrid.constants.js";
+import { D as DisplaySymbol } from "./composables/useDisplay/internal/useDisplay.constants.js";
+import { c as createDisplay } from "./composables/useDisplay/useDisplay.js";
 import { G as GoToSymbol } from "./composables/useGoTo/internal/useGoTo.constants.js";
 import { c as createGoTo } from "./composables/useGoTo/useGoTo.js";
 import { a as IconSymbol } from "./composables/useIcons/internal/useIcons.constants.js";
 import { L as LocaleSymbol } from "./composables/useLocale/internal/useLocale.constants.js";
 import { c as createLocale } from "./composables/useLocale/useLocale.js";
+import { T as ThemeSymbol } from "./composables/useTheme/internal/useTheme.constants.js";
+import { c as createTheme } from "./composables/useTheme/useTheme.js";
 import { c as createDefaults, D as DefaultsSymbol } from "./core/useDefaults.js";
 import { c as createIcons } from "./icons.js";
 import { a1 as mergeDeep } from "./utils/helpers.js";
 import { a as IN_BROWSER } from "./utils/dom/globals.js";
 import { effectScope, defineComponent, nextTick, reactive } from "vue";
-import { c as createDisplay } from "./composables/useDisplay/useDisplay.js";
-import { c as createTheme } from "./composables/useTheme/useTheme.js";
-import { D as DisplaySymbol } from "./composables/useDisplay/internal/useDisplay.constants.js";
-import { T as ThemeSymbol } from "./composables/useTheme/internal/useTheme.constants.js";
 function createCds(cdsOptions = {}) {
   const { blueprint, ...rest } = cdsOptions;
   const options = mergeDeep(blueprint, rest);
@@ -108,7 +108,7 @@ function createCds(cdsOptions = {}) {
     };
   });
 }
-const version = "4.0.0-alpha.5";
+const version = "4.0.0-alpha.6";
 createCds.version = version;
 function inject(key) {
   var _a, _b;

package/dist/es/src/components/CdsApp/CdsApp.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsAppConstants } from "./api/CdsApp.constants.js";
 import { d as defineCdsAppProps } from "./api/CdsApp.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsAppConstants.name

package/dist/es/src/components/CdsApp/api/CdsApp.props.js

@@ -1,7 +1,7 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsAppConstants } from "./CdsApp.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsAppProps = propsFactory(
   {
     /** Режим отображения внутри Storybook: убирает полноэкранную обёртку, `'fluid'` дополнительно снимает ограничение ширины */

package/dist/es/src/components/CdsAutocomplete/CdsAutocomplete.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,6 @@ import { d as defineCdsTagProps } from "../CdsTag/api/CdsTag.props.js";
 import { d as defineCdsTextInputProps } from "../CdsTextInput/api/CdsTextInput.props.js";
 import { u as useFilter } from "../../composables/useFilter/useFilter.js";
 import { u as useFocusGroups } from "../../composables/useFocus/useFocusGroup.js";
-import { u as useForm } from "../../composables/useForm/useForm.js";
 import { u as useItems } from "../../composables/useItems/useItems.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { f as filterProps } from "../../core/defineComponent.js";
@@ -21,6 +20,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsAutocompleteConstants } from "./api/CdsAutocomplete.constants.js";
 import { d as defineCdsAutocompleteProps } from "./api/CdsAutocomplete.props.js";
+import { u as useForm } from "../../composables/useForm/useForm.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 import { C as CdsTextInput } from "../CdsTextInput/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";

package/dist/es/src/components/CdsAvatar/CdsAvatar.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 import { u as useText } from "../../composables/useText/useText.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { l as isObject } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -9,7 +10,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsImage } from "../CdsImage/index.js";
 import { C as CdsAvatarConstants } from "./api/CdsAvatar.constants.js";
 import { d as defineCdsAvatarProps } from "./api/CdsAvatar.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsAvatar/api/CdsAvatar.props.js

@@ -1,9 +1,9 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsAvatarConstants } from "./CdsAvatar.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsAvatarProps = propsFactory(

package/dist/es/src/components/CdsBadge/CdsBadge.vue_vue_type_script_setup_true_lang.js

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

package/dist/es/src/components/CdsBadge/api/CdsBadge.props.js

@@ -1,13 +1,13 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsBadgeConstants } from "./CdsBadge.constants.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsBadgeProps = propsFactory(
   {

package/dist/es/src/components/CdsButton/CdsButton.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.js";
 import { u as useLoader } from "../../composables/useLoader/useLoader.js";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
 import { u as useText } from "../../composables/useText/useText.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
@@ -10,7 +11,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.js";
 import { C as CdsButtonConstants } from "./api/CdsButton.constants.js";
 import { d as defineCdsButtonProps } from "./api/CdsButton.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useAppearance } from "../../composables/useAppearance/useAppearance.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";

package/dist/es/src/components/CdsButton/api/CdsButton.props.js

@@ -5,11 +5,11 @@ import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsButtonConstants, a as CdsButtonToggleSymbol } from "./CdsButton.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";

package/dist/es/src/components/CdsButtonGroup/CdsButtonGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, toRef, createVNode, unref } from "vue";
 import { C as CdsButtonConstants } from "../CdsButton/api/CdsButton.constants.js";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsButtonGroupConstants } from "./api/CdsButtonGroup.constants.js";
 import { d as defineCdsButtonGroupProps } from "./api/CdsButtonGroup.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsButtonGroupConstants.name

package/dist/es/src/components/CdsButtonGroup/api/CdsButtonGroup.props.js

@@ -1,10 +1,10 @@
 import { d as defineAppearanceProps } from "../../../composables/useAppearance/useAppearance.js";
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsButtonGroupConstants } from "./CdsButtonGroup.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsButtonGroupProps = propsFactory(

package/dist/es/src/components/CdsCard/CdsCard.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,7 @@ import { u as useLoader } from "../../composables/useLoader/useLoader.js";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
 import { u as usePosition } from "../../composables/usePosition/usePosition.js";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -15,7 +16,6 @@ import { _ as _sfc_main$4 } from "./CdsCardActions.vue_vue_type_script_setup_tru
 import { _ as _sfc_main$2 } from "./CdsCardDivider.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$1 } from "./CdsCardItem.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$3 } from "./CdsCardText.vue_vue_type_script_setup_true_lang.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { C as CdsImage } from "../CdsImage/index.js";

package/dist/es/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { h as CdsCardGroupConstants } from "./api/CdsCard.constants.js";
 import { h as defineCdsCardGroupProps } from "./api/CdsCard.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardGroupConstants.name

package/dist/es/src/components/CdsCard/api/CdsCard.props.js

@@ -10,9 +10,9 @@ import { d as defineLocationProps } from "../../../composables/useLocation/useLo
 import { d as definePositionProps } from "../../../composables/usePosition/usePosition.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsCardProps = propsFactory(

package/dist/es/src/components/CdsCombobox/CdsCombobox.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,6 @@ import { d as defineCdsTagProps } from "../CdsTag/api/CdsTag.props.js";
 import { d as defineCdsTextInputProps } from "../CdsTextInput/api/CdsTextInput.props.js";
 import { u as useFilter } from "../../composables/useFilter/useFilter.js";
 import { u as useFocusGroups } from "../../composables/useFocus/useFocusGroup.js";
-import { u as useForm } from "../../composables/useForm/useForm.js";
 import { u as useItems, t as transformItem } from "../../composables/useItems/useItems.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { f as filterProps } from "../../core/defineComponent.js";
@@ -21,6 +20,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsComboboxConstants } from "./api/CdsCombobox.constants.js";
 import { d as defineCdsComboboxProps } from "./api/CdsCombobox.props.js";
+import { u as useForm } from "../../composables/useForm/useForm.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 import { C as CdsTextInput } from "../CdsTextInput/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";

package/dist/es/src/components/CdsDatePicker/CdsDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { defineComponent, useSlots, ref, computed, unref, watch, createVNode, Fragment, nextTick } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
@@ -9,7 +10,6 @@ import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsDatePickerConstants, l as lineStr, Y as YEARS_INTERVAL } from "./api/CdsDatePicker.constants.js";
 import { d as defineCdsDatePickerProps } from "./api/CdsDatePicker.props.js";
 import { u as useCalendar } from "./composables/useCalendar.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDatetime, g as getDayHash } from "../../composables/useDatetime/useDatetime.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsDatePicker/api/CdsDatePicker.props.js

@@ -1,9 +1,9 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsDatePickerConstants, a as availableViews } from "./CdsDatePicker.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDatetimeProps } from "../../../composables/useDatetime/useDatetime.js";
 const yearMonthValidator = (value) => /^-?[\d]+\/[0-1]\d$/.test(value);
 const defineCdsDatePickerProps = propsFactory(

package/dist/es/src/components/CdsDivider/CdsDivider.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, useAttrs, computed, toRef, createVNode, unref } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDividerConstants } from "./api/CdsDivider.constants.js";
 import { d as defineCdsDividerProps } from "./api/CdsDivider.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsDrawer/CdsDrawer.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, onBeforeMount, onBeforeUnmount, watch, createVNode, Fragment, mergeProps } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { _ as keyNames } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 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.js";
 import { d as defineCdsDrawerProps } from "./api/CdsDrawer.props.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsDrawer/api/CdsDrawer.props.js

@@ -1,8 +1,8 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsDrawerConstants } from "./CdsDrawer.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsDrawerProps = propsFactory(

package/dist/es/src/components/CdsEmptyState/CdsEmptyState.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,6 @@
 import { defineComponent, useSlots, resolveDynamicComponent, createVNode, unref } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { p as pascalCase } from "../../utils/changeCase.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
@@ -9,10 +11,8 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsImage } from "../CdsImage/index.js";
 import { C as CdsEmptyStateConstants } from "./api/CdsEmptyState.constants.js";
 import { d as defineCdsEmptyStateProps } from "./api/CdsEmptyState.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsEmptyStateConstants.name

package/dist/es/src/components/CdsEmptyState/api/CdsEmptyState.props.js

@@ -1,11 +1,11 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsEmptyStateConstants } from "./CdsEmptyState.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";

package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanels.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, toRef, createVNode, unref } from "vue";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { c as CdsExpandablePanelsConstants, e as CdsExpandablePanelsSymbol, b as CdsExpandablePanelConstants } from "./api/CdsExpandablePanel.constants.js";
 import { c as defineCdsExpandablePanelsProps } from "./api/CdsExpandablePanel.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelsConstants.name

package/dist/es/src/components/CdsExpandablePanel/api/CdsExpandablePanel.props.js

@@ -3,12 +3,12 @@ import { d as defineGroupItemProps } from "../../../composables/useGroup/useGrou
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsExpandablePanelContentConstants, a as CdsExpandablePanelTitleConstants, b as CdsExpandablePanelConstants, c as CdsExpandablePanelsConstants } from "./CdsExpandablePanel.constants.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsExpandablePanelTitleProps = propsFactory(
   {
     /**

package/dist/es/src/components/CdsField/CdsField.css

@@ -255,7 +255,7 @@
     opacity: 1;
   }
   @media (hover: hover) {
-    .v-field:hover .cds-field__clearable {
+    .cds-field:hover .cds-field__clearable {
       opacity: 1;
     }
   }

package/dist/es/src/components/CdsField/CdsField.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import { u as useFocus, d as defineFocusProps } from "../../composables/useFocus
 import { L as LoaderSlot } from "../../composables/useLoader/LoaderSlot.js";
 import { u as useLoader } from "../../composables/useLoader/useLoader.js";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { a as CdsTransitionExpandX } from "../../transitions/index.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -11,7 +12,6 @@ import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.js";
 import { C as CdsFieldConstants } from "./api/CdsField.constants.js";
 import { d as defineCdsFieldProps } from "./api/CdsField.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 import { a as useBackgroundColor, u as useTextColor, c as useShadowBorderColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,6 +22,10 @@ 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,
     /**
      * Резервирует место под подсказки и сообщения об ошибках под полем

package/dist/es/src/components/CdsField/api/CdsField.props.js

@@ -2,11 +2,11 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { E as EventProp } from "../../../utils/helpers.js";
 import { C as CdsFieldConstants } from "./CdsField.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsFieldProps = propsFactory(

package/dist/es/src/components/CdsFileUpload/CdsFileUpload.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,6 @@ import { u as useFileFilter } from "../CdsFileInput/composables/useFileFilter.js
 import { C as CdsInput } from "../CdsInput/index.js";
 import { d as defineCdsInputProps } from "../CdsInput/api/CdsInput.props.js";
 import { u as useFocus } from "../../composables/useFocus/useFocus.js";
-import { u as useForm } from "../../composables/useForm/useForm.js";
 import { L as LoaderSlot } from "../../composables/useLoader/LoaderSlot.js";
 import { u as useLoader } from "../../composables/useLoader/useLoader.js";
 import { f as filterProps } from "../../core/defineComponent.js";
@@ -17,6 +16,7 @@ import { c as CdsFileUploadConstants, d as CdsFileUploadSymbol } from "./api/Cds
 import { a as defineCdsFileUploadDropzoneProps, c as defineCdsFileUploadProps } from "./api/CdsFileUpload.props.js";
 import { _ as _sfc_main$1 } from "./CdsFileUploadDropzone.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$2 } from "./CdsFileUploadList.vue_vue_type_script_setup_true_lang.js";
+import { u as useForm } from "../../composables/useForm/useForm.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsFileUploadConstants.name,

package/dist/es/src/components/CdsFooter/CdsFooter.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, watch, unref, createVNode } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { w as warn } from "../../utils/dom/console.js";
 import { C as CdsFooterConstants } from "./api/CdsFooter.constants.js";
 import { d as defineCdsFooterProps } from "./api/CdsFooter.props.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { u as useLayout } from "../../composables/useLayout/useLayout.js";
 import { L as LayoutResizeObserver } from "../CdsLayout/internal/LayoutResizeObserver.js";

package/dist/es/src/components/CdsFooter/api/CdsFooter.props.js

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