@knime/kds-components 1.1.3 → 1.1.5

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ref, effectScope, defineComponent, createPropsRestProxy, watch, computed, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref, Fragment, renderList, createBlock, normalizeStyle, createCommentVNode, shallowRef, markRaw, readonly, toRef, resolveDynamicComponent, mergeProps, createTextVNode, withCtx, renderSlot, h as h$1, useSlots, getCurrentInstance, useCssVars, createVNode, useTemplateRef, nextTick, withModifiers, useModel, useId, mergeModels, createSlots, normalizeProps, guardReactiveProps, watchEffect, onMounted, onUnmounted, inject, provide, resolveComponent, withKeys, useAttrs, defineAsyncComponent, toRefs, vShow, onBeforeUpdate, onBeforeUnmount, isRef, vModelText } from 'vue';
+import { ref, effectScope, defineComponent, createPropsRestProxy, watch, computed, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref, Fragment, renderList, createBlock, normalizeStyle, createCommentVNode, shallowRef, markRaw, readonly, toRef, resolveDynamicComponent, mergeProps, createTextVNode, withCtx, renderSlot, h as h$1, useSlots, getCurrentInstance, useCssVars, createVNode, useTemplateRef, nextTick, withModifiers, useModel, useId, mergeModels, createSlots, normalizeProps, guardReactiveProps, watchEffect, onMounted, onUnmounted, inject, provide, resolveComponent, withKeys, useAttrs, defineAsyncComponent, toRefs, vShow, onBeforeUpdate, onBeforeUnmount, isRef, vModelText, toRaw } from 'vue';
 import { useResizeObserver, useMutationObserver, useEventListener, useElementSize, onClickOutside, useVirtualList, useMousePressed, useTemplateRefsList, useLocalStorage, useDark, usePreferredDark } from '@vueuse/core';
 
 import './index.css';function elementOverflowsHorizontally(element) {
@@ -248,14 +248,14 @@ const kdsAvatarSize = {
 };
 const kdsAvatarSizes = Object.values(kdsAvatarSize);
 
-const _hoisted_1$19 = ["role", "aria-hidden", "aria-label", "data-color"];
-const _hoisted_2$K = ["src"];
-const _hoisted_3$v = {
+const _hoisted_1$1e = ["role", "aria-hidden", "aria-label", "data-color"];
+const _hoisted_2$L = ["src"];
+const _hoisted_3$w = {
   key: 1,
   class: "kds-avatar-initials",
   "aria-hidden": "true"
 };
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   __name: "KdsAvatar",
   props: {
     initials: {},
@@ -318,10 +318,10 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
           alt: "",
           "aria-hidden": "true",
           onError: onImageError
-        }, null, 40, _hoisted_2$K)) : (openBlock(), createElementBlock("div", _hoisted_3$v, [
+        }, null, 40, _hoisted_2$L)) : (openBlock(), createElementBlock("div", _hoisted_3$w, [
           createElementVNode("span", null, toDisplayString(displayedInitials.value), 1)
         ]))
-      ], 10, _hoisted_1$19)), [
+      ], 10, _hoisted_1$1e)), [
         [unref(vKdsTooltip), hasTitle.value ? accessibleTitle.value : void 0]
       ]);
     };
@@ -336,16 +336,16 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__scopeId", "data-v-a75804e1"]]);
+const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__scopeId", "data-v-a75804e1"]]);
 
-const _hoisted_1$18 = ["aria-label"];
-const _hoisted_2$J = { class: "avatars" };
-const _hoisted_3$u = {
+const _hoisted_1$1d = ["aria-label"];
+const _hoisted_2$K = { class: "avatars" };
+const _hoisted_3$v = {
   key: 0,
   class: "more-count",
   "aria-hidden": "true"
 };
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   __name: "KdsAvatarCounter",
   props: {
     moreCount: { default: 0 },
@@ -365,7 +365,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
         role: "group",
         "aria-label": ariaLabel.value
       }, [
-        createElementVNode("div", _hoisted_2$J, [
+        createElementVNode("div", _hoisted_2$K, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.avatars, (avatar, index) => {
             return openBlock(), createBlock(KdsAvatar, {
               key: index,
@@ -379,13 +379,13 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
             }, null, 8, ["style", "size", "initials", "title", "src"]);
           }), 128))
         ]),
-        __props.moreCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$u, " +" + toDisplayString(__props.moreCount), 1)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$18);
+        __props.moreCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$v, " +" + toDisplayString(__props.moreCount), 1)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$1d);
     };
   }
 });
 
-const KdsAvatarCounter = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__scopeId", "data-v-1aef516d"]]);
+const KdsAvatarCounter = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__scopeId", "data-v-1aef516d"]]);
 
 const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
 	const v = glob$1[path$13];
@@ -395,25 +395,38 @@ const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
 	});
 };
 
+const iconCache = /* @__PURE__ */ new Map();
+const iconLoadPromises = /* @__PURE__ */ new Map();
 function useIcon({
   name,
   folder
 }) {
-  const iconCache = /* @__PURE__ */ new Map();
   const iconComponent = shallowRef(null);
   const status = shallowRef("loading");
   watch(
     () => name.value,
     (newName) => {
-      if (iconCache.has(newName)) {
-        iconComponent.value = iconCache.get(newName);
+      const cacheKey = `${folder}/${newName}`;
+      if (iconCache.has(cacheKey)) {
+        iconComponent.value = iconCache.get(cacheKey);
         status.value = "loaded";
         return;
       }
       status.value = "loading";
-      __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"../../../node_modules/@knime/kds-styles/dist/img/icons/add-user.svg": () => import('./add-user-BBT39sTb.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/ai-general.svg": () => import('./ai-general-xv5Ym88e.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/annotation-mode.svg": () => import('./annotation-mode-C0YL12XP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-down.svg": () => import('./arrow-down-D8Q9vZG_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-up.svg": () => import('./arrow-up-DJlZjTYZ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-expand.svg": () => import('./arrows-expand-eXIczgyQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-move.svg": () => import('./arrows-move-CDiEl6Ry.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-order.svg": () => import('./arrows-order-DMoJXS-I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/auto-configure.svg": () => import('./auto-configure-BU7AIhL7.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/back.svg": () => import('./back-D1kA9zuH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/bold.svg": () => import('./bold-C8dRggXe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/calendar.svg": () => import('./calendar-B6v1nLjF.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/case-sensitive.svg": () => import('./case-sensitive-CHP-__99.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cell-renderer.svg": () => import('./cell-renderer-DGnkQWTq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/center-aligned.svg": () => import('./center-aligned--zRFP8Lf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/checkmark.svg": () => import('./checkmark-DOn23D5R.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-down.svg": () => import('./chevron-down-BsSG_C_8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left-double.svg": () => import('./chevron-left-double-D-EEhZoy.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left.svg": () => import('./chevron-left-BKFnSetN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right-double.svg": () => import('./chevron-right-double-BgfwXKBg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right.svg": () => import('./chevron-right-CozOeJxa.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-up.svg": () => import('./chevron-up-FA-c_L5N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-error.svg": () => import('./circle-error-CwUp2gKh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-info.svg": () => import('./circle-info-CcCjmOUH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-question.svg": () => import('./circle-question-TFLpel6L.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-success.svg": () => import('./circle-success-CGkhxpZE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-unchecked.svg": () => import('./circle-unchecked-DOoOn6iz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-download.svg": () => import('./cloud-download-CstHUDZv.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-knime.svg": () => import('./cloud-knime-CpZfWe3J.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-pending-changes.svg": () => import('./cloud-pending-changes-CWBUkOnb.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-synced.svg": () => import('./cloud-synced-DlT_4y5Q.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-upload.svg": () => import('./cloud-upload-DQvu_3cc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-workflow.svg": () => import('./cloud-workflow-Bo_4KHLP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/code-block.svg": () => import('./code-block-DrOaCM3g.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/collection.svg": () => import('./collection-BBXRVj4b.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/color-picker.svg": () => import('./color-picker-k6GkGnF5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/column-width.svg": () => import('./column-width-Cjb-6nqI.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/comment.svg": () => import('./comment-DL9ZR-vM.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/component.svg": () => import('./component-BArrSsoi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/connection.svg": () => import('./connection-cIDhN_bU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/copy.svg": () => import('./copy-D43FaHi-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cursor.svg": () => import('./cursor-DSIjd7yc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-app.svg": () => import('./data-app-BHCZS7qU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-value-view.svg": () => import('./data-value-view-DZAfZGqs.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/date-time.svg": () => import('./date-time-C3cmSAQm.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-browse.svg": () => import('./db-browse-BJj19qUq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-database.svg": () => import('./db-database-CyCrPzu-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-fetch.svg": () => import('./db-fetch-CJMHzQp5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-schema.svg": () => import('./db-schema-C4gtYXvd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table-view.svg": () => import('./db-table-view-CcF1plGQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table.svg": () => import('./db-table-DifKATf6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/deploy.svg": () => import('./deploy-Dr6jEhZU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/detect.svg": () => import('./detect-DkQik2ep.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/divider.svg": () => import('./divider-Bhqt1kvt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/duplicate.svg": () => import('./duplicate-Mtq886XD.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/duration.svg": () => import('./duration-Dfp9ox2I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/edit.svg": () => import('./edit-Bg040TR4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/education.svg": () => import('./education-CsB0t7AG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/error-panel.svg": () => import('./error-panel-BCvYjM5m.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute-all.svg": () => import('./execute-all-JZlJ6VtK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute.svg": () => import('./execute-CDtz4PKy.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/expand-panel.svg": () => import('./expand-panel-C0-YqxWN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension-community.svg": () => import('./extension-community-BL7uY2lh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension.svg": () => import('./extension-DV2OG2b-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/external-link.svg": () => import('./external-link-D6c_uzZp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/eye.svg": () => import('./eye-DIQBS75n.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/feedback.svg": () => import('./feedback-CSzO39Ck.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-export.svg": () => import('./file-export-Cm5xiHIP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-text.svg": () => import('./file-text-DCIkmzWQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file.svg": () => import('./file-D-fzxVWf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/filter.svg": () => import('./filter-BCzsHR5o.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-default.svg": () => import('./flow-variable-default-D8YRzPWl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in-out.svg": () => import('./flow-variable-in-out-v434yDUG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in.svg": () => import('./flow-variable-in-BiO5ppkU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-out.svg": () => import('./flow-variable-out-BuATVHTL.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-move.svg": () => import('./folder-move-6L5NfoIs.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-plus.svg": () => import('./folder-plus-0Z-aPAxX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-search.svg": () => import('./folder-search-DDOYg0f6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-workflow.svg": () => import('./folder-workflow-hjaE8p-i.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder.svg": () => import('./folder-xz8Bw1k6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/forum.svg": () => import('./forum-CunE8Bpo.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/function-catalog.svg": () => import('./function-catalog-CRXmv7AG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/hide-eye.svg": () => import('./hide-eye-BrIKmBWt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/home.svg": () => import('./home-CW06ROg3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/import-table.svg": () => import('./import-table-BaqmTPnF.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/import.svg": () => import('./import-Bjz9KZM-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/info.svg": () => import('./info-C8GezBIf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/interval.svg": () => import('./interval-CzQaVMPH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/italic.svg": () => import('./italic-B6SY7x6N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/key.svg": () => import('./key-9hybjORk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/layout-editor.svg": () => import('./layout-editor-At6vQ3aU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/left-aligned.svg": () => import('./left-aligned-C90MrNJd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/like.svg": () => import('./like-BwC1fMTh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/limit.svg": () => import('./limit-D84DMtQW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/link.svg": () => import('./link-DH0XmQMp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/linked-component.svg": () => import('./linked-component-BOb5aj87.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/linked-metanode.svg": () => import('./linked-metanode-ojS3JQJp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-bulletpoint.svg": () => import('./list-bulletpoint-BLPnukaY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-number.svg": () => import('./list-number-C47JfmdB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-thumbs.svg": () => import('./list-thumbs-F5ICnK4Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list.svg": () => import('./list-CQmzxqnp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/local-filesystem.svg": () => import('./local-filesystem-fyrwOsG5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/lock.svg": () => import('./lock-B9qCq8wW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/login.svg": () => import('./login-DGaxAy8E.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/menu.svg": () => import('./menu-BSS_QnZi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/metanode.svg": () => import('./metanode-BOoscDpe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/mini-map.svg": () => import('./mini-map-DKez_1T0.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-dialog.svg": () => import('./minimize-dialog-CsKInFjQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-side-panel.svg": () => import('./minimize-side-panel-DOe27uOi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minus.svg": () => import('./minus-CUOnFK-_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/more-actions.svg": () => import('./more-actions-r1Ai1cv8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/node-stack.svg": () => import('./node-stack-B2-NOdn1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-horiz.svg": () => import('./nodes-align-horiz-BNN1SQyE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-vert.svg": () => import('./nodes-align-vert-JG8gmWk5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/open-in-new-window.svg": () => import('./open-in-new-window-BAU_-IMl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pan-mode.svg": () => import('./pan-mode-CGVZU5HB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/parameter.svg": () => import('./parameter-D3NI1oyc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/path-separator.svg": () => import('./path-separator-DRnUilGA.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pending-changes.svg": () => import('./pending-changes-BvFdyKn8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pin.svg": () => import('./pin-B6vKBZDp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/placeholder.svg": () => import('./placeholder-CIq-OFkj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/plus.svg": () => import('./plus-BGcbvgG4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/python.svg": () => import('./python-Bn3ET_9Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/quote.svg": () => import('./quote-BhPMewQl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/random-seed.svg": () => import('./random-seed-BmLMj_2x.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/re-execution.svg": () => import('./re-execution-CPa8UUdU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/redo.svg": () => import('./redo-BjctXrq6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/regex.svg": () => import('./regex-CErlWJQW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reload.svg": () => import('./reload-CDm_DDdP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rename.svg": () => import('./rename-Cyk_xng4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/replace.svg": () => import('./replace-9aOLtKuD.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reset-all.svg": () => import('./reset-all-Buf5y-HV.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/resume-execution.svg": () => import('./resume-execution-CRqaKZqz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/right-aligned.svg": () => import('./right-aligned-2BkZ58o-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rocket.svg": () => import('./rocket-Bs46VoUh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save-as.svg": () => import('./save-as-CTnCvHfQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save.svg": () => import('./save-B7DzWjxS.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/schedule.svg": () => import('./schedule-DuSqromp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/search.svg": () => import('./search-gykfARpE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/secret-store.svg": () => import('./secret-store-_ZlpQRjr.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-cancel.svg": () => import('./selected-cancel-CS3Gep56.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-execution.svg": () => import('./selected-execution-BJxjtKXq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-reset.svg": () => import('./selected-reset-SMx6XDk5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/send.svg": () => import('./send-G2BlBsxu.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/server-rack-workflow.svg": () => import('./server-rack-workflow-CBhKbyGY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/service.svg": () => import('./service-9hAt2V0T.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/settings.svg": () => import('./settings-BLMTAq-1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/share.svg": () => import('./share-BIrWLTtn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/shortcuts.svg": () => import('./shortcuts-fbNZWoSf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-ascending.svg": () => import('./sort-ascending-DNyV4Drg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-descending.svg": () => import('./sort-descending-BdIGPn-9.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-local.svg": () => import('./space-local-D4kTqwrB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-private.svg": () => import('./space-private-D06CTwvE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space.svg": () => import('./space-fMpb-o4-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stepwise-execution.svg": () => import('./stepwise-execution-C1mAO3z_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stop.svg": () => import('./stop-Cgmy2iPY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/strikethrough.svg": () => import('./strikethrough-DG4Ejxqk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/table-statistics.svg": () => import('./table-statistics-y-P6EXGX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/table.svg": () => import('./table-Pffb9Oig.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/tag.svg": () => import('./tag-_fZiuJaC.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/team.svg": () => import('./team-CtZLwOou.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/template-gallery.svg": () => import('./template-gallery-BtXi4GHd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/text.svg": () => import('./text-DFu-L62Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/textstyles.svg": () => import('./textstyles-j0GQtKYE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-down.svg": () => import('./thumbs-down-CiozrdIW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-up.svg": () => import('./thumbs-up-E4uRtjhi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/time.svg": () => import('./time-DU80J5X8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-bottom.svg": () => import('./to-bottom-B8wat1Dk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-top.svg": () => import('./to-top-CCAfU4xz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trash.svg": () => import('./trash-Dq5FHwNO.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trigger.svg": () => import('./trigger-Qns9VYQG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/underline.svg": () => import('./underline-CDZcVZHB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/undo.svg": () => import('./undo-CnghWcXK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/unlink.svg": () => import('./unlink-CL0kTZX2.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/update-file.svg": () => import('./update-file-5lTfm97G.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/usage.svg": () => import('./usage-827uIQyn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/user.svg": () => import('./user-DTq28OjK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/validate.svg": () => import('./validate-CD0_eO0m.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/version.svg": () => import('./version-CSTTEeam.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/view-cards.svg": () => import('./view-cards-DS0Cpf95.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/warning.svg": () => import('./warning-CJC1Oij-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/workflow.svg": () => import('./workflow-n50o8jCH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/x-close.svg": () => import('./x-close-D-oEO9N9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/audio-datatype.svg": () => import('./audio-datatype-DyzJTMxb.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/binary-object-datatype.svg": () => import('./binary-object-datatype-DHZPEEoV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/bit-byte-vector-datatype.svg": () => import('./bit-byte-vector-datatype-XJ0yjm_4.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/boolean-datatype.svg": () => import('./boolean-datatype-B0SBV35e.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-list-datatype.svg": () => import('./collection-list-datatype-DDLoFog9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-set-datatype.svg": () => import('./collection-set-datatype-QGQHiErr.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-datatype.svg": () => import('./date-datatype-DX2o-Qoi.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-local-datatype.svg": () => import('./date-time-local-datatype-BRveWl93.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-zoned-datatype.svg": () => import('./date-time-zoned-datatype-CvUpjzJk.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/default-extension-datatype.svg": () => import('./default-extension-datatype-C7jbGM5d.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/document-datatype.svg": () => import('./document-datatype-CmWsp5e8.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-date-based-datatype.svg": () => import('./duration-date-based-datatype-ZMMDq_rT.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-time-based-datatype.svg": () => import('./duration-time-based-datatype-DWj4ALsB.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/geo-datatype.svg": () => import('./geo-datatype-CTQgQTql.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/helm-datatype.svg": () => import('./helm-datatype-XIlHXQBP.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-png-datatype.svg": () => import('./image-png-datatype-CtnGTQlX.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-svg-datatype.svg": () => import('./image-svg-datatype-DgySAOGM.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/json-datatype.svg": () => import('./json-datatype-DgHr_Q8U.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/labeling-datatype.svg": () => import('./labeling-datatype-CGG_DguN.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/linear-notation-molecule.svg": () => import('./linear-notation-molecule-CepA_vEp.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/message-datatype.svg": () => import('./message-datatype-Ds55YGMQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/microscope.svg": () => import('./microscope-CPwlykKH.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/model-pmml-datatype.svg": () => import('./model-pmml-datatype-kXlL8AWg.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/molecule.svg": () => import('./molecule-CT71Yhf1.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-datatype.svg": () => import('./number-double-datatype-B6nc4th6.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-vector-datatype.svg": () => import('./number-double-vector-datatype-D3rzzxjM.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-integer-datatype.svg": () => import('./number-integer-datatype-BWoQkZ03.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/path-datatype.svg": () => import('./path-datatype-BD3D-7dL.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-datatype.svg": () => import('./string-datatype-CHI_qvxE.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-vector-datatype.svg": () => import('./string-vector-datatype-DhgtZI8f.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/subgraph-datatype.svg": () => import('./subgraph-datatype-BHBSS1-Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/term-datatype.svg": () => import('./term-datatype-CRrmVXQx.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/test-tube.svg": () => import('./test-tube-BsB8mbus.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/time-datatype.svg": () => import('./time-datatype-CBnmuYLa.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/tool-datatype.svg": () => import('./tool-datatype-l6cMJHHd.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/unknown-datatype.svg": () => import('./unknown-datatype-BEY7muOy.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/uri-datatype.svg": () => import('./uri-datatype-CJhmCZiq.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-boolean.svg": () => import('./variable-boolean-BzyG4BGV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-boolean.svg": () => import('./variable-collection-boolean-nWAd6a7R.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-double.svg": () => import('./variable-collection-double-h0sMrPKC.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-integer.svg": () => import('./variable-collection-integer-BZEs4wch.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-string.svg": () => import('./variable-collection-string-BPIuxyHK.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-conda-environment.svg": () => import('./variable-conda-environment-DZ5kqmc5.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-credential.svg": () => import('./variable-credential-D32ztDmY.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-integer.svg": () => import('./variable-integer-CtoE3pq3.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-number-double.svg": () => import('./variable-number-double-D5CGjCM8.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-path.svg": () => import('./variable-path-Dyuv7RmO.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-string.svg": () => import('./variable-string-JWu8Gafe.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-unknown.svg": () => import('./variable-unknown-DYSdcnPs.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/xml-datatype.svg": () => import('./xml-datatype-BlUTXDpw.js')})), `../../../node_modules/@knime/kds-styles/dist/img/${folder}/${newName}.svg`, 10).then((module) => {
-        const component = markRaw(module.default);
-        iconCache.set(newName, component);
+      let loadPromise = iconLoadPromises.get(cacheKey);
+      if (!loadPromise) {
+        loadPromise = __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"../../../node_modules/@knime/kds-styles/dist/img/icons/add-user.svg": () => import('./add-user-BBT39sTb.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/ai-general.svg": () => import('./ai-general-xv5Ym88e.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/annotation-mode.svg": () => import('./annotation-mode-C0YL12XP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-down.svg": () => import('./arrow-down-D8Q9vZG_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrow-up.svg": () => import('./arrow-up-DJlZjTYZ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-expand.svg": () => import('./arrows-expand-eXIczgyQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-move.svg": () => import('./arrows-move-CDiEl6Ry.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/arrows-order.svg": () => import('./arrows-order-DMoJXS-I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/auto-configure.svg": () => import('./auto-configure-BU7AIhL7.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/back.svg": () => import('./back-D1kA9zuH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/bold.svg": () => import('./bold-C8dRggXe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/calendar.svg": () => import('./calendar-B6v1nLjF.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/case-sensitive.svg": () => import('./case-sensitive-CHP-__99.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cell-renderer.svg": () => import('./cell-renderer-DGnkQWTq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/center-aligned.svg": () => import('./center-aligned--zRFP8Lf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/checkmark.svg": () => import('./checkmark-DOn23D5R.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-down.svg": () => import('./chevron-down-BsSG_C_8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left-double.svg": () => import('./chevron-left-double-D-EEhZoy.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-left.svg": () => import('./chevron-left-BKFnSetN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right-double.svg": () => import('./chevron-right-double-BgfwXKBg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-right.svg": () => import('./chevron-right-CozOeJxa.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/chevron-up.svg": () => import('./chevron-up-FA-c_L5N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-error.svg": () => import('./circle-error-CwUp2gKh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-info.svg": () => import('./circle-info-CcCjmOUH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-question.svg": () => import('./circle-question-TFLpel6L.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-success.svg": () => import('./circle-success-CGkhxpZE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/circle-unchecked.svg": () => import('./circle-unchecked-DOoOn6iz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-download.svg": () => import('./cloud-download-CstHUDZv.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-knime.svg": () => import('./cloud-knime-CpZfWe3J.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-pending-changes.svg": () => import('./cloud-pending-changes-CWBUkOnb.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-synced.svg": () => import('./cloud-synced-DlT_4y5Q.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-upload.svg": () => import('./cloud-upload-DQvu_3cc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cloud-workflow.svg": () => import('./cloud-workflow-Bo_4KHLP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/code-block.svg": () => import('./code-block-DrOaCM3g.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/collection.svg": () => import('./collection-BBXRVj4b.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/color-picker.svg": () => import('./color-picker-k6GkGnF5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/column-width.svg": () => import('./column-width-Cjb-6nqI.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/comment.svg": () => import('./comment-DL9ZR-vM.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/component.svg": () => import('./component-BArrSsoi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/connection.svg": () => import('./connection-cIDhN_bU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/copy.svg": () => import('./copy-D43FaHi-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/cursor.svg": () => import('./cursor-DSIjd7yc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-app.svg": () => import('./data-app-BHCZS7qU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/data-value-view.svg": () => import('./data-value-view-DZAfZGqs.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/date-time.svg": () => import('./date-time-C3cmSAQm.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-browse.svg": () => import('./db-browse-BJj19qUq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-database.svg": () => import('./db-database-CyCrPzu-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-fetch.svg": () => import('./db-fetch-CJMHzQp5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-schema.svg": () => import('./db-schema-C4gtYXvd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table-view.svg": () => import('./db-table-view-CcF1plGQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/db-table.svg": () => import('./db-table-DifKATf6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/deploy.svg": () => import('./deploy-Dr6jEhZU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/detect.svg": () => import('./detect-DkQik2ep.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/divider.svg": () => import('./divider-Bhqt1kvt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/duplicate.svg": () => import('./duplicate-Mtq886XD.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/duration.svg": () => import('./duration-Dfp9ox2I.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/edit.svg": () => import('./edit-Bg040TR4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/education.svg": () => import('./education-CsB0t7AG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/error-panel.svg": () => import('./error-panel-BCvYjM5m.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute-all.svg": () => import('./execute-all-JZlJ6VtK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/execute.svg": () => import('./execute-CDtz4PKy.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/expand-panel.svg": () => import('./expand-panel-C0-YqxWN.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension-community.svg": () => import('./extension-community-BL7uY2lh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/extension.svg": () => import('./extension-DV2OG2b-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/external-link.svg": () => import('./external-link-D6c_uzZp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/eye.svg": () => import('./eye-DIQBS75n.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/feedback.svg": () => import('./feedback-CSzO39Ck.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-export.svg": () => import('./file-export-Cm5xiHIP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file-text.svg": () => import('./file-text-DCIkmzWQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/file.svg": () => import('./file-D-fzxVWf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/filter.svg": () => import('./filter-BCzsHR5o.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-default.svg": () => import('./flow-variable-default-D8YRzPWl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in-out.svg": () => import('./flow-variable-in-out-v434yDUG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-in.svg": () => import('./flow-variable-in-BiO5ppkU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/flow-variable-out.svg": () => import('./flow-variable-out-BuATVHTL.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-move.svg": () => import('./folder-move-6L5NfoIs.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-plus.svg": () => import('./folder-plus-0Z-aPAxX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-search.svg": () => import('./folder-search-DDOYg0f6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder-workflow.svg": () => import('./folder-workflow-hjaE8p-i.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/folder.svg": () => import('./folder-xz8Bw1k6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/forum.svg": () => import('./forum-CunE8Bpo.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/function-catalog.svg": () => import('./function-catalog-CRXmv7AG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/hide-eye.svg": () => import('./hide-eye-BrIKmBWt.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/home.svg": () => import('./home-CW06ROg3.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/import-table.svg": () => import('./import-table-BaqmTPnF.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/import.svg": () => import('./import-Bjz9KZM-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/info.svg": () => import('./info-C8GezBIf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/interval.svg": () => import('./interval-CzQaVMPH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/italic.svg": () => import('./italic-B6SY7x6N.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/key.svg": () => import('./key-9hybjORk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/layout-editor.svg": () => import('./layout-editor-At6vQ3aU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/left-aligned.svg": () => import('./left-aligned-C90MrNJd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/like.svg": () => import('./like-BwC1fMTh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/limit.svg": () => import('./limit-D84DMtQW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/link.svg": () => import('./link-DH0XmQMp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/linked-component.svg": () => import('./linked-component-BOb5aj87.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/linked-metanode.svg": () => import('./linked-metanode-ojS3JQJp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-bulletpoint.svg": () => import('./list-bulletpoint-BLPnukaY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-number.svg": () => import('./list-number-C47JfmdB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list-thumbs.svg": () => import('./list-thumbs-F5ICnK4Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/list.svg": () => import('./list-CQmzxqnp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/local-filesystem.svg": () => import('./local-filesystem-fyrwOsG5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/lock.svg": () => import('./lock-B9qCq8wW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/login.svg": () => import('./login-DGaxAy8E.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/menu.svg": () => import('./menu-BSS_QnZi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/metanode.svg": () => import('./metanode-BOoscDpe.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/mini-map.svg": () => import('./mini-map-DKez_1T0.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-dialog.svg": () => import('./minimize-dialog-CsKInFjQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minimize-side-panel.svg": () => import('./minimize-side-panel-DOe27uOi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/minus.svg": () => import('./minus-CUOnFK-_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/more-actions.svg": () => import('./more-actions-r1Ai1cv8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/node-stack.svg": () => import('./node-stack-B2-NOdn1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-horiz.svg": () => import('./nodes-align-horiz-BNN1SQyE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/nodes-align-vert.svg": () => import('./nodes-align-vert-JG8gmWk5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/open-in-new-window.svg": () => import('./open-in-new-window-BAU_-IMl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pan-mode.svg": () => import('./pan-mode-CGVZU5HB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/parameter.svg": () => import('./parameter-D3NI1oyc.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/path-separator.svg": () => import('./path-separator-DRnUilGA.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pending-changes.svg": () => import('./pending-changes-BvFdyKn8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/pin.svg": () => import('./pin-B6vKBZDp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/placeholder.svg": () => import('./placeholder-CIq-OFkj.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/plus.svg": () => import('./plus-BGcbvgG4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/python.svg": () => import('./python-Bn3ET_9Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/quote.svg": () => import('./quote-BhPMewQl.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/random-seed.svg": () => import('./random-seed-BmLMj_2x.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/re-execution.svg": () => import('./re-execution-CPa8UUdU.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/redo.svg": () => import('./redo-BjctXrq6.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/regex.svg": () => import('./regex-CErlWJQW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reload.svg": () => import('./reload-CDm_DDdP.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rename.svg": () => import('./rename-Cyk_xng4.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/replace.svg": () => import('./replace-9aOLtKuD.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/reset-all.svg": () => import('./reset-all-Buf5y-HV.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/resume-execution.svg": () => import('./resume-execution-CRqaKZqz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/right-aligned.svg": () => import('./right-aligned-2BkZ58o-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/rocket.svg": () => import('./rocket-Bs46VoUh.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save-as.svg": () => import('./save-as-CTnCvHfQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/save.svg": () => import('./save-B7DzWjxS.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/schedule.svg": () => import('./schedule-DuSqromp.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/search.svg": () => import('./search-gykfARpE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/secret-store.svg": () => import('./secret-store-_ZlpQRjr.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-cancel.svg": () => import('./selected-cancel-CS3Gep56.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-execution.svg": () => import('./selected-execution-BJxjtKXq.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/selected-reset.svg": () => import('./selected-reset-SMx6XDk5.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/send.svg": () => import('./send-G2BlBsxu.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/server-rack-workflow.svg": () => import('./server-rack-workflow-CBhKbyGY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/service.svg": () => import('./service-9hAt2V0T.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/settings.svg": () => import('./settings-BLMTAq-1.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/share.svg": () => import('./share-BIrWLTtn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/shortcuts.svg": () => import('./shortcuts-fbNZWoSf.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-ascending.svg": () => import('./sort-ascending-DNyV4Drg.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/sort-descending.svg": () => import('./sort-descending-BdIGPn-9.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-local.svg": () => import('./space-local-D4kTqwrB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space-private.svg": () => import('./space-private-D06CTwvE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/space.svg": () => import('./space-fMpb-o4-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stepwise-execution.svg": () => import('./stepwise-execution-C1mAO3z_.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/stop.svg": () => import('./stop-Cgmy2iPY.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/strikethrough.svg": () => import('./strikethrough-DG4Ejxqk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/table-statistics.svg": () => import('./table-statistics-y-P6EXGX.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/table.svg": () => import('./table-Pffb9Oig.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/tag.svg": () => import('./tag-_fZiuJaC.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/team.svg": () => import('./team-CtZLwOou.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/template-gallery.svg": () => import('./template-gallery-BtXi4GHd.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/text.svg": () => import('./text-DFu-L62Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/textstyles.svg": () => import('./textstyles-j0GQtKYE.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-down.svg": () => import('./thumbs-down-CiozrdIW.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/thumbs-up.svg": () => import('./thumbs-up-E4uRtjhi.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/time.svg": () => import('./time-DU80J5X8.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-bottom.svg": () => import('./to-bottom-B8wat1Dk.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/to-top.svg": () => import('./to-top-CCAfU4xz.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trash.svg": () => import('./trash-Dq5FHwNO.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/trigger.svg": () => import('./trigger-Qns9VYQG.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/underline.svg": () => import('./underline-CDZcVZHB.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/undo.svg": () => import('./undo-CnghWcXK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/unlink.svg": () => import('./unlink-CL0kTZX2.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/update-file.svg": () => import('./update-file-5lTfm97G.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/usage.svg": () => import('./usage-827uIQyn.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/user.svg": () => import('./user-DTq28OjK.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/validate.svg": () => import('./validate-CD0_eO0m.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/version.svg": () => import('./version-CSTTEeam.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/view-cards.svg": () => import('./view-cards-DS0Cpf95.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/warning.svg": () => import('./warning-CJC1Oij-.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/workflow.svg": () => import('./workflow-n50o8jCH.js'),"../../../node_modules/@knime/kds-styles/dist/img/icons/x-close.svg": () => import('./x-close-D-oEO9N9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/audio-datatype.svg": () => import('./audio-datatype-DyzJTMxb.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/binary-object-datatype.svg": () => import('./binary-object-datatype-DHZPEEoV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/bit-byte-vector-datatype.svg": () => import('./bit-byte-vector-datatype-XJ0yjm_4.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/boolean-datatype.svg": () => import('./boolean-datatype-B0SBV35e.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-list-datatype.svg": () => import('./collection-list-datatype-DDLoFog9.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/collection-set-datatype.svg": () => import('./collection-set-datatype-QGQHiErr.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-datatype.svg": () => import('./date-datatype-DX2o-Qoi.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-local-datatype.svg": () => import('./date-time-local-datatype-BRveWl93.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/date-time-zoned-datatype.svg": () => import('./date-time-zoned-datatype-CvUpjzJk.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/default-extension-datatype.svg": () => import('./default-extension-datatype-C7jbGM5d.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/document-datatype.svg": () => import('./document-datatype-CmWsp5e8.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-date-based-datatype.svg": () => import('./duration-date-based-datatype-ZMMDq_rT.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/duration-time-based-datatype.svg": () => import('./duration-time-based-datatype-DWj4ALsB.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/geo-datatype.svg": () => import('./geo-datatype-CTQgQTql.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/helm-datatype.svg": () => import('./helm-datatype-XIlHXQBP.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-png-datatype.svg": () => import('./image-png-datatype-CtnGTQlX.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/image-svg-datatype.svg": () => import('./image-svg-datatype-DgySAOGM.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/json-datatype.svg": () => import('./json-datatype-DgHr_Q8U.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/labeling-datatype.svg": () => import('./labeling-datatype-CGG_DguN.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/linear-notation-molecule.svg": () => import('./linear-notation-molecule-CepA_vEp.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/message-datatype.svg": () => import('./message-datatype-Ds55YGMQ.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/microscope.svg": () => import('./microscope-CPwlykKH.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/model-pmml-datatype.svg": () => import('./model-pmml-datatype-kXlL8AWg.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/molecule.svg": () => import('./molecule-CT71Yhf1.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-datatype.svg": () => import('./number-double-datatype-B6nc4th6.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-double-vector-datatype.svg": () => import('./number-double-vector-datatype-D3rzzxjM.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/number-integer-datatype.svg": () => import('./number-integer-datatype-BWoQkZ03.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/path-datatype.svg": () => import('./path-datatype-BD3D-7dL.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-datatype.svg": () => import('./string-datatype-CHI_qvxE.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/string-vector-datatype.svg": () => import('./string-vector-datatype-DhgtZI8f.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/subgraph-datatype.svg": () => import('./subgraph-datatype-BHBSS1-Z.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/term-datatype.svg": () => import('./term-datatype-CRrmVXQx.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/test-tube.svg": () => import('./test-tube-BsB8mbus.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/time-datatype.svg": () => import('./time-datatype-CBnmuYLa.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/tool-datatype.svg": () => import('./tool-datatype-l6cMJHHd.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/unknown-datatype.svg": () => import('./unknown-datatype-BEY7muOy.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/uri-datatype.svg": () => import('./uri-datatype-CJhmCZiq.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-boolean.svg": () => import('./variable-boolean-BzyG4BGV.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-boolean.svg": () => import('./variable-collection-boolean-nWAd6a7R.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-double.svg": () => import('./variable-collection-double-h0sMrPKC.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-integer.svg": () => import('./variable-collection-integer-BZEs4wch.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-collection-string.svg": () => import('./variable-collection-string-BPIuxyHK.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-conda-environment.svg": () => import('./variable-conda-environment-DZ5kqmc5.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-credential.svg": () => import('./variable-credential-D32ztDmY.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-integer.svg": () => import('./variable-integer-CtoE3pq3.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-number-double.svg": () => import('./variable-number-double-D5CGjCM8.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-path.svg": () => import('./variable-path-Dyuv7RmO.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-string.svg": () => import('./variable-string-JWu8Gafe.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/variable-unknown.svg": () => import('./variable-unknown-DYSdcnPs.js'),"../../../node_modules/@knime/kds-styles/dist/img/type-icons/xml-datatype.svg": () => import('./xml-datatype-BlUTXDpw.js')})), `../../../node_modules/@knime/kds-styles/dist/img/${folder}/${newName}.svg`, 10).then((module) => {
+          const component = markRaw(module.default);
+          iconCache.set(cacheKey, component);
+          iconLoadPromises.delete(cacheKey);
+          return component;
+        }).catch((error) => {
+          iconLoadPromises.delete(cacheKey);
+          throw error;
+        });
+        iconLoadPromises.set(cacheKey, loadPromise);
+      }
+      loadPromise.then((component) => {
         if (name.value !== newName) {
           return;
         }
@@ -442,7 +455,8 @@ function useIcon({
   };
 }
 
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1c = ["data-kds-icon-name"];
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   __name: "KdsIcon",
   props: {
     name: {},
@@ -460,19 +474,21 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
       return unref(iconComponent) ? (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent)), {
         key: 0,
         class: normalizeClass(["kds-icon", __props.size, { disabled: __props.disabled }]),
+        "data-kds-icon-name": props.name,
         "aria-hidden": "true",
         focusable: "false"
-      }, null, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+      }, null, 8, ["class", "data-kds-icon-name"])) : (openBlock(), createElementBlock("span", {
         key: 1,
         class: normalizeClass(["kds-icon", __props.size, { disabled: __props.disabled }]),
+        "data-kds-icon-name": props.name,
         "aria-hidden": "true",
         focusable: "false"
-      }, null, 2));
+      }, null, 10, _hoisted_1$1c));
     };
   }
 });
 
-const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__scopeId", "data-v-bff4f419"]]);
+const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["__scopeId", "data-v-9a9cd3e8"]]);
 
 const ID_TO_ICON_MAP = {
   // Flow Variables
@@ -825,7 +841,8 @@ const kdsDataTypeSize = {
 };
 const kdsDataTypeSizes = Object.values(kdsDataTypeSize);
 
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1b = ["data-kds-icon-name"];
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   __name: "KdsDataType",
   props: {
     iconName: { default: "unknown-datatype" },
@@ -858,21 +875,22 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     __expose({ status });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass(["kds-data-type-icon-container", __props.size, { disabled: __props.disabled }])
+        class: normalizeClass(["kds-data-type-icon-container", __props.size, { disabled: __props.disabled }]),
+        "data-kds-icon-name": iconName.value
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent)), {
           class: normalizeClass(["kds-icon", "kds-data-type-icon", iconSize.value]),
           "aria-hidden": "true",
           focusable: "false"
         }, null, 8, ["class"]))
-      ], 2)), [
+      ], 10, _hoisted_1$1b)), [
         [unref(vKdsTooltip), __props.iconTitle]
       ]);
     };
   }
 });
 
-const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__scopeId", "data-v-667bceea"]]);
+const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["__scopeId", "data-v-b929f2eb"]]);
 
 const kdsBadgeVariant = {
   NEUTRAL: "neutral",
@@ -889,8 +907,8 @@ const kdsBadgeSize = {
 };
 const kdsBadgeSizes = Object.values(kdsBadgeSize);
 
-const _hoisted_1$17 = { class: "label-wrapper" };
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1a = { class: "label-wrapper" };
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
   __name: "KdsBadge",
   props: {
     label: {},
@@ -912,13 +930,13 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
           name: __props.leadingIcon,
           size: sizeToIconSize[__props.size]
         }, null, 8, ["name", "size"])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_1$17, toDisplayString(__props.label), 1)
+        createElementVNode("span", _hoisted_1$1a, toDisplayString(__props.label), 1)
       ], 2);
     };
   }
 });
 
-const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__scopeId", "data-v-df64f7cf"]]);
+const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__scopeId", "data-v-df64f7cf"]]);
 
 const kdsProgressBarSize = {
   MEDIUM: "medium",
@@ -926,13 +944,13 @@ const kdsProgressBarSize = {
 };
 const kdsProgressBarSizes = Object.values(kdsProgressBarSize);
 
-const _hoisted_1$16 = ["aria-label"];
-const _hoisted_2$I = {
+const _hoisted_1$19 = ["aria-label"];
+const _hoisted_2$J = {
   key: 0,
   class: "indeterminate-bar",
   "aria-hidden": "true"
 };
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "KdsProgressBar",
   props: {
     size: { default: () => kdsProgressBarSize.MEDIUM },
@@ -967,16 +985,16 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
         withDirectives(createElementVNode("progress", mergeProps({
           "aria-label": title.value,
           class: "progress"
-        }, __props.indeterminate ? {} : { value: progressValue.value, max: 100 }), null, 16, _hoisted_1$16), [
+        }, __props.indeterminate ? {} : { value: progressValue.value, max: 100 }), null, 16, _hoisted_1$19), [
           [unref(vKdsTooltip), title.value]
         ]),
-        __props.indeterminate ? (openBlock(), createElementBlock("span", _hoisted_2$I)) : createCommentVNode("", true)
+        __props.indeterminate ? (openBlock(), createElementBlock("span", _hoisted_2$J)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
 
-const KdsProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__scopeId", "data-v-06930dc4"]]);
+const KdsProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__scopeId", "data-v-06930dc4"]]);
 
 const kdsColorSwatchType = {
   LEARNER: "learner",
@@ -995,14 +1013,14 @@ const kdsColorSwatchSize = {
 };
 const kdsColorSwatchSizes = Object.values(kdsColorSwatchSize);
 
-const _hoisted_1$15 = ["role", "aria-hidden", "aria-label"];
+const _hoisted_1$18 = ["role", "aria-hidden", "aria-label"];
 const RGBA_SHORT_HEX_LENGTH = 4;
 const RGBA_LONG_HEX_LENGTH = 8;
 const ALPHA_NIBBLE_INDEX = 3;
 const ALPHA_BYTE_START = 6;
 const RGB_SHORT_HEX_LENGTH = 3;
 const RGB_LONG_HEX_LENGTH = 6;
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   __name: "KdsColorSwatch",
   props: {
     color: {},
@@ -1076,21 +1094,21 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(swatchStyle.value),
         "aria-hidden": hasTitle.value ? void 0 : "true",
         "aria-label": hasTitle.value ? accessibleTitle.value : void 0
-      }, null, 14, _hoisted_1$15)), [
+      }, null, 14, _hoisted_1$18)), [
         [unref(vKdsTooltip), hasTitle.value ? accessibleTitle.value : void 0]
       ]);
     };
   }
 });
 
-const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["__scopeId", "data-v-b91cf470"]]);
+const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["__scopeId", "data-v-b91cf470"]]);
 
-const _hoisted_1$14 = ["aria-label"];
-const _hoisted_2$H = {
+const _hoisted_1$17 = ["aria-label"];
+const _hoisted_2$I = {
   key: 0,
   class: "label"
 };
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   __name: "KdsLiveStatus",
   props: {
     status: { default: "red" },
@@ -1110,19 +1128,19 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
         "aria-label": accessibleTitle.value
       }, [
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "dot" }, null, -1)),
-        __props.label ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$H, [
+        __props.label ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$I, [
           createTextVNode(toDisplayString(__props.label), 1)
         ])), [
           [unref(vKdsTooltip), __props.label, "truncated"]
         ]) : createCommentVNode("", true)
-      ], 10, _hoisted_1$14)), [
+      ], 10, _hoisted_1$17)), [
         [unref(vKdsTooltip), !__props.label ? accessibleTitle.value : void 0]
       ]);
     };
   }
 });
 
-const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__scopeId", "data-v-e67b29f5"]]);
+const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["__scopeId", "data-v-e67b29f5"]]);
 
 const kdsLiveStatusStatus = {
   RED: "red",
@@ -1138,8 +1156,8 @@ const kdsLiveStatusSize = {
 };
 const kdsLiveStatusSizes = Object.values(kdsLiveStatusSize);
 
-const _hoisted_1$13 = ["data-style"];
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$16 = ["data-style"];
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "KdsLoadingSpinner",
   props: {
     size: { default: "medium" },
@@ -1164,12 +1182,12 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
           cy: "60",
           r: "50"
         }, null, -1)
-      ])], 10, _hoisted_1$13);
+      ])], 10, _hoisted_1$16);
     };
   }
 });
 
-const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__scopeId", "data-v-54835dc0"]]);
+const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__scopeId", "data-v-54835dc0"]]);
 
 const kdsLoadingSpinnerVariant = {
   ON_PRIMARY: "onPrimary",
@@ -1179,7 +1197,7 @@ const kdsLoadingSpinnerVariants = Object.values(
   kdsLoadingSpinnerVariant
 );
 
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   __name: "KdsMissingValueIcon",
   props: {
     size: {}
@@ -1195,13 +1213,13 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsMissingValueIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__scopeId", "data-v-df682150"]]);
+const KdsMissingValueIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["__scopeId", "data-v-df682150"]]);
 
-const _hoisted_1$12 = { class: "donut-container" };
-const _hoisted_2$G = ["height", "width", "viewBox"];
-const _hoisted_3$t = ["r", "stroke-width"];
-const _hoisted_4$p = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
-const _hoisted_5$f = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
+const _hoisted_1$15 = { class: "donut-container" };
+const _hoisted_2$H = ["height", "width", "viewBox"];
+const _hoisted_3$u = ["r", "stroke-width"];
+const _hoisted_4$q = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
+const _hoisted_5$g = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
 const _hoisted_6$b = {
   key: 0,
   class: "donut-text"
@@ -1213,7 +1231,7 @@ const _hoisted_8$3 = {
 };
 const radius = 22;
 const innerRadius = 10;
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   __name: "KdsDonutChart",
   props: {
     value: {},
@@ -1257,7 +1275,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     const transformWedge = computed(() => `rotate(-90, ${radius}, ${radius})`);
     const disabled = computed(() => !Number.isFinite(__props.maxValue));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$12, [
+      return openBlock(), createElementBlock("div", _hoisted_1$15, [
         (openBlock(), createElementBlock("svg", {
           height: diameter.value,
           width: diameter.value,
@@ -1271,7 +1289,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
             r: r.value,
             "stroke-width": strokeWidth.value,
             fill: "transparent"
-          }, null, 8, _hoisted_3$t),
+          }, null, 8, _hoisted_3$u),
           __props.secondaryValue && !disabled.value ? (openBlock(), createElementBlock("circle", {
             key: 0,
             class: normalizeClass(["value-wedge", "secondary-circle", { animate: __props.animate }]),
@@ -1283,7 +1301,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
             "stroke-dashoffset": secondaryStrokeDashOffset.value,
             fill: "transparent",
             transform: transformWedge.value
-          }, null, 10, _hoisted_4$p)) : createCommentVNode("", true),
+          }, null, 10, _hoisted_4$q)) : createCommentVNode("", true),
           !disabled.value ? (openBlock(), createElementBlock("circle", {
             key: 1,
             class: normalizeClass(["value-wedge", "primary-circle", { animate: __props.animate }]),
@@ -1295,8 +1313,8 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
             "stroke-dashoffset": strokeDashOffset.value,
             fill: "transparent",
             transform: transformWedge.value
-          }, null, 10, _hoisted_5$f)) : createCommentVNode("", true)
-        ], 8, _hoisted_2$G)),
+          }, null, 10, _hoisted_5$g)) : createCommentVNode("", true)
+        ], 8, _hoisted_2$H)),
         __props.title ? (openBlock(), createElementBlock("div", _hoisted_6$b, [
           createElementVNode("div", _hoisted_7$3, toDisplayString(__props.title), 1),
           __props.subText ? (openBlock(), createElementBlock("div", _hoisted_8$3, toDisplayString(__props.subText), 1)) : createCommentVNode("", true)
@@ -1306,22 +1324,22 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsDonutChart = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__scopeId", "data-v-f5faf61c"]]);
+const KdsDonutChart = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__scopeId", "data-v-f5faf61c"]]);
 
-const _sfc_main$1A = {  };
+const _sfc_main$1D = {  };
 
-const _hoisted_1$11 = { class: "kds-divider" };
+const _hoisted_1$14 = { class: "kds-divider" };
 
 function _sfc_render$1(_ctx, _cache) {
-  return (openBlock(), createElementBlock("hr", _hoisted_1$11))
+  return (openBlock(), createElementBlock("hr", _hoisted_1$14))
 }
-const KdsDivider = /*#__PURE__*/_export_sfc(_sfc_main$1A, [['render',_sfc_render$1],['__scopeId',"data-v-4d059bd3"]]);
+const KdsDivider = /*#__PURE__*/_export_sfc(_sfc_main$1D, [['render',_sfc_render$1],['__scopeId',"data-v-4d059bd3"]]);
 
-const _hoisted_1$10 = {
+const _hoisted_1$13 = {
   key: 0,
   class: "label"
 };
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   __name: "BaseButton",
   props: {
     dataTestId: {},
@@ -1384,7 +1402,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
               size: iconSize.value
             }, null, 8, ["name", "size"])) : createCommentVNode("", true)
           ], true),
-          props.label ? (openBlock(), createElementBlock("span", _hoisted_1$10, toDisplayString(props.label), 1)) : createCommentVNode("", true),
+          props.label ? (openBlock(), createElementBlock("span", _hoisted_1$13, toDisplayString(props.label), 1)) : createCommentVNode("", true),
           props.trailingIcon && props.label ? (openBlock(), createBlock(KdsIcon, {
             key: 1,
             name: props.trailingIcon,
@@ -1399,9 +1417,9 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-83f63dc3"]]);
+const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["__scopeId", "data-v-ee3f8b5d"]]);
 
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "KdsButton",
   props: {
     dataTestId: {},
@@ -1467,7 +1485,7 @@ function isExternalUrl(url) {
   return true;
 }
 
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "KdsLinkButton",
   props: {
     dataTestId: {},
@@ -1750,14 +1768,14 @@ const kdsModalVariants = Object.values(kdsModalVariant);
   width: kdsModalWidth.MEDIUM,
   closedby: kdsModalClosedBy.CLOSEREQUEST});
 
-const _hoisted_1$$ = { class: "modal-header" };
-const _hoisted_2$F = { class: "modal-header-headline" };
-const _hoisted_3$s = ["data-variant"];
-const _hoisted_4$o = {
+const _hoisted_1$12 = { class: "modal-header" };
+const _hoisted_2$G = { class: "modal-header-headline" };
+const _hoisted_3$t = ["data-variant"];
+const _hoisted_4$p = {
   key: 0,
   class: "modal-footer"
 };
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "KdsModalLayout",
   props: {
@@ -1769,19 +1787,19 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "d8a22254": _ctx.overflow
+      "v6361116e": _ctx.overflow
     }));
     const props = createPropsRestProxy(__props, ["headline", "variant", "overflow"]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("header", _hoisted_1$$, [
+        createElementVNode("header", _hoisted_1$12, [
           props.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
             key: 0,
             name: props.leadingIcon,
             size: "medium"
           }, null, 8, ["name"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_2$F, toDisplayString(__props.headline), 1),
-          createVNode(_sfc_main$1y, {
+          createElementVNode("div", _hoisted_2$G, toDisplayString(__props.headline), 1),
+          createVNode(_sfc_main$1B, {
             "leading-icon": "x-close",
             variant: "transparent",
             size: "medium",
@@ -1795,8 +1813,8 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
           "data-variant": __props.variant
         }, [
           renderSlot(_ctx.$slots, "body", {}, void 0, true)
-        ], 8, _hoisted_3$s),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$o, [
+        ], 8, _hoisted_3$t),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$p, [
           renderSlot(_ctx.$slots, "footer", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 64);
@@ -1804,10 +1822,10 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsModalLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-36cbff95"]]);
+const KdsModalLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-3b9d0ae0"]]);
 
-const _hoisted_1$_ = ["closedby"];
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$11 = ["closedby"];
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "KdsModal",
   props: {
     leadingIcon: {},
@@ -1822,7 +1840,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   emits: ["close", "closed"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "ef11ed42": _ctx.overflow
+      "v8f271084": _ctx.overflow
     }));
     const emit = __emit;
     const dialog = useTemplateRef("dialogElement");
@@ -1909,16 +1927,16 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["headline", "leading-icon", "variant", "overflow"])
         ], true)
-      ], 42, _hoisted_1$_)) : createCommentVNode("", true);
+      ], 42, _hoisted_1$11)) : createCommentVNode("", true);
     };
   }
 });
 
-const KdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-d4ff271c"]]);
+const KdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__scopeId", "data-v-1f306093"]]);
 
-const _hoisted_1$Z = ["id"];
-const _hoisted_2$E = { class: "subtext-text" };
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$10 = ["id"];
+const _hoisted_2$F = { class: "subtext-text" };
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "KdsSubText",
   props: {
     id: {},
@@ -1949,27 +1967,27 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
           variant: "onSurface",
           "aria-hidden": "true"
         })) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2$E, toDisplayString(props.subText), 1)
-      ], 10, _hoisted_1$Z)) : createCommentVNode("", true);
+        createElementVNode("span", _hoisted_2$F, toDisplayString(props.subText), 1)
+      ], 10, _hoisted_1$10)) : createCommentVNode("", true);
     };
   }
 });
 
-const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__scopeId", "data-v-2e6ba10c"]]);
+const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__scopeId", "data-v-2e6ba10c"]]);
 
-const _hoisted_1$Y = ["disabled", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
-const _hoisted_2$D = { class: "control" };
-const _hoisted_3$r = {
+const _hoisted_1$$ = ["disabled", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
+const _hoisted_2$E = { class: "control" };
+const _hoisted_3$s = {
   key: 0,
   class: "content"
 };
-const _hoisted_4$n = { class: "label" };
-const _hoisted_5$e = ["id"];
+const _hoisted_4$o = { class: "label" };
+const _hoisted_5$f = ["id"];
 const _hoisted_6$a = {
   key: 0,
   class: "subtext-wrapper"
 };
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "BaseCheckbox",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -2041,7 +2059,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
           role: "checkbox",
           onClick: handleClick
         }, [
-          createElementVNode("div", _hoisted_2$D, [
+          createElementVNode("div", _hoisted_2$E, [
             icon.value ? (openBlock(), createBlock(KdsIcon, {
               key: 0,
               name: icon.value,
@@ -2049,15 +2067,15 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
               size: "xsmall"
             }, null, 8, ["name"])) : createCommentVNode("", true)
           ]),
-          props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
-            createElementVNode("div", _hoisted_4$n, toDisplayString(props.label), 1),
+          props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
+            createElementVNode("div", _hoisted_4$o, toDisplayString(props.label), 1),
             props.helperText ? (openBlock(), createElementBlock("div", {
               key: 0,
               id: unref(helperId),
               class: "helper-text"
-            }, toDisplayString(props.helperText), 9, _hoisted_5$e)) : createCommentVNode("", true)
+            }, toDisplayString(props.helperText), 9, _hoisted_5$f)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
-        ], 10, _hoisted_1$Y)), [
+        ], 10, _hoisted_1$$)), [
           [unref(vKdsTooltip), props.title]
         ]),
         props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
@@ -2073,9 +2091,9 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__scopeId", "data-v-5138a023"]]);
+const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-5138a023"]]);
 
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "KdsCheckbox",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -2184,16 +2202,16 @@ const useKdsDynamicModal = () => {
   };
 };
 
-const _hoisted_1$X = {
+const _hoisted_1$_ = {
   key: 1,
   class: "confirmation"
 };
-const _hoisted_2$C = { class: "message" };
-const _hoisted_3$q = {
+const _hoisted_2$D = { class: "message" };
+const _hoisted_3$r = {
   key: 0,
   class: "ask-again"
 };
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "KdsDynamicModalProvider",
   setup(__props) {
     const askAgain = ref(false);
@@ -2246,10 +2264,10 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
         unref(config)?.type === "confirm" ? {
           name: "body",
           fn: withCtx(() => [
-            unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$X, [
-              createElementVNode("div", _hoisted_2$C, toDisplayString(unref(config).value.message), 1),
-              unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
-                createVNode(_sfc_main$1s, {
+            unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$_, [
+              createElementVNode("div", _hoisted_2$D, toDisplayString(unref(config).value.message), 1),
+              unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
+                createVNode(_sfc_main$1v, {
                   modelValue: askAgain.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => askAgain.value = $event),
                   label: unref(config).value.doNotAskAgain.label,
@@ -2264,7 +2282,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
           name: "footer",
           fn: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(config).value.buttons, (button, index) => {
-              return openBlock(), createBlock(_sfc_main$1y, {
+              return openBlock(), createBlock(_sfc_main$1B, {
                 key: index,
                 destructive: button.destructive,
                 autofocus: button.autofocus,
@@ -2294,7 +2312,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsDynamicModalProvider = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__scopeId", "data-v-41fc8d84"]]);
+const KdsDynamicModalProvider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__scopeId", "data-v-41fc8d84"]]);
 
 const kdsPopoverPlacement = {
   TOP_LEFT: "top-left",
@@ -2318,12 +2336,12 @@ const kdsPopoverType = {
 };
 const kdsPopoverTypes = Object.values(kdsPopoverType);
 
-const _hoisted_1$W = ["id", "popover", "role"];
-const _hoisted_2$B = {
+const _hoisted_1$Z = ["id", "popover", "role"];
+const _hoisted_2$C = {
   key: 0,
   class: "kds-popover-default-content"
 };
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "KdsPopover",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Boolean },
@@ -2382,22 +2400,22 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
         onToggle
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
-          props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$B, toDisplayString(props.content), 1)) : createCommentVNode("", true)
+          props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$C, toDisplayString(props.content), 1)) : createCommentVNode("", true)
         ], true)
-      ], 46, _hoisted_1$W);
+      ], 46, _hoisted_1$Z);
     };
   }
 });
 
-const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-f41f0af7"]]);
+const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__scopeId", "data-v-3d51a946"]]);
 
 const KdsPopover$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: KdsPopover
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _hoisted_1$V = ["data-width"];
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _hoisted_1$Y = ["data-width"];
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "KdsSideDrawer",
   props: {
     isExpanded: { type: Boolean, default: false },
@@ -2426,19 +2444,19 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
         "data-width": __props.width
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$V);
+      ], 8, _hoisted_1$Y);
     };
   }
 });
 
-const KdsSideDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-059d2b2d"]]);
+const KdsSideDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-2ee82be5"]]);
 
-const _hoisted_1$U = { class: "label" };
-const _hoisted_2$A = {
+const _hoisted_1$X = { class: "label" };
+const _hoisted_2$B = {
   key: 1,
   class: "file-size"
 };
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "KdsLink",
   props: {
     to: {},
@@ -2528,13 +2546,13 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
         onClick
       }, {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$U, toDisplayString(__props.label), 1),
+          createElementVNode("span", _hoisted_1$X, toDisplayString(__props.label), 1),
           variant.value === "external" ? (openBlock(), createBlock(KdsIcon, {
             key: 0,
             name: "external-link",
             size: "xsmall"
           })) : createCommentVNode("", true),
-          normalizedFileSize.value ? (openBlock(), createElementBlock("span", _hoisted_2$A, toDisplayString(normalizedFileSize.value), 1)) : createCommentVNode("", true)
+          normalizedFileSize.value ? (openBlock(), createElementBlock("span", _hoisted_2$B, toDisplayString(normalizedFileSize.value), 1)) : createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["class", "to", "download", "target", "rel", "aria-disabled"])), [
@@ -2544,7 +2562,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsLink = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-7e5b55c9"]]);
+const KdsLink = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__scopeId", "data-v-7e5b55c9"]]);
 
 const kdsLinkSize = {
   SMALL: "small",
@@ -2552,7 +2570,7 @@ const kdsLinkSize = {
 };
 const kdsLinkSizes = Object.values(kdsLinkSize);
 
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "KdsToggleButton",
   props: /* @__PURE__ */ mergeModels({
     dataTestId: {},
@@ -2590,9 +2608,9 @@ const kdsToggleButtonVariant = {
 };
 const kdsToggleButtonVariants = Object.values(kdsToggleButtonVariant);
 
-const _hoisted_1$T = ["data-visible"];
-const _hoisted_2$z = ["data-visible"];
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$W = ["data-visible"];
+const _hoisted_2$A = ["data-visible"];
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "KdsProgressButton",
   props: /* @__PURE__ */ mergeModels({
     dataTestId: {},
@@ -2655,7 +2673,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
                 name: props.leadingIcon,
                 size: iconSize.value
               }, null, 8, ["name", "size"])
-            ], 8, _hoisted_1$T),
+            ], 8, _hoisted_1$W),
             createElementVNode("span", {
               class: "spinner",
               "data-visible": state.value === "progress"
@@ -2664,7 +2682,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
                 size: iconSize.value,
                 variant: __props.variant === "filled" ? "onPrimary" : "onSurface"
               }, null, 8, ["size", "variant"])
-            ], 8, _hoisted_2$z)
+            ], 8, _hoisted_2$A)
           ], 2)
         ]),
         _: 1
@@ -2673,7 +2691,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__scopeId", "data-v-ca9c134c"]]);
+const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-ca9c134c"]]);
 
 const kdsProgressButtonState = {
   DEFAULT: "default",
@@ -2909,7 +2927,7 @@ const useStableItemIds = (options) => {
   return { itemsWithPrefix, idPrefix, toUnprefixedId };
 };
 
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "ListItemAccessory",
   props: {
     accessory: {},
@@ -2952,17 +2970,21 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
 
 const kdsListItemAccessorySize = {
   SMALL: "small",
+  MEDIUM: "medium",
   LARGE: "large"
 };
+Object.values(
+  kdsListItemAccessorySize
+);
 
-const _hoisted_1$S = ["id", "role", "aria-selected", "aria-disabled"];
-const _hoisted_2$y = {
+const _hoisted_1$V = ["id", "role", "aria-selected", "aria-disabled"];
+const _hoisted_2$z = {
   key: 0,
   class: "accessory"
 };
-const _hoisted_3$p = { class: "content" };
-const _hoisted_4$m = { class: "label" };
-const _hoisted_5$d = {
+const _hoisted_3$q = { class: "content" };
+const _hoisted_4$n = { class: "label" };
+const _hoisted_5$e = {
   key: 0,
   class: "prefix"
 };
@@ -2979,7 +3001,7 @@ const _hoisted_9$2 = {
   key: 3,
   class: "trailing-item-reserve-space"
 };
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "KdsListItem",
   props: {
     id: {},
@@ -3033,16 +3055,16 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         ]),
         onClick
       }, [
-        props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$y, [
-          createVNode(_sfc_main$1l, {
+        props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$z, [
+          createVNode(_sfc_main$1o, {
             accessory: props.accessory,
             size: accessorySize.value,
             disabled: __props.disabled
           }, null, 8, ["accessory", "size", "disabled"])
         ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_3$p, [
-          withDirectives((openBlock(), createElementBlock("span", _hoisted_4$m, [
-            __props.missing ? (openBlock(), createElementBlock("span", _hoisted_5$d, "(Missing) ")) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_3$q, [
+          withDirectives((openBlock(), createElementBlock("span", _hoisted_4$n, [
+            __props.missing ? (openBlock(), createElementBlock("span", _hoisted_5$e, "(Missing) ")) : createCommentVNode("", true),
             createElementVNode("span", {
               class: normalizeClass({ special: __props.special })
             }, toDisplayString(props.text), 3)
@@ -3069,20 +3091,20 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
           }, null, 8, ["name"])) : createCommentVNode("", true),
           !props.shortcut && !props.trailingIcon && !props.badge ? (openBlock(), createElementBlock("span", _hoisted_9$2)) : createCommentVNode("", true)
         ])
-      ], 10, _hoisted_1$S);
+      ], 10, _hoisted_1$V);
     };
   }
 });
 
-const KdsListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-634ca251"]]);
+const KdsListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__scopeId", "data-v-634ca251"]]);
 
-const _hoisted_1$R = { class: "kds-list-item-section-title" };
-const _hoisted_2$x = {
+const _hoisted_1$U = { class: "kds-list-item-section-title" };
+const _hoisted_2$y = {
   key: 0,
   class: "icon"
 };
-const _hoisted_3$o = { class: "label" };
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _hoisted_3$p = { class: "label" };
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "ListItemSectionTitle",
   props: {
     label: {},
@@ -3091,14 +3113,14 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
-        props.leadingIcon ? (openBlock(), createElementBlock("span", _hoisted_2$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
+        props.leadingIcon ? (openBlock(), createElementBlock("span", _hoisted_2$y, [
           createVNode(KdsIcon, {
             name: props.leadingIcon,
             size: "small"
           }, null, 8, ["name"])
         ])) : createCommentVNode("", true),
-        withDirectives((openBlock(), createElementBlock("span", _hoisted_3$o, [
+        withDirectives((openBlock(), createElementBlock("span", _hoisted_3$p, [
           createTextVNode(toDisplayString(props.label), 1)
         ])), [
           [unref(vKdsTooltip), props.label, "truncated"]
@@ -3108,9 +3130,9 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ListItemSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-9a2c8038"]]);
+const ListItemSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__scopeId", "data-v-9a2c8038"]]);
 
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "KdsMenuItem",
   props: {
     item: {},
@@ -3280,14 +3302,14 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__scopeId", "data-v-5462bdbc"]]);
+const KdsMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-a4ac96c7"]]);
 
 const ContainerDepthKey = /* @__PURE__ */ Symbol("ContainerDepth");
 const ChildItemKey = /* @__PURE__ */ Symbol("ChildItem");
 
-const _hoisted_1$Q = ["id", "aria-label", "aria-activedescendant"];
-const _hoisted_2$w = ["id"];
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$T = ["id", "aria-label", "aria-activedescendant"];
+const _hoisted_2$x = ["id"];
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "KdsMenuContainer",
   props: {
     id: {},
@@ -3513,19 +3535,19 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                   items: item.children ?? [],
                   onItemClick: _cache[0] || (_cache[0] = ($event) => emit("itemClick", $event))
                 }, null, 8, ["id", "ariaLabel", "items"])
-              ], 44, _hoisted_2$w)
+              ], 44, _hoisted_2$x)
             ]),
             _: 2
           }, 1032, ["item", "is-last", "active-id", "variant", "onClick", "onMouseenter"]);
         }), 128))
-      ], 44, _hoisted_1$Q);
+      ], 44, _hoisted_1$T);
     };
   }
 });
 
-const KdsMenuContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-5b299c60"]]);
+const KdsMenuContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-5b299c60"]]);
 
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3590,7 +3612,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     __expose({ menuButtonEl });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$1n, mergeProps({ ref: "menuButton" }, toggleButtonProps.value, {
+        createVNode(_sfc_main$1q, mergeProps({ ref: "menuButton" }, toggleButtonProps.value, {
           modelValue: isMenuOpen.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = $event),
           "aria-haspopup": "menu",
@@ -3622,7 +3644,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "KdsSplitButton",
   props: {
     dataTestId: {},
@@ -3723,7 +3745,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsSplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-e4c177cd"]]);
+const KdsSplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__scopeId", "data-v-e4c177cd"]]);
 
 const kdsActionButtonType = {
   BUTTON: "button",
@@ -3732,12 +3754,12 @@ const kdsActionButtonType = {
 const kdsActionButtonTypes = Object.values(kdsActionButtonType);
 
 const typeToComponent = {
-  KdsButton: _sfc_main$1y,
-  KdsLinkButton: _sfc_main$1x,
+  KdsButton: _sfc_main$1B,
+  KdsLinkButton: _sfc_main$1A,
   KdsSplitButton,
-  KdsMenuButton: _sfc_main$1g,
+  KdsMenuButton: _sfc_main$1j,
   KdsProgressButton,
-  KdsToggleButton: _sfc_main$1n
+  KdsToggleButton: _sfc_main$1q
 };
 const fullBindings = (entry) => ({
   ...entry.meta
@@ -3831,13 +3853,13 @@ const toMenuItem = (entry) => {
   }
 };
 
-const _hoisted_1$P = {
+const _hoisted_1$S = {
   ref: "measureContainer",
   class: "kds-button-group-measure",
   "aria-hidden": "true",
   inert: ""
 };
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "KdsResponsiveButtonGroup",
   props: {
@@ -3986,7 +4008,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1$P, [
+        createElementVNode("div", _hoisted_1$S, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttons, (button) => {
             return openBlock(), createBlock(resolveDynamicComponent(unref(typeToComponent)[button.type]), mergeProps({
               key: `full-${button.id}`,
@@ -4005,7 +4027,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
               unref(iconOnlyBindings)(iconItem.entry, iconItem.leadingIcon, iconItem.label)
             ), null, 16);
           }), 128)),
-          createVNode(_sfc_main$1g, {
+          createVNode(_sfc_main$1j, {
             ref: "measureMenuButton",
             "leading-icon": "more-actions",
             ariaLabel: "More actions",
@@ -4020,7 +4042,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
               key: visible.entry.id
             }, { ref_for: true }, visibleBindings(visible)), null, 16);
           }), 128)),
-          overflowMenuItems.value.length ? (openBlock(), createBlock(_sfc_main$1g, {
+          overflowMenuItems.value.length ? (openBlock(), createBlock(_sfc_main$1j, {
             key: 0,
             "leading-icon": "more-actions",
             ariaLabel: "More actions",
@@ -4032,7 +4054,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsResponsiveButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-59d058df"]]);
+const KdsResponsiveButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-59d058df"]]);
 
 const kdsResponsiveButtonGroupAlignment = {
   LEFT: "left",
@@ -4057,17 +4079,17 @@ const kdsButtonVariant = {
 };
 const kdsButtonVariants = Object.values(kdsButtonVariant);
 
-const _hoisted_1$O = ["aria-disabled"];
-const _hoisted_2$v = { class: "kds-empty-state-headline" };
-const _hoisted_3$n = {
+const _hoisted_1$R = ["aria-disabled"];
+const _hoisted_2$w = { class: "kds-empty-state-headline" };
+const _hoisted_3$o = {
   key: 1,
   class: "kds-empty-state-description"
 };
-const _hoisted_4$l = {
+const _hoisted_4$m = {
   key: 2,
   class: "kds-empty-state-action"
 };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "KdsEmptyState",
   props: {
     headline: {},
@@ -4085,13 +4107,13 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
       () => props.button && "to" in props.button && props.button.to !== void 0
     );
     const buttonComponent = computed(
-      () => isLinkButton.value ? _sfc_main$1x : _sfc_main$1y
+      () => isLinkButton.value ? _sfc_main$1A : _sfc_main$1B
     );
     const isSecondaryLinkButton = computed(
       () => props.secondaryButton && "to" in props.secondaryButton && props.secondaryButton.to !== void 0
     );
     const secondaryButtonComponent = computed(
-      () => isSecondaryLinkButton.value ? _sfc_main$1x : _sfc_main$1y
+      () => isSecondaryLinkButton.value ? _sfc_main$1A : _sfc_main$1B
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -4105,9 +4127,9 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
           variant: "onSurface",
           "aria-hidden": "true"
         })) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_2$v, toDisplayString(props.headline), 1),
-        props.description ? (openBlock(), createElementBlock("p", _hoisted_3$n, toDisplayString(props.description), 1)) : createCommentVNode("", true),
-        props.button ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
+        createElementVNode("p", _hoisted_2$w, toDisplayString(props.headline), 1),
+        props.description ? (openBlock(), createElementBlock("p", _hoisted_3$o, toDisplayString(props.description), 1)) : createCommentVNode("", true),
+        props.button ? (openBlock(), createElementBlock("div", _hoisted_4$m, [
           (openBlock(), createBlock(resolveDynamicComponent(buttonComponent.value), mergeProps(props.button, {
             disabled: props.button?.disabled || __props.disabled,
             onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && emit("buttonClick", $event))
@@ -4117,16 +4139,16 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && emit("secondaryButtonClick", $event))
           }), null, 16, ["disabled"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$O);
+      ], 10, _hoisted_1$R);
     };
   }
 });
 
-const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-f5b36ba8"]]);
+const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-f5b36ba8"]]);
 
-const _hoisted_1$N = ["aria-busy", "aria-label", "aria-activedescendant", "tabindex"];
+const _hoisted_1$Q = ["aria-busy", "aria-label", "aria-activedescendant", "tabindex"];
 const loadingStateText = "Loading entries";
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "KdsListContainer",
   props: {
     possibleValues: {},
@@ -4249,19 +4271,19 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             "loading-spinner": __props.loading
           }, null, 8, ["headline", "loading-spinner"])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$N);
+      ], 16, _hoisted_1$Q);
     };
   }
 });
 
-const KdsListContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-05f72bc6"]]);
+const KdsListContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-05f72bc6"]]);
 
 const KdsListContainer$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: KdsListContainer
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "KdsMenu",
   props: {
@@ -4361,7 +4383,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "KdsContextMenu",
   props: /* @__PURE__ */ mergeModels({
@@ -4442,9 +4464,43 @@ const kdsDimensionComponentHeight2p25x = 36;
 const kdsSpacingContainer0p10x = 1;
 const kdsSpacingContainer0p25x = 4;
 
-const _hoisted_1$M = { class: "kds-label-wrapper" };
-const _hoisted_2$u = ["id", "for"];
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const defaultKeys = [
+  "Tab",
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight",
+  " ",
+  "Enter"
+];
+const useKeyPressedUntilMouseClick = (keys = defaultKeys) => {
+  const hasUsedKeyboard = ref(false);
+  const turnKeyboardUsageOn = (event) => {
+    if (keys.includes(event.key)) {
+      hasUsedKeyboard.value = true;
+    }
+  };
+  const turnKeyboardUsageOff = () => {
+    hasUsedKeyboard.value = false;
+  };
+  onMounted(() => {
+    document.addEventListener("keydown", turnKeyboardUsageOn, {
+      capture: true
+    });
+    document.addEventListener("pointerdown", turnKeyboardUsageOff, {
+      capture: true
+    });
+  });
+  onUnmounted(() => {
+    document.removeEventListener("keydown", turnKeyboardUsageOn, true);
+    document.removeEventListener("pointerdown", turnKeyboardUsageOff, true);
+  });
+  return hasUsedKeyboard;
+};
+
+const _hoisted_1$P = { class: "kds-label-wrapper" };
+const _hoisted_2$v = ["id", "for"];
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "KdsLabel",
   props: {
     label: {},
@@ -4459,14 +4515,14 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       () => Promise.resolve().then(() => KdsInfoToggleButton$1)
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
+      return openBlock(), createElementBlock("div", _hoisted_1$P, [
         withDirectives((openBlock(), createElementBlock("label", {
           id: props.id,
           for: props.for,
           class: "label"
         }, [
           createTextVNode(toDisplayString(props.label), 1)
-        ], 8, _hoisted_2$u)), [
+        ], 8, _hoisted_2$v)), [
           [unref(vKdsTooltip), props.label, "truncated"]
         ]),
         props.description ? (openBlock(), createBlock(unref(KdsInfoToggleButton), {
@@ -4479,9 +4535,9 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-9b0cb89b"]]);
+const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-9b0cb89b"]]);
 
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "BaseFormFieldWrapper",
   props: {
     id: {},
@@ -4533,7 +4589,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-5d99c134"]]);
+const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-49715bc1"]]);
 
 const MIN_SEGMENT_INDEX = 0;
 const LARGE_STEP = 10;
@@ -5213,17 +5269,17 @@ const useInputSegments = (modelValue, getInputElement, configRef) => {
   };
 };
 
-const _hoisted_1$L = {
+const _hoisted_1$O = {
   key: 0,
   class: "icon-wrapper leading"
 };
-const _hoisted_2$t = {
+const _hoisted_2$u = {
   key: 1,
   class: "leading-slot"
 };
-const _hoisted_3$m = ["id", "value", "type", "inputmode", "placeholder", "disabled", "autocomplete", "min", "max", "step", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "role", "pattern", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-activedescendant", "aria-haspopup", "aria-controls", "aria-expanded", "aria-autocomplete"];
-const _hoisted_4$k = ["aria-disabled"];
-const _hoisted_5$c = {
+const _hoisted_3$n = ["id", "value", "type", "inputmode", "placeholder", "disabled", "autocomplete", "min", "max", "step", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "role", "pattern", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-activedescendant", "aria-haspopup", "aria-controls", "aria-expanded", "aria-autocomplete"];
+const _hoisted_4$l = ["aria-disabled"];
+const _hoisted_5$d = {
   key: 4,
   class: "trailing-slot"
 };
@@ -5231,7 +5287,7 @@ const _hoisted_6$8 = {
   key: 5,
   class: "icon-wrapper trailing"
 };
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "BaseInput",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -5382,13 +5438,13 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
         }),
         onClick: handleContainerClick
       }, [
-        props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
+        props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
           props.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
             key: 0,
             name: props.leadingIcon
           }, null, 8, ["name"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
+        _ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
           renderSlot(_ctx.$slots, "leading", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("input", {
@@ -5433,7 +5489,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
           onCut: handleInputCut,
           onDrop: handleInputDrop,
           onDragend: handleInputDragEnd
-        }, null, 42, _hoisted_3$m),
+        }, null, 42, _hoisted_3$n),
         props.unit ? (openBlock(), createElementBlock("span", {
           key: 2,
           class: normalizeClass({
@@ -5442,8 +5498,8 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled
           }),
           "aria-disabled": __props.disabled || void 0
-        }, toDisplayString(props.unit), 11, _hoisted_4$k)) : createCommentVNode("", true),
-        __props.clearable && hasValue.value && !__props.disabled ? (openBlock(), createBlock(_sfc_main$1y, {
+        }, toDisplayString(props.unit), 11, _hoisted_4$l)) : createCommentVNode("", true),
+        __props.clearable && hasValue.value && !__props.disabled ? (openBlock(), createBlock(_sfc_main$1B, {
           key: 3,
           class: "clear-button",
           size: "xsmall",
@@ -5453,7 +5509,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
           title: "Clear",
           onClick: withModifiers(clearAndFocusInput, ["stop"])
         })) : createCommentVNode("", true),
-        _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+        _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
           renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
         ])) : createCommentVNode("", true),
         props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
@@ -5466,9 +5522,9 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-a45e012a"]]);
+const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-3455a62d"]]);
 
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "KdsTextInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -5637,9 +5693,9 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-dd35e2a4"]]);
+const KdsTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-dd35e2a4"]]);
 
-const _sfc_main$15 = defineComponent({
+const _sfc_main$18 = defineComponent({
   name: "FileExplorerItemBase",
   props: {
     isSelected: {
@@ -5657,7 +5713,7 @@ const _sfc_main$15 = defineComponent({
   }
 });
 
-const _hoisted_1$K = ["aria-disabled"];
+const _hoisted_1$N = ["aria-disabled"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("tr", {
     class: normalizeClass(["file-explorer-item-base", {
@@ -5670,9 +5726,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-disabled": _ctx.disabled ? "true" : void 0
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 10, _hoisted_1$K);
+  ], 10, _hoisted_1$N);
 }
-const FileExplorerItemBase = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render], ["__scopeId", "data-v-aad38d13"]]);
+const FileExplorerItemBase = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render], ["__scopeId", "data-v-aad38d13"]]);
 
 const INVALID_NAME_CHARACTERS = /[*?#:";<>%~|/\\]/;
 const NAME_CHAR_LIMIT = 255;
@@ -5711,35 +5767,25 @@ const useNameValidator = (options) => {
   };
 };
 
-const filterSlotsForDynamicColumns = (slots) => {
-  const result = {};
-  for (const [key, value] of Object.entries(slots)) {
-    if (key.startsWith("dynamicColumn")) {
-      result[key] = value;
-    }
-  }
-  return result;
-};
-
-const _hoisted_1$J = { class: "item-icon" };
-const _hoisted_2$s = {
+const _hoisted_1$M = { class: "item-icon" };
+const _hoisted_2$t = {
   key: 0,
   class: "open-indicator"
 };
-const _hoisted_3$l = {
+const _hoisted_3$m = {
   key: 0,
   class: "inner"
 };
-const _hoisted_4$j = {
+const _hoisted_4$k = {
   key: 0,
   class: "item-error"
 };
-const _hoisted_5$b = { class: "inner" };
+const _hoisted_5$c = { class: "inner" };
 const _hoisted_6$7 = {
   key: 0,
   class: /* @__PURE__ */ normalizeClass(["column"])
 };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "FileExplorerItem",
   props: {
     blacklistedNames: {},
@@ -5814,7 +5860,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     });
     const slots = useSlots();
     const dynamicColumnSlotNames = computed(
-      () => Object.keys(filterSlotsForDynamicColumns(slots))
+      () => Object.keys(slots).filter((key) => key.startsWith("dynamicColumn"))
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(FileExplorerItemBase, {
@@ -5840,8 +5886,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
         onDblclick: _cache[11] || (_cache[11] = ($event) => !unref(isRenameActive) && emit("dblclick", $event))
       }, {
         default: withCtx(() => [
-          createElementVNode("td", _hoisted_1$J, [
-            __props.item.isOpen ? (openBlock(), createElementBlock("span", _hoisted_2$s)) : createCommentVNode("", true),
+          createElementVNode("td", _hoisted_1$M, [
+            __props.item.isOpen ? (openBlock(), createElementBlock("span", _hoisted_2$t)) : createCommentVNode("", true),
             createVNode(KdsIcon, {
               name: __props.item.icon || (__props.item.isDirectory ? "folder" : "file"),
               size: "small"
@@ -5854,7 +5900,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             }]),
             "data-test-id": "item-name"
           }, [
-            !unref(isRenameActive) ? (openBlock(), createElementBlock("div", _hoisted_3$l, toDisplayString(__props.item.name), 1)) : (openBlock(), createElementBlock("div", {
+            !unref(isRenameActive) ? (openBlock(), createElementBlock("div", _hoisted_3$m, toDisplayString(__props.item.name), 1)) : (openBlock(), createElementBlock("div", {
               key: 1,
               ref_key: "renameInputContainer",
               ref: renameInputContainer,
@@ -5871,7 +5917,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
                 error: !unref(isValid),
                 onKeydown: _cache[1] || (_cache[1] = withModifiers(($event) => onRenameSubmit($event), ["stop"]))
               }, null, 8, ["modelValue", "error"]),
-              !unref(isValid) ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
+              !unref(isValid) ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
                 createElementVNode("span", null, toDisplayString(unref(errorMessage)), 1)
               ])) : createCommentVNode("", true)
             ], 512))
@@ -5883,7 +5929,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
               key: `dynamicColumn-${name}`,
               class: normalizeClass(["column", "dynamic-column"])
             }, [
-              createElementVNode("div", _hoisted_5$b, [
+              createElementVNode("div", _hoisted_5$c, [
                 renderSlot(_ctx.$slots, name, {
                   isRenameActive: unref(isRenameActive),
                   isSelected: __props.isSelected
@@ -5901,9 +5947,9 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FileExplorerItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-4811e8e8"]]);
+const FileExplorerItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-dc2117b4"]]);
 
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "FileExplorerItemBack",
   props: {
     isDragging: { type: Boolean }
@@ -5932,7 +5978,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FileExplorerItemBack = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-6053576d"]]);
+const FileExplorerItemBack = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-6053576d"]]);
 
 const getInitialState = () => ({
   anchorHistory: [],
@@ -12797,40 +12843,6 @@ const useItemDragging = (options) => {
   };
 };
 
-const defaultKeys = [
-  "Tab",
-  "ArrowUp",
-  "ArrowDown",
-  "ArrowLeft",
-  "ArrowRight",
-  " ",
-  "Enter"
-];
-const useKeyPressedUntilMouseClick = (keys = defaultKeys) => {
-  const hasUsedKeyboard = ref(false);
-  const turnKeyboardUsageOn = (event) => {
-    if (keys.includes(event.key)) {
-      hasUsedKeyboard.value = true;
-    }
-  };
-  const turnKeyboardUsageOff = () => {
-    hasUsedKeyboard.value = false;
-  };
-  onMounted(() => {
-    document.addEventListener("keydown", turnKeyboardUsageOn, {
-      capture: true
-    });
-    document.addEventListener("pointerdown", turnKeyboardUsageOff, {
-      capture: true
-    });
-  });
-  onUnmounted(() => {
-    document.removeEventListener("keydown", turnKeyboardUsageOn, true);
-    document.removeEventListener("pointerdown", turnKeyboardUsageOff, true);
-  });
-  return hasUsedKeyboard;
-};
-
 const ELEMENT_ID = "kds-file-explorer-context-menu-anchor-helper";
 const remove = () => {
   document.querySelector(`#${ELEMENT_ID}`)?.remove();
@@ -12854,12 +12866,12 @@ const popoverAnchor = {
   remove
 };
 
-const _hoisted_1$I = { class: "file-explorer" };
-const _hoisted_2$r = {
+const _hoisted_1$L = { class: "file-explorer" };
+const _hoisted_2$s = {
   key: 0,
   class: "empty"
 };
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "KdsFileExplorer",
   props: /* @__PURE__ */ mergeModels({
     activeRenamedItemId: {},
@@ -12885,7 +12897,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItemIds", "changeDirectory", "openFile", "moveItems", "dragend", "drag", "renameFile"], ["update:activeRenamedItemId"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v44ee6cb4": itemHeight.value + "px"
+      "v4225dc64": itemHeight.value + "px"
     }));
     const props = __props;
     const activeRenamedItemId = useModel(__props, "activeRenamedItemId");
@@ -13186,10 +13198,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     });
     const slots = useSlots();
     const dynamicColumnSlotNames = computed(
-      () => Object.keys(filterSlotsForDynamicColumns(slots))
+      () => Object.keys(slots).filter((key) => key.startsWith("dynamicColumn"))
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$I, [
+      return openBlock(), createElementBlock("div", _hoisted_1$L, [
         createElementVNode("table", mergeProps({
           tabindex: "0",
           class: ["scroll-container", { "keyboard-focus": unref(keyPressedUntilMouseClick) }],
@@ -13260,7 +13272,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                 hasOptionsMenu.value ? {
                   name: "optionsMenu",
                   fn: withCtx(() => [
-                    createVNode(_sfc_main$1n, {
+                    createVNode(_sfc_main$1q, {
                       tabindex: "-1",
                       "model-value": contextMenuAnchor.value?.item.id === item.id && contextMenuAnchor.value.openedBy === "optionsMenu",
                       size: __props.size === "small" ? "xsmall" : "small",
@@ -13286,7 +13298,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                 } : void 0
               ]), 1032, ["class", "disabled", "item", "is-dragging", "is-selected", "is-rename-active", "blacklisted-names", "is-dragging-enabled", "has-options-menu", "onDragstart", "onDragenter", "onDragleave", "onDragend", "onDrag", "onClick", "onContextmenu", "onKeydown", "onDrop", "onDblclick"]);
             }), 128)),
-            __props.items.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_2$r, [
+            __props.items.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_2$s, [
               createElementVNode("td", null, [
                 createVNode(KdsEmptyState, mergeProps({
                   headline: __props.emptyState?.headline ?? "Folder is empty"
@@ -13338,7 +13350,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsFileExplorer = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-da0e6dab"]]);
+const KdsFileExplorer = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-10e65eb3"]]);
 
 const kdsFileExplorerSize = {
   SMALL: "small",
@@ -13354,14 +13366,14 @@ const kdsFileExplorerDraggingAnimationModes = Object.values(
   kdsFileExplorerDraggingAnimationMode
 );
 
-const _hoisted_1$H = { class: "kds-preview-list" };
-const _hoisted_2$q = { class: "kds-preview-list-title-row" };
-const _hoisted_3$k = { class: "kds-preview-list-content" };
-const _hoisted_4$i = { class: "kds-preview-list-headline" };
-const _hoisted_5$a = ["aria-label"];
+const _hoisted_1$K = { class: "kds-preview-list" };
+const _hoisted_2$r = { class: "kds-preview-list-title-row" };
+const _hoisted_3$l = { class: "kds-preview-list-content" };
+const _hoisted_4$j = { class: "kds-preview-list-headline" };
+const _hoisted_5$b = ["aria-label"];
 const _hoisted_6$6 = { class: "kds-preview-list-show-hide" };
 const DEFAULT_MAX_VISIBLE_ITEMS = 6;
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "KdsPreviewList",
   props: /* @__PURE__ */ mergeModels({
     expanded: { type: Boolean },
@@ -13396,8 +13408,8 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       })
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1$H, [
-        createElementVNode("header", _hoisted_2$q, [
+      return openBlock(), createElementBlock("section", _hoisted_1$K, [
+        createElementVNode("header", _hoisted_2$r, [
           __props.loading && !expanded.value ? (openBlock(), createBlock(KdsLoadingSpinner, {
             key: 0,
             size: "small",
@@ -13407,10 +13419,10 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             name: __props.leadingIcon,
             size: "small"
           }, null, 8, ["name"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$k, [
-            createElementVNode("span", _hoisted_4$i, toDisplayString(props.headline), 1)
+          createElementVNode("div", _hoisted_3$l, [
+            createElementVNode("span", _hoisted_4$j, toDisplayString(props.headline), 1)
           ]),
-          __props.trailingButton ? (openBlock(), createBlock(_sfc_main$1y, normalizeProps(mergeProps({ key: 2 }, trailingButtonProps.value)), null, 16)) : createCommentVNode("", true)
+          __props.trailingButton ? (openBlock(), createBlock(_sfc_main$1B, normalizeProps(mergeProps({ key: 2 }, trailingButtonProps.value)), null, 16)) : createCommentVNode("", true)
         ]),
         withDirectives(createElementVNode("div", {
           id: bodyId,
@@ -13443,12 +13455,12 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
                 }, ["stop"]))
               }, null, 8, ["id", "text", "accessory"]);
             }), 128))
-          ], 8, _hoisted_5$a)) : createCommentVNode("", true)
+          ], 8, _hoisted_5$b)) : createCommentVNode("", true)
         ], 512), [
           [vShow, expanded.value]
         ]),
         createElementVNode("footer", _hoisted_6$6, [
-          createVNode(_sfc_main$1y, {
+          createVNode(_sfc_main$1B, {
             class: "kds-preview-list-toggle",
             label: expanded.value ? "Hide all" : "Show all",
             "trailing-icon": expanded.value ? "chevron-up" : "chevron-down",
@@ -13464,13 +13476,13 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsPreviewList = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-a11103f6"]]);
+const KdsPreviewList = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-a11103f6"]]);
 
-const _hoisted_1$G = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby"];
-const _hoisted_2$p = ["id"];
-const _hoisted_3$j = { class: "legend-text" };
-const _hoisted_4$h = { class: "kds-fieldset-content" };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$J = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_2$q = ["id"];
+const _hoisted_3$k = { class: "legend-text" };
+const _hoisted_4$i = { class: "kds-fieldset-content" };
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "BaseFieldsetWrapper",
   props: {
     id: {},
@@ -13509,7 +13521,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           id: legendId.value,
           class: "kds-fieldset-legend"
         }, [
-          withDirectives((openBlock(), createElementBlock("span", _hoisted_3$j, [
+          withDirectives((openBlock(), createElementBlock("span", _hoisted_3$k, [
             createTextVNode(toDisplayString(props.label), 1)
           ])), [
             [unref(vKdsTooltip), props.label, "truncated"]
@@ -13519,8 +13531,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             content: props.description,
             hidden: !isHovered.value
           }, null, 8, ["content", "hidden"])) : createCommentVNode("", true)
-        ], 8, _hoisted_2$p)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4$h, [
+        ], 8, _hoisted_2$q)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4$i, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         createVNode(KdsSubText, {
@@ -13530,14 +13542,14 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           validating: props.validating,
           "preserve-sub-text-space": props.preserveSubTextSpace
         }, null, 8, ["id", "sub-text", "error", "validating", "preserve-sub-text-space"])
-      ], 40, _hoisted_1$G);
+      ], 40, _hoisted_1$J);
     };
   }
 });
 
-const BaseFieldsetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-044d645d"]]);
+const BaseFieldsetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-f3228e9e"]]);
 
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "KdsCheckboxGroup",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -13617,7 +13629,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-c6536296"]]);
+const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-c6536296"]]);
 
 const kdsCheckboxGroupAlignment = {
   VERTICAL: "vertical",
@@ -13646,18 +13658,18 @@ const kdsToggleSwitchLabelPositions = Object.values(
   kdsToggleSwitchLabelPosition
 );
 
-const _hoisted_1$F = ["disabled", "aria-label", "aria-checked"];
-const _hoisted_2$o = { class: "control" };
-const _hoisted_3$i = {
+const _hoisted_1$I = ["disabled", "aria-label", "aria-checked"];
+const _hoisted_2$p = { class: "control" };
+const _hoisted_3$j = {
   class: "knob",
   "aria-hidden": "true"
 };
-const _hoisted_4$g = {
+const _hoisted_4$h = {
   key: 0,
   class: "content"
 };
-const _hoisted_5$9 = { class: "label" };
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _hoisted_5$a = { class: "label" };
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "KdsToggleSwitch",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -13697,37 +13709,37 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         role: "switch",
         onClick: handleClick
       }, [
-        createElementVNode("div", _hoisted_2$o, [
-          createElementVNode("div", _hoisted_3$i, [
+        createElementVNode("div", _hoisted_2$p, [
+          createElementVNode("div", _hoisted_3$j, [
             createVNode(KdsIcon, {
               name: isChecked.value ? "checkmark" : "x-close",
               size: __props.size === "small" ? "xsmall" : "small"
             }, null, 8, ["name", "size"])
           ])
         ]),
-        props.label ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
-          createElementVNode("span", _hoisted_5$9, toDisplayString(props.label), 1)
+        props.label ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
+          createElementVNode("span", _hoisted_5$a, toDisplayString(props.label), 1)
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$F);
+      ], 10, _hoisted_1$I);
     };
   }
 });
 
-const KdsToggleSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-417fc16d"]]);
+const KdsToggleSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-417fc16d"]]);
 
-const _hoisted_1$E = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
-const _hoisted_2$n = { class: "control" };
-const _hoisted_3$h = {
+const _hoisted_1$H = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
+const _hoisted_2$o = { class: "control" };
+const _hoisted_3$i = {
   key: 0,
   class: "dot",
   viewBox: "0 0 2 2",
   "aria-hidden": "true",
   focusable: "false"
 };
-const _hoisted_4$f = { class: "content" };
-const _hoisted_5$8 = { class: "label" };
+const _hoisted_4$g = { class: "content" };
+const _hoisted_5$9 = { class: "label" };
 const _hoisted_6$5 = ["id"];
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "KdsRadioButton",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Boolean },
@@ -13768,8 +13780,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         type: "button",
         onClick: handleClick
       }, [
-        createElementVNode("div", _hoisted_2$n, [
-          modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$h, [..._cache[0] || (_cache[0] = [
+        createElementVNode("div", _hoisted_2$o, [
+          modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$i, [..._cache[0] || (_cache[0] = [
             createElementVNode("circle", {
               cx: "1",
               cy: "1",
@@ -13777,20 +13789,20 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             }, null, -1)
           ])])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_4$f, [
-          createElementVNode("div", _hoisted_5$8, toDisplayString(props.text), 1),
+        createElementVNode("div", _hoisted_4$g, [
+          createElementVNode("div", _hoisted_5$9, toDisplayString(props.text), 1),
           props.helperText ? (openBlock(), createElementBlock("div", {
             key: 0,
             id: `${unref(id)}-helper`,
             class: "helper-text"
           }, toDisplayString(props.helperText), 9, _hoisted_6$5)) : createCommentVNode("", true)
         ])
-      ], 10, _hoisted_1$E);
+      ], 10, _hoisted_1$H);
     };
   }
 });
 
-const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-f4f6392a"]]);
+const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-f4f6392a"]]);
 
 const useRadioSelection = ({
   selectedId,
@@ -13912,7 +13924,7 @@ const useRadioSelection = ({
   };
 };
 
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "KdsRadioButtonGroup",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -13988,14 +14000,14 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-d78ed4a2"]]);
+const KdsRadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-d78ed4a2"]]);
 
-const _hoisted_1$D = ["aria-checked", "aria-label", "disabled", "tabindex"];
-const _hoisted_2$m = {
+const _hoisted_1$G = ["aria-checked", "aria-label", "disabled", "tabindex"];
+const _hoisted_2$n = {
   key: 1,
   class: "option-label"
 };
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "ValueSwitchItem",
   props: {
     selected: { type: Boolean },
@@ -14031,7 +14043,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           name: props.leadingIcon,
           size: __props.size
         }, null, 8, ["name", "size"])) : createCommentVNode("", true),
-        props.text ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$m, [
+        props.text ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$n, [
           createTextVNode(toDisplayString(props.text), 1)
         ])), [
           [unref(vKdsTooltip), props.text, "truncated"]
@@ -14041,14 +14053,14 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           name: props.trailingIcon,
           size: __props.size
         }, null, 8, ["name", "size"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$D)), [
+      ], 10, _hoisted_1$G)), [
         [unref(vKdsTooltip), props.title || void 0]
       ]);
     };
   }
 });
 
-const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-158bc82b"]]);
+const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-158bc82b"]]);
 
 const useValueSwitchIconHiding = ({
   width,
@@ -14099,7 +14111,7 @@ const useValueSwitchIconHiding = ({
   };
 };
 
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "KdsValueSwitch",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -14189,7 +14201,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-f6d51795"]]);
+const KdsValueSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-f6d51795"]]);
 
 const kdsRadioButtonGroupAlignment = {
   VERTICAL: "vertical",
@@ -14380,7 +14392,7 @@ const createKdsNumberParser = (params) => {
 
 const REPEAT_INITIAL_DELAY_MS = 400;
 const REPEAT_INTERVAL_MS = 100;
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "KdsNumberInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -14567,7 +14579,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$1y, {
+              createVNode(_sfc_main$1B, {
                 size: "xsmall",
                 variant: "outlined",
                 "leading-icon": "minus",
@@ -14579,7 +14591,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                 onPointerleave: stopRepeating,
                 onPointercancel: stopRepeating
               }, null, 8, ["ariaLabel", "disabled"]),
-              createVNode(_sfc_main$1y, {
+              createVNode(_sfc_main$1B, {
                 size: "xsmall",
                 variant: "outlined",
                 "leading-icon": "plus",
@@ -14746,8 +14758,8 @@ const removeAlphaFromHexInput = (next) => {
   return next;
 };
 
-const _hoisted_1$C = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext"];
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _hoisted_1$F = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext"];
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "ColorPickerSlider",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -14831,16 +14843,16 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         onKeydown: onKeyDown
       }, [..._cache[5] || (_cache[5] = [
         createElementVNode("div", { class: "handle" }, null, -1)
-      ])], 40, _hoisted_1$C);
+      ])], 40, _hoisted_1$F);
     };
   }
 });
 
-const ColorPickerSlider = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-f4be2bd4"]]);
+const ColorPickerSlider = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-f4be2bd4"]]);
 
-const _hoisted_1$B = { class: "kds-color-picker" };
-const _hoisted_2$l = ["aria-valuetext"];
-const _hoisted_3$g = { class: "value-inputs" };
+const _hoisted_1$E = { class: "kds-color-picker" };
+const _hoisted_2$m = ["aria-valuetext"];
+const _hoisted_3$h = { class: "value-inputs" };
 const DEFAULT_HUE_DEG = 270;
 const DEFAULT_SATURATION = 0.8;
 const DEFAULT_VALUE = 0.9;
@@ -14854,7 +14866,7 @@ const KEYBOARD_LARGE_STEP = 0.1;
 const HUE_KEYBOARD_STEP_DEG = 1;
 const HUE_KEYBOARD_LARGE_STEP_DEG = 10;
 const TO_BOTTOM_GRADIENT = "linear-gradient(to bottom, transparent, black)";
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {}
@@ -15004,7 +15016,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
         createElementVNode("div", {
           ref_key: "colorspaceEl",
           ref: colorspaceEl,
@@ -15032,7 +15044,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             class: "handle",
             style: normalizeStyle(colorspaceHandleStyle.value)
           }, null, 4)
-        ], 44, _hoisted_2$l),
+        ], 44, _hoisted_2$m),
         createVNode(ColorPickerSlider, {
           modelValue: hue.value,
           "onUpdate:modelValue": [
@@ -15067,7 +15079,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
           step: KEYBOARD_STEP,
           "large-step": KEYBOARD_LARGE_STEP
         }, null, 8, ["modelValue", "value-now", "value-text"]),
-        createElementVNode("div", _hoisted_3$g, [
+        createElementVNode("div", _hoisted_3$h, [
           createVNode(KdsTextInput, {
             "model-value": hexInputValue.value,
             ariaLabel: "Color hex value",
@@ -15075,7 +15087,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": updateFromTextValue,
             onFocusout: onHexInputFocusOut
           }, null, 8, ["model-value"]),
-          createVNode(_sfc_main$V, {
+          createVNode(_sfc_main$Y, {
             "model-value": alphaPercent.value,
             ariaLabel: "Alpha percentage",
             min: 0,
@@ -15090,7 +15102,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-6728e280"]]);
+const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-6728e280"]]);
 
 const HEX_LENGTH_1 = 1;
 const HEX_LENGTH_2 = 2;
@@ -15164,7 +15176,7 @@ const useColorInputValidationOnFocusOut = (modelValue) => {
   return { handleFocusOut };
 };
 
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "KdsColorInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -15228,7 +15240,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["color", "style"])
               ]),
               trailing: withCtx(() => [
-                createVNode(unref(_sfc_main$1n), {
+                createVNode(unref(_sfc_main$1q), {
                   modelValue: open.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
                   size: "xsmall",
@@ -15269,7 +15281,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "KdsPasswordInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -15331,7 +15343,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur
           }), {
             trailing: withCtx(() => [
-              __props.showVisibilityToggle ? (openBlock(), createBlock(_sfc_main$1n, {
+              __props.showVisibilityToggle ? (openBlock(), createBlock(_sfc_main$1q, {
                 key: 0,
                 modelValue: showValue.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showValue.value = $event),
@@ -15371,7 +15383,7 @@ const kdsPasswordInputAutocompletes = Object.values(
   kdsPasswordInputAutocomplete
 );
 
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "KdsUsernameInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -19383,17 +19395,17 @@ const sn = /*@__PURE__*/ new WeakMap, cn = /*@__PURE__*/ sn.get.bind(sn), un = /
   DateTimeFormat: Xn
 }));
 
-const _hoisted_1$A = {
+const _hoisted_1$D = {
   role: "row",
   class: "kds-date-picker-header-row"
 };
-const _hoisted_2$k = ["aria-label"];
-const _hoisted_3$f = { class: "kds-date-picker-day-grid" };
-const _hoisted_4$e = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onFocus"];
+const _hoisted_2$l = ["aria-label"];
+const _hoisted_3$g = { class: "kds-date-picker-day-grid" };
+const _hoisted_4$f = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onFocus"];
 const REFERENCE_YEAR$2 = 2024;
 const DAYS_PER_WEEK = 7;
 const TOTAL_CELLS = 42;
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "DatePickerDayGrid",
   props: {
     modelValue: {},
@@ -19688,17 +19700,17 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         role: "grid",
         "aria-label": "Calendar"
       }, [
-        createElementVNode("div", _hoisted_1$A, [
+        createElementVNode("div", _hoisted_1$D, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(DAY_LABELS), (day, i) => {
             return openBlock(), createElementBlock("div", {
               key: day,
               role: "columnheader",
               "aria-label": unref(DAY_FULL_LABELS)[i],
               class: "kds-date-picker-weekday"
-            }, toDisplayString(day), 9, _hoisted_2$k);
+            }, toDisplayString(day), 9, _hoisted_2$l);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_3$f, [
+        createElementVNode("div", _hoisted_3$g, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(weeks.value, (week, wi) => {
             return openBlock(), createElementBlock("div", {
               key: wi,
@@ -19727,7 +19739,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => selectDate(day),
                   onKeydown: onDayKeydown,
                   onFocus: ($event) => onDayFocus(day)
-                }, toDisplayString(day.day), 43, _hoisted_4$e);
+                }, toDisplayString(day.day), 43, _hoisted_4$f);
               }), 128))
             ]);
           }), 128))
@@ -19737,13 +19749,13 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const DatePickerDayGrid = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-51807b35"]]);
+const DatePickerDayGrid = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-51807b35"]]);
 
-const _hoisted_1$z = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onKeydown", "onFocus"];
+const _hoisted_1$C = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onKeydown", "onFocus"];
 const REFERENCE_YEAR$1 = 2024;
 const MONTHS_PER_YEAR$1 = 12;
 const MONTH_GRID_COLS = 3;
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "DatePickerMonthGrid",
   props: {
     modelValue: {},
@@ -19933,7 +19945,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => selectMonth(cell.month),
                 onKeydown: ($event) => onKeydown($event, cell.month),
                 onFocus: ($event) => focusedCell.value = cell.month
-              }, toDisplayString(cell.label), 43, _hoisted_1$z);
+              }, toDisplayString(cell.label), 43, _hoisted_1$C);
             }), 128))
           ]);
         }), 128))
@@ -19942,12 +19954,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const DatePickerMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-63d96e84"]]);
+const DatePickerMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-63d96e84"]]);
 
-const _hoisted_1$y = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onKeydown", "onFocus"];
+const _hoisted_1$B = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onKeydown", "onFocus"];
 const YEAR_PAGE_SIZE$1 = 15;
 const YEAR_GRID_COLS = 3;
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "DatePickerYearGrid",
   props: {
     modelValue: {},
@@ -20105,7 +20117,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => selectYear(cell.year),
                 onKeydown: ($event) => onKeydown($event, cell.year),
                 onFocus: ($event) => focusedCell.value = cell.year
-              }, toDisplayString(cell.label), 43, _hoisted_1$y);
+              }, toDisplayString(cell.label), 43, _hoisted_1$B);
             }), 128))
           ]);
         }), 128))
@@ -20114,22 +20126,22 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-const DatePickerYearGrid = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-270d55b9"]]);
+const DatePickerYearGrid = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-270d55b9"]]);
 
-const _hoisted_1$x = { class: "kds-date-picker" };
-const _hoisted_2$j = { class: "kds-date-picker-header" };
-const _hoisted_3$e = { class: "kds-date-picker-nav-block" };
-const _hoisted_4$d = {
+const _hoisted_1$A = { class: "kds-date-picker" };
+const _hoisted_2$k = { class: "kds-date-picker-header" };
+const _hoisted_3$f = { class: "kds-date-picker-nav-block" };
+const _hoisted_4$e = {
   key: 1,
   class: "kds-date-picker-header-static-label",
   "aria-live": "polite"
 };
-const _hoisted_5$7 = { class: "kds-date-picker-nav-block" };
+const _hoisted_5$8 = { class: "kds-date-picker-nav-block" };
 const _hoisted_6$4 = { class: "kds-date-picker-body" };
 const MONTHS_PER_YEAR = 12;
 const YEAR_PAGE_SIZE = 15;
 const REFERENCE_YEAR = 2024;
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "KdsDatePicker",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -20326,10 +20338,10 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     });
     __expose({ focus });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
-        createElementVNode("div", _hoisted_2$j, [
-          createElementVNode("div", _hoisted_3$e, [
-            view.value === "day" ? (openBlock(), createBlock(_sfc_main$1y, {
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+        createElementVNode("div", _hoisted_2$k, [
+          createElementVNode("div", _hoisted_3$f, [
+            view.value === "day" ? (openBlock(), createBlock(_sfc_main$1B, {
               key: 0,
               variant: "transparent",
               size: "small",
@@ -20338,7 +20350,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               disabled: prevYearDisabled.value,
               onClick: onPrevYear
             }, null, 8, ["disabled"])) : createCommentVNode("", true),
-            createVNode(_sfc_main$1y, {
+            createVNode(_sfc_main$1B, {
               variant: "transparent",
               size: "small",
               "leading-icon": "chevron-left",
@@ -20347,16 +20359,16 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               onClick: onPrev
             }, null, 8, ["ariaLabel", "disabled"])
           ]),
-          view.value !== "year" ? (openBlock(), createBlock(_sfc_main$1y, {
+          view.value !== "year" ? (openBlock(), createBlock(_sfc_main$1B, {
             key: 0,
             class: "kds-date-picker-header-label",
             variant: "transparent",
             size: "small",
             label: headerLabel.value,
             onClick: onHeaderLabelClick
-          }, null, 8, ["label"])) : (openBlock(), createElementBlock("div", _hoisted_4$d, toDisplayString(headerLabel.value), 1)),
-          createElementVNode("div", _hoisted_5$7, [
-            createVNode(_sfc_main$1y, {
+          }, null, 8, ["label"])) : (openBlock(), createElementBlock("div", _hoisted_4$e, toDisplayString(headerLabel.value), 1)),
+          createElementVNode("div", _hoisted_5$8, [
+            createVNode(_sfc_main$1B, {
               variant: "transparent",
               size: "small",
               "leading-icon": "chevron-right",
@@ -20364,7 +20376,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               disabled: nextDisabled.value,
               onClick: onNext
             }, null, 8, ["ariaLabel", "disabled"]),
-            view.value === "day" ? (openBlock(), createBlock(_sfc_main$1y, {
+            view.value === "day" ? (openBlock(), createBlock(_sfc_main$1B, {
               key: 0,
               variant: "transparent",
               size: "small",
@@ -20416,7 +20428,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-e46d7e18"]]);
+const KdsDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-e46d7e18"]]);
 
 const YEAR_END_INDEX = 4;
 const MONTH_START_INDEX = 4;
@@ -20519,7 +20531,7 @@ const useDateInputMask = (modelValue) => {
 
 const incompleteDateMessage = "Invalid date format. Please provide year (YYYY), month (MM), and day (DD).";
 const MONTH_NAME_SAMPLE_YEAR = 2001;
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "KdsDateInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -20649,7 +20661,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             onBlur: onTextInputBlur
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$1n, {
+              createVNode(_sfc_main$1q, {
                 modelValue: popoverIsVisible.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => popoverIsVisible.value = $event),
                 size: "xsmall",
@@ -20698,8 +20710,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$w = { class: "kds-date-time-format-popover" };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _hoisted_1$z = { class: "kds-date-time-format-popover" };
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "DateTimeFormatPopover",
   props: /* @__PURE__ */ mergeModels({
     selection: {},
@@ -20838,7 +20850,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       }));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         modeOptions.value.length > 1 ? (openBlock(), createBlock(KdsValueSwitch, {
           key: 0,
           "model-value": effectiveSelectedMode.value,
@@ -20870,9 +20882,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const DateTimeFormatPopover = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-5c547e68"]]);
+const DateTimeFormatPopover = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-5c547e68"]]);
 
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "KdsDateTimeFormatInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -20920,7 +20932,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               autocomplete: props.autocomplete
             }), {
               trailing: withCtx(() => [
-                createVNode(unref(_sfc_main$1n), {
+                createVNode(unref(_sfc_main$1q), {
                   modelValue: open.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
                   size: "xsmall",
@@ -21007,7 +21019,7 @@ const buildRegexFromPatternInput = (input, options) => {
   return `^(?!.*${withCase}).*$`;
 };
 
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "KdsPatternInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -21094,7 +21106,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             clearable: ""
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$1n, {
+              createVNode(_sfc_main$1q, {
                 modelValue: caseSensitive.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => caseSensitive.value = $event),
                 size: "xsmall",
@@ -21104,7 +21116,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 ariaLabel: "Case sensitivity",
                 disabled: __props.disabled
               }, null, 8, ["modelValue", "title", "disabled"]),
-              createVNode(_sfc_main$1n, {
+              createVNode(_sfc_main$1q, {
                 modelValue: excludeMatches.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => excludeMatches.value = $event),
                 size: "xsmall",
@@ -21114,7 +21126,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 ariaLabel: "Exclude matches",
                 disabled: __props.disabled
               }, null, 8, ["modelValue", "title", "disabled"]),
-              createVNode(_sfc_main$1n, {
+              createVNode(_sfc_main$1q, {
                 modelValue: useRegex.value,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => useRegex.value = $event),
                 size: "xsmall",
@@ -21134,7 +21146,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "KdsSearchInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -21288,11 +21300,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-37efab14"]]);
+const KdsSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-37efab14"]]);
 
-const _hoisted_1$v = ["rows", "placeholder", "disabled", "autocomplete"];
+const _hoisted_1$y = ["rows", "placeholder", "disabled", "autocomplete"];
 const DEFAULT_ROWS = 3;
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "KdsTextarea",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -21359,7 +21371,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             placeholder: __props.placeholder,
             disabled: __props.disabled,
             autocomplete: props.autocomplete
-          }), null, 16, _hoisted_1$v), [
+          }), null, 16, _hoisted_1$y), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -21369,16 +21381,16 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-36211819"]]);
+const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-36211819"]]);
 
-const _hoisted_1$u = { class: "kds-time-picker" };
-const _hoisted_2$i = { class: "kds-time-picker-fields" };
-const _hoisted_3$d = { class: "kds-time-picker-fields" };
-const _hoisted_4$c = {
+const _hoisted_1$x = { class: "kds-time-picker" };
+const _hoisted_2$j = { class: "kds-time-picker-fields" };
+const _hoisted_3$e = { class: "kds-time-picker-fields" };
+const _hoisted_4$d = {
   key: 0,
   class: "kds-time-picker-fields"
 };
-const _hoisted_5$6 = {
+const _hoisted_5$7 = {
   key: 1,
   class: "kds-time-picker-actions"
 };
@@ -21390,7 +21402,7 @@ const MAX_HOUR = 23;
 const MAX_MINUTE = 59;
 const MAX_SECOND = 59;
 const MAX_MILLISECOND = 999;
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "TimePicker",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -21478,9 +21490,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
-        createElementVNode("div", _hoisted_2$i, [
-          createVNode(_sfc_main$V, {
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+        createElementVNode("div", _hoisted_2$j, [
+          createVNode(_sfc_main$Y, {
             ref: "hourInput",
             modelValue: hour.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hour.value = $event),
@@ -21490,7 +21502,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             max: MAX_HOUR,
             step: 1
           }, null, 8, ["modelValue"]),
-          createVNode(_sfc_main$V, {
+          createVNode(_sfc_main$Y, {
             modelValue: minute.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => minute.value = $event),
             class: "kds-time-picker-field",
@@ -21505,8 +21517,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           class: "kds-time-picker-divider"
         })) : createCommentVNode("", true),
         showSecondInput.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("div", _hoisted_3$d, [
-            createVNode(_sfc_main$V, {
+          createElementVNode("div", _hoisted_3$e, [
+            createVNode(_sfc_main$Y, {
               ref: "secondInput",
               modelValue: second.value,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => second.value = $event),
@@ -21516,7 +21528,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               max: MAX_SECOND,
               step: 1
             }, null, 8, ["modelValue"]),
-            createVNode(_sfc_main$1y, {
+            createVNode(_sfc_main$1B, {
               class: "kds-time-picker-field-trash",
               variant: "transparent",
               "leading-icon": "trash",
@@ -21525,8 +21537,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               onClick: removeSeconds
             })
           ]),
-          showMillisecondInput.value ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
-            createVNode(_sfc_main$V, {
+          showMillisecondInput.value ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
+            createVNode(_sfc_main$Y, {
               ref: "millisecondInput",
               modelValue: millisecond.value,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => millisecond.value = $event),
@@ -21539,7 +21551,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               max: MAX_MILLISECOND,
               step: 1
             }, null, 8, ["modelValue"]),
-            createVNode(_sfc_main$1y, {
+            createVNode(_sfc_main$1B, {
               class: "kds-time-picker-field-trash",
               variant: "transparent",
               "leading-icon": "trash",
@@ -21547,8 +21559,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               title: "Remove milliseconds",
               onClick: removeMilliseconds
             })
-          ])) : __props.maxGranularity === "millisecond" ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
-            createVNode(_sfc_main$1y, {
+          ])) : __props.maxGranularity === "millisecond" ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+            createVNode(_sfc_main$1B, {
               variant: "outlined",
               size: "small",
               "leading-icon": "plus",
@@ -21557,7 +21569,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             })
           ])) : createCommentVNode("", true)
         ], 64)) : __props.maxGranularity !== "minute" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
-          createVNode(_sfc_main$1y, {
+          createVNode(_sfc_main$1B, {
             variant: "outlined",
             size: "small",
             "leading-icon": "plus",
@@ -21570,7 +21582,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const TimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-0b8a4eba"]]);
+const TimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-0b8a4eba"]]);
 
 const HOURS_END_INDEX = 2;
 const MINUTES_START_INDEX = 2;
@@ -21780,7 +21792,7 @@ const useTimeInputMask = (modelValue, granularityRef) => {
 };
 
 const invalidTimeMessage = "The entered time is invalid.";
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "KdsTimeInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -21897,7 +21909,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             onBlur: onTextInputBlur
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$1n, {
+              createVNode(_sfc_main$1q, {
                 modelValue: popoverIsVisible.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => popoverIsVisible.value = $event),
                 size: "xsmall",
@@ -22159,11 +22171,11 @@ const stripInactiveFields = (duration, usedFormat) => {
 };
 const toTitleCase = (key) => key.charAt(0).toUpperCase() + key.slice(1).toLowerCase();
 
-const _hoisted_1$t = { class: "kds-interval-popover" };
-const _hoisted_2$h = { class: "kds-interval-popover-header" };
-const _hoisted_3$c = { class: "kds-interval-popover-content" };
-const _hoisted_4$b = { class: "kds-interval-popover-grid" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$w = { class: "kds-interval-popover" };
+const _hoisted_2$i = { class: "kds-interval-popover-header" };
+const _hoisted_3$d = { class: "kds-interval-popover-content" };
+const _hoisted_4$c = { class: "kds-interval-popover-grid" };
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "IntervalInputPopover",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -22259,8 +22271,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
-        createElementVNode("div", _hoisted_2$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+        createElementVNode("div", _hoisted_2$i, [
           _cache[2] || (_cache[2] = createElementVNode("span", { class: "kds-interval-popover-title" }, "Interval value", -1)),
           props.format === unref(kdsIntervalInputFormat).DATE_OR_TIME ? (openBlock(), createBlock(unref(KdsValueSwitch), {
             key: 0,
@@ -22272,7 +22284,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           }, null, 8, ["modelValue"])) : createCommentVNode("", true)
         ]),
         _cache[3] || (_cache[3] = createElementVNode("div", { class: "kds-interval-popover-divider" }, null, -1)),
-        createElementVNode("div", _hoisted_3$c, [
+        createElementVNode("div", _hoisted_3$d, [
           props.allowDescending ? (openBlock(), createBlock(unref(KdsValueSwitch), {
             key: 0,
             modelValue: direction.value,
@@ -22282,9 +22294,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             variant: "muted",
             "possible-values": directionOptions
           }, null, 8, ["modelValue"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$b, [
+          createElementVNode("div", _hoisted_4$c, [
             mode.value === unref(kdsIntervalInputFormat).DATE ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(periodNumericKeys), (key) => {
-              return openBlock(), createBlock(unref(_sfc_main$V), {
+              return openBlock(), createBlock(unref(_sfc_main$Y), {
                 key,
                 "model-value": activeFields.value[key],
                 label: fieldLabels[key] ?? unref(toTitleCase)(key),
@@ -22294,7 +22306,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": ($event) => updateField(key, $event)
               }, null, 8, ["model-value", "label", "max", "onUpdate:modelValue"]);
             }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(durationNumericKeys), (key) => {
-              return openBlock(), createBlock(unref(_sfc_main$V), {
+              return openBlock(), createBlock(unref(_sfc_main$Y), {
                 key,
                 "model-value": activeFields.value[key],
                 label: fieldLabels[key] ?? unref(toTitleCase)(key),
@@ -22311,9 +22323,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const IntervalInputPopover = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-02541fd1"]]);
+const IntervalInputPopover = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-02541fd1"]]);
 
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "KdsIntervalInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -22476,7 +22488,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               onKeydown: withKeys(withModifiers(commitTypedInput, ["prevent"]), ["enter"])
             }), {
               trailing: withCtx(() => [
-                createVNode(unref(_sfc_main$1n), {
+                createVNode(unref(_sfc_main$1q), {
                   modelValue: isPopoverOpen.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isPopoverOpen.value = $event),
                   size: "xsmall",
@@ -22525,8 +22537,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$s = { class: "kds-date-time-input" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = { class: "kds-date-time-input" };
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "KdsDateTimeInput",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -22600,8 +22612,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         "preserve-sub-text-space": __props.preserveSubTextSpace
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$s, [
-            createVNode(_sfc_main$L, {
+          createElementVNode("div", _hoisted_1$v, [
+            createVNode(_sfc_main$O, {
               ref_key: "dateInput",
               ref: dateInput,
               "aria-label": "Date",
@@ -22612,7 +22624,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               "max-date": __props.maxDate,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => datePart.value = $event)
             }, null, 8, ["model-value", "disabled", "error", "min-date", "max-date"]),
-            createVNode(_sfc_main$E, {
+            createVNode(_sfc_main$H, {
               ref_key: "timeInput",
               ref: timeInput,
               "aria-label": "Time",
@@ -22632,21 +22644,21 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsDateTimeInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-f2ad3cef"]]);
+const KdsDateTimeInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-f2ad3cef"]]);
 
-const _hoisted_1$r = ["id", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-controls", "disabled"];
-const _hoisted_2$g = {
+const _hoisted_1$u = ["id", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-controls", "disabled"];
+const _hoisted_2$h = {
   key: 0,
   class: "leading",
   "aria-hidden": "true"
 };
-const _hoisted_3$b = ["id"];
-const _hoisted_4$a = {
+const _hoisted_3$c = ["id"];
+const _hoisted_4$b = {
   class: "trailing",
   "aria-hidden": "true"
 };
 const TRIGGER_REF = "triggerEl";
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "BaseDropdown",
   props: /* @__PURE__ */ mergeModels({
     text: {},
@@ -22726,8 +22738,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && emit("click")),
         onKeydown
       }, [
-        props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$g, [
-          createVNode(_sfc_main$1l, {
+        props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$h, [
+          createVNode(_sfc_main$1o, {
             accessory: props.accessory,
             size: "medium"
           }, null, 8, ["accessory"])
@@ -22738,28 +22750,28 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             placeholder: !props.text && !__props.disabled,
             missing: __props.missing
           }])
-        }, toDisplayString(props.text ?? props.placeholder), 11, _hoisted_3$b),
-        createElementVNode("span", _hoisted_4$a, [
+        }, toDisplayString(props.text ?? props.placeholder), 11, _hoisted_3$c),
+        createElementVNode("span", _hoisted_4$b, [
           createVNode(KdsIcon, {
             name: open.value ? "chevron-up" : "chevron-down",
             size: "small"
           }, null, 8, ["name"])
         ])
-      ], 42, _hoisted_1$r);
+      ], 42, _hoisted_1$u);
     };
   }
 });
 
-const BaseDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-1bb2d375"]]);
+const BaseDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-1bb2d375"]]);
 
 const DROPDOWN_SEARCH_THRESHOLD = 12;
 
-const _hoisted_1$q = { class: "kds-dropdown-container" };
-const _hoisted_2$f = {
+const _hoisted_1$t = { class: "kds-dropdown-container" };
+const _hoisted_2$g = {
   key: 0,
   class: "kds-dropdown-container-sticky-top"
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "DropdownContainer",
   props: /* @__PURE__ */ mergeModels({
     emptyText: {},
@@ -22843,8 +22855,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+        searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           createVNode(BaseInput, {
             ref_key: "searchEl",
             ref: searchEl,
@@ -22876,9 +22888,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const DropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-0a6ce241"]]);
+const DropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0a6ce241"]]);
 
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "KdsDropdown",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "Select" },
@@ -22994,9 +23006,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$p = { class: "kds-zoned-date-time-input" };
-const _hoisted_2$e = { class: "date-time-row" };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = { class: "kds-zoned-date-time-input" };
+const _hoisted_2$f = { class: "date-time-row" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "KdsZonedDateTimeInput",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -23107,9 +23119,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         "preserve-sub-text-space": __props.preserveSubTextSpace
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$p, [
-            createElementVNode("div", _hoisted_2$e, [
-              createVNode(_sfc_main$L, {
+          createElementVNode("div", _hoisted_1$s, [
+            createElementVNode("div", _hoisted_2$f, [
+              createVNode(_sfc_main$O, {
                 ref_key: "dateInput",
                 ref: dateInput,
                 "aria-label": "Date",
@@ -23118,7 +23130,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                 error: __props.error,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => datePart.value = $event)
               }, null, 8, ["model-value", "disabled", "error"]),
-              createVNode(_sfc_main$E, {
+              createVNode(_sfc_main$H, {
                 ref_key: "timeInput",
                 ref: timeInput,
                 "aria-label": "Time",
@@ -23131,7 +23143,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                 "onUpdate:granularity": _cache[2] || (_cache[2] = ($event) => granularity.value = $event)
               }, null, 8, ["model-value", "granularity", "max-granularity", "disabled", "error"])
             ]),
-            createVNode(_sfc_main$y, {
+            createVNode(_sfc_main$B, {
               modelValue: timeZonePart.value,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => timeZonePart.value = $event),
               "possible-values": __props.possibleValues ?? [],
@@ -23147,11 +23159,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsZonedDateTimeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-7dcebccd"]]);
+const KdsZonedDateTimeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-7dcebccd"]]);
 
-const _hoisted_1$o = ["disabled"];
-const _hoisted_2$d = { class: "label" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$r = ["disabled"];
+const _hoisted_2$e = { class: "label" };
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "KdsListItemButton",
   props: {
     label: {},
@@ -23174,28 +23186,28 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           size: "small",
           disabled: __props.disabled
         }, null, 8, ["name", "disabled"]),
-        withDirectives((openBlock(), createElementBlock("span", _hoisted_2$d, [
+        withDirectives((openBlock(), createElementBlock("span", _hoisted_2$e, [
           createTextVNode(toDisplayString(props.label), 1)
         ])), [
           [unref(vKdsTooltip), props.label, "truncated"]
         ])
-      ], 8, _hoisted_1$o);
+      ], 8, _hoisted_1$r);
     };
   }
 });
 
-const KdsListItemButton = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-12d42f4a"]]);
+const KdsListItemButton = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-12d42f4a"]]);
 
-const _hoisted_1$n = { class: "kds-multi-select-dropdown-options" };
-const _hoisted_2$c = {
+const _hoisted_1$q = { class: "kds-multi-select-dropdown-options" };
+const _hoisted_2$d = {
   key: 0,
   class: "kds-multi-select-dropdown-search"
 };
-const _hoisted_3$a = {
+const _hoisted_3$b = {
   key: 1,
   class: "kds-multi-select-dropdown-footer"
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "MultiSelectDropdownContainer",
   props: /* @__PURE__ */ mergeModels({
     emptyText: {},
@@ -23318,8 +23330,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+        searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
           createVNode(BaseInput, {
             ref_key: "searchEl",
             ref: searchEl,
@@ -23348,7 +23360,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           "aria-label": "Dropdown options",
           onItemClick: _cache[4] || (_cache[4] = ($event) => $event !== void 0 && onItemClick($event))
         }, null, 8, ["class", "possible-values", "loading", "empty-text", "controlled-externally"]),
-        !__props.loading && visibleEnabledIds.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
+        !__props.loading && visibleEnabledIds.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
           createVNode(unref(KdsListItemButton), {
             label: anyVisibleSelected.value ? "Clear all" : "Select all",
             "leading-icon": anyVisibleSelected.value ? "trash" : "checkmark",
@@ -23361,9 +23373,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const MultiSelectDropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-68fe366f"]]);
+const MultiSelectDropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-68fe366f"]]);
 
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "KdsMultiSelectDropdown",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "Select" },
@@ -23507,9 +23519,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$m = { class: "kds-resize-handle-area" };
-const _hoisted_2$b = ["aria-label"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = { class: "kds-resize-handle-area" };
+const _hoisted_2$c = ["aria-label"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "ResizeHandle",
   props: {
     numberOfHandles: { default: 1 },
@@ -23531,7 +23543,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return `calc((100% - ${n - 1} * ${gap}) / ${2 * n})`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedNumberOfHandles.value, (i) => {
           return openBlock(), createElementBlock("button", {
             key: i,
@@ -23540,22 +23552,22 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             type: "button"
           }, [..._cache[0] || (_cache[0] = [
             createElementVNode("span", { class: "kds-resize-handle-line" }, null, -1)
-          ])], 8, _hoisted_2$b);
+          ])], 8, _hoisted_2$c);
         }), 128))
       ]);
     };
   }
 });
 
-const ResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-df3803d4"]]);
+const ResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-df3803d4"]]);
 
-const _hoisted_1$l = {
+const _hoisted_1$o = {
   ref: "content",
   class: "kds-resize-container-content"
 };
 const DEFAULT_INITIAL_HEIGHT = 200;
 const KEYBOARD_RESIZE_STEP = 10;
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "KdsResizeContainer",
   props: {
     height: { default: () => DEFAULT_INITIAL_HEIGHT },
@@ -23618,7 +23630,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["kds-resize-container", { dragging: unref(activePointerId) !== null }])
       }, [
-        createElementVNode("div", _hoisted_1$l, [
+        createElementVNode("div", _hoisted_1$o, [
           renderSlot(_ctx.$slots, "default", { contentStyle: contentStyle.value }, void 0, true)
         ], 512),
         createVNode(ResizeHandle, {
@@ -23636,7 +23648,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsResizeContainer = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-46b33b01"]]);
+const KdsResizeContainer = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-7aabab3a"]]);
 
 const CLICK_META_KEY_TIMEOUT = 250;
 const useMultiSelectListBoxSelection = ({
@@ -23928,17 +23940,17 @@ const useMultiSelectListBoxSelection = ({
   };
 };
 
-const _hoisted_1$k = ["id", "tabindex", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-activedescendant", "aria-disabled", "onKeydown"];
-const _hoisted_2$a = { class: "kds-multiselect-list-box-content-grid" };
-const _hoisted_3$9 = {
+const _hoisted_1$n = ["id", "tabindex", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-activedescendant", "aria-disabled", "onKeydown"];
+const _hoisted_2$b = { class: "kds-multiselect-list-box-content-grid" };
+const _hoisted_3$a = {
   key: 0,
   class: "kds-multiselect-sticky-bottom"
 };
-const _hoisted_4$9 = {
+const _hoisted_4$a = {
   key: 0,
   class: "kds-multiselect-empty"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "KdsMultiSelectListBox",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -24192,7 +24204,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                   onBlur: _cache[17] || (_cache[17] = //@ts-ignore
                   (...args) => unref(onBlur) && unref(onBlur)(...args))
                 }), [
-                  createElementVNode("div", _hoisted_2$a, [
+                  createElementVNode("div", _hoisted_2$b, [
                     createElementVNode("div", mergeProps({ class: "kds-multiselect-list-box-content" }, unref(wrapperProps)), [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualList), ({ data: item, index }) => {
                         return openBlock(), createBlock(unref(KdsListItem), {
@@ -24219,7 +24231,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["id", "class", "text", "accessory", "missing", "special", "data-option-index", "selected", "disabled", "active", "trailing-icon", "onDblclick", "onClick"]);
                       }), 128))
                     ], 16),
-                    visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+                    visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
                       createVNode(unref(KdsListItem), {
                         id: generateOptionId(visibleBottomValue.value.id),
                         text: visibleBottomValue.value.text,
@@ -24239,8 +24251,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["id", "text", "accessory", "missing", "data-option-index", "selected", "disabled", "active", "trailing-icon"])
                     ])) : createCommentVNode("", true)
                   ])
-                ], 16, _hoisted_1$k),
-                visiblePossibleValues.value.length === 0 && !visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
+                ], 16, _hoisted_1$n),
+                visiblePossibleValues.value.length === 0 && !visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
                   createVNode(KdsEmptyState, {
                     headline: __props.loading ? "Loading data…" : __props.emptyStateLabel,
                     "loading-spinner": __props.loading,
@@ -24258,16 +24270,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsMultiSelectListBox = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-06a9fd0e"]]);
+const KdsMultiSelectListBox = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-06a9fd0e"]]);
 
-const _hoisted_1$j = { class: "kds-list-column" };
-const _hoisted_2$9 = { class: "kds-list-header" };
-const _hoisted_3$8 = { class: "kds-list-label" };
-const _hoisted_4$8 = {
+const _hoisted_1$m = { class: "kds-list-column" };
+const _hoisted_2$a = { class: "kds-list-header" };
+const _hoisted_3$9 = { class: "kds-list-label" };
+const _hoisted_4$9 = {
   key: 0,
   class: "kds-list-count"
 };
-const _hoisted_5$5 = { class: "kds-button-column" };
+const _hoisted_5$6 = { class: "kds-button-column" };
 const _hoisted_6$2 = { class: "kds-list-column" };
 const _hoisted_7$1 = { class: "kds-list-header" };
 const _hoisted_8$1 = { class: "kds-list-label" };
@@ -24276,7 +24288,7 @@ const _hoisted_9$1 = {
   class: "kds-list-count"
 };
 const UNKNOWN_VALUE_ID = "__unknown-value-option__";
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "TwinListBody",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -24450,10 +24462,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             class: "kds-twin-list-body",
             style: normalizeStyle(contentStyle)
           }, [
-            createElementVNode("div", _hoisted_1$j, [
-              createElementVNode("div", _hoisted_2$9, [
-                createElementVNode("span", _hoisted_3$8, toDisplayString(__props.excludeLabel), 1),
-                !__props.loading && __props.searchTerm ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(leftOptions.value.length) + " of " + toDisplayString(excludedItems.value.length), 1)) : createCommentVNode("", true)
+            createElementVNode("div", _hoisted_1$m, [
+              createElementVNode("div", _hoisted_2$a, [
+                createElementVNode("span", _hoisted_3$9, toDisplayString(__props.excludeLabel), 1),
+                !__props.loading && __props.searchTerm ? (openBlock(), createElementBlock("span", _hoisted_4$9, toDisplayString(leftOptions.value.length) + " of " + toDisplayString(excludedItems.value.length), 1)) : createCommentVNode("", true)
               ]),
               createVNode(unref(KdsMultiSelectListBox), {
                 modelValue: leftSelected.value,
@@ -24472,8 +24484,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 onKeyEnter: moveRight
               }, null, 8, ["modelValue", "possible-values", "ariaLabel", "disabled", "error", "loading", "empty-state-label", "bottom-value"])
             ]),
-            createElementVNode("div", _hoisted_5$5, [
-              createVNode(unref(_sfc_main$1y), {
+            createElementVNode("div", _hoisted_5$6, [
+              createVNode(unref(_sfc_main$1B), {
                 "leading-icon": "chevron-right",
                 ariaLabel: "Move selected values right",
                 title: "Move selected values right",
@@ -24482,7 +24494,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 disabled: effectiveDisabled.value || leftSelected.value.length === 0,
                 onClick: _cache[2] || (_cache[2] = ($event) => moveRight(leftSelected.value))
               }, null, 8, ["disabled"]),
-              createVNode(unref(_sfc_main$1y), {
+              createVNode(unref(_sfc_main$1B), {
                 "leading-icon": "chevron-right-double",
                 ariaLabel: "Move all values right",
                 title: "Move all values right",
@@ -24494,7 +24506,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                   ...showUnknownValues.value && !modelValue.value.includeUnknownValues ? [UNKNOWN_VALUE_ID] : []
                 ]))
               }, null, 8, ["disabled"]),
-              createVNode(unref(_sfc_main$1y), {
+              createVNode(unref(_sfc_main$1B), {
                 "leading-icon": "chevron-left",
                 ariaLabel: "Move selected values left",
                 title: "Move selected values left",
@@ -24503,7 +24515,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 disabled: effectiveDisabled.value || rightSelected.value.length === 0,
                 onClick: _cache[4] || (_cache[4] = ($event) => moveLeft(rightSelected.value))
               }, null, 8, ["disabled"]),
-              createVNode(unref(_sfc_main$1y), {
+              createVNode(unref(_sfc_main$1B), {
                 "leading-icon": "chevron-left-double",
                 ariaLabel: "Move all values left",
                 title: "Move all values left",
@@ -24546,7 +24558,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const TwinListBody = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-eb1bc043"]]);
+const TwinListBody = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-eb1bc043"]]);
 
 const kdsTwinListSearchMode = {
   MANUAL: "manual",
@@ -24555,7 +24567,7 @@ const kdsTwinListSearchMode = {
 };
 const kdsTwinListSearchModes = Object.values(kdsTwinListSearchMode);
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "TwinListHeader",
   props: /* @__PURE__ */ mergeModels({
     filterTypes: { default: () => void 0 },
@@ -24631,7 +24643,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           ariaLabel: "Search values",
           placeholder: "Search",
           disabled: __props.disabled
-        }, null, 8, ["modelValue", "disabled"])) : mode.value === unref(kdsTwinListSearchMode).PATTERN ? (openBlock(), createBlock(unref(_sfc_main$I), {
+        }, null, 8, ["modelValue", "disabled"])) : mode.value === unref(kdsTwinListSearchMode).PATTERN ? (openBlock(), createBlock(unref(_sfc_main$L), {
           key: 2,
           modelValue: pattern.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => pattern.value = $event),
@@ -24645,7 +24657,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           placeholder: "Pattern",
           disabled: __props.disabled,
           "onUpdate:regex": _cache[6] || (_cache[6] = ($event) => emit("update:regex", $event))
-        }, null, 8, ["modelValue", "case-sensitive", "exclude-matches", "use-regex", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$u), {
+        }, null, 8, ["modelValue", "case-sensitive", "exclude-matches", "use-regex", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$x), {
           key: 3,
           modelValue: selectedTypes.value,
           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => selectedTypes.value = $event),
@@ -24659,8 +24671,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$i = { class: "kds-twin-list" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = { class: "kds-twin-list" };
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "KdsTwinList",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -24800,8 +24812,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         "preserve-sub-text-space": __props.preserveSubTextSpace
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$i, [
-            createVNode(_sfc_main$p, {
+          createElementVNode("div", _hoisted_1$l, [
+            createVNode(_sfc_main$s, {
               mode: mode.value,
               "onUpdate:mode": _cache[0] || (_cache[0] = ($event) => mode.value = $event),
               pattern: pattern.value,
@@ -24842,7 +24854,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsTwinList = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-1a9327b5"]]);
+const KdsTwinList = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-1a9327b5"]]);
 
 const useSortableListBoxReorder = ({
   orderedIds,
@@ -24901,11 +24913,11 @@ const useSortableListBoxReorder = ({
   };
 };
 
-const _hoisted_1$h = { class: "kds-sortable-list-box-wrapper" };
-const _hoisted_2$8 = { class: "kds-sortable-top-buttons" };
-const _hoisted_3$7 = { class: "kds-sortable-top-buttons-left" };
-const _hoisted_4$7 = { class: "kds-sortable-footer-buttons" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = { class: "kds-sortable-list-box-wrapper" };
+const _hoisted_2$9 = { class: "kds-sortable-top-buttons" };
+const _hoisted_3$8 = { class: "kds-sortable-top-buttons-left" };
+const _hoisted_4$8 = { class: "kds-sortable-footer-buttons" };
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "KdsSortableListBox",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -24963,10 +24975,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         "preserve-sub-text-space": __props.preserveSubTextSpace
       }), {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$h, [
-            createElementVNode("div", _hoisted_2$8, [
-              createElementVNode("div", _hoisted_3$7, [
-                createVNode(_sfc_main$1y, {
+          createElementVNode("div", _hoisted_1$k, [
+            createElementVNode("div", _hoisted_2$9, [
+              createElementVNode("div", _hoisted_3$8, [
+                createVNode(_sfc_main$1B, {
                   size: "small",
                   variant: "transparent",
                   "leading-icon": "sort-descending",
@@ -24974,7 +24986,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   disabled: __props.disabled,
                   onClick: _cache[0] || (_cache[0] = ($event) => applyReorder(unref(sortByText)(true, optionLookup.value)))
                 }, null, 8, ["disabled"]),
-                createVNode(_sfc_main$1y, {
+                createVNode(_sfc_main$1B, {
                   size: "small",
                   variant: "transparent",
                   "leading-icon": "sort-ascending",
@@ -24983,7 +24995,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   onClick: _cache[1] || (_cache[1] = ($event) => applyReorder(unref(sortByText)(false, optionLookup.value)))
                 }, null, 8, ["disabled"])
               ]),
-              createVNode(_sfc_main$1y, {
+              createVNode(_sfc_main$1B, {
                 size: "small",
                 variant: "transparent",
                 destructive: "",
@@ -25004,8 +25016,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               ariaLabel: formFieldProps.label ?? formFieldProps.ariaLabel ?? ""
               /* fallback only for TS */
             }, null, 8, ["modelValue", "possible-values", "disabled", "error", "ariaLabel"]),
-            createElementVNode("div", _hoisted_4$7, [
-              createVNode(_sfc_main$1y, {
+            createElementVNode("div", _hoisted_4$8, [
+              createVNode(_sfc_main$1B, {
                 size: "small",
                 variant: "transparent",
                 "leading-icon": "to-top",
@@ -25014,7 +25026,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 disabled: __props.disabled || !unref(canMoveUp),
                 onClick: moveToTop
               }, null, 8, ["disabled"]),
-              createVNode(_sfc_main$1y, {
+              createVNode(_sfc_main$1B, {
                 size: "small",
                 variant: "transparent",
                 "leading-icon": "to-bottom",
@@ -25023,7 +25035,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 disabled: __props.disabled || !unref(canMoveDown),
                 onClick: moveToBottom
               }, null, 8, ["disabled"]),
-              createVNode(_sfc_main$1y, {
+              createVNode(_sfc_main$1B, {
                 size: "small",
                 variant: "transparent",
                 "leading-icon": "arrow-up",
@@ -25032,7 +25044,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 disabled: __props.disabled || !unref(canMoveUp),
                 onClick: moveUp
               }, null, 8, ["disabled"]),
-              createVNode(_sfc_main$1y, {
+              createVNode(_sfc_main$1B, {
                 size: "small",
                 variant: "transparent",
                 "leading-icon": "arrow-down",
@@ -25050,10 +25062,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsSortableListBox = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-ee7b63e2"]]);
+const KdsSortableListBox = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ee7b63e2"]]);
 
-const _hoisted_1$g = { class: "kds-info-popover-content" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = { class: "kds-info-popover-content" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "InfoPopover",
   props: {
     content: {}
@@ -25061,7 +25073,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(props.content), 1)
         ], true)
@@ -25070,11 +25082,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const InfoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-951f2a2b"]]);
+const InfoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-92b68551"]]);
 
-const _hoisted_1$f = ["aria-pressed", "aria-expanded", "aria-controls"];
+const _hoisted_1$i = ["aria-pressed", "aria-expanded", "aria-controls"];
 const TITLE = "Click for more information";
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "KdsInfoToggleButton",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Boolean },
@@ -25116,7 +25128,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             name: "circle-question",
             size: "small"
           })
-        ], 16, _hoisted_1$f)), [
+        ], 16, _hoisted_1$i)), [
           [unref(vKdsTooltip), modelValue.value ? void 0 : TITLE]
         ]),
         createVNode(KdsPopover, {
@@ -25146,18 +25158,18 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-9916f7be"]]);
+const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-dbbdabd8"]]);
 
 const KdsInfoToggleButton$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: KdsInfoToggleButton
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _hoisted_1$e = {
+const _hoisted_1$h = {
   class: "kds-variable-popover",
   tabindex: "0"
 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "VariablePopover",
   props: {
     content: {}
@@ -25165,7 +25177,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(props.content), 1)
         ], true)
@@ -25174,10 +25186,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const VariablePopover = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-8a0c56d0"]]);
+const VariablePopover = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-345e63f3"]]);
 
-const _hoisted_1$d = ["aria-label", "aria-pressed", "aria-expanded", "aria-controls"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["aria-label", "aria-pressed", "aria-expanded", "aria-controls"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "KdsVariableToggleButton",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Boolean },
@@ -25266,7 +25278,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             name: iconName.value,
             size: "small"
           }, null, 8, ["name"])
-        ], 16, _hoisted_1$d)), [
+        ], 16, _hoisted_1$g)), [
           [unref(vKdsTooltip), modelValue.value ? void 0 : title.value]
         ]),
         createVNode(KdsPopover, {
@@ -25296,15 +25308,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-cd9186f9"]]);
+const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-d5057ed8"]]);
 
-const _hoisted_1$c = { class: "kds-accordion" };
-const _hoisted_2$7 = ["name", "open", "onToggle"];
-const _hoisted_3$6 = ["aria-disabled", "tabindex", "onClick", "onKeydown"];
-const _hoisted_4$6 = { class: "kds-accordion-headline-container" };
-const _hoisted_5$4 = { class: "kds-accordion-headline" };
+const _hoisted_1$f = { class: "kds-accordion" };
+const _hoisted_2$8 = ["name", "open", "onToggle"];
+const _hoisted_3$7 = ["aria-disabled", "tabindex", "onClick", "onKeydown"];
+const _hoisted_4$7 = { class: "kds-accordion-headline-container" };
+const _hoisted_5$5 = { class: "kds-accordion-headline" };
 const _hoisted_6$1 = { class: "kds-accordion-content" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "KdsAccordion",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -25430,7 +25442,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       () => __props.singleExpand ? `kds-accordion-${accordionId}` : void 0
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
           return openBlock(), createElementBlock("details", {
             key: item.id,
@@ -25448,56 +25460,56 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               onClick: ($event) => onSummaryClick($event, item),
               onKeydown: ($event) => handleTriggerKeydown($event, item)
             }, [
-              createElementVNode("span", _hoisted_4$6, [
+              createElementVNode("span", _hoisted_4$7, [
                 item.leadingIcon ? (openBlock(), createBlock(KdsIcon, {
                   key: 0,
                   name: item.leadingIcon,
                   size: "small",
                   disabled: item.disabled
                 }, null, 8, ["name", "disabled"])) : createCommentVNode("", true),
-                createElementVNode("span", _hoisted_5$4, toDisplayString(item.headline), 1)
+                createElementVNode("span", _hoisted_5$5, toDisplayString(item.headline), 1)
               ]),
               createVNode(KdsIcon, {
                 name: isItemExpanded(item.id) ? "chevron-up" : "chevron-down",
                 size: "small"
               }, null, 8, ["name"])
-            ], 40, _hoisted_3$6),
+            ], 40, _hoisted_3$7),
             createElementVNode("div", _hoisted_6$1, [
               renderSlot(_ctx.$slots, item.id, { item }, void 0, true)
             ])
-          ], 40, _hoisted_2$7);
+          ], 40, _hoisted_2$8);
         }), 128))
       ]);
     };
   }
 });
 
-const KdsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-96dcd299"]]);
+const KdsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-35f28ed3"]]);
 
-const _hoisted_1$b = { class: "kds-card-header" };
-const _hoisted_2$6 = {
+const _hoisted_1$e = { class: "kds-card-header" };
+const _hoisted_2$7 = {
   key: 0,
   class: "accessory"
 };
-const _hoisted_3$5 = { key: 1 };
-const _hoisted_4$5 = {
+const _hoisted_3$6 = { key: 1 };
+const _hoisted_4$6 = {
   key: 2,
   class: "actions",
   "data-kds-card-secondary-action": ""
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CardHeader",
   props: {
     headline: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        _ctx.$slots.accessory ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        _ctx.$slots.accessory ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
           renderSlot(_ctx.$slots, "accessory", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        __props.headline ? (openBlock(), createElementBlock("h6", _hoisted_3$5, toDisplayString(__props.headline), 1)) : createCommentVNode("", true),
-        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+        __props.headline ? (openBlock(), createElementBlock("h6", _hoisted_3$6, toDisplayString(__props.headline), 1)) : createCommentVNode("", true),
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
           renderSlot(_ctx.$slots, "actions", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
@@ -25505,9 +25517,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CardHeader = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-09093cc0"]]);
+const CardHeader = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-aacb597b"]]);
 
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "BaseCard",
   props: {
     variant: {},
@@ -25546,9 +25558,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a1aff6d6"]]);
+const BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-7d838f91"]]);
 
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "KdsCard",
   props: {
     variant: { default: "outlined" },
@@ -25585,8 +25597,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$a = ["aria-label", "aria-labelledby", "disabled"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["aria-label", "aria-labelledby", "disabled"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "KdsClickableCard",
   props: {
     variant: { default: "filled" },
@@ -25619,7 +25631,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled,
             "data-kds-card-primary-action": "",
             onClick
-          }, null, 8, _hoisted_1$a)
+          }, null, 8, _hoisted_1$d)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -25645,9 +25657,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsClickableCard = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e1cdfe9d"]]);
+const KdsClickableCard = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8b314672"]]);
 
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "KdsLinkCard",
   props: {
     variant: { default: "filled" },
@@ -25711,10 +25723,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsLinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-c7e823e4"]]);
+const KdsLinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-4b8002a1"]]);
 
-const _hoisted_1$9 = ["aria-label", "aria-labelledby", "disabled", "aria-pressed"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["aria-label", "aria-labelledby", "disabled", "aria-pressed"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "KdsSelectableCard",
   props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Boolean },
@@ -25753,7 +25765,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             "aria-pressed": modelValue.value,
             "data-kds-card-primary-action": "",
             onClick
-          }, null, 8, _hoisted_1$9)
+          }, null, 8, _hoisted_1$c)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -25779,7 +25791,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsSelectableCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-af9b9bf6"]]);
+const KdsSelectableCard = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-ac11a0a2"]]);
 
 const kdsCardVariant = {
   FILLED: "filled",
@@ -25801,17 +25813,17 @@ const kdsPanelBodyVariant = {
 };
 const kdsPanelBodyVariants = Object.values(kdsPanelBodyVariant);
 
-const _hoisted_1$8 = { class: "kds-panel" };
-const _hoisted_2$5 = {
+const _hoisted_1$b = { class: "kds-panel" };
+const _hoisted_2$6 = {
   key: 0,
   class: "kds-panel-header"
 };
-const _hoisted_3$4 = ["id"];
-const _hoisted_4$4 = {
+const _hoisted_3$5 = ["id"];
+const _hoisted_4$5 = {
   key: 0,
   class: "kds-panel-headline-text"
 };
-const _hoisted_5$3 = {
+const _hoisted_5$4 = {
   key: 1,
   class: "kds-panel-header-trailing"
 };
@@ -25822,7 +25834,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = { class: "kds-panel-footer-leading" };
 const _hoisted_9 = { class: "kds-panel-footer-trailing" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "KdsPanel",
   props: {
     headline: {},
@@ -25854,37 +25866,37 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       () => isBodyKeyboardFocusable.value && !bodyAriaLabel.value ? slotHeadlineId.value : void 0
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
           __props.headline ? (openBlock(), createElementBlock("div", {
             key: 0,
             id: unref(headlineId),
             class: "kds-panel-headline"
           }, [
-            typeof __props.headline === "string" ? (openBlock(), createElementBlock("h6", _hoisted_4$4, toDisplayString(__props.headline), 1)) : __props.headline.type === "button" ? (openBlock(), createBlock(_sfc_main$1y, mergeProps({ key: 1 }, __props.headline.props, {
+            typeof __props.headline === "string" ? (openBlock(), createElementBlock("h6", _hoisted_4$5, toDisplayString(__props.headline), 1)) : __props.headline.type === "button" ? (openBlock(), createBlock(_sfc_main$1B, mergeProps({ key: 1 }, __props.headline.props, {
               size: "small",
               onClick: __props.headline.onClick
-            }), null, 16, ["onClick"])) : __props.headline.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1g, mergeProps({ key: 2 }, __props.headline.props, {
+            }), null, 16, ["onClick"])) : __props.headline.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1j, mergeProps({ key: 2 }, __props.headline.props, {
               size: "small",
               onItemClick: __props.headline.onItemClick
             }), null, 16, ["onItemClick"])) : createCommentVNode("", true)
-          ], 8, _hoisted_3$4)) : createCommentVNode("", true),
-          __props.headlineTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+          ], 8, _hoisted_3$5)) : createCommentVNode("", true),
+          __props.headlineTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.headlineTrailingActions, (action, index) => {
               return openBlock(), createElementBlock(Fragment, { key: index }, [
-                action.type === "button" ? (openBlock(), createBlock(_sfc_main$1y, mergeProps({
+                action.type === "button" ? (openBlock(), createBlock(_sfc_main$1B, mergeProps({
                   key: 0,
                   ref_for: true
                 }, action.props, {
                   size: "small",
                   onClick: action.onClick
-                }), null, 16, ["onClick"])) : action.type === "toggleButton" ? (openBlock(), createBlock(_sfc_main$1n, mergeProps({
+                }), null, 16, ["onClick"])) : action.type === "toggleButton" ? (openBlock(), createBlock(_sfc_main$1q, mergeProps({
                   key: 1,
                   ref_for: true
                 }, action.props, {
                   size: "small",
                   "onUpdate:modelValue": action.onUpdateModelValue
-                }), null, 16, ["onUpdate:modelValue"])) : action.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1g, mergeProps({
+                }), null, 16, ["onUpdate:modelValue"])) : action.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1j, mergeProps({
                   key: 2,
                   ref_for: true
                 }, action.props, {
@@ -25913,7 +25925,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         __props.footerLeadingActions?.length || __props.footerTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_7, [
           createElementVNode("div", _hoisted_8, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.footerLeadingActions, (action, index) => {
-              return openBlock(), createBlock(_sfc_main$1y, mergeProps({
+              return openBlock(), createBlock(_sfc_main$1B, mergeProps({
                 key: `leading-${index}`
               }, { ref_for: true }, action.props, {
                 onClick: action.onClick
@@ -25922,7 +25934,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ]),
           createElementVNode("div", _hoisted_9, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.footerTrailingActions, (action, index) => {
-              return openBlock(), createBlock(_sfc_main$1y, mergeProps({
+              return openBlock(), createBlock(_sfc_main$1B, mergeProps({
                 key: `trailing-${index}`
               }, { ref_for: true }, action.props, {
                 onClick: action.onClick
@@ -25935,9 +25947,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-64966fb2"]]);
+const KdsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-64966fb2"]]);
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "TabBarItemAccessory",
   props: {
     accessory: {},
@@ -26067,15 +26079,15 @@ const useTabBarAdaptiveLayout = ({
   };
 };
 
-const _hoisted_1$7 = { class: "kds-tab-bar-wrapper" };
-const _hoisted_2$4 = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick", "onKeydown"];
-const _hoisted_3$3 = { class: "kds-tab-label" };
-const _hoisted_4$3 = {
+const _hoisted_1$a = { class: "kds-tab-bar-wrapper" };
+const _hoisted_2$5 = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick", "onKeydown"];
+const _hoisted_3$4 = { class: "kds-tab-label" };
+const _hoisted_4$4 = {
   key: 1,
   class: "kds-tab-indicator"
 };
 const MIN_TAB_WIDTH_TOKEN = "--kds-dimension-component-width-4x";
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "KdsTabBar",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -26200,7 +26212,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", {
           ref_key: "availableWidthContainer",
           ref: availableWidthContainer,
@@ -26229,15 +26241,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               onClick: ($event) => selectTab(tab),
               onKeydown: ($event) => handleKeydown($event, tab)
             }, [
-              tab.accessory && !(tab.accessory.type === "icon" && unref(shouldHideIcons)) ? (openBlock(), createBlock(_sfc_main$a, {
+              tab.accessory && !(tab.accessory.type === "icon" && unref(shouldHideIcons)) ? (openBlock(), createBlock(_sfc_main$d, {
                 key: 0,
                 accessory: tab.accessory,
                 "icon-size": __props.size === "large" ? "large" : "medium",
                 disabled: isTabDisabled(tab)
               }, null, 8, ["accessory", "icon-size", "disabled"])) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_3$3, toDisplayString(tab.label), 1),
-              modelValue.value === tab.value ? (openBlock(), createElementBlock("span", _hoisted_4$3)) : createCommentVNode("", true)
-            ], 42, _hoisted_2$4)), [
+              createElementVNode("span", _hoisted_3$4, toDisplayString(tab.label), 1),
+              modelValue.value === tab.value ? (openBlock(), createElementBlock("span", _hoisted_4$4)) : createCommentVNode("", true)
+            ], 42, _hoisted_2$5)), [
               [unref(vKdsTooltip), getTabTitle(tab)]
             ]);
           }), 128))
@@ -26247,7 +26259,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsTabBar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-b5cb982f"]]);
+const KdsTabBar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b5cb982f"]]);
 
 const kdsTabBarSize = {
   SMALL: "small",
@@ -26255,7 +26267,7 @@ const kdsTabBarSize = {
 };
 const kdsTabBarSizes = Object.values(kdsTabBarSize);
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "LoadingSkeletonItem",
   props: {
     shape: { default: "text" }
@@ -26270,24 +26282,24 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const LoadingSkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-b7565402"]]);
+const LoadingSkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b7565402"]]);
 
-const _hoisted_1$6 = {
+const _hoisted_1$9 = {
   key: 0,
   class: "kds-loading-skeleton",
   "aria-busy": "true"
 };
-const _hoisted_2$3 = {
+const _hoisted_2$4 = {
   key: 0,
   class: "kds-loading-skeleton-headline-with-paragraph"
 };
-const _hoisted_3$2 = { class: "kds-loading-skeleton-paragraph-lines" };
-const _hoisted_4$2 = {
+const _hoisted_3$3 = { class: "kds-loading-skeleton-paragraph-lines" };
+const _hoisted_4$3 = {
   key: 1,
   class: "kds-loading-skeleton-input-with-label"
 };
-const _hoisted_5$2 = { class: "kds-loading-skeleton-list-item-text" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_5$3 = { class: "kds-loading-skeleton-list-item-text" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "KdsLoadingSkeleton",
   props: {
     variant: { default: "text" },
@@ -26297,25 +26309,25 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v18b57ee8": _ctx.repeatGap
+      "v78e8b31c": _ctx.repeatGap
     }));
     return (_ctx, _cache) => {
-      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.repeat, (index) => {
           return openBlock(), createElementBlock(Fragment, {
             key: `skeleton-${index}`
           }, [
-            __props.variant === "headline-with-paragraph" ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+            __props.variant === "headline-with-paragraph" ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
               createVNode(LoadingSkeletonItem, {
                 shape: "text",
                 class: "headline"
               }),
-              createElementVNode("div", _hoisted_3$2, [
+              createElementVNode("div", _hoisted_3$3, [
                 createVNode(LoadingSkeletonItem, { shape: "text" }),
                 createVNode(LoadingSkeletonItem, { shape: "text" }),
                 createVNode(LoadingSkeletonItem, { shape: "text" })
               ])
-            ])) : __props.variant === "input-with-label" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+            ])) : __props.variant === "input-with-label" ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
               createVNode(LoadingSkeletonItem, {
                 shape: "label",
                 class: "label"
@@ -26335,7 +26347,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               createVNode(LoadingSkeletonItem, {
                 shape: __props.variant.startsWith("list-item-large") ? "icon-large" : "icon-small"
               }, null, 8, ["shape"]),
-              createElementVNode("div", _hoisted_5$2, [
+              createElementVNode("div", _hoisted_5$3, [
                 createVNode(LoadingSkeletonItem, { shape: "text" }),
                 __props.variant.endsWith("subtext") ? (openBlock(), createBlock(LoadingSkeletonItem, {
                   key: 0,
@@ -26355,7 +26367,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsLoadingSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-326c25f0"]]);
+const KdsLoadingSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b3b70d6e"]]);
 
 const loadingSkeletonItemShape = {
   TEXT: "text",
@@ -26383,8 +26395,8 @@ const kdsLoadingSkeletonVariants = Object.values(
   kdsLoadingSkeletonVariant
 );
 
-const _hoisted_1$5 = { class: "label" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "label" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "KdsNavItem",
   props: {
     label: {},
@@ -26453,7 +26465,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               size: "medium",
               disabled: __props.disabled
             }, null, 8, ["name", "disabled"])) : createCommentVNode("", true),
-            withDirectives((openBlock(), createElementBlock("span", _hoisted_1$5, [
+            withDirectives((openBlock(), createElementBlock("span", _hoisted_1$8, [
               createTextVNode(toDisplayString(__props.label), 1)
             ])), [
               [unref(vKdsTooltip), __props.label, "truncated"]
@@ -26474,7 +26486,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled
           }, null, 8, ["name", "disabled"])) : createCommentVNode("", true),
           __props.badge ? (openBlock(), createBlock(unref(KdsBadge), mergeProps({ key: 1 }, __props.badge, { size: "xxsmall" }), null, 16)) : createCommentVNode("", true),
-          __props.trailingButton ? (openBlock(), createBlock(unref(_sfc_main$1y), mergeProps({ key: 2 }, __props.trailingButton, {
+          __props.trailingButton ? (openBlock(), createBlock(unref(_sfc_main$1B), mergeProps({ key: 2 }, __props.trailingButton, {
             size: "xsmall",
             onClick: onButtonClick
           }), null, 16)) : createCommentVNode("", true)
@@ -26484,10 +26496,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-14836519"]]);
+const KdsNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-14836519"]]);
 
-const _hoisted_1$4 = ["aria-label"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = ["aria-label"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "KdsNavigation",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -26529,28 +26541,28 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ]);
         }), 128))
-      ], 8, _hoisted_1$4);
+      ], 8, _hoisted_1$7);
     };
   }
 });
 
-const KdsNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ceb3e9ac"]]);
+const KdsNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-ceb3e9ac"]]);
 
-const _hoisted_1$3 = {
+const _hoisted_1$6 = {
   key: 1,
   class: "breadcrumb-label"
 };
-const _hoisted_2$2 = ["aria-label", "aria-current"];
-const _hoisted_3$1 = {
+const _hoisted_2$3 = ["aria-label", "aria-current"];
+const _hoisted_3$2 = {
   key: 1,
   class: "breadcrumb-label"
 };
-const _hoisted_4$1 = ["aria-label", "aria-current"];
-const _hoisted_5$1 = {
+const _hoisted_4$2 = ["aria-label", "aria-current"];
+const _hoisted_5$2 = {
   key: 1,
   class: "breadcrumb-label"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "BreadcrumbItem",
   props: {
     item: {},
@@ -26585,7 +26597,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             name: __props.item.leadingIcon,
             class: "breadcrumb-icon"
           }, null, 8, ["name"])) : createCommentVNode("", true),
-          __props.item.text ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$3, [
+          __props.item.text ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$6, [
             createTextVNode(toDisplayString(__props.item.text), 1)
           ])), [
             [unref(vKdsTooltip), __props.item.title, "truncated"]
@@ -26605,12 +26617,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           name: __props.item.leadingIcon,
           class: "breadcrumb-icon"
         }, null, 8, ["name"])) : createCommentVNode("", true),
-        __props.item.text ? withDirectives((openBlock(), createElementBlock("span", _hoisted_3$1, [
+        __props.item.text ? withDirectives((openBlock(), createElementBlock("span", _hoisted_3$2, [
           createTextVNode(toDisplayString(__props.item.text), 1)
         ])), [
           [unref(vKdsTooltip), __props.item.title, "truncated"]
         ]) : createCommentVNode("", true)
-      ], 8, _hoisted_2$2)) : (openBlock(), createElementBlock("span", {
+      ], 8, _hoisted_2$3)) : (openBlock(), createElementBlock("span", {
         key: 2,
         class: "kds-breadcrumb-item",
         "aria-label": __props.item.ariaLabel,
@@ -26621,17 +26633,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           name: __props.item.leadingIcon,
           class: "breadcrumb-icon"
         }, null, 8, ["name"])) : createCommentVNode("", true),
-        __props.item.text ? withDirectives((openBlock(), createElementBlock("span", _hoisted_5$1, [
+        __props.item.text ? withDirectives((openBlock(), createElementBlock("span", _hoisted_5$2, [
           createTextVNode(toDisplayString(__props.item.text), 1)
         ])), [
           [unref(vKdsTooltip), __props.item.title, "truncated"]
         ]) : createCommentVNode("", true)
-      ], 8, _hoisted_4$1));
+      ], 8, _hoisted_4$2));
     };
   }
 });
 
-const BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-432d445a"]]);
+const BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-432d445a"]]);
 
 const useBreadcrumbAdaptiveLayout = (listRef, itemRefs, itemsSource) => {
   const { width: listWidth } = useElementSize(listRef);
@@ -26730,8 +26742,8 @@ const useBreadcrumbAdaptiveLayout = (listRef, itemRefs, itemsSource) => {
   });
 };
 
-const _hoisted_1$2 = ["aria-label"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = ["aria-label"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "KdsBreadcrumb",
   props: {
     items: {},
@@ -26778,46 +26790,44 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 512)
-      ], 8, _hoisted_1$2)) : createCommentVNode("", true);
+      ], 8, _hoisted_1$5)) : createCommentVNode("", true);
     };
   }
 });
 
-const KdsBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-8661f06f"]]);
+const KdsBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-8661f06f"]]);
 
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ActionButton",
   props: {
     type: {},
     props: {},
     onClick: { type: Function },
-    size: {}
+    size: { default: "medium" }
   },
   setup(__props) {
-    const props = __props;
+    const props = createPropsRestProxy(__props, ["size"]);
     return (_ctx, _cache) => {
-      return props.type === unref(kdsActionButtonType).BUTTON ? (openBlock(), createBlock(_sfc_main$1y, mergeProps({ key: 0 }, props.props, {
-        size: props.size,
+      return props.type === unref(kdsActionButtonType).BUTTON ? (openBlock(), createBlock(_sfc_main$1B, mergeProps({ key: 0 }, props.props, {
+        size: __props.size,
         onClick: _cache[0] || (_cache[0] = (e) => props.onClick?.(e))
-      }), null, 16, ["size"])) : props.type === unref(kdsActionButtonType).LINK_BUTTON ? (openBlock(), createBlock(_sfc_main$1x, mergeProps({ key: 1 }, props.props, {
-        size: props.size
-      }), null, 16, ["size"])) : createCommentVNode("", true);
+      }), null, 16, ["size"])) : props.type === unref(kdsActionButtonType).LINK_BUTTON ? (openBlock(), createBlock(_sfc_main$1A, mergeProps({ key: 1 }, props.props, { size: __props.size }), null, 16, ["size"])) : createCommentVNode("", true);
     };
   }
 });
 
-const _hoisted_1$1 = ["role"];
-const _hoisted_2$1 = { class: "header" };
-const _hoisted_3 = { class: "headline" };
-const _hoisted_4 = {
+const _hoisted_1$4 = ["role"];
+const _hoisted_2$2 = { class: "header" };
+const _hoisted_3$1 = { class: "headline" };
+const _hoisted_4$1 = {
   key: 0,
   class: "body"
 };
-const _hoisted_5 = {
+const _hoisted_5$1 = {
   key: 1,
   class: "buttons"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "KdsInlineMessage",
   props: {
     headline: {},
@@ -26848,28 +26858,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["kds-inline-message", __props.variant]),
         role: role.value
       }, [
-        createElementVNode("div", _hoisted_2$1, [
+        createElementVNode("div", _hoisted_2$2, [
           createVNode(unref(KdsIcon), {
             class: "icon",
             name: iconName.value,
             size: "small"
           }, null, 8, ["name"]),
-          createElementVNode("div", _hoisted_3, toDisplayString(props.headline), 1)
+          createElementVNode("div", _hoisted_3$1, toDisplayString(props.headline), 1)
         ]),
-        props.description ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(props.description), 1)) : createCommentVNode("", true),
-        __props.actions?.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        props.description ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString(props.description), 1)) : createCommentVNode("", true),
+        __props.actions?.length ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (button) => {
-            return openBlock(), createBlock(_sfc_main$2, mergeProps({
+            return openBlock(), createBlock(_sfc_main$5, mergeProps({
               key: button.props.label ?? button.props.ariaLabel
             }, { ref_for: true }, button, { size: "small" }), null, 16);
           }), 128))
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$1);
+      ], 10, _hoisted_1$4);
     };
   }
 });
 
-const KdsInlineMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7573041c"]]);
+const KdsInlineMessage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7573041c"]]);
 
 const kdsInlineMessageVariant = {
   ERROR: "error",
@@ -26879,6 +26889,643 @@ const kdsInlineMessageVariant = {
 };
 const kdsInlineMessageVariants = Object.values(kdsInlineMessageVariant);
 
+const TreeInjectionKey = /* @__PURE__ */ Symbol("TreeInjectionKey");
+
+const RenderNode = defineComponent({
+  name: "RenderNode",
+  props: {
+    titleClasses: {
+      type: String,
+      default: ""
+    },
+    node: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const { context, node, titleClasses } = toRefs(props);
+    return () => {
+      if (context.value.renderNode) {
+        return context.value.renderNode(node.value);
+      }
+      if (context.value.slots.node) {
+        return renderSlot(context.value.slots, "node", { node: node.value });
+      }
+      return h$1("span", { class: titleClasses.value }, node.value.name);
+    };
+  }
+});
+
+const _hoisted_1$3 = ["id", "aria-level", "aria-expanded", "aria-selected", "aria-disabled"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "TreeNode",
+  props: {
+    node: {},
+    selectedKeys: {},
+    expandedKeys: {},
+    focusKey: { default: () => void 0 },
+    idPrefix: { default: "tree" }
+  },
+  emits: ["selectChange", "toggleExpand"],
+  setup(__props, { emit: __emit }) {
+    const showArrow = computed(() => __props.node.hasChildren);
+    const domId = computed(() => `${__props.idPrefix}_${__props.node.key}`);
+    const isExpanded = computed(() => __props.expandedKeys.has(__props.node.key));
+    const isSelected = computed(() => __props.selectedKeys.has(__props.node.key));
+    const isDisabled = computed(() => __props.node.disabled);
+    const isFocused = computed(() => __props.focusKey === __props.node.key);
+    const emit = __emit;
+    const treeContext = inject(TreeInjectionKey);
+    const treeNodeStyle = computed(() => ({
+      "--virtual-tree-level": __props.node.level
+    }));
+    const nodeClasses = computed(() => [
+      "virtual-tree-node",
+      {
+        selected: isSelected.value,
+        focused: isFocused.value,
+        disabled: isDisabled.value
+      }
+    ]);
+    const titleClasses = computed(() => {
+      let result = "node-title";
+      if (isFocused.value) {
+        result += " focused";
+      }
+      if (isSelected.value) {
+        result += " selected";
+      }
+      if (isDisabled.value) {
+        result += " disabled";
+      }
+      return result;
+    });
+    const handleSelect = (event) => {
+      event.stopPropagation();
+      if (!isDisabled.value) {
+        emit("selectChange", __props.node);
+      }
+    };
+    const handleExpand = () => {
+      if (showArrow.value) {
+        const state = !treeContext.getExpandedKeys().includes(__props.node.key);
+        emit("toggleExpand", {
+          state,
+          node: __props.node
+        });
+      }
+    };
+    const arrowClick = (event) => {
+      event.stopPropagation();
+      handleExpand();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: domId.value,
+        class: normalizeClass(nodeClasses.value),
+        style: normalizeStyle(treeNodeStyle.value),
+        role: "treeitem",
+        "aria-level": __props.node.level + 1,
+        "aria-expanded": showArrow.value ? isExpanded.value : void 0,
+        "aria-selected": isSelected.value,
+        "aria-disabled": isDisabled.value || void 0,
+        onClick: handleExpand
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([
+            "node-arrow",
+            __props.node.loading ? "loading" : "",
+            isExpanded.value ? "expanded" : ""
+          ]),
+          onClick: arrowClick
+        }, [
+          showArrow.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            __props.node.loading ? (openBlock(), createBlock(KdsLoadingSpinner, {
+              key: 0,
+              size: "small"
+            })) : (openBlock(), createBlock(KdsIcon, {
+              key: 1,
+              name: "chevron-right",
+              size: "small"
+            }))
+          ], 64)) : createCommentVNode("", true)
+        ], 2),
+        createElementVNode("div", {
+          class: "node-content node-text",
+          onClick: handleSelect
+        }, [
+          createVNode(unref(RenderNode), {
+            "title-classes": titleClasses.value,
+            context: unref(treeContext),
+            node: __props.node
+          }, null, 8, ["title-classes", "context", "node"])
+        ])
+      ], 14, _hoisted_1$3);
+    };
+  }
+});
+
+class BaseTreeNode {
+  key;
+  name;
+  level;
+  accessory;
+  customSlot;
+  disabled;
+  loading = false;
+  hasChildren = false;
+  children = [];
+  parentKey;
+  parentKeys = [];
+  origin;
+  constructor(options, parent) {
+    this.key = options.nodeKey;
+    this.name = options.name;
+    this.accessory = options.accessory;
+    this.customSlot = options.customSlot;
+    this.disabled = options.disabled ?? false;
+    this.parentKey = parent?.key;
+    this.parentKeys = parent ? [...parent.parentKeys, parent.key] : [];
+    this.level = parent ? parent.level + 1 : 0;
+    this.origin = toRaw(options);
+  }
+}
+
+function coerceTreeNodes(source, parent) {
+  const recursion = (list, parentNode) => {
+    return list.map((item) => {
+      const node = item instanceof BaseTreeNode ? item : new BaseTreeNode(item, parentNode);
+      node.children = item.children?.length ? recursion(item.children, node) : [];
+      node.hasChildren = item.hasChildren || node.children.length > 0;
+      return node;
+    });
+  };
+  return recursion(source, parent);
+}
+function getFlattenTreeData(tree) {
+  const nodes = [];
+  function recursion(list) {
+    list.forEach((node) => {
+      nodes.push(node);
+      recursion(node.children);
+    });
+  }
+  recursion(tree);
+  return nodes;
+}
+function getKey2TreeNode(flattenTreeData) {
+  const key2TreeNode = {};
+  flattenTreeData.forEach((node) => {
+    key2TreeNode[node.key] = node;
+  });
+  return key2TreeNode;
+}
+function useTreeData(source) {
+  const treeData = coerceTreeNodes(source);
+  const flattenTreeData = getFlattenTreeData(treeData);
+  const key2TreeNode = getKey2TreeNode(flattenTreeData);
+  return { treeData, flattenTreeData, key2TreeNode };
+}
+
+const _hoisted_1$2 = {
+  key: 1,
+  class: "virtual-tree-wrap"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BaseTree",
+  props: {
+    source: { default: () => [] },
+    defaultSelectedKey: { default: "" },
+    defaultExpandedKeys: { default: () => [] },
+    selectable: { type: Boolean, default: true },
+    virtual: { type: Boolean, default: false },
+    idPrefix: { default: "tree" },
+    loadData: { type: Function, default: void 0 },
+    renderNode: { type: Function, default: void 0 }
+  },
+  emits: ["selectChange", "expandChange", "focusChange", "keydown"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const VIRTUAL_HEIGHT = kdsDimensionComponentHeight1p5x;
+    const emit = __emit;
+    const flattenTreeData = ref([]);
+    const key2TreeNode = ref({});
+    watch(
+      () => __props.source,
+      (newVal) => {
+        const result = useTreeData(newVal);
+        flattenTreeData.value = result.flattenTreeData;
+        key2TreeNode.value = result.key2TreeNode;
+      },
+      {
+        immediate: true
+      }
+    );
+    const expandedKeys = ref(/* @__PURE__ */ new Set());
+    const visibleList = computed(() => {
+      return flattenTreeData.value.filter((node) => {
+        const isRoot = !node.parentKey;
+        const isVisibleNode = node.parentKeys.every(
+          (key) => expandedKeys.value.has(key)
+        );
+        return isRoot || isVisibleNode;
+      });
+    });
+    const { containerProps, wrapperProps, list } = useVirtualList(visibleList, {
+      itemHeight: VIRTUAL_HEIGHT
+    });
+    watch(
+      () => __props.defaultExpandedKeys,
+      (newVal) => {
+        expandedKeys.value.clear();
+        expandedKeys.value = new Set(newVal);
+      },
+      {
+        immediate: true
+      }
+    );
+    const loading = ref(false);
+    function loadChildren(node) {
+      if (!__props.loadData) {
+        return;
+      }
+      node.loading = true;
+      loading.value = true;
+      __props.loadData(node, (children) => {
+        node.loading = false;
+        loading.value = false;
+        if (children.length) {
+          lazyLoad(node, children);
+        } else {
+          node.children = [];
+          node.hasChildren = false;
+        }
+      });
+    }
+    function addOrDelete(expanded) {
+      return expanded ? "add" : "delete";
+    }
+    function toggleExpand({ state, node, source }) {
+      if (loading.value) {
+        return;
+      }
+      expandedKeys.value[addOrDelete(state)](node.key);
+      if (state && !node.children.length) {
+        loadChildren(node);
+      }
+      emit("expandChange", { state, node, source: source || "click" });
+    }
+    function clearChildren(node) {
+      const indexInFlattenData = flattenTreeData.value.findIndex(
+        (item) => item.key === node.key
+      );
+      const size = getFlattenTreeData(node.children).length;
+      node.children = [];
+      flattenTreeData.value.splice(indexInFlattenData + 1, size);
+    }
+    function lazyLoad(node, children) {
+      const indexInFlattenData = flattenTreeData.value.findIndex(
+        (item) => item.key === node.key
+      );
+      const childrenData = coerceTreeNodes(children, node);
+      node.children = childrenData;
+      const childrenFlattenData = getFlattenTreeData(childrenData);
+      flattenTreeData.value.splice(
+        indexInFlattenData + 1,
+        0,
+        ...childrenFlattenData
+      );
+      const key2ChildrenNode = getKey2TreeNode(childrenFlattenData);
+      Object.assign(key2TreeNode.value, key2ChildrenNode);
+      for (const item of childrenFlattenData) {
+        if (expandedKeys.value.has(item.key)) {
+          nextTick(() => {
+            toggleExpand({ state: true, node: item });
+          }).catch(() => {
+          });
+        }
+      }
+    }
+    const selectedKeys = ref(/* @__PURE__ */ new Set());
+    watch(
+      () => __props.defaultSelectedKey,
+      (newVal) => {
+        const newSelectedNode = newVal ? key2TreeNode.value?.[newVal] : void 0;
+        if (newSelectedNode) {
+          selectChange(newSelectedNode);
+        } else {
+          clearSelection();
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const selectedNode = computed(
+      () => key2TreeNode.value[Array.from(selectedKeys.value.values())[0]]
+    );
+    const focusKey = ref();
+    function focusChange(node) {
+      if (!node) {
+        return;
+      }
+      focusKey.value = node.key;
+      emit("focusChange", { node });
+    }
+    function onFocusOut() {
+      focusKey.value = void 0;
+      emit("focusChange", { node: null });
+    }
+    const isKeyboardInteraction = useKeyPressedUntilMouseClick();
+    function onFocusIn() {
+      const focusNode = focusKey.value ? key2TreeNode.value[focusKey.value] : null;
+      const restored = selectedNode.value ?? focusNode;
+      if (restored) {
+        focusChange(restored);
+        return;
+      }
+      if (isKeyboardInteraction.value) {
+        focusChange(flattenTreeData.value?.at(0));
+      }
+    }
+    function handleKeyboardNavigation(event) {
+      const { key } = event;
+      if (!focusKey.value) {
+        return;
+      }
+      const currentFocusedNode = key2TreeNode.value[focusKey.value];
+      const getNextNode = (node, offset) => {
+        if (!node) {
+          return void 0;
+        }
+        const index = visibleList.value.findIndex(({ key: key2 }) => key2 === node.key);
+        return visibleList.value?.[index + offset];
+      };
+      const arrowRight = () => {
+        event.stopPropagation();
+        event.preventDefault();
+        if (currentFocusedNode.hasChildren) {
+          if (expandedKeys.value.has(currentFocusedNode.key)) {
+            focusChange(getNextNode(currentFocusedNode, 1));
+          } else {
+            toggleExpand({ node: currentFocusedNode, state: true, source: "key" });
+          }
+        }
+      };
+      const arrowLeft = () => {
+        event.stopPropagation();
+        event.preventDefault();
+        if (expandedKeys.value.has(currentFocusedNode.key)) {
+          toggleExpand({ node: currentFocusedNode, state: false, source: "key" });
+        } else if (currentFocusedNode.parentKey) {
+          focusChange(key2TreeNode.value[currentFocusedNode.parentKey]);
+        }
+      };
+      switch (key) {
+        case "ArrowUp":
+          event.preventDefault();
+          focusChange(getNextNode(currentFocusedNode, -1));
+          break;
+        case "ArrowDown":
+          event.preventDefault();
+          focusChange(getNextNode(currentFocusedNode, 1));
+          break;
+        case "ArrowLeft":
+          event.preventDefault();
+          arrowLeft();
+          break;
+        case "ArrowRight":
+          event.preventDefault();
+          arrowRight();
+          break;
+      }
+      emit("keydown", { event, node: currentFocusedNode });
+    }
+    function clearSelection() {
+      if (!selectedKeys.value.size) {
+        return;
+      }
+      const preSelectedNode = key2TreeNode.value[Array.from(selectedKeys.value.values())[0]];
+      selectedKeys.value.clear();
+      emit("selectChange", { preSelectedNode, node: void 0 });
+    }
+    function selectChange(node) {
+      if (!__props.selectable) {
+        return;
+      }
+      if (node.disabled) {
+        clearSelection();
+        return;
+      }
+      const preSelectedNode = key2TreeNode.value[Array.from(selectedKeys.value.values())[0]];
+      selectedKeys.value.clear();
+      selectedKeys.value.add(node.key);
+      focusChange(node);
+      emit("selectChange", { preSelectedNode, node });
+    }
+    const context = {
+      renderNode: __props.renderNode,
+      slots: useSlots(),
+      expandedKeys: expandedKeys.value,
+      getExpandedKeys: () => [...expandedKeys.value],
+      getSelectedNode: () => selectedNode.value,
+      toggleExpand: (nodeKey, state) => toggleExpand({
+        state: state ?? !expandedKeys.value.has(nodeKey),
+        node: key2TreeNode.value[nodeKey],
+        source: "api"
+      }),
+      loadChildren: (nodeKey) => loadChildren(key2TreeNode.value[nodeKey]),
+      clearChildren: (nodeKey) => clearChildren(key2TreeNode.value[nodeKey])
+    };
+    __expose(toRaw(context));
+    provide(TreeInjectionKey, context);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: "virtual-tree",
+        role: "tree",
+        "aria-multiselectable": "false",
+        tabindex: "0"
+      }, __props.virtual ? unref(containerProps) : {}, {
+        onKeydown: handleKeyboardNavigation,
+        onFocusin: onFocusIn,
+        onFocusout: onFocusOut
+      }), [
+        __props.virtual ? (openBlock(), createElementBlock("div", mergeProps({
+          key: 0,
+          class: "virtual-tree-wrap virtual"
+        }, unref(wrapperProps)), [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), ({ data: item }) => {
+            return openBlock(), createBlock(_sfc_main$3, {
+              key: item.key,
+              style: normalizeStyle({ height: `${unref(VIRTUAL_HEIGHT)}px` }),
+              node: item,
+              "id-prefix": __props.idPrefix,
+              "selected-keys": selectedKeys.value,
+              "expanded-keys": expandedKeys.value,
+              "focus-key": focusKey.value,
+              onToggleExpand: toggleExpand,
+              onSelectChange: selectChange
+            }, null, 8, ["style", "node", "id-prefix", "selected-keys", "expanded-keys", "focus-key"]);
+          }), 128))
+        ], 16)) : (openBlock(), createElementBlock("div", _hoisted_1$2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(visibleList.value, (item) => {
+            return openBlock(), createBlock(_sfc_main$3, {
+              key: item.key,
+              node: item,
+              "id-prefix": __props.idPrefix,
+              "selected-keys": selectedKeys.value,
+              "expanded-keys": expandedKeys.value,
+              "focus-key": focusKey.value,
+              onToggleExpand: toggleExpand,
+              onSelectChange: selectChange
+            }, null, 8, ["node", "id-prefix", "selected-keys", "expanded-keys", "focus-key"]);
+          }), 128))
+        ]))
+      ], 16);
+    };
+  }
+});
+
+const _hoisted_1$1 = { class: "tree-node-wrapper" };
+const _hoisted_2$1 = ["onClick"];
+const _hoisted_3 = { class: "tree-node-label" };
+const _hoisted_4 = {
+  key: 1,
+  class: "tree-node leaf"
+};
+const _hoisted_5 = { class: "tree-node-label" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "KdsTree",
+  props: {
+    source: {},
+    loadData: { type: Function, default: void 0 },
+    selectable: { type: Boolean, default: true },
+    expandedKeys: { default: () => [] },
+    idPrefix: { default: "tree" },
+    virtual: { type: Boolean, default: false }
+  },
+  emits: ["keydown", "selectChange", "expandChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const baseTree = ref();
+    const focusedNodeKey = ref();
+    const selectedKey = ref();
+    const keyPressedUntilMouseClick = useKeyPressedUntilMouseClick();
+    const domNodeId = (key) => key ? `${__props.idPrefix}_${key}` : void 0;
+    const onFocusChange = async ({ node }) => {
+      focusedNodeKey.value = node?.key ?? null;
+      if (__props.selectable && focusedNodeKey.value) {
+        selectedKey.value = node?.disabled ? void 0 : focusedNodeKey.value.toString();
+      }
+      if (!keyPressedUntilMouseClick.value) {
+        return;
+      }
+      await nextTick();
+      const id = domNodeId(focusedNodeKey.value);
+      const element = id ? document.getElementById(id) : null;
+      element?.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    };
+    const onTreeKeydown = ({ event, node }) => {
+      const { key } = event;
+      const toggleExpand = () => {
+        event.stopPropagation();
+        event.preventDefault();
+        if (node.origin.hasChildren) {
+          baseTree.value.toggleExpand(node.key);
+        }
+      };
+      if (key === "Enter") {
+        toggleExpand();
+      }
+      emit("keydown", { event, node });
+    };
+    const onExpandableClick = (node) => {
+      baseTree.value?.toggleExpand(node.key);
+    };
+    const isTreeNodeExpandable = (node) => {
+      return node.origin.hasChildren || node.origin.children;
+    };
+    const onSelectChange = ({ node, preSelectedNode }) => {
+      if (!__props.selectable) {
+        return;
+      }
+      emit("selectChange", { node, preSelectedNode });
+    };
+    __expose({
+      getExpandedKeys: () => baseTree.value?.getExpandedKeys(),
+      toggleExpand: (nodeKey, state) => baseTree.value?.toggleExpand(nodeKey, state),
+      getSelectedTreeNode: () => __props.selectable ? baseTree.value?.getSelectedNode() : void 0,
+      loadChildren: (nodeKey) => baseTree.value?.loadChildren(nodeKey),
+      clearChildren: (nodeKey) => baseTree.value?.clearChildren(nodeKey)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$2, {
+        ref_key: "baseTree",
+        ref: baseTree,
+        class: normalizeClass(["virtual-tree", { "keyboard-nav": unref(keyPressedUntilMouseClick) }]),
+        source: __props.source,
+        "load-data": __props.loadData,
+        selectable: __props.selectable,
+        "default-selected-key": selectedKey.value,
+        "default-expanded-keys": __props.expandedKeys,
+        "id-prefix": __props.idPrefix,
+        "aria-activedescendant": domNodeId(focusedNodeKey.value),
+        virtual: __props.virtual,
+        onKeydown: onTreeKeydown,
+        onFocusChange,
+        onSelectChange,
+        onExpandChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("expandChange", $event))
+      }, {
+        node: withCtx(({ node }) => [
+          createElementVNode("span", _hoisted_1$1, [
+            isTreeNodeExpandable(node) ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: "tree-node expandable",
+              onClick: () => onExpandableClick(node)
+            }, [
+              renderSlot(_ctx.$slots, node.customSlot ?? "expandable", { treeNode: node }, () => [
+                node.accessory ? (openBlock(), createBlock(_sfc_main$1o, {
+                  key: 0,
+                  accessory: node.accessory,
+                  size: unref(kdsListItemAccessorySize).SMALL
+                }, null, 8, ["accessory", "size"])) : createCommentVNode("", true),
+                withDirectives((openBlock(), createElementBlock("span", _hoisted_3, [
+                  createTextVNode(toDisplayString(node.name), 1)
+                ])), [
+                  [unref(vKdsTooltip), node.name, "truncated"]
+                ])
+              ], true)
+            ], 8, _hoisted_2$1)) : (openBlock(), createElementBlock("span", _hoisted_4, [
+              renderSlot(_ctx.$slots, node.customSlot ?? "leaf", { treeNode: node }, () => [
+                node.accessory ? (openBlock(), createBlock(_sfc_main$1o, {
+                  key: 0,
+                  accessory: node.accessory,
+                  size: unref(kdsListItemAccessorySize).SMALL
+                }, null, 8, ["accessory", "size"])) : createCommentVNode("", true),
+                withDirectives((openBlock(), createElementBlock("span", _hoisted_5, [
+                  createTextVNode(toDisplayString(node.name), 1)
+                ])), [
+                  [unref(vKdsTooltip), node.name, "truncated"]
+                ])
+              ], true)
+            ]))
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "source", "load-data", "selectable", "default-selected-key", "default-expanded-keys", "id-prefix", "aria-activedescendant", "virtual"]);
+    };
+  }
+});
+
+const KdsTree = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5d13b0e7"]]);
+
 const ExternalLinkIconUrl = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20viewBox='0%200%2012%2012'%3e%3cpath%20d='M5.5%201.5h-3a1%201%200%200%200-1%201v7a1%201%200%200%200%201%201h7a1%201%200%200%200%201-1v-3m0-5L6%205.892M10.5%201.5v2.75m0-2.75H7.75'%20vector-effect='non-scaling-stroke'/%3e%3c/svg%3e";
 
 const _hoisted_1 = ["innerHTML"];
@@ -26997,5 +27644,5 @@ const useKdsLegacyMode = (initialValue = false) => {
   };
 };
 
-export { KdsAccordion, KdsAvatar, KdsAvatarCounter, KdsBadge, KdsBreadcrumb, _sfc_main$1y as KdsButton, _sfc_main$f as KdsCard, _sfc_main$1s as KdsCheckbox, KdsCheckboxGroup, KdsClickableCard, _sfc_main$S as KdsColorInput, KdsColorSwatch, _sfc_main$1a as KdsContextMenu, KdsDataType, _sfc_main$L as KdsDateInput, _sfc_main$J as KdsDateTimeFormatInput, KdsDateTimeInput, KdsDescription, KdsDivider, KdsDonutChart, _sfc_main$y as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsFileExplorer, KdsIcon, KdsInfoToggleButton, KdsInlineMessage, _sfc_main$C as KdsIntervalInput, KdsLabel, KdsLink, _sfc_main$1x as KdsLinkButton, KdsLinkCard, KdsListContainer, KdsLiveStatus, KdsLoadingSkeleton, KdsLoadingSpinner, _sfc_main$1b as KdsMenu, _sfc_main$1g as KdsMenuButton, KdsMissingValueIcon, KdsModal, KdsModalLayout, _sfc_main$u as KdsMultiSelectDropdown, KdsNavItem, KdsNavigation, _sfc_main$V as KdsNumberInput, KdsPanel, _sfc_main$R as KdsPasswordInput, _sfc_main$I as KdsPatternInput, KdsPopover, KdsPreviewList, KdsProgressBar, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, KdsResponsiveButtonGroup, KdsSearchInput, KdsSelectableCard, KdsSideDrawer, KdsSortableListBox, KdsSplitButton, KdsSubText, KdsTabBar, KdsTextInput, KdsTextarea, _sfc_main$E as KdsTimeInput, _sfc_main$1n as KdsToggleButton, KdsToggleSwitch, KdsTwinList, _sfc_main$Q as KdsUsernameInput, KdsValueSwitch, KdsVariableToggleButton, KdsZonedDateTimeInput, kdsActionButtonType, kdsActionButtonTypes, kdsAvatarSize, kdsAvatarSizes, kdsBadgeSize, kdsBadgeSizes, kdsBadgeVariant, kdsBadgeVariants, kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, kdsCardVariant, kdsCardVariants, kdsCheckboxGroupAlignment, kdsCheckboxGroupAlignments, kdsCheckboxValue, kdsCheckboxValues, kdsColorSwatchSize, kdsColorSwatchSizes, kdsColorSwatchType, kdsColorSwatchTypes, kdsDarkModeType, kdsDarkModeTypes, kdsDataTypeSize, kdsDataTypeSizes, kdsDateFormatCategories, kdsDateFormatCategory, kdsFileExplorerDraggingAnimationMode, kdsFileExplorerDraggingAnimationModes, kdsFileExplorerSize, kdsFileExplorerSizes, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsInlineMessageVariant, kdsInlineMessageVariants, kdsIntervalDirectionalities, kdsIntervalDirectionality, kdsIntervalInputFormat, kdsIntervalInputFormats, kdsLinkSize, kdsLinkSizes, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSkeletonVariant, kdsLoadingSkeletonVariants, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsPanelBodyOverflow, kdsPanelBodyOverflows, kdsPanelBodyVariant, kdsPanelBodyVariants, kdsPasswordInputAutocomplete, kdsPasswordInputAutocompletes, kdsPasswordInputVariant, kdsPasswordInputVariants, kdsPopoverPlacement, kdsPopoverPlacements, kdsPopoverRole, kdsPopoverRoles, kdsPopoverType, kdsPopoverTypes, kdsProgressBarSize, kdsProgressBarSizes, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsResponsiveButtonGroupAlignment, kdsResponsiveButtonGroupAlignments, kdsTabBarSize, kdsTabBarSizes, kdsTemporalType, kdsTemporalTypes, kdsTimeInputGranularities, kdsTimeInputGranularity, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsToggleSwitchLabelPosition, kdsToggleSwitchLabelPositions, kdsToggleSwitchSize, kdsToggleSwitchSizes, kdsTwinListSearchMode, kdsTwinListSearchModes, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsUsernameInputAutocomplete, kdsUsernameInputAutocompletes, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode, vKdsTooltip };
+export { KdsAccordion, KdsAvatar, KdsAvatarCounter, KdsBadge, KdsBreadcrumb, _sfc_main$1B as KdsButton, _sfc_main$i as KdsCard, _sfc_main$1v as KdsCheckbox, KdsCheckboxGroup, KdsClickableCard, _sfc_main$V as KdsColorInput, KdsColorSwatch, _sfc_main$1d as KdsContextMenu, KdsDataType, _sfc_main$O as KdsDateInput, _sfc_main$M as KdsDateTimeFormatInput, KdsDateTimeInput, KdsDescription, KdsDivider, KdsDonutChart, _sfc_main$B as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsFileExplorer, KdsIcon, KdsInfoToggleButton, KdsInlineMessage, _sfc_main$F as KdsIntervalInput, KdsLabel, KdsLink, _sfc_main$1A as KdsLinkButton, KdsLinkCard, KdsListContainer, KdsLiveStatus, KdsLoadingSkeleton, KdsLoadingSpinner, _sfc_main$1e as KdsMenu, _sfc_main$1j as KdsMenuButton, KdsMissingValueIcon, KdsModal, KdsModalLayout, _sfc_main$x as KdsMultiSelectDropdown, KdsNavItem, KdsNavigation, _sfc_main$Y as KdsNumberInput, KdsPanel, _sfc_main$U as KdsPasswordInput, _sfc_main$L as KdsPatternInput, KdsPopover, KdsPreviewList, KdsProgressBar, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, KdsResponsiveButtonGroup, KdsSearchInput, KdsSelectableCard, KdsSideDrawer, KdsSortableListBox, KdsSplitButton, KdsSubText, KdsTabBar, KdsTextInput, KdsTextarea, _sfc_main$H as KdsTimeInput, _sfc_main$1q as KdsToggleButton, KdsToggleSwitch, KdsTree, KdsTwinList, _sfc_main$T as KdsUsernameInput, KdsValueSwitch, KdsVariableToggleButton, KdsZonedDateTimeInput, kdsActionButtonType, kdsActionButtonTypes, kdsAvatarSize, kdsAvatarSizes, kdsBadgeSize, kdsBadgeSizes, kdsBadgeVariant, kdsBadgeVariants, kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, kdsCardVariant, kdsCardVariants, kdsCheckboxGroupAlignment, kdsCheckboxGroupAlignments, kdsCheckboxValue, kdsCheckboxValues, kdsColorSwatchSize, kdsColorSwatchSizes, kdsColorSwatchType, kdsColorSwatchTypes, kdsDarkModeType, kdsDarkModeTypes, kdsDataTypeSize, kdsDataTypeSizes, kdsDateFormatCategories, kdsDateFormatCategory, kdsFileExplorerDraggingAnimationMode, kdsFileExplorerDraggingAnimationModes, kdsFileExplorerSize, kdsFileExplorerSizes, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsInlineMessageVariant, kdsInlineMessageVariants, kdsIntervalDirectionalities, kdsIntervalDirectionality, kdsIntervalInputFormat, kdsIntervalInputFormats, kdsLinkSize, kdsLinkSizes, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSkeletonVariant, kdsLoadingSkeletonVariants, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsPanelBodyOverflow, kdsPanelBodyOverflows, kdsPanelBodyVariant, kdsPanelBodyVariants, kdsPasswordInputAutocomplete, kdsPasswordInputAutocompletes, kdsPasswordInputVariant, kdsPasswordInputVariants, kdsPopoverPlacement, kdsPopoverPlacements, kdsPopoverRole, kdsPopoverRoles, kdsPopoverType, kdsPopoverTypes, kdsProgressBarSize, kdsProgressBarSizes, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsResponsiveButtonGroupAlignment, kdsResponsiveButtonGroupAlignments, kdsTabBarSize, kdsTabBarSizes, kdsTemporalType, kdsTemporalTypes, kdsTimeInputGranularities, kdsTimeInputGranularity, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsToggleSwitchLabelPosition, kdsToggleSwitchLabelPositions, kdsToggleSwitchSize, kdsToggleSwitchSizes, kdsTwinListSearchMode, kdsTwinListSearchModes, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsUsernameInputAutocomplete, kdsUsernameInputAutocompletes, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode, vKdsTooltip };
 //# sourceMappingURL=index.js.map