@central-design-system/components 4.0.0-alpha.1 → 4.0.0-alpha.2

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

@@ -1,10 +1,10 @@
 import { d as defineCdsSlideGroupProps } from "../../CdsSlideGroup/api/CdsSlideGroup.props.js";
 import { C as CdsTagConstants } from "../../CdsTag/api/CdsTag.constants.js";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsTagGroupConstants } from "./CdsTagGroup.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTagGroupProps = propsFactory(
   {

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

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, watch, unref, nextTick, createVNode, mergeProps, createTextVNode } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { h as formatDate } from "../../utils/date/date.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -10,7 +11,6 @@ import { C as CdsTimePickerConstants } from "./api/CdsTimePicker.constants.js";
 import { d as defineCdsTimePickerProps } from "./api/CdsTimePicker.props.js";
 import { u as useTime, f as findClosestExtremeNumber } from "./composables/useTime.js";
 import { u as useDatetime } from "../../composables/useDatetime/useDatetime.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTimePickerConstants.name

package/dist/es/src/components/CdsTimePicker/api/CdsTimePicker.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 CdsTimePickerConstants } from "./CdsTimePicker.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDatetimeProps } from "../../../composables/useDatetime/useDatetime.js";
 const defineCdsTimePickerProps = propsFactory(
   {

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

@@ -10,6 +10,7 @@ import { u as useToastItem } from "../CdsToastQueue/composables/useToastQueue.js
 import { u as usePosition } from "../../composables/usePosition/usePosition.js";
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.js";
 import { u as useStatus } from "../../composables/useStatus/useStatus.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { f as forwardRefs } from "../../core/forwardRefs.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
@@ -19,7 +20,6 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsToastConstants } from "./api/CdsToast.constants.js";
 import { d as defineCdsToastProps } from "./api/CdsToast.props.js";
 import { u as useCountdown } from "./composables/useCountdown.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, computed, 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 CdsToolbarConstants } from "./api/CdsToolbar.constants.js";
 import { d as defineCdsToolbarProps } from "./api/CdsToolbar.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsToolbar/api/CdsToolbar.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 CdsToolbarConstants, a as CdsToolbarTitleConstants } from "./CdsToolbar.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsToolbarProps = propsFactory(
   {

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

@@ -1,4 +1,5 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, h } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { f as filterEmpty } from "../../utils/use/flattenChildren.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -7,7 +8,6 @@ import { d as defineCdsTreeProps } from "./api/CdsTree.props.js";
 import { D as DropIndicator } from "./components/DropIndicator.js";
 import { r as renderSwitcherIcon } from "./components/SwitcherIcon.js";
 import { T as TreeProvider } from "./components/TreeProvider.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTreeConstants.name,

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

@@ -1,7 +1,7 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsTreeConstants } from "./CdsTree.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { m as makeTreeEventsProps } from "../composable/events.js";
 import { m as makeTreeProps } from "../composable/tree.js";
 const defineCdsTreeProps = propsFactory(

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

@@ -3,13 +3,13 @@ import { C as CdsButton } from "../CdsButton/index.js";
 import { C as CdsInput } from "../CdsInput/index.js";
 import { d as defineCdsInputProps } from "../CdsInput/api/CdsInput.props.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsUploaderConstants, L as LIST_IGNORE } from "./api/CdsUploader.constants.js";
 import { d as defineCdsUploaderProps } from "./api/CdsUploader.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { g as getFileItem, f as fileToObject, u as updateFileList, r as removeFileItem } from "./utils/helpers.js";
 import { _ as _sfc_main$1 } from "./components/UploadList/UploadList.vue_vue_type_script_setup_true_lang.js";
 import { d as defineUploadProps } from "./composables/useUpload.js";

package/dist/es/src/composables/useHydration/useHydration.js

@@ -1,6 +1,6 @@
+import { u as useDisplay } from "../useDisplay/useDisplay.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { shallowRef, onMounted } from "vue";
-import { u as useDisplay } from "../useDisplay/useDisplay.js";
 function useHydration() {
   if (!IN_BROWSER) return shallowRef(false);
   const { ssr } = useDisplay();

package/dist/es/src/composables/useLayout/useLayout.js

@@ -1,8 +1,8 @@
+import { u as useDisplay } from "../useDisplay/useDisplay.js";
 import { p as propsFactory } from "../../core/propsFactory.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { ref, computed, unref, watch, onBeforeUnmount } from "vue";
 import { u as useInjectLayout } from "./context.js";
-import { u as useDisplay } from "../useDisplay/useDisplay.js";
 const defineLayoutProps = propsFactory(
   {
     /** Видимость элемента в макете. */

package/dist/es/src/composables/useVirtual/useVirtual.js

@@ -1,9 +1,9 @@
+import { u as useDisplay } from "../useDisplay/useDisplay.js";
 import { u as useResizeObserver } from "../useResizeObserver/useResizeObserver.js";
 import { p as propsFactory } from "../../core/propsFactory.js";
 import { w as debounce, c as clamp, M as getPropertyFromItem } from "../../utils/helpers.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { shallowRef, watchEffect, ref, unref, computed, watch, onScopeDispose, nextTick } from "vue";
-import { u as useDisplay } from "../useDisplay/useDisplay.js";
 const defineVirtualProps = propsFactory(
   {
     /** Высота одного элемента в пикселях. Если не задана — высота измеряется автоматически. */

package/dist/esm-node/entry.mjs

@@ -120,7 +120,7 @@ import { u as u17, a as a29 } from "./src/components/CdsToastQueue/composables/u
 const createCds = (options = {}) => {
   return createCds$1(options);
 };
-const version = "4.0.0-alpha.1";
+const version = "4.0.0-alpha.2";
 createCds.version = version;
 export {
   c2 as CDS_DRAWER_WIDTH,

package/dist/esm-node/src/cds.mjs

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

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

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
+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 CdsAppConstants } from "./api/CdsApp.constants.mjs";
 import { d as defineCdsAppProps } from "./api/CdsApp.props.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsAppConstants.name

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

@@ -1,7 +1,7 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsAppConstants } from "./CdsApp.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsAppProps = propsFactory(
   {
     storybook: {

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

@@ -1,5 +1,6 @@
 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";
@@ -9,7 +10,6 @@ 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";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,9 +1,9 @@
 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(

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

@@ -2,6 +2,7 @@ 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";
@@ -10,7 +11,6 @@ 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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,13 +1,13 @@
 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 { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsBadgeProps = propsFactory(
   {

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

@@ -3,6 +3,7 @@ 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";
@@ -10,7 +11,6 @@ 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";

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

@@ -5,11 +5,11 @@ 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 { 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";

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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsButtonGroupConstants.name

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

@@ -1,10 +1,10 @@
 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 { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsButtonGroupProps = propsFactory(

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

@@ -6,6 +6,7 @@ import { u as useLoader } from "../../composables/useLoader/useLoader.mjs";
 import { u as useLocation } from "../../composables/useLocation/useLocation.mjs";
 import { u as usePosition } from "../../composables/usePosition/usePosition.mjs";
 import { u as useLink } from "../../composables/useRouter/useRouter.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as convertToUnit } from "../../utils/helpers.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
@@ -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.mjs";
 import { _ as _sfc_main$1 } from "./CdsCardItem.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$3 } from "./CdsCardText.vue_vue_type_script_setup_true_lang.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 CdsImage } from "../CdsImage/index.mjs";

package/dist/esm-node/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.mjs

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.mjs";
 import { u as useGroup } from "../../composables/useGroup/useGroup.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 { h as CdsCardGroupConstants } from "./api/CdsCard.constants.mjs";
 import { h as defineCdsCardGroupProps } from "./api/CdsCard.props.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardGroupConstants.name

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

@@ -10,9 +10,9 @@ import { d as defineLocationProps } from "../../../composables/useLocation/useLo
 import { d as definePositionProps } from "../../../composables/usePosition/usePosition.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 { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsCardProps = propsFactory(

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

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

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

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

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

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

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

@@ -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.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";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,8 +1,8 @@
+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 CdsDrawerConstants } from "./CdsDrawer.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsDrawerProps = propsFactory(

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

@@ -1,4 +1,6 @@
 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";
@@ -9,10 +11,8 @@ 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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsEmptyStateConstants.name

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

@@ -1,11 +1,11 @@
 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 { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";

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 { 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";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelsConstants.name

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

@@ -3,12 +3,12 @@ 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";
 const defineCdsExpandablePanelTitleProps = propsFactory(
   {
     /** Иконка раскрытия панели */

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

@@ -4,6 +4,7 @@ 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";
@@ -11,7 +12,6 @@ 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";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

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

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

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

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

@@ -1,8 +1,8 @@
+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 CdsFooterConstants } from "./CdsFooter.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineLayoutProps } from "../../../composables/useLayout/useLayout.mjs";
 const defineCdsFooterProps = propsFactory(

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

@@ -2,11 +2,11 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.mjs";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.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 CdsFunctionalButtonConstants } from "./CdsFunctionalButton.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsFunctionalButtonProps = propsFactory(
   {