npm - @knime/kds-components - Versions diffs - 0.28.4 → 0.28.7 - Mend

@knime/kds-components 0.28.4 → 0.28.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/dist/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, createPropsRestProxy, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, Fragment, renderList, createBlock, normalizeStyle, createCommentVNode, shallowRef, readonly, toRef, unref, resolveDynamicComponent, useTemplateRef, createVNode, withCtx, renderSlot, mergeProps, h as h$1, useSlots, getCurrentInstance, useModel, mergeModels, onMounted, onUnmounted, nextTick, useId, watchEffect, useAttrs, withKeys, withModifiers, useCssVars, normalizeProps, withDirectives, vShow, defineAsyncComponent, onBeforeUpdate, onBeforeUnmount, isRef, vModelText, createTextVNode, createSlots, guardReactiveProps } from 'vue';
+import { defineComponent, createPropsRestProxy, ref, watch, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, Fragment, renderList, createBlock, normalizeStyle, createCommentVNode, shallowRef, markRaw, readonly, toRef, unref, resolveDynamicComponent, useTemplateRef, createVNode, withCtx, renderSlot, mergeProps, h as h$1, useSlots, getCurrentInstance, useModel, mergeModels, onMounted, onUnmounted, nextTick, useId, withModifiers, watchEffect, useAttrs, withKeys, useCssVars, normalizeProps, withDirectives, vShow, defineAsyncComponent, onBeforeUpdate, onBeforeUnmount, isRef, vModelText, createTextVNode, createSlots, guardReactiveProps } from 'vue';
 import { useLocalStorage, useDark, usePreferredDark, useResizeObserver, useMutationObserver, useElementSize, useMousePressed, useVirtualList, useTemplateRefsList } from '@vueuse/core';
 import './index.css';const kdsAvatarSize = {
@@ -9,14 +9,14 @@ import './index.css';const kdsAvatarSize = {
 };
 const kdsAvatarSizes = Object.values(kdsAvatarSize);
-const _hoisted_1$_ = ["role", "title", "aria-hidden", "aria-label", "data-color"];
-const _hoisted_2$B = ["src"];
-const _hoisted_3$s = {
+const _hoisted_1$10 = ["role", "title", "aria-hidden", "aria-label", "data-color"];
+const _hoisted_2$C = ["src"];
+const _hoisted_3$t = {
   key: 1,
   class: "kds-avatar-initials",
   "aria-hidden": "true"
 };
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "KdsAvatar",
   props: {
     initials: {},
@@ -80,10 +80,10 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
           alt: "",
           "aria-hidden": "true",
           onError: onImageError
-        }, null, 40, _hoisted_2$B)) : (openBlock(), createElementBlock("div", _hoisted_3$s, [
+        }, null, 40, _hoisted_2$C)) : (openBlock(), createElementBlock("div", _hoisted_3$t, [
           createElementVNode("span", null, toDisplayString(displayedInitials.value), 1)
         ]))
-      ], 10, _hoisted_1$_);
+      ], 10, _hoisted_1$10);
     };
   }
 });
@@ -96,16 +96,16 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
-const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__scopeId", "data-v-9e1a5abe"]]);
+const KdsAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-9e1a5abe"]]);
-const _hoisted_1$Z = ["aria-label"];
-const _hoisted_2$A = { class: "avatars" };
-const _hoisted_3$r = {
+const _hoisted_1$$ = ["aria-label"];
+const _hoisted_2$B = { class: "avatars" };
+const _hoisted_3$s = {
   key: 0,
   class: "more-count",
   "aria-hidden": "true"
 };
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "KdsAvatarCounter",
   props: {
     moreCount: { default: 0 },
@@ -125,7 +125,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
         role: "group",
         "aria-label": ariaLabel.value
       }, [
-        createElementVNode("div", _hoisted_2$A, [
+        createElementVNode("div", _hoisted_2$B, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.avatars, (avatar, index) => {
             return openBlock(), createBlock(KdsAvatar, {
               key: index,
@@ -139,13 +139,13 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
             }, null, 8, ["style", "size", "initials", "title", "src"]);
           }), 128))
         ]),
-        __props.moreCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$r, " +" + toDisplayString(__props.moreCount), 1)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$Z);
+        __props.moreCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$s, " +" + toDisplayString(__props.moreCount), 1)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$$);
     };
   }
 });
-const KdsAvatarCounter = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-1aef516d"]]);
+const KdsAvatarCounter = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__scopeId", "data-v-1aef516d"]]);
 const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
 	const v = glob$1[path$13];
@@ -171,12 +171,13 @@ function useIcon({
         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/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/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/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-DAYm6-mo.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/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/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-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.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-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/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/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/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/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/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/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) => {
-        iconCache.set(newName, module.default);
+      __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-DAYm6-mo.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/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/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-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.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-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/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/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/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/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/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);
         if (name.value !== newName) {
           return;
         }
-        iconComponent.value = module.default;
+        iconComponent.value = component;
         status.value = "loaded";
       }).catch((error) => {
         if (error.name === "AbortError") {
@@ -201,7 +202,7 @@ function useIcon({
   };
 }
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "KdsIcon",
   props: {
     name: {},
@@ -231,7 +232,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-bff4f419"]]);
+const KdsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__scopeId", "data-v-bff4f419"]]);
 const ID_TO_ICON_MAP = {
   // Flow Variables
@@ -333,10 +334,12 @@ const iconNames = [
   "arrows-expand",
   "arrows-move",
   "arrows-order",
+  "auto-configure",
   "back",
   "bold",
   "calendar",
   "case-sensitive",
+  "cell-renderer",
   "center-aligned",
   "checkmark",
   "chevron-down",
@@ -359,6 +362,7 @@ const iconNames = [
   "code-block",
   "collection",
   "color-picker",
+  "column-width",
   "comment",
   "component",
   "connection",
@@ -433,6 +437,7 @@ const iconNames = [
   "open-in-new-window",
   "pan-mode",
   "parameter",
+  "path-separator",
   "pending-changes",
   "pin",
   "placeholder",
@@ -471,6 +476,7 @@ const iconNames = [
   "stepwise-execution",
   "stop",
   "strikethrough",
+  "table-statistics",
   "tag",
   "team",
   "template-gallery",
@@ -569,8 +575,8 @@ const kdsDataTypeSize = {
 };
 const kdsDataTypeSizes = Object.values(kdsDataTypeSize);
-const _hoisted_1$Y = ["title"];
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$_ = ["title"];
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "KdsDataType",
   props: {
     iconName: { default: "unknown-datatype" },
@@ -611,12 +617,12 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
           "aria-hidden": "true",
           focusable: "false"
         }, null, 8, ["class"]))
-      ], 10, _hoisted_1$Y);
+      ], 10, _hoisted_1$_);
     };
   }
 });
-const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__scopeId", "data-v-38e9537f"]]);
+const KdsDataType = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-38e9537f"]]);
 const kdsBadgeVariant = {
   NEUTRAL: "neutral",
@@ -633,8 +639,8 @@ const kdsBadgeSize = {
 };
 const kdsBadgeSizes = Object.values(kdsBadgeSize);
-const _hoisted_1$X = { class: "label-wrapper" };
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+const _hoisted_1$Z = { class: "label-wrapper" };
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "KdsBadge",
   props: {
     label: {},
@@ -656,13 +662,13 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
           name: __props.leadingIcon,
           size: sizeToIconSize[__props.size]
         }, null, 8, ["name", "size"])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_1$X, toDisplayString(__props.label), 1)
+        createElementVNode("span", _hoisted_1$Z, toDisplayString(__props.label), 1)
       ], 2);
     };
   }
 });
-const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__scopeId", "data-v-df64f7cf"]]);
+const KdsBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-df64f7cf"]]);
 const kdsColorSwatchType = {
   LEARNER: "learner",
@@ -681,14 +687,14 @@ const kdsColorSwatchSize = {
 };
 const kdsColorSwatchSizes = Object.values(kdsColorSwatchSize);
-const _hoisted_1$W = ["role", "title", "aria-hidden", "aria-label"];
+const _hoisted_1$Y = ["role", "title", "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$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "KdsColorSwatch",
   props: {
     color: {},
@@ -763,12 +769,12 @@ const _sfc_main$1s = /* @__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$W);
+      }, null, 14, _hoisted_1$Y);
     };
   }
 });
-const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-91e0130d"]]);
+const KdsColorSwatch = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["__scopeId", "data-v-91e0130d"]]);
 const kdsDarkModeType = {
   LIGHT: "light",
@@ -888,9 +894,9 @@ function useKdsIsTruncated(elementRef) {
   return { isTruncated };
 }
-const _hoisted_1$V = ["title", "aria-label"];
-const _hoisted_2$z = ["title"];
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$X = ["title", "aria-label"];
+const _hoisted_2$A = ["title"];
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "KdsLiveStatus",
   props: {
     status: { default: "red" },
@@ -919,13 +925,13 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
           ref: labelEl,
           class: "label",
           title: unref(isTruncated) ? __props.label : void 0
-        }, toDisplayString(__props.label), 9, _hoisted_2$z)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$V);
+        }, toDisplayString(__props.label), 9, _hoisted_2$A)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$X);
     };
   }
 });
-const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__scopeId", "data-v-01555495"]]);
+const KdsLiveStatus = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["__scopeId", "data-v-01555495"]]);
 const kdsLiveStatusStatus = {
   RED: "red",
@@ -941,8 +947,8 @@ const kdsLiveStatusSize = {
 };
 const kdsLiveStatusSizes = Object.values(kdsLiveStatusSize);
-const _hoisted_1$U = ["data-style"];
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$W = ["data-style"];
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "KdsLoadingSpinner",
   props: {
     size: { default: "medium" },
@@ -967,12 +973,12 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
           cy: "60",
           r: "50"
         }, null, -1)
-      ])], 10, _hoisted_1$U);
+      ])], 10, _hoisted_1$W);
     };
   }
 });
-const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-54835dc0"]]);
+const KdsLoadingSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-54835dc0"]]);
 const kdsLoadingSpinnerVariant = {
   ON_PRIMARY: "onPrimary",
@@ -982,14 +988,14 @@ const kdsLoadingSpinnerVariants = Object.values(
   kdsLoadingSpinnerVariant
 );
-const _hoisted_1$T = ["role"];
-const _hoisted_2$y = { class: "header" };
-const _hoisted_3$q = { class: "headline" };
-const _hoisted_4$m = {
+const _hoisted_1$V = ["role"];
+const _hoisted_2$z = { class: "header" };
+const _hoisted_3$r = { class: "headline" };
+const _hoisted_4$n = {
   key: 0,
   class: "body"
 };
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "KdsInlineMessage",
   props: {
     headline: {},
@@ -1020,21 +1026,21 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
         class: normalizeClass(classes.value),
         role: role.value
       }, [
-        createElementVNode("div", _hoisted_2$y, [
+        createElementVNode("div", _hoisted_2$z, [
           createVNode(KdsIcon, {
             class: "icon",
             name: iconName.value,
             size: "small"
           }, null, 8, ["name"]),
-          createElementVNode("div", _hoisted_3$q, toDisplayString(props.headline), 1)
+          createElementVNode("div", _hoisted_3$r, toDisplayString(props.headline), 1)
         ]),
-        props.description ? (openBlock(), createElementBlock("div", _hoisted_4$m, toDisplayString(props.description), 1)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$T);
+        props.description ? (openBlock(), createElementBlock("div", _hoisted_4$n, toDisplayString(props.description), 1)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$V);
     };
   }
 });
-const KdsInlineMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-af14056f"]]);
+const KdsInlineMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["__scopeId", "data-v-af14056f"]]);
 const kdsInlineMessageVariant = {
   ERROR: "error",
@@ -1044,11 +1050,11 @@ const kdsInlineMessageVariant = {
 };
 const kdsInlineMessageVariants = Object.values(kdsInlineMessageVariant);
-const _hoisted_1$S = { class: "donut-container" };
-const _hoisted_2$x = ["height", "width", "viewBox"];
-const _hoisted_3$p = ["r", "stroke-width"];
-const _hoisted_4$l = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
-const _hoisted_5$b = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
+const _hoisted_1$U = { class: "donut-container" };
+const _hoisted_2$y = ["height", "width", "viewBox"];
+const _hoisted_3$q = ["r", "stroke-width"];
+const _hoisted_4$m = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
+const _hoisted_5$c = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"];
 const _hoisted_6$a = {
   key: 0,
   class: "donut-text"
@@ -1060,7 +1066,7 @@ const _hoisted_8$3 = {
 };
 const radius = 22;
 const innerRadius = 10;
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "KdsDonutChart",
   props: {
     value: {},
@@ -1104,7 +1110,7 @@ const _sfc_main$1o = /* @__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$S, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
         (openBlock(), createElementBlock("svg", {
           height: diameter.value,
           width: diameter.value,
@@ -1118,7 +1124,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
             r: r.value,
             "stroke-width": strokeWidth.value,
             fill: "transparent"
-          }, null, 8, _hoisted_3$p),
+          }, null, 8, _hoisted_3$q),
           __props.secondaryValue && !disabled.value ? (openBlock(), createElementBlock("circle", {
             key: 0,
             class: normalizeClass(["value-wedge", "secondary-circle", { animate: __props.animate }]),
@@ -1130,7 +1136,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
             "stroke-dashoffset": secondaryStrokeDashOffset.value,
             fill: "transparent",
             transform: transformWedge.value
-          }, null, 10, _hoisted_4$l)) : createCommentVNode("", true),
+          }, null, 10, _hoisted_4$m)) : createCommentVNode("", true),
           !disabled.value ? (openBlock(), createElementBlock("circle", {
             key: 1,
             class: normalizeClass(["value-wedge", "primary-circle", { animate: __props.animate }]),
@@ -1142,8 +1148,8 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
             "stroke-dashoffset": strokeDashOffset.value,
             fill: "transparent",
             transform: transformWedge.value
-          }, null, 10, _hoisted_5$b)) : createCommentVNode("", true)
-        ], 8, _hoisted_2$x)),
+          }, null, 10, _hoisted_5$c)) : createCommentVNode("", true)
+        ], 8, _hoisted_2$y)),
         __props.title ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
           createElementVNode("div", _hoisted_7$3, toDisplayString(__props.title), 1),
           __props.subText ? (openBlock(), createElementBlock("div", _hoisted_8$3, toDisplayString(__props.subText), 1)) : createCommentVNode("", true)
@@ -1153,22 +1159,22 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsDonutChart = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-f5faf61c"]]);
+const KdsDonutChart = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-f5faf61c"]]);
-const _sfc_main$1n = {  };
+const _sfc_main$1p = {  };
-const _hoisted_1$R = { class: "kds-divider" };
+const _hoisted_1$T = { class: "kds-divider" };
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("hr", _hoisted_1$R))
+  return (openBlock(), createElementBlock("hr", _hoisted_1$T))
 }
-const KdsDivider = /*#__PURE__*/_export_sfc(_sfc_main$1n, [['render',_sfc_render],['__scopeId',"data-v-4d059bd3"]]);
+const KdsDivider = /*#__PURE__*/_export_sfc(_sfc_main$1p, [['render',_sfc_render],['__scopeId',"data-v-4d059bd3"]]);
-const _hoisted_1$Q = {
+const _hoisted_1$S = {
   key: 0,
   class: "label"
 };
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "BaseButton",
   props: {
     dataTestId: {},
@@ -1232,7 +1238,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
               size: iconSize.value
             }, null, 8, ["name", "size"])) : createCommentVNode("", true)
           ], true),
-          props.label ? (openBlock(), createElementBlock("span", _hoisted_1$Q, toDisplayString(props.label), 1)) : createCommentVNode("", true),
+          props.label ? (openBlock(), createElementBlock("span", _hoisted_1$S, toDisplayString(props.label), 1)) : createCommentVNode("", true),
           props.trailingIcon && props.label ? (openBlock(), createBlock(KdsIcon, {
             key: 1,
             name: props.trailingIcon,
@@ -1245,9 +1251,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   }
 });
-const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__scopeId", "data-v-190ac311"]]);
+const BaseButton = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-190ac311"]]);
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "KdsButton",
   props: {
     dataTestId: {},
@@ -1313,7 +1319,7 @@ function isExternalUrl(url) {
   return true;
 }
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "KdsLinkButton",
   props: {
     dataTestId: {},
@@ -1543,12 +1549,12 @@ function prettyBytes(number, options) {
 	return applyFixedWidth(result, options.fixedWidth);
 }
-const _hoisted_1$P = { class: "label" };
-const _hoisted_2$w = {
+const _hoisted_1$R = { class: "label" };
+const _hoisted_2$x = {
   key: 1,
   class: "file-size"
 };
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "KdsLink",
   props: {
     to: {},
@@ -1638,13 +1644,13 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
         onClick
       }, {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$P, toDisplayString(__props.label), 1),
+          createElementVNode("span", _hoisted_1$R, 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$w, toDisplayString(normalizedFileSize.value), 1)) : createCommentVNode("", true)
+          normalizedFileSize.value ? (openBlock(), createElementBlock("span", _hoisted_2$x, toDisplayString(normalizedFileSize.value), 1)) : createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["class", "to", "download", "target", "rel", "title", "aria-disabled"]);
@@ -1652,9 +1658,9 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsLink = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-56e748a8"]]);
+const KdsLink = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__scopeId", "data-v-56e748a8"]]);
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "KdsToggleButton",
   props: /* @__PURE__ */ mergeModels({
     dataTestId: {},
@@ -1691,9 +1697,9 @@ const kdsToggleButtonVariant = {
 };
 const kdsToggleButtonVariants = Object.values(kdsToggleButtonVariant);
-const _hoisted_1$O = ["data-visible"];
-const _hoisted_2$v = ["data-visible"];
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$Q = ["data-visible"];
+const _hoisted_2$w = ["data-visible"];
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "KdsProgressButton",
   props: /* @__PURE__ */ mergeModels({
     dataTestId: {},
@@ -1755,7 +1761,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                 name: props.leadingIcon,
                 size: iconSize.value
               }, null, 8, ["name", "size"])
-            ], 8, _hoisted_1$O),
+            ], 8, _hoisted_1$Q),
             createElementVNode("span", {
               class: "spinner",
               "data-visible": state.value === "progress"
@@ -1764,7 +1770,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                 size: iconSize.value,
                 variant: __props.variant === "filled" ? "onPrimary" : "onSurface"
               }, null, 8, ["size", "variant"])
-            ], 8, _hoisted_2$v)
+            ], 8, _hoisted_2$w)
           ], 2)
         ]),
         _: 1
@@ -1773,7 +1779,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-d38d7ade"]]);
+const KdsProgressButton = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-d38d7ade"]]);
 const kdsProgressButtonState = {
   DEFAULT: "default",
@@ -1997,7 +2003,7 @@ const useStableItemIds = (options) => {
   return { itemsWithPrefix, idPrefix, toUnprefixedId };
 };
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "ListItemAccessory",
   props: {
     accessory: {},
@@ -2043,14 +2049,14 @@ const kdsListItemAccessorySize = {
   LARGE: "large"
 };
-const _hoisted_1$N = ["id", "role", "aria-selected", "aria-disabled"];
-const _hoisted_2$u = {
+const _hoisted_1$P = ["id", "role", "aria-selected", "aria-disabled"];
+const _hoisted_2$v = {
   key: 0,
   class: "accessory"
 };
-const _hoisted_3$o = { class: "content" };
-const _hoisted_4$k = ["title"];
-const _hoisted_5$a = {
+const _hoisted_3$p = { class: "content" };
+const _hoisted_4$l = ["title"];
+const _hoisted_5$b = {
   key: 0,
   class: "prefix"
 };
@@ -2064,7 +2070,7 @@ const _hoisted_9$2 = {
   key: 3,
   class: "trailing-item-reserve-space"
 };
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "KdsListItem",
   props: {
     id: {},
@@ -2109,7 +2115,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         id: props.id,
         role: __props.role,
         "aria-selected": __props.role === "option" ? __props.selected : void 0,
-        "aria-disabled": __props.disabled,
+        "aria-disabled": __props.role === "presentation" ? void 0 : __props.disabled,
         class: normalizeClass([
           "kds-list-item",
           __props.variant,
@@ -2122,25 +2128,25 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         ]),
         onClick
       }, [
-        props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$u, [
-          createVNode(_sfc_main$1g, {
+        props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$v, [
+          createVNode(_sfc_main$1i, {
             accessory: props.accessory,
             size: accessorySize.value,
             disabled: __props.disabled
           }, null, 8, ["accessory", "size", "disabled"])
         ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_3$o, [
+        createElementVNode("span", _hoisted_3$p, [
           createElementVNode("span", {
             ref_key: "labelEl",
             ref: labelEl,
             class: "label",
             title: unref(isLabelTruncated) ? props.text : void 0
           }, [
-            __props.missing ? (openBlock(), createElementBlock("span", _hoisted_5$a, "(Missing) ")) : createCommentVNode("", true),
+            __props.missing ? (openBlock(), createElementBlock("span", _hoisted_5$b, "(Missing) ")) : createCommentVNode("", true),
             createElementVNode("span", {
               class: normalizeClass({ special: __props.special })
             }, toDisplayString(props.text), 3)
-          ], 8, _hoisted_4$k),
+          ], 8, _hoisted_4$l),
           props.subText ? (openBlock(), createElementBlock("span", {
             key: 0,
             ref_key: "subtextEl",
@@ -2163,20 +2169,20 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
           }, null, 8, ["name"])) : createCommentVNode("", true),
           !props.shortcut && !props.trailingIcon && !props.badge ? (openBlock(), createElementBlock("span", _hoisted_9$2)) : createCommentVNode("", true)
         ])
-      ], 10, _hoisted_1$N);
+      ], 10, _hoisted_1$P);
     };
   }
 });
-const KdsListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-9625480f"]]);
+const KdsListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-a3d6c86f"]]);
-const _hoisted_1$M = { class: "kds-list-item-section-title" };
-const _hoisted_2$t = {
+const _hoisted_1$O = { class: "kds-list-item-section-title" };
+const _hoisted_2$u = {
   key: 0,
   class: "icon"
 };
-const _hoisted_3$n = ["title"];
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _hoisted_3$o = ["title"];
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "ListItemSectionTitle",
   props: {
     label: {},
@@ -2187,8 +2193,8 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     const labelEl = useTemplateRef("labelEl");
     const { isTruncated } = useKdsIsTruncated(labelEl);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
-        props.leadingIcon ? (openBlock(), createElementBlock("span", _hoisted_2$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$O, [
+        props.leadingIcon ? (openBlock(), createElementBlock("span", _hoisted_2$u, [
           createVNode(KdsIcon, {
             name: props.leadingIcon,
             size: "small"
@@ -2199,15 +2205,15 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
           ref: labelEl,
           class: "label",
           title: unref(isTruncated) ? props.label : void 0
-        }, toDisplayString(props.label), 9, _hoisted_3$n)
+        }, toDisplayString(props.label), 9, _hoisted_3$o)
       ]);
     };
   }
 });
-const ListItemSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-5eeb1226"]]);
+const ListItemSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-5eeb1226"]]);
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "KdsMenuItem",
   props: {
     item: {},
@@ -2216,7 +2222,70 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     variant: {}
   },
   emits: ["click"],
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const linkEl = useTemplateRef(
+      "linkEl"
+    );
+    __expose({
+      clickLink: () => {
+        if (typeof props.item.to !== "string" || props.item.disabled) {
+          return;
+        }
+        const ref = linkEl.value;
+        if (!ref) {
+          return;
+        }
+        const el = ref instanceof HTMLElement ? ref : ref.$el;
+        el?.click();
+      }
+    });
+    const isLink = computed(() => typeof props.item.to === "string");
+    const isExternal = computed(
+      () => typeof props.item.to === "string" && isExternalUrl(props.item.to)
+    );
+    const linkComponent = computed(() => {
+      if (props.item.disabled) {
+        return "span";
+      }
+      return resolveNuxtLinkComponent();
+    });
+    const effectiveTarget = computed(() => {
+      if (!isLink.value) {
+        return void 0;
+      }
+      const target = props.item.target;
+      return target ?? (isExternal.value ? "_blank" : void 0);
+    });
+    const effectiveRel = computed(() => {
+      if (!isLink.value) {
+        return void 0;
+      }
+      const rel = props.item.rel;
+      if (effectiveTarget.value !== "_blank") {
+        return rel ?? void 0;
+      }
+      if (!rel) {
+        return "noopener noreferrer";
+      }
+      const relTokens = rel.split(/\s+/).filter(Boolean);
+      if (!relTokens.includes("noopener")) {
+        relTokens.push("noopener");
+      }
+      if (!relTokens.includes("noreferrer")) {
+        relTokens.push("noreferrer");
+      }
+      return relTokens.join(" ");
+    });
+    const effectiveTrailingIcon = computed(() => {
+      if (isExternal.value && !props.item.shortcut && !props.item.badge) {
+        return "external-link";
+      }
+      return void 0;
+    });
+    const effectiveTo = computed(
+      () => props.item.disabled ? void 0 : props.item.to
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         __props.item.sectionHeadline ? (openBlock(), createBlock(unref(ListItemSectionTitle), mergeProps({
@@ -2225,9 +2294,42 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
           "leading-icon": __props.item.sectionHeadlineIcon,
           role: "presentation",
           "aria-hidden": "true"
-        }, _ctx.$attrs), null, 16, ["label", "leading-icon"])) : (openBlock(), createBlock(unref(KdsListItem), mergeProps({
+        }, _ctx.$attrs), null, 16, ["label", "leading-icon"])) : isLink.value ? (openBlock(), createBlock(resolveDynamicComponent(linkComponent.value), {
           key: 1,
           id: __props.item.id,
+          ref_key: "linkEl",
+          ref: linkEl,
+          to: effectiveTo.value,
+          download: __props.item.disabled ? void 0 : __props.item.download,
+          target: effectiveTarget.value,
+          rel: effectiveRel.value,
+          "aria-disabled": __props.item.disabled ? "true" : void 0,
+          tabindex: "-1",
+          role: "menuitem",
+          class: "kds-menu-item-link",
+          onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["prevent"])),
+          onClick: _cache[1] || (_cache[1] = ($event) => !__props.item.disabled && _ctx.$emit("click", $event))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(KdsListItem), mergeProps({
+              id: `${__props.item.id}-content`,
+              accessory: __props.item.accessory,
+              text: __props.item.text,
+              "sub-text": __props.item.subText,
+              disabled: __props.item.disabled,
+              active: __props.activeId === __props.item.id,
+              variant: __props.variant,
+              badge: __props.item.badge,
+              shortcut: __props.item.shortcut,
+              "trailing-icon": effectiveTrailingIcon.value,
+              role: "presentation"
+            }, _ctx.$attrs), null, 16, ["id", "accessory", "text", "sub-text", "disabled", "active", "variant", "badge", "shortcut", "trailing-icon"])
+          ]),
+          _: 1
+        }, 40, ["id", "to", "download", "target", "rel", "aria-disabled"])) : (openBlock(), createBlock(unref(KdsListItem), mergeProps({
+          key: 2,
+          id: __props.item.id,
           accessory: __props.item.accessory,
           text: __props.item.text,
           "sub-text": __props.item.subText,
@@ -2238,10 +2340,10 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
           shortcut: __props.item.shortcut,
           role: "menuitem"
         }, _ctx.$attrs, {
-          onClick: _cache[0] || (_cache[0] = ($event) => !__props.item.disabled && _ctx.$emit("click", $event))
+          onClick: _cache[2] || (_cache[2] = ($event) => !__props.item.disabled && _ctx.$emit("click", $event))
         }), null, 16, ["id", "accessory", "text", "sub-text", "disabled", "active", "variant", "badge", "shortcut"])),
         __props.item.separator && !__props.isLast ? (openBlock(), createBlock(unref(KdsDivider), {
-          key: 2,
+          key: 3,
           class: "kds-list-item-divider",
           role: "presentation",
           "aria-hidden": "true"
@@ -2251,8 +2353,10 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$L = ["id", "aria-label", "aria-activedescendant"];
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const KdsMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__scopeId", "data-v-00c46d78"]]);
+const _hoisted_1$N = ["id", "aria-label", "aria-activedescendant"];
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "KdsMenuContainer",
   props: {
     id: {},
@@ -2275,8 +2379,18 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     const enabledItems = computed(
       () => selectableItems.value.filter((item) => !item.disabled)
     );
+    const containerEl = useTemplateRef("containerEl");
+    const itemRefs = ref([]);
+    const setItemRef = (el, index) => {
+      if (el) {
+        itemRefs.value[index] = el;
+      }
+    };
     const handleItemInteraction = (item, event) => {
       const id = toUnprefixedId(item?.id);
+      if (!id) {
+        return;
+      }
       const originalItem = props.items.find((i) => i.id === id);
       try {
         originalItem?.handler?.(originalItem, event);
@@ -2285,7 +2399,19 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       }
       emit("itemClick", id);
     };
-    const containerEl = useTemplateRef("containerEl");
+    const onKeyboardActivate = (item, event) => {
+      const id = toUnprefixedId(item?.id);
+      if (!id) {
+        return;
+      }
+      const originalItem = props.items.find((i) => i.id === id);
+      if (originalItem?.to && !originalItem.disabled) {
+        const idx = itemsWithPrefix.value.findIndex((i) => i.id === item?.id);
+        itemRefs.value?.[idx]?.clickLink();
+        return;
+      }
+      handleItemInteraction(item, event);
+    };
     const { activeId } = useListItemKeyboardNav({
       containerEl,
       enabledItems,
@@ -2293,10 +2419,10 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       itemFocusStrategy: __props.itemFocusStrategy,
       triggers: {
         onEnter: (_activeId, item, event) => {
-          handleItemInteraction(item, event);
+          onKeyboardActivate(item, event);
         },
         onSpace: (_activeId, item, event) => {
-          handleItemInteraction(item, event);
+          onKeyboardActivate(item, event);
         }
       }
     });
@@ -2322,8 +2448,10 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         "aria-activedescendant": unref(activeId)
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemsWithPrefix), (item, index) => {
-          return openBlock(), createBlock(_sfc_main$1d, {
+          return openBlock(), createBlock(KdsMenuItem, {
             key: item.id,
+            ref_for: true,
+            ref: (el) => setItemRef(el, index),
             item,
             "is-last": index === unref(itemsWithPrefix).length - 1,
             "active-id": unref(activeId),
@@ -2331,12 +2459,12 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             onClick: ($event) => handleItemInteraction(item, $event)
           }, null, 8, ["item", "is-last", "active-id", "variant", "onClick"]);
         }), 128))
-      ], 12, _hoisted_1$L);
+      ], 12, _hoisted_1$N);
     };
   }
 });
-const KdsMenuContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-76ab9f2c"]]);
+const KdsMenuContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__scopeId", "data-v-cce3fc40"]]);
 const kdsPopoverPlacement = {
   CUSTOM: "custom"
@@ -2344,12 +2472,12 @@ const kdsPopoverPlacement = {
 const kdsPopoverType = {
   AUTO: "auto"};
-const _hoisted_1$K = ["id", "popover", "role"];
-const _hoisted_2$s = {
+const _hoisted_1$M = ["id", "popover", "role"];
+const _hoisted_2$t = {
   key: 0,
   class: "kds-popover-default-content"
 };
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "KdsPopover",
   props: /* @__PURE__ */ mergeModels({
     role: {},
@@ -2407,21 +2535,21 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
         onToggle
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
-          props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$s, toDisplayString(props.content), 1)) : createCommentVNode("", true)
+          props.content?.trim().length ? (openBlock(), createElementBlock("div", _hoisted_2$t, toDisplayString(props.content), 1)) : createCommentVNode("", true)
         ], true)
-      ], 46, _hoisted_1$K);
+      ], 46, _hoisted_1$M);
     };
   }
 });
-const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-1e5f9d24"]]);
+const KdsPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-1e5f9d24"]]);
 const KdsPopover$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: KdsPopover
 }, Symbol.toStringTag, { value: 'Module' }));
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2472,7 +2600,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     __expose({ menuButtonEl });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$1i, mergeProps({
+        createVNode(_sfc_main$1k, mergeProps({
           ref: "menuButton",
           modelValue: isMenuOpen.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = $event)
@@ -2505,7 +2633,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "KdsSplitButton",
   props: {
     dataTestId: {},
@@ -2593,7 +2721,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsSplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-8f48b87a"]]);
+const KdsSplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__scopeId", "data-v-8f48b87a"]]);
 const kdsButtonSize = {
   XSMALL: "xsmall",
@@ -2609,17 +2737,17 @@ const kdsButtonVariant = {
 };
 const kdsButtonVariants = Object.values(kdsButtonVariant);
-const _hoisted_1$J = ["aria-disabled"];
-const _hoisted_2$r = { class: "kds-empty-state-headline" };
-const _hoisted_3$m = {
+const _hoisted_1$L = ["aria-disabled"];
+const _hoisted_2$s = { class: "kds-empty-state-headline" };
+const _hoisted_3$n = {
   key: 1,
   class: "kds-empty-state-description"
 };
-const _hoisted_4$j = {
+const _hoisted_4$k = {
   key: 2,
   class: "kds-empty-state-action"
 };
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "KdsEmptyState",
   props: {
     headline: {},
@@ -2637,13 +2765,13 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       () => props.button && "to" in props.button && props.button.to !== void 0
     );
     const buttonComponent = computed(
-      () => isLinkButton.value ? _sfc_main$1k : _sfc_main$1l
+      () => isLinkButton.value ? _sfc_main$1m : _sfc_main$1n
     );
     const isSecondaryLinkButton = computed(
       () => props.secondaryButton && "to" in props.secondaryButton && props.secondaryButton.to !== void 0
     );
     const secondaryButtonComponent = computed(
-      () => isSecondaryLinkButton.value ? _sfc_main$1k : _sfc_main$1l
+      () => isSecondaryLinkButton.value ? _sfc_main$1m : _sfc_main$1n
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -2657,9 +2785,9 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
           variant: "onSurface",
           "aria-hidden": "true"
         })) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_2$r, toDisplayString(props.headline), 1),
-        props.description ? (openBlock(), createElementBlock("p", _hoisted_3$m, toDisplayString(props.description), 1)) : createCommentVNode("", true),
-        props.button ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
+        createElementVNode("p", _hoisted_2$s, 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$k, [
           (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))
@@ -2669,16 +2797,16 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && emit("secondaryButtonClick", $event))
           }), null, 16, ["disabled"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$J);
+      ], 10, _hoisted_1$L);
     };
   }
 });
-const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-e913660a"]]);
+const KdsEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-e913660a"]]);
-const _hoisted_1$I = ["aria-busy", "aria-label", "aria-activedescendant", "tabindex"];
+const _hoisted_1$K = ["aria-busy", "aria-label", "aria-activedescendant", "tabindex"];
 const loadingStateText = "Loading entries";
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "KdsListContainer",
   props: {
     possibleValues: {},
@@ -2801,19 +2929,19 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             "loading-spinner": __props.loading
           }, null, 8, ["headline", "loading-spinner"])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$I);
+      ], 16, _hoisted_1$K);
     };
   }
 });
-const KdsListContainer = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-118706ad"]]);
+const KdsListContainer = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-118706ad"]]);
 const KdsListContainer$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: KdsListContainer
 }, Symbol.toStringTag, { value: 'Module' }));
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "KdsMenu",
   props: {
@@ -2902,7 +3030,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "KdsContextMenu",
   props: /* @__PURE__ */ mergeModels({
@@ -2962,14 +3090,14 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$H = { class: "kds-preview-list" };
-const _hoisted_2$q = { class: "kds-preview-list-title-row" };
-const _hoisted_3$l = { class: "kds-preview-list-content" };
-const _hoisted_4$i = { class: "kds-preview-list-headline" };
-const _hoisted_5$9 = ["aria-label"];
+const _hoisted_1$J = { class: "kds-preview-list" };
+const _hoisted_2$r = { class: "kds-preview-list-title-row" };
+const _hoisted_3$m = { class: "kds-preview-list-content" };
+const _hoisted_4$j = { class: "kds-preview-list-headline" };
+const _hoisted_5$a = ["aria-label"];
 const _hoisted_6$8 = { class: "kds-preview-list-show-hide" };
 const DEFAULT_MAX_VISIBLE_ITEMS = 6;
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "KdsPreviewList",
   props: /* @__PURE__ */ mergeModels({
     headline: {},
@@ -3003,8 +3131,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       })
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1$H, [
-        createElementVNode("header", _hoisted_2$q, [
+      return openBlock(), createElementBlock("section", _hoisted_1$J, [
+        createElementVNode("header", _hoisted_2$r, [
           __props.loading && !expanded.value ? (openBlock(), createBlock(KdsLoadingSpinner, {
             key: 0,
             size: "small",
@@ -3014,10 +3142,10 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             name: __props.leadingIcon,
             size: "small"
           }, null, 8, ["name"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$l, [
-            createElementVNode("span", _hoisted_4$i, toDisplayString(props.headline), 1)
+          createElementVNode("div", _hoisted_3$m, [
+            createElementVNode("span", _hoisted_4$j, toDisplayString(props.headline), 1)
           ]),
-          __props.trailingButton ? (openBlock(), createBlock(_sfc_main$1l, normalizeProps(mergeProps({ key: 2 }, trailingButtonProps.value)), null, 16)) : createCommentVNode("", true)
+          __props.trailingButton ? (openBlock(), createBlock(_sfc_main$1n, normalizeProps(mergeProps({ key: 2 }, trailingButtonProps.value)), null, 16)) : createCommentVNode("", true)
         ]),
         withDirectives(createElementVNode("div", {
           id: bodyId,
@@ -3050,12 +3178,12 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
                 }, ["stop"]))
               }, null, 8, ["id", "text", "accessory"]);
             }), 128))
-          ], 8, _hoisted_5$9)) : createCommentVNode("", true)
+          ], 8, _hoisted_5$a)) : createCommentVNode("", true)
         ], 512), [
           [vShow, expanded.value]
         ]),
         createElementVNode("footer", _hoisted_6$8, [
-          createVNode(_sfc_main$1l, {
+          createVNode(_sfc_main$1n, {
             class: "kds-preview-list-toggle",
             label: expanded.value ? "Hide all" : "Show all",
             "trailing-icon": expanded.value ? "chevron-up" : "chevron-down",
@@ -3071,11 +3199,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsPreviewList = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-a11103f6"]]);
+const KdsPreviewList = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-a11103f6"]]);
-const _hoisted_1$G = { class: "kds-label-wrapper" };
-const _hoisted_2$p = ["id", "for", "title"];
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$I = { class: "kds-label-wrapper" };
+const _hoisted_2$q = ["id", "for", "title"];
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "KdsLabel",
   props: {
     label: {},
@@ -3092,7 +3220,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     const labelEl = useTemplateRef("labelEl");
     const { isTruncated } = useKdsIsTruncated(labelEl);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         createElementVNode("label", {
           id: props.id,
           ref_key: "labelEl",
@@ -3100,7 +3228,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           for: props.for,
           class: "label",
           title: unref(isTruncated) ? props.label : void 0
-        }, toDisplayString(props.label), 9, _hoisted_2$p),
+        }, toDisplayString(props.label), 9, _hoisted_2$q),
         props.description ? (openBlock(), createBlock(unref(KdsInfoToggleButton), {
           key: 0,
           content: props.description,
@@ -3111,11 +3239,11 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-efe3313e"]]);
+const KdsLabel = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-efe3313e"]]);
-const _hoisted_1$F = ["id"];
-const _hoisted_2$o = { class: "subtext-text" };
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$H = ["id"];
+const _hoisted_2$p = { class: "subtext-text" };
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "KdsSubText",
   props: {
     id: {},
@@ -3146,27 +3274,27 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           variant: "onSurface",
           "aria-hidden": "true"
         })) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2$o, toDisplayString(props.subText), 1)
-      ], 10, _hoisted_1$F)) : createCommentVNode("", true);
+        createElementVNode("span", _hoisted_2$p, toDisplayString(props.subText), 1)
+      ], 10, _hoisted_1$H)) : createCommentVNode("", true);
     };
   }
 });
-const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-2e6ba10c"]]);
+const KdsSubText = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-2e6ba10c"]]);
-const _hoisted_1$E = ["disabled", "title", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
-const _hoisted_2$n = { class: "control" };
-const _hoisted_3$k = {
+const _hoisted_1$G = ["disabled", "title", "aria-label", "aria-checked", "aria-describedby", "aria-invalid"];
+const _hoisted_2$o = { class: "control" };
+const _hoisted_3$l = {
   key: 0,
   class: "content"
 };
-const _hoisted_4$h = { class: "label" };
-const _hoisted_5$8 = ["id"];
+const _hoisted_4$i = { class: "label" };
+const _hoisted_5$9 = ["id"];
 const _hoisted_6$7 = {
   key: 0,
   class: "subtext-wrapper"
 };
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "BaseCheckbox",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -3239,7 +3367,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
           role: "checkbox",
           onClick: handleClick
         }, [
-          createElementVNode("div", _hoisted_2$n, [
+          createElementVNode("div", _hoisted_2$o, [
             icon.value ? (openBlock(), createBlock(KdsIcon, {
               key: 0,
               name: icon.value,
@@ -3247,15 +3375,15 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
               size: "xsmall"
             }, null, 8, ["name"])) : createCommentVNode("", true)
           ]),
-          props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
-            createElementVNode("div", _hoisted_4$h, toDisplayString(props.label), 1),
+          props.label || props.helperText ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
+            createElementVNode("div", _hoisted_4$i, toDisplayString(props.label), 1),
             props.helperText ? (openBlock(), createElementBlock("div", {
               key: 0,
               id: unref(helperId),
               class: "helper-text"
-            }, toDisplayString(props.helperText), 9, _hoisted_5$8)) : createCommentVNode("", true)
+            }, toDisplayString(props.helperText), 9, _hoisted_5$9)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
-        ], 10, _hoisted_1$E),
+        ], 10, _hoisted_1$G),
         props.subText || props.preserveSubTextSpace ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
           createVNode(KdsSubText, {
             id: unref(descriptionId),
@@ -3269,9 +3397,9 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
-const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-7bfc5667"]]);
+const BaseCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-7bfc5667"]]);
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "KdsCheckbox",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -3301,11 +3429,11 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$D = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby"];
-const _hoisted_2$m = ["id"];
-const _hoisted_3$j = ["title"];
-const _hoisted_4$g = { class: "kds-fieldset-content" };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _hoisted_1$F = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby"];
+const _hoisted_2$n = ["id"];
+const _hoisted_3$k = ["title"];
+const _hoisted_4$h = { class: "kds-fieldset-content" };
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "BaseFieldsetWrapper",
   props: {
     id: {},
@@ -3351,14 +3479,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             ref: legendTextEl,
             class: "legend-text",
             title: unref(isTruncated) ? props.label : void 0
-          }, toDisplayString(props.label), 9, _hoisted_3$j),
+          }, toDisplayString(props.label), 9, _hoisted_3$k),
           props.description ? (openBlock(), createBlock(unref(KdsInfoToggleButton), {
             key: 0,
             content: props.description,
             hidden: !isHovered.value
           }, null, 8, ["content", "hidden"])) : createCommentVNode("", true)
-        ], 8, _hoisted_2$m)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4$g, [
+        ], 8, _hoisted_2$n)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4$h, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         createVNode(KdsSubText, {
@@ -3368,14 +3496,14 @@ const _sfc_main$$ = /* @__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$D);
+      ], 40, _hoisted_1$F);
     };
   }
 });
-const BaseFieldsetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-a44731da"]]);
+const BaseFieldsetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-a44731da"]]);
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "KdsCheckboxGroup",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -3454,7 +3582,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-c6536296"]]);
+const KdsCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-c6536296"]]);
 const kdsCheckboxGroupAlignment = {
   VERTICAL: "vertical",
@@ -3470,19 +3598,19 @@ const kdsCheckboxValue = {
 };
 const kdsCheckboxValues = Object.values(kdsCheckboxValue);
-const _hoisted_1$C = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
-const _hoisted_2$l = { class: "control" };
-const _hoisted_3$i = {
+const _hoisted_1$E = ["aria-checked", "aria-describedby", "aria-invalid", "disabled"];
+const _hoisted_2$m = { class: "control" };
+const _hoisted_3$j = {
   key: 0,
   class: "dot",
   viewBox: "0 0 2 2",
   "aria-hidden": "true",
   focusable: "false"
 };
-const _hoisted_4$f = { class: "content" };
-const _hoisted_5$7 = { class: "label" };
+const _hoisted_4$g = { class: "content" };
+const _hoisted_5$8 = { class: "label" };
 const _hoisted_6$6 = ["id"];
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "KdsRadioButton",
   props: /* @__PURE__ */ mergeModels({
     text: {},
@@ -3522,8 +3650,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         type: "button",
         onClick: handleClick
       }, [
-        createElementVNode("div", _hoisted_2$l, [
-          modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$i, [..._cache[0] || (_cache[0] = [
+        createElementVNode("div", _hoisted_2$m, [
+          modelValue.value ? (openBlock(), createElementBlock("svg", _hoisted_3$j, [..._cache[0] || (_cache[0] = [
             createElementVNode("circle", {
               cx: "1",
               cy: "1",
@@ -3531,20 +3659,20 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             }, null, -1)
           ])])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_4$f, [
-          createElementVNode("div", _hoisted_5$7, toDisplayString(props.text), 1),
+        createElementVNode("div", _hoisted_4$g, [
+          createElementVNode("div", _hoisted_5$8, toDisplayString(props.text), 1),
           props.helperText ? (openBlock(), createElementBlock("div", {
             key: 0,
             id: `${unref(id)}-helper`,
             class: "helper-text"
           }, toDisplayString(props.helperText), 9, _hoisted_6$6)) : createCommentVNode("", true)
         ])
-      ], 10, _hoisted_1$C);
+      ], 10, _hoisted_1$E);
     };
   }
 });
-const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-f4f6392a"]]);
+const KdsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-f4f6392a"]]);
 const useRadioSelection = ({
   selectedId,
@@ -3666,7 +3794,7 @@ const useRadioSelection = ({
   };
 };
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "KdsRadioButtonGroup",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -3741,10 +3869,10 @@ 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$B = ["aria-checked", "aria-label", "disabled", "tabindex", "title"];
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _hoisted_1$D = ["aria-checked", "aria-label", "disabled", "tabindex", "title"];
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "ValueSwitchItem",
   props: {
     selected: { type: Boolean },
@@ -3794,12 +3922,12 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           name: props.trailingIcon,
           size: __props.size
         }, null, 8, ["name", "size"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$B);
+      ], 10, _hoisted_1$D);
     };
   }
 });
-const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-5c6f0f1f"]]);
+const ValueSwitchItem = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-5c6f0f1f"]]);
 const useValueSwitchIconHiding = ({
   width,
@@ -3850,7 +3978,7 @@ const useValueSwitchIconHiding = ({
   };
 };
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "KdsValueSwitch",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -3939,7 +4067,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$Y, [["__scopeId", "data-v-f6d51795"]]);
 const kdsRadioButtonGroupAlignment = {
   VERTICAL: "vertical",
@@ -3959,7 +4087,7 @@ const kdsValueSwitchVariant = {
 };
 const kdsValueSwitchVariants = Object.values(kdsValueSwitchVariant);
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "BaseFormFieldWrapper",
   props: {
     id: {},
@@ -4011,7 +4139,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
-const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-5d99c134"]]);
+const BaseFormFieldWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-5d99c134"]]);
 const MIN_SEGMENT_INDEX = 0;
 const LARGE_STEP = 10;
@@ -4691,17 +4819,17 @@ const useInputSegments = (modelValue, getInputElement, configRef) => {
   };
 };
-const _hoisted_1$A = {
+const _hoisted_1$C = {
   key: 0,
   class: "icon-wrapper leading"
 };
-const _hoisted_2$k = {
+const _hoisted_2$l = {
   key: 1,
   class: "leading-slot"
 };
-const _hoisted_3$h = ["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$e = ["aria-disabled"];
-const _hoisted_5$6 = {
+const _hoisted_3$i = ["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$f = ["aria-disabled"];
+const _hoisted_5$7 = {
   key: 4,
   class: "trailing-slot"
 };
@@ -4709,7 +4837,7 @@ const _hoisted_6$5 = {
   key: 5,
   class: "icon-wrapper trailing"
 };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "BaseInput",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -4860,13 +4988,13 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         }),
         onClick: handleContainerClick
       }, [
-        props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
+        props.leadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
           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$k, [
+        _ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
           renderSlot(_ctx.$slots, "leading", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("input", {
@@ -4911,7 +5039,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
           onCut: handleInputCut,
           onDrop: handleInputDrop,
           onDragend: handleInputDragEnd
-        }, null, 42, _hoisted_3$h),
+        }, null, 42, _hoisted_3$i),
         props.unit ? (openBlock(), createElementBlock("span", {
           key: 2,
           class: normalizeClass({
@@ -4920,8 +5048,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled
           }),
           "aria-disabled": __props.disabled || void 0
-        }, toDisplayString(props.unit), 11, _hoisted_4$e)) : createCommentVNode("", true),
-        __props.clearable && hasValue.value && !__props.disabled ? (openBlock(), createBlock(_sfc_main$1l, {
+        }, toDisplayString(props.unit), 11, _hoisted_4$f)) : createCommentVNode("", true),
+        __props.clearable && hasValue.value && !__props.disabled ? (openBlock(), createBlock(_sfc_main$1n, {
           key: 3,
           class: "clear-button",
           size: "xsmall",
@@ -4931,7 +5059,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
           title: "Clear",
           onClick: withModifiers(clearAndFocusInput, ["stop"])
         })) : createCommentVNode("", true),
-        _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+        _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
           renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
         ])) : createCommentVNode("", true),
         props.trailingIcon ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
@@ -4944,7 +5072,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
-const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-b8ccb955"]]);
+const BaseInput = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-b8ccb955"]]);
 const usePointerHandler = (updateFromEvent) => {
   const activePointerId = ref(null);
@@ -5117,7 +5245,7 @@ const createKdsNumberParser = (params) => {
 const REPEAT_INITIAL_DELAY_MS = 400;
 const REPEAT_INTERVAL_MS = 100;
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "KdsNumberInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -5303,7 +5431,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$1l, {
+              createVNode(_sfc_main$1n, {
                 size: "xsmall",
                 variant: "outlined",
                 "leading-icon": "minus",
@@ -5315,7 +5443,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                 onPointerleave: stopRepeating,
                 onPointercancel: stopRepeating
               }, null, 8, ["ariaLabel", "disabled"]),
-              createVNode(_sfc_main$1l, {
+              createVNode(_sfc_main$1n, {
                 size: "xsmall",
                 variant: "outlined",
                 "leading-icon": "plus",
@@ -5337,7 +5465,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "KdsTextInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -5507,7 +5635,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-c9f1be40"]]);
+const KdsTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-c9f1be40"]]);
 const HEX_RADIX = 16;
 const RGB_MAX = 255;
@@ -5654,8 +5782,8 @@ const removeAlphaFromHexInput = (next) => {
   return next;
 };
-const _hoisted_1$z = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext"];
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _hoisted_1$B = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext"];
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "ColorPickerSlider",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -5739,16 +5867,16 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         onKeydown: onKeyDown
       }, [..._cache[5] || (_cache[5] = [
         createElementVNode("div", { class: "handle" }, null, -1)
-      ])], 40, _hoisted_1$z);
+      ])], 40, _hoisted_1$B);
     };
   }
 });
-const ColorPickerSlider = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-f4be2bd4"]]);
+const ColorPickerSlider = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-f4be2bd4"]]);
-const _hoisted_1$y = { class: "kds-color-picker" };
-const _hoisted_2$j = ["aria-valuetext"];
-const _hoisted_3$g = { class: "value-inputs" };
+const _hoisted_1$A = { class: "kds-color-picker" };
+const _hoisted_2$k = ["aria-valuetext"];
+const _hoisted_3$h = { class: "value-inputs" };
 const DEFAULT_HUE_DEG = 270;
 const DEFAULT_SATURATION = 0.8;
 const DEFAULT_VALUE = 0.9;
@@ -5762,7 +5890,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$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
     "modelValue": { default: "" },
@@ -5910,7 +6038,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createElementVNode("div", {
           ref_key: "colorspaceEl",
           ref: colorspaceEl,
@@ -5938,7 +6066,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             class: "handle",
             style: normalizeStyle(colorspaceHandleStyle.value)
           }, null, 4)
-        ], 44, _hoisted_2$j),
+        ], 44, _hoisted_2$k),
         createVNode(ColorPickerSlider, {
           modelValue: hue.value,
           "onUpdate:modelValue": [
@@ -5973,7 +6101,7 @@ const _sfc_main$Q = /* @__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",
@@ -5981,7 +6109,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": updateFromTextValue,
             onFocusout: onHexInputFocusOut
           }, null, 8, ["model-value"]),
-          createVNode(_sfc_main$T, {
+          createVNode(_sfc_main$V, {
             "model-value": alphaPercent.value,
             ariaLabel: "Alpha percentage",
             min: 0,
@@ -5996,7 +6124,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
-const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-2daeaa68"]]);
+const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-2daeaa68"]]);
 const HEX_LENGTH_1 = 1;
 const HEX_LENGTH_2 = 2;
@@ -6070,7 +6198,7 @@ const useColorInputValidationOnFocusOut = (modelValue) => {
   return { handleFocusOut };
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "KdsColorInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -6133,7 +6261,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["color", "style"])
               ]),
               trailing: withCtx(() => [
-                createVNode(unref(_sfc_main$1i), {
+                createVNode(unref(_sfc_main$1k), {
                   modelValue: open.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
                   size: "xsmall",
@@ -6173,7 +6301,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "KdsPasswordInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -6234,7 +6362,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur
           }), {
             trailing: withCtx(() => [
-              __props.showVisibilityToggle ? (openBlock(), createBlock(_sfc_main$1i, {
+              __props.showVisibilityToggle ? (openBlock(), createBlock(_sfc_main$1k, {
                 key: 0,
                 modelValue: showValue.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showValue.value = $event),
@@ -6274,7 +6402,7 @@ const kdsPasswordInputAutocompletes = Object.values(
   kdsPasswordInputAutocomplete
 );
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "KdsUsernameInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -10285,17 +10413,17 @@ const sn = /*@__PURE__*/ new WeakMap, cn = /*@__PURE__*/ sn.get.bind(sn), un = /
   DateTimeFormat: Xn
 }));
-const _hoisted_1$x = {
+const _hoisted_1$z = {
   role: "row",
   class: "kds-date-picker-header-row"
 };
-const _hoisted_2$i = ["aria-label"];
-const _hoisted_3$f = { class: "kds-date-picker-day-grid" };
-const _hoisted_4$d = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onFocus"];
+const _hoisted_2$j = ["aria-label"];
+const _hoisted_3$g = { class: "kds-date-picker-day-grid" };
+const _hoisted_4$e = ["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$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "DatePickerDayGrid",
   props: {
     modelValue: {},
@@ -10590,17 +10718,17 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         role: "grid",
         "aria-label": "Calendar"
       }, [
-        createElementVNode("div", _hoisted_1$x, [
+        createElementVNode("div", _hoisted_1$z, [
           (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$i);
+            }, toDisplayString(day), 9, _hoisted_2$j);
           }), 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,
@@ -10629,7 +10757,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => selectDate(day),
                   onKeydown: onDayKeydown,
                   onFocus: ($event) => onDayFocus(day)
-                }, toDisplayString(day.day), 43, _hoisted_4$d);
+                }, toDisplayString(day.day), 43, _hoisted_4$e);
               }), 128))
             ]);
           }), 128))
@@ -10639,13 +10767,13 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
-const DatePickerDayGrid = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-51807b35"]]);
+const DatePickerDayGrid = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-51807b35"]]);
-const _hoisted_1$w = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onKeydown", "onFocus"];
+const _hoisted_1$y = ["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$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "DatePickerMonthGrid",
   props: {
     modelValue: {},
@@ -10835,7 +10963,7 @@ const _sfc_main$L = /* @__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$w);
+              }, toDisplayString(cell.label), 43, _hoisted_1$y);
             }), 128))
           ]);
         }), 128))
@@ -10844,12 +10972,12 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
-const DatePickerMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-63d96e84"]]);
+const DatePickerMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-63d96e84"]]);
-const _hoisted_1$v = ["aria-selected", "aria-disabled", "aria-label", "disabled", "tabindex", "onClick", "onKeydown", "onFocus"];
+const _hoisted_1$x = ["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$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "DatePickerYearGrid",
   props: {
     modelValue: {},
@@ -11007,7 +11135,7 @@ const _sfc_main$K = /* @__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$v);
+              }, toDisplayString(cell.label), 43, _hoisted_1$x);
             }), 128))
           ]);
         }), 128))
@@ -11016,22 +11144,22 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
-const DatePickerYearGrid = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-270d55b9"]]);
+const DatePickerYearGrid = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-270d55b9"]]);
-const _hoisted_1$u = { class: "kds-date-picker" };
-const _hoisted_2$h = { class: "kds-date-picker-header" };
-const _hoisted_3$e = { class: "kds-date-picker-nav-block" };
-const _hoisted_4$c = {
+const _hoisted_1$w = { class: "kds-date-picker" };
+const _hoisted_2$i = { class: "kds-date-picker-header" };
+const _hoisted_3$f = { class: "kds-date-picker-nav-block" };
+const _hoisted_4$d = {
   key: 1,
   class: "kds-date-picker-header-static-label",
   "aria-live": "polite"
 };
-const _hoisted_5$5 = { class: "kds-date-picker-nav-block" };
+const _hoisted_5$6 = { 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$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "KdsDatePicker",
   props: /* @__PURE__ */ mergeModels({
     minDate: {},
@@ -11227,10 +11355,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     });
     __expose({ focus });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
-        createElementVNode("div", _hoisted_2$h, [
-          createElementVNode("div", _hoisted_3$e, [
-            view.value === "day" ? (openBlock(), createBlock(_sfc_main$1l, {
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+        createElementVNode("div", _hoisted_2$i, [
+          createElementVNode("div", _hoisted_3$f, [
+            view.value === "day" ? (openBlock(), createBlock(_sfc_main$1n, {
               key: 0,
               variant: "transparent",
               size: "small",
@@ -11239,7 +11367,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               disabled: prevYearDisabled.value,
               onClick: onPrevYear
             }, null, 8, ["disabled"])) : createCommentVNode("", true),
-            createVNode(_sfc_main$1l, {
+            createVNode(_sfc_main$1n, {
               variant: "transparent",
               size: "small",
               "leading-icon": "chevron-left",
@@ -11248,16 +11376,16 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               onClick: onPrev
             }, null, 8, ["ariaLabel", "disabled"])
           ]),
-          view.value !== "year" ? (openBlock(), createBlock(_sfc_main$1l, {
+          view.value !== "year" ? (openBlock(), createBlock(_sfc_main$1n, {
             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$c, toDisplayString(headerLabel.value), 1)),
-          createElementVNode("div", _hoisted_5$5, [
-            createVNode(_sfc_main$1l, {
+          }, null, 8, ["label"])) : (openBlock(), createElementBlock("div", _hoisted_4$d, toDisplayString(headerLabel.value), 1)),
+          createElementVNode("div", _hoisted_5$6, [
+            createVNode(_sfc_main$1n, {
               variant: "transparent",
               size: "small",
               "leading-icon": "chevron-right",
@@ -11265,7 +11393,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               disabled: nextDisabled.value,
               onClick: onNext
             }, null, 8, ["ariaLabel", "disabled"]),
-            view.value === "day" ? (openBlock(), createBlock(_sfc_main$1l, {
+            view.value === "day" ? (openBlock(), createBlock(_sfc_main$1n, {
               key: 0,
               variant: "transparent",
               size: "small",
@@ -11317,7 +11445,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-e46d7e18"]]);
+const KdsDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-e46d7e18"]]);
 const YEAR_END_INDEX = 4;
 const MONTH_START_INDEX = 4;
@@ -11420,7 +11548,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$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "KdsDateInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -11549,7 +11677,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             onBlur: onTextInputBlur
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$1i, {
+              createVNode(_sfc_main$1k, {
                 modelValue: popoverIsVisible.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => popoverIsVisible.value = $event),
                 size: "xsmall",
@@ -11598,8 +11726,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$t = { class: "kds-date-time-format-popover" };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = { class: "kds-date-time-format-popover" };
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "DateTimeFormatPopover",
   props: /* @__PURE__ */ mergeModels({
     allDefaultFormats: {},
@@ -11737,7 +11865,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       }));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         modeOptions.value.length > 1 ? (openBlock(), createBlock(KdsValueSwitch, {
           key: 0,
           "model-value": effectiveSelectedMode.value,
@@ -11769,9 +11897,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
-const DateTimeFormatPopover = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-8c697d02"]]);
+const DateTimeFormatPopover = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-8c697d02"]]);
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "KdsDateTimeFormatInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -11818,7 +11946,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               autocomplete: props.autocomplete
             }), {
               trailing: withCtx(() => [
-                createVNode(unref(_sfc_main$1i), {
+                createVNode(unref(_sfc_main$1k), {
                   modelValue: open.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
                   size: "xsmall",
@@ -11904,7 +12032,7 @@ const buildRegexFromPatternInput = (input, options) => {
   return `^(?!.*${withCase}).*$`;
 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "KdsPatternInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -11987,7 +12115,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             clearable: ""
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$1i, {
+              createVNode(_sfc_main$1k, {
                 modelValue: caseSensitive.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => caseSensitive.value = $event),
                 size: "xsmall",
@@ -11997,7 +12125,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 ariaLabel: "Case sensitivity",
                 disabled: __props.disabled
               }, null, 8, ["modelValue", "title", "disabled"]),
-              createVNode(_sfc_main$1i, {
+              createVNode(_sfc_main$1k, {
                 modelValue: excludeMatches.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => excludeMatches.value = $event),
                 size: "xsmall",
@@ -12007,7 +12135,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 ariaLabel: "Exclude matches",
                 disabled: __props.disabled
               }, null, 8, ["modelValue", "title", "disabled"]),
-              createVNode(_sfc_main$1i, {
+              createVNode(_sfc_main$1k, {
                 modelValue: useRegex.value,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => useRegex.value = $event),
                 size: "xsmall",
@@ -12027,7 +12155,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "KdsSearchInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -12180,11 +12308,11 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-3e274ed2"]]);
+const KdsSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-3e274ed2"]]);
-const _hoisted_1$s = ["rows", "placeholder", "disabled", "autocomplete"];
+const _hoisted_1$u = ["rows", "placeholder", "disabled", "autocomplete"];
 const DEFAULT_ROWS = 3;
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "KdsTextarea",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -12250,7 +12378,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             placeholder: __props.placeholder,
             disabled: __props.disabled,
             autocomplete: props.autocomplete
-          }), null, 16, _hoisted_1$s), [
+          }), null, 16, _hoisted_1$u), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -12260,16 +12388,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-8e5a54cf"]]);
+const KdsTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-8e5a54cf"]]);
-const _hoisted_1$r = { class: "kds-time-picker" };
-const _hoisted_2$g = { class: "kds-time-picker-fields" };
-const _hoisted_3$d = { class: "kds-time-picker-fields" };
-const _hoisted_4$b = {
+const _hoisted_1$t = { class: "kds-time-picker" };
+const _hoisted_2$h = { class: "kds-time-picker-fields" };
+const _hoisted_3$e = { class: "kds-time-picker-fields" };
+const _hoisted_4$c = {
   key: 0,
   class: "kds-time-picker-fields"
 };
-const _hoisted_5$4 = {
+const _hoisted_5$5 = {
   key: 1,
   class: "kds-time-picker-actions"
 };
@@ -12281,7 +12409,7 @@ const MAX_HOUR = 23;
 const MAX_MINUTE = 59;
 const MAX_SECOND = 59;
 const MAX_MILLISECOND = 999;
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "TimePicker",
   props: /* @__PURE__ */ mergeModels({
     maxGranularity: {}
@@ -12367,9 +12495,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$r, [
-        createElementVNode("div", _hoisted_2$g, [
-          createVNode(_sfc_main$T, {
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+        createElementVNode("div", _hoisted_2$h, [
+          createVNode(_sfc_main$V, {
             ref: "hourInput",
             modelValue: hour.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hour.value = $event),
@@ -12379,7 +12507,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             max: MAX_HOUR,
             step: 1
           }, null, 8, ["modelValue"]),
-          createVNode(_sfc_main$T, {
+          createVNode(_sfc_main$V, {
             modelValue: minute.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => minute.value = $event),
             class: "kds-time-picker-field",
@@ -12394,8 +12522,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           class: "kds-time-picker-divider"
         })) : createCommentVNode("", true),
         showSecondInput.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("div", _hoisted_3$d, [
-            createVNode(_sfc_main$T, {
+          createElementVNode("div", _hoisted_3$e, [
+            createVNode(_sfc_main$V, {
               ref: "secondInput",
               modelValue: second.value,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => second.value = $event),
@@ -12405,7 +12533,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               max: MAX_SECOND,
               step: 1
             }, null, 8, ["modelValue"]),
-            createVNode(_sfc_main$1l, {
+            createVNode(_sfc_main$1n, {
               class: "kds-time-picker-field-trash",
               variant: "transparent",
               "leading-icon": "trash",
@@ -12414,8 +12542,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               onClick: removeSeconds
             })
           ]),
-          showMillisecondInput.value ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
-            createVNode(_sfc_main$T, {
+          showMillisecondInput.value ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
+            createVNode(_sfc_main$V, {
               ref: "millisecondInput",
               modelValue: millisecond.value,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => millisecond.value = $event),
@@ -12428,7 +12556,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               max: MAX_MILLISECOND,
               step: 1
             }, null, 8, ["modelValue"]),
-            createVNode(_sfc_main$1l, {
+            createVNode(_sfc_main$1n, {
               class: "kds-time-picker-field-trash",
               variant: "transparent",
               "leading-icon": "trash",
@@ -12436,8 +12564,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               title: "Remove milliseconds",
               onClick: removeMilliseconds
             })
-          ])) : __props.maxGranularity === "millisecond" ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
-            createVNode(_sfc_main$1l, {
+          ])) : __props.maxGranularity === "millisecond" ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
+            createVNode(_sfc_main$1n, {
               variant: "outlined",
               size: "small",
               "leading-icon": "plus",
@@ -12446,7 +12574,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             })
           ])) : createCommentVNode("", true)
         ], 64)) : __props.maxGranularity !== "minute" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
-          createVNode(_sfc_main$1l, {
+          createVNode(_sfc_main$1n, {
             variant: "outlined",
             size: "small",
             "leading-icon": "plus",
@@ -12459,7 +12587,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
-const TimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-c2bc1234"]]);
+const TimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-c2bc1234"]]);
 const HOURS_END_INDEX = 2;
 const MINUTES_START_INDEX = 2;
@@ -12669,7 +12797,7 @@ const useTimeInputMask = (modelValue, granularityRef) => {
 };
 const invalidTimeMessage = "The entered time is invalid.";
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "KdsTimeInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -12784,7 +12912,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             onBlur: onTextInputBlur
           }), {
             trailing: withCtx(() => [
-              createVNode(_sfc_main$1i, {
+              createVNode(_sfc_main$1k, {
                 modelValue: popoverIsVisible.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => popoverIsVisible.value = $event),
                 size: "xsmall",
@@ -13046,11 +13174,11 @@ const stripInactiveFields = (duration, usedFormat) => {
 };
 const toTitleCase = (key) => key.charAt(0).toUpperCase() + key.slice(1).toLowerCase();
-const _hoisted_1$q = { class: "kds-interval-popover" };
-const _hoisted_2$f = { class: "kds-interval-popover-header" };
-const _hoisted_3$c = { class: "kds-interval-popover-content" };
-const _hoisted_4$a = { class: "kds-interval-popover-grid" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = { class: "kds-interval-popover" };
+const _hoisted_2$g = { class: "kds-interval-popover-header" };
+const _hoisted_3$d = { class: "kds-interval-popover-content" };
+const _hoisted_4$b = { class: "kds-interval-popover-grid" };
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "IntervalInputPopover",
   props: /* @__PURE__ */ mergeModels({
     format: {},
@@ -13144,8 +13272,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("div", _hoisted_2$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+        createElementVNode("div", _hoisted_2$g, [
           _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,
@@ -13157,7 +13285,7 @@ const _sfc_main$A = /* @__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,
@@ -13167,9 +13295,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             variant: "muted",
             "possible-values": directionOptions
           }, null, 8, ["modelValue"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$a, [
+          createElementVNode("div", _hoisted_4$b, [
             mode.value === unref(kdsIntervalInputFormat).DATE ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(periodNumericKeys), (key) => {
-              return openBlock(), createBlock(unref(_sfc_main$T), {
+              return openBlock(), createBlock(unref(_sfc_main$V), {
                 key,
                 "model-value": activeFields.value[key],
                 label: fieldLabels[key] ?? unref(toTitleCase)(key),
@@ -13179,7 +13307,7 @@ const _sfc_main$A = /* @__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$T), {
+              return openBlock(), createBlock(unref(_sfc_main$V), {
                 key,
                 "model-value": activeFields.value[key],
                 label: fieldLabels[key] ?? unref(toTitleCase)(key),
@@ -13196,9 +13324,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
-const IntervalInputPopover = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-02541fd1"]]);
+const IntervalInputPopover = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-02541fd1"]]);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "KdsIntervalInput",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -13360,7 +13488,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               onKeydown: withKeys(withModifiers(commitTypedInput, ["prevent"]), ["enter"])
             }), {
               trailing: withCtx(() => [
-                createVNode(unref(_sfc_main$1i), {
+                createVNode(unref(_sfc_main$1k), {
                   modelValue: isPopoverOpen.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isPopoverOpen.value = $event),
                   size: "xsmall",
@@ -13408,18 +13536,18 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$p = ["id", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-controls", "disabled"];
-const _hoisted_2$e = {
+const _hoisted_1$r = ["id", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-controls", "disabled"];
+const _hoisted_2$f = {
   key: 0,
   class: "leading",
   "aria-hidden": "true"
 };
-const _hoisted_3$b = ["id"];
-const _hoisted_4$9 = {
+const _hoisted_3$c = ["id"];
+const _hoisted_4$a = {
   class: "trailing",
   "aria-hidden": "true"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "BaseDropdown",
   props: /* @__PURE__ */ mergeModels({
     text: {},
@@ -13491,8 +13619,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && emit("click")),
         onKeydown
       }, [
-        props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$e, [
-          createVNode(_sfc_main$1g, {
+        props.accessory ? (openBlock(), createElementBlock("span", _hoisted_2$f, [
+          createVNode(_sfc_main$1i, {
             accessory: props.accessory,
             size: "medium"
           }, null, 8, ["accessory"])
@@ -13503,28 +13631,28 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             placeholder: !props.text && !__props.disabled,
             missing: __props.missing
           }])
-        }, toDisplayString(props.text ?? props.placeholder), 11, _hoisted_3$b),
-        createElementVNode("span", _hoisted_4$9, [
+        }, toDisplayString(props.text ?? props.placeholder), 11, _hoisted_3$c),
+        createElementVNode("span", _hoisted_4$a, [
           createVNode(KdsIcon, {
             name: open.value ? "chevron-up" : "chevron-down",
             size: "small"
           }, null, 8, ["name"])
         ])
-      ], 42, _hoisted_1$p);
+      ], 42, _hoisted_1$r);
     };
   }
 });
-const BaseDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-0f4de8fb"]]);
+const BaseDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-0f4de8fb"]]);
 const DROPDOWN_SEARCH_THRESHOLD = 12;
-const _hoisted_1$o = { class: "kds-dropdown-container" };
-const _hoisted_2$d = {
+const _hoisted_1$q = { class: "kds-dropdown-container" };
+const _hoisted_2$e = {
   key: 0,
   class: "kds-dropdown-container-sticky-top"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "DropdownContainer",
   props: /* @__PURE__ */ mergeModels({
     emptyText: {},
@@ -13608,8 +13736,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
-        searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+        searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
           createVNode(BaseInput, {
             ref_key: "searchEl",
             ref: searchEl,
@@ -13641,9 +13769,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
-const DropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-cdb20fd2"]]);
+const DropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-cdb20fd2"]]);
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "KdsDropdown",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "Select" },
@@ -13736,9 +13864,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$n = ["disabled"];
-const _hoisted_2$c = ["title"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = ["disabled"];
+const _hoisted_2$d = ["title"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "KdsListItemButton",
   props: {
     label: {},
@@ -13768,24 +13896,24 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           ref: labelEl,
           class: "label",
           title: unref(isLabelTruncated) ? props.label : void 0
-        }, toDisplayString(props.label), 9, _hoisted_2$c)
-      ], 8, _hoisted_1$n);
+        }, toDisplayString(props.label), 9, _hoisted_2$d)
+      ], 8, _hoisted_1$p);
     };
   }
 });
-const KdsListItemButton = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-21fb5571"]]);
+const KdsListItemButton = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-21fb5571"]]);
-const _hoisted_1$m = { class: "kds-multi-select-dropdown-options" };
-const _hoisted_2$b = {
+const _hoisted_1$o = { class: "kds-multi-select-dropdown-options" };
+const _hoisted_2$c = {
   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$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "MultiSelectDropdownContainer",
   props: /* @__PURE__ */ mergeModels({
     emptyText: {},
@@ -13908,8 +14036,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+        searchable.value ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
           createVNode(BaseInput, {
             ref_key: "searchEl",
             ref: searchEl,
@@ -13938,7 +14066,7 @@ const _sfc_main$u = /* @__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",
@@ -13951,9 +14079,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
-const MultiSelectDropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-68fe366f"]]);
+const MultiSelectDropdownContainer = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-68fe366f"]]);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "KdsMultiSelectDropdown",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "Select" },
@@ -14080,9 +14208,9 @@ const kdsDimensionComponentHeight20x = 320;
 const kdsSpacingContainer0p10x = 1;
 const kdsSpacingContainer0p25x = 4;
-const _hoisted_1$l = { class: "kds-resize-handle-area" };
-const _hoisted_2$a = ["aria-label"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = { class: "kds-resize-handle-area" };
+const _hoisted_2$b = ["aria-label"];
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "ResizeHandle",
   props: {
     numberOfHandles: { default: 1 },
@@ -14104,7 +14232,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return `calc((100% - ${n - 1} * ${gap}) / ${2 * n})`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedNumberOfHandles.value, (i) => {
           return openBlock(), createElementBlock("button", {
             key: i,
@@ -14113,22 +14241,22 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             type: "button"
           }, [..._cache[0] || (_cache[0] = [
             createElementVNode("span", { class: "kds-resize-handle-line" }, null, -1)
-          ])], 8, _hoisted_2$a);
+          ])], 8, _hoisted_2$b);
         }), 128))
       ]);
     };
   }
 });
-const ResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-df3803d4"]]);
+const ResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-df3803d4"]]);
-const _hoisted_1$k = {
+const _hoisted_1$m = {
   ref: "content",
   class: "kds-resize-container-content"
 };
 const DEFAULT_INITIAL_HEIGHT = 200;
 const KEYBOARD_RESIZE_STEP = 10;
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "KdsResizeContainer",
   props: {
     height: { default: () => DEFAULT_INITIAL_HEIGHT },
@@ -14191,7 +14319,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["kds-resize-container", { dragging: unref(activePointerId) !== null }])
       }, [
-        createElementVNode("div", _hoisted_1$k, [
+        createElementVNode("div", _hoisted_1$m, [
           renderSlot(_ctx.$slots, "default", { contentStyle: contentStyle.value }, void 0, true)
         ], 512),
         createVNode(ResizeHandle, {
@@ -14209,7 +14337,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsResizeContainer = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-46b33b01"]]);
+const KdsResizeContainer = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-46b33b01"]]);
 const CLICK_META_KEY_TIMEOUT = 250;
 const useMultiSelectListBoxSelection = ({
@@ -14501,17 +14629,17 @@ const useMultiSelectListBoxSelection = ({
   };
 };
-const _hoisted_1$j = ["id", "tabindex", "aria-labelledby", "aria-describedby", "aria-label", "aria-invalid", "aria-activedescendant", "aria-disabled", "onKeydown"];
-const _hoisted_2$9 = { class: "kds-multiselect-list-box-content-grid" };
-const _hoisted_3$9 = {
+const _hoisted_1$l = ["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$a = {
   key: 0,
   class: "kds-multiselect-sticky-bottom"
 };
-const _hoisted_4$8 = {
+const _hoisted_4$9 = {
   key: 0,
   class: "kds-multiselect-empty"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "KdsMultiSelectListBox",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -14764,7 +14892,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                   onBlur: _cache[17] || (_cache[17] = //@ts-ignore
                   (...args) => unref(onBlur) && unref(onBlur)(...args))
                 }), [
-                  createElementVNode("div", _hoisted_2$9, [
+                  createElementVNode("div", _hoisted_2$a, [
                     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), {
@@ -14791,7 +14919,7 @@ const _sfc_main$q = /* @__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,
@@ -14811,8 +14939,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["id", "text", "accessory", "missing", "data-option-index", "selected", "disabled", "active", "trailing-icon"])
                     ])) : createCommentVNode("", true)
                   ])
-                ], 16, _hoisted_1$j),
-                visiblePossibleValues.value.length === 0 && !visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+                ], 16, _hoisted_1$l),
+                visiblePossibleValues.value.length === 0 && !visibleBottomValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
                   createVNode(KdsEmptyState, {
                     headline: __props.loading ? "Loading data…" : __props.emptyStateLabel,
                     "loading-spinner": __props.loading,
@@ -14830,16 +14958,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsMultiSelectListBox = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2c5e2dda"]]);
+const KdsMultiSelectListBox = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-2c5e2dda"]]);
-const _hoisted_1$i = { class: "kds-list-column" };
-const _hoisted_2$8 = { class: "kds-list-header" };
-const _hoisted_3$8 = { class: "kds-list-label" };
-const _hoisted_4$7 = {
+const _hoisted_1$k = { class: "kds-list-column" };
+const _hoisted_2$9 = { class: "kds-list-header" };
+const _hoisted_3$9 = { class: "kds-list-label" };
+const _hoisted_4$8 = {
   key: 0,
   class: "kds-list-count"
 };
-const _hoisted_5$3 = { class: "kds-button-column" };
+const _hoisted_5$4 = { 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" };
@@ -14848,7 +14976,7 @@ const _hoisted_9$1 = {
   class: "kds-list-count"
 };
 const UNKNOWN_VALUE_ID = "__unknown-value-option__";
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "TwinListBody",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -15022,10 +15150,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             class: "kds-twin-list-body",
             style: normalizeStyle(contentStyle)
           }, [
-            createElementVNode("div", _hoisted_1$i, [
-              createElementVNode("div", _hoisted_2$8, [
-                createElementVNode("span", _hoisted_3$8, toDisplayString(__props.excludeLabel), 1),
-                !__props.loading && __props.searchTerm ? (openBlock(), createElementBlock("span", _hoisted_4$7, toDisplayString(leftOptions.value.length) + " of " + toDisplayString(excludedItems.value.length), 1)) : createCommentVNode("", true)
+            createElementVNode("div", _hoisted_1$k, [
+              createElementVNode("div", _hoisted_2$9, [
+                createElementVNode("span", _hoisted_3$9, 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)
               ]),
               createVNode(unref(KdsMultiSelectListBox), {
                 modelValue: leftSelected.value,
@@ -15044,8 +15172,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 onKeyEnter: moveRight
               }, null, 8, ["modelValue", "possible-values", "ariaLabel", "disabled", "error", "loading", "empty-state-label", "bottom-value"])
             ]),
-            createElementVNode("div", _hoisted_5$3, [
-              createVNode(unref(_sfc_main$1l), {
+            createElementVNode("div", _hoisted_5$4, [
+              createVNode(unref(_sfc_main$1n), {
                 "leading-icon": "chevron-right",
                 ariaLabel: "Move selected values right",
                 title: "Move selected values right",
@@ -15054,7 +15182,7 @@ const _sfc_main$p = /* @__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$1l), {
+              createVNode(unref(_sfc_main$1n), {
                 "leading-icon": "chevron-right-double",
                 ariaLabel: "Move all values right",
                 title: "Move all values right",
@@ -15066,7 +15194,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   ...showUnknownValues.value && !modelValue.value.includeUnknownValues ? [UNKNOWN_VALUE_ID] : []
                 ]))
               }, null, 8, ["disabled"]),
-              createVNode(unref(_sfc_main$1l), {
+              createVNode(unref(_sfc_main$1n), {
                 "leading-icon": "chevron-left",
                 ariaLabel: "Move selected values left",
                 title: "Move selected values left",
@@ -15075,7 +15203,7 @@ const _sfc_main$p = /* @__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$1l), {
+              createVNode(unref(_sfc_main$1n), {
                 "leading-icon": "chevron-left-double",
                 ariaLabel: "Move all values left",
                 title: "Move all values left",
@@ -15118,7 +15246,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
-const TwinListBody = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-11062d8e"]]);
+const TwinListBody = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-11062d8e"]]);
 const kdsTwinListSearchMode = {
   MANUAL: "manual",
@@ -15127,7 +15255,7 @@ const kdsTwinListSearchMode = {
 };
 const kdsTwinListSearchModes = Object.values(kdsTwinListSearchMode);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "TwinListHeader",
   props: /* @__PURE__ */ mergeModels({
     filterTypes: { default: () => void 0 },
@@ -15203,7 +15331,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           ariaLabel: "Search values",
           placeholder: "Search",
           disabled: __props.disabled
-        }, null, 8, ["modelValue", "disabled"])) : mode.value === unref(kdsTwinListSearchMode).PATTERN ? (openBlock(), createBlock(unref(_sfc_main$F), {
+        }, null, 8, ["modelValue", "disabled"])) : mode.value === unref(kdsTwinListSearchMode).PATTERN ? (openBlock(), createBlock(unref(_sfc_main$H), {
           key: 2,
           modelValue: pattern.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => pattern.value = $event),
@@ -15217,7 +15345,7 @@ const _sfc_main$o = /* @__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$t), {
+        }, null, 8, ["modelValue", "case-sensitive", "exclude-matches", "use-regex", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$v), {
           key: 3,
           modelValue: selectedTypes.value,
           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => selectedTypes.value = $event),
@@ -15231,8 +15359,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$h = { class: "kds-twin-list" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = { class: "kds-twin-list" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "KdsTwinList",
   props: /* @__PURE__ */ mergeModels({
     description: {},
@@ -15363,8 +15491,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         "preserve-sub-text-space": __props.preserveSubTextSpace
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$h, [
-            createVNode(_sfc_main$o, {
+          createElementVNode("div", _hoisted_1$j, [
+            createVNode(_sfc_main$q, {
               mode: mode.value,
               "onUpdate:mode": _cache[0] || (_cache[0] = ($event) => mode.value = $event),
               pattern: pattern.value,
@@ -15405,7 +15533,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsTwinList = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1a9327b5"]]);
+const KdsTwinList = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1a9327b5"]]);
 const useSortableListBoxReorder = ({
   orderedIds,
@@ -15464,11 +15592,11 @@ const useSortableListBoxReorder = ({
   };
 };
-const _hoisted_1$g = { class: "kds-sortable-list-box-wrapper" };
-const _hoisted_2$7 = { class: "kds-sortable-top-buttons" };
-const _hoisted_3$7 = { class: "kds-sortable-top-buttons-left" };
-const _hoisted_4$6 = { class: "kds-sortable-footer-buttons" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = { class: "kds-sortable-list-box-wrapper" };
+const _hoisted_2$8 = { class: "kds-sortable-top-buttons" };
+const _hoisted_3$8 = { class: "kds-sortable-top-buttons-left" };
+const _hoisted_4$7 = { class: "kds-sortable-footer-buttons" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "KdsSortableListBox",
   props: /* @__PURE__ */ mergeModels({
     possibleValues: {},
@@ -15525,10 +15653,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         "preserve-sub-text-space": __props.preserveSubTextSpace
       }), {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$g, [
-            createElementVNode("div", _hoisted_2$7, [
-              createElementVNode("div", _hoisted_3$7, [
-                createVNode(_sfc_main$1l, {
+          createElementVNode("div", _hoisted_1$i, [
+            createElementVNode("div", _hoisted_2$8, [
+              createElementVNode("div", _hoisted_3$8, [
+                createVNode(_sfc_main$1n, {
                   size: "small",
                   variant: "transparent",
                   "leading-icon": "sort-descending",
@@ -15536,7 +15664,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   disabled: __props.disabled,
                   onClick: _cache[0] || (_cache[0] = ($event) => applyReorder(unref(sortByText)(true, optionLookup.value)))
                 }, null, 8, ["disabled"]),
-                createVNode(_sfc_main$1l, {
+                createVNode(_sfc_main$1n, {
                   size: "small",
                   variant: "transparent",
                   "leading-icon": "sort-ascending",
@@ -15545,7 +15673,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   onClick: _cache[1] || (_cache[1] = ($event) => applyReorder(unref(sortByText)(false, optionLookup.value)))
                 }, null, 8, ["disabled"])
               ]),
-              createVNode(_sfc_main$1l, {
+              createVNode(_sfc_main$1n, {
                 size: "small",
                 variant: "transparent",
                 destructive: "",
@@ -15566,8 +15694,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               ariaLabel: formFieldProps.label ?? formFieldProps.ariaLabel ?? ""
               /* fallback only for TS */
             }, null, 8, ["modelValue", "possible-values", "disabled", "error", "ariaLabel"]),
-            createElementVNode("div", _hoisted_4$6, [
-              createVNode(_sfc_main$1l, {
+            createElementVNode("div", _hoisted_4$7, [
+              createVNode(_sfc_main$1n, {
                 size: "small",
                 variant: "transparent",
                 "leading-icon": "to-top",
@@ -15576,7 +15704,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 disabled: __props.disabled || !unref(canMoveUp),
                 onClick: moveToTop
               }, null, 8, ["disabled"]),
-              createVNode(_sfc_main$1l, {
+              createVNode(_sfc_main$1n, {
                 size: "small",
                 variant: "transparent",
                 "leading-icon": "to-bottom",
@@ -15585,7 +15713,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 disabled: __props.disabled || !unref(canMoveDown),
                 onClick: moveToBottom
               }, null, 8, ["disabled"]),
-              createVNode(_sfc_main$1l, {
+              createVNode(_sfc_main$1n, {
                 size: "small",
                 variant: "transparent",
                 "leading-icon": "arrow-up",
@@ -15594,7 +15722,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 disabled: __props.disabled || !unref(canMoveUp),
                 onClick: moveUp
               }, null, 8, ["disabled"]),
-              createVNode(_sfc_main$1l, {
+              createVNode(_sfc_main$1n, {
                 size: "small",
                 variant: "transparent",
                 "leading-icon": "arrow-down",
@@ -15612,10 +15740,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsSortableListBox = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ee7b63e2"]]);
+const KdsSortableListBox = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ee7b63e2"]]);
-const _hoisted_1$f = { class: "kds-info-popover-content" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = { class: "kds-info-popover-content" };
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "InfoPopover",
   props: {
     content: {}
@@ -15623,7 +15751,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(props.content), 1)
         ], true)
@@ -15632,11 +15760,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
-const InfoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-951f2a2b"]]);
+const InfoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-951f2a2b"]]);
-const _hoisted_1$e = ["aria-pressed", "aria-expanded", "aria-controls"];
+const _hoisted_1$g = ["aria-pressed", "aria-expanded", "aria-controls"];
 const TITLE = "Click for more information";
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "KdsInfoToggleButton",
   props: /* @__PURE__ */ mergeModels({
     content: {},
@@ -15678,7 +15806,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             name: "circle-question",
             size: "small"
           })
-        ], 16, _hoisted_1$e),
+        ], 16, _hoisted_1$g),
         createVNode(KdsPopover, {
           ref_key: "popoverEl",
           ref: popoverEl,
@@ -15705,18 +15833,18 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-2e9ef96a"]]);
+const KdsInfoToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2e9ef96a"]]);
 const KdsInfoToggleButton$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: KdsInfoToggleButton
 }, Symbol.toStringTag, { value: 'Module' }));
-const _hoisted_1$d = {
+const _hoisted_1$f = {
   class: "kds-variable-popover",
   tabindex: "0"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "VariablePopover",
   props: {
     content: {}
@@ -15724,7 +15852,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(props.content), 1)
         ], true)
@@ -15733,10 +15861,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
-const VariablePopover = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8a0c56d0"]]);
+const VariablePopover = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-8a0c56d0"]]);
-const _hoisted_1$c = ["title", "aria-label", "aria-pressed", "aria-expanded", "aria-controls"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["title", "aria-label", "aria-pressed", "aria-expanded", "aria-controls"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "KdsVariableToggleButton",
   props: /* @__PURE__ */ mergeModels({
     content: {},
@@ -15825,7 +15953,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             name: iconName.value,
             size: "small"
           }, null, 8, ["name"])
-        ], 16, _hoisted_1$c),
+        ], 16, _hoisted_1$e),
         createVNode(KdsPopover, {
           ref_key: "popoverEl",
           ref: popoverEl,
@@ -15853,15 +15981,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-b6d29842"]]);
+const KdsVariableToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-b6d29842"]]);
-const _hoisted_1$b = { class: "kds-accordion" };
-const _hoisted_2$6 = ["name", "open", "onToggle"];
-const _hoisted_3$6 = ["aria-disabled", "tabindex", "onClick", "onKeydown"];
-const _hoisted_4$5 = { class: "kds-accordion-headline-container" };
-const _hoisted_5$2 = { class: "kds-accordion-headline" };
+const _hoisted_1$d = { class: "kds-accordion" };
+const _hoisted_2$7 = ["name", "open", "onToggle"];
+const _hoisted_3$7 = ["aria-disabled", "tabindex", "onClick", "onKeydown"];
+const _hoisted_4$6 = { class: "kds-accordion-headline-container" };
+const _hoisted_5$3 = { class: "kds-accordion-headline" };
 const _hoisted_6$1 = { class: "kds-accordion-content" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "KdsAccordion",
   props: /* @__PURE__ */ mergeModels({
     items: {},
@@ -15986,7 +16114,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       () => __props.singleExpand ? `kds-accordion-${accordionId}` : void 0
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
           return openBlock(), createElementBlock("details", {
             key: item.id,
@@ -16004,56 +16132,56 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               onClick: ($event) => onSummaryClick($event, item),
               onKeydown: ($event) => handleTriggerKeydown($event, item)
             }, [
-              createElementVNode("span", _hoisted_4$5, [
+              createElementVNode("span", _hoisted_4$6, [
                 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$2, toDisplayString(item.headline), 1)
+                createElementVNode("span", _hoisted_5$3, 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$6);
+          ], 40, _hoisted_2$7);
         }), 128))
       ]);
     };
   }
 });
-const KdsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0beea165"]]);
+const KdsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-0beea165"]]);
-const _hoisted_1$a = { class: "kds-card-header" };
-const _hoisted_2$5 = {
+const _hoisted_1$c = { class: "kds-card-header" };
+const _hoisted_2$6 = {
   key: 0,
   class: "accessory"
 };
-const _hoisted_3$5 = { key: 1 };
-const _hoisted_4$4 = {
+const _hoisted_3$6 = { key: 1 };
+const _hoisted_4$5 = {
   key: 2,
   class: "actions",
   "data-kds-card-secondary-action": ""
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CardHeader",
   props: {
     headline: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        _ctx.$slots.accessory ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        _ctx.$slots.accessory ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
           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$4, [
+        __props.headline ? (openBlock(), createElementBlock("h6", _hoisted_3$6, toDisplayString(__props.headline), 1)) : createCommentVNode("", true),
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
           renderSlot(_ctx.$slots, "actions", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
@@ -16061,9 +16189,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
-const CardHeader = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-09093cc0"]]);
+const CardHeader = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-09093cc0"]]);
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "BaseCard",
   props: {
     variant: {},
@@ -16102,9 +16230,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
-const BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a1aff6d6"]]);
+const BaseCard = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-a1aff6d6"]]);
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "KdsCard",
   props: {
     variant: { default: "outlined" },
@@ -16141,8 +16269,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
-const _hoisted_1$9 = ["aria-label", "aria-labelledby", "disabled"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = ["aria-label", "aria-labelledby", "disabled"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "KdsClickableCard",
   props: {
     variant: { default: "filled" },
@@ -16175,7 +16303,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled,
             "data-kds-card-primary-action": "",
             onClick
-          }, null, 8, _hoisted_1$9)
+          }, null, 8, _hoisted_1$b)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -16201,9 +16329,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsClickableCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-04004cbf"]]);
+const KdsClickableCard = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-04004cbf"]]);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "KdsLinkCard",
   props: {
     variant: { default: "filled" },
@@ -16267,10 +16395,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsLinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-1696fd9e"]]);
+const KdsLinkCard = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1696fd9e"]]);
-const _hoisted_1$8 = ["aria-label", "aria-labelledby", "disabled", "aria-pressed"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = ["aria-label", "aria-labelledby", "disabled", "aria-pressed"];
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "KdsSelectableCard",
   props: /* @__PURE__ */ mergeModels({
     variant: { default: "filled" },
@@ -16308,7 +16436,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             "aria-pressed": modelValue.value,
             "data-kds-card-primary-action": "",
             onClick
-          }, null, 8, _hoisted_1$8)
+          }, null, 8, _hoisted_1$a)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -16334,7 +16462,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsSelectableCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-af9b9bf6"]]);
+const KdsSelectableCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-af9b9bf6"]]);
 const kdsCardVariant = {
   FILLED: "filled",
@@ -16355,17 +16483,17 @@ const kdsPanelBodyVariant = {
 };
 const kdsPanelBodyVariants = Object.values(kdsPanelBodyVariant);
-const _hoisted_1$7 = { class: "kds-panel" };
-const _hoisted_2$4 = {
+const _hoisted_1$9 = { class: "kds-panel" };
+const _hoisted_2$5 = {
   key: 0,
   class: "kds-panel-header"
 };
-const _hoisted_3$4 = ["id"];
-const _hoisted_4$3 = {
+const _hoisted_3$5 = ["id"];
+const _hoisted_4$4 = {
   key: 0,
   class: "kds-panel-headline-text"
 };
-const _hoisted_5$1 = {
+const _hoisted_5$2 = {
   key: 1,
   class: "kds-panel-header-trailing"
 };
@@ -16376,7 +16504,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = { class: "kds-panel-footer-leading" };
 const _hoisted_9 = { class: "kds-panel-footer-trailing" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "KdsPanel",
   props: {
     headline: {},
@@ -16389,7 +16517,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "cd61c39a": _ctx.bodyOverflow
+      "v2ddcad1c": _ctx.bodyOverflow
     }));
     const headlineId = useId();
     const hasHeader = computed(
@@ -16408,37 +16536,37 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       () => isBodyKeyboardFocusable.value && !bodyAriaLabel.value ? slotHeadlineId.value : void 0
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
           __props.headline ? (openBlock(), createElementBlock("div", {
             key: 0,
             id: unref(headlineId),
             class: "kds-panel-headline"
           }, [
-            typeof __props.headline === "string" ? (openBlock(), createElementBlock("h6", _hoisted_4$3, toDisplayString(__props.headline), 1)) : __props.headline.type === "button" ? (openBlock(), createBlock(_sfc_main$1l, mergeProps({ key: 1 }, __props.headline.props, {
+            typeof __props.headline === "string" ? (openBlock(), createElementBlock("h6", _hoisted_4$4, toDisplayString(__props.headline), 1)) : __props.headline.type === "button" ? (openBlock(), createBlock(_sfc_main$1n, mergeProps({ key: 1 }, __props.headline.props, {
               size: "small",
               onClick: __props.headline.onClick
-            }), null, 16, ["onClick"])) : __props.headline.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1a, mergeProps({ key: 2 }, __props.headline.props, {
+            }), null, 16, ["onClick"])) : __props.headline.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1c, 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$1, [
+          ], 8, _hoisted_3$5)) : createCommentVNode("", true),
+          __props.headlineTrailingActions?.length ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.headlineTrailingActions, (action, index) => {
               return openBlock(), createElementBlock(Fragment, { key: index }, [
-                action.type === "button" ? (openBlock(), createBlock(_sfc_main$1l, mergeProps({
+                action.type === "button" ? (openBlock(), createBlock(_sfc_main$1n, mergeProps({
                   key: 0,
                   ref_for: true
                 }, action.props, {
                   size: "small",
                   onClick: action.onClick
-                }), null, 16, ["onClick"])) : action.type === "toggleButton" ? (openBlock(), createBlock(_sfc_main$1i, mergeProps({
+                }), null, 16, ["onClick"])) : action.type === "toggleButton" ? (openBlock(), createBlock(_sfc_main$1k, 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$1a, mergeProps({
+                }), null, 16, ["onUpdate:modelValue"])) : action.type === "menuButton" ? (openBlock(), createBlock(_sfc_main$1c, mergeProps({
                   key: 2,
                   ref_for: true
                 }, action.props, {
@@ -16467,20 +16595,18 @@ const _sfc_main$a = /* @__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$1l, mergeProps({
+              return openBlock(), createBlock(_sfc_main$1n, mergeProps({
                 key: `leading-${index}`
               }, { ref_for: true }, action.props, {
-                size: "small",
                 onClick: action.onClick
               }), null, 16, ["onClick"]);
             }), 128))
           ]),
           createElementVNode("div", _hoisted_9, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.footerTrailingActions, (action, index) => {
-              return openBlock(), createBlock(_sfc_main$1l, mergeProps({
+              return openBlock(), createBlock(_sfc_main$1n, mergeProps({
                 key: `trailing-${index}`
               }, { ref_for: true }, action.props, {
-                size: "small",
                 onClick: action.onClick
               }), null, 16, ["onClick"]);
             }), 128))
@@ -16491,9 +16617,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b56ad38d"]]);
+const KdsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-d3124a50"]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "TabBarItemAccessory",
   props: {
     accessory: {},
@@ -16623,15 +16749,15 @@ const useTabBarAdaptiveLayout = ({
   };
 };
-const _hoisted_1$6 = { class: "kds-tab-bar-wrapper" };
-const _hoisted_2$3 = ["id", "title", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick", "onKeydown"];
-const _hoisted_3$3 = { class: "kds-tab-label" };
-const _hoisted_4$2 = {
+const _hoisted_1$8 = { class: "kds-tab-bar-wrapper" };
+const _hoisted_2$4 = ["id", "title", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick", "onKeydown"];
+const _hoisted_3$4 = { class: "kds-tab-label" };
+const _hoisted_4$3 = {
   key: 1,
   class: "kds-tab-indicator"
 };
 const MIN_TAB_WIDTH_TOKEN = "--kds-dimension-component-width-4x";
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "KdsTabBar",
   props: /* @__PURE__ */ mergeModels({
     tabs: {},
@@ -16755,7 +16881,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", {
           ref_key: "availableWidthContainer",
           ref: availableWidthContainer,
@@ -16785,15 +16911,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               onClick: ($event) => selectTab(tab),
               onKeydown: ($event) => handleKeydown($event, tab)
             }, [
-              tab.accessory && !(tab.accessory.type === "icon" && unref(shouldHideIcons)) ? (openBlock(), createBlock(_sfc_main$9, {
+              tab.accessory && !(tab.accessory.type === "icon" && unref(shouldHideIcons)) ? (openBlock(), createBlock(_sfc_main$b, {
                 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$2)) : createCommentVNode("", true)
-            ], 42, _hoisted_2$3);
+              createElementVNode("span", _hoisted_3$4, toDisplayString(tab.label), 1),
+              modelValue.value === tab.value ? (openBlock(), createElementBlock("span", _hoisted_4$3)) : createCommentVNode("", true)
+            ], 42, _hoisted_2$4);
           }), 128))
         ], 2)
       ]);
@@ -16801,7 +16927,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsTabBar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-91f95f5f"]]);
+const KdsTabBar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-91f95f5f"]]);
 const kdsTabBarSize = {
   SMALL: "small",
@@ -16809,7 +16935,7 @@ const kdsTabBarSize = {
 };
 const kdsTabBarSizes = Object.values(kdsTabBarSize);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "LoadingSkeletonItem",
   props: {
     shape: { default: "text" }
@@ -16824,24 +16950,24 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
-const LoadingSkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-86829b28"]]);
+const LoadingSkeletonItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-86829b28"]]);
-const _hoisted_1$5 = {
+const _hoisted_1$7 = {
   key: 0,
   class: "kds-loading-skeleton",
   "aria-busy": "true"
 };
-const _hoisted_2$2 = {
+const _hoisted_2$3 = {
   key: 0,
   class: "kds-loading-skeleton-headline-with-paragraph"
 };
-const _hoisted_3$2 = { class: "kds-loading-skeleton-paragraph-lines" };
-const _hoisted_4$1 = {
+const _hoisted_3$3 = { class: "kds-loading-skeleton-paragraph-lines" };
+const _hoisted_4$2 = {
   key: 1,
   class: "kds-loading-skeleton-input-with-label"
 };
-const _hoisted_5 = { class: "kds-loading-skeleton-list-item-text" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_5$1 = { class: "kds-loading-skeleton-list-item-text" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "KdsLoadingSkeleton",
   props: {
     variant: { default: "text" },
@@ -16854,22 +16980,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       "v59c08829": _ctx.repeatGap
     }));
     return (_ctx, _cache) => {
-      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
         (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$2, [
+            __props.variant === "headline-with-paragraph" ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
               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$1, [
+            ])) : __props.variant === "input-with-label" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
               createVNode(LoadingSkeletonItem, {
                 shape: "label",
                 class: "label"
@@ -16889,7 +17015,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               createVNode(LoadingSkeletonItem, {
                 shape: __props.variant.startsWith("list-item-large") ? "icon-large" : "icon-small"
               }, null, 8, ["shape"]),
-              createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_5$1, [
                 createVNode(LoadingSkeletonItem, { shape: "text" }),
                 __props.variant.endsWith("subtext") ? (openBlock(), createBlock(LoadingSkeletonItem, {
                   key: 0,
@@ -16909,7 +17035,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsLoadingSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e6597718"]]);
+const KdsLoadingSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e6597718"]]);
 const loadingSkeletonItemShape = {
   TEXT: "text",
@@ -16936,7 +17062,7 @@ const kdsLoadingSkeletonVariants = Object.values(
   kdsLoadingSkeletonVariant
 );
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "KdsNavItem",
   props: {
     label: {},
@@ -17029,7 +17155,7 @@ const _sfc_main$5 = /* @__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$1l), mergeProps({ key: 2 }, __props.trailingButton, {
+          __props.trailingButton ? (openBlock(), createBlock(unref(_sfc_main$1n), mergeProps({ key: 2 }, __props.trailingButton, {
             size: "xsmall",
             onClick: onButtonClick
           }), null, 16)) : createCommentVNode("", true)
@@ -17039,10 +17165,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
-const KdsNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-17711664"]]);
+const KdsNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-17711664"]]);
-const _hoisted_1$4 = ["aria-label"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = ["aria-label"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "KdsNavigation",
   props: /* @__PURE__ */ mergeModels({
     ariaLabel: {},
@@ -17083,12 +17209,248 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ]);
         }), 128))
-      ], 8, _hoisted_1$4);
+      ], 8, _hoisted_1$6);
+    };
+  }
+});
+const KdsNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6cc9519f"]]);
+const _hoisted_1$5 = {
+  key: 1,
+  class: "breadcrumb-label"
+};
+const _hoisted_2$2 = ["aria-label", "aria-current", "title"];
+const _hoisted_3$2 = {
+  key: 1,
+  class: "breadcrumb-label"
+};
+const _hoisted_4$1 = ["aria-label", "aria-current", "title"];
+const _hoisted_5 = {
+  key: 1,
+  class: "breadcrumb-label"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "BreadcrumbItem",
+  props: {
+    item: {},
+    isCurrentItem: { type: Boolean }
+  },
+  emits: ["itemClick"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const linkComponent = resolveNuxtLinkComponent();
+    const isLinkItem = computed(
+      () => !__props.isCurrentItem && "to" in __props.item && Boolean(__props.item.to)
+    );
+    const isButtonItem = computed(
+      () => !__props.isCurrentItem && "handler" in __props.item && Boolean(__props.item.handler)
+    );
+    const onItemClick = () => {
+      if ("handler" in __props.item && __props.item.handler) {
+        emit("itemClick", __props.item);
+      }
+    };
+    return (_ctx, _cache) => {
+      return isLinkItem.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(linkComponent)), {
+        key: 0,
+        class: "kds-breadcrumb-item",
+        to: __props.item.to,
+        "aria-label": __props.item.ariaLabel,
+        "aria-current": __props.isCurrentItem ? "page" : void 0,
+        title: __props.item.title
+      }, {
+        default: withCtx(() => [
+          __props.item.leadingIcon ? (openBlock(), createBlock(unref(KdsIcon), {
+            key: 0,
+            name: __props.item.leadingIcon,
+            class: "breadcrumb-icon"
+          }, null, 8, ["name"])) : createCommentVNode("", true),
+          __props.item.text ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(__props.item.text), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["to", "aria-label", "aria-current", "title"])) : isButtonItem.value ? (openBlock(), createElementBlock("button", {
+        key: 1,
+        type: "button",
+        class: "kds-breadcrumb-item",
+        "aria-label": __props.item.ariaLabel,
+        "aria-current": __props.isCurrentItem ? "page" : void 0,
+        title: __props.item.title,
+        onClick: onItemClick
+      }, [
+        __props.item.leadingIcon ? (openBlock(), createBlock(unref(KdsIcon), {
+          key: 0,
+          name: __props.item.leadingIcon,
+          class: "breadcrumb-icon"
+        }, null, 8, ["name"])) : createCommentVNode("", true),
+        __props.item.text ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(__props.item.text), 1)) : createCommentVNode("", true)
+      ], 8, _hoisted_2$2)) : (openBlock(), createElementBlock("span", {
+        key: 2,
+        class: "kds-breadcrumb-item",
+        "aria-label": __props.item.ariaLabel,
+        "aria-current": __props.isCurrentItem ? "page" : void 0,
+        title: __props.item.title
+      }, [
+        __props.item.leadingIcon ? (openBlock(), createBlock(unref(KdsIcon), {
+          key: 0,
+          name: __props.item.leadingIcon,
+          class: "breadcrumb-icon"
+        }, null, 8, ["name"])) : createCommentVNode("", true),
+        __props.item.text ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.item.text), 1)) : createCommentVNode("", true)
+      ], 8, _hoisted_4$1));
+    };
+  }
+});
+const BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-fd7537fc"]]);
+const useBreadcrumbAdaptiveLayout = (listRef, itemRefs, itemsSource) => {
+  const { width: listWidth } = useElementSize(listRef);
+  const updateLayout = async () => {
+    if (globalThis.window === void 0) {
+      return;
+    }
+    await nextTick();
+    await new Promise(
+      (resolve) => requestAnimationFrame(() => resolve())
+    );
+    const els = itemRefs.value;
+    const ol = listRef.value;
+    if (els.length === 0 || !ol) {
+      return;
+    }
+    const olStyle = getComputedStyle(ol);
+    const cw = ol.clientWidth - Number.parseFloat(olStyle.paddingLeft) - Number.parseFloat(olStyle.paddingRight);
+    if (cw <= 0) {
+      return;
+    }
+    for (const el of els) {
+      el.style.removeProperty("--kds-bc-max-width");
+    }
+    const floorWidths = els.map(
+      (el) => Number.parseFloat(getComputedStyle(el).minWidth)
+    );
+    const naturalWidths = els.map((el) => el.getBoundingClientRect().width);
+    const total = naturalWidths.reduce((sum, w) => sum + w, 0);
+    if (total <= cw) {
+      for (let i = 0; i < els.length; i++) {
+        els[i].style.setProperty(
+          "--kds-bc-natural-width",
+          `${naturalWidths[i]}px`
+        );
+      }
+      return;
+    }
+    const shrinkable = naturalWidths.map(
+      (w, i) => Math.max(0, w - floorWidths[i])
+    );
+    const finalWidths = [...naturalWidths];
+    let excess = total - cw;
+    const distribute = (indices) => {
+      if (excess <= 0 || indices.length === 0) {
+        return;
+      }
+      const capacity = indices.reduce((sum, i) => sum + shrinkable[i], 0);
+      if (capacity <= 0) {
+        return;
+      }
+      if (excess >= capacity) {
+        for (const i of indices) {
+          finalWidths[i] = naturalWidths[i] - shrinkable[i];
+        }
+        excess -= capacity;
+      } else {
+        for (const i of indices) {
+          const portion = shrinkable[i] / capacity * excess;
+          finalWidths[i] = naturalWidths[i] - portion;
+        }
+        excess = 0;
+      }
+    };
+    const n = els.length;
+    const middle = [];
+    for (let i = 1; i < n - 1; i++) {
+      middle.push(i);
+    }
+    distribute(middle);
+    if (n >= 1) {
+      distribute([0]);
+    }
+    if (n >= 2) {
+      distribute([n - 1]);
+    }
+    const SUBPIXEL_TOLERANCE = 0.5;
+    for (let i = 0; i < n; i++) {
+      els[i].style.setProperty(
+        "--kds-bc-natural-width",
+        `${naturalWidths[i]}px`
+      );
+      if (finalWidths[i] < naturalWidths[i] - SUBPIXEL_TOLERANCE) {
+        els[i].style.setProperty(
+          "--kds-bc-max-width",
+          `${Math.max(finalWidths[i], floorWidths[i])}px`
+        );
+      } else {
+        els[i].style.removeProperty("--kds-bc-max-width");
+      }
+    }
+  };
+  watch([listWidth, itemsSource], () => updateLayout(), {
+    immediate: true,
+    deep: true
+  });
+};
+const _hoisted_1$4 = ["aria-label"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "KdsBreadcrumb",
+  props: {
+    items: {},
+    ariaLabel: { default: () => void 0 }
+  },
+  setup(__props) {
+    const rightMostItemIndex = computed(() => __props.items.length - 1);
+    const isCurrentItem = (index) => index === rightMostItemIndex.value;
+    const listRef = useTemplateRef("listRef");
+    const itemRefs = useTemplateRefsList();
+    useBreadcrumbAdaptiveLayout(listRef, itemRefs, () => __props.items);
+    return (_ctx, _cache) => {
+      return __props.items.length ? (openBlock(), createElementBlock("nav", {
+        key: 0,
+        "aria-label": __props.ariaLabel ?? "Breadcrumb"
+      }, [
+        createElementVNode("ol", {
+          ref_key: "listRef",
+          ref: listRef
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (breadcrumbItem, i) => {
+            return openBlock(), createElementBlock("li", {
+              key: `${breadcrumbItem.to ?? breadcrumbItem.text ?? "breadcrumb-item"}-${i}`,
+              ref_for: true,
+              ref: unref(itemRefs).set,
+              class: normalizeClass({ current: isCurrentItem(i) })
+            }, [
+              createVNode(BreadcrumbItem, {
+                item: breadcrumbItem,
+                "is-current-item": isCurrentItem(i),
+                onItemClick: ($event) => breadcrumbItem.handler?.($event)
+              }, null, 8, ["item", "is-current-item", "onItemClick"]),
+              i !== rightMostItemIndex.value ? (openBlock(), createBlock(unref(KdsIcon), {
+                key: 0,
+                name: "path-separator",
+                size: "small",
+                class: "path-separator",
+                "aria-hidden": "true"
+              })) : createCommentVNode("", true)
+            ], 2);
+          }), 128))
+        ], 512)
+      ], 8, _hoisted_1$4)) : createCommentVNode("", true);
     };
   }
 });
-const KdsNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6cc9519f"]]);
+const KdsBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e93667af"]]);
 const createUnwrappedPromise = () => {
   let resolve = () => {
@@ -17168,7 +17530,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             size: "medium"
           }, null, 8, ["name"])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2$1, toDisplayString(__props.headline), 1),
-          createVNode(_sfc_main$1l, {
+          createVNode(_sfc_main$1n, {
             "leading-icon": "x-close",
             variant: "transparent",
             size: "medium",
@@ -17441,7 +17803,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             unref(internal).isTemplateBasedConfirm(unref(config).value) ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).value.component), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_1$1, [
               createElementVNode("div", _hoisted_2, toDisplayString(unref(config).value.message), 1),
               unref(config).value.doNotAskAgain ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                createVNode(_sfc_main$10, {
+                createVNode(_sfc_main$12, {
                   modelValue: askAgain.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => askAgain.value = $event),
                   label: unref(config).value.doNotAskAgain.label,
@@ -17456,7 +17818,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           name: "footer",
           fn: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(config).value.buttons, (button, index) => {
-              return openBlock(), createBlock(_sfc_main$1l, {
+              return openBlock(), createBlock(_sfc_main$1n, {
                 key: index,
                 destructive: button.destructive,
                 autofocus: button.autofocus,
@@ -17584,7 +17946,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttons, (button) => {
-            return openBlock(), createBlock(_sfc_main$1l, {
+            return openBlock(), createBlock(_sfc_main$1n, {
               ref_for: true,
               ref: "measureButton",
               key: button.id,
@@ -17593,7 +17955,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "leading-icon": button.leadingIcon
             }, null, 8, ["label", "variant", "leading-icon"]);
           }), 128)),
-          createVNode(_sfc_main$1a, {
+          createVNode(_sfc_main$1c, {
             ref: "measureMenuButton",
             "leading-icon": "more-actions",
             ariaLabel: "More actions",
@@ -17604,7 +17966,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: ["kds-button-group", __props.alignment]
         }), [
           (openBlock(true), createElementBlock(Fragment, null, renderList(visibleButtons.value, (button) => {
-            return openBlock(), createBlock(_sfc_main$1l, {
+            return openBlock(), createBlock(_sfc_main$1n, {
               key: button.id,
               label: button.label,
               variant: button.variant ?? "outlined",
@@ -17615,7 +17977,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: ($event) => emit("buttonClick", button.id)
             }, null, 8, ["label", "variant", "disabled", "leading-icon", "destructive", "title", "onClick"]);
           }), 128)),
-          overflowButtons.value.length ? (openBlock(), createBlock(_sfc_main$1a, {
+          overflowButtons.value.length ? (openBlock(), createBlock(_sfc_main$1c, {
             key: 0,
             "leading-icon": "more-actions",
             ariaLabel: "More actions",
@@ -17639,5 +18001,5 @@ const kdsResponsiveButtonGroupAlignments = Object.values(
   kdsResponsiveButtonGroupAlignment
 );
-export { KdsAccordion, KdsAvatar, KdsAvatarCounter, KdsBadge, _sfc_main$1l as KdsButton, _sfc_main$e as KdsCard, _sfc_main$10 as KdsCheckbox, KdsCheckboxGroup, KdsClickableCard, _sfc_main$P as KdsColorInput, KdsColorSwatch, _sfc_main$15 as KdsContextMenu, KdsDataType, _sfc_main$I as KdsDateInput, _sfc_main$G as KdsDateTimeFormatInput, KdsDivider, KdsDonutChart, _sfc_main$w as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsInlineMessage, _sfc_main$z as KdsIntervalInput, KdsLabel, KdsLink, _sfc_main$1k as KdsLinkButton, KdsLinkCard, KdsListContainer, KdsLiveStatus, KdsLoadingSkeleton, KdsLoadingSpinner, _sfc_main$16 as KdsMenu, _sfc_main$1a as KdsMenuButton, KdsModal, KdsModalLayout, _sfc_main$t as KdsMultiSelectDropdown, KdsNavItem, KdsNavigation, _sfc_main$T as KdsNumberInput, KdsPanel, _sfc_main$O as KdsPasswordInput, _sfc_main$F as KdsPatternInput, KdsPreviewList, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, KdsResponsiveButtonGroup, KdsSearchInput, KdsSelectableCard, KdsSortableListBox, KdsSplitButton, KdsSubText, KdsTabBar, KdsTextInput, KdsTextarea, _sfc_main$B as KdsTimeInput, _sfc_main$1i as KdsToggleButton, KdsTwinList, _sfc_main$N as KdsUsernameInput, KdsValueSwitch, KdsVariableToggleButton, 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, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsInlineMessageVariant, kdsInlineMessageVariants, kdsIntervalDirectionalities, kdsIntervalDirectionality, kdsIntervalInputFormat, kdsIntervalInputFormats, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSkeletonVariant, kdsLoadingSkeletonVariants, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsPanelBodyOverflow, kdsPanelBodyOverflows, kdsPanelBodyVariant, kdsPanelBodyVariants, kdsPasswordInputAutocomplete, kdsPasswordInputAutocompletes, kdsPasswordInputVariant, kdsPasswordInputVariants, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsResponsiveButtonGroupAlignment, kdsResponsiveButtonGroupAlignments, kdsTabBarSize, kdsTabBarSizes, kdsTemporalType, kdsTemporalTypes, kdsTimeInputGranularities, kdsTimeInputGranularity, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTwinListSearchMode, kdsTwinListSearchModes, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsUsernameInputAutocomplete, kdsUsernameInputAutocompletes, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
+export { KdsAccordion, KdsAvatar, KdsAvatarCounter, KdsBadge, KdsBreadcrumb, _sfc_main$1n as KdsButton, _sfc_main$g as KdsCard, _sfc_main$12 as KdsCheckbox, KdsCheckboxGroup, KdsClickableCard, _sfc_main$R as KdsColorInput, KdsColorSwatch, _sfc_main$17 as KdsContextMenu, KdsDataType, _sfc_main$K as KdsDateInput, _sfc_main$I as KdsDateTimeFormatInput, KdsDivider, KdsDonutChart, _sfc_main$y as KdsDropdown, KdsDynamicModalProvider, KdsEmptyState, KdsIcon, KdsInfoToggleButton, KdsInlineMessage, _sfc_main$B as KdsIntervalInput, KdsLabel, KdsLink, _sfc_main$1m as KdsLinkButton, KdsLinkCard, KdsListContainer, KdsLiveStatus, KdsLoadingSkeleton, KdsLoadingSpinner, _sfc_main$18 as KdsMenu, _sfc_main$1c as KdsMenuButton, KdsModal, KdsModalLayout, _sfc_main$v as KdsMultiSelectDropdown, KdsNavItem, KdsNavigation, _sfc_main$V as KdsNumberInput, KdsPanel, _sfc_main$Q as KdsPasswordInput, _sfc_main$H as KdsPatternInput, KdsPreviewList, KdsProgressButton, KdsRadioButton, KdsRadioButtonGroup, KdsResponsiveButtonGroup, KdsSearchInput, KdsSelectableCard, KdsSortableListBox, KdsSplitButton, KdsSubText, KdsTabBar, KdsTextInput, KdsTextarea, _sfc_main$D as KdsTimeInput, _sfc_main$1k as KdsToggleButton, KdsTwinList, _sfc_main$P as KdsUsernameInput, KdsValueSwitch, KdsVariableToggleButton, 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, kdsIconName, iconNames as kdsIconNames, kdsIconSize, kdsIconSizes, kdsInlineMessageVariant, kdsInlineMessageVariants, kdsIntervalDirectionalities, kdsIntervalDirectionality, kdsIntervalInputFormat, kdsIntervalInputFormats, kdsLiveStatusSize, kdsLiveStatusSizes, kdsLiveStatusStatus, kdsLiveStatusStatuses, kdsLoadingSkeletonVariant, kdsLoadingSkeletonVariants, kdsLoadingSpinnerVariant, kdsLoadingSpinnerVariants, kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, kdsPanelBodyOverflow, kdsPanelBodyOverflows, kdsPanelBodyVariant, kdsPanelBodyVariants, kdsPasswordInputAutocomplete, kdsPasswordInputAutocompletes, kdsPasswordInputVariant, kdsPasswordInputVariants, kdsProgressButtonState, kdsProgressButtonStates, kdsRadioButtonGroupAlignment, kdsRadioButtonGroupAlignments, kdsResponsiveButtonGroupAlignment, kdsResponsiveButtonGroupAlignments, kdsTabBarSize, kdsTabBarSizes, kdsTemporalType, kdsTemporalTypes, kdsTimeInputGranularities, kdsTimeInputGranularity, kdsToggleButtonVariant, kdsToggleButtonVariants, kdsTwinListSearchMode, kdsTwinListSearchModes, kdsTypeIconName, typeIconNames as kdsTypeIconNames, kdsUsernameInputAutocomplete, kdsUsernameInputAutocompletes, kdsValueSwitchSize, kdsValueSwitchSizes, kdsValueSwitchVariant, kdsValueSwitchVariants, useKdsDarkMode, useKdsDynamicModal, useKdsIsTruncated, useKdsLegacyMode };
 //# sourceMappingURL=index.js.map