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

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.2";
 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

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

@@ -10,9 +10,9 @@ import { T as ThemeSymbol } from "./composables/useTheme/internal/useTheme.const
 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 { effectScope, defineComponent, nextTick, reactive } from "vue";
 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";
 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.0";
+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 { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsAppConstants.name

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

@@ -16,13 +16,13 @@ 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 { ac as wrapInArray, x as deepEqual, s as camelizeProps, _ as keyNames, A as ensureValidVNode, a0 as matchesSelector, t as checkPrintable } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { C as CdsAutocompleteConstants } from "./api/CdsAutocomplete.constants.mjs";
 import { d as defineCdsAutocompleteProps } from "./api/CdsAutocomplete.props.mjs";
-import { ac as wrapInArray, x as deepEqual, s as camelizeProps, _ as keyNames, A as ensureValidVNode, a0 as matchesSelector, t as checkPrintable } from "../../utils/helpers.mjs";
 import { u as useTextColor } from "../../composables/useColor/useColor.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { C as CdsTextInput } from "../CdsTextInput/index.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsMenu } from "../CdsMenu/index.mjs";
 import { C as CdsSurface } from "../CdsSurface/index.mjs";

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

@@ -3,9 +3,9 @@ import { d as defineCdsTextInputProps } from "../../CdsTextInput/api/CdsTextInpu
 import { d as defineFilterProps } from "../../../composables/useFilter/useFilter.mjs";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
+import { a3 as omit } from "../../../utils/helpers.mjs";
 import { C as CdsAutocompleteConstants } from "./CdsAutocomplete.constants.mjs";
 import { C as CdsModalTransition } from "../../../transitions/modalTransition.mjs";
-import { a3 as omit } from "../../../utils/helpers.mjs";
 const defineCdsAutocompleteProps = propsFactory(
   {
     /**

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

@@ -2,6 +2,8 @@ import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 import { u as useText } from "../../composables/useText/useText.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { l as isObject } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsBadge } from "../CdsBadge/index.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
@@ -10,8 +12,6 @@ import { C as CdsAvatarConstants } from "./api/CdsAvatar.constants.mjs";
 import { d as defineCdsAvatarProps } from "./api/CdsAvatar.props.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
-import { l as isObject } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsAvatarConstants.name

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

@@ -5,13 +5,13 @@ import { u as useText } from "../../composables/useText/useText.mjs";
 import { u as useTheme } from "../../composables/useTheme/useTheme.mjs";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { a8 as pickWithRest, u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsBadgeConstants, f as floatingBadgeDotOffset, a as floatingBadgeOffset, d as defaultBadgeDotOffset, b as defaultBadgeOffset } from "./api/CdsBadge.constants.mjs";
 import { d as defineCdsBadgeProps } from "./api/CdsBadge.props.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
-import { a8 as pickWithRest, u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsBadgeConstants.name,

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

@@ -5,9 +5,9 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mj
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.mjs";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsBadgeConstants } from "./CdsBadge.constants.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsBadgeProps = propsFactory(
   {

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

@@ -1,5 +1,6 @@
 import { defineComponent, useSlots, computed, toRef, createVNode, unref, Fragment, mergeProps } from "vue";
 import { p as provideDefaults } from "../../core/useDefaults.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { b as CdsBreadcrumbsConstants } from "./api/CdsBreadcrumbs.constants.mjs";
@@ -7,7 +8,6 @@ import { b as defineCdsBreadcrumbsProps } from "./api/CdsBreadcrumbs.props.mjs";
 import { _ as _sfc_main$2 } from "./CdsBreadcrumbsDivider.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsBreadcrumbsItem.vue_vue_type_script_setup_true_lang.mjs";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsBreadcrumbsConstants.name

package/dist/esm-node/src/components/CdsBreadcrumbs/CdsBreadcrumbsDivider.vue_vue_type_script_setup_true_lang.mjs

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

package/dist/esm-node/src/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue_vue_type_script_setup_true_lang.mjs

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, useAttrs, computed, unref, createVNode, mergeProps } from "vue";
 import { u as useLink } from "../../composables/useRouter/useRouter.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsBreadcrumbsItemConstants } from "./api/CdsBreadcrumbs.constants.mjs";
 import { a as defineCdsBreadcrumbsItemProps } from "./api/CdsBreadcrumbs.props.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { u as useTextColor } from "../../composables/useColor/useColor.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsBreadcrumbsItemConstants.name

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

@@ -3,8 +3,8 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.mjs";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { C as CdsBreadcrumbsDividerConstants, a as CdsBreadcrumbsItemConstants, b as CdsBreadcrumbsConstants } from "./CdsBreadcrumbs.constants.mjs";
 import { a7 as pick } from "../../../utils/helpers.mjs";
+import { C as CdsBreadcrumbsDividerConstants, a as CdsBreadcrumbsItemConstants, b as CdsBreadcrumbsConstants } from "./CdsBreadcrumbs.constants.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsBreadcrumbsProps = propsFactory(

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

@@ -5,6 +5,7 @@ import { u as useLink } from "../../composables/useRouter/useRouter.mjs";
 import { u as useText } from "../../composables/useText/useText.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.mjs";
@@ -14,7 +15,6 @@ import { u as useAppearance } from "../../composables/useAppearance/useAppearanc
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
 import { b as useColor } from "../../composables/useColor/useColor.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsButtonConstants.name

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

@@ -8,8 +8,8 @@ import { d as defineTextProps } from "../../../composables/useText/useText.mjs";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { C as CdsButtonConstants, a as CdsButtonToggleSymbol } from "./CdsButton.constants.mjs";
 import { a3 as omit } from "../../../utils/helpers.mjs";
+import { C as CdsButtonConstants, a as CdsButtonToggleSymbol } from "./CdsButton.constants.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";

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

@@ -3,9 +3,9 @@ import { C as CdsButtonConstants } from "../CdsButton/api/CdsButton.constants.mj
 import { u as useDirection } from "../../composables/useDirection/useDirection.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsButtonGroupConstants } from "./api/CdsButtonGroup.constants.mjs";
 import { d as defineCdsButtonGroupProps } from "./api/CdsButtonGroup.props.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsButtonGroupConstants.name

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

@@ -3,9 +3,9 @@ import { d as defineDirectionProps } from "../../../composables/useDirection/use
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsButtonGroupConstants } from "./CdsButtonGroup.constants.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsButtonGroupProps = propsFactory(
   {

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

@@ -5,9 +5,9 @@ import { d as defineCdsButtonGroupProps } from "../CdsButtonGroup/api/CdsButtonG
 import { u as useGroup } from "../../composables/useGroup/useGroup.mjs";
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsButtonToggleConstants } from "./api/CdsButtonToggle.constants.mjs";
 import { d as defineCdsButtonToggleProps } from "./api/CdsButtonToggle.props.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsButtonToggleConstants.name

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

@@ -1,9 +1,9 @@
 import { d as defineCdsButtonGroupProps } from "../../CdsButtonGroup/api/CdsButtonGroup.props.mjs";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsButtonToggleConstants } from "./CdsButtonToggle.constants.mjs";
 import { a as CdsButtonToggleSymbol } from "../../CdsButton/api/CdsButton.constants.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsButtonToggleProps = propsFactory(
   {

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

@@ -8,7 +8,9 @@ import { u as usePosition } from "../../composables/usePosition/usePosition.mjs"
 import { u as useLink } from "../../composables/useRouter/useRouter.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { C as CdsCardConstants } from "./api/CdsCard.constants.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { f as CdsCardConstants } from "./api/CdsCard.constants.mjs";
 import { g as defineCdsCardProps } from "./api/CdsCard.props.mjs";
 import { _ as _sfc_main$4 } from "./CdsCardActions.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsCardDivider.vue_vue_type_script_setup_true_lang.mjs";
@@ -16,8 +18,6 @@ import { _ as _sfc_main$1 } from "./CdsCardItem.vue_vue_type_script_setup_true_l
 import { _ as _sfc_main$3 } from "./CdsCardText.vue_vue_type_script_setup_true_lang.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsImage } from "../CdsImage/index.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/esm-node/src/components/CdsCard/CdsCardActions.vue_vue_type_script_setup_true_lang.mjs

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

package/dist/esm-node/src/components/CdsCard/CdsCardDivider.vue_vue_type_script_setup_true_lang.mjs

@@ -3,9 +3,9 @@ import { a as defineCdsCardDividerProps } from "./api/CdsCard.props.mjs";
 import { d as defineCdsDividerProps } from "../CdsDivider/api/CdsDivider.props.mjs";
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { C as CdsDivider } from "../CdsDivider/index.mjs";
-import { h as CdsCardDividerConstants } from "./api/CdsCard.constants.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { C as CdsDivider } from "../CdsDivider/index.mjs";
+import { a as CdsCardDividerConstants } from "./api/CdsCard.constants.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardDividerConstants.name

package/dist/esm-node/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.mjs

@@ -3,9 +3,9 @@ import { u as useDirection } from "../../composables/useDirection/useDirection.m
 import { u as useGroup } from "../../composables/useGroup/useGroup.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { b as CdsCardGroupConstants } from "./api/CdsCard.constants.mjs";
-import { h as defineCdsCardGroupProps } from "./api/CdsCard.props.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { h as CdsCardGroupConstants } from "./api/CdsCard.constants.mjs";
+import { h as defineCdsCardGroupProps } from "./api/CdsCard.props.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardGroupConstants.name

package/dist/esm-node/src/components/CdsCard/CdsCardItem.vue_vue_type_script_setup_true_lang.mjs

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, createVNode, Fragment, toDisplayString } from "vue";
 import { e as defineCdsCardItemProps } from "./api/CdsCard.props.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as CdsCardItemConstants } from "./api/CdsCard.constants.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { d as CdsCardItemConstants } from "./api/CdsCard.constants.mjs";
 import { _ as _sfc_main$2 } from "./CdsCardSubtitle.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsCardTitle.vue_vue_type_script_setup_true_lang.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsAvatar } from "../CdsAvatar/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";

package/dist/esm-node/src/components/CdsCard/CdsCardSubtitle.vue_vue_type_script_setup_true_lang.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { b as defineCdsCardSubtitleProps } from "./api/CdsCard.props.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { e as CdsCardSubtitleConstants } from "./api/CdsCard.constants.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { b as CdsCardSubtitleConstants } from "./api/CdsCard.constants.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardSubtitleConstants.name

package/dist/esm-node/src/components/CdsCard/CdsCardText.vue_vue_type_script_setup_true_lang.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useSlots, createVNode } from "vue";
 import { f as defineCdsCardTextProps } from "./api/CdsCard.props.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { f as CdsCardTextConstants } from "./api/CdsCard.constants.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { e as CdsCardTextConstants } from "./api/CdsCard.constants.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardTextConstants.name

package/dist/esm-node/src/components/CdsCard/CdsCardTitle.vue_vue_type_script_setup_true_lang.mjs

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

package/dist/esm-node/src/components/CdsCard/api/CdsCard.constants.mjs

@@ -9,14 +9,14 @@ const CdsCardTextConstants = defineConstants(`${CdsCardConstants.name}Text`);
 const CdsCardActionsConstants = defineConstants(`${CdsCardConstants.name}Actions`);
 const CdsCardDividerConstants = defineConstants(`${CdsCardConstants.name}Divider`);
 export {
-  CdsCardConstants as C,
-  CdsCardGroupSymbol as a,
-  CdsCardGroupConstants as b,
-  CdsCardItemConstants as c,
-  CdsCardTitleConstants as d,
-  CdsCardSubtitleConstants as e,
-  CdsCardTextConstants as f,
-  CdsCardActionsConstants as g,
-  CdsCardDividerConstants as h
+  CdsCardActionsConstants as C,
+  CdsCardDividerConstants as a,
+  CdsCardSubtitleConstants as b,
+  CdsCardTitleConstants as c,
+  CdsCardItemConstants as d,
+  CdsCardTextConstants as e,
+  CdsCardConstants as f,
+  CdsCardGroupSymbol as g,
+  CdsCardGroupConstants as h
 };
 //# sourceMappingURL=CdsCard.constants.mjs.map

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

@@ -1,4 +1,4 @@
-import { C as CdsCardConstants, a as CdsCardGroupSymbol, b as CdsCardGroupConstants, c as CdsCardItemConstants, d as CdsCardTitleConstants, e as CdsCardSubtitleConstants, f as CdsCardTextConstants, g as CdsCardActionsConstants, h as CdsCardDividerConstants } from "./CdsCard.constants.mjs";
+import { C as CdsCardActionsConstants, a as CdsCardDividerConstants, b as CdsCardSubtitleConstants, c as CdsCardTitleConstants, d as CdsCardItemConstants, e as CdsCardTextConstants, f as CdsCardConstants, g as CdsCardGroupSymbol, h as CdsCardGroupConstants } from "./CdsCard.constants.mjs";
 import { d as defineCdsDividerProps } from "../../CdsDivider/api/CdsDivider.props.mjs";
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.mjs";
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.mjs";