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

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

@@ -1,14 +1,14 @@
 import { defineComponent, useSlots, getCurrentInstance, shallowRef, ref, computed, watch, onBeforeMount, nextTick, onBeforeUnmount, toRef, withDirectives, createVNode, unref, Fragment, vShow } from "vue";
 import { C as CdsResponsive } from "../CdsResponsive/index.mjs";
-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 { a6 as parseAspectRatio, u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.mjs";
 import { C as CdsImageConstants } from "./api/CdsImage.constants.mjs";
 import { d as defineCdsImageProps } from "./api/CdsImage.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
+import { a6 as parseAspectRatio, u as convertToUnit } from "../../utils/helpers.mjs";
+import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { I as Intersect } from "../../directives/intersect/index.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,8 +1,8 @@
 import { d as defineCdsResponsiveProps } from "../../CdsResponsive/api/CdsResponsive.props.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsImageConstants } from "./CdsImage.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsImageProps = propsFactory(
   {
     /** Позиционирует изображение как `position: absolute`, заполняя родителя. */

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

@@ -1,18 +1,18 @@
 import { defineComponent, useSlots, useId, computed, toRef, unref, createVNode } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.mjs";
 import { u as useRtl } from "../../composables/useLocale/useLocale.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useValidation } from "../../composables/useValidation/useValidation.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDescription } from "../CdsDescription/index.mjs";
 import { C as CdsLabel } from "../CdsLabel/index.mjs";
 import { C as CdsMessages } from "../CdsMessages/index.mjs";
 import { C as CdsInputConstants } from "./api/CdsInput.constants.mjs";
 import { d as defineCdsInputProps } from "./api/CdsInput.props.mjs";
 import { u as useInputIcon } from "./CdsInputIcon.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsInputConstants.name

package/dist/esm-node/src/components/CdsInput/CdsInputIcon.mjs

@@ -1,7 +1,7 @@
 import { createVNode, mergeProps } from "vue";
 import { a as useLocale } from "../../composables/useLocale/useLocale.mjs";
-import { _ as keyNames, r as callEvent } from "../../utils/helpers.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
+import { _ as keyNames, r as callEvent } from "../../utils/helpers.mjs";
 function useInputIcon(props) {
   const {
     t

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

@@ -1,12 +1,12 @@
 import { d as defineCdsMessagesProps } from "../../CdsMessages/api/CdsMessages.props.mjs";
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.mjs";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineValidationProps } from "../../../composables/useValidation/useValidation.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick, E as EventProp } from "../../../utils/helpers.mjs";
 import { C as CdsInputConstants } from "./CdsInput.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
+import { a7 as pick, E as EventProp } from "../../../utils/helpers.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";

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

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

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

@@ -3,9 +3,9 @@ import { d as defineReadonlyProps } from "../../../composables/useReadonly/useRe
 import { d as defineTextProps } from "../../../composables/useText/useText.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 CdsLabelConstants } from "./CdsLabel.constants.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
+import { E as EventProp } from "../../../utils/helpers.mjs";
 const defineCdsLabelProps = propsFactory(
   {
     for: String,

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

@@ -1,15 +1,15 @@
 import { defineComponent, useSlots, ref, unref, computed, reactive, watch, onUnmounted, createVNode, Fragment } 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 { b as getScrollBarSize, i as hasPreventedScroll } from "../../utils/dom/getScrollParent.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { C as CdsLayoutConstants, a as CDS_DRAWER_WIDTH } from "./api/CdsLayout.constants.mjs";
 import { d as defineCdsLayoutProps } from "./api/CdsLayout.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
+import { b as getScrollBarSize, i as hasPreventedScroll } from "../../utils/dom/getScrollParent.mjs";
 import { p as provideLayout } from "../../composables/useLayout/context.mjs";
 import { L as LayoutScrollObserver } from "./internal/LayoutScrollObserver.mjs";
 import { L as LayoutResizeObserver } from "./internal/LayoutResizeObserver.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLayoutConstants.name

package/dist/esm-node/src/components/CdsLayout/api/CdsLayout.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 CdsLayoutConstants } from "./CdsLayout.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsLayoutProps = propsFactory(
   {
     /** Контейнерный режим: макет скроллится внутри себя, а не страницы. */

package/dist/esm-node/src/components/CdsLayout/internal/LayoutResizeObserver.mjs

@@ -1,6 +1,6 @@
 import { g as getCurrentInstance } from "../../../core/getCurrentInstance.mjs";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 import { defineComponent, onMounted, onBeforeUnmount, nextTick } from "vue";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 const hasObserver = IN_BROWSER && typeof ResizeObserver !== "undefined";
 const noop = () => void 0;
 const LayoutResizeObserver = defineComponent({

package/dist/esm-node/src/components/CdsLayout/internal/LayoutScrollObserver.mjs

@@ -1,7 +1,7 @@
 import { g as getCurrentInstance } from "../../../core/getCurrentInstance.mjs";
-import { e as getScrollTarget, h as getVerticalScrollPosition, g as getHorizontalScrollPosition } from "../../../utils/dom/getScrollParent.mjs";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 import { defineComponent, onMounted, onBeforeUnmount, watch } from "vue";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
+import { e as getScrollTarget, h as getVerticalScrollPosition, g as getHorizontalScrollPosition } from "../../../utils/dom/getScrollParent.mjs";
 const axisValues = ["both", "horizontal", "vertical"];
 const noop = () => void 0;
 const LayoutScrollObserver = defineComponent({

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, useAttrs, createVNode, mergeProps, unref } from "vue";
 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 CdsLinkConstants } from "./api/CdsLink.constants.mjs";
 import { d as defineCdsLinkProps } from "./api/CdsLink.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLinkConstants.name

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

@@ -1,9 +1,9 @@
 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 { C as CdsLinkConstants } from "./CdsLink.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsLinkProps = propsFactory(
   {
     /** Отключает ссылку: навигация не выполняется, проставляются aria-disabled и tabindex=-1 */

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

@@ -1,15 +1,15 @@
 import { defineComponent, useSlots, useAttrs, useId, toRef, watch, unref, createVNode } from "vue";
 import { b as useNested } from "../../composables/useNested/useNested.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 CdsListConstants } from "./api/CdsList.constants.mjs";
 import { b as defineCdsListProps } from "./api/CdsList.props.mjs";
 import { _ as _sfc_main$1 } from "./components/ListChildren.vue_vue_type_script_setup_true_lang.mjs";
 import { p as provideList, c as createList } from "./composables/useList.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListConstants.name

package/dist/esm-node/src/components/CdsList/CdsListGroup.vue_vue_type_script_setup_true_lang.mjs

@@ -7,11 +7,11 @@ import { u as useSsrBoot } from "../../composables/useSsrBoot/useSsrBoot.mjs";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as CdsTransitionExpand } from "../../transitions/index.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { b as CdsListGroupConstants } from "./api/CdsList.constants.mjs";
 import { c as defineCdsListGroupProps } from "./api/CdsList.props.mjs";
 import { _ as _sfc_main$1 } from "./CdsListSubheader.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./components/ListGroupActivator.vue_vue_type_script_setup_true_lang.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListGroupConstants.name

package/dist/esm-node/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.mjs

@@ -5,17 +5,17 @@ import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { u as useList } from "./composables/useList.mjs";
 import { a as useNestedItem } from "../../composables/useNested/useNested.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, _ as keyNames } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsListItemConstants, C as CdsListConstants } from "./api/CdsList.constants.mjs";
 import { a as defineCdsListItemProps } from "./api/CdsList.props.mjs";
 import { _ as _sfc_main$3 } from "./CdsListItemDescription.vue_vue_type_script_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsListItemSubtitle.vue_vue_type_script_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsListItemTitle.vue_vue_type_script_lang.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
+import { u as convertToUnit, _ as keyNames } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemConstants.name

package/dist/esm-node/src/components/CdsList/CdsListItemAction.vue_vue_type_script_setup_true_lang.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { a as defineTagProps, d as defineComponentProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { i as CdsListItemActionConstants } from "./api/CdsList.constants.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemActionConstants.name

package/dist/esm-node/src/components/CdsList/CdsListItemDivider.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, mergeProps } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { d as CdsListItemDividerConstants } from "./api/CdsList.constants.mjs";
 import { e as defineCdsListItemDividerProps } from "./api/CdsList.props.mjs";
 import { C as CdsDivider } from "../CdsDivider/index.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemDividerConstants.name

package/dist/esm-node/src/components/CdsList/CdsListItemMedia.vue_vue_type_script_setup_true_lang.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { a as defineTagProps, d as defineComponentProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { k as CdsListItemMediaConstants } from "./api/CdsList.constants.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListItemMediaConstants.name

package/dist/esm-node/src/components/CdsList/CdsListSubheader.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { c as CdsListSubheaderConstants } from "./api/CdsList.constants.mjs";
 import { d as defineCdsListSubheaderProps } from "./api/CdsList.props.mjs";
 import { u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsListSubheaderConstants.name

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

@@ -4,13 +4,13 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.mjs";
 import { d as defineNestedProps } from "../../../composables/useNested/useNested.mjs";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.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 { E as EventProp, a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsListConstants, a as CdsListItemConstants, b as CdsListGroupConstants, c as CdsListSubheaderConstants, d as CdsListItemDividerConstants } from "./CdsList.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 { E as EventProp, a7 as pick } from "../../../utils/helpers.mjs";
 const defineCdsListProps = propsFactory(
   {
     /** Класс, применяемый к элементам списка, когда они находятся в активном состоянии */

package/dist/esm-node/src/components/CdsList/composables/useList.mjs

@@ -1,8 +1,8 @@
 import { u as useItems } from "../../../composables/useItems/useItems.mjs";
 import { u as useProxyModel } from "../../../core/useProxyModel.mjs";
-import { H as focusChild, _ as keyNames } from "../../../utils/helpers.mjs";
 import { inject, ref, shallowRef, useId, provide, unref } from "vue";
 import { e as CdsListSymbol } from "../api/CdsList.constants.mjs";
+import { H as focusChild, _ as keyNames } from "../../../utils/helpers.mjs";
 function createList(options = { filterable: false }) {
   const parent = inject(CdsListSymbol, {
     filterable: false,

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

@@ -1,10 +1,10 @@
 import { defineComponent, useAttrs, createVNode, unref, mergeProps } 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 CdsLoaderConstants } from "./api/CdsLoader.constants.mjs";
 import { d as defineCdsLoaderProps } from "./api/CdsLoader.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLoaderConstants.name,

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 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 CdsMainConstants } from "./api/CdsMain.constants.mjs";
 import { d as defineCdsMainProps } from "./api/CdsMain.props.mjs";
 import { p as provideMain } from "./context.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsMainConstants.name

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

@@ -8,10 +8,10 @@ import { f as filterProps } from "../../core/defineComponent.mjs";
 import { f as forwardRefs } from "../../core/forwardRefs.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { O as isClickInsideElement, _ as keyNames, H as focusChild, e as includes, K as getNextElement, I as focusableChildren } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsMenuConstants, C as CdsMenuSymbol } from "./api/CdsMenu.constants.mjs";
 import { d as defineCdsMenuProps } from "./api/CdsMenu.props.mjs";
+import { O as isClickInsideElement, _ as keyNames, H as focusChild, e as includes, K as getNextElement, I as focusableChildren } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsMenuConstants.name

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

@@ -1,7 +1,7 @@
 import { d as defineCdsOverlayProps } from "../../CdsOverlay/api/CdsOverlay.props.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a3 as omit } from "../../../utils/helpers.mjs";
 import { a as CdsMenuConstants } from "./CdsMenu.constants.mjs";
+import { a3 as omit } from "../../../utils/helpers.mjs";
 import { C as CdsModalTransition } from "../../../transitions/modalTransition.mjs";
 const defineCdsMenuProps = propsFactory(
   {

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { ac as wrapInArray } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsMessagesConstants } from "./api/CdsMessages.constants.mjs";
 import { d as defineCdsMessagesProps } from "./api/CdsMessages.props.mjs";
+import { ac as wrapInArray } from "../../utils/helpers.mjs";
 import { u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsMessagesConstants.name

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

@@ -7,9 +7,9 @@ import { f as filterProps } from "../../core/defineComponent.mjs";
 import { f as forwardRefs } from "../../core/forwardRefs.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsModalConstants } from "./api/CdsModal.constants.mjs";
 import { d as defineCdsModalProps } from "./api/CdsModal.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsModalConstants.name

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

@@ -2,16 +2,16 @@ import { defineComponent, useSlots, toRef, unref, createVNode, mergeProps } from
 import { a as useLocale } from "../../composables/useLocale/useLocale.mjs";
 import { u as useStatus } from "../../composables/useStatus/useStatus.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 { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsNotificationConstants, n as notificationStatusIcons } from "./api/CdsNotification.constants.mjs";
 import { d as defineCdsNotificationProps } from "./api/CdsNotification.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsNotificationConstants.name

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

@@ -1,11 +1,11 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.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 { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsNotificationConstants } from "./CdsNotification.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsNotificationProps = propsFactory(
   {

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

@@ -8,11 +8,11 @@ import { f as filterProps } from "../../core/defineComponent.mjs";
 import { f as forwardRefs } from "../../core/forwardRefs.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { d as deprecate } from "../../utils/dom/console.mjs";
 import { C as CdsNotificationAlertConstants } from "./api/CdsNotificationAlert.constants.mjs";
 import { d as defineCdsNotificationAlertProps } from "./api/CdsNotificationAlert.props.mjs";
 import { u as useNotificationStack } from "./composables/useNotificationStack.mjs";
+import { d as deprecate } from "../../utils/dom/console.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsNotificationAlertConstants.name

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

@@ -6,8 +6,8 @@ import { d as defineStatusProps } from "../../../composables/useStatus/useStatus
 import { d as defineTextProps } from "../../../composables/useText/useText.mjs";
 import { a as defineTagProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a3 as omit, a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsNotificationAlertConstants } from "./CdsNotificationAlert.constants.mjs";
+import { a3 as omit, a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsNotificationAlertProps = propsFactory(
   {

package/dist/esm-node/src/components/CdsOtpInput/CdsOtpField.mjs

@@ -0,0 +1,2 @@
+import { _ as _sfc_main } from "./CdsOtpField.vue_vue_type_script_setup_true_lang.mjs";
+//# sourceMappingURL=CdsOtpField.mjs.map

package/dist/esm-node/src/components/CdsOtpInput/CdsOtpField.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,62 @@
+import { defineComponent, inject, computed, unref, createVNode } from "vue";
+import { C as CdsField } from "../CdsField/index.mjs";
+import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { C as CdsOtpFieldConstants, d as CdsOtpInputSymbol } from "./api/CdsOtpInput.constants.mjs";
+import { d as defineCdsOtpFieldProps } from "./api/CdsOtpInput.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: CdsOtpFieldConstants.name
+  },
+  __name: "CdsOtpField",
+  props: {
+    ...defineCdsOtpFieldProps()
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props);
+    const otpInput = inject(CdsOtpInputSymbol);
+    if (!otpInput) {
+      throw new Error(`[CDS] ${CdsOtpFieldConstants.name} должен использоваться внутри CdsOtpInput`);
+    }
+    const slot = computed(() => unref(otpInput.otpSlots)[props.index]);
+    const isHighlighted = computed(() => {
+      var _a;
+      return unref(otpInput.isFocused) && unref(otpInput.focusAll) && !((_a = unref(slot)) == null ? void 0 : _a.isActive);
+    });
+    return () => {
+      const {
+        rootClass
+      } = CdsOtpFieldConstants;
+      const data = unref(slot);
+      if (!data) return null;
+      return createVNode(CdsField, {
+        "class": classNames(rootClass, {
+          [`${rootClass}--highlighted`]: unref(isHighlighted)
+        }, props.class),
+        "style": props.style,
+        "focused": data.isActive || unref(isHighlighted),
+        "onMousedown": (event) => event.preventDefault(),
+        "onClick": () => otpInput.focusAt(props.index)
+      }, {
+        default: () => createVNode("div", {
+          "class": `${rootClass}__slot`
+        }, [createVNode("input", {
+          "class": `${rootClass}__spacer`,
+          "aria-hidden": "true",
+          "tabindex": -1
+        }, null), data.compositionChar ? createVNode("span", {
+          "class": `${rootClass}__composition`
+        }, [data.compositionChar]) : data.hasFakeCaret ? createVNode("span", {
+          "class": `${rootClass}__caret`
+        }, null) : createVNode("span", {
+          "class": !data.char ? `${rootClass}__placeholder` : void 0
+        }, [data.char ?? data.placeholderChar ?? ""])])
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=CdsOtpField.vue_vue_type_script_setup_true_lang.mjs.map

package/dist/esm-node/src/components/CdsOtpInput/CdsOtpGroup.mjs

@@ -0,0 +1,2 @@
+import { _ as _sfc_main } from "./CdsOtpGroup.vue_vue_type_script_setup_true_lang.mjs";
+//# sourceMappingURL=CdsOtpGroup.mjs.map

package/dist/esm-node/src/components/CdsOtpInput/CdsOtpGroup.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,51 @@
+import { defineComponent, useSlots, inject, computed, unref, createVNode, Fragment } from "vue";
+import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { a as CdsOtpGroupConstants, d as CdsOtpInputSymbol } from "./api/CdsOtpInput.constants.mjs";
+import { a as defineCdsOtpGroupProps } from "./api/CdsOtpInput.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: CdsOtpGroupConstants.name
+  },
+  __name: "CdsOtpGroup",
+  props: {
+    ...defineCdsOtpGroupProps()
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props);
+    const slots = useSlots();
+    const otpInput = inject(CdsOtpInputSymbol, null);
+    const isMerged = computed(() => props.merged ?? unref(otpInput == null ? void 0 : otpInput.merged) ?? false);
+    function countSlotChildren(vnodes) {
+      let count = 0;
+      for (const vnode of vnodes) {
+        if (vnode.type === Fragment && Array.isArray(vnode.children)) {
+          count += countSlotChildren(vnode.children);
+        } else {
+          count++;
+        }
+      }
+      return count;
+    }
+    return () => {
+      var _a;
+      const {
+        rootClass
+      } = CdsOtpGroupConstants;
+      const children = ((_a = slots.default) == null ? void 0 : _a.call(slots)) ?? [];
+      return createVNode("div", {
+        "class": classNames(rootClass, {
+          [`${rootClass}--merged`]: unref(isMerged)
+        }, props.class),
+        "style": [unref(isMerged) ? {
+          flex: countSlotChildren(children)
+        } : void 0, props.style]
+      }, [children]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=CdsOtpGroup.vue_vue_type_script_setup_true_lang.mjs.map