@central-design-system/components 4.0.0-alpha.10 → 4.0.0-alpha.11

package/dist/esm-node/entry.mjs

@@ -9,7 +9,7 @@ import { c as c2, a as a2, b, e, f, g, h, d, i as i7, j, k, C } from "./src/tran
 import { _ } from "./src/components/CdsGrid/CdsCol.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _2 } from "./src/components/CdsGrid/CdsGrid.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _3 } from "./src/components/CdsGrid/CdsRow.vue_vue_type_script_setup_true_lang.mjs";
-import { a as a3, c as c3, d as d2, b as b2 } from "./src/components/CdsDrawer/api/CdsDrawer.constants.mjs";
+import { a as a3, c as c3, f as f2, b as b2 } from "./src/components/CdsDrawer/api/CdsDrawer.constants.mjs";
 import { C as C2, p as p2, u as u2 } from "./src/composables/useLayout/context.mjs";
 import { C as C3 } from "./src/components/CdsApp/index.mjs";
 import { C as C4 } from "./src/components/CdsAutocomplete/index.mjs";
@@ -19,7 +19,7 @@ import { C as C7, a as a4, b as b3 } from "./src/components/CdsBreadcrumbs/index
 import { C as C8 } from "./src/components/CdsButton/index.mjs";
 import { C as C9 } from "./src/components/CdsButtonGroup/index.mjs";
 import { C as C10 } from "./src/components/CdsButtonToggle/index.mjs";
-import { C as C11, a as a5, b as b4, c as c4, d as d3, e as e2, f as f2, g as g2 } from "./src/components/CdsCard/index.mjs";
+import { C as C11, a as a5, b as b4, c as c4, d as d2, e as e2, f as f3, g as g2 } from "./src/components/CdsCard/index.mjs";
 import { C as C12, a as a6 } from "./src/components/CdsCarousel/index.mjs";
 import { C as C13 } from "./src/components/CdsCheckbox/index.mjs";
 import { C as C14 } from "./src/components/CdsCheckboxButton/index.mjs";
@@ -47,7 +47,7 @@ import { C as C35 } from "./src/components/CdsInput/index.mjs";
 import { C as C36 } from "./src/components/CdsLabel/index.mjs";
 import { C as C37 } from "./src/components/CdsLayout/index.mjs";
 import { C as C38 } from "./src/components/CdsLink/index.mjs";
-import { C as C39, c as c7, a as a9, d as d4, e as e3, b as b7, f as f3, g as g3, h as h2, i as i8, j as j2 } from "./src/components/CdsList/index.mjs";
+import { C as C39, c as c7, a as a9, d as d3, e as e3, b as b7, f as f4, g as g3, h as h2, i as i8, j as j2 } from "./src/components/CdsList/index.mjs";
 import { C as C40 } from "./src/components/CdsLoader/index.mjs";
 import { C as C41 } from "./src/components/CdsMain/index.mjs";
 import { C as C42 } from "./src/components/CdsMenu/index.mjs";
@@ -57,7 +57,7 @@ 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, a as a10, b as b8, c as c8 } from "./src/components/CdsOtpInput/index.mjs";
-import { d as d5 } from "./src/components/CdsOtpInput/api/CdsOtpInput.constants.mjs";
+import { d as d4 } 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";
@@ -74,7 +74,7 @@ import { C as C61, a as a11 } from "./src/components/CdsSlideGroup/index.mjs";
 import { C as C62, a as a12 } 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 a13, b as b9, c as c9, d as d6 } from "./src/components/CdsSteps/index.mjs";
+import { C as C65, a as a13, b as b9, c as c9, d as d5 } from "./src/components/CdsSteps/index.mjs";
 import { C as C66 } from "./src/components/CdsSurface/index.mjs";
 import { a as a14, C as C67, b as b10, c as c10 } from "./src/components/CdsTabs/index.mjs";
 import { C as C68, a as a15, b as b11 } from "./src/components/CdsTable/index.mjs";
@@ -94,28 +94,28 @@ import { C as C81 } from "./src/components/CdsUploader/index.mjs";
 import { C as C82, a as a18 } 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 as D2, T, a as a19, d as d7 } from "./src/composables/useTheme/internal/useTheme.constants.mjs";
-import { D as D3, b as b13, a as a20, d as d8 } from "./src/composables/useDisplay/internal/useDisplay.constants.mjs";
+import { D as D2, T, a as a19, d as d6 } from "./src/composables/useTheme/internal/useTheme.constants.mjs";
+import { D as D3, b as b13, a as a20, d as d7 } from "./src/composables/useDisplay/internal/useDisplay.constants.mjs";
 import { E, a as a21, S, b as b14, c as c11, u as u3 } from "./src/components/CdsTable/composable/selection.mjs";
 import { I } from "./src/directives/intersect/index.mjs";
 import { O, u as u4 } from "./src/components/CdsOtpInput/composables/useOtpInput.mjs";
 import { T as T2 } from "./src/directives/touch/index.mjs";
 import { a as a22 } from "./src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.types.mjs";
-import { a as a23, d as d9, u as u5 } from "./src/composables/useAppearance/useAppearance.mjs";
-import { a as a24, d as d10, u as u6 } from "./src/composables/useSize/useSize.mjs";
-import { e as e4, d as d11, a as a25, b as b15, c as c12, u as u7 } from "./src/composables/useColor/useColor.mjs";
+import { a as a23, d as d8, u as u5 } from "./src/composables/useAppearance/useAppearance.mjs";
+import { a as a24, d as d9, u as u6 } from "./src/composables/useSize/useSize.mjs";
+import { e as e4, d as d10, a as a25, b as b15, c as c12, u as u7 } from "./src/composables/useColor/useColor.mjs";
 import { c as c13, a as a26, b as b16, u as u8 } from "./src/hooks/useBreakpoints/index.mjs";
 import { c as c14, p as p3, u as u9 } from "./src/hooks/createContext/index.mjs";
-import { c as c15, d as d12, u as u10 } from "./src/composables/useDisplay/useDisplay.mjs";
-import { c as c16, a as a27, b as b17, d as d13, u as u11 } from "./src/hooks/useHydration/index.mjs";
-import { c as c17, d as d14, u as u12 } from "./src/composables/useForm/useForm.mjs";
+import { c as c15, d as d11, u as u10 } from "./src/composables/useDisplay/useDisplay.mjs";
+import { c as c16, a as a27, b as b17, d as d12, u as u11 } from "./src/hooks/useHydration/index.mjs";
+import { c as c17, d as d13, u as u12 } from "./src/composables/useForm/useForm.mjs";
 import { c as c18 } from "./src/hooks/createObserver/index.mjs";
 import { a as a28, c as c19 } from "./src/hooks/createPlugin/index.mjs";
-import { c as c20, d as d15, p as p4, u as u13 } from "./src/composables/useTheme/useTheme.mjs";
+import { c as c20, d as d14, p as p4, u as u13 } from "./src/composables/useTheme/useTheme.mjs";
 import { c as c21 } from "./src/hooks/createTrinity/index.mjs";
-import { d as d16, g as g4, u as u14 } from "./src/composables/useDatetime/useDatetime.mjs";
-import { d as d17, u as u15 } from "./src/composables/useDimensions/useDimensions.mjs";
-import { d as d18, u as u16 } from "./src/composables/useLayout/useLayout.mjs";
+import { d as d15, g as g4, u as u14 } from "./src/composables/useDatetime/useDatetime.mjs";
+import { d as d16, u as u15 } from "./src/composables/useDimensions/useDimensions.mjs";
+import { d as d17, u as u16 } from "./src/composables/useLayout/useLayout.mjs";
 import { i as i9 } from "./src/assets/icons/index.mjs";
 import { m, u as u17 } from "./src/components/CdsTable/composable/table.mjs";
 import { t } from "./src/hooks/toArray/index.mjs";
@@ -126,12 +126,12 @@ import { u as u20, a as a31 } from "./src/components/CdsToastQueue/composables/u
 const createCds = (options = {}) => {
   return createCds$1(options);
 };
-const version = "4.0.0-alpha.10";
+const version = "4.0.0-alpha.11";
 createCds.version = version;
 export {
   a3 as CDS_DRAWER_WIDTH,
   c3 as CDS_DRAWER_WIDTH_MINIFIED,
-  d2 as CDS_DRAWER_Z_INDEX_INNER,
+  f2 as CDS_DRAWER_Z_INDEX_INNER,
   b2 as CDS_DRAWER_Z_INDEX_OUTER,
   C2 as CDS_LAYOUT_CONTEXT_KEY,
   C3 as CdsApp,
@@ -148,9 +148,9 @@ export {
   a5 as CdsCardActions,
   b4 as CdsCardDivider,
   c4 as CdsCardGroup,
-  d3 as CdsCardItem,
+  d2 as CdsCardItem,
   e2 as CdsCardSubtitle,
-  f2 as CdsCardText,
+  f3 as CdsCardText,
   g2 as CdsCardTitle,
   C12 as CdsCarousel,
   a6 as CdsCarouselItem,
@@ -191,10 +191,10 @@ export {
   C39 as CdsList,
   c7 as CdsListGroup,
   a9 as CdsListItem,
-  d4 as CdsListItemAction,
+  d3 as CdsListItemAction,
   e3 as CdsListItemDescription,
   b7 as CdsListItemDivider,
-  f3 as CdsListItemImage,
+  f4 as CdsListItemImage,
   g3 as CdsListItemMedia,
   h2 as CdsListItemSubtitle,
   i8 as CdsListItemTitle,
@@ -210,7 +210,7 @@ export {
   C48 as CdsOtpField,
   a10 as CdsOtpGroup,
   b8 as CdsOtpInput,
-  d5 as CdsOtpInputSymbol,
+  d4 as CdsOtpInputSymbol,
   c8 as CdsOtpSeparator,
   C49 as CdsOverlay,
   C50 as CdsPage,
@@ -235,7 +235,7 @@ export {
   a13 as CdsStepsActions,
   b9 as CdsStepsItem,
   c9 as CdsStepsView,
-  d6 as CdsStepsViewItem,
+  d5 as CdsStepsViewItem,
   C66 as CdsSurface,
   a14 as CdsTab,
   C68 as CdsTable,
@@ -307,23 +307,23 @@ export {
   c17 as createForm,
   a27 as createHydration,
   b17 as createHydrationContext,
-  d13 as createHydrationPlugin,
+  d12 as createHydrationPlugin,
   c18 as createObserver,
   a28 as createPlugin,
   c19 as createPluginContext,
   c20 as createTheme,
   c21 as createTrinity,
-  d8 as defaultDisplayOptions,
-  d7 as defaultThemeOptions,
-  d9 as defineAppearanceProps,
-  d11 as defineColorProps,
-  d16 as defineDatetimeProps,
-  d17 as defineDimensionsProps,
-  d12 as defineDisplayProps,
-  d14 as defineFormProps,
-  d18 as defineLayoutProps,
-  d10 as defineSizeProps,
-  d15 as defineThemeProps,
+  d7 as defaultDisplayOptions,
+  d6 as defaultThemeOptions,
+  d8 as defineAppearanceProps,
+  d10 as defineColorProps,
+  d15 as defineDatetimeProps,
+  d16 as defineDimensionsProps,
+  d11 as defineDisplayProps,
+  d13 as defineFormProps,
+  d17 as defineLayoutProps,
+  d9 as defineSizeProps,
+  d14 as defineThemeProps,
   i2 as directives,
   g4 as getDayHash,
   i9 as iconsets,

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

@@ -107,11 +107,14 @@ const aliases = {
   "radio-off": "i-carbon:radio-button",
   refresh: "i-carbon:renew",
   remove: "i-carbon:close",
+  reset: "i-carbon:reset",
   sandglass: "i-carbon:hourglass",
   save: "i-carbon:save",
   "scale-left": "i-carbon:open-panel-left",
   "scale-right": "i-carbon:open-panel-right",
   search: "i-carbon:search",
+  send: "i-carbon:send",
+  "send-fill": "i-carbon:send-filled",
   settings: "i-carbon:settings",
   "shopping-cart": "i-carbon:shopping-cart",
   "sort-date": "i-carbon:sort-descending",
@@ -139,6 +142,8 @@ const aliases = {
   "user-group": "i-carbon:user-multiple",
   "visibility-off": "i-carbon:view-off",
   "visibility-on": "i-carbon:view",
+  wallet: "i-carbon:wallet",
+  "wallet-fill": "i-carbon:wallet",
   winner: "i-carbon:trophy",
   workspace: "i-carbon:workspace",
   youtube: "i-carbon:logo-youtube",

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

@@ -99,11 +99,14 @@ const aliases = {
   "question-fill": "cds:M8 1A7 7 0 1 1 8 15 7 7 0 0 1 8 1ZM10.404 5.576C10.404 5.791 10.39 5.984 10.362 6.157A2.365 2.365 0 0 1 10.033 7.039C9.953 7.165 9.867 7.298 9.774 7.438A7.103 7.103 0 0 1 9.41 7.935 7.77 7.77 0 0 0 9.039 8.439 3.08 3.08 0 0 0 8.745 8.985C8.665 9.176 8.626 9.375 8.626 9.58V10.21H7.058V9.65C7.058 9.295 7.091 8.987 7.156 8.726S7.347 8.203 7.534 7.942C7.684 7.718 7.83 7.508 7.975 7.312 8.12 7.116 8.245 6.929 8.353 6.752 8.46 6.575 8.549 6.402 8.619 6.234 8.689 6.066 8.724 5.898 8.724 5.73 8.724 5.6 8.712 5.462 8.689 5.317A1.082 1.082 0 0 0 8.542 4.918 0.888 0.888 0 0 0 8.227 4.617C8.092 4.537 7.912 4.498 7.688 4.498A0.984 0.984 0 0 0 6.883 4.869C6.683 5.116 6.573 5.445 6.554 5.856A59.858 59.858 0 0 0 5.784 5.751 30.583 30.583 0 0 0 5 5.66C5.037 5.221 5.138 4.836 5.301 4.505 5.464 4.174 5.667 3.896 5.91 3.672 6.153 3.448 6.433 3.28 6.75 3.168A3.049 3.049 0 0 1 7.772 3C8.64 3 9.296 3.233 9.739 3.7 10.182 4.167 10.404 4.792 10.404 5.576ZM7.044 12.814V11.26H8.612V12.814H7.044Z",
   refresh: "cds:M14.93 7A7 7 0 0 1 3 12.898V15H2V11H6V12L3.529 12.001A6 6 0 0 0 13.917 7H14.929ZM13.929 1V5H9.929V4H12.399A6 6 0 0 0 2.012 9.001L1 9A7 7 0 0 1 12.93 3.102V1H13.93Z",
   remove: "cds:M8.01 7.345L11.334 4.021 11.999 4.686 8.675 8.01 11.979 11.314 11.314 11.979 8.01 8.675 4.685 12 4.02 11.335 7.345 8.01 4 4.665 4.665 4 8.01 7.345Z",
+  reset: "cds:M1.001 2H2.001L2 4.393A7 7 0 1 1 1 8H2C2 9.849 2.836 11.502 4.15 12.603A6 6 0 1 0 8 2A6 6 0 0 0 2.807 5H5V6H1Z",
   sandglass: "cds:M11.992 1V2L11.875 2.007A1 1 0 0 0 10.992 3V5L10.987 5.157A2.013 2.013 0 0 1 10.052 6.727L9.876 6.83C9.378 7.132 8.994 7.503 8.994 8L8.995 8.057C9.023 8.526 9.397 8.879 9.876 9.17L9.993 9.238C10.527 9.541 10.908 10.106 10.98 10.769L10.987 10.843 10.992 11V13L10.999 13.117A1 1 0 0 0 11.763 13.974L11.875 13.994 11.992 14V15H3.997V14L4.114 13.993A1 1 0 0 0 4.99 13.117L4.997 13V11L5.002 10.843 5.009 10.769A2.015 2.015 0 0 1 5.865 9.319L5.995 9.239 6.113 9.169C6.543 8.909 6.89 8.596 6.975 8.194L6.993 8.057 6.995 8C6.995 7.548 6.677 7.2 6.245 6.915L6.113 6.83 5.937 6.727A2.005 2.005 0 0 1 5.021 5.322L5.002 5.157 4.997 5V3A1 1 0 0 0 4.114 2.007L3.997 2V1H11.992ZM7.678 13.105L5.866 13.711C5.828 13.811 5.781 13.909 5.728 14.001H10.261C10.208 13.909 10.161 13.811 10.123 13.711L8.31 13.105A0.999 0.999 0 0 0 7.678 13.105ZM7.994 8V8.074A2 2 0 0 1 6.995 9.732C6.458 10.044 6.143 10.332 6.039 10.704L6.012 10.831 6.005 10.883 6 11 5.999 12.666 7.679 12.106A0.999 0.999 0 0 1 8.311 12.106L9.991 12.666V11L9.985 10.883 9.978 10.831C9.915 10.397 9.592 10.078 8.995 9.732A2 2 0 0 1 7.997 8.074L7.994 8ZM9.99 5H6L6.006 5.117 6.013 5.169C6.076 5.603 6.399 5.922 6.996 6.268A2 2 0 0 1 7.988 7.831L7.994 8A2 2 0 0 1 8.994 6.268C9.591 5.922 9.914 5.603 9.977 5.169L9.984 5.117 9.99 5ZM10.26 2H5.728C5.898 2.294 5.996 2.636 5.996 3H5.999L5.998 4H9.99V3H9.993C9.993 2.636 10.09 2.294 10.26 2Z",
   save: "cds:M2 14V2H11.026L14 5.001V14H2ZM5 3H3V13H5V8H11V13H13V5.413L11 3.394V6H5V3ZM10 9H6V13H10V9ZM10 3H6V5H10V3Z",
   "scale-left": "cds:M14.5 2A0.5 0.5 0 0 0 14 1.5H8V2.5H13.5V13.5H2.5V8H1.5V14L1.51 14.1C1.55 14.296 1.704 14.45 1.9 14.49L2 14.5H14A0.5 0.5 0 0 0 14.5 14V2Z M6.667 9.5V10.5H10A0.5 0.5 0 0 0 10.5 10V6.667H9.5V8.793L3.207 2.5H5.333V1.5H2A0.5 0.5 0 0 0 1.5 2V5.333H2.5V3.207L8.793 9.5H6.667Z",
   "scale-right": "cds:M1.5 2A0.5 0.5 0 0 1 2 1.5H8V2.5H2.5V13.5H13.5V8H14.5V14L14.49 14.1A0.501 0.501 0 0 1 14.1 14.49L14 14.5H2A0.5 0.5 0 0 1 1.5 14V2Z M9.333 9.5V10.5H6A0.5 0.5 0 0 1 5.5 10V6.667H6.5V8.793L12.793 2.5H10.667V1.5H14A0.5 0.5 0 0 1 14.5 2V5.333H13.5V3.207L7.207 9.5H9.333Z",
   search: "cds:M6.5 1A5.5 5.5 0 0 1 10.687 10.067L15 14.5 14.5 15 10.067 10.687A5.5 5.5 0 1 1 6.5 1ZM6.5 2A4.5 4.5 0 1 0 6.5 11 4.5 4.5 0 0 0 6.5 2Z",
+  send: "cds:M3.992 1.132L14.492 7.125L14.494 7.123A1 1 0 0 1 14.491 8.866L3.996 14.869A1.01 1.01 0 0 1 3.04 14.888A1 1 0 0 1 2.557 13.667L4.472 8L2.557 2.334A1 1 0 0 1 3.992 1.132M3.5 13.992C3.5 13.995 3.5 13.997 3.5 14L14 7.99L3.5 2A0.03 0.03 0 0 1 3.504 2.01L5.359 7.5H9V8.5H5.359Z",
+  "send-fill": "cds:M3.41 1.008A1 1 0 0 0 2.558 2.334L4.303 7.5H9.002V8.5H4.302L2.558 13.667A1.001 1.001 0 0 0 3.996 14.869L14.49 8.866A1.001 1.001 0 0 0 14.494 7.123L14.492 7.125L3.992 1.132A1 1 0 0 0 3.409 1.008",
   settings: "cds:M11 8A3 3 0 1 1 5 8 3 3 0 0 1 11 8ZM10 8A2 2 0 1 1 6 8 2 2 0 0 1 10 8Z M9.561 1.43L9.755 2.786C9.993 2.866 10.223 2.962 10.445 3.072L11.542 2.25A0.5 0.5 0 0 1 12.196 2.296L13.704 3.804A0.5 0.5 0 0 1 13.75 4.458L12.928 5.554C13.038 5.776 13.134 6.007 13.214 6.244L14.571 6.439A0.5 0.5 0 0 1 15 6.934V9.066A0.5 0.5 0 0 1 14.57 9.561L13.214 9.755C13.134 9.993 13.038 10.223 12.928 10.445L13.75 11.542A0.5 0.5 0 0 1 13.704 12.196L12.196 13.704A0.5 0.5 0 0 1 11.542 13.75L10.445 12.928A5.46 5.46 0 0 1 9.755 13.214L9.561 14.571A0.5 0.5 0 0 1 9.066 15H6.934A0.5 0.5 0 0 1 6.439 14.57L6.245 13.214A5.462 5.462 0 0 1 5.555 12.928L4.458 13.75A0.5 0.5 0 0 1 3.804 13.704L2.296 12.196A0.5 0.5 0 0 1 2.25 11.542L3.072 10.445A5.463 5.463 0 0 1 2.786 9.755L1.429 9.561A0.5 0.5 0 0 1 1 9.066V6.934A0.5 0.5 0 0 1 1.43 6.439L2.786 6.245C2.866 6.007 2.962 5.776 3.072 5.555L2.25 4.457A0.5 0.5 0 0 1 2.296 3.803L3.804 2.295A0.5 0.5 0 0 1 4.458 2.249L5.554 3.071C5.776 2.961 6.007 2.865 6.244 2.785L6.439 1.428A0.5 0.5 0 0 1 6.934 1H9.066A0.5 0.5 0 0 1 9.561 1.43ZM6.564 3.733L7.148 3.536 7.368 2H8.633L8.853 3.537 9.436 3.734C9.63 3.799 9.819 3.877 10 3.968L10.552 4.242 11.795 3.31 12.69 4.205 11.758 5.448 12.032 6C12.122 6.181 12.201 6.37 12.266 6.564L12.463 7.148 14 7.368V8.633L12.463 8.853 12.266 9.436A4.449 4.449 0 0 1 12.032 10L11.758 10.552 12.69 11.795 11.795 12.69 10.552 11.758 10 12.032C9.819 12.122 9.63 12.201 9.436 12.266L8.852 12.463 8.632 14H7.368L7.148 12.463 6.565 12.266A4.45 4.45 0 0 1 6 12.032L5.448 11.758 4.205 12.69 3.31 11.795 4.242 10.552 3.968 10A4.464 4.464 0 0 1 3.734 9.436L3.537 8.852 2 8.632V7.368L3.537 7.148 3.734 6.565C3.799 6.371 3.877 6.182 3.968 6.001L4.242 5.449 3.31 4.206 4.205 3.311 5.448 4.243 6 3.968C6.181 3.878 6.37 3.799 6.564 3.734Z",
   "shopping-cart": "cds:M5.95 12A1 1 0 1 1 5.95 14 1 1 0 0 1 5.95 12ZM11.95 12A1 1 0 1 1 11.95 14 1 1 0 0 1 11.95 12ZM2.5 2H3.785L3.868 2.007A0.5 0.5 0 0 1 4.42 2.331L4.443 2.418 4.711 4.017C4.774 4.005 4.833 4 4.892 4H13.769A1 1 0 0 1 14.756 5.164L14.089 9.164A1 1 0 0 1 13.103 10H5.707L5.874 11H12.45A0.5 0.5 0 0 1 12.54 11.992L12.45 12 5.532 11.993 5.463 12H5.45A0.503 0.503 0 0 1 4.98 11.67L4.957 11.582 3.526 3H2.5A0.5 0.5 0 1 1 2.5 2ZM13.77 5H4.891L5.609 9H13.102L13.768 5Z",
   "sort-date": "cds:M12 8V13.156L14.364 10.793 15.071 11.5 11.536 15.036 8 11.5 8.707 10.793 11 13.086V8H12ZM9.5 1A0.5 0.5 0 0 1 9.992 1.41L10 1.5V2.002H11.002A2 2 0 0 1 12.996 3.854L13.002 4.003V6.998H12.002L12 6H1.999L2 12.026A1 1 0 0 0 2.883 13.019L3 13.026H7V14.026H3A2 2 0 0 1 1.005 12.176L1 12.025V4.003A2 2 0 0 1 2.85 2.008L3 2.003 4 2.002V1.5A0.5 0.5 0 0 1 4.992 1.41L5 1.5V2.002H9V1.5A0.5 0.5 0 0 1 9.5 1ZM9 3.002H5V3.5A0.5 0.5 0 0 1 4.008 3.59L4 3.5V3.002H3A1 1 0 0 0 2.007 3.886L2 4.003 1.999 5H12.001V4.003A1 1 0 0 0 11.119 3.01L11.002 3.003 10 3.002V3.5A0.5 0.5 0 0 1 9.008 3.59L9 3.5V3.002Z",
@@ -133,6 +136,8 @@ const aliases = {
   "visibility-off": "cds:M13.732 2.267L14.482 3.017 12.733 4.767C14.195 5.972 15 7.447 15 8 15 9 12.375 13 8 13A7.064 7.064 0 0 1 5.115 12.384L3.017 14.48 2.267 13.73 13.732 2.267ZM12.019 5.481L10.734 6.764A3 3 0 0 1 6.764 10.734L5.881 11.617A6.04 6.04 0 0 0 8 12C9.71 12 11.25 11.287 12.493 10.101A7.19 7.19 0 0 0 13.685 8.631L13.808 8.413 13.901 8.227 13.984 8.041 14 8 13.964 7.912 13.885 7.739A4.868 4.868 0 0 0 13.685 7.369 7.19 7.19 0 0 0 12.493 5.899 7.816 7.816 0 0 0 12.019 5.481ZM8 3C9.123 3 10.131 3.264 11.009 3.673L10.248 4.433A6.047 6.047 0 0 0 8 4C6.29 4 4.75 4.713 3.507 5.899A7.19 7.19 0 0 0 2.315 7.369L2.192 7.587 2.099 7.773 2.016 7.959 2 8 2.036 8.088 2.115 8.261C2.165 8.365 2.232 8.493 2.315 8.631A7.19 7.19 0 0 0 3.507 10.101C3.692 10.278 3.884 10.444 4.082 10.599L3.367 11.314C1.842 10.094 1 8.566 1 8 1 7 3.625 3 8 3ZM9.95 7.551L7.55 9.949A2 2 0 0 0 9.95 7.551ZM8 5C8.488 5 8.95 5.117 9.357 5.324L8.592 6.089A2 2 0 0 0 6.089 8.592L5.324 9.357A3 3 0 0 1 8 5Z",
   "visibility-on": "cds:M8 3C12.375 3 15 7 15 8S12.375 13 8 13 1 9 1 8 3.625 3 8 3ZM8 4C6.29 4 4.75 4.713 3.507 5.899A7.19 7.19 0 0 0 2.315 7.369L2.192 7.587C2.066 7.826 2 7.997 2 8L2.036 8.088 2.115 8.261C2.165 8.365 2.232 8.493 2.315 8.631A7.19 7.19 0 0 0 3.507 10.101C4.75 11.287 6.29 12 8 12 9.71 12 11.25 11.287 12.493 10.101A7.19 7.19 0 0 0 13.685 8.631L13.808 8.413C13.934 8.174 14 8.003 14 8L13.964 7.912A4.75 4.75 0 0 0 13.685 7.369 7.19 7.19 0 0 0 12.493 5.899C11.25 4.713 9.71 4 8 4ZM8 5A3 3 0 1 1 8 11 3 3 0 0 1 8 5ZM8 6A2 2 0 1 0 8 10 2 2 0 0 0 8 6Z",
   vk: "cds:M3.272 4C3.272 5.705 3.433 6.854 4.081 7.934 4.728 9.014 5.833 9.854 6.777 10.096V4H9.112V7.599C10.062 7.119 10.731 6.662 11.118 6.228 11.506 5.794 11.896 5.051 12.29 4H14.561C14.377 5.074 14.001 6.034 13.433 6.879 12.866 7.724 12.253 8.248 11.596 8.451 12.703 9.26 13.476 9.956 13.911 10.539 14.348 11.122 14.711 11.942 15 13H12.582C11.994 11.824 11.506 11.06 11.118 10.71 10.731 10.36 10.062 10.08 9.112 9.867V13C6.481 12.954 4.472 12.134 3.082 10.539 1.695 8.944 1 6.764 1 4H3.272Z",
+  wallet: "cds:M13.5 4H3.5A0.5 0.5 0 1 1 3.5 3H12A0.5 0.5 0 0 0 12 2H3.5A1.5 1.5 0 0 0 2 3.5V11.5A1.5 1.5 0 0 0 3.5 13H13.5A1 1 0 0 0 14.5 12V5A1 1 0 0 0 13.5 4M13.5 12H3.5A0.5 0.5 0 0 1 3 11.5V4.914C3.16 4.971 3.33 5 3.5 5H13.5ZM10.5 8.25A0.75 0.75 0 1 1 12 8.25A0.75 0.75 0 0 1 10.5 8.25",
+  "wallet-fill": "cds:M13.5 4H3.5A0.5 0.5 0 1 1 3.5 3H12A0.5 0.5 0 0 0 12 2H3.5A1.5 1.5 0 0 0 2 3.5V11.5A1.5 1.5 0 0 0 3.5 13H13.5A1 1 0 0 0 14.5 12V5A1 1 0 0 0 13.5 4M11.25 9A0.75 0.75 0 1 1 11.25 7.5A0.75 0.75 0 0 1 11.25 9",
   whatsapp: "cds:M4.61 4.865A0.52 0.52 0 0 1 4.977 4.635L5.457 4.568A0.273 0.273 0 0 1 5.728 4.698L6.619 6.183C6.667 6.263 6.671 6.361 6.63 6.443L6.234 7.252A0.267 0.267 0 0 0 6.254 7.522 5.421 5.421 0 0 0 8.923 9.533 0.267 0.267 0 0 0 9.187 9.477L9.855 8.874A0.273 0.273 0 0 1 10.108 8.813L11.781 9.26A0.273 0.273 0 0 1 11.981 9.485L12.048 9.965A0.52 0.52 0 0 1 11.929 10.38C10.634 11.865 9.397 11.62 6.66 9.758 4.117 7.641 3.54 6.518 4.61 4.865Z M1 15L4.575 14.106A7 7 0 1 0 1.894 11.425L1 15ZM2.96 11.282C2.385 10.258 2 9.192 2 8A6 6 0 1 1 8 14C6.808 14 5.742 13.615 4.718 13.04L2.374 13.626 2.96 11.282Z",
   winner: "cds:M3 7A1 1 0 0 1 2 6V3A1 1 0 0 1 3 2H4V1H12V2H13A1 1 0 0 1 14 3V6A1 1 0 0 1 13 7H12A3 3 0 0 1 9 10H8.5V14H11V15H5V14H7.5V10H7A3 3 0 0 1 4 7H3ZM11 2H5V7A2 2 0 0 0 7 9H9A2 2 0 0 0 11 7V2ZM4 3H3V6H4V3ZM13 3H12V6H13V3Z",
   workspace: "cds:M14 8A1 1 0 0 1 15 9V14A1 1 0 0 1 14 15H9A1 1 0 0 1 8 14V9A1 1 0 0 1 9 8H14ZM14 9H9V14H14V9ZM6 8A1 1 0 0 1 7 9V12A1 1 0 0 1 6 13H2A1 1 0 0 1 1 12V9A1 1 0 0 1 2 8H6ZM6 9H2V12H6V9ZM14 1A1 1 0 0 1 15 2V6A1 1 0 0 1 14 7H11A1 1 0 0 1 10 6V2A1 1 0 0 1 11 1H14ZM8 1A1 1 0 0 1 9 2V6A1 1 0 0 1 8 7H2A1 1 0 0 1 1 6V2A1 1 0 0 1 2 1H8ZM14 2H11V6H14V2ZM8 2H2V6H8V2Z",

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

@@ -108,11 +108,14 @@ const aliases = {
   "question-fill": "i-lucide:circle-help",
   refresh: "i-lucide:refresh-cw",
   remove: "i-lucide:x",
+  reset: "i-lucide:rotate-ccw",
   sandglass: "i-lucide:hourglass",
   save: "i-lucide:save",
   "scale-left": "i-lucide:move-diagonal",
   "scale-right": "i-lucide:move-diagonal-2",
   search: "i-lucide:search",
+  send: "i-lucide:send-horizontal",
+  "send-fill": "i-lucide:send-horizontal",
   settings: "i-lucide:settings",
   "shopping-cart": "i-lucide:shopping-cart",
   "sort-date": "i-lucide:calendar-arrow-down",
@@ -140,6 +143,8 @@ const aliases = {
   "user-group": "i-lucide:users",
   "visibility-off": "i-lucide:eye-off",
   "visibility-on": "i-lucide:eye",
+  wallet: "i-lucide:wallet",
+  "wallet-fill": "i-lucide:wallet",
   winner: "i-lucide:trophy",
   workspace: "i-lucide:layout",
   youtube: "i-lucide:youtube",

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

@@ -103,11 +103,14 @@ const aliases = {
   "question-fill": "i-mdi:help-circle",
   refresh: "i-mdi:refresh",
   remove: "i-mdi:close",
+  reset: "i-mdi:restore",
   sandglass: "i-mdi:timer-sand",
   save: "i-mdi:content-save-outline",
   "scale-left": "i-mdi:arrow-top-left-bottom-right",
   "scale-right": "i-mdi:arrow-top-right-bottom-left",
   search: "i-mdi:magnify",
+  send: "i-mdi:send-outline",
+  "send-fill": "i-mdi:send",
   settings: "i-mdi:cog-outline",
   "shopping-cart": "i-mdi:cart-outline",
   "sort-date": "i-mdi:sort-calendar-descending",
@@ -137,6 +140,8 @@ const aliases = {
   "visibility-off": "i-mdi:eye-off-outline",
   "visibility-on": "i-mdi:eye-outline",
   vk: "i-mdi:vk",
+  wallet: "i-mdi:wallet-outline",
+  "wallet-fill": "i-mdi:wallet",
   whatsapp: "i-mdi:whatsapp",
   winner: "i-mdi:trophy-outline",
   workspace: "i-mdi:view-dashboard-outline",

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

@@ -105,11 +105,14 @@ const aliases = {
   "question-fill": "i-ph:question-fill",
   refresh: "i-ph:arrows-clockwise",
   remove: "i-ph:x",
+  reset: "i-ph:arrow-counter-clockwise",
   sandglass: "i-ph:hourglass",
   save: "i-ph:floppy-disk",
   "scale-left": "i-ph:arrow-line-up-left",
   "scale-right": "i-ph:arrow-line-up-right",
   search: "i-ph:magnifying-glass",
+  send: "i-ph:paper-plane-right",
+  "send-fill": "i-ph:paper-plane-right-fill",
   settings: "i-ph:gear",
   "shopping-cart": "i-ph:shopping-cart-simple",
   "sort-date": "i-ph:calendar",
@@ -138,6 +141,8 @@ const aliases = {
   "user-group": "i-ph:users-three",
   "visibility-off": "i-ph:eye-slash",
   "visibility-on": "i-ph:eye",
+  wallet: "i-ph:wallet",
+  "wallet-fill": "i-ph:wallet-fill",
   whatsapp: "i-ph:whatsapp-logo",
   winner: "i-ph:trophy",
   workspace: "i-ph:layout",

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

@@ -109,11 +109,14 @@ const aliases = {
   "question-fill": "i-ri:question-fill",
   refresh: "i-ri:refresh-line",
   remove: "i-ri:close-line",
+  reset: "i-ri:reset-left-line",
   sandglass: "i-ri:hourglass-line",
   save: "i-ri:save-line",
   "scale-left": "i-ri:expand-diagonal-line",
   "scale-right": "i-ri:expand-diagonal-s-line",
   search: "i-ri:search-line",
+  send: "i-ri:send-plane-2-line",
+  "send-fill": "i-ri:send-plane-2-fill",
   "shopping-cart": "i-ri:shopping-cart-2-line",
   "sort-date": "i-ri:calendar-2-line",
   sorting: "i-ri:expand-up-down-line",
@@ -138,6 +141,8 @@ const aliases = {
   "unlocked-left": "i-ri:lock-unlock-line",
   upload: "i-ri:upload-line",
   "user-group": "i-ri:group-line",
+  wallet: "i-ri:wallet-3-line",
+  "wallet-fill": "i-ri:wallet-3-fill",
   whatsapp: "i-ri:whatsapp-line",
   winner: "i-ri:trophy-line",
   workspace: "i-ri:dashboard-line",

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

@@ -108,7 +108,7 @@ function createCds(cdsOptions = {}) {
     };
   });
 }
-const version = "4.0.0-alpha.10";
+const version = "4.0.0-alpha.11";
 createCds.version = version;
 function inject(key) {
   var _a, _b;

package/dist/esm-node/src/components/CdsDrawer/CdsDrawer.css

@@ -1,4 +1,7 @@
 @layer cds-components {
+  body.cds-body--drawer-toggle {
+    overflow-x: hidden !important;
+  }
   .cds-drawer {
     position: absolute;
     top: 0;

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

@@ -8,7 +8,7 @@ import { u as useProxyModel } from "../../core/useProxyModel.mjs";
 import { u as convertToUnit, _ as keyNames, I as focusableChildren } from "../../utils/helpers.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsImage } from "../CdsImage/index.mjs";
-import { C as CdsDrawerConstants, a as CDS_DRAWER_WIDTH, b as CDS_DRAWER_Z_INDEX_OUTER, c as CDS_DRAWER_WIDTH_MINIFIED } from "./api/CdsDrawer.constants.mjs";
+import { C as CdsDrawerConstants, a as CDS_DRAWER_WIDTH, b as CDS_DRAWER_Z_INDEX_OUTER, c as CDS_DRAWER_WIDTH_MINIFIED, d as CDS_DRAWER_BODY_TOGGLE_CLASS, e as CDS_DRAWER_TOGGLE_TIMEOUT } from "./api/CdsDrawer.constants.mjs";
 import { d as defineCdsDrawerProps } from "./api/CdsDrawer.props.mjs";
 import { u as useDrawerTouch } from "./composables/useDrawerTouch.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
@@ -85,9 +85,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       backgroundColorClasses: scrimColorClasses,
       backgroundColorStyles: scrimColorStyles
     } = useBackgroundColor(() => typeof props.scrim === "string" ? props.scrim : null);
+    const onLayout = computed(() => unref(isActive) && !unref(isTemporary));
     const fixed = computed(() => {
       if (!unref(inLayout)) return props.fixed;
-      return props.fixed || unref(layout.view).indexOf(props.right ? "R" : "L") > -1 || unref(display.platform).ios && unref(layout.isContainer);
+      return props.fixed || !unref(onLayout) || unref(layout.view).indexOf(props.right ? "R" : "L") > -1 || unref(display.platform).ios && unref(layout.isContainer);
     });
     const drawerClasses = computed(() => ({
       [`${CdsDrawerConstants.rootClass}--active`]: unref(isActive),
@@ -175,7 +176,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       });
     }
+    let toggleTimer;
+    function unlockBodyScroll() {
+      var _a;
+      clearTimeout(toggleTimer);
+      toggleTimer = void 0;
+      (_a = unref(drawerRef)) == null ? void 0 : _a.removeEventListener("transitionend", unlockBodyScroll);
+      document.body.classList.remove(CDS_DRAWER_BODY_TOGGLE_CLASS);
+    }
+    function lockBodyScroll() {
+      var _a;
+      unlockBodyScroll();
+      document.body.classList.add(CDS_DRAWER_BODY_TOGGLE_CLASS);
+      (_a = unref(drawerRef)) == null ? void 0 : _a.addEventListener("transitionend", unlockBodyScroll, {
+        once: true
+      });
+      toggleTimer = setTimeout(unlockBodyScroll, CDS_DRAWER_TOGGLE_TIMEOUT);
+    }
     onBeforeUnmount(() => {
+      if (toggleTimer !== void 0) unlockBodyScroll();
       if (unref(inLayout)) {
         layout.update(props.right ? "right" : "left", "space", false);
       }
@@ -184,6 +203,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (value) {
         activeElement = document.activeElement;
         emit("opened", value);
+        if (unref(inLayout) && !unref(layout.isContainer) && !unref(fixed)) lockBodyScroll();
         if (unref(isFocusTrapped)) focusInside();
       } else {
         activeElement == null ? void 0 : activeElement.focus();

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

@@ -4,11 +4,15 @@ const CDS_DRAWER_WIDTH = 240;
 const CDS_DRAWER_WIDTH_MINIFIED = 56;
 const CDS_DRAWER_Z_INDEX_INNER = 600;
 const CDS_DRAWER_Z_INDEX_OUTER = 801;
+const CDS_DRAWER_BODY_TOGGLE_CLASS = "cds-body--drawer-toggle";
+const CDS_DRAWER_TOGGLE_TIMEOUT = 300;
 export {
   CdsDrawerConstants as C,
   CDS_DRAWER_WIDTH as a,
   CDS_DRAWER_Z_INDEX_OUTER as b,
   CDS_DRAWER_WIDTH_MINIFIED as c,
-  CDS_DRAWER_Z_INDEX_INNER as d
+  CDS_DRAWER_BODY_TOGGLE_CLASS as d,
+  CDS_DRAWER_TOGGLE_TIMEOUT as e,
+  CDS_DRAWER_Z_INDEX_INNER as f
 };
 //# sourceMappingURL=CdsDrawer.constants.mjs.map

package/dist/esm-node/src/components/CdsFooter/CdsFooter.css

@@ -12,6 +12,9 @@
   .cds-footer--absolute {
     position: absolute;
   }
+  .cds-footer--absolute.cds-footer--prevent-focus {
+    display: none;
+  }
   .cds-footer--fixed {
     position: fixed;
   }

package/dist/esm-node/src/components/CdsLayout/CdsLayout.css

@@ -2,7 +2,6 @@
   .cds-layout {
     position: relative;
     width: 100%;
-    overflow: hidden;
     color: rgb(var(--cds-color-content-primary));
     outline: 0;
     background: rgb(var(--cds-color-page-primary));

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

@@ -79,7 +79,7 @@ import { C as CdsVirtualScroll, a as CdsVirtualScrollItem } from "./CdsVirtualSc
 import { _ as _sfc_main } from "./CdsGrid/CdsCol.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsGrid/CdsGrid.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsGrid/CdsRow.vue_vue_type_script_setup_true_lang.mjs";
-import { a as CDS_DRAWER_WIDTH, c as CDS_DRAWER_WIDTH_MINIFIED, d as CDS_DRAWER_Z_INDEX_INNER, b as CDS_DRAWER_Z_INDEX_OUTER } from "./CdsDrawer/api/CdsDrawer.constants.mjs";
+import { a as CDS_DRAWER_WIDTH, c as CDS_DRAWER_WIDTH_MINIFIED, f as CDS_DRAWER_Z_INDEX_INNER, b as CDS_DRAWER_Z_INDEX_OUTER } from "./CdsDrawer/api/CdsDrawer.constants.mjs";
 import { d as CdsOtpInputSymbol } from "./CdsOtpInput/api/CdsOtpInput.constants.mjs";
 import { C as CssGridSymbol } from "./CdsGrid/api/CdsGrid.constants.mjs";
 import { E as EXPAND_COLUMN, a as SELECTION_ALL, S as SELECTION_COLUMN, b as SELECTION_INVERT, c as SELECTION_NONE, u as useSelection } from "./CdsTable/composable/selection.mjs";

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

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

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

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

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

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

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

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