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

package/dist/esm-node/src/components/CdsOtpInput/composables/useOtpInput.mjs

@@ -0,0 +1,329 @@
+import { shallowRef, toRef, toValue, computed } from "vue";
+const OtpInputPatterns = {
+  numeric: /[0-9]/,
+  alpha: /[a-zA-Z]/,
+  alphanumeric: /[a-zA-Z0-9]/,
+  "unicode-alpha": new RegExp("\\p{L}", "u"),
+  "unicode-alphanumeric": /[\p{L}\p{N}]/u
+};
+const IME_SCRIPT_RE = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Script=Bopomofo}]/u;
+const graphemeSegmenter = /* @__PURE__ */ new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function useOtpInput(options) {
+  const {
+    value,
+    length: _length = 6,
+    pattern,
+    type = "number",
+    masked = false,
+    placeholder,
+    isFocused = shallowRef(false)
+  } = options;
+  const selection = shallowRef(null);
+  const composition = shallowRef("");
+  const isComposing = shallowRef(false);
+  let prevSelection = null;
+  let anchorG = null;
+  let focusG = null;
+  const length = toRef(() => Number(toValue(_length)));
+  const isMasked = toRef(() => toValue(masked) || toValue(type) === "password");
+  const effectivePattern = toRef(() => {
+    const p = toValue(pattern);
+    if (p instanceof RegExp) return p;
+    if (p != null) return OtpInputPatterns[p] ?? null;
+    if (toValue(type) === "number") return OtpInputPatterns.numeric;
+    return null;
+  });
+  const inputMode = toRef(
+    () => effectivePattern.value === OtpInputPatterns.numeric ? "numeric" : "text"
+  );
+  function graphemes(s) {
+    return Array.from(graphemeSegmenter.segment(s), (seg) => seg.segment);
+  }
+  function codeUnitsToGraphemeIndex(s, pos) {
+    let count = 0;
+    for (const seg of graphemeSegmenter.segment(s)) {
+      if (seg.index >= pos) break;
+      count++;
+    }
+    return count;
+  }
+  function graphemeIndexToCodeUnits(s, gIndex) {
+    if (gIndex <= 0) return 0;
+    let count = 0;
+    for (const seg of graphemeSegmenter.segment(s)) {
+      if (count === gIndex) return seg.index;
+      count++;
+    }
+    return s.length;
+  }
+  const slots = computed(() => {
+    const chars = graphemes(value.value);
+    const compositionChars = graphemes(composition.value);
+    const placeholderChar = toValue(placeholder) ?? null;
+    const currentSelection = selection.value;
+    const startG = currentSelection ? codeUnitsToGraphemeIndex(value.value, currentSelection.start) : null;
+    const endG = currentSelection ? codeUnitsToGraphemeIndex(value.value, currentSelection.end) : null;
+    const compositionStart = startG ?? chars.length;
+    return Array.from({ length: length.value }, (_, i) => {
+      const char = chars[i] ?? null;
+      const displayChar = char !== null && isMasked.value ? "•" : char;
+      let compositionChar = null;
+      if (composition.value && i >= compositionStart) {
+        const offset = i - compositionStart;
+        const c = compositionChars[offset];
+        if (c != null) compositionChar = isMasked.value ? "•" : c;
+      }
+      const isActive = !!(isFocused.value && startG !== null && endG !== null && (startG === endG && i === startG || i >= startG && i < endG));
+      return {
+        char: displayChar,
+        compositionChar,
+        placeholderChar,
+        isActive,
+        hasFakeCaret: isActive && char === null && compositionChar === null
+      };
+    });
+  });
+  function filter(text) {
+    const re = effectivePattern.value;
+    if (!re) return text;
+    return graphemes(text).filter((c) => re.test(c)).join("");
+  }
+  function clampGraphemes(text, max) {
+    const chars = graphemes(text);
+    if (chars.length <= max) return text;
+    return chars.slice(0, max).join("");
+  }
+  function isImeText(text) {
+    return IME_SCRIPT_RE.test(text);
+  }
+  function setValue(text) {
+    const next = clampGraphemes(filter(text), length.value);
+    value.value = next;
+    return next;
+  }
+  function insert(text, range) {
+    const current = value.value;
+    const start = (range == null ? void 0 : range.start) ?? current.length;
+    const end = (range == null ? void 0 : range.end) ?? current.length;
+    const filtered = filter(text);
+    const next = clampGraphemes(current.slice(0, start) + filtered + current.slice(end), length.value);
+    value.value = next;
+    const insertEnd = Math.min(start + filtered.length, next.length);
+    const insertEndG = codeUnitsToGraphemeIndex(next, insertEnd);
+    const cursorG = Math.min(insertEndG, length.value - 1);
+    const cursor = graphemeIndexToCodeUnits(next, cursorG);
+    setSelection(cursor, insertEnd, "forward");
+    return next;
+  }
+  function deleteRange(start, end) {
+    const current = value.value;
+    const next = current.slice(0, start) + current.slice(end);
+    value.value = next;
+    const newEnd = Math.min(start + 1, next.length);
+    setSelection(start, newEnd, "forward");
+    return next;
+  }
+  function bulkDelete(isBackward) {
+    const current = value.value;
+    const currentSelection = selection.value;
+    const next = isBackward ? current.slice((currentSelection == null ? void 0 : currentSelection.end) ?? current.length) : current.slice(0, (currentSelection == null ? void 0 : currentSelection.start) ?? 0);
+    value.value = next;
+    if (next.length === 0) setSelection(0, 0, "none");
+    else if (isBackward) setSelection(0, 1, "forward");
+    else setSelection(next.length, next.length, "none");
+    return next;
+  }
+  function setSelection(start, end, direction = "none") {
+    if (start === null || end === null) {
+      selection.value = null;
+      anchorG = null;
+      focusG = null;
+      return;
+    }
+    const next = { start, end, direction };
+    selection.value = next;
+    prevSelection = next;
+    const startG = codeUnitsToGraphemeIndex(value.value, start);
+    anchorG = startG;
+    focusG = startG;
+  }
+  function clearSelection() {
+    selection.value = null;
+    anchorG = null;
+    focusG = null;
+  }
+  function selectAtEnd() {
+    const current = value.value;
+    const graphemeCount = graphemes(current).length;
+    let start;
+    let end;
+    if (graphemeCount >= length.value) {
+      start = graphemeIndexToCodeUnits(current, length.value - 1);
+      end = current.length;
+    } else {
+      start = current.length;
+      end = current.length;
+    }
+    const next = { start, end, direction: "forward" };
+    selection.value = next;
+    prevSelection = next;
+    anchorG = graphemeCount >= length.value ? length.value - 1 : graphemeCount;
+    focusG = anchorG;
+    return next;
+  }
+  function selectSlot(index) {
+    const current = value.value;
+    const graphemeCount = graphemes(current).length;
+    const clamped = Math.min(index, graphemeCount);
+    const start = graphemeIndexToCodeUnits(current, clamped);
+    const end = clamped < graphemeCount ? graphemeIndexToCodeUnits(current, clamped + 1) : current.length;
+    const next = { start, end, direction: "forward" };
+    selection.value = next;
+    prevSelection = next;
+    anchorG = clamped;
+    focusG = clamped;
+    return next;
+  }
+  function extendSelection(direction) {
+    const current = value.value;
+    const valueG = graphemes(current).length;
+    if (valueG === 0) return null;
+    const maxFocus = Math.min(length.value - 1, valueG);
+    if (anchorG === null || focusG === null) {
+      const currentSelection = selection.value;
+      if (!currentSelection) return null;
+      const selectionStartG = codeUnitsToGraphemeIndex(current, currentSelection.start);
+      const selectionEndG = codeUnitsToGraphemeIndex(current, currentSelection.end);
+      if (selectionEndG - selectionStartG <= 1) {
+        anchorG = selectionStartG;
+        focusG = selectionStartG;
+      } else if (currentSelection.direction === "backward") {
+        anchorG = selectionEndG - 1;
+        focusG = selectionStartG;
+      } else {
+        anchorG = selectionStartG;
+        focusG = selectionEndG - 1;
+      }
+    }
+    const newFocus = Math.max(0, Math.min(maxFocus, focusG + direction));
+    focusG = newFocus;
+    const minG = Math.min(anchorG, newFocus);
+    const maxG = Math.max(anchorG, newFocus);
+    const start = graphemeIndexToCodeUnits(current, minG);
+    const end = maxG + 1 >= valueG ? current.length : graphemeIndexToCodeUnits(current, maxG + 1);
+    const newDirection = newFocus < anchorG ? "backward" : "forward";
+    const next = { start, end, direction: newDirection };
+    selection.value = next;
+    prevSelection = next;
+    return next;
+  }
+  function syncSelection(raw) {
+    if (isComposing.value) return selection.value;
+    const { value: inputValue, selectionStart, selectionEnd, selectionDirection, maxLength } = raw;
+    if (selectionStart === null || selectionEnd === null) {
+      selection.value = null;
+      prevSelection = null;
+      return null;
+    }
+    const valueG = graphemes(inputValue).length;
+    const startG = codeUnitsToGraphemeIndex(inputValue, selectionStart);
+    const endG = codeUnitsToGraphemeIndex(inputValue, selectionEnd);
+    let outStartG = -1;
+    let outEndG = -1;
+    let direction;
+    if (valueG !== 0) {
+      const isSingleCaret = startG === endG;
+      const isInsertMode = startG === valueG && valueG < maxLength;
+      if (isSingleCaret && !isInsertMode) {
+        if (startG === 0) {
+          outStartG = 0;
+          outEndG = 1;
+          direction = "forward";
+        } else if (startG === maxLength) {
+          outStartG = startG - 1;
+          outEndG = startG;
+          direction = "backward";
+        } else if (maxLength > 1 && valueG > 1) {
+          let offset = 0;
+          if (prevSelection !== null) {
+            const prevStartG = codeUnitsToGraphemeIndex(inputValue, prevSelection.start);
+            const prevEndG = codeUnitsToGraphemeIndex(inputValue, prevSelection.end);
+            direction = startG < prevEndG ? "backward" : "forward";
+            const wasPreviouslyInserting = prevStartG === prevEndG && prevStartG < maxLength;
+            const wasMultiSlot = prevEndG - prevStartG > 1;
+            if (direction === "backward" && !wasPreviouslyInserting && !wasMultiSlot) {
+              offset = -1;
+            }
+          }
+          outStartG = offset + startG;
+          outEndG = offset + startG + 1;
+        }
+      }
+    }
+    const finalStartG = outStartG !== -1 ? outStartG : startG;
+    const finalEndG = outEndG !== -1 ? outEndG : endG;
+    const finalStart = graphemeIndexToCodeUnits(inputValue, finalStartG);
+    const finalEnd = graphemeIndexToCodeUnits(inputValue, finalEndG);
+    const finalDirection = direction ?? selectionDirection ?? "none";
+    const next = { start: finalStart, end: finalEnd, direction: finalDirection };
+    selection.value = next;
+    prevSelection = next;
+    if (finalEndG - finalStartG <= 1) {
+      anchorG = finalStartG;
+      focusG = finalStartG;
+    }
+    return next;
+  }
+  function startComposition() {
+    isComposing.value = true;
+    composition.value = "";
+  }
+  function updateComposition(data) {
+    composition.value = IME_SCRIPT_RE.test(data) ? data : "";
+  }
+  function endComposition() {
+    isComposing.value = false;
+    composition.value = "";
+  }
+  function reset() {
+    value.value = "";
+    selection.value = null;
+    composition.value = "";
+    isComposing.value = false;
+    prevSelection = null;
+    anchorG = null;
+    focusG = null;
+  }
+  return {
+    value,
+    length,
+    slots,
+    selection,
+    composition,
+    isComposing,
+    isFocused,
+    effectivePattern,
+    inputMode,
+    filter,
+    isImeText,
+    setValue,
+    insert,
+    deleteRange,
+    bulkDelete,
+    syncSelection,
+    setSelection,
+    clearSelection,
+    selectAtEnd,
+    selectSlot,
+    extendSelection,
+    startComposition,
+    updateComposition,
+    endComposition,
+    reset
+  };
+}
+export {
+  OtpInputPatterns as O,
+  useOtpInput as u
+};
+//# sourceMappingURL=useOtpInput.mjs.map

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

@@ -0,0 +1,17 @@
+import { w as withConstants } from "../../core/withConstants.mjs";
+import { c as CdsOtpInputConstants, C as CdsOtpFieldConstants, a as CdsOtpGroupConstants, b as CdsOtpSeparatorConstants } from "./api/CdsOtpInput.constants.mjs";
+import { _ as _sfc_main$1 } from "./CdsOtpField.vue_vue_type_script_setup_true_lang.mjs";
+import { _ as _sfc_main$2 } from "./CdsOtpGroup.vue_vue_type_script_setup_true_lang.mjs";
+import { _ as _sfc_main } from "./CdsOtpInput.vue_vue_type_script_setup_true_lang.mjs";
+import { _ as _sfc_main$3 } from "./CdsOtpSeparator.vue_vue_type_script_setup_true_lang.mjs";
+const CdsOtpInput = withConstants(_sfc_main, CdsOtpInputConstants);
+const CdsOtpField = withConstants(_sfc_main$1, CdsOtpFieldConstants);
+const CdsOtpGroup = withConstants(_sfc_main$2, CdsOtpGroupConstants);
+const CdsOtpSeparator = withConstants(_sfc_main$3, CdsOtpSeparatorConstants);
+export {
+  CdsOtpField as C,
+  CdsOtpGroup as a,
+  CdsOtpInput as b,
+  CdsOtpSeparator as c
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -7,17 +7,11 @@ import { a as useRouter, b as useBackButton } from "../../composables/useRouter/
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.mjs";
 import { u as useStack } from "../../composables/useStack/useStack.mjs";
 import { u as useTeleport } from "../../composables/useTeleport/useTeleport.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { s as standardEasing, M as MaybeTransition } from "../../composables/useTransition/useTransition.mjs";
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
 import { u as useToggleScope } from "../../core/useToggleScope.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
-import { a as animate } from "../../utils/dom/animation.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 { C as CdsOverlayConstants } from "./api/CdsOverlay.constants.mjs";
 import { d as defineCdsOverlayProps } from "./api/CdsOverlay.props.mjs";
 import { S as Scrim } from "./components/Scrim.mjs";
@@ -25,8 +19,14 @@ import { u as useActivator } from "./composables/useActivator.mjs";
 import { u as useLocationStrategies } from "./composables/useLocationStrategies.mjs";
 import { u as useScrollStrategies } from "./composables/useScrollStrategies.mjs";
 import { C as ClickOutside } from "../../directives/click-outside/index.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
+import { c as getScrollParent } from "../../utils/dom/getScrollParent.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
+import { a as animate } from "../../utils/dom/animation.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsOverlayConstants.name,

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

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

package/dist/esm-node/src/components/CdsOverlay/components/Scrim.mjs

@@ -1,7 +1,7 @@
 import { createVNode, Transition, mergeProps, unref } from "vue";
+import { C as CdsOverlayConstants } from "../api/CdsOverlay.constants.mjs";
 import { a3 as omit } from "../../../utils/helpers.mjs";
 import { c as classNames } from "../../../utils/dom/classNames.mjs";
-import { C as CdsOverlayConstants } from "../api/CdsOverlay.constants.mjs";
 function Scrim(props) {
   const restProps = omit(props, ["modelValue", "color"]);
   return createVNode(Transition, {

package/dist/esm-node/src/components/CdsOverlay/composables/useActivator.mjs

@@ -2,10 +2,10 @@ import { C as CdsMenuSymbol } from "../../CdsMenu/api/CdsMenu.constants.mjs";
 import { d as defineDelayProps, u as useDelay } from "../../../composables/useDelay/useDelay.mjs";
 import { g as getCurrentInstance } from "../../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
+import { ref, computed, unref, inject, watch, watchEffect, nextTick, effectScope, onScopeDispose, mergeProps } from "vue";
 import { ab as templateRef, a0 as matchesSelector } from "../../../utils/helpers.mjs";
-import { b as bindProps, u as unbindProps } from "../../../utils/dom/bindProps.mjs";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
-import { ref, computed, unref, inject, watch, watchEffect, nextTick, effectScope, onScopeDispose, mergeProps } from "vue";
+import { b as bindProps, u as unbindProps } from "../../../utils/dom/bindProps.mjs";
 const defineActivatorProps = propsFactory({
   /** Элемент, который будет активировать компонент */
   activator: [String, Object],

package/dist/esm-node/src/components/CdsOverlay/composables/useLocationStrategies.mjs

@@ -1,14 +1,14 @@
 import { a as anchorToPoint, g as getOffset } from "../utils/point.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { u as useToggleScope } from "../../../core/useToggleScope.mjs";
+import { unref, computed, watch, onScopeDispose, nextTick, ref } from "vue";
 import { Q as isFixedPosition, z as destructComputed, x as deepEqual, u as convertToUnit, c as clamp, C as CircularBuffer } from "../../../utils/helpers.mjs";
 import { p as parseAnchor, b as flipSide, f as flipAlign, a as flipCorner, g as getAxis } from "../../../utils/dom/anchor.mjs";
-import { n as nullifyTransforms } from "../../../utils/dom/animation.mjs";
 import { B as Box, b as getTargetBox, g as getElementBox, a as getOverflow } from "../../../utils/dom/box.mjs";
-import { e as error } from "../../../utils/dom/console.mjs";
 import { d as getScrollParents } from "../../../utils/dom/getScrollParent.mjs";
+import { e as error } from "../../../utils/dom/console.mjs";
+import { n as nullifyTransforms } from "../../../utils/dom/animation.mjs";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
-import { unref, computed, watch, onScopeDispose, nextTick, ref } from "vue";
 const locationStrategies = {
   static: staticLocationStrategy,
   // specific viewport position, usually centered

package/dist/esm-node/src/components/CdsOverlay/composables/useScrollStrategies.mjs

@@ -1,9 +1,9 @@
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { u as convertToUnit } from "../../../utils/helpers.mjs";
-import { d as getScrollParents, j as hasScrollbar } from "../../../utils/dom/getScrollParent.mjs";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 import { onScopeDispose, watchEffect, effectScope } from "vue";
 import { r as requestNewFrame } from "../utils/requestNewFrame.mjs";
+import { d as getScrollParents, j as hasScrollbar } from "../../../utils/dom/getScrollParent.mjs";
+import { u as convertToUnit } from "../../../utils/helpers.mjs";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 const scrollStrategies = {
   none: null,
   close: closeScrollStrategy,

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { w as warn } from "../../utils/dom/console.mjs";
 import { u as useInjectMain } from "../CdsMain/context.mjs";
 import { C as CdsPageConstants } from "./api/CdsPage.constants.mjs";
 import { d as defineCdsPageProps } from "./api/CdsPage.props.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.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: CdsPageConstants.name

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

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

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

@@ -1,9 +1,9 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.mjs";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsPaginationConstants } from "./CdsPagination.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsPaginationProps = propsFactory(
   {
     /** Начальная страница */

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

@@ -1,18 +1,18 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, createVNode, Transition, Fragment } from "vue";
 import { u as useRtl } from "../../composables/useLocale/useLocale.mjs";
 import { u as useLocation } from "../../composables/useLocation/useLocation.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 { u as useToggleScope } from "../../core/useToggleScope.mjs";
-import { c as clamp, u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsProgressBarConstants } from "./api/CdsProgressBar.constants.mjs";
 import { d as defineCdsProgressBarProps } from "./api/CdsProgressBar.props.mjs";
 import { u as useChunks } from "./composables/useChunk.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
 import { u as useElementIntersection } from "../../hooks/useIntersectionObserver/index.mjs";
+import { c as clamp, u as convertToUnit } from "../../utils/helpers.mjs";
 import { u as useResizeObserver } from "../../hooks/useResizeObserver/index.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsProgressBarConstants.name

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

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

package/dist/esm-node/src/components/CdsProgressBar/composables/useChunk.mjs

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { u as convertToUnit, c as clamp } from "../../../utils/helpers.mjs";
 import { toRef, computed, toValue } from "vue";
+import { u as convertToUnit, c as clamp } from "../../../utils/helpers.mjs";
 const defineChunksProps = propsFactory(
   {
     /**

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

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

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

@@ -1,8 +1,8 @@
 import { d as defineRevealProps } from "../../../composables/useReveal/useReveal.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsProgressCircleConstants } from "./CdsProgressCircle.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
 const defineCdsProgressCircleProps = propsFactory(
   {

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

@@ -3,9 +3,9 @@ import { C as CdsSelectionControl } from "../CdsSelectionControl/index.mjs";
 import { d as defineCdsSelectionControlProps } from "../CdsSelectionControl/api/CdsSelectionControl.props.mjs";
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsRadioConstants } from "./api/CdsRadio.constants.mjs";
 import { d as defineCdsRadioProps } from "./api/CdsRadio.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsRadioConstants.name

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

@@ -7,10 +7,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 { D as filterInputAttrs } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsRadioGroupConstants } from "./api/CdsRadioGroup.constants.mjs";
 import { d as defineCdsRadioGroupProps } from "./api/CdsRadioGroup.props.mjs";
+import { D as filterInputAttrs } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsRadioGroupConstants.name,

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

@@ -2,8 +2,8 @@ import { d as defineCdsInputProps } from "../../CdsInput/api/CdsInput.props.mjs"
 import { d as defineCdsSelectionControlGroupProps } from "../../CdsSelectionControlGroup/api/CdsSelectionControlGroup.props.mjs";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a3 as omit } from "../../../utils/helpers.mjs";
 import { C as CdsRadioGroupConstants } from "./CdsRadioGroup.constants.mjs";
+import { a3 as omit } from "../../../utils/helpers.mjs";
 const defineCdsRadioGroupProps = propsFactory(
   {
     /** Высота компонента */

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

@@ -1,10 +1,10 @@
 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 CdsResponsiveConstants } from "./api/CdsResponsive.constants.mjs";
 import { d as defineCdsResponsiveProps } from "./api/CdsResponsive.props.mjs";
 import { u as useAspectStyles } from "./composables/useAspectStyles.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsResponsiveConstants.name

package/dist/esm-node/src/components/CdsResponsive/composables/useAspectStyles.mjs

@@ -1,5 +1,5 @@
-import { a6 as parseAspectRatio } from "../../../utils/helpers.mjs";
 import { computed, toValue } from "vue";
+import { a6 as parseAspectRatio } from "../../../utils/helpers.mjs";
 function useAspectStyles(aspectRatio) {
   const aspectStyles = computed(() => {
     const ratio = parseAspectRatio(toValue(aspectRatio));