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

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

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

package/dist/esm-node/src/components/CdsTree/components/DropIndicator.mjs

@@ -1,5 +1,5 @@
-import { c as classNames } from "../../../utils/dom/classNames.mjs";
 import { h } from "vue";
+import { c as classNames } from "../../../utils/dom/classNames.mjs";
 const OFFSET = 4;
 function DropIndicator(props) {
   const { dropPosition, dropLevelOffset, indent } = props;

package/dist/esm-node/src/components/CdsTree/components/NodeList.mjs

@@ -1,8 +1,8 @@
-import { a2 as noop, a3 as omit } from "../../../utils/helpers.mjs";
 import { defineComponent, ref, shallowRef, unref, watch, computed, h, Fragment } from "vue";
 import { M as MotionTreeNode } from "./MotionTreeNode.mjs";
 import { a as useInjectKeysState, u as useInjectTreeContext } from "./TreeContext.mjs";
 import { f as findExpandedKeys, g as getExpandRange } from "../utils/diff.mjs";
+import { a2 as noop, a3 as omit } from "../../../utils/helpers.mjs";
 import { V as VirtualList } from "./VirtualList/VirtualList.mjs";
 import { b as getKey } from "../utils/data.mjs";
 const HIDDEN_STYLE = {

package/dist/esm-node/src/components/CdsTree/components/SwitcherIcon.mjs

@@ -1,9 +1,9 @@
-import { Z as isValidElement } from "../../../utils/helpers.mjs";
-import { c as classNames } from "../../../utils/dom/classNames.mjs";
 import { h, cloneVNode } from "vue";
 import { C as CdsFunctionalButton } from "../../CdsFunctionalButton/index.mjs";
 import { C as CdsIcon } from "../../CdsIcon/index.mjs";
 import { C as CdsLoader } from "../../CdsLoader/index.mjs";
+import { c as classNames } from "../../../utils/dom/classNames.mjs";
+import { Z as isValidElement } from "../../../utils/helpers.mjs";
 function renderSwitcherIcon(switcherIcon, showLine, props) {
   const { isLeaf, expanded, loading } = props;
   let icon = switcherIcon;

package/dist/esm-node/src/components/CdsTree/components/TreeProvider.mjs

@@ -1,8 +1,4 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.mjs";
-import { _ as keyNames } from "../../../utils/helpers.mjs";
-import { p as pickAttrs } from "../../../utils/use/pickAttrs.mjs";
-import { c as classNames } from "../../../utils/dom/classNames.mjs";
-import { w as warn } from "../../../utils/dom/console.mjs";
 import { defineComponent, ref, shallowRef, computed, reactive, unref, watch, toRaw, watchEffect, nextTick, onUnmounted, h } from "vue";
 import { D as DropIndicator } from "./DropIndicator.mjs";
 import { M as MotionEntity, a as MOTION_KEY, N as NodeList } from "./NodeList.mjs";
@@ -11,6 +7,10 @@ import { f as fillFieldNames, d as convertTreeToData, c as convertDataToEntities
 import { u as useMaxLevel, m as makeTreeProps } from "../composable/tree.mjs";
 import { c as conductCheck } from "../utils/conduct.mjs";
 import { m as makeTreeEventsProps } from "../composable/events.mjs";
+import { w as warn } from "../../../utils/dom/console.mjs";
+import { _ as keyNames } from "../../../utils/helpers.mjs";
+import { p as pickAttrs } from "../../../utils/use/pickAttrs.mjs";
+import { c as classNames } from "../../../utils/dom/classNames.mjs";
 const MAX_RETRY_TIMES = 10;
 const TreeProvider = defineComponent({
   name: "TreeProvider",

package/dist/esm-node/src/components/CdsTree/components/VirtualList/Filler.mjs

@@ -1,6 +1,6 @@
-import { c as classNames } from "../../../../utils/dom/classNames.mjs";
 import { h } from "vue";
 import { R as ResizeObserver } from "./ResizeObserver.mjs";
+import { c as classNames } from "../../../../utils/dom/classNames.mjs";
 const Filler = ({ ref, height, offset, prefixCls, onInnerResize }, { slots }) => {
   let outerStyle = {};
   let innerStyle = {

package/dist/esm-node/src/components/CdsTree/components/VirtualList/Item.mjs

@@ -1,5 +1,5 @@
-import { a as flattenChildren } from "../../../../utils/use/flattenChildren.mjs";
 import { cloneVNode } from "vue";
+import { a as flattenChildren } from "../../../../utils/use/flattenChildren.mjs";
 const Item = ({ setRef }, { slots }) => {
   var _a;
   const children = flattenChildren((_a = slots.default) == null ? void 0 : _a.call(slots));

package/dist/esm-node/src/components/CdsTree/components/VirtualList/ResizeObserver.mjs

@@ -1,6 +1,6 @@
 import { g as getCurrentInstance } from "../../../../core/getCurrentInstance.mjs";
-import { f as findDOMNodeByInstance } from "../../../../utils/dom/dom.mjs";
 import { defineComponent, reactive, onMounted, onUpdated, onUnmounted, watch } from "vue";
+import { f as findDOMNodeByInstance } from "../../../../utils/dom/dom.mjs";
 const ResizeObserver$1 = defineComponent({
   name: "ResizeObserver",
   props: ["disabled", "onResize"],

package/dist/esm-node/src/components/CdsTree/components/VirtualList/ScrollBar.mjs

@@ -1,7 +1,7 @@
+import { defineComponent, ref, reactive, onMounted, unref, onBeforeUnmount, watch, h } from "vue";
 import { s as supportsPassive } from "../../../../utils/use/listener.mjs";
-import { c as classNames } from "../../../../utils/dom/classNames.mjs";
 import { w as wrapperRaf } from "../../../../utils/dom/wrapperRaf.mjs";
-import { defineComponent, ref, reactive, onMounted, unref, onBeforeUnmount, watch, h } from "vue";
+import { c as classNames } from "../../../../utils/dom/classNames.mjs";
 const MIN_SIZE = 20;
 function getPageY(e) {
   return "touches" in e ? e.touches[0].pageY : e.pageY;

package/dist/esm-node/src/components/CdsTree/components/VirtualList/VirtualList.mjs

@@ -1,11 +1,11 @@
-import { s as supportsPassive } from "../../../../utils/use/listener.mjs";
-import { c as classNames } from "../../../../utils/dom/classNames.mjs";
 import { defineComponent, computed, unref, reactive, shallowRef, watch, toRaw, onMounted, nextTick, onUpdated, watchEffect, onBeforeUnmount, h } from "vue";
 import { F as Filler } from "./Filler.mjs";
 import { I as Item } from "./Item.mjs";
 import { S as ScrollBar } from "./ScrollBar.mjs";
 import { u as useHeights } from "./features/useHeights.mjs";
 import { u as useMobileTouchMove } from "./features/useMobileTouchMove.mjs";
+import { s as supportsPassive } from "../../../../utils/use/listener.mjs";
+import { c as classNames } from "../../../../utils/dom/classNames.mjs";
 import { u as useFrameWheel } from "./features/useFrameWheel.mjs";
 import { u as useScrollTo } from "./features/useScrollTo.mjs";
 import { u as useOriginScroll } from "./features/useOriginScroll.mjs";

package/dist/esm-node/src/components/CdsTree/components/VirtualList/features/useFrameWheel.mjs

@@ -1,6 +1,6 @@
-import { w as wrapperRaf } from "../../../../../utils/dom/wrapperRaf.mjs";
 import { unref } from "vue";
 import { u as useOriginScroll } from "./useOriginScroll.mjs";
+import { w as wrapperRaf } from "../../../../../utils/dom/wrapperRaf.mjs";
 const isFF = typeof navigator === "object" && /Firefox/i.test(navigator.userAgent);
 function useFrameWheel(inVirtual, isScrollAtTop, isScrollAtBottom, onWheelDelta) {
   let offsetRef = 0;

package/dist/esm-node/src/components/CdsTree/components/VirtualList/features/useHeights.mjs

@@ -1,5 +1,5 @@
-import { w as wrapperRaf } from "../../../../../utils/dom/wrapperRaf.mjs";
 import { ref, watch, onUnmounted } from "vue";
+import { w as wrapperRaf } from "../../../../../utils/dom/wrapperRaf.mjs";
 function useHeights(mergedData, getKey, onItemAdd, onItemRemove) {
   const instance = /* @__PURE__ */ new Map();
   const heights = /* @__PURE__ */ new Map();

package/dist/esm-node/src/components/CdsTree/components/VirtualList/features/useMobileTouchMove.mjs

@@ -1,5 +1,5 @@
-import { a2 as noop } from "../../../../../utils/helpers.mjs";
 import { onMounted, watch, unref, onBeforeUnmount } from "vue";
+import { a2 as noop } from "../../../../../utils/helpers.mjs";
 const SMOOTH_PTG = 14 / 15;
 function useMobileTouchMove(inVirtual, listRef, callback) {
   let touched = false;

package/dist/esm-node/src/components/CdsTree/utils/data.mjs

@@ -1,7 +1,7 @@
-import { a3 as omit } from "../../../utils/helpers.mjs";
-import { f as filterEmpty } from "../../../utils/use/flattenChildren.mjs";
-import { w as warn } from "../../../utils/dom/console.mjs";
 import { camelize } from "vue";
+import { w as warn } from "../../../utils/dom/console.mjs";
+import { f as filterEmpty } from "../../../utils/use/flattenChildren.mjs";
+import { a3 as omit } from "../../../utils/helpers.mjs";
 function convertDataToEntities(dataNodes, {
   initWrapper,
   processEntity,

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

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

package/dist/esm-node/src/components/CdsUploader/components/AjaxUploader.vue_vue_type_script_setup_true_lang.mjs

@@ -3,12 +3,12 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
 import { a as defineTagProps } from "../../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../../core/useDefaults.mjs";
-import { _ as keyNames } from "../../../utils/helpers.mjs";
-import { c as classNames } from "../../../utils/dom/classNames.mjs";
 import { g as getUid } from "../utils/uid.mjs";
+import { c as classNames } from "../../../utils/dom/classNames.mjs";
 import { p as pickAttrs, a as partition } from "../utils/helpers.mjs";
 import { d as defineUploadProps } from "../composables/useUpload.mjs";
 import { a as attrAccept } from "../utils/accept.mjs";
+import { _ as keyNames } from "../../../utils/helpers.mjs";
 import { t as traverseFileTree } from "../utils/traverseFileTree.mjs";
 import { u as useRequest } from "../composables/useRequest.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -3,14 +3,14 @@ import { u as useVirtual } from "../../composables/useVirtual/useVirtual.mjs";
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useToggleScope } from "../../core/useToggleScope.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { c as getScrollParent } from "../../utils/dom/getScrollParent.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { a as CdsVirtualScrollConstants } from "./api/CdsVirtualScroll.constants.mjs";
 import { a as defineCdsVirtualScrollProps } from "./api/CdsVirtualScroll.props.mjs";
 import { _ as _sfc_main$1 } from "./CdsVirtualScrollItem.vue_vue_type_script_setup_true_lang.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
+import { c as getScrollParent } from "../../utils/dom/getScrollParent.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsVirtualScrollConstants.name

package/dist/esm-node/src/components/CdsVirtualScroll/CdsVirtualScrollItem.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, useAttrs, watch, createVNode, Fragment, mergeProps } from "vue";
 import { u as useResizeObserver } from "../../composables/useResizeObserver/useResizeObserver.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsVirtualScrollItemConstants } from "./api/CdsVirtualScroll.constants.mjs";
 import { d as defineCdsVirtualScrollItemProps } from "./api/CdsVirtualScroll.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsVirtualScrollItemConstants.name,

package/dist/esm-node/src/components/index.mjs

@@ -42,6 +42,7 @@ import { C as CdsMessages } from "./CdsMessages/index.mjs";
 import { C as CdsModal } from "./CdsModal/index.mjs";
 import { C as CdsNotification } from "./CdsNotification/index.mjs";
 import { C as CdsNotificationAlert } from "./CdsNotificationAlert/index.mjs";
+import { C as CdsOtpField, a as CdsOtpGroup, b as CdsOtpInput, c as CdsOtpSeparator } from "./CdsOtpInput/index.mjs";
 import { C as CdsOverlay } from "./CdsOverlay/index.mjs";
 import { C as CdsPage } from "./CdsPage/index.mjs";
 import { C as CdsPagination } from "./CdsPagination/index.mjs";
@@ -79,8 +80,10 @@ import { _ as _sfc_main } from "./CdsGrid/CdsCol.vue_vue_type_script_setup_true_
 import { _ as _sfc_main$1 } from "./CdsGrid/CdsGrid.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsGrid/CdsRow.vue_vue_type_script_setup_true_lang.mjs";
 import { c as CDS_DRAWER_WIDTH, b as CDS_DRAWER_WIDTH_MINIFIED, d as CDS_DRAWER_Z_INDEX_INNER, a as CDS_DRAWER_Z_INDEX_OUTER } from "./CdsDrawer/api/CdsDrawer.constants.mjs";
+import { d as CdsOtpInputSymbol } from "./CdsOtpInput/api/CdsOtpInput.constants.mjs";
 import { C as CssGridSymbol } from "./CdsGrid/api/CdsGrid.constants.mjs";
 import { E as EXPAND_COLUMN, a as SELECTION_ALL, S as SELECTION_COLUMN, b as SELECTION_INVERT, c as SELECTION_NONE, u as useSelection } from "./CdsTable/composable/selection.mjs";
+import { O as OtpInputPatterns, u as useOtpInput } from "./CdsOtpInput/composables/useOtpInput.mjs";
 import { a as allowedTypes } from "./CdsSkeletonLoader/api/CdsSkeletonLoader.types.mjs";
 import { m as makeTableProps, u as useLazyKVMap } from "./CdsTable/composable/table.mjs";
 import { u as useToastItem, a as useToastQueue } from "./CdsToastQueue/composables/useToastQueue.mjs";
@@ -161,6 +164,11 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   CdsModal,
   CdsNotification,
   CdsNotificationAlert,
+  CdsOtpField,
+  CdsOtpGroup,
+  CdsOtpInput,
+  CdsOtpInputSymbol,
+  CdsOtpSeparator,
   CdsOverlay,
   CdsPage,
   CdsPagination,
@@ -212,6 +220,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   CdsVirtualScrollItem,
   CssGridSymbol,
   EXPAND_COLUMN,
+  OtpInputPatterns,
   SELECTION_ALL,
   SELECTION_COLUMN,
   SELECTION_INVERT,
@@ -219,6 +228,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   allowedTypes,
   makeTableProps,
   useLazyKVMap,
+  useOtpInput,
   useSelection,
   useToastItem,
   useToastQueue

package/dist/esm-node/src/composables/useColor/useColor.mjs

@@ -1,8 +1,8 @@
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { z as destructComputed } from "../../utils/helpers.mjs";
 import { toValue } from "vue";
 import { n as normalizeColors, f as fixedAliasForeground, i as isColorAlias, s as shadowBorderBoxShadow } from "./internal/useColor.helpers.mjs";
 import { r as resolveColorPrimitive, i as isCssColor, f as isParsableColor, p as parseColor, h as hasLightForeground } from "../../utils/colorsUtils/utils.mjs";
+import { z as destructComputed } from "../../utils/helpers.mjs";
 const defineColorProps = propsFactory(
   {
     /** Цвет компонента */

package/dist/esm-node/src/composables/useDatetime/useDatetime.mjs

@@ -1,9 +1,9 @@
 import { a as useLocale } from "../useLocale/useLocale.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { D as DEFAULT_DATE_LOCALE, d as dateLocales } from "../../locales/date/index.mjs";
-import { t as splitDate } from "../../utils/date/date.mjs";
-import { d as pad } from "../../utils/helpers.mjs";
 import { computed, unref } from "vue";
+import { d as pad } from "../../utils/helpers.mjs";
+import { t as splitDate } from "../../utils/date/date.mjs";
 const defineDatetimeProps = propsFactory(
   {
     /**

package/dist/esm-node/src/composables/useDimensions/useDimensions.mjs

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
 import { computed } from "vue";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
 const defineDimensionsProps = propsFactory(
   {
     /** Ширина компонента */

package/dist/esm-node/src/composables/useDisabled/index.mjs

@@ -1,2 +1,2 @@
-import "vue";
+
 //# sourceMappingURL=index.mjs.map

package/dist/esm-node/src/composables/useDisplay/internal/useDisplay.helpers.mjs

@@ -1,6 +1,6 @@
+import { d as defaultDisplayOptions } from "./useDisplay.constants.mjs";
 import { a1 as mergeDeep } from "../../../utils/helpers.mjs";
 import { a as IN_BROWSER, e as SUPPORTS_TOUCH } from "../../../utils/dom/globals.mjs";
-import { d as defaultDisplayOptions } from "./useDisplay.constants.mjs";
 function parseDisplayOptions(options = defaultDisplayOptions) {
   return mergeDeep(defaultDisplayOptions, options);
 }

package/dist/esm-node/src/composables/useDisplay/useDisplay.mjs

@@ -1,9 +1,9 @@
 import { a as getCurrentInstanceName } from "../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { shallowRef, reactive, watchEffect, onScopeDispose, toRefs, inject, computed, toRef, unref } from "vue";
 import { D as DisplaySymbol } from "./internal/useDisplay.constants.mjs";
 import { p as parseDisplayOptions, g as getClientWidth, a as getClientHeight, b as getPlatform } from "./internal/useDisplay.helpers.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 const defineDisplayProps = propsFactory(
   {
     /** Определяет режим отображения компонента:

package/dist/esm-node/src/composables/useFilter/useFilter.mjs

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { ac as wrapInArray, M as getPropertyFromItem } from "../../utils/helpers.mjs";
 import { shallowRef, computed, unref, watchEffect } from "vue";
+import { ac as wrapInArray, M as getPropertyFromItem } from "../../utils/helpers.mjs";
 const defineFilterProps = propsFactory(
   {
     customFilter: Function,

package/dist/esm-node/src/composables/useFocus/useFocus.mjs

@@ -1,8 +1,8 @@
 import { a as getCurrentInstanceName } from "../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { E as EventProp } from "../../utils/helpers.mjs";
 import { toRef, unref } from "vue";
+import { E as EventProp } from "../../utils/helpers.mjs";
 const defineFocusProps = propsFactory(
   {
     /** Управляет состоянием фокуса компонента. Когда `true`, компонент считается сфокусированным и может применять соответствующие стили или поведение. */

package/dist/esm-node/src/composables/useFocus/useFocusGroup.mjs

@@ -1,5 +1,5 @@
-import { I as focusableChildren } from "../../utils/helpers.mjs";
 import { toValue } from "vue";
+import { I as focusableChildren } from "../../utils/helpers.mjs";
 function useFocusGroups({ groups, onLeave }) {
   function getContentRef(group) {
     var _a;

package/dist/esm-node/src/composables/useFocus/useFocusTrap.mjs

@@ -1,7 +1,7 @@
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { I as focusableChildren } from "../../utils/helpers.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { toRef, watch, onScopeDispose, nextTick, toValue } from "vue";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
+import { I as focusableChildren } from "../../utils/helpers.mjs";
 const defineFocusTrapProps = propsFactory(
   {
     /** Замыкает Tab-навигацию внутри контента: с последнего фокусируемого элемента фокус переходит на первый и наоборот. */

package/dist/esm-node/src/composables/useForm/useForm.mjs

@@ -2,9 +2,9 @@ import { d as defineDisabledProps } from "../useDisabled/useDisabled.mjs";
 import { d as defineReadonlyProps } from "../useReadonly/useReadonly.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { w as warn } from "../../utils/dom/console.mjs";
 import { inject, computed, unref, toRef, shallowRef, ref, watch, provide, markRaw } from "vue";
 import { F as FormKey } from "./internal/useForm.constants.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
 const defineFormProps = propsFactory(
   {
     firstFail: Boolean,

package/dist/esm-node/src/composables/useGoTo/useGoTo.mjs

@@ -1,10 +1,10 @@
 import { u as useRtl } from "../useLocale/useLocale.mjs";
 import { e as easingPatterns } from "../useTransition/useTransition.mjs";
-import { a1 as mergeDeep, c as clamp, a9 as refElement } from "../../utils/helpers.mjs";
-import { w as warn } from "../../utils/dom/console.mjs";
-import { P as PREFERS_REDUCED_MOTION } from "../../utils/dom/globals.mjs";
 import { inject, toRef, unref } from "vue";
 import { G as GoToSymbol } from "./internal/useGoTo.constants.mjs";
+import { a1 as mergeDeep, c as clamp, a9 as refElement } from "../../utils/helpers.mjs";
+import { P as PREFERS_REDUCED_MOTION } from "../../utils/dom/globals.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
 function createGoTo(options, locale) {
   return {
     rtl: locale.isRtl,

package/dist/esm-node/src/composables/useGroup/useGroup.mjs

@@ -2,9 +2,9 @@ import { d as defineDisabledProps } from "../useDisabled/useDisabled.mjs";
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
+import { reactive, onMounted, onBeforeUnmount, onUpdated, unref, toRef, provide } from "vue";
 import { x as deepEqual, ac as wrapInArray, F as findChildrenWithProvide } from "../../utils/helpers.mjs";
 import { w as warn } from "../../utils/dom/console.mjs";
-import { reactive, onMounted, onBeforeUnmount, onUpdated, unref, toRef, provide } from "vue";
 const defineGroupProps = propsFactory(
   {
     /** Значение выбранных элементов группы */

package/dist/esm-node/src/composables/useHydration/useHydration.mjs

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

package/dist/esm-node/src/composables/useIcons/useIcons.mjs

@@ -1,7 +1,7 @@
-import { w as warn } from "../../utils/dom/console.mjs";
 import { inject, computed, toValue } from "vue";
 import { a as IconSymbol } from "./internal/useIcons.constants.mjs";
 import { C as ComponentIcon, S as SvgIcon } from "./useIcons.component.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
 function useIcon(props) {
   const icons = inject(IconSymbol);
   if (!icons) throw new Error("[CDS] Could not find CDS Icon injection");

package/dist/esm-node/src/composables/useItems/useItems.mjs

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { W as isPrimitive, a7 as pick, x as deepEqual, M as getPropertyFromItem, a3 as omit } from "../../utils/helpers.mjs";
 import { computed, shallowRef, watchEffect } from "vue";
+import { W as isPrimitive, a7 as pick, x as deepEqual, M as getPropertyFromItem, a3 as omit } from "../../utils/helpers.mjs";
 const defineItemsProps = propsFactory(
   {
     /** Массив элементов для отображения */

package/dist/esm-node/src/composables/useLayout/useLayout.mjs

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

package/dist/esm-node/src/composables/useLocation/useLocation.mjs

@@ -1,7 +1,7 @@
 import { u as useRtl } from "../useLocale/useLocale.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { p as parseAnchor } from "../../utils/dom/anchor.mjs";
 import { computed } from "vue";
+import { p as parseAnchor } from "../../utils/dom/anchor.mjs";
 const oppositeMap = {
   center: "center",
   top: "bottom",

package/dist/esm-node/src/composables/useNested/strategies/activeStrategies.mjs

@@ -1,5 +1,5 @@
-import { ac as wrapInArray } from "../../../utils/helpers.mjs";
 import { toRaw } from "vue";
+import { ac as wrapInArray } from "../../../utils/helpers.mjs";
 function independentActiveStrategy(mandatory) {
   const strategy = {
     activate: ({ id, value, activated }) => {

package/dist/esm-node/src/composables/useNested/useNested.mjs

@@ -1,13 +1,13 @@
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { t as throttle } from "../../utils/throttle.mjs";
-import { e as error } from "../../utils/dom/console.mjs";
 import { inject, computed, toRaw, toValue, onBeforeMount, nextTick, onBeforeUnmount, watch, provide, shallowRef, unref, toRef } from "vue";
 import { C as CdsNestedSymbol, e as emptyNested } from "./internal/useNested.constants.mjs";
 import { i as independentSingleActiveStrategy, a as independentActiveStrategy, l as leafSingleActiveStrategy, b as leafActiveStrategy } from "./strategies/activeStrategies.mjs";
 import { m as multipleOpenStrategy, s as singleOpenStrategy, l as listOpenStrategy } from "./strategies/openStrategies.mjs";
 import { c as classicSelectStrategy, b as branchSelectStrategy, t as trunkSelectStrategy, i as independentSingleSelectStrategy, a as independentSelectStrategy, l as leafSelectStrategy, d as leafSingleSelectStrategy } from "./strategies/selectStrategies.mjs";
+import { t as throttle } from "../../utils/throttle.mjs";
+import { e as error } from "../../utils/dom/console.mjs";
 const defineNestedProps = propsFactory(
   {
     /** Разрешает активацию элементов (выделение текущего элемента без режима выбора) */

package/dist/esm-node/src/composables/useResizeObserver/useResizeObserver.mjs

@@ -1,6 +1,6 @@
+import { ref, onBeforeUnmount, watch, readonly } from "vue";
 import { ab as templateRef } from "../../utils/helpers.mjs";
 import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
-import { ref, onBeforeUnmount, watch, readonly } from "vue";
 function useResizeObserver(callback, box = "content") {
   const resizeRef = templateRef();
   const contentRect = ref();

package/dist/esm-node/src/composables/useRouter/useRouter.mjs

@@ -1,8 +1,8 @@
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
+import { resolveDynamicComponent, toRef, computed, unref, reactive, nextTick, onScopeDispose } from "vue";
 import { N as hasEvent, x as deepEqual } from "../../utils/helpers.mjs";
 import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
-import { resolveDynamicComponent, toRef, computed, unref, reactive, nextTick, onScopeDispose } from "vue";
 const defineRouterProps = propsFactory(
   {
     /** Атрибут href для ссылки. Если указан, компонент будет вести себя как обычная ссылка */

package/dist/esm-node/src/composables/useSize/useSize.mjs

@@ -1,7 +1,7 @@
 import { a as getCurrentInstanceName } from "../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { z as destructComputed, e as includes, u as convertToUnit } from "../../utils/helpers.mjs";
 import { toValue } from "vue";
+import { z as destructComputed, e as includes, u as convertToUnit } from "../../utils/helpers.mjs";
 const availableSizes = ["xs", "sm", "md", "lg", "xl"];
 const defineSizeProps = propsFactory(
   {

package/dist/esm-node/src/composables/useTeleport/useTeleport.mjs

@@ -1,6 +1,6 @@
-import { w as warn } from "../../utils/dom/console.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { computed } from "vue";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
 function useTeleport(target, overlayContainerClassName) {
   const teleportTarget = computed(() => {
     const _target = target();

package/dist/esm-node/src/composables/useTheme/internal/useTheme.constants.mjs

@@ -1,17 +1,28 @@
 import { p as promoLight } from "../../../themes/promoLight.mjs";
 import { p as promoDark } from "../../../themes/promoDark.mjs";
+import { l as lumaDark } from "../../../themes/lumaDark.mjs";
+import { l as lumaLight } from "../../../themes/lumaLight.mjs";
 import { b as b2bDark } from "../../../themes/b2bDark.mjs";
 import { b as b2bLight } from "../../../themes/b2bLight.mjs";
 import { c as cdsDark } from "../../../themes/cdsDark.mjs";
 import { c as cdsLight } from "../../../themes/cdsLight.mjs";
 const ThemeSymbol = Symbol.for("cds:theme");
-const availableTheme = ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoDark", "promoLight"];
+const availableTheme = [
+  "cdsLight",
+  "cdsDark",
+  "b2bLight",
+  "b2bDark",
+  "lumaLight",
+  "lumaDark",
+  "promoDark",
+  "promoLight"
+];
 const DEFAULT_THEME = "cdsLight";
 const defaultThemeOptions = {
   defaultTheme: DEFAULT_THEME,
   prefix: "cds",
   variations: false,
-  themes: { cdsLight, cdsDark, b2bLight, b2bDark, promoDark, promoLight },
+  themes: { cdsLight, cdsDark, b2bLight, b2bDark, lumaLight, lumaDark, promoDark, promoLight },
   stylesheetId: "cds-theme-stylesheet",
   scoped: false,
   utilities: true,

package/dist/esm-node/src/composables/useTheme/internal/useTheme.utils.mjs

@@ -1,8 +1,8 @@
-import { a1 as mergeDeep, v as createRange } from "../../../utils/helpers.mjs";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 import { c as colorsPalette } from "../../../utils/colors.mjs";
 import { d as defaultThemeOptions } from "./useTheme.constants.mjs";
+import { a1 as mergeDeep, v as createRange } from "../../../utils/helpers.mjs";
 import { p as parseColor, h as hasLightForeground, e as getLuma, c as HexToRGB, R as RGBtoHex, l as lighten, d as darken } from "../../../utils/colorsUtils/utils.mjs";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 function parseThemeOptions(options = defaultThemeOptions) {
   var _a, _b;
   if (!options) return { ...defaultThemeOptions, isDisabled: true };

package/dist/esm-node/src/composables/useTheme/useTheme.mjs

@@ -1,10 +1,10 @@
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { a1 as mergeDeep } from "../../utils/helpers.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { ref, shallowRef, computed, unref, inject, provide, watch, watchEffect } from "vue";
 import { D as DEFAULT_THEME, T as ThemeSymbol } from "./internal/useTheme.constants.mjs";
 import { p as parseThemeOptions, g as generateVariations, a as generateOnColors, c as createCssClass, b as generateCssVariables, u as upsertStyles } from "./internal/useTheme.utils.mjs";
+import { a1 as mergeDeep } from "../../utils/helpers.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 const defineThemeProps = propsFactory(
   {
     /** Тема компонента */

package/dist/esm-node/src/composables/useTransition/useTransition.mjs

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { l as isObject, a4 as onlyDefinedProps } from "../../utils/helpers.mjs";
 import { TransitionGroup, Transition, mergeProps, h } from "vue";
+import { l as isObject, a4 as onlyDefinedProps } from "../../utils/helpers.mjs";
 const standardEasing = "cubic-bezier(0.4, 0, 0.2, 1)";
 const deceleratedEasing = "cubic-bezier(0.0, 0, 0.2, 1)";
 const acceleratedEasing = "cubic-bezier(0.4, 0, 1, 1)";

package/dist/esm-node/src/composables/useValidation/useValidation.mjs

@@ -7,9 +7,9 @@ import { g as getCurrentInstance, a as getCurrentInstanceName } from "../../core
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
 import { u as useToggleScope } from "../../core/useToggleScope.mjs";
+import { shallowRef, computed, unref, ref, onBeforeMount, onBeforeUnmount, onMounted, watch, nextTick, useId } from "vue";
 import { ac as wrapInArray } from "../../utils/helpers.mjs";
 import { w as warn } from "../../utils/dom/console.mjs";
-import { shallowRef, computed, unref, ref, onBeforeMount, onBeforeUnmount, onMounted, watch, nextTick, useId } from "vue";
 const defineValidationProps = propsFactory(
   {
     /** Имя поля ввода */