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

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { u as useDisplay } from "../useDisplay/useDisplay.js";
-import { shallowRef, onMounted } from "vue";
 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/useIcons/useIcons.js

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

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

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../core/propsFactory.js";
-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.js";
+import { computed, shallowRef, watchEffect } from "vue";
 const defineItemsProps = propsFactory(
   {
     /** Массив элементов для отображения */

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 { a as IN_BROWSER } from "../../utils/dom/globals.js";
+import { u as useDisplay } from "../useDisplay/useDisplay.js";
 const defineLayoutProps = propsFactory(
   {
     /** Видимость элемента в макете. */

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

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

package/dist/es/src/composables/useNested/strategies/activeStrategies.js

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

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

@@ -1,13 +1,13 @@
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.js";
 import { p as propsFactory } from "../../core/propsFactory.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { t as throttle } from "../../utils/throttle.js";
+import { e as error } from "../../utils/dom/console.js";
 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.js";
 import { i as independentSingleActiveStrategy, a as independentActiveStrategy, l as leafSingleActiveStrategy, b as leafActiveStrategy } from "./strategies/activeStrategies.js";
 import { m as multipleOpenStrategy, s as singleOpenStrategy, l as listOpenStrategy } from "./strategies/openStrategies.js";
 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.js";
-import { t as throttle } from "../../utils/throttle.js";
-import { e as error } from "../../utils/dom/console.js";
 const defineNestedProps = propsFactory(
   {
     /** Разрешает активацию элементов (выделение текущего элемента без режима выбора) */

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

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

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

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

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

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

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

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

package/dist/es/src/composables/useTheme/internal/useTheme.utils.js

@@ -1,8 +1,8 @@
+import { a1 as mergeDeep, v as createRange } from "../../../utils/helpers.js";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
 import { c as colorsPalette } from "../../../utils/colors.js";
 import { d as defaultThemeOptions } from "./useTheme.constants.js";
-import { a1 as mergeDeep, v as createRange } from "../../../utils/helpers.js";
 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.js";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
 function parseThemeOptions(options = defaultThemeOptions) {
   var _a, _b;
   if (!options) return { ...defaultThemeOptions, isDisabled: true };

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

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

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

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../core/propsFactory.js";
-import { TransitionGroup, Transition, mergeProps, h } from "vue";
 import { l as isObject, a4 as onlyDefinedProps } from "../../utils/helpers.js";
+import { TransitionGroup, Transition, mergeProps, h } from "vue";
 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/es/src/composables/useValidation/useValidation.js

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

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 { shallowRef, watchEffect, ref, unref, computed, watch, onScopeDispose, nextTick } from "vue";
 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/core/defineComponent.js

@@ -1,9 +1,9 @@
 import { p as propsFactory } from "./propsFactory.js";
 import { u as useDefaults } from "./useDefaults.js";
-import { defineComponent, h } from "vue";
+import { k as kebabCase } from "../utils/changeCase.js";
 import { a7 as pick } from "../utils/helpers.js";
 import { c as classNames } from "../utils/dom/classNames.js";
-import { k as kebabCase } from "../utils/changeCase.js";
+import { defineComponent, h } from "vue";
 const defineComponentProps = propsFactory(
   {
     class: [String, Array, Object],

package/dist/es/src/core/getCurrentInstance.js

@@ -1,5 +1,5 @@
-import { getCurrentInstance as getCurrentInstance$1 } from "vue";
 import { k as kebabCase } from "../utils/changeCase.js";
+import { getCurrentInstance as getCurrentInstance$1 } from "vue";
 function getCurrentInstance(name, message) {
   const vm = getCurrentInstance$1();
   if (!vm) {
@@ -9,7 +9,8 @@ function getCurrentInstance(name, message) {
 }
 function getCurrentInstanceName(name = "composables") {
   const vm = getCurrentInstance(name).type;
-  return kebabCase((vm == null ? void 0 : vm.aliasName) || (vm == null ? void 0 : vm.name));
+  const instanceName = (vm == null ? void 0 : vm.aliasName) || (vm == null ? void 0 : vm.name) || (vm == null ? void 0 : vm.__name);
+  return instanceName ? kebabCase(instanceName) : "";
 }
 export {
   getCurrentInstanceName as a,

package/dist/es/src/core/getCurrentInstance.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCurrentInstance.js","sources":["../../../../src/core/getCurrentInstance.ts"],"sourcesContent":["import { kebabCase } from '@cds/utils';\nimport { getCurrentInstance as _getCurrentInstance } from 'vue';\n\n/**\n * Retrieves the current instance of a component. Throws an error if called outside of a setup function.\n *\n * @param {string} name - The name of the calling context or function.\n * @param {string} [message] - Optional custom error message to include in the thrown error.\n * @return {object} The current instance of the component.\n */\nexport function getCurrentInstance(name: string, message?: string) {\n  const vm = _getCurrentInstance();\n\n  if (!vm) {\n    throw new Error(`[CDS Error] ${name} ${message || 'must be called from inside a setup function'}`);\n  }\n\n  return vm;\n}\n\n/**\n * Retrieves the current instance's name in kebab-case format.\n *\n * @param {string} [name='composables'] - An optional string used to specify the instance context.\n * @return {string} The kebab-case formatted name of the current instance.\n */\nexport function getCurrentInstanceName(name = 'composables') {\n  const vm = getCurrentInstance(name).type;\n\n  return kebabCase(vm?.aliasName || vm?.name);\n}\n"],"names":["_getCurrentInstance"],"mappings":";;AAUO,SAAS,mBAAmB,MAAc,SAAkB;AACjE,QAAM,KAAKA,qBAAA;AAEX,MAAI,CAAC,IAAI;AACP,UAAM,IAAI,MAAM,eAAe,IAAI,IAAe,6CAA6C,EAAE;AAAA,EACnG;AAEA,SAAO;AACT;AAQO,SAAS,uBAAuB,OAAO,eAAe;AAC3D,QAAM,KAAK,mBAAmB,IAAI,EAAE;AAEpC,SAAO,WAAU,yBAAI,eAAa,yBAAI,KAAI;AAC5C;"}
+{"version":3,"file":"getCurrentInstance.js","sources":["../../../../src/core/getCurrentInstance.ts"],"sourcesContent":["import { kebabCase } from '@cds/utils';\nimport { getCurrentInstance as _getCurrentInstance } from 'vue';\n\n/**\n * Retrieves the current instance of a component. Throws an error if called outside of a setup function.\n *\n * @param {string} name - The name of the calling context or function.\n * @param {string} [message] - Optional custom error message to include in the thrown error.\n * @return {object} The current instance of the component.\n */\nexport function getCurrentInstance(name: string, message?: string) {\n  const vm = _getCurrentInstance();\n\n  if (!vm) {\n    throw new Error(`[CDS Error] ${name} ${message || 'must be called from inside a setup function'}`);\n  }\n\n  return vm;\n}\n\n/**\n * Retrieves the current instance's name in kebab-case format.\n *\n * @param {string} [name='composables'] - An optional string used to specify the instance context.\n * @return {string} The kebab-case formatted name of the current instance, or an empty string.\n */\nexport function getCurrentInstanceName(name = 'composables') {\n  const vm = getCurrentInstance(name).type;\n  const instanceName = vm?.aliasName || vm?.name || vm?.__name;\n\n  return instanceName ? kebabCase(instanceName) : '';\n}\n"],"names":["_getCurrentInstance"],"mappings":";;AAUO,SAAS,mBAAmB,MAAc,SAAkB;AACjE,QAAM,KAAKA,qBAAA;AAEX,MAAI,CAAC,IAAI;AACP,UAAM,IAAI,MAAM,eAAe,IAAI,IAAe,6CAA6C,EAAE;AAAA,EACnG;AAEA,SAAO;AACT;AAQO,SAAS,uBAAuB,OAAO,eAAe;AAC3D,QAAM,KAAK,mBAAmB,IAAI,EAAE;AACpC,QAAM,gBAAe,yBAAI,eAAa,yBAAI,UAAQ,yBAAI;AAEtD,SAAO,eAAe,UAAU,YAAY,IAAI;AAClD;"}

package/dist/es/src/core/useDefaults.js

@@ -1,8 +1,8 @@
 import { g as getCurrentInstance } from "./getCurrentInstance.js";
 import { i as injectSelf } from "./injectSelf.js";
-import { computed, unref, shallowRef, watchEffect, provide, inject, ref } from "vue";
 import { k as kebabCase } from "../utils/changeCase.js";
 import { a1 as mergeDeep } from "../utils/helpers.js";
+import { computed, unref, shallowRef, watchEffect, provide, inject, ref } from "vue";
 const DefaultsSymbol = Symbol.for("cds:defaults");
 function createDefaults(options) {
   return ref(options);

package/dist/es/src/core/useProxyModel.js

@@ -1,7 +1,7 @@
 import { g as getCurrentInstance } from "./getCurrentInstance.js";
 import { u as useToggleScope } from "./useToggleScope.js";
-import { ref, computed, toRaw, watch } from "vue";
 import { k as kebabCase } from "../utils/changeCase.js";
+import { ref, computed, toRaw, watch } from "vue";
 function useProxyModel(props, prop, defaultValue, transformIn = (v) => v, transformOut = (v) => v) {
   const vm = getCurrentInstance("useProxyModel");
   const internal = ref(props[prop] !== "undefined" ? props[prop] : defaultValue);

package/dist/es/src/hooks/createContext/index.js

@@ -1,5 +1,5 @@
-import { provide, inject } from "vue";
 import { j as isString, X as isSymbol, l as isObject, Y as isUndefined } from "../../utils/helpers.js";
+import { provide, inject } from "vue";
 function useContext(key, defaultValue) {
   const context = inject(key, defaultValue);
   if (isUndefined(context)) {

package/dist/es/src/hooks/createObserver/index.js

@@ -1,7 +1,7 @@
+import { P as isElement, S as isNull } from "../../utils/helpers.js";
 import { toRef, shallowRef, watch, onScopeDispose, shallowReadonly } from "vue";
 import { u as useHydration } from "../useHydration/index.js";
 import { t as toElement } from "../toElement/index.js";
-import { P as isElement, S as isNull } from "../../utils/helpers.js";
 function createObserver(target, userCallback, config) {
   const { isHydrated } = useHydration();
   const resolved = toRef(() => toElement(target));

package/dist/es/src/hooks/useBreakpoints/index.js

@@ -1,7 +1,7 @@
 import { u as useWindowEventListener } from "../useEventListener/index.js";
-import { shallowRef, readonly, watch, onScopeDispose } from "vue";
 import { a1 as mergeDeep, U as isNumber } from "../../utils/helpers.js";
 import { a as IN_BROWSER, c as SUPPORTS_MATCH_MEDIA } from "../../utils/dom/globals.js";
+import { shallowRef, readonly, watch, onScopeDispose } from "vue";
 import { c as createPluginContext } from "../createPlugin/index.js";
 import { u as useHydration } from "../useHydration/index.js";
 function createDefaultBreakpoints() {

package/dist/es/src/hooks/useEventListener/index.js

@@ -1,5 +1,5 @@
-import { watch, toValue, unref, onScopeDispose } from "vue";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
+import { watch, toValue, unref, onScopeDispose } from "vue";
 import { t as toArray } from "../toArray/index.js";
 function useEventListener(target, event, listener, options) {
   const cleanups = [];

package/dist/es/src/hooks/useHydration/index.js

@@ -1,6 +1,6 @@
+import { S as isNull } from "../../utils/helpers.js";
 import { shallowReadonly, shallowRef, nextTick } from "vue";
 import { c as createPluginContext } from "../createPlugin/index.js";
-import { S as isNull } from "../../utils/helpers.js";
 function createHydration() {
   const isHydrated = shallowRef(false);
   const isSettled = shallowRef(false);

package/dist/es/src/hooks/useIntersectionObserver/index.js

@@ -1,6 +1,6 @@
+import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.js";
 import { shallowRef, shallowReadonly } from "vue";
 import { c as createObserver } from "../createObserver/index.js";
-import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.js";
 function useIntersectionObserver(target, callback, options = {}) {
   const isIntersecting = shallowRef(false);
   const base = createObserver(target, callback, {

package/dist/es/src/hooks/useResizeObserver/index.js

@@ -1,6 +1,6 @@
+import { d as SUPPORTS_OBSERVER } from "../../utils/dom/globals.js";
 import { shallowRef, shallowReadonly } from "vue";
 import { c as createObserver } from "../createObserver/index.js";
-import { d as SUPPORTS_OBSERVER } from "../../utils/dom/globals.js";
 function useResizeObserver(target, callback, options = {}) {
   return createObserver(target, callback, {
     supports: SUPPORTS_OBSERVER,

package/dist/es/src/icons.js

@@ -1,8 +1,8 @@
-import { c as cdsLegacy } from "./assets/icons/cdsLegacy.js";
+import { cdsLegacy } from "./assets/icons/cdsLegacy.js";
 import { a as ClassIcon, S as SvgIcon } from "./composables/useIcons/useIcons.component.js";
-import { c as cds } from "./assets/icons/cds.js";
-import { w as warn } from "./utils/dom/console.js";
 import { a1 as mergeDeep } from "./utils/helpers.js";
+import { w as warn } from "./utils/dom/console.js";
+import { cds } from "./assets/icons/cds.js";
 function generateDefaults() {
   return {
     svg: {

package/dist/es/src/locales/adapters/cdsLocaleAdapter.js

@@ -1,8 +1,8 @@
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { r as ru } from "../ru.js";
-import { shallowRef, ref, toRef, watch } from "vue";
 import { L as getObjectValueByPath } from "../../utils/helpers.js";
 import { w as warn } from "../../utils/dom/console.js";
+import { shallowRef, ref, toRef, watch } from "vue";
 const LANG_PREFIX = "$cds.";
 const replace = (str, params) => {
   return str.replace(/\{(\d+)\}/g, (match, index) => {

package/dist/es/src/transitions/collapseTransition.js

@@ -1,5 +1,5 @@
-import { nextTick } from "vue";
 import { r as removeClass, a as addClass } from "../utils/dom/classNames.js";
+import { nextTick } from "vue";
 const CdsTransitionCollapse = (name = "cds-motion-collapse", appear = true) => {
   return {
     name,

package/dist/es/src/transitions/createTransition.js

@@ -1,5 +1,5 @@
-import { defineComponent, TransitionGroup, Transition, h } from "vue";
 import { P as PREFERS_REDUCED_MOTION } from "../utils/dom/globals.js";
+import { defineComponent, TransitionGroup, Transition, h } from "vue";
 function createCssTransition(name, origin, mode) {
   return defineComponent({
     name,

package/dist/es/src/transitions/modalTransition.js

@@ -1,9 +1,9 @@
 import { defineComponent, createVNode, Transition, mergeProps } from "vue";
 import { a as acceleratedEasing, s as standardEasing, d as deceleratedEasing } from "../composables/useTransition/useTransition.js";
 import { p as propsFactory } from "../core/propsFactory.js";
-import { P as PREFERS_REDUCED_MOTION } from "../utils/dom/globals.js";
 import { a as animate, n as nullifyTransforms } from "../utils/dom/animation.js";
 import { b as getTargetBox } from "../utils/dom/box.js";
+import { P as PREFERS_REDUCED_MOTION } from "../utils/dom/globals.js";
 const componentName = "CdsModalTransition";
 const defineCdsModalTransitionProps = propsFactory({
   target: [Object, Array]

package/dist/es/src/utils/colorsUtils/utils.js

@@ -1,9 +1,9 @@
+import { a as chunk, h as has, p as padEnd } from "../helpers.js";
+import { w as warn } from "../dom/console.js";
 import { c as colorsPalette } from "../colors.js";
 import { A as APCAcontrast } from "./APCA.js";
 import { f as fromXYZ, t as toXYZ$1 } from "./transformCIELAB.js";
 import { t as toXYZ, f as fromXYZ$1 } from "./transformSRGB.js";
-import { a as chunk, h as has, p as padEnd } from "../helpers.js";
-import { w as warn } from "../dom/console.js";
 function isCssColor(color) {
   return !!color && /^(#|var\(--|(rgb|hsl)a?\()/.test(color);
 }

package/dist/es/src/utils/dom/classNames.js

@@ -1,5 +1,5 @@
-import { j as isString, k as isArray, l as isObject } from "../helpers.js";
 import { k as kebabCase } from "../changeCase.js";
+import { j as isString, k as isArray, l as isObject } from "../helpers.js";
 function classNames(...args) {
   const classes = [];
   for (let i = 0; i < args.length; i++) {

package/dist/es/src/utils/dom/console.js

@@ -1,5 +1,5 @@
-import { warn as warn$1 } from "vue";
 import { I as IS_DEV } from "./globals.js";
+import { warn as warn$1 } from "vue";
 function warn(scope, msg) {
   IS_DEV && warn$1(`[CDS: ${scope}] ${msg}`);
 }

package/dist/es/src/utils/dom/dom.js

@@ -1,5 +1,5 @@
-import { unref, camelize } from "vue";
 import { a as IN_BROWSER } from "./globals.js";
+import { unref, camelize } from "vue";
 function attachedRoot(node) {
   if (typeof node.getRootNode !== "function") {
     while (node.parentNode) node = node.parentNode;

package/dist/esm-node/entry.mjs

@@ -88,10 +88,13 @@ 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/components/CdsGrid/api/CdsGrid.constants.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 { I } from "./src/directives/intersect/index.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";
@@ -117,7 +120,7 @@ import { u as u17, a as a29 } from "./src/components/CdsToastQueue/composables/u
 const createCds = (options = {}) => {
   return createCds$1(options);
 };
-const version = "4.0.0-alpha.0";
+const version = "4.0.0-alpha.1";
 createCds.version = version;
 export {
   c2 as CDS_DRAWER_WIDTH,
@@ -259,15 +262,18 @@ export {
   C80 as CdsUploader,
   C81 as CdsVirtualScroll,
   a16 as CdsVirtualScrollItem,
-  C82 as CssGridSymbol,
+  C82 as ClickOutside,
+  C83 as CssGridSymbol,
   D as DEFAULT_THEME,
   D2 as DisplaySymbol,
   E as EXPAND_COLUMN,
+  I as Intersect,
   a19 as SELECTION_ALL,
   S as SELECTION_COLUMN,
   b13 as SELECTION_INVERT,
   c9 as SELECTION_NONE,
   T as ThemeSymbol,
+  T2 as Touch,
   a20 as allowedTypes,
   a21 as availableAppearance,
   a22 as availableSizes,

package/dist/esm-node/src/assets/icons/carbon.mjs

@@ -1,6 +1,7 @@
 import { a as ClassIcon } from "../../composables/useIcons/useIcons.component.mjs";
 import { h } from "vue";
-import { c as cds } from "./cds.mjs";
+import { cds } from "./cds.mjs";
+/*! @unocss-include */
 const aliases = {
   // --- Missing in this pack (Carbon ships no brand logos for these) ---
   telegram: cds.aliases.telegram,
@@ -152,6 +153,6 @@ const icons = {
 };
 const carbon = { aliases, icons };
 export {
-  carbon as c
+  carbon
 };
 //# sourceMappingURL=carbon.mjs.map

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

@@ -147,6 +147,6 @@ const icons = {
 };
 const cds = { aliases, icons };
 export {
-  cds as c
+  cds
 };
 //# sourceMappingURL=cds.mjs.map

package/dist/esm-node/src/assets/icons/cdsLegacy.mjs

@@ -1,5 +1,5 @@
-import { h, resolveComponent } from "vue";
 import { p as pascalCase } from "../../utils/changeCase.mjs";
+import { h, resolveComponent } from "vue";
 const icons = {
   component: (props) => {
     const { icon, tag, ...rest } = props;
@@ -11,6 +11,7 @@ const cdsLegacy = {
   icons
 };
 export {
-  cdsLegacy as c
+  cdsLegacy,
+  icons
 };
 //# sourceMappingURL=cdsLegacy.mjs.map

package/dist/esm-node/src/assets/icons/index.mjs

@@ -1,9 +1,9 @@
-import { c as carbon } from "./carbon.mjs";
-import { c as cds } from "./cds.mjs";
-import { l as lucide } from "./lucide.mjs";
-import { m as mdi } from "./mdi.mjs";
-import { p as phosphor } from "./phosphor.mjs";
-import { r as remix } from "./remix.mjs";
+import { carbon } from "./carbon.mjs";
+import { cds } from "./cds.mjs";
+import { lucide } from "./lucide.mjs";
+import { mdi } from "./mdi.mjs";
+import { phosphor } from "./phosphor.mjs";
+import { remix } from "./remix.mjs";
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   carbon,

package/dist/esm-node/src/assets/icons/lucide.mjs

@@ -1,6 +1,7 @@
 import { a as ClassIcon } from "../../composables/useIcons/useIcons.component.mjs";
 import { h } from "vue";
-import { c as cds } from "./cds.mjs";
+import { cds } from "./cds.mjs";
+/*! @unocss-include */
 const aliases = {
   // --- Missing in this pack (Lucide ships no brand logos for these) ---
   telegram: cds.aliases.telegram,
@@ -153,6 +154,6 @@ const icons = {
 };
 const lucide = { aliases, icons };
 export {
-  lucide as l
+  lucide
 };
 //# sourceMappingURL=lucide.mjs.map

package/dist/esm-node/src/assets/icons/mdi.mjs

@@ -1,5 +1,6 @@
 import { a as ClassIcon } from "../../composables/useIcons/useIcons.component.mjs";
 import { h } from "vue";
+/*! @unocss-include */
 const aliases = {
   // --- Hand-picked, do not touch ---
   add: "i-mdi:plus",
@@ -151,6 +152,6 @@ const icons = {
 };
 const mdi = { aliases, icons };
 export {
-  mdi as m
+  mdi
 };
 //# sourceMappingURL=mdi.mjs.map

package/dist/esm-node/src/assets/icons/phosphor.mjs

@@ -1,6 +1,7 @@
 import { a as ClassIcon } from "../../composables/useIcons/useIcons.component.mjs";
 import { h } from "vue";
-import { c as cds } from "./cds.mjs";
+import { cds } from "./cds.mjs";
+/*! @unocss-include */
 const aliases = {
   // --- Missing in this pack ---
   vk: cds.aliases.vk,
@@ -152,6 +153,6 @@ const icons = {
 };
 const phosphor = { aliases, icons };
 export {
-  phosphor as p
+  phosphor
 };
 //# sourceMappingURL=phosphor.mjs.map

package/dist/esm-node/src/assets/icons/remix.mjs

@@ -1,6 +1,7 @@
 import { a as ClassIcon } from "../../composables/useIcons/useIcons.component.mjs";
 import { h } from "vue";
-import { c as cds } from "./cds.mjs";
+import { cds } from "./cds.mjs";
+/*! @unocss-include */
 const aliases = {
   // --- Missing in this pack ---
   vk: cds.aliases.vk,
@@ -152,6 +153,6 @@ const icons = {
 };
 const remix = { aliases, icons };
 export {
-  remix as r
+  remix
 };
 //# sourceMappingURL=remix.mjs.map