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

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

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

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

@@ -42,6 +42,7 @@ import { C as CdsMessages } from "./CdsMessages/index.js";
 import { C as CdsModal } from "./CdsModal/index.js";
 import { C as CdsNotification } from "./CdsNotification/index.js";
 import { C as CdsNotificationAlert } from "./CdsNotificationAlert/index.js";
+import { C as CdsOtpField, a as CdsOtpGroup, b as CdsOtpInput, c as CdsOtpSeparator } from "./CdsOtpInput/index.js";
 import { C as CdsOverlay } from "./CdsOverlay/index.js";
 import { C as CdsPage } from "./CdsPage/index.js";
 import { C as CdsPagination } from "./CdsPagination/index.js";
@@ -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.js";
 import { _ as _sfc_main$2 } from "./CdsGrid/CdsRow.vue_vue_type_script_setup_true_lang.js";
 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.js";
+import { d as CdsOtpInputSymbol } from "./CdsOtpInput/api/CdsOtpInput.constants.js";
 import { C as CssGridSymbol } from "./CdsGrid/api/CdsGrid.constants.js";
 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.js";
+import { O as OtpInputPatterns, u as useOtpInput } from "./CdsOtpInput/composables/useOtpInput.js";
 import { a as allowedTypes } from "./CdsSkeletonLoader/api/CdsSkeletonLoader.types.js";
 import { m as makeTableProps, u as useLazyKVMap } from "./CdsTable/composable/table.js";
 import { u as useToastItem, a as useToastQueue } from "./CdsToastQueue/composables/useToastQueue.js";
@@ -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/es/src/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/es/src/composables/useDisabled/index.js

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

package/dist/es/src/composables/useDisabled/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

package/dist/es/src/composables/useLoader/index.js

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

package/dist/es/src/composables/useLoader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/es/src/composables/useLocation/index.js

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

package/dist/es/src/composables/useLocation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/es/src/composables/useRouter/index.js

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

package/dist/es/src/composables/useRouter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

package/dist/es/src/locales/ru.js

@@ -16,6 +16,7 @@ const ru = {
   },
   input: {
     clear: "Очистить {0}",
+    otp: "Введите одноразовый код",
     prependAction: "{0} предварительных действий",
     appendAction: "{0} добавочных действий"
   },

package/dist/es/src/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"file":"ru.js","sources":["../../../../src/locales/ru.ts"],"sourcesContent":["export default {\n  badge: 'Бейдж',\n  noDataText: 'Отсутствуют данные',\n  selectAll: 'Выбрать все',\n  close: 'Закрыть',\n  open: 'Открыть',\n  dismiss: 'Отклонить',\n  confirmEdit: {\n    ok: 'ОК',\n    cancel: 'Отмена'\n  },\n  carousel: {\n    prev: 'Предыдущий слайд',\n    next: 'Следующий слайд',\n    delimiter: 'Слайд {0} из {1}'\n  },\n  input: {\n    clear: 'Очистить {0}',\n    prependAction: '{0} предварительных действий',\n    appendAction: '{0} добавочных действий'\n  },\n  fileInput: {\n    counter: 'Файлов: {0}',\n    counterSize: 'Файлов: {0} ({1} всего)'\n  },\n  fileUpload: {\n    title: 'Перетащите файлы сюда',\n    divider: 'или',\n    browse: 'Выберите файлы'\n  },\n  steps: {\n    prev: 'Назад',\n    next: 'Далее'\n  },\n  table: {\n    filterTitle: 'Фильтр меню',\n    filterConfirm: 'Выбрать',\n    filterReset: 'Сброс',\n    filterEmptyText: 'Нет фильтров',\n    filterCheckAll: 'Выбрать все элементы',\n    filterSearchPlaceholder: 'Поиск фильтров',\n    emptyText: 'Нет данных',\n    selectAll: 'Выбрать текущую страницу',\n    selectInvert: 'Инвертировать текущую страницу',\n    selectNone: 'Очистить все данные',\n    selectionAll: 'Выбрать все данные',\n    sortTitle: 'Сортировка',\n    expand: 'Раскрыть строку',\n    collapse: 'Свернуть строку',\n    triggerDesc: 'Отсортировать по убыванию',\n    triggerAsc: 'Отсортировать по возрастанию',\n    cancelSort: 'Отменить сортировку',\n    showed: 'Отображено',\n    from: 'из',\n    rowOnPage: 'Строк на странице'\n  },\n  uploader: {\n    uploading: 'Загрузка...',\n    uploadFile: 'Загрузить файл',\n    downloadFile: 'Скачать файл',\n    removeFile: 'Удалить файл',\n    uploadError: 'Ошибка загрузки',\n    previewFile: 'Предпросмотр файла'\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAA,KAAe;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,OAAO;AAAA,IACL,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,EAAA;AAAA,EAEhB,WAAW;AAAA,IACT,SAAS;AAAA,IACT,aAAa;AAAA,EAAA;AAAA,EAEf,YAAY;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAER,OAAO;AAAA,IACL,aAAa;AAAA,IACb,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,UAAU;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"ru.js","sources":["../../../../src/locales/ru.ts"],"sourcesContent":["export default {\n  badge: 'Бейдж',\n  noDataText: 'Отсутствуют данные',\n  selectAll: 'Выбрать все',\n  close: 'Закрыть',\n  open: 'Открыть',\n  dismiss: 'Отклонить',\n  confirmEdit: {\n    ok: 'ОК',\n    cancel: 'Отмена'\n  },\n  carousel: {\n    prev: 'Предыдущий слайд',\n    next: 'Следующий слайд',\n    delimiter: 'Слайд {0} из {1}'\n  },\n  input: {\n    clear: 'Очистить {0}',\n    otp: 'Введите одноразовый код',\n    prependAction: '{0} предварительных действий',\n    appendAction: '{0} добавочных действий'\n  },\n  fileInput: {\n    counter: 'Файлов: {0}',\n    counterSize: 'Файлов: {0} ({1} всего)'\n  },\n  fileUpload: {\n    title: 'Перетащите файлы сюда',\n    divider: 'или',\n    browse: 'Выберите файлы'\n  },\n  steps: {\n    prev: 'Назад',\n    next: 'Далее'\n  },\n  table: {\n    filterTitle: 'Фильтр меню',\n    filterConfirm: 'Выбрать',\n    filterReset: 'Сброс',\n    filterEmptyText: 'Нет фильтров',\n    filterCheckAll: 'Выбрать все элементы',\n    filterSearchPlaceholder: 'Поиск фильтров',\n    emptyText: 'Нет данных',\n    selectAll: 'Выбрать текущую страницу',\n    selectInvert: 'Инвертировать текущую страницу',\n    selectNone: 'Очистить все данные',\n    selectionAll: 'Выбрать все данные',\n    sortTitle: 'Сортировка',\n    expand: 'Раскрыть строку',\n    collapse: 'Свернуть строку',\n    triggerDesc: 'Отсортировать по убыванию',\n    triggerAsc: 'Отсортировать по возрастанию',\n    cancelSort: 'Отменить сортировку',\n    showed: 'Отображено',\n    from: 'из',\n    rowOnPage: 'Строк на странице'\n  },\n  uploader: {\n    uploading: 'Загрузка...',\n    uploadFile: 'Загрузить файл',\n    downloadFile: 'Скачать файл',\n    removeFile: 'Удалить файл',\n    uploadError: 'Ошибка загрузки',\n    previewFile: 'Предпросмотр файла'\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAA,KAAe;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,OAAO;AAAA,IACL,OAAO;AAAA,IACP,KAAK;AAAA,IACL,eAAe;AAAA,IACf,cAAc;AAAA,EAAA;AAAA,EAEhB,WAAW;AAAA,IACT,SAAS;AAAA,IACT,aAAa;AAAA,EAAA;AAAA,EAEf,YAAY;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAER,OAAO;AAAA,IACL,aAAa;AAAA,IACb,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAAA,EAEb,UAAU;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,EAAA;AAEjB;"}

package/dist/esm-node/entry.mjs

@@ -54,73 +54,76 @@ import { C as C44 } from "./src/components/CdsModal/index.mjs";
 import { C as C45 } from "./src/transitions/modalTransition.mjs";
 import { C as C46 } from "./src/components/CdsNotification/index.mjs";
 import { C as C47 } from "./src/components/CdsNotificationAlert/index.mjs";
-import { C as C48 } from "./src/components/CdsOverlay/index.mjs";
-import { C as C49 } from "./src/components/CdsPage/index.mjs";
-import { C as C50 } from "./src/components/CdsPagination/index.mjs";
-import { C as C51 } from "./src/components/CdsProgressBar/index.mjs";
-import { C as C52 } from "./src/components/CdsProgressCircle/index.mjs";
-import { C as C53 } from "./src/components/CdsRadio/index.mjs";
-import { C as C54 } from "./src/components/CdsRadioGroup/index.mjs";
-import { C as C55 } from "./src/components/CdsResponsive/index.mjs";
-import { C as C56 } from "./src/components/CdsSelect/index.mjs";
-import { C as C57 } from "./src/components/CdsSelectionControl/index.mjs";
-import { C as C58 } from "./src/components/CdsSelectionControlGroup/index.mjs";
-import { C as C59 } from "./src/components/CdsSkeletonLoader/index.mjs";
-import { C as C60, a as a9 } from "./src/components/CdsSlideGroup/index.mjs";
-import { C as C61, a as a10 } from "./src/components/CdsSlideView/index.mjs";
-import { C as C62 } from "./src/components/CdsStages/index.mjs";
-import { C as C63 } from "./src/components/CdsStatus/index.mjs";
-import { C as C64, a as a11, b as b8, c as c7, d as d5 } from "./src/components/CdsSteps/index.mjs";
-import { C as C65 } from "./src/components/CdsSurface/index.mjs";
-import { a as a12, C as C66, b as b9, c as c8 } from "./src/components/CdsTabs/index.mjs";
-import { C as C67, a as a13, b as b10 } from "./src/components/CdsTable/index.mjs";
-import { C as C68 } from "./src/components/CdsTag/index.mjs";
-import { C as C69 } from "./src/components/CdsTagGroup/index.mjs";
-import { C as C70 } from "./src/components/CdsTextArea/index.mjs";
-import { C as C71 } from "./src/components/CdsTextInput/index.mjs";
-import { C as C72 } from "./src/components/CdsTimePicker/index.mjs";
-import { C as C73 } from "./src/components/CdsToast/index.mjs";
-import { C as C74 } from "./src/components/CdsToastQueue/index.mjs";
-import { C as C75 } from "./src/components/CdsToggle/index.mjs";
-import { C as C76, a as a14 } from "./src/components/CdsToolbar/index.mjs";
-import { C as C77 } from "./src/components/CdsTooltip/index.mjs";
-import { C as C78 } from "./src/transitions/collapseTransition.mjs";
-import { C as C79, a as a15, b as b11 } from "./src/components/CdsTree/index.mjs";
-import { C as C80 } from "./src/components/CdsUploader/index.mjs";
-import { C as C81, a as a16 } from "./src/components/CdsVirtualScroll/index.mjs";
-import { C as C82 } from "./src/directives/click-outside/index.mjs";
-import { C as C83 } from "./src/components/CdsGrid/api/CdsGrid.constants.mjs";
-import { D, T, a as a17, d as d6 } from "./src/composables/useTheme/internal/useTheme.constants.mjs";
-import { D as D2, b as b12, a as a18, d as d7 } from "./src/composables/useDisplay/internal/useDisplay.constants.mjs";
-import { E, a as a19, S, b as b13, c as c9, u as u2 } from "./src/components/CdsTable/composable/selection.mjs";
+import { C as C48, a as a9, b as b8, c as c7 } from "./src/components/CdsOtpInput/index.mjs";
+import { d as d5 } from "./src/components/CdsOtpInput/api/CdsOtpInput.constants.mjs";
+import { C as C49 } from "./src/components/CdsOverlay/index.mjs";
+import { C as C50 } from "./src/components/CdsPage/index.mjs";
+import { C as C51 } from "./src/components/CdsPagination/index.mjs";
+import { C as C52 } from "./src/components/CdsProgressBar/index.mjs";
+import { C as C53 } from "./src/components/CdsProgressCircle/index.mjs";
+import { C as C54 } from "./src/components/CdsRadio/index.mjs";
+import { C as C55 } from "./src/components/CdsRadioGroup/index.mjs";
+import { C as C56 } from "./src/components/CdsResponsive/index.mjs";
+import { C as C57 } from "./src/components/CdsSelect/index.mjs";
+import { C as C58 } from "./src/components/CdsSelectionControl/index.mjs";
+import { C as C59 } from "./src/components/CdsSelectionControlGroup/index.mjs";
+import { C as C60 } from "./src/components/CdsSkeletonLoader/index.mjs";
+import { C as C61, a as a10 } from "./src/components/CdsSlideGroup/index.mjs";
+import { C as C62, a as a11 } from "./src/components/CdsSlideView/index.mjs";
+import { C as C63 } from "./src/components/CdsStages/index.mjs";
+import { C as C64 } from "./src/components/CdsStatus/index.mjs";
+import { C as C65, a as a12, b as b9, c as c8, d as d6 } from "./src/components/CdsSteps/index.mjs";
+import { C as C66 } from "./src/components/CdsSurface/index.mjs";
+import { a as a13, C as C67, b as b10, c as c9 } from "./src/components/CdsTabs/index.mjs";
+import { C as C68, a as a14, b as b11 } from "./src/components/CdsTable/index.mjs";
+import { C as C69 } from "./src/components/CdsTag/index.mjs";
+import { C as C70 } from "./src/components/CdsTagGroup/index.mjs";
+import { C as C71 } from "./src/components/CdsTextArea/index.mjs";
+import { C as C72 } from "./src/components/CdsTextInput/index.mjs";
+import { C as C73 } from "./src/components/CdsTimePicker/index.mjs";
+import { C as C74 } from "./src/components/CdsToast/index.mjs";
+import { C as C75 } from "./src/components/CdsToastQueue/index.mjs";
+import { C as C76 } from "./src/components/CdsToggle/index.mjs";
+import { C as C77, a as a15 } from "./src/components/CdsToolbar/index.mjs";
+import { C as C78 } from "./src/components/CdsTooltip/index.mjs";
+import { C as C79 } from "./src/transitions/collapseTransition.mjs";
+import { C as C80, a as a16, b as b12 } from "./src/components/CdsTree/index.mjs";
+import { C as C81 } from "./src/components/CdsUploader/index.mjs";
+import { C as C82, a as a17 } from "./src/components/CdsVirtualScroll/index.mjs";
+import { C as C83 } from "./src/directives/click-outside/index.mjs";
+import { C as C84 } from "./src/components/CdsGrid/api/CdsGrid.constants.mjs";
+import { D, T, a as a18, d as d7 } from "./src/composables/useTheme/internal/useTheme.constants.mjs";
+import { D as D2, b as b13, a as a19, d as d8 } from "./src/composables/useDisplay/internal/useDisplay.constants.mjs";
+import { E, a as a20, S, b as b14, c as c10, u as u2 } from "./src/components/CdsTable/composable/selection.mjs";
 import { I } from "./src/directives/intersect/index.mjs";
+import { O, u as u3 } from "./src/components/CdsOtpInput/composables/useOtpInput.mjs";
 import { T as T2 } from "./src/directives/touch/index.mjs";
-import { a as a20 } from "./src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.types.mjs";
-import { a as a21, d as d8, u as u3 } from "./src/composables/useAppearance/useAppearance.mjs";
-import { a as a22, d as d9, u as u4 } from "./src/composables/useSize/useSize.mjs";
-import { e as e4, d as d10, a as a23, b as b14, c as c10, u as u5 } from "./src/composables/useColor/useColor.mjs";
-import { c as c11, a as a24, b as b15, u as u6 } from "./src/hooks/useBreakpoints/index.mjs";
-import { c as c12, p as p2, u as u7 } from "./src/hooks/createContext/index.mjs";
-import { c as c13, d as d11, u as u8 } from "./src/composables/useDisplay/useDisplay.mjs";
-import { c as c14, a as a25, b as b16, d as d12, u as u9 } from "./src/hooks/useHydration/index.mjs";
-import { c as c15 } from "./src/hooks/createObserver/index.mjs";
-import { a as a26, c as c16 } from "./src/hooks/createPlugin/index.mjs";
-import { c as c17, d as d13, p as p3, u as u10 } from "./src/composables/useTheme/useTheme.mjs";
-import { c as c18 } from "./src/hooks/createTrinity/index.mjs";
-import { d as d14, g as g4, u as u11 } from "./src/composables/useDatetime/useDatetime.mjs";
-import { d as d15, u as u12 } from "./src/composables/useDimensions/useDimensions.mjs";
-import { d as d16, u as u13 } from "./src/composables/useLayout/useLayout.mjs";
+import { a as a21 } from "./src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.types.mjs";
+import { a as a22, d as d9, u as u4 } from "./src/composables/useAppearance/useAppearance.mjs";
+import { a as a23, d as d10, u as u5 } from "./src/composables/useSize/useSize.mjs";
+import { e as e4, d as d11, a as a24, b as b15, c as c11, u as u6 } from "./src/composables/useColor/useColor.mjs";
+import { c as c12, a as a25, b as b16, u as u7 } from "./src/hooks/useBreakpoints/index.mjs";
+import { c as c13, p as p2, u as u8 } from "./src/hooks/createContext/index.mjs";
+import { c as c14, d as d12, u as u9 } from "./src/composables/useDisplay/useDisplay.mjs";
+import { c as c15, a as a26, b as b17, d as d13, u as u10 } from "./src/hooks/useHydration/index.mjs";
+import { c as c16 } from "./src/hooks/createObserver/index.mjs";
+import { a as a27, c as c17 } from "./src/hooks/createPlugin/index.mjs";
+import { c as c18, d as d14, p as p3, u as u11 } from "./src/composables/useTheme/useTheme.mjs";
+import { c as c19 } from "./src/hooks/createTrinity/index.mjs";
+import { d as d15, g as g4, u as u12 } from "./src/composables/useDatetime/useDatetime.mjs";
+import { d as d16, u as u13 } from "./src/composables/useDimensions/useDimensions.mjs";
+import { d as d17, u as u14 } from "./src/composables/useLayout/useLayout.mjs";
 import { i as i7 } from "./src/assets/icons/index.mjs";
-import { m, u as u14 } from "./src/components/CdsTable/composable/table.mjs";
+import { m, u as u15 } from "./src/components/CdsTable/composable/table.mjs";
 import { t } from "./src/hooks/toArray/index.mjs";
 import { t as t2 } from "./src/hooks/toElement/index.mjs";
-import { u as u15, a as a27 } from "./src/hooks/useIntersectionObserver/index.mjs";
-import { a as a28, u as u16 } from "./src/hooks/useResizeObserver/index.mjs";
-import { u as u17, a as a29 } from "./src/components/CdsToastQueue/composables/useToastQueue.mjs";
+import { u as u16, a as a28 } from "./src/hooks/useIntersectionObserver/index.mjs";
+import { a as a29, u as u17 } from "./src/hooks/useResizeObserver/index.mjs";
+import { u as u18, a as a30 } from "./src/components/CdsToastQueue/composables/useToastQueue.mjs";
 const createCds = (options = {}) => {
   return createCds$1(options);
 };
-const version = "4.0.0-alpha.1";
+const version = "4.0.0-alpha.2";
 createCds.version = version;
 export {
   c2 as CDS_DRAWER_WIDTH,
@@ -200,50 +203,55 @@ export {
   C45 as CdsModalTransition,
   C46 as CdsNotification,
   C47 as CdsNotificationAlert,
-  C48 as CdsOverlay,
-  C49 as CdsPage,
-  C50 as CdsPagination,
-  C51 as CdsProgressBar,
-  C52 as CdsProgressCircle,
-  C53 as CdsRadio,
-  C54 as CdsRadioGroup,
-  C55 as CdsResponsive,
+  C48 as CdsOtpField,
+  a9 as CdsOtpGroup,
+  b8 as CdsOtpInput,
+  d5 as CdsOtpInputSymbol,
+  c7 as CdsOtpSeparator,
+  C49 as CdsOverlay,
+  C50 as CdsPage,
+  C51 as CdsPagination,
+  C52 as CdsProgressBar,
+  C53 as CdsProgressCircle,
+  C54 as CdsRadio,
+  C55 as CdsRadioGroup,
+  C56 as CdsResponsive,
   _3 as CdsRow,
-  C56 as CdsSelect,
-  C57 as CdsSelectionControl,
-  C58 as CdsSelectionControlGroup,
-  C59 as CdsSkeletonLoader,
-  C60 as CdsSlideGroup,
-  a9 as CdsSlideGroupItem,
-  C61 as CdsSlideView,
-  a10 as CdsSlideViewItem,
-  C62 as CdsStages,
-  C63 as CdsStatus,
-  C64 as CdsSteps,
-  a11 as CdsStepsActions,
-  b8 as CdsStepsItem,
-  c7 as CdsStepsView,
-  d5 as CdsStepsViewItem,
-  C65 as CdsSurface,
-  a12 as CdsTab,
-  C67 as CdsTable,
-  a13 as CdsTableColumn,
-  b10 as CdsTableColumnGroup,
-  C66 as CdsTabs,
-  b9 as CdsTabsView,
-  c8 as CdsTabsViewItem,
-  C68 as CdsTag,
-  C69 as CdsTagGroup,
-  C70 as CdsTextArea,
-  C71 as CdsTextInput,
-  C72 as CdsTimePicker,
-  C73 as CdsToast,
-  C74 as CdsToastQueue,
-  C75 as CdsToggle,
-  C76 as CdsToolbar,
-  a14 as CdsToolbarTitle,
-  C77 as CdsTooltip,
-  C78 as CdsTransitionCollapse,
+  C57 as CdsSelect,
+  C58 as CdsSelectionControl,
+  C59 as CdsSelectionControlGroup,
+  C60 as CdsSkeletonLoader,
+  C61 as CdsSlideGroup,
+  a10 as CdsSlideGroupItem,
+  C62 as CdsSlideView,
+  a11 as CdsSlideViewItem,
+  C63 as CdsStages,
+  C64 as CdsStatus,
+  C65 as CdsSteps,
+  a12 as CdsStepsActions,
+  b9 as CdsStepsItem,
+  c8 as CdsStepsView,
+  d6 as CdsStepsViewItem,
+  C66 as CdsSurface,
+  a13 as CdsTab,
+  C68 as CdsTable,
+  a14 as CdsTableColumn,
+  b11 as CdsTableColumnGroup,
+  C67 as CdsTabs,
+  b10 as CdsTabsView,
+  c9 as CdsTabsViewItem,
+  C69 as CdsTag,
+  C70 as CdsTagGroup,
+  C71 as CdsTextArea,
+  C72 as CdsTextInput,
+  C73 as CdsTimePicker,
+  C74 as CdsToast,
+  C75 as CdsToastQueue,
+  C76 as CdsToggle,
+  C77 as CdsToolbar,
+  a15 as CdsToolbarTitle,
+  C78 as CdsTooltip,
+  C79 as CdsTransitionCollapse,
   c as CdsTransitionExpand,
   a as CdsTransitionExpandX,
   b as CdsTransitionFade,
@@ -256,57 +264,58 @@ export {
   j as CdsTransitionSlideRight,
   k as CdsTransitionSlideX,
   C as CdsTransitionSlideY,
-  C79 as CdsTree,
-  a15 as CdsTreeDirectory,
-  b11 as CdsTreeNode,
-  C80 as CdsUploader,
-  C81 as CdsVirtualScroll,
-  a16 as CdsVirtualScrollItem,
-  C82 as ClickOutside,
-  C83 as CssGridSymbol,
+  C80 as CdsTree,
+  a16 as CdsTreeDirectory,
+  b12 as CdsTreeNode,
+  C81 as CdsUploader,
+  C82 as CdsVirtualScroll,
+  a17 as CdsVirtualScrollItem,
+  C83 as ClickOutside,
+  C84 as CssGridSymbol,
   D as DEFAULT_THEME,
   D2 as DisplaySymbol,
   E as EXPAND_COLUMN,
   I as Intersect,
-  a19 as SELECTION_ALL,
+  O as OtpInputPatterns,
+  a20 as SELECTION_ALL,
   S as SELECTION_COLUMN,
-  b13 as SELECTION_INVERT,
-  c9 as SELECTION_NONE,
+  b14 as SELECTION_INVERT,
+  c10 as SELECTION_NONE,
   T as ThemeSymbol,
   T2 as Touch,
-  a20 as allowedTypes,
-  a21 as availableAppearance,
-  a22 as availableSizes,
-  a17 as availableTheme,
-  b12 as breakpoints,
-  a18 as breakpointsUpDown,
+  a21 as allowedTypes,
+  a22 as availableAppearance,
+  a23 as availableSizes,
+  a18 as availableTheme,
+  b13 as breakpoints,
+  a19 as breakpointsUpDown,
   i as components,
   e4 as computeColor,
-  c11 as createBreakpoints,
-  a24 as createBreakpointsContext,
-  b15 as createBreakpointsPlugin,
+  c12 as createBreakpoints,
+  a25 as createBreakpointsContext,
+  b16 as createBreakpointsPlugin,
   createCds,
-  c12 as createContext,
-  c13 as createDisplay,
-  c14 as createFallbackHydration,
-  a25 as createHydration,
-  b16 as createHydrationContext,
-  d12 as createHydrationPlugin,
-  c15 as createObserver,
-  a26 as createPlugin,
-  c16 as createPluginContext,
-  c17 as createTheme,
-  c18 as createTrinity,
-  d7 as defaultDisplayOptions,
-  d6 as defaultThemeOptions,
-  d8 as defineAppearanceProps,
-  d10 as defineColorProps,
-  d14 as defineDatetimeProps,
-  d15 as defineDimensionsProps,
-  d11 as defineDisplayProps,
-  d16 as defineLayoutProps,
-  d9 as defineSizeProps,
-  d13 as defineThemeProps,
+  c13 as createContext,
+  c14 as createDisplay,
+  c15 as createFallbackHydration,
+  a26 as createHydration,
+  b17 as createHydrationContext,
+  d13 as createHydrationPlugin,
+  c16 as createObserver,
+  a27 as createPlugin,
+  c17 as createPluginContext,
+  c18 as createTheme,
+  c19 as createTrinity,
+  d8 as defaultDisplayOptions,
+  d7 as defaultThemeOptions,
+  d9 as defineAppearanceProps,
+  d11 as defineColorProps,
+  d15 as defineDatetimeProps,
+  d16 as defineDimensionsProps,
+  d12 as defineDisplayProps,
+  d17 as defineLayoutProps,
+  d10 as defineSizeProps,
+  d14 as defineThemeProps,
   i2 as directives,
   g4 as getDayHash,
   i7 as iconsets,
@@ -317,29 +326,30 @@ export {
   i3 as themes,
   t as toArray,
   t2 as toElement,
-  u3 as useAppearance,
-  a23 as useBackgroundColor,
-  u6 as useBreakpoints,
-  b14 as useColor,
-  u7 as useContext,
-  u11 as useDatetime,
-  u12 as useDimensions,
-  u8 as useDisplay,
-  u15 as useElementIntersection,
-  a28 as useElementSize,
-  u9 as useHydration,
+  u4 as useAppearance,
+  a24 as useBackgroundColor,
+  u7 as useBreakpoints,
+  b15 as useColor,
+  u8 as useContext,
+  u12 as useDatetime,
+  u13 as useDimensions,
+  u9 as useDisplay,
+  u16 as useElementIntersection,
+  a29 as useElementSize,
+  u10 as useHydration,
   u as useInjectLayout,
-  a27 as useIntersectionObserver,
-  u13 as useLayout,
-  u14 as useLazyKVMap,
-  u16 as useResizeObserver,
+  a28 as useIntersectionObserver,
+  u14 as useLayout,
+  u15 as useLazyKVMap,
+  u3 as useOtpInput,
+  u17 as useResizeObserver,
   u2 as useSelection,
-  c10 as useShadowBorderColor,
-  u4 as useSize,
-  u5 as useTextColor,
-  u10 as useTheme,
-  u17 as useToastItem,
-  a29 as useToastQueue,
+  c11 as useShadowBorderColor,
+  u5 as useSize,
+  u6 as useTextColor,
+  u11 as useTheme,
+  u18 as useToastItem,
+  a30 as useToastQueue,
   i4 as utils,
   version
 };

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

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

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

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsAppConstants } from "./api/CdsApp.constants.mjs";
 import { d as defineCdsAppProps } from "./api/CdsApp.props.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsAppConstants.name

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

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