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

package/dist/es/src/components/CdsOtpInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/CdsOtpInput/index.ts"],"sourcesContent":["import { withConstants } from '@cds/core';\n\nimport {\n  CdsOtpFieldConstants,\n  CdsOtpGroupConstants,\n  CdsOtpInputConstants,\n  CdsOtpSeparatorConstants\n} from './api/CdsOtpInput.constants';\nimport _CdsOtpField from './CdsOtpField.vue';\nimport _CdsOtpGroup from './CdsOtpGroup.vue';\nimport _CdsOtpInput from './CdsOtpInput.vue';\nimport _CdsOtpSeparator from './CdsOtpSeparator.vue';\n\n// Components\nexport const CdsOtpInput = withConstants(_CdsOtpInput, CdsOtpInputConstants);\nexport const CdsOtpField = withConstants(_CdsOtpField, CdsOtpFieldConstants);\nexport const CdsOtpGroup = withConstants(_CdsOtpGroup, CdsOtpGroupConstants);\nexport const CdsOtpSeparator = withConstants(_CdsOtpSeparator, CdsOtpSeparatorConstants);\n\n// Constants\nexport { CdsOtpInputSymbol } from './api/CdsOtpInput.constants';\n\n// Composables\nexport { OtpInputPatterns, useOtpInput } from './composables/useOtpInput';\n\n// Types\nexport * from './api/CdsOtpInput.types';\n"],"names":["_CdsOtpInput","_CdsOtpField","_CdsOtpGroup","_CdsOtpSeparator"],"mappings":";;;;;;AAcO,MAAM,cAAc,cAAcA,WAAc,oBAAoB;AACpE,MAAM,cAAc,cAAcC,aAAc,oBAAoB;AACpE,MAAM,cAAc,cAAcC,aAAc,oBAAoB;AACpE,MAAM,kBAAkB,cAAcC,aAAkB,wBAAwB;"}

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

@@ -7,6 +7,7 @@ import { a as useRouter, b as useBackButton } from "../../composables/useRouter/
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.js";
 import { u as useStack } from "../../composables/useStack/useStack.js";
 import { u as useTeleport } from "../../composables/useTeleport/useTeleport.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { s as standardEasing, M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
@@ -24,7 +25,6 @@ import { u as useActivator } from "./composables/useActivator.js";
 import { u as useLocationStrategies } from "./composables/useLocationStrategies.js";
 import { u as useScrollStrategies } from "./composables/useScrollStrategies.js";
 import { C as ClickOutside } from "../../directives/click-outside/index.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -3,12 +3,12 @@ import { d as defineScrollStrategiesProps } from "../composables/useScrollStrate
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { d as defineFocusTrapProps } from "../../../composables/useFocus/useFocusTrap.js";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { d as defineActivatorProps } from "../composables/useActivator.js";
 import { C as CdsOverlayConstants } from "./CdsOverlay.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsOverlayProps = propsFactory(
   {

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

@@ -1,4 +1,5 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.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";
@@ -6,7 +7,6 @@ import { u as useInjectMain } from "../CdsMain/context.js";
 import { C as CdsPageConstants } from "./api/CdsPage.constants.js";
 import { d as defineCdsPageProps } from "./api/CdsPage.props.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsPageConstants.name

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

@@ -1,7 +1,9 @@
 import { defineComponent, useSlots, shallowRef, ref, computed, unref, createVNode, nextTick } from "vue";
 import { u as useDisabled } from "../../composables/useDisabled/useDisabled.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { a as useLocale, u as useRtl } from "../../composables/useLocale/useLocale.js";
 import { u as useResizeObserver } from "../../composables/useResizeObserver/useResizeObserver.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 { v as createRange, _ as keyNames } from "../../utils/helpers.js";
@@ -10,8 +12,6 @@ import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsTextInput } from "../CdsTextInput/index.js";
 import { C as CdsPaginationConstants } from "./api/CdsPagination.constants.js";
 import { d as defineCdsPaginationProps } from "./api/CdsPagination.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsPaginationConstants.name

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

@@ -1,9 +1,9 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.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 CdsPaginationConstants } from "./CdsPagination.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsPaginationProps = propsFactory(
   {
     /** Начальная страница */

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

@@ -1,6 +1,7 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, createVNode, Transition, Fragment } from "vue";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
 import { u as useLocation } from "../../composables/useLocation/useLocation.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 { u as useToggleScope } from "../../core/useToggleScope.js";
@@ -9,7 +10,6 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsProgressBarConstants } from "./api/CdsProgressBar.constants.js";
 import { d as defineCdsProgressBarProps } from "./api/CdsProgressBar.props.js";
 import { u as useChunks } from "./composables/useChunk.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useElementIntersection } from "../../hooks/useIntersectionObserver/index.js";
 import { u as useResizeObserver } from "../../hooks/useResizeObserver/index.js";

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

@@ -1,9 +1,9 @@
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.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 { d as defineChunksProps } from "../composables/useChunk.js";
 import { C as CdsProgressBarConstants } from "./CdsProgressBar.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsProgressBarProps = propsFactory(
   {

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, shallowRef, toRef, unref, computed, createVNode } from "vue";
 import { u as useReveal } from "../../composables/useReveal/useReveal.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as clamp, u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { P as PREFERS_REDUCED_MOTION } from "../../utils/dom/globals.js";
 import { C as CdsProgressCircleConstants } from "./api/CdsProgressCircle.constants.js";
 import { d as defineCdsProgressCircleProps } from "./api/CdsProgressCircle.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 import { a as useElementSize } from "../../hooks/useResizeObserver/index.js";

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

@@ -1,8 +1,8 @@
 import { d as defineRevealProps } from "../../../composables/useReveal/useReveal.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 CdsProgressCircleConstants } from "./CdsProgressCircle.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsProgressCircleProps = propsFactory(
   {

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

@@ -1,4 +1,5 @@
 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 { ac as wrapInArray } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -6,7 +7,6 @@ import { C as CdsSkeletonLoaderConstants } from "./api/CdsSkeletonLoader.constan
 import { d as defineCdsSkeletonLoaderProps } from "./api/CdsSkeletonLoader.props.js";
 import { a as allowedTypes } from "./api/CdsSkeletonLoader.types.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSkeletonLoaderConstants.name

package/dist/es/src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.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 CdsSkeletonLoaderConstants } from "./CdsSkeletonLoader.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsSkeletonLoaderProps = propsFactory(
   {

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

@@ -1,5 +1,6 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, watch, createVNode } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { u as useGoTo } from "../../composables/useGoTo/useGoTo.js";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
@@ -13,7 +14,6 @@ import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsSlideGroupConstants } from "./api/CdsSlideGroup.constants.js";
 import { d as defineCdsSlideGroupProps } from "./api/CdsSlideGroup.props.js";
 import { c as calculateCenteredTarget, a as calculateUpdatedTarget, g as getOffsetSize, b as getScrollPosition, d as getScrollSize } from "./utils/calculateTargets.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSlideGroupConstants.name

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

@@ -1,11 +1,11 @@
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.js";
+import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.js";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsSlideGroupConstants, a as CdsSlideGroupSymbol, b as CdsSlideGroupItemConstants } from "./CdsSlideGroup.constants.js";
-import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.js";
 const defineCdsSlideGroupProps = propsFactory(
   {
     /** Принудительно выравнивает активный компонент по центру. */

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

@@ -3,10 +3,10 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.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 CdsSlideViewConstants } from "./CdsSlideView.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsSlideViewProps = propsFactory(
   {
     continuous: Boolean,

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

@@ -1,10 +1,10 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
 import { u as useItems } from "../../composables/useItems/useItems.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 CdsStagesConstants } from "./api/CdsStages.constants.js";
 import { d as defineCdsStagesProps } from "./api/CdsStages.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStagesConstants.name

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

@@ -1,8 +1,8 @@
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.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 CdsStagesConstants } from "./CdsStages.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStagesProps = propsFactory(
   {
     /** Текущий этап */

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

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

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

@@ -1,9 +1,9 @@
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.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 { C as CdsStatusConstants } from "./CdsStatus.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStatusProps = propsFactory(
   {
     ...defineStatusProps(),

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

@@ -3,11 +3,11 @@ import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.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 { a3 as omit, a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsStepsActionsConstants, a as CdsStepsItemConstants, b as CdsStepsViewConstants, c as CdsStepsViewItemConstants, d as CdsStepsConstants } from "./CdsSteps.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStepsItemProps = propsFactory(
   {
     /** Заголовок шага */

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
 import { u as usePosition } from "../../composables/usePosition/usePosition.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 CdsSurfaceConstants } from "./api/CdsSurface.constants.js";
 import { d as defineCdsSurfaceProps } from "./api/CdsSurface.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,9 +1,9 @@
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.js";
 import { d as definePositionProps } from "../../../composables/usePosition/usePosition.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 CdsSurfaceConstants } from "./CdsSurface.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsSurfaceProps = propsFactory(
   {

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

@@ -1,8 +1,8 @@
 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 { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsTableConstants } from "./CdsTable.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { m as makeTableProps } from "../composable/table.js";
 const defineCdsTableProps = propsFactory(

package/dist/es/src/components/CdsTable/components/TableProvider.js

@@ -1,6 +1,8 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
+import { u as useDisplay } from "../../../composables/useDisplay/useDisplay.js";
 import { a as useLocale } from "../../../composables/useLocale/useLocale.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
+import { p as provideTheme, d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a3 as omit } from "../../../utils/helpers.js";
 import { c as classNames } from "../../../utils/dom/classNames.js";
 import { w as warn } from "../../../utils/dom/console.js";
@@ -10,10 +12,8 @@ import { C as CdsLoader } from "../../CdsLoader/index.js";
 import { T as TABLE_INDENT_SIZE, b as INTERNAL_HOOKS } from "../constants.js";
 import { r as renderExpandIcon } from "./Icons/ExpandIcon.js";
 import { I as InternalTable } from "./Table/InternalTable.js";
-import { p as provideTheme, d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as useProvideSlots } from "../context/slots.js";
 import { c as useProvideTableContext } from "../context/table.js";
-import { u as useDisplay } from "../../../composables/useDisplay/useDisplay.js";
 import { u as useLazyKVMap, m as makeTableProps } from "../composable/table.js";
 import { u as useTableDrag } from "../composable/drag.js";
 import { a as useProvideTableDrag } from "../context/drag.js";

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

@@ -25,13 +25,18 @@
     min-width: 0;
     max-width: 100%;
     height: calc(24px / var(--cds-base-unit) * 1rem);
+    padding-block: 0;
     padding-inline: var(--cds-spacing-200);
+    margin: 0;
     overflow: hidden;
     vertical-align: middle;
     color: rgb(var(--cds-color-content-primary));
+    text-align: left;
     white-space: nowrap;
     text-decoration: none;
+    appearance: none;
     background: rgb(var(--cds-color-fill-secondary));
+    border: none;
     border-radius: var(--cds-border-radius-300);
     font-family: inherit;
     font-size: var(--cds-font-size-100);

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

@@ -4,6 +4,7 @@ import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.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 { u as useProxyModel } from "../../core/useProxyModel.js";
 import { a as CdsTransitionExpandX } from "../../transitions/index.js";
@@ -11,7 +12,6 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTagConstants, a as CdsTagGroupSymbol } from "./api/CdsTag.constants.js";
 import { d as defineCdsTagProps } from "./api/CdsTag.props.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsAvatar } from "../CdsAvatar/index.js";
@@ -118,6 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           [`${props.activeClass}`]: props.activeClass && ((_a = link.isActive) == null ? void 0 : _a.value)
         }, unref(themeClasses), unref(sizeClasses), unref(backgroundColorClasses), unref(textColorClasses), unref(group == null ? void 0 : group.selectedClass), props.class),
         "style": [unref(textColorStyles), unref(backgroundColorStyles), props.style],
+        "type": Tag === "button" ? "button" : void 0,
         "disabled": props.disabled || void 0,
         "draggable": props.draggable,
         "tabindex": unref(isClickable) ? 0 : void 0,

package/dist/es/src/components/CdsTag/CdsTag.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsTag.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTag/CdsTag.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTag.scss';\n\nimport { CdsAvatar, CdsDefaultsProvider, CdsIcon } from '@cds/components';\nimport { CdsSlideGroupSymbol } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.constants';\nimport { useBackgroundColor, useTextColor } from '@cds/composables';\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { useLocale } from '@cds/composables/useLocale';\nimport { useLink } from '@cds/composables/useRouter';\nimport { useSize } from '@cds/composables/useSize';\nimport { useText } from '@cds/composables/useText';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults, useProxyModel } from '@cds/core';\nimport { CdsTransitionExpandX } from '@cds/transitions';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsTagConstants, CdsTagGroupSymbol } from './api/CdsTag.constants';\nimport { defineCdsTagProps } from './api/CdsTag.props';\nimport type { CdsTagEvents, CdsTagSlots } from './api/CdsTag.types';\n\ndefineOptions({\n  name: CdsTagConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTagProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTagSlots>();\nconst attrs = useAttrs();\nconst emit = defineEmits([\"click\", \"click:close\", \"update:modelValue\", \"group:selected\"]);\n\nconst { t } = useLocale();\nconst { sizeClasses } = useSize(props);\nconst { themeClasses } = provideTheme(props);\nconst { displayText } = useText(props);\n\nconst isActive = useProxyModel(props, 'modelValue');\n\nconst group = useGroupItem(props, CdsTagGroupSymbol, false);\nconst slideGroup = useGroupItem(props, CdsSlideGroupSymbol, false);\n\n// Цвет — inline-стиль, поэтому он перекрывает состояния из CSS. Заблокированный\n// тег красит `.cds-tag--disabled`, а выбранный в группе без `activeColor` —\n// сама группа (`.cds-tag--selected`): в этих состояниях свой цвет не применяем.\nconst isSelectedInGroup = computed(() => !!unref(group?.isSelected));\nconst color = computed(() => {\n  if (props.disabled) return undefined;\n\n  return unref(isSelectedInGroup) ? props.activeColor : props.color;\n});\n\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(color, 'fill');\nconst { textColorClasses, textColorStyles } = useTextColor(\n  () => (props.disabled ? undefined : props.textColor),\n  'content'\n);\n\nconst link = useLink(props, attrs);\nconst isLink = toRef(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(\n  () => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value)\n);\nconst closeProps = toRef(() => ({\n  'aria-label': t(props.closeLabel),\n  disabled: !!props.disabled,\n  onClick(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    isActive.value = false;\n\n    emit('click:close', e);\n  }\n}));\n\nwatch(isActive, (val) => {\n  if (val) {\n    group?.register();\n    slideGroup?.register();\n  } else {\n    group?.unregister();\n    slideGroup?.unregister();\n  }\n});\n\nfunction onClick(e: MouseEvent) {\n  emit('click', e);\n\n  if (!isClickable.value) return;\n\n  link.navigate.value?.(e);\n  group?.toggle();\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsTagConstants;\n  const Tag = link.isLink.value ? 'a' : props.tag;\n\n  const hasAppendMedia = !!(props.appendIcon || props.appendAvatar);\n  const hasAppend = !!(hasAppendMedia || slots.append);\n  const hasClose = !!(slots.close || props.closable || props.removable);\n  const hasFilter = !!(slots.filter || props.filter) && group;\n  const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);\n  const hasPrepend = !!(hasPrependMedia || slots.prepend);\n\n  return (\n    unref(isActive) && (\n      <Tag\n        {...link.linkProps}\n        class={classNames(\n          rootClass,\n          {\n            [`${rootClass}--disabled`]: props.disabled,\n            [`${rootClass}--label`]: props.label,\n            [`${rootClass}--link`]: unref(isClickable),\n            [`${rootClass}--filter`]: hasFilter,\n            [`${rootClass}--pill`]: props.pill,\n            [`${props.activeClass}`]: props.activeClass && link.isActive?.value\n          },\n          unref(themeClasses),\n          unref(sizeClasses),\n          unref(backgroundColorClasses),\n          unref(textColorClasses),\n          unref(group?.selectedClass),\n          props.class\n        )}\n        style={[unref(textColorStyles), unref(backgroundColorStyles), props.style]}\n        disabled={props.disabled || undefined}\n        draggable={props.draggable}\n        tabindex={unref(isClickable) ? 0 : undefined}\n        onClick={onClick}\n        onKeydown={unref(isClickable) && !unref(isLink) && onKeyDown}\n      >\n        {hasFilter && (\n          <CdsTransitionExpandX key=\"filter\">\n            <div class={`${rootClass}__filter`} v-show={group.isSelected.value}>\n              {!slots.filter ? (\n                <CdsIcon key=\"filter-icon\" icon={props.filterIcon} />\n              ) : (\n                <CdsDefaultsProvider\n                  key=\"filter-defaults\"\n                  disabled={!props.filterIcon}\n                  defaults={{\n                    CdsIcon: { icon: props.filterIcon }\n                  }}\n                  v-slots:default={slots.filter}\n                />\n              )}\n            </div>\n          </CdsTransitionExpandX>\n        )}\n\n        {hasPrepend && (\n          <div key=\"prepend\" class={`${rootClass}__prepend`}>\n            {!slots.prepend ? (\n              <>\n                {props.prependIcon && <CdsIcon key=\"prepend-icon\" icon={props.prependIcon} start />}\n                {props.prependAvatar && (\n                  <CdsAvatar key=\"prepend-avatar\" image={props.prependAvatar} size={props.size} start />\n                )}\n              </>\n            ) : (\n              <CdsDefaultsProvider\n                key=\"prepend-defaults\"\n                disabled={!hasPrependMedia}\n                defaults={{\n                  CdsAvatar: {\n                    image: props.prependAvatar,\n                    start: true\n                  },\n                  CdsIcon: {\n                    icon: props.prependIcon,\n                    start: true\n                  }\n                }}\n                v-slots:default={slots.prepend}\n              />\n            )}\n          </div>\n        )}\n\n        <div class={`${rootClass}__content`} data-no-activator=\"\">\n          {slots.default?.({\n            value: unref(group?.value),\n            isSelected: unref(group?.isSelected),\n            selectedClass: unref(group?.selectedClass),\n            disabled: !!props.disabled,\n            select: group?.select,\n            toggle: group?.toggle\n          }) ?? unref(displayText)}\n        </div>\n\n        {hasAppend && (\n          <div key=\"append\" class={`${rootClass}__append`}>\n            {!slots.append ? (\n              <>\n                {props.appendIcon && <CdsIcon key=\"append-icon\" end icon={props.appendIcon} />}\n                {props.appendAvatar && (\n                  <CdsAvatar key=\"append-avatar\" end image={props.appendAvatar} size={props.size} />\n                )}\n              </>\n            ) : (\n              <CdsDefaultsProvider\n                key=\"append-defaults\"\n                disabled={!hasAppendMedia}\n                defaults={{\n                  CdsAvatar: {\n                    end: true,\n                    image: props.appendAvatar\n                  },\n                  CdsIcon: {\n                    end: true,\n                    icon: props.appendIcon\n                  }\n                }}\n                v-slots:default={slots.append}\n              />\n            )}\n          </div>\n        )}\n\n        {hasClose && (\n          <button key=\"close\" class={`${rootClass}__close`} type=\"button\" {...unref(closeProps)}>\n            {!slots.close ? (\n              <CdsIcon key=\"close-icon\" icon={props.closeIcon} size=\"sm\" />\n            ) : (\n              <CdsDefaultsProvider\n                key=\"close-defaults\"\n                defaults={{\n                  CdsIcon: {\n                    icon: props.closeIcon,\n                    size: 'sm'\n                  }\n                }}\n                v-slots:default={slots.close}\n              />\n            )}\n          </button>\n        )}\n      </Tag>\n    )\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","emit","__emit","t","useLocale","sizeClasses","useSize","themeClasses","provideTheme","displayText","useText","isActive","useProxyModel","group","useGroupItem","CdsTagGroupSymbol","slideGroup","CdsSlideGroupSymbol","isSelectedInGroup","computed","unref","isSelected","color","disabled","undefined","activeColor","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","textColorClasses","textColorStyles","useTextColor","textColor","link","useLink","isLink","toRef","value","isClickable","closeProps","closeLabel","onClick","e","preventDefault","stopPropagation","watch","val","register","unregister","navigate","toggle","onKeyDown","key","rootClass","CdsTagConstants","Tag","tag","hasAppendMedia","appendIcon","appendAvatar","hasAppend","append","hasClose","close","closable","removable","hasFilter","filter","hasPrependMedia","prependIcon","prependAvatar","hasPrepend","prepend","_createVNode","_mergeProps","linkProps","classNames","label","pill","activeClass","selectedClass","class","style","draggable","default","CdsTransitionExpandX","_withDirectives","CdsIcon","filterIcon","CdsDefaultsProvider","icon","_vShow","_Fragment","CdsAvatar","size","image","start","select","end","closeIcon"],"mappings":"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"}
+{"version":3,"file":"CdsTag.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTag/CdsTag.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTag.scss';\n\nimport { CdsAvatar, CdsDefaultsProvider, CdsIcon } from '@cds/components';\nimport { CdsSlideGroupSymbol } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.constants';\nimport { useBackgroundColor, useTextColor } from '@cds/composables';\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { useLocale } from '@cds/composables/useLocale';\nimport { useLink } from '@cds/composables/useRouter';\nimport { useSize } from '@cds/composables/useSize';\nimport { useText } from '@cds/composables/useText';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults, useProxyModel } from '@cds/core';\nimport { CdsTransitionExpandX } from '@cds/transitions';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsTagConstants, CdsTagGroupSymbol } from './api/CdsTag.constants';\nimport { defineCdsTagProps } from './api/CdsTag.props';\nimport type { CdsTagEvents, CdsTagSlots } from './api/CdsTag.types';\n\ndefineOptions({\n  name: CdsTagConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTagProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTagSlots>();\nconst attrs = useAttrs();\nconst emit = defineEmits([\"click\", \"click:close\", \"update:modelValue\", \"group:selected\"]);\n\nconst { t } = useLocale();\nconst { sizeClasses } = useSize(props);\nconst { themeClasses } = provideTheme(props);\nconst { displayText } = useText(props);\n\nconst isActive = useProxyModel(props, 'modelValue');\n\nconst group = useGroupItem(props, CdsTagGroupSymbol, false);\nconst slideGroup = useGroupItem(props, CdsSlideGroupSymbol, false);\n\n// Цвет — inline-стиль, поэтому он перекрывает состояния из CSS. Заблокированный\n// тег красит `.cds-tag--disabled`, а выбранный в группе без `activeColor` —\n// сама группа (`.cds-tag--selected`): в этих состояниях свой цвет не применяем.\nconst isSelectedInGroup = computed(() => !!unref(group?.isSelected));\nconst color = computed(() => {\n  if (props.disabled) return undefined;\n\n  return unref(isSelectedInGroup) ? props.activeColor : props.color;\n});\n\nconst { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(color, 'fill');\nconst { textColorClasses, textColorStyles } = useTextColor(\n  () => (props.disabled ? undefined : props.textColor),\n  'content'\n);\n\nconst link = useLink(props, attrs);\nconst isLink = toRef(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(\n  () => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value)\n);\nconst closeProps = toRef(() => ({\n  'aria-label': t(props.closeLabel),\n  disabled: !!props.disabled,\n  onClick(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    isActive.value = false;\n\n    emit('click:close', e);\n  }\n}));\n\nwatch(isActive, (val) => {\n  if (val) {\n    group?.register();\n    slideGroup?.register();\n  } else {\n    group?.unregister();\n    slideGroup?.unregister();\n  }\n});\n\nfunction onClick(e: MouseEvent) {\n  emit('click', e);\n\n  if (!isClickable.value) return;\n\n  link.navigate.value?.(e);\n  group?.toggle();\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if (e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsTagConstants;\n  const Tag = link.isLink.value ? 'a' : props.tag;\n\n  const hasAppendMedia = !!(props.appendIcon || props.appendAvatar);\n  const hasAppend = !!(hasAppendMedia || slots.append);\n  const hasClose = !!(slots.close || props.closable || props.removable);\n  const hasFilter = !!(slots.filter || props.filter) && group;\n  const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);\n  const hasPrepend = !!(hasPrependMedia || slots.prepend);\n\n  return (\n    unref(isActive) && (\n      <Tag\n        {...link.linkProps}\n        class={classNames(\n          rootClass,\n          {\n            [`${rootClass}--disabled`]: props.disabled,\n            [`${rootClass}--label`]: props.label,\n            [`${rootClass}--link`]: unref(isClickable),\n            [`${rootClass}--filter`]: hasFilter,\n            [`${rootClass}--pill`]: props.pill,\n            [`${props.activeClass}`]: props.activeClass && link.isActive?.value\n          },\n          unref(themeClasses),\n          unref(sizeClasses),\n          unref(backgroundColorClasses),\n          unref(textColorClasses),\n          unref(group?.selectedClass),\n          props.class\n        )}\n        style={[unref(textColorStyles), unref(backgroundColorStyles), props.style]}\n        type={Tag === 'button' ? 'button' : undefined}\n        disabled={props.disabled || undefined}\n        draggable={props.draggable}\n        tabindex={unref(isClickable) ? 0 : undefined}\n        onClick={onClick}\n        onKeydown={unref(isClickable) && !unref(isLink) && onKeyDown}\n      >\n        {hasFilter && (\n          <CdsTransitionExpandX key=\"filter\">\n            <div class={`${rootClass}__filter`} v-show={group.isSelected.value}>\n              {!slots.filter ? (\n                <CdsIcon key=\"filter-icon\" icon={props.filterIcon} />\n              ) : (\n                <CdsDefaultsProvider\n                  key=\"filter-defaults\"\n                  disabled={!props.filterIcon}\n                  defaults={{\n                    CdsIcon: { icon: props.filterIcon }\n                  }}\n                  v-slots:default={slots.filter}\n                />\n              )}\n            </div>\n          </CdsTransitionExpandX>\n        )}\n\n        {hasPrepend && (\n          <div key=\"prepend\" class={`${rootClass}__prepend`}>\n            {!slots.prepend ? (\n              <>\n                {props.prependIcon && <CdsIcon key=\"prepend-icon\" icon={props.prependIcon} start />}\n                {props.prependAvatar && (\n                  <CdsAvatar key=\"prepend-avatar\" image={props.prependAvatar} size={props.size} start />\n                )}\n              </>\n            ) : (\n              <CdsDefaultsProvider\n                key=\"prepend-defaults\"\n                disabled={!hasPrependMedia}\n                defaults={{\n                  CdsAvatar: {\n                    image: props.prependAvatar,\n                    start: true\n                  },\n                  CdsIcon: {\n                    icon: props.prependIcon,\n                    start: true\n                  }\n                }}\n                v-slots:default={slots.prepend}\n              />\n            )}\n          </div>\n        )}\n\n        <div class={`${rootClass}__content`} data-no-activator=\"\">\n          {slots.default?.({\n            value: unref(group?.value),\n            isSelected: unref(group?.isSelected),\n            selectedClass: unref(group?.selectedClass),\n            disabled: !!props.disabled,\n            select: group?.select,\n            toggle: group?.toggle\n          }) ?? unref(displayText)}\n        </div>\n\n        {hasAppend && (\n          <div key=\"append\" class={`${rootClass}__append`}>\n            {!slots.append ? (\n              <>\n                {props.appendIcon && <CdsIcon key=\"append-icon\" end icon={props.appendIcon} />}\n                {props.appendAvatar && (\n                  <CdsAvatar key=\"append-avatar\" end image={props.appendAvatar} size={props.size} />\n                )}\n              </>\n            ) : (\n              <CdsDefaultsProvider\n                key=\"append-defaults\"\n                disabled={!hasAppendMedia}\n                defaults={{\n                  CdsAvatar: {\n                    end: true,\n                    image: props.appendAvatar\n                  },\n                  CdsIcon: {\n                    end: true,\n                    icon: props.appendIcon\n                  }\n                }}\n                v-slots:default={slots.append}\n              />\n            )}\n          </div>\n        )}\n\n        {hasClose && (\n          <button key=\"close\" class={`${rootClass}__close`} type=\"button\" {...unref(closeProps)}>\n            {!slots.close ? (\n              <CdsIcon key=\"close-icon\" icon={props.closeIcon} size=\"sm\" />\n            ) : (\n              <CdsDefaultsProvider\n                key=\"close-defaults\"\n                defaults={{\n                  CdsIcon: {\n                    icon: props.closeIcon,\n                    size: 'sm'\n                  }\n                }}\n                v-slots:default={slots.close}\n              />\n            )}\n          </button>\n        )}\n      </Tag>\n    )\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","emit","__emit","t","useLocale","sizeClasses","useSize","themeClasses","provideTheme","displayText","useText","isActive","useProxyModel","group","useGroupItem","CdsTagGroupSymbol","slideGroup","CdsSlideGroupSymbol","isSelectedInGroup","computed","unref","isSelected","color","disabled","undefined","activeColor","backgroundColorClasses","backgroundColorStyles","useBackgroundColor","textColorClasses","textColorStyles","useTextColor","textColor","link","useLink","isLink","toRef","value","isClickable","closeProps","closeLabel","onClick","e","preventDefault","stopPropagation","watch","val","register","unregister","navigate","toggle","onKeyDown","key","rootClass","CdsTagConstants","Tag","tag","hasAppendMedia","appendIcon","appendAvatar","hasAppend","append","hasClose","close","closable","removable","hasFilter","filter","hasPrependMedia","prependIcon","prependAvatar","hasPrepend","prepend","_createVNode","_mergeProps","linkProps","classNames","label","pill","activeClass","selectedClass","class","style","draggable","default","CdsTransitionExpandX","_withDirectives","CdsIcon","filterIcon","CdsDefaultsProvider","icon","_vShow","_Fragment","CdsAvatar","size","image","start","select","end","closeIcon"],"mappings":"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"}

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

@@ -3,12 +3,12 @@ import { C as CdsSlideGroup } from "../CdsSlideGroup/index.js";
 import { d as defineCdsSlideGroupProps } from "../CdsSlideGroup/api/CdsSlideGroup.props.js";
 import { a as CdsTagGroupSymbol, C as CdsTagConstants } from "../CdsTag/api/CdsTag.constants.js";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTagGroupConstants } from "./api/CdsTagGroup.constants.js";
 import { d as defineCdsTagGroupProps } from "./api/CdsTagGroup.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTagGroupConstants.name

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(